@volverjs/form-vue 1.0.0-beta.10 → 1.0.0-beta.12

package/README.md

@@ -56,7 +56,7 @@ const form = createForm({
   schema
   // lazyLoad: boolean - default false
   // updateThrottle: number - default 500
-  // continuosValidation: boolean - default false
+  // continuousValidation: boolean - default false
   // sideEffects?: (data: any) => void
 })
 
@@ -118,7 +118,7 @@ Use the `v-model` directive (or only `:model-value` to set the initial value of
 The form data two way binding is **throttled** by default (500ms) to avoid performance issues. The throttle can be changed with the `updateThrottle` option or prop.
 
 By default form validation **stops** when a **valid state** is reached.
-To activate **continuos validation** use the `continuosValidation` option or prop.
+To activate **continuous validation** use the `continuousValidation` option or prop.
 
 ```vue
 <script lang="ts" setup>
@@ -131,7 +131,7 @@ To activate **continuos validation** use the `continuosValidation` option or pro
 </script>
 
 <template>
-  <VvForm v-model="formData" :update-throttle="1000" continuos-validation>
+  <VvForm v-model="formData" :update-throttle="1000" continuous-validation>
     <!-- ... -->
   </VvForm>
 </template>
@@ -155,7 +155,7 @@ The **default settings** are **inherited** from the plugin (if it's installed).
   const { VvForm, VvFormWrapper, VvFormField } = useForm(schema, {
     // lazyLoad: boolean - default false
     // updateThrottle: number - default 500
-    // continuosValidation: boolean - default false
+    // continuousValidation: boolean - default false
     // sideEffects?: (formData: any) => void
   })
 </script>

package/dist/VvForm.d.ts

@@ -18,8 +18,8 @@ export declare const defineForm: <Schema extends FormSchema>(schema: Schema, pro
      * An hack to add types to the default slot
      */
     VvForm: {
-        new (...args: any[]): import('vue').CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
-            continuosValidation: {
+        new (...args: any[]): import('vue').CreateComponentPublicInstance<Readonly<import('vue').ExtractPropTypes<{
+            continuousValidation: {
                 type: BooleanConstructor;
                 default: boolean;
             };
@@ -53,10 +53,10 @@ export declare const defineForm: <Schema extends FormSchema>(schema: Schema, pro
             stopUpdatesWatch: WatchStopHandle;
             errors: Readonly<Ref<DeepReadonly<z.inferFormattedError<Schema, string>> | undefined>>;
             status: Readonly<Ref<FormStatus | undefined>>;
-            invalid: import("vue").ComputedRef<boolean>;
+            invalid: import('vue').ComputedRef<boolean>;
             isReadonly: Ref<boolean>;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("invalid" | "valid" | "update:modelValue" | "submit" | "update:readonly")[], import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-            continuosValidation: {
+        }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("invalid" | "valid" | "update:modelValue" | "submit" | "update:readonly")[], import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{
+            continuousValidation: {
                 type: BooleanConstructor;
                 default: boolean;
             };
@@ -86,7 +86,7 @@ export declare const defineForm: <Schema extends FormSchema>(schema: Schema, pro
             readonly: boolean;
             template: FormTemplate<Schema>;
             modelValue: Record<string, any>;
-            continuosValidation: boolean;
+            continuousValidation: boolean;
             tag: string;
         }, true, {}, {}, {
             P: {};
@@ -95,8 +95,8 @@ export declare const defineForm: <Schema extends FormSchema>(schema: Schema, pro
             C: {};
             M: {};
             Defaults: {};
-        }, Readonly<import("vue").ExtractPropTypes<{
-            continuosValidation: {
+        }, Readonly<import('vue').ExtractPropTypes<{
+            continuousValidation: {
                 type: BooleanConstructor;
                 default: boolean;
             };
@@ -130,20 +130,20 @@ export declare const defineForm: <Schema extends FormSchema>(schema: Schema, pro
             stopUpdatesWatch: WatchStopHandle;
             errors: Readonly<Ref<DeepReadonly<z.inferFormattedError<Schema, string>> | undefined>>;
             status: Readonly<Ref<FormStatus | undefined>>;
-            invalid: import("vue").ComputedRef<boolean>;
+            invalid: import('vue').ComputedRef<boolean>;
             isReadonly: Ref<boolean>;
         }, {}, {}, {}, {
             readonly: boolean;
             template: FormTemplate<Schema>;
             modelValue: Record<string, any>;
-            continuosValidation: boolean;
+            continuousValidation: boolean;
             tag: string;
         }>;
         __isFragment?: undefined;
         __isTeleport?: undefined;
         __isSuspense?: undefined;
-    } & import('vue').ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-        continuosValidation: {
+    } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+        continuousValidation: {
             type: BooleanConstructor;
             default: boolean;
         };
@@ -177,13 +177,13 @@ export declare const defineForm: <Schema extends FormSchema>(schema: Schema, pro
         stopUpdatesWatch: WatchStopHandle;
         errors: Readonly<Ref<DeepReadonly<z.inferFormattedError<Schema, string>> | undefined>>;
         status: Readonly<Ref<FormStatus | undefined>>;
-        invalid: import("vue").ComputedRef<boolean>;
+        invalid: import('vue').ComputedRef<boolean>;
         isReadonly: Ref<boolean>;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("invalid" | "valid" | "update:modelValue" | "submit" | "update:readonly")[], "invalid" | "valid" | "update:modelValue" | "submit" | "update:readonly", {
+    }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("invalid" | "valid" | "update:modelValue" | "submit" | "update:readonly")[], "invalid" | "valid" | "update:modelValue" | "submit" | "update:readonly", {
         readonly: boolean;
         template: FormTemplate<Schema>;
         modelValue: Record<string, any>;
-        continuosValidation: boolean;
+        continuousValidation: boolean;
         tag: string;
     }, {}, string, {}> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
         $slots: {

package/dist/VvFormField.d.ts

@@ -38,17 +38,17 @@ export declare const defineFormField: <Schema extends FormSchema>(formProvideKey
         default: undefined;
     };
 }, {
-    component: import("vue").ComputedRef<{
+    component: import('vue').ComputedRef<{
         new (...args: any[]): any;
         __isFragment?: undefined;
         __isTeleport?: undefined;
         __isSuspense?: undefined;
     } | ConcreteComponent>;
-    hasProps: import("vue").ComputedRef<{
+    hasProps: import('vue').ComputedRef<{
         name: {} | ([{
             type: PropType<Path<z.TypeOf<Schema>>>;
             required: true;
-        }] extends [import("vue").Prop<infer V, infer D>] ? unknown extends V ? import("@vue/shared").IfAny<V, V, D> : V : {
+        }] extends [import('vue').Prop<infer V, infer D>] ? unknown extends V ? import('@vue/shared').IfAny<V, V, D> : V : {
             type: PropType<Path<z.TypeOf<Schema>>>;
             required: true;
         });
@@ -60,8 +60,8 @@ export declare const defineFormField: <Schema extends FormSchema>(formProvideKey
         readonly: {} | undefined;
         'onUpdate:modelValue': (value: unknown) => void;
     }>;
-    invalid: import("vue").ComputedRef<boolean>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("invalid" | "valid" | "update:formData" | "update:modelValue")[], "invalid" | "valid" | "update:formData" | "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    invalid: import('vue').ComputedRef<boolean>;
+}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("invalid" | "valid" | "update:formData" | "update:modelValue")[], "invalid" | "valid" | "update:formData" | "update:modelValue", import('vue').PublicProps, 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;
@@ -105,7 +105,7 @@ export declare const defineFormField: <Schema extends FormSchema>(formProvideKey
     props: [{
         type: PropType<Partial<z.TypeOf<Schema> | ((formData?: Ref<ObjectConstructor>) => Partial<z.infer<Schema>> | undefined) | undefined>>;
         default: () => {};
-    }] extends [import("vue").Prop<infer V, infer D>] ? unknown extends V ? import("@vue/shared").IfAny<V, V, D> : V : {
+    }] extends [import('vue').Prop<infer V, infer D>] ? unknown extends V ? import('@vue/shared').IfAny<V, V, D> : V : {
         type: PropType<Partial<z.TypeOf<Schema> | ((formData?: Ref<ObjectConstructor>) => Partial<z.infer<Schema>> | undefined) | undefined>>;
         default: () => {};
     };

package/dist/VvFormTemplate.d.ts

@@ -4,7 +4,7 @@ import { TypeOf, z } from 'zod';
 import { Component, PropType, InjectionKey, DeepReadonly, Ref, VNode } from 'vue';
 
 export declare const defineFormTemplate: <Schema extends FormSchema>(formProvideKey: InjectionKey<InjectedFormData<Schema>>, VvFormField: Component) => {
-    new (...args: any[]): import('vue').CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+    new (...args: any[]): import('vue').CreateComponentPublicInstance<Readonly<import('vue').ExtractPropTypes<{
         schema: {
             type: PropType<FormTemplate<Schema>>;
             required: true;
@@ -13,11 +13,11 @@ export declare const defineFormTemplate: <Schema extends FormSchema>(formProvide
             type: PropType<Record<string, unknown>>;
             default: () => {};
         };
-    }>>, (() => (VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    }>>, (() => (VNode<import('vue').RendererNode, import('vue').RendererElement, {
         [key: string]: any;
-    }> | VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    }> | VNode<import('vue').RendererNode, import('vue').RendererElement, {
         [key: string]: any;
-    }>[] | undefined)[]) | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+    }>[] | undefined)[]) | undefined, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{
         schema: {
             type: PropType<FormTemplate<Schema>>;
             required: true;
@@ -35,7 +35,7 @@ export declare const defineFormTemplate: <Schema extends FormSchema>(formProvide
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import("vue").ExtractPropTypes<{
+    }, Readonly<import('vue').ExtractPropTypes<{
         schema: {
             type: PropType<FormTemplate<Schema>>;
             required: true;
@@ -44,9 +44,9 @@ export declare const defineFormTemplate: <Schema extends FormSchema>(formProvide
             type: PropType<Record<string, unknown>>;
             default: () => {};
         };
-    }>>, {} | (() => (VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    }>>, {} | (() => (VNode<import('vue').RendererNode, import('vue').RendererElement, {
         [key: string]: any;
-    }> | VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    }> | VNode<import('vue').RendererNode, import('vue').RendererElement, {
         [key: string]: any;
     }>[] | undefined)[]), {}, {}, {}, {
         scope: Record<string, unknown>;
@@ -54,7 +54,7 @@ export declare const defineFormTemplate: <Schema extends FormSchema>(formProvide
     __isFragment?: undefined;
     __isTeleport?: undefined;
     __isSuspense?: undefined;
-} & import('vue').ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
     schema: {
         type: PropType<FormTemplate<Schema>>;
         required: true;
@@ -63,11 +63,11 @@ export declare const defineFormTemplate: <Schema extends FormSchema>(formProvide
         type: PropType<Record<string, unknown>>;
         default: () => {};
     };
-}>>, (() => (VNode<import("vue").RendererNode, import("vue").RendererElement, {
+}>>, (() => (VNode<import('vue').RendererNode, import('vue').RendererElement, {
     [key: string]: any;
-}> | VNode<import("vue").RendererNode, import("vue").RendererElement, {
+}> | VNode<import('vue').RendererNode, import('vue').RendererElement, {
     [key: string]: any;
-}>[] | undefined)[]) | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+}>[] | undefined)[]) | undefined, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
     scope: Record<string, unknown>;
 }, {}, string, {}> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: {

package/dist/VvFormWrapper.d.ts

@@ -3,7 +3,7 @@ import { TypeOf, z } from 'zod';
 import { InjectionKey, Ref, DeepReadonly } from 'vue';
 
 export declare const defineFormWrapper: <Schema extends FormSchema>(formProvideKey: InjectionKey<InjectedFormData<Schema>>, wrapperProvideKey: InjectionKey<InjectedFormWrapperData<Schema>>) => {
-    new (...args: any[]): import('vue').CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+    new (...args: any[]): import('vue').CreateComponentPublicInstance<Readonly<import('vue').ExtractPropTypes<{
         name: {
             type: StringConstructor;
             required: true;
@@ -20,10 +20,10 @@ export declare const defineFormWrapper: <Schema extends FormSchema>(formProvideK
         errors: Readonly<Ref<DeepReadonly<z.inferFormattedError<Schema, string>> | undefined>> | undefined;
         submit: (() => Promise<boolean>) | undefined;
         validate: (() => Promise<boolean>) | undefined;
-        invalid: import("vue").ComputedRef<boolean>;
+        invalid: import('vue').ComputedRef<boolean>;
         fields: Ref<Set<string> & Omit<Set<string>, keyof Set<any>>>;
         fieldsErrors: Ref<Map<string, z.inferFormattedError<Schema, string>>>;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("invalid" | "valid")[], import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+    }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("invalid" | "valid")[], import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{
         name: {
             type: StringConstructor;
             required: true;
@@ -44,7 +44,7 @@ export declare const defineFormWrapper: <Schema extends FormSchema>(formProvideK
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import("vue").ExtractPropTypes<{
+    }, Readonly<import('vue').ExtractPropTypes<{
         name: {
             type: StringConstructor;
             required: true;
@@ -61,7 +61,7 @@ export declare const defineFormWrapper: <Schema extends FormSchema>(formProvideK
         errors: Readonly<Ref<DeepReadonly<z.inferFormattedError<Schema, string>> | undefined>> | undefined;
         submit: (() => Promise<boolean>) | undefined;
         validate: (() => Promise<boolean>) | undefined;
-        invalid: import("vue").ComputedRef<boolean>;
+        invalid: import('vue').ComputedRef<boolean>;
         fields: Ref<Set<string> & Omit<Set<string>, keyof Set<any>>>;
         fieldsErrors: Ref<Map<string, z.inferFormattedError<Schema, string>>>;
     }, {}, {}, {}, {
@@ -70,7 +70,7 @@ export declare const defineFormWrapper: <Schema extends FormSchema>(formProvideK
     __isFragment?: undefined;
     __isTeleport?: undefined;
     __isSuspense?: undefined;
-} & import('vue').ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
     name: {
         type: StringConstructor;
         required: true;
@@ -87,10 +87,10 @@ export declare const defineFormWrapper: <Schema extends FormSchema>(formProvideK
     errors: Readonly<Ref<DeepReadonly<z.inferFormattedError<Schema, string>> | undefined>> | undefined;
     submit: (() => Promise<boolean>) | undefined;
     validate: (() => Promise<boolean>) | undefined;
-    invalid: import("vue").ComputedRef<boolean>;
+    invalid: import('vue').ComputedRef<boolean>;
     fields: Ref<Set<string> & Omit<Set<string>, keyof Set<any>>>;
     fieldsErrors: Ref<Map<string, z.inferFormattedError<Schema, string>>>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("invalid" | "valid")[], "invalid" | "valid", {
+}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("invalid" | "valid")[], "invalid" | "valid", {
     tag: string;
 }, {}, string, {}> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: {