@zat-design/sisyphus-react 4.5.9 → 4.5.10-beta.2

package/es/ProForm/components/combination/FormList/components/ActionButton.js

@@ -1,117 +1,88 @@
-import _omit from "lodash/omit";
-import _isFunction from "lodash/isFunction";
-import { Button, Popconfirm, Space } from 'antd';
-import classNames from 'classnames';
-import React, { useMemo, createElement as _createElement } from 'react';
-import { CopyOutlined, PlusSquareOutlined, ArrowUpOutlined, ArrowDownOutlined } from '@ant-design/icons';
+import { Fragment, jsx } from "react/jsx-runtime";
+import { createElement } from "react";
+import {
+  Button,
+  Popconfirm,
+  Space
+} from "antd";
+import isFunction from "lodash/isFunction";
+import omit from "lodash/omit";
+import classNames from "classnames";
+import { useMemo } from "react";
+import {
+  CopyOutlined,
+  PlusSquareOutlined,
+  ArrowUpOutlined,
+  ArrowDownOutlined
+} from "@ant-design/icons";
 import ProIcon from "../../../../../ProIcon";
 import locale from "../../../../../locale";
 import deleteSvg from "../../../../../assets/delete.svg";
 import close2Svg from "../../../../../assets/close2.svg";
-import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-const filterKeys = ['actionType'];
-const getDefaultActions = mode => {
+const filterKeys = ["actionType"];
+const getDefaultActions = (mode) => {
   const originActions = {
     add: {
-      onClick: (record, {
-        namePath,
-        index,
-        operation
-      }) => {
-        const {
-          add
-        } = operation;
-        add(undefined, index + 1);
+      onClick: (record, { namePath, index, operation }) => {
+        const { add } = operation;
+        add(void 0, index + 1);
       },
       label: `${locale.ProForm.formListActions[0]}`,
-      icon: /*#__PURE__*/_jsx(PlusSquareOutlined, {})
+      icon: /* @__PURE__ */ jsx(PlusSquareOutlined, {})
     },
     delete: {
-      onClick: (record, {
-        namePath,
-        index,
-        operation
-      }) => {
-        const {
-          remove
-        } = operation;
+      onClick: (record, { namePath, index, operation }) => {
+        const { remove } = operation;
         remove(index);
       },
       label: locale.ProForm.formListActions[1],
-      icon: mode === 'less' ? /*#__PURE__*/_jsx(ProIcon, {
-        component: close2Svg,
-        size: 14,
-        className: "single-delete"
-      }) : /*#__PURE__*/_jsx(ProIcon, {
-        component: deleteSvg,
-        size: 18
-      })
+      icon: mode === "less" ? /* @__PURE__ */ jsx(ProIcon, { component: close2Svg, size: 14, className: "single-delete" }) : /* @__PURE__ */ jsx(ProIcon, { component: deleteSvg, size: 18 })
     },
     copy: {
-      onClick: (record, {
-        namePath,
-        index,
-        operation
-      }) => {
-        const {
-          add
-        } = operation;
+      onClick: (record, { namePath, index, operation }) => {
+        const { add } = operation;
         add(record, index + 1);
       },
       label: locale.ProForm.formListActions[2],
-      icon: /*#__PURE__*/_jsx(CopyOutlined, {})
+      icon: /* @__PURE__ */ jsx(CopyOutlined, {})
     },
     moveUp: {
-      onClick: (record, {
-        namePath,
-        index,
-        operation
-      }) => {
-        const {
-          move
-        } = operation;
+      onClick: (record, { namePath, index, operation }) => {
+        const { move } = operation;
         move(index, index - 1);
       },
       label: locale.ProForm.formListActions[3],
-      icon: /*#__PURE__*/_jsx(ArrowUpOutlined, {})
+      icon: /* @__PURE__ */ jsx(ArrowUpOutlined, {})
     },
     moveDown: {
-      onClick: (record, {
-        namePath,
-        index,
-        operation
-      }) => {
-        const {
-          move
-        } = operation;
+      onClick: (record, { namePath, index, operation }) => {
+        const { move } = operation;
         move(index, index + 1);
       },
       label: locale.ProForm.formListActions[4],
-      icon: /*#__PURE__*/_jsx(ArrowDownOutlined, {})
+      icon: /* @__PURE__ */ jsx(ArrowDownOutlined, {})
     }
   };
-  if (mode === 'block') {
-    Object.keys(originActions).forEach(key => {
-      originActions[key].type = 'text';
-      originActions[key].className = 'pro-form-list-tool-btn';
+  if (mode === "block") {
+    Object.keys(originActions).forEach((key) => {
+      originActions[key].type = "text";
+      originActions[key].className = "pro-form-list-tool-btn";
     });
   }
-  if (mode === 'line') {
-    Object.keys(originActions).forEach(key => {
+  if (mode === "line") {
+    Object.keys(originActions).forEach((key) => {
       delete originActions[key].label;
     });
   }
-  if (mode === 'less') {
-    Object.keys(originActions).forEach(key => {
+  if (mode === "less") {
+    Object.keys(originActions).forEach((key) => {
       delete originActions[key].label;
     });
   }
   return originActions;
 };
-const defaultActionProps = [{
-  type: 'delete'
-}];
-const ActionButton = props => {
+const defaultActionProps = [{ type: "delete" }];
+const ActionButton = (props) => {
   const {
     namePath,
     form,
@@ -127,216 +98,173 @@ const ActionButton = props => {
     isView,
     hideStartEndActionProps
   } = props;
-
-  // 默认显示一个delete
   const actionProps = useMemo(() => {
-    // 兼容 actionType 和 type
-    const _actionProps = props.actionProps?.map(item => {
+    var _a;
+    const _actionProps = (_a = props.actionProps) == null ? void 0 : _a.map((item) => {
       return {
         ...item,
         // @ts-ignore
         type: item.actionType || item.type
       };
     });
-    if (!_actionProps?.find(item => item.type === 'delete')) {
+    if (!(_actionProps == null ? void 0 : _actionProps.find((item) => item.type === "delete"))) {
       return _actionProps ? [..._actionProps, ...defaultActionProps] : defaultActionProps;
     }
     return _actionProps;
   }, [props.actionProps]);
-  const handleClick = async (defaultCallback, callback, index, item) => {
+  const handleClick = async (defaultCallback, callback, index2, item) => {
     const value = form.getFieldValue(namePath);
-    const data = await callback?.(value, {
-      namePath,
-      index,
-      operation,
-      form
-    });
+    const data = await (callback == null ? void 0 : callback(value, { namePath, index: index2, operation, form }));
     if (!callback || data === true) {
-      defaultCallback?.(value, {
-        namePath,
-        index,
-        operation,
-        form
-      });
+      defaultCallback == null ? void 0 : defaultCallback(value, { namePath, index: index2, operation, form });
       return;
     }
-    if (item?.type === 'add') {
-      operation.add(data, index !== undefined ? index + 1 : undefined);
+    if ((item == null ? void 0 : item.type) === "add") {
+      operation.add(data, index2 !== void 0 ? index2 + 1 : void 0);
     }
   };
-  const customClick = (callback, index) => {
+  const customClick = (callback, index2) => {
     const value = form.getFieldValue(namePath);
-    callback?.(value, {
-      namePath,
-      index,
-      operation,
-      form
-    });
+    callback == null ? void 0 : callback(value, { namePath, index: index2, operation, form });
   };
   const defaultActions = useMemo(() => getDefaultActions(mode), [mode]);
-
-  // 整体隐藏首尾 ActionButton
-  if (hideStartEndActionProps?.[0] && index === 0) return null;
-  if (hideStartEndActionProps?.[1] && index === fields.length - 1) return null;
-  return /*#__PURE__*/_jsx(Space, {
-    align: "start",
-    className: "pro-form-list-action",
-    children: actionProps?.map(item => {
-      const actionKey = `${field.key}-${item?.type ?? item?.label ?? 'action'}`;
-      if (item.show === false) return /*#__PURE__*/_jsx("span", {}, actionKey);
-      if (_isFunction(item.show) && !item.show(form.getFieldValue(namePath), {
-        namePath,
-        index,
-        form
-      })) {
-        return /*#__PURE__*/_jsx("span", {}, actionKey);
-      }
+  if ((hideStartEndActionProps == null ? void 0 : hideStartEndActionProps[0]) && index === 0)
+    return null;
+  if ((hideStartEndActionProps == null ? void 0 : hideStartEndActionProps[1]) && index === fields.length - 1)
+    return null;
+  return /* @__PURE__ */ jsx(Space, { align: "start", className: "pro-form-list-action", children: actionProps == null ? void 0 : actionProps.map((item) => {
+    const actionKey = `${field.key}-${(item == null ? void 0 : item.type) ?? (item == null ? void 0 : item.label) ?? "action"}`;
+    if (item.show === false)
+      return /* @__PURE__ */ jsx("span", {}, actionKey);
+    if (isFunction(item.show) && !item.show(form.getFieldValue(namePath), { namePath, index, form })) {
+      return /* @__PURE__ */ jsx("span", {}, actionKey);
+    }
+    const { label, onClick, onHandle, type, needConfirm, confirmProps, title, ...rest } = item;
+    const _needConfirm = needConfirm || confirmProps;
+    const _confirmProps = !confirmProps || confirmProps === true ? {} : confirmProps;
+    const _onClick = onClick || onHandle;
+    if (["add", "delete", "copy", "moveUp", "moveDown"].includes(type)) {
+      if (disabled || isView)
+        return /* @__PURE__ */ jsx(Fragment, {});
       const {
-        label,
-        onClick,
-        onHandle,
-        type,
-        needConfirm,
-        confirmProps,
-        title,
-        ...rest
-      } = item;
-      const _needConfirm = needConfirm || confirmProps;
-      const _confirmProps = !confirmProps || confirmProps === true ? {} : confirmProps;
-      const _onClick = onClick || onHandle;
-      if (['add', 'delete', 'copy', 'moveUp', 'moveDown'].includes(type)) {
-        // 禁用状态默认隐藏内置操作按钮
-        if (disabled || isView) return /*#__PURE__*/_jsx(_Fragment, {});
-        const {
-          onClick: internalOnClick,
-          label: defaultLabel,
-          ...defaultRest
-        } = defaultActions[type];
-        // 小于min不可删除
-        if (min && min >= fields.length && ['delete'].includes(type)) {
-          return false;
-        }
-        // 大于等于max不可新增和复制
-        if (max && max <= fields.length && ['add', 'copy'].includes(type)) {
-          return false;
-        }
-
-        // 下标为零 不可向上移动
-        if (index === 0 && ['moveUp'].includes(type)) {
-          return false;
-        }
-
-        // 下标最大 不可向下移动
-        if (index + 1 === fields.length && type === 'moveDown') {
-          return false;
-        }
-
-        // 移动限制：防止将项移动到隐藏的首尾位置
-        if (hideStartEndActionProps?.[0] && index === 1 && ['moveUp'].includes(type)) {
-          return false;
-        }
-        if (hideStartEndActionProps?.[1] && index === fields.length - 2 && type === 'moveDown') {
-          return false;
-        }
-
-        // 处理 add 操作的插入位置
-        const handleAddClick = async () => {
-          const value = form.getFieldValue(namePath);
-          const data = await _onClick?.(value, {
-            namePath,
-            index,
-            operation,
-            form
-          });
-          if (!_onClick || data === true) {
-            // 如果有 addIndex 配置，使用它计算插入位置
-            if (item.addIndex) {
-              const insertIndex = typeof item.addIndex === 'function' ? item.addIndex(value, {
-                index,
-                namePath,
-                form,
-                operation
-              }) : item.addIndex;
-              operation.add(data, insertIndex);
-            } else {
-              operation.add(data, index + 1); // 默认插入到下一位置
-            }
-            return;
+        onClick: internalOnClick,
+        label: defaultLabel,
+        ...defaultRest
+      } = defaultActions[type];
+      if (min && min >= fields.length && ["delete"].includes(type)) {
+        return false;
+      }
+      if (max && max <= fields.length && ["add", "copy"].includes(type)) {
+        return false;
+      }
+      if (index === 0 && ["moveUp"].includes(type)) {
+        return false;
+      }
+      if (index + 1 === fields.length && type === "moveDown") {
+        return false;
+      }
+      if ((hideStartEndActionProps == null ? void 0 : hideStartEndActionProps[0]) && index === 1 && ["moveUp"].includes(type)) {
+        return false;
+      }
+      if ((hideStartEndActionProps == null ? void 0 : hideStartEndActionProps[1]) && index === fields.length - 2 && type === "moveDown") {
+        return false;
+      }
+      const handleAddClick = async () => {
+        const value = form.getFieldValue(namePath);
+        const data = await (_onClick == null ? void 0 : _onClick(value, { namePath, index, operation, form }));
+        if (!_onClick || data === true) {
+          if (item.addIndex !== void 0) {
+            const insertIndex = typeof item.addIndex === "function" ? item.addIndex(value, { index, namePath, form, operation }) : item.addIndex;
+            operation.add(data, insertIndex);
+          } else {
+            operation.add(data, index + 1);
           }
-          if (item?.type === 'add') {
-            // 如果有 addIndex 配置，使用它计算插入位置
-            if (item.addIndex) {
-              const insertIndex = typeof item.addIndex === 'function' ? item.addIndex(value, {
-                index,
-                namePath,
-                form,
-                operation
-              }) : item.addIndex;
-              operation.add(data, insertIndex);
-            } else {
-              operation.add(data, index + 1); // 默认插入到下一位置
-            }
+          return;
+        }
+        if ((item == null ? void 0 : item.type) === "add") {
+          if (item.addIndex !== void 0) {
+            const insertIndex = typeof item.addIndex === "function" ? item.addIndex(value, { index, namePath, form, operation }) : item.addIndex;
+            operation.add(data, insertIndex);
+          } else {
+            operation.add(data, index + 1);
           }
-        };
-        return _needConfirm ? /*#__PURE__*/_jsx(Popconfirm, {
+        }
+      };
+      return _needConfirm ? /* @__PURE__ */ jsx(
+        Popconfirm,
+        {
           title: title ?? `${locale.ProForm.formListConfirmMessage}`,
-          onCancel: e => e.stopPropagation(),
-          onConfirm: e => {
-            if (type === 'add') {
+          onCancel: (e) => e.stopPropagation(),
+          onConfirm: (e) => {
+            if (type === "add") {
               handleAddClick();
             } else {
               handleClick(internalOnClick, _onClick, index, item);
             }
           },
           ..._confirmProps,
-          children: /*#__PURE__*/_jsx(Button, {
-            ...defaultRest,
-            ..._omit(rest, filterKeys),
-            type: "text",
-            onClick: e => e.stopPropagation(),
-            children: label || defaultLabel
-          })
-        }, actionKey) : /*#__PURE__*/_jsx(Button, {
+          children: /* @__PURE__ */ jsx(
+            Button,
+            {
+              ...defaultRest,
+              ...omit(rest, filterKeys),
+              type: "text",
+              onClick: (e) => e.stopPropagation(),
+              children: label || defaultLabel
+            }
+          )
+        },
+        actionKey
+      ) : /* @__PURE__ */ jsx(
+        Button,
+        {
           className: classNames({
-            'pro-form-list-tool-btn': mode === 'line',
-            'pro-form-list-tool-btn-block': mode === 'block',
-            'pro-form-list-tool-btn-less': mode === 'less'
+            "pro-form-list-tool-btn": mode === "line",
+            "pro-form-list-tool-btn-block": mode === "block",
+            "pro-form-list-tool-btn-less": mode === "less"
           }),
           ...defaultRest,
-          ..._omit(rest, filterKeys),
+          ...omit(rest, filterKeys),
           type: "text",
-          onClick: e => {
+          onClick: (e) => {
             e.stopPropagation();
-            if (type === 'add') {
+            if (type === "add") {
               handleAddClick();
             } else {
               handleClick(internalOnClick, _onClick, index, item);
             }
           },
           children: label || defaultLabel
-        }, actionKey);
-      }
-      return needConfirm ? /*#__PURE__*/_jsx(Popconfirm, {
+        },
+        actionKey
+      );
+    }
+    return needConfirm ? /* @__PURE__ */ jsx(
+      Popconfirm,
+      {
         title: title ?? `${locale.ProForm.formListConfirmMessage}`,
-        onCancel: e => e.stopPropagation(),
+        onCancel: (e) => e.stopPropagation(),
         onConfirm: () => customClick(_onClick, index),
         ..._confirmProps,
-        children: /*#__PURE__*/_jsx(Button, {
-          ..._omit(rest, filterKeys),
-          type: "text",
-          onClick: e => e.stopPropagation(),
-          children: label
-        })
-      }, actionKey) : /*#__PURE__*/_createElement(Button, {
-        ..._omit(rest, filterKeys),
+        children: /* @__PURE__ */ jsx(Button, { ...omit(rest, filterKeys), type: "text", onClick: (e) => e.stopPropagation(), children: label })
+      },
+      actionKey
+    ) : /* @__PURE__ */ createElement(
+      Button,
+      {
+        ...omit(rest, filterKeys),
         key: actionKey,
         type: "text",
-        onClick: e => {
+        onClick: (e) => {
           e.stopPropagation();
           customClick(_onClick, index);
         }
-      }, label);
-    })
-  });
+      },
+      label
+    );
+  }) });
+};
+var ActionButton_default = ActionButton;
+export {
+  ActionButton_default as default
 };
-export default ActionButton;