@tachybase/components 0.23.18 → 0.23.22

package/lib/form-button-group/index.js

@@ -32,7 +32,8 @@ __export(form_button_group_exports, {
   default: () => form_button_group_default
 });
 module.exports = __toCommonJS(form_button_group_exports);
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
 var import_antd = require("antd");
 var import_classnames = __toESM(require("classnames"));
 var import_react_sticky_box = __toESM(require("react-sticky-box"));
@@ -61,7 +62,7 @@ const FormButtonGroup = /* @__PURE__ */ __name(({
   ...props
 }) => {
   const prefixCls = (0, import_builtins.usePrefixCls)("formily-button-group");
-  return /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_antd.Space,
     {
       ...props,
@@ -71,9 +72,9 @@ const FormButtonGroup = /* @__PURE__ */ __name(({
         ...props.style,
         justifyContent: align === "left" ? "flex-start" : align === "right" ? "flex-end" : "center",
         display: "flex"
-      }
-    },
-    props.children
+      },
+      children: props.children
+    }
   );
 }, "FormButtonGroup");
 FormButtonGroup.defaultProps = {
@@ -81,7 +82,7 @@ FormButtonGroup.defaultProps = {
 };
 FormButtonGroup.FormItem = ({ gutter, ...props }) => {
   var _a;
-  return /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_form_item.BaseItem,
     {
       ...props,
@@ -92,9 +93,9 @@ FormButtonGroup.FormItem = ({ gutter, ...props }) => {
         ...props.style,
         width: "100%"
       },
-      colon: false
-    },
-    ((_a = props.children) == null ? void 0 : _a["length"]) ? /* @__PURE__ */ import_react.default.createElement(import_antd.Space, { size: gutter }, props.children) : props.children
+      colon: false,
+      children: ((_a = props.children) == null ? void 0 : _a["length"]) ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Space, { size: gutter, children: props.children }) : props.children
+    }
   );
 };
 const _Sticky = /* @__PURE__ */ __name(({
@@ -114,7 +115,7 @@ const _Sticky = /* @__PURE__ */ __name(({
     }
   });
   return wrapSSR(
-    /* @__PURE__ */ import_react.default.createElement(
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       import_react_sticky_box.default,
       {
         ...props,
@@ -123,20 +124,20 @@ const _Sticky = /* @__PURE__ */ __name(({
           backgroundColor: color,
           ...props.style
         },
-        bottom: true
-      },
-      /* @__PURE__ */ import_react.default.createElement(
-        "div",
-        {
-          ref,
-          className: `${prefixCls}-sticky-inner`,
-          style: {
-            ...props.style,
-            justifyContent: align === "left" ? "flex-start" : align === "right" ? "flex-end" : "center"
+        bottom: true,
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "div",
+          {
+            ref,
+            className: `${prefixCls}-sticky-inner`,
+            style: {
+              ...props.style,
+              justifyContent: align === "left" ? "flex-start" : align === "right" ? "flex-end" : "center"
+            },
+            children: props.children
           }
-        },
-        props.children
-      )
+        )
+      }
     )
   );
 }, "_Sticky");

package/lib/form-collapse/index.js

@@ -32,7 +32,8 @@ __export(form_collapse_exports, {
   default: () => form_collapse_default
 });
 module.exports = __toCommonJS(form_collapse_exports);
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
 var import_schema = require("@tachybase/schema");
 var import_antd = require("antd");
 var import_classnames = __toESM(require("classnames"));
@@ -117,11 +118,11 @@ const InternalFormCollapse = (0, import_schema.observer)(({ formCollapse, ...pro
       address: `${field.address.concat(key)}.*`
     });
     if (errors.length) {
-      return /* @__PURE__ */ import_react.default.createElement(import_antd.Badge, { size: "small", className: "errors-badge", count: errors.length }, props2.header);
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Badge, { size: "small", className: "errors-badge", count: errors.length, children: props2.header });
     }
     return props2.header;
   }, "badgedHeader");
-  return /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_antd.Collapse,
     {
       ...props,
@@ -131,13 +132,13 @@ const InternalFormCollapse = (0, import_schema.observer)(({ formCollapse, ...pro
         var _a, _b;
         (_a = props == null ? void 0 : props.onChange) == null ? void 0 : _a.call(props, key);
         (_b = _formCollapse == null ? void 0 : _formCollapse.setActiveKeys) == null ? void 0 : _b.call(_formCollapse, key);
-      }
-    },
-    panels.map(({ props: props2, schema, name }, index) => /* @__PURE__ */ import_react.default.createElement(import_antd.Collapse.Panel, { key: index, ...props2, header: badgedHeader(name, props2), forceRender: true }, /* @__PURE__ */ import_react.default.createElement(import_schema.RecursionField, { schema, name })))
+      },
+      children: panels.map(({ props: props2, schema, name }, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Collapse.Panel, { ...props2, header: badgedHeader(name, props2), forceRender: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_schema.RecursionField, { schema, name }) }, index))
+    }
   );
 });
 const CollapsePanel = /* @__PURE__ */ __name(({ children }) => {
-  return /* @__PURE__ */ import_react.default.createElement(import_react.Fragment, null, children);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.Fragment, { children });
 }, "CollapsePanel");
 const FormCollapse = Object.assign(InternalFormCollapse, {
   CollapsePanel,

package/lib/form-dialog/index.js

@@ -32,6 +32,7 @@ __export(form_dialog_exports, {
   default: () => form_dialog_default
 });
 module.exports = __toCommonJS(form_dialog_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = __toESM(require("react"));
 var import_schema = require("@tachybase/schema");
 var import_antd = require("antd");
@@ -73,12 +74,12 @@ function FormDialog(title, id, renderer) {
     }, "afterClose")
   };
   const DialogContent = (0, import_schema.observer)(() => {
-    return /* @__PURE__ */ import_react.default.createElement(import_react.Fragment, null, (0, import_schema.isFn)(renderer) ? renderer(env.form) : renderer);
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.Fragment, { children: (0, import_schema.isFn)(renderer) ? renderer(env.form) : renderer });
   });
   const renderDialog = /* @__PURE__ */ __name((open = true, resolve, reject) => {
     const { form } = env;
     if (!form) return null;
-    return /* @__PURE__ */ import_react.default.createElement(import_schema.Observer, null, () => /* @__PURE__ */ import_react.default.createElement(
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_schema.Observer, { children: () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       import_antd.Modal,
       {
         ...modal,
@@ -95,10 +96,10 @@ function FormDialog(title, id, renderer) {
           if (((_a = modal == null ? void 0 : modal.onOk) == null ? void 0 : _a.call(modal, e)) !== false) {
             resolve == null ? void 0 : resolve();
           }
-        }
-      },
-      /* @__PURE__ */ import_react.default.createElement(import_schema.FormProvider, { form }, /* @__PURE__ */ import_react.default.createElement(DialogContent, null))
-    ));
+        },
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_schema.FormProvider, { form, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogContent, {}) })
+      }
+    ) });
   }, "renderDialog");
   document.body.appendChild(env.host);
   const formDialog = {
@@ -183,7 +184,7 @@ const DialogFooter = /* @__PURE__ */ __name((props) => {
     }
   });
   footerRef.current = footer;
-  return /* @__PURE__ */ import_react.default.createElement("div", { ref, style: { display: "none" } }, footer && (0, import_react_dom.createPortal)(props.children, footer));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ref, style: { display: "none" }, children: footer && (0, import_react_dom.createPortal)(props.children, footer) });
 }, "DialogFooter");
 FormDialog.Footer = DialogFooter;
 FormDialog.Portal = (0, import_builtins.createPortalProvider)("form-dialog");

package/lib/form-drawer/index.js

@@ -32,6 +32,7 @@ __export(form_drawer_exports, {
   default: () => form_drawer_default
 });
 module.exports = __toCommonJS(form_drawer_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = __toESM(require("react"));
 var import_schema = require("@tachybase/schema");
 var import_antd = require("antd");
@@ -79,12 +80,12 @@ function FormDrawer(title, id, renderer) {
     }, "afterOpenChange")
   };
   const DrawerContent = (0, import_schema.observer)(() => {
-    return /* @__PURE__ */ import_react.default.createElement(import_react.Fragment, null, (0, import_schema.isFn)(renderer) ? renderer(env.form) : renderer);
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.Fragment, { children: (0, import_schema.isFn)(renderer) ? renderer(env.form) : renderer });
   });
   const renderDrawer = /* @__PURE__ */ __name((open = true) => {
     const { form } = env;
     if (!form) return null;
-    return /* @__PURE__ */ import_react.default.createElement(import_antd.Drawer, { ...drawer, open }, /* @__PURE__ */ import_react.default.createElement(import_schema.FormProvider, { form }, /* @__PURE__ */ import_react.default.createElement(DrawerContent, null)));
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Drawer, { ...drawer, open, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_schema.FormProvider, { form, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DrawerContent, {}) }) });
   }, "renderDrawer");
   document.body.appendChild(env.host);
   const formDrawer = {
@@ -152,7 +153,7 @@ const DrawerExtra = /* @__PURE__ */ __name((props) => {
     }
   });
   extraRef.current = extra;
-  return /* @__PURE__ */ import_react.default.createElement("div", { ref, style: { display: "none" } }, extra && (0, import_react_dom.createPortal)(props.children, extra));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ref, style: { display: "none" }, children: extra && (0, import_react_dom.createPortal)(props.children, extra) });
 }, "DrawerExtra");
 const DrawerFooter = /* @__PURE__ */ __name((props) => {
   const ref = (0, import_react.useRef)(null);
@@ -175,7 +176,7 @@ const DrawerFooter = /* @__PURE__ */ __name((props) => {
     }
   });
   footerRef.current = footer;
-  return /* @__PURE__ */ import_react.default.createElement("div", { ref, style: { display: "none" } }, footer && (0, import_react_dom.createPortal)(props.children, footer));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ref, style: { display: "none" }, children: footer && (0, import_react_dom.createPortal)(props.children, footer) });
 }, "DrawerFooter");
 FormDrawer.Extra = DrawerExtra;
 FormDrawer.Footer = DrawerFooter;

package/lib/form-grid/index.js

@@ -35,6 +35,7 @@ __export(form_grid_exports, {
   useFormGrid: () => useFormGrid
 });
 module.exports = __toCommonJS(form_grid_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = __toESM(require("react"));
 var import_schema = require("@tachybase/schema");
 var import_classnames = __toESM(require("classnames"));
@@ -64,8 +65,8 @@ const InternalFormGrid = (0, import_schema.observer)(
         return grid.connect(ref.current);
       }
     }, [grid]);
-    return /* @__PURE__ */ import_react.default.createElement(FormGridContext.Provider, { value: grid }, wrapSSR(
-      /* @__PURE__ */ import_react.default.createElement(
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FormGridContext.Provider, { value: grid, children: wrapSSR(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         "div",
         {
           ...dataProps,
@@ -75,11 +76,11 @@ const InternalFormGrid = (0, import_schema.observer)(
             gridTemplateColumns: grid.templateColumns,
             gap: grid.gap
           },
-          ref
-        },
-        children
+          ref,
+          children
+        }
       )
-    ));
+    ) });
   },
   {
     forwardRef: true
@@ -87,7 +88,7 @@ const InternalFormGrid = (0, import_schema.observer)(
 );
 const GridColumn = (0, import_schema.observer)(
   ({ gridSpan, children, ...props }) => {
-    return /* @__PURE__ */ import_react.default.createElement("div", { ...props, style: props.style, "data-grid-span": gridSpan }, children);
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ...props, style: props.style, "data-grid-span": gridSpan, children });
   }
 );
 GridColumn.defaultProps = {

package/lib/form-item/hooks/useFormItemLayout.d.ts

@@ -19,7 +19,7 @@ export declare const useFormItemLayout: (props: IFormItemProps) => {
     feedbackIcon: React.ReactNode;
     feedbackLayout: (string & {}) | "none" | "loose" | "terse" | "popover";
     tooltipLayout: "text" | "icon";
-    tooltipIcon: string | number | boolean | Iterable<React.ReactNode> | React.JSX.Element;
+    tooltipIcon: string | number | boolean | Iterable<React.ReactNode> | import("react/jsx-runtime").JSX.Element;
     className?: string;
     style?: React.CSSProperties;
     prefixCls?: string;

package/lib/form-item/hooks/useFormItemLayout.js

@@ -1,8 +1,6 @@
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 var __export = (target, all) => {
@@ -17,21 +15,13 @@ var __copyProps = (to, from, except, desc) => {
   }
   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 useFormItemLayout_exports = {};
 __export(useFormItemLayout_exports, {
   useFormItemLayout: () => useFormItemLayout
 });
 module.exports = __toCommonJS(useFormItemLayout_exports);
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_icons = require("@ant-design/icons");
 var import_form_layout = require("../../form-layout");
 const useFormItemLayout = /* @__PURE__ */ __name((props) => {
@@ -57,7 +47,7 @@ const useFormItemLayout = /* @__PURE__ */ __name((props) => {
     feedbackIcon: props.feedbackIcon,
     feedbackLayout: props.feedbackLayout ?? layout.feedbackLayout ?? "loose",
     tooltipLayout: props.tooltipLayout ?? layout.tooltipLayout ?? "icon",
-    tooltipIcon: props.tooltipIcon ?? layout.tooltipIcon ?? /* @__PURE__ */ import_react.default.createElement(import_icons.QuestionCircleOutlined, null)
+    tooltipIcon: props.tooltipIcon ?? layout.tooltipIcon ?? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.QuestionCircleOutlined, {})
   };
 }, "useFormItemLayout");
 // Annotate the CommonJS export names for ESM import in node:

package/lib/form-item/index.js

@@ -34,7 +34,8 @@ __export(form_item_exports, {
   default: () => form_item_default
 });
 module.exports = __toCommonJS(form_item_exports);
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
 var import_schema = require("@tachybase/schema");
 var import_icons = require("@ant-design/icons");
 var import_antd = require("antd");
@@ -46,9 +47,9 @@ var import_style = __toESM(require("./style"));
 __reExport(form_item_exports, require("./hooks"), module.exports);
 __reExport(form_item_exports, require("./types"), module.exports);
 const ICON_MAP = {
-  error: /* @__PURE__ */ import_react.default.createElement(import_icons.CloseCircleOutlined, null),
-  success: /* @__PURE__ */ import_react.default.createElement(import_icons.CheckCircleOutlined, null),
-  warning: /* @__PURE__ */ import_react.default.createElement(import_icons.ExclamationCircleOutlined, null)
+  error: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.CloseCircleOutlined, {}),
+  success: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.CheckCircleOutlined, {}),
+  warning: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.ExclamationCircleOutlined, {})
 };
 const BaseItem = /* @__PURE__ */ __name(({ children, ...props }) => {
   const [active, setActive] = (0, import_react.useState)(false);
@@ -104,51 +105,59 @@ const BaseItem = /* @__PURE__ */ __name(({ children, ...props }) => {
       enableCol = true;
     }
   }
-  const formatChildren = feedbackLayout === "popover" ? /* @__PURE__ */ import_react.default.createElement(
+  const formatChildren = feedbackLayout === "popover" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_antd.Popover,
     {
       autoAdjustOverflow: true,
       overlayClassName: `${prefixCls}-popover`,
       placement: "top",
-      content: /* @__PURE__ */ import_react.default.createElement(
+      content: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
         "div",
         {
           className: (0, import_classnames.default)({
             [`${prefixCls}-${feedbackStatus}-help`]: !!feedbackStatus,
             [`${prefixCls}-help`]: true
-          })
-        },
-        feedbackStatus ? ICON_MAP[feedbackStatus] : null,
-        " ",
-        feedbackText
+          }),
+          children: [
+            feedbackStatus ? ICON_MAP[feedbackStatus] : null,
+            " ",
+            feedbackText
+          ]
+        }
       ),
       open: !!feedbackText,
-      getPopupContainer
-    },
-    /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, children)
+      getPopupContainer,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children })
+    }
   ) : children;
   const gridStyles = {};
   const getOverflowTooltip = /* @__PURE__ */ __name(() => {
     if (overflow) {
-      return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("div", null, label), /* @__PURE__ */ import_react.default.createElement("div", null, tooltip));
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: label }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: tooltip })
+      ] });
     }
     return tooltip;
   }, "getOverflowTooltip");
   const renderLabelText = /* @__PURE__ */ __name(() => {
-    const labelChildren = /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-label-content`, ref: containerRef }, /* @__PURE__ */ import_react.default.createElement("span", { ref: contentRef }, asterisk && /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefixCls}-asterisk` }, "*"), /* @__PURE__ */ import_react.default.createElement("label", null, label)));
+    const labelChildren = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: `${prefixCls}-label-content`, ref: containerRef, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { ref: contentRef, children: [
+      asterisk && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: `${prefixCls}-asterisk`, children: "*" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", { children: label })
+    ] }) });
     if (tooltipLayout === "text" && tooltip || overflow) {
-      return /* @__PURE__ */ import_react.default.createElement(import_antd.Tooltip, { placement: "top", title: getOverflowTooltip() }, labelChildren);
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Tooltip, { placement: "top", title: getOverflowTooltip(), children: labelChildren });
     }
     return labelChildren;
   }, "renderLabelText");
   const renderTooltipIcon = /* @__PURE__ */ __name(() => {
     if (tooltip && tooltipLayout === "icon" && !overflow) {
-      return /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefixCls}-label-tooltip-icon` }, /* @__PURE__ */ import_react.default.createElement(import_antd.Tooltip, { placement: "top", title: tooltip }, tooltipIcon));
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: `${prefixCls}-label-tooltip-icon`, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Tooltip, { placement: "top", title: tooltip, children: tooltipIcon }) });
     }
   }, "renderTooltipIcon");
   const renderLabel = /* @__PURE__ */ __name(() => {
     if (!label) return null;
-    return /* @__PURE__ */ import_react.default.createElement(
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
       "div",
       {
         className: (0, import_classnames.default)({
@@ -156,15 +165,17 @@ const BaseItem = /* @__PURE__ */ __name(({ children, ...props }) => {
           [`${prefixCls}-label-tooltip`]: tooltip && tooltipLayout === "text" || overflow,
           [`${prefixCls}-item-col-${labelCol}`]: enableCol && !!labelCol
         }),
-        style: labelStyle
-      },
-      renderLabelText(),
-      renderTooltipIcon(),
-      label !== " " && /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefixCls}-colon` }, colon ? ":" : "")
+        style: labelStyle,
+        children: [
+          renderLabelText(),
+          renderTooltipIcon(),
+          label !== " " && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: `${prefixCls}-colon`, children: colon ? ":" : "" })
+        ]
+      }
     );
   }, "renderLabel");
   return wrapSSR(
-    /* @__PURE__ */ import_react.default.createElement(
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
       "div",
       {
         ...(0, import_builtins.pickDataProps)(props),
@@ -203,43 +214,53 @@ const BaseItem = /* @__PURE__ */ __name(({ children, ...props }) => {
           if (feedbackIcon || inset) {
             setActive(false);
           }
-        }
-      },
-      renderLabel(),
-      /* @__PURE__ */ import_react.default.createElement(
-        "div",
-        {
-          className: (0, import_classnames.default)({
-            [`${prefixCls}-control`]: true,
-            [`${prefixCls}-item-col-${wrapperCol}`]: enableCol && !!wrapperCol && label
-          })
         },
-        /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)(`${prefixCls}-control-content`) }, addonBefore && /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)(`${prefixCls}-addon-before`) }, addonBefore), /* @__PURE__ */ import_react.default.createElement(
-          "div",
-          {
-            style: wrapperStyle,
-            className: (0, import_classnames.default)({
-              [`${prefixCls}-control-content-component`]: true,
-              [`${prefixCls}-control-content-component-has-feedback-icon`]: !!feedbackIcon
-            })
-          },
-          /* @__PURE__ */ import_react.default.createElement(import_form_layout.FormLayoutShallowContext.Provider, { value: {} }, formatChildren),
-          feedbackIcon && /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)(`${prefixCls}-feedback-icon`) }, feedbackIcon)
-        ), addonAfter && /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)(`${prefixCls}-addon-after`) }, addonAfter)),
-        !!feedbackText && feedbackLayout !== "popover" && feedbackLayout !== "none" && /* @__PURE__ */ import_react.default.createElement(
-          "div",
-          {
-            className: (0, import_classnames.default)({
-              [`${prefixCls}-${feedbackStatus}-help`]: !!feedbackStatus,
-              [`${prefixCls}-help`]: true,
-              [`${prefixCls}-help-enter`]: true,
-              [`${prefixCls}-help-enter-active`]: true
-            })
-          },
-          feedbackText
-        ),
-        extra && /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)(`${prefixCls}-extra`) }, extra)
-      )
+        children: [
+          renderLabel(),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+            "div",
+            {
+              className: (0, import_classnames.default)({
+                [`${prefixCls}-control`]: true,
+                [`${prefixCls}-item-col-${wrapperCol}`]: enableCol && !!wrapperCol && label
+              }),
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: (0, import_classnames.default)(`${prefixCls}-control-content`), children: [
+                  addonBefore && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: (0, import_classnames.default)(`${prefixCls}-addon-before`), children: addonBefore }),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+                    "div",
+                    {
+                      style: wrapperStyle,
+                      className: (0, import_classnames.default)({
+                        [`${prefixCls}-control-content-component`]: true,
+                        [`${prefixCls}-control-content-component-has-feedback-icon`]: !!feedbackIcon
+                      }),
+                      children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_form_layout.FormLayoutShallowContext.Provider, { value: {}, children: formatChildren }),
+                        feedbackIcon && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: (0, import_classnames.default)(`${prefixCls}-feedback-icon`), children: feedbackIcon })
+                      ]
+                    }
+                  ),
+                  addonAfter && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: (0, import_classnames.default)(`${prefixCls}-addon-after`), children: addonAfter })
+                ] }),
+                !!feedbackText && feedbackLayout !== "popover" && feedbackLayout !== "none" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                  "div",
+                  {
+                    className: (0, import_classnames.default)({
+                      [`${prefixCls}-${feedbackStatus}-help`]: !!feedbackStatus,
+                      [`${prefixCls}-help`]: true,
+                      [`${prefixCls}-help-enter`]: true,
+                      [`${prefixCls}-help-enter-active`]: true
+                    }),
+                    children: feedbackText
+                  }
+                ),
+                extra && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: (0, import_classnames.default)(`${prefixCls}-extra`), children: extra })
+              ]
+            }
+          )
+        ]
+      }
     )
   );
 }, "BaseItem");

package/lib/form-layout/index.d.ts

@@ -44,8 +44,8 @@ export declare const useFormLayout: () => {
     layout?: "vertical" | "horizontal" | "inline";
     labelCol?: number;
     wrapperCol?: number;
-    style?: React.CSSProperties;
     className?: string;
+    style?: React.CSSProperties;
     inset?: boolean;
     size?: "small" | "default" | "large";
     direction?: "rtl" | "ltr";

package/lib/form-layout/index.js

@@ -37,7 +37,8 @@ __export(form_layout_exports, {
   useFormShallowLayout: () => useFormShallowLayout
 });
 module.exports = __toCommonJS(form_layout_exports);
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
 var import_classnames = __toESM(require("classnames"));
 var import_builtins = require("../__builtins__");
 var import_useResponsiveFormLayout = require("./useResponsiveFormLayout");
@@ -77,9 +78,9 @@ const FormLayout = /* @__PURE__ */ __name(({ shallow = true, children, prefixCls
         newDeepLayout.colon = props.colon;
       }
     }
-    return /* @__PURE__ */ import_react.default.createElement(FormLayoutDeepContext.Provider, { value: newDeepLayout }, /* @__PURE__ */ import_react.default.createElement(FormLayoutShallowContext.Provider, { value: shallow ? props : void 0 }, children));
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FormLayoutDeepContext.Provider, { value: newDeepLayout, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FormLayoutShallowContext.Provider, { value: shallow ? props : void 0, children }) });
   }, "renderChildren");
-  return /* @__PURE__ */ import_react.default.createElement("div", { ref, className: layoutClassName, style }, renderChildren());
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ref, className: layoutClassName, style, children: renderChildren() });
 }, "FormLayout");
 FormLayout.useFormDeepLayout = useFormDeepLayout;
 FormLayout.useFormShallowLayout = useFormShallowLayout;

package/lib/form-step/index.js

@@ -32,7 +32,8 @@ __export(form_step_exports, {
   default: () => form_step_default
 });
 module.exports = __toCommonJS(form_step_exports);
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
 var import_schema = require("@tachybase/schema");
 var import_antd = require("antd");
 var import_classnames = __toESM(require("classnames"));
@@ -134,16 +135,19 @@ const FormStep = (0, import_schema.connect)(
     const steps = parseSteps(schema);
     const current = props.current || (formStep == null ? void 0 : formStep.current) || 0;
     (_a = formStep == null ? void 0 : formStep.connect) == null ? void 0 : _a.call(formStep, steps, field);
-    return /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)(prefixCls, className) }, /* @__PURE__ */ import_react.default.createElement(import_antd.Steps, { ...props, style: { marginBottom: 10, ...props.style }, current }, steps.map(({ props: props2 }, key) => {
-      return /* @__PURE__ */ import_react.default.createElement(import_antd.Steps.Step, { key, ...props2 });
-    })), steps.map(({ name, schema: schema2 }, key) => {
-      if (key !== current) return;
-      return /* @__PURE__ */ import_react.default.createElement(import_schema.RecursionField, { key, name, schema: schema2 });
-    }));
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: (0, import_classnames.default)(prefixCls, className), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Steps, { ...props, style: { marginBottom: 10, ...props.style }, current, children: steps.map(({ props: props2 }, key) => {
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Steps.Step, { ...props2 }, key);
+      }) }),
+      steps.map(({ name, schema: schema2 }, key) => {
+        if (key !== current) return;
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_schema.RecursionField, { name, schema: schema2 }, key);
+      })
+    ] });
   })
 );
 const StepPane = /* @__PURE__ */ __name(({ children }) => {
-  return /* @__PURE__ */ import_react.default.createElement(import_react.Fragment, null, children);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.Fragment, { children });
 }, "StepPane");
 FormStep.StepPane = StepPane;
 FormStep.createFormStep = createFormStep;