fan-standard-comp 3.2.8 → 3.2.10

package/lib/ButtonGroup/index3.js

@@ -0,0 +1,459 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+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"));
+require("antd/es/menu/style");
+var _menu = _interopRequireDefault(require("antd/es/menu"));
+var _tslib = require("tslib");
+var _react = _interopRequireWildcard(require("react"));
+var _index = require("../components/index");
+var _index2 = _interopRequireDefault(require("../SpecIcon/index"));
+var _PopConfirmTitle = _interopRequireDefault(require("./PopConfirmTitle"));
+var _index3 = require("../data/index");
+var _icons = require("@ant-design/icons");
+var _filterPermission = require("../utils/filterPermission.js");
+var _index4 = require("../utils/index");
+var _lodash = _interopRequireDefault(require("lodash"));
+require("./style/index.less");
+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 && {}.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 _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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; }
+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 = (0, _react.useState)(-1),
+    _useState2 = _slicedToArray(_useState, 2),
+    popVisibleIndex = _useState2[0],
+    setPopVisibleIndex = _useState2[1];
+  var _useState3 = (0, _react.useState)({}),
+    _useState4 = _slicedToArray(_useState3, 2),
+    popRow = _useState4[0],
+    setPopRow = _useState4[1];
+  var _useState5 = (0, _react.useState)(-1),
+    _useState6 = _slicedToArray(_useState5, 2),
+    popSubVisibleIndex = _useState6[0],
+    setPopSubVisibleIndex = _useState6[1];
+  var _useState7 = (0, _react.useState)({}),
+    _useState8 = _slicedToArray(_useState7, 2),
+    popSubRow = _useState8[0],
+    setPopSubRow = _useState8[1];
+  var _useState9 = (0, _react.useState)([]),
+    _useState10 = _slicedToArray(_useState9, 2),
+    resetList = _useState10[0],
+    setResetList = _useState10[1];
+  (0, _react.useEffect)(function () {
+    // codes在方法内，再合并默认的权限配置
+    // 合并本地的codes
+    var codesConcat = _lodash.default.unionBy(codes || [], _index3.funcCode.btnFuncCodes, 'code');
+    // 重组选项options集合数据，排除：无权限（有配置code,并且不包含permissionCodes内）的数据及，isHide 为true的数据
+    setResetList(_toConsumableArray((0, _filterPermission.removeNoPermission)(options, permissionCodes, codesConcat, rowParams)) || []);
+    return function () {
+      setResetList([]);
+    };
+  }, [options, codes, permissionCodes]);
+  (0, _react.useEffect)(function () {
+    setPopVisibleIndex(-1);
+    setPopSubVisibleIndex(-1);
+    setPopRow({});
+    setPopSubRow({});
+  }, [rowParams]);
+  // 渲染按钮多层级形式 (用于筛选)
+  var buttonMenu = function buttonMenu(group) {
+    return /*#__PURE__*/_react.default.createElement(_menu.default, null, group.map(function (item, index) {
+      if (item.children) {
+        return /*#__PURE__*/_react.default.createElement(_menu.default.SubMenu, {
+          title: item.exName || item.name,
+          key: index
+        }, item.children.map(function (child, childIndex) {
+          return /*#__PURE__*/_react.default.createElement(_menu.default.Item, {
+            key: child.name + childIndex
+          }, /*#__PURE__*/_react.default.createElement("a", {
+            onClick: child.fn ? function () {
+              return child.fn(child);
+            } : null
+          }, /*#__PURE__*/_react.default.createElement(_index.IconNode, {
+            icon: child.icon
+          }), " ", child.exName || child.name));
+        }));
+      }
+      return /*#__PURE__*/_react.default.createElement(_menu.default.Item, {
+        key: item.name + index
+      }, /*#__PURE__*/_react.default.createElement("a", {
+        onClick: item.fn ? function () {
+          return item.fn(item);
+        } : null
+      }, /*#__PURE__*/_react.default.createElement(_index.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 = (0, _tslib.__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.default.createElement(_dropdown.default, Object.assign({
+        overlay: buttonMenu(item.children),
+        placement: "bottomRight"
+      }, (item === null || item === void 0 ? void 0 : item.dropdownConfig) || dropdownConfig || {}), /*#__PURE__*/_react.default.createElement(_button.default, {
+        type: "primary"
+      }, item.exName || item.name, " ", /*#__PURE__*/_react.default.createElement(_index2.default, {
+        name: "down"
+      })));
+    }
+    return /*#__PURE__*/_react.default.createElement(_button.default, Object.assign({
+      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
+      }),
+      disabled: (0, _filterPermission.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.default.createElement(_react.default.Fragment, null, !hideIcon && gItem.icon && showTextIcon ? /*#__PURE__*/_react.default.createElement(_index.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.default.createElement("a", {
+        disabled: (0, _filterPermission.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.default.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: (0, _filterPermission.btnIsDisabled)(gItem.disabled, rowParams)
+      }, renderCustomLabel(gItem));
+    };
+    return /*#__PURE__*/_react.default.createElement(_menu.default, {
+      className: "spec-button-text-dropdown"
+    }, group.map(function (gItem, gIndex) {
+      if (gItem.children) {
+        return /*#__PURE__*/_react.default.createElement(_menu.default.SubMenu, {
+          title: gItem.exName || gItem.name,
+          key: gItem.name + gIndex
+        }, gItem.children.map(function (child, childIndex) {
+          return /*#__PURE__*/_react.default.createElement(_menu.default.Item, {
+            key: child.name + childIndex
+          }, menuTitle(child));
+        }));
+      }
+      return /*#__PURE__*/_react.default.createElement(_menu.default.Item, {
+        key: gIndex,
+        disabled: (0, _filterPermission.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((0, _index4.convertToArray)([child]));
+        console.log('convertToArray', (0, _index4.convertToArray)([child]));
+      });
+      if (hasConfirmText.filter(function (hcItem) {
+        return hcItem.hasOwnProperty('confirmText') || hcItem.hasOwnProperty('confirmConfig');
+      }).length) {
+        // 子项有二次确认文本，需要显示浮层
+        return /*#__PURE__*/_react.default.createElement(_popconfirm.default, Object.assign({
+          placement: "topRight",
+          visible: popSubVisibleIndex === rowParams.rowIndex,
+          icon: /*#__PURE__*/_react.default.createElement(_icons.QuestionCircleOutlined, null),
+          trigger: "click"
+        }, popSubRow.hasOwnProperty('confirmConfig') ? popSubRow.confirmConfig : {}, {
+          title: /*#__PURE__*/_react.default.createElement(_PopConfirmTitle.default, 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.default.createElement(_dropdown.default, Object.assign({
+          overlay: textMenu(item.children),
+          placement: "bottomRight"
+        }, (item === null || item === void 0 ? void 0 : item.dropdownConfig) || dropdownConfig || {}), /*#__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(_index2.default, {
+          name: "down"
+        }))));
+      }
+      return /*#__PURE__*/_react.default.createElement(_dropdown.default, Object.assign({
+        overlay: textMenu(item.children),
+        placement: "bottomRight"
+      }, (item === null || item === void 0 ? void 0 : item.dropdownConfig) || dropdownConfig || {}), /*#__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(_index2.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({
+      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, {
+        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.default.createElement("a", {
+      className: "spec-button-group-text",
+      key: item.index,
+      title: item.exName || item.name,
+      // @ts-ignore
+      disabled: (0, _filterPermission.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.default.createElement("a", {
+      className: "spec-button-group-text",
+      title: item.exName || item.name,
+      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
+    }, 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.default.createElement(_react.default.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.default.createElement(RenderButtonList, Object.assign({
+        key: index
+      }, item, {
+        rowParams: rowParams
+      }));
+    }
+    /*渲染文本形式*/
+    return /*#__PURE__*/_react.default.createElement(RenderTextList, Object.assign({
+      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 ".concat(className || ''),
+      style: style
+    }, forGroup.map(function (item, index) {
+      return index < min - 1 ? renderDisplayButton(item, index) : null;
+    }), type === 'button' ? /*#__PURE__*/_react.default.createElement(_dropdown.default, Object.assign({
+      overlay: buttonMenu(forDrop),
+      placement: "bottomRight"
+    }, dropdownConfig), /*#__PURE__*/_react.default.createElement(_button.default, {
+      type: "primary"
+    }, moreText || '更多', moreIcon || /*#__PURE__*/_react.default.createElement(_icons.DownOutlined, null))) : /*#__PURE__*/_react.default.createElement(_popconfirm.default, Object.assign({
+      placement: "topRight",
+      visible: 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);
+        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.default.createElement(_dropdown.default, Object.assign({
+      overlay: textMenu(forDrop, 'isMoreChild'),
+      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: "spec-button-group ".concat(className || ''),
+    style: style
+  }, resetList.map(function (item, index) {
+    return renderDisplayButton(item, index);
+  }));
+};
+var _default = exports.default = ButtonGroup;

package/lib/FormComp/RenderItemGroup/index.d.ts

@@ -32,6 +32,7 @@ interface ItemGroupProps {
     form?: any;
     layout?: string;
     doUpdateFormFields?: () => void;
+    [k: string]: any;
 }
 declare const RenderItemGroup: (props: ItemGroupProps) => any;
 export default RenderItemGroup;

package/lib/StandardForm/index.d.ts

@@ -26,6 +26,7 @@ export interface StandardFormProps {
     postfix?: React.ReactNode;
     prefix?: React.ReactNode;
     displayLayout?: any;
+    itemGroupConfig?: object;
     [k: string]: any;
 }
 declare const StandardForm: React.ForwardRefExoticComponent<Omit<StandardFormProps, "ref"> & React.RefAttributes<unknown>>;

package/lib/StandardForm/index.js

@@ -50,7 +50,9 @@ var StandardForm = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
     postfix = props.postfix,
     fieldSize = props.fieldSize,
     displayLayout = props.displayLayout,
-    baseProps = (0, _tslib.__rest)(props, ["formItemGroup", "className", "initialValues", "layout", "grid", "getFormFields", "fieldStatus", "onSubmit", "confirmText", "onCancel", "cancelText", "actionAlign", "actionGroup", "onFinishFailed", "children", "prefix", "postfix", "fieldSize", "displayLayout"]);
+    _props$itemGroupConfi = props.itemGroupConfig,
+    itemGroupConfig = _props$itemGroupConfi === void 0 ? {} : _props$itemGroupConfi,
+    baseProps = (0, _tslib.__rest)(props, ["formItemGroup", "className", "initialValues", "layout", "grid", "getFormFields", "fieldStatus", "onSubmit", "confirmText", "onCancel", "cancelText", "actionAlign", "actionGroup", "onFinishFailed", "children", "prefix", "postfix", "fieldSize", "displayLayout", "itemGroupConfig"]);
   var _Form$useForm = _form.default.useForm(),
     _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
     initForm = _Form$useForm2[0];
@@ -148,14 +150,17 @@ var StandardForm = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
     onFinish: onFormFinish,
     onFinishFailed: onFormFinishFailed,
     scrollToFirstError: true
-  }), prefix, children, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, formItemGroup.length > 0 ? /*#__PURE__*/_react.default.createElement(_RenderItemGroup.default, {
+  }), prefix, children, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, formItemGroup.length > 0 ? /*#__PURE__*/_react.default.createElement(_RenderItemGroup.default, Object.assign({
     itemGroup: formItemGroup,
     fieldSize: fieldSize,
     displayLayout: displayLayout,
-    // doUpdateFormFields={() => forceUpdateForm()}
+    form: initForm,
+    doUpdateFormFields: function doUpdateFormFields() {
+      return forceUpdateForm();
+    },
     size: gridSize,
     layout: layout,
     fieldStatus: fieldStatus
-  }) : null, renderActionGroup()), postfix);
+  }, itemGroupConfig)) : null, renderActionGroup()), postfix);
 });
 var _default = exports.default = StandardForm;

package/lib/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/lib/components/IconNode/index.js

@@ -8,21 +8,24 @@ var _index = _interopRequireDefault(require("../../SpecIcon/index"));
 var _react = _interopRequireDefault(require("react"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 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.default.createElement(_index.default, {
       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.default.createElement(_index.default, {
       prefix: icon[0],
-      name: icon[1]
+      name: icon[1],
+      style: style
     }); // 预留 Array ['speci','plus']
   }
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, icon);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fan-standard-comp",
-  "version": "3.2.8",
+  "version": "3.2.10",
   "description": "FZ standard-comp,basic of antd4.0 and custom component.",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -21,7 +21,7 @@
     "package:build:publish": "father-build && webpack && npm version patch && npm publish",
     "package:build:no-dist:publish": "father-build && npm version patch && npm publish",
     "build:package:to-rgz": "npm run package:build && node copyPackage.js && npm run package-to-tgz",
-    "package-to-tgz": "tar -czf fan-standard-comp-3.2.8.tgz package",
+    "package-to-tgz": "tar -czf fan-standard-comp-3.2.9.tgz package",
     "doc-to-tgz": "tar -czf doc-v3.zip doc-v3"
   },
   "author": "shomychen",