@zat-design/sisyphus-react 3.13.14-deta.2 → 4.0.0-beta.3

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

@@ -1,296 +1,246 @@
-"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
+// src/ProForm/components/combination/FormList/components/ActionButton.tsx
+var ActionButton_exports = {};
+__export(ActionButton_exports, {
+  default: () => ActionButton_default
 });
-exports.default = void 0;
-require("antd/es/button/style");
-var _button = _interopRequireDefault(require("antd/es/button"));
-require("antd/es/popconfirm/style");
-var _popconfirm = _interopRequireDefault(require("antd/es/popconfirm"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-require("antd/es/space/style");
-var _space = _interopRequireDefault(require("antd/es/space"));
-var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _omit2 = _interopRequireDefault(require("lodash/omit"));
-var _isFunction2 = _interopRequireDefault(require("lodash/isFunction"));
-var _react = require("react");
-var _jsxRuntime = require("react/jsx-runtime");
-var _icons = require("@ant-design/icons");
-var _ProIcon = _interopRequireDefault(require("../../../../../ProIcon"));
-var _locale = _interopRequireDefault(require("../../../../../locale"));
-var _excluded = ["label", "onClick", "onHandle", "type", "needConfirm", "confirmProps", "title"],
-  _excluded2 = ["onClick", "label"];
-var filterKeys = ['actionType'];
-var getDefaultActions = function getDefaultActions(mode) {
-  var originActions = {
+module.exports = __toCommonJS(ActionButton_exports);
+var import_antd = require("antd");
+var import_lodash = require("lodash");
+var import_classnames = __toESM(require("classnames"));
+var import_react = __toESM(require("react"));
+var import_icons = require("@ant-design/icons");
+var import_ProIcon = __toESM(require("../../../../../ProIcon"));
+var import_locale = __toESM(require("../../../../../locale"));
+var filterKeys = ["actionType"];
+var getDefaultActions = (mode) => {
+  const originActions = {
     add: {
-      onClick: function onClick(record, _ref) {
-        var namePath = _ref.namePath,
-          index = _ref.index,
-          operation = _ref.operation;
-        var add = operation.add;
-        add(undefined, index + 1);
+      onClick: (record, { namePath, index, operation }) => {
+        const { add } = operation;
+        add(void 0, index + 1);
       },
-      label: "".concat(_locale.default.ProForm.formListActions[0]),
-      icon: (0, _jsxRuntime.jsx)(_icons.PlusSquareOutlined, {})
+      label: `${import_locale.default.ProForm.formListActions[0]}`,
+      icon: /* @__PURE__ */ import_react.default.createElement(import_icons.PlusSquareOutlined, null)
     },
     delete: {
-      onClick: function onClick(record, _ref2) {
-        var namePath = _ref2.namePath,
-          index = _ref2.index,
-          operation = _ref2.operation;
-        var remove = operation.remove;
+      onClick: (record, { namePath, index, operation }) => {
+        const { remove } = operation;
         remove(index);
       },
-      label: _locale.default.ProForm.formListActions[1],
-      icon: mode === 'less' ? (0, _jsxRuntime.jsx)(_ProIcon.default, {
-        type: "solid-close",
-        className: "single-delete",
-        buttonIcon: false
-      }) : (0, _jsxRuntime.jsx)(_ProIcon.default, {
-        type: "delete",
-        buttonIcon: false
-      })
+      label: import_locale.default.ProForm.formListActions[1],
+      icon: mode === "less" ? /* @__PURE__ */ import_react.default.createElement(import_ProIcon.default, { type: "solid-close", className: "single-delete", buttonIcon: false }) : /* @__PURE__ */ import_react.default.createElement(import_ProIcon.default, { type: "delete", buttonIcon: false })
     },
     copy: {
-      onClick: function onClick(record, _ref3) {
-        var namePath = _ref3.namePath,
-          index = _ref3.index,
-          operation = _ref3.operation;
-        var add = operation.add;
+      onClick: (record, { namePath, index, operation }) => {
+        const { add } = operation;
         add(record, index + 1);
       },
-      label: _locale.default.ProForm.formListActions[2],
-      icon: (0, _jsxRuntime.jsx)(_icons.CopyOutlined, {})
+      label: import_locale.default.ProForm.formListActions[2],
+      icon: /* @__PURE__ */ import_react.default.createElement(import_icons.CopyOutlined, null)
     },
     moveUp: {
-      onClick: function onClick(record, _ref4) {
-        var namePath = _ref4.namePath,
-          index = _ref4.index,
-          operation = _ref4.operation;
-        var move = operation.move;
+      onClick: (record, { namePath, index, operation }) => {
+        const { move } = operation;
         move(index, index - 1);
       },
-      label: _locale.default.ProForm.formListActions[3],
-      icon: (0, _jsxRuntime.jsx)(_icons.ArrowUpOutlined, {})
+      label: import_locale.default.ProForm.formListActions[3],
+      icon: /* @__PURE__ */ import_react.default.createElement(import_icons.ArrowUpOutlined, null)
     },
     moveDown: {
-      onClick: function onClick(record, _ref5) {
-        var namePath = _ref5.namePath,
-          index = _ref5.index,
-          operation = _ref5.operation;
-        var move = operation.move;
+      onClick: (record, { namePath, index, operation }) => {
+        const { move } = operation;
         move(index, index + 1);
       },
-      label: _locale.default.ProForm.formListActions[4],
-      icon: (0, _jsxRuntime.jsx)(_icons.ArrowDownOutlined, {})
+      label: import_locale.default.ProForm.formListActions[4],
+      icon: /* @__PURE__ */ import_react.default.createElement(import_icons.ArrowDownOutlined, null)
     }
   };
-  if (mode === 'block') {
-    Object.keys(originActions).forEach(function (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(function (key) {
+  if (mode === "line") {
+    Object.keys(originActions).forEach((key) => {
       delete originActions[key].label;
     });
   }
-  if (mode === 'less') {
-    Object.keys(originActions).forEach(function (key) {
+  if (mode === "less") {
+    Object.keys(originActions).forEach((key) => {
       delete originActions[key].label;
     });
   }
   return originActions;
 };
-var defaultActionProps = [{
-  type: 'delete'
-}];
-var ActionButton = function ActionButton(props) {
-  var namePath = props.namePath,
-    form = props.form,
-    field = props.field,
-    operation = props.operation,
-    index = props.index,
-    length = props.length,
-    disabled = props.disabled,
-    fields = props.fields,
-    min = props.min,
-    max = props.max,
-    mode = props.mode,
-    isView = props.isView;
-  // 默认显示一个delete
-  var actionProps = (0, _react.useMemo)(function () {
-    var _props$actionProps;
-    // 兼容 actionType 和 type
-    var _actionProps = (_props$actionProps = props.actionProps) === null || _props$actionProps === void 0 ? void 0 : _props$actionProps.map(function (item) {
-      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, item), {}, {
+var defaultActionProps = [{ type: "delete" }];
+var ActionButton = (props) => {
+  const {
+    namePath,
+    form,
+    field,
+    operation,
+    index,
+    length,
+    disabled,
+    fields,
+    min,
+    max,
+    mode,
+    isView
+  } = props;
+  const actionProps = (0, import_react.useMemo)(() => {
+    var _a;
+    const _actionProps = (_a = props.actionProps) == null ? void 0 : _a.map((item) => {
+      return {
+        ...item,
         // @ts-ignore
         type: item.actionType || item.type
-      });
+      };
     });
-    if (!(_actionProps === null || _actionProps === void 0 ? void 0 : _actionProps.find(function (item) {
-      return item.type === 'delete';
-    }))) {
-      return _actionProps ? [].concat((0, _toConsumableArray2.default)(_actionProps), defaultActionProps) : defaultActionProps;
+    if (!(_actionProps == null ? void 0 : _actionProps.find((item) => item.type === "delete"))) {
+      return _actionProps ? [..._actionProps, ...defaultActionProps] : defaultActionProps;
     }
     return _actionProps;
   }, [props.actionProps]);
-  var handleClick = /*#__PURE__*/function () {
-    var _ref6 = (0, _asyncToGenerator2.default)(/*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(defaultCallback, callback, index, item) {
-      var value, data;
-      return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            value = form.getFieldValue(namePath);
-            _context.next = 3;
-            return callback === null || callback === void 0 ? void 0 : callback(value, {
-              namePath: namePath,
-              index: index,
-              operation: operation,
-              form: form
-            });
-          case 3:
-            data = _context.sent;
-            if (!(!callback || data === true)) {
-              _context.next = 7;
-              break;
-            }
-            defaultCallback === null || defaultCallback === void 0 ? void 0 : defaultCallback(value, {
-              namePath: namePath,
-              index: index,
-              operation: operation,
-              form: form
-            });
-            return _context.abrupt("return");
-          case 7:
-            if ((item === null || item === void 0 ? void 0 : item.type) === 'add') {
-              operation.add(data, index !== undefined ? index + 1 : undefined);
-            }
-          case 8:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee);
-    }));
-    return function handleClick(_x, _x2, _x3, _x4) {
-      return _ref6.apply(this, arguments);
-    };
-  }();
-  var customClick = function customClick(callback, index) {
-    var value = form.getFieldValue(namePath);
-    callback === null || callback === void 0 ? void 0 : callback(value, {
-      namePath: namePath,
-      index: index,
-      operation: operation,
-      form: form
-    });
+  const handleClick = async (defaultCallback, callback, index2, item) => {
+    const value = form.getFieldValue(namePath);
+    const data = await (callback == null ? void 0 : callback(value, { namePath, index: index2, operation, form }));
+    if (!callback || data === true) {
+      defaultCallback == null ? void 0 : defaultCallback(value, { namePath, index: index2, operation, form });
+      return;
+    }
+    if ((item == null ? void 0 : item.type) === "add") {
+      operation.add(data, index2 !== void 0 ? index2 + 1 : void 0);
+    }
+  };
+  const customClick = (callback, index2) => {
+    const value = form.getFieldValue(namePath);
+    callback == null ? void 0 : callback(value, { namePath, index: index2, operation, form });
   };
-  var defaultActions = (0, _react.useMemo)(function () {
-    return getDefaultActions(mode);
-  }, [mode]);
-  return (0, _jsxRuntime.jsx)(_space.default, {
-    align: "start",
-    className: "pro-form-list-action",
-    children: actionProps === null || actionProps === void 0 ? void 0 : actionProps.map(function (item) {
-      if (item.show === false) return (0, _jsxRuntime.jsx)("span", {}, "".concat(item === null || item === void 0 ? void 0 : item.type).concat(index));
-      if ((0, _isFunction2.default)(item.show) && !item.show(form.getFieldValue(namePath), {
-        namePath: namePath,
-        index: index,
-        form: form
-      })) {
-        return (0, _jsxRuntime.jsx)("span", {}, "".concat(item === null || item === void 0 ? void 0 : item.type).concat(index));
+  const defaultActions = (0, import_react.useMemo)(() => getDefaultActions(mode), [mode]);
+  return /* @__PURE__ */ import_react.default.createElement(import_antd.Space, { align: "start", className: "pro-form-list-action" }, actionProps == null ? void 0 : actionProps.map((item) => {
+    if (item.show === false)
+      return /* @__PURE__ */ import_react.default.createElement("span", { key: `${item == null ? void 0 : item.type}${index}` });
+    if ((0, import_lodash.isFunction)(item.show) && !item.show(form.getFieldValue(namePath), { namePath, index, form })) {
+      return /* @__PURE__ */ import_react.default.createElement("span", { key: `${item == null ? void 0 : item.type}${index}` });
+    }
+    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__ */ import_react.default.createElement(import_react.default.Fragment, null);
+      const {
+        onClick: internalOnClick,
+        label: defaultLabel,
+        ...defaultRest
+      } = defaultActions[type];
+      if (min && min >= fields.length && ["delete"].includes(type)) {
+        return false;
       }
-      var label = item.label,
-        onClick = item.onClick,
-        onHandle = item.onHandle,
-        type = item.type,
-        needConfirm = item.needConfirm,
-        confirmProps = item.confirmProps,
-        title = item.title,
-        rest = (0, _objectWithoutProperties2.default)(item, _excluded);
-      var _needConfirm = needConfirm || confirmProps;
-      var _confirmProps = !confirmProps || confirmProps === true ? {} : confirmProps;
-      var _onClick = onClick || onHandle;
-      if (['add', 'delete', 'copy', 'moveUp', 'moveDown'].includes(type)) {
-        // 禁用状态默认隐藏内置操作按钮
-        if (disabled || isView) return (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {});
-        var _defaultActions$type = defaultActions[type],
-          internalOnClick = _defaultActions$type.onClick,
-          defaultLabel = _defaultActions$type.label,
-          defaultRest = (0, _objectWithoutProperties2.default)(_defaultActions$type, _excluded2);
-        // 小于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;
-        }
-        return _needConfirm ? (0, _jsxRuntime.jsx)(_popconfirm.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({
-          title: title !== null && title !== void 0 ? title : "".concat(_locale.default.ProForm.formListConfirmMessage),
-          onCancel: function onCancel(e) {
-            return e.stopPropagation();
-          },
-          onConfirm: function onConfirm(e) {
+      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;
+      }
+      return _needConfirm ? /* @__PURE__ */ import_react.default.createElement(
+        import_antd.Popconfirm,
+        {
+          title: title ?? `${import_locale.default.ProForm.formListConfirmMessage}`,
+          onCancel: (e) => e.stopPropagation(),
+          key: `${item == null ? void 0 : item.type}${index}`,
+          onConfirm: (e) => {
             handleClick(internalOnClick, _onClick, index, item);
-          }
-        }, _confirmProps), {}, {
-          children: (0, _jsxRuntime.jsx)(_button.default, (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, defaultRest), (0, _omit2.default)(rest, filterKeys)), {}, {
+          },
+          ..._confirmProps
+        },
+        /* @__PURE__ */ import_react.default.createElement(
+          import_antd.Button,
+          {
+            ...defaultRest,
+            ...(0, import_lodash.omit)(rest, filterKeys),
             type: "text",
-            onClick: function onClick(e) {
-              return e.stopPropagation();
-            },
-            children: label || defaultLabel
-          }))
-        }), "".concat(item === null || item === void 0 ? void 0 : item.type).concat(index)) : (0, _jsxRuntime.jsx)(_button.default, (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, defaultRest), (0, _omit2.default)(rest, filterKeys)), {}, {
+            onClick: (e) => e.stopPropagation()
+          },
+          label || defaultLabel
+        )
+      ) : /* @__PURE__ */ import_react.default.createElement(
+        import_antd.Button,
+        {
+          key: `${item == null ? void 0 : item.type}${index}`,
+          className: (0, import_classnames.default)({
+            "pro-form-list-tool-btn": mode === "line",
+            "pro-form-list-tool-btn-block": mode === "block",
+            "pro-form-list-tool-btn-less": mode === "less"
+          }),
+          ...defaultRest,
+          ...(0, import_lodash.omit)(rest, filterKeys),
           type: "text",
-          onClick: function onClick(e) {
+          onClick: (e) => {
             e.stopPropagation();
             handleClick(internalOnClick, _onClick, index, item);
-          },
-          children: label || defaultLabel
-        }), "".concat(item === null || item === void 0 ? void 0 : item.type).concat(index));
-      }
-      return needConfirm ? (0, _jsxRuntime.jsx)(_popconfirm.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({
-        title: title !== null && title !== void 0 ? title : "".concat(_locale.default.ProForm.formListConfirmMessage),
-        onCancel: function onCancel(e) {
-          return e.stopPropagation();
+          }
         },
-        onConfirm: function onConfirm() {
-          return customClick(_onClick, index);
-        }
-      }, _confirmProps), {}, {
-        children: (0, _jsxRuntime.jsx)(_button.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _omit2.default)(rest, filterKeys)), {}, {
-          type: "text",
-          onClick: function onClick(e) {
-            return e.stopPropagation();
-          },
-          children: label
-        }))
-      }), "".concat(item === null || item === void 0 ? void 0 : item.type).concat(index)) : (/*#__PURE__*/(0, _react.createElement)(_button.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _omit2.default)(rest, filterKeys)), {}, {
-        key: "".concat(item === null || item === void 0 ? void 0 : item.type).concat(index),
+        label || defaultLabel
+      );
+    }
+    return needConfirm ? /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Popconfirm,
+      {
+        title: title ?? `${import_locale.default.ProForm.formListConfirmMessage}`,
+        onCancel: (e) => e.stopPropagation(),
+        onConfirm: () => customClick(_onClick, index),
+        key: `${item == null ? void 0 : item.type}${index}`,
+        ..._confirmProps
+      },
+      /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { ...(0, import_lodash.omit)(rest, filterKeys), type: "text", onClick: (e) => e.stopPropagation() }, label)
+    ) : /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Button,
+      {
+        ...(0, import_lodash.omit)(rest, filterKeys),
+        key: `${item == null ? void 0 : item.type}${index}`,
         type: "text",
-        onClick: function onClick(e) {
+        onClick: (e) => {
           e.stopPropagation();
           customClick(_onClick, index);
         }
-      }), label));
-    })
-  });
+      },
+      label
+    );
+  }));
 };
-var _default = exports.default = ActionButton;
+var ActionButton_default = ActionButton;