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

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

@@ -1,391 +1,299 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-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 __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());
-  });
-};
-
-// src/form/components/List/ListItem.tsx
-import {
-  ArrowDownOutlined,
-  ArrowUpOutlined,
-  CopyOutlined,
-  DeleteOutlined,
-  LoadingOutlined
-} from "@ant-design/icons";
-import { ConfigProvider, Tooltip } from "antd";
-import classNames from "classnames";
-import { set } from "rc-util";
-import toArray from "rc-util/lib/Children/toArray";
-import React, { useContext, useEffect, useMemo, useRef, useState } from "react";
-import { FormListContext } from ".";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+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"];
+import { ArrowDownOutlined, ArrowUpOutlined, CopyOutlined, DeleteOutlined, LoadingOutlined } from '@ant-design/icons';
+import { set, toArray } from '@rc-component/util';
+import { ConfigProvider, Tooltip } from 'antd';
+import classNames from 'classnames';
+import React, { useContext, useEffect, useMemo, useRef, useState } from 'react';
+import { FormListContext } from '.';
 import { ProProvider } from "../../../provider";
 import { EditOrReadOnlyContext } from "../../BaseForm/EditOrReadOnlyContext";
 import { useGridHelpers } from "../../helpers";
-var listToArray = (children) => {
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+/** Antd 自带的toArray 不支持方法，所以需要自己搞一个 */
+var listToArray = function listToArray(children) {
   if (Array.isArray(children)) {
     return children;
   }
-  if (typeof children === "function") {
+  if (typeof children === 'function') {
     return [children];
   }
   return 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 } = useContext(ProProvider);
-  const { componentSize } = ((_c = (_b = ConfigProvider).useConfig) == null ? void 0 : _c.call(_b)) || {
-    componentSize: "middle"
-  };
-  const listContext = useContext(FormListContext);
-  const unmountedRef = useRef(false);
-  const { mode } = useContext(EditOrReadOnlyContext);
-  const [loadingRemove, setLoadingRemove] = useState(false);
-  const [loadingCopy, setLoadingCopy] = useState(false);
-  useEffect(() => {
-    return () => {
+var 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 = _objectWithoutProperties(props, _excluded);
+  var _useContext = useContext(ProProvider),
+    hashId = _useContext.hashId;
+  var _ref = ((_ConfigProvider$useCo = ConfigProvider.useConfig) === null || _ConfigProvider$useCo === void 0 ? void 0 : _ConfigProvider$useCo.call(ConfigProvider)) || {
+      componentSize: 'middle'
+    },
+    componentSize = _ref.componentSize;
+  var listContext = useContext(FormListContext);
+  var unmountedRef = useRef(false);
+  var _useContext2 = useContext(EditOrReadOnlyContext),
+    mode = _useContext2.mode;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    loadingRemove = _useState2[0],
+    setLoadingRemove = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    loadingCopy = _useState4[0],
+    setLoadingCopy = _useState4[1];
+  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 = 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 = set(oldTableDate, rowKeyName, _objectSpread(_objectSpread({}, 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, _objectSpread(_objectSpread({}, action), formListAction), count);
     }
     return childrenItem;
-  }).map((childrenItem, itemIndex) => {
-    var _a2;
-    if (React.isValidElement(childrenItem)) {
-      return React.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.isValidElement(childrenItem)) {
+      var _childrenItem$props;
+      return /*#__PURE__*/React.cloneElement(childrenItem, _objectSpread({
+        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 = useMemo(() => {
-    if (mode === "read")
-      return null;
-    if (copyIconProps === false || max === count)
-      return null;
-    const { Icon = CopyOutlined, tooltipText } = copyIconProps;
-    return /* @__PURE__ */ React.createElement(Tooltip, { title: tooltipText, key: "copy" }, loadingCopy ? /* @__PURE__ */ React.createElement(LoadingOutlined, null) : /* @__PURE__ */ React.createElement(
-      Icon,
-      {
-        className: classNames(
-          `${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 = useMemo(() => {
-    if (mode === "read")
-      return null;
-    if (deleteIconProps === false || min === count)
-      return null;
-    const { Icon = DeleteOutlined, tooltipText } = deleteIconProps;
-    return /* @__PURE__ */ React.createElement(Tooltip, { title: tooltipText, key: "delete" }, loadingRemove ? /* @__PURE__ */ React.createElement(LoadingOutlined, null) : /* @__PURE__ */ React.createElement(
-      Icon,
-      {
-        className: classNames(
-          `${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 = useMemo(() => {
+  var copyIcon = 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 ? CopyOutlined : _ref2$Icon,
+      tooltipText = _ref2.tooltipText;
+    return /*#__PURE__*/_jsx(Tooltip, {
+      title: tooltipText,
+      children: loadingCopy ? /*#__PURE__*/_jsx(LoadingOutlined, {}) : /*#__PURE__*/_jsx(Icon, {
+        className: classNames("".concat(prefixCls, "-action-icon action-copy"), hashId),
+        onClick: /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+          var row;
+          return _regeneratorRuntime().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 = 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 ? DeleteOutlined : _ref4$Icon,
+      tooltipText = _ref4.tooltipText;
+    return /*#__PURE__*/_jsx(Tooltip, {
+      title: tooltipText,
+      children: loadingRemove ? /*#__PURE__*/_jsx(LoadingOutlined, {}) : /*#__PURE__*/_jsx(Icon, {
+        className: classNames("".concat(prefixCls, "-action-icon action-remove"), hashId),
+        onClick: /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
+          return _regeneratorRuntime().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 = 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 = ArrowUpOutlined, tooltipText } = upIconProps;
-    return /* @__PURE__ */ React.createElement(Tooltip, { title: tooltipText, key: "up" }, /* @__PURE__ */ React.createElement(
-      Icon,
-      {
-        className: classNames(`${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 ? ArrowUpOutlined : _ref6$Icon,
+      tooltipText = _ref6.tooltipText;
+    return /*#__PURE__*/_jsx(Tooltip, {
+      title: tooltipText,
+      children: /*#__PURE__*/_jsx(Icon, {
+        className: classNames("".concat(prefixCls, "-action-icon action-up"), hashId),
+        onClick: /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
+          return _regeneratorRuntime().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 = useMemo(() => {
+  var downIcon = 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 = ArrowDownOutlined, tooltipText } = downIconProps;
-    return /* @__PURE__ */ React.createElement(Tooltip, { title: tooltipText, key: "down" }, /* @__PURE__ */ React.createElement(
-      Icon,
-      {
-        className: classNames(`${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 ? ArrowDownOutlined : _ref8$Icon,
+      tooltipText = _ref8.tooltipText;
+    return /*#__PURE__*/_jsx(Tooltip, {
+      title: tooltipText,
+      children: /*#__PURE__*/_jsx(Icon, {
+        className: classNames("".concat(prefixCls, "-action-icon action-down"), hashId),
+        onClick: /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4() {
+          return _regeneratorRuntime().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 = 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__ */ React.createElement(
-    "div",
-    {
-      className: classNames(
-        `${prefixCls}-action`,
-        {
-          [`${prefixCls}-action-small`]: componentSize === "small"
-        },
-        hashId
-      )
-    },
-    actions
-  ) : null;
-  const options = {
+  var defaultActionDom = 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__*/_jsx("div", {
+    className: classNames("".concat(prefixCls, "-action"), _defineProperty({}, "".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 } = useGridHelpers();
-  const itemContainer = (itemContainerRender == null ? void 0 : itemContainerRender(childrenArray, options)) || childrenArray;
-  const contentDom = (itemRender == null ? void 0 : itemRender(
-    {
-      listDom: /* @__PURE__ */ React.createElement(
-        "div",
-        {
-          className: classNames(
-            `${prefixCls}-container`,
-            containerClassName,
-            hashId
-          ),
-          style: __spreadValues({
-            width: grid ? "100%" : void 0
-          }, containerStyle)
-        },
-        itemContainer
-      ),
-      action: dom
-    },
-    options
-  )) || /* @__PURE__ */ React.createElement(
-    "div",
-    {
-      className: classNames(`${prefixCls}-item`, hashId, {
-        [`${prefixCls}-item-default`]: alwaysShowItemLabel === void 0,
-        [`${prefixCls}-item-show-label`]: alwaysShowItemLabel
-      }),
-      style: {
-        display: "flex",
-        alignItems: "flex-end"
-      }
-    },
-    /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        className: classNames(
-          `${prefixCls}-container`,
-          containerClassName,
-          hashId
-        ),
-        style: __spreadValues({
-          width: grid ? "100%" : void 0
-        }, containerStyle)
-      },
-      itemContainer
-    ),
-    dom
-  );
-  return /* @__PURE__ */ React.createElement(
-    FormListContext.Provider,
-    {
-      value: __spreadProps(__spreadValues({}, field), {
-        listName: [listContext.listName, originName, field.name].filter((item) => item !== void 0).flat(1)
-      })
+  var _useGridHelpers = 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__*/_jsx("div", {
+      className: classNames("".concat(prefixCls, "-container"), containerClassName, hashId),
+      style: _objectSpread({
+        width: grid ? '100%' : undefined
+      }, containerStyle),
+      children: itemContainer
+    }),
+    action: dom
+  }, options)) || /*#__PURE__*/_jsxs("div", {
+    className: classNames("".concat(prefixCls, "-item"), hashId, _defineProperty(_defineProperty({}, "".concat(prefixCls, "-item-default"), alwaysShowItemLabel === undefined), "".concat(prefixCls, "-item-show-label"), alwaysShowItemLabel)),
+    style: {
+      display: 'flex',
+      alignItems: 'flex-end'
     },
-    contentDom
-  );
-};
-export {
-  ProFormListItem
+    children: [/*#__PURE__*/_jsx("div", {
+      className: classNames("".concat(prefixCls, "-container"), containerClassName, hashId),
+      style: _objectSpread({
+        width: grid ? '100%' : undefined
+      }, containerStyle),
+      children: itemContainer
+    }), dom]
+  });
+  return /*#__PURE__*/_jsx(FormListContext.Provider, {
+    value: _objectSpread(_objectSpread({}, field), {}, {
+      listName: [listContext.listName, originName, field.name].filter(function (item) {
+        return item !== undefined;
+      }).flat(1)
+    }),
+    children: contentDom
+  });
 };
+export { ProFormListItem };