npm - @volverjs/form-vue - Versions diffs - 0.0.14-beta.1 → 0.0.14-beta.2 - Mend

@volverjs/form-vue 0.0.14-beta.1 → 0.0.14-beta.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (13) hide show

package/dist/VvForm.d.ts +12 -12
package/dist/VvFormField.d.ts +4 -4
package/dist/VvFormWrapper.d.ts +7 -13
package/dist/index.d.ts +46 -58
package/dist/index.es.js +1 -1
package/dist/index.umd.js +1 -1
package/dist/types.d.ts +52 -126
package/package.json +11 -10
package/src/VvForm.ts +1 -1
package/src/VvFormField.ts +1 -1
package/src/VvFormWrapper.ts +1 -1
package/src/{types.d.ts → types.ts} +10 -8
package/src/utils.ts +1 -1

package/dist/VvForm.d.ts CHANGED Viewed

@@ -3,7 +3,7 @@ import type { z, TypeOf } from 'zod';
 import type { FormComponentOptions, FormSchema, InjectedFormData } from './types';
 import { FormStatus } from './enums';
 export declare const defineForm: <Schema extends FormSchema>(schema: Schema, provideKey: InjectionKey<InjectedFormData<Schema>>, options?: FormComponentOptions) => {
-    errors: Ref<z.ZodFormattedError<z.TypeOf<Schema>> | undefined>;
+    errors: Ref<z.inferFormattedError<Schema, string> | undefined>;
     status: Ref<FormStatus | undefined>;
     formData: Ref<Partial<z.TypeOf<Schema> | undefined>>;
     /**
@@ -17,11 +17,11 @@ export declare const defineForm: <Schema extends FormSchema>(schema: Schema, pro
                 modelValue?: Record<string, any> | undefined;
                 updateThrottle?: number | undefined;
                 continuosValidation?: boolean | undefined;
-                key?: string | number | symbol | undefined;
                 onInvalid?: ((...args: any[]) => any) | undefined;
                 onValid?: ((...args: any[]) => any) | undefined;
-                onSubmit?: ((...args: any[]) => any) | undefined;
                 "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+                key?: string | number | symbol | undefined;
+                onSubmit?: ((...args: any[]) => any) | undefined;
                 ref?: import("vue").VNodeRef | undefined;
                 ref_for?: boolean | undefined;
                 ref_key?: string | undefined;
@@ -77,7 +77,7 @@ export declare const defineForm: <Schema extends FormSchema>(schema: Schema, pro
             }>;
             $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
             $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
-            $emit: (event: "invalid" | "valid" | "submit" | "update:modelValue", ...args: any[]) => void;
+            $emit: (event: "invalid" | "valid" | "update:modelValue" | "submit", ...args: any[]) => void;
             $el: any;
             $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
                 modelValue: {
@@ -95,16 +95,16 @@ export declare const defineForm: <Schema extends FormSchema>(schema: Schema, pro
             }>> & {
                 onInvalid?: ((...args: any[]) => any) | undefined;
                 onValid?: ((...args: any[]) => any) | undefined;
-                onSubmit?: ((...args: any[]) => any) | undefined;
                 "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+                onSubmit?: ((...args: any[]) => any) | undefined;
             }, {
                 formData: Ref<Partial<z.TypeOf<Schema> | undefined>>;
                 submit: () => boolean;
                 validate: (value?: Partial<z.TypeOf<Schema> | undefined>) => boolean;
-                errors: Readonly<Ref<DeepReadonly<z.ZodFormattedError<z.TypeOf<Schema>>> | undefined>>;
+                errors: Readonly<Ref<DeepReadonly<z.inferFormattedError<Schema, string>> | undefined>>;
                 status: Readonly<Ref<FormStatus | undefined>>;
                 invalid: import("vue").ComputedRef<boolean>;
-            }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("invalid" | "valid" | "submit" | "update:modelValue")[], string, {
+            }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("invalid" | "valid" | "update:modelValue" | "submit")[], string, {
                 modelValue: Record<string, any>;
                 updateThrottle: number;
                 continuosValidation: boolean;
@@ -144,13 +144,13 @@ export declare const defineForm: <Schema extends FormSchema>(schema: Schema, pro
         }>> & {
             onInvalid?: ((...args: any[]) => any) | undefined;
             onValid?: ((...args: any[]) => any) | undefined;
-            onSubmit?: ((...args: any[]) => any) | undefined;
             "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+            onSubmit?: ((...args: any[]) => any) | undefined;
         } & import("vue").ShallowUnwrapRef<{
             formData: Ref<Partial<z.TypeOf<Schema> | undefined>>;
             submit: () => boolean;
             validate: (value?: Partial<z.TypeOf<Schema> | undefined>) => boolean;
-            errors: Readonly<Ref<DeepReadonly<z.ZodFormattedError<z.TypeOf<Schema>>> | undefined>>;
+            errors: Readonly<Ref<DeepReadonly<z.inferFormattedError<Schema, string>> | undefined>>;
             status: Readonly<Ref<FormStatus | undefined>>;
             invalid: import("vue").ComputedRef<boolean>;
         }> & {} & import("vue").ComponentCustomProperties & {};
@@ -173,16 +173,16 @@ export declare const defineForm: <Schema extends FormSchema>(schema: Schema, pro
     }>> & {
         onInvalid?: ((...args: any[]) => any) | undefined;
         onValid?: ((...args: any[]) => any) | undefined;
-        onSubmit?: ((...args: any[]) => any) | undefined;
         "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+        onSubmit?: ((...args: any[]) => any) | undefined;
     }, {
         formData: Ref<Partial<z.TypeOf<Schema> | undefined>>;
         submit: () => boolean;
         validate: (value?: Partial<z.TypeOf<Schema> | undefined>) => boolean;
-        errors: Readonly<Ref<DeepReadonly<z.ZodFormattedError<z.TypeOf<Schema>>> | undefined>>;
+        errors: Readonly<Ref<DeepReadonly<z.inferFormattedError<Schema, string>> | undefined>>;
         status: Readonly<Ref<FormStatus | undefined>>;
         invalid: import("vue").ComputedRef<boolean>;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("invalid" | "valid" | "submit" | "update:modelValue")[], "invalid" | "valid" | "submit" | "update:modelValue", {
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("invalid" | "valid" | "update:modelValue" | "submit")[], "invalid" | "valid" | "update:modelValue" | "submit", {
         modelValue: Record<string, any>;
         updateThrottle: number;
         continuosValidation: boolean;

package/dist/VvFormField.d.ts CHANGED Viewed

@@ -25,7 +25,7 @@ export declare const defineFormField: <Schema extends FormSchema>(formProvideKey
         default: boolean;
     };
     defaultValue: {
-        type: (ObjectConstructor | ArrayConstructor | NumberConstructor | BooleanConstructor | StringConstructor)[];
+        type: (StringConstructor | ObjectConstructor | NumberConstructor | BooleanConstructor | ArrayConstructor)[];
         default: undefined;
     };
     lazyLoad: {
@@ -55,7 +55,7 @@ export declare const defineFormField: <Schema extends FormSchema>(formProvideKey
         'onUpdate:modelValue': (value: unknown) => void;
     }>;
     invalid: import("vue").ComputedRef<boolean>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("invalid" | "valid" | "update:modelValue" | "update:formData")[], "invalid" | "valid" | "update:modelValue" | "update:formData", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("invalid" | "valid" | "update:formData" | "update:modelValue")[], "invalid" | "valid" | "update:formData" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     type: {
         type: PropType<"number" | "text" | "email" | "password" | "tel" | "url" | "search" | "date" | "time" | "datetime-local" | "month" | "week" | "color" | "select" | "checkbox" | "radio" | "textarea" | "radioGroup" | "checkboxGroup" | "combobox" | "custom">;
         validator: (value: FormFieldType) => boolean;
@@ -78,7 +78,7 @@ export declare const defineFormField: <Schema extends FormSchema>(formProvideKey
         default: boolean;
     };
     defaultValue: {
-        type: (ObjectConstructor | ArrayConstructor | NumberConstructor | BooleanConstructor | StringConstructor)[];
+        type: (StringConstructor | ObjectConstructor | NumberConstructor | BooleanConstructor | ArrayConstructor)[];
         default: undefined;
     };
     lazyLoad: {
@@ -88,8 +88,8 @@ export declare const defineFormField: <Schema extends FormSchema>(formProvideKey
 }>> & {
     onInvalid?: ((...args: any[]) => any) | undefined;
     onValid?: ((...args: any[]) => any) | undefined;
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     "onUpdate:formData"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
     type: "number" | "text" | "email" | "password" | "tel" | "url" | "search" | "date" | "time" | "datetime-local" | "month" | "week" | "color" | "select" | "checkbox" | "radio" | "textarea" | "radioGroup" | "checkboxGroup" | "combobox" | "custom";
     props: [{

package/dist/VvFormWrapper.d.ts CHANGED Viewed

@@ -7,10 +7,10 @@ export declare const defineFormWrapper: <Schema extends FormSchema>(formProvideK
         $data: {};
         $props: {
             tag?: string | undefined;
-            key?: string | number | symbol | undefined;
             readonly name: string;
             onInvalid?: ((...args: any[]) => any) | undefined;
             onValid?: ((...args: any[]) => any) | undefined;
+            key?: string | number | symbol | undefined;
             ref?: import("vue").VNodeRef | undefined;
             ref_for?: boolean | undefined;
             ref_key?: string | undefined;
@@ -82,14 +82,12 @@ export declare const defineFormWrapper: <Schema extends FormSchema>(formProvideK
             onValid?: ((...args: any[]) => any) | undefined;
         }, {
             formData: Ref<Partial<TypeOf<Schema>> | undefined> | undefined;
-            errors: Readonly<Ref<DeepReadonly<z.inferFormattedError<Schema_1, string>>>> | undefined;
+            errors: Readonly<Ref<DeepReadonly<z.inferFormattedError<Schema, string>> | undefined>> | undefined;
             submit: (() => boolean) | undefined;
             validate: (() => boolean) | undefined;
             invalid: import("vue").ComputedRef<boolean>;
             fields: Ref<Set<string>>;
-            fieldsErrors: Ref<Map<string, Record<string, {
-                _errors: string[];
-            }>>>;
+            fieldsErrors: Ref<Map<string, z.inferFormattedError<Schema, string>>>;
         }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("invalid" | "valid")[], string, {
             tag: string;
         }, {}, string, {}> & {
@@ -126,14 +124,12 @@ export declare const defineFormWrapper: <Schema extends FormSchema>(formProvideK
         onValid?: ((...args: any[]) => any) | undefined;
     } & import("vue").ShallowUnwrapRef<{
         formData: Ref<Partial<TypeOf<Schema>> | undefined> | undefined;
-        errors: Readonly<Ref<DeepReadonly<z.inferFormattedError<Schema_1, string>>>> | undefined;
+        errors: Readonly<Ref<DeepReadonly<z.inferFormattedError<Schema, string>> | undefined>> | undefined;
         submit: (() => boolean) | undefined;
         validate: (() => boolean) | undefined;
         invalid: import("vue").ComputedRef<boolean>;
         fields: Ref<Set<string>>;
-        fieldsErrors: Ref<Map<string, Record<string, {
-            _errors: string[];
-        }>>>;
+        fieldsErrors: Ref<Map<string, z.inferFormattedError<Schema, string>>>;
     }> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: undefined;
     __isTeleport?: undefined;
@@ -152,14 +148,12 @@ export declare const defineFormWrapper: <Schema extends FormSchema>(formProvideK
     onValid?: ((...args: any[]) => any) | undefined;
 }, {
     formData: Ref<Partial<TypeOf<Schema>> | undefined> | undefined;
-    errors: Readonly<Ref<DeepReadonly<z.inferFormattedError<Schema_1, string>>>> | undefined;
+    errors: Readonly<Ref<DeepReadonly<z.inferFormattedError<Schema, string>> | undefined>> | undefined;
     submit: (() => boolean) | undefined;
     validate: (() => boolean) | undefined;
     invalid: import("vue").ComputedRef<boolean>;
     fields: Ref<Set<string>>;
-    fieldsErrors: Ref<Map<string, Record<string, {
-        _errors: string[];
-    }>>>;
+    fieldsErrors: Ref<Map<string, z.inferFormattedError<Schema, string>>>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("invalid" | "valid")[], "invalid" | "valid", {
     tag: string;
 }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {

package/dist/index.d.ts CHANGED Viewed

@@ -15,11 +15,11 @@ export declare const useForm: <Schema extends FormSchema>(schema: Schema, option
                 modelValue?: Record<string, any> | undefined;
                 updateThrottle?: number | undefined;
                 continuosValidation?: boolean | undefined;
-                key?: string | number | symbol | undefined;
                 onInvalid?: ((...args: any[]) => any) | undefined;
                 onValid?: ((...args: any[]) => any) | undefined;
-                onSubmit?: ((...args: any[]) => any) | undefined;
                 "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+                key?: string | number | symbol | undefined;
+                onSubmit?: ((...args: any[]) => any) | undefined;
                 ref?: import("vue").VNodeRef | undefined;
                 ref_for?: boolean | undefined;
                 ref_key?: string | undefined;
@@ -75,7 +75,7 @@ export declare const useForm: <Schema extends FormSchema>(schema: Schema, option
             }>;
             $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
             $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
-            $emit: (event: "invalid" | "valid" | "submit" | "update:modelValue", ...args: any[]) => void;
+            $emit: (event: "invalid" | "valid" | "update:modelValue" | "submit", ...args: any[]) => void;
             $el: any;
             $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
                 modelValue: {
@@ -93,16 +93,16 @@ export declare const useForm: <Schema extends FormSchema>(schema: Schema, option
             }>> & {
                 onInvalid?: ((...args: any[]) => any) | undefined;
                 onValid?: ((...args: any[]) => any) | undefined;
-                onSubmit?: ((...args: any[]) => any) | undefined;
                 "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+                onSubmit?: ((...args: any[]) => any) | undefined;
             }, {
                 formData: import("vue").Ref<Partial<import("zod").TypeOf<Schema> | undefined>>;
                 submit: () => boolean;
                 validate: (value?: Partial<import("zod").TypeOf<Schema> | undefined>) => boolean;
-                errors: Readonly<import("vue").Ref<import("vue").DeepReadonly<import("zod").ZodFormattedError<import("zod").TypeOf<Schema>>> | undefined>>;
+                errors: Readonly<import("vue").Ref<import("vue").DeepReadonly<import("zod").inferFormattedError<Schema, string>> | undefined>>;
                 status: Readonly<import("vue").Ref<import("./enums").FormStatus | undefined>>;
                 invalid: import("vue").ComputedRef<boolean>;
-            }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("invalid" | "valid" | "submit" | "update:modelValue")[], string, {
+            }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("invalid" | "valid" | "update:modelValue" | "submit")[], string, {
                 modelValue: Record<string, any>;
                 updateThrottle: number;
                 continuosValidation: boolean;
@@ -142,13 +142,13 @@ export declare const useForm: <Schema extends FormSchema>(schema: Schema, option
         }>> & {
             onInvalid?: ((...args: any[]) => any) | undefined;
             onValid?: ((...args: any[]) => any) | undefined;
-            onSubmit?: ((...args: any[]) => any) | undefined;
             "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+            onSubmit?: ((...args: any[]) => any) | undefined;
         } & import("vue").ShallowUnwrapRef<{
             formData: import("vue").Ref<Partial<import("zod").TypeOf<Schema> | undefined>>;
             submit: () => boolean;
             validate: (value?: Partial<import("zod").TypeOf<Schema> | undefined>) => boolean;
-            errors: Readonly<import("vue").Ref<import("vue").DeepReadonly<import("zod").ZodFormattedError<import("zod").TypeOf<Schema>>> | undefined>>;
+            errors: Readonly<import("vue").Ref<import("vue").DeepReadonly<import("zod").inferFormattedError<Schema, string>> | undefined>>;
             status: Readonly<import("vue").Ref<import("./enums").FormStatus | undefined>>;
             invalid: import("vue").ComputedRef<boolean>;
         }> & {} & import("vue").ComponentCustomProperties & {};
@@ -171,16 +171,16 @@ export declare const useForm: <Schema extends FormSchema>(schema: Schema, option
     }>> & {
         onInvalid?: ((...args: any[]) => any) | undefined;
         onValid?: ((...args: any[]) => any) | undefined;
-        onSubmit?: ((...args: any[]) => any) | undefined;
         "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+        onSubmit?: ((...args: any[]) => any) | undefined;
     }, {
         formData: import("vue").Ref<Partial<import("zod").TypeOf<Schema> | undefined>>;
         submit: () => boolean;
         validate: (value?: Partial<import("zod").TypeOf<Schema> | undefined>) => boolean;
-        errors: Readonly<import("vue").Ref<import("vue").DeepReadonly<import("zod").ZodFormattedError<import("zod").TypeOf<Schema>>> | undefined>>;
+        errors: Readonly<import("vue").Ref<import("vue").DeepReadonly<import("zod").inferFormattedError<Schema, string>> | undefined>>;
         status: Readonly<import("vue").Ref<import("./enums").FormStatus | undefined>>;
         invalid: import("vue").ComputedRef<boolean>;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("invalid" | "valid" | "submit" | "update:modelValue")[], "invalid" | "valid" | "submit" | "update:modelValue", {
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("invalid" | "valid" | "update:modelValue" | "submit")[], "invalid" | "valid" | "update:modelValue" | "submit", {
         modelValue: Record<string, any>;
         updateThrottle: number;
         continuosValidation: boolean;
@@ -202,10 +202,10 @@ export declare const useForm: <Schema extends FormSchema>(schema: Schema, option
             $data: {};
             $props: {
                 tag?: string | undefined;
-                key?: string | number | symbol | undefined;
                 readonly name: string;
                 onInvalid?: ((...args: any[]) => any) | undefined;
                 onValid?: ((...args: any[]) => any) | undefined;
+                key?: string | number | symbol | undefined;
                 ref?: import("vue").VNodeRef | undefined;
                 ref_for?: boolean | undefined;
                 ref_key?: string | undefined;
@@ -277,14 +277,12 @@ export declare const useForm: <Schema extends FormSchema>(schema: Schema, option
                 onValid?: ((...args: any[]) => any) | undefined;
             }, {
                 formData: import("vue").Ref<Partial<import("zod").TypeOf<Schema>> | undefined> | undefined;
-                errors: Readonly<import("vue").Ref<DeepReadonly<import("zod").inferFormattedError<Schema_1, string>>>> | undefined;
+                errors: Readonly<import("vue").Ref<import("vue").DeepReadonly<import("zod").inferFormattedError<Schema, string>> | undefined>> | undefined;
                 submit: (() => boolean) | undefined;
                 validate: (() => boolean) | undefined;
                 invalid: import("vue").ComputedRef<boolean>;
                 fields: import("vue").Ref<Set<string>>;
-                fieldsErrors: import("vue").Ref<Map<string, Record<string, {
-                    _errors: string[];
-                }>>>;
+                fieldsErrors: import("vue").Ref<Map<string, import("zod").inferFormattedError<Schema, string>>>;
             }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("invalid" | "valid")[], string, {
                 tag: string;
             }, {}, string, {}> & {
@@ -321,14 +319,12 @@ export declare const useForm: <Schema extends FormSchema>(schema: Schema, option
             onValid?: ((...args: any[]) => any) | undefined;
         } & import("vue").ShallowUnwrapRef<{
             formData: import("vue").Ref<Partial<import("zod").TypeOf<Schema>> | undefined> | undefined;
-            errors: Readonly<import("vue").Ref<DeepReadonly<import("zod").inferFormattedError<Schema_1, string>>>> | undefined;
+            errors: Readonly<import("vue").Ref<import("vue").DeepReadonly<import("zod").inferFormattedError<Schema, string>> | undefined>> | undefined;
             submit: (() => boolean) | undefined;
             validate: (() => boolean) | undefined;
             invalid: import("vue").ComputedRef<boolean>;
             fields: import("vue").Ref<Set<string>>;
-            fieldsErrors: import("vue").Ref<Map<string, Record<string, {
-                _errors: string[];
-            }>>>;
+            fieldsErrors: import("vue").Ref<Map<string, import("zod").inferFormattedError<Schema, string>>>;
         }> & {} & import("vue").ComponentCustomProperties & {};
         __isFragment?: undefined;
         __isTeleport?: undefined;
@@ -347,14 +343,12 @@ export declare const useForm: <Schema extends FormSchema>(schema: Schema, option
         onValid?: ((...args: any[]) => any) | undefined;
     }, {
         formData: import("vue").Ref<Partial<import("zod").TypeOf<Schema>> | undefined> | undefined;
-        errors: Readonly<import("vue").Ref<DeepReadonly<import("zod").inferFormattedError<Schema_1, string>>>> | undefined;
+        errors: Readonly<import("vue").Ref<import("vue").DeepReadonly<import("zod").inferFormattedError<Schema, string>> | undefined>> | undefined;
         submit: (() => boolean) | undefined;
         validate: (() => boolean) | undefined;
         invalid: import("vue").ComputedRef<boolean>;
         fields: import("vue").Ref<Set<string>>;
-        fieldsErrors: import("vue").Ref<Map<string, Record<string, {
-            _errors: string[];
-        }>>>;
+        fieldsErrors: import("vue").Ref<Map<string, import("zod").inferFormattedError<Schema, string>>>;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("invalid" | "valid")[], "invalid" | "valid", {
         tag: string;
     }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
@@ -394,7 +388,7 @@ export declare const useForm: <Schema extends FormSchema>(schema: Schema, option
             default: boolean;
         };
         defaultValue: {
-            type: (ObjectConstructor | ArrayConstructor | NumberConstructor | BooleanConstructor | StringConstructor)[];
+            type: (StringConstructor | ObjectConstructor | NumberConstructor | BooleanConstructor | ArrayConstructor)[];
             default: undefined;
         };
         lazyLoad: {
@@ -424,7 +418,7 @@ export declare const useForm: <Schema extends FormSchema>(schema: Schema, option
             'onUpdate:modelValue': (value: unknown) => void;
         }>;
         invalid: import("vue").ComputedRef<boolean>;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("invalid" | "valid" | "update:modelValue" | "update:formData")[], "invalid" | "valid" | "update:modelValue" | "update:formData", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("invalid" | "valid" | "update:formData" | "update:modelValue")[], "invalid" | "valid" | "update:formData" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         type: {
             type: import("vue").PropType<"number" | "text" | "email" | "password" | "tel" | "url" | "search" | "date" | "time" | "datetime-local" | "month" | "week" | "color" | "select" | "checkbox" | "radio" | "textarea" | "radioGroup" | "checkboxGroup" | "combobox" | "custom">;
             validator: (value: import("./enums").FormFieldType) => boolean;
@@ -447,7 +441,7 @@ export declare const useForm: <Schema extends FormSchema>(schema: Schema, option
             default: boolean;
         };
         defaultValue: {
-            type: (ObjectConstructor | ArrayConstructor | NumberConstructor | BooleanConstructor | StringConstructor)[];
+            type: (StringConstructor | ObjectConstructor | NumberConstructor | BooleanConstructor | ArrayConstructor)[];
             default: undefined;
         };
         lazyLoad: {
@@ -457,8 +451,8 @@ export declare const useForm: <Schema extends FormSchema>(schema: Schema, option
     }>> & {
         onInvalid?: ((...args: any[]) => any) | undefined;
         onValid?: ((...args: any[]) => any) | undefined;
-        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
         "onUpdate:formData"?: ((...args: any[]) => any) | undefined;
+        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     }, {
         type: "number" | "text" | "email" | "password" | "tel" | "url" | "search" | "date" | "time" | "datetime-local" | "month" | "week" | "color" | "select" | "checkbox" | "radio" | "textarea" | "radioGroup" | "checkboxGroup" | "combobox" | "custom";
         props: [{
@@ -493,7 +487,7 @@ export declare const useForm: <Schema extends FormSchema>(schema: Schema, option
     formInjectionKey: InjectionKey<InjectedFormData<Schema>>;
     formWrapperInjectionKey: InjectionKey<InjectedFormWrapperData<Schema>>;
     formFieldInjectionKey: InjectionKey<InjectedFormFieldData<Schema>>;
-    errors: import("vue").Ref<import("zod").ZodFormattedError<import("zod").TypeOf<Schema>> | undefined>;
+    errors: import("vue").Ref<import("zod").inferFormattedError<Schema, string> | undefined>;
     status: import("vue").Ref<import("./enums").FormStatus | undefined>;
     formData: import("vue").Ref<Partial<import("zod").TypeOf<Schema> | undefined>>;
 };
@@ -516,11 +510,11 @@ export declare const formFactory: <Schema extends FormSchema>(schema: Schema, op
                 modelValue?: Record<string, any> | undefined;
                 updateThrottle?: number | undefined;
                 continuosValidation?: boolean | undefined;
-                key?: string | number | symbol | undefined;
                 onInvalid?: ((...args: any[]) => any) | undefined;
                 onValid?: ((...args: any[]) => any) | undefined;
-                onSubmit?: ((...args: any[]) => any) | undefined;
                 "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+                key?: string | number | symbol | undefined;
+                onSubmit?: ((...args: any[]) => any) | undefined;
                 ref?: import("vue").VNodeRef | undefined;
                 ref_for?: boolean | undefined;
                 ref_key?: string | undefined;
@@ -576,7 +570,7 @@ export declare const formFactory: <Schema extends FormSchema>(schema: Schema, op
             }>;
             $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
             $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
-            $emit: (event: "invalid" | "valid" | "submit" | "update:modelValue", ...args: any[]) => void;
+            $emit: (event: "invalid" | "valid" | "update:modelValue" | "submit", ...args: any[]) => void;
             $el: any;
             $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
                 modelValue: {
@@ -594,16 +588,16 @@ export declare const formFactory: <Schema extends FormSchema>(schema: Schema, op
             }>> & {
                 onInvalid?: ((...args: any[]) => any) | undefined;
                 onValid?: ((...args: any[]) => any) | undefined;
-                onSubmit?: ((...args: any[]) => any) | undefined;
                 "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+                onSubmit?: ((...args: any[]) => any) | undefined;
             }, {
                 formData: import("vue").Ref<Partial<import("zod").TypeOf<Schema> | undefined>>;
                 submit: () => boolean;
                 validate: (value?: Partial<import("zod").TypeOf<Schema> | undefined>) => boolean;
-                errors: Readonly<import("vue").Ref<import("vue").DeepReadonly<import("zod").ZodFormattedError<import("zod").TypeOf<Schema>>> | undefined>>;
+                errors: Readonly<import("vue").Ref<import("vue").DeepReadonly<import("zod").inferFormattedError<Schema, string>> | undefined>>;
                 status: Readonly<import("vue").Ref<import("./enums").FormStatus | undefined>>;
                 invalid: import("vue").ComputedRef<boolean>;
-            }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("invalid" | "valid" | "submit" | "update:modelValue")[], string, {
+            }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("invalid" | "valid" | "update:modelValue" | "submit")[], string, {
                 modelValue: Record<string, any>;
                 updateThrottle: number;
                 continuosValidation: boolean;
@@ -643,13 +637,13 @@ export declare const formFactory: <Schema extends FormSchema>(schema: Schema, op
         }>> & {
             onInvalid?: ((...args: any[]) => any) | undefined;
             onValid?: ((...args: any[]) => any) | undefined;
-            onSubmit?: ((...args: any[]) => any) | undefined;
             "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+            onSubmit?: ((...args: any[]) => any) | undefined;
         } & import("vue").ShallowUnwrapRef<{
             formData: import("vue").Ref<Partial<import("zod").TypeOf<Schema> | undefined>>;
             submit: () => boolean;
             validate: (value?: Partial<import("zod").TypeOf<Schema> | undefined>) => boolean;
-            errors: Readonly<import("vue").Ref<import("vue").DeepReadonly<import("zod").ZodFormattedError<import("zod").TypeOf<Schema>>> | undefined>>;
+            errors: Readonly<import("vue").Ref<import("vue").DeepReadonly<import("zod").inferFormattedError<Schema, string>> | undefined>>;
             status: Readonly<import("vue").Ref<import("./enums").FormStatus | undefined>>;
             invalid: import("vue").ComputedRef<boolean>;
         }> & {} & import("vue").ComponentCustomProperties & {};
@@ -672,16 +666,16 @@ export declare const formFactory: <Schema extends FormSchema>(schema: Schema, op
     }>> & {
         onInvalid?: ((...args: any[]) => any) | undefined;
         onValid?: ((...args: any[]) => any) | undefined;
-        onSubmit?: ((...args: any[]) => any) | undefined;
         "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+        onSubmit?: ((...args: any[]) => any) | undefined;
     }, {
         formData: import("vue").Ref<Partial<import("zod").TypeOf<Schema> | undefined>>;
         submit: () => boolean;
         validate: (value?: Partial<import("zod").TypeOf<Schema> | undefined>) => boolean;
-        errors: Readonly<import("vue").Ref<import("vue").DeepReadonly<import("zod").ZodFormattedError<import("zod").TypeOf<Schema>>> | undefined>>;
+        errors: Readonly<import("vue").Ref<import("vue").DeepReadonly<import("zod").inferFormattedError<Schema, string>> | undefined>>;
         status: Readonly<import("vue").Ref<import("./enums").FormStatus | undefined>>;
         invalid: import("vue").ComputedRef<boolean>;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("invalid" | "valid" | "submit" | "update:modelValue")[], "invalid" | "valid" | "submit" | "update:modelValue", {
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("invalid" | "valid" | "update:modelValue" | "submit")[], "invalid" | "valid" | "update:modelValue" | "submit", {
         modelValue: Record<string, any>;
         updateThrottle: number;
         continuosValidation: boolean;
@@ -703,10 +697,10 @@ export declare const formFactory: <Schema extends FormSchema>(schema: Schema, op
             $data: {};
             $props: {
                 tag?: string | undefined;
-                key?: string | number | symbol | undefined;
                 readonly name: string;
                 onInvalid?: ((...args: any[]) => any) | undefined;
                 onValid?: ((...args: any[]) => any) | undefined;
+                key?: string | number | symbol | undefined;
                 ref?: import("vue").VNodeRef | undefined;
                 ref_for?: boolean | undefined;
                 ref_key?: string | undefined;
@@ -778,14 +772,12 @@ export declare const formFactory: <Schema extends FormSchema>(schema: Schema, op
                 onValid?: ((...args: any[]) => any) | undefined;
             }, {
                 formData: import("vue").Ref<Partial<import("zod").TypeOf<Schema>> | undefined> | undefined;
-                errors: Readonly<import("vue").Ref<DeepReadonly<import("zod").inferFormattedError<Schema_1, string>>>> | undefined;
+                errors: Readonly<import("vue").Ref<import("vue").DeepReadonly<import("zod").inferFormattedError<Schema, string>> | undefined>> | undefined;
                 submit: (() => boolean) | undefined;
                 validate: (() => boolean) | undefined;
                 invalid: import("vue").ComputedRef<boolean>;
                 fields: import("vue").Ref<Set<string>>;
-                fieldsErrors: import("vue").Ref<Map<string, Record<string, {
-                    _errors: string[];
-                }>>>;
+                fieldsErrors: import("vue").Ref<Map<string, import("zod").inferFormattedError<Schema, string>>>;
             }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("invalid" | "valid")[], string, {
                 tag: string;
             }, {}, string, {}> & {
@@ -822,14 +814,12 @@ export declare const formFactory: <Schema extends FormSchema>(schema: Schema, op
             onValid?: ((...args: any[]) => any) | undefined;
         } & import("vue").ShallowUnwrapRef<{
             formData: import("vue").Ref<Partial<import("zod").TypeOf<Schema>> | undefined> | undefined;
-            errors: Readonly<import("vue").Ref<DeepReadonly<import("zod").inferFormattedError<Schema_1, string>>>> | undefined;
+            errors: Readonly<import("vue").Ref<import("vue").DeepReadonly<import("zod").inferFormattedError<Schema, string>> | undefined>> | undefined;
             submit: (() => boolean) | undefined;
             validate: (() => boolean) | undefined;
             invalid: import("vue").ComputedRef<boolean>;
             fields: import("vue").Ref<Set<string>>;
-            fieldsErrors: import("vue").Ref<Map<string, Record<string, {
-                _errors: string[];
-            }>>>;
+            fieldsErrors: import("vue").Ref<Map<string, import("zod").inferFormattedError<Schema, string>>>;
         }> & {} & import("vue").ComponentCustomProperties & {};
         __isFragment?: undefined;
         __isTeleport?: undefined;
@@ -848,14 +838,12 @@ export declare const formFactory: <Schema extends FormSchema>(schema: Schema, op
         onValid?: ((...args: any[]) => any) | undefined;
     }, {
         formData: import("vue").Ref<Partial<import("zod").TypeOf<Schema>> | undefined> | undefined;
-        errors: Readonly<import("vue").Ref<DeepReadonly<import("zod").inferFormattedError<Schema_1, string>>>> | undefined;
+        errors: Readonly<import("vue").Ref<import("vue").DeepReadonly<import("zod").inferFormattedError<Schema, string>> | undefined>> | undefined;
         submit: (() => boolean) | undefined;
         validate: (() => boolean) | undefined;
         invalid: import("vue").ComputedRef<boolean>;
         fields: import("vue").Ref<Set<string>>;
-        fieldsErrors: import("vue").Ref<Map<string, Record<string, {
-            _errors: string[];
-        }>>>;
+        fieldsErrors: import("vue").Ref<Map<string, import("zod").inferFormattedError<Schema, string>>>;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("invalid" | "valid")[], "invalid" | "valid", {
         tag: string;
     }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
@@ -895,7 +883,7 @@ export declare const formFactory: <Schema extends FormSchema>(schema: Schema, op
             default: boolean;
         };
         defaultValue: {
-            type: (ObjectConstructor | ArrayConstructor | NumberConstructor | BooleanConstructor | StringConstructor)[];
+            type: (StringConstructor | ObjectConstructor | NumberConstructor | BooleanConstructor | ArrayConstructor)[];
             default: undefined;
         };
         lazyLoad: {
@@ -925,7 +913,7 @@ export declare const formFactory: <Schema extends FormSchema>(schema: Schema, op
             'onUpdate:modelValue': (value: unknown) => void;
         }>;
         invalid: import("vue").ComputedRef<boolean>;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("invalid" | "valid" | "update:modelValue" | "update:formData")[], "invalid" | "valid" | "update:modelValue" | "update:formData", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("invalid" | "valid" | "update:formData" | "update:modelValue")[], "invalid" | "valid" | "update:formData" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         type: {
             type: import("vue").PropType<"number" | "text" | "email" | "password" | "tel" | "url" | "search" | "date" | "time" | "datetime-local" | "month" | "week" | "color" | "select" | "checkbox" | "radio" | "textarea" | "radioGroup" | "checkboxGroup" | "combobox" | "custom">;
             validator: (value: import("./enums").FormFieldType) => boolean;
@@ -948,7 +936,7 @@ export declare const formFactory: <Schema extends FormSchema>(schema: Schema, op
             default: boolean;
         };
         defaultValue: {
-            type: (ObjectConstructor | ArrayConstructor | NumberConstructor | BooleanConstructor | StringConstructor)[];
+            type: (StringConstructor | ObjectConstructor | NumberConstructor | BooleanConstructor | ArrayConstructor)[];
             default: undefined;
         };
         lazyLoad: {
@@ -958,8 +946,8 @@ export declare const formFactory: <Schema extends FormSchema>(schema: Schema, op
     }>> & {
         onInvalid?: ((...args: any[]) => any) | undefined;
         onValid?: ((...args: any[]) => any) | undefined;
-        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
         "onUpdate:formData"?: ((...args: any[]) => any) | undefined;
+        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     }, {
         type: "number" | "text" | "email" | "password" | "tel" | "url" | "search" | "date" | "time" | "datetime-local" | "month" | "week" | "color" | "select" | "checkbox" | "radio" | "textarea" | "radioGroup" | "checkboxGroup" | "combobox" | "custom";
         props: [{
@@ -994,7 +982,7 @@ export declare const formFactory: <Schema extends FormSchema>(schema: Schema, op
     formInjectionKey: InjectionKey<InjectedFormData<Schema>>;
     formWrapperInjectionKey: InjectionKey<InjectedFormWrapperData<Schema>>;
     formFieldInjectionKey: InjectionKey<InjectedFormFieldData<Schema>>;
-    errors: import("vue").Ref<import("zod").ZodFormattedError<import("zod").TypeOf<Schema>> | undefined>;
+    errors: import("vue").Ref<import("zod").inferFormattedError<Schema, string> | undefined>;
     status: import("vue").Ref<import("./enums").FormStatus | undefined>;
     formData: import("vue").Ref<Partial<import("zod").TypeOf<Schema> | undefined>>;
 };

package/dist/index.es.js CHANGED Viewed

@@ -283,7 +283,7 @@ const de = (e, o, l, i) => G({
               return [r, m.data ?? t];
           }
           if (u instanceof se && Array.isArray(a) && a.length) {
-            const m = u._def.type;
+            const m = l(u._def.type);
             if (m instanceof W)
               return [
                 r,

package/dist/index.umd.js CHANGED Viewed

	@@ -1 +1 @@
1	- (function(y,r){typeof exports=="object"&&typeof module<"u"?r(exports,require("vue"),require("@vueuse/core"),require("zod")):typeof define=="function"&&define.amd?define(["exports","vue","@vueuse/core","zod"],r):(y=typeof globalThis<"u"?globalThis:y\|\|self,r(y["@volverjs/form-vue"]={},y.Vue,y.VueUseCore,y.zod))})(this,function(y,r,M,V){"use strict";function _(e){return Array.isArray(e)}function T(e){return typeof e<"u"}function N(e){return e===null}function G(e){return typeof e=="object"}function L(e){return typeof e=="string"}function C(e){return typeof e>"u"}const U=/^[0-9]+$/,J=["__proto__","prototype","constructor"];function k(e,s,f){const u=T(f)?f:void 0;if(!G(e)\|\|!L(s))return u;const o=Z(s);if(o.length!==0){for(const t of o){if(t==="")continue;const i=function(a){return a.map(l=>C(l)\|\|N(l)?l:_(l)?i(l):l[t])};if(_(e)&&!U.test(t)?e=i(e):e=e[t],C(e)\|\|N(e))break}return C(e)?u:e}}function W(e,s,f){if(!G(e)\|\|!L(s))return;const u=Z(s);if(u.length===0)return;const o=u.length;for(let t=0;t<o;t++){const i=u[t];if(t===o-1){e[i]=f;return}if(i===""&&_(e)){const a=u.slice(t+1).join(".");for(const l of e)W(l,a,f);return}C(e[i])&&(e[i]={}),e=e[i]}}function Z(e){const s=e.split(/[.]\|(?:\[(\d\|\*)\])/).filter(f=>!!f);return s.some(f=>J.indexOf(f)!==-1)?[]:s}var d=(e=>(e.text="text",e.number="number",e.email="email",e.password="password",e.tel="tel",e.url="url",e.search="search",e.date="date",e.time="time",e.datetimeLocal="datetime-local",e.month="month",e.week="week",e.color="color",e.select="select",e.checkbox="checkbox",e.radio="radio",e.textarea="textarea",e.radioGroup="radioGroup",e.checkboxGroup="checkboxGroup",e.combobox="combobox",e.custom="custom",e))(d\|\|{}),S=(e=>(e.invalid="invalid",e.valid="valid",e))(S\|\|{});const P=(e,s,f,u)=>r.defineComponent({name:"FieldComponent",props:{type:{type:String,validator:o=>Object.values(d).includes(o),default:d.custom},is:{type:[Object,String],default:void 0},name:{type:[String,Number,Boolean,Symbol],required:!0},props:{type:[Object,Function],default:()=>({})},showValid:{type:Boolean,default:!1},defaultValue:{type:[String,Number,Boolean,Array,Object],default:void 0},lazyLoad:{type:Boolean,default:!1}},emits:["invalid","valid","update:formData","update:modelValue"],expose:["invalid","invalidLabel","errors"],setup(o,{slots:t,emit:i}){const a=r.computed({get(){if(n!=null&&n.formData)return k(Object(n.formData.value),String(o.name))},set(c){n!=null&&n.formData&&(W(Object(n.formData.value),String(o.name),c),i("update:modelValue",{newValue:a.value,formData:n==null?void 0:n.formData}))}});r.onMounted(()=>{a.value===void 0&&o.defaultValue!==void 0&&(a.value=o.defaultValue)}),r.onBeforeUnmount(()=>{O(),x()});const l=r.inject(s,void 0);l&&l.fields.value.add(o.name);const n=r.inject(e),{props:h,name:p}=r.toRefs(o),m=r.computed(()=>{if(n!=null&&n.errors.value)return k(n.errors.value,String(o.name))}),v=r.computed(()=>{var c;return(c=m.value)==null?void 0:c._errors}),b=r.computed(()=>m.value!==void 0),O=r.watch(b,()=>{b.value?(i("invalid",v.value),l&&l.errors.value.set(o.name,{_errors:v.value})):(i("valid",a.value),l&&l.errors.value.delete(o.name))}),x=r.watch(()=>n==null?void 0:n.formData,()=>{i("update:formData",n==null?void 0:n.formData)},{deep:!0}),g=c=>{a.value=c},A=r.computed(()=>{let c=h.value;return typeof c=="function"&&(c=c(n==null?void 0:n.formData)),Object.keys(c).reduce((w,q)=>(w[q]=r.unref(c[q]),w),{})}),B=r.computed(()=>({...A.value,name:A.value.name??o.name,invalid:b.value,valid:o.showValid?!!(!b.value&&a.value):void 0,type:(c=>{if([d.text,d.number,d.email,d.password,d.tel,d.url,d.search,d.date,d.time,d.datetimeLocal,d.month,d.week,d.color].includes(c))return c})(o.type),invalidLabel:v.value,modelValue:a.value,"onUpdate:modelValue":g}));return r.provide(f,{name:r.readonly(p),errors:r.readonly(m)}),{component:r.computed(()=>{if(o.type===d.custom)return{render(){var c;return((c=t.default)==null?void 0:c.call(t,{modelValue:a.value,onUpdate:g,submit:n==null?void 0:n.submit,validate:n==null?void 0:n.validate,invalid:b.value,invalidLabel:v.value,formData:n==null?void 0:n.formData.value,formErrors:n==null?void 0:n.errors.value,errors:m.value}))??t.defalut}};if(!((u==null?void 0:u.lazyLoad)??o.lazyLoad)){let c;switch(o.type){case d.select:c=r.resolveComponent("VvSelect");break;case d.checkbox:c=r.resolveComponent("VvCheckbox");break;case d.radio:c=r.resolveComponent("VvRadio");break;case d.textarea:c=r.resolveComponent("VvTextarea");break;case d.radioGroup:c=r.resolveComponent("VvRadioGroup");break;case d.checkboxGroup:c=r.resolveComponent("VvCheckboxGroup");break;case d.combobox:c=r.resolveComponent("VvCombobox");break;default:c=r.resolveComponent("VvInputText")}if(typeof c!="string")return c;console.warn(`[form-vue warn]: ${c} not found, the component will be loaded asynchronously. To avoid this warning, please set "lazyLoad" option.`)}return r.defineAsyncComponent(async()=>{switch(u!=null&&u.sideEffects&&await Promise.resolve(u.sideEffects(o.type)),o.type){case d.textarea:return import("@volverjs/ui-vue/vv-textarea");case d.radio:return import("@volverjs/ui-vue/vv-radio");case d.radioGroup:return import("@volverjs/ui-vue/vv-radio-group");case d.checkbox:return import("@volverjs/ui-vue/vv-checkbox");case d.checkboxGroup:return import("@volverjs/ui-vue/vv-checkbox-group");case d.select:return import("@volverjs/ui-vue/vv-select");case d.combobox:return import("@volverjs/ui-vue/vv-combobox")}return import("@volverjs/ui-vue/vv-input-text")})}),hasProps:B,invalid:b}},render(){return this.is?r.h(this.is,this.hasProps,this.$slots):this.type===d.custom?r.h(this.component,null,this.$slots):r.h(this.component,this.hasProps,this.$slots)}}),E=(e,s={})=>{const f=t=>{let i=t;for(;i instanceof V.ZodEffects;)i=i.innerType();return i instanceof V.ZodOptional&&(i=i._def.innerType),i},u=f(e);return{...(u instanceof V.ZodObject?u._def.unknownKeys==="passthrough":!1)?s:{},...Object.fromEntries(Object.entries(u.shape).map(([t,i])=>{const a=s[t];let l=f(i),n;if(l instanceof V.ZodDefault&&(n=l._def.defaultValue(),l=l._def.innerType),a===null&&l instanceof V.ZodNullable)return[t,a];if(l instanceof V.ZodSchema){const h=i.safeParse(a);if(h.success)return[t,h.data??n]}if(l instanceof V.ZodArray&&Array.isArray(a)&&a.length){const h=l._def.type;if(h instanceof V.ZodObject)return[t,a.map(p=>E(h,p&&typeof p=="object"?p:void 0))??n]}return l instanceof V.ZodObject?[t,E(l,a&&typeof a=="object"?a:n)]:[t,n]}))}},z=(e,s,f)=>{const u=r.ref(),o=r.ref(),t=r.ref(),i=r.defineComponent({name:"FormComponent",props:{modelValue:{type:Object,default:()=>({})},updateThrottle:{type:Number,default:500},continuosValidation:{type:Boolean,default:!1}},emits:["invalid","valid","submit","update:modelValue"],expose:["submit","validate","errors","status","valid","invalid"],setup(a,{emit:l}){t.value=E(e,r.toRaw(a.modelValue)),r.watch(()=>a.modelValue,m=>{if(m){const v=r.isProxy(m)?r.toRaw(m):m;t.value=typeof(v==null?void 0:v.clone)=="function"?v.clone():JSON.parse(JSON.stringify(v))}},{deep:!0}),M.watchThrottled(t,m=>{((u.value\|\|(f==null?void 0:f.continuosValidation))??a.continuosValidation)&&n(),(!m\|\|!a.modelValue\|\|JSON.stringify(m)!==JSON.stringify(a.modelValue))&&l("update:modelValue",m)},{deep:!0,throttle:(f==null?void 0:f.updateThrottle)??a.updateThrottle});const n=(m=t.value)=>{const v=e.safeParse(m);return v.success?(u.value=void 0,o.value=S.valid,t.value=v.data,l("update:modelValue",t.value),l("valid",v.data),!0):(u.value=v.error.format(),o.value=S.invalid,l("invalid",u.value),!1)},h=()=>n()?(l("submit",t.value),!0):!1,p=r.computed(()=>o.value===S.invalid);return r.provide(s,{formData:t,submit:h,validate:n,errors:r.readonly(u),status:r.readonly(o),invalid:p}),{formData:t,submit:h,validate:n,errors:r.readonly(u),status:r.readonly(o),invalid:p}},render(){return r.h("form",{onSubmit:r.withModifiers(this.submit,["prevent"])},{default:()=>{var a,l;return((l=(a=this.$slots)==null?void 0:a.default)==null?void 0:l.call(a,{formData:this.formData,submit:this.submit,validate:this.validate,errors:this.errors,status:this.status,invalid:this.invalid}))??this.$slots.default}})}});return{errors:u,status:o,formData:t,VvForm:i}},R=(e,s)=>r.defineComponent({name:"WrapperComponent",props:{name:{type:String,required:!0},tag:{type:String,default:void 0}},emits:["invalid","valid"],expose:["fields","invalid"],setup(u,{emit:o}){const t=r.inject(e),i=r.inject(s,void 0),a=r.ref(new Set),l=r.ref(new Map),{name:n}=r.toRefs(u);r.provide(s,{name:r.readonly(n),errors:l,fields:a}),r.watch(a,p=>{i!=null&&i.fields&&p.forEach(m=>{i==null\|\|i.fields.value.add(m)})},{deep:!0}),r.watch(()=>new Map(l.value),(p,m)=>{i!=null&&i.errors&&(Array.from(m.keys()).forEach(v=>{i.errors.value.delete(v)}),Array.from(p.keys()).forEach(v=>{const b=p.get(v);b&&i.errors.value.set(v,b)}))},{deep:!0});const h=r.computed(()=>t!=null&&t.invalid.value?l.value.size>0:!1);return r.watch(h,()=>{h.value?o("invalid"):o("valid")}),{formData:t==null?void 0:t.formData,errors:t==null?void 0:t.errors,submit:t==null?void 0:t.submit,validate:t==null?void 0:t.validate,invalid:h,fields:a,fieldsErrors:l}},render(){var u,o;return this.tag?r.h(this.tag,null,{default:()=>{var t,i;return((i=(t=this.$slots).default)==null?void 0:i.call(t,{invalid:this.invalid,formData:this.formData,submit:this.submit,validate:this.validate,errors:this.errors,fieldsErrors:this.fieldsErrors}))??this.$slots.defalut}}):((o=(u=this.$slots).default)==null?void 0:o.call(u,{invalid:this.invalid,formData:this.formData,submit:this.submit,validate:this.validate,errors:this.errors,fieldsErrors:this.fieldsErrors}))??this.$slots.defalut}}),H=(e,s)=>{const f=r.defineComponent({props:{schema:{type:[Array,Function],required:!0}},setup(u,{slots:o}){const t=r.inject(e);if(!(t!=null&&t.formData))return;const i=typeof u.schema=="function"?u.schema(t):u.schema;let a;return()=>{var l;return i.reduce((n,h)=>{const p=typeof h=="function"?h(t):h,{vvIs:m,vvName:v,vvSlots:b,vvChildren:O,vvIf:x,vvElseIf:g,vvType:A,vvDefaultValue:B,vvShowValid:K,...c}=p;if(x!==void 0){if(typeof x=="string"?a=!!k(Object(t.formData.value),x):typeof x=="function"?a=r.unref(x(t)):a=r.unref(x),!a)return n}else if(g!==void 0&&a!==void 0){if(a\|\|(typeof g=="string"?a=!!k(Object(t.formData.value),g):typeof g=="function"?a=r.unref(g(t)):a=r.unref(g),!a))return n}else a=void 0;const w=O?r.h(f,{schema:O}):void 0;return v?(n.push(r.h(s,{name:v,is:m,type:A,defaultValue:B,showValid:K,props:c},b??w)),n):m?(n.push(r.h(m,c,b??w)),n):(O&&n.push(w),n)},[(l=o==null?void 0:o.default)==null?void 0:l.call(o,{formData:t==null?void 0:t.formData.value,submit:t==null?void 0:t.submit,validate:t==null?void 0:t.validate,errors:t==null?void 0:t.errors.value,status:t==null?void 0:t.status.value,invalid:t==null?void 0:t.invalid.value})])}}});return f},I=(e,s={})=>{const f=Symbol(),u=Symbol(),o=Symbol(),{VvForm:t,errors:i,status:a,formData:l}=z(e,f,s),n=R(f,u),h=P(f,u,o,s),p=H(f,h);return{VvForm:t,VvFormWrapper:n,VvFormField:h,VvFormTemplate:p,formInjectionKey:f,formWrapperInjectionKey:u,formFieldInjectionKey:o,errors:i,status:a,formData:l}},$=Symbol(),Q=e=>{let s={};return e.schema&&(s=I(e.schema,e)),{...s,install(f,{global:u=!1}={}){f.provide($,e),u&&(f.config.globalProperties.$vvForm=e,s!=null&&s.VvForm&&f.component("VvForm",s.VvForm),s!=null&&s.VvFormWrapper&&f.component("VvFormWrapper",s.VvFormWrapper),s!=null&&s.VvFormField&&f.component("VvFormField",s.VvFormField),s!=null&&s.VvFormTemplate&&f.component("VvFormTemplate",s.VvFormTemplate))}}},X=(e,s={})=>r.getCurrentInstance()?I(e,{...r.inject($,{}),...s}):I(e,s),Y=(e,s={})=>I(e,s);y.FormFieldType=d,y.createForm=Q,y.defaultObjectBySchema=E,y.formFactory=Y,y.pluginInjectionKey=$,y.useForm=X,Object.defineProperty(y,Symbol.toStringTag,{value:"Module"})});
1	+ (function(y,r){typeof exports=="object"&&typeof module<"u"?r(exports,require("vue"),require("@vueuse/core"),require("zod")):typeof define=="function"&&define.amd?define(["exports","vue","@vueuse/core","zod"],r):(y=typeof globalThis<"u"?globalThis:y\|\|self,r(y["@volverjs/form-vue"]={},y.Vue,y.VueUseCore,y.zod))})(this,function(y,r,M,V){"use strict";function _(e){return Array.isArray(e)}function T(e){return typeof e<"u"}function N(e){return e===null}function G(e){return typeof e=="object"}function L(e){return typeof e=="string"}function C(e){return typeof e>"u"}const U=/^[0-9]+$/,J=["__proto__","prototype","constructor"];function k(e,s,f){const u=T(f)?f:void 0;if(!G(e)\|\|!L(s))return u;const o=Z(s);if(o.length!==0){for(const t of o){if(t==="")continue;const i=function(a){return a.map(l=>C(l)\|\|N(l)?l:_(l)?i(l):l[t])};if(_(e)&&!U.test(t)?e=i(e):e=e[t],C(e)\|\|N(e))break}return C(e)?u:e}}function W(e,s,f){if(!G(e)\|\|!L(s))return;const u=Z(s);if(u.length===0)return;const o=u.length;for(let t=0;t<o;t++){const i=u[t];if(t===o-1){e[i]=f;return}if(i===""&&_(e)){const a=u.slice(t+1).join(".");for(const l of e)W(l,a,f);return}C(e[i])&&(e[i]={}),e=e[i]}}function Z(e){const s=e.split(/[.]\|(?:\[(\d\|\*)\])/).filter(f=>!!f);return s.some(f=>J.indexOf(f)!==-1)?[]:s}var d=(e=>(e.text="text",e.number="number",e.email="email",e.password="password",e.tel="tel",e.url="url",e.search="search",e.date="date",e.time="time",e.datetimeLocal="datetime-local",e.month="month",e.week="week",e.color="color",e.select="select",e.checkbox="checkbox",e.radio="radio",e.textarea="textarea",e.radioGroup="radioGroup",e.checkboxGroup="checkboxGroup",e.combobox="combobox",e.custom="custom",e))(d\|\|{}),S=(e=>(e.invalid="invalid",e.valid="valid",e))(S\|\|{});const P=(e,s,f,u)=>r.defineComponent({name:"FieldComponent",props:{type:{type:String,validator:o=>Object.values(d).includes(o),default:d.custom},is:{type:[Object,String],default:void 0},name:{type:[String,Number,Boolean,Symbol],required:!0},props:{type:[Object,Function],default:()=>({})},showValid:{type:Boolean,default:!1},defaultValue:{type:[String,Number,Boolean,Array,Object],default:void 0},lazyLoad:{type:Boolean,default:!1}},emits:["invalid","valid","update:formData","update:modelValue"],expose:["invalid","invalidLabel","errors"],setup(o,{slots:t,emit:i}){const a=r.computed({get(){if(n!=null&&n.formData)return k(Object(n.formData.value),String(o.name))},set(c){n!=null&&n.formData&&(W(Object(n.formData.value),String(o.name),c),i("update:modelValue",{newValue:a.value,formData:n==null?void 0:n.formData}))}});r.onMounted(()=>{a.value===void 0&&o.defaultValue!==void 0&&(a.value=o.defaultValue)}),r.onBeforeUnmount(()=>{O(),x()});const l=r.inject(s,void 0);l&&l.fields.value.add(o.name);const n=r.inject(e),{props:h,name:p}=r.toRefs(o),m=r.computed(()=>{if(n!=null&&n.errors.value)return k(n.errors.value,String(o.name))}),v=r.computed(()=>{var c;return(c=m.value)==null?void 0:c._errors}),b=r.computed(()=>m.value!==void 0),O=r.watch(b,()=>{b.value?(i("invalid",v.value),l&&l.errors.value.set(o.name,{_errors:v.value})):(i("valid",a.value),l&&l.errors.value.delete(o.name))}),x=r.watch(()=>n==null?void 0:n.formData,()=>{i("update:formData",n==null?void 0:n.formData)},{deep:!0}),g=c=>{a.value=c},A=r.computed(()=>{let c=h.value;return typeof c=="function"&&(c=c(n==null?void 0:n.formData)),Object.keys(c).reduce((w,q)=>(w[q]=r.unref(c[q]),w),{})}),B=r.computed(()=>({...A.value,name:A.value.name??o.name,invalid:b.value,valid:o.showValid?!!(!b.value&&a.value):void 0,type:(c=>{if([d.text,d.number,d.email,d.password,d.tel,d.url,d.search,d.date,d.time,d.datetimeLocal,d.month,d.week,d.color].includes(c))return c})(o.type),invalidLabel:v.value,modelValue:a.value,"onUpdate:modelValue":g}));return r.provide(f,{name:r.readonly(p),errors:r.readonly(m)}),{component:r.computed(()=>{if(o.type===d.custom)return{render(){var c;return((c=t.default)==null?void 0:c.call(t,{modelValue:a.value,onUpdate:g,submit:n==null?void 0:n.submit,validate:n==null?void 0:n.validate,invalid:b.value,invalidLabel:v.value,formData:n==null?void 0:n.formData.value,formErrors:n==null?void 0:n.errors.value,errors:m.value}))??t.defalut}};if(!((u==null?void 0:u.lazyLoad)??o.lazyLoad)){let c;switch(o.type){case d.select:c=r.resolveComponent("VvSelect");break;case d.checkbox:c=r.resolveComponent("VvCheckbox");break;case d.radio:c=r.resolveComponent("VvRadio");break;case d.textarea:c=r.resolveComponent("VvTextarea");break;case d.radioGroup:c=r.resolveComponent("VvRadioGroup");break;case d.checkboxGroup:c=r.resolveComponent("VvCheckboxGroup");break;case d.combobox:c=r.resolveComponent("VvCombobox");break;default:c=r.resolveComponent("VvInputText")}if(typeof c!="string")return c;console.warn(`[form-vue warn]: ${c} not found, the component will be loaded asynchronously. To avoid this warning, please set "lazyLoad" option.`)}return r.defineAsyncComponent(async()=>{switch(u!=null&&u.sideEffects&&await Promise.resolve(u.sideEffects(o.type)),o.type){case d.textarea:return import("@volverjs/ui-vue/vv-textarea");case d.radio:return import("@volverjs/ui-vue/vv-radio");case d.radioGroup:return import("@volverjs/ui-vue/vv-radio-group");case d.checkbox:return import("@volverjs/ui-vue/vv-checkbox");case d.checkboxGroup:return import("@volverjs/ui-vue/vv-checkbox-group");case d.select:return import("@volverjs/ui-vue/vv-select");case d.combobox:return import("@volverjs/ui-vue/vv-combobox")}return import("@volverjs/ui-vue/vv-input-text")})}),hasProps:B,invalid:b}},render(){return this.is?r.h(this.is,this.hasProps,this.$slots):this.type===d.custom?r.h(this.component,null,this.$slots):r.h(this.component,this.hasProps,this.$slots)}}),E=(e,s={})=>{const f=t=>{let i=t;for(;i instanceof V.ZodEffects;)i=i.innerType();return i instanceof V.ZodOptional&&(i=i._def.innerType),i},u=f(e);return{...(u instanceof V.ZodObject?u._def.unknownKeys==="passthrough":!1)?s:{},...Object.fromEntries(Object.entries(u.shape).map(([t,i])=>{const a=s[t];let l=f(i),n;if(l instanceof V.ZodDefault&&(n=l._def.defaultValue(),l=l._def.innerType),a===null&&l instanceof V.ZodNullable)return[t,a];if(l instanceof V.ZodSchema){const h=i.safeParse(a);if(h.success)return[t,h.data??n]}if(l instanceof V.ZodArray&&Array.isArray(a)&&a.length){const h=f(l._def.type);if(h instanceof V.ZodObject)return[t,a.map(p=>E(h,p&&typeof p=="object"?p:void 0))??n]}return l instanceof V.ZodObject?[t,E(l,a&&typeof a=="object"?a:n)]:[t,n]}))}},z=(e,s,f)=>{const u=r.ref(),o=r.ref(),t=r.ref(),i=r.defineComponent({name:"FormComponent",props:{modelValue:{type:Object,default:()=>({})},updateThrottle:{type:Number,default:500},continuosValidation:{type:Boolean,default:!1}},emits:["invalid","valid","submit","update:modelValue"],expose:["submit","validate","errors","status","valid","invalid"],setup(a,{emit:l}){t.value=E(e,r.toRaw(a.modelValue)),r.watch(()=>a.modelValue,m=>{if(m){const v=r.isProxy(m)?r.toRaw(m):m;t.value=typeof(v==null?void 0:v.clone)=="function"?v.clone():JSON.parse(JSON.stringify(v))}},{deep:!0}),M.watchThrottled(t,m=>{((u.value\|\|(f==null?void 0:f.continuosValidation))??a.continuosValidation)&&n(),(!m\|\|!a.modelValue\|\|JSON.stringify(m)!==JSON.stringify(a.modelValue))&&l("update:modelValue",m)},{deep:!0,throttle:(f==null?void 0:f.updateThrottle)??a.updateThrottle});const n=(m=t.value)=>{const v=e.safeParse(m);return v.success?(u.value=void 0,o.value=S.valid,t.value=v.data,l("update:modelValue",t.value),l("valid",v.data),!0):(u.value=v.error.format(),o.value=S.invalid,l("invalid",u.value),!1)},h=()=>n()?(l("submit",t.value),!0):!1,p=r.computed(()=>o.value===S.invalid);return r.provide(s,{formData:t,submit:h,validate:n,errors:r.readonly(u),status:r.readonly(o),invalid:p}),{formData:t,submit:h,validate:n,errors:r.readonly(u),status:r.readonly(o),invalid:p}},render(){return r.h("form",{onSubmit:r.withModifiers(this.submit,["prevent"])},{default:()=>{var a,l;return((l=(a=this.$slots)==null?void 0:a.default)==null?void 0:l.call(a,{formData:this.formData,submit:this.submit,validate:this.validate,errors:this.errors,status:this.status,invalid:this.invalid}))??this.$slots.default}})}});return{errors:u,status:o,formData:t,VvForm:i}},R=(e,s)=>r.defineComponent({name:"WrapperComponent",props:{name:{type:String,required:!0},tag:{type:String,default:void 0}},emits:["invalid","valid"],expose:["fields","invalid"],setup(u,{emit:o}){const t=r.inject(e),i=r.inject(s,void 0),a=r.ref(new Set),l=r.ref(new Map),{name:n}=r.toRefs(u);r.provide(s,{name:r.readonly(n),errors:l,fields:a}),r.watch(a,p=>{i!=null&&i.fields&&p.forEach(m=>{i==null\|\|i.fields.value.add(m)})},{deep:!0}),r.watch(()=>new Map(l.value),(p,m)=>{i!=null&&i.errors&&(Array.from(m.keys()).forEach(v=>{i.errors.value.delete(v)}),Array.from(p.keys()).forEach(v=>{const b=p.get(v);b&&i.errors.value.set(v,b)}))},{deep:!0});const h=r.computed(()=>t!=null&&t.invalid.value?l.value.size>0:!1);return r.watch(h,()=>{h.value?o("invalid"):o("valid")}),{formData:t==null?void 0:t.formData,errors:t==null?void 0:t.errors,submit:t==null?void 0:t.submit,validate:t==null?void 0:t.validate,invalid:h,fields:a,fieldsErrors:l}},render(){var u,o;return this.tag?r.h(this.tag,null,{default:()=>{var t,i;return((i=(t=this.$slots).default)==null?void 0:i.call(t,{invalid:this.invalid,formData:this.formData,submit:this.submit,validate:this.validate,errors:this.errors,fieldsErrors:this.fieldsErrors}))??this.$slots.defalut}}):((o=(u=this.$slots).default)==null?void 0:o.call(u,{invalid:this.invalid,formData:this.formData,submit:this.submit,validate:this.validate,errors:this.errors,fieldsErrors:this.fieldsErrors}))??this.$slots.defalut}}),H=(e,s)=>{const f=r.defineComponent({props:{schema:{type:[Array,Function],required:!0}},setup(u,{slots:o}){const t=r.inject(e);if(!(t!=null&&t.formData))return;const i=typeof u.schema=="function"?u.schema(t):u.schema;let a;return()=>{var l;return i.reduce((n,h)=>{const p=typeof h=="function"?h(t):h,{vvIs:m,vvName:v,vvSlots:b,vvChildren:O,vvIf:x,vvElseIf:g,vvType:A,vvDefaultValue:B,vvShowValid:K,...c}=p;if(x!==void 0){if(typeof x=="string"?a=!!k(Object(t.formData.value),x):typeof x=="function"?a=r.unref(x(t)):a=r.unref(x),!a)return n}else if(g!==void 0&&a!==void 0){if(a\|\|(typeof g=="string"?a=!!k(Object(t.formData.value),g):typeof g=="function"?a=r.unref(g(t)):a=r.unref(g),!a))return n}else a=void 0;const w=O?r.h(f,{schema:O}):void 0;return v?(n.push(r.h(s,{name:v,is:m,type:A,defaultValue:B,showValid:K,props:c},b??w)),n):m?(n.push(r.h(m,c,b??w)),n):(O&&n.push(w),n)},[(l=o==null?void 0:o.default)==null?void 0:l.call(o,{formData:t==null?void 0:t.formData.value,submit:t==null?void 0:t.submit,validate:t==null?void 0:t.validate,errors:t==null?void 0:t.errors.value,status:t==null?void 0:t.status.value,invalid:t==null?void 0:t.invalid.value})])}}});return f},I=(e,s={})=>{const f=Symbol(),u=Symbol(),o=Symbol(),{VvForm:t,errors:i,status:a,formData:l}=z(e,f,s),n=R(f,u),h=P(f,u,o,s),p=H(f,h);return{VvForm:t,VvFormWrapper:n,VvFormField:h,VvFormTemplate:p,formInjectionKey:f,formWrapperInjectionKey:u,formFieldInjectionKey:o,errors:i,status:a,formData:l}},$=Symbol(),Q=e=>{let s={};return e.schema&&(s=I(e.schema,e)),{...s,install(f,{global:u=!1}={}){f.provide($,e),u&&(f.config.globalProperties.$vvForm=e,s!=null&&s.VvForm&&f.component("VvForm",s.VvForm),s!=null&&s.VvFormWrapper&&f.component("VvFormWrapper",s.VvFormWrapper),s!=null&&s.VvFormField&&f.component("VvFormField",s.VvFormField),s!=null&&s.VvFormTemplate&&f.component("VvFormTemplate",s.VvFormTemplate))}}},X=(e,s={})=>r.getCurrentInstance()?I(e,{...r.inject($,{}),...s}):I(e,s),Y=(e,s={})=>I(e,s);y.FormFieldType=d,y.createForm=Q,y.defaultObjectBySchema=E,y.formFactory=Y,y.pluginInjectionKey=$,y.useForm=X,Object.defineProperty(y,Symbol.toStringTag,{value:"Module"})});

package/dist/types.d.ts CHANGED Viewed

@@ -1,132 +1,58 @@
-import type { Ref } from 'vue'
-import type { z, AnyZodObject, ZodEffects } from 'zod'
-import type { FormFieldType, FormStatus } from './enums'
-export type FormSchema =
-	| AnyZodObject
-	| ZodEffects<AnyZodObject>
-	| ZodEffects<ZodEffects<AnyZodObject>>
+import type { Component, DeepReadonly, Ref } from 'vue';
+import type { z, AnyZodObject, ZodEffects } from 'zod';
+import type { FormFieldType, FormStatus } from './enums';
+export type FormSchema = AnyZodObject | ZodEffects<AnyZodObject> | ZodEffects<ZodEffects<AnyZodObject>>;
 export type FormFieldComponentOptions = {
-	lazyLoad?: boolean
-	sideEffects?: (type: `${FormFieldType}`) => Promise | void
-}
+    lazyLoad?: boolean;
+    sideEffects?: (type: `${FormFieldType}`) => Promise<void> | void;
+};
 export type FormComponentOptions = {
-	updateThrottle?: number
-	continuosValidation?: boolean
-}
-export type FormComposableOptions = FormFieldComponentOptions &
-	FormComponentOptions
+    updateThrottle?: number;
+    continuosValidation?: boolean;
+};
+export type FormComposableOptions = FormFieldComponentOptions & FormComponentOptions;
 export type FormPluginOptions = {
-	schema?: ZodSchema
-} & FormComposableOptions
+    schema?: FormSchema;
+} & FormComposableOptions;
 export type InjectedFormData<Schema extends FormSchema> = {
-	formData: Ref<Partial<z.infer<Schema>> | undefined>
-	errors: Readonly<Ref<DeepReadonly<z.inferFormattedError<Schema>>>>
-	submit: () => boolean
-	validate: () => boolean
-	status: Readonly<Ref<FormStatus | undefined>>
-	invalid: Readonly<Ref<boolean>>
-}
+    formData: Ref<Partial<z.infer<Schema>> | undefined>;
+    errors: Readonly<Ref<DeepReadonly<z.inferFormattedError<Schema>> | undefined>>;
+    submit: () => boolean;
+    validate: () => boolean;
+    status: Readonly<Ref<FormStatus | undefined>>;
+    invalid: Readonly<Ref<boolean>>;
+};
 export type InjectedFormWrapperData<Schema extends FormSchema> = {
-	name: Ref<string>
-	fields: Ref<Set<string>>
-	errors: Readonly<Ref<DeepReadonly<z.inferFormattedError<Schema>>>>
-}
+    name: Ref<string>;
+    fields: Ref<Set<string>>;
+    errors: Ref<Map<string, z.inferFormattedError<Schema, string>>>;
+};
 export type InjectedFormFieldData<Schema extends FormSchema> = {
-	name: Ref<string>
-	errors: Readonly<Ref<DeepReadonly<z.inferFormattedError<Schema>>>>
-}
-export type Primitive =
-	| null
-	| undefined
-	| string
-	| number
-	| boolean
-	| symbol
-	| bigint
-type ArrayKey = number
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-type IsTuple<T extends readonly any[]> = number extends T['length']
-	? false
-	: true
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-type TupleKeys<T extends readonly any[]> = Exclude<keyof T, keyof any[]>
-export type PathConcat<
-	TKey extends string | number,
-	TValue,
-> = TValue extends Primitive ? `${TKey}` : `${TKey}` | `${TKey}.${Path<TValue>}`
-export type Path<T> = T extends readonly (infer V)[]
-	? IsTuple<T> extends true
-		? {
-				[K in TupleKeys<T>]-?: PathConcat<K & string, T[K]>
-		  }[TupleKeys<T>]
-		: PathConcat<ArrayKey, V>
-	: {
-			[K in keyof T]-?: PathConcat<K & string, T[K]>
-	  }[keyof T]
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-export type PathValue<T, TPath extends Path<T> | ArrayPath<T>> = T extends any
-	? TPath extends `${infer K}.${infer R}`
-		? K extends keyof T
-			? R extends Path<T[K]>
-				? undefined extends T[K]
-					? PathValue<T[K], R> | undefined
-					: PathValue<T[K], R>
-				: never
-			: K extends `${ArrayKey}`
-			? T extends readonly (infer V)[]
-				? PathValue<V, R & Path<V>>
-				: never
-			: never
-		: TPath extends keyof T
-		? T[TPath]
-		: TPath extends `${ArrayKey}`
-		? T extends readonly (infer V)[]
-			? V
-			: never
-		: never
-	: never
-export type AnyBoolean<Schema> =
-	| boolean
-	| Ref<boolean>
-	| ((data?: InjectedFormData<Schema>) => boolean | Ref<boolean>)
-export type SimpleFormTemplateItem<Schema extends FormSchema> = Record<
-	string,
-	// eslint-disable-next-line @typescript-eslint/no-explicit-any
-	any
-> & {
-	vvIs?: string | Component
-	vvName?: Path<z.infer<Schema>>
-	// eslint-disable-next-line @typescript-eslint/no-explicit-any
-	vvSlots?: Record<string, any>
-	vvChildren?: Array<
-		| SimpleFormTemplateItem<Schema>
-		| ((data?: InjectedFormData<Schema>) => SimpleFormTemplateItem<Schema>)
-	>
-	vvIf?: AnyBoolean<Schema> | Path<z.infer<Schema>>
-	vvElseIf?: AnyBoolean<Schema> | Path<z.infer<Schema>>
-	vvType?: `${FormFieldType}`
-	vvShowValid?: boolean
-	// eslint-disable-next-line @typescript-eslint/no-explicit-any
-	vvDefaultValue?: any
-}
-export type FormTemplateItem<Schema extends FormSchema> =
-	| SimpleFormTemplateItem<Schema>
-	| ((data?: InjectedFormData<Schema>) => SimpleFormTemplateItem<Schema>)
+    name: Ref<string>;
+    errors: Readonly<Ref<DeepReadonly<z.inferFormattedError<Schema>>>>;
+};
+export type Primitive = null | undefined | string | number | boolean | symbol | bigint;
+type ArrayKey = number;
+type IsTuple<T extends readonly any[]> = number extends T['length'] ? false : true;
+type TupleKeys<T extends readonly any[]> = Exclude<keyof T, keyof any[]>;
+export type PathConcat<TKey extends string | number, TValue> = TValue extends Primitive ? `${TKey}` : `${TKey}` | `${TKey}.${Path<TValue>}`;
+export type Path<T> = T extends readonly (infer V)[] ? IsTuple<T> extends true ? {
+    [K in TupleKeys<T>]-?: PathConcat<K & string, T[K]>;
+}[TupleKeys<T>] : PathConcat<ArrayKey, V> : {
+    [K in keyof T]-?: PathConcat<K & string, T[K]>;
+}[keyof T];
+export type PathValue<T, TPath extends Path<T> | Path<T>[]> = T extends any ? TPath extends `${infer K}.${infer R}` ? K extends keyof T ? R extends Path<T[K]> ? undefined extends T[K] ? PathValue<T[K], R> | undefined : PathValue<T[K], R> : never : K extends `${ArrayKey}` ? T extends readonly (infer V)[] ? PathValue<V, R & Path<V>> : never : never : TPath extends keyof T ? T[TPath] : TPath extends `${ArrayKey}` ? T extends readonly (infer V)[] ? V : never : never : never;
+export type AnyBoolean<Schema extends FormSchema> = boolean | Ref<boolean> | ((data?: InjectedFormData<Schema>) => boolean | Ref<boolean>);
+export type SimpleFormTemplateItem<Schema extends FormSchema> = Record<string, any> & {
+    vvIs?: string | Component;
+    vvName?: Path<z.infer<Schema>>;
+    vvSlots?: Record<string, any>;
+    vvChildren?: Array<SimpleFormTemplateItem<Schema> | ((data?: InjectedFormData<Schema>) => SimpleFormTemplateItem<Schema>)>;
+    vvIf?: AnyBoolean<Schema> | Path<z.infer<Schema>>;
+    vvElseIf?: AnyBoolean<Schema> | Path<z.infer<Schema>>;
+    vvType?: `${FormFieldType}`;
+    vvShowValid?: boolean;
+    vvDefaultValue?: any;
+};
+export type FormTemplateItem<Schema extends FormSchema> = SimpleFormTemplateItem<Schema> | ((data?: InjectedFormData<Schema>) => SimpleFormTemplateItem<Schema>);
+export {};

package/package.json CHANGED Viewed

@@ -19,11 +19,11 @@
   "bugs": {
     "url": "https://github.com/volverjs/form-vue/issues"
   },
-  "version": "0.0.14-beta.1",
+  "version": "0.0.14-beta.2",
   "engines": {
     "node": ">= 16.x"
   },
-  "packageManager": "pnpm@7.8.0",
+  "packageManager": "pnpm@8.6.12",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -44,8 +44,8 @@
   "devDependencies": {
     "@playwright/experimental-ct-vue": "1.36.2",
     "@testing-library/vue": "^7.0.0",
-    "@typescript-eslint/eslint-plugin": "^6.2.1",
-    "@typescript-eslint/parser": "^6.2.1",
+    "@typescript-eslint/eslint-plugin": "^6.3.0",
+    "@typescript-eslint/parser": "^6.3.0",
     "@vitejs/plugin-vue": "^4.2.3",
     "@volverjs/style": "^0.1.11",
     "@vue/compiler-sfc": "^3.3.4",
@@ -53,16 +53,16 @@
     "@vue/test-utils": "^2.4.1",
     "copy": "^0.3.2",
     "eslint": "^8.46.0",
-    "eslint-config-prettier": "^8.10.0",
+    "eslint-config-prettier": "^9.0.0",
     "eslint-plugin-prettier": "^5.0.0",
-    "happy-dom": "^10.6.3",
+    "happy-dom": "^10.9.0",
     "prettier": "^3.0.1",
     "typescript": "^5.1.6",
-    "vite": "^4.4.8",
+    "vite": "^4.4.9",
+    "vite-plugin-dts": "^3.5.1",
     "vite-plugin-eslint": "^1.8.1",
     "vite-plugin-externalize-deps": "^0.7.0",
-    "vitest": "^0.34.1",
-    "vue-tsc": "^1.8.8"
+    "vitest": "^0.34.1"
   },
   "typesVersions": {
     "*": {
@@ -83,7 +83,8 @@
   "scripts": {
     "lint": "eslint . --ext .js,.jsx,.ts,.tsx",
     "type-check": "tsc --noEmit",
-    "build": "vite build && vue-tsc --declaration --emitDeclarationOnly && copy src/**/types.d.ts dist",
+    "build": "vite build",
+    "dev": "vite build --watch",
     "test": "pnpm run test-vitest && pnpm run test-playwright",
     "test-vitest": "vitest run",
     "test-vitest-watch": "vitest",

package/src/VvForm.ts CHANGED Viewed

@@ -28,7 +28,7 @@ export const defineForm = <Schema extends FormSchema>(
 	provideKey: InjectionKey<InjectedFormData<Schema>>,
 	options?: FormComponentOptions,
 ) => {
-	const errors = ref<ZodFormattedError<z.infer<Schema>>>()
+	const errors = ref<z.inferFormattedError<Schema> | undefined>()
 	const status = ref<FormStatus | undefined>()
 	const formData = ref<Partial<z.infer<Schema> | undefined>>()
 	const component = defineComponent({

package/src/VvFormField.ts CHANGED Viewed

@@ -151,7 +151,7 @@ export const defineFormField = <Schema extends FormSchema>(
 							props.name as string,
 							{
 								_errors: invalidLabel.value,
-							},
+							} as z.inferFormattedError<Schema>,
 						)
 					}
 				} else {

package/src/VvFormWrapper.ts CHANGED Viewed

@@ -42,7 +42,7 @@ export const defineFormWrapper = <Schema extends FormSchema>(
 			const wrapperProvided = inject(wrapperProvideKey, undefined)
 			const fields = ref(new Set<string>())
 			const fieldsErrors: Ref<
-				Map<string, Record<string, { _errors: string[] }>>
+				Map<string, z.inferFormattedError<Schema>>
 			> = ref(new Map())
 			const { name } = toRefs(props)

package/src/{types.d.ts → types.ts} RENAMED Viewed

@@ -1,4 +1,4 @@
-import type { Ref } from 'vue'
+import type { Component, DeepReadonly, Ref } from 'vue'
 import type { z, AnyZodObject, ZodEffects } from 'zod'
 import type { FormFieldType, FormStatus } from './enums'
@@ -9,7 +9,7 @@ export type FormSchema =
 export type FormFieldComponentOptions = {
 	lazyLoad?: boolean
-	sideEffects?: (type: `${FormFieldType}`) => Promise | void
+	sideEffects?: (type: `${FormFieldType}`) => Promise<void> | void
 }
 export type FormComponentOptions = {
@@ -21,12 +21,14 @@ export type FormComposableOptions = FormFieldComponentOptions &
 	FormComponentOptions
 export type FormPluginOptions = {
-	schema?: ZodSchema
+	schema?: FormSchema
 } & FormComposableOptions
 export type InjectedFormData<Schema extends FormSchema> = {
 	formData: Ref<Partial<z.infer<Schema>> | undefined>
-	errors: Readonly<Ref<DeepReadonly<z.inferFormattedError<Schema>>>>
+	errors: Readonly<
+		Ref<DeepReadonly<z.inferFormattedError<Schema>> | undefined>
+	>
 	submit: () => boolean
 	validate: () => boolean
 	status: Readonly<Ref<FormStatus | undefined>>
@@ -36,7 +38,7 @@ export type InjectedFormData<Schema extends FormSchema> = {
 export type InjectedFormWrapperData<Schema extends FormSchema> = {
 	name: Ref<string>
 	fields: Ref<Set<string>>
-	errors: Readonly<Ref<DeepReadonly<z.inferFormattedError<Schema>>>>
+	errors: Ref<Map<string, z.inferFormattedError<Schema, string>>>
 }
 export type InjectedFormFieldData<Schema extends FormSchema> = {
@@ -77,9 +79,9 @@ export type Path<T> = T extends readonly (infer V)[]
 	: {
 			[K in keyof T]-?: PathConcat<K & string, T[K]>
 	  }[keyof T]
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-export type PathValue<T, TPath extends Path<T> | ArrayPath<T>> = T extends any
+export type PathValue<T, TPath extends Path<T> | Path<T>[]> = T extends any
 	? TPath extends `${infer K}.${infer R}`
 		? K extends keyof T
 			? R extends Path<T[K]>
@@ -101,7 +103,7 @@ export type PathValue<T, TPath extends Path<T> | ArrayPath<T>> = T extends any
 		: never
 	: never
-export type AnyBoolean<Schema> =
+export type AnyBoolean<Schema extends FormSchema> =
 	| boolean
 	| Ref<boolean>
 	| ((data?: InjectedFormData<Schema>) => boolean | Ref<boolean>)

package/src/utils.ts CHANGED Viewed

@@ -67,7 +67,7 @@ export const defaultObjectBySchema = <Schema extends FormSchema>(
 						Array.isArray(originalValue) &&
 						originalValue.length
 					) {
-						const arrayType = innerType._def.type
+						const arrayType = getInnerType(innerType._def.type)
 						if (arrayType instanceof ZodObject) {
 							return [
 								key,