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

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

@@ -1,412 +1,305 @@
-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);
-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/ListItem.tsx
-var ListItem_exports = {};
-__export(ListItem_exports, {
-  ProFormListItem: () => ProFormListItem
+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(ListItem_exports);
-var import_icons = require("@ant-design/icons");
-var import_antd = require("antd");
-var import_classnames = __toESM(require("classnames"));
-var import_rc_util = require("rc-util");
-var import_toArray = __toESM(require("rc-util/lib/Children/toArray"));
-var import_react = __toESM(require("react"));
-var import__ = require(".");
-var import_provider = require("../../../provider");
-var import_EditOrReadOnlyContext = require("../../BaseForm/EditOrReadOnlyContext");
-var import_helpers = require("../../helpers");
-var listToArray = (children) => {
+exports.ProFormListItem = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+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 _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 _ = require(".");
+var _provider = require("../../../provider");
+var _EditOrReadOnlyContext = require("../../BaseForm/EditOrReadOnlyContext");
+var _helpers = require("../../helpers");
+var _jsxRuntime = require("react/jsx-runtime");
+var _excluded = ["creatorButtonProps", "deleteIconProps", "copyIconProps", "arrowSort", "upIconProps", "downIconProps", "itemContainerRender", "itemRender", "alwaysShowItemLabel", "prefixCls", "creatorRecord", "action", "actionGuard", "children", "actionRender", "fields", "meta", "field", "index", "formInstance", "originName", "containerClassName", "containerStyle", "min", "max", "count"];
+/** Antd 自带的toArray 不支持方法，所以需要自己搞一个 */
+var listToArray = function listToArray(children) {
   if (Array.isArray(children)) {
     return children;
   }
-  if (typeof children === "function") {
+  if (typeof children === 'function') {
     return [children];
   }
-  return (0, import_toArray.default)(children);
+  return (0, _util.toArray)(children);
 };
-var ProFormListItem = (props) => {
-  var _b, _c, _d;
-  const _a = props, {
-    creatorButtonProps,
-    deleteIconProps,
-    copyIconProps,
-    arrowSort,
-    upIconProps,
-    downIconProps,
-    itemContainerRender,
-    itemRender,
-    alwaysShowItemLabel,
-    prefixCls,
-    creatorRecord,
-    action,
-    actionGuard,
-    children,
-    actionRender,
-    fields,
-    meta,
-    field,
-    index,
-    formInstance,
-    originName,
-    containerClassName,
-    containerStyle,
-    min,
-    max,
-    count
-  } = _a, rest = __objRest(_a, [
-    "creatorButtonProps",
-    "deleteIconProps",
-    "copyIconProps",
-    "arrowSort",
-    "upIconProps",
-    "downIconProps",
-    "itemContainerRender",
-    "itemRender",
-    "alwaysShowItemLabel",
-    "prefixCls",
-    "creatorRecord",
-    "action",
-    "actionGuard",
-    "children",
-    "actionRender",
-    "fields",
-    "meta",
-    "field",
-    "index",
-    "formInstance",
-    "originName",
-    "containerClassName",
-    "containerStyle",
-    "min",
-    "max",
-    "count"
-  ]);
-  const { hashId } = (0, import_react.useContext)(import_provider.ProProvider);
-  const { componentSize } = ((_c = (_b = import_antd.ConfigProvider).useConfig) == null ? void 0 : _c.call(_b)) || {
-    componentSize: "middle"
-  };
-  const listContext = (0, import_react.useContext)(import__.FormListContext);
-  const unmountedRef = (0, import_react.useRef)(false);
-  const { mode } = (0, import_react.useContext)(import_EditOrReadOnlyContext.EditOrReadOnlyContext);
-  const [loadingRemove, setLoadingRemove] = (0, import_react.useState)(false);
-  const [loadingCopy, setLoadingCopy] = (0, import_react.useState)(false);
-  (0, import_react.useEffect)(() => {
-    return () => {
+var ProFormListItem = exports.ProFormListItem = function ProFormListItem(props) {
+  var _ConfigProvider$useCo, _formInstance$getFiel2;
+  var creatorButtonProps = props.creatorButtonProps,
+    deleteIconProps = props.deleteIconProps,
+    copyIconProps = props.copyIconProps,
+    arrowSort = props.arrowSort,
+    upIconProps = props.upIconProps,
+    downIconProps = props.downIconProps,
+    itemContainerRender = props.itemContainerRender,
+    itemRender = props.itemRender,
+    alwaysShowItemLabel = props.alwaysShowItemLabel,
+    prefixCls = props.prefixCls,
+    creatorRecord = props.creatorRecord,
+    action = props.action,
+    actionGuard = props.actionGuard,
+    children = props.children,
+    actionRender = props.actionRender,
+    fields = props.fields,
+    meta = props.meta,
+    field = props.field,
+    index = props.index,
+    formInstance = props.formInstance,
+    originName = props.originName,
+    containerClassName = props.containerClassName,
+    containerStyle = props.containerStyle,
+    min = props.min,
+    max = props.max,
+    count = props.count,
+    rest = (0, _objectWithoutProperties2.default)(props, _excluded);
+  var _useContext = (0, _react.useContext)(_provider.ProProvider),
+    hashId = _useContext.hashId;
+  var _ref = ((_ConfigProvider$useCo = _antd.ConfigProvider.useConfig) === null || _ConfigProvider$useCo === void 0 ? void 0 : _ConfigProvider$useCo.call(_antd.ConfigProvider)) || {
+      componentSize: 'middle'
+    },
+    componentSize = _ref.componentSize;
+  var listContext = (0, _react.useContext)(_.FormListContext);
+  var unmountedRef = (0, _react.useRef)(false);
+  var _useContext2 = (0, _react.useContext)(_EditOrReadOnlyContext.EditOrReadOnlyContext),
+    mode = _useContext2.mode;
+  var _useState = (0, _react.useState)(false),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    loadingRemove = _useState2[0],
+    setLoadingRemove = _useState2[1];
+  var _useState3 = (0, _react.useState)(false),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    loadingCopy = _useState4[0],
+    setLoadingCopy = _useState4[1];
+  (0, _react.useEffect)(function () {
+    return function () {
       unmountedRef.current = true;
     };
   }, []);
-  const getCurrentRowData = () => {
-    return formInstance.getFieldValue(
-      [listContext.listName, originName, index == null ? void 0 : index.toString()].flat(1).filter((item) => item !== null && item !== void 0)
-    );
+  var getCurrentRowData = function getCurrentRowData() {
+    return formInstance.getFieldValue([listContext.listName, originName, index === null || index === void 0 ? void 0 : index.toString()].flat(1).filter(function (item) {
+      return item !== null && item !== undefined;
+    }));
   };
-  const formListAction = {
-    getCurrentRowData,
-    setCurrentRowData: (data) => {
-      var _a2;
-      const oldTableDate = ((_a2 = formInstance == null ? void 0 : formInstance.getFieldsValue) == null ? void 0 : _a2.call(formInstance)) || {};
-      const rowKeyName = [listContext.listName, originName, index == null ? void 0 : index.toString()].flat(1).filter((item) => item !== null && item !== void 0);
-      const updateValues = (0, import_rc_util.set)(oldTableDate, rowKeyName, __spreadValues(__spreadValues({}, getCurrentRowData()), data || {}));
+  var formListAction = {
+    getCurrentRowData: getCurrentRowData,
+    setCurrentRowData: function setCurrentRowData(data) {
+      var _formInstance$getFiel;
+      var oldTableDate = (formInstance === null || formInstance === void 0 || (_formInstance$getFiel = formInstance.getFieldsValue) === null || _formInstance$getFiel === void 0 ? void 0 : _formInstance$getFiel.call(formInstance)) || {};
+      var rowKeyName = [listContext.listName, originName, index === null || index === void 0 ? void 0 : index.toString()].flat(1).filter(function (item) {
+        return item !== null && item !== undefined;
+      });
+      var updateValues = (0, _util.set)(oldTableDate, rowKeyName, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, getCurrentRowData()), data || {}));
       return formInstance.setFieldsValue(updateValues);
     }
   };
-  const childrenArray = listToArray(children).map((childrenItem) => {
-    if (typeof childrenItem === "function") {
-      return childrenItem == null ? void 0 : childrenItem(
-        field,
-        index,
-        __spreadValues(__spreadValues({}, action), formListAction),
-        count
-      );
+  var childrenArray = listToArray(children).map(function (childrenItem) {
+    if (typeof childrenItem === 'function') {
+      return childrenItem === null || childrenItem === void 0 ? void 0 : childrenItem(field, index, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, action), formListAction), count);
     }
     return childrenItem;
-  }).map((childrenItem, itemIndex) => {
-    var _a2;
-    if (import_react.default.isValidElement(childrenItem)) {
-      return import_react.default.cloneElement(childrenItem, __spreadValues({
-        key: childrenItem.key || ((_a2 = childrenItem == null ? void 0 : childrenItem.props) == null ? void 0 : _a2.name) || itemIndex
-      }, (childrenItem == null ? void 0 : childrenItem.props) || {}));
+  }).map(function (childrenItem, itemIndex) {
+    if ( /*#__PURE__*/_react.default.isValidElement(childrenItem)) {
+      var _childrenItem$props;
+      return /*#__PURE__*/_react.default.cloneElement(childrenItem, (0, _objectSpread2.default)({
+        key: childrenItem.key || (childrenItem === null || childrenItem === void 0 || (_childrenItem$props = childrenItem.props) === null || _childrenItem$props === void 0 ? void 0 : _childrenItem$props.name) || itemIndex
+      }, (childrenItem === null || childrenItem === void 0 ? void 0 : childrenItem.props) || {}));
     }
     return childrenItem;
   });
-  const copyIcon = (0, import_react.useMemo)(() => {
-    if (mode === "read")
-      return null;
-    if (copyIconProps === false || max === count)
-      return null;
-    const { Icon = import_icons.CopyOutlined, tooltipText } = copyIconProps;
-    return /* @__PURE__ */ import_react.default.createElement(import_antd.Tooltip, { title: tooltipText, key: "copy" }, loadingCopy ? /* @__PURE__ */ import_react.default.createElement(import_icons.LoadingOutlined, null) : /* @__PURE__ */ import_react.default.createElement(
-      Icon,
-      {
-        className: (0, import_classnames.default)(
-          `${prefixCls}-action-icon action-copy`,
-          hashId
-        ),
-        onClick: () => __async(void 0, null, function* () {
-          setLoadingCopy(true);
-          const row = formInstance == null ? void 0 : formInstance.getFieldValue(
-            [listContext.listName, originName, field.name].filter((item) => item !== void 0).flat(1)
-          );
-          yield action.add(row, count);
-          setLoadingCopy(false);
-        })
-      }
-    ));
-  }, [
-    copyIconProps,
-    max,
-    count,
-    loadingCopy,
-    prefixCls,
-    hashId,
-    formInstance,
-    listContext.listName,
-    field.name,
-    originName,
-    action
-  ]);
-  const deleteIcon = (0, import_react.useMemo)(() => {
-    if (mode === "read")
-      return null;
-    if (deleteIconProps === false || min === count)
-      return null;
-    const { Icon = import_icons.DeleteOutlined, tooltipText } = deleteIconProps;
-    return /* @__PURE__ */ import_react.default.createElement(import_antd.Tooltip, { title: tooltipText, key: "delete" }, loadingRemove ? /* @__PURE__ */ import_react.default.createElement(import_icons.LoadingOutlined, null) : /* @__PURE__ */ import_react.default.createElement(
-      Icon,
-      {
-        className: (0, import_classnames.default)(
-          `${prefixCls}-action-icon action-remove`,
-          hashId
-        ),
-        onClick: () => __async(void 0, null, function* () {
-          setLoadingRemove(true);
-          yield action.remove(field.name);
-          if (!unmountedRef.current) {
-            setLoadingRemove(false);
-          }
-        })
-      }
-    ));
-  }, [
-    deleteIconProps,
-    min,
-    count,
-    loadingRemove,
-    prefixCls,
-    hashId,
-    action,
-    field.name
-  ]);
-  const upIcon = (0, import_react.useMemo)(() => {
+  var copyIcon = (0, _react.useMemo)(function () {
+    if (mode === 'read') return null;
+    /** 复制按钮的配置 */
+    if (copyIconProps === false || max === count) return null;
+    var _ref2 = copyIconProps,
+      _ref2$Icon = _ref2.Icon,
+      Icon = _ref2$Icon === void 0 ? _icons.CopyOutlined : _ref2$Icon,
+      tooltipText = _ref2.tooltipText;
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Tooltip, {
+      title: tooltipText,
+      children: loadingCopy ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.LoadingOutlined, {}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(Icon, {
+        className: (0, _classnames.default)("".concat(prefixCls, "-action-icon action-copy"), hashId),
+        onClick: /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee() {
+          var row;
+          return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
+            while (1) switch (_context.prev = _context.next) {
+              case 0:
+                setLoadingCopy(true);
+                row = formInstance === null || formInstance === void 0 ? void 0 : formInstance.getFieldValue([listContext.listName, originName, field.name].filter(function (item) {
+                  return item !== undefined;
+                }).flat(1));
+                _context.next = 4;
+                return action.add(row, count);
+              case 4:
+                setLoadingCopy(false);
+              case 5:
+              case "end":
+                return _context.stop();
+            }
+          }, _callee);
+        }))
+      })
+    }, "copy");
+  }, [copyIconProps, max, count, loadingCopy, prefixCls, hashId, formInstance, listContext.listName, field.name, originName, action]);
+  var deleteIcon = (0, _react.useMemo)(function () {
+    if (mode === 'read') return null;
+    if (deleteIconProps === false || min === count) return null;
+    var _ref4 = deleteIconProps,
+      _ref4$Icon = _ref4.Icon,
+      Icon = _ref4$Icon === void 0 ? _icons.DeleteOutlined : _ref4$Icon,
+      tooltipText = _ref4.tooltipText;
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Tooltip, {
+      title: tooltipText,
+      children: loadingRemove ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.LoadingOutlined, {}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(Icon, {
+        className: (0, _classnames.default)("".concat(prefixCls, "-action-icon action-remove"), hashId),
+        onClick: /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee2() {
+          return (0, _regeneratorRuntime2.default)().wrap(function _callee2$(_context2) {
+            while (1) switch (_context2.prev = _context2.next) {
+              case 0:
+                setLoadingRemove(true);
+                _context2.next = 3;
+                return action.remove(field.name);
+              case 3:
+                if (!unmountedRef.current) {
+                  setLoadingRemove(false);
+                }
+              case 4:
+              case "end":
+                return _context2.stop();
+            }
+          }, _callee2);
+        }))
+      })
+    }, "delete");
+  }, [deleteIconProps, min, count, loadingRemove, prefixCls, hashId, action, field.name]);
+  var upIcon = (0, _react.useMemo)(function () {
     if (!arrowSort) {
       return null;
     }
-    if (mode === "read")
-      return null;
-    if (upIconProps === false)
-      return null;
-    const toIndex = index - 1;
+    if (mode === 'read') return null;
+    if (upIconProps === false) return null;
+    var toIndex = index - 1;
     if (toIndex < 0) {
       return null;
     }
-    const { Icon = import_icons.ArrowUpOutlined, tooltipText } = upIconProps;
-    return /* @__PURE__ */ import_react.default.createElement(import_antd.Tooltip, { title: tooltipText, key: "up" }, /* @__PURE__ */ import_react.default.createElement(
-      Icon,
-      {
-        className: (0, import_classnames.default)(`${prefixCls}-action-icon action-up`, hashId),
-        onClick: () => __async(void 0, null, function* () {
-          yield action.move(index, toIndex);
-        })
-      }
-    ));
+    var _ref6 = upIconProps,
+      _ref6$Icon = _ref6.Icon,
+      Icon = _ref6$Icon === void 0 ? _icons.ArrowUpOutlined : _ref6$Icon,
+      tooltipText = _ref6.tooltipText;
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Tooltip, {
+      title: tooltipText,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Icon, {
+        className: (0, _classnames.default)("".concat(prefixCls, "-action-icon action-up"), hashId),
+        onClick: /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee3() {
+          return (0, _regeneratorRuntime2.default)().wrap(function _callee3$(_context3) {
+            while (1) switch (_context3.prev = _context3.next) {
+              case 0:
+                _context3.next = 2;
+                return action.move(index, toIndex);
+              case 2:
+              case "end":
+                return _context3.stop();
+            }
+          }, _callee3);
+        }))
+      })
+    }, "up");
   }, [upIconProps, prefixCls, hashId, action, arrowSort]);
-  const downIcon = (0, import_react.useMemo)(() => {
+  var downIcon = (0, _react.useMemo)(function () {
     if (!arrowSort) {
       return null;
     }
-    if (mode === "read")
-      return null;
-    if (downIconProps === false)
-      return null;
-    const toIndex = index + 1;
+    if (mode === 'read') return null;
+    if (downIconProps === false) return null;
+    var toIndex = index + 1;
     if (toIndex >= count) {
       return null;
     }
-    const { Icon = import_icons.ArrowDownOutlined, tooltipText } = downIconProps;
-    return /* @__PURE__ */ import_react.default.createElement(import_antd.Tooltip, { title: tooltipText, key: "down" }, /* @__PURE__ */ import_react.default.createElement(
-      Icon,
-      {
-        className: (0, import_classnames.default)(`${prefixCls}-action-icon action-down`, hashId),
-        onClick: () => __async(void 0, null, function* () {
-          yield action.move(index, toIndex);
-        })
-      }
-    ));
+    var _ref8 = downIconProps,
+      _ref8$Icon = _ref8.Icon,
+      Icon = _ref8$Icon === void 0 ? _icons.ArrowDownOutlined : _ref8$Icon,
+      tooltipText = _ref8.tooltipText;
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Tooltip, {
+      title: tooltipText,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Icon, {
+        className: (0, _classnames.default)("".concat(prefixCls, "-action-icon action-down"), hashId),
+        onClick: /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee4() {
+          return (0, _regeneratorRuntime2.default)().wrap(function _callee4$(_context4) {
+            while (1) switch (_context4.prev = _context4.next) {
+              case 0:
+                _context4.next = 2;
+                return action.move(index, toIndex);
+              case 2:
+              case "end":
+                return _context4.stop();
+            }
+          }, _callee4);
+        }))
+      })
+    }, "down");
   }, [upIconProps, prefixCls, hashId, action, arrowSort]);
-  const defaultActionDom = (0, import_react.useMemo)(
-    () => [copyIcon, deleteIcon, upIcon, downIcon].filter(
-      (item) => item !== null && item !== void 0
-    ),
-    [copyIcon, deleteIcon, upIcon, downIcon]
-  );
-  const actions = (actionRender == null ? void 0 : actionRender(field, action, defaultActionDom, count)) || defaultActionDom;
-  const dom = actions.length > 0 && mode !== "read" ? /* @__PURE__ */ import_react.default.createElement(
-    "div",
-    {
-      className: (0, import_classnames.default)(
-        `${prefixCls}-action`,
-        {
-          [`${prefixCls}-action-small`]: componentSize === "small"
-        },
-        hashId
-      )
-    },
-    actions
-  ) : null;
-  const options = {
+  var defaultActionDom = (0, _react.useMemo)(function () {
+    return [copyIcon, deleteIcon, upIcon, downIcon].filter(function (item) {
+      return item !== null && item !== undefined;
+    });
+  }, [copyIcon, deleteIcon, upIcon, downIcon]);
+  var actions = (actionRender === null || actionRender === void 0 ? void 0 : actionRender(field, action, defaultActionDom, count)) || defaultActionDom;
+  var dom = actions.length > 0 && mode !== 'read' ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: (0, _classnames.default)("".concat(prefixCls, "-action"), (0, _defineProperty2.default)({}, "".concat(prefixCls, "-action-small"), componentSize === 'small'), hashId),
+    children: actions
+  }) : null;
+  var options = {
     name: rest.name,
-    field,
-    index,
-    record: (_d = formInstance == null ? void 0 : formInstance.getFieldValue) == null ? void 0 : _d.call(
-      formInstance,
-      [listContext.listName, originName, field.name].filter((item) => item !== void 0).flat(1)
-    ),
-    fields,
+    field: field,
+    index: index,
+    record: formInstance === null || formInstance === void 0 || (_formInstance$getFiel2 = formInstance.getFieldValue) === null || _formInstance$getFiel2 === void 0 ? void 0 : _formInstance$getFiel2.call(formInstance, [listContext.listName, originName, field.name].filter(function (item) {
+      return item !== undefined;
+    }).flat(1)),
+    fields: fields,
     operation: action,
-    meta
+    meta: meta
   };
-  const { grid } = (0, import_helpers.useGridHelpers)();
-  const itemContainer = (itemContainerRender == null ? void 0 : itemContainerRender(childrenArray, options)) || childrenArray;
-  const contentDom = (itemRender == null ? void 0 : itemRender(
-    {
-      listDom: /* @__PURE__ */ import_react.default.createElement(
-        "div",
-        {
-          className: (0, import_classnames.default)(
-            `${prefixCls}-container`,
-            containerClassName,
-            hashId
-          ),
-          style: __spreadValues({
-            width: grid ? "100%" : void 0
-          }, containerStyle)
-        },
-        itemContainer
-      ),
-      action: dom
-    },
-    options
-  )) || /* @__PURE__ */ import_react.default.createElement(
-    "div",
-    {
-      className: (0, import_classnames.default)(`${prefixCls}-item`, hashId, {
-        [`${prefixCls}-item-default`]: alwaysShowItemLabel === void 0,
-        [`${prefixCls}-item-show-label`]: alwaysShowItemLabel
-      }),
-      style: {
-        display: "flex",
-        alignItems: "flex-end"
-      }
-    },
-    /* @__PURE__ */ import_react.default.createElement(
-      "div",
-      {
-        className: (0, import_classnames.default)(
-          `${prefixCls}-container`,
-          containerClassName,
-          hashId
-        ),
-        style: __spreadValues({
-          width: grid ? "100%" : void 0
-        }, containerStyle)
-      },
-      itemContainer
-    ),
-    dom
-  );
-  return /* @__PURE__ */ import_react.default.createElement(
-    import__.FormListContext.Provider,
-    {
-      value: __spreadProps(__spreadValues({}, field), {
-        listName: [listContext.listName, originName, field.name].filter((item) => item !== void 0).flat(1)
-      })
+  var _useGridHelpers = (0, _helpers.useGridHelpers)(),
+    grid = _useGridHelpers.grid;
+  var itemContainer = (itemContainerRender === null || itemContainerRender === void 0 ? void 0 : itemContainerRender(childrenArray, options)) || childrenArray;
+  var contentDom = (itemRender === null || itemRender === void 0 ? void 0 : itemRender({
+    listDom: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: (0, _classnames.default)("".concat(prefixCls, "-container"), containerClassName, hashId),
+      style: (0, _objectSpread2.default)({
+        width: grid ? '100%' : undefined
+      }, containerStyle),
+      children: itemContainer
+    }),
+    action: dom
+  }, options)) || /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: (0, _classnames.default)("".concat(prefixCls, "-item"), hashId, (0, _defineProperty2.default)((0, _defineProperty2.default)({}, "".concat(prefixCls, "-item-default"), alwaysShowItemLabel === undefined), "".concat(prefixCls, "-item-show-label"), alwaysShowItemLabel)),
+    style: {
+      display: 'flex',
+      alignItems: 'flex-end'
     },
-    contentDom
-  );
-};
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: (0, _classnames.default)("".concat(prefixCls, "-container"), containerClassName, hashId),
+      style: (0, _objectSpread2.default)({
+        width: grid ? '100%' : undefined
+      }, containerStyle),
+      children: itemContainer
+    }), dom]
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.FormListContext.Provider, {
+    value: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, field), {}, {
+      listName: [listContext.listName, originName, field.name].filter(function (item) {
+        return item !== undefined;
+      }).flat(1)
+    }),
+    children: contentDom
+  });
+};