@volverjs/form-vue 0.0.10-beta.5 → 0.0.10-beta.6

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 (19) hide show
  1. package/dist/VvForm.d.ts +132 -37
  2. package/dist/VvFormField.d.ts +7 -19
  3. package/dist/VvFormTemplate.d.ts +20 -0
  4. package/dist/VvFormWrapper.d.ts +10 -22
  5. package/dist/enums.d.ts +4 -0
  6. package/dist/index.d.ts +304 -81
  7. package/dist/index.es.js +400 -307
  8. package/dist/index.umd.js +1 -1
  9. package/dist/types.d.ts +98 -20
  10. package/dist/utils.d.ts +2 -13
  11. package/package.json +2 -1
  12. package/src/VvForm.ts +146 -120
  13. package/src/VvFormField.ts +16 -18
  14. package/src/VvFormTemplate.ts +161 -0
  15. package/src/VvFormWrapper.ts +21 -23
  16. package/src/enums.ts +5 -0
  17. package/src/index.ts +22 -19
  18. package/src/types.d.ts +98 -20
  19. package/src/utils.ts +2 -6
package/dist/index.d.ts CHANGED
@@ -1,34 +1,113 @@
1
1
  import { type InjectionKey, type Plugin } from 'vue';
2
- import type { AnyZodObject, ZodEffects } from 'zod';
3
2
  import { defineFormField } from './VvFormField';
4
3
  import { defineForm } from './VvForm';
5
4
  import { defineFormWrapper } from './VvFormWrapper';
6
- import type { InjectedFormData, InjectedFormWrapperData, InjectedFormFieldData, FormComposableOptions, FormPluginOptions } from './types';
7
- export declare const formFactory: <Schema extends AnyZodObject | ZodEffects<AnyZodObject, {
8
- [x: string]: any;
9
- }, {
10
- [x: string]: any;
11
- }> | ZodEffects<ZodEffects<AnyZodObject, {
12
- [x: string]: any;
13
- }, {
14
- [x: string]: any;
15
- }>, {
16
- [x: string]: any;
17
- }, {
18
- [x: string]: any;
19
- }>>(schema: Schema, options?: FormComposableOptions) => {
20
- VvForm: import("vue").DefineComponent<{
21
- modelValue: {
22
- type: ObjectConstructor;
23
- default: () => {};
24
- };
25
- continuosValidation: {
26
- type: BooleanConstructor;
27
- default: boolean;
28
- };
29
- }, {
30
- submit: () => boolean;
31
- }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("valid" | "invalid" | "submit" | "update:modelValue")[], "valid" | "invalid" | "submit" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
5
+ import { defineFormTemplate } from './VvFormTemplate';
6
+ import type { InjectedFormData, InjectedFormWrapperData, InjectedFormFieldData, FormComposableOptions, FormPluginOptions, FormTemplateItem, Path, PathValue, FormSchema } from './types';
7
+ export declare const formFactory: <Schema extends FormSchema>(schema: Schema, options?: FormComposableOptions) => {
8
+ VvForm: {
9
+ new (...args: any[]): {
10
+ $: import("vue").ComponentInternalInstance;
11
+ $data: {};
12
+ $props: Partial<{
13
+ modelValue: Record<string, any>;
14
+ continuosValidation: boolean;
15
+ }> & Omit<Readonly<import("vue").ExtractPropTypes<{
16
+ modelValue: {
17
+ type: ObjectConstructor;
18
+ default: () => {};
19
+ };
20
+ continuosValidation: {
21
+ type: BooleanConstructor;
22
+ default: boolean;
23
+ };
24
+ }>> & {
25
+ onInvalid?: ((...args: any[]) => any) | undefined;
26
+ onValid?: ((...args: any[]) => any) | undefined;
27
+ onSubmit?: ((...args: any[]) => any) | undefined;
28
+ "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
29
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "modelValue" | "continuosValidation">;
30
+ $attrs: {
31
+ [x: string]: unknown;
32
+ };
33
+ $refs: {
34
+ [x: string]: unknown;
35
+ };
36
+ $slots: Readonly<{
37
+ [name: string]: import("vue").Slot | undefined;
38
+ }>;
39
+ $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
40
+ $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
41
+ $emit: (event: "invalid" | "valid" | "submit" | "update:modelValue", ...args: any[]) => void;
42
+ $el: any;
43
+ $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
44
+ modelValue: {
45
+ type: ObjectConstructor;
46
+ default: () => {};
47
+ };
48
+ continuosValidation: {
49
+ type: BooleanConstructor;
50
+ default: boolean;
51
+ };
52
+ }>> & {
53
+ onInvalid?: ((...args: any[]) => any) | undefined;
54
+ onValid?: ((...args: any[]) => any) | undefined;
55
+ onSubmit?: ((...args: any[]) => any) | undefined;
56
+ "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
57
+ }, {
58
+ formData: import("vue").Ref<Partial<import("zod").TypeOf<Schema> | undefined>>;
59
+ submit: () => boolean;
60
+ errors: Readonly<import("vue").Ref<import("vue").DeepReadonly<import("zod").ZodFormattedError<import("zod").TypeOf<Schema>>> | undefined>>;
61
+ status: Readonly<import("vue").Ref<import("./enums").FormStatus | undefined>>;
62
+ invalid: import("vue").ComputedRef<boolean>;
63
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("invalid" | "valid" | "submit" | "update:modelValue")[], string, {
64
+ modelValue: Record<string, any>;
65
+ continuosValidation: boolean;
66
+ }, {}, string> & {
67
+ beforeCreate?: ((() => void) | (() => void)[]) | undefined;
68
+ created?: ((() => void) | (() => void)[]) | undefined;
69
+ beforeMount?: ((() => void) | (() => void)[]) | undefined;
70
+ mounted?: ((() => void) | (() => void)[]) | undefined;
71
+ beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
72
+ updated?: ((() => void) | (() => void)[]) | undefined;
73
+ activated?: ((() => void) | (() => void)[]) | undefined;
74
+ deactivated?: ((() => void) | (() => void)[]) | undefined;
75
+ beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
76
+ beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
77
+ destroyed?: ((() => void) | (() => void)[]) | undefined;
78
+ unmounted?: ((() => void) | (() => void)[]) | undefined;
79
+ renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
80
+ renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
81
+ errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void)[]) | undefined;
82
+ };
83
+ $forceUpdate: () => void;
84
+ $nextTick: typeof import("vue").nextTick;
85
+ $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
86
+ } & Readonly<import("vue").ExtractPropTypes<{
87
+ modelValue: {
88
+ type: ObjectConstructor;
89
+ default: () => {};
90
+ };
91
+ continuosValidation: {
92
+ type: BooleanConstructor;
93
+ default: boolean;
94
+ };
95
+ }>> & {
96
+ onInvalid?: ((...args: any[]) => any) | undefined;
97
+ onValid?: ((...args: any[]) => any) | undefined;
98
+ onSubmit?: ((...args: any[]) => any) | undefined;
99
+ "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
100
+ } & import("vue").ShallowUnwrapRef<{
101
+ formData: import("vue").Ref<Partial<import("zod").TypeOf<Schema> | undefined>>;
102
+ submit: () => boolean;
103
+ errors: Readonly<import("vue").Ref<import("vue").DeepReadonly<import("zod").ZodFormattedError<import("zod").TypeOf<Schema>>> | undefined>>;
104
+ status: Readonly<import("vue").Ref<import("./enums").FormStatus | undefined>>;
105
+ invalid: import("vue").ComputedRef<boolean>;
106
+ }> & {} & import("vue").ComponentCustomProperties & {};
107
+ __isFragment?: undefined;
108
+ __isTeleport?: undefined;
109
+ __isSuspense?: undefined;
110
+ } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
32
111
  modelValue: {
33
112
  type: ObjectConstructor;
34
113
  default: () => {};
@@ -38,14 +117,30 @@ export declare const formFactory: <Schema extends AnyZodObject | ZodEffects<AnyZ
38
117
  default: boolean;
39
118
  };
40
119
  }>> & {
41
- onValid?: ((...args: any[]) => any) | undefined;
42
120
  onInvalid?: ((...args: any[]) => any) | undefined;
121
+ onValid?: ((...args: any[]) => any) | undefined;
43
122
  onSubmit?: ((...args: any[]) => any) | undefined;
44
123
  "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
45
124
  }, {
125
+ formData: import("vue").Ref<Partial<import("zod").TypeOf<Schema> | undefined>>;
126
+ submit: () => boolean;
127
+ errors: Readonly<import("vue").Ref<import("vue").DeepReadonly<import("zod").ZodFormattedError<import("zod").TypeOf<Schema>>> | undefined>>;
128
+ status: Readonly<import("vue").Ref<import("./enums").FormStatus | undefined>>;
129
+ invalid: import("vue").ComputedRef<boolean>;
130
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("invalid" | "valid" | "submit" | "update:modelValue")[], "invalid" | "valid" | "submit" | "update:modelValue", {
46
131
  modelValue: Record<string, any>;
47
132
  continuosValidation: boolean;
48
- }>;
133
+ }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
134
+ $slots: {
135
+ default: (_: {
136
+ formData: unknown extends Partial<import("zod").TypeOf<Schema>> | undefined ? undefined : Partial<import("zod").TypeOf<Schema>> | undefined;
137
+ submit: () => boolean;
138
+ errors: Readonly<import("vue").Ref<import("vue").DeepReadonly<import("zod").inferFormattedError<Schema, string>>>>;
139
+ status: import("vue").Ref<import("vue").DeepReadonly<"invalid" | "valid" | undefined>>;
140
+ invalid: import("vue").Ref<import("vue").DeepReadonly<boolean>>;
141
+ }) => any;
142
+ };
143
+ });
49
144
  VvFormWrapper: {
50
145
  new (...args: any[]): {
51
146
  $: import("vue").ComponentInternalInstance;
@@ -62,8 +157,8 @@ export declare const formFactory: <Schema extends AnyZodObject | ZodEffects<AnyZ
62
157
  default: undefined;
63
158
  };
64
159
  }>> & {
65
- onValid?: ((...args: any[]) => any) | undefined;
66
160
  onInvalid?: ((...args: any[]) => any) | undefined;
161
+ onValid?: ((...args: any[]) => any) | undefined;
67
162
  } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "tag">;
68
163
  $attrs: {
69
164
  [x: string]: unknown;
@@ -76,7 +171,7 @@ export declare const formFactory: <Schema extends AnyZodObject | ZodEffects<AnyZ
76
171
  }>;
77
172
  $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
78
173
  $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
79
- $emit: (event: "valid" | "invalid", ...args: any[]) => void;
174
+ $emit: (event: "invalid" | "valid", ...args: any[]) => void;
80
175
  $el: any;
81
176
  $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
82
177
  name: {
@@ -88,8 +183,8 @@ export declare const formFactory: <Schema extends AnyZodObject | ZodEffects<AnyZ
88
183
  default: undefined;
89
184
  };
90
185
  }>> & {
91
- onValid?: ((...args: any[]) => any) | undefined;
92
186
  onInvalid?: ((...args: any[]) => any) | undefined;
187
+ onValid?: ((...args: any[]) => any) | undefined;
93
188
  }, {
94
189
  formData: import("vue").Ref<Partial<import("zod").TypeOf<Schema>> | undefined> | undefined;
95
190
  errors: Readonly<import("vue").Ref<DeepReadonly<import("zod").inferFormattedError<Schema_1, string>>>> | undefined;
@@ -98,7 +193,7 @@ export declare const formFactory: <Schema extends AnyZodObject | ZodEffects<AnyZ
98
193
  fieldsErrors: import("vue").Ref<Map<string, Record<string, {
99
194
  _errors: string[];
100
195
  }>>>;
101
- }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("valid" | "invalid")[], string, {
196
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("invalid" | "valid")[], string, {
102
197
  tag: string;
103
198
  }, {}, string> & {
104
199
  beforeCreate?: ((() => void) | (() => void)[]) | undefined;
@@ -130,8 +225,8 @@ export declare const formFactory: <Schema extends AnyZodObject | ZodEffects<AnyZ
130
225
  default: undefined;
131
226
  };
132
227
  }>> & {
133
- onValid?: ((...args: any[]) => any) | undefined;
134
228
  onInvalid?: ((...args: any[]) => any) | undefined;
229
+ onValid?: ((...args: any[]) => any) | undefined;
135
230
  } & import("vue").ShallowUnwrapRef<{
136
231
  formData: import("vue").Ref<Partial<import("zod").TypeOf<Schema>> | undefined> | undefined;
137
232
  errors: Readonly<import("vue").Ref<DeepReadonly<import("zod").inferFormattedError<Schema_1, string>>>> | undefined;
@@ -154,8 +249,8 @@ export declare const formFactory: <Schema extends AnyZodObject | ZodEffects<AnyZ
154
249
  default: undefined;
155
250
  };
156
251
  }>> & {
157
- onValid?: ((...args: any[]) => any) | undefined;
158
252
  onInvalid?: ((...args: any[]) => any) | undefined;
253
+ onValid?: ((...args: any[]) => any) | undefined;
159
254
  }, {
160
255
  formData: import("vue").Ref<Partial<import("zod").TypeOf<Schema>> | undefined> | undefined;
161
256
  errors: Readonly<import("vue").Ref<DeepReadonly<import("zod").inferFormattedError<Schema_1, string>>>> | undefined;
@@ -164,7 +259,7 @@ export declare const formFactory: <Schema extends AnyZodObject | ZodEffects<AnyZ
164
259
  fieldsErrors: import("vue").Ref<Map<string, Record<string, {
165
260
  _errors: string[];
166
261
  }>>>;
167
- }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("valid" | "invalid")[], "valid" | "invalid", {
262
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("invalid" | "valid")[], "invalid" | "valid", {
168
263
  tag: string;
169
264
  }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
170
265
  $slots: {
@@ -189,7 +284,7 @@ export declare const formFactory: <Schema extends AnyZodObject | ZodEffects<AnyZ
189
284
  default: undefined;
190
285
  };
191
286
  name: {
192
- type: (SymbolConstructor | BooleanConstructor | StringConstructor | NumberConstructor)[];
287
+ type: import("vue").PropType<Path<import("zod").TypeOf<Schema>>>;
193
288
  required: true;
194
289
  };
195
290
  props: {
@@ -213,7 +308,7 @@ export declare const formFactory: <Schema extends AnyZodObject | ZodEffects<AnyZ
213
308
  } | import("vue").ConcreteComponent>;
214
309
  hasProps: import("vue").ComputedRef<any>;
215
310
  invalid: import("vue").ComputedRef<boolean>;
216
- }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("valid" | "invalid" | "update:modelValue" | "update:formData")[], "valid" | "invalid" | "update:modelValue" | "update:formData", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
311
+ }, 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<{
217
312
  type: {
218
313
  type: import("vue").PropType<"number" | "text" | "email" | "password" | "tel" | "url" | "search" | "date" | "time" | "datetimeLocal" | "month" | "week" | "color" | "select" | "checkbox" | "radio" | "textarea" | "radioGroup" | "checkboxGroup" | "combobox" | "custom">;
219
314
  validator: (value: import("./enums").FormFieldType) => boolean;
@@ -224,7 +319,7 @@ export declare const formFactory: <Schema extends AnyZodObject | ZodEffects<AnyZ
224
319
  default: undefined;
225
320
  };
226
321
  name: {
227
- type: (SymbolConstructor | BooleanConstructor | StringConstructor | NumberConstructor)[];
322
+ type: import("vue").PropType<Path<import("zod").TypeOf<Schema>>>;
228
323
  required: true;
229
324
  };
230
325
  props: {
@@ -240,8 +335,8 @@ export declare const formFactory: <Schema extends AnyZodObject | ZodEffects<AnyZ
240
335
  default: undefined;
241
336
  };
242
337
  }>> & {
243
- onValid?: ((...args: any[]) => any) | undefined;
244
338
  onInvalid?: ((...args: any[]) => any) | undefined;
339
+ onValid?: ((...args: any[]) => any) | undefined;
245
340
  "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
246
341
  "onUpdate:formData"?: ((...args: any[]) => any) | undefined;
247
342
  }, {
@@ -257,40 +352,135 @@ export declare const formFactory: <Schema extends AnyZodObject | ZodEffects<AnyZ
257
352
  showValid: boolean;
258
353
  defaultValue: string | number | boolean | unknown[] | Record<string, any>;
259
354
  }>;
355
+ VvFormTemplate: (import("vue").ComponentOptions<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, any, any, any> | {
356
+ new (...args: any[]): any;
357
+ __isFragment?: undefined;
358
+ __isTeleport?: undefined;
359
+ __isSuspense?: undefined;
360
+ }) & (new () => {
361
+ $slots: {
362
+ default: (_: {
363
+ formData: unknown extends Partial<import("zod").TypeOf<Schema>> | undefined ? undefined : Partial<import("zod").TypeOf<Schema>> | undefined;
364
+ submit: () => boolean;
365
+ errors: Readonly<import("vue").Ref<import("vue").DeepReadonly<import("zod").inferFormattedError<Schema, string>>>>;
366
+ status: import("vue").Ref<import("vue").DeepReadonly<"invalid" | "valid" | undefined>>;
367
+ invalid: import("vue").Ref<import("vue").DeepReadonly<boolean>>;
368
+ }) => any;
369
+ };
370
+ });
260
371
  formInjectionKey: InjectionKey<InjectedFormData<Schema>>;
261
372
  formWrapperInjectionKey: InjectionKey<InjectedFormWrapperData<Schema>>;
262
373
  formFieldInjectionKey: InjectionKey<InjectedFormFieldData<Schema>>;
263
374
  errors: import("vue").Ref<import("zod").ZodFormattedError<import("zod").TypeOf<Schema>> | undefined>;
264
- status: import("vue").Ref<import("./VvForm").FormStatus | undefined>;
375
+ status: import("vue").Ref<import("./enums").FormStatus | undefined>;
265
376
  formData: import("vue").Ref<Partial<import("zod").TypeOf<Schema> | undefined>>;
266
377
  };
267
378
  export declare const pluginInjectionKey: InjectionKey<FormPluginOptions>;
268
379
  export declare const createForm: (options: FormPluginOptions) => Plugin & Partial<ReturnType<typeof useForm>>;
269
- export declare const useForm: <Schema extends AnyZodObject | ZodEffects<AnyZodObject, {
270
- [x: string]: any;
271
- }, {
272
- [x: string]: any;
273
- }> | ZodEffects<ZodEffects<AnyZodObject, {
274
- [x: string]: any;
275
- }, {
276
- [x: string]: any;
277
- }>, {
278
- [x: string]: any;
279
- }, {
280
- [x: string]: any;
281
- }>>(schema: Schema, options?: FormComposableOptions) => {
282
- VvForm: import("vue").DefineComponent<{
283
- modelValue: {
284
- type: ObjectConstructor;
285
- default: () => {};
286
- };
287
- continuosValidation: {
288
- type: BooleanConstructor;
289
- default: boolean;
290
- };
291
- }, {
292
- submit: () => boolean;
293
- }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("valid" | "invalid" | "submit" | "update:modelValue")[], "valid" | "invalid" | "submit" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
380
+ export declare const useForm: <Schema extends FormSchema>(schema: Schema, options?: FormComposableOptions) => {
381
+ VvForm: {
382
+ new (...args: any[]): {
383
+ $: import("vue").ComponentInternalInstance;
384
+ $data: {};
385
+ $props: Partial<{
386
+ modelValue: Record<string, any>;
387
+ continuosValidation: boolean;
388
+ }> & Omit<Readonly<import("vue").ExtractPropTypes<{
389
+ modelValue: {
390
+ type: ObjectConstructor;
391
+ default: () => {};
392
+ };
393
+ continuosValidation: {
394
+ type: BooleanConstructor;
395
+ default: boolean;
396
+ };
397
+ }>> & {
398
+ onInvalid?: ((...args: any[]) => any) | undefined;
399
+ onValid?: ((...args: any[]) => any) | undefined;
400
+ onSubmit?: ((...args: any[]) => any) | undefined;
401
+ "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
402
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "modelValue" | "continuosValidation">;
403
+ $attrs: {
404
+ [x: string]: unknown;
405
+ };
406
+ $refs: {
407
+ [x: string]: unknown;
408
+ };
409
+ $slots: Readonly<{
410
+ [name: string]: import("vue").Slot | undefined;
411
+ }>;
412
+ $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
413
+ $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
414
+ $emit: (event: "invalid" | "valid" | "submit" | "update:modelValue", ...args: any[]) => void;
415
+ $el: any;
416
+ $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
417
+ modelValue: {
418
+ type: ObjectConstructor;
419
+ default: () => {};
420
+ };
421
+ continuosValidation: {
422
+ type: BooleanConstructor;
423
+ default: boolean;
424
+ };
425
+ }>> & {
426
+ onInvalid?: ((...args: any[]) => any) | undefined;
427
+ onValid?: ((...args: any[]) => any) | undefined;
428
+ onSubmit?: ((...args: any[]) => any) | undefined;
429
+ "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
430
+ }, {
431
+ formData: import("vue").Ref<Partial<import("zod").TypeOf<Schema> | undefined>>;
432
+ submit: () => boolean;
433
+ errors: Readonly<import("vue").Ref<import("vue").DeepReadonly<import("zod").ZodFormattedError<import("zod").TypeOf<Schema>>> | undefined>>;
434
+ status: Readonly<import("vue").Ref<import("./enums").FormStatus | undefined>>;
435
+ invalid: import("vue").ComputedRef<boolean>;
436
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("invalid" | "valid" | "submit" | "update:modelValue")[], string, {
437
+ modelValue: Record<string, any>;
438
+ continuosValidation: boolean;
439
+ }, {}, string> & {
440
+ beforeCreate?: ((() => void) | (() => void)[]) | undefined;
441
+ created?: ((() => void) | (() => void)[]) | undefined;
442
+ beforeMount?: ((() => void) | (() => void)[]) | undefined;
443
+ mounted?: ((() => void) | (() => void)[]) | undefined;
444
+ beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
445
+ updated?: ((() => void) | (() => void)[]) | undefined;
446
+ activated?: ((() => void) | (() => void)[]) | undefined;
447
+ deactivated?: ((() => void) | (() => void)[]) | undefined;
448
+ beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
449
+ beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
450
+ destroyed?: ((() => void) | (() => void)[]) | undefined;
451
+ unmounted?: ((() => void) | (() => void)[]) | undefined;
452
+ renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
453
+ renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
454
+ errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void)[]) | undefined;
455
+ };
456
+ $forceUpdate: () => void;
457
+ $nextTick: typeof import("vue").nextTick;
458
+ $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
459
+ } & Readonly<import("vue").ExtractPropTypes<{
460
+ modelValue: {
461
+ type: ObjectConstructor;
462
+ default: () => {};
463
+ };
464
+ continuosValidation: {
465
+ type: BooleanConstructor;
466
+ default: boolean;
467
+ };
468
+ }>> & {
469
+ onInvalid?: ((...args: any[]) => any) | undefined;
470
+ onValid?: ((...args: any[]) => any) | undefined;
471
+ onSubmit?: ((...args: any[]) => any) | undefined;
472
+ "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
473
+ } & import("vue").ShallowUnwrapRef<{
474
+ formData: import("vue").Ref<Partial<import("zod").TypeOf<Schema> | undefined>>;
475
+ submit: () => boolean;
476
+ errors: Readonly<import("vue").Ref<import("vue").DeepReadonly<import("zod").ZodFormattedError<import("zod").TypeOf<Schema>>> | undefined>>;
477
+ status: Readonly<import("vue").Ref<import("./enums").FormStatus | undefined>>;
478
+ invalid: import("vue").ComputedRef<boolean>;
479
+ }> & {} & import("vue").ComponentCustomProperties & {};
480
+ __isFragment?: undefined;
481
+ __isTeleport?: undefined;
482
+ __isSuspense?: undefined;
483
+ } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
294
484
  modelValue: {
295
485
  type: ObjectConstructor;
296
486
  default: () => {};
@@ -300,14 +490,30 @@ export declare const useForm: <Schema extends AnyZodObject | ZodEffects<AnyZodOb
300
490
  default: boolean;
301
491
  };
302
492
  }>> & {
303
- onValid?: ((...args: any[]) => any) | undefined;
304
493
  onInvalid?: ((...args: any[]) => any) | undefined;
494
+ onValid?: ((...args: any[]) => any) | undefined;
305
495
  onSubmit?: ((...args: any[]) => any) | undefined;
306
496
  "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
307
497
  }, {
498
+ formData: import("vue").Ref<Partial<import("zod").TypeOf<Schema> | undefined>>;
499
+ submit: () => boolean;
500
+ errors: Readonly<import("vue").Ref<import("vue").DeepReadonly<import("zod").ZodFormattedError<import("zod").TypeOf<Schema>>> | undefined>>;
501
+ status: Readonly<import("vue").Ref<import("./enums").FormStatus | undefined>>;
502
+ invalid: import("vue").ComputedRef<boolean>;
503
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("invalid" | "valid" | "submit" | "update:modelValue")[], "invalid" | "valid" | "submit" | "update:modelValue", {
308
504
  modelValue: Record<string, any>;
309
505
  continuosValidation: boolean;
310
- }>;
506
+ }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
507
+ $slots: {
508
+ default: (_: {
509
+ formData: unknown extends Partial<import("zod").TypeOf<Schema>> | undefined ? undefined : Partial<import("zod").TypeOf<Schema>> | undefined;
510
+ submit: () => boolean;
511
+ errors: Readonly<import("vue").Ref<import("vue").DeepReadonly<import("zod").inferFormattedError<Schema, string>>>>;
512
+ status: import("vue").Ref<import("vue").DeepReadonly<"invalid" | "valid" | undefined>>;
513
+ invalid: import("vue").Ref<import("vue").DeepReadonly<boolean>>;
514
+ }) => any;
515
+ };
516
+ });
311
517
  VvFormWrapper: {
312
518
  new (...args: any[]): {
313
519
  $: import("vue").ComponentInternalInstance;
@@ -324,8 +530,8 @@ export declare const useForm: <Schema extends AnyZodObject | ZodEffects<AnyZodOb
324
530
  default: undefined;
325
531
  };
326
532
  }>> & {
327
- onValid?: ((...args: any[]) => any) | undefined;
328
533
  onInvalid?: ((...args: any[]) => any) | undefined;
534
+ onValid?: ((...args: any[]) => any) | undefined;
329
535
  } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "tag">;
330
536
  $attrs: {
331
537
  [x: string]: unknown;
@@ -338,7 +544,7 @@ export declare const useForm: <Schema extends AnyZodObject | ZodEffects<AnyZodOb
338
544
  }>;
339
545
  $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
340
546
  $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
341
- $emit: (event: "valid" | "invalid", ...args: any[]) => void;
547
+ $emit: (event: "invalid" | "valid", ...args: any[]) => void;
342
548
  $el: any;
343
549
  $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
344
550
  name: {
@@ -350,8 +556,8 @@ export declare const useForm: <Schema extends AnyZodObject | ZodEffects<AnyZodOb
350
556
  default: undefined;
351
557
  };
352
558
  }>> & {
353
- onValid?: ((...args: any[]) => any) | undefined;
354
559
  onInvalid?: ((...args: any[]) => any) | undefined;
560
+ onValid?: ((...args: any[]) => any) | undefined;
355
561
  }, {
356
562
  formData: import("vue").Ref<Partial<import("zod").TypeOf<Schema>> | undefined> | undefined;
357
563
  errors: Readonly<import("vue").Ref<DeepReadonly<import("zod").inferFormattedError<Schema_1, string>>>> | undefined;
@@ -360,7 +566,7 @@ export declare const useForm: <Schema extends AnyZodObject | ZodEffects<AnyZodOb
360
566
  fieldsErrors: import("vue").Ref<Map<string, Record<string, {
361
567
  _errors: string[];
362
568
  }>>>;
363
- }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("valid" | "invalid")[], string, {
569
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("invalid" | "valid")[], string, {
364
570
  tag: string;
365
571
  }, {}, string> & {
366
572
  beforeCreate?: ((() => void) | (() => void)[]) | undefined;
@@ -392,8 +598,8 @@ export declare const useForm: <Schema extends AnyZodObject | ZodEffects<AnyZodOb
392
598
  default: undefined;
393
599
  };
394
600
  }>> & {
395
- onValid?: ((...args: any[]) => any) | undefined;
396
601
  onInvalid?: ((...args: any[]) => any) | undefined;
602
+ onValid?: ((...args: any[]) => any) | undefined;
397
603
  } & import("vue").ShallowUnwrapRef<{
398
604
  formData: import("vue").Ref<Partial<import("zod").TypeOf<Schema>> | undefined> | undefined;
399
605
  errors: Readonly<import("vue").Ref<DeepReadonly<import("zod").inferFormattedError<Schema_1, string>>>> | undefined;
@@ -416,8 +622,8 @@ export declare const useForm: <Schema extends AnyZodObject | ZodEffects<AnyZodOb
416
622
  default: undefined;
417
623
  };
418
624
  }>> & {
419
- onValid?: ((...args: any[]) => any) | undefined;
420
625
  onInvalid?: ((...args: any[]) => any) | undefined;
626
+ onValid?: ((...args: any[]) => any) | undefined;
421
627
  }, {
422
628
  formData: import("vue").Ref<Partial<import("zod").TypeOf<Schema>> | undefined> | undefined;
423
629
  errors: Readonly<import("vue").Ref<DeepReadonly<import("zod").inferFormattedError<Schema_1, string>>>> | undefined;
@@ -426,7 +632,7 @@ export declare const useForm: <Schema extends AnyZodObject | ZodEffects<AnyZodOb
426
632
  fieldsErrors: import("vue").Ref<Map<string, Record<string, {
427
633
  _errors: string[];
428
634
  }>>>;
429
- }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("valid" | "invalid")[], "valid" | "invalid", {
635
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("invalid" | "valid")[], "invalid" | "valid", {
430
636
  tag: string;
431
637
  }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
432
638
  $slots: {
@@ -451,7 +657,7 @@ export declare const useForm: <Schema extends AnyZodObject | ZodEffects<AnyZodOb
451
657
  default: undefined;
452
658
  };
453
659
  name: {
454
- type: (SymbolConstructor | BooleanConstructor | StringConstructor | NumberConstructor)[];
660
+ type: import("vue").PropType<Path<import("zod").TypeOf<Schema>>>;
455
661
  required: true;
456
662
  };
457
663
  props: {
@@ -475,7 +681,7 @@ export declare const useForm: <Schema extends AnyZodObject | ZodEffects<AnyZodOb
475
681
  } | import("vue").ConcreteComponent>;
476
682
  hasProps: import("vue").ComputedRef<any>;
477
683
  invalid: import("vue").ComputedRef<boolean>;
478
- }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("valid" | "invalid" | "update:modelValue" | "update:formData")[], "valid" | "invalid" | "update:modelValue" | "update:formData", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
684
+ }, 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<{
479
685
  type: {
480
686
  type: import("vue").PropType<"number" | "text" | "email" | "password" | "tel" | "url" | "search" | "date" | "time" | "datetimeLocal" | "month" | "week" | "color" | "select" | "checkbox" | "radio" | "textarea" | "radioGroup" | "checkboxGroup" | "combobox" | "custom">;
481
687
  validator: (value: import("./enums").FormFieldType) => boolean;
@@ -486,7 +692,7 @@ export declare const useForm: <Schema extends AnyZodObject | ZodEffects<AnyZodOb
486
692
  default: undefined;
487
693
  };
488
694
  name: {
489
- type: (SymbolConstructor | BooleanConstructor | StringConstructor | NumberConstructor)[];
695
+ type: import("vue").PropType<Path<import("zod").TypeOf<Schema>>>;
490
696
  required: true;
491
697
  };
492
698
  props: {
@@ -502,8 +708,8 @@ export declare const useForm: <Schema extends AnyZodObject | ZodEffects<AnyZodOb
502
708
  default: undefined;
503
709
  };
504
710
  }>> & {
505
- onValid?: ((...args: any[]) => any) | undefined;
506
711
  onInvalid?: ((...args: any[]) => any) | undefined;
712
+ onValid?: ((...args: any[]) => any) | undefined;
507
713
  "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
508
714
  "onUpdate:formData"?: ((...args: any[]) => any) | undefined;
509
715
  }, {
@@ -519,11 +725,27 @@ export declare const useForm: <Schema extends AnyZodObject | ZodEffects<AnyZodOb
519
725
  showValid: boolean;
520
726
  defaultValue: string | number | boolean | unknown[] | Record<string, any>;
521
727
  }>;
728
+ VvFormTemplate: (import("vue").ComponentOptions<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, any, any, any> | {
729
+ new (...args: any[]): any;
730
+ __isFragment?: undefined;
731
+ __isTeleport?: undefined;
732
+ __isSuspense?: undefined;
733
+ }) & (new () => {
734
+ $slots: {
735
+ default: (_: {
736
+ formData: unknown extends Partial<import("zod").TypeOf<Schema>> | undefined ? undefined : Partial<import("zod").TypeOf<Schema>> | undefined;
737
+ submit: () => boolean;
738
+ errors: Readonly<import("vue").Ref<import("vue").DeepReadonly<import("zod").inferFormattedError<Schema, string>>>>;
739
+ status: import("vue").Ref<import("vue").DeepReadonly<"invalid" | "valid" | undefined>>;
740
+ invalid: import("vue").Ref<import("vue").DeepReadonly<boolean>>;
741
+ }) => any;
742
+ };
743
+ });
522
744
  formInjectionKey: InjectionKey<InjectedFormData<Schema>>;
523
745
  formWrapperInjectionKey: InjectionKey<InjectedFormWrapperData<Schema>>;
524
746
  formFieldInjectionKey: InjectionKey<InjectedFormFieldData<Schema>>;
525
747
  errors: import("vue").Ref<import("zod").ZodFormattedError<import("zod").TypeOf<Schema>> | undefined>;
526
- status: import("vue").Ref<import("./VvForm").FormStatus | undefined>;
748
+ status: import("vue").Ref<import("./enums").FormStatus | undefined>;
527
749
  formData: import("vue").Ref<Partial<import("zod").TypeOf<Schema> | undefined>>;
528
750
  };
529
751
  export { FormFieldType } from './enums';
@@ -531,4 +753,5 @@ export { defaultObjectBySchema } from './utils';
531
753
  type FormComponent = ReturnType<typeof defineForm>;
532
754
  type FormWrapperComponent = ReturnType<typeof defineFormWrapper>;
533
755
  type FormFieldComponent = ReturnType<typeof defineFormField>;
534
- export type { InjectedFormData, InjectedFormWrapperData, InjectedFormFieldData, FormComposableOptions, FormPluginOptions, FormComponent, FormWrapperComponent, FormFieldComponent, };
756
+ type FormTemplateComponent = ReturnType<typeof defineFormTemplate>;
757
+ export type { InjectedFormData, InjectedFormWrapperData, InjectedFormFieldData, FormComposableOptions, FormPluginOptions, FormComponent, FormWrapperComponent, FormFieldComponent, FormTemplateComponent, FormTemplateItem, Path, PathValue, };