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

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

@@ -1,291 +1,225 @@
-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 __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-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/form/components/List/index.tsx
-var List_exports = {};
-__export(List_exports, {
-  FormListContext: () => FormListContext,
-  ProFormList: () => ProFormList
+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(List_exports);
-var import_icons = require("@ant-design/icons");
-var import_antd = require("antd");
-var import_classnames = __toESM(require("classnames"));
-var import_warning = require("rc-util/lib/warning");
-var import_react = __toESM(require("react"));
-var import_provider = require("../../../provider");
-var import_utils = require("../../../utils");
-var import_FieldContext = __toESM(require("../../FieldContext"));
-var import_helpers = require("../../helpers");
-var import_ListContainer = require("./ListContainer");
-var import_style = require("./style");
-var FormListContext = import_react.default.createContext({});
+exports.FormListContext = void 0;
+exports.ProFormList = ProFormList;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _icons = require("@ant-design/icons");
+var _util = require("@rc-component/util");
+var _antd = require("antd");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _react = _interopRequireWildcard(require("react"));
+var _provider = require("../../../provider");
+var _utils = require("../../../utils");
+var _FieldContext = _interopRequireDefault(require("../../FieldContext"));
+var _helpers = require("../../helpers");
+var _ListContainer = require("./ListContainer");
+var _style = require("./style");
+var _jsxRuntime = require("react/jsx-runtime");
+var _excluded = ["transform", "actionRender", "creatorButtonProps", "label", "alwaysShowItemLabel", "tooltip", "creatorRecord", "itemRender", "rules", "itemContainerRender", "fieldExtraRender", "copyIconProps", "children", "deleteIconProps", "arrowSort", "upIconProps", "downIconProps", "actionRef", "style", "prefixCls", "actionGuard", "min", "max", "colProps", "wrapperCol", "rowProps", "onAfterAdd", "onAfterRemove", "isValidateList", "emptyListMessage", "className", "containerClassName", "containerStyle", "readonly"];
+var noteOnce = _util.warning.noteOnce;
+var FormListContext = exports.FormListContext = /*#__PURE__*/_react.default.createContext({});
 function ProFormList(props) {
-  const actionRefs = (0, import_react.useRef)();
-  const context = (0, import_react.useContext)(import_antd.ConfigProvider.ConfigContext);
-  const listContext = (0, import_react.useContext)(FormListContext);
-  const baseClassName = context.getPrefixCls("pro-form-list");
-  const intl = (0, import_provider.useIntl)();
-  const { setFieldValueType } = import_react.default.useContext(import_FieldContext.default);
-  const _a = props, {
-    transform,
-    actionRender,
-    creatorButtonProps,
-    label,
-    alwaysShowItemLabel,
-    tooltip,
-    creatorRecord,
-    itemRender,
-    rules,
-    itemContainerRender,
-    fieldExtraRender,
-    copyIconProps = {
-      Icon: import_icons.CopyOutlined,
-      tooltipText: intl.getMessage("copyThisLine", "复制此项")
-    },
-    children,
-    deleteIconProps = {
-      Icon: import_icons.DeleteOutlined,
-      tooltipText: intl.getMessage("deleteThisLine", "删除此项")
-    },
-    arrowSort,
-    upIconProps = {
-      Icon: import_icons.ArrowUpOutlined,
-      tooltipText: intl.getMessage("sortUpThisLine", "向上排序")
-    },
-    downIconProps = {
-      Icon: import_icons.ArrowDownOutlined,
-      tooltipText: intl.getMessage("sortDownThisLine", "向下排序")
-    },
-    actionRef,
-    style,
-    prefixCls,
-    actionGuard,
-    min,
-    max,
-    colProps,
-    wrapperCol,
-    rowProps,
-    onAfterAdd,
-    onAfterRemove,
-    isValidateList = false,
-    emptyListMessage = "列表不能为空",
-    className,
-    containerClassName,
-    containerStyle,
-    readonly
-  } = _a, rest = __objRest(_a, [
-    "transform",
-    "actionRender",
-    "creatorButtonProps",
-    "label",
-    "alwaysShowItemLabel",
-    "tooltip",
-    "creatorRecord",
-    "itemRender",
-    "rules",
-    "itemContainerRender",
-    "fieldExtraRender",
-    "copyIconProps",
-    "children",
-    "deleteIconProps",
-    "arrowSort",
-    "upIconProps",
-    "downIconProps",
-    "actionRef",
-    "style",
-    "prefixCls",
-    "actionGuard",
-    "min",
-    "max",
-    "colProps",
-    "wrapperCol",
-    "rowProps",
-    "onAfterAdd",
-    "onAfterRemove",
-    "isValidateList",
-    "emptyListMessage",
-    "className",
-    "containerClassName",
-    "containerStyle",
-    "readonly"
-  ]);
-  const { ColWrapper, RowWrapper } = (0, import_helpers.useGridHelpers)({ colProps, rowProps });
-  const proFormContext = (0, import_react.useContext)(import_utils.ProFormContext);
-  const name = (0, import_react.useMemo)(() => {
-    if (listContext.name === void 0) {
+  var actionRefs = (0, _react.useRef)();
+  var context = (0, _react.useContext)(_antd.ConfigProvider.ConfigContext);
+  var listContext = (0, _react.useContext)(FormListContext);
+  var baseClassName = context.getPrefixCls('pro-form-list');
+  // Internationalization
+  var intl = (0, _provider.useIntl)();
+  /** 从 context 中拿到的值 */
+  var _React$useContext = _react.default.useContext(_FieldContext.default),
+    setFieldValueType = _React$useContext.setFieldValueType;
+  var transform = props.transform,
+    actionRender = props.actionRender,
+    creatorButtonProps = props.creatorButtonProps,
+    label = props.label,
+    alwaysShowItemLabel = props.alwaysShowItemLabel,
+    tooltip = props.tooltip,
+    creatorRecord = props.creatorRecord,
+    itemRender = props.itemRender,
+    rules = props.rules,
+    itemContainerRender = props.itemContainerRender,
+    fieldExtraRender = props.fieldExtraRender,
+    _props$copyIconProps = props.copyIconProps,
+    copyIconProps = _props$copyIconProps === void 0 ? {
+      Icon: _icons.CopyOutlined,
+      tooltipText: intl.getMessage('copyThisLine', '复制此项')
+    } : _props$copyIconProps,
+    _children = props.children,
+    _props$deleteIconProp = props.deleteIconProps,
+    deleteIconProps = _props$deleteIconProp === void 0 ? {
+      Icon: _icons.DeleteOutlined,
+      tooltipText: intl.getMessage('deleteThisLine', '删除此项')
+    } : _props$deleteIconProp,
+    arrowSort = props.arrowSort,
+    _props$upIconProps = props.upIconProps,
+    upIconProps = _props$upIconProps === void 0 ? {
+      Icon: _icons.ArrowUpOutlined,
+      tooltipText: intl.getMessage('sortUpThisLine', '向上排序')
+    } : _props$upIconProps,
+    _props$downIconProps = props.downIconProps,
+    downIconProps = _props$downIconProps === void 0 ? {
+      Icon: _icons.ArrowDownOutlined,
+      tooltipText: intl.getMessage('sortDownThisLine', '向下排序')
+    } : _props$downIconProps,
+    actionRef = props.actionRef,
+    style = props.style,
+    prefixCls = props.prefixCls,
+    actionGuard = props.actionGuard,
+    min = props.min,
+    max = props.max,
+    colProps = props.colProps,
+    wrapperCol = props.wrapperCol,
+    rowProps = props.rowProps,
+    _onAfterAdd = props.onAfterAdd,
+    _onAfterRemove = props.onAfterRemove,
+    _props$isValidateList = props.isValidateList,
+    isValidateList = _props$isValidateList === void 0 ? false : _props$isValidateList,
+    _props$emptyListMessa = props.emptyListMessage,
+    emptyListMessage = _props$emptyListMessa === void 0 ? '列表不能为空' : _props$emptyListMessa,
+    className = props.className,
+    containerClassName = props.containerClassName,
+    containerStyle = props.containerStyle,
+    readonly = props.readonly,
+    rest = (0, _objectWithoutProperties2.default)(props, _excluded);
+  var _useGridHelpers = (0, _helpers.useGridHelpers)({
+      colProps: colProps,
+      rowProps: rowProps
+    }),
+    ColWrapper = _useGridHelpers.ColWrapper,
+    RowWrapper = _useGridHelpers.RowWrapper;
+  var proFormContext = (0, _react.useContext)(_utils.ProFormContext);
+
+  // 处理 list 的嵌套
+  var name = (0, _react.useMemo)(function () {
+    if (listContext.name === undefined) {
       return [rest.name].flat(1);
     }
     return [listContext.name, rest.name].flat(1);
   }, [listContext.name, rest.name]);
-  (0, import_react.useImperativeHandle)(
-    actionRef,
-    () => __spreadProps(__spreadValues({}, actionRefs.current), {
-      get: (index) => {
-        return proFormContext.formRef.current.getFieldValue([
-          ...name,
-          index
-        ]);
+
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  (0, _react.useImperativeHandle)(actionRef, function () {
+    return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, actionRefs.current), {}, {
+      get: function get(index) {
+        return proFormContext.formRef.current.getFieldValue([].concat((0, _toConsumableArray2.default)(name), [index]));
       },
-      getList: () => proFormContext.formRef.current.getFieldValue([...name])
-    }),
-    [name, proFormContext.formRef]
-  );
-  (0, import_react.useEffect)(() => {
-    (0, import_warning.noteOnce)(
-      !!proFormContext.formRef,
-      `ProFormList 必须要放到 ProForm 中,否则会造成行为异常。`
-    );
-    (0, import_warning.noteOnce)(
-      !!proFormContext.formRef,
-      `Proformlist must be placed in ProForm, otherwise it will cause abnormal behavior.`
-    );
+      getList: function getList() {
+        return proFormContext.formRef.current.getFieldValue((0, _toConsumableArray2.default)(name));
+      }
+    });
+  }, [name, proFormContext.formRef]);
+  (0, _react.useEffect)(function () {
+    noteOnce(!!proFormContext.formRef, "ProFormList \u5FC5\u987B\u8981\u653E\u5230 ProForm \u4E2D,\u5426\u5219\u4F1A\u9020\u6210\u884C\u4E3A\u5F02\u5E38\u3002");
+    noteOnce(!!proFormContext.formRef, "Proformlist must be placed in ProForm, otherwise it will cause abnormal behavior.");
   }, [proFormContext.formRef]);
-  (0, import_react.useEffect)(() => {
+  (0, _react.useEffect)(function () {
+    // 如果 setFieldValueType 和 props.name 不存在不存入
     if (!setFieldValueType || !props.name) {
       return;
     }
-    setFieldValueType(
-      [props.name].flat(1).filter((itemName) => itemName !== void 0),
-      {
-        valueType: "formList",
-        transform
-      }
-    );
+
+    // Field.type === 'ProField' 时 props 里面是有 valueType 的，所以要设置一下
+    // 写一个 ts 比较麻烦，用 any 顶一下
+    setFieldValueType([props.name].flat(1).filter(function (itemName) {
+      return itemName !== undefined;
+    }), {
+      valueType: 'formList',
+      transform: transform
+    });
   }, [props.name, setFieldValueType, transform]);
-  const { wrapSSR, hashId } = (0, import_style.useStyle)(baseClassName);
-  if (!proFormContext.formRef)
-    return null;
-  return wrapSSR(
-    /* @__PURE__ */ import_react.default.createElement(ColWrapper, null, /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)(baseClassName, hashId), style }, /* @__PURE__ */ import_react.default.createElement(
-      import_antd.Form.Item,
-      __spreadProps(__spreadValues({
-        label,
-        prefixCls,
-        tooltip,
-        style,
-        required: rules == null ? void 0 : rules.some((rule) => rule.required),
-        wrapperCol,
-        className
-      }, rest), {
-        name: isValidateList ? name : void 0,
-        rules: isValidateList ? [
-          {
-            validator: (rule, value) => {
-              if (!value || value.length === 0) {
-                return Promise.reject(new Error(emptyListMessage));
-              }
-              return Promise.resolve();
-            },
-            required: true
-          }
-        ] : void 0
-      }),
-      /* @__PURE__ */ import_react.default.createElement(import_antd.Form.List, __spreadProps(__spreadValues({ rules }, rest), { name }), (fields, action, meta) => {
-        actionRefs.current = action;
-        return /* @__PURE__ */ import_react.default.createElement(RowWrapper, null, /* @__PURE__ */ import_react.default.createElement(
-          import_ListContainer.ProFormListContainer,
-          {
-            name,
-            readonly: !!readonly,
-            originName: rest.name,
-            copyIconProps,
-            deleteIconProps,
-            arrowSort,
-            upIconProps,
-            downIconProps,
-            formInstance: proFormContext.formRef.current,
-            prefixCls: baseClassName,
-            meta,
-            fields,
-            itemContainerRender,
-            itemRender,
-            fieldExtraRender,
-            creatorButtonProps,
-            creatorRecord,
-            actionRender,
-            action,
-            actionGuard,
-            alwaysShowItemLabel,
-            min,
-            max,
-            count: fields.length,
-            onAfterAdd: (defaultValue, insertIndex, count) => {
-              if (isValidateList) {
-                proFormContext.formRef.current.validateFields([name]);
-              }
-              onAfterAdd == null ? void 0 : onAfterAdd(defaultValue, insertIndex, count);
-            },
-            onAfterRemove: (index, count) => {
-              if (isValidateList) {
-                if (count === 0) {
-                  proFormContext.formRef.current.validateFields([
-                    name
-                  ]);
-                }
-              }
-              onAfterRemove == null ? void 0 : onAfterRemove(index, count);
-            },
-            containerClassName,
-            containerStyle
+  var _useStyle = (0, _style.useStyle)(baseClassName),
+    wrapSSR = _useStyle.wrapSSR,
+    hashId = _useStyle.hashId;
+  if (!proFormContext.formRef) return null;
+  return wrapSSR( /*#__PURE__*/(0, _jsxRuntime.jsx)(ColWrapper, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: (0, _classnames.default)(baseClassName, hashId),
+      style: style,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Form.Item, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+        label: label,
+        prefixCls: prefixCls,
+        tooltip: tooltip,
+        style: style,
+        required: rules === null || rules === void 0 ? void 0 : rules.some(function (rule) {
+          return rule.required;
+        }),
+        wrapperCol: wrapperCol,
+        className: className
+      }, rest), {}, {
+        name: isValidateList ? name : undefined,
+        rules: isValidateList ? [{
+          validator: function validator(rule, value) {
+            if (!value || value.length === 0) {
+              return Promise.reject(new Error(emptyListMessage));
+            }
+            return Promise.resolve();
           },
-          children
-        ), /* @__PURE__ */ import_react.default.createElement(import_antd.Form.ErrorList, { errors: meta.errors }));
-      })
-    )))
-  );
-}
+          required: true
+        }] : undefined,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Form.List, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+          rules: rules
+        }, rest), {}, {
+          name: name,
+          children: function children(fields, action, meta) {
+            // 将 action 暴露给外部
+            actionRefs.current = action;
+            return /*#__PURE__*/(0, _jsxRuntime.jsxs)(RowWrapper, {
+              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ListContainer.ProFormListContainer, {
+                name: name,
+                readonly: !!readonly,
+                originName: rest.name,
+                copyIconProps: copyIconProps,
+                deleteIconProps: deleteIconProps,
+                arrowSort: arrowSort,
+                upIconProps: upIconProps,
+                downIconProps: downIconProps,
+                formInstance: proFormContext.formRef.current,
+                prefixCls: baseClassName,
+                meta: meta,
+                fields: fields,
+                itemContainerRender: itemContainerRender,
+                itemRender: itemRender,
+                fieldExtraRender: fieldExtraRender,
+                creatorButtonProps: creatorButtonProps,
+                creatorRecord: creatorRecord,
+                actionRender: actionRender,
+                action: action,
+                actionGuard: actionGuard,
+                alwaysShowItemLabel: alwaysShowItemLabel,
+                min: min,
+                max: max,
+                count: fields.length,
+                onAfterAdd: function onAfterAdd(defaultValue, insertIndex, count) {
+                  if (isValidateList) {
+                    proFormContext.formRef.current.validateFields([name]);
+                  }
+                  _onAfterAdd === null || _onAfterAdd === void 0 || _onAfterAdd(defaultValue, insertIndex, count);
+                },
+                onAfterRemove: function onAfterRemove(index, count) {
+                  if (isValidateList) {
+                    if (count === 0) {
+                      proFormContext.formRef.current.validateFields([name]);
+                    }
+                  }
+                  _onAfterRemove === null || _onAfterRemove === void 0 || _onAfterRemove(index, count);
+                },
+                containerClassName: containerClassName,
+                containerStyle: containerStyle,
+                children: _children
+              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Form.ErrorList, {
+                errors: meta.errors
+              })]
+            });
+          }
+        }))
+      }))
+    })
+  }));
+}