@ant-design/pro-components 3.0.0-beta.1 → 3.0.0-beta.3

package/lib/form/components/List/ListContainer.js

@@ -1,226 +1,242 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-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 __async = (__this, __arguments, generator) => {
-  return new Promise((resolve, reject) => {
-    var fulfilled = (value) => {
-      try {
-        step(generator.next(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var rejected = (value) => {
-      try {
-        step(generator.throw(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
-    step((generator = generator.apply(__this, __arguments)).next());
-  });
-};
+"use strict";
 
-// src/form/components/List/ListContainer.tsx
-var ListContainer_exports = {};
-__export(ListContainer_exports, {
-  ProFormListContainer: () => ProFormListContainer
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(ListContainer_exports);
-var import_icons = require("@ant-design/icons");
-var import_antd = require("antd");
-var import_omit = __toESM(require("rc-util/lib/omit"));
-var import_react = require("react");
-var import_provider = require("../../../provider");
-var import_utils = require("../../../utils");
-var import_EditOrReadOnlyContext = require("../../BaseForm/EditOrReadOnlyContext");
-var import_ListItem = require("./ListItem");
-var ProFormListContainer = (props) => {
-  const intl = (0, import_provider.useIntl)();
-  const {
-    creatorButtonProps,
-    prefixCls,
-    children,
-    creatorRecord,
-    action,
-    fields,
-    actionGuard,
-    max,
-    fieldExtraRender,
-    meta,
-    containerClassName,
-    containerStyle,
-    onAfterAdd,
-    onAfterRemove
-  } = props;
-  const { hashId } = (0, import_react.useContext)(import_provider.ProProvider);
-  const fieldKeyMap = (0, import_react.useRef)(/* @__PURE__ */ new Map());
-  const [loading, setLoading] = (0, import_react.useState)(false);
-  const uuidFields = (0, import_react.useMemo)(() => {
-    return fields.map((field) => {
-      var _a, _b, _c;
-      if (!((_a = fieldKeyMap.current) == null ? void 0 : _a.has(field.key.toString()))) {
-        (_b = fieldKeyMap.current) == null ? void 0 : _b.set(field.key.toString(), (0, import_utils.nanoid)());
+exports.ProFormListContainer = void 0;
+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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _icons = require("@ant-design/icons");
+var _util = require("@rc-component/util");
+var _antd = require("antd");
+var _react = require("react");
+var _provider = require("../../../provider");
+var _utils = require("../../../utils");
+var _EditOrReadOnlyContext = require("../../BaseForm/EditOrReadOnlyContext");
+var _ListItem = require("./ListItem");
+var _jsxRuntime = require("react/jsx-runtime");
+var ProFormListContainer = exports.ProFormListContainer = function ProFormListContainer(props) {
+  var intl = (0, _provider.useIntl)();
+  var creatorButtonProps = props.creatorButtonProps,
+    prefixCls = props.prefixCls,
+    children = props.children,
+    creatorRecord = props.creatorRecord,
+    action = props.action,
+    fields = props.fields,
+    actionGuard = props.actionGuard,
+    max = props.max,
+    fieldExtraRender = props.fieldExtraRender,
+    meta = props.meta,
+    containerClassName = props.containerClassName,
+    containerStyle = props.containerStyle,
+    onAfterAdd = props.onAfterAdd,
+    onAfterRemove = props.onAfterRemove;
+  var _useContext = (0, _react.useContext)(_provider.ProProvider),
+    hashId = _useContext.hashId;
+  var fieldKeyMap = (0, _react.useRef)(new Map());
+  var _useState = (0, _react.useState)(false),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    loading = _useState2[0],
+    setLoading = _useState2[1];
+  var uuidFields = (0, _react.useMemo)(function () {
+    return fields.map(function (field) {
+      var _fieldKeyMap$current, _fieldKeyMap$current3;
+      if (!((_fieldKeyMap$current = fieldKeyMap.current) !== null && _fieldKeyMap$current !== void 0 && _fieldKeyMap$current.has(field.key.toString()))) {
+        var _fieldKeyMap$current2;
+        (_fieldKeyMap$current2 = fieldKeyMap.current) === null || _fieldKeyMap$current2 === void 0 || _fieldKeyMap$current2.set(field.key.toString(), (0, _utils.nanoid)());
       }
-      const uuid = (_c = fieldKeyMap.current) == null ? void 0 : _c.get(field.key.toString());
-      return __spreadProps(__spreadValues({}, field), {
-        uuid
+      var uuid = (_fieldKeyMap$current3 = fieldKeyMap.current) === null || _fieldKeyMap$current3 === void 0 ? void 0 : _fieldKeyMap$current3.get(field.key.toString());
+      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, field), {}, {
+        uuid: uuid
       });
     });
   }, [fields]);
-  const wrapperAction = (0, import_react.useMemo)(() => {
-    const wrapAction = __spreadValues({}, action);
-    const count = uuidFields.length;
-    if (actionGuard == null ? void 0 : actionGuard.beforeAddRow) {
-      wrapAction.add = (...rest) => __async(void 0, null, function* () {
-        const success = yield actionGuard.beforeAddRow(...rest, count);
-        if (success) {
-          const res = action.add(...rest);
-          onAfterAdd == null ? void 0 : onAfterAdd(...rest, count + 1);
-          return res;
-        }
-        return false;
-      });
+
+  /**
+   * 根据行为守卫包装action函数
+   */
+  var wrapperAction = (0, _react.useMemo)(function () {
+    var wrapAction = (0, _objectSpread2.default)({}, action);
+    var count = uuidFields.length;
+    if (actionGuard !== null && actionGuard !== void 0 && actionGuard.beforeAddRow) {
+      wrapAction.add = /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee() {
+        var _len,
+          rest,
+          _key,
+          success,
+          res,
+          _args = arguments;
+        return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              for (_len = _args.length, rest = new Array(_len), _key = 0; _key < _len; _key++) {
+                rest[_key] = _args[_key];
+              }
+              _context.next = 3;
+              return actionGuard.beforeAddRow.apply(actionGuard, rest.concat([count]));
+            case 3:
+              success = _context.sent;
+              if (!success) {
+                _context.next = 8;
+                break;
+              }
+              res = action.add.apply(action, rest);
+              onAfterAdd === null || onAfterAdd === void 0 || onAfterAdd.apply(void 0, rest.concat([count + 1]));
+              return _context.abrupt("return", res);
+            case 8:
+              return _context.abrupt("return", false);
+            case 9:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee);
+      }));
     } else {
-      wrapAction.add = (...rest) => __async(void 0, null, function* () {
-        const res = action.add(...rest);
-        onAfterAdd == null ? void 0 : onAfterAdd(...rest, count + 1);
-        return res;
-      });
+      wrapAction.add = /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee2() {
+        var _len2,
+          rest,
+          _key2,
+          res,
+          _args2 = arguments;
+        return (0, _regeneratorRuntime2.default)().wrap(function _callee2$(_context2) {
+          while (1) switch (_context2.prev = _context2.next) {
+            case 0:
+              for (_len2 = _args2.length, rest = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+                rest[_key2] = _args2[_key2];
+              }
+              res = action.add.apply(action, rest);
+              onAfterAdd === null || onAfterAdd === void 0 || onAfterAdd.apply(void 0, rest.concat([count + 1]));
+              return _context2.abrupt("return", res);
+            case 4:
+            case "end":
+              return _context2.stop();
+          }
+        }, _callee2);
+      }));
     }
-    if (actionGuard == null ? void 0 : actionGuard.beforeRemoveRow) {
-      wrapAction.remove = (...rest) => __async(void 0, null, function* () {
-        const success = yield actionGuard.beforeRemoveRow(...rest, count);
-        if (success) {
-          const res = action.remove(...rest);
-          onAfterRemove == null ? void 0 : onAfterRemove(...rest, count - 1);
-          return res;
-        }
-        return false;
-      });
+    if (actionGuard !== null && actionGuard !== void 0 && actionGuard.beforeRemoveRow) {
+      wrapAction.remove = /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee3() {
+        var _len3,
+          rest,
+          _key3,
+          success,
+          res,
+          _args3 = arguments;
+        return (0, _regeneratorRuntime2.default)().wrap(function _callee3$(_context3) {
+          while (1) switch (_context3.prev = _context3.next) {
+            case 0:
+              for (_len3 = _args3.length, rest = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
+                rest[_key3] = _args3[_key3];
+              }
+              _context3.next = 3;
+              return actionGuard.beforeRemoveRow.apply(actionGuard, rest.concat([count]));
+            case 3:
+              success = _context3.sent;
+              if (!success) {
+                _context3.next = 8;
+                break;
+              }
+              res = action.remove.apply(action, rest);
+              onAfterRemove === null || onAfterRemove === void 0 || onAfterRemove.apply(void 0, rest.concat([count - 1]));
+              return _context3.abrupt("return", res);
+            case 8:
+              return _context3.abrupt("return", false);
+            case 9:
+            case "end":
+              return _context3.stop();
+          }
+        }, _callee3);
+      }));
     } else {
-      wrapAction.remove = (...rest) => __async(void 0, null, function* () {
-        const res = action.remove(...rest);
-        onAfterRemove == null ? void 0 : onAfterRemove(...rest, count - 1);
-        return res;
-      });
+      wrapAction.remove = /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee4() {
+        var _len4,
+          rest,
+          _key4,
+          res,
+          _args4 = arguments;
+        return (0, _regeneratorRuntime2.default)().wrap(function _callee4$(_context4) {
+          while (1) switch (_context4.prev = _context4.next) {
+            case 0:
+              for (_len4 = _args4.length, rest = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
+                rest[_key4] = _args4[_key4];
+              }
+              res = action.remove.apply(action, rest);
+              onAfterRemove === null || onAfterRemove === void 0 || onAfterRemove.apply(void 0, rest.concat([count - 1]));
+              return _context4.abrupt("return", res);
+            case 4:
+            case "end":
+              return _context4.stop();
+          }
+        }, _callee4);
+      }));
     }
     return wrapAction;
-  }, [
-    action,
-    actionGuard == null ? void 0 : actionGuard.beforeAddRow,
-    actionGuard == null ? void 0 : actionGuard.beforeRemoveRow,
-    onAfterAdd,
-    onAfterRemove,
-    uuidFields.length
-  ]);
-  const creatorButton = (0, import_react.useMemo)(() => {
-    if (creatorButtonProps === false || uuidFields.length === max)
-      return null;
-    const {
-      position = "bottom",
-      creatorButtonText = intl.getMessage(
-        "editableTable.action.add",
-        "添加一行数据"
-      )
-    } = creatorButtonProps || {};
-    return /* @__PURE__ */ React.createElement(
-      import_antd.Button,
-      __spreadProps(__spreadValues({
-        className: `${prefixCls}-creator-button-${position} ${hashId || ""}`.trim(),
-        type: "dashed",
-        loading,
-        block: true,
-        icon: /* @__PURE__ */ React.createElement(import_icons.PlusOutlined, null)
-      }, (0, import_omit.default)(creatorButtonProps || {}, ["position", "creatorButtonText"])), {
-        onClick: () => __async(void 0, null, function* () {
-          var _a;
-          setLoading(true);
-          let index = uuidFields.length;
-          if (position === "top")
-            index = 0;
-          yield wrapperAction.add((_a = (0, import_utils.runFunction)(creatorRecord)) != null ? _a : {}, index);
-          setLoading(false);
-        })
-      }),
-      creatorButtonText
-    );
-  }, [
-    creatorButtonProps,
-    uuidFields.length,
-    max,
-    intl,
-    prefixCls,
-    hashId,
-    loading,
-    wrapperAction,
-    creatorRecord
-  ]);
-  const readOnlyContext = (0, import_react.useContext)(import_EditOrReadOnlyContext.EditOrReadOnlyContext);
-  const defaultStyle = __spreadValues({
-    width: "max-content",
-    maxWidth: "100%",
-    minWidth: "100%"
+  }, [action, actionGuard === null || actionGuard === void 0 ? void 0 : actionGuard.beforeAddRow, actionGuard === null || actionGuard === void 0 ? void 0 : actionGuard.beforeRemoveRow, onAfterAdd, onAfterRemove, uuidFields.length]);
+  var creatorButton = (0, _react.useMemo)(function () {
+    if (creatorButtonProps === false || uuidFields.length === max) return null;
+    var _ref5 = creatorButtonProps || {},
+      _ref5$position = _ref5.position,
+      position = _ref5$position === void 0 ? 'bottom' : _ref5$position,
+      _ref5$creatorButtonTe = _ref5.creatorButtonText,
+      creatorButtonText = _ref5$creatorButtonTe === void 0 ? intl.getMessage('editableTable.action.add', '添加一行数据') : _ref5$creatorButtonTe;
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Button, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+      className: "".concat(prefixCls, "-creator-button-").concat(position, " ").concat(hashId || '').trim(),
+      type: "dashed",
+      loading: loading,
+      block: true,
+      icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.PlusOutlined, {})
+    }, (0, _util.omit)(creatorButtonProps || {}, ['position', 'creatorButtonText'])), {}, {
+      onClick: /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee5() {
+        var _runFunction;
+        var index;
+        return (0, _regeneratorRuntime2.default)().wrap(function _callee5$(_context5) {
+          while (1) switch (_context5.prev = _context5.next) {
+            case 0:
+              setLoading(true);
+              // 如果不是从顶部开始添加，则插入的索引为当前行数
+              index = uuidFields.length; // 如果是顶部，加到第一个，如果不是，为空就是最后一个
+              if (position === 'top') index = 0;
+              _context5.next = 5;
+              return wrapperAction.add((_runFunction = (0, _utils.runFunction)(creatorRecord)) !== null && _runFunction !== void 0 ? _runFunction : {}, index);
+            case 5:
+              setLoading(false);
+            case 6:
+            case "end":
+              return _context5.stop();
+          }
+        }, _callee5);
+      })),
+      children: creatorButtonText
+    }));
+  }, [creatorButtonProps, uuidFields.length, max, intl, prefixCls, hashId, loading, wrapperAction, creatorRecord]);
+  var readOnlyContext = (0, _react.useContext)(_EditOrReadOnlyContext.EditOrReadOnlyContext);
+  var defaultStyle = (0, _objectSpread2.default)({
+    width: 'max-content',
+    maxWidth: '100%',
+    minWidth: '100%'
   }, containerStyle);
-  const itemList = (0, import_react.useMemo)(() => {
-    return uuidFields.map((field, index) => {
-      return /* @__PURE__ */ React.createElement(
-        import_ListItem.ProFormListItem,
-        __spreadProps(__spreadValues({}, props), {
-          key: field.uuid,
-          field,
-          index,
-          action: wrapperAction,
-          count: uuidFields.length
-        }),
-        children
-      );
+  var itemList = (0, _react.useMemo)(function () {
+    return uuidFields.map(function (field, index) {
+      return /*#__PURE__*/(0, _react.createElement)(_ListItem.ProFormListItem, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+        key: field.uuid,
+        field: field,
+        index: index,
+        action: wrapperAction,
+        count: uuidFields.length
+      }), children);
     });
   }, [children, props, uuidFields, wrapperAction]);
-  if (readOnlyContext.mode === "read" || props.readonly === true) {
-    return /* @__PURE__ */ React.createElement(React.Fragment, null, itemList);
+  if (readOnlyContext.mode === 'read' || props.readonly === true) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+      children: itemList
+    });
   }
-  return /* @__PURE__ */ React.createElement("div", { style: defaultStyle, className: containerClassName }, creatorButtonProps !== false && (creatorButtonProps == null ? void 0 : creatorButtonProps.position) === "top" && creatorButton, itemList, fieldExtraRender && fieldExtraRender(wrapperAction, meta), creatorButtonProps !== false && (creatorButtonProps == null ? void 0 : creatorButtonProps.position) !== "top" && creatorButton);
-};
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    style: defaultStyle,
+    className: containerClassName,
+    children: [creatorButtonProps !== false && (creatorButtonProps === null || creatorButtonProps === void 0 ? void 0 : creatorButtonProps.position) === 'top' && creatorButton, itemList, fieldExtraRender && fieldExtraRender(wrapperAction, meta), creatorButtonProps !== false && (creatorButtonProps === null || creatorButtonProps === void 0 ? void 0 : creatorButtonProps.position) !== 'top' && creatorButton]
+  });
+};