@pixpilot/formily-shadcn 1.5.0 → 1.7.0

package/dist/components/Checkbox.d.cts

@@ -1,4 +1,4 @@
-import * as react0 from "react";
+import * as react1 from "react";
 import * as _radix_ui_react_checkbox0 from "@radix-ui/react-checkbox";
 
 //#region src/components/Checkbox.d.ts
@@ -6,6 +6,6 @@ import * as _radix_ui_react_checkbox0 from "@radix-ui/react-checkbox";
  * Formily-connected Checkbox component
  * Maps Formily field checked state to shadcn Checkbox
  */
-declare const Checkbox: react0.ForwardRefExoticComponent<Omit<Partial<_radix_ui_react_checkbox0.CheckboxProps & react0.RefAttributes<HTMLButtonElement>>, "ref"> & react0.RefAttributes<unknown>>;
+declare const Checkbox: react1.ForwardRefExoticComponent<Omit<Partial<_radix_ui_react_checkbox0.CheckboxProps & react1.RefAttributes<HTMLButtonElement>>, "ref"> & react1.RefAttributes<unknown>>;
 //#endregion
 export { Checkbox };

package/dist/components/Checkbox.d.ts

@@ -1,4 +1,4 @@
-import * as react0 from "react";
+import * as react3 from "react";
 import * as _radix_ui_react_checkbox0 from "@radix-ui/react-checkbox";
 
 //#region src/components/Checkbox.d.ts
@@ -6,6 +6,6 @@ import * as _radix_ui_react_checkbox0 from "@radix-ui/react-checkbox";
  * Formily-connected Checkbox component
  * Maps Formily field checked state to shadcn Checkbox
  */
-declare const Checkbox: react0.ForwardRefExoticComponent<Omit<Partial<_radix_ui_react_checkbox0.CheckboxProps & react0.RefAttributes<HTMLButtonElement>>, "ref"> & react0.RefAttributes<unknown>>;
+declare const Checkbox: react3.ForwardRefExoticComponent<Omit<Partial<_radix_ui_react_checkbox0.CheckboxProps & react3.RefAttributes<HTMLButtonElement>>, "ref"> & react3.RefAttributes<unknown>>;
 //#endregion
 export { Checkbox };

package/dist/components/Column.d.ts

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

package/dist/components/DatePicker.d.cts

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

package/dist/components/DatePicker.d.ts

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

package/dist/components/IconPicker.d.ts

@@ -1,4 +1,4 @@
-import * as react7 from "react";
+import * as react26 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: react7.ForwardRefExoticComponent<Partial<Omit<IconPickerProps, "providers"> & {
+declare const IconPicker$1: react26.ForwardRefExoticComponent<Partial<Omit<IconPickerProps, "providers"> & {
   providers?: IconProviderProps[];
-}> & react7.RefAttributes<unknown>>;
+}> & react26.RefAttributes<unknown>>;
 //#endregion
 export { IconPicker$1 as IconPicker };

package/dist/components/IconToggle.d.ts

@@ -1,11 +1,11 @@
-import * as react4 from "react";
-import * as _pixpilot_shadcn_ui0 from "@pixpilot/shadcn-ui";
+import * as react28 from "react";
+import * as _pixpilot_shadcn_ui2 from "@pixpilot/shadcn-ui";
 
 //#region src/components/IconToggle.d.ts
 /**
  * Formily-connected IconToggle component
  * Toggle button with customizable icons for boolean values
  */
-declare const IconToggle$1: react4.ForwardRefExoticComponent<Omit<Partial<Omit<_pixpilot_shadcn_ui0.IconToggleProps, "ref"> & react4.RefAttributes<HTMLButtonElement>>, "ref"> & react4.RefAttributes<unknown>>;
+declare const IconToggle$1: react28.ForwardRefExoticComponent<Omit<Partial<Omit<_pixpilot_shadcn_ui2.IconToggleProps, "ref"> & react28.RefAttributes<HTMLButtonElement>>, "ref"> & react28.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 react0 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: react0.ForwardRefExoticComponent<Omit<Partial<react0.ClassAttributes<HTMLInputElement> & react0.InputHTMLAttributes<HTMLInputElement> & {
   prefix?: React.ReactNode;
   suffix?: React.ReactNode;
   groupClassName?: string;
   prefixClassName?: string;
   suffixClassName?: string;
-}>, "ref"> & react9.RefAttributes<unknown>>;
+}>, "ref"> & react0.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/Rating.d.ts

@@ -1,4 +1,4 @@
-import * as react13 from "react";
+import * as react6 from "react";
 import * as _pixpilot_shadcn_ui0 from "@pixpilot/shadcn-ui";
 
 //#region src/components/Rating.d.ts
@@ -6,8 +6,8 @@ import * as _pixpilot_shadcn_ui0 from "@pixpilot/shadcn-ui";
  * Formily-connected Rating component
  * Automatically connects shadcn-ui Rating to Formily field state
  */
-declare const Rating$1: react13.ForwardRefExoticComponent<Partial<_pixpilot_shadcn_ui0.RatingProps & {
-  children?: react13.ReactNode | undefined;
-}> & react13.RefAttributes<unknown>>;
+declare const Rating$1: react6.ForwardRefExoticComponent<Partial<_pixpilot_shadcn_ui0.RatingProps & {
+  children?: react6.ReactNode | undefined;
+}> & react6.RefAttributes<unknown>>;
 //#endregion
 export { Rating$1 as Rating };

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_runtime0 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_runtime0.JSX.Element;
 //#endregion
 export { Row };

package/dist/components/Separator.d.ts

@@ -1,4 +1,4 @@
-import * as react16 from "react";
+import * as react9 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: react9.ForwardRefExoticComponent<Omit<Partial<_radix_ui_react_separator0.SeparatorProps & react9.RefAttributes<HTMLDivElement>>, "ref"> & react9.RefAttributes<unknown>>;
 //#endregion
 export { Separator };

package/dist/components/Switch.d.cts

@@ -1,4 +1,4 @@
-import * as react19 from "react";
+import * as react21 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: react19.ForwardRefExoticComponent<Omit<Partial<_radix_ui_react_switch0.SwitchProps & react19.RefAttributes<HTMLButtonElement>>, "ref"> & react19.RefAttributes<unknown>>;
+declare const Switch: react21.ForwardRefExoticComponent<Omit<Partial<_radix_ui_react_switch0.SwitchProps & react21.RefAttributes<HTMLButtonElement>>, "ref"> & react21.RefAttributes<unknown>>;
 //#endregion
 export { Switch };

package/dist/components/Switch.d.ts

@@ -1,4 +1,4 @@
-import * as react19 from "react";
+import * as react14 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: react19.ForwardRefExoticComponent<Omit<Partial<_radix_ui_react_switch0.SwitchProps & react19.RefAttributes<HTMLButtonElement>>, "ref"> & react19.RefAttributes<unknown>>;
+declare const Switch: react14.ForwardRefExoticComponent<Omit<Partial<_radix_ui_react_switch0.SwitchProps & react14.RefAttributes<HTMLButtonElement>>, "ref"> & react14.RefAttributes<unknown>>;
 //#endregion
 export { Switch };

package/dist/components/TagsInputInline.d.cts

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

package/dist/components/TagsInputInline.d.ts

@@ -1,5 +1,5 @@
-import * as react22 from "react";
-import * as _pixpilot_shadcn_ui1 from "@pixpilot/shadcn-ui";
+import * as react17 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_ui1 from "@pixpilot/shadcn-ui";
  * Based on DiceUI's tags-input for inline tag editing with keyboard navigation
  * and validation support.
  */
-declare const TagsInputInLine: react22.ForwardRefExoticComponent<Partial<_pixpilot_shadcn_ui1.TagsInputProps> & react22.RefAttributes<unknown>>;
+declare const TagsInputInLine: react17.ForwardRefExoticComponent<Partial<_pixpilot_shadcn_ui0.TagsInputProps> & react17.RefAttributes<unknown>>;
 //#endregion
 export { TagsInputInLine };

package/dist/components/Textarea.d.cts

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

package/dist/components/Textarea.d.ts

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

package/dist/components/ToggleButton.d.cts

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

package/dist/components/ToggleButton.d.ts

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

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

@@ -1,4 +1,6 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_use_form_context = require('../../hooks/use-form-context.cjs');
+require('../../hooks/index.cjs');
 const require_array_base = require('../array-base/array-base.cjs');
 const require_component_context = require('../array-base/component-context.cjs');
 require('../array-base/index.cjs');
@@ -25,7 +27,9 @@ react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
 const ArrayDialogBase = (0, __formily_react.observer)((props) => {
 	const schema = (0, __formily_react.useFieldSchema)();
 	const { onAdd, onRemove, onMoveDown, onMoveUp, onEdit, className, transformActions, dialogProps } = props;
-	const { autoSave } = props;
+	const { settings = {} } = require_use_form_context.useFormContext();
+	const { autoSave: globalAutoSave } = settings.dialog || {};
+	const autoSave = props.autoSave ?? globalAutoSave ?? false;
 	const { activeItemManager, handleAdd, handleEdit, isNewItem, handleSaveClick, handleLiveChange, handleCancelClick } = require_use_array_editor.useArrayEditor({
 		onAdd,
 		onEdit,
@@ -35,7 +39,7 @@ const ArrayDialogBase = (0, __formily_react.observer)((props) => {
 	const items = require_use_array_item_schema.useArrayItemSchema();
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_array_base.ArrayBase, {
 		...props,
-		autoSave: autoSave ?? false,
+		autoSave,
 		transformActions,
 		onAdd: handleAdd,
 		onRemove,
@@ -57,10 +61,10 @@ const ArrayDialogBase = (0, __formily_react.observer)((props) => {
 		})]
 	});
 });
-const ArrayItemsCollapseComponent = (rest) => {
+const ArrayItemsComponent = (rest) => {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_component_context.ArrayComponentProvider, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArrayDialogBase, { ...rest }) });
 };
-const ArrayDialog = ArrayItemsCollapseComponent;
+const ArrayDialog = ArrayItemsComponent;
 ArrayDialog.displayName = "ArrayDialog";
 require_array_base.ArrayBase.mixin(ArrayDialog);
 

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

@@ -1,3 +1,5 @@
+import { useFormContext } from "../../hooks/use-form-context.js";
+import "../../hooks/index.js";
 import { ArrayBase } from "../array-base/array-base.js";
 import { ArrayComponentProvider, useArrayComponents } from "../array-base/component-context.js";
 import "../array-base/index.js";
@@ -21,7 +23,9 @@ import { jsx, jsxs } from "react/jsx-runtime";
 const ArrayDialogBase = observer((props) => {
 	const schema = useFieldSchema();
 	const { onAdd, onRemove, onMoveDown, onMoveUp, onEdit, className, transformActions, dialogProps } = props;
-	const { autoSave } = props;
+	const { settings = {} } = useFormContext();
+	const { autoSave: globalAutoSave } = settings.dialog || {};
+	const autoSave = props.autoSave ?? globalAutoSave ?? false;
 	const { activeItemManager, handleAdd, handleEdit, isNewItem, handleSaveClick, handleLiveChange, handleCancelClick } = useArrayEditor({
 		onAdd,
 		onEdit,
@@ -31,7 +35,7 @@ const ArrayDialogBase = observer((props) => {
 	const items = useArrayItemSchema();
 	return /* @__PURE__ */ jsxs(ArrayBase, {
 		...props,
-		autoSave: autoSave ?? false,
+		autoSave,
 		transformActions,
 		onAdd: handleAdd,
 		onRemove,
@@ -53,10 +57,10 @@ const ArrayDialogBase = observer((props) => {
 		})]
 	});
 });
-const ArrayItemsCollapseComponent = (rest) => {
+const ArrayItemsComponent = (rest) => {
 	return /* @__PURE__ */ jsx(ArrayComponentProvider, { children: /* @__PURE__ */ jsx(ArrayDialogBase, { ...rest }) });
 };
-const ArrayDialog = ArrayItemsCollapseComponent;
+const ArrayDialog = ArrayItemsComponent;
 ArrayDialog.displayName = "ArrayDialog";
 ArrayBase.mixin(ArrayDialog);
 

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

@@ -19,7 +19,7 @@ react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
 * Renders form fields based on the array item schema
 * RecursionField inherits component registry from parent SchemaField context (preserved through Radix Portal)
 */
-const EditDialog = (0, __formily_react.observer)(({ schema, onSave, onAutoSave: _onAutoSave, onCancel, activeItemManager, autoSave, className,...rest }) => {
+const EditDialog = (0, __formily_react.observer)(({ schema, onSave, onAutoSave: _onAutoSave, onCancel, activeItemManager, className, autoSave,...rest }) => {
 	const { arrayField, activeIndex: itemIndex, isNewItem, open, normalizedAutoSave, draftForm, basePath, validationPath, isolatedForm, isDirty, title, description, shouldShake, triggerShake, handleSave, handleCancel } = require_use_array_item_edit_state.useArrayItemEditState({
 		schema,
 		activeItemManager,
@@ -64,20 +64,28 @@ const EditDialog = (0, __formily_react.observer)(({ schema, onSave, onAutoSave:
 		normalizedAutoSave
 	]);
 	const { settings = {} } = require_use_form_context.useFormContext();
+	const { autoSave: _globalAutoSave,...dialogSettings } = settings.dialog || {};
+	const dialogContentProps = {
+		...dialogSettings,
+		...rest
+	};
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn_ui.Dialog, {
 		open,
 		onOpenChange: (isOpen) => {
 			if (!isOpen) validateAndClose();
 		},
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn_ui.DialogContent, {
-			...settings.dialog,
-			...rest,
-			className: (0, __pixpilot_shadcn_ui.cn)("sm:max-w-[525px]", shouldShake && "pp-shake", className),
+			...dialogContentProps,
+			className: (0, __pixpilot_shadcn_ui.cn)("sm:max-w-[525px]", shouldShake && "pp-shake", dialogContentProps.className, className),
 			onInteractOutside: (event) => {
+				dialogContentProps.onInteractOutside?.(event);
+				if (event.defaultPrevented) return;
 				event.preventDefault();
 				validateAndClose();
 			},
 			onEscapeKeyDown: (event) => {
+				dialogContentProps.onEscapeKeyDown?.(event);
+				if (event.defaultPrevented) return;
 				event.preventDefault();
 				validateAndClose();
 			},

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

@@ -14,7 +14,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 * Renders form fields based on the array item schema
 * RecursionField inherits component registry from parent SchemaField context (preserved through Radix Portal)
 */
-const EditDialog = observer(({ schema, onSave, onAutoSave: _onAutoSave, onCancel, activeItemManager, autoSave, className,...rest }) => {
+const EditDialog = observer(({ schema, onSave, onAutoSave: _onAutoSave, onCancel, activeItemManager, className, autoSave,...rest }) => {
 	const { arrayField, activeIndex: itemIndex, isNewItem, open, normalizedAutoSave, draftForm, basePath, validationPath, isolatedForm, isDirty, title, description, shouldShake, triggerShake, handleSave, handleCancel } = useArrayItemEditState({
 		schema,
 		activeItemManager,
@@ -59,20 +59,28 @@ const EditDialog = observer(({ schema, onSave, onAutoSave: _onAutoSave, onCancel
 		normalizedAutoSave
 	]);
 	const { settings = {} } = useFormContext();
+	const { autoSave: _globalAutoSave,...dialogSettings } = settings.dialog || {};
+	const dialogContentProps = {
+		...dialogSettings,
+		...rest
+	};
 	return /* @__PURE__ */ jsx(Dialog, {
 		open,
 		onOpenChange: (isOpen) => {
 			if (!isOpen) validateAndClose();
 		},
 		children: /* @__PURE__ */ jsxs(DialogContent, {
-			...settings.dialog,
-			...rest,
-			className: cn("sm:max-w-[525px]", shouldShake && "pp-shake", className),
+			...dialogContentProps,
+			className: cn("sm:max-w-[525px]", shouldShake && "pp-shake", dialogContentProps.className, className),
 			onInteractOutside: (event) => {
+				dialogContentProps.onInteractOutside?.(event);
+				if (event.defaultPrevented) return;
 				event.preventDefault();
 				validateAndClose();
 			},
 			onEscapeKeyDown: (event) => {
+				dialogContentProps.onEscapeKeyDown?.(event);
+				if (event.defaultPrevented) return;
 				event.preventDefault();
 				validateAndClose();
 			},

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

@@ -1,4 +1,6 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_use_form_context = require('../../hooks/use-form-context.cjs');
+require('../../hooks/index.cjs');
 const require_array_base = require('../array-base/array-base.cjs');
 const require_component_context = require('../array-base/component-context.cjs');
 require('../array-base/index.cjs');
@@ -19,7 +21,9 @@ __pixpilot_shadcn = require_rolldown_runtime.__toESM(__pixpilot_shadcn);
 //#region src/components/array-popover/ArrayPopover.tsx
 const ArrayPopoverBase = (0, __formily_react.observer)((props) => {
 	const { onAdd, onRemove, onMoveDown, onMoveUp, onEdit, autoSave: autoSaveProp, className, children, transformActions, popoverProps,...rest } = props;
-	const autoSave = autoSaveProp === true;
+	const { settings = {} } = require_use_form_context.useFormContext();
+	const { autoSave: globalAutoSave } = settings.popover || {};
+	const autoSave = autoSaveProp ?? globalAutoSave ?? true;
 	const { activeItemManager, handleAdd, isNewItem, handleEdit, handleSaveClick, handleLiveChange, handleCancelClick } = require_use_array_editor.useArrayEditor({
 		onAdd,
 		onEdit,

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

@@ -1,3 +1,5 @@
+import { useFormContext } from "../../hooks/use-form-context.js";
+import "../../hooks/index.js";
 import { ArrayBase } from "../array-base/array-base.js";
 import { ArrayComponentProvider } from "../array-base/component-context.js";
 import "../array-base/index.js";
@@ -14,7 +16,9 @@ import { Popover, PopoverTrigger, cn } from "@pixpilot/shadcn";
 //#region src/components/array-popover/ArrayPopover.tsx
 const ArrayPopoverBase = observer((props) => {
 	const { onAdd, onRemove, onMoveDown, onMoveUp, onEdit, autoSave: autoSaveProp, className, children, transformActions, popoverProps,...rest } = props;
-	const autoSave = autoSaveProp === true;
+	const { settings = {} } = useFormContext();
+	const { autoSave: globalAutoSave } = settings.popover || {};
+	const autoSave = autoSaveProp ?? globalAutoSave ?? true;
 	const { activeItemManager, handleAdd, isNewItem, handleEdit, handleSaveClick, handleLiveChange, handleCancelClick } = useArrayEditor({
 		onAdd,
 		onEdit,

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

@@ -1,4 +1,6 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_use_form_context = require('../../hooks/use-form-context.cjs');
+require('../../hooks/index.cjs');
 const require_ArrayItemDraftFields = require('../array-common/ArrayItemDraftFields.cjs');
 const require_ShakeStyles = require('../array-common/ShakeStyles.cjs');
 const require_use_array_item_edit_state = require('../array-common/use-array-item-edit-state.cjs');
@@ -14,7 +16,7 @@ let __pixpilot_shadcn = require("@pixpilot/shadcn");
 __pixpilot_shadcn = require_rolldown_runtime.__toESM(__pixpilot_shadcn);
 
 //#region src/components/array-popover/Popover.tsx
-const ArrayItemsEditPopover = (0, __formily_react.observer)(({ schema, onSave, onAutoSave, onCancel, activeItemManager, autoSave,...rest }) => {
+const ArrayItemsEditPopover = (0, __formily_react.observer)(({ schema, onSave, onAutoSave, onCancel, activeItemManager, autoSave, className,...rest }) => {
 	const { arrayField, activeIndex, isNewItem, normalizedAutoSave, draftForm, basePath, validationPath, isolatedForm, isDirty, title, description, shouldShake, triggerShake, handleSave, handleCancel } = require_use_array_item_edit_state.useArrayItemEditState({
 		schema,
 		activeItemManager,
@@ -23,6 +25,12 @@ const ArrayItemsEditPopover = (0, __formily_react.observer)(({ schema, onSave, o
 		onAutoSave,
 		autoSave
 	});
+	const { settings = {} } = require_use_form_context.useFormContext();
+	const { autoSave: _globalAutoSave,...popoverSettings } = settings.popover || {};
+	const contentProps = {
+		...popoverSettings,
+		...rest
+	};
 	const handleDiscard = react.default.useCallback(() => {
 		if (activeIndex === void 0) return;
 		if (normalizedAutoSave && isNewItem) arrayField.remove?.(activeIndex).catch(console.error);
@@ -54,10 +62,12 @@ const ArrayItemsEditPopover = (0, __formily_react.observer)(({ schema, onSave, o
 		validationPath
 	]);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.PopoverContent, {
-		className: shouldShake ? "relative w-96 pp-shake" : "relative w-96",
 		side: "top",
-		...rest,
+		...contentProps,
+		className: (0, __pixpilot_shadcn.cn)(shouldShake ? "relative w-96 pp-shake" : "relative w-96", contentProps.className, className),
 		onInteractOutside: (event) => {
+			contentProps.onInteractOutside?.(event);
+			if (event.defaultPrevented) return;
 			if (isDirty) {
 				event.preventDefault();
 				triggerShake();
@@ -67,6 +77,8 @@ const ArrayItemsEditPopover = (0, __formily_react.observer)(({ schema, onSave, o
 			validateAndClose();
 		},
 		onEscapeKeyDown: (event) => {
+			contentProps.onEscapeKeyDown?.(event);
+			if (event.defaultPrevented) return;
 			if (isDirty) {
 				event.preventDefault();
 				triggerShake();