@pixpilot/formily-shadcn 1.5.0 → 1.6.0

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 react29 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: react29.ForwardRefExoticComponent<Partial<Omit<IconPickerProps, "providers"> & {
   providers?: IconProviderProps[];
-}> & react7.RefAttributes<unknown>>;
+}> & react29.RefAttributes<unknown>>;
 //#endregion
 export { IconPicker$1 as IconPicker };

package/dist/components/IconToggle.d.cts

@@ -1,4 +1,4 @@
-import * as react6 from "react";
+import * as react10 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: react6.ForwardRefExoticComponent<Omit<Partial<Omit<_pixpilot_shadcn_ui0.IconToggleProps, "ref"> & react6.RefAttributes<HTMLButtonElement>>, "ref"> & react6.RefAttributes<unknown>>;
+declare const IconToggle: react10.ForwardRefExoticComponent<Omit<Partial<Omit<_pixpilot_shadcn_ui0.IconToggleProps, "ref"> & react10.RefAttributes<HTMLButtonElement>>, "ref"> & react10.RefAttributes<unknown>>;
 //#endregion
 export { IconToggle };

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 react22 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: react22.ForwardRefExoticComponent<Omit<Partial<Omit<_pixpilot_shadcn_ui2.IconToggleProps, "ref"> & react22.RefAttributes<HTMLButtonElement>>, "ref"> & react22.RefAttributes<unknown>>;
 //#endregion
 export { IconToggle$1 as IconToggle };

package/dist/components/Input.d.cts

@@ -1,4 +1,4 @@
-import * as react9 from "react";
+import * as react6 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: react6.ForwardRefExoticComponent<Omit<Partial<react6.ClassAttributes<HTMLInputElement> & react6.InputHTMLAttributes<HTMLInputElement> & {
   prefix?: React.ReactNode;
   suffix?: React.ReactNode;
   groupClassName?: string;
   prefixClassName?: string;
   suffixClassName?: string;
-}>, "ref"> & react9.RefAttributes<unknown>>;
+}>, "ref"> & react6.RefAttributes<unknown>>;
 //#endregion
 export { Input };

package/dist/components/Input.d.ts

@@ -1,4 +1,4 @@
-import * as react9 from "react";
+import * as react25 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: react25.ForwardRefExoticComponent<Omit<Partial<react25.ClassAttributes<HTMLInputElement> & react25.InputHTMLAttributes<HTMLInputElement> & {
   prefix?: React.ReactNode;
   suffix?: React.ReactNode;
   groupClassName?: string;
   prefixClassName?: string;
   suffixClassName?: string;
-}>, "ref"> & react9.RefAttributes<unknown>>;
+}>, "ref"> & react25.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 react4 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: react4.ForwardRefExoticComponent<Partial<_pixpilot_shadcn_ui0.RatingProps & {
+  children?: react4.ReactNode | undefined;
+}> & react4.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_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/Separator.d.ts

@@ -1,4 +1,4 @@
-import * as react16 from "react";
+import * as react7 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: react7.ForwardRefExoticComponent<Omit<Partial<_radix_ui_react_separator0.SeparatorProps & react7.RefAttributes<HTMLDivElement>>, "ref"> & react7.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 react10 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: react10.ForwardRefExoticComponent<Omit<Partial<_radix_ui_react_switch0.SwitchProps & react10.RefAttributes<HTMLButtonElement>>, "ref"> & react10.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 react13 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: react13.ForwardRefExoticComponent<Partial<_pixpilot_shadcn_ui0.TagsInputProps> & react13.RefAttributes<unknown>>;
 //#endregion
 export { TagsInputInLine };

package/dist/components/Textarea.d.cts

@@ -1,9 +1,9 @@
-import * as react22 from "react";
+import * as react24 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: react24.ForwardRefExoticComponent<Omit<Partial<react24.ClassAttributes<HTMLTextAreaElement> & react24.TextareaHTMLAttributes<HTMLTextAreaElement>>, "ref"> & react24.RefAttributes<unknown>>;
 //#endregion
 export { Textarea };

package/dist/components/Textarea.d.ts

@@ -1,9 +1,9 @@
-import * as react24 from "react";
+import * as react15 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: react15.ForwardRefExoticComponent<Omit<Partial<react15.ClassAttributes<HTMLTextAreaElement> & react15.TextareaHTMLAttributes<HTMLTextAreaElement>>, "ref"> & react15.RefAttributes<unknown>>;
 //#endregion
 export { Textarea };

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 react19 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: react19.ForwardRefExoticComponent<Omit<Partial<Omit<_pixpilot_shadcn_ui1.ToggleButtonProps, "ref"> & react19.RefAttributes<HTMLButtonElement>>, "ref"> & react19.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, 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),
 			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, 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),
 			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');
@@ -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),
 		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();

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

@@ -1,3 +1,5 @@
+import { useFormContext } from "../../hooks/use-form-context.js";
+import "../../hooks/index.js";
 import { ArrayItemDraftFields } from "../array-common/ArrayItemDraftFields.js";
 import { ShakeStyles } from "../array-common/ShakeStyles.js";
 import { useArrayItemEditState } from "../array-common/use-array-item-edit-state.js";
@@ -5,7 +7,7 @@ import { observer } from "@formily/react";
 import React from "react";
 import { XIcon } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Button, PopoverContent } from "@pixpilot/shadcn";
+import { Button, PopoverContent, cn } from "@pixpilot/shadcn";
 
 //#region src/components/array-popover/Popover.tsx
 const ArrayItemsEditPopover = observer(({ schema, onSave, onAutoSave, onCancel, activeItemManager, autoSave,...rest }) => {
@@ -17,6 +19,12 @@ const ArrayItemsEditPopover = observer(({ schema, onSave, onAutoSave, onCancel,
 		onAutoSave,
 		autoSave
 	});
+	const { settings = {} } = useFormContext();
+	const { autoSave: _globalAutoSave,...popoverSettings } = settings.popover || {};
+	const contentProps = {
+		...popoverSettings,
+		...rest
+	};
 	const handleDiscard = React.useCallback(() => {
 		if (activeIndex === void 0) return;
 		if (normalizedAutoSave && isNewItem) arrayField.remove?.(activeIndex).catch(console.error);
@@ -48,10 +56,12 @@ const ArrayItemsEditPopover = observer(({ schema, onSave, onAutoSave, onCancel,
 		validationPath
 	]);
 	return /* @__PURE__ */ jsxs(PopoverContent, {
-		className: shouldShake ? "relative w-96 pp-shake" : "relative w-96",
 		side: "top",
-		...rest,
+		...contentProps,
+		className: cn(shouldShake ? "relative w-96 pp-shake" : "relative w-96", contentProps.className),
 		onInteractOutside: (event) => {
+			contentProps.onInteractOutside?.(event);
+			if (event.defaultPrevented) return;
 			if (isDirty) {
 				event.preventDefault();
 				triggerShake();
@@ -61,6 +71,8 @@ const ArrayItemsEditPopover = observer(({ schema, onSave, onAutoSave, onCancel,
 			validateAndClose();
 		},
 		onEscapeKeyDown: (event) => {
+			contentProps.onEscapeKeyDown?.(event);
+			if (event.defaultPrevented) return;
 			if (isDirty) {
 				event.preventDefault();
 				triggerShake();

package/dist/components/context/types.d.cts

@@ -2,7 +2,7 @@ import { ActionItem } from "../array-base/types.cjs";
 import "../array-base/index.cjs";
 import { FormSpace } from "../../types/form.cjs";
 import { DescriptionPlacement, LabelPlacement } from "../../types/form-item.cjs";
-import { DialogContentProps, FileUploadProgressCallBacks, IconProvider, RichTextEditorProps } from "@pixpilot/shadcn-ui";
+import { DialogContentProps, FileUploadProgressCallBacks, IconProvider, PopoverContentProps, RichTextEditorProps } from "@pixpilot/shadcn-ui";
 
 //#region src/components/context/types.d.ts
 interface FomFileUpload {
@@ -37,7 +37,12 @@ interface FormSettings {
       actions?: ActionItem[] | false;
     };
   };
-  dialog?: DialogContentProps;
+  dialog?: DialogContentProps & {
+    autoSave?: boolean;
+  };
+  popover?: PopoverContentProps & {
+    autoSave?: boolean;
+  };
 }
 /**
  * Layout configuration options for form components.

package/dist/components/context/types.d.ts

@@ -2,7 +2,7 @@ import { ActionItem } from "../array-base/types.js";
 import "../array-base/index.js";
 import { FormSpace } from "../../types/form.js";
 import { DescriptionPlacement, LabelPlacement } from "../../types/form-item.js";
-import { DialogContentProps, FileUploadProgressCallBacks, IconProvider, RichTextEditorProps } from "@pixpilot/shadcn-ui";
+import { DialogContentProps, FileUploadProgressCallBacks, IconProvider, PopoverContentProps, RichTextEditorProps } from "@pixpilot/shadcn-ui";
 
 //#region src/components/context/types.d.ts
 interface FomFileUpload {
@@ -37,7 +37,12 @@ interface FormSettings {
       actions?: ActionItem[] | false;
     };
   };
-  dialog?: DialogContentProps;
+  dialog?: DialogContentProps & {
+    autoSave?: boolean;
+  };
+  popover?: PopoverContentProps & {
+    autoSave?: boolean;
+  };
 }
 /**
  * Layout configuration options for form components.