fan-standard-comp 3.1.9 → 3.2.0

package/es/ButtonGroup/index.js

@@ -4,29 +4,16 @@ 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(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" && Symbol.iterator in Object(iter)) return Array.from(iter); }
-
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-
 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(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
+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; }
-
 import { __rest } from "tslib";
 import React, { useState, useEffect } from "react";
 import { IconNode } from "../components/index";
@@ -34,43 +21,40 @@ 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 { removeNoPermission, btnIsDisabled } from '../utils/filterPermission';
 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,
-      _props$codes = props.codes,
-      codes = _props$codes === void 0 ? funcCode.btnFuncCodes : _props$codes,
-      permissionCodes = props.permissionCodes;
+    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,
+    _props$codes = props.codes,
+    codes = _props$codes === void 0 ? funcCode.btnFuncCodes : _props$codes,
+    permissionCodes = props.permissionCodes,
+    _props$dropdownConfig = props.dropdownConfig,
+    dropdownConfig = _props$dropdownConfig === void 0 ? {} : _props$dropdownConfig;
   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
-
+    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 = useState(-1),
-      _useState2 = _slicedToArray(_useState, 2),
-      popVisibleIndex = _useState2[0],
-      setPopVisibleIndex = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    popVisibleIndex = _useState2[0],
+    setPopVisibleIndex = _useState2[1];
   var _useState3 = useState({}),
-      _useState4 = _slicedToArray(_useState3, 2),
-      popRow = _useState4[0],
-      setPopRow = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    popRow = _useState4[0],
+    setPopRow = _useState4[1];
   var _useState5 = useState([]),
-      _useState6 = _slicedToArray(_useState5, 2),
-      resetList = _useState6[0],
-      setResetList = _useState6[1];
-
+    _useState6 = _slicedToArray(_useState5, 2),
+    resetList = _useState6[0],
+    setResetList = _useState6[1];
   useEffect(function () {
     // 重组选项options集合数据，排除：无权限（有配置code,并且不包含permissionCodes内）的数据及，isHide 为true的数据
     setResetList(_toConsumableArray(removeNoPermission(options, permissionCodes, codes, rowParams)) || []);
@@ -80,65 +64,140 @@ var ButtonGroup = function ButtonGroup(props) {
   }, [options, codes, permissionCodes]);
   useEffect(function () {
     setPopVisibleIndex(-1);
-  }, [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: 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: 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));
-    }));
-  }; // 渲染按钮形式 (用于筛选)
-
-
+  }, [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)) {
+      return [];
+    }
+    return groupArray.map(function (vItem, i) {
+      var code = vItem.code,
+        fn = vItem.fn,
+        exName = vItem.exName,
+        name = vItem.name,
+        children = vItem.children,
+        icon = vItem.icon,
+        others = __rest(vItem, ["code", "fn", "exName", "name", "children", "icon"]);
+      return Object.assign(Object.assign({}, others), {
+        key: code ? code + i : i,
+        icon: /*#__PURE__*/React.createElement(IconNode, {
+          icon: icon
+        }),
+        label: /*#__PURE__*/React.createElement("a", {
+          onClick: function onClick() {
+            return fn && fn(vItem);
+          }
+        }, exName || name),
+        children: children && children.length > 0 ? deepTransButtonMenus(children) : undefined
+      });
+    });
+  };
+  // 自定义渲染显示的文本
+  var renderCustomLabel = function renderCustomLabel(gItem) {
+    return gItem.render ? gItem.render.apply(gItem, _toConsumableArray(Object.keys(rowParams).map(function (pItem) {
+      return rowParams[pItem];
+    }))) : /*#__PURE__*/React.createElement(React.Fragment, null, gItem.icon ? ' ' : '', gItem.exName || gItem.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"]);
-
+      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, {
-        overlay: buttonMenu(item.children),
+      // overlay={buttonMenu(item.children)}
+      return /*#__PURE__*/React.createElement(_Dropdown, Object.assign({
+        menu: {
+          items: deepTransButtonMenus(item.children)
+        },
         placement: "bottomRight"
-      }, /*#__PURE__*/React.createElement(_Button, {
+      }, (item === null || item === void 0 ? void 0 : item.dropdownConfig) || dropdownConfig || {}), /*#__PURE__*/React.createElement(_Button, {
         type: "primary"
-      }, item.exName || item.name, " ", /*#__PURE__*/React.createElement(SpecIcon, {
+      }, item.exName || item.name || item.label, " ", /*#__PURE__*/React.createElement(SpecIcon, {
         name: "down"
       })));
     }
-
     return /*#__PURE__*/React.createElement(_Button, Object.assign({
       type: type || 'primary',
       danger: danger,
@@ -151,69 +210,53 @@ var ButtonGroup = function ButtonGroup(props) {
         icon: icon
       }),
       disabled: btnIsDisabled(disabled, rowParams)
-    }), exName || name);
-  }; // 渲染文本形式多级菜单列表（用于表格）
-
-
-  var textMenu = function textMenu(group) {
-    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
-        }, gItem.children.map(function (child, childIndex) {
-          return /*#__PURE__*/React.createElement(_Menu.Item, {
-            key: childIndex
-          }, /*#__PURE__*/React.createElement("a", {
-            onClick: child.fn ? function () {
-              return child.fn.apply(child, _toConsumableArray(Object.keys(rowParams).map(function (pItem) {
-                return rowParams[pItem];
-              })));
-            } : null
-          }, child.render ? child.render.apply(child, _toConsumableArray(Object.keys(rowParams).map(function (pItem) {
-            return rowParams[pItem];
-          }))) : child.exName || child.name));
-        }));
-      }
-
-      return /*#__PURE__*/React.createElement(_Menu.Item, {
-        key: gIndex,
-        disabled: btnIsDisabled(gItem.disabled, rowParams)
-      }, gItem.hasOwnProperty('confirmText') || gItem.hasOwnProperty('confirmConfig') ?
-      /*#__PURE__*/
-      // @ts-ignore
-      React.createElement("a", {
-        disabled: btnIsDisabled(gItem.disabled, rowParams),
-        onClick: gItem.fn ? function () {
-          setPopVisibleIndex(rowParams.rowIndex);
-          setPopRow(gItem);
-        } : null
-      }, gItem.render ? gItem.render.apply(gItem, _toConsumableArray(Object.keys(rowParams).map(function (pItem) {
-        return rowParams[pItem];
-      }))) : gItem.exName || gItem.name) : /*#__PURE__*/React.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];
-          })));
-        } : null,
-        // @ts-ignore
-        disabled: btnIsDisabled(gItem.disabled, rowParams)
-      }, gItem.render ? gItem.render.apply(gItem, _toConsumableArray(Object.keys(rowParams).map(function (pItem) {
-        return rowParams[pItem];
-      }))) : gItem.exName || gItem.name));
-    }));
-  }; // 渲染文本形式 列表（用于表格）
-
-
+    }), exName || name || others.label);
+  };
+  // 递归转换原来的数组结构
+  var deepTransTextMenus = function deepTransTextMenus(groupArray) {
+    if (!Array.isArray(groupArray)) {
+      return [];
+    }
+    return groupArray.map(function (vItem, i) {
+      var code = vItem.code,
+        fn = vItem.fn,
+        exName = vItem.exName,
+        name = vItem.name,
+        children = vItem.children,
+        icon = vItem.icon,
+        confirmText = vItem.confirmText,
+        confirmConfig = vItem.confirmConfig,
+        others = __rest(vItem, ["code", "fn", "exName", "name", "children", "icon", "confirmText", "confirmConfig"]);
+      return {
+        danger: others.danger,
+        disabled: btnIsDisabled(others.disabled, rowParams),
+        key: code ? code + i : i,
+        // icon: <IconNode icon={icon}/>, // 不显示图标
+        label: /*#__PURE__*/React.createElement("a", {
+          onClick: function onClick() {
+            // 配置二次确认
+            if (vItem.hasOwnProperty('confirmText') || vItem.hasOwnProperty('confirmConfig')) {
+              fn ? (setPopVisibleIndex(rowParams.rowIndex), setPopRow(vItem)) : null;
+            } else {
+              fn && fn(vItem);
+            }
+          }
+        }, renderCustomLabel(vItem)),
+        title: vItem.exName || vItem.name,
+        children: children && children.length > 0 ? deepTransTextMenus(children) : undefined
+      };
+    });
+  };
+  // 渲染文本形式 列表（用于表格）
   var RenderTextList = function RenderTextList(item) {
     if (Array.isArray(item.children) && item.children.length > 0) {
-      return /*#__PURE__*/React.createElement(_Dropdown, {
-        overlay: textMenu(item.children),
+      // overlay={textMenu(item.children)}
+      return /*#__PURE__*/React.createElement(_Dropdown, Object.assign({
+        menu: {
+          items: deepTransTextMenus(item.children)
+        },
         placement: "bottomRight"
-      }, /*#__PURE__*/React.createElement("a", {
+      }, (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];
@@ -221,7 +264,6 @@ var ButtonGroup = function ButtonGroup(props) {
         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)
@@ -232,7 +274,6 @@ var ButtonGroup = function ButtonGroup(props) {
       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];
           })));
@@ -241,7 +282,6 @@ var ButtonGroup = function ButtonGroup(props) {
       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];
           })));
@@ -257,9 +297,7 @@ var ButtonGroup = function ButtonGroup(props) {
       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", {
+    }, renderCustomLabel(item))) : /*#__PURE__*/React.createElement("a", {
       className: "spec-button-group-text",
       title: item.exName || item.name,
       key: item.index,
@@ -270,12 +308,9 @@ var ButtonGroup = function ButtonGroup(props) {
           return rowParams[pItem];
         })));
       } : null
-    }, item.render ? item.render.apply(item, _toConsumableArray(Object.keys(rowParams).map(function (pItem) {
-      return rowParams[pItem];
-    }))) : item.exName || item.name));
-  }; // 渲染展示的按钮列表
-
-
+    }, renderCustomLabel(item)));
+  };
+  // 渲染展示的按钮列表
   var renderDisplayButton = function renderDisplayButton(item, index) {
     /*渲染自定义*/
     if (item.render) {
@@ -284,8 +319,6 @@ var ButtonGroup = function ButtonGroup(props) {
       }))) : item.render);
     }
     /*渲染按钮形式*/
-
-
     if (type === 'button') {
       return /*#__PURE__*/React.createElement(RenderButtonList, Object.assign({
         key: index
@@ -294,36 +327,34 @@ var ButtonGroup = function ButtonGroup(props) {
       }));
     }
     /*渲染文本形式*/
-
-
     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);
+    var forGroup = resetList.slice(0, min - 1); // 平铺组合内
+    var forDrop = resetList.slice(min - 1); // 下拉组合内
     return /*#__PURE__*/React.createElement("span", {
       className: "spec-button-group"
     }, forGroup.map(function (item, index) {
       return index < min - 1 ? renderDisplayButton(item, index) : null;
-    }), type === 'button' ? /*#__PURE__*/React.createElement(_Dropdown, {
-      overlay: buttonMenu(forDrop),
+    }), type === 'button' ? /*#__PURE__*/React.createElement(_Dropdown, Object.assign({
+      menu: {
+        items: deepTransButtonMenus(forDrop)
+      },
       placement: "bottomRight"
-    }, /*#__PURE__*/React.createElement(_Button, {
+    }, dropdownConfig), /*#__PURE__*/React.createElement(_Button, {
       type: "primary"
-    }, "\u66F4\u591A ", /*#__PURE__*/React.createElement(SpecIcon, {
+    }, moreText, " ", /*#__PURE__*/React.createElement(SpecIcon, {
       name: "down"
     }))) : /*#__PURE__*/React.createElement(_Popconfirm, Object.assign({
       placement: "topRight",
-      visible: popVisibleIndex === rowParams.rowIndex,
+      open: popVisibleIndex === rowParams.rowIndex,
       icon: /*#__PURE__*/React.createElement(QuestionCircleOutlined, null),
       trigger: "click"
     }, popRow.hasOwnProperty('confirmConfig') ? popRow.confirmConfig : {}, {
@@ -331,22 +362,20 @@ var ButtonGroup = function ButtonGroup(props) {
         extraRow: rowParams
       })),
       onCancel: function onCancel() {
-        setPopVisibleIndex(-1); // 优先调用其 confirmConfig 配置的 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 事件
-
+        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];
           })));
@@ -356,19 +385,20 @@ var ButtonGroup = function ButtonGroup(props) {
           })));
         }
       }
-    }), /*#__PURE__*/React.createElement(_Dropdown, {
-      overlay: textMenu(forDrop),
+    }), /*#__PURE__*/React.createElement(_Dropdown, Object.assign({
+      menu: {
+        items: deepTransTextMenus(forDrop)
+      },
       placement: "bottomRight"
-    }, /*#__PURE__*/React.createElement("a", {
+    }, dropdownConfig), /*#__PURE__*/React.createElement("a", {
       className: "spec-button-group-text"
-    }, "\u66F4\u591A ", /*#__PURE__*/React.createElement(DownOutlined, null)))));
+    }, moreText, " ", /*#__PURE__*/React.createElement(DownOutlined, null)))));
   }
-
+  // 数量不超出时渲染
   return /*#__PURE__*/React.createElement("span", {
     className: "spec-button-group"
   }, resetList.map(function (item, index) {
     return renderDisplayButton(item, index);
   }));
 };
-
 export default ButtonGroup;

package/es/ButtonGroup/style/index.less

@@ -15,7 +15,7 @@
       position: absolute;
       content: '';
       top: 50%;
-      left: -@padding-sm/2;
+      left: -(@padding-sm/2);
       transform: translate(0, -50%);
       display: inline-block;
       height: .9em;

package/es/DragContent/DragBar.js

@@ -1,21 +1,17 @@
 import React from 'react';
 import classNames from 'classnames';
 import './index.less';
-
 var DragBar = function DragBar(props) {
   var direction = props.direction,
-      className = props.className,
-      onMouseDown = props.onMouseDown;
+    className = props.className,
+    onMouseDown = props.onMouseDown;
   var directionStyle = direction === 'left' ? "spec-grid-dragbar-left-horizontal" : direction === 'right' ? "spec-grid-dragbar-right-horizontal" : direction === 'top' ? "spec-grid-dragbar-up-vertical" : "spec-grid-dragbar-down-vertical";
-
   var handleMouseDown = function handleMouseDown(e) {
     onMouseDown(e, direction);
   };
-
   return /*#__PURE__*/React.createElement("div", {
     className: classNames(directionStyle, className),
     onMouseDown: handleMouseDown
   });
 };
-
 export default DragBar;