@pixpilot/formily-shadcn 1.9.0 → 1.10.0

package/dist/components/FormGrid.d.ts

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

package/dist/components/IconPicker.d.ts

@@ -1,4 +1,4 @@
-import * as react4 from "react";
+import * as react7 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: react4.ForwardRefExoticComponent<Partial<Omit<IconPickerProps, "providers"> & {
+declare const IconPicker$1: react7.ForwardRefExoticComponent<Partial<Omit<IconPickerProps, "providers"> & {
   providers?: IconProviderProps[];
-}> & react4.RefAttributes<unknown>>;
+}> & react7.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 react9 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: react9.ForwardRefExoticComponent<Omit<Partial<Omit<_pixpilot_shadcn_ui0.IconToggleProps, "ref"> & react9.RefAttributes<HTMLButtonElement>>, "ref"> & react9.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 react12 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: react12.ForwardRefExoticComponent<Omit<Partial<react12.ClassAttributes<HTMLInputElement> & react12.InputHTMLAttributes<HTMLInputElement> & {
   prefix?: React.ReactNode;
   suffix?: React.ReactNode;
   groupClassName?: string;
   prefixClassName?: string;
   suffixClassName?: string;
-}>, "ref"> & react9.RefAttributes<unknown>>;
+}>, "ref"> & react12.RefAttributes<unknown>>;
 //#endregion
 export { Input };

package/dist/components/Radio.d.ts

@@ -1,5 +1,5 @@
 import { FC } from "react";
-import * as react_jsx_runtime3 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_runtime3.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_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.ts

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

package/dist/components/Switch.d.ts

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

package/dist/components/TagsInputInline.d.ts

@@ -1,5 +1,5 @@
-import * as react26 from "react";
-import * as _pixpilot_shadcn_ui1 from "@pixpilot/shadcn-ui";
+import * as react29 from "react";
+import * as _pixpilot_shadcn_ui2 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: react29.ForwardRefExoticComponent<Partial<_pixpilot_shadcn_ui2.TagsInputProps> & react29.RefAttributes<unknown>>;
 //#endregion
 export { TagsInputInLine };

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 react26 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: react26.ForwardRefExoticComponent<Omit<Partial<Omit<_pixpilot_shadcn_ui1.ToggleButtonProps, "ref"> & react26.RefAttributes<HTMLButtonElement>>, "ref"> & react26.RefAttributes<unknown>>;
 //#endregion
 export { ToggleButton$1 as ToggleButton };

package/dist/components/file-upload/AvatarUpload.cjs

@@ -26,7 +26,7 @@ const BaseAvatarUpload = (props) => {
 * Formily-connected AvatarUpload component
 * Automatically connects shadcn AvatarUpload to Formily field state
 */
-const AvatarUpload = (0, __formily_react.connect)(BaseAvatarUpload, (0, __formily_react.mapProps)((props, field) => require_map_upload_props.mapUploadProps(props, field)));
+const AvatarUpload = (0, __formily_react.connect)(BaseAvatarUpload, (0, __formily_react.mapProps)((props, field) => require_map_upload_props.mapUploadProps(props, field, { forceSingle: true })));
 
 //#endregion
 exports.AvatarUpload = AvatarUpload;

package/dist/components/file-upload/AvatarUpload.js

@@ -21,7 +21,7 @@ const BaseAvatarUpload = (props) => {
 * Formily-connected AvatarUpload component
 * Automatically connects shadcn AvatarUpload to Formily field state
 */
-const AvatarUpload$1 = connect(BaseAvatarUpload, mapProps((props, field) => mapUploadProps(props, field)));
+const AvatarUpload$1 = connect(BaseAvatarUpload, mapProps((props, field) => mapUploadProps(props, field, { forceSingle: true })));
 
 //#endregion
 export { AvatarUpload$1 as AvatarUpload };

package/dist/components/file-upload/FileUploadInline.cjs

@@ -26,7 +26,7 @@ const BaseFileUploadInline = (props) => {
 * Formily-connected FileUploadInline component
 * Automatically connects shadcn FileUploadInline to Formily field state
 */
-const FileUploadInline = (0, __formily_react.connect)(BaseFileUploadInline, (0, __formily_react.mapProps)((props, field) => require_map_upload_props.mapUploadProps(props, field)));
+const FileUploadInline = (0, __formily_react.connect)(BaseFileUploadInline, (0, __formily_react.mapProps)((props, field) => require_map_upload_props.mapUploadProps(props, field, { forceSingle: props.multiple !== true })));
 
 //#endregion
 exports.FileUploadInline = FileUploadInline;

package/dist/components/file-upload/FileUploadInline.js

@@ -21,7 +21,7 @@ const BaseFileUploadInline = (props) => {
 * Formily-connected FileUploadInline component
 * Automatically connects shadcn FileUploadInline to Formily field state
 */
-const FileUploadInline$1 = connect(BaseFileUploadInline, mapProps((props, field) => mapUploadProps(props, field)));
+const FileUploadInline$1 = connect(BaseFileUploadInline, mapProps((props, field) => mapUploadProps(props, field, { forceSingle: props.multiple !== true })));
 
 //#endregion
 export { FileUploadInline$1 as FileUploadInline };

package/dist/components/file-upload/map-upload-props.cjs

@@ -7,41 +7,60 @@
 *   component displays the currently stored file metadata.
 * - Applies `mapValue` to the field value before forwarding it so callers can
 *   derive a display-ready file object without mutating the stored form value.
-* - Sets `onChange` to `undefined` to prevent Formily's default wiring from
-*   calling `field.setValue()` the moment a file is selected (i.e. before the
-*   upload completes).
-* - Wraps `onSuccess` so that `field.setValue(fileMeta)` is called only after a
-*   successful upload, followed by the original `onSuccess` callback if one was
-*   supplied.
-* - Wraps `onError` so that `field.setFeedback({ type: 'error', … })` is set on
-*   upload failure, followed by the original `onError` callback if one was
-*   supplied.
+* - Provides a guarded `onChange` that only writes to the field on deletions
+*   (value becomes `null` for single-file, or the array shrinks for
+*   multi-file).  New-file accepts fire `onChange` before the upload
+*   completes with incomplete metadata (no `url`), so those calls are
+*   intentionally ignored here — `onFileSuccess` handles the final write
+*   once the upload finishes.
+* - Wraps `onFileSuccess` so that `field.setValue(fileMeta)` is called only
+*   after a successful upload, followed by the original `onFileSuccess`
+*   callback if one was supplied. When the field value is an array (multiple
+*   mode), the new file is appended to the existing array rather than
+*   replacing it.
+* - Wraps `onFileError` so that `field.setFeedback({ type: 'error', … })` is
+*   set on upload failure, followed by the original `onFileError` callback if
+*   one was supplied.
 *
 * The generic `P extends object` constraint keeps the return type identical to
 * the input type so that the mapper satisfies Formily's `IStateMapper<T>`.
 * Internally the props are cast to `UploadFieldCallbacks` to access the
-* upload-specific callbacks; the multiple-file variant of `FileUploadProps`
-* uses `onFileSuccess`/`onFileError` instead, which are simply left untouched
-* because this function only overrides `onSuccess` and `onError`.
+* upload-specific callbacks; both single-file and multiple-file modes share
+* the same `onFileSuccess`/`onFileError` callbacks that fire per file.
 */
-function mapUploadProps(props, field) {
-	const { onSuccess, onError, mapValue,...restProps } = props;
+function mapUploadProps(props, field, options) {
+	const { onFileSuccess, onFileError, mapValue,...restProps } = props;
+	const { multiple } = props;
+	const isSingle = multiple !== true && (options?.forceSingle === true || multiple === false);
 	const baseValue = field.value ?? null;
 	const value = mapValue ? mapValue(baseValue) : baseValue;
+	const currentMultipleFiles = (() => {
+		const currentValue = field.value;
+		if (Array.isArray(currentValue)) return currentValue;
+		if (currentValue == null) return [];
+		return [currentValue];
+	})();
 	return {
 		...restProps,
 		value,
-		onChange: void 0,
-		onSuccess: (fileMeta) => {
-			field.setValue(fileMeta);
-			onSuccess?.(fileMeta);
+		onChange: (newValue) => {
+			if (newValue === null) field.setValue(null);
+			else if (Array.isArray(newValue)) {
+				const currentLen = currentMultipleFiles.length;
+				if (newValue.length <= currentLen) field.setValue(newValue);
+			}
 		},
-		onError: (file, error) => {
+		onFileSuccess: (fileMeta) => {
+			if (!isSingle) field.setValue([...currentMultipleFiles, fileMeta]);
+			else field.setValue(fileMeta);
+			onFileSuccess?.(fileMeta);
+		},
+		onFileError: (file, error) => {
 			field.setFeedback({
 				type: "error",
 				messages: [error]
 			});
-			onError?.(file, error);
+			onFileError?.(file, error);
 		}
 	};
 }

package/dist/components/file-upload/map-upload-props.js

@@ -6,41 +6,60 @@
 *   component displays the currently stored file metadata.
 * - Applies `mapValue` to the field value before forwarding it so callers can
 *   derive a display-ready file object without mutating the stored form value.
-* - Sets `onChange` to `undefined` to prevent Formily's default wiring from
-*   calling `field.setValue()` the moment a file is selected (i.e. before the
-*   upload completes).
-* - Wraps `onSuccess` so that `field.setValue(fileMeta)` is called only after a
-*   successful upload, followed by the original `onSuccess` callback if one was
-*   supplied.
-* - Wraps `onError` so that `field.setFeedback({ type: 'error', … })` is set on
-*   upload failure, followed by the original `onError` callback if one was
-*   supplied.
+* - Provides a guarded `onChange` that only writes to the field on deletions
+*   (value becomes `null` for single-file, or the array shrinks for
+*   multi-file).  New-file accepts fire `onChange` before the upload
+*   completes with incomplete metadata (no `url`), so those calls are
+*   intentionally ignored here — `onFileSuccess` handles the final write
+*   once the upload finishes.
+* - Wraps `onFileSuccess` so that `field.setValue(fileMeta)` is called only
+*   after a successful upload, followed by the original `onFileSuccess`
+*   callback if one was supplied. When the field value is an array (multiple
+*   mode), the new file is appended to the existing array rather than
+*   replacing it.
+* - Wraps `onFileError` so that `field.setFeedback({ type: 'error', … })` is
+*   set on upload failure, followed by the original `onFileError` callback if
+*   one was supplied.
 *
 * The generic `P extends object` constraint keeps the return type identical to
 * the input type so that the mapper satisfies Formily's `IStateMapper<T>`.
 * Internally the props are cast to `UploadFieldCallbacks` to access the
-* upload-specific callbacks; the multiple-file variant of `FileUploadProps`
-* uses `onFileSuccess`/`onFileError` instead, which are simply left untouched
-* because this function only overrides `onSuccess` and `onError`.
+* upload-specific callbacks; both single-file and multiple-file modes share
+* the same `onFileSuccess`/`onFileError` callbacks that fire per file.
 */
-function mapUploadProps(props, field) {
-	const { onSuccess, onError, mapValue,...restProps } = props;
+function mapUploadProps(props, field, options) {
+	const { onFileSuccess, onFileError, mapValue,...restProps } = props;
+	const { multiple } = props;
+	const isSingle = multiple !== true && (options?.forceSingle === true || multiple === false);
 	const baseValue = field.value ?? null;
 	const value = mapValue ? mapValue(baseValue) : baseValue;
+	const currentMultipleFiles = (() => {
+		const currentValue = field.value;
+		if (Array.isArray(currentValue)) return currentValue;
+		if (currentValue == null) return [];
+		return [currentValue];
+	})();
 	return {
 		...restProps,
 		value,
-		onChange: void 0,
-		onSuccess: (fileMeta) => {
-			field.setValue(fileMeta);
-			onSuccess?.(fileMeta);
+		onChange: (newValue) => {
+			if (newValue === null) field.setValue(null);
+			else if (Array.isArray(newValue)) {
+				const currentLen = currentMultipleFiles.length;
+				if (newValue.length <= currentLen) field.setValue(newValue);
+			}
 		},
-		onError: (file, error) => {
+		onFileSuccess: (fileMeta) => {
+			if (!isSingle) field.setValue([...currentMultipleFiles, fileMeta]);
+			else field.setValue(fileMeta);
+			onFileSuccess?.(fileMeta);
+		},
+		onFileError: (file, error) => {
 			field.setFeedback({
 				type: "error",
 				messages: [error]
 			});
-			onError?.(file, error);
+			onFileError?.(file, error);
 		}
 	};
 }

package/dist/components/number/NumberInput.d.ts

@@ -1,15 +1,15 @@
-import * as react31 from "react";
+import * as react1879 from "react";
 
 //#region src/components/number/NumberInput.d.ts
 /**
  * Formily-connected Number Input component
  */
-declare const NumberInput: react31.ForwardRefExoticComponent<Omit<Partial<react31.ClassAttributes<HTMLInputElement> & react31.InputHTMLAttributes<HTMLInputElement> & {
+declare const NumberInput: react1879.ForwardRefExoticComponent<Omit<Partial<react1879.ClassAttributes<HTMLInputElement> & react1879.InputHTMLAttributes<HTMLInputElement> & {
   prefix?: React.ReactNode;
   suffix?: React.ReactNode;
   groupClassName?: string;
   prefixClassName?: string;
   suffixClassName?: string;
-}>, "ref"> & react31.RefAttributes<unknown>>;
+}>, "ref"> & react1879.RefAttributes<unknown>>;
 //#endregion
 export { NumberInput };