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

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

@@ -1,126 +1,101 @@
-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);
+"use strict";
 
-// src/ProForm/components/combination/FormList/components/LineFields.tsx
-var LineFields_exports = {};
-__export(LineFields_exports, {
-  default: () => LineFields_default
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-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",
+exports.default = void 0;
+require("antd/es/row/style");
+var _row = _interopRequireDefault(require("antd/es/row"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+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 _jsxRuntime = require("react/jsx-runtime");
+var MemoRenderFields = /*#__PURE__*/_react.default.memo(_RenderFields.default, _utils.memoWith);
+var 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
+    }),
+    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)({
+    '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),
+  var style = {
+    opacity: isDragging ? 0.4 : undefined,
+    transform: _utilities.CSS.Translate.toString(transform),
     transition
   };
-  return /* @__PURE__ */ import_react.default.createElement("div", { className: classnames, ref: setNodeRef, style, id }, !disabled && draggable && /* @__PURE__ */ import_react.default.createElement(
-    "div",
-    {
-      ...attributes,
-      ...listeners,
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: classnames,
+    ref: setNodeRef,
+    style: style,
+    id: id,
+    children: [!disabled && draggable && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, attributes), listeners), {}, {
       className: "pro-form-list-drag-handle",
-      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,
+      ref: setActivatorNodeRef,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ProIcon.default, {
+        className: "drag-icon",
+        type: "drag",
+        buttonIcon: false
+      })
+    })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_row.default, {
+      gutter: isLess ? 0 : 24,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(MemoRenderFields, {
+        columns: columns,
+        form: form,
+        colProps: colProps,
+        disabled: disabled,
+        isView: isView,
+        diffConfig: diffConfig
+      })
+    }), actionProps !== false && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ActionButton.default, {
+      min: min,
+      max: max,
+      index: index,
       length: fields.length,
-      operation,
-      namePath,
-      form,
-      field,
-      fields,
-      actionProps,
-      mode,
-      disabled
-    }
-  ));
+      operation: operation,
+      namePath: namePath,
+      form: form,
+      field: field,
+      fields: fields,
+      actionProps: actionProps,
+      mode: mode,
+      disabled: disabled
+    })]
+  });
 };
-var LineFields_default = LineFields;
+var _default = exports.default = LineFields;

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

@@ -1,122 +1,154 @@
-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);
+"use strict";
 
-// src/ProForm/components/combination/FormList/components/ToolbarButton.tsx
-var ToolbarButton_exports = {};
-__export(ToolbarButton_exports, {
-  default: () => ToolbarButton_default
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-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"));
+exports.default = void 0;
+require("antd/es/space/style");
+var _space = _interopRequireDefault(require("antd/es/space"));
+require("antd/es/button/style");
+var _button = _interopRequireDefault(require("antd/es/button"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _icons = require("@ant-design/icons");
+var _lodash = require("lodash");
+var _react = _interopRequireWildcard(require("react"));
+var _locale = _interopRequireDefault(require("../../../../../locale"));
+var _jsxRuntime = require("react/jsx-runtime");
+var _excluded = ["label", "onClick", "onHandle", "type"],
+  _excluded2 = ["onClick", "label"];
+/* eslint-disable react/no-array-index-key */
 var actions = {
   add: {
-    onClick: (value, { operation }) => {
+    onClick: (value, _ref) => {
+      var operation = _ref.operation;
       operation.add({});
     },
-    label: `${import_locale.default.ProForm.formListActions[5]}`,
+    label: `${_locale.default.ProForm.formListActions[5]}`,
     // 新增一行
-    icon: /* @__PURE__ */ import_react.default.createElement(import_icons.PlusOutlined, null)
+    icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.PlusOutlined, {})
   }
 };
-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,
+var defaultActionProps = [{
+  type: 'add'
+}];
+var filterKeys = ['actionType'];
+var 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)(() => {
+    var _props$toolbarProps;
+    // 兼容 actionType 和 type
+    var _toolbarProps = (_props$toolbarProps = props.toolbarProps) === null || _props$toolbarProps === void 0 ? void 0 : _props$toolbarProps.map(item => {
+      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, item), {}, {
         // @ts-ignore
         type: item.actionType || item.type
-      };
+      });
     });
-    if (!(_toolbarProps == null ? void 0 : _toolbarProps.find((item) => item.type === "add"))) {
+    if (!(_toolbarProps !== null && _toolbarProps !== void 0 && _toolbarProps.find(item => item.type === 'add'))) {
       return _toolbarProps ? [..._toolbarProps, ...defaultActionProps] : defaultActionProps;
     }
     return _toolbarProps;
   }, [props.toolbarProps]);
-  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);
-    }
-  };
-  const customClick = (callback, item) => {
-    const value = form.getFieldValue(namePath);
-    callback == null ? void 0 : callback(value, { operation, form, namePath });
+  var handleClick = /*#__PURE__*/function () {
+    var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(defaultCallback, callback, 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, {
+              operation,
+              form,
+              namePath
+            });
+          case 3:
+            data = _context.sent;
+            if (!(!callback || data === true)) {
+              _context.next = 7;
+              break;
+            }
+            defaultCallback === null || defaultCallback === void 0 || defaultCallback(value, {
+              operation,
+              form,
+              namePath
+            });
+            return _context.abrupt("return");
+          case 7:
+            if ((item === null || item === void 0 ? void 0 : item.type) === 'add' && data) {
+              operation.add(data);
+            }
+          case 8:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function handleClick(_x, _x2, _x3) {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  var customClick = (callback, item) => {
+    var value = form.getFieldValue(namePath);
+    callback === null || callback === 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;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_space.default, {
+    align: "start",
+    className: "pro-form-list-toolbar",
+    children: toolbarProps === null || toolbarProps === void 0 ? void 0 : toolbarProps.map((item, index) => {
+      if (item.show === false) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {});
+      if ((0, _lodash.isFunction)(item.show) && !item.show(form.getFieldValue(namePath), {
+        namePath,
+        form
+      })) {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {});
       }
-      return /* @__PURE__ */ import_react.default.createElement(
-        import_antd.Button,
-        {
-          key: `${type}${index}`,
-          ...actions[type],
-          ...(0, import_lodash.omit)(rest, filterKeys),
+      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 /*#__PURE__*/(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 /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.default, (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, actions[type]), (0, _lodash.omit)(rest, filterKeys)), {}, {
           type: "link",
-          onClick: () => handleClick(internalOnClick, _onClick, item)
-        },
-        label || defaultLabel
-      );
-    }
-    return /* @__PURE__ */ import_react.default.createElement(
-      import_antd.Button,
-      {
-        key: `${type}${index}`,
-        ...(0, import_lodash.omit)(rest, filterKeys),
+          onClick: () => handleClick(internalOnClick, _onClick, item),
+          children: label || defaultLabel
+        }), `${type}${index}`);
+      }
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _lodash.omit)(rest, filterKeys)), {}, {
         type: "link",
-        onClick: () => customClick(onClick, item)
-      },
-      label
-    );
-  }));
+        onClick: () => customClick(_onClick2, item),
+        children: label
+      }), `${type}${index}`);
+    })
+  });
 };
-var ToolbarButton_default = ToolbarButton;
+var _default = exports.default = ToolbarButton;