@volverjs/form-vue 1.0.0-beta.21 → 1.0.0-beta.23
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.
- package/README.md +150 -13
- package/dist/VvForm.d.ts +5 -5
- package/dist/VvFormField.d.ts +7 -7
- package/dist/VvFormFieldsGroup.d.ts +109 -0
- package/dist/VvFormWrapper.d.ts +1 -1
- package/dist/index.d.ts +385 -58
- package/dist/index.es.js +747 -551
- package/dist/index.umd.js +1 -1
- package/dist/types.d.ts +10 -3
- package/package.json +13 -13
- package/src/VvFormField.ts +23 -22
- package/src/VvFormFieldsGroup.ts +375 -0
- package/src/VvFormTemplate.ts +1 -1
- package/src/index.ts +13 -2
- package/src/types.ts +17 -6
- package/src/utils.ts +8 -12
package/dist/index.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { InjectionKey, Plugin } from 'vue';
|
|
2
2
|
import { AnyZodObject } from 'zod';
|
|
3
|
-
import { defineFormField } from './VvFormField';
|
|
4
3
|
import { defineForm } from './VvForm';
|
|
4
|
+
import { defineFormField } from './VvFormField';
|
|
5
5
|
import { defineFormWrapper } from './VvFormWrapper';
|
|
6
6
|
import { defineFormTemplate } from './VvFormTemplate';
|
|
7
7
|
import { InjectedFormData, InjectedFormWrapperData, InjectedFormFieldData, FormComposableOptions, FormPluginOptions, FormTemplateItem, Path, PathValue, FormSchema, FormTemplate } from './types';
|
|
@@ -55,7 +55,7 @@ export declare function useForm<Schema extends FormSchema>(schema: Schema, optio
|
|
|
55
55
|
stopUpdatesWatch: import('vue').WatchStopHandle;
|
|
56
56
|
submit: () => Promise<boolean>;
|
|
57
57
|
validate: (value?: Partial<import('zod').TypeOf<Schema> | undefined>, fields?: Set<string>) => Promise<boolean>;
|
|
58
|
-
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("invalid" | "valid" | "reset" | "
|
|
58
|
+
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("invalid" | "valid" | "reset" | "submit" | "update:modelValue" | "update:readonly")[], "invalid" | "valid" | "reset" | "submit" | "update:modelValue" | "update:readonly", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
59
59
|
continuousValidation: {
|
|
60
60
|
type: BooleanConstructor;
|
|
61
61
|
default: boolean;
|
|
@@ -79,16 +79,16 @@ export declare function useForm<Schema extends FormSchema>(schema: Schema, optio
|
|
|
79
79
|
}>> & Readonly<{
|
|
80
80
|
onInvalid?: ((...args: any[]) => any) | undefined;
|
|
81
81
|
onValid?: ((...args: any[]) => any) | undefined;
|
|
82
|
-
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
83
82
|
onReset?: ((...args: any[]) => any) | undefined;
|
|
84
83
|
onSubmit?: ((...args: any[]) => any) | undefined;
|
|
84
|
+
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
85
85
|
"onUpdate:readonly"?: ((...args: any[]) => any) | undefined;
|
|
86
86
|
}>, {
|
|
87
87
|
readonly: boolean;
|
|
88
|
-
template: FormTemplate<Schema>;
|
|
89
|
-
modelValue: Record<string, any>;
|
|
90
88
|
tag: string;
|
|
89
|
+
template: FormTemplate<Schema>;
|
|
91
90
|
continuousValidation: boolean;
|
|
91
|
+
modelValue: Record<string, any>;
|
|
92
92
|
}, import('vue').SlotsType<{
|
|
93
93
|
default: {
|
|
94
94
|
errors: Readonly<import('vue').Ref<import('vue').DeepReadonly<import('zod').inferFormattedError<Schema, string>> | undefined, import('vue').DeepReadonly<import('zod').inferFormattedError<Schema, string>> | undefined>>;
|
|
@@ -103,7 +103,7 @@ export declare function useForm<Schema extends FormSchema>(schema: Schema, optio
|
|
|
103
103
|
clear: () => void;
|
|
104
104
|
reset: () => void;
|
|
105
105
|
};
|
|
106
|
-
}>, {}, {}, "invalid" | "valid" | "reset" | "status" | "
|
|
106
|
+
}>, {}, {}, "invalid" | "valid" | "reset" | "status" | "readonly" | "clear" | "submit" | "errors" | "tag" | "template" | "validate", import('vue').ComponentProvideOptions, true, {}, any>;
|
|
107
107
|
VvFormField: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
108
108
|
type: {
|
|
109
109
|
type: import('vue').PropType<`${import('./enums').FormFieldType}`>;
|
|
@@ -127,7 +127,7 @@ export declare function useForm<Schema extends FormSchema>(schema: Schema, optio
|
|
|
127
127
|
default: boolean;
|
|
128
128
|
};
|
|
129
129
|
defaultValue: {
|
|
130
|
-
type: (
|
|
130
|
+
type: (ObjectConstructor | ArrayConstructor | BooleanConstructor | StringConstructor | NumberConstructor)[];
|
|
131
131
|
default: undefined;
|
|
132
132
|
};
|
|
133
133
|
lazyLoad: {
|
|
@@ -162,7 +162,7 @@ export declare function useForm<Schema extends FormSchema>(schema: Schema, optio
|
|
|
162
162
|
'onUpdate:modelValue': (value: unknown) => void;
|
|
163
163
|
}>;
|
|
164
164
|
invalid: import('vue').ComputedRef<boolean>;
|
|
165
|
-
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("invalid" | "valid" | "update:
|
|
165
|
+
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("invalid" | "valid" | "update:modelValue" | "update:formData")[], "invalid" | "valid" | "update:modelValue" | "update:formData", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
166
166
|
type: {
|
|
167
167
|
type: import('vue').PropType<`${import('./enums').FormFieldType}`>;
|
|
168
168
|
validator: (value: import('./enums').FormFieldType) => boolean;
|
|
@@ -185,7 +185,7 @@ export declare function useForm<Schema extends FormSchema>(schema: Schema, optio
|
|
|
185
185
|
default: boolean;
|
|
186
186
|
};
|
|
187
187
|
defaultValue: {
|
|
188
|
-
type: (
|
|
188
|
+
type: (ObjectConstructor | ArrayConstructor | BooleanConstructor | StringConstructor | NumberConstructor)[];
|
|
189
189
|
default: undefined;
|
|
190
190
|
};
|
|
191
191
|
lazyLoad: {
|
|
@@ -199,10 +199,11 @@ export declare function useForm<Schema extends FormSchema>(schema: Schema, optio
|
|
|
199
199
|
}>> & Readonly<{
|
|
200
200
|
onInvalid?: ((...args: any[]) => any) | undefined;
|
|
201
201
|
onValid?: ((...args: any[]) => any) | undefined;
|
|
202
|
-
"onUpdate:formData"?: ((...args: any[]) => any) | undefined;
|
|
203
202
|
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
203
|
+
"onUpdate:formData"?: ((...args: any[]) => any) | undefined;
|
|
204
204
|
}>, {
|
|
205
205
|
type: "number" | "text" | "email" | "password" | "tel" | "url" | "search" | "date" | "time" | "datetime-local" | "month" | "week" | "color" | "select" | "checkbox" | "radio" | "textarea" | "radioGroup" | "checkboxGroup" | "combobox" | "custom";
|
|
206
|
+
readonly: boolean;
|
|
206
207
|
props: [{
|
|
207
208
|
type: import('vue').PropType<Partial<import('zod').TypeOf<Schema> | ((formData?: import('vue').Ref<ObjectConstructor>) => Partial<import('zod').TypeOf<Schema>> | undefined) | undefined>>;
|
|
208
209
|
default: () => {};
|
|
@@ -214,7 +215,6 @@ export declare function useForm<Schema extends FormSchema>(schema: Schema, optio
|
|
|
214
215
|
showValid: boolean;
|
|
215
216
|
defaultValue: string | number | boolean | unknown[] | Record<string, any>;
|
|
216
217
|
lazyLoad: boolean;
|
|
217
|
-
readonly: boolean;
|
|
218
218
|
}, import('vue').SlotsType<{
|
|
219
219
|
[key: string]: any;
|
|
220
220
|
default: {
|
|
@@ -222,14 +222,120 @@ export declare function useForm<Schema extends FormSchema>(schema: Schema, optio
|
|
|
222
222
|
formData?: Partial<import('zod').TypeOf<Schema>> | undefined;
|
|
223
223
|
formErrors?: import('vue').DeepReadonly<import('zod').inferFormattedError<Schema, string>> | undefined;
|
|
224
224
|
invalid: boolean;
|
|
225
|
-
invalidLabel
|
|
225
|
+
invalidLabel?: string[];
|
|
226
226
|
modelValue: any;
|
|
227
227
|
onUpdate: (value: unknown) => void;
|
|
228
228
|
readonly: boolean;
|
|
229
229
|
submit?: InjectedFormData<Schema_1>["submit"];
|
|
230
230
|
validate?: ((formData?: Partial<import('zod').TypeOf<Schema>> | undefined, fields?: Set<string>) => Promise<boolean>) | undefined;
|
|
231
231
|
};
|
|
232
|
-
}>, {}, {}, "invalid" | "type" | "
|
|
232
|
+
}>, {}, {}, "invalid" | "type" | "errors" | "component" | "hasProps" | "invalidLabel" | "is", import('vue').ComponentProvideOptions, true, {}, any>;
|
|
233
|
+
VvFormFieldsGroup: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
234
|
+
is: {
|
|
235
|
+
type: import('vue').PropType<import('vue').Component | string>;
|
|
236
|
+
default: undefined;
|
|
237
|
+
};
|
|
238
|
+
names: {
|
|
239
|
+
type: import('vue').PropType<Path<import('zod').TypeOf<Schema>>[] | Record<string, Path<import('zod').TypeOf<Schema>>>>;
|
|
240
|
+
required: true;
|
|
241
|
+
};
|
|
242
|
+
props: {
|
|
243
|
+
type: import('vue').PropType<Partial<import('zod').TypeOf<Schema> | ((formData?: import('vue').Ref<ObjectConstructor>) => Partial<import('zod').TypeOf<Schema>> | undefined) | undefined>>;
|
|
244
|
+
default: () => {};
|
|
245
|
+
};
|
|
246
|
+
showValid: {
|
|
247
|
+
type: BooleanConstructor;
|
|
248
|
+
default: boolean;
|
|
249
|
+
};
|
|
250
|
+
defaultValues: {
|
|
251
|
+
type: import('vue').PropType<Record<Path<import('zod').TypeOf<Schema>>, any>>;
|
|
252
|
+
default: undefined;
|
|
253
|
+
};
|
|
254
|
+
readonly: {
|
|
255
|
+
type: BooleanConstructor;
|
|
256
|
+
default: undefined;
|
|
257
|
+
};
|
|
258
|
+
}>, {
|
|
259
|
+
component: import('vue').ComputedRef<{
|
|
260
|
+
render(): import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
|
|
261
|
+
[key: string]: any;
|
|
262
|
+
}>[];
|
|
263
|
+
}>;
|
|
264
|
+
hasProps: import('vue').ComputedRef<{
|
|
265
|
+
names: {};
|
|
266
|
+
invalid: boolean;
|
|
267
|
+
invalids: Record<string, boolean>;
|
|
268
|
+
valid: boolean | undefined;
|
|
269
|
+
invalidLabels: Record<string, string[]> | undefined;
|
|
270
|
+
modelValue: Record<string, any>;
|
|
271
|
+
readonly: boolean;
|
|
272
|
+
}>;
|
|
273
|
+
invalid: import('vue').ComputedRef<boolean>;
|
|
274
|
+
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("invalid" | "valid" | "update:modelValue" | "update:formData")[], "invalid" | "valid" | "update:modelValue" | "update:formData", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
275
|
+
is: {
|
|
276
|
+
type: import('vue').PropType<import('vue').Component | string>;
|
|
277
|
+
default: undefined;
|
|
278
|
+
};
|
|
279
|
+
names: {
|
|
280
|
+
type: import('vue').PropType<Path<import('zod').TypeOf<Schema>>[] | Record<string, Path<import('zod').TypeOf<Schema>>>>;
|
|
281
|
+
required: true;
|
|
282
|
+
};
|
|
283
|
+
props: {
|
|
284
|
+
type: import('vue').PropType<Partial<import('zod').TypeOf<Schema> | ((formData?: import('vue').Ref<ObjectConstructor>) => Partial<import('zod').TypeOf<Schema>> | undefined) | undefined>>;
|
|
285
|
+
default: () => {};
|
|
286
|
+
};
|
|
287
|
+
showValid: {
|
|
288
|
+
type: BooleanConstructor;
|
|
289
|
+
default: boolean;
|
|
290
|
+
};
|
|
291
|
+
defaultValues: {
|
|
292
|
+
type: import('vue').PropType<Record<Path<import('zod').TypeOf<Schema>>, any>>;
|
|
293
|
+
default: undefined;
|
|
294
|
+
};
|
|
295
|
+
readonly: {
|
|
296
|
+
type: BooleanConstructor;
|
|
297
|
+
default: undefined;
|
|
298
|
+
};
|
|
299
|
+
}>> & Readonly<{
|
|
300
|
+
onInvalid?: ((...args: any[]) => any) | undefined;
|
|
301
|
+
onValid?: ((...args: any[]) => any) | undefined;
|
|
302
|
+
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
303
|
+
"onUpdate:formData"?: ((...args: any[]) => any) | undefined;
|
|
304
|
+
}>, {
|
|
305
|
+
readonly: boolean;
|
|
306
|
+
props: [{
|
|
307
|
+
type: import('vue').PropType<Partial<import('zod').TypeOf<Schema> | ((formData?: import('vue').Ref<ObjectConstructor>) => Partial<import('zod').TypeOf<Schema>> | undefined) | undefined>>;
|
|
308
|
+
default: () => {};
|
|
309
|
+
}] extends [import('vue').Prop<infer V, infer D>] ? unknown extends V ? keyof V extends never ? import('@vue/shared').IfAny<V, V, D> : V : V : {
|
|
310
|
+
type: import('vue').PropType<Partial<import('zod').TypeOf<Schema> | ((formData?: import('vue').Ref<ObjectConstructor>) => Partial<import('zod').TypeOf<Schema>> | undefined) | undefined>>;
|
|
311
|
+
default: () => {};
|
|
312
|
+
};
|
|
313
|
+
is: string | import('vue').Component;
|
|
314
|
+
showValid: boolean;
|
|
315
|
+
defaultValues: [{
|
|
316
|
+
type: import('vue').PropType<Record<Path<import('zod').TypeOf<Schema>>, any>>;
|
|
317
|
+
default: undefined;
|
|
318
|
+
}] extends [import('vue').Prop<infer V, infer D>] ? unknown extends V ? keyof V extends never ? import('@vue/shared').IfAny<V, V, D> : V : V : {
|
|
319
|
+
type: import('vue').PropType<Record<Path<import('zod').TypeOf<Schema>>, any>>;
|
|
320
|
+
default: undefined;
|
|
321
|
+
};
|
|
322
|
+
}, import('vue').SlotsType<{
|
|
323
|
+
[key: string]: any;
|
|
324
|
+
default: {
|
|
325
|
+
errors?: Record<Path<import('zod').TypeOf<Schema>>, import('zod').inferFormattedError<Schema, string>> | undefined;
|
|
326
|
+
formData?: Partial<import('zod').TypeOf<Schema>> | undefined;
|
|
327
|
+
formErrors?: import('vue').DeepReadonly<import('zod').inferFormattedError<Schema, string>> | undefined;
|
|
328
|
+
invalid: boolean;
|
|
329
|
+
invalids: Record<string, boolean>;
|
|
330
|
+
invalidLabels?: Record<string, string[]>;
|
|
331
|
+
modelValue: Record<string, any>;
|
|
332
|
+
onUpdate: (value: Record<string, any>) => void;
|
|
333
|
+
onUpdateField: (name: string, value: any) => void;
|
|
334
|
+
readonly: boolean;
|
|
335
|
+
submit?: InjectedFormData<Schema_2>["submit"];
|
|
336
|
+
validate?: ((formData?: Partial<import('zod').TypeOf<Schema>> | undefined, fields?: Set<string>) => Promise<boolean>) | undefined;
|
|
337
|
+
};
|
|
338
|
+
}>, {}, {}, "invalid" | "errors" | "component" | "hasProps" | "is" | "invalidLabels", import('vue').ComponentProvideOptions, true, {}, any>;
|
|
233
339
|
VvFormTemplate: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
234
340
|
schema: {
|
|
235
341
|
type: import('vue').PropType<FormTemplate<Schema>>;
|
|
@@ -260,10 +366,10 @@ export declare function useForm<Schema extends FormSchema>(schema: Schema, optio
|
|
|
260
366
|
formData?: Partial<import('zod').TypeOf<Schema>> | undefined;
|
|
261
367
|
invalid: boolean;
|
|
262
368
|
status?: import('./enums').FormStatus;
|
|
263
|
-
submit?: InjectedFormData<
|
|
369
|
+
submit?: InjectedFormData<Schema_3>["submit"];
|
|
264
370
|
validate?: ((formData?: Partial<import('zod').TypeOf<Schema>> | undefined, fields?: Set<string>) => Promise<boolean>) | undefined;
|
|
265
|
-
clear?: InjectedFormData<
|
|
266
|
-
reset?: InjectedFormData<
|
|
371
|
+
clear?: InjectedFormData<Schema_3>["clear"];
|
|
372
|
+
reset?: InjectedFormData<Schema_3>["reset"];
|
|
267
373
|
};
|
|
268
374
|
}>, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
269
375
|
VvFormWrapper: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
@@ -306,14 +412,14 @@ export declare function useForm<Schema extends FormSchema>(schema: Schema, optio
|
|
|
306
412
|
formData?: Partial<import('zod').TypeOf<Schema>> | undefined;
|
|
307
413
|
formErrors?: import('vue').DeepReadonly<import('zod').inferFormattedError<Schema, string>> | undefined;
|
|
308
414
|
invalid: boolean;
|
|
309
|
-
submit?: InjectedFormData<
|
|
415
|
+
submit?: InjectedFormData<Schema_4>["submit"];
|
|
310
416
|
validate?: ((formData?: Partial<import('zod').TypeOf<Schema>> | undefined, fields?: Set<string>) => Promise<boolean>) | undefined;
|
|
311
417
|
validateWrapper?: (() => Promise<boolean>) | undefined;
|
|
312
418
|
fieldsErrors: Map<string, import('zod').inferFormattedError<Schema, string>>;
|
|
313
|
-
clear?: InjectedFormData<
|
|
314
|
-
reset?: InjectedFormData<
|
|
419
|
+
clear?: InjectedFormData<Schema_4>["clear"];
|
|
420
|
+
reset?: InjectedFormData<Schema_4>["reset"];
|
|
315
421
|
};
|
|
316
|
-
}>, {}, {}, "invalid" | "reset" | "clear" | "
|
|
422
|
+
}>, {}, {}, "invalid" | "reset" | "clear" | "submit" | "errors" | "tag" | "validate" | "formData" | "fields" | "fieldsErrors" | "validateWrapper", import('vue').ComponentProvideOptions, true, {}, any>;
|
|
317
423
|
} | {
|
|
318
424
|
clear: () => void;
|
|
319
425
|
errors: import('vue').Ref<import('zod').inferFormattedError<AnyZodObject, string> | undefined, import('zod').inferFormattedError<AnyZodObject, string> | undefined>;
|
|
@@ -384,7 +490,7 @@ export declare function useForm<Schema extends FormSchema>(schema: Schema, optio
|
|
|
384
490
|
validate: (value?: Partial<{
|
|
385
491
|
[x: string]: any;
|
|
386
492
|
} | undefined>, fields?: Set<string>) => Promise<boolean>;
|
|
387
|
-
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("invalid" | "valid" | "reset" | "
|
|
493
|
+
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("invalid" | "valid" | "reset" | "submit" | "update:modelValue" | "update:readonly")[], "invalid" | "valid" | "reset" | "submit" | "update:modelValue" | "update:readonly", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
388
494
|
continuousValidation: {
|
|
389
495
|
type: BooleanConstructor;
|
|
390
496
|
default: boolean;
|
|
@@ -408,16 +514,16 @@ export declare function useForm<Schema extends FormSchema>(schema: Schema, optio
|
|
|
408
514
|
}>> & Readonly<{
|
|
409
515
|
onInvalid?: ((...args: any[]) => any) | undefined;
|
|
410
516
|
onValid?: ((...args: any[]) => any) | undefined;
|
|
411
|
-
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
412
517
|
onReset?: ((...args: any[]) => any) | undefined;
|
|
413
518
|
onSubmit?: ((...args: any[]) => any) | undefined;
|
|
519
|
+
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
414
520
|
"onUpdate:readonly"?: ((...args: any[]) => any) | undefined;
|
|
415
521
|
}>, {
|
|
416
522
|
readonly: boolean;
|
|
417
|
-
template: FormTemplate<AnyZodObject>;
|
|
418
|
-
modelValue: Record<string, any>;
|
|
419
523
|
tag: string;
|
|
524
|
+
template: FormTemplate<AnyZodObject>;
|
|
420
525
|
continuousValidation: boolean;
|
|
526
|
+
modelValue: Record<string, any>;
|
|
421
527
|
}, import('vue').SlotsType<{
|
|
422
528
|
default: {
|
|
423
529
|
errors: Readonly<import('vue').Ref<{
|
|
@@ -448,7 +554,7 @@ export declare function useForm<Schema extends FormSchema>(schema: Schema, optio
|
|
|
448
554
|
clear: () => void;
|
|
449
555
|
reset: () => void;
|
|
450
556
|
};
|
|
451
|
-
}>, {}, {}, "invalid" | "valid" | "reset" | "status" | "
|
|
557
|
+
}>, {}, {}, "invalid" | "valid" | "reset" | "status" | "readonly" | "clear" | "submit" | "errors" | "tag" | "template" | "validate", import('vue').ComponentProvideOptions, true, {}, any>;
|
|
452
558
|
VvFormField: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
453
559
|
type: {
|
|
454
560
|
type: import('vue').PropType<`${import('./enums').FormFieldType}`>;
|
|
@@ -476,7 +582,7 @@ export declare function useForm<Schema extends FormSchema>(schema: Schema, optio
|
|
|
476
582
|
default: boolean;
|
|
477
583
|
};
|
|
478
584
|
defaultValue: {
|
|
479
|
-
type: (
|
|
585
|
+
type: (ObjectConstructor | ArrayConstructor | BooleanConstructor | StringConstructor | NumberConstructor)[];
|
|
480
586
|
default: undefined;
|
|
481
587
|
};
|
|
482
588
|
lazyLoad: {
|
|
@@ -505,7 +611,7 @@ export declare function useForm<Schema extends FormSchema>(schema: Schema, optio
|
|
|
505
611
|
'onUpdate:modelValue': (value: unknown) => void;
|
|
506
612
|
}>;
|
|
507
613
|
invalid: import('vue').ComputedRef<boolean>;
|
|
508
|
-
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("invalid" | "valid" | "update:
|
|
614
|
+
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("invalid" | "valid" | "update:modelValue" | "update:formData")[], "invalid" | "valid" | "update:modelValue" | "update:formData", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
509
615
|
type: {
|
|
510
616
|
type: import('vue').PropType<`${import('./enums').FormFieldType}`>;
|
|
511
617
|
validator: (value: import('./enums').FormFieldType) => boolean;
|
|
@@ -532,7 +638,7 @@ export declare function useForm<Schema extends FormSchema>(schema: Schema, optio
|
|
|
532
638
|
default: boolean;
|
|
533
639
|
};
|
|
534
640
|
defaultValue: {
|
|
535
|
-
type: (
|
|
641
|
+
type: (ObjectConstructor | ArrayConstructor | BooleanConstructor | StringConstructor | NumberConstructor)[];
|
|
536
642
|
default: undefined;
|
|
537
643
|
};
|
|
538
644
|
lazyLoad: {
|
|
@@ -546,10 +652,11 @@ export declare function useForm<Schema extends FormSchema>(schema: Schema, optio
|
|
|
546
652
|
}>> & Readonly<{
|
|
547
653
|
onInvalid?: ((...args: any[]) => any) | undefined;
|
|
548
654
|
onValid?: ((...args: any[]) => any) | undefined;
|
|
549
|
-
"onUpdate:formData"?: ((...args: any[]) => any) | undefined;
|
|
550
655
|
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
656
|
+
"onUpdate:formData"?: ((...args: any[]) => any) | undefined;
|
|
551
657
|
}>, {
|
|
552
658
|
type: "number" | "text" | "email" | "password" | "tel" | "url" | "search" | "date" | "time" | "datetime-local" | "month" | "week" | "color" | "select" | "checkbox" | "radio" | "textarea" | "radioGroup" | "checkboxGroup" | "combobox" | "custom";
|
|
659
|
+
readonly: boolean;
|
|
553
660
|
props: Partial<{
|
|
554
661
|
[x: string]: any;
|
|
555
662
|
} | ((formData?: import('vue').Ref<ObjectConstructor>) => Partial<{
|
|
@@ -559,7 +666,6 @@ export declare function useForm<Schema extends FormSchema>(schema: Schema, optio
|
|
|
559
666
|
showValid: boolean;
|
|
560
667
|
defaultValue: string | number | boolean | unknown[] | Record<string, any>;
|
|
561
668
|
lazyLoad: boolean;
|
|
562
|
-
readonly: boolean;
|
|
563
669
|
}, import('vue').SlotsType<{
|
|
564
670
|
[key: string]: any;
|
|
565
671
|
default: {
|
|
@@ -574,7 +680,7 @@ export declare function useForm<Schema extends FormSchema>(schema: Schema, optio
|
|
|
574
680
|
readonly _errors: readonly string[];
|
|
575
681
|
} | undefined;
|
|
576
682
|
invalid: boolean;
|
|
577
|
-
invalidLabel
|
|
683
|
+
invalidLabel?: string[];
|
|
578
684
|
modelValue: any;
|
|
579
685
|
onUpdate: (value: unknown) => void;
|
|
580
686
|
readonly: boolean;
|
|
@@ -583,7 +689,122 @@ export declare function useForm<Schema extends FormSchema>(schema: Schema, optio
|
|
|
583
689
|
[x: string]: any;
|
|
584
690
|
}> | undefined, fields?: Set<string>) => Promise<boolean>) | undefined;
|
|
585
691
|
};
|
|
586
|
-
}>, {}, {}, "invalid" | "type" | "
|
|
692
|
+
}>, {}, {}, "invalid" | "type" | "errors" | "component" | "hasProps" | "invalidLabel" | "is", import('vue').ComponentProvideOptions, true, {}, any>;
|
|
693
|
+
VvFormFieldsGroup: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
694
|
+
is: {
|
|
695
|
+
type: import('vue').PropType<import('vue').Component | string>;
|
|
696
|
+
default: undefined;
|
|
697
|
+
};
|
|
698
|
+
names: {
|
|
699
|
+
type: import('vue').PropType<string[] | Record<string, string>>;
|
|
700
|
+
required: true;
|
|
701
|
+
};
|
|
702
|
+
props: {
|
|
703
|
+
type: import('vue').PropType<Partial<{
|
|
704
|
+
[x: string]: any;
|
|
705
|
+
} | ((formData?: import('vue').Ref<ObjectConstructor>) => Partial<{
|
|
706
|
+
[x: string]: any;
|
|
707
|
+
}> | undefined) | undefined>>;
|
|
708
|
+
default: () => {};
|
|
709
|
+
};
|
|
710
|
+
showValid: {
|
|
711
|
+
type: BooleanConstructor;
|
|
712
|
+
default: boolean;
|
|
713
|
+
};
|
|
714
|
+
defaultValues: {
|
|
715
|
+
type: import('vue').PropType<Record<string, any>>;
|
|
716
|
+
default: undefined;
|
|
717
|
+
};
|
|
718
|
+
readonly: {
|
|
719
|
+
type: BooleanConstructor;
|
|
720
|
+
default: undefined;
|
|
721
|
+
};
|
|
722
|
+
}>, {
|
|
723
|
+
component: import('vue').ComputedRef<{
|
|
724
|
+
render(): import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
|
|
725
|
+
[key: string]: any;
|
|
726
|
+
}>[];
|
|
727
|
+
}>;
|
|
728
|
+
hasProps: import('vue').ComputedRef<{
|
|
729
|
+
names: {};
|
|
730
|
+
invalid: boolean;
|
|
731
|
+
invalids: Record<string, boolean>;
|
|
732
|
+
valid: boolean | undefined;
|
|
733
|
+
invalidLabels: Record<string, string[]> | undefined;
|
|
734
|
+
modelValue: Record<string, any>;
|
|
735
|
+
readonly: boolean;
|
|
736
|
+
}>;
|
|
737
|
+
invalid: import('vue').ComputedRef<boolean>;
|
|
738
|
+
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("invalid" | "valid" | "update:modelValue" | "update:formData")[], "invalid" | "valid" | "update:modelValue" | "update:formData", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
739
|
+
is: {
|
|
740
|
+
type: import('vue').PropType<import('vue').Component | string>;
|
|
741
|
+
default: undefined;
|
|
742
|
+
};
|
|
743
|
+
names: {
|
|
744
|
+
type: import('vue').PropType<string[] | Record<string, string>>;
|
|
745
|
+
required: true;
|
|
746
|
+
};
|
|
747
|
+
props: {
|
|
748
|
+
type: import('vue').PropType<Partial<{
|
|
749
|
+
[x: string]: any;
|
|
750
|
+
} | ((formData?: import('vue').Ref<ObjectConstructor>) => Partial<{
|
|
751
|
+
[x: string]: any;
|
|
752
|
+
}> | undefined) | undefined>>;
|
|
753
|
+
default: () => {};
|
|
754
|
+
};
|
|
755
|
+
showValid: {
|
|
756
|
+
type: BooleanConstructor;
|
|
757
|
+
default: boolean;
|
|
758
|
+
};
|
|
759
|
+
defaultValues: {
|
|
760
|
+
type: import('vue').PropType<Record<string, any>>;
|
|
761
|
+
default: undefined;
|
|
762
|
+
};
|
|
763
|
+
readonly: {
|
|
764
|
+
type: BooleanConstructor;
|
|
765
|
+
default: undefined;
|
|
766
|
+
};
|
|
767
|
+
}>> & Readonly<{
|
|
768
|
+
onInvalid?: ((...args: any[]) => any) | undefined;
|
|
769
|
+
onValid?: ((...args: any[]) => any) | undefined;
|
|
770
|
+
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
771
|
+
"onUpdate:formData"?: ((...args: any[]) => any) | undefined;
|
|
772
|
+
}>, {
|
|
773
|
+
readonly: boolean;
|
|
774
|
+
props: Partial<{
|
|
775
|
+
[x: string]: any;
|
|
776
|
+
} | ((formData?: import('vue').Ref<ObjectConstructor>) => Partial<{
|
|
777
|
+
[x: string]: any;
|
|
778
|
+
}> | undefined) | undefined>;
|
|
779
|
+
is: string | import('vue').Component;
|
|
780
|
+
showValid: boolean;
|
|
781
|
+
defaultValues: Record<string, any>;
|
|
782
|
+
}, import('vue').SlotsType<{
|
|
783
|
+
[key: string]: any;
|
|
784
|
+
default: {
|
|
785
|
+
errors?: Record<string, import('zod').inferFormattedError<AnyZodObject, string>> | undefined;
|
|
786
|
+
formData?: Partial<{
|
|
787
|
+
[x: string]: any;
|
|
788
|
+
}> | undefined;
|
|
789
|
+
formErrors?: {
|
|
790
|
+
readonly [x: string]: {
|
|
791
|
+
readonly _errors: readonly string[];
|
|
792
|
+
} | undefined;
|
|
793
|
+
readonly _errors: readonly string[];
|
|
794
|
+
} | undefined;
|
|
795
|
+
invalid: boolean;
|
|
796
|
+
invalids: Record<string, boolean>;
|
|
797
|
+
invalidLabels?: Record<string, string[]>;
|
|
798
|
+
modelValue: Record<string, any>;
|
|
799
|
+
onUpdate: (value: Record<string, any>) => void;
|
|
800
|
+
onUpdateField: (name: string, value: any) => void;
|
|
801
|
+
readonly: boolean;
|
|
802
|
+
submit?: InjectedFormData<Schema_2>["submit"];
|
|
803
|
+
validate?: ((formData?: Partial<{
|
|
804
|
+
[x: string]: any;
|
|
805
|
+
}> | undefined, fields?: Set<string>) => Promise<boolean>) | undefined;
|
|
806
|
+
};
|
|
807
|
+
}>, {}, {}, "invalid" | "errors" | "component" | "hasProps" | "is" | "invalidLabels", import('vue').ComponentProvideOptions, true, {}, any>;
|
|
587
808
|
VvFormTemplate: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
588
809
|
schema: {
|
|
589
810
|
type: import('vue').PropType<FormTemplate<AnyZodObject>>;
|
|
@@ -621,12 +842,12 @@ export declare function useForm<Schema extends FormSchema>(schema: Schema, optio
|
|
|
621
842
|
}> | undefined;
|
|
622
843
|
invalid: boolean;
|
|
623
844
|
status?: import('./enums').FormStatus;
|
|
624
|
-
submit?: InjectedFormData<
|
|
845
|
+
submit?: InjectedFormData<Schema_3>["submit"];
|
|
625
846
|
validate?: ((formData?: Partial<{
|
|
626
847
|
[x: string]: any;
|
|
627
848
|
}> | undefined, fields?: Set<string>) => Promise<boolean>) | undefined;
|
|
628
|
-
clear?: InjectedFormData<
|
|
629
|
-
reset?: InjectedFormData<
|
|
849
|
+
clear?: InjectedFormData<Schema_3>["clear"];
|
|
850
|
+
reset?: InjectedFormData<Schema_3>["reset"];
|
|
630
851
|
};
|
|
631
852
|
}>, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
632
853
|
VvFormWrapper: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
@@ -697,16 +918,16 @@ export declare function useForm<Schema extends FormSchema>(schema: Schema, optio
|
|
|
697
918
|
readonly _errors: readonly string[];
|
|
698
919
|
} | undefined;
|
|
699
920
|
invalid: boolean;
|
|
700
|
-
submit?: InjectedFormData<
|
|
921
|
+
submit?: InjectedFormData<Schema_4>["submit"];
|
|
701
922
|
validate?: ((formData?: Partial<{
|
|
702
923
|
[x: string]: any;
|
|
703
924
|
}> | undefined, fields?: Set<string>) => Promise<boolean>) | undefined;
|
|
704
925
|
validateWrapper?: (() => Promise<boolean>) | undefined;
|
|
705
926
|
fieldsErrors: Map<string, import('zod').inferFormattedError<AnyZodObject, string>>;
|
|
706
|
-
clear?: InjectedFormData<
|
|
707
|
-
reset?: InjectedFormData<
|
|
927
|
+
clear?: InjectedFormData<Schema_4>["clear"];
|
|
928
|
+
reset?: InjectedFormData<Schema_4>["reset"];
|
|
708
929
|
};
|
|
709
|
-
}>, {}, {}, "invalid" | "reset" | "clear" | "
|
|
930
|
+
}>, {}, {}, "invalid" | "reset" | "clear" | "submit" | "errors" | "tag" | "validate" | "formData" | "fields" | "fieldsErrors" | "validateWrapper", import('vue').ComponentProvideOptions, true, {}, any>;
|
|
710
931
|
};
|
|
711
932
|
export { FormFieldType } from './enums';
|
|
712
933
|
export { defaultObjectBySchema } from './utils';
|
|
@@ -766,7 +987,7 @@ export declare function formFactory<Schema extends FormSchema>(schema: Schema, o
|
|
|
766
987
|
stopUpdatesWatch: import('vue').WatchStopHandle;
|
|
767
988
|
submit: () => Promise<boolean>;
|
|
768
989
|
validate: (value?: Partial<import('zod').TypeOf<Schema> | undefined>, fields?: Set<string>) => Promise<boolean>;
|
|
769
|
-
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("invalid" | "valid" | "reset" | "
|
|
990
|
+
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("invalid" | "valid" | "reset" | "submit" | "update:modelValue" | "update:readonly")[], "invalid" | "valid" | "reset" | "submit" | "update:modelValue" | "update:readonly", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
770
991
|
continuousValidation: {
|
|
771
992
|
type: BooleanConstructor;
|
|
772
993
|
default: boolean;
|
|
@@ -790,16 +1011,16 @@ export declare function formFactory<Schema extends FormSchema>(schema: Schema, o
|
|
|
790
1011
|
}>> & Readonly<{
|
|
791
1012
|
onInvalid?: ((...args: any[]) => any) | undefined;
|
|
792
1013
|
onValid?: ((...args: any[]) => any) | undefined;
|
|
793
|
-
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
794
1014
|
onReset?: ((...args: any[]) => any) | undefined;
|
|
795
1015
|
onSubmit?: ((...args: any[]) => any) | undefined;
|
|
1016
|
+
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
796
1017
|
"onUpdate:readonly"?: ((...args: any[]) => any) | undefined;
|
|
797
1018
|
}>, {
|
|
798
1019
|
readonly: boolean;
|
|
799
|
-
template: FormTemplate<Schema>;
|
|
800
|
-
modelValue: Record<string, any>;
|
|
801
1020
|
tag: string;
|
|
1021
|
+
template: FormTemplate<Schema>;
|
|
802
1022
|
continuousValidation: boolean;
|
|
1023
|
+
modelValue: Record<string, any>;
|
|
803
1024
|
}, import('vue').SlotsType<{
|
|
804
1025
|
default: {
|
|
805
1026
|
errors: Readonly<import('vue').Ref<import('vue').DeepReadonly<import('zod').inferFormattedError<Schema, string>> | undefined, import('vue').DeepReadonly<import('zod').inferFormattedError<Schema, string>> | undefined>>;
|
|
@@ -814,7 +1035,7 @@ export declare function formFactory<Schema extends FormSchema>(schema: Schema, o
|
|
|
814
1035
|
clear: () => void;
|
|
815
1036
|
reset: () => void;
|
|
816
1037
|
};
|
|
817
|
-
}>, {}, {}, "invalid" | "valid" | "reset" | "status" | "
|
|
1038
|
+
}>, {}, {}, "invalid" | "valid" | "reset" | "status" | "readonly" | "clear" | "submit" | "errors" | "tag" | "template" | "validate", import('vue').ComponentProvideOptions, true, {}, any>;
|
|
818
1039
|
VvFormField: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
819
1040
|
type: {
|
|
820
1041
|
type: import('vue').PropType<`${import('./enums').FormFieldType}`>;
|
|
@@ -838,7 +1059,7 @@ export declare function formFactory<Schema extends FormSchema>(schema: Schema, o
|
|
|
838
1059
|
default: boolean;
|
|
839
1060
|
};
|
|
840
1061
|
defaultValue: {
|
|
841
|
-
type: (
|
|
1062
|
+
type: (ObjectConstructor | ArrayConstructor | BooleanConstructor | StringConstructor | NumberConstructor)[];
|
|
842
1063
|
default: undefined;
|
|
843
1064
|
};
|
|
844
1065
|
lazyLoad: {
|
|
@@ -873,7 +1094,7 @@ export declare function formFactory<Schema extends FormSchema>(schema: Schema, o
|
|
|
873
1094
|
'onUpdate:modelValue': (value: unknown) => void;
|
|
874
1095
|
}>;
|
|
875
1096
|
invalid: import('vue').ComputedRef<boolean>;
|
|
876
|
-
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("invalid" | "valid" | "update:
|
|
1097
|
+
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("invalid" | "valid" | "update:modelValue" | "update:formData")[], "invalid" | "valid" | "update:modelValue" | "update:formData", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
877
1098
|
type: {
|
|
878
1099
|
type: import('vue').PropType<`${import('./enums').FormFieldType}`>;
|
|
879
1100
|
validator: (value: import('./enums').FormFieldType) => boolean;
|
|
@@ -896,7 +1117,7 @@ export declare function formFactory<Schema extends FormSchema>(schema: Schema, o
|
|
|
896
1117
|
default: boolean;
|
|
897
1118
|
};
|
|
898
1119
|
defaultValue: {
|
|
899
|
-
type: (
|
|
1120
|
+
type: (ObjectConstructor | ArrayConstructor | BooleanConstructor | StringConstructor | NumberConstructor)[];
|
|
900
1121
|
default: undefined;
|
|
901
1122
|
};
|
|
902
1123
|
lazyLoad: {
|
|
@@ -910,10 +1131,11 @@ export declare function formFactory<Schema extends FormSchema>(schema: Schema, o
|
|
|
910
1131
|
}>> & Readonly<{
|
|
911
1132
|
onInvalid?: ((...args: any[]) => any) | undefined;
|
|
912
1133
|
onValid?: ((...args: any[]) => any) | undefined;
|
|
913
|
-
"onUpdate:formData"?: ((...args: any[]) => any) | undefined;
|
|
914
1134
|
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
1135
|
+
"onUpdate:formData"?: ((...args: any[]) => any) | undefined;
|
|
915
1136
|
}>, {
|
|
916
1137
|
type: "number" | "text" | "email" | "password" | "tel" | "url" | "search" | "date" | "time" | "datetime-local" | "month" | "week" | "color" | "select" | "checkbox" | "radio" | "textarea" | "radioGroup" | "checkboxGroup" | "combobox" | "custom";
|
|
1138
|
+
readonly: boolean;
|
|
917
1139
|
props: [{
|
|
918
1140
|
type: import('vue').PropType<Partial<import('zod').TypeOf<Schema> | ((formData?: import('vue').Ref<ObjectConstructor>) => Partial<import('zod').TypeOf<Schema>> | undefined) | undefined>>;
|
|
919
1141
|
default: () => {};
|
|
@@ -925,7 +1147,6 @@ export declare function formFactory<Schema extends FormSchema>(schema: Schema, o
|
|
|
925
1147
|
showValid: boolean;
|
|
926
1148
|
defaultValue: string | number | boolean | unknown[] | Record<string, any>;
|
|
927
1149
|
lazyLoad: boolean;
|
|
928
|
-
readonly: boolean;
|
|
929
1150
|
}, import('vue').SlotsType<{
|
|
930
1151
|
[key: string]: any;
|
|
931
1152
|
default: {
|
|
@@ -933,14 +1154,120 @@ export declare function formFactory<Schema extends FormSchema>(schema: Schema, o
|
|
|
933
1154
|
formData?: Partial<import('zod').TypeOf<Schema>> | undefined;
|
|
934
1155
|
formErrors?: import('vue').DeepReadonly<import('zod').inferFormattedError<Schema, string>> | undefined;
|
|
935
1156
|
invalid: boolean;
|
|
936
|
-
invalidLabel
|
|
1157
|
+
invalidLabel?: string[];
|
|
937
1158
|
modelValue: any;
|
|
938
1159
|
onUpdate: (value: unknown) => void;
|
|
939
1160
|
readonly: boolean;
|
|
940
1161
|
submit?: InjectedFormData<Schema_1>["submit"];
|
|
941
1162
|
validate?: ((formData?: Partial<import('zod').TypeOf<Schema>> | undefined, fields?: Set<string>) => Promise<boolean>) | undefined;
|
|
942
1163
|
};
|
|
943
|
-
}>, {}, {}, "invalid" | "type" | "
|
|
1164
|
+
}>, {}, {}, "invalid" | "type" | "errors" | "component" | "hasProps" | "invalidLabel" | "is", import('vue').ComponentProvideOptions, true, {}, any>;
|
|
1165
|
+
VvFormFieldsGroup: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
1166
|
+
is: {
|
|
1167
|
+
type: import('vue').PropType<import('vue').Component | string>;
|
|
1168
|
+
default: undefined;
|
|
1169
|
+
};
|
|
1170
|
+
names: {
|
|
1171
|
+
type: import('vue').PropType<Path<import('zod').TypeOf<Schema>>[] | Record<string, Path<import('zod').TypeOf<Schema>>>>;
|
|
1172
|
+
required: true;
|
|
1173
|
+
};
|
|
1174
|
+
props: {
|
|
1175
|
+
type: import('vue').PropType<Partial<import('zod').TypeOf<Schema> | ((formData?: import('vue').Ref<ObjectConstructor>) => Partial<import('zod').TypeOf<Schema>> | undefined) | undefined>>;
|
|
1176
|
+
default: () => {};
|
|
1177
|
+
};
|
|
1178
|
+
showValid: {
|
|
1179
|
+
type: BooleanConstructor;
|
|
1180
|
+
default: boolean;
|
|
1181
|
+
};
|
|
1182
|
+
defaultValues: {
|
|
1183
|
+
type: import('vue').PropType<Record<Path<import('zod').TypeOf<Schema>>, any>>;
|
|
1184
|
+
default: undefined;
|
|
1185
|
+
};
|
|
1186
|
+
readonly: {
|
|
1187
|
+
type: BooleanConstructor;
|
|
1188
|
+
default: undefined;
|
|
1189
|
+
};
|
|
1190
|
+
}>, {
|
|
1191
|
+
component: import('vue').ComputedRef<{
|
|
1192
|
+
render(): import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
|
|
1193
|
+
[key: string]: any;
|
|
1194
|
+
}>[];
|
|
1195
|
+
}>;
|
|
1196
|
+
hasProps: import('vue').ComputedRef<{
|
|
1197
|
+
names: {};
|
|
1198
|
+
invalid: boolean;
|
|
1199
|
+
invalids: Record<string, boolean>;
|
|
1200
|
+
valid: boolean | undefined;
|
|
1201
|
+
invalidLabels: Record<string, string[]> | undefined;
|
|
1202
|
+
modelValue: Record<string, any>;
|
|
1203
|
+
readonly: boolean;
|
|
1204
|
+
}>;
|
|
1205
|
+
invalid: import('vue').ComputedRef<boolean>;
|
|
1206
|
+
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("invalid" | "valid" | "update:modelValue" | "update:formData")[], "invalid" | "valid" | "update:modelValue" | "update:formData", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
1207
|
+
is: {
|
|
1208
|
+
type: import('vue').PropType<import('vue').Component | string>;
|
|
1209
|
+
default: undefined;
|
|
1210
|
+
};
|
|
1211
|
+
names: {
|
|
1212
|
+
type: import('vue').PropType<Path<import('zod').TypeOf<Schema>>[] | Record<string, Path<import('zod').TypeOf<Schema>>>>;
|
|
1213
|
+
required: true;
|
|
1214
|
+
};
|
|
1215
|
+
props: {
|
|
1216
|
+
type: import('vue').PropType<Partial<import('zod').TypeOf<Schema> | ((formData?: import('vue').Ref<ObjectConstructor>) => Partial<import('zod').TypeOf<Schema>> | undefined) | undefined>>;
|
|
1217
|
+
default: () => {};
|
|
1218
|
+
};
|
|
1219
|
+
showValid: {
|
|
1220
|
+
type: BooleanConstructor;
|
|
1221
|
+
default: boolean;
|
|
1222
|
+
};
|
|
1223
|
+
defaultValues: {
|
|
1224
|
+
type: import('vue').PropType<Record<Path<import('zod').TypeOf<Schema>>, any>>;
|
|
1225
|
+
default: undefined;
|
|
1226
|
+
};
|
|
1227
|
+
readonly: {
|
|
1228
|
+
type: BooleanConstructor;
|
|
1229
|
+
default: undefined;
|
|
1230
|
+
};
|
|
1231
|
+
}>> & Readonly<{
|
|
1232
|
+
onInvalid?: ((...args: any[]) => any) | undefined;
|
|
1233
|
+
onValid?: ((...args: any[]) => any) | undefined;
|
|
1234
|
+
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
1235
|
+
"onUpdate:formData"?: ((...args: any[]) => any) | undefined;
|
|
1236
|
+
}>, {
|
|
1237
|
+
readonly: boolean;
|
|
1238
|
+
props: [{
|
|
1239
|
+
type: import('vue').PropType<Partial<import('zod').TypeOf<Schema> | ((formData?: import('vue').Ref<ObjectConstructor>) => Partial<import('zod').TypeOf<Schema>> | undefined) | undefined>>;
|
|
1240
|
+
default: () => {};
|
|
1241
|
+
}] extends [import('vue').Prop<infer V, infer D>] ? unknown extends V ? keyof V extends never ? import('@vue/shared').IfAny<V, V, D> : V : V : {
|
|
1242
|
+
type: import('vue').PropType<Partial<import('zod').TypeOf<Schema> | ((formData?: import('vue').Ref<ObjectConstructor>) => Partial<import('zod').TypeOf<Schema>> | undefined) | undefined>>;
|
|
1243
|
+
default: () => {};
|
|
1244
|
+
};
|
|
1245
|
+
is: string | import('vue').Component;
|
|
1246
|
+
showValid: boolean;
|
|
1247
|
+
defaultValues: [{
|
|
1248
|
+
type: import('vue').PropType<Record<Path<import('zod').TypeOf<Schema>>, any>>;
|
|
1249
|
+
default: undefined;
|
|
1250
|
+
}] extends [import('vue').Prop<infer V, infer D>] ? unknown extends V ? keyof V extends never ? import('@vue/shared').IfAny<V, V, D> : V : V : {
|
|
1251
|
+
type: import('vue').PropType<Record<Path<import('zod').TypeOf<Schema>>, any>>;
|
|
1252
|
+
default: undefined;
|
|
1253
|
+
};
|
|
1254
|
+
}, import('vue').SlotsType<{
|
|
1255
|
+
[key: string]: any;
|
|
1256
|
+
default: {
|
|
1257
|
+
errors?: Record<Path<import('zod').TypeOf<Schema>>, import('zod').inferFormattedError<Schema, string>> | undefined;
|
|
1258
|
+
formData?: Partial<import('zod').TypeOf<Schema>> | undefined;
|
|
1259
|
+
formErrors?: import('vue').DeepReadonly<import('zod').inferFormattedError<Schema, string>> | undefined;
|
|
1260
|
+
invalid: boolean;
|
|
1261
|
+
invalids: Record<string, boolean>;
|
|
1262
|
+
invalidLabels?: Record<string, string[]>;
|
|
1263
|
+
modelValue: Record<string, any>;
|
|
1264
|
+
onUpdate: (value: Record<string, any>) => void;
|
|
1265
|
+
onUpdateField: (name: string, value: any) => void;
|
|
1266
|
+
readonly: boolean;
|
|
1267
|
+
submit?: InjectedFormData<Schema_2>["submit"];
|
|
1268
|
+
validate?: ((formData?: Partial<import('zod').TypeOf<Schema>> | undefined, fields?: Set<string>) => Promise<boolean>) | undefined;
|
|
1269
|
+
};
|
|
1270
|
+
}>, {}, {}, "invalid" | "errors" | "component" | "hasProps" | "is" | "invalidLabels", import('vue').ComponentProvideOptions, true, {}, any>;
|
|
944
1271
|
VvFormTemplate: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
945
1272
|
schema: {
|
|
946
1273
|
type: import('vue').PropType<FormTemplate<Schema>>;
|
|
@@ -971,10 +1298,10 @@ export declare function formFactory<Schema extends FormSchema>(schema: Schema, o
|
|
|
971
1298
|
formData?: Partial<import('zod').TypeOf<Schema>> | undefined;
|
|
972
1299
|
invalid: boolean;
|
|
973
1300
|
status?: import('./enums').FormStatus;
|
|
974
|
-
submit?: InjectedFormData<
|
|
1301
|
+
submit?: InjectedFormData<Schema_3>["submit"];
|
|
975
1302
|
validate?: ((formData?: Partial<import('zod').TypeOf<Schema>> | undefined, fields?: Set<string>) => Promise<boolean>) | undefined;
|
|
976
|
-
clear?: InjectedFormData<
|
|
977
|
-
reset?: InjectedFormData<
|
|
1303
|
+
clear?: InjectedFormData<Schema_3>["clear"];
|
|
1304
|
+
reset?: InjectedFormData<Schema_3>["reset"];
|
|
978
1305
|
};
|
|
979
1306
|
}>, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
980
1307
|
VvFormWrapper: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
@@ -1017,12 +1344,12 @@ export declare function formFactory<Schema extends FormSchema>(schema: Schema, o
|
|
|
1017
1344
|
formData?: Partial<import('zod').TypeOf<Schema>> | undefined;
|
|
1018
1345
|
formErrors?: import('vue').DeepReadonly<import('zod').inferFormattedError<Schema, string>> | undefined;
|
|
1019
1346
|
invalid: boolean;
|
|
1020
|
-
submit?: InjectedFormData<
|
|
1347
|
+
submit?: InjectedFormData<Schema_4>["submit"];
|
|
1021
1348
|
validate?: ((formData?: Partial<import('zod').TypeOf<Schema>> | undefined, fields?: Set<string>) => Promise<boolean>) | undefined;
|
|
1022
1349
|
validateWrapper?: (() => Promise<boolean>) | undefined;
|
|
1023
1350
|
fieldsErrors: Map<string, import('zod').inferFormattedError<Schema, string>>;
|
|
1024
|
-
clear?: InjectedFormData<
|
|
1025
|
-
reset?: InjectedFormData<
|
|
1351
|
+
clear?: InjectedFormData<Schema_4>["clear"];
|
|
1352
|
+
reset?: InjectedFormData<Schema_4>["reset"];
|
|
1026
1353
|
};
|
|
1027
|
-
}>, {}, {}, "invalid" | "reset" | "clear" | "
|
|
1354
|
+
}>, {}, {}, "invalid" | "reset" | "clear" | "submit" | "errors" | "tag" | "validate" | "formData" | "fields" | "fieldsErrors" | "validateWrapper", import('vue').ComponentProvideOptions, true, {}, any>;
|
|
1028
1355
|
};
|