fan-standard-comp 3.2.8 → 3.2.9

package/es/ButtonGroup/index3.js

@@ -0,0 +1,449 @@
+import "antd/es/popconfirm/style";
+import _Popconfirm from "antd/es/popconfirm";
+import "antd/es/button/style";
+import _Button from "antd/es/button";
+import "antd/es/dropdown/style";
+import _Dropdown from "antd/es/dropdown";
+import "antd/es/menu/style";
+import _Menu from "antd/es/menu";
+function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
+function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+import { __rest } from "tslib";
+import React, { useState, useEffect } from "react";
+import { IconNode } from "../components/index";
+import SpecIcon from "../SpecIcon/index";
+import PopConfirmTitle from './PopConfirmTitle';
+import { funcCode } from "../data/index";
+import { DownOutlined, QuestionCircleOutlined } from "@ant-design/icons";
+import { removeNoPermission, btnIsDisabled } from '../utils/filterPermission.js';
+import { convertToArray } from '../utils/index';
+import _ from 'lodash';
+import './style/index.less';
+var ButtonGroup = function ButtonGroup(props) {
+  var _props$type = props.type,
+    type = _props$type === void 0 ? 'button' : _props$type,
+    _props$rowParams = props.rowParams,
+    rowParams = _props$rowParams === void 0 ? {
+      text: undefined,
+      record: undefined,
+      rowIndex: undefined
+    } : _props$rowParams,
+    codes = props.codes,
+    permissionCodes = props.permissionCodes,
+    _props$dropdownConfig = props.dropdownConfig,
+    dropdownConfig = _props$dropdownConfig === void 0 ? {} : _props$dropdownConfig,
+    _props$moreText = props.moreText,
+    moreText = _props$moreText === void 0 ? '更多' : _props$moreText,
+    moreIcon = props.moreIcon,
+    _props$showTextIcon = props.showTextIcon,
+    showTextIcon = _props$showTextIcon === void 0 ? false : _props$showTextIcon,
+    className = props.className,
+    style = props.style;
+  var _props$options = props.options,
+    options = _props$options === void 0 ? [] : _props$options,
+    _props$min = props.min,
+    min = _props$min === void 0 ? 3 : _props$min; // 最小展示长度不能小于2
+  if (!options) return null; // 没有配置list返回null
+  var _useState = useState(-1),
+    _useState2 = _slicedToArray(_useState, 2),
+    popVisibleIndex = _useState2[0],
+    setPopVisibleIndex = _useState2[1];
+  var _useState3 = useState({}),
+    _useState4 = _slicedToArray(_useState3, 2),
+    popRow = _useState4[0],
+    setPopRow = _useState4[1];
+  var _useState5 = useState(-1),
+    _useState6 = _slicedToArray(_useState5, 2),
+    popSubVisibleIndex = _useState6[0],
+    setPopSubVisibleIndex = _useState6[1];
+  var _useState7 = useState({}),
+    _useState8 = _slicedToArray(_useState7, 2),
+    popSubRow = _useState8[0],
+    setPopSubRow = _useState8[1];
+  var _useState9 = useState([]),
+    _useState10 = _slicedToArray(_useState9, 2),
+    resetList = _useState10[0],
+    setResetList = _useState10[1];
+  useEffect(function () {
+    // codes在方法内，再合并默认的权限配置
+    // 合并本地的codes
+    var codesConcat = _.unionBy(codes || [], funcCode.btnFuncCodes, 'code');
+    // 重组选项options集合数据，排除：无权限（有配置code,并且不包含permissionCodes内）的数据及，isHide 为true的数据
+    setResetList(_toConsumableArray(removeNoPermission(options, permissionCodes, codesConcat, rowParams)) || []);
+    return function () {
+      setResetList([]);
+    };
+  }, [options, codes, permissionCodes]);
+  useEffect(function () {
+    setPopVisibleIndex(-1);
+    setPopSubVisibleIndex(-1);
+    setPopRow({});
+    setPopSubRow({});
+  }, [rowParams]);
+  // 渲染按钮多层级形式 (用于筛选)
+  var buttonMenu = function buttonMenu(group) {
+    return /*#__PURE__*/React.createElement(_Menu, null, group.map(function (item, index) {
+      if (item.children) {
+        return /*#__PURE__*/React.createElement(_Menu.SubMenu, {
+          title: item.exName || item.name,
+          key: index
+        }, item.children.map(function (child, childIndex) {
+          return /*#__PURE__*/React.createElement(_Menu.Item, {
+            key: child.name + childIndex
+          }, /*#__PURE__*/React.createElement("a", {
+            onClick: child.fn ? function () {
+              return child.fn(child);
+            } : null
+          }, /*#__PURE__*/React.createElement(IconNode, {
+            icon: child.icon
+          }), " ", child.exName || child.name));
+        }));
+      }
+      return /*#__PURE__*/React.createElement(_Menu.Item, {
+        key: item.name + index
+      }, /*#__PURE__*/React.createElement("a", {
+        onClick: item.fn ? function () {
+          return item.fn(item);
+        } : null
+      }, /*#__PURE__*/React.createElement(IconNode, {
+        icon: item.icon
+      }), " ", item.exName || item.name));
+    }));
+  };
+  // 渲染按钮形式 (用于筛选)
+  var RenderButtonList = function RenderButtonList(item) {
+    var exName = item.exName,
+      name = item.name,
+      type = item.type,
+      icon = item.icon,
+      ghost = item.ghost,
+      danger = item.danger,
+      disabled = item.disabled,
+      loading = item.loading,
+      fn = item.fn,
+      code = item.code,
+      rowParams = item.rowParams,
+      others = __rest(item, ["exName", "name", "type", "icon", "ghost", "danger", "disabled", "loading", "fn", "code", "rowParams"]);
+    if (Array.isArray(item.children) && item.children.length > 0) {
+      return /*#__PURE__*/React.createElement(_Dropdown, Object.assign({
+        overlay: buttonMenu(item.children),
+        placement: "bottomRight"
+      }, (item === null || item === void 0 ? void 0 : item.dropdownConfig) || dropdownConfig || {}), /*#__PURE__*/React.createElement(_Button, {
+        type: "primary"
+      }, item.exName || item.name, " ", /*#__PURE__*/React.createElement(SpecIcon, {
+        name: "down"
+      })));
+    }
+    return /*#__PURE__*/React.createElement(_Button, Object.assign({
+      type: type || 'primary',
+      danger: danger,
+      ghost: ghost,
+      loading: loading,
+      onClick: fn ? function () {
+        return fn(item);
+      } : null
+    }, others, {
+      icon: /*#__PURE__*/React.createElement(IconNode, {
+        icon: icon
+      }),
+      disabled: btnIsDisabled(disabled, rowParams)
+    }), exName || name);
+  };
+  /*const textMenuItems =  (group) => {
+    return (group || []).map((gItem: any, gIndex) => {
+      return {
+        disabled: btnIsDisabled(gItem.disabled, rowParams),
+        label: gItem.hasOwnProperty('confirmText') || gItem.hasOwnProperty('confirmConfig') ?
+          // @ts-ignore
+          <a disabled={btnIsDisabled(gItem.disabled, rowParams)}
+             onClick={gItem.fn ? () => {
+               setPopVisibleIndex(rowParams.rowIndex)
+               setPopRow(gItem)
+             } : null}>
+            {gItem.render ? gItem.render(...Object.keys(rowParams).map((pItem) => rowParams[pItem])) : (gItem.exName || gItem.name)}
+          </a>
+          : <a className="spec-button-group-text"
+               onClick={gItem.fn ? () => gItem.fn(...Object.keys(rowParams).map((pItem) => rowParams[pItem])) : null}
+            // @ts-ignore
+               disabled={btnIsDisabled(gItem.disabled, rowParams)}>
+            {gItem.render ? gItem.render(...Object.keys(rowParams).map((pItem) => rowParams[pItem])) : (gItem.exName || gItem.name)}
+          </a>,
+        key: gIndex + (gItem.exName || gItem.name),
+        children: gItem.children ? (gItem.children || []).map((child: any, childIndex: number) => {
+          return {
+            label: <a onClick={child.fn ? () => child.fn(...Object.keys(rowParams).map((pItem) => rowParams[pItem])) : null}>
+              {child.render ? child.render(...Object.keys(rowParams).map((pItem) => rowParams[pItem])) : (child.exName || child.name)}
+            </a>,
+            key: childIndex
+          }
+        }) : undefined
+      }
+    })
+  }*/
+  // 自定义渲染显示的文本
+  var renderCustomLabel = function renderCustomLabel(gItem, hideIcon) {
+    return gItem.render ? gItem.render.apply(gItem, _toConsumableArray(Object.keys(rowParams).map(function (pItem) {
+      return rowParams[pItem];
+    }))) : (/*#__PURE__*/React.createElement(React.Fragment, null, !hideIcon && gItem.icon && showTextIcon ? /*#__PURE__*/React.createElement(IconNode, {
+      icon: gItem.icon
+    }) : '', " ", gItem.exName || gItem.name));
+  };
+  // 渲染文本形式多级菜单列表（用于表格）
+  var textMenu = function textMenu(group, source) {
+    var menuTitle = function menuTitle(gItem, displayClass) {
+      return gItem.hasOwnProperty('confirmText') || gItem.hasOwnProperty('confirmConfig') ?
+      /*#__PURE__*/
+      // @ts-ignore
+      React.createElement("a", {
+        disabled: btnIsDisabled(gItem.disabled, rowParams),
+        onClick: gItem.fn ? function () {
+          console.log('带二次确认节点点击区分处理更多里面还是直接展示里面的按钮');
+          setPopVisibleIndex(source === 'isMoreChild' ? rowParams.rowIndex : -1);
+          setPopRow(source === 'isMoreChild' ? gItem : {});
+          setPopSubVisibleIndex(source === 'isMoreChild' ? -1 : rowParams.rowIndex);
+          setPopSubRow(source === 'isMoreChild' ? {} : gItem);
+        } : null
+      }, renderCustomLabel(gItem)) : /*#__PURE__*/React.createElement("a", {
+        className: displayClass,
+        // className={"spec-button-group-text" }
+        onClick: gItem.fn ? function () {
+          return gItem.fn.apply(gItem, _toConsumableArray(Object.keys(rowParams).map(function (pItem) {
+            return rowParams[pItem];
+          })));
+        } : null,
+        // @ts-ignore
+        disabled: btnIsDisabled(gItem.disabled, rowParams)
+      }, renderCustomLabel(gItem));
+    };
+    return /*#__PURE__*/React.createElement(_Menu, {
+      className: "spec-button-text-dropdown"
+    }, group.map(function (gItem, gIndex) {
+      if (gItem.children) {
+        return /*#__PURE__*/React.createElement(_Menu.SubMenu, {
+          title: gItem.exName || gItem.name,
+          key: gItem.name + gIndex
+        }, gItem.children.map(function (child, childIndex) {
+          return /*#__PURE__*/React.createElement(_Menu.Item, {
+            key: child.name + childIndex
+          }, menuTitle(child));
+        }));
+      }
+      return /*#__PURE__*/React.createElement(_Menu.Item, {
+        key: gIndex,
+        disabled: btnIsDisabled(gItem.disabled, rowParams)
+      }, menuTitle(gItem, "spec-button-group-text"));
+    }));
+  };
+  // 渲染文本形式 列表（用于表格）
+  var RenderTextList = function RenderTextList(item) {
+    if (Array.isArray(item.children) && item.children.length > 0) {
+      var hasConfirmText = [];
+      item.children.forEach(function (child) {
+        hasConfirmText = hasConfirmText.concat(convertToArray([child]));
+        console.log('convertToArray', convertToArray([child]));
+      });
+      if (hasConfirmText.filter(function (hcItem) {
+        return hcItem.hasOwnProperty('confirmText') || hcItem.hasOwnProperty('confirmConfig');
+      }).length) {
+        // 子项有二次确认文本，需要显示浮层
+        return /*#__PURE__*/React.createElement(_Popconfirm, Object.assign({
+          placement: "topRight",
+          visible: popSubVisibleIndex === rowParams.rowIndex,
+          icon: /*#__PURE__*/React.createElement(QuestionCircleOutlined, null),
+          trigger: "click"
+        }, popSubRow.hasOwnProperty('confirmConfig') ? popSubRow.confirmConfig : {}, {
+          title: /*#__PURE__*/React.createElement(PopConfirmTitle, Object.assign({}, popSubRow, {
+            extraRow: rowParams
+          })),
+          onCancel: function onCancel() {
+            setPopSubVisibleIndex(-1);
+            // 优先调用其 confirmConfig 配置的 onCancel 事件
+            if (popSubRow.hasOwnProperty('confirmConfig') && popSubRow.confirmConfig.onCancel) {
+              var _popSubRow$confirmCon;
+              (_popSubRow$confirmCon = popSubRow.confirmConfig).onCancel.apply(_popSubRow$confirmCon, _toConsumableArray(Object.keys(rowParams).map(function (pItem) {
+                return rowParams[pItem];
+              })));
+            }
+          },
+          onConfirm: function onConfirm() {
+            setPopSubVisibleIndex(-1);
+            // 优先调用其 confirmConfig 配置的 onConfirm 事件
+            if (popSubRow.hasOwnProperty('confirmConfig') && popSubRow.confirmConfig.onConfirm) {
+              var _popSubRow$confirmCon2;
+              (_popSubRow$confirmCon2 = popSubRow.confirmConfig).onConfirm.apply(_popSubRow$confirmCon2, _toConsumableArray(Object.keys(rowParams).map(function (pItem) {
+                return rowParams[pItem];
+              })));
+            } else if (popSubRow.fn) {
+              popSubRow.fn.apply(popSubRow, _toConsumableArray(Object.keys(rowParams).map(function (pItem) {
+                return rowParams[pItem];
+              })));
+            }
+          }
+        }), /*#__PURE__*/React.createElement(_Dropdown, Object.assign({
+          overlay: textMenu(item.children),
+          placement: "bottomRight"
+        }, (item === null || item === void 0 ? void 0 : item.dropdownConfig) || dropdownConfig || {}), /*#__PURE__*/React.createElement("a", {
+          className: "spec-button-group-text"
+        }, item.render ? item.render.apply(item, _toConsumableArray(Object.keys(rowParams).map(function (pItem) {
+          return rowParams[pItem];
+        }))) : item.exName || item.name, " ", /*#__PURE__*/React.createElement(SpecIcon, {
+          name: "down"
+        }))));
+      }
+      return /*#__PURE__*/React.createElement(_Dropdown, Object.assign({
+        overlay: textMenu(item.children),
+        placement: "bottomRight"
+      }, (item === null || item === void 0 ? void 0 : item.dropdownConfig) || dropdownConfig || {}), /*#__PURE__*/React.createElement("a", {
+        className: "spec-button-group-text"
+      }, item.render ? item.render.apply(item, _toConsumableArray(Object.keys(rowParams).map(function (pItem) {
+        return rowParams[pItem];
+      }))) : item.exName || item.name, " ", /*#__PURE__*/React.createElement(SpecIcon, {
+        name: "down"
+      })));
+    }
+    return /*#__PURE__*/React.createElement(React.Fragment, null, item.hasOwnProperty('confirmText') || item.hasOwnProperty('confirmConfig') ? /*#__PURE__*/React.createElement(_Popconfirm, Object.assign({
+      placement: "topRight",
+      icon: /*#__PURE__*/React.createElement(QuestionCircleOutlined, null)
+    }, item.hasOwnProperty('confirmConfig') ? item.confirmConfig : {}, {
+      title: /*#__PURE__*/React.createElement(PopConfirmTitle, Object.assign({}, item, {
+        extraRow: rowParams
+      })),
+      onCancel: function onCancel() {
+        if (item.hasOwnProperty('confirmConfig') && item.confirmConfig.onCancel) {
+          var _item$confirmConfig;
+          (_item$confirmConfig = item.confirmConfig).onCancel.apply(_item$confirmConfig, _toConsumableArray(Object.keys(rowParams).map(function (pItem) {
+            return rowParams[pItem];
+          })));
+        }
+      },
+      onConfirm: function onConfirm() {
+        if (item.hasOwnProperty('confirmConfig') && item.confirmConfig.onConfirm) {
+          var _item$confirmConfig2;
+          (_item$confirmConfig2 = item.confirmConfig).onConfirm.apply(_item$confirmConfig2, _toConsumableArray(Object.keys(rowParams).map(function (pItem) {
+            return rowParams[pItem];
+          })));
+        } else if (item.fn) {
+          item.fn.apply(item, _toConsumableArray(Object.keys(rowParams).map(function (pItem) {
+            return rowParams[pItem];
+          })));
+        }
+      }
+    }), /*#__PURE__*/React.createElement("a", {
+      className: "spec-button-group-text",
+      key: item.index,
+      title: item.exName || item.name,
+      // @ts-ignore
+      disabled: btnIsDisabled(item.disabled, rowParams)
+    }, item.render ? item.render.apply(item, _toConsumableArray(Object.keys(rowParams).map(function (pItem) {
+      return rowParams[pItem];
+    }))) : item.exName || item.name)) : /*#__PURE__*/React.createElement("a", {
+      className: "spec-button-group-text",
+      title: item.exName || item.name,
+      key: item.index,
+      // @ts-ignore
+      disabled: btnIsDisabled(item.disabled, rowParams),
+      onClick: item.fn ? function () {
+        return item.fn.apply(item, _toConsumableArray(Object.keys(rowParams).map(function (pItem) {
+          return rowParams[pItem];
+        })));
+      } : null
+    }, item.render ? item.render.apply(item, _toConsumableArray(Object.keys(rowParams).map(function (pItem) {
+      return rowParams[pItem];
+    }))) : item.exName || item.name));
+  };
+  // 渲染展示的按钮列表
+  var renderDisplayButton = function renderDisplayButton(item, index) {
+    /*渲染自定义*/
+    if (item.render) {
+      return /*#__PURE__*/React.createElement(React.Fragment, null, typeof item.render === 'function' ? item.render.apply(item, _toConsumableArray(Object.keys(rowParams).map(function (pItem) {
+        return rowParams[pItem];
+      }))) : item.render);
+    }
+    /*渲染按钮形式*/
+    if (type === 'button') {
+      return /*#__PURE__*/React.createElement(RenderButtonList, Object.assign({
+        key: index
+      }, item, {
+        rowParams: rowParams
+      }));
+    }
+    /*渲染文本形式*/
+    return /*#__PURE__*/React.createElement(RenderTextList, Object.assign({
+      key: index
+    }, item));
+  };
+  if (min < 2) min = 2;
+  if (resetList.length === 0) {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, type !== 'button' ? '-' : null);
+  }
+  if (resetList.length > min) {
+    var forGroup = resetList.slice(0, min - 1);
+    var forDrop = resetList.slice(min - 1);
+    return /*#__PURE__*/React.createElement("span", {
+      className: "spec-button-group ".concat(className || ''),
+      style: style
+    }, forGroup.map(function (item, index) {
+      return index < min - 1 ? renderDisplayButton(item, index) : null;
+    }), type === 'button' ? /*#__PURE__*/React.createElement(_Dropdown, Object.assign({
+      overlay: buttonMenu(forDrop),
+      placement: "bottomRight"
+    }, dropdownConfig), /*#__PURE__*/React.createElement(_Button, {
+      type: "primary"
+    }, moreText || '更多', moreIcon || /*#__PURE__*/React.createElement(DownOutlined, null))) : /*#__PURE__*/React.createElement(_Popconfirm, Object.assign({
+      placement: "topRight",
+      visible: popVisibleIndex === rowParams.rowIndex,
+      icon: /*#__PURE__*/React.createElement(QuestionCircleOutlined, null),
+      trigger: "click"
+    }, popRow.hasOwnProperty('confirmConfig') ? popRow.confirmConfig : {}, {
+      title: /*#__PURE__*/React.createElement(PopConfirmTitle, Object.assign({}, popRow, {
+        extraRow: rowParams
+      })),
+      onCancel: function onCancel() {
+        setPopVisibleIndex(-1);
+        setPopSubVisibleIndex(-1);
+        // 优先调用其 confirmConfig 配置的 onCancel 事件
+        if (popRow.hasOwnProperty('confirmConfig') && popRow.confirmConfig.onCancel) {
+          var _popRow$confirmConfig;
+          (_popRow$confirmConfig = popRow.confirmConfig).onCancel.apply(_popRow$confirmConfig, _toConsumableArray(Object.keys(rowParams).map(function (pItem) {
+            return rowParams[pItem];
+          })));
+        }
+      },
+      onConfirm: function onConfirm() {
+        setPopVisibleIndex(-1);
+        setPopSubVisibleIndex(-1);
+        // 优先调用其 confirmConfig 配置的 onConfirm 事件
+        if (popRow.hasOwnProperty('confirmConfig') && popRow.confirmConfig.onConfirm) {
+          var _popRow$confirmConfig2;
+          (_popRow$confirmConfig2 = popRow.confirmConfig).onConfirm.apply(_popRow$confirmConfig2, _toConsumableArray(Object.keys(rowParams).map(function (pItem) {
+            return rowParams[pItem];
+          })));
+        } else if (popRow.fn) {
+          popRow.fn.apply(popRow, _toConsumableArray(Object.keys(rowParams).map(function (pItem) {
+            return rowParams[pItem];
+          })));
+        }
+      }
+    }), /*#__PURE__*/React.createElement(_Dropdown, Object.assign({
+      overlay: textMenu(forDrop, 'isMoreChild'),
+      placement: "bottomRight"
+    }, dropdownConfig), /*#__PURE__*/React.createElement("a", {
+      className: "spec-button-group-text"
+    }, moreText || '更多', moreIcon || /*#__PURE__*/React.createElement(DownOutlined, null)))));
+  }
+  return /*#__PURE__*/React.createElement("span", {
+    className: "spec-button-group ".concat(className || ''),
+    style: style
+  }, resetList.map(function (item, index) {
+    return renderDisplayButton(item, index);
+  }));
+};
+export default ButtonGroup;

package/es/components/IconNode/index.d.ts

@@ -11,6 +11,7 @@ import React from "react";
  */
 interface IconNodeProps {
     icon?: string | string[] | React.ReactNode;
+    style?: any;
 }
 declare const IconNode: (props: IconNodeProps) => React.JSX.Element;
 export default IconNode;

package/es/components/IconNode/index.js

@@ -1,21 +1,24 @@
 import SpecIcon from "../../SpecIcon/index";
 import React from "react";
 var IconNode = function IconNode(props) {
-  var icon = props.icon;
+  var icon = props.icon,
+    style = props.style;
   if (!icon) return null;
   if (typeof icon === 'string') {
     var iconArr = icon.split(',');
     return /*#__PURE__*/React.createElement(SpecIcon, {
       prefix: iconArr.length > 1 ? iconArr[0] : 'speci',
       noPrefix: !iconArr[0] || iconArr[0] === 'noPrefix',
-      name: iconArr.length > 1 ? iconArr[1] : icon
+      name: iconArr.length > 1 ? iconArr[1] : icon,
+      style: style
     });
   }
   if (Array.isArray(icon) && icon.length > 1) {
     // @ts-ignore
     return /*#__PURE__*/React.createElement(SpecIcon, {
       prefix: icon[0],
-      name: icon[1]
+      name: icon[1],
+      style: style
     }); // 预留 Array ['speci','plus']
   }
   return /*#__PURE__*/React.createElement(React.Fragment, null, icon);

package/lib/ButtonGroup/index.d.ts

@@ -29,8 +29,11 @@ interface ButtonGroupProps {
     dropdownConfig?: Object;
     moreText?: string;
     moreIcon?: React.ReactNode | string | number;
+    size?: any;
+    showTextIcon?: boolean;
     className?: string;
     style?: object;
+    [k: string]: any;
 }
 declare const ButtonGroup: (props: ButtonGroupProps) => React.JSX.Element;
 export default ButtonGroup;