@pixpilot/formily-shadcn 0.34.0 → 0.35.0

package/dist/components/FormGrid.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import * as react_jsx_runtime2 from "react/jsx-runtime";
+import * as react_jsx_runtime1 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_runtime2.JSX.Element;
+}: IFormGridProps): react_jsx_runtime1.JSX.Element;
 //#endregion
 export { FormGrid };

package/dist/components/IconPicker.d.cts

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

package/dist/components/IconToggle.d.cts

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

package/dist/components/Input.d.cts

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

package/dist/components/Radio.d.cts

@@ -1,5 +1,5 @@
 import { FC } from "react";
-import * as react_jsx_runtime3 from "react/jsx-runtime";
+import * as react_jsx_runtime2 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_runtime3.JSX.Element;
+declare function Radio(props: RadioProps): react_jsx_runtime2.JSX.Element;
 declare namespace Radio {
   var displayName: string;
 }

package/dist/components/Radio.d.ts

@@ -1,5 +1,5 @@
 import { FC } from "react";
-import * as react_jsx_runtime1 from "react/jsx-runtime";
+import * as react_jsx_runtime2 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_runtime1.JSX.Element;
+declare function Radio(props: RadioProps): react_jsx_runtime2.JSX.Element;
 declare namespace Radio {
   var displayName: string;
 }

package/dist/components/Row.d.cts

@@ -1,5 +1,5 @@
 import React from "react";
-import * as react_jsx_runtime2 from "react/jsx-runtime";
+import * as react_jsx_runtime3 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_runtime2.JSX.Element;
+}: IRowProps): react_jsx_runtime3.JSX.Element;
 //#endregion
 export { Row };

package/dist/components/Separator.d.cts

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

package/dist/components/Switch.d.cts

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

package/dist/components/array-base/types.d.cts

@@ -25,7 +25,7 @@ interface CustomAction {
   type?: 'button';
   icon: React.ReactNode;
   tooltip?: string;
-  onClick: (ctx: ActionContext) => void;
+  onClick: (event: React.MouseEvent<HTMLButtonElement>, ctx: ActionContext) => void;
   hidden?: boolean | ((ctx: ActionContext) => boolean);
   disabled?: boolean | ((ctx: ActionContext) => boolean);
   buttonProps?: Omit<ButtonProps, 'children' | 'onClick'>;
@@ -39,7 +39,8 @@ interface ToggleAction {
   inactiveTooltip?: string;
   tooltip?: string;
   isActive: (ctx: ActionContext) => boolean;
-  onToggle: (ctx: ActionContext, nextActive: boolean) => void;
+  onToggle?: (ctx: ActionContext, nextActive: boolean) => void;
+  onClick?: (event: React.MouseEvent<HTMLButtonElement>, context: ActionContext) => void;
   hidden?: boolean | ((ctx: ActionContext) => boolean);
   disabled?: boolean | ((ctx: ActionContext) => boolean);
   buttonProps?: Omit<ButtonProps, 'children' | 'onClick'>;
@@ -71,6 +72,7 @@ interface IArrayBaseProps {
    * Runs per item render (context includes index/record/etc).
    */
   transformActions?: (actions: ActionItem[], context: TransformContext) => ActionItem[];
+  description?: React.ReactNode;
 }
 interface IArrayBaseOperationProps extends ButtonProps {
   title?: string;
@@ -80,6 +82,11 @@ interface IArrayBaseOperationProps extends ButtonProps {
 type ComposedArrayProps<T = Record<string, unknown>> = React.FC<React.PropsWithChildren<React.HTMLAttributes<HTMLDivElement> & IArrayBaseProps & T>> & ArrayBaseMixins;
 interface ArrayComponentProps extends React.PropsWithChildren<React.HTMLAttributes<HTMLDivElement> & IArrayBaseProps & {
   title?: string;
+  /**
+   * When true, array item editors (popover/dialog) commit changes live.
+   * When false (default), they only commit on Save.
+   */
+  autoSave?: boolean;
 }> {}
 //#endregion
 export { ActionContext, ActionItem, ArrayBaseMixins, ArrayComponentProps, BuiltInOperation, ComposedArrayProps, CustomAction, IArrayBaseOperationProps, IArrayBaseProps, OperationOverride, ToggleAction, TransformContext };

package/dist/components/array-base/types.d.ts

@@ -25,7 +25,7 @@ interface CustomAction {
   type?: 'button';
   icon: React.ReactNode;
   tooltip?: string;
-  onClick: (ctx: ActionContext) => void;
+  onClick: (event: React.MouseEvent<HTMLButtonElement>, ctx: ActionContext) => void;
   hidden?: boolean | ((ctx: ActionContext) => boolean);
   disabled?: boolean | ((ctx: ActionContext) => boolean);
   buttonProps?: Omit<ButtonProps, 'children' | 'onClick'>;
@@ -39,7 +39,8 @@ interface ToggleAction {
   inactiveTooltip?: string;
   tooltip?: string;
   isActive: (ctx: ActionContext) => boolean;
-  onToggle: (ctx: ActionContext, nextActive: boolean) => void;
+  onToggle?: (ctx: ActionContext, nextActive: boolean) => void;
+  onClick?: (event: React.MouseEvent<HTMLButtonElement>, context: ActionContext) => void;
   hidden?: boolean | ((ctx: ActionContext) => boolean);
   disabled?: boolean | ((ctx: ActionContext) => boolean);
   buttonProps?: Omit<ButtonProps, 'children' | 'onClick'>;
@@ -71,6 +72,7 @@ interface IArrayBaseProps {
    * Runs per item render (context includes index/record/etc).
    */
   transformActions?: (actions: ActionItem[], context: TransformContext) => ActionItem[];
+  description?: React.ReactNode;
 }
 interface IArrayBaseOperationProps extends ButtonProps {
   title?: string;
@@ -80,6 +82,11 @@ interface IArrayBaseOperationProps extends ButtonProps {
 type ComposedArrayProps<T = Record<string, unknown>> = React.FC<React.PropsWithChildren<React.HTMLAttributes<HTMLDivElement> & IArrayBaseProps & T>> & ArrayBaseMixins;
 interface ArrayComponentProps extends React.PropsWithChildren<React.HTMLAttributes<HTMLDivElement> & IArrayBaseProps & {
   title?: string;
+  /**
+   * When true, array item editors (popover/dialog) commit changes live.
+   * When false (default), they only commit on Save.
+   */
+  autoSave?: boolean;
 }> {}
 //#endregion
 export { ActionContext, ActionItem, ArrayBaseMixins, ArrayComponentProps, BuiltInOperation, ComposedArrayProps, CustomAction, IArrayBaseOperationProps, IArrayBaseProps, OperationOverride, ToggleAction, TransformContext };

package/dist/components/array-cards/ArrayCards.cjs

@@ -20,7 +20,7 @@ react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
 const ArrayCardsBase = (0, __formily_react.observer)((props) => {
 	const field = (0, __formily_react.useField)();
 	const schema = (0, __formily_react.useFieldSchema)();
-	const { onAdd, onCopy, onRemove, onMoveDown, onMoveUp, disabled, actions, transformActions, className, title: titleProp, children,...otherProps } = props;
+	const { onAdd, onCopy, onRemove, onMoveDown, onMoveUp, disabled, actions, transformActions, className, title: titleProp, children, description,...otherProps } = props;
 	const dataSource = require_use_array_data_source.useArrayDataSource();
 	const { ArrayItemsContainer, AddButton } = require_component_context.useArrayComponents();
 	const renderItems = () => {

package/dist/components/array-cards/ArrayCards.js

@@ -16,7 +16,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 const ArrayCardsBase = observer((props) => {
 	const field = useField();
 	const schema = useFieldSchema();
-	const { onAdd, onCopy, onRemove, onMoveDown, onMoveUp, disabled, actions, transformActions, className, title: titleProp, children,...otherProps } = props;
+	const { onAdd, onCopy, onRemove, onMoveDown, onMoveUp, disabled, actions, transformActions, className, title: titleProp, children, description,...otherProps } = props;
 	const dataSource = useArrayDataSource();
 	const { ArrayItemsContainer, AddButton } = useArrayComponents();
 	const renderItems = () => {

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

@@ -8,6 +8,7 @@ const require_SortableItem = require('../array-sortable/SortableItem.cjs');
 require('../array-sortable/index.cjs');
 const require_ArrayItemHeaderRow = require('../array-common/ArrayItemHeaderRow.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');
 let __formily_react = require("@formily/react");
 __formily_react = require_rolldown_runtime.__toESM(__formily_react);
@@ -25,7 +26,7 @@ const ArrayCollapseItem = react.default.memo((props) => {
 	const { index, itemId, itemKey, formCollapse, isOpen, isNewItem, onClick } = props;
 	const field = (0, __formily_react.useField)();
 	const schema = (0, __formily_react.useFieldSchema)();
-	const items = Array.isArray(schema.items) ? schema.items[0] ?? schema.items : schema.items;
+	const items = require_use_array_item_schema.useArrayItemSchema();
 	const itemWrapperProps = require_get_x_component_props.getXComponentProps(items);
 	react.default.useEffect(() => {
 		if (isNewItem(index)) formCollapse.addActiveKey(itemId);
@@ -62,7 +63,7 @@ const ArrayCollapseItem = react.default.memo((props) => {
 						}).catch(() => {});
 						else formCollapse.addActiveKey(itemId);
 					} }
-				}), isOpen && items && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				}), isOpen && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 					className: "border-t px-3 pb-4",
 					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 						className: "space-y-4 pt-4",

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

@@ -7,6 +7,7 @@ import { SortableItem } from "../array-sortable/SortableItem.js";
 import "../array-sortable/index.js";
 import { ArrayItemHeaderRow } from "../array-common/ArrayItemHeaderRow.js";
 import { ItemWrapper } from "../array-common/ItemWrapper.js";
+import { useArrayItemSchema } from "../array-common/use-array-item-schema.js";
 import "../array-common/index.js";
 import { RecursionField, useField, useFieldSchema } from "@formily/react";
 import React from "react";
@@ -19,7 +20,7 @@ const ArrayCollapseItem = React.memo((props) => {
 	const { index, itemId, itemKey, formCollapse, isOpen, isNewItem, onClick } = props;
 	const field = useField();
 	const schema = useFieldSchema();
-	const items = Array.isArray(schema.items) ? schema.items[0] ?? schema.items : schema.items;
+	const items = useArrayItemSchema();
 	const itemWrapperProps = getXComponentProps(items);
 	React.useEffect(() => {
 		if (isNewItem(index)) formCollapse.addActiveKey(itemId);
@@ -56,7 +57,7 @@ const ArrayCollapseItem = React.memo((props) => {
 						}).catch(() => {});
 						else formCollapse.addActiveKey(itemId);
 					} }
-				}), isOpen && items && /* @__PURE__ */ jsx("div", {
+				}), isOpen && /* @__PURE__ */ jsx("div", {
 					className: "border-t px-3 pb-4",
 					children: /* @__PURE__ */ jsx("div", {
 						className: "space-y-4 pt-4",

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

@@ -0,0 +1,58 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_get_x_component_props = require('../../utils/get-x-component-props.cjs');
+require('../../utils/index.cjs');
+let __formily_react = require("@formily/react");
+__formily_react = require_rolldown_runtime.__toESM(__formily_react);
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
+
+//#region src/components/array-common/ArrayItemDraftFields.tsx
+function mergeClassName(a, b) {
+	const aa = a?.trim();
+	const bb = b?.trim();
+	const hasA = aa != null && aa.length > 0;
+	const hasB = bb != null && bb.length > 0;
+	if (!hasA && !hasB) return void 0;
+	if (hasA && !hasB) return aa;
+	if (!hasA && hasB) return bb;
+	return `${aa} ${bb}`;
+}
+function ArrayItemDraftFields({ schema, form, basePath = "draft", as: Component = "div", className }) {
+	const schemaComponents = react.default.use(__formily_react.SchemaComponentsContext);
+	const schemaOptions = react.default.use(__formily_react.SchemaOptionsContext);
+	const schemaExpressionScope = react.default.use(__formily_react.SchemaExpressionScopeContext);
+	const schemaMarkup = react.default.use(__formily_react.SchemaMarkupContext);
+	const schemaContext = react.default.use(__formily_react.SchemaContext);
+	const { className: itemWrapperClassName,...itemWrapperRestProps } = require_get_x_component_props.getXComponentProps(schema);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Component, {
+		...itemWrapperRestProps,
+		className: mergeClassName(className, itemWrapperClassName),
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__formily_react.FormProvider, {
+			form,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__formily_react.SchemaOptionsContext, {
+				value: schemaOptions,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__formily_react.SchemaComponentsContext, {
+					value: schemaComponents,
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__formily_react.SchemaExpressionScopeContext, {
+						value: schemaExpressionScope,
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__formily_react.SchemaMarkupContext, {
+							value: schemaMarkup,
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__formily_react.SchemaContext, {
+								value: schemaContext,
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__formily_react.RecursionField, {
+									schema,
+									name: basePath
+								})
+							})
+						})
+					})
+				})
+			})
+		})
+	});
+}
+
+//#endregion
+exports.ArrayItemDraftFields = ArrayItemDraftFields;

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

@@ -0,0 +1,54 @@
+import { getXComponentProps } from "../../utils/get-x-component-props.js";
+import "../../utils/index.js";
+import { FormProvider, RecursionField, SchemaComponentsContext, SchemaContext, SchemaExpressionScopeContext, SchemaMarkupContext, SchemaOptionsContext } from "@formily/react";
+import React from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/array-common/ArrayItemDraftFields.tsx
+function mergeClassName(a, b) {
+	const aa = a?.trim();
+	const bb = b?.trim();
+	const hasA = aa != null && aa.length > 0;
+	const hasB = bb != null && bb.length > 0;
+	if (!hasA && !hasB) return void 0;
+	if (hasA && !hasB) return aa;
+	if (!hasA && hasB) return bb;
+	return `${aa} ${bb}`;
+}
+function ArrayItemDraftFields({ schema, form, basePath = "draft", as: Component = "div", className }) {
+	const schemaComponents = React.use(SchemaComponentsContext);
+	const schemaOptions = React.use(SchemaOptionsContext);
+	const schemaExpressionScope = React.use(SchemaExpressionScopeContext);
+	const schemaMarkup = React.use(SchemaMarkupContext);
+	const schemaContext = React.use(SchemaContext);
+	const { className: itemWrapperClassName,...itemWrapperRestProps } = getXComponentProps(schema);
+	return /* @__PURE__ */ jsx(Component, {
+		...itemWrapperRestProps,
+		className: mergeClassName(className, itemWrapperClassName),
+		children: /* @__PURE__ */ jsx(FormProvider, {
+			form,
+			children: /* @__PURE__ */ jsx(SchemaOptionsContext, {
+				value: schemaOptions,
+				children: /* @__PURE__ */ jsx(SchemaComponentsContext, {
+					value: schemaComponents,
+					children: /* @__PURE__ */ jsx(SchemaExpressionScopeContext, {
+						value: schemaExpressionScope,
+						children: /* @__PURE__ */ jsx(SchemaMarkupContext, {
+							value: schemaMarkup,
+							children: /* @__PURE__ */ jsx(SchemaContext, {
+								value: schemaContext,
+								children: /* @__PURE__ */ jsx(RecursionField, {
+									schema,
+									name: basePath
+								})
+							})
+						})
+					})
+				})
+			})
+		})
+	});
+}
+
+//#endregion
+export { ArrayItemDraftFields };

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

@@ -51,7 +51,7 @@ const RenderAction = ({ action, ctx, isHidden, isDisabled, index, array, schema
 		onClick: (e) => {
 			e.stopPropagation();
 			if (disabled) return;
-			customAction.onClick(ctx);
+			customAction.onClick?.(e, ctx);
 		},
 		children: customAction.icon
 	}, customAction.key);

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

@@ -47,7 +47,7 @@ const RenderAction = ({ action, ctx, isHidden, isDisabled, index, array, schema
 		onClick: (e) => {
 			e.stopPropagation();
 			if (disabled) return;
-			customAction.onClick(ctx);
+			customAction.onClick?.(e, ctx);
 		},
 		children: customAction.icon
 	}, customAction.key);

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

@@ -0,0 +1,15 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
+
+//#region src/components/array-common/ShakeStyles.tsx
+/**
+* Inline styles for shake animation
+* Can be included in any component that needs shake effect
+*/
+const ShakeStyles = () => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("style", { children: `@keyframes pp-shake { 0% { transform: translateX(0); } 20% { transform: translateX(-6px); } 40% { transform: translateX(6px); } 60% { transform: translateX(-4px); } 80% { transform: translateX(4px); } 100% { transform: translateX(0); } } .pp-shake { animation: pp-shake 220ms ease-in-out; }` });
+
+//#endregion
+exports.ShakeStyles = ShakeStyles;

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

@@ -0,0 +1,12 @@
+import React from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/array-common/ShakeStyles.tsx
+/**
+* Inline styles for shake animation
+* Can be included in any component that needs shake effect
+*/
+const ShakeStyles = () => /* @__PURE__ */ jsx("style", { children: `@keyframes pp-shake { 0% { transform: translateX(0); } 20% { transform: translateX(-6px); } 40% { transform: translateX(6px); } 60% { transform: translateX(-4px); } 80% { transform: translateX(4px); } 100% { transform: translateX(0); } } .pp-shake { animation: pp-shake 220ms ease-in-out; }` });
+
+//#endregion
+export { ShakeStyles };

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

@@ -23,8 +23,9 @@ const ToggleActionButton = ({ action, actionContext, disabled }) => {
 		onClick: (e) => {
 			e.stopPropagation();
 			if (disabled) return;
+			action.onClick?.(e, actionContext);
 			const nextActive = !active;
-			action.onToggle(actionContext, nextActive);
+			action.onToggle?.(actionContext, nextActive);
 		},
 		children: iconNode
 	}, action.key);

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

@@ -19,8 +19,9 @@ const ToggleActionButton = ({ action, actionContext, disabled }) => {
 		onClick: (e) => {
 			e.stopPropagation();
 			if (disabled) return;
+			action.onClick?.(e, actionContext);
 			const nextActive = !active;
-			action.onToggle(actionContext, nextActive);
+			action.onToggle?.(actionContext, nextActive);
 		},
 		children: iconNode
 	}, action.key);

package/dist/components/array-common/get-edit-description.cjs

@@ -0,0 +1,12 @@
+
+//#region src/components/array-common/get-edit-description.ts
+/**
+* Get description text for edit dialog/popover based on context
+*/
+function getEditDescription(isNew, autoSave) {
+	if (isNew) return autoSave ? "Enter details. Changes apply instantly." : "Enter details, then click save.";
+	return autoSave ? "Edit details. Changes apply instantly." : "Edit details, then click save.";
+}
+
+//#endregion
+exports.getEditDescription = getEditDescription;

package/dist/components/array-common/get-edit-description.js

@@ -0,0 +1,11 @@
+//#region src/components/array-common/get-edit-description.ts
+/**
+* Get description text for edit dialog/popover based on context
+*/
+function getEditDescription(isNew, autoSave) {
+	if (isNew) return autoSave ? "Enter details. Changes apply instantly." : "Enter details, then click save.";
+	return autoSave ? "Edit details. Changes apply instantly." : "Edit details, then click save.";
+}
+
+//#endregion
+export { getEditDescription };

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

@@ -1,7 +1,15 @@
+const require_ArrayItemDraftFields = require('./ArrayItemDraftFields.cjs');
 const require_ArrayItemHeaderRow = require('./ArrayItemHeaderRow.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');
 const require_ArrayItemsList = require('./ArrayItemsList.cjs');
 const require_create_active_item_manager = require('./create-active-item-manager.cjs');
+const require_get_edit_description = require('./get-edit-description.cjs');
+const require_ShakeStyles = require('./ShakeStyles.cjs');
 const require_use_array_editor = require('./use-array-editor.cjs');
+const require_use_array_item_draft_form = require('./use-array-item-draft-form.cjs');
+const require_use_array_item_edit_labels = require('./use-array-item-edit-labels.cjs');
+const require_use_array_item_schema = require('./use-array-item-schema.cjs');
+const require_use_edit_handlers = require('./use-edit-handlers.cjs');
+const require_use_shake_animation = require('./use-shake-animation.cjs');

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

@@ -1,7 +1,15 @@
+import { ArrayItemDraftFields } from "./ArrayItemDraftFields.js";
 import { ArrayItemHeaderRow } from "./ArrayItemHeaderRow.js";
 import { ItemWrapper } from "./ItemWrapper.js";
 import { ListItem } from "./ListItem.js";
 import { useArrayDataSource } from "./use-array-data-source.js";
 import { ArrayItemsList } from "./ArrayItemsList.js";
 import { createActiveItemManager } from "./create-active-item-manager.js";
+import { getEditDescription } from "./get-edit-description.js";
+import { ShakeStyles } from "./ShakeStyles.js";
 import { useArrayEditor } from "./use-array-editor.js";
+import { useArrayItemDraftForm } from "./use-array-item-draft-form.js";
+import { useArrayItemEditLabels } from "./use-array-item-edit-labels.js";
+import { useArrayItemSchema } from "./use-array-item-schema.js";
+import { useEditHandlers } from "./use-edit-handlers.js";
+import { useShakeAnimation } from "./use-shake-animation.js";

package/dist/components/array-common/use-array-editor.cjs

@@ -1,6 +1,4 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_validate_array_item_fields = require('../../utils/validate-array-item-fields.cjs');
-require('../../utils/index.cjs');
 const require_create_active_item_manager = require('./create-active-item-manager.cjs');
 let __formily_react = require("@formily/react");
 __formily_react = require_rolldown_runtime.__toESM(__formily_react);
@@ -8,10 +6,27 @@ let react = require("react");
 react = require_rolldown_runtime.__toESM(react);
 
 //#region src/components/array-common/use-array-editor.ts
+function setArrayItemValue(arrayField, index, value) {
+	const address = `${arrayField.address.toString()}.${index}`;
+	const form = arrayField.form;
+	if (form && typeof form.setValuesIn === "function") {
+		form.setValuesIn(address, value);
+		return;
+	}
+	if (Array.isArray(arrayField.value)) {
+		const next = [...arrayField.value];
+		next[index] = value;
+		const field = arrayField;
+		if (typeof field.setValue === "function") {
+			field.setValue(next);
+			return;
+		}
+		Object.assign(arrayField, { value: next });
+	}
+}
 function useArrayEditor(props) {
-	const { onAdd, onEdit } = props;
+	const { onAdd, onEdit, autoSave } = props;
 	const field = (0, __formily_react.useField)();
-	const schema = (0, __formily_react.useFieldSchema)();
 	const activeItemManager = react.default.useMemo(() => require_create_active_item_manager.createActiveItemManager(), []);
 	const handleEdit = (index) => {
 		activeItemManager.setActiveItem(index, false);
@@ -21,25 +36,26 @@ function useArrayEditor(props) {
 		activeItemManager.setActiveItem(index, true);
 		onAdd?.(index);
 	};
-	const handleSaveClick = (itemIndex) => {
-		require_validate_array_item_fields.validateArrayItemFields(field, itemIndex).then(() => {
-			activeItemManager.removeActiveItem(itemIndex);
-		}).catch(console.error);
+	const handleSaveClick = (itemIndex, nextValue) => {
+		setArrayItemValue(field, itemIndex, nextValue);
+		activeItemManager.removeActiveItem(itemIndex);
+	};
+	const handleLiveChange = (itemIndex, nextValue) => {
+		setArrayItemValue(field, itemIndex, nextValue);
 	};
 	const handleCancelClick = (itemIndex) => {
-		if (activeItemManager.isNewItem(itemIndex)) field.remove?.(itemIndex).catch(console.error);
+		if (!autoSave && activeItemManager.isNewItem(itemIndex)) field.remove?.(itemIndex).catch(console.error);
 		activeItemManager.removeActiveItem(itemIndex);
 	};
-	const isNewItem = react.default.useCallback((index) => activeItemManager.activeItem === index && activeItemManager.isNew, [activeItemManager]);
 	return {
 		activeItemManager,
 		handleEdit,
 		handleAdd,
 		handleSaveClick,
+		handleLiveChange,
 		handleCancelClick,
 		field,
-		items: Array.isArray(schema.items) ? schema.items[0] ?? schema.items : schema.items,
-		isNewItem
+		isNewItem: react.default.useCallback((index) => activeItemManager.activeItem === index && activeItemManager.isNew, [activeItemManager])
 	};
 }