@volverjs/form-vue 1.0.0-beta.1 → 1.0.0-beta.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (14) hide show
  1. package/dist/index.es.js +400 -358
  2. package/dist/index.umd.js +1 -1
  3. package/dist/src/VvForm.d.ts +41 -27
  4. package/dist/src/enums.d.ts +4 -1
  5. package/dist/src/index.d.ts +119 -78
  6. package/dist/src/types.d.ts +4 -1
  7. package/package.json +14 -14
  8. package/src/VvForm.ts +101 -62
  9. package/src/VvFormField.ts +1 -1
  10. package/src/VvFormTemplate.ts +1 -0
  11. package/src/VvFormWrapper.ts +1 -1
  12. package/src/enums.ts +3 -0
  13. package/src/index.ts +16 -6
  14. package/src/types.ts +4 -1
package/dist/src/index.d.ts CHANGED
@@ -15,8 +15,8 @@ export declare const useForm: <Schema extends FormSchema>(schema: Schema, option
15
15
  $props: {
16
16
  template?: FormTemplate<Schema> | undefined;
17
17
  modelValue?: Record<string, any> | undefined;
18
- updateThrottle?: number | undefined;
19
18
  continuosValidation?: boolean | undefined;
19
+ tag?: string | undefined;
20
20
  onInvalid?: ((...args: any[]) => any) | undefined;
21
21
  onValid?: ((...args: any[]) => any) | undefined;
22
22
  "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
@@ -80,17 +80,17 @@ export declare const useForm: <Schema extends FormSchema>(schema: Schema, option
80
80
  $emit: (event: "invalid" | "valid" | "update:modelValue" | "submit", ...args: any[]) => void;
81
81
  $el: any;
82
82
  $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
83
+ continuosValidation: {
84
+ type: BooleanConstructor;
85
+ default: boolean;
86
+ };
83
87
  modelValue: {
84
88
  type: ObjectConstructor;
85
89
  default: () => {};
86
90
  };
87
- updateThrottle: {
88
- type: NumberConstructor;
89
- default: number;
90
- };
91
- continuosValidation: {
92
- type: BooleanConstructor;
93
- default: boolean;
91
+ tag: {
92
+ type: StringConstructor;
93
+ default: string;
94
94
  };
95
95
  template: {
96
96
  type: import("vue").PropType<FormTemplate<Schema>>;
@@ -105,14 +105,16 @@ export declare const useForm: <Schema extends FormSchema>(schema: Schema, option
105
105
  formData: import("vue").Ref<Partial<import("zod").TypeOf<Schema> | undefined>>;
106
106
  submit: () => Promise<boolean>;
107
107
  validate: (value?: Partial<import("zod").TypeOf<Schema> | undefined>) => Promise<boolean>;
108
+ ignoreUpdates: import("@vueuse/shared").IgnoredUpdater;
109
+ stopUpdatesWatch: import("vue").WatchStopHandle;
108
110
  errors: Readonly<import("vue").Ref<import("vue").DeepReadonly<import("zod").inferFormattedError<Schema, string>> | undefined>>;
109
111
  status: Readonly<import("vue").Ref<import("./enums").FormStatus | undefined>>;
110
112
  invalid: import("vue").ComputedRef<boolean>;
111
113
  }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("invalid" | "valid" | "update:modelValue" | "submit")[], string, {
112
114
  template: FormTemplate<Schema>;
113
115
  modelValue: Record<string, any>;
114
- updateThrottle: number;
115
116
  continuosValidation: boolean;
117
+ tag: string;
116
118
  }, {}, string, {}> & {
117
119
  beforeCreate?: ((() => void) | (() => void)[]) | undefined;
118
120
  created?: ((() => void) | (() => void)[]) | undefined;
@@ -134,17 +136,17 @@ export declare const useForm: <Schema extends FormSchema>(schema: Schema, option
134
136
  $nextTick: typeof import("vue").nextTick;
135
137
  $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
136
138
  } & Readonly<import("vue").ExtractPropTypes<{
139
+ continuosValidation: {
140
+ type: BooleanConstructor;
141
+ default: boolean;
142
+ };
137
143
  modelValue: {
138
144
  type: ObjectConstructor;
139
145
  default: () => {};
140
146
  };
141
- updateThrottle: {
142
- type: NumberConstructor;
143
- default: number;
144
- };
145
- continuosValidation: {
146
- type: BooleanConstructor;
147
- default: boolean;
147
+ tag: {
148
+ type: StringConstructor;
149
+ default: string;
148
150
  };
149
151
  template: {
150
152
  type: import("vue").PropType<FormTemplate<Schema>>;
@@ -159,6 +161,8 @@ export declare const useForm: <Schema extends FormSchema>(schema: Schema, option
159
161
  formData: import("vue").Ref<Partial<import("zod").TypeOf<Schema> | undefined>>;
160
162
  submit: () => Promise<boolean>;
161
163
  validate: (value?: Partial<import("zod").TypeOf<Schema> | undefined>) => Promise<boolean>;
164
+ ignoreUpdates: import("@vueuse/shared").IgnoredUpdater;
165
+ stopUpdatesWatch: import("vue").WatchStopHandle;
162
166
  errors: Readonly<import("vue").Ref<import("vue").DeepReadonly<import("zod").inferFormattedError<Schema, string>> | undefined>>;
163
167
  status: Readonly<import("vue").Ref<import("./enums").FormStatus | undefined>>;
164
168
  invalid: import("vue").ComputedRef<boolean>;
@@ -167,17 +171,17 @@ export declare const useForm: <Schema extends FormSchema>(schema: Schema, option
167
171
  __isTeleport?: undefined;
168
172
  __isSuspense?: undefined;
169
173
  } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
174
+ continuosValidation: {
175
+ type: BooleanConstructor;
176
+ default: boolean;
177
+ };
170
178
  modelValue: {
171
179
  type: ObjectConstructor;
172
180
  default: () => {};
173
181
  };
174
- updateThrottle: {
175
- type: NumberConstructor;
176
- default: number;
177
- };
178
- continuosValidation: {
179
- type: BooleanConstructor;
180
- default: boolean;
182
+ tag: {
183
+ type: StringConstructor;
184
+ default: string;
181
185
  };
182
186
  template: {
183
187
  type: import("vue").PropType<FormTemplate<Schema>>;
@@ -192,22 +196,26 @@ export declare const useForm: <Schema extends FormSchema>(schema: Schema, option
192
196
  formData: import("vue").Ref<Partial<import("zod").TypeOf<Schema> | undefined>>;
193
197
  submit: () => Promise<boolean>;
194
198
  validate: (value?: Partial<import("zod").TypeOf<Schema> | undefined>) => Promise<boolean>;
199
+ ignoreUpdates: import("@vueuse/shared").IgnoredUpdater;
200
+ stopUpdatesWatch: import("vue").WatchStopHandle;
195
201
  errors: Readonly<import("vue").Ref<import("vue").DeepReadonly<import("zod").inferFormattedError<Schema, string>> | undefined>>;
196
202
  status: Readonly<import("vue").Ref<import("./enums").FormStatus | undefined>>;
197
203
  invalid: import("vue").ComputedRef<boolean>;
198
204
  }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("invalid" | "valid" | "update:modelValue" | "submit")[], "invalid" | "valid" | "update:modelValue" | "submit", {
199
205
  template: FormTemplate<Schema>;
200
206
  modelValue: Record<string, any>;
201
- updateThrottle: number;
202
207
  continuosValidation: boolean;
208
+ tag: string;
203
209
  }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
204
210
  $slots: {
205
211
  default: (_: {
206
212
  formData: unknown extends Partial<import("zod").TypeOf<Schema>> | undefined ? undefined : Partial<import("zod").TypeOf<Schema>> | undefined;
207
213
  submit: () => Promise<boolean>;
208
214
  validate: () => Promise<boolean>;
215
+ ignoreUpdates: import("@vueuse/shared").IgnoredUpdater;
216
+ stopUpdatesWatch: import("vue").WatchStopHandle;
209
217
  errors: Readonly<import("vue").Ref<import("vue").DeepReadonly<import("zod").inferFormattedError<Schema, string>>>>;
210
- status: import("vue").Ref<import("vue").DeepReadonly<"invalid" | "valid" | undefined>>;
218
+ status: import("vue").Ref<import("vue").DeepReadonly<"invalid" | "valid" | "submitting" | "updated" | "unknown" | undefined>>;
211
219
  invalid: import("vue").Ref<import("vue").DeepReadonly<boolean>>;
212
220
  }) => any;
213
221
  };
@@ -605,7 +613,7 @@ export declare const useForm: <Schema extends FormSchema>(schema: Schema, option
605
613
  submit: () => Promise<boolean>;
606
614
  validate: () => Promise<boolean>;
607
615
  errors: Readonly<import("vue").Ref<import("vue").DeepReadonly<import("zod").inferFormattedError<Schema, string>>>>;
608
- status: import("vue").Ref<import("vue").DeepReadonly<"invalid" | "valid" | undefined>>;
616
+ status: import("vue").Ref<import("vue").DeepReadonly<"invalid" | "valid" | "submitting" | "updated" | "unknown" | undefined>>;
609
617
  invalid: import("vue").Ref<import("vue").DeepReadonly<boolean>>;
610
618
  }) => any;
611
619
  };
@@ -615,7 +623,12 @@ export declare const useForm: <Schema extends FormSchema>(schema: Schema, option
615
623
  formFieldInjectionKey: InjectionKey<InjectedFormFieldData<Schema>>;
616
624
  errors: import("vue").Ref<import("zod").inferFormattedError<Schema, string> | undefined>;
617
625
  status: import("vue").Ref<import("./enums").FormStatus | undefined>;
626
+ invalid: import("vue").ComputedRef<boolean>;
618
627
  formData: import("vue").Ref<Partial<import("zod").TypeOf<Schema> | undefined>>;
628
+ validate: (value?: Partial<import("zod").TypeOf<Schema> | undefined>) => Promise<boolean>;
629
+ submit: () => Promise<boolean>;
630
+ ignoreUpdates: import("@vueuse/shared").IgnoredUpdater;
631
+ stopUpdatesWatch: import("vue").WatchStopHandle;
619
632
  } | {
620
633
  VvForm: {
621
634
  new (...args: any[]): {
@@ -624,8 +637,8 @@ export declare const useForm: <Schema extends FormSchema>(schema: Schema, option
624
637
  $props: {
625
638
  template?: FormTemplate<AnyZodObject> | undefined;
626
639
  modelValue?: Record<string, any> | undefined;
627
- updateThrottle?: number | undefined;
628
640
  continuosValidation?: boolean | undefined;
641
+ tag?: string | undefined;
629
642
  onInvalid?: ((...args: any[]) => any) | undefined;
630
643
  onValid?: ((...args: any[]) => any) | undefined;
631
644
  "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
@@ -689,17 +702,17 @@ export declare const useForm: <Schema extends FormSchema>(schema: Schema, option
689
702
  $emit: (event: "invalid" | "valid" | "update:modelValue" | "submit", ...args: any[]) => void;
690
703
  $el: any;
691
704
  $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
705
+ continuosValidation: {
706
+ type: BooleanConstructor;
707
+ default: boolean;
708
+ };
692
709
  modelValue: {
693
710
  type: ObjectConstructor;
694
711
  default: () => {};
695
712
  };
696
- updateThrottle: {
697
- type: NumberConstructor;
698
- default: number;
699
- };
700
- continuosValidation: {
701
- type: BooleanConstructor;
702
- default: boolean;
713
+ tag: {
714
+ type: StringConstructor;
715
+ default: string;
703
716
  };
704
717
  template: {
705
718
  type: import("vue").PropType<FormTemplate<AnyZodObject>>;
@@ -718,6 +731,8 @@ export declare const useForm: <Schema extends FormSchema>(schema: Schema, option
718
731
  validate: (value?: Partial<{
719
732
  [x: string]: any;
720
733
  } | undefined>) => Promise<boolean>;
734
+ ignoreUpdates: import("@vueuse/shared").IgnoredUpdater;
735
+ stopUpdatesWatch: import("vue").WatchStopHandle;
721
736
  errors: Readonly<import("vue").Ref<{
722
737
  readonly [x: string]: {
723
738
  readonly _errors: readonly string[];
@@ -729,8 +744,8 @@ export declare const useForm: <Schema extends FormSchema>(schema: Schema, option
729
744
  }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("invalid" | "valid" | "update:modelValue" | "submit")[], string, {
730
745
  template: FormTemplate<AnyZodObject>;
731
746
  modelValue: Record<string, any>;
732
- updateThrottle: number;
733
747
  continuosValidation: boolean;
748
+ tag: string;
734
749
  }, {}, string, {}> & {
735
750
  beforeCreate?: ((() => void) | (() => void)[]) | undefined;
736
751
  created?: ((() => void) | (() => void)[]) | undefined;
@@ -752,17 +767,17 @@ export declare const useForm: <Schema extends FormSchema>(schema: Schema, option
752
767
  $nextTick: typeof import("vue").nextTick;
753
768
  $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
754
769
  } & Readonly<import("vue").ExtractPropTypes<{
770
+ continuosValidation: {
771
+ type: BooleanConstructor;
772
+ default: boolean;
773
+ };
755
774
  modelValue: {
756
775
  type: ObjectConstructor;
757
776
  default: () => {};
758
777
  };
759
- updateThrottle: {
760
- type: NumberConstructor;
761
- default: number;
762
- };
763
- continuosValidation: {
764
- type: BooleanConstructor;
765
- default: boolean;
778
+ tag: {
779
+ type: StringConstructor;
780
+ default: string;
766
781
  };
767
782
  template: {
768
783
  type: import("vue").PropType<FormTemplate<AnyZodObject>>;
@@ -781,6 +796,8 @@ export declare const useForm: <Schema extends FormSchema>(schema: Schema, option
781
796
  validate: (value?: Partial<{
782
797
  [x: string]: any;
783
798
  } | undefined>) => Promise<boolean>;
799
+ ignoreUpdates: import("@vueuse/shared").IgnoredUpdater;
800
+ stopUpdatesWatch: import("vue").WatchStopHandle;
784
801
  errors: Readonly<import("vue").Ref<{
785
802
  readonly [x: string]: {
786
803
  readonly _errors: readonly string[];
@@ -794,17 +811,17 @@ export declare const useForm: <Schema extends FormSchema>(schema: Schema, option
794
811
  __isTeleport?: undefined;
795
812
  __isSuspense?: undefined;
796
813
  } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
814
+ continuosValidation: {
815
+ type: BooleanConstructor;
816
+ default: boolean;
817
+ };
797
818
  modelValue: {
798
819
  type: ObjectConstructor;
799
820
  default: () => {};
800
821
  };
801
- updateThrottle: {
802
- type: NumberConstructor;
803
- default: number;
804
- };
805
- continuosValidation: {
806
- type: BooleanConstructor;
807
- default: boolean;
822
+ tag: {
823
+ type: StringConstructor;
824
+ default: string;
808
825
  };
809
826
  template: {
810
827
  type: import("vue").PropType<FormTemplate<AnyZodObject>>;
@@ -823,6 +840,8 @@ export declare const useForm: <Schema extends FormSchema>(schema: Schema, option
823
840
  validate: (value?: Partial<{
824
841
  [x: string]: any;
825
842
  } | undefined>) => Promise<boolean>;
843
+ ignoreUpdates: import("@vueuse/shared").IgnoredUpdater;
844
+ stopUpdatesWatch: import("vue").WatchStopHandle;
826
845
  errors: Readonly<import("vue").Ref<{
827
846
  readonly [x: string]: {
828
847
  readonly _errors: readonly string[];
@@ -834,8 +853,8 @@ export declare const useForm: <Schema extends FormSchema>(schema: Schema, option
834
853
  }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("invalid" | "valid" | "update:modelValue" | "submit")[], "invalid" | "valid" | "update:modelValue" | "submit", {
835
854
  template: FormTemplate<AnyZodObject>;
836
855
  modelValue: Record<string, any>;
837
- updateThrottle: number;
838
856
  continuosValidation: boolean;
857
+ tag: string;
839
858
  }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
840
859
  $slots: {
841
860
  default: (_: {
@@ -844,13 +863,15 @@ export declare const useForm: <Schema extends FormSchema>(schema: Schema, option
844
863
  }> | undefined;
845
864
  submit: () => Promise<boolean>;
846
865
  validate: () => Promise<boolean>;
866
+ ignoreUpdates: import("@vueuse/shared").IgnoredUpdater;
867
+ stopUpdatesWatch: import("vue").WatchStopHandle;
847
868
  errors: Readonly<import("vue").Ref<{
848
869
  readonly [x: string]: {
849
870
  readonly _errors: readonly string[];
850
871
  } | undefined;
851
872
  readonly _errors: readonly string[];
852
873
  }>>;
853
- status: import("vue").Ref<import("vue").DeepReadonly<"invalid" | "valid" | undefined>>;
874
+ status: import("vue").Ref<import("vue").DeepReadonly<"invalid" | "valid" | "submitting" | "updated" | "unknown" | undefined>>;
854
875
  invalid: import("vue").Ref<import("vue").DeepReadonly<boolean>>;
855
876
  }) => any;
856
877
  };
@@ -1283,7 +1304,7 @@ export declare const useForm: <Schema extends FormSchema>(schema: Schema, option
1283
1304
  } | undefined;
1284
1305
  readonly _errors: readonly string[];
1285
1306
  }>>;
1286
- status: import("vue").Ref<import("vue").DeepReadonly<"invalid" | "valid" | undefined>>;
1307
+ status: import("vue").Ref<import("vue").DeepReadonly<"invalid" | "valid" | "submitting" | "updated" | "unknown" | undefined>>;
1287
1308
  invalid: import("vue").Ref<import("vue").DeepReadonly<boolean>>;
1288
1309
  }) => any;
1289
1310
  };
@@ -1293,9 +1314,16 @@ export declare const useForm: <Schema extends FormSchema>(schema: Schema, option
1293
1314
  formFieldInjectionKey: InjectionKey<InjectedFormFieldData<AnyZodObject>>;
1294
1315
  errors: import("vue").Ref<import("zod").inferFormattedError<AnyZodObject, string> | undefined>;
1295
1316
  status: import("vue").Ref<import("./enums").FormStatus | undefined>;
1317
+ invalid: import("vue").ComputedRef<boolean>;
1296
1318
  formData: import("vue").Ref<Partial<{
1297
1319
  [x: string]: any;
1298
1320
  } | undefined>>;
1321
+ validate: (value?: Partial<{
1322
+ [x: string]: any;
1323
+ } | undefined>) => Promise<boolean>;
1324
+ submit: () => Promise<boolean>;
1325
+ ignoreUpdates: import("@vueuse/shared").IgnoredUpdater;
1326
+ stopUpdatesWatch: import("vue").WatchStopHandle;
1299
1327
  };
1300
1328
  export { FormFieldType } from './enums';
1301
1329
  export { defaultObjectBySchema } from './utils';
@@ -1315,8 +1343,8 @@ export declare const formFactory: <Schema extends FormSchema>(schema: Schema, op
1315
1343
  $props: {
1316
1344
  template?: FormTemplate<Schema> | undefined;
1317
1345
  modelValue?: Record<string, any> | undefined;
1318
- updateThrottle?: number | undefined;
1319
1346
  continuosValidation?: boolean | undefined;
1347
+ tag?: string | undefined;
1320
1348
  onInvalid?: ((...args: any[]) => any) | undefined;
1321
1349
  onValid?: ((...args: any[]) => any) | undefined;
1322
1350
  "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
@@ -1380,17 +1408,17 @@ export declare const formFactory: <Schema extends FormSchema>(schema: Schema, op
1380
1408
  $emit: (event: "invalid" | "valid" | "update:modelValue" | "submit", ...args: any[]) => void;
1381
1409
  $el: any;
1382
1410
  $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
1411
+ continuosValidation: {
1412
+ type: BooleanConstructor;
1413
+ default: boolean;
1414
+ };
1383
1415
  modelValue: {
1384
1416
  type: ObjectConstructor;
1385
1417
  default: () => {};
1386
1418
  };
1387
- updateThrottle: {
1388
- type: NumberConstructor;
1389
- default: number;
1390
- };
1391
- continuosValidation: {
1392
- type: BooleanConstructor;
1393
- default: boolean;
1419
+ tag: {
1420
+ type: StringConstructor;
1421
+ default: string;
1394
1422
  };
1395
1423
  template: {
1396
1424
  type: import("vue").PropType<FormTemplate<Schema>>;
@@ -1405,14 +1433,16 @@ export declare const formFactory: <Schema extends FormSchema>(schema: Schema, op
1405
1433
  formData: import("vue").Ref<Partial<import("zod").TypeOf<Schema> | undefined>>;
1406
1434
  submit: () => Promise<boolean>;
1407
1435
  validate: (value?: Partial<import("zod").TypeOf<Schema> | undefined>) => Promise<boolean>;
1436
+ ignoreUpdates: import("@vueuse/shared").IgnoredUpdater;
1437
+ stopUpdatesWatch: import("vue").WatchStopHandle;
1408
1438
  errors: Readonly<import("vue").Ref<import("vue").DeepReadonly<import("zod").inferFormattedError<Schema, string>> | undefined>>;
1409
1439
  status: Readonly<import("vue").Ref<import("./enums").FormStatus | undefined>>;
1410
1440
  invalid: import("vue").ComputedRef<boolean>;
1411
1441
  }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("invalid" | "valid" | "update:modelValue" | "submit")[], string, {
1412
1442
  template: FormTemplate<Schema>;
1413
1443
  modelValue: Record<string, any>;
1414
- updateThrottle: number;
1415
1444
  continuosValidation: boolean;
1445
+ tag: string;
1416
1446
  }, {}, string, {}> & {
1417
1447
  beforeCreate?: ((() => void) | (() => void)[]) | undefined;
1418
1448
  created?: ((() => void) | (() => void)[]) | undefined;
@@ -1434,17 +1464,17 @@ export declare const formFactory: <Schema extends FormSchema>(schema: Schema, op
1434
1464
  $nextTick: typeof import("vue").nextTick;
1435
1465
  $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
1436
1466
  } & Readonly<import("vue").ExtractPropTypes<{
1467
+ continuosValidation: {
1468
+ type: BooleanConstructor;
1469
+ default: boolean;
1470
+ };
1437
1471
  modelValue: {
1438
1472
  type: ObjectConstructor;
1439
1473
  default: () => {};
1440
1474
  };
1441
- updateThrottle: {
1442
- type: NumberConstructor;
1443
- default: number;
1444
- };
1445
- continuosValidation: {
1446
- type: BooleanConstructor;
1447
- default: boolean;
1475
+ tag: {
1476
+ type: StringConstructor;
1477
+ default: string;
1448
1478
  };
1449
1479
  template: {
1450
1480
  type: import("vue").PropType<FormTemplate<Schema>>;
@@ -1459,6 +1489,8 @@ export declare const formFactory: <Schema extends FormSchema>(schema: Schema, op
1459
1489
  formData: import("vue").Ref<Partial<import("zod").TypeOf<Schema> | undefined>>;
1460
1490
  submit: () => Promise<boolean>;
1461
1491
  validate: (value?: Partial<import("zod").TypeOf<Schema> | undefined>) => Promise<boolean>;
1492
+ ignoreUpdates: import("@vueuse/shared").IgnoredUpdater;
1493
+ stopUpdatesWatch: import("vue").WatchStopHandle;
1462
1494
  errors: Readonly<import("vue").Ref<import("vue").DeepReadonly<import("zod").inferFormattedError<Schema, string>> | undefined>>;
1463
1495
  status: Readonly<import("vue").Ref<import("./enums").FormStatus | undefined>>;
1464
1496
  invalid: import("vue").ComputedRef<boolean>;
@@ -1467,17 +1499,17 @@ export declare const formFactory: <Schema extends FormSchema>(schema: Schema, op
1467
1499
  __isTeleport?: undefined;
1468
1500
  __isSuspense?: undefined;
1469
1501
  } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
1502
+ continuosValidation: {
1503
+ type: BooleanConstructor;
1504
+ default: boolean;
1505
+ };
1470
1506
  modelValue: {
1471
1507
  type: ObjectConstructor;
1472
1508
  default: () => {};
1473
1509
  };
1474
- updateThrottle: {
1475
- type: NumberConstructor;
1476
- default: number;
1477
- };
1478
- continuosValidation: {
1479
- type: BooleanConstructor;
1480
- default: boolean;
1510
+ tag: {
1511
+ type: StringConstructor;
1512
+ default: string;
1481
1513
  };
1482
1514
  template: {
1483
1515
  type: import("vue").PropType<FormTemplate<Schema>>;
@@ -1492,22 +1524,26 @@ export declare const formFactory: <Schema extends FormSchema>(schema: Schema, op
1492
1524
  formData: import("vue").Ref<Partial<import("zod").TypeOf<Schema> | undefined>>;
1493
1525
  submit: () => Promise<boolean>;
1494
1526
  validate: (value?: Partial<import("zod").TypeOf<Schema> | undefined>) => Promise<boolean>;
1527
+ ignoreUpdates: import("@vueuse/shared").IgnoredUpdater;
1528
+ stopUpdatesWatch: import("vue").WatchStopHandle;
1495
1529
  errors: Readonly<import("vue").Ref<import("vue").DeepReadonly<import("zod").inferFormattedError<Schema, string>> | undefined>>;
1496
1530
  status: Readonly<import("vue").Ref<import("./enums").FormStatus | undefined>>;
1497
1531
  invalid: import("vue").ComputedRef<boolean>;
1498
1532
  }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("invalid" | "valid" | "update:modelValue" | "submit")[], "invalid" | "valid" | "update:modelValue" | "submit", {
1499
1533
  template: FormTemplate<Schema>;
1500
1534
  modelValue: Record<string, any>;
1501
- updateThrottle: number;
1502
1535
  continuosValidation: boolean;
1536
+ tag: string;
1503
1537
  }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
1504
1538
  $slots: {
1505
1539
  default: (_: {
1506
1540
  formData: unknown extends Partial<import("zod").TypeOf<Schema>> | undefined ? undefined : Partial<import("zod").TypeOf<Schema>> | undefined;
1507
1541
  submit: () => Promise<boolean>;
1508
1542
  validate: () => Promise<boolean>;
1543
+ ignoreUpdates: import("@vueuse/shared").IgnoredUpdater;
1544
+ stopUpdatesWatch: import("vue").WatchStopHandle;
1509
1545
  errors: Readonly<import("vue").Ref<import("vue").DeepReadonly<import("zod").inferFormattedError<Schema, string>>>>;
1510
- status: import("vue").Ref<import("vue").DeepReadonly<"invalid" | "valid" | undefined>>;
1546
+ status: import("vue").Ref<import("vue").DeepReadonly<"invalid" | "valid" | "submitting" | "updated" | "unknown" | undefined>>;
1511
1547
  invalid: import("vue").Ref<import("vue").DeepReadonly<boolean>>;
1512
1548
  }) => any;
1513
1549
  };
@@ -1905,7 +1941,7 @@ export declare const formFactory: <Schema extends FormSchema>(schema: Schema, op
1905
1941
  submit: () => Promise<boolean>;
1906
1942
  validate: () => Promise<boolean>;
1907
1943
  errors: Readonly<import("vue").Ref<import("vue").DeepReadonly<import("zod").inferFormattedError<Schema, string>>>>;
1908
- status: import("vue").Ref<import("vue").DeepReadonly<"invalid" | "valid" | undefined>>;
1944
+ status: import("vue").Ref<import("vue").DeepReadonly<"invalid" | "valid" | "submitting" | "updated" | "unknown" | undefined>>;
1909
1945
  invalid: import("vue").Ref<import("vue").DeepReadonly<boolean>>;
1910
1946
  }) => any;
1911
1947
  };
@@ -1915,5 +1951,10 @@ export declare const formFactory: <Schema extends FormSchema>(schema: Schema, op
1915
1951
  formFieldInjectionKey: InjectionKey<InjectedFormFieldData<Schema>>;
1916
1952
  errors: import("vue").Ref<import("zod").inferFormattedError<Schema, string> | undefined>;
1917
1953
  status: import("vue").Ref<import("./enums").FormStatus | undefined>;
1954
+ invalid: import("vue").ComputedRef<boolean>;
1918
1955
  formData: import("vue").Ref<Partial<import("zod").TypeOf<Schema> | undefined>>;
1956
+ validate: (value?: Partial<import("zod").TypeOf<Schema> | undefined>) => Promise<boolean>;
1957
+ submit: () => Promise<boolean>;
1958
+ ignoreUpdates: import("@vueuse/shared").IgnoredUpdater;
1959
+ stopUpdatesWatch: import("vue").WatchStopHandle;
1919
1960
  };
package/dist/src/types.d.ts CHANGED
@@ -1,5 +1,6 @@
1
- import { type Component, type DeepReadonly, type Ref } from 'vue';
1
+ import type { Component, DeepReadonly, Ref, WatchStopHandle } from 'vue';
2
2
  import type { z, AnyZodObject, ZodEffects, inferFormattedError } from 'zod';
3
+ import type { IgnoredUpdater } from '@vueuse/core';
3
4
  import type { FormFieldType, FormStatus } from './enums';
4
5
  export type FormSchema = AnyZodObject | ZodEffects<AnyZodObject> | ZodEffects<ZodEffects<AnyZodObject>>;
5
6
  export type FormFieldComponentOptions = {
@@ -25,6 +26,8 @@ export type InjectedFormData<Schema extends FormSchema> = {
25
26
  errors: Readonly<Ref<DeepReadonly<z.inferFormattedError<Schema>> | undefined>>;
26
27
  submit: () => Promise<boolean>;
27
28
  validate: () => Promise<boolean>;
29
+ ignoreUpdates: IgnoredUpdater;
30
+ stopUpdatesWatch: WatchStopHandle;
28
31
  status: Readonly<Ref<FormStatus | undefined>>;
29
32
  invalid: Readonly<Ref<boolean>>;
30
33
  };
package/package.json CHANGED
@@ -19,7 +19,7 @@
19
19
  "bugs": {
20
20
  "url": "https://github.com/volverjs/form-vue/issues"
21
21
  },
22
- "version": "1.0.0-beta.1",
22
+ "version": "1.0.0-beta.3",
23
23
  "engines": {
24
24
  "node": ">= 16.x"
25
25
  },
@@ -36,34 +36,34 @@
36
36
  ],
37
37
  "dependencies": {
38
38
  "@volverjs/ui-vue": "next",
39
- "@vueuse/core": "^10.4.1",
39
+ "@vueuse/core": "^10.5.0",
40
40
  "ts-dot-prop": "^2.1.3",
41
- "vue": "^3.3.4",
42
- "zod": "^3.22.2"
41
+ "vue": "^3.3.6",
42
+ "zod": "^3.22.4"
43
43
  },
44
44
  "devDependencies": {
45
- "@playwright/experimental-ct-vue": "1.38.1",
45
+ "@playwright/experimental-ct-vue": "1.39.0",
46
46
  "@testing-library/vue": "^7.0.0",
47
- "@typescript-eslint/eslint-plugin": "^6.7.3",
48
- "@vitejs/plugin-vue": "^4.3.4",
47
+ "@typescript-eslint/eslint-plugin": "^6.8.0",
48
+ "@vitejs/plugin-vue": "^4.4.0",
49
49
  "@volverjs/style": "^0.1.11",
50
- "@vue/compiler-sfc": "^3.3.4",
50
+ "@vue/compiler-sfc": "^3.3.6",
51
51
  "@vue/eslint-config-typescript": "^12.0.0",
52
- "@vue/runtime-core": "^3.3.4",
52
+ "@vue/runtime-core": "^3.3.6",
53
53
  "@vue/test-utils": "^2.4.1",
54
54
  "copy": "^0.3.2",
55
- "eslint": "^8.50.0",
55
+ "eslint": "^8.52.0",
56
56
  "eslint-config-prettier": "^9.0.0",
57
- "eslint-plugin-prettier": "^5.0.0",
57
+ "eslint-plugin-prettier": "^5.0.1",
58
58
  "eslint-plugin-vue": "^9.17.0",
59
- "happy-dom": "^12.2.0",
59
+ "happy-dom": "^12.9.1",
60
60
  "prettier": "^3.0.3",
61
61
  "typescript": "^5.2.2",
62
- "vite": "^4.4.9",
62
+ "vite": "^4.5.0",
63
63
  "vite-plugin-dts": "^3.6.0",
64
64
  "vite-plugin-eslint": "^1.8.1",
65
65
  "vite-plugin-externalize-deps": "^0.7.0",
66
- "vitest": "^0.34.5"
66
+ "vitest": "^0.34.6"
67
67
  },
68
68
  "typesVersions": {
69
69
  "*": {