@gobolt/genesis 0.3.9 → 0.3.11

package/dist/node_modules/antd/es/dropdown/dropdown.cjs

@@ -63,6 +63,7 @@ const Dropdown = (props) => {
     trigger,
     disabled,
     dropdownRender,
+    popupRender,
     getPopupContainer,
     overlayClassName,
     rootClassName,
@@ -77,7 +78,9 @@ const Dropdown = (props) => {
     autoAdjustOverflow = true,
     placement = "",
     overlay,
-    transitionName
+    transitionName,
+    destroyOnHidden,
+    destroyPopupOnHide
   } = props;
   const {
     getPopupContainer: getContextPopupContainer,
@@ -85,13 +88,22 @@ const Dropdown = (props) => {
     direction,
     dropdown
   } = React__namespace.useContext(context.ConfigContext);
+  const mergedPopupRender = popupRender || dropdownRender;
   const warning$1 = warning.devUseWarning("Dropdown");
   if (process.env.NODE_ENV !== "production") {
-    [["visible", "open"], ["onVisibleChange", "onOpenChange"]].forEach((_ref) => {
-      let [deprecatedName, newName] = _ref;
+    const deprecatedProps = {
+      visible: "open",
+      onVisibleChange: "onOpenChange",
+      overlay: "menu",
+      dropdownRender: "popupRender",
+      destroyPopupOnHide: "destroyOnHidden"
+    };
+    Object.entries(deprecatedProps).forEach(([deprecatedName, newName]) => {
       warning$1.deprecated(!(deprecatedName in props), deprecatedName, newName);
     });
-    warning$1.deprecated(!("overlay" in props), "overlay", "menu");
+    if (placement.includes("Center")) {
+      warning$1.deprecated(!placement.includes("Center"), `placement: ${placement}`, `placement: ${placement.slice(0, placement.indexOf("Center"))}`);
+    }
   }
   const memoTransitionName = React__namespace.useMemo(() => {
     const rootPrefixCls = getPrefixCls();
@@ -112,22 +124,12 @@ const Dropdown = (props) => {
     }
     return placement;
   }, [placement, direction]);
-  if (process.env.NODE_ENV !== "production") {
-    if (placement.includes("Center")) {
-      const newPlacement = placement.slice(0, placement.indexOf("Center"));
-      process.env.NODE_ENV !== "production" ? warning$1(!placement.includes("Center"), "deprecated", `You are using '${placement}' placement in Dropdown, which is deprecated. Try to use '${newPlacement}' instead.`) : void 0;
-    }
-    [["visible", "open"], ["onVisibleChange", "onOpenChange"]].forEach((_ref2) => {
-      let [deprecatedName, newName] = _ref2;
-      warning$1.deprecated(!(deprecatedName in props), deprecatedName, newName);
-    });
-  }
   const prefixCls = getPrefixCls("dropdown", customizePrefixCls);
   const rootCls = useCSSVarCls(prefixCls);
   const [wrapCSSVar, hashId, cssVarCls] = index.default(prefixCls, rootCls);
   const [, token] = useToken.default();
   const child = React__namespace.Children.only(isPrimitive(children) ? /* @__PURE__ */ React__namespace.createElement("span", null, children) : children);
-  const dropdownTrigger = reactNode.cloneElement(child, {
+  const popupTrigger = reactNode.cloneElement(child, {
     className: index$1(`${prefixCls}-trigger`, {
       [`${prefixCls}-rtl`]: direction === "rtl"
     }, child.props.className),
@@ -173,8 +175,8 @@ const Dropdown = (props) => {
     } else {
       overlayNode = overlay;
     }
-    if (dropdownRender) {
-      overlayNode = dropdownRender(overlayNode);
+    if (mergedPopupRender) {
+      overlayNode = mergedPopupRender(overlayNode);
     }
     overlayNode = React__namespace.Children.only(typeof overlayNode === "string" ? /* @__PURE__ */ React__namespace.createElement("span", null, overlayNode) : overlayNode);
     return /* @__PURE__ */ React__namespace.createElement(OverrideContext.OverrideProvider, {
@@ -190,10 +192,9 @@ const Dropdown = (props) => {
       mode: "vertical",
       selectable: false,
       onClick: onMenuClick,
-      validator: (_ref3) => {
-        let {
-          mode
-        } = _ref3;
+      validator: ({
+        mode
+      }) => {
         process.env.NODE_ENV !== "production" ? warning$1(!mode || mode === "vertical", "usage", `mode="${mode}" is not supported for Dropdown's Menu.`) : void 0;
       }
     }, overlayNode);
@@ -217,8 +218,9 @@ const Dropdown = (props) => {
     onVisibleChange: onInnerOpenChange,
     overlayStyle: Object.assign(Object.assign(Object.assign({}, dropdown === null || dropdown === void 0 ? void 0 : dropdown.style), overlayStyle), {
       zIndex
-    })
-  }), dropdownTrigger);
+    }),
+    autoDestroy: destroyOnHidden !== null && destroyOnHidden !== void 0 ? destroyOnHidden : destroyPopupOnHide
+  }), popupTrigger);
   if (zIndex) {
     renderNode = /* @__PURE__ */ React__namespace.createElement(zindexContext.Provider, {
       value: contextZIndex

package/dist/node_modules/antd/es/dropdown/dropdown.js

@@ -43,6 +43,7 @@ const Dropdown = (props) => {
     trigger,
     disabled,
     dropdownRender,
+    popupRender,
     getPopupContainer,
     overlayClassName,
     rootClassName,
@@ -57,7 +58,9 @@ const Dropdown = (props) => {
     autoAdjustOverflow = true,
     placement = "",
     overlay,
-    transitionName
+    transitionName,
+    destroyOnHidden,
+    destroyPopupOnHide
   } = props;
   const {
     getPopupContainer: getContextPopupContainer,
@@ -65,13 +68,22 @@ const Dropdown = (props) => {
     direction,
     dropdown
   } = React.useContext(ConfigContext);
+  const mergedPopupRender = popupRender || dropdownRender;
   const warning = devUseWarning("Dropdown");
   if (process.env.NODE_ENV !== "production") {
-    [["visible", "open"], ["onVisibleChange", "onOpenChange"]].forEach((_ref) => {
-      let [deprecatedName, newName] = _ref;
+    const deprecatedProps = {
+      visible: "open",
+      onVisibleChange: "onOpenChange",
+      overlay: "menu",
+      dropdownRender: "popupRender",
+      destroyPopupOnHide: "destroyOnHidden"
+    };
+    Object.entries(deprecatedProps).forEach(([deprecatedName, newName]) => {
       warning.deprecated(!(deprecatedName in props), deprecatedName, newName);
     });
-    warning.deprecated(!("overlay" in props), "overlay", "menu");
+    if (placement.includes("Center")) {
+      warning.deprecated(!placement.includes("Center"), `placement: ${placement}`, `placement: ${placement.slice(0, placement.indexOf("Center"))}`);
+    }
   }
   const memoTransitionName = React.useMemo(() => {
     const rootPrefixCls = getPrefixCls();
@@ -92,22 +104,12 @@ const Dropdown = (props) => {
     }
     return placement;
   }, [placement, direction]);
-  if (process.env.NODE_ENV !== "production") {
-    if (placement.includes("Center")) {
-      const newPlacement = placement.slice(0, placement.indexOf("Center"));
-      process.env.NODE_ENV !== "production" ? warning(!placement.includes("Center"), "deprecated", `You are using '${placement}' placement in Dropdown, which is deprecated. Try to use '${newPlacement}' instead.`) : void 0;
-    }
-    [["visible", "open"], ["onVisibleChange", "onOpenChange"]].forEach((_ref2) => {
-      let [deprecatedName, newName] = _ref2;
-      warning.deprecated(!(deprecatedName in props), deprecatedName, newName);
-    });
-  }
   const prefixCls = getPrefixCls("dropdown", customizePrefixCls);
   const rootCls = useCSSVarCls(prefixCls);
   const [wrapCSSVar, hashId, cssVarCls] = useStyle(prefixCls, rootCls);
   const [, token] = useToken();
   const child = React.Children.only(isPrimitive(children) ? /* @__PURE__ */ React.createElement("span", null, children) : children);
-  const dropdownTrigger = cloneElement(child, {
+  const popupTrigger = cloneElement(child, {
     className: classNames(`${prefixCls}-trigger`, {
       [`${prefixCls}-rtl`]: direction === "rtl"
     }, child.props.className),
@@ -153,8 +155,8 @@ const Dropdown = (props) => {
     } else {
       overlayNode = overlay;
     }
-    if (dropdownRender) {
-      overlayNode = dropdownRender(overlayNode);
+    if (mergedPopupRender) {
+      overlayNode = mergedPopupRender(overlayNode);
     }
     overlayNode = React.Children.only(typeof overlayNode === "string" ? /* @__PURE__ */ React.createElement("span", null, overlayNode) : overlayNode);
     return /* @__PURE__ */ React.createElement(OverrideProvider, {
@@ -170,10 +172,9 @@ const Dropdown = (props) => {
       mode: "vertical",
       selectable: false,
       onClick: onMenuClick,
-      validator: (_ref3) => {
-        let {
-          mode
-        } = _ref3;
+      validator: ({
+        mode
+      }) => {
         process.env.NODE_ENV !== "production" ? warning(!mode || mode === "vertical", "usage", `mode="${mode}" is not supported for Dropdown's Menu.`) : void 0;
       }
     }, overlayNode);
@@ -197,8 +198,9 @@ const Dropdown = (props) => {
     onVisibleChange: onInnerOpenChange,
     overlayStyle: Object.assign(Object.assign(Object.assign({}, dropdown === null || dropdown === void 0 ? void 0 : dropdown.style), overlayStyle), {
       zIndex
-    })
-  }), dropdownTrigger);
+    }),
+    autoDestroy: destroyOnHidden !== null && destroyOnHidden !== void 0 ? destroyOnHidden : destroyPopupOnHide
+  }), popupTrigger);
   if (zIndex) {
     renderNode = /* @__PURE__ */ React.createElement(zIndexContext.Provider, {
       value: contextZIndex

package/dist/node_modules/antd/es/dropdown/style/index.cjs

@@ -258,7 +258,7 @@ const genBaseStyle = (token) => {
               insetInlineEnd: token.paddingXS,
               [`${componentCls}-menu-submenu-arrow-icon`]: {
                 marginInlineEnd: "0 !important",
-                color: token.colorTextDescription,
+                color: token.colorIcon,
                 fontSize: fontSizeIcon,
                 fontStyle: "normal"
               }

package/dist/node_modules/antd/es/dropdown/style/index.js

@@ -256,7 +256,7 @@ const genBaseStyle = (token) => {
               insetInlineEnd: token.paddingXS,
               [`${componentCls}-menu-submenu-arrow-icon`]: {
                 marginInlineEnd: "0 !important",
-                color: token.colorTextDescription,
+                color: token.colorIcon,
                 fontSize: fontSizeIcon,
                 fontStyle: "normal"
               }

package/dist/node_modules/antd/es/empty/index.cjs

@@ -2,10 +2,10 @@
 var React = require("react");
 var index$1 = require("../../../../_virtual/index.cjs");
 var warning = require("../_util/warning.cjs");
+var context = require("../config-provider/context.cjs");
 var empty = require("./empty.cjs");
 var simple = require("./simple.cjs");
 var index = require("./style/index.cjs");
-var context = require("../config-provider/context.cjs");
 var useLocale = require("../locale/useLocale.cjs");
 function _interopNamespaceDefault(e) {
   var n = /* @__PURE__ */ Object.create(null);
@@ -37,11 +37,12 @@ var __rest = function(s, e) {
 const defaultEmptyImg = /* @__PURE__ */ React__namespace.createElement(empty, null);
 const simpleEmptyImg = /* @__PURE__ */ React__namespace.createElement(simple, null);
 const Empty = (props) => {
+  var _a;
   const {
     className,
     rootClassName,
     prefixCls: customizePrefixCls,
-    image = defaultEmptyImg,
+    image,
     description,
     children,
     imageStyle,
@@ -55,32 +56,33 @@ const Empty = (props) => {
     className: contextClassName,
     style: contextStyle,
     classNames: contextClassNames,
-    styles: contextStyles
+    styles: contextStyles,
+    image: contextImage
   } = context.useComponentConfig("empty");
   const prefixCls = getPrefixCls("empty", customizePrefixCls);
   const [wrapCSSVar, hashId, cssVarCls] = index(prefixCls);
   const [locale] = useLocale("Empty");
   const des = typeof description !== "undefined" ? description : locale === null || locale === void 0 ? void 0 : locale.description;
   const alt = typeof des === "string" ? des : "empty";
+  const mergedImage = (_a = image !== null && image !== void 0 ? image : contextImage) !== null && _a !== void 0 ? _a : defaultEmptyImg;
   let imageNode = null;
-  if (typeof image === "string") {
+  if (typeof mergedImage === "string") {
     imageNode = /* @__PURE__ */ React__namespace.createElement("img", {
       alt,
-      src: image
+      src: mergedImage
     });
   } else {
-    imageNode = image;
+    imageNode = mergedImage;
   }
   if (process.env.NODE_ENV !== "production") {
     const warning$1 = warning.devUseWarning("Empty");
-    [["imageStyle", "styles: { image: {} }"]].forEach((_ref) => {
-      let [deprecatedName, newName] = _ref;
+    [["imageStyle", "styles: { image: {} }"]].forEach(([deprecatedName, newName]) => {
       warning$1.deprecated(!(deprecatedName in props), deprecatedName, newName);
     });
   }
   return wrapCSSVar(/* @__PURE__ */ React__namespace.createElement("div", Object.assign({
     className: index$1(hashId, cssVarCls, prefixCls, contextClassName, {
-      [`${prefixCls}-normal`]: image === simpleEmptyImg,
+      [`${prefixCls}-normal`]: mergedImage === simpleEmptyImg,
       [`${prefixCls}-rtl`]: direction === "rtl"
     }, className, rootClassName, contextClassNames.root, emptyClassNames === null || emptyClassNames === void 0 ? void 0 : emptyClassNames.root),
     style: Object.assign(Object.assign(Object.assign(Object.assign({}, contextStyles.root), contextStyle), styles === null || styles === void 0 ? void 0 : styles.root), style)

package/dist/node_modules/antd/es/empty/index.js

@@ -1,10 +1,10 @@
 import * as React from "react";
 import classNames from "../../../../_virtual/index.js";
 import { devUseWarning } from "../_util/warning.js";
+import { useComponentConfig } from "../config-provider/context.js";
 import Empty$1 from "./empty.js";
 import Simple from "./simple.js";
 import useStyle from "./style/index.js";
-import { useComponentConfig } from "../config-provider/context.js";
 import useLocale from "../locale/useLocale.js";
 var __rest = function(s, e) {
   var t = {};
@@ -17,11 +17,12 @@ var __rest = function(s, e) {
 const defaultEmptyImg = /* @__PURE__ */ React.createElement(Empty$1, null);
 const simpleEmptyImg = /* @__PURE__ */ React.createElement(Simple, null);
 const Empty = (props) => {
+  var _a;
   const {
     className,
     rootClassName,
     prefixCls: customizePrefixCls,
-    image = defaultEmptyImg,
+    image,
     description,
     children,
     imageStyle,
@@ -35,32 +36,33 @@ const Empty = (props) => {
     className: contextClassName,
     style: contextStyle,
     classNames: contextClassNames,
-    styles: contextStyles
+    styles: contextStyles,
+    image: contextImage
   } = useComponentConfig("empty");
   const prefixCls = getPrefixCls("empty", customizePrefixCls);
   const [wrapCSSVar, hashId, cssVarCls] = useStyle(prefixCls);
   const [locale] = useLocale("Empty");
   const des = typeof description !== "undefined" ? description : locale === null || locale === void 0 ? void 0 : locale.description;
   const alt = typeof des === "string" ? des : "empty";
+  const mergedImage = (_a = image !== null && image !== void 0 ? image : contextImage) !== null && _a !== void 0 ? _a : defaultEmptyImg;
   let imageNode = null;
-  if (typeof image === "string") {
+  if (typeof mergedImage === "string") {
     imageNode = /* @__PURE__ */ React.createElement("img", {
       alt,
-      src: image
+      src: mergedImage
     });
   } else {
-    imageNode = image;
+    imageNode = mergedImage;
   }
   if (process.env.NODE_ENV !== "production") {
     const warning = devUseWarning("Empty");
-    [["imageStyle", "styles: { image: {} }"]].forEach((_ref) => {
-      let [deprecatedName, newName] = _ref;
+    [["imageStyle", "styles: { image: {} }"]].forEach(([deprecatedName, newName]) => {
       warning.deprecated(!(deprecatedName in props), deprecatedName, newName);
     });
   }
   return wrapCSSVar(/* @__PURE__ */ React.createElement("div", Object.assign({
     className: classNames(hashId, cssVarCls, prefixCls, contextClassName, {
-      [`${prefixCls}-normal`]: image === simpleEmptyImg,
+      [`${prefixCls}-normal`]: mergedImage === simpleEmptyImg,
       [`${prefixCls}-rtl`]: direction === "rtl"
     }, className, rootClassName, contextClassNames.root, emptyClassNames === null || emptyClassNames === void 0 ? void 0 : emptyClassNames.root),
     style: Object.assign(Object.assign(Object.assign(Object.assign({}, contextStyles.root), contextStyle), styles === null || styles === void 0 ? void 0 : styles.root), style)

package/dist/node_modules/antd/es/empty/style/index.cjs

@@ -83,6 +83,6 @@ var useStyle = genStyleUtils.genStyleHooks("Empty", (token) => {
     emptyImgHeightMD: controlHeightLG,
     emptyImgHeightSM: calc(controlHeightLG).mul(0.875).equal()
   });
-  return [genSharedEmptyStyle(emptyToken)];
+  return genSharedEmptyStyle(emptyToken);
 });
 module.exports = useStyle;

package/dist/node_modules/antd/es/empty/style/index.js

@@ -82,7 +82,7 @@ var useStyle = genStyleHooks("Empty", (token) => {
     emptyImgHeightMD: controlHeightLG,
     emptyImgHeightSM: calc(controlHeightLG).mul(0.875).equal()
   });
-  return [genSharedEmptyStyle(emptyToken)];
+  return genSharedEmptyStyle(emptyToken);
 });
 export {
   useStyle as default

package/dist/node_modules/antd/es/form/ErrorList.cjs

@@ -29,24 +29,22 @@ function _interopNamespaceDefault(e) {
 }
 var React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
 const EMPTY_LIST = [];
-function toErrorEntity(error, prefix, errorStatus) {
-  let index2 = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : 0;
+function toErrorEntity(error, prefix, errorStatus, index2 = 0) {
   return {
     key: typeof error === "string" ? error : `${prefix}-${index2}`,
     error,
     errorStatus
   };
 }
-const ErrorList = (_ref) => {
-  let {
-    help,
-    helpStatus,
-    errors = EMPTY_LIST,
-    warnings = EMPTY_LIST,
-    className: rootClassName,
-    fieldId,
-    onVisibleChanged
-  } = _ref;
+const ErrorList = ({
+  help,
+  helpStatus,
+  errors = EMPTY_LIST,
+  warnings = EMPTY_LIST,
+  className: rootClassName,
+  fieldId,
+  onVisibleChanged
+}) => {
   const {
     prefixCls
   } = React__namespace.useContext(context.FormItemPrefixContext);
@@ -64,10 +62,9 @@ const ErrorList = (_ref) => {
   }, [help, helpStatus, debounceErrors, debounceWarnings]);
   const filledKeyFullKeyList = React__namespace.useMemo(() => {
     const keysCount = {};
-    fullKeyList.forEach((_ref2) => {
-      let {
-        key
-      } = _ref2;
+    fullKeyList.forEach(({
+      key
+    }) => {
       keysCount[key] = (keysCount[key] || 0) + 1;
     });
     return fullKeyList.map((entity, index2) => Object.assign(Object.assign({}, entity), {

package/dist/node_modules/antd/es/form/ErrorList.js

@@ -9,24 +9,22 @@ import { FormItemPrefixContext } from "./context.js";
 import useDebounce from "./hooks/useDebounce.js";
 import useStyle from "./style/index.js";
 const EMPTY_LIST = [];
-function toErrorEntity(error, prefix, errorStatus) {
-  let index = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : 0;
+function toErrorEntity(error, prefix, errorStatus, index = 0) {
   return {
     key: typeof error === "string" ? error : `${prefix}-${index}`,
     error,
     errorStatus
   };
 }
-const ErrorList = (_ref) => {
-  let {
-    help,
-    helpStatus,
-    errors = EMPTY_LIST,
-    warnings = EMPTY_LIST,
-    className: rootClassName,
-    fieldId,
-    onVisibleChanged
-  } = _ref;
+const ErrorList = ({
+  help,
+  helpStatus,
+  errors = EMPTY_LIST,
+  warnings = EMPTY_LIST,
+  className: rootClassName,
+  fieldId,
+  onVisibleChanged
+}) => {
   const {
     prefixCls
   } = React.useContext(FormItemPrefixContext);
@@ -44,10 +42,9 @@ const ErrorList = (_ref) => {
   }, [help, helpStatus, debounceErrors, debounceWarnings]);
   const filledKeyFullKeyList = React.useMemo(() => {
     const keysCount = {};
-    fullKeyList.forEach((_ref2) => {
-      let {
-        key
-      } = _ref2;
+    fullKeyList.forEach(({
+      key
+    }) => {
       keysCount[key] = (keysCount[key] || 0) + 1;
     });
     return fullKeyList.map((entity, index) => Object.assign(Object.assign({}, entity), {

package/dist/node_modules/antd/es/form/Form.cjs

@@ -96,10 +96,11 @@ const InternalForm = (props, ref) => {
   const [wrapCSSVar, hashId, cssVarCls] = index.default(prefixCls, rootCls);
   const formClassName = index$1(prefixCls, `${prefixCls}-${layout}`, {
     [`${prefixCls}-hide-required-mark`]: mergedRequiredMark === false,
+    // todo: remove in next major version
     [`${prefixCls}-rtl`]: direction === "rtl",
     [`${prefixCls}-${mergedSize}`]: mergedSize
   }, cssVarCls, rootCls, hashId, contextClassName, className, rootClassName);
-  const [wrapForm] = useForm(form);
+  const [wrapForm] = useForm.default(form);
   const {
     __INTERNAL__
   } = wrapForm;
@@ -110,7 +111,7 @@ const InternalForm = (props, ref) => {
     labelCol,
     labelWrap,
     wrapperCol,
-    vertical: layout === "vertical",
+    layout,
     colon: mergedColon,
     requiredMark: mergedRequiredMark,
     itemRef: __INTERNAL__.itemRef,
@@ -174,5 +175,5 @@ const Form = /* @__PURE__ */ React__namespace.forwardRef(InternalForm);
 if (process.env.NODE_ENV !== "production") {
   Form.displayName = "Form";
 }
-exports.useForm = useForm;
+exports.useForm = useForm.default;
 exports.default = Form;

package/dist/node_modules/antd/es/form/Form.js

@@ -75,6 +75,7 @@ const InternalForm = (props, ref) => {
   const [wrapCSSVar, hashId, cssVarCls] = useStyle(prefixCls, rootCls);
   const formClassName = classNames(prefixCls, `${prefixCls}-${layout}`, {
     [`${prefixCls}-hide-required-mark`]: mergedRequiredMark === false,
+    // todo: remove in next major version
     [`${prefixCls}-rtl`]: direction === "rtl",
     [`${prefixCls}-${mergedSize}`]: mergedSize
   }, cssVarCls, rootCls, hashId, contextClassName, className, rootClassName);
@@ -89,7 +90,7 @@ const InternalForm = (props, ref) => {
     labelCol,
     labelWrap,
     wrapperCol,
-    vertical: layout === "vertical",
+    layout,
     colon: mergedColon,
     requiredMark: mergedRequiredMark,
     itemRef: __INTERNAL__.itemRef,

package/dist/node_modules/antd/es/form/FormItem/ItemHolder.cjs

@@ -56,14 +56,16 @@ function ItemHolder(props) {
     required,
     isRequired,
     onSubItemMetaChange,
-    layout
-  } = props, restProps = __rest(props, ["prefixCls", "className", "rootClassName", "style", "help", "errors", "warnings", "validateStatus", "meta", "hasFeedback", "hidden", "children", "fieldId", "required", "isRequired", "onSubItemMetaChange", "layout"]);
+    layout: propsLayout,
+    name
+  } = props, restProps = __rest(props, ["prefixCls", "className", "rootClassName", "style", "help", "errors", "warnings", "validateStatus", "meta", "hasFeedback", "hidden", "children", "fieldId", "required", "isRequired", "onSubItemMetaChange", "layout", "name"]);
   const itemPrefixCls = `${prefixCls}-item`;
   const {
     requiredMark,
-    vertical: formVertical
+    layout: formLayout
   } = React__namespace.useContext(context.FormContext);
-  const vertical = formVertical || layout === "vertical";
+  const layout = propsLayout || formLayout;
+  const vertical = layout === "vertical";
   const itemRef = React__namespace.useRef(null);
   const debounceErrors = useDebounce(errors);
   const debounceWarnings = useDebounce(warnings);
@@ -82,8 +84,7 @@ function ItemHolder(props) {
       setMarginBottom(null);
     }
   };
-  const getValidateState = function() {
-    let isDebounce = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : false;
+  const getValidateState = (isDebounce = false) => {
     const _errors = isDebounce ? debounceErrors : meta.errors;
     const _warnings = isDebounce ? debounceWarnings : meta.warnings;
     return util.getStatus(_errors, _warnings, meta, "", !!hasFeedback, validateStatus);
@@ -163,7 +164,8 @@ function ItemHolder(props) {
     warnings: meta.warnings,
     hasFeedback,
     // Already calculated
-    validateStatus: mergedValidateStatus
+    validateStatus: mergedValidateStatus,
+    name
   }, children)))), !!marginBottom && /* @__PURE__ */ React__namespace.createElement("div", {
     className: `${itemPrefixCls}-margin-offset`,
     style: {

package/dist/node_modules/antd/es/form/FormItem/ItemHolder.js

@@ -36,14 +36,16 @@ function ItemHolder(props) {
     required,
     isRequired,
     onSubItemMetaChange,
-    layout
-  } = props, restProps = __rest(props, ["prefixCls", "className", "rootClassName", "style", "help", "errors", "warnings", "validateStatus", "meta", "hasFeedback", "hidden", "children", "fieldId", "required", "isRequired", "onSubItemMetaChange", "layout"]);
+    layout: propsLayout,
+    name
+  } = props, restProps = __rest(props, ["prefixCls", "className", "rootClassName", "style", "help", "errors", "warnings", "validateStatus", "meta", "hasFeedback", "hidden", "children", "fieldId", "required", "isRequired", "onSubItemMetaChange", "layout", "name"]);
   const itemPrefixCls = `${prefixCls}-item`;
   const {
     requiredMark,
-    vertical: formVertical
+    layout: formLayout
   } = React.useContext(FormContext);
-  const vertical = formVertical || layout === "vertical";
+  const layout = propsLayout || formLayout;
+  const vertical = layout === "vertical";
   const itemRef = React.useRef(null);
   const debounceErrors = useDebounce(errors);
   const debounceWarnings = useDebounce(warnings);
@@ -62,8 +64,7 @@ function ItemHolder(props) {
       setMarginBottom(null);
     }
   };
-  const getValidateState = function() {
-    let isDebounce = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : false;
+  const getValidateState = (isDebounce = false) => {
     const _errors = isDebounce ? debounceErrors : meta.errors;
     const _warnings = isDebounce ? debounceWarnings : meta.warnings;
     return getStatus(_errors, _warnings, meta, "", !!hasFeedback, validateStatus);
@@ -143,7 +144,8 @@ function ItemHolder(props) {
     warnings: meta.warnings,
     hasFeedback,
     // Already calculated
-    validateStatus: mergedValidateStatus
+    validateStatus: mergedValidateStatus,
+    name
   }, children)))), !!marginBottom && /* @__PURE__ */ React.createElement("div", {
     className: `${itemPrefixCls}-margin-offset`,
     style: {