@pixpilot/formily-shadcn 0.37.1 → 0.39.0

package/dist/components/DatePicker.d.ts

@@ -1,11 +1,11 @@
-import * as react4 from "react";
+import * as react6 from "react";
 import { DatePickerProps } from "@pixpilot/shadcn-ui";
 
 //#region src/components/DatePicker.d.ts
-declare const DatePicker$1: react4.ForwardRefExoticComponent<Partial<{
+declare const DatePicker$1: react6.ForwardRefExoticComponent<Partial<{
   value?: Date;
   onChange?: (date: Date | undefined) => void;
   placeholder?: string;
-} & Omit<DatePickerProps, "onSelect" | "selected" | "mode">> & react4.RefAttributes<unknown>>;
+} & Omit<DatePickerProps, "onSelect" | "selected" | "mode">> & react6.RefAttributes<unknown>>;
 //#endregion
 export { DatePicker$1 as DatePicker };

package/dist/components/Form.d.ts

@@ -1,7 +1,7 @@
 import { FormContextStates } from "./context/form-context.js";
 import "./context/index.js";
 import React from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime2 from "react/jsx-runtime";
 import { Form } from "@formily/core";
 
 //#region src/components/Form.d.ts
@@ -25,6 +25,6 @@ declare function Form$1({
   onAutoSubmit,
   layout,
   settings
-}: IFormProps): react_jsx_runtime0.JSX.Element;
+}: IFormProps): react_jsx_runtime2.JSX.Element;
 //#endregion
 export { Form$1 as Form };

package/dist/components/FormGrid.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import * as react_jsx_runtime1 from "react/jsx-runtime";
+import * as react_jsx_runtime3 from "react/jsx-runtime";
 
 //#region src/components/FormGrid.d.ts
 interface IFormGridProps extends React.HTMLAttributes<HTMLDivElement> {}
@@ -7,6 +7,6 @@ declare function FormGrid({
   className,
   children,
   ...rest
-}: IFormGridProps): react_jsx_runtime1.JSX.Element;
+}: IFormGridProps): react_jsx_runtime3.JSX.Element;
 //#endregion
 export { FormGrid };

package/dist/components/IconPicker.d.ts

@@ -1,4 +1,4 @@
-import * as react2 from "react";
+import * as react16 from "react";
 import { IconPickerProps, IconProviderProps } from "@pixpilot/shadcn-ui";
 
 //#region src/components/IconPicker.d.ts
@@ -8,8 +8,8 @@ import { IconPickerProps, IconProviderProps } from "@pixpilot/shadcn-ui";
  * Automatically connects to Formily field state
  * Supports both static and async icon providers
  */
-declare const IconPicker$1: react2.ForwardRefExoticComponent<Partial<Omit<IconPickerProps, "providers"> & {
+declare const IconPicker$1: react16.ForwardRefExoticComponent<Partial<Omit<IconPickerProps, "providers"> & {
   providers?: IconProviderProps[];
-}> & react2.RefAttributes<unknown>>;
+}> & react16.RefAttributes<unknown>>;
 //#endregion
 export { IconPicker$1 as IconPicker };

package/dist/components/IconToggle.d.ts

@@ -1,4 +1,4 @@
-import * as react6 from "react";
+import * as react22 from "react";
 import * as _pixpilot_shadcn_ui0 from "@pixpilot/shadcn-ui";
 
 //#region src/components/IconToggle.d.ts
@@ -6,6 +6,6 @@ import * as _pixpilot_shadcn_ui0 from "@pixpilot/shadcn-ui";
  * Formily-connected IconToggle component
  * Toggle button with customizable icons for boolean values
  */
-declare const IconToggle$1: react6.ForwardRefExoticComponent<Omit<Partial<Omit<_pixpilot_shadcn_ui0.IconToggleProps, "ref"> & react6.RefAttributes<HTMLButtonElement>>, "ref"> & react6.RefAttributes<unknown>>;
+declare const IconToggle$1: react22.ForwardRefExoticComponent<Omit<Partial<Omit<_pixpilot_shadcn_ui0.IconToggleProps, "ref"> & react22.RefAttributes<HTMLButtonElement>>, "ref"> & react22.RefAttributes<unknown>>;
 //#endregion
 export { IconToggle$1 as IconToggle };

package/dist/components/Input.d.ts

@@ -1,4 +1,4 @@
-import * as react9 from "react";
+import * as react2 from "react";
 
 //#region src/components/Input.d.ts
 
@@ -6,12 +6,12 @@ import * as react9 from "react";
  * Formily-connected Input component
  * Automatically connects shadcn Input to Formily field state
  */
-declare const Input: react9.ForwardRefExoticComponent<Omit<Partial<react9.ClassAttributes<HTMLInputElement> & react9.InputHTMLAttributes<HTMLInputElement> & {
+declare const Input: react2.ForwardRefExoticComponent<Omit<Partial<react2.ClassAttributes<HTMLInputElement> & react2.InputHTMLAttributes<HTMLInputElement> & {
   prefix?: React.ReactNode;
   suffix?: React.ReactNode;
   groupClassName?: string;
   prefixClassName?: string;
   suffixClassName?: string;
-}>, "ref"> & react9.RefAttributes<unknown>>;
+}>, "ref"> & react2.RefAttributes<unknown>>;
 //#endregion
 export { Input };

package/dist/components/Radio.d.ts

@@ -1,5 +1,5 @@
 import { FC } from "react";
-import * as react_jsx_runtime2 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { RadioGroup } from "@pixpilot/shadcn";
 
 //#region src/components/Radio.d.ts
@@ -15,7 +15,7 @@ type RadioProps = {
 /**
  * Radio component with options rendering
  */
-declare function Radio(props: RadioProps): react_jsx_runtime2.JSX.Element;
+declare function Radio(props: RadioProps): react_jsx_runtime0.JSX.Element;
 declare namespace Radio {
   var displayName: string;
 }

package/dist/components/Row.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import * as react_jsx_runtime3 from "react/jsx-runtime";
+import * as react_jsx_runtime1 from "react/jsx-runtime";
 
 //#region src/components/Row.d.ts
 interface IRowProps {
@@ -36,6 +36,6 @@ interface IRowProps {
 declare function Row({
   className,
   children
-}: IRowProps): react_jsx_runtime3.JSX.Element;
+}: IRowProps): react_jsx_runtime1.JSX.Element;
 //#endregion
 export { Row };

package/dist/components/Select.cjs

@@ -3,9 +3,18 @@ let __formily_react = require("@formily/react");
 __formily_react = require_rolldown_runtime.__toESM(__formily_react);
 let __pixpilot_shadcn_ui = require("@pixpilot/shadcn-ui");
 __pixpilot_shadcn_ui = require_rolldown_runtime.__toESM(__pixpilot_shadcn_ui);
+let react_jsx_runtime = require("react/jsx-runtime");
+react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
 
 //#region src/components/Select.tsx
-const Select = (0, __formily_react.connect)(__pixpilot_shadcn_ui.Select, (0, __formily_react.mapProps)({ dataSource: "options" }));
+const SelectComponent = ({ mapOption, options,...props }) => {
+	const transformedOptions = options?.map((option) => mapOption ? mapOption(option) : option);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn_ui.Select, {
+		...props,
+		options: transformedOptions
+	});
+};
+const Select = (0, __formily_react.connect)(SelectComponent, (0, __formily_react.mapProps)({ dataSource: "options" }));
 
 //#endregion
 exports.Select = Select;

package/dist/components/Select.js

@@ -1,8 +1,16 @@
 import { connect, mapProps } from "@formily/react";
 import { Select } from "@pixpilot/shadcn-ui";
+import { jsx } from "react/jsx-runtime";
 
 //#region src/components/Select.tsx
-const Select$1 = connect(Select, mapProps({ dataSource: "options" }));
+const SelectComponent = ({ mapOption, options,...props }) => {
+	const transformedOptions = options?.map((option) => mapOption ? mapOption(option) : option);
+	return /* @__PURE__ */ jsx(Select, {
+		...props,
+		options: transformedOptions
+	});
+};
+const Select$1 = connect(SelectComponent, mapProps({ dataSource: "options" }));
 
 //#endregion
 export { Select$1 as Select };

package/dist/components/Separator.d.ts

@@ -1,4 +1,4 @@
-import * as react16 from "react";
+import * as react8 from "react";
 import * as _radix_ui_react_separator0 from "@radix-ui/react-separator";
 
 //#region src/components/Separator.d.ts
@@ -6,6 +6,6 @@ import * as _radix_ui_react_separator0 from "@radix-ui/react-separator";
  * Formily-connected Separator component
  * A visual divider for content sections
  */
-declare const Separator: react16.ForwardRefExoticComponent<Omit<Partial<_radix_ui_react_separator0.SeparatorProps & react16.RefAttributes<HTMLDivElement>>, "ref"> & react16.RefAttributes<unknown>>;
+declare const Separator: react8.ForwardRefExoticComponent<Omit<Partial<_radix_ui_react_separator0.SeparatorProps & react8.RefAttributes<HTMLDivElement>>, "ref"> & react8.RefAttributes<unknown>>;
 //#endregion
 export { Separator };

package/dist/components/Switch.d.cts

@@ -1,4 +1,4 @@
-import * as react18 from "react";
+import * as react22 from "react";
 import * as _radix_ui_react_switch0 from "@radix-ui/react-switch";
 
 //#region src/components/Switch.d.ts
@@ -6,6 +6,6 @@ import * as _radix_ui_react_switch0 from "@radix-ui/react-switch";
  * Formily-connected Switch component
  * Toggle switch for boolean values
  */
-declare const Switch: react18.ForwardRefExoticComponent<Omit<Partial<_radix_ui_react_switch0.SwitchProps & react18.RefAttributes<HTMLButtonElement>>, "ref"> & react18.RefAttributes<unknown>>;
+declare const Switch: react22.ForwardRefExoticComponent<Omit<Partial<_radix_ui_react_switch0.SwitchProps & react22.RefAttributes<HTMLButtonElement>>, "ref"> & react22.RefAttributes<unknown>>;
 //#endregion
 export { Switch };

package/dist/components/Switch.d.ts

@@ -1,4 +1,4 @@
-import * as react13 from "react";
+import * as react11 from "react";
 import * as _radix_ui_react_switch0 from "@radix-ui/react-switch";
 
 //#region src/components/Switch.d.ts
@@ -6,6 +6,6 @@ import * as _radix_ui_react_switch0 from "@radix-ui/react-switch";
  * Formily-connected Switch component
  * Toggle switch for boolean values
  */
-declare const Switch: react13.ForwardRefExoticComponent<Omit<Partial<_radix_ui_react_switch0.SwitchProps & react13.RefAttributes<HTMLButtonElement>>, "ref"> & react13.RefAttributes<unknown>>;
+declare const Switch: react11.ForwardRefExoticComponent<Omit<Partial<_radix_ui_react_switch0.SwitchProps & react11.RefAttributes<HTMLButtonElement>>, "ref"> & react11.RefAttributes<unknown>>;
 //#endregion
 export { Switch };

package/dist/components/TagsInputInline.d.ts

@@ -1,4 +1,4 @@
-import * as react19 from "react";
+import * as react14 from "react";
 import * as _pixpilot_shadcn_ui0 from "@pixpilot/shadcn-ui";
 
 //#region src/components/TagsInputInline.d.ts
@@ -10,6 +10,6 @@ import * as _pixpilot_shadcn_ui0 from "@pixpilot/shadcn-ui";
  * Based on DiceUI's tags-input for inline tag editing with keyboard navigation
  * and validation support.
  */
-declare const TagsInputInLine: react19.ForwardRefExoticComponent<Partial<_pixpilot_shadcn_ui0.TagsInputProps> & react19.RefAttributes<unknown>>;
+declare const TagsInputInLine: react14.ForwardRefExoticComponent<Partial<_pixpilot_shadcn_ui0.TagsInputProps> & react14.RefAttributes<unknown>>;
 //#endregion
 export { TagsInputInLine };

package/dist/components/Textarea.d.cts

@@ -1,9 +1,9 @@
-import * as react21 from "react";
+import * as react18 from "react";
 
 //#region src/components/Textarea.d.ts
 /**
  * Formily-connected Textarea component
  */
-declare const Textarea: react21.ForwardRefExoticComponent<Omit<Partial<react21.ClassAttributes<HTMLTextAreaElement> & react21.TextareaHTMLAttributes<HTMLTextAreaElement>>, "ref"> & react21.RefAttributes<unknown>>;
+declare const Textarea: react18.ForwardRefExoticComponent<Omit<Partial<react18.ClassAttributes<HTMLTextAreaElement> & react18.TextareaHTMLAttributes<HTMLTextAreaElement>>, "ref"> & react18.RefAttributes<unknown>>;
 //#endregion
 export { Textarea };

package/dist/components/Textarea.d.ts

@@ -1,9 +1,9 @@
-import * as react21 from "react";
+import * as react18 from "react";
 
 //#region src/components/Textarea.d.ts
 /**
  * Formily-connected Textarea component
  */
-declare const Textarea: react21.ForwardRefExoticComponent<Omit<Partial<react21.ClassAttributes<HTMLTextAreaElement> & react21.TextareaHTMLAttributes<HTMLTextAreaElement>>, "ref"> & react21.RefAttributes<unknown>>;
+declare const Textarea: react18.ForwardRefExoticComponent<Omit<Partial<react18.ClassAttributes<HTMLTextAreaElement> & react18.TextareaHTMLAttributes<HTMLTextAreaElement>>, "ref"> & react18.RefAttributes<unknown>>;
 //#endregion
 export { Textarea };

package/dist/components/array-collapse/Item.cjs

@@ -7,6 +7,7 @@ require('../array-base/index.cjs');
 const require_SortableItem = require('../array-sortable/SortableItem.cjs');
 require('../array-sortable/index.cjs');
 const require_ArrayItemHeaderRow = require('../array-common/ArrayItemHeaderRow.cjs');
+const require_get_hidden_item_schema = require('../array-common/get-hidden-item-schema.cjs');
 const require_ItemWrapper = require('../array-common/ItemWrapper.cjs');
 const require_use_array_item_schema = require('../array-common/use-array-item-schema.cjs');
 require('../array-common/index.cjs');
@@ -27,6 +28,9 @@ const ArrayCollapseItem = react.default.memo((props) => {
 	const field = (0, __formily_react.useField)();
 	const schema = (0, __formily_react.useFieldSchema)();
 	const items = require_use_array_item_schema.useArrayItemSchema();
+	const hiddenItemSchema = react.default.useMemo(() => {
+		return require_get_hidden_item_schema.getHiddenItemSchema(items);
+	}, [items]);
 	const itemWrapperProps = require_get_x_component_props.getXComponentProps(items);
 	react.default.useEffect(() => {
 		if (isNewItem(index)) formCollapse.addActiveKey(itemId);
@@ -41,13 +45,13 @@ const ArrayCollapseItem = react.default.memo((props) => {
 		record: () => field.value?.[index],
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_SortableItem.SortableItem, {
 			id: itemKey,
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			children: [hiddenItemSchema ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 				style: { display: "none" },
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__formily_react.RecursionField, {
-					schema: items,
+					schema: hiddenItemSchema,
 					name: index
 				})
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_ItemWrapper.ItemWrapper, {
+			}) : null, /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_ItemWrapper.ItemWrapper, {
 				...itemWrapperProps,
 				index,
 				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ArrayItemHeaderRow.ArrayItemHeaderRow, {

package/dist/components/array-collapse/Item.js

@@ -6,6 +6,7 @@ import "../array-base/index.js";
 import { SortableItem } from "../array-sortable/SortableItem.js";
 import "../array-sortable/index.js";
 import { ArrayItemHeaderRow } from "../array-common/ArrayItemHeaderRow.js";
+import { getHiddenItemSchema } from "../array-common/get-hidden-item-schema.js";
 import { ItemWrapper } from "../array-common/ItemWrapper.js";
 import { useArrayItemSchema } from "../array-common/use-array-item-schema.js";
 import "../array-common/index.js";
@@ -21,6 +22,9 @@ const ArrayCollapseItem = React.memo((props) => {
 	const field = useField();
 	const schema = useFieldSchema();
 	const items = useArrayItemSchema();
+	const hiddenItemSchema = React.useMemo(() => {
+		return getHiddenItemSchema(items);
+	}, [items]);
 	const itemWrapperProps = getXComponentProps(items);
 	React.useEffect(() => {
 		if (isNewItem(index)) formCollapse.addActiveKey(itemId);
@@ -35,13 +39,13 @@ const ArrayCollapseItem = React.memo((props) => {
 		record: () => field.value?.[index],
 		children: /* @__PURE__ */ jsxs(SortableItem, {
 			id: itemKey,
-			children: [/* @__PURE__ */ jsx("div", {
+			children: [hiddenItemSchema ? /* @__PURE__ */ jsx("div", {
 				style: { display: "none" },
 				children: /* @__PURE__ */ jsx(RecursionField, {
-					schema: items,
+					schema: hiddenItemSchema,
 					name: index
 				})
-			}), /* @__PURE__ */ jsxs(ItemWrapper, {
+			}) : null, /* @__PURE__ */ jsxs(ItemWrapper, {
 				...itemWrapperProps,
 				index,
 				children: [/* @__PURE__ */ jsx(ArrayItemHeaderRow, {

package/dist/components/array-common/ArrayItemHeaderRow.cjs

@@ -72,31 +72,32 @@ const ArrayItemHeaderRow = react.default.memo(({ schema, index, className, leadi
 	}, i)) });
 	const arraySortable = (array?.props)?.sortable;
 	const formSortable = formConfig.array?.sortable;
-	const content = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
-		arraySortable !== false && formSortable !== false ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_DragHandle.DragHandle, {
-			className: "-ml-2",
-			disabled: array?.field?.pattern !== "editable"
-		}) : null,
-		leading,
-		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-			className: "min-w-0 flex-1",
-			children: labelNode
-		})
-	] });
+	const dragHandleNode = arraySortable !== false && formSortable !== false ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_DragHandle.DragHandle, {
+		className: "-ml-2",
+		disabled: array?.field?.pattern !== "editable"
+	}) : null;
+	const content = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [leading, /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: "min-w-0 flex-1",
+		children: labelNode
+	})] });
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 		className: (0, __pixpilot_shadcn_ui.cn)("flex items-center gap-2", className),
-		children: [buttonProps ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-			...buttonProps,
-			type: buttonProps.type ?? "button",
-			className: (0, __pixpilot_shadcn_ui.cn)("flex flex-1 min-w-0 items-center gap-2", slots?.content?.className, buttonProps.className),
-			children: content
-		}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-			className: (0, __pixpilot_shadcn_ui.cn)("flex flex-1 min-w-0 items-center gap-2", slots?.content?.className),
-			children: content
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-			className: (0, __pixpilot_shadcn_ui.cn)("flex items-center gap-1 shrink-0"),
-			children: operationsNode
-		})]
+		children: [
+			dragHandleNode,
+			buttonProps ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+				...buttonProps,
+				type: buttonProps.type ?? "button",
+				className: (0, __pixpilot_shadcn_ui.cn)("flex flex-1 min-w-0 items-center gap-2", slots?.content?.className, buttonProps.className),
+				children: content
+			}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: (0, __pixpilot_shadcn_ui.cn)("flex flex-1 min-w-0 items-center gap-2", slots?.content?.className),
+				children: content
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: (0, __pixpilot_shadcn_ui.cn)("flex items-center gap-1 shrink-0"),
+				children: operationsNode
+			})
+		]
 	});
 });
 ArrayItemHeaderRow.displayName = "ArrayItemHeaderRow";

package/dist/components/array-common/ArrayItemHeaderRow.js

@@ -67,31 +67,32 @@ const ArrayItemHeaderRow = React.memo(({ schema, index, className, leading, labe
 	}, i)) });
 	const arraySortable = (array?.props)?.sortable;
 	const formSortable = formConfig.array?.sortable;
-	const content = /* @__PURE__ */ jsxs(Fragment, { children: [
-		arraySortable !== false && formSortable !== false ? /* @__PURE__ */ jsx(DragHandle, {
-			className: "-ml-2",
-			disabled: array?.field?.pattern !== "editable"
-		}) : null,
-		leading,
-		/* @__PURE__ */ jsx("div", {
-			className: "min-w-0 flex-1",
-			children: labelNode
-		})
-	] });
+	const dragHandleNode = arraySortable !== false && formSortable !== false ? /* @__PURE__ */ jsx(DragHandle, {
+		className: "-ml-2",
+		disabled: array?.field?.pattern !== "editable"
+	}) : null;
+	const content = /* @__PURE__ */ jsxs(Fragment, { children: [leading, /* @__PURE__ */ jsx("div", {
+		className: "min-w-0 flex-1",
+		children: labelNode
+	})] });
 	return /* @__PURE__ */ jsxs("div", {
 		className: cn("flex items-center gap-2", className),
-		children: [buttonProps ? /* @__PURE__ */ jsx("button", {
-			...buttonProps,
-			type: buttonProps.type ?? "button",
-			className: cn("flex flex-1 min-w-0 items-center gap-2", slots?.content?.className, buttonProps.className),
-			children: content
-		}) : /* @__PURE__ */ jsx("div", {
-			className: cn("flex flex-1 min-w-0 items-center gap-2", slots?.content?.className),
-			children: content
-		}), /* @__PURE__ */ jsx("div", {
-			className: cn("flex items-center gap-1 shrink-0"),
-			children: operationsNode
-		})]
+		children: [
+			dragHandleNode,
+			buttonProps ? /* @__PURE__ */ jsx("button", {
+				...buttonProps,
+				type: buttonProps.type ?? "button",
+				className: cn("flex flex-1 min-w-0 items-center gap-2", slots?.content?.className, buttonProps.className),
+				children: content
+			}) : /* @__PURE__ */ jsx("div", {
+				className: cn("flex flex-1 min-w-0 items-center gap-2", slots?.content?.className),
+				children: content
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: cn("flex items-center gap-1 shrink-0"),
+				children: operationsNode
+			})
+		]
 	});
 });
 ArrayItemHeaderRow.displayName = "ArrayItemHeaderRow";

package/dist/components/array-common/ListItem.cjs

@@ -4,6 +4,7 @@ require('../array-base/index.cjs');
 const require_SortableItem = require('../array-sortable/SortableItem.cjs');
 require('../array-sortable/index.cjs');
 const require_ArrayItemHeaderRow = require('./ArrayItemHeaderRow.cjs');
+const require_get_hidden_item_schema = require('./get-hidden-item-schema.cjs');
 const require_ItemWrapper = require('./ItemWrapper.cjs');
 let __formily_react = require("@formily/react");
 __formily_react = require_rolldown_runtime.__toESM(__formily_react);
@@ -21,19 +22,22 @@ __pixpilot_shadcn = require_rolldown_runtime.__toESM(__pixpilot_shadcn);
 */
 const ListItem = react.default.memo(({ itemKey, index, record, isNew }) => {
 	const schema = (0, __formily_react.useFieldSchema)();
+	const hiddenItemSchema = react.default.useMemo(() => {
+		return require_get_hidden_item_schema.getHiddenItemSchema(schema.items);
+	}, [schema.items]);
 	const isNewItem = isNew;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_array_base.ArrayBase.Item, {
 		index,
 		record,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_SortableItem.SortableItem, {
 			id: itemKey,
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			children: [hiddenItemSchema ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 				style: { display: "none" },
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__formily_react.RecursionField, {
-					schema: schema.items,
+					schema: hiddenItemSchema,
 					name: index
 				})
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ItemWrapper.ItemWrapper, {
+			}) : null, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ItemWrapper.ItemWrapper, {
 				className: (0, __pixpilot_shadcn.cn)("px-3 pl-4 py-2", isNewItem && "hidden"),
 				index,
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ArrayItemHeaderRow.ArrayItemHeaderRow, {

package/dist/components/array-common/ListItem.js

@@ -3,6 +3,7 @@ import "../array-base/index.js";
 import { SortableItem } from "../array-sortable/SortableItem.js";
 import "../array-sortable/index.js";
 import { ArrayItemHeaderRow } from "./ArrayItemHeaderRow.js";
+import { getHiddenItemSchema } from "./get-hidden-item-schema.js";
 import { ItemWrapper } from "./ItemWrapper.js";
 import { RecursionField, useFieldSchema } from "@formily/react";
 import React from "react";
@@ -16,19 +17,22 @@ import { cn } from "@pixpilot/shadcn";
 */
 const ListItem = React.memo(({ itemKey, index, record, isNew }) => {
 	const schema = useFieldSchema();
+	const hiddenItemSchema = React.useMemo(() => {
+		return getHiddenItemSchema(schema.items);
+	}, [schema.items]);
 	const isNewItem = isNew;
 	return /* @__PURE__ */ jsx(ArrayBase.Item, {
 		index,
 		record,
 		children: /* @__PURE__ */ jsxs(SortableItem, {
 			id: itemKey,
-			children: [/* @__PURE__ */ jsx("div", {
+			children: [hiddenItemSchema ? /* @__PURE__ */ jsx("div", {
 				style: { display: "none" },
 				children: /* @__PURE__ */ jsx(RecursionField, {
-					schema: schema.items,
+					schema: hiddenItemSchema,
 					name: index
 				})
-			}), /* @__PURE__ */ jsx(ItemWrapper, {
+			}) : null, /* @__PURE__ */ jsx(ItemWrapper, {
 				className: cn("px-3 pl-4 py-2", isNewItem && "hidden"),
 				index,
 				children: /* @__PURE__ */ jsx(ArrayItemHeaderRow, {

package/dist/components/array-common/get-hidden-item-schema.cjs

@@ -0,0 +1,27 @@
+
+//#region src/components/array-common/get-hidden-item-schema.ts
+/**
+* Creates a "shallow" version of an array item schema for hidden RecursionField rendering.
+*
+* This prevents mounting all nested field components (like Input) when the array item UI
+* is closed/collapsed, while still creating the array item field instance for x-reactions
+* (e.g., dynamic titles) to work.
+*
+* Used in array components (ArrayDialog, ArrayCollapse) to avoid unnecessary component
+* mounting in list/collapsed states.
+*/
+function getHiddenItemSchema(itemSchema) {
+	if (itemSchema == null) return null;
+	const jsonSchema = typeof itemSchema.toJSON === "function" ? itemSchema.toJSON() : itemSchema;
+	if (jsonSchema == null) return null;
+	if (typeof jsonSchema !== "object") return jsonSchema;
+	const objectSchema = jsonSchema;
+	if (objectSchema.type === "object" || objectSchema.properties != null) return {
+		...objectSchema,
+		properties: {}
+	};
+	return objectSchema;
+}
+
+//#endregion
+exports.getHiddenItemSchema = getHiddenItemSchema;

package/dist/components/array-common/get-hidden-item-schema.js

@@ -0,0 +1,26 @@
+//#region src/components/array-common/get-hidden-item-schema.ts
+/**
+* Creates a "shallow" version of an array item schema for hidden RecursionField rendering.
+*
+* This prevents mounting all nested field components (like Input) when the array item UI
+* is closed/collapsed, while still creating the array item field instance for x-reactions
+* (e.g., dynamic titles) to work.
+*
+* Used in array components (ArrayDialog, ArrayCollapse) to avoid unnecessary component
+* mounting in list/collapsed states.
+*/
+function getHiddenItemSchema(itemSchema) {
+	if (itemSchema == null) return null;
+	const jsonSchema = typeof itemSchema.toJSON === "function" ? itemSchema.toJSON() : itemSchema;
+	if (jsonSchema == null) return null;
+	if (typeof jsonSchema !== "object") return jsonSchema;
+	const objectSchema = jsonSchema;
+	if (objectSchema.type === "object" || objectSchema.properties != null) return {
+		...objectSchema,
+		properties: {}
+	};
+	return objectSchema;
+}
+
+//#endregion
+export { getHiddenItemSchema };

package/dist/components/array-common/index.cjs

@@ -1,5 +1,6 @@
 const require_ArrayItemDraftFields = require('./ArrayItemDraftFields.cjs');
 const require_ArrayItemHeaderRow = require('./ArrayItemHeaderRow.cjs');
+const require_get_hidden_item_schema = require('./get-hidden-item-schema.cjs');
 const require_ItemWrapper = require('./ItemWrapper.cjs');
 const require_ListItem = require('./ListItem.cjs');
 const require_use_array_data_source = require('./use-array-data-source.cjs');

package/dist/components/array-common/index.js

@@ -1,5 +1,6 @@
 import { ArrayItemDraftFields } from "./ArrayItemDraftFields.js";
 import { ArrayItemHeaderRow } from "./ArrayItemHeaderRow.js";
+import { getHiddenItemSchema } from "./get-hidden-item-schema.js";
 import { ItemWrapper } from "./ItemWrapper.js";
 import { ListItem } from "./ListItem.js";
 import { useArrayDataSource } from "./use-array-data-source.js";

package/dist/components/array-dialog/EditDialog.cjs

@@ -54,7 +54,6 @@ const EditDialog = (0, __formily_react.observer)(({ schema, onSave, onAutoSave,
 		autoSave,
 		itemIndex
 	});
-	if (!open) return null;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn_ui.Dialog, {
 		open,
 		onOpenChange: (isOpen) => {

package/dist/components/array-dialog/EditDialog.js

@@ -49,7 +49,6 @@ const EditDialog = observer(({ schema, onSave, onAutoSave, onCancel, activeItemM
 		autoSave,
 		itemIndex
 	});
-	if (!open) return null;
 	return /* @__PURE__ */ jsx(Dialog, {
 		open,
 		onOpenChange: (isOpen) => {

package/dist/components/array-popover/Popover.cjs

@@ -122,7 +122,7 @@ const ArrayItemsEditPopover = (0, __formily_react.observer)(({ schema, onSave, o
 							children: description
 						})]
 					}),
-					activeIndex != null && open && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ArrayItemDraftFields.ArrayItemDraftFields, {
+					activeIndex != null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ArrayItemDraftFields.ArrayItemDraftFields, {
 						schema,
 						form: draftForm,
 						className: "space-y-4"

package/dist/components/array-popover/Popover.js

@@ -117,7 +117,7 @@ const ArrayItemsEditPopover = observer(({ schema, onSave, onAutoSave, onCancel,
 							children: description
 						})]
 					}),
-					activeIndex != null && open && /* @__PURE__ */ jsx(ArrayItemDraftFields, {
+					activeIndex != null && /* @__PURE__ */ jsx(ArrayItemDraftFields, {
 						schema,
 						form: draftForm,
 						className: "space-y-4"