@volverjs/form-vue 1.0.0-beta.22 → 1.0.0-beta.24
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 +153 -14
- package/dist/VvForm.d.ts +5 -5
- package/dist/VvFormField.d.ts +8 -8
- package/dist/VvFormFieldsGroup.d.ts +109 -0
- package/dist/VvFormWrapper.d.ts +1 -1
- package/dist/index.d.ts +392 -64
- package/dist/index.es.js +759 -563
- package/dist/index.umd.js +1 -1
- package/dist/types.d.ts +5 -1
- package/package.json +7 -7
- package/src/VvFormField.ts +24 -23
- package/src/VvFormFieldsGroup.ts +375 -0
- package/src/index.ts +19 -3
- package/src/types.ts +7 -2
package/dist/index.d.ts
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
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
|
+
import { defineFormFieldsGroup } from './VvFormFieldsGroup';
|
|
5
6
|
import { defineFormWrapper } from './VvFormWrapper';
|
|
6
|
-
import { defineFormTemplate } from './VvFormTemplate';
|
|
7
7
|
import { InjectedFormData, InjectedFormWrapperData, InjectedFormFieldData, FormComposableOptions, FormPluginOptions, FormTemplateItem, Path, PathValue, FormSchema, FormTemplate } from './types';
|
|
8
8
|
export declare const pluginInjectionKey: InjectionKey<FormPluginOptions>;
|
|
9
9
|
export declare function createForm(options: FormPluginOptions): Plugin & Partial<ReturnType<typeof useForm>>;
|
|
@@ -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
|
|
226
|
-
modelValue:
|
|
225
|
+
invalidLabel?: string[];
|
|
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,8 +680,8 @@ 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
|
|
578
|
-
modelValue:
|
|
683
|
+
invalidLabel?: string[];
|
|
684
|
+
modelValue: any;
|
|
579
685
|
onUpdate: (value: unknown) => void;
|
|
580
686
|
readonly: boolean;
|
|
581
687
|
submit?: InjectedFormData<Schema_1>["submit"];
|
|
@@ -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,24 +918,25 @@ 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';
|
|
713
934
|
type FormComponent = ReturnType<typeof defineForm>;
|
|
714
935
|
type FormWrapperComponent = ReturnType<typeof defineFormWrapper>;
|
|
715
936
|
type FormFieldComponent = ReturnType<typeof defineFormField>;
|
|
716
|
-
type
|
|
717
|
-
|
|
937
|
+
type FormFieldsGroupComponent = ReturnType<typeof defineFormFieldsGroup>;
|
|
938
|
+
type FormTemplateComponent = ReturnType<typeof defineFormFieldsGroup>;
|
|
939
|
+
export type { FormComponent, FormComposableOptions, FormFieldComponent, FormFieldsGroupComponent, FormPluginOptions, FormSchema, FormTemplate, FormTemplateComponent, FormTemplateItem, FormWrapperComponent, InjectedFormData, InjectedFormFieldData, InjectedFormWrapperData, Path, PathValue, };
|
|
718
940
|
/**
|
|
719
941
|
* @deprecated Use `useForm()` instead
|
|
720
942
|
*/
|
|
@@ -766,7 +988,7 @@ export declare function formFactory<Schema extends FormSchema>(schema: Schema, o
|
|
|
766
988
|
stopUpdatesWatch: import('vue').WatchStopHandle;
|
|
767
989
|
submit: () => Promise<boolean>;
|
|
768
990
|
validate: (value?: Partial<import('zod').TypeOf<Schema> | undefined>, fields?: Set<string>) => Promise<boolean>;
|
|
769
|
-
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("invalid" | "valid" | "reset" | "
|
|
991
|
+
}, {}, {}, {}, 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
992
|
continuousValidation: {
|
|
771
993
|
type: BooleanConstructor;
|
|
772
994
|
default: boolean;
|
|
@@ -790,16 +1012,16 @@ export declare function formFactory<Schema extends FormSchema>(schema: Schema, o
|
|
|
790
1012
|
}>> & Readonly<{
|
|
791
1013
|
onInvalid?: ((...args: any[]) => any) | undefined;
|
|
792
1014
|
onValid?: ((...args: any[]) => any) | undefined;
|
|
793
|
-
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
794
1015
|
onReset?: ((...args: any[]) => any) | undefined;
|
|
795
1016
|
onSubmit?: ((...args: any[]) => any) | undefined;
|
|
1017
|
+
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
796
1018
|
"onUpdate:readonly"?: ((...args: any[]) => any) | undefined;
|
|
797
1019
|
}>, {
|
|
798
1020
|
readonly: boolean;
|
|
799
|
-
template: FormTemplate<Schema>;
|
|
800
|
-
modelValue: Record<string, any>;
|
|
801
1021
|
tag: string;
|
|
1022
|
+
template: FormTemplate<Schema>;
|
|
802
1023
|
continuousValidation: boolean;
|
|
1024
|
+
modelValue: Record<string, any>;
|
|
803
1025
|
}, import('vue').SlotsType<{
|
|
804
1026
|
default: {
|
|
805
1027
|
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 +1036,7 @@ export declare function formFactory<Schema extends FormSchema>(schema: Schema, o
|
|
|
814
1036
|
clear: () => void;
|
|
815
1037
|
reset: () => void;
|
|
816
1038
|
};
|
|
817
|
-
}>, {}, {}, "invalid" | "valid" | "reset" | "status" | "
|
|
1039
|
+
}>, {}, {}, "invalid" | "valid" | "reset" | "status" | "readonly" | "clear" | "submit" | "errors" | "tag" | "template" | "validate", import('vue').ComponentProvideOptions, true, {}, any>;
|
|
818
1040
|
VvFormField: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
819
1041
|
type: {
|
|
820
1042
|
type: import('vue').PropType<`${import('./enums').FormFieldType}`>;
|
|
@@ -838,7 +1060,7 @@ export declare function formFactory<Schema extends FormSchema>(schema: Schema, o
|
|
|
838
1060
|
default: boolean;
|
|
839
1061
|
};
|
|
840
1062
|
defaultValue: {
|
|
841
|
-
type: (
|
|
1063
|
+
type: (ObjectConstructor | ArrayConstructor | BooleanConstructor | StringConstructor | NumberConstructor)[];
|
|
842
1064
|
default: undefined;
|
|
843
1065
|
};
|
|
844
1066
|
lazyLoad: {
|
|
@@ -873,7 +1095,7 @@ export declare function formFactory<Schema extends FormSchema>(schema: Schema, o
|
|
|
873
1095
|
'onUpdate:modelValue': (value: unknown) => void;
|
|
874
1096
|
}>;
|
|
875
1097
|
invalid: import('vue').ComputedRef<boolean>;
|
|
876
|
-
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("invalid" | "valid" | "update:
|
|
1098
|
+
}, {}, {}, {}, 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
1099
|
type: {
|
|
878
1100
|
type: import('vue').PropType<`${import('./enums').FormFieldType}`>;
|
|
879
1101
|
validator: (value: import('./enums').FormFieldType) => boolean;
|
|
@@ -896,7 +1118,7 @@ export declare function formFactory<Schema extends FormSchema>(schema: Schema, o
|
|
|
896
1118
|
default: boolean;
|
|
897
1119
|
};
|
|
898
1120
|
defaultValue: {
|
|
899
|
-
type: (
|
|
1121
|
+
type: (ObjectConstructor | ArrayConstructor | BooleanConstructor | StringConstructor | NumberConstructor)[];
|
|
900
1122
|
default: undefined;
|
|
901
1123
|
};
|
|
902
1124
|
lazyLoad: {
|
|
@@ -910,10 +1132,11 @@ export declare function formFactory<Schema extends FormSchema>(schema: Schema, o
|
|
|
910
1132
|
}>> & Readonly<{
|
|
911
1133
|
onInvalid?: ((...args: any[]) => any) | undefined;
|
|
912
1134
|
onValid?: ((...args: any[]) => any) | undefined;
|
|
913
|
-
"onUpdate:formData"?: ((...args: any[]) => any) | undefined;
|
|
914
1135
|
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
1136
|
+
"onUpdate:formData"?: ((...args: any[]) => any) | undefined;
|
|
915
1137
|
}>, {
|
|
916
1138
|
type: "number" | "text" | "email" | "password" | "tel" | "url" | "search" | "date" | "time" | "datetime-local" | "month" | "week" | "color" | "select" | "checkbox" | "radio" | "textarea" | "radioGroup" | "checkboxGroup" | "combobox" | "custom";
|
|
1139
|
+
readonly: boolean;
|
|
917
1140
|
props: [{
|
|
918
1141
|
type: import('vue').PropType<Partial<import('zod').TypeOf<Schema> | ((formData?: import('vue').Ref<ObjectConstructor>) => Partial<import('zod').TypeOf<Schema>> | undefined) | undefined>>;
|
|
919
1142
|
default: () => {};
|
|
@@ -925,7 +1148,6 @@ export declare function formFactory<Schema extends FormSchema>(schema: Schema, o
|
|
|
925
1148
|
showValid: boolean;
|
|
926
1149
|
defaultValue: string | number | boolean | unknown[] | Record<string, any>;
|
|
927
1150
|
lazyLoad: boolean;
|
|
928
|
-
readonly: boolean;
|
|
929
1151
|
}, import('vue').SlotsType<{
|
|
930
1152
|
[key: string]: any;
|
|
931
1153
|
default: {
|
|
@@ -933,14 +1155,120 @@ export declare function formFactory<Schema extends FormSchema>(schema: Schema, o
|
|
|
933
1155
|
formData?: Partial<import('zod').TypeOf<Schema>> | undefined;
|
|
934
1156
|
formErrors?: import('vue').DeepReadonly<import('zod').inferFormattedError<Schema, string>> | undefined;
|
|
935
1157
|
invalid: boolean;
|
|
936
|
-
invalidLabel
|
|
937
|
-
modelValue:
|
|
1158
|
+
invalidLabel?: string[];
|
|
1159
|
+
modelValue: any;
|
|
938
1160
|
onUpdate: (value: unknown) => void;
|
|
939
1161
|
readonly: boolean;
|
|
940
1162
|
submit?: InjectedFormData<Schema_1>["submit"];
|
|
941
1163
|
validate?: ((formData?: Partial<import('zod').TypeOf<Schema>> | undefined, fields?: Set<string>) => Promise<boolean>) | undefined;
|
|
942
1164
|
};
|
|
943
|
-
}>, {}, {}, "invalid" | "type" | "
|
|
1165
|
+
}>, {}, {}, "invalid" | "type" | "errors" | "component" | "hasProps" | "invalidLabel" | "is", import('vue').ComponentProvideOptions, true, {}, any>;
|
|
1166
|
+
VvFormFieldsGroup: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
1167
|
+
is: {
|
|
1168
|
+
type: import('vue').PropType<import('vue').Component | string>;
|
|
1169
|
+
default: undefined;
|
|
1170
|
+
};
|
|
1171
|
+
names: {
|
|
1172
|
+
type: import('vue').PropType<Path<import('zod').TypeOf<Schema>>[] | Record<string, Path<import('zod').TypeOf<Schema>>>>;
|
|
1173
|
+
required: true;
|
|
1174
|
+
};
|
|
1175
|
+
props: {
|
|
1176
|
+
type: import('vue').PropType<Partial<import('zod').TypeOf<Schema> | ((formData?: import('vue').Ref<ObjectConstructor>) => Partial<import('zod').TypeOf<Schema>> | undefined) | undefined>>;
|
|
1177
|
+
default: () => {};
|
|
1178
|
+
};
|
|
1179
|
+
showValid: {
|
|
1180
|
+
type: BooleanConstructor;
|
|
1181
|
+
default: boolean;
|
|
1182
|
+
};
|
|
1183
|
+
defaultValues: {
|
|
1184
|
+
type: import('vue').PropType<Record<Path<import('zod').TypeOf<Schema>>, any>>;
|
|
1185
|
+
default: undefined;
|
|
1186
|
+
};
|
|
1187
|
+
readonly: {
|
|
1188
|
+
type: BooleanConstructor;
|
|
1189
|
+
default: undefined;
|
|
1190
|
+
};
|
|
1191
|
+
}>, {
|
|
1192
|
+
component: import('vue').ComputedRef<{
|
|
1193
|
+
render(): import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
|
|
1194
|
+
[key: string]: any;
|
|
1195
|
+
}>[];
|
|
1196
|
+
}>;
|
|
1197
|
+
hasProps: import('vue').ComputedRef<{
|
|
1198
|
+
names: {};
|
|
1199
|
+
invalid: boolean;
|
|
1200
|
+
invalids: Record<string, boolean>;
|
|
1201
|
+
valid: boolean | undefined;
|
|
1202
|
+
invalidLabels: Record<string, string[]> | undefined;
|
|
1203
|
+
modelValue: Record<string, any>;
|
|
1204
|
+
readonly: boolean;
|
|
1205
|
+
}>;
|
|
1206
|
+
invalid: import('vue').ComputedRef<boolean>;
|
|
1207
|
+
}, {}, {}, {}, 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<{
|
|
1208
|
+
is: {
|
|
1209
|
+
type: import('vue').PropType<import('vue').Component | string>;
|
|
1210
|
+
default: undefined;
|
|
1211
|
+
};
|
|
1212
|
+
names: {
|
|
1213
|
+
type: import('vue').PropType<Path<import('zod').TypeOf<Schema>>[] | Record<string, Path<import('zod').TypeOf<Schema>>>>;
|
|
1214
|
+
required: true;
|
|
1215
|
+
};
|
|
1216
|
+
props: {
|
|
1217
|
+
type: import('vue').PropType<Partial<import('zod').TypeOf<Schema> | ((formData?: import('vue').Ref<ObjectConstructor>) => Partial<import('zod').TypeOf<Schema>> | undefined) | undefined>>;
|
|
1218
|
+
default: () => {};
|
|
1219
|
+
};
|
|
1220
|
+
showValid: {
|
|
1221
|
+
type: BooleanConstructor;
|
|
1222
|
+
default: boolean;
|
|
1223
|
+
};
|
|
1224
|
+
defaultValues: {
|
|
1225
|
+
type: import('vue').PropType<Record<Path<import('zod').TypeOf<Schema>>, any>>;
|
|
1226
|
+
default: undefined;
|
|
1227
|
+
};
|
|
1228
|
+
readonly: {
|
|
1229
|
+
type: BooleanConstructor;
|
|
1230
|
+
default: undefined;
|
|
1231
|
+
};
|
|
1232
|
+
}>> & Readonly<{
|
|
1233
|
+
onInvalid?: ((...args: any[]) => any) | undefined;
|
|
1234
|
+
onValid?: ((...args: any[]) => any) | undefined;
|
|
1235
|
+
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
1236
|
+
"onUpdate:formData"?: ((...args: any[]) => any) | undefined;
|
|
1237
|
+
}>, {
|
|
1238
|
+
readonly: boolean;
|
|
1239
|
+
props: [{
|
|
1240
|
+
type: import('vue').PropType<Partial<import('zod').TypeOf<Schema> | ((formData?: import('vue').Ref<ObjectConstructor>) => Partial<import('zod').TypeOf<Schema>> | undefined) | undefined>>;
|
|
1241
|
+
default: () => {};
|
|
1242
|
+
}] extends [import('vue').Prop<infer V, infer D>] ? unknown extends V ? keyof V extends never ? import('@vue/shared').IfAny<V, V, D> : V : V : {
|
|
1243
|
+
type: import('vue').PropType<Partial<import('zod').TypeOf<Schema> | ((formData?: import('vue').Ref<ObjectConstructor>) => Partial<import('zod').TypeOf<Schema>> | undefined) | undefined>>;
|
|
1244
|
+
default: () => {};
|
|
1245
|
+
};
|
|
1246
|
+
is: string | import('vue').Component;
|
|
1247
|
+
showValid: boolean;
|
|
1248
|
+
defaultValues: [{
|
|
1249
|
+
type: import('vue').PropType<Record<Path<import('zod').TypeOf<Schema>>, any>>;
|
|
1250
|
+
default: undefined;
|
|
1251
|
+
}] extends [import('vue').Prop<infer V, infer D>] ? unknown extends V ? keyof V extends never ? import('@vue/shared').IfAny<V, V, D> : V : V : {
|
|
1252
|
+
type: import('vue').PropType<Record<Path<import('zod').TypeOf<Schema>>, any>>;
|
|
1253
|
+
default: undefined;
|
|
1254
|
+
};
|
|
1255
|
+
}, import('vue').SlotsType<{
|
|
1256
|
+
[key: string]: any;
|
|
1257
|
+
default: {
|
|
1258
|
+
errors?: Record<Path<import('zod').TypeOf<Schema>>, import('zod').inferFormattedError<Schema, string>> | undefined;
|
|
1259
|
+
formData?: Partial<import('zod').TypeOf<Schema>> | undefined;
|
|
1260
|
+
formErrors?: import('vue').DeepReadonly<import('zod').inferFormattedError<Schema, string>> | undefined;
|
|
1261
|
+
invalid: boolean;
|
|
1262
|
+
invalids: Record<string, boolean>;
|
|
1263
|
+
invalidLabels?: Record<string, string[]>;
|
|
1264
|
+
modelValue: Record<string, any>;
|
|
1265
|
+
onUpdate: (value: Record<string, any>) => void;
|
|
1266
|
+
onUpdateField: (name: string, value: any) => void;
|
|
1267
|
+
readonly: boolean;
|
|
1268
|
+
submit?: InjectedFormData<Schema_2>["submit"];
|
|
1269
|
+
validate?: ((formData?: Partial<import('zod').TypeOf<Schema>> | undefined, fields?: Set<string>) => Promise<boolean>) | undefined;
|
|
1270
|
+
};
|
|
1271
|
+
}>, {}, {}, "invalid" | "errors" | "component" | "hasProps" | "is" | "invalidLabels", import('vue').ComponentProvideOptions, true, {}, any>;
|
|
944
1272
|
VvFormTemplate: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
945
1273
|
schema: {
|
|
946
1274
|
type: import('vue').PropType<FormTemplate<Schema>>;
|
|
@@ -971,10 +1299,10 @@ export declare function formFactory<Schema extends FormSchema>(schema: Schema, o
|
|
|
971
1299
|
formData?: Partial<import('zod').TypeOf<Schema>> | undefined;
|
|
972
1300
|
invalid: boolean;
|
|
973
1301
|
status?: import('./enums').FormStatus;
|
|
974
|
-
submit?: InjectedFormData<
|
|
1302
|
+
submit?: InjectedFormData<Schema_3>["submit"];
|
|
975
1303
|
validate?: ((formData?: Partial<import('zod').TypeOf<Schema>> | undefined, fields?: Set<string>) => Promise<boolean>) | undefined;
|
|
976
|
-
clear?: InjectedFormData<
|
|
977
|
-
reset?: InjectedFormData<
|
|
1304
|
+
clear?: InjectedFormData<Schema_3>["clear"];
|
|
1305
|
+
reset?: InjectedFormData<Schema_3>["reset"];
|
|
978
1306
|
};
|
|
979
1307
|
}>, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
980
1308
|
VvFormWrapper: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
@@ -1017,12 +1345,12 @@ export declare function formFactory<Schema extends FormSchema>(schema: Schema, o
|
|
|
1017
1345
|
formData?: Partial<import('zod').TypeOf<Schema>> | undefined;
|
|
1018
1346
|
formErrors?: import('vue').DeepReadonly<import('zod').inferFormattedError<Schema, string>> | undefined;
|
|
1019
1347
|
invalid: boolean;
|
|
1020
|
-
submit?: InjectedFormData<
|
|
1348
|
+
submit?: InjectedFormData<Schema_4>["submit"];
|
|
1021
1349
|
validate?: ((formData?: Partial<import('zod').TypeOf<Schema>> | undefined, fields?: Set<string>) => Promise<boolean>) | undefined;
|
|
1022
1350
|
validateWrapper?: (() => Promise<boolean>) | undefined;
|
|
1023
1351
|
fieldsErrors: Map<string, import('zod').inferFormattedError<Schema, string>>;
|
|
1024
|
-
clear?: InjectedFormData<
|
|
1025
|
-
reset?: InjectedFormData<
|
|
1352
|
+
clear?: InjectedFormData<Schema_4>["clear"];
|
|
1353
|
+
reset?: InjectedFormData<Schema_4>["reset"];
|
|
1026
1354
|
};
|
|
1027
|
-
}>, {}, {}, "invalid" | "reset" | "clear" | "
|
|
1355
|
+
}>, {}, {}, "invalid" | "reset" | "clear" | "submit" | "errors" | "tag" | "validate" | "formData" | "fields" | "fieldsErrors" | "validateWrapper", import('vue').ComponentProvideOptions, true, {}, any>;
|
|
1028
1356
|
};
|