fan-standard-comp 3.2.1 → 4.0.1

package/lib/ButtonGroup/index.js

@@ -5,24 +5,30 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-require("antd/es/popconfirm/style");
-var _popconfirm = _interopRequireDefault(require("antd/es/popconfirm"));
-require("antd/es/button/style");
-var _button = _interopRequireDefault(require("antd/es/button"));
-require("antd/es/dropdown/style");
-var _dropdown = _interopRequireDefault(require("antd/es/dropdown"));
-var _tslib = require("tslib");
 var _react = _interopRequireWildcard(require("react"));
-var _index = require("../components/index");
-var _index2 = _interopRequireDefault(require("../SpecIcon/index"));
+var _components = require("../components");
+var _SpecIcon = _interopRequireDefault(require("../SpecIcon"));
 var _PopConfirmTitle = _interopRequireDefault(require("./PopConfirmTitle"));
-var _index3 = require("../data/index");
+var _antd = require("antd");
+var _index = require("../data/index");
 var _icons = require("@ant-design/icons");
 var _filterPermission = require("../utils/filterPermission");
-require("./style/index.less");
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var _styles = _interopRequireDefault(require("./styles"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _excluded = ["code", "fn", "exName", "name", "children", "icon"],
+  _excluded2 = ["exName", "name", "type", "icon", "ghost", "danger", "disabled", "loading", "fn", "code", "rowParams"],
+  _excluded3 = ["code", "fn", "exName", "name", "children", "icon", "confirmText", "confirmConfig"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _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(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
@@ -30,9 +36,11 @@ function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToAr
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _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(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-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 _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+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(arr) { if (Array.isArray(arr)) return arr; }
+// 参数API
+
 var ButtonGroup = function ButtonGroup(props) {
   var _props$type = props.type,
     type = _props$type === void 0 ? 'button' : _props$type,
@@ -43,15 +51,17 @@ var ButtonGroup = function ButtonGroup(props) {
       rowIndex: undefined
     } : _props$rowParams,
     _props$codes = props.codes,
-    codes = _props$codes === void 0 ? _index3.funcCode.btnFuncCodes : _props$codes,
+    codes = _props$codes === void 0 ? _index.funcCode.btnFuncCodes : _props$codes,
     permissionCodes = props.permissionCodes,
     _props$dropdownConfig = props.dropdownConfig,
-    dropdownConfig = _props$dropdownConfig === void 0 ? {} : _props$dropdownConfig;
+    dropdownConfig = _props$dropdownConfig === void 0 ? {} : _props$dropdownConfig,
+    _props$moreText = props.moreText,
+    moreText = _props$moreText === void 0 ? '更多' : _props$moreText,
+    moreIcon = props.moreIcon;
   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
-  var moreText = '更多';
   if (!options) return null; // 没有配置list返回null
   var _useState = (0, _react.useState)(-1),
     _useState2 = _slicedToArray(_useState, 2),
@@ -67,6 +77,7 @@ var ButtonGroup = function ButtonGroup(props) {
     setResetList = _useState6[1];
   (0, _react.useEffect)(function () {
     // 重组选项options集合数据，排除：无权限（有配置code,并且不包含permissionCodes内）的数据及，isHide 为true的数据
+    // @ts-ignore
     setResetList(_toConsumableArray((0, _filterPermission.removeNoPermission)(options, permissionCodes, codes, rowParams)) || []);
     return function () {
       setResetList([]);
@@ -75,79 +86,7 @@ var ButtonGroup = function ButtonGroup(props) {
   (0, _react.useEffect)(function () {
     setPopVisibleIndex(-1);
   }, [rowParams]);
-  /*  // 渲染按钮多层级形式 (用于筛选)
-    const buttonMenu = (group: any) => {
-      return (<Menu>
-        {
-          group.map((item: any, index: number) => {
-            if (item.children) {
-              return <Menu.SubMenu title={item.exName || item.name} key={index}>
-                {
-                  item.children.map((child: any, childIndex: number) => {
-                    return (<Menu.Item key={childIndex}>
-                      <a onClick={child.fn ? () => child.fn(child) : null}
-                      >
-                        <IconNode icon={child.icon}/> {child.exName || child.name}
-                      </a>
-                    </Menu.Item>)
-                  })
-                }
-              </Menu.SubMenu>
-            }
-            return (
-              <Menu.Item key={index}>
-                <a onClick={item.fn ? () => item.fn(item) : null}>
-                  <IconNode icon={item.icon}/> {item.exName || item.name}
-                </a>
-              </Menu.Item>
-            )
-          })
-        }
-      </Menu>)
-    };
-    // 渲染文本形式多级菜单列表（用于表格）
-    const textMenu = (group: any[]) => {
-      return (
-        <Menu className="spec-button-text-dropdown">
-          {
-            group.map((gItem: any, gIndex: number) => {
-  
-              if (gItem.children) {
-                return <Menu.SubMenu title={gItem.exName || gItem.name} key={gItem}>
-                  {
-                    gItem.children.map((child: any, childIndex: number) => <Menu.Item key={childIndex}>
-                      <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>
-                    </Menu.Item>)
-                  }
-                </Menu.SubMenu>
-              }
-              return <Menu.Item key={gIndex}
-                                disabled={btnIsDisabled(gItem.disabled, rowParams)}>
-                {
-                  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>
-                }
-              </Menu.Item>
-            })
-          }
-        </Menu>
-      )
-    };*/
+
   // 递归转换原来的数组结构
   var deepTransButtonMenus = function deepTransButtonMenus(groupArray) {
     if (!Array.isArray(groupArray)) {
@@ -160,12 +99,12 @@ var ButtonGroup = function ButtonGroup(props) {
         name = vItem.name,
         children = vItem.children,
         icon = vItem.icon,
-        others = (0, _tslib.__rest)(vItem, ["code", "fn", "exName", "name", "children", "icon"]);
-      return Object.assign(Object.assign({}, others), {
+        others = _objectWithoutProperties(vItem, _excluded);
+      return _objectSpread(_objectSpread({}, others), {}, {
         key: code ? code + i : i,
-        icon: /*#__PURE__*/_react.default.createElement(_index.IconNode, {
+        icon: icon ? /*#__PURE__*/_react.default.createElement(_components.IconNode, {
           icon: icon
-        }),
+        }) : null,
         label: /*#__PURE__*/_react.default.createElement("a", {
           onClick: function onClick() {
             return fn && fn(vItem);
@@ -175,12 +114,36 @@ var ButtonGroup = function ButtonGroup(props) {
       });
     });
   };
-  // {gItem.render ? gItem.render(...Object.keys(rowParams).map((pItem) => rowParams[pItem])) : (gItem.exName || gItem.name)}
-  // 自定义渲染显示的文本
-  var renderCustomLabel = function renderCustomLabel(gItem) {
-    return gItem.render ? gItem.render.apply(gItem, _toConsumableArray(Object.keys(rowParams).map(function (pItem) {
-      return rowParams[pItem];
-    }))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, gItem.icon ? ' ' : '', gItem.exName || gItem.name);
+
+  // 渲染按钮多层级形式 (用于筛选)
+  var buttonMenu = function buttonMenu(group) {
+    return /*#__PURE__*/_react.default.createElement(_antd.Menu, null, group.map(function (item, index) {
+      if (item.children) {
+        return /*#__PURE__*/_react.default.createElement(_antd.Menu.SubMenu, {
+          title: item.exName || item.name,
+          key: index
+        }, item.children.map(function (child, childIndex) {
+          return /*#__PURE__*/_react.default.createElement(_antd.Menu.Item, {
+            key: child.name + childIndex
+          }, /*#__PURE__*/_react.default.createElement("a", {
+            onClick: child.fn ? function () {
+              return child.fn(child);
+            } : undefined
+          }, /*#__PURE__*/_react.default.createElement(_components.IconNode, {
+            icon: child.icon
+          }), " ", child.exName || child.name));
+        }));
+      }
+      return /*#__PURE__*/_react.default.createElement(_antd.Menu.Item, {
+        key: item.name + index
+      }, /*#__PURE__*/_react.default.createElement("a", {
+        onClick: item.fn ? function () {
+          return item.fn(item);
+        } : undefined
+      }, /*#__PURE__*/_react.default.createElement(_components.IconNode, {
+        icon: item.icon
+      }), " ", item.exName || item.name));
+    }));
   };
   // 渲染按钮形式 (用于筛选)
   var RenderButtonList = function RenderButtonList(item) {
@@ -195,33 +158,124 @@ var ButtonGroup = function ButtonGroup(props) {
       fn = item.fn,
       code = item.code,
       rowParams = item.rowParams,
-      others = (0, _tslib.__rest)(item, ["exName", "name", "type", "icon", "ghost", "danger", "disabled", "loading", "fn", "code", "rowParams"]);
+      others = _objectWithoutProperties(item, _excluded2);
     if (Array.isArray(item.children) && item.children.length > 0) {
       // overlay={buttonMenu(item.children)}
-      return /*#__PURE__*/_react.default.createElement(_dropdown.default, Object.assign({
+      return /*#__PURE__*/_react.default.createElement(_antd.Dropdown, _extends({
         menu: {
           items: deepTransButtonMenus(item.children)
         },
         placement: "bottomRight"
-      }, (item === null || item === void 0 ? void 0 : item.dropdownConfig) || dropdownConfig || {}), /*#__PURE__*/_react.default.createElement(_button.default, {
+      }, (item === null || item === void 0 ? void 0 : item.dropdownConfig) || dropdownConfig || {}), /*#__PURE__*/_react.default.createElement(_antd.Button, {
         type: "primary"
-      }, item.exName || item.name || item.label, " ", /*#__PURE__*/_react.default.createElement(_index2.default, {
+      }, item.exName || item.name, " ", /*#__PURE__*/_react.default.createElement(_SpecIcon.default, {
         name: "down"
       })));
     }
-    return /*#__PURE__*/_react.default.createElement(_button.default, Object.assign({
+    return /*#__PURE__*/_react.default.createElement(_antd.Button, _extends({
       type: type || 'primary',
       danger: danger,
       ghost: ghost,
+      loading: loading,
       onClick: fn ? function () {
         return fn(item);
       } : null
     }, others, {
-      icon: /*#__PURE__*/_react.default.createElement(_index.IconNode, {
+      icon: icon ? /*#__PURE__*/_react.default.createElement(_components.IconNode, {
         icon: icon
-      }),
+      }) : null,
       disabled: (0, _filterPermission.btnIsDisabled)(disabled, rowParams)
-    }), exName || name || others.label);
+    }), 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 textMenu = function textMenu(group) {
+    return /*#__PURE__*/_react.default.createElement(_antd.Menu, {
+      className: "spec-button-text-dropdown"
+    }, group.map(function (gItem, gIndex) {
+      if (gItem.children) {
+        return /*#__PURE__*/_react.default.createElement(_antd.Menu.SubMenu, {
+          title: gItem.exName || gItem.name,
+          key: gItem.name + gIndex
+        }, gItem.children.map(function (child, childIndex) {
+          return /*#__PURE__*/_react.default.createElement(_antd.Menu.Item, {
+            key: child.name + childIndex
+          }, /*#__PURE__*/_react.default.createElement("a", {
+            onClick: child.fn ? function () {
+              return child.fn.apply(child, _toConsumableArray(Object.keys(rowParams).map(function (pItem) {
+                return rowParams[pItem];
+              })));
+            } : undefined
+          }, child.render ? child.render.apply(child, _toConsumableArray(Object.keys(rowParams).map(function (pItem) {
+            return rowParams[pItem];
+          }))) : child.exName || child.name));
+        }));
+      }
+      return /*#__PURE__*/_react.default.createElement(_antd.Menu.Item, {
+        key: gIndex,
+        disabled: (0, _filterPermission.btnIsDisabled)(gItem.disabled, rowParams)
+      }, gItem.hasOwnProperty('confirmText') || gItem.hasOwnProperty('confirmConfig') ?
+      /*#__PURE__*/
+      // @ts-ignore
+      _react.default.createElement("a", {
+        disabled: (0, _filterPermission.btnIsDisabled)(gItem.disabled, rowParams),
+        onClick: gItem.fn ? function () {
+          // @ts-ignore
+          setPopVisibleIndex(rowParams === null || rowParams === void 0 ? void 0 : rowParams.rowIndex);
+          setPopRow(gItem);
+        } : undefined
+      }, gItem.render ? gItem.render.apply(gItem, _toConsumableArray(Object.keys(rowParams).map(function (pItem) {
+        return rowParams[pItem];
+      }))) : gItem.exName || gItem.name) : /*#__PURE__*/_react.default.createElement("a", {
+        className: 'spec-button-group-text',
+        onClick: gItem.fn ? function () {
+          return gItem.fn.apply(gItem, _toConsumableArray(Object.keys(rowParams).map(function (pItem) {
+            return rowParams[pItem];
+          })));
+        } : undefined
+        // @ts-ignore
+        ,
+        disabled: (0, _filterPermission.btnIsDisabled)(gItem.disabled, rowParams)
+      }, gItem.render ? gItem.render.apply(gItem, _toConsumableArray(Object.keys(rowParams).map(function (pItem) {
+        return rowParams[pItem];
+      }))) : gItem.exName || gItem.name));
+    }));
+  };
+  // 自定义渲染显示的文本
+  var renderCustomLabel = function renderCustomLabel(gItem) {
+    return gItem.render ? gItem.render.apply(gItem, _toConsumableArray(Object.keys(rowParams).map(function (pItem) {
+      return rowParams[pItem];
+    }))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, gItem.icon ? ' ' : '', gItem.exName || gItem.name);
   };
   // 递归转换原来的数组结构
   var deepTransTextMenus = function deepTransTextMenus(groupArray) {
@@ -237,7 +291,7 @@ var ButtonGroup = function ButtonGroup(props) {
         icon = vItem.icon,
         confirmText = vItem.confirmText,
         confirmConfig = vItem.confirmConfig,
-        others = (0, _tslib.__rest)(vItem, ["code", "fn", "exName", "name", "children", "icon", "confirmText", "confirmConfig"]);
+        others = _objectWithoutProperties(vItem, _excluded3);
       return {
         danger: others.danger,
         disabled: (0, _filterPermission.btnIsDisabled)(others.disabled, rowParams),
@@ -247,6 +301,7 @@ var ButtonGroup = function ButtonGroup(props) {
           onClick: function onClick() {
             // 配置二次确认
             if (vItem.hasOwnProperty('confirmText') || vItem.hasOwnProperty('confirmConfig')) {
+              // @ts-ignore
               fn ? (setPopVisibleIndex(rowParams.rowIndex), setPopRow(vItem)) : null;
             } else {
               fn && fn.apply(void 0, _toConsumableArray(Object.keys(rowParams).map(function (pItem) {
@@ -260,28 +315,29 @@ var ButtonGroup = function ButtonGroup(props) {
       };
     });
   };
+
   // 渲染文本形式 列表（用于表格）
   var RenderTextList = function RenderTextList(item) {
     if (Array.isArray(item.children) && item.children.length > 0) {
-      // overlay={textMenu(item.children)}
-      return /*#__PURE__*/_react.default.createElement(_dropdown.default, Object.assign({
+      return /*#__PURE__*/_react.default.createElement(_antd.Dropdown, _extends({
         menu: {
           items: deepTransTextMenus(item.children)
         },
         placement: "bottomRight"
       }, (item === null || item === void 0 ? void 0 : item.dropdownConfig) || dropdownConfig || {}), /*#__PURE__*/_react.default.createElement("a", {
-        className: "spec-button-group-text"
+        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.default.createElement(_index2.default, {
+      }))) : item.exName || item.name, " ", /*#__PURE__*/_react.default.createElement(_SpecIcon.default, {
         name: "down"
       })));
     }
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, item.hasOwnProperty('confirmText') || item.hasOwnProperty('confirmConfig') ? /*#__PURE__*/_react.default.createElement(_popconfirm.default, Object.assign({
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, item.hasOwnProperty('confirmText') || item.hasOwnProperty('confirmConfig') ? /*#__PURE__*/_react.default.createElement(_antd.Popconfirm, _extends({
       placement: "topRight",
       icon: /*#__PURE__*/_react.default.createElement(_icons.QuestionCircleOutlined, null)
     }, item.hasOwnProperty('confirmConfig') ? item.confirmConfig : {}, {
-      title: /*#__PURE__*/_react.default.createElement(_PopConfirmTitle.default, Object.assign({}, item, {
+      // 弹出扩展配置
+      title: /*#__PURE__*/_react.default.createElement(_PopConfirmTitle.default, _extends({}, item, {
         extraRow: rowParams
       })),
       onCancel: function onCancel() {
@@ -305,23 +361,29 @@ var ButtonGroup = function ButtonGroup(props) {
         }
       }
     }), /*#__PURE__*/_react.default.createElement("a", {
-      className: "spec-button-group-text",
+      className: 'spec-button-group-text',
       key: item.index,
-      title: item.exName || item.name,
+      title: item.exName || item.name
       // @ts-ignore
+      ,
       disabled: (0, _filterPermission.btnIsDisabled)(item.disabled, rowParams)
-    }, renderCustomLabel(item))) : /*#__PURE__*/_react.default.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.default.createElement("a", {
+      className: 'spec-button-group-text',
       title: item.exName || item.name,
-      key: item.index,
+      key: item.index
       // @ts-ignore
+      ,
       disabled: (0, _filterPermission.btnIsDisabled)(item.disabled, rowParams),
       onClick: item.fn ? function () {
         return item.fn.apply(item, _toConsumableArray(Object.keys(rowParams).map(function (pItem) {
           return rowParams[pItem];
         })));
-      } : null
-    }, renderCustomLabel(item)));
+      } : undefined
+    }, 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) {
@@ -333,86 +395,91 @@ var ButtonGroup = function ButtonGroup(props) {
     }
     /*渲染按钮形式*/
     if (type === 'button') {
-      return /*#__PURE__*/_react.default.createElement(RenderButtonList, Object.assign({
+      return /*#__PURE__*/_react.default.createElement(RenderButtonList, _extends({
         key: index
       }, item, {
         rowParams: rowParams
       }));
     }
     /*渲染文本形式*/
-    return /*#__PURE__*/_react.default.createElement(RenderTextList, Object.assign({
+    return /*#__PURE__*/_react.default.createElement(RenderTextList, _extends({
       key: index
     }, item));
   };
   if (min < 2) min = 2;
-  if (resetList.length === 0) {
-    return /*#__PURE__*/_react.default.createElement(_react.default.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.default.createElement("span", {
-      className: "spec-button-group"
-    }, forGroup.map(function (item, index) {
-      return index < min - 1 ? renderDisplayButton(item, index) : null;
-    }), type === 'button' ? /*#__PURE__*/_react.default.createElement(_dropdown.default, Object.assign({
-      menu: {
-        items: deepTransButtonMenus(forDrop)
-      },
-      placement: "bottomRight"
-    }, dropdownConfig), /*#__PURE__*/_react.default.createElement(_button.default, {
-      type: "primary"
-    }, moreText, " ", /*#__PURE__*/_react.default.createElement(_index2.default, {
-      name: "down"
-    }))) : /*#__PURE__*/_react.default.createElement(_popconfirm.default, Object.assign({
-      placement: "topRight",
-      open: popVisibleIndex === rowParams.rowIndex,
-      icon: /*#__PURE__*/_react.default.createElement(_icons.QuestionCircleOutlined, null),
-      trigger: "click"
-    }, popRow.hasOwnProperty('confirmConfig') ? popRow.confirmConfig : {}, {
-      title: /*#__PURE__*/_react.default.createElement(_PopConfirmTitle.default, Object.assign({}, popRow, {
-        extraRow: rowParams
-      })),
-      onCancel: function onCancel() {
-        setPopVisibleIndex(-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);
-        // 优先调用其 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];
-          })));
+  var componentName = 'spec-button-group';
+  var _useStyle = (0, _styles.default)(componentName),
+    _useStyle2 = _slicedToArray(_useStyle, 2),
+    wrapSSR = _useStyle2[0],
+    hashId = _useStyle2[1];
+  var ButtonGroupGroupNode = function ButtonGroupGroupNode() {
+    if (resetList.length === 0) {
+      return /*#__PURE__*/_react.default.createElement(_react.default.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.default.createElement("span", {
+        className: (0, _classnames.default)(componentName, hashId)
+      }, forGroup.map(function (item, index) {
+        return index < min - 1 ? renderDisplayButton(item, index) : null;
+      }), type === 'button' ? /*#__PURE__*/_react.default.createElement(_antd.Dropdown, _extends({
+        menu: {
+          items: deepTransButtonMenus(forDrop)
+        },
+        placement: "bottomRight"
+      }, dropdownConfig), /*#__PURE__*/_react.default.createElement(_antd.Button, {
+        type: "primary"
+      }, moreText || '更多', moreIcon || /*#__PURE__*/_react.default.createElement(_icons.DownOutlined, null))) : /*#__PURE__*/_react.default.createElement(_antd.Popconfirm, _extends({
+        placement: "topRight",
+        open: popVisibleIndex === rowParams.rowIndex,
+        icon: /*#__PURE__*/_react.default.createElement(_icons.QuestionCircleOutlined, null),
+        trigger: "click"
+      }, popRow.hasOwnProperty('confirmConfig') ? popRow.confirmConfig : {}, {
+        // 弹出扩展配置
+        title: /*#__PURE__*/_react.default.createElement(_PopConfirmTitle.default, _extends({}, popRow, {
+          extraRow: rowParams
+        })),
+        onCancel: function onCancel() {
+          setPopVisibleIndex(-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);
+          // 优先调用其 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.default.createElement(_dropdown.default, Object.assign({
-      menu: {
-        items: deepTransTextMenus(forDrop)
-      },
-      placement: "bottomRight"
-    }, dropdownConfig), /*#__PURE__*/_react.default.createElement("a", {
-      className: "spec-button-group-text"
-    }, moreText, " ", /*#__PURE__*/_react.default.createElement(_icons.DownOutlined, null)))));
-  }
-  // 数量不超出时渲染
-  return /*#__PURE__*/_react.default.createElement("span", {
-    className: "spec-button-group"
-  }, resetList.map(function (item, index) {
-    return renderDisplayButton(item, index);
-  }));
+      }), /*#__PURE__*/_react.default.createElement(_antd.Dropdown, _extends({
+        menu: {
+          items: deepTransTextMenus(forDrop)
+        },
+        placement: "bottomRight"
+      }, dropdownConfig), /*#__PURE__*/_react.default.createElement("a", {
+        className: 'spec-button-group-text'
+      }, moreText || '更多', moreIcon || /*#__PURE__*/_react.default.createElement(_icons.DownOutlined, null)))));
+    }
+    return /*#__PURE__*/_react.default.createElement("span", {
+      className: (0, _classnames.default)(componentName, hashId)
+    }, resetList.map(function (item, index) {
+      return renderDisplayButton(item, index);
+    }));
+  };
+  return wrapSSR(ButtonGroupGroupNode());
 };
-var _default = ButtonGroup;
-exports.default = _default;
+var _default = exports.default = ButtonGroup;

package/lib/ButtonGroup/styles/index.d.ts

@@ -0,0 +1,8 @@
+import { GlobalToken } from "antd";
+import { CSSProperties } from "react";
+export interface SpecButtonGroupToken extends GlobalToken {
+    [k: string]: any;
+}
+export declare const prepareComponentToken: (token: GlobalToken) => CSSProperties;
+declare const SpecButtonGroupStyleFunc: (prefix: string) => any;
+export default SpecButtonGroupStyleFunc;