@volverjs/form-vue 1.0.0-beta.11 → 1.0.0-beta.13
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 +247 -239
- package/dist/VvForm.d.ts +13 -13
- package/dist/VvFormField.d.ts +13 -13
- package/dist/VvFormTemplate.d.ts +15 -15
- package/dist/VvFormWrapper.d.ts +11 -11
- package/dist/index.d.ts +319 -319
- package/dist/index.es.js +481 -457
- package/dist/index.umd.js +1 -1
- package/dist/types.d.ts +6 -3
- package/dist/utils.d.ts +2 -2
- package/package.json +52 -56
- package/src/VvForm.ts +287 -291
- package/src/VvFormField.ts +323 -325
- package/src/VvFormTemplate.ts +196 -178
- package/src/VvFormWrapper.ts +144 -147
- package/src/enums.ts +26 -26
- package/src/index.ts +117 -128
- package/src/types.ts +113 -117
- package/src/utils.ts +93 -97
package/dist/index.d.ts
CHANGED
|
@@ -1,16 +1,16 @@
|
|
|
1
|
+
import { InjectionKey, Plugin } from 'vue';
|
|
1
2
|
import { AnyZodObject } from 'zod';
|
|
2
|
-
import { InjectedFormData, InjectedFormWrapperData, InjectedFormFieldData, FormComposableOptions, FormPluginOptions, FormTemplateItem, Path, PathValue, FormSchema, FormTemplate } from './types';
|
|
3
|
-
import { defineFormTemplate } from './VvFormTemplate';
|
|
4
|
-
import { defineFormWrapper } from './VvFormWrapper';
|
|
5
|
-
import { defineForm } from './VvForm';
|
|
6
3
|
import { defineFormField } from './VvFormField';
|
|
7
|
-
import {
|
|
4
|
+
import { defineForm } from './VvForm';
|
|
5
|
+
import { defineFormWrapper } from './VvFormWrapper';
|
|
6
|
+
import { defineFormTemplate } from './VvFormTemplate';
|
|
7
|
+
import { InjectedFormData, InjectedFormWrapperData, InjectedFormFieldData, FormComposableOptions, FormPluginOptions, FormTemplateItem, Path, PathValue, FormSchema, FormTemplate } from './types';
|
|
8
8
|
|
|
9
9
|
export declare const pluginInjectionKey: InjectionKey<FormPluginOptions>;
|
|
10
|
-
export declare
|
|
11
|
-
export declare
|
|
10
|
+
export declare function createForm(options: FormPluginOptions): Plugin & Partial<ReturnType<typeof useForm>>;
|
|
11
|
+
export declare function useForm<Schema extends FormSchema>(schema: Schema, options?: FormComposableOptions<Schema>): {
|
|
12
12
|
VvForm: {
|
|
13
|
-
new (...args: any[]): import('vue').CreateComponentPublicInstance<Readonly<import(
|
|
13
|
+
new (...args: any[]): import('vue').CreateComponentPublicInstance<Readonly<import('vue').ExtractPropTypes<{
|
|
14
14
|
continuousValidation: {
|
|
15
15
|
type: BooleanConstructor;
|
|
16
16
|
default: boolean;
|
|
@@ -28,7 +28,7 @@ export declare const useForm: <Schema extends FormSchema>(schema: Schema, option
|
|
|
28
28
|
default: string;
|
|
29
29
|
};
|
|
30
30
|
template: {
|
|
31
|
-
type: import(
|
|
31
|
+
type: import('vue').PropType<FormTemplate<Schema>>;
|
|
32
32
|
default: undefined;
|
|
33
33
|
};
|
|
34
34
|
}>> & {
|
|
@@ -38,16 +38,16 @@ export declare const useForm: <Schema extends FormSchema>(schema: Schema, option
|
|
|
38
38
|
onSubmit?: ((...args: any[]) => any) | undefined;
|
|
39
39
|
"onUpdate:readonly"?: ((...args: any[]) => any) | undefined;
|
|
40
40
|
}, {
|
|
41
|
-
formData: import(
|
|
41
|
+
formData: import('vue').Ref<Partial<import('zod').TypeOf<Schema> | undefined>>;
|
|
42
42
|
submit: () => Promise<boolean>;
|
|
43
|
-
validate: (value?: Partial<import(
|
|
44
|
-
ignoreUpdates: import(
|
|
45
|
-
stopUpdatesWatch: import(
|
|
46
|
-
errors: Readonly<import(
|
|
47
|
-
status: Readonly<import(
|
|
48
|
-
invalid: import(
|
|
49
|
-
isReadonly: import(
|
|
50
|
-
}, unknown, {}, {}, import(
|
|
43
|
+
validate: (value?: Partial<import('zod').TypeOf<Schema> | undefined>) => Promise<boolean>;
|
|
44
|
+
ignoreUpdates: import('@vueuse/shared').IgnoredUpdater;
|
|
45
|
+
stopUpdatesWatch: import('vue').WatchStopHandle;
|
|
46
|
+
errors: Readonly<import('vue').Ref<import('vue').DeepReadonly<import('zod').inferFormattedError<Schema, string>> | undefined>>;
|
|
47
|
+
status: Readonly<import('vue').Ref<import('./enums').FormStatus | undefined>>;
|
|
48
|
+
invalid: import('vue').ComputedRef<boolean>;
|
|
49
|
+
isReadonly: import('vue').Ref<boolean>;
|
|
50
|
+
}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("invalid" | "valid" | "update:modelValue" | "submit" | "update:readonly")[], import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{
|
|
51
51
|
continuousValidation: {
|
|
52
52
|
type: BooleanConstructor;
|
|
53
53
|
default: boolean;
|
|
@@ -65,7 +65,7 @@ export declare const useForm: <Schema extends FormSchema>(schema: Schema, option
|
|
|
65
65
|
default: string;
|
|
66
66
|
};
|
|
67
67
|
template: {
|
|
68
|
-
type: import(
|
|
68
|
+
type: import('vue').PropType<FormTemplate<Schema>>;
|
|
69
69
|
default: undefined;
|
|
70
70
|
};
|
|
71
71
|
}>> & {
|
|
@@ -87,7 +87,7 @@ export declare const useForm: <Schema extends FormSchema>(schema: Schema, option
|
|
|
87
87
|
C: {};
|
|
88
88
|
M: {};
|
|
89
89
|
Defaults: {};
|
|
90
|
-
}, Readonly<import(
|
|
90
|
+
}, Readonly<import('vue').ExtractPropTypes<{
|
|
91
91
|
continuousValidation: {
|
|
92
92
|
type: BooleanConstructor;
|
|
93
93
|
default: boolean;
|
|
@@ -105,7 +105,7 @@ export declare const useForm: <Schema extends FormSchema>(schema: Schema, option
|
|
|
105
105
|
default: string;
|
|
106
106
|
};
|
|
107
107
|
template: {
|
|
108
|
-
type: import(
|
|
108
|
+
type: import('vue').PropType<FormTemplate<Schema>>;
|
|
109
109
|
default: undefined;
|
|
110
110
|
};
|
|
111
111
|
}>> & {
|
|
@@ -115,15 +115,15 @@ export declare const useForm: <Schema extends FormSchema>(schema: Schema, option
|
|
|
115
115
|
onSubmit?: ((...args: any[]) => any) | undefined;
|
|
116
116
|
"onUpdate:readonly"?: ((...args: any[]) => any) | undefined;
|
|
117
117
|
}, {
|
|
118
|
-
formData: import(
|
|
118
|
+
formData: import('vue').Ref<Partial<import('zod').TypeOf<Schema> | undefined>>;
|
|
119
119
|
submit: () => Promise<boolean>;
|
|
120
|
-
validate: (value?: Partial<import(
|
|
121
|
-
ignoreUpdates: import(
|
|
122
|
-
stopUpdatesWatch: import(
|
|
123
|
-
errors: Readonly<import(
|
|
124
|
-
status: Readonly<import(
|
|
125
|
-
invalid: import(
|
|
126
|
-
isReadonly: import(
|
|
120
|
+
validate: (value?: Partial<import('zod').TypeOf<Schema> | undefined>) => Promise<boolean>;
|
|
121
|
+
ignoreUpdates: import('@vueuse/shared').IgnoredUpdater;
|
|
122
|
+
stopUpdatesWatch: import('vue').WatchStopHandle;
|
|
123
|
+
errors: Readonly<import('vue').Ref<import('vue').DeepReadonly<import('zod').inferFormattedError<Schema, string>> | undefined>>;
|
|
124
|
+
status: Readonly<import('vue').Ref<import('./enums').FormStatus | undefined>>;
|
|
125
|
+
invalid: import('vue').ComputedRef<boolean>;
|
|
126
|
+
isReadonly: import('vue').Ref<boolean>;
|
|
127
127
|
}, {}, {}, {}, {
|
|
128
128
|
readonly: boolean;
|
|
129
129
|
template: FormTemplate<Schema>;
|
|
@@ -134,7 +134,7 @@ export declare const useForm: <Schema extends FormSchema>(schema: Schema, option
|
|
|
134
134
|
__isFragment?: undefined;
|
|
135
135
|
__isTeleport?: undefined;
|
|
136
136
|
__isSuspense?: undefined;
|
|
137
|
-
} & import('vue').ComponentOptionsBase<Readonly<import(
|
|
137
|
+
} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
|
|
138
138
|
continuousValidation: {
|
|
139
139
|
type: BooleanConstructor;
|
|
140
140
|
default: boolean;
|
|
@@ -152,7 +152,7 @@ export declare const useForm: <Schema extends FormSchema>(schema: Schema, option
|
|
|
152
152
|
default: string;
|
|
153
153
|
};
|
|
154
154
|
template: {
|
|
155
|
-
type: import(
|
|
155
|
+
type: import('vue').PropType<FormTemplate<Schema>>;
|
|
156
156
|
default: undefined;
|
|
157
157
|
};
|
|
158
158
|
}>> & {
|
|
@@ -162,16 +162,16 @@ export declare const useForm: <Schema extends FormSchema>(schema: Schema, option
|
|
|
162
162
|
onSubmit?: ((...args: any[]) => any) | undefined;
|
|
163
163
|
"onUpdate:readonly"?: ((...args: any[]) => any) | undefined;
|
|
164
164
|
}, {
|
|
165
|
-
formData: import(
|
|
165
|
+
formData: import('vue').Ref<Partial<import('zod').TypeOf<Schema> | undefined>>;
|
|
166
166
|
submit: () => Promise<boolean>;
|
|
167
|
-
validate: (value?: Partial<import(
|
|
168
|
-
ignoreUpdates: import(
|
|
169
|
-
stopUpdatesWatch: import(
|
|
170
|
-
errors: Readonly<import(
|
|
171
|
-
status: Readonly<import(
|
|
172
|
-
invalid: import(
|
|
173
|
-
isReadonly: import(
|
|
174
|
-
}, unknown, {}, {}, import(
|
|
167
|
+
validate: (value?: Partial<import('zod').TypeOf<Schema> | undefined>) => Promise<boolean>;
|
|
168
|
+
ignoreUpdates: import('@vueuse/shared').IgnoredUpdater;
|
|
169
|
+
stopUpdatesWatch: import('vue').WatchStopHandle;
|
|
170
|
+
errors: Readonly<import('vue').Ref<import('vue').DeepReadonly<import('zod').inferFormattedError<Schema, string>> | undefined>>;
|
|
171
|
+
status: Readonly<import('vue').Ref<import('./enums').FormStatus | undefined>>;
|
|
172
|
+
invalid: import('vue').ComputedRef<boolean>;
|
|
173
|
+
isReadonly: import('vue').Ref<boolean>;
|
|
174
|
+
}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("invalid" | "valid" | "update:modelValue" | "submit" | "update:readonly")[], "invalid" | "valid" | "update:modelValue" | "submit" | "update:readonly", {
|
|
175
175
|
readonly: boolean;
|
|
176
176
|
template: FormTemplate<Schema>;
|
|
177
177
|
modelValue: Record<string, any>;
|
|
@@ -185,15 +185,15 @@ export declare const useForm: <Schema extends FormSchema>(schema: Schema, option
|
|
|
185
185
|
validate: () => Promise<boolean>;
|
|
186
186
|
ignoreUpdates: import('@vueuse/shared').IgnoredUpdater;
|
|
187
187
|
stopUpdatesWatch: import('vue').WatchStopHandle;
|
|
188
|
-
errors: Readonly<import('vue').Ref<import(
|
|
189
|
-
status: import('vue').Ref<import(
|
|
190
|
-
invalid: import('vue').Ref<import(
|
|
188
|
+
errors: Readonly<import('vue').Ref<import('vue').DeepReadonly<import('zod').inferFormattedError<Schema, string>>>>;
|
|
189
|
+
status: import('vue').Ref<import('vue').DeepReadonly<"invalid" | "valid" | "submitting" | "updated" | "unknown" | undefined>>;
|
|
190
|
+
invalid: import('vue').Ref<import('vue').DeepReadonly<boolean>>;
|
|
191
191
|
readonly: import('vue').Ref<boolean>;
|
|
192
192
|
}) => any;
|
|
193
193
|
};
|
|
194
194
|
});
|
|
195
195
|
VvFormWrapper: {
|
|
196
|
-
new (...args: any[]): import('vue').CreateComponentPublicInstance<Readonly<import(
|
|
196
|
+
new (...args: any[]): import('vue').CreateComponentPublicInstance<Readonly<import('vue').ExtractPropTypes<{
|
|
197
197
|
name: {
|
|
198
198
|
type: StringConstructor;
|
|
199
199
|
required: true;
|
|
@@ -206,14 +206,14 @@ export declare const useForm: <Schema extends FormSchema>(schema: Schema, option
|
|
|
206
206
|
onInvalid?: ((...args: any[]) => any) | undefined;
|
|
207
207
|
onValid?: ((...args: any[]) => any) | undefined;
|
|
208
208
|
}, {
|
|
209
|
-
formData: import(
|
|
210
|
-
errors: Readonly<import(
|
|
209
|
+
formData: import('vue').Ref<Partial<import('zod').TypeOf<Schema>> | undefined> | undefined;
|
|
210
|
+
errors: Readonly<import('vue').Ref<import('vue').DeepReadonly<import('zod').inferFormattedError<Schema, string>> | undefined>> | undefined;
|
|
211
211
|
submit: (() => Promise<boolean>) | undefined;
|
|
212
212
|
validate: (() => Promise<boolean>) | undefined;
|
|
213
|
-
invalid: import(
|
|
214
|
-
fields: import(
|
|
215
|
-
fieldsErrors: import(
|
|
216
|
-
}, unknown, {}, {}, import(
|
|
213
|
+
invalid: import('vue').ComputedRef<boolean>;
|
|
214
|
+
fields: import('vue').Ref<Set<string> & Omit<Set<string>, keyof Set<any>>>;
|
|
215
|
+
fieldsErrors: import('vue').Ref<Map<string, import('zod').inferFormattedError<Schema, string>>>;
|
|
216
|
+
}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("invalid" | "valid")[], import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{
|
|
217
217
|
name: {
|
|
218
218
|
type: StringConstructor;
|
|
219
219
|
required: true;
|
|
@@ -234,7 +234,7 @@ export declare const useForm: <Schema extends FormSchema>(schema: Schema, option
|
|
|
234
234
|
C: {};
|
|
235
235
|
M: {};
|
|
236
236
|
Defaults: {};
|
|
237
|
-
}, Readonly<import(
|
|
237
|
+
}, Readonly<import('vue').ExtractPropTypes<{
|
|
238
238
|
name: {
|
|
239
239
|
type: StringConstructor;
|
|
240
240
|
required: true;
|
|
@@ -247,20 +247,20 @@ export declare const useForm: <Schema extends FormSchema>(schema: Schema, option
|
|
|
247
247
|
onInvalid?: ((...args: any[]) => any) | undefined;
|
|
248
248
|
onValid?: ((...args: any[]) => any) | undefined;
|
|
249
249
|
}, {
|
|
250
|
-
formData: import(
|
|
251
|
-
errors: Readonly<import(
|
|
250
|
+
formData: import('vue').Ref<Partial<import('zod').TypeOf<Schema>> | undefined> | undefined;
|
|
251
|
+
errors: Readonly<import('vue').Ref<import('vue').DeepReadonly<import('zod').inferFormattedError<Schema, string>> | undefined>> | undefined;
|
|
252
252
|
submit: (() => Promise<boolean>) | undefined;
|
|
253
253
|
validate: (() => Promise<boolean>) | undefined;
|
|
254
|
-
invalid: import(
|
|
255
|
-
fields: import(
|
|
256
|
-
fieldsErrors: import(
|
|
254
|
+
invalid: import('vue').ComputedRef<boolean>;
|
|
255
|
+
fields: import('vue').Ref<Set<string> & Omit<Set<string>, keyof Set<any>>>;
|
|
256
|
+
fieldsErrors: import('vue').Ref<Map<string, import('zod').inferFormattedError<Schema, string>>>;
|
|
257
257
|
}, {}, {}, {}, {
|
|
258
258
|
tag: string;
|
|
259
259
|
}>;
|
|
260
260
|
__isFragment?: undefined;
|
|
261
261
|
__isTeleport?: undefined;
|
|
262
262
|
__isSuspense?: undefined;
|
|
263
|
-
} & import('vue').ComponentOptionsBase<Readonly<import(
|
|
263
|
+
} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
|
|
264
264
|
name: {
|
|
265
265
|
type: StringConstructor;
|
|
266
266
|
required: true;
|
|
@@ -273,14 +273,14 @@ export declare const useForm: <Schema extends FormSchema>(schema: Schema, option
|
|
|
273
273
|
onInvalid?: ((...args: any[]) => any) | undefined;
|
|
274
274
|
onValid?: ((...args: any[]) => any) | undefined;
|
|
275
275
|
}, {
|
|
276
|
-
formData: import(
|
|
277
|
-
errors: Readonly<import(
|
|
276
|
+
formData: import('vue').Ref<Partial<import('zod').TypeOf<Schema>> | undefined> | undefined;
|
|
277
|
+
errors: Readonly<import('vue').Ref<import('vue').DeepReadonly<import('zod').inferFormattedError<Schema, string>> | undefined>> | undefined;
|
|
278
278
|
submit: (() => Promise<boolean>) | undefined;
|
|
279
279
|
validate: (() => Promise<boolean>) | undefined;
|
|
280
|
-
invalid: import(
|
|
281
|
-
fields: import(
|
|
282
|
-
fieldsErrors: import(
|
|
283
|
-
}, unknown, {}, {}, import(
|
|
280
|
+
invalid: import('vue').ComputedRef<boolean>;
|
|
281
|
+
fields: import('vue').Ref<Set<string> & Omit<Set<string>, keyof Set<any>>>;
|
|
282
|
+
fieldsErrors: import('vue').Ref<Map<string, import('zod').inferFormattedError<Schema, string>>>;
|
|
283
|
+
}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("invalid" | "valid")[], "invalid" | "valid", {
|
|
284
284
|
tag: string;
|
|
285
285
|
}, {}, string, {}> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
|
|
286
286
|
$slots: {
|
|
@@ -289,7 +289,7 @@ export declare const useForm: <Schema extends FormSchema>(schema: Schema, option
|
|
|
289
289
|
formData: unknown extends Partial<import('zod').TypeOf<Schema>> | undefined ? undefined : Partial<import('zod').TypeOf<Schema>> | undefined;
|
|
290
290
|
submit: () => Promise<boolean>;
|
|
291
291
|
validate: () => Promise<boolean>;
|
|
292
|
-
errors: Readonly<import('vue').Ref<import(
|
|
292
|
+
errors: Readonly<import('vue').Ref<import('vue').DeepReadonly<import('zod').inferFormattedError<Schema, string>>>>;
|
|
293
293
|
fieldsErrors: Map<string, Record<string, {
|
|
294
294
|
_errors: string[];
|
|
295
295
|
}>>;
|
|
@@ -298,20 +298,20 @@ export declare const useForm: <Schema extends FormSchema>(schema: Schema, option
|
|
|
298
298
|
});
|
|
299
299
|
VvFormField: import('vue').DefineComponent<{
|
|
300
300
|
type: {
|
|
301
|
-
type: import(
|
|
302
|
-
validator: (value: import(
|
|
303
|
-
default: import(
|
|
301
|
+
type: import('vue').PropType<"number" | "text" | "email" | "password" | "tel" | "url" | "search" | "date" | "time" | "datetime-local" | "month" | "week" | "color" | "select" | "checkbox" | "radio" | "textarea" | "radioGroup" | "checkboxGroup" | "combobox" | "custom">;
|
|
302
|
+
validator: (value: import('./enums').FormFieldType) => boolean;
|
|
303
|
+
default: import('./enums').FormFieldType;
|
|
304
304
|
};
|
|
305
305
|
is: {
|
|
306
|
-
type: import(
|
|
306
|
+
type: import('vue').PropType<string | import('vue').Component>;
|
|
307
307
|
default: undefined;
|
|
308
308
|
};
|
|
309
309
|
name: {
|
|
310
|
-
type: import(
|
|
310
|
+
type: import('vue').PropType<Path<import('zod').TypeOf<Schema>>>;
|
|
311
311
|
required: true;
|
|
312
312
|
};
|
|
313
313
|
props: {
|
|
314
|
-
type: import(
|
|
314
|
+
type: import('vue').PropType<Partial<import('zod').TypeOf<Schema> | ((formData?: import('vue').Ref<ObjectConstructor> | undefined) => Partial<import('zod').TypeOf<Schema>> | undefined) | undefined>>;
|
|
315
315
|
default: () => {};
|
|
316
316
|
};
|
|
317
317
|
showValid: {
|
|
@@ -331,45 +331,45 @@ export declare const useForm: <Schema extends FormSchema>(schema: Schema, option
|
|
|
331
331
|
default: undefined;
|
|
332
332
|
};
|
|
333
333
|
}, {
|
|
334
|
-
component: import(
|
|
334
|
+
component: import('vue').ComputedRef<{
|
|
335
335
|
new (...args: any[]): any;
|
|
336
336
|
__isFragment?: undefined;
|
|
337
337
|
__isTeleport?: undefined;
|
|
338
338
|
__isSuspense?: undefined;
|
|
339
|
-
} | import(
|
|
340
|
-
hasProps: import(
|
|
339
|
+
} | import('vue').ConcreteComponent>;
|
|
340
|
+
hasProps: import('vue').ComputedRef<{
|
|
341
341
|
name: {} | ([{
|
|
342
|
-
type: import(
|
|
342
|
+
type: import('vue').PropType<Path<import('zod').TypeOf<Schema>>>;
|
|
343
343
|
required: true;
|
|
344
|
-
}] extends [import(
|
|
345
|
-
type: import(
|
|
344
|
+
}] extends [import('vue').Prop<infer V, infer D>] ? unknown extends V ? import('@vue/shared').IfAny<V, V, D> : V : {
|
|
345
|
+
type: import('vue').PropType<Path<import('zod').TypeOf<Schema>>>;
|
|
346
346
|
required: true;
|
|
347
347
|
});
|
|
348
348
|
invalid: boolean;
|
|
349
349
|
valid: boolean | undefined;
|
|
350
|
-
type: import(
|
|
350
|
+
type: import('./enums').FormFieldType | undefined;
|
|
351
351
|
invalidLabel: any;
|
|
352
352
|
modelValue: any;
|
|
353
353
|
readonly: {} | undefined;
|
|
354
354
|
'onUpdate:modelValue': (value: unknown) => void;
|
|
355
355
|
}>;
|
|
356
|
-
invalid: import(
|
|
357
|
-
}, unknown, {}, {}, import(
|
|
356
|
+
invalid: import('vue').ComputedRef<boolean>;
|
|
357
|
+
}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("invalid" | "valid" | "update:formData" | "update:modelValue")[], "invalid" | "valid" | "update:formData" | "update:modelValue", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
358
358
|
type: {
|
|
359
|
-
type: import(
|
|
360
|
-
validator: (value: import(
|
|
361
|
-
default: import(
|
|
359
|
+
type: import('vue').PropType<"number" | "text" | "email" | "password" | "tel" | "url" | "search" | "date" | "time" | "datetime-local" | "month" | "week" | "color" | "select" | "checkbox" | "radio" | "textarea" | "radioGroup" | "checkboxGroup" | "combobox" | "custom">;
|
|
360
|
+
validator: (value: import('./enums').FormFieldType) => boolean;
|
|
361
|
+
default: import('./enums').FormFieldType;
|
|
362
362
|
};
|
|
363
363
|
is: {
|
|
364
|
-
type: import(
|
|
364
|
+
type: import('vue').PropType<string | import('vue').Component>;
|
|
365
365
|
default: undefined;
|
|
366
366
|
};
|
|
367
367
|
name: {
|
|
368
|
-
type: import(
|
|
368
|
+
type: import('vue').PropType<Path<import('zod').TypeOf<Schema>>>;
|
|
369
369
|
required: true;
|
|
370
370
|
};
|
|
371
371
|
props: {
|
|
372
|
-
type: import(
|
|
372
|
+
type: import('vue').PropType<Partial<import('zod').TypeOf<Schema> | ((formData?: import('vue').Ref<ObjectConstructor> | undefined) => Partial<import('zod').TypeOf<Schema>> | undefined) | undefined>>;
|
|
373
373
|
default: () => {};
|
|
374
374
|
};
|
|
375
375
|
showValid: {
|
|
@@ -396,39 +396,39 @@ export declare const useForm: <Schema extends FormSchema>(schema: Schema, option
|
|
|
396
396
|
}, {
|
|
397
397
|
type: "number" | "text" | "email" | "password" | "tel" | "url" | "search" | "date" | "time" | "datetime-local" | "month" | "week" | "color" | "select" | "checkbox" | "radio" | "textarea" | "radioGroup" | "checkboxGroup" | "combobox" | "custom";
|
|
398
398
|
props: [{
|
|
399
|
-
type: import(
|
|
399
|
+
type: import('vue').PropType<Partial<import('zod').TypeOf<Schema> | ((formData?: import('vue').Ref<ObjectConstructor> | undefined) => Partial<import('zod').TypeOf<Schema>> | undefined) | undefined>>;
|
|
400
400
|
default: () => {};
|
|
401
|
-
}] extends [import(
|
|
402
|
-
type: import(
|
|
401
|
+
}] extends [import('vue').Prop<infer V, infer D>] ? unknown extends V ? import('@vue/shared').IfAny<V, V, D> : V : {
|
|
402
|
+
type: import('vue').PropType<Partial<import('zod').TypeOf<Schema> | ((formData?: import('vue').Ref<ObjectConstructor> | undefined) => Partial<import('zod').TypeOf<Schema>> | undefined) | undefined>>;
|
|
403
403
|
default: () => {};
|
|
404
404
|
};
|
|
405
|
-
is: import(
|
|
405
|
+
is: string | import('vue').Component;
|
|
406
406
|
showValid: boolean;
|
|
407
407
|
defaultValue: string | number | boolean | unknown[] | Record<string, any>;
|
|
408
408
|
lazyLoad: boolean;
|
|
409
409
|
readonly: boolean;
|
|
410
410
|
}, {}>;
|
|
411
411
|
VvFormTemplate: {
|
|
412
|
-
new (...args: any[]): import('vue').CreateComponentPublicInstance<Readonly<import(
|
|
412
|
+
new (...args: any[]): import('vue').CreateComponentPublicInstance<Readonly<import('vue').ExtractPropTypes<{
|
|
413
413
|
schema: {
|
|
414
|
-
type: import(
|
|
414
|
+
type: import('vue').PropType<FormTemplate<Schema>>;
|
|
415
415
|
required: true;
|
|
416
416
|
};
|
|
417
417
|
scope: {
|
|
418
|
-
type: import(
|
|
418
|
+
type: import('vue').PropType<Record<string, unknown>>;
|
|
419
419
|
default: () => {};
|
|
420
420
|
};
|
|
421
|
-
}>>, (() => (import(
|
|
421
|
+
}>>, (() => (import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
|
|
422
422
|
[key: string]: any;
|
|
423
|
-
}> | import(
|
|
423
|
+
}> | import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
|
|
424
424
|
[key: string]: any;
|
|
425
|
-
}>[] | undefined)[]) | undefined, unknown, {}, {}, import(
|
|
425
|
+
}>[] | undefined)[]) | undefined, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{
|
|
426
426
|
schema: {
|
|
427
|
-
type: import(
|
|
427
|
+
type: import('vue').PropType<FormTemplate<Schema>>;
|
|
428
428
|
required: true;
|
|
429
429
|
};
|
|
430
430
|
scope: {
|
|
431
|
-
type: import(
|
|
431
|
+
type: import('vue').PropType<Record<string, unknown>>;
|
|
432
432
|
default: () => {};
|
|
433
433
|
};
|
|
434
434
|
}>>, {
|
|
@@ -440,18 +440,18 @@ export declare const useForm: <Schema extends FormSchema>(schema: Schema, option
|
|
|
440
440
|
C: {};
|
|
441
441
|
M: {};
|
|
442
442
|
Defaults: {};
|
|
443
|
-
}, Readonly<import(
|
|
443
|
+
}, Readonly<import('vue').ExtractPropTypes<{
|
|
444
444
|
schema: {
|
|
445
|
-
type: import(
|
|
445
|
+
type: import('vue').PropType<FormTemplate<Schema>>;
|
|
446
446
|
required: true;
|
|
447
447
|
};
|
|
448
448
|
scope: {
|
|
449
|
-
type: import(
|
|
449
|
+
type: import('vue').PropType<Record<string, unknown>>;
|
|
450
450
|
default: () => {};
|
|
451
451
|
};
|
|
452
|
-
}>>, {} | (() => (import(
|
|
452
|
+
}>>, {} | (() => (import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
|
|
453
453
|
[key: string]: any;
|
|
454
|
-
}> | import(
|
|
454
|
+
}> | import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
|
|
455
455
|
[key: string]: any;
|
|
456
456
|
}>[] | undefined)[]), {}, {}, {}, {
|
|
457
457
|
scope: Record<string, unknown>;
|
|
@@ -459,20 +459,20 @@ export declare const useForm: <Schema extends FormSchema>(schema: Schema, option
|
|
|
459
459
|
__isFragment?: undefined;
|
|
460
460
|
__isTeleport?: undefined;
|
|
461
461
|
__isSuspense?: undefined;
|
|
462
|
-
} & import('vue').ComponentOptionsBase<Readonly<import(
|
|
462
|
+
} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
|
|
463
463
|
schema: {
|
|
464
|
-
type: import(
|
|
464
|
+
type: import('vue').PropType<FormTemplate<Schema>>;
|
|
465
465
|
required: true;
|
|
466
466
|
};
|
|
467
467
|
scope: {
|
|
468
|
-
type: import(
|
|
468
|
+
type: import('vue').PropType<Record<string, unknown>>;
|
|
469
469
|
default: () => {};
|
|
470
470
|
};
|
|
471
|
-
}>>, (() => (import(
|
|
471
|
+
}>>, (() => (import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
|
|
472
472
|
[key: string]: any;
|
|
473
|
-
}> | import(
|
|
473
|
+
}> | import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
|
|
474
474
|
[key: string]: any;
|
|
475
|
-
}>[] | undefined)[]) | undefined, unknown, {}, {}, import(
|
|
475
|
+
}>[] | undefined)[]) | undefined, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
|
|
476
476
|
scope: Record<string, unknown>;
|
|
477
477
|
}, {}, string, {}> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
|
|
478
478
|
$slots: {
|
|
@@ -480,27 +480,27 @@ export declare const useForm: <Schema extends FormSchema>(schema: Schema, option
|
|
|
480
480
|
formData: unknown extends Partial<import('zod').TypeOf<Schema>> | undefined ? undefined : Partial<import('zod').TypeOf<Schema>> | undefined;
|
|
481
481
|
submit: () => Promise<boolean>;
|
|
482
482
|
validate: () => Promise<boolean>;
|
|
483
|
-
errors: Readonly<import('vue').Ref<import(
|
|
484
|
-
status: import('vue').Ref<import(
|
|
485
|
-
invalid: import('vue').Ref<import(
|
|
483
|
+
errors: Readonly<import('vue').Ref<import('vue').DeepReadonly<import('zod').inferFormattedError<Schema, string>>>>;
|
|
484
|
+
status: import('vue').Ref<import('vue').DeepReadonly<"invalid" | "valid" | "submitting" | "updated" | "unknown" | undefined>>;
|
|
485
|
+
invalid: import('vue').Ref<import('vue').DeepReadonly<boolean>>;
|
|
486
486
|
}) => any;
|
|
487
487
|
};
|
|
488
488
|
});
|
|
489
489
|
formInjectionKey: InjectionKey<InjectedFormData<Schema>>;
|
|
490
490
|
formWrapperInjectionKey: InjectionKey<InjectedFormWrapperData<Schema>>;
|
|
491
491
|
formFieldInjectionKey: InjectionKey<InjectedFormFieldData<Schema>>;
|
|
492
|
-
errors: import('vue').Ref<import(
|
|
493
|
-
status: import('vue').Ref<import(
|
|
492
|
+
errors: import('vue').Ref<import('zod').inferFormattedError<Schema, string> | undefined>;
|
|
493
|
+
status: import('vue').Ref<import('./enums').FormStatus | undefined>;
|
|
494
494
|
invalid: import('vue').ComputedRef<boolean>;
|
|
495
495
|
readonly: import('vue').Ref<boolean>;
|
|
496
|
-
formData: import('vue').Ref<Partial<import(
|
|
496
|
+
formData: import('vue').Ref<Partial<import('zod').TypeOf<Schema> | undefined>>;
|
|
497
497
|
validate: (value?: Partial<import('zod').TypeOf<Schema> | undefined>) => Promise<boolean>;
|
|
498
498
|
submit: () => Promise<boolean>;
|
|
499
499
|
ignoreUpdates: import('@vueuse/shared').IgnoredUpdater;
|
|
500
500
|
stopUpdatesWatch: import('vue').WatchStopHandle;
|
|
501
501
|
} | {
|
|
502
502
|
VvForm: {
|
|
503
|
-
new (...args: any[]): import('vue').CreateComponentPublicInstance<Readonly<import(
|
|
503
|
+
new (...args: any[]): import('vue').CreateComponentPublicInstance<Readonly<import('vue').ExtractPropTypes<{
|
|
504
504
|
continuousValidation: {
|
|
505
505
|
type: BooleanConstructor;
|
|
506
506
|
default: boolean;
|
|
@@ -518,7 +518,7 @@ export declare const useForm: <Schema extends FormSchema>(schema: Schema, option
|
|
|
518
518
|
default: string;
|
|
519
519
|
};
|
|
520
520
|
template: {
|
|
521
|
-
type: import(
|
|
521
|
+
type: import('vue').PropType<FormTemplate<AnyZodObject>>;
|
|
522
522
|
default: undefined;
|
|
523
523
|
};
|
|
524
524
|
}>> & {
|
|
@@ -528,25 +528,25 @@ export declare const useForm: <Schema extends FormSchema>(schema: Schema, option
|
|
|
528
528
|
onSubmit?: ((...args: any[]) => any) | undefined;
|
|
529
529
|
"onUpdate:readonly"?: ((...args: any[]) => any) | undefined;
|
|
530
530
|
}, {
|
|
531
|
-
formData: import(
|
|
531
|
+
formData: import('vue').Ref<Partial<{
|
|
532
532
|
[x: string]: any;
|
|
533
533
|
} | undefined>>;
|
|
534
534
|
submit: () => Promise<boolean>;
|
|
535
535
|
validate: (value?: Partial<{
|
|
536
536
|
[x: string]: any;
|
|
537
537
|
} | undefined>) => Promise<boolean>;
|
|
538
|
-
ignoreUpdates: import(
|
|
539
|
-
stopUpdatesWatch: import(
|
|
540
|
-
errors: Readonly<import(
|
|
538
|
+
ignoreUpdates: import('@vueuse/shared').IgnoredUpdater;
|
|
539
|
+
stopUpdatesWatch: import('vue').WatchStopHandle;
|
|
540
|
+
errors: Readonly<import('vue').Ref<{
|
|
541
541
|
readonly [x: string]: {
|
|
542
542
|
readonly _errors: readonly string[];
|
|
543
543
|
} | undefined;
|
|
544
544
|
readonly _errors: readonly string[];
|
|
545
545
|
} | undefined>>;
|
|
546
|
-
status: Readonly<import(
|
|
547
|
-
invalid: import(
|
|
548
|
-
isReadonly: import(
|
|
549
|
-
}, unknown, {}, {}, import(
|
|
546
|
+
status: Readonly<import('vue').Ref<import('./enums').FormStatus | undefined>>;
|
|
547
|
+
invalid: import('vue').ComputedRef<boolean>;
|
|
548
|
+
isReadonly: import('vue').Ref<boolean>;
|
|
549
|
+
}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("invalid" | "valid" | "update:modelValue" | "submit" | "update:readonly")[], import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{
|
|
550
550
|
continuousValidation: {
|
|
551
551
|
type: BooleanConstructor;
|
|
552
552
|
default: boolean;
|
|
@@ -564,7 +564,7 @@ export declare const useForm: <Schema extends FormSchema>(schema: Schema, option
|
|
|
564
564
|
default: string;
|
|
565
565
|
};
|
|
566
566
|
template: {
|
|
567
|
-
type: import(
|
|
567
|
+
type: import('vue').PropType<FormTemplate<AnyZodObject>>;
|
|
568
568
|
default: undefined;
|
|
569
569
|
};
|
|
570
570
|
}>> & {
|
|
@@ -586,7 +586,7 @@ export declare const useForm: <Schema extends FormSchema>(schema: Schema, option
|
|
|
586
586
|
C: {};
|
|
587
587
|
M: {};
|
|
588
588
|
Defaults: {};
|
|
589
|
-
}, Readonly<import(
|
|
589
|
+
}, Readonly<import('vue').ExtractPropTypes<{
|
|
590
590
|
continuousValidation: {
|
|
591
591
|
type: BooleanConstructor;
|
|
592
592
|
default: boolean;
|
|
@@ -604,7 +604,7 @@ export declare const useForm: <Schema extends FormSchema>(schema: Schema, option
|
|
|
604
604
|
default: string;
|
|
605
605
|
};
|
|
606
606
|
template: {
|
|
607
|
-
type: import(
|
|
607
|
+
type: import('vue').PropType<FormTemplate<AnyZodObject>>;
|
|
608
608
|
default: undefined;
|
|
609
609
|
};
|
|
610
610
|
}>> & {
|
|
@@ -614,24 +614,24 @@ export declare const useForm: <Schema extends FormSchema>(schema: Schema, option
|
|
|
614
614
|
onSubmit?: ((...args: any[]) => any) | undefined;
|
|
615
615
|
"onUpdate:readonly"?: ((...args: any[]) => any) | undefined;
|
|
616
616
|
}, {
|
|
617
|
-
formData: import(
|
|
617
|
+
formData: import('vue').Ref<Partial<{
|
|
618
618
|
[x: string]: any;
|
|
619
619
|
} | undefined>>;
|
|
620
620
|
submit: () => Promise<boolean>;
|
|
621
621
|
validate: (value?: Partial<{
|
|
622
622
|
[x: string]: any;
|
|
623
623
|
} | undefined>) => Promise<boolean>;
|
|
624
|
-
ignoreUpdates: import(
|
|
625
|
-
stopUpdatesWatch: import(
|
|
626
|
-
errors: Readonly<import(
|
|
624
|
+
ignoreUpdates: import('@vueuse/shared').IgnoredUpdater;
|
|
625
|
+
stopUpdatesWatch: import('vue').WatchStopHandle;
|
|
626
|
+
errors: Readonly<import('vue').Ref<{
|
|
627
627
|
readonly [x: string]: {
|
|
628
628
|
readonly _errors: readonly string[];
|
|
629
629
|
} | undefined;
|
|
630
630
|
readonly _errors: readonly string[];
|
|
631
631
|
} | undefined>>;
|
|
632
|
-
status: Readonly<import(
|
|
633
|
-
invalid: import(
|
|
634
|
-
isReadonly: import(
|
|
632
|
+
status: Readonly<import('vue').Ref<import('./enums').FormStatus | undefined>>;
|
|
633
|
+
invalid: import('vue').ComputedRef<boolean>;
|
|
634
|
+
isReadonly: import('vue').Ref<boolean>;
|
|
635
635
|
}, {}, {}, {}, {
|
|
636
636
|
readonly: boolean;
|
|
637
637
|
template: FormTemplate<AnyZodObject>;
|
|
@@ -642,7 +642,7 @@ export declare const useForm: <Schema extends FormSchema>(schema: Schema, option
|
|
|
642
642
|
__isFragment?: undefined;
|
|
643
643
|
__isTeleport?: undefined;
|
|
644
644
|
__isSuspense?: undefined;
|
|
645
|
-
} & import('vue').ComponentOptionsBase<Readonly<import(
|
|
645
|
+
} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
|
|
646
646
|
continuousValidation: {
|
|
647
647
|
type: BooleanConstructor;
|
|
648
648
|
default: boolean;
|
|
@@ -660,7 +660,7 @@ export declare const useForm: <Schema extends FormSchema>(schema: Schema, option
|
|
|
660
660
|
default: string;
|
|
661
661
|
};
|
|
662
662
|
template: {
|
|
663
|
-
type: import(
|
|
663
|
+
type: import('vue').PropType<FormTemplate<AnyZodObject>>;
|
|
664
664
|
default: undefined;
|
|
665
665
|
};
|
|
666
666
|
}>> & {
|
|
@@ -670,25 +670,25 @@ export declare const useForm: <Schema extends FormSchema>(schema: Schema, option
|
|
|
670
670
|
onSubmit?: ((...args: any[]) => any) | undefined;
|
|
671
671
|
"onUpdate:readonly"?: ((...args: any[]) => any) | undefined;
|
|
672
672
|
}, {
|
|
673
|
-
formData: import(
|
|
673
|
+
formData: import('vue').Ref<Partial<{
|
|
674
674
|
[x: string]: any;
|
|
675
675
|
} | undefined>>;
|
|
676
676
|
submit: () => Promise<boolean>;
|
|
677
677
|
validate: (value?: Partial<{
|
|
678
678
|
[x: string]: any;
|
|
679
679
|
} | undefined>) => Promise<boolean>;
|
|
680
|
-
ignoreUpdates: import(
|
|
681
|
-
stopUpdatesWatch: import(
|
|
682
|
-
errors: Readonly<import(
|
|
680
|
+
ignoreUpdates: import('@vueuse/shared').IgnoredUpdater;
|
|
681
|
+
stopUpdatesWatch: import('vue').WatchStopHandle;
|
|
682
|
+
errors: Readonly<import('vue').Ref<{
|
|
683
683
|
readonly [x: string]: {
|
|
684
684
|
readonly _errors: readonly string[];
|
|
685
685
|
} | undefined;
|
|
686
686
|
readonly _errors: readonly string[];
|
|
687
687
|
} | undefined>>;
|
|
688
|
-
status: Readonly<import(
|
|
689
|
-
invalid: import(
|
|
690
|
-
isReadonly: import(
|
|
691
|
-
}, unknown, {}, {}, import(
|
|
688
|
+
status: Readonly<import('vue').Ref<import('./enums').FormStatus | undefined>>;
|
|
689
|
+
invalid: import('vue').ComputedRef<boolean>;
|
|
690
|
+
isReadonly: import('vue').Ref<boolean>;
|
|
691
|
+
}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("invalid" | "valid" | "update:modelValue" | "submit" | "update:readonly")[], "invalid" | "valid" | "update:modelValue" | "submit" | "update:readonly", {
|
|
692
692
|
readonly: boolean;
|
|
693
693
|
template: FormTemplate<AnyZodObject>;
|
|
694
694
|
modelValue: Record<string, any>;
|
|
@@ -710,14 +710,14 @@ export declare const useForm: <Schema extends FormSchema>(schema: Schema, option
|
|
|
710
710
|
} | undefined;
|
|
711
711
|
readonly _errors: readonly string[];
|
|
712
712
|
}>>;
|
|
713
|
-
status: import('vue').Ref<import(
|
|
714
|
-
invalid: import('vue').Ref<import(
|
|
713
|
+
status: import('vue').Ref<import('vue').DeepReadonly<"invalid" | "valid" | "submitting" | "updated" | "unknown" | undefined>>;
|
|
714
|
+
invalid: import('vue').Ref<import('vue').DeepReadonly<boolean>>;
|
|
715
715
|
readonly: import('vue').Ref<boolean>;
|
|
716
716
|
}) => any;
|
|
717
717
|
};
|
|
718
718
|
});
|
|
719
719
|
VvFormWrapper: {
|
|
720
|
-
new (...args: any[]): import('vue').CreateComponentPublicInstance<Readonly<import(
|
|
720
|
+
new (...args: any[]): import('vue').CreateComponentPublicInstance<Readonly<import('vue').ExtractPropTypes<{
|
|
721
721
|
name: {
|
|
722
722
|
type: StringConstructor;
|
|
723
723
|
required: true;
|
|
@@ -730,10 +730,10 @@ export declare const useForm: <Schema extends FormSchema>(schema: Schema, option
|
|
|
730
730
|
onInvalid?: ((...args: any[]) => any) | undefined;
|
|
731
731
|
onValid?: ((...args: any[]) => any) | undefined;
|
|
732
732
|
}, {
|
|
733
|
-
formData: import(
|
|
733
|
+
formData: import('vue').Ref<Partial<{
|
|
734
734
|
[x: string]: any;
|
|
735
735
|
}> | undefined> | undefined;
|
|
736
|
-
errors: Readonly<import(
|
|
736
|
+
errors: Readonly<import('vue').Ref<{
|
|
737
737
|
readonly [x: string]: {
|
|
738
738
|
readonly _errors: readonly string[];
|
|
739
739
|
} | undefined;
|
|
@@ -741,10 +741,10 @@ export declare const useForm: <Schema extends FormSchema>(schema: Schema, option
|
|
|
741
741
|
} | undefined>> | undefined;
|
|
742
742
|
submit: (() => Promise<boolean>) | undefined;
|
|
743
743
|
validate: (() => Promise<boolean>) | undefined;
|
|
744
|
-
invalid: import(
|
|
745
|
-
fields: import(
|
|
746
|
-
fieldsErrors: import(
|
|
747
|
-
}, unknown, {}, {}, import(
|
|
744
|
+
invalid: import('vue').ComputedRef<boolean>;
|
|
745
|
+
fields: import('vue').Ref<Set<string> & Omit<Set<string>, keyof Set<any>>>;
|
|
746
|
+
fieldsErrors: import('vue').Ref<Map<string, import('zod').inferFormattedError<AnyZodObject, string>>>;
|
|
747
|
+
}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("invalid" | "valid")[], import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{
|
|
748
748
|
name: {
|
|
749
749
|
type: StringConstructor;
|
|
750
750
|
required: true;
|
|
@@ -765,7 +765,7 @@ export declare const useForm: <Schema extends FormSchema>(schema: Schema, option
|
|
|
765
765
|
C: {};
|
|
766
766
|
M: {};
|
|
767
767
|
Defaults: {};
|
|
768
|
-
}, Readonly<import(
|
|
768
|
+
}, Readonly<import('vue').ExtractPropTypes<{
|
|
769
769
|
name: {
|
|
770
770
|
type: StringConstructor;
|
|
771
771
|
required: true;
|
|
@@ -778,10 +778,10 @@ export declare const useForm: <Schema extends FormSchema>(schema: Schema, option
|
|
|
778
778
|
onInvalid?: ((...args: any[]) => any) | undefined;
|
|
779
779
|
onValid?: ((...args: any[]) => any) | undefined;
|
|
780
780
|
}, {
|
|
781
|
-
formData: import(
|
|
781
|
+
formData: import('vue').Ref<Partial<{
|
|
782
782
|
[x: string]: any;
|
|
783
783
|
}> | undefined> | undefined;
|
|
784
|
-
errors: Readonly<import(
|
|
784
|
+
errors: Readonly<import('vue').Ref<{
|
|
785
785
|
readonly [x: string]: {
|
|
786
786
|
readonly _errors: readonly string[];
|
|
787
787
|
} | undefined;
|
|
@@ -789,16 +789,16 @@ export declare const useForm: <Schema extends FormSchema>(schema: Schema, option
|
|
|
789
789
|
} | undefined>> | undefined;
|
|
790
790
|
submit: (() => Promise<boolean>) | undefined;
|
|
791
791
|
validate: (() => Promise<boolean>) | undefined;
|
|
792
|
-
invalid: import(
|
|
793
|
-
fields: import(
|
|
794
|
-
fieldsErrors: import(
|
|
792
|
+
invalid: import('vue').ComputedRef<boolean>;
|
|
793
|
+
fields: import('vue').Ref<Set<string> & Omit<Set<string>, keyof Set<any>>>;
|
|
794
|
+
fieldsErrors: import('vue').Ref<Map<string, import('zod').inferFormattedError<AnyZodObject, string>>>;
|
|
795
795
|
}, {}, {}, {}, {
|
|
796
796
|
tag: string;
|
|
797
797
|
}>;
|
|
798
798
|
__isFragment?: undefined;
|
|
799
799
|
__isTeleport?: undefined;
|
|
800
800
|
__isSuspense?: undefined;
|
|
801
|
-
} & import('vue').ComponentOptionsBase<Readonly<import(
|
|
801
|
+
} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
|
|
802
802
|
name: {
|
|
803
803
|
type: StringConstructor;
|
|
804
804
|
required: true;
|
|
@@ -811,10 +811,10 @@ export declare const useForm: <Schema extends FormSchema>(schema: Schema, option
|
|
|
811
811
|
onInvalid?: ((...args: any[]) => any) | undefined;
|
|
812
812
|
onValid?: ((...args: any[]) => any) | undefined;
|
|
813
813
|
}, {
|
|
814
|
-
formData: import(
|
|
814
|
+
formData: import('vue').Ref<Partial<{
|
|
815
815
|
[x: string]: any;
|
|
816
816
|
}> | undefined> | undefined;
|
|
817
|
-
errors: Readonly<import(
|
|
817
|
+
errors: Readonly<import('vue').Ref<{
|
|
818
818
|
readonly [x: string]: {
|
|
819
819
|
readonly _errors: readonly string[];
|
|
820
820
|
} | undefined;
|
|
@@ -822,10 +822,10 @@ export declare const useForm: <Schema extends FormSchema>(schema: Schema, option
|
|
|
822
822
|
} | undefined>> | undefined;
|
|
823
823
|
submit: (() => Promise<boolean>) | undefined;
|
|
824
824
|
validate: (() => Promise<boolean>) | undefined;
|
|
825
|
-
invalid: import(
|
|
826
|
-
fields: import(
|
|
827
|
-
fieldsErrors: import(
|
|
828
|
-
}, unknown, {}, {}, import(
|
|
825
|
+
invalid: import('vue').ComputedRef<boolean>;
|
|
826
|
+
fields: import('vue').Ref<Set<string> & Omit<Set<string>, keyof Set<any>>>;
|
|
827
|
+
fieldsErrors: import('vue').Ref<Map<string, import('zod').inferFormattedError<AnyZodObject, string>>>;
|
|
828
|
+
}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("invalid" | "valid")[], "invalid" | "valid", {
|
|
829
829
|
tag: string;
|
|
830
830
|
}, {}, string, {}> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
|
|
831
831
|
$slots: {
|
|
@@ -850,22 +850,22 @@ export declare const useForm: <Schema extends FormSchema>(schema: Schema, option
|
|
|
850
850
|
});
|
|
851
851
|
VvFormField: import('vue').DefineComponent<{
|
|
852
852
|
type: {
|
|
853
|
-
type: import(
|
|
854
|
-
validator: (value: import(
|
|
855
|
-
default: import(
|
|
853
|
+
type: import('vue').PropType<"number" | "text" | "email" | "password" | "tel" | "url" | "search" | "date" | "time" | "datetime-local" | "month" | "week" | "color" | "select" | "checkbox" | "radio" | "textarea" | "radioGroup" | "checkboxGroup" | "combobox" | "custom">;
|
|
854
|
+
validator: (value: import('./enums').FormFieldType) => boolean;
|
|
855
|
+
default: import('./enums').FormFieldType;
|
|
856
856
|
};
|
|
857
857
|
is: {
|
|
858
|
-
type: import(
|
|
858
|
+
type: import('vue').PropType<string | import('vue').Component>;
|
|
859
859
|
default: undefined;
|
|
860
860
|
};
|
|
861
861
|
name: {
|
|
862
|
-
type: import(
|
|
862
|
+
type: import('vue').PropType<string>;
|
|
863
863
|
required: true;
|
|
864
864
|
};
|
|
865
865
|
props: {
|
|
866
|
-
type: import(
|
|
866
|
+
type: import('vue').PropType<Partial<{
|
|
867
867
|
[x: string]: any;
|
|
868
|
-
} | ((formData?: import(
|
|
868
|
+
} | ((formData?: import('vue').Ref<ObjectConstructor> | undefined) => Partial<{
|
|
869
869
|
[x: string]: any;
|
|
870
870
|
}> | undefined) | undefined>>;
|
|
871
871
|
default: () => {};
|
|
@@ -887,41 +887,41 @@ export declare const useForm: <Schema extends FormSchema>(schema: Schema, option
|
|
|
887
887
|
default: undefined;
|
|
888
888
|
};
|
|
889
889
|
}, {
|
|
890
|
-
component: import(
|
|
890
|
+
component: import('vue').ComputedRef<{
|
|
891
891
|
new (...args: any[]): any;
|
|
892
892
|
__isFragment?: undefined;
|
|
893
893
|
__isTeleport?: undefined;
|
|
894
894
|
__isSuspense?: undefined;
|
|
895
|
-
} | import(
|
|
896
|
-
hasProps: import(
|
|
895
|
+
} | import('vue').ConcreteComponent>;
|
|
896
|
+
hasProps: import('vue').ComputedRef<{
|
|
897
897
|
name: string | {};
|
|
898
898
|
invalid: boolean;
|
|
899
899
|
valid: boolean | undefined;
|
|
900
|
-
type: import(
|
|
900
|
+
type: import('./enums').FormFieldType | undefined;
|
|
901
901
|
invalidLabel: any;
|
|
902
902
|
modelValue: any;
|
|
903
903
|
readonly: {} | undefined;
|
|
904
904
|
'onUpdate:modelValue': (value: unknown) => void;
|
|
905
905
|
}>;
|
|
906
|
-
invalid: import(
|
|
907
|
-
}, unknown, {}, {}, import(
|
|
906
|
+
invalid: import('vue').ComputedRef<boolean>;
|
|
907
|
+
}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("invalid" | "valid" | "update:formData" | "update:modelValue")[], "invalid" | "valid" | "update:formData" | "update:modelValue", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
908
908
|
type: {
|
|
909
|
-
type: import(
|
|
910
|
-
validator: (value: import(
|
|
911
|
-
default: import(
|
|
909
|
+
type: import('vue').PropType<"number" | "text" | "email" | "password" | "tel" | "url" | "search" | "date" | "time" | "datetime-local" | "month" | "week" | "color" | "select" | "checkbox" | "radio" | "textarea" | "radioGroup" | "checkboxGroup" | "combobox" | "custom">;
|
|
910
|
+
validator: (value: import('./enums').FormFieldType) => boolean;
|
|
911
|
+
default: import('./enums').FormFieldType;
|
|
912
912
|
};
|
|
913
913
|
is: {
|
|
914
|
-
type: import(
|
|
914
|
+
type: import('vue').PropType<string | import('vue').Component>;
|
|
915
915
|
default: undefined;
|
|
916
916
|
};
|
|
917
917
|
name: {
|
|
918
|
-
type: import(
|
|
918
|
+
type: import('vue').PropType<string>;
|
|
919
919
|
required: true;
|
|
920
920
|
};
|
|
921
921
|
props: {
|
|
922
|
-
type: import(
|
|
922
|
+
type: import('vue').PropType<Partial<{
|
|
923
923
|
[x: string]: any;
|
|
924
|
-
} | ((formData?: import(
|
|
924
|
+
} | ((formData?: import('vue').Ref<ObjectConstructor> | undefined) => Partial<{
|
|
925
925
|
[x: string]: any;
|
|
926
926
|
}> | undefined) | undefined>>;
|
|
927
927
|
default: () => {};
|
|
@@ -951,36 +951,36 @@ export declare const useForm: <Schema extends FormSchema>(schema: Schema, option
|
|
|
951
951
|
type: "number" | "text" | "email" | "password" | "tel" | "url" | "search" | "date" | "time" | "datetime-local" | "month" | "week" | "color" | "select" | "checkbox" | "radio" | "textarea" | "radioGroup" | "checkboxGroup" | "combobox" | "custom";
|
|
952
952
|
props: Partial<{
|
|
953
953
|
[x: string]: any;
|
|
954
|
-
} | ((formData?: import(
|
|
954
|
+
} | ((formData?: import('vue').Ref<ObjectConstructor> | undefined) => Partial<{
|
|
955
955
|
[x: string]: any;
|
|
956
956
|
}> | undefined) | undefined>;
|
|
957
|
-
is: import(
|
|
957
|
+
is: string | import('vue').Component;
|
|
958
958
|
showValid: boolean;
|
|
959
959
|
defaultValue: string | number | boolean | unknown[] | Record<string, any>;
|
|
960
960
|
lazyLoad: boolean;
|
|
961
961
|
readonly: boolean;
|
|
962
962
|
}, {}>;
|
|
963
963
|
VvFormTemplate: {
|
|
964
|
-
new (...args: any[]): import('vue').CreateComponentPublicInstance<Readonly<import(
|
|
964
|
+
new (...args: any[]): import('vue').CreateComponentPublicInstance<Readonly<import('vue').ExtractPropTypes<{
|
|
965
965
|
schema: {
|
|
966
|
-
type: import(
|
|
966
|
+
type: import('vue').PropType<FormTemplate<AnyZodObject>>;
|
|
967
967
|
required: true;
|
|
968
968
|
};
|
|
969
969
|
scope: {
|
|
970
|
-
type: import(
|
|
970
|
+
type: import('vue').PropType<Record<string, unknown>>;
|
|
971
971
|
default: () => {};
|
|
972
972
|
};
|
|
973
|
-
}>>, (() => (import(
|
|
973
|
+
}>>, (() => (import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
|
|
974
974
|
[key: string]: any;
|
|
975
|
-
}> | import(
|
|
975
|
+
}> | import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
|
|
976
976
|
[key: string]: any;
|
|
977
|
-
}>[] | undefined)[]) | undefined, unknown, {}, {}, import(
|
|
977
|
+
}>[] | undefined)[]) | undefined, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{
|
|
978
978
|
schema: {
|
|
979
|
-
type: import(
|
|
979
|
+
type: import('vue').PropType<FormTemplate<AnyZodObject>>;
|
|
980
980
|
required: true;
|
|
981
981
|
};
|
|
982
982
|
scope: {
|
|
983
|
-
type: import(
|
|
983
|
+
type: import('vue').PropType<Record<string, unknown>>;
|
|
984
984
|
default: () => {};
|
|
985
985
|
};
|
|
986
986
|
}>>, {
|
|
@@ -992,18 +992,18 @@ export declare const useForm: <Schema extends FormSchema>(schema: Schema, option
|
|
|
992
992
|
C: {};
|
|
993
993
|
M: {};
|
|
994
994
|
Defaults: {};
|
|
995
|
-
}, Readonly<import(
|
|
995
|
+
}, Readonly<import('vue').ExtractPropTypes<{
|
|
996
996
|
schema: {
|
|
997
|
-
type: import(
|
|
997
|
+
type: import('vue').PropType<FormTemplate<AnyZodObject>>;
|
|
998
998
|
required: true;
|
|
999
999
|
};
|
|
1000
1000
|
scope: {
|
|
1001
|
-
type: import(
|
|
1001
|
+
type: import('vue').PropType<Record<string, unknown>>;
|
|
1002
1002
|
default: () => {};
|
|
1003
1003
|
};
|
|
1004
|
-
}>>, {} | (() => (import(
|
|
1004
|
+
}>>, {} | (() => (import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
|
|
1005
1005
|
[key: string]: any;
|
|
1006
|
-
}> | import(
|
|
1006
|
+
}> | import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
|
|
1007
1007
|
[key: string]: any;
|
|
1008
1008
|
}>[] | undefined)[]), {}, {}, {}, {
|
|
1009
1009
|
scope: Record<string, unknown>;
|
|
@@ -1011,20 +1011,20 @@ export declare const useForm: <Schema extends FormSchema>(schema: Schema, option
|
|
|
1011
1011
|
__isFragment?: undefined;
|
|
1012
1012
|
__isTeleport?: undefined;
|
|
1013
1013
|
__isSuspense?: undefined;
|
|
1014
|
-
} & import('vue').ComponentOptionsBase<Readonly<import(
|
|
1014
|
+
} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
|
|
1015
1015
|
schema: {
|
|
1016
|
-
type: import(
|
|
1016
|
+
type: import('vue').PropType<FormTemplate<AnyZodObject>>;
|
|
1017
1017
|
required: true;
|
|
1018
1018
|
};
|
|
1019
1019
|
scope: {
|
|
1020
|
-
type: import(
|
|
1020
|
+
type: import('vue').PropType<Record<string, unknown>>;
|
|
1021
1021
|
default: () => {};
|
|
1022
1022
|
};
|
|
1023
|
-
}>>, (() => (import(
|
|
1023
|
+
}>>, (() => (import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
|
|
1024
1024
|
[key: string]: any;
|
|
1025
|
-
}> | import(
|
|
1025
|
+
}> | import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
|
|
1026
1026
|
[key: string]: any;
|
|
1027
|
-
}>[] | undefined)[]) | undefined, unknown, {}, {}, import(
|
|
1027
|
+
}>[] | undefined)[]) | undefined, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
|
|
1028
1028
|
scope: Record<string, unknown>;
|
|
1029
1029
|
}, {}, string, {}> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
|
|
1030
1030
|
$slots: {
|
|
@@ -1040,16 +1040,16 @@ export declare const useForm: <Schema extends FormSchema>(schema: Schema, option
|
|
|
1040
1040
|
} | undefined;
|
|
1041
1041
|
readonly _errors: readonly string[];
|
|
1042
1042
|
}>>;
|
|
1043
|
-
status: import('vue').Ref<import(
|
|
1044
|
-
invalid: import('vue').Ref<import(
|
|
1043
|
+
status: import('vue').Ref<import('vue').DeepReadonly<"invalid" | "valid" | "submitting" | "updated" | "unknown" | undefined>>;
|
|
1044
|
+
invalid: import('vue').Ref<import('vue').DeepReadonly<boolean>>;
|
|
1045
1045
|
}) => any;
|
|
1046
1046
|
};
|
|
1047
1047
|
});
|
|
1048
1048
|
formInjectionKey: InjectionKey<InjectedFormData<AnyZodObject>>;
|
|
1049
1049
|
formWrapperInjectionKey: InjectionKey<InjectedFormWrapperData<AnyZodObject>>;
|
|
1050
1050
|
formFieldInjectionKey: InjectionKey<InjectedFormFieldData<AnyZodObject>>;
|
|
1051
|
-
errors: import('vue').Ref<import(
|
|
1052
|
-
status: import('vue').Ref<import(
|
|
1051
|
+
errors: import('vue').Ref<import('zod').inferFormattedError<AnyZodObject, string> | undefined>;
|
|
1052
|
+
status: import('vue').Ref<import('./enums').FormStatus | undefined>;
|
|
1053
1053
|
invalid: import('vue').ComputedRef<boolean>;
|
|
1054
1054
|
readonly: import('vue').Ref<boolean>;
|
|
1055
1055
|
formData: import('vue').Ref<Partial<{
|
|
@@ -1072,9 +1072,9 @@ export type { InjectedFormData, InjectedFormWrapperData, InjectedFormFieldData,
|
|
|
1072
1072
|
/**
|
|
1073
1073
|
* @deprecated Use `useForm()` instead
|
|
1074
1074
|
*/
|
|
1075
|
-
export declare
|
|
1075
|
+
export declare function formFactory<Schema extends FormSchema>(schema: Schema, options?: FormComposableOptions<Schema>): {
|
|
1076
1076
|
VvForm: {
|
|
1077
|
-
new (...args: any[]): import('vue').CreateComponentPublicInstance<Readonly<import(
|
|
1077
|
+
new (...args: any[]): import('vue').CreateComponentPublicInstance<Readonly<import('vue').ExtractPropTypes<{
|
|
1078
1078
|
continuousValidation: {
|
|
1079
1079
|
type: BooleanConstructor;
|
|
1080
1080
|
default: boolean;
|
|
@@ -1092,7 +1092,7 @@ export declare const formFactory: <Schema extends FormSchema>(schema: Schema, op
|
|
|
1092
1092
|
default: string;
|
|
1093
1093
|
};
|
|
1094
1094
|
template: {
|
|
1095
|
-
type: import(
|
|
1095
|
+
type: import('vue').PropType<FormTemplate<Schema>>;
|
|
1096
1096
|
default: undefined;
|
|
1097
1097
|
};
|
|
1098
1098
|
}>> & {
|
|
@@ -1102,16 +1102,16 @@ export declare const formFactory: <Schema extends FormSchema>(schema: Schema, op
|
|
|
1102
1102
|
onSubmit?: ((...args: any[]) => any) | undefined;
|
|
1103
1103
|
"onUpdate:readonly"?: ((...args: any[]) => any) | undefined;
|
|
1104
1104
|
}, {
|
|
1105
|
-
formData: import(
|
|
1105
|
+
formData: import('vue').Ref<Partial<import('zod').TypeOf<Schema> | undefined>>;
|
|
1106
1106
|
submit: () => Promise<boolean>;
|
|
1107
|
-
validate: (value?: Partial<import(
|
|
1108
|
-
ignoreUpdates: import(
|
|
1109
|
-
stopUpdatesWatch: import(
|
|
1110
|
-
errors: Readonly<import(
|
|
1111
|
-
status: Readonly<import(
|
|
1112
|
-
invalid: import(
|
|
1113
|
-
isReadonly: import(
|
|
1114
|
-
}, unknown, {}, {}, import(
|
|
1107
|
+
validate: (value?: Partial<import('zod').TypeOf<Schema> | undefined>) => Promise<boolean>;
|
|
1108
|
+
ignoreUpdates: import('@vueuse/shared').IgnoredUpdater;
|
|
1109
|
+
stopUpdatesWatch: import('vue').WatchStopHandle;
|
|
1110
|
+
errors: Readonly<import('vue').Ref<import('vue').DeepReadonly<import('zod').inferFormattedError<Schema, string>> | undefined>>;
|
|
1111
|
+
status: Readonly<import('vue').Ref<import('./enums').FormStatus | undefined>>;
|
|
1112
|
+
invalid: import('vue').ComputedRef<boolean>;
|
|
1113
|
+
isReadonly: import('vue').Ref<boolean>;
|
|
1114
|
+
}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("invalid" | "valid" | "update:modelValue" | "submit" | "update:readonly")[], import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{
|
|
1115
1115
|
continuousValidation: {
|
|
1116
1116
|
type: BooleanConstructor;
|
|
1117
1117
|
default: boolean;
|
|
@@ -1129,7 +1129,7 @@ export declare const formFactory: <Schema extends FormSchema>(schema: Schema, op
|
|
|
1129
1129
|
default: string;
|
|
1130
1130
|
};
|
|
1131
1131
|
template: {
|
|
1132
|
-
type: import(
|
|
1132
|
+
type: import('vue').PropType<FormTemplate<Schema>>;
|
|
1133
1133
|
default: undefined;
|
|
1134
1134
|
};
|
|
1135
1135
|
}>> & {
|
|
@@ -1151,7 +1151,7 @@ export declare const formFactory: <Schema extends FormSchema>(schema: Schema, op
|
|
|
1151
1151
|
C: {};
|
|
1152
1152
|
M: {};
|
|
1153
1153
|
Defaults: {};
|
|
1154
|
-
}, Readonly<import(
|
|
1154
|
+
}, Readonly<import('vue').ExtractPropTypes<{
|
|
1155
1155
|
continuousValidation: {
|
|
1156
1156
|
type: BooleanConstructor;
|
|
1157
1157
|
default: boolean;
|
|
@@ -1169,7 +1169,7 @@ export declare const formFactory: <Schema extends FormSchema>(schema: Schema, op
|
|
|
1169
1169
|
default: string;
|
|
1170
1170
|
};
|
|
1171
1171
|
template: {
|
|
1172
|
-
type: import(
|
|
1172
|
+
type: import('vue').PropType<FormTemplate<Schema>>;
|
|
1173
1173
|
default: undefined;
|
|
1174
1174
|
};
|
|
1175
1175
|
}>> & {
|
|
@@ -1179,15 +1179,15 @@ export declare const formFactory: <Schema extends FormSchema>(schema: Schema, op
|
|
|
1179
1179
|
onSubmit?: ((...args: any[]) => any) | undefined;
|
|
1180
1180
|
"onUpdate:readonly"?: ((...args: any[]) => any) | undefined;
|
|
1181
1181
|
}, {
|
|
1182
|
-
formData: import(
|
|
1182
|
+
formData: import('vue').Ref<Partial<import('zod').TypeOf<Schema> | undefined>>;
|
|
1183
1183
|
submit: () => Promise<boolean>;
|
|
1184
|
-
validate: (value?: Partial<import(
|
|
1185
|
-
ignoreUpdates: import(
|
|
1186
|
-
stopUpdatesWatch: import(
|
|
1187
|
-
errors: Readonly<import(
|
|
1188
|
-
status: Readonly<import(
|
|
1189
|
-
invalid: import(
|
|
1190
|
-
isReadonly: import(
|
|
1184
|
+
validate: (value?: Partial<import('zod').TypeOf<Schema> | undefined>) => Promise<boolean>;
|
|
1185
|
+
ignoreUpdates: import('@vueuse/shared').IgnoredUpdater;
|
|
1186
|
+
stopUpdatesWatch: import('vue').WatchStopHandle;
|
|
1187
|
+
errors: Readonly<import('vue').Ref<import('vue').DeepReadonly<import('zod').inferFormattedError<Schema, string>> | undefined>>;
|
|
1188
|
+
status: Readonly<import('vue').Ref<import('./enums').FormStatus | undefined>>;
|
|
1189
|
+
invalid: import('vue').ComputedRef<boolean>;
|
|
1190
|
+
isReadonly: import('vue').Ref<boolean>;
|
|
1191
1191
|
}, {}, {}, {}, {
|
|
1192
1192
|
readonly: boolean;
|
|
1193
1193
|
template: FormTemplate<Schema>;
|
|
@@ -1198,7 +1198,7 @@ export declare const formFactory: <Schema extends FormSchema>(schema: Schema, op
|
|
|
1198
1198
|
__isFragment?: undefined;
|
|
1199
1199
|
__isTeleport?: undefined;
|
|
1200
1200
|
__isSuspense?: undefined;
|
|
1201
|
-
} & import('vue').ComponentOptionsBase<Readonly<import(
|
|
1201
|
+
} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
|
|
1202
1202
|
continuousValidation: {
|
|
1203
1203
|
type: BooleanConstructor;
|
|
1204
1204
|
default: boolean;
|
|
@@ -1216,7 +1216,7 @@ export declare const formFactory: <Schema extends FormSchema>(schema: Schema, op
|
|
|
1216
1216
|
default: string;
|
|
1217
1217
|
};
|
|
1218
1218
|
template: {
|
|
1219
|
-
type: import(
|
|
1219
|
+
type: import('vue').PropType<FormTemplate<Schema>>;
|
|
1220
1220
|
default: undefined;
|
|
1221
1221
|
};
|
|
1222
1222
|
}>> & {
|
|
@@ -1226,16 +1226,16 @@ export declare const formFactory: <Schema extends FormSchema>(schema: Schema, op
|
|
|
1226
1226
|
onSubmit?: ((...args: any[]) => any) | undefined;
|
|
1227
1227
|
"onUpdate:readonly"?: ((...args: any[]) => any) | undefined;
|
|
1228
1228
|
}, {
|
|
1229
|
-
formData: import(
|
|
1229
|
+
formData: import('vue').Ref<Partial<import('zod').TypeOf<Schema> | undefined>>;
|
|
1230
1230
|
submit: () => Promise<boolean>;
|
|
1231
|
-
validate: (value?: Partial<import(
|
|
1232
|
-
ignoreUpdates: import(
|
|
1233
|
-
stopUpdatesWatch: import(
|
|
1234
|
-
errors: Readonly<import(
|
|
1235
|
-
status: Readonly<import(
|
|
1236
|
-
invalid: import(
|
|
1237
|
-
isReadonly: import(
|
|
1238
|
-
}, unknown, {}, {}, import(
|
|
1231
|
+
validate: (value?: Partial<import('zod').TypeOf<Schema> | undefined>) => Promise<boolean>;
|
|
1232
|
+
ignoreUpdates: import('@vueuse/shared').IgnoredUpdater;
|
|
1233
|
+
stopUpdatesWatch: import('vue').WatchStopHandle;
|
|
1234
|
+
errors: Readonly<import('vue').Ref<import('vue').DeepReadonly<import('zod').inferFormattedError<Schema, string>> | undefined>>;
|
|
1235
|
+
status: Readonly<import('vue').Ref<import('./enums').FormStatus | undefined>>;
|
|
1236
|
+
invalid: import('vue').ComputedRef<boolean>;
|
|
1237
|
+
isReadonly: import('vue').Ref<boolean>;
|
|
1238
|
+
}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("invalid" | "valid" | "update:modelValue" | "submit" | "update:readonly")[], "invalid" | "valid" | "update:modelValue" | "submit" | "update:readonly", {
|
|
1239
1239
|
readonly: boolean;
|
|
1240
1240
|
template: FormTemplate<Schema>;
|
|
1241
1241
|
modelValue: Record<string, any>;
|
|
@@ -1249,15 +1249,15 @@ export declare const formFactory: <Schema extends FormSchema>(schema: Schema, op
|
|
|
1249
1249
|
validate: () => Promise<boolean>;
|
|
1250
1250
|
ignoreUpdates: import('@vueuse/shared').IgnoredUpdater;
|
|
1251
1251
|
stopUpdatesWatch: import('vue').WatchStopHandle;
|
|
1252
|
-
errors: Readonly<import('vue').Ref<import(
|
|
1253
|
-
status: import('vue').Ref<import(
|
|
1254
|
-
invalid: import('vue').Ref<import(
|
|
1252
|
+
errors: Readonly<import('vue').Ref<import('vue').DeepReadonly<import('zod').inferFormattedError<Schema, string>>>>;
|
|
1253
|
+
status: import('vue').Ref<import('vue').DeepReadonly<"invalid" | "valid" | "submitting" | "updated" | "unknown" | undefined>>;
|
|
1254
|
+
invalid: import('vue').Ref<import('vue').DeepReadonly<boolean>>;
|
|
1255
1255
|
readonly: import('vue').Ref<boolean>;
|
|
1256
1256
|
}) => any;
|
|
1257
1257
|
};
|
|
1258
1258
|
});
|
|
1259
1259
|
VvFormWrapper: {
|
|
1260
|
-
new (...args: any[]): import('vue').CreateComponentPublicInstance<Readonly<import(
|
|
1260
|
+
new (...args: any[]): import('vue').CreateComponentPublicInstance<Readonly<import('vue').ExtractPropTypes<{
|
|
1261
1261
|
name: {
|
|
1262
1262
|
type: StringConstructor;
|
|
1263
1263
|
required: true;
|
|
@@ -1270,14 +1270,14 @@ export declare const formFactory: <Schema extends FormSchema>(schema: Schema, op
|
|
|
1270
1270
|
onInvalid?: ((...args: any[]) => any) | undefined;
|
|
1271
1271
|
onValid?: ((...args: any[]) => any) | undefined;
|
|
1272
1272
|
}, {
|
|
1273
|
-
formData: import(
|
|
1274
|
-
errors: Readonly<import(
|
|
1273
|
+
formData: import('vue').Ref<Partial<import('zod').TypeOf<Schema>> | undefined> | undefined;
|
|
1274
|
+
errors: Readonly<import('vue').Ref<import('vue').DeepReadonly<import('zod').inferFormattedError<Schema, string>> | undefined>> | undefined;
|
|
1275
1275
|
submit: (() => Promise<boolean>) | undefined;
|
|
1276
1276
|
validate: (() => Promise<boolean>) | undefined;
|
|
1277
|
-
invalid: import(
|
|
1278
|
-
fields: import(
|
|
1279
|
-
fieldsErrors: import(
|
|
1280
|
-
}, unknown, {}, {}, import(
|
|
1277
|
+
invalid: import('vue').ComputedRef<boolean>;
|
|
1278
|
+
fields: import('vue').Ref<Set<string> & Omit<Set<string>, keyof Set<any>>>;
|
|
1279
|
+
fieldsErrors: import('vue').Ref<Map<string, import('zod').inferFormattedError<Schema, string>>>;
|
|
1280
|
+
}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("invalid" | "valid")[], import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{
|
|
1281
1281
|
name: {
|
|
1282
1282
|
type: StringConstructor;
|
|
1283
1283
|
required: true;
|
|
@@ -1298,7 +1298,7 @@ export declare const formFactory: <Schema extends FormSchema>(schema: Schema, op
|
|
|
1298
1298
|
C: {};
|
|
1299
1299
|
M: {};
|
|
1300
1300
|
Defaults: {};
|
|
1301
|
-
}, Readonly<import(
|
|
1301
|
+
}, Readonly<import('vue').ExtractPropTypes<{
|
|
1302
1302
|
name: {
|
|
1303
1303
|
type: StringConstructor;
|
|
1304
1304
|
required: true;
|
|
@@ -1311,20 +1311,20 @@ export declare const formFactory: <Schema extends FormSchema>(schema: Schema, op
|
|
|
1311
1311
|
onInvalid?: ((...args: any[]) => any) | undefined;
|
|
1312
1312
|
onValid?: ((...args: any[]) => any) | undefined;
|
|
1313
1313
|
}, {
|
|
1314
|
-
formData: import(
|
|
1315
|
-
errors: Readonly<import(
|
|
1314
|
+
formData: import('vue').Ref<Partial<import('zod').TypeOf<Schema>> | undefined> | undefined;
|
|
1315
|
+
errors: Readonly<import('vue').Ref<import('vue').DeepReadonly<import('zod').inferFormattedError<Schema, string>> | undefined>> | undefined;
|
|
1316
1316
|
submit: (() => Promise<boolean>) | undefined;
|
|
1317
1317
|
validate: (() => Promise<boolean>) | undefined;
|
|
1318
|
-
invalid: import(
|
|
1319
|
-
fields: import(
|
|
1320
|
-
fieldsErrors: import(
|
|
1318
|
+
invalid: import('vue').ComputedRef<boolean>;
|
|
1319
|
+
fields: import('vue').Ref<Set<string> & Omit<Set<string>, keyof Set<any>>>;
|
|
1320
|
+
fieldsErrors: import('vue').Ref<Map<string, import('zod').inferFormattedError<Schema, string>>>;
|
|
1321
1321
|
}, {}, {}, {}, {
|
|
1322
1322
|
tag: string;
|
|
1323
1323
|
}>;
|
|
1324
1324
|
__isFragment?: undefined;
|
|
1325
1325
|
__isTeleport?: undefined;
|
|
1326
1326
|
__isSuspense?: undefined;
|
|
1327
|
-
} & import('vue').ComponentOptionsBase<Readonly<import(
|
|
1327
|
+
} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
|
|
1328
1328
|
name: {
|
|
1329
1329
|
type: StringConstructor;
|
|
1330
1330
|
required: true;
|
|
@@ -1337,14 +1337,14 @@ export declare const formFactory: <Schema extends FormSchema>(schema: Schema, op
|
|
|
1337
1337
|
onInvalid?: ((...args: any[]) => any) | undefined;
|
|
1338
1338
|
onValid?: ((...args: any[]) => any) | undefined;
|
|
1339
1339
|
}, {
|
|
1340
|
-
formData: import(
|
|
1341
|
-
errors: Readonly<import(
|
|
1340
|
+
formData: import('vue').Ref<Partial<import('zod').TypeOf<Schema>> | undefined> | undefined;
|
|
1341
|
+
errors: Readonly<import('vue').Ref<import('vue').DeepReadonly<import('zod').inferFormattedError<Schema, string>> | undefined>> | undefined;
|
|
1342
1342
|
submit: (() => Promise<boolean>) | undefined;
|
|
1343
1343
|
validate: (() => Promise<boolean>) | undefined;
|
|
1344
|
-
invalid: import(
|
|
1345
|
-
fields: import(
|
|
1346
|
-
fieldsErrors: import(
|
|
1347
|
-
}, unknown, {}, {}, import(
|
|
1344
|
+
invalid: import('vue').ComputedRef<boolean>;
|
|
1345
|
+
fields: import('vue').Ref<Set<string> & Omit<Set<string>, keyof Set<any>>>;
|
|
1346
|
+
fieldsErrors: import('vue').Ref<Map<string, import('zod').inferFormattedError<Schema, string>>>;
|
|
1347
|
+
}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("invalid" | "valid")[], "invalid" | "valid", {
|
|
1348
1348
|
tag: string;
|
|
1349
1349
|
}, {}, string, {}> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
|
|
1350
1350
|
$slots: {
|
|
@@ -1353,7 +1353,7 @@ export declare const formFactory: <Schema extends FormSchema>(schema: Schema, op
|
|
|
1353
1353
|
formData: unknown extends Partial<import('zod').TypeOf<Schema>> | undefined ? undefined : Partial<import('zod').TypeOf<Schema>> | undefined;
|
|
1354
1354
|
submit: () => Promise<boolean>;
|
|
1355
1355
|
validate: () => Promise<boolean>;
|
|
1356
|
-
errors: Readonly<import('vue').Ref<import(
|
|
1356
|
+
errors: Readonly<import('vue').Ref<import('vue').DeepReadonly<import('zod').inferFormattedError<Schema, string>>>>;
|
|
1357
1357
|
fieldsErrors: Map<string, Record<string, {
|
|
1358
1358
|
_errors: string[];
|
|
1359
1359
|
}>>;
|
|
@@ -1362,20 +1362,20 @@ export declare const formFactory: <Schema extends FormSchema>(schema: Schema, op
|
|
|
1362
1362
|
});
|
|
1363
1363
|
VvFormField: import('vue').DefineComponent<{
|
|
1364
1364
|
type: {
|
|
1365
|
-
type: import(
|
|
1366
|
-
validator: (value: import(
|
|
1367
|
-
default: import(
|
|
1365
|
+
type: import('vue').PropType<"number" | "text" | "email" | "password" | "tel" | "url" | "search" | "date" | "time" | "datetime-local" | "month" | "week" | "color" | "select" | "checkbox" | "radio" | "textarea" | "radioGroup" | "checkboxGroup" | "combobox" | "custom">;
|
|
1366
|
+
validator: (value: import('./enums').FormFieldType) => boolean;
|
|
1367
|
+
default: import('./enums').FormFieldType;
|
|
1368
1368
|
};
|
|
1369
1369
|
is: {
|
|
1370
|
-
type: import(
|
|
1370
|
+
type: import('vue').PropType<string | import('vue').Component>;
|
|
1371
1371
|
default: undefined;
|
|
1372
1372
|
};
|
|
1373
1373
|
name: {
|
|
1374
|
-
type: import(
|
|
1374
|
+
type: import('vue').PropType<Path<import('zod').TypeOf<Schema>>>;
|
|
1375
1375
|
required: true;
|
|
1376
1376
|
};
|
|
1377
1377
|
props: {
|
|
1378
|
-
type: import(
|
|
1378
|
+
type: import('vue').PropType<Partial<import('zod').TypeOf<Schema> | ((formData?: import('vue').Ref<ObjectConstructor> | undefined) => Partial<import('zod').TypeOf<Schema>> | undefined) | undefined>>;
|
|
1379
1379
|
default: () => {};
|
|
1380
1380
|
};
|
|
1381
1381
|
showValid: {
|
|
@@ -1395,45 +1395,45 @@ export declare const formFactory: <Schema extends FormSchema>(schema: Schema, op
|
|
|
1395
1395
|
default: undefined;
|
|
1396
1396
|
};
|
|
1397
1397
|
}, {
|
|
1398
|
-
component: import(
|
|
1398
|
+
component: import('vue').ComputedRef<{
|
|
1399
1399
|
new (...args: any[]): any;
|
|
1400
1400
|
__isFragment?: undefined;
|
|
1401
1401
|
__isTeleport?: undefined;
|
|
1402
1402
|
__isSuspense?: undefined;
|
|
1403
|
-
} | import(
|
|
1404
|
-
hasProps: import(
|
|
1403
|
+
} | import('vue').ConcreteComponent>;
|
|
1404
|
+
hasProps: import('vue').ComputedRef<{
|
|
1405
1405
|
name: {} | ([{
|
|
1406
|
-
type: import(
|
|
1406
|
+
type: import('vue').PropType<Path<import('zod').TypeOf<Schema>>>;
|
|
1407
1407
|
required: true;
|
|
1408
|
-
}] extends [import(
|
|
1409
|
-
type: import(
|
|
1408
|
+
}] extends [import('vue').Prop<infer V, infer D>] ? unknown extends V ? import('@vue/shared').IfAny<V, V, D> : V : {
|
|
1409
|
+
type: import('vue').PropType<Path<import('zod').TypeOf<Schema>>>;
|
|
1410
1410
|
required: true;
|
|
1411
1411
|
});
|
|
1412
1412
|
invalid: boolean;
|
|
1413
1413
|
valid: boolean | undefined;
|
|
1414
|
-
type: import(
|
|
1414
|
+
type: import('./enums').FormFieldType | undefined;
|
|
1415
1415
|
invalidLabel: any;
|
|
1416
1416
|
modelValue: any;
|
|
1417
1417
|
readonly: {} | undefined;
|
|
1418
1418
|
'onUpdate:modelValue': (value: unknown) => void;
|
|
1419
1419
|
}>;
|
|
1420
|
-
invalid: import(
|
|
1421
|
-
}, unknown, {}, {}, import(
|
|
1420
|
+
invalid: import('vue').ComputedRef<boolean>;
|
|
1421
|
+
}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("invalid" | "valid" | "update:formData" | "update:modelValue")[], "invalid" | "valid" | "update:formData" | "update:modelValue", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
1422
1422
|
type: {
|
|
1423
|
-
type: import(
|
|
1424
|
-
validator: (value: import(
|
|
1425
|
-
default: import(
|
|
1423
|
+
type: import('vue').PropType<"number" | "text" | "email" | "password" | "tel" | "url" | "search" | "date" | "time" | "datetime-local" | "month" | "week" | "color" | "select" | "checkbox" | "radio" | "textarea" | "radioGroup" | "checkboxGroup" | "combobox" | "custom">;
|
|
1424
|
+
validator: (value: import('./enums').FormFieldType) => boolean;
|
|
1425
|
+
default: import('./enums').FormFieldType;
|
|
1426
1426
|
};
|
|
1427
1427
|
is: {
|
|
1428
|
-
type: import(
|
|
1428
|
+
type: import('vue').PropType<string | import('vue').Component>;
|
|
1429
1429
|
default: undefined;
|
|
1430
1430
|
};
|
|
1431
1431
|
name: {
|
|
1432
|
-
type: import(
|
|
1432
|
+
type: import('vue').PropType<Path<import('zod').TypeOf<Schema>>>;
|
|
1433
1433
|
required: true;
|
|
1434
1434
|
};
|
|
1435
1435
|
props: {
|
|
1436
|
-
type: import(
|
|
1436
|
+
type: import('vue').PropType<Partial<import('zod').TypeOf<Schema> | ((formData?: import('vue').Ref<ObjectConstructor> | undefined) => Partial<import('zod').TypeOf<Schema>> | undefined) | undefined>>;
|
|
1437
1437
|
default: () => {};
|
|
1438
1438
|
};
|
|
1439
1439
|
showValid: {
|
|
@@ -1460,39 +1460,39 @@ export declare const formFactory: <Schema extends FormSchema>(schema: Schema, op
|
|
|
1460
1460
|
}, {
|
|
1461
1461
|
type: "number" | "text" | "email" | "password" | "tel" | "url" | "search" | "date" | "time" | "datetime-local" | "month" | "week" | "color" | "select" | "checkbox" | "radio" | "textarea" | "radioGroup" | "checkboxGroup" | "combobox" | "custom";
|
|
1462
1462
|
props: [{
|
|
1463
|
-
type: import(
|
|
1463
|
+
type: import('vue').PropType<Partial<import('zod').TypeOf<Schema> | ((formData?: import('vue').Ref<ObjectConstructor> | undefined) => Partial<import('zod').TypeOf<Schema>> | undefined) | undefined>>;
|
|
1464
1464
|
default: () => {};
|
|
1465
|
-
}] extends [import(
|
|
1466
|
-
type: import(
|
|
1465
|
+
}] extends [import('vue').Prop<infer V, infer D>] ? unknown extends V ? import('@vue/shared').IfAny<V, V, D> : V : {
|
|
1466
|
+
type: import('vue').PropType<Partial<import('zod').TypeOf<Schema> | ((formData?: import('vue').Ref<ObjectConstructor> | undefined) => Partial<import('zod').TypeOf<Schema>> | undefined) | undefined>>;
|
|
1467
1467
|
default: () => {};
|
|
1468
1468
|
};
|
|
1469
|
-
is: import(
|
|
1469
|
+
is: string | import('vue').Component;
|
|
1470
1470
|
showValid: boolean;
|
|
1471
1471
|
defaultValue: string | number | boolean | unknown[] | Record<string, any>;
|
|
1472
1472
|
lazyLoad: boolean;
|
|
1473
1473
|
readonly: boolean;
|
|
1474
1474
|
}, {}>;
|
|
1475
1475
|
VvFormTemplate: {
|
|
1476
|
-
new (...args: any[]): import('vue').CreateComponentPublicInstance<Readonly<import(
|
|
1476
|
+
new (...args: any[]): import('vue').CreateComponentPublicInstance<Readonly<import('vue').ExtractPropTypes<{
|
|
1477
1477
|
schema: {
|
|
1478
|
-
type: import(
|
|
1478
|
+
type: import('vue').PropType<FormTemplate<Schema>>;
|
|
1479
1479
|
required: true;
|
|
1480
1480
|
};
|
|
1481
1481
|
scope: {
|
|
1482
|
-
type: import(
|
|
1482
|
+
type: import('vue').PropType<Record<string, unknown>>;
|
|
1483
1483
|
default: () => {};
|
|
1484
1484
|
};
|
|
1485
|
-
}>>, (() => (import(
|
|
1485
|
+
}>>, (() => (import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
|
|
1486
1486
|
[key: string]: any;
|
|
1487
|
-
}> | import(
|
|
1487
|
+
}> | import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
|
|
1488
1488
|
[key: string]: any;
|
|
1489
|
-
}>[] | undefined)[]) | undefined, unknown, {}, {}, import(
|
|
1489
|
+
}>[] | undefined)[]) | undefined, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{
|
|
1490
1490
|
schema: {
|
|
1491
|
-
type: import(
|
|
1491
|
+
type: import('vue').PropType<FormTemplate<Schema>>;
|
|
1492
1492
|
required: true;
|
|
1493
1493
|
};
|
|
1494
1494
|
scope: {
|
|
1495
|
-
type: import(
|
|
1495
|
+
type: import('vue').PropType<Record<string, unknown>>;
|
|
1496
1496
|
default: () => {};
|
|
1497
1497
|
};
|
|
1498
1498
|
}>>, {
|
|
@@ -1504,18 +1504,18 @@ export declare const formFactory: <Schema extends FormSchema>(schema: Schema, op
|
|
|
1504
1504
|
C: {};
|
|
1505
1505
|
M: {};
|
|
1506
1506
|
Defaults: {};
|
|
1507
|
-
}, Readonly<import(
|
|
1507
|
+
}, Readonly<import('vue').ExtractPropTypes<{
|
|
1508
1508
|
schema: {
|
|
1509
|
-
type: import(
|
|
1509
|
+
type: import('vue').PropType<FormTemplate<Schema>>;
|
|
1510
1510
|
required: true;
|
|
1511
1511
|
};
|
|
1512
1512
|
scope: {
|
|
1513
|
-
type: import(
|
|
1513
|
+
type: import('vue').PropType<Record<string, unknown>>;
|
|
1514
1514
|
default: () => {};
|
|
1515
1515
|
};
|
|
1516
|
-
}>>, {} | (() => (import(
|
|
1516
|
+
}>>, {} | (() => (import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
|
|
1517
1517
|
[key: string]: any;
|
|
1518
|
-
}> | import(
|
|
1518
|
+
}> | import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
|
|
1519
1519
|
[key: string]: any;
|
|
1520
1520
|
}>[] | undefined)[]), {}, {}, {}, {
|
|
1521
1521
|
scope: Record<string, unknown>;
|
|
@@ -1523,20 +1523,20 @@ export declare const formFactory: <Schema extends FormSchema>(schema: Schema, op
|
|
|
1523
1523
|
__isFragment?: undefined;
|
|
1524
1524
|
__isTeleport?: undefined;
|
|
1525
1525
|
__isSuspense?: undefined;
|
|
1526
|
-
} & import('vue').ComponentOptionsBase<Readonly<import(
|
|
1526
|
+
} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
|
|
1527
1527
|
schema: {
|
|
1528
|
-
type: import(
|
|
1528
|
+
type: import('vue').PropType<FormTemplate<Schema>>;
|
|
1529
1529
|
required: true;
|
|
1530
1530
|
};
|
|
1531
1531
|
scope: {
|
|
1532
|
-
type: import(
|
|
1532
|
+
type: import('vue').PropType<Record<string, unknown>>;
|
|
1533
1533
|
default: () => {};
|
|
1534
1534
|
};
|
|
1535
|
-
}>>, (() => (import(
|
|
1535
|
+
}>>, (() => (import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
|
|
1536
1536
|
[key: string]: any;
|
|
1537
|
-
}> | import(
|
|
1537
|
+
}> | import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
|
|
1538
1538
|
[key: string]: any;
|
|
1539
|
-
}>[] | undefined)[]) | undefined, unknown, {}, {}, import(
|
|
1539
|
+
}>[] | undefined)[]) | undefined, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
|
|
1540
1540
|
scope: Record<string, unknown>;
|
|
1541
1541
|
}, {}, string, {}> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
|
|
1542
1542
|
$slots: {
|
|
@@ -1544,20 +1544,20 @@ export declare const formFactory: <Schema extends FormSchema>(schema: Schema, op
|
|
|
1544
1544
|
formData: unknown extends Partial<import('zod').TypeOf<Schema>> | undefined ? undefined : Partial<import('zod').TypeOf<Schema>> | undefined;
|
|
1545
1545
|
submit: () => Promise<boolean>;
|
|
1546
1546
|
validate: () => Promise<boolean>;
|
|
1547
|
-
errors: Readonly<import('vue').Ref<import(
|
|
1548
|
-
status: import('vue').Ref<import(
|
|
1549
|
-
invalid: import('vue').Ref<import(
|
|
1547
|
+
errors: Readonly<import('vue').Ref<import('vue').DeepReadonly<import('zod').inferFormattedError<Schema, string>>>>;
|
|
1548
|
+
status: import('vue').Ref<import('vue').DeepReadonly<"invalid" | "valid" | "submitting" | "updated" | "unknown" | undefined>>;
|
|
1549
|
+
invalid: import('vue').Ref<import('vue').DeepReadonly<boolean>>;
|
|
1550
1550
|
}) => any;
|
|
1551
1551
|
};
|
|
1552
1552
|
});
|
|
1553
1553
|
formInjectionKey: InjectionKey<InjectedFormData<Schema>>;
|
|
1554
1554
|
formWrapperInjectionKey: InjectionKey<InjectedFormWrapperData<Schema>>;
|
|
1555
1555
|
formFieldInjectionKey: InjectionKey<InjectedFormFieldData<Schema>>;
|
|
1556
|
-
errors: import('vue').Ref<import(
|
|
1557
|
-
status: import('vue').Ref<import(
|
|
1556
|
+
errors: import('vue').Ref<import('zod').inferFormattedError<Schema, string> | undefined>;
|
|
1557
|
+
status: import('vue').Ref<import('./enums').FormStatus | undefined>;
|
|
1558
1558
|
invalid: import('vue').ComputedRef<boolean>;
|
|
1559
1559
|
readonly: import('vue').Ref<boolean>;
|
|
1560
|
-
formData: import('vue').Ref<Partial<import(
|
|
1560
|
+
formData: import('vue').Ref<Partial<import('zod').TypeOf<Schema> | undefined>>;
|
|
1561
1561
|
validate: (value?: Partial<import('zod').TypeOf<Schema> | undefined>) => Promise<boolean>;
|
|
1562
1562
|
submit: () => Promise<boolean>;
|
|
1563
1563
|
ignoreUpdates: import('@vueuse/shared').IgnoredUpdater;
|