fan-standard-comp 3.2.8 → 3.2.10

package/lib/ButtonGroup/index.js

@@ -21,6 +21,7 @@ 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); }
@@ -52,6 +53,8 @@ var ButtonGroup = function ButtonGroup(props) {
     _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,
@@ -67,10 +70,18 @@ var ButtonGroup = function ButtonGroup(props) {
     _useState4 = _slicedToArray(_useState3, 2),
     popRow = _useState4[0],
     setPopRow = _useState4[1];
-  var _useState5 = (0, _react.useState)([]),
+  var _useState5 = (0, _react.useState)(-1),
     _useState6 = _slicedToArray(_useState5, 2),
-    resetList = _useState6[0],
-    setResetList = _useState6[1];
+    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
@@ -83,6 +94,7 @@ var ButtonGroup = function ButtonGroup(props) {
   }, [options, codes, permissionCodes]);
   (0, _react.useEffect)(function () {
     setPopVisibleIndex(-1);
+    setPopSubVisibleIndex(-1);
   }, [rowParams]);
   // 渲染按钮多层级形式 (用于筛选)
   var buttonMenu = function buttonMenu(group) {
@@ -184,8 +196,41 @@ var ButtonGroup = function ButtonGroup(props) {
       }
     })
   }*/
+  // 自定义渲染显示的文本
+  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) {
+  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) {
@@ -196,48 +241,71 @@ var ButtonGroup = function ButtonGroup(props) {
         }, gItem.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.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));
+          }, menuTitle(child));
         }));
       }
       return /*#__PURE__*/_react.default.createElement(_menu.default.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 () {
-          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.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];
-          })));
-        } : null,
-        // @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));
+      }, 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]));
+      });
+      if (hasConfirmText.filter(function (hcItem) {
+        return hcItem.hasOwnProperty('confirmText') || hcItem.hasOwnProperty('confirmConfig');
+      }).length) {
+        // 子项有二次确认文本，需要显示浮层
+        return /*#__PURE__*/_react.default.createElement(_popconfirm.default, Object.assign({
+          key: (item === null || item === void 0 ? void 0 : item.index) || JSON.stringify(item),
+          placement: "topRight",
+          open: 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"
@@ -303,7 +371,9 @@ var ButtonGroup = function ButtonGroup(props) {
   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 /*#__PURE__*/_react.default.createElement(_react.Fragment, {
+        key: index
+      }, typeof item.render === 'function' ? item.render.apply(item, _toConsumableArray(Object.keys(rowParams).map(function (pItem) {
         return rowParams[pItem];
       }))) : item.render);
     }
@@ -339,7 +409,7 @@ var ButtonGroup = function ButtonGroup(props) {
       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,
+      open: popVisibleIndex === rowParams.rowIndex,
       icon: /*#__PURE__*/_react.default.createElement(_icons.QuestionCircleOutlined, null),
       trigger: "click"
     }, popRow.hasOwnProperty('confirmConfig') ? popRow.confirmConfig : {}, {
@@ -348,6 +418,7 @@ var ButtonGroup = function ButtonGroup(props) {
       })),
       onCancel: function onCancel() {
         setPopVisibleIndex(-1);
+        setPopSubVisibleIndex(-1);
         // 优先调用其 confirmConfig 配置的 onCancel 事件
         if (popRow.hasOwnProperty('confirmConfig') && popRow.confirmConfig.onCancel) {
           var _popRow$confirmConfig;
@@ -358,6 +429,7 @@ var ButtonGroup = function ButtonGroup(props) {
       },
       onConfirm: function onConfirm() {
         setPopVisibleIndex(-1);
+        setPopSubVisibleIndex(-1);
         // 优先调用其 confirmConfig 配置的 onConfirm 事件
         if (popRow.hasOwnProperty('confirmConfig') && popRow.confirmConfig.onConfirm) {
           var _popRow$confirmConfig2;
@@ -371,7 +443,7 @@ var ButtonGroup = function ButtonGroup(props) {
         }
       }
     }), /*#__PURE__*/_react.default.createElement(_dropdown.default, Object.assign({
-      overlay: textMenu(forDrop),
+      overlay: textMenu(forDrop, 'isMoreChild'),
       placement: "bottomRight"
     }, dropdownConfig), /*#__PURE__*/_react.default.createElement("a", {
       className: "spec-button-group-text"

package/lib/ButtonGroup/index3.d.ts

@@ -0,0 +1,39 @@
+import React from "react";
+import './style/index.less';
+interface ButtonGroupRowParamsProps {
+    text?: any;
+    record?: object;
+    rowIndex?: number;
+}
+export interface ButtonGroupOptionsProps {
+    name?: string;
+    code?: string;
+    exName?: string;
+    isHide?: boolean;
+    disabled?: boolean;
+    icon?: React.ReactNode | string | string[];
+    fn?: any;
+    children?: ButtonGroupOptionsProps[];
+    render?: (() => React.ReactNode) | React.ReactNode;
+    confirmText?: any;
+    confirmConfig?: any;
+    dropdownConfig?: any;
+}
+interface ButtonGroupProps {
+    type?: 'button' | 'text';
+    rowParams?: ButtonGroupRowParamsProps;
+    codes?: object[];
+    permissionCodes?: string[];
+    options?: ButtonGroupOptionsProps[];
+    min?: number;
+    dropdownConfig?: Object;
+    moreText?: string;
+    moreIcon?: React.ReactNode | string | number;
+    size?: any;
+    showTextIcon?: boolean;
+    className?: string;
+    style?: object;
+    [k: string]: any;
+}
+declare const ButtonGroup: (props: ButtonGroupProps) => React.JSX.Element;
+export default ButtonGroup;