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

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

@@ -1,100 +1,126 @@
-"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/LineFields.tsx
+var LineFields_exports = {};
+__export(LineFields_exports, {
+  default: () => LineFields_default
 });
-exports.default = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _jsxRuntime = require("react/jsx-runtime");
-var _antd = require("antd");
-var _react = _interopRequireDefault(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _sortable = require("@dnd-kit/sortable");
-var _utilities = require("@dnd-kit/utilities");
-var _ProIcon = _interopRequireDefault(require("../../../../../ProIcon"));
-var _ActionButton = _interopRequireDefault(require("./ActionButton"));
-var _RenderFields = _interopRequireDefault(require("../../../render/RenderFields"));
-var _utils = require("../utils");
-var MemoRenderFields = /*#__PURE__*/_react.default.memo(_RenderFields.default, _utils.memoWith);
-var LineFields = function LineFields(props) {
-  var mode = props.mode,
-    index = props.index,
-    form = props.form,
-    namePath = props.namePath,
-    min = props.min,
-    max = props.max,
-    fields = props.fields,
-    operation = props.operation,
-    field = props.field,
-    actionProps = props.actionProps,
-    columns = props.columns,
-    colProps = props.colProps,
-    disabled = props.disabled,
-    isView = props.isView,
-    draggable = props.draggable,
-    className = props.className,
-    id = props.id,
-    diffConfig = props.diffConfig;
-  var isLess = mode === 'less';
-  var _useSortable = (0, _sortable.useSortable)({
-      id: field.key,
-      disabled: disabled
-    }),
-    attributes = _useSortable.attributes,
-    listeners = _useSortable.listeners,
-    setNodeRef = _useSortable.setNodeRef,
-    transform = _useSortable.transform,
-    transition = _useSortable.transition,
-    isDragging = _useSortable.isDragging,
-    setActivatorNodeRef = _useSortable.setActivatorNodeRef;
-  var classnames = (0, _classnames.default)((0, _defineProperty2.default)({
-    'pro-form-list': true,
-    'pro-form-list-line': mode === 'line'
-  }, className, !!className));
-  var style = {
-    opacity: isDragging ? 0.4 : undefined,
-    transform: _utilities.CSS.Translate.toString(transform),
-    transition: transition
+module.exports = __toCommonJS(LineFields_exports);
+var import_antd = require("antd");
+var import_react = __toESM(require("react"));
+var import_classnames = __toESM(require("classnames"));
+var import_sortable = require("@dnd-kit/sortable");
+var import_utilities = require("@dnd-kit/utilities");
+var import_ProIcon = __toESM(require("../../../../../ProIcon"));
+var import_ActionButton = __toESM(require("./ActionButton"));
+var import_RenderFields = __toESM(require("../../../render/RenderFields"));
+var import_utils = require("../utils");
+var MemoRenderFields = import_react.default.memo(import_RenderFields.default, import_utils.memoWith);
+var LineFields = (props) => {
+  const {
+    mode,
+    index,
+    form,
+    namePath,
+    min,
+    max,
+    fields,
+    operation,
+    field,
+    actionProps,
+    columns,
+    colProps,
+    disabled,
+    isView,
+    draggable,
+    className,
+    id,
+    diffConfig
+  } = props;
+  const isLess = mode === "less";
+  const {
+    attributes,
+    listeners,
+    setNodeRef,
+    transform,
+    transition,
+    isDragging,
+    setActivatorNodeRef
+  } = (0, import_sortable.useSortable)({
+    id: field.key,
+    disabled
+  });
+  const classnames = (0, import_classnames.default)({
+    "pro-form-list": true,
+    "pro-form-list-line": mode === "line",
+    [className]: !!className
+  });
+  const style = {
+    opacity: isDragging ? 0.4 : void 0,
+    transform: import_utilities.CSS.Translate.toString(transform),
+    transition
   };
-  return (0, _jsxRuntime.jsxs)("div", {
-    className: classnames,
-    ref: setNodeRef,
-    style: style,
-    id: id,
-    children: [!disabled && draggable && (0, _jsxRuntime.jsx)("div", (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, attributes), listeners), {}, {
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: classnames, ref: setNodeRef, style, id }, !disabled && draggable && /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      ...attributes,
+      ...listeners,
       className: "pro-form-list-drag-handle",
-      ref: setActivatorNodeRef,
-      children: (0, _jsxRuntime.jsx)(_ProIcon.default, {
-        className: "drag-icon",
-        type: "drag",
-        buttonIcon: false
-      })
-    })), (0, _jsxRuntime.jsx)(_antd.Row, {
-      gutter: isLess ? 0 : 24,
-      children: (0, _jsxRuntime.jsx)(MemoRenderFields, {
-        columns: columns,
-        form: form,
-        colProps: colProps,
-        disabled: disabled,
-        isView: isView,
-        diffConfig: diffConfig
-      })
-    }), actionProps !== false && (0, _jsxRuntime.jsx)(_ActionButton.default, {
-      min: min,
-      max: max,
-      index: index,
+      ref: setActivatorNodeRef
+    },
+    /* @__PURE__ */ import_react.default.createElement(import_ProIcon.default, { className: "drag-icon", type: "drag", buttonIcon: false })
+  ), /* @__PURE__ */ import_react.default.createElement(import_antd.Row, { gutter: isLess ? 0 : 24 }, /* @__PURE__ */ import_react.default.createElement(
+    MemoRenderFields,
+    {
+      columns,
+      form,
+      colProps,
+      disabled,
+      isView,
+      diffConfig
+    }
+  )), actionProps !== false && /* @__PURE__ */ import_react.default.createElement(
+    import_ActionButton.default,
+    {
+      min,
+      max,
+      index,
       length: fields.length,
-      operation: operation,
-      namePath: namePath,
-      form: form,
-      field: field,
-      fields: fields,
-      actionProps: actionProps,
-      mode: mode,
-      disabled: disabled
-    })]
-  });
+      operation,
+      namePath,
+      form,
+      field,
+      fields,
+      actionProps,
+      mode,
+      disabled
+    }
+  ));
 };
-var _default = exports.default = LineFields;
+var LineFields_default = LineFields;

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

@@ -1,155 +1,122 @@
-"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/ToolbarButton.tsx
+var ToolbarButton_exports = {};
+__export(ToolbarButton_exports, {
+  default: () => ToolbarButton_default
 });
-exports.default = void 0;
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-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 _jsxRuntime = require("react/jsx-runtime");
-var _antd = require("antd");
-var _icons = require("@ant-design/icons");
-var _react = require("react");
-var _locale = _interopRequireDefault(require("../../../../../locale"));
-var _excluded = ["label", "onClick", "onHandle", "type"],
-  _excluded2 = ["onClick", "label"];
-function _regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return _regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i.return) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine2(u), _regeneratorDefine2(u, o, "Generator"), _regeneratorDefine2(u, n, function () { return this; }), _regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
-function _regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { if (r) i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n;else { var o = function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); }; o("next", 0), o("throw", 1), o("return", 2); } }, _regeneratorDefine2(e, r, n, t); } /* eslint-disable react/no-array-index-key */
+module.exports = __toCommonJS(ToolbarButton_exports);
+var import_antd = require("antd");
+var import_icons = require("@ant-design/icons");
+var import_lodash = require("lodash");
+var import_react = __toESM(require("react"));
+var import_locale = __toESM(require("../../../../../locale"));
 var actions = {
   add: {
-    onClick: function onClick(value, _ref) {
-      var operation = _ref.operation;
+    onClick: (value, { operation }) => {
       operation.add({});
     },
-    label: "".concat(_locale.default.ProForm.formListActions[5]),
-    icon: (0, _jsxRuntime.jsx)(_icons.PlusOutlined, {})
+    label: `${import_locale.default.ProForm.formListActions[5]}`,
+    // 新增一行
+    icon: /* @__PURE__ */ import_react.default.createElement(import_icons.PlusOutlined, null)
   }
 };
-var defaultActionProps = [{
-  type: 'add'
-}];
-var filterKeys = ['actionType'];
-var ToolbarButton = function ToolbarButton(props) {
-  var namePath = props.namePath,
-    form = props.form,
-    operation = props.operation,
-    length = props.length,
-    fields = props.fields,
-    min = props.min,
-    max = props.max,
-    disabled = props.disabled,
-    isView = props.isView;
-  // 默认显示一个delete
-  var toolbarProps = (0, _react.useMemo)(function () {
-    var _props$toolbarProps;
-    // 兼容 actionType 和 type
-    var _toolbarProps = (_props$toolbarProps = props.toolbarProps) === null || _props$toolbarProps === void 0 ? void 0 : _props$toolbarProps.map(function (item) {
-      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, item), {}, {
+var defaultActionProps = [{ type: "add" }];
+var filterKeys = ["actionType"];
+var ToolbarButton = (props) => {
+  const { namePath, form, operation, length, fields, min, max, disabled, isView } = props;
+  const toolbarProps = (0, import_react.useMemo)(() => {
+    var _a;
+    const _toolbarProps = (_a = props.toolbarProps) == null ? void 0 : _a.map((item) => {
+      return {
+        ...item,
         // @ts-ignore
         type: item.actionType || item.type
-      });
+      };
     });
-    if (!(_toolbarProps === null || _toolbarProps === void 0 ? void 0 : _toolbarProps.find(function (item) {
-      return item.type === 'add';
-    }))) {
-      return _toolbarProps ? [].concat((0, _toConsumableArray2.default)(_toolbarProps), defaultActionProps) : defaultActionProps;
+    if (!(_toolbarProps == null ? void 0 : _toolbarProps.find((item) => item.type === "add"))) {
+      return _toolbarProps ? [..._toolbarProps, ...defaultActionProps] : defaultActionProps;
     }
     return _toolbarProps;
   }, [props.toolbarProps]);
-  var handleClick = /*#__PURE__*/function () {
-    var _ref2 = (0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator().m(function _callee(defaultCallback, callback, item) {
-      var value, data;
-      return _regenerator().w(function (_context) {
-        while (1) switch (_context.n) {
-          case 0:
-            value = form.getFieldValue(namePath);
-            _context.n = 1;
-            return callback === null || callback === void 0 ? void 0 : callback(value, {
-              operation: operation,
-              form: form,
-              namePath: namePath
-            });
-          case 1:
-            data = _context.v;
-            if (!(!callback || data === true)) {
-              _context.n = 2;
-              break;
-            }
-            defaultCallback === null || defaultCallback === void 0 ? void 0 : defaultCallback(value, {
-              operation: operation,
-              form: form,
-              namePath: namePath
-            });
-            return _context.a(2);
-          case 2:
-            if ((item === null || item === void 0 ? void 0 : item.type) === 'add' && data) {
-              operation.add(data);
-            }
-          case 3:
-            return _context.a(2);
-        }
-      }, _callee);
-    }));
-    return function handleClick(_x, _x2, _x3) {
-      return _ref2.apply(this, arguments);
-    };
-  }();
-  var customClick = function customClick(callback, item) {
-    var value = form.getFieldValue(namePath);
-    callback === null || callback === void 0 ? void 0 : callback(value, {
-      operation: operation,
-      form: form,
-      namePath: namePath
-    });
+  const handleClick = async (defaultCallback, callback, item) => {
+    const value = form.getFieldValue(namePath);
+    const data = await (callback == null ? void 0 : callback(value, { operation, form, namePath }));
+    if (!callback || data === true) {
+      defaultCallback == null ? void 0 : defaultCallback(value, { operation, form, namePath });
+      return;
+    }
+    if ((item == null ? void 0 : item.type) === "add" && data) {
+      operation.add(data);
+    }
   };
-  return (0, _jsxRuntime.jsx)(_antd.Space, {
-    align: "start",
-    className: "pro-form-list-toolbar",
-    children: toolbarProps === null || toolbarProps === void 0 ? void 0 : toolbarProps.map(function (item, index) {
-      if (item.show === false) return (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {});
-      if ((0, _isFunction2.default)(item.show) && !item.show(form.getFieldValue(namePath), {
-        namePath: namePath,
-        form: form
-      })) {
-        return (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {});
+  const customClick = (callback, item) => {
+    const value = form.getFieldValue(namePath);
+    callback == null ? void 0 : callback(value, { operation, form, namePath });
+  };
+  return /* @__PURE__ */ import_react.default.createElement(import_antd.Space, { align: "start", className: "pro-form-list-toolbar" }, toolbarProps == null ? void 0 : toolbarProps.map((item, index) => {
+    if (item.show === false)
+      return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null);
+    if ((0, import_lodash.isFunction)(item.show) && !item.show(form.getFieldValue(namePath), { namePath, form })) {
+      return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null);
+    }
+    const { label, onClick, onHandle, type, ...rest } = item;
+    const _onClick = onClick || onHandle;
+    if (type === "add") {
+      if (disabled || isView)
+        return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null);
+      const { onClick: internalOnClick, label: defaultLabel, ...defaultRest } = actions[type];
+      if (max && max <= fields.length && type === "add") {
+        return false;
       }
-      var label = item.label,
-        _onClick2 = item.onClick,
-        onHandle = item.onHandle,
-        type = item.type,
-        rest = (0, _objectWithoutProperties2.default)(item, _excluded);
-      var _onClick = _onClick2 || onHandle;
-      if (type === 'add') {
-        if (disabled || isView) return (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {});
-        var _actions$type = actions[type],
-          internalOnClick = _actions$type.onClick,
-          defaultLabel = _actions$type.label,
-          defaultRest = (0, _objectWithoutProperties2.default)(_actions$type, _excluded2);
-        // 大于等于max不可新增
-        if (max && max <= fields.length && type === 'add') {
-          return false;
-        }
-        return (0, _jsxRuntime.jsx)(_antd.Button, (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, actions[type]), (0, _omit2.default)(rest, filterKeys)), {}, {
+      return /* @__PURE__ */ import_react.default.createElement(
+        import_antd.Button,
+        {
+          key: `${type}${index}`,
+          ...actions[type],
+          ...(0, import_lodash.omit)(rest, filterKeys),
           type: "link",
-          onClick: function onClick() {
-            return handleClick(internalOnClick, _onClick, item);
-          },
-          children: label || defaultLabel
-        }), "".concat(type).concat(index));
-      }
-      return (0, _jsxRuntime.jsx)(_antd.Button, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _omit2.default)(rest, filterKeys)), {}, {
-        type: "link",
-        onClick: function onClick() {
-          return customClick(_onClick2, item);
+          onClick: () => handleClick(internalOnClick, _onClick, item)
         },
-        children: label
-      }), "".concat(type).concat(index));
-    })
-  });
+        label || defaultLabel
+      );
+    }
+    return /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Button,
+      {
+        key: `${type}${index}`,
+        ...(0, import_lodash.omit)(rest, filterKeys),
+        type: "link",
+        onClick: () => customClick(onClick, item)
+      },
+      label
+    );
+  }));
 };
-var _default = exports.default = ToolbarButton;
+var ToolbarButton_default = ToolbarButton;