@volverjs/form-vue 0.0.10-beta.4 → 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 +120 -32
  5. package/dist/enums.d.ts +4 -0
  6. package/dist/index.d.ts +520 -97
  7. package/dist/index.es.js +398 -305
  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 +7 -6
  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 +50 -21
  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,15 +117,129 @@ 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
- }>;
49
- VvFormWrapper: import("vue").DefineComponent<{
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
+ });
144
+ VvFormWrapper: {
145
+ new (...args: any[]): {
146
+ $: import("vue").ComponentInternalInstance;
147
+ $data: {};
148
+ $props: Partial<{
149
+ tag: string;
150
+ }> & Omit<Readonly<import("vue").ExtractPropTypes<{
151
+ name: {
152
+ type: StringConstructor;
153
+ required: true;
154
+ };
155
+ tag: {
156
+ type: StringConstructor;
157
+ default: undefined;
158
+ };
159
+ }>> & {
160
+ onInvalid?: ((...args: any[]) => any) | undefined;
161
+ onValid?: ((...args: any[]) => any) | undefined;
162
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "tag">;
163
+ $attrs: {
164
+ [x: string]: unknown;
165
+ };
166
+ $refs: {
167
+ [x: string]: unknown;
168
+ };
169
+ $slots: Readonly<{
170
+ [name: string]: import("vue").Slot | undefined;
171
+ }>;
172
+ $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
173
+ $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
174
+ $emit: (event: "invalid" | "valid", ...args: any[]) => void;
175
+ $el: any;
176
+ $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
177
+ name: {
178
+ type: StringConstructor;
179
+ required: true;
180
+ };
181
+ tag: {
182
+ type: StringConstructor;
183
+ default: undefined;
184
+ };
185
+ }>> & {
186
+ onInvalid?: ((...args: any[]) => any) | undefined;
187
+ onValid?: ((...args: any[]) => any) | undefined;
188
+ }, {
189
+ formData: import("vue").Ref<Partial<import("zod").TypeOf<Schema>> | undefined> | undefined;
190
+ errors: Readonly<import("vue").Ref<DeepReadonly<import("zod").inferFormattedError<Schema_1, string>>>> | undefined;
191
+ invalid: import("vue").ComputedRef<boolean>;
192
+ fields: import("vue").Ref<Set<string>>;
193
+ fieldsErrors: import("vue").Ref<Map<string, Record<string, {
194
+ _errors: string[];
195
+ }>>>;
196
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("invalid" | "valid")[], string, {
197
+ tag: string;
198
+ }, {}, string> & {
199
+ beforeCreate?: ((() => void) | (() => void)[]) | undefined;
200
+ created?: ((() => void) | (() => void)[]) | undefined;
201
+ beforeMount?: ((() => void) | (() => void)[]) | undefined;
202
+ mounted?: ((() => void) | (() => void)[]) | undefined;
203
+ beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
204
+ updated?: ((() => void) | (() => void)[]) | undefined;
205
+ activated?: ((() => void) | (() => void)[]) | undefined;
206
+ deactivated?: ((() => void) | (() => void)[]) | undefined;
207
+ beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
208
+ beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
209
+ destroyed?: ((() => void) | (() => void)[]) | undefined;
210
+ unmounted?: ((() => void) | (() => void)[]) | undefined;
211
+ renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
212
+ renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
213
+ 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;
214
+ };
215
+ $forceUpdate: () => void;
216
+ $nextTick: typeof import("vue").nextTick;
217
+ $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;
218
+ } & Readonly<import("vue").ExtractPropTypes<{
219
+ name: {
220
+ type: StringConstructor;
221
+ required: true;
222
+ };
223
+ tag: {
224
+ type: StringConstructor;
225
+ default: undefined;
226
+ };
227
+ }>> & {
228
+ onInvalid?: ((...args: any[]) => any) | undefined;
229
+ onValid?: ((...args: any[]) => any) | undefined;
230
+ } & import("vue").ShallowUnwrapRef<{
231
+ formData: import("vue").Ref<Partial<import("zod").TypeOf<Schema>> | undefined> | undefined;
232
+ errors: Readonly<import("vue").Ref<DeepReadonly<import("zod").inferFormattedError<Schema_1, string>>>> | undefined;
233
+ invalid: import("vue").ComputedRef<boolean>;
234
+ fields: import("vue").Ref<Set<string>>;
235
+ fieldsErrors: import("vue").Ref<Map<string, Record<string, {
236
+ _errors: string[];
237
+ }>>>;
238
+ }> & {} & import("vue").ComponentCustomProperties & {};
239
+ __isFragment?: undefined;
240
+ __isTeleport?: undefined;
241
+ __isSuspense?: undefined;
242
+ } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
50
243
  name: {
51
244
  type: StringConstructor;
52
245
  required: true;
@@ -55,6 +248,9 @@ export declare const formFactory: <Schema extends AnyZodObject | ZodEffects<AnyZ
55
248
  type: StringConstructor;
56
249
  default: undefined;
57
250
  };
251
+ }>> & {
252
+ onInvalid?: ((...args: any[]) => any) | undefined;
253
+ onValid?: ((...args: any[]) => any) | undefined;
58
254
  }, {
59
255
  formData: import("vue").Ref<Partial<import("zod").TypeOf<Schema>> | undefined> | undefined;
60
256
  errors: Readonly<import("vue").Ref<DeepReadonly<import("zod").inferFormattedError<Schema_1, string>>>> | undefined;
@@ -63,21 +259,20 @@ export declare const formFactory: <Schema extends AnyZodObject | ZodEffects<AnyZ
63
259
  fieldsErrors: import("vue").Ref<Map<string, Record<string, {
64
260
  _errors: string[];
65
261
  }>>>;
66
- }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("valid" | "invalid")[], "valid" | "invalid", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
67
- name: {
68
- type: StringConstructor;
69
- required: true;
70
- };
71
- tag: {
72
- type: StringConstructor;
73
- default: undefined;
74
- };
75
- }>> & {
76
- onValid?: ((...args: any[]) => any) | undefined;
77
- onInvalid?: ((...args: any[]) => any) | undefined;
78
- }, {
262
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("invalid" | "valid")[], "invalid" | "valid", {
79
263
  tag: string;
80
- }>;
264
+ }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
265
+ $slots: {
266
+ default: (_: {
267
+ invalid: boolean;
268
+ formData: unknown extends Partial<import("zod").TypeOf<Schema>> | undefined ? undefined : Partial<import("zod").TypeOf<Schema>> | undefined;
269
+ errors: Readonly<import("vue").Ref<import("vue").DeepReadonly<import("zod").inferFormattedError<Schema, string>>>>;
270
+ fieldsErrors: Map<string, Record<string, {
271
+ _errors: string[];
272
+ }>>;
273
+ }) => any;
274
+ };
275
+ });
81
276
  VvFormField: import("vue").DefineComponent<{
82
277
  type: {
83
278
  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">;
@@ -89,7 +284,7 @@ export declare const formFactory: <Schema extends AnyZodObject | ZodEffects<AnyZ
89
284
  default: undefined;
90
285
  };
91
286
  name: {
92
- type: (SymbolConstructor | BooleanConstructor | StringConstructor | NumberConstructor)[];
287
+ type: import("vue").PropType<Path<import("zod").TypeOf<Schema>>>;
93
288
  required: true;
94
289
  };
95
290
  props: {
@@ -113,7 +308,7 @@ export declare const formFactory: <Schema extends AnyZodObject | ZodEffects<AnyZ
113
308
  } | import("vue").ConcreteComponent>;
114
309
  hasProps: import("vue").ComputedRef<any>;
115
310
  invalid: import("vue").ComputedRef<boolean>;
116
- }, 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<{
117
312
  type: {
118
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">;
119
314
  validator: (value: import("./enums").FormFieldType) => boolean;
@@ -124,7 +319,7 @@ export declare const formFactory: <Schema extends AnyZodObject | ZodEffects<AnyZ
124
319
  default: undefined;
125
320
  };
126
321
  name: {
127
- type: (SymbolConstructor | BooleanConstructor | StringConstructor | NumberConstructor)[];
322
+ type: import("vue").PropType<Path<import("zod").TypeOf<Schema>>>;
128
323
  required: true;
129
324
  };
130
325
  props: {
@@ -140,8 +335,8 @@ export declare const formFactory: <Schema extends AnyZodObject | ZodEffects<AnyZ
140
335
  default: undefined;
141
336
  };
142
337
  }>> & {
143
- onValid?: ((...args: any[]) => any) | undefined;
144
338
  onInvalid?: ((...args: any[]) => any) | undefined;
339
+ onValid?: ((...args: any[]) => any) | undefined;
145
340
  "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
146
341
  "onUpdate:formData"?: ((...args: any[]) => any) | undefined;
147
342
  }, {
@@ -157,40 +352,135 @@ export declare const formFactory: <Schema extends AnyZodObject | ZodEffects<AnyZ
157
352
  showValid: boolean;
158
353
  defaultValue: string | number | boolean | unknown[] | Record<string, any>;
159
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
+ });
160
371
  formInjectionKey: InjectionKey<InjectedFormData<Schema>>;
161
372
  formWrapperInjectionKey: InjectionKey<InjectedFormWrapperData<Schema>>;
162
373
  formFieldInjectionKey: InjectionKey<InjectedFormFieldData<Schema>>;
163
374
  errors: import("vue").Ref<import("zod").ZodFormattedError<import("zod").TypeOf<Schema>> | undefined>;
164
- status: import("vue").Ref<import("./VvForm").FormStatus | undefined>;
375
+ status: import("vue").Ref<import("./enums").FormStatus | undefined>;
165
376
  formData: import("vue").Ref<Partial<import("zod").TypeOf<Schema> | undefined>>;
166
377
  };
167
378
  export declare const pluginInjectionKey: InjectionKey<FormPluginOptions>;
168
379
  export declare const createForm: (options: FormPluginOptions) => Plugin & Partial<ReturnType<typeof useForm>>;
169
- export declare const useForm: <Schema extends AnyZodObject | ZodEffects<AnyZodObject, {
170
- [x: string]: any;
171
- }, {
172
- [x: string]: any;
173
- }> | ZodEffects<ZodEffects<AnyZodObject, {
174
- [x: string]: any;
175
- }, {
176
- [x: string]: any;
177
- }>, {
178
- [x: string]: any;
179
- }, {
180
- [x: string]: any;
181
- }>>(schema: Schema, options?: FormComposableOptions) => {
182
- VvForm: import("vue").DefineComponent<{
183
- modelValue: {
184
- type: ObjectConstructor;
185
- default: () => {};
186
- };
187
- continuosValidation: {
188
- type: BooleanConstructor;
189
- default: boolean;
190
- };
191
- }, {
192
- submit: () => boolean;
193
- }, 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<{
194
484
  modelValue: {
195
485
  type: ObjectConstructor;
196
486
  default: () => {};
@@ -200,15 +490,129 @@ export declare const useForm: <Schema extends AnyZodObject | ZodEffects<AnyZodOb
200
490
  default: boolean;
201
491
  };
202
492
  }>> & {
203
- onValid?: ((...args: any[]) => any) | undefined;
204
493
  onInvalid?: ((...args: any[]) => any) | undefined;
494
+ onValid?: ((...args: any[]) => any) | undefined;
205
495
  onSubmit?: ((...args: any[]) => any) | undefined;
206
496
  "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
207
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", {
208
504
  modelValue: Record<string, any>;
209
505
  continuosValidation: boolean;
210
- }>;
211
- VvFormWrapper: import("vue").DefineComponent<{
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
+ });
517
+ VvFormWrapper: {
518
+ new (...args: any[]): {
519
+ $: import("vue").ComponentInternalInstance;
520
+ $data: {};
521
+ $props: Partial<{
522
+ tag: string;
523
+ }> & Omit<Readonly<import("vue").ExtractPropTypes<{
524
+ name: {
525
+ type: StringConstructor;
526
+ required: true;
527
+ };
528
+ tag: {
529
+ type: StringConstructor;
530
+ default: undefined;
531
+ };
532
+ }>> & {
533
+ onInvalid?: ((...args: any[]) => any) | undefined;
534
+ onValid?: ((...args: any[]) => any) | undefined;
535
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "tag">;
536
+ $attrs: {
537
+ [x: string]: unknown;
538
+ };
539
+ $refs: {
540
+ [x: string]: unknown;
541
+ };
542
+ $slots: Readonly<{
543
+ [name: string]: import("vue").Slot | undefined;
544
+ }>;
545
+ $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
546
+ $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
547
+ $emit: (event: "invalid" | "valid", ...args: any[]) => void;
548
+ $el: any;
549
+ $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
550
+ name: {
551
+ type: StringConstructor;
552
+ required: true;
553
+ };
554
+ tag: {
555
+ type: StringConstructor;
556
+ default: undefined;
557
+ };
558
+ }>> & {
559
+ onInvalid?: ((...args: any[]) => any) | undefined;
560
+ onValid?: ((...args: any[]) => any) | undefined;
561
+ }, {
562
+ formData: import("vue").Ref<Partial<import("zod").TypeOf<Schema>> | undefined> | undefined;
563
+ errors: Readonly<import("vue").Ref<DeepReadonly<import("zod").inferFormattedError<Schema_1, string>>>> | undefined;
564
+ invalid: import("vue").ComputedRef<boolean>;
565
+ fields: import("vue").Ref<Set<string>>;
566
+ fieldsErrors: import("vue").Ref<Map<string, Record<string, {
567
+ _errors: string[];
568
+ }>>>;
569
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("invalid" | "valid")[], string, {
570
+ tag: string;
571
+ }, {}, string> & {
572
+ beforeCreate?: ((() => void) | (() => void)[]) | undefined;
573
+ created?: ((() => void) | (() => void)[]) | undefined;
574
+ beforeMount?: ((() => void) | (() => void)[]) | undefined;
575
+ mounted?: ((() => void) | (() => void)[]) | undefined;
576
+ beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
577
+ updated?: ((() => void) | (() => void)[]) | undefined;
578
+ activated?: ((() => void) | (() => void)[]) | undefined;
579
+ deactivated?: ((() => void) | (() => void)[]) | undefined;
580
+ beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
581
+ beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
582
+ destroyed?: ((() => void) | (() => void)[]) | undefined;
583
+ unmounted?: ((() => void) | (() => void)[]) | undefined;
584
+ renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
585
+ renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
586
+ 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;
587
+ };
588
+ $forceUpdate: () => void;
589
+ $nextTick: typeof import("vue").nextTick;
590
+ $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;
591
+ } & Readonly<import("vue").ExtractPropTypes<{
592
+ name: {
593
+ type: StringConstructor;
594
+ required: true;
595
+ };
596
+ tag: {
597
+ type: StringConstructor;
598
+ default: undefined;
599
+ };
600
+ }>> & {
601
+ onInvalid?: ((...args: any[]) => any) | undefined;
602
+ onValid?: ((...args: any[]) => any) | undefined;
603
+ } & import("vue").ShallowUnwrapRef<{
604
+ formData: import("vue").Ref<Partial<import("zod").TypeOf<Schema>> | undefined> | undefined;
605
+ errors: Readonly<import("vue").Ref<DeepReadonly<import("zod").inferFormattedError<Schema_1, string>>>> | undefined;
606
+ invalid: import("vue").ComputedRef<boolean>;
607
+ fields: import("vue").Ref<Set<string>>;
608
+ fieldsErrors: import("vue").Ref<Map<string, Record<string, {
609
+ _errors: string[];
610
+ }>>>;
611
+ }> & {} & import("vue").ComponentCustomProperties & {};
612
+ __isFragment?: undefined;
613
+ __isTeleport?: undefined;
614
+ __isSuspense?: undefined;
615
+ } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
212
616
  name: {
213
617
  type: StringConstructor;
214
618
  required: true;
@@ -217,6 +621,9 @@ export declare const useForm: <Schema extends AnyZodObject | ZodEffects<AnyZodOb
217
621
  type: StringConstructor;
218
622
  default: undefined;
219
623
  };
624
+ }>> & {
625
+ onInvalid?: ((...args: any[]) => any) | undefined;
626
+ onValid?: ((...args: any[]) => any) | undefined;
220
627
  }, {
221
628
  formData: import("vue").Ref<Partial<import("zod").TypeOf<Schema>> | undefined> | undefined;
222
629
  errors: Readonly<import("vue").Ref<DeepReadonly<import("zod").inferFormattedError<Schema_1, string>>>> | undefined;
@@ -225,21 +632,20 @@ export declare const useForm: <Schema extends AnyZodObject | ZodEffects<AnyZodOb
225
632
  fieldsErrors: import("vue").Ref<Map<string, Record<string, {
226
633
  _errors: string[];
227
634
  }>>>;
228
- }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("valid" | "invalid")[], "valid" | "invalid", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
229
- name: {
230
- type: StringConstructor;
231
- required: true;
232
- };
233
- tag: {
234
- type: StringConstructor;
235
- default: undefined;
236
- };
237
- }>> & {
238
- onValid?: ((...args: any[]) => any) | undefined;
239
- onInvalid?: ((...args: any[]) => any) | undefined;
240
- }, {
635
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("invalid" | "valid")[], "invalid" | "valid", {
241
636
  tag: string;
242
- }>;
637
+ }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
638
+ $slots: {
639
+ default: (_: {
640
+ invalid: boolean;
641
+ formData: unknown extends Partial<import("zod").TypeOf<Schema>> | undefined ? undefined : Partial<import("zod").TypeOf<Schema>> | undefined;
642
+ errors: Readonly<import("vue").Ref<import("vue").DeepReadonly<import("zod").inferFormattedError<Schema, string>>>>;
643
+ fieldsErrors: Map<string, Record<string, {
644
+ _errors: string[];
645
+ }>>;
646
+ }) => any;
647
+ };
648
+ });
243
649
  VvFormField: import("vue").DefineComponent<{
244
650
  type: {
245
651
  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">;
@@ -251,7 +657,7 @@ export declare const useForm: <Schema extends AnyZodObject | ZodEffects<AnyZodOb
251
657
  default: undefined;
252
658
  };
253
659
  name: {
254
- type: (SymbolConstructor | BooleanConstructor | StringConstructor | NumberConstructor)[];
660
+ type: import("vue").PropType<Path<import("zod").TypeOf<Schema>>>;
255
661
  required: true;
256
662
  };
257
663
  props: {
@@ -275,7 +681,7 @@ export declare const useForm: <Schema extends AnyZodObject | ZodEffects<AnyZodOb
275
681
  } | import("vue").ConcreteComponent>;
276
682
  hasProps: import("vue").ComputedRef<any>;
277
683
  invalid: import("vue").ComputedRef<boolean>;
278
- }, 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<{
279
685
  type: {
280
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">;
281
687
  validator: (value: import("./enums").FormFieldType) => boolean;
@@ -286,7 +692,7 @@ export declare const useForm: <Schema extends AnyZodObject | ZodEffects<AnyZodOb
286
692
  default: undefined;
287
693
  };
288
694
  name: {
289
- type: (SymbolConstructor | BooleanConstructor | StringConstructor | NumberConstructor)[];
695
+ type: import("vue").PropType<Path<import("zod").TypeOf<Schema>>>;
290
696
  required: true;
291
697
  };
292
698
  props: {
@@ -302,8 +708,8 @@ export declare const useForm: <Schema extends AnyZodObject | ZodEffects<AnyZodOb
302
708
  default: undefined;
303
709
  };
304
710
  }>> & {
305
- onValid?: ((...args: any[]) => any) | undefined;
306
711
  onInvalid?: ((...args: any[]) => any) | undefined;
712
+ onValid?: ((...args: any[]) => any) | undefined;
307
713
  "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
308
714
  "onUpdate:formData"?: ((...args: any[]) => any) | undefined;
309
715
  }, {
@@ -319,11 +725,27 @@ export declare const useForm: <Schema extends AnyZodObject | ZodEffects<AnyZodOb
319
725
  showValid: boolean;
320
726
  defaultValue: string | number | boolean | unknown[] | Record<string, any>;
321
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
+ });
322
744
  formInjectionKey: InjectionKey<InjectedFormData<Schema>>;
323
745
  formWrapperInjectionKey: InjectionKey<InjectedFormWrapperData<Schema>>;
324
746
  formFieldInjectionKey: InjectionKey<InjectedFormFieldData<Schema>>;
325
747
  errors: import("vue").Ref<import("zod").ZodFormattedError<import("zod").TypeOf<Schema>> | undefined>;
326
- status: import("vue").Ref<import("./VvForm").FormStatus | undefined>;
748
+ status: import("vue").Ref<import("./enums").FormStatus | undefined>;
327
749
  formData: import("vue").Ref<Partial<import("zod").TypeOf<Schema> | undefined>>;
328
750
  };
329
751
  export { FormFieldType } from './enums';
@@ -331,4 +753,5 @@ export { defaultObjectBySchema } from './utils';
331
753
  type FormComponent = ReturnType<typeof defineForm>;
332
754
  type FormWrapperComponent = ReturnType<typeof defineFormWrapper>;
333
755
  type FormFieldComponent = ReturnType<typeof defineFormField>;
334
- 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, };