@vuetify/nightly 3.6.14-master.2024-08-04 → 3.6.14-master.2024-08-13

package/lib/components/VForm/index.d.mts

@@ -1,10 +1,34 @@
 import * as vue from 'vue';
-import { ComponentPropsOptions, ExtractPropTypes } from 'vue';
+import { ComponentPropsOptions, ExtractPropTypes, PropType } from 'vue';
 
 interface FilterPropsOptions<PropsOptions extends Readonly<ComponentPropsOptions>, Props = ExtractPropTypes<PropsOptions>> {
     filterProps<T extends Partial<Props>, U extends Exclude<keyof Props, Exclude<keyof Props, keyof T>>>(props: T): Partial<Pick<T, U>>;
 }
 
+type ClassValue = any;
+
+type EventProp<T extends any[] = any[], F = (...args: T) => void> = F;
+declare const EventProp: <T extends any[] = any[]>() => PropType<EventProp<T>>;
+
+type ValidationResult = string | boolean;
+type ValidationRule = ValidationResult | PromiseLike<ValidationResult> | ((value: any) => ValidationResult) | ((value: any) => PromiseLike<ValidationResult>);
+type ValidateOnValue = 'blur' | 'input' | 'submit';
+interface ValidationProps {
+    disabled: boolean | null;
+    error: boolean;
+    errorMessages: string | readonly string[] | null;
+    focused: boolean;
+    maxErrors: string | number;
+    name: string | undefined;
+    label: string | undefined;
+    readonly: boolean | null;
+    rules: readonly ValidationRule[];
+    modelValue: any;
+    'onUpdate:modelValue': EventProp | undefined;
+    validateOn?: ValidateOnValue | `${ValidateOnValue} lazy` | `lazy ${ValidateOnValue}` | 'lazy';
+    validationValue: any;
+}
+
 interface FieldValidationResult {
     id: number | string;
     errorMessages: string[];
@@ -15,6 +39,14 @@ interface FormValidationResult {
 }
 interface SubmitEventPromise extends SubmitEvent, Promise<FormValidationResult> {
 }
+interface FormProps {
+    disabled: boolean;
+    fastFail: boolean;
+    readonly: boolean;
+    modelValue: boolean | null;
+    'onUpdate:modelValue': EventProp<[boolean | null]> | undefined;
+    validateOn: ValidationProps['validateOn'];
+}
 
 declare const VForm: {
     new (...args: any[]): vue.CreateComponentPublicInstance<{
@@ -30,7 +62,7 @@ declare const VForm: {
         $children?: vue.VNodeChild | {
             default?: ((arg: {
                 errors: vue.Ref<{
-                    id: string | number;
+                    id: number | string;
                     errorMessages: string[];
                 }[]>;
                 isDisabled: vue.ComputedRef<boolean>;
@@ -40,7 +72,7 @@ declare const VForm: {
                     readonly externalValue: boolean | null;
                 };
                 items: vue.Ref<{
-                    id: string | number;
+                    id: number | string;
                     validate: () => Promise<string[]>;
                     reset: () => Promise<void>;
                     resetValidation: () => Promise<void>;
@@ -51,7 +83,7 @@ declare const VForm: {
                 validate: () => Promise<{
                     valid: boolean;
                     errors: {
-                        id: string | number;
+                        id: number | string;
                         errorMessages: string[];
                     }[];
                 }>;
@@ -60,7 +92,7 @@ declare const VForm: {
             }) => vue.VNodeChild) | undefined;
         } | ((arg: {
             errors: vue.Ref<{
-                id: string | number;
+                id: number | string;
                 errorMessages: string[];
             }[]>;
             isDisabled: vue.ComputedRef<boolean>;
@@ -70,7 +102,7 @@ declare const VForm: {
                 readonly externalValue: boolean | null;
             };
             items: vue.Ref<{
-                id: string | number;
+                id: number | string;
                 validate: () => Promise<string[]>;
                 reset: () => Promise<void>;
                 resetValidation: () => Promise<void>;
@@ -81,7 +113,7 @@ declare const VForm: {
             validate: () => Promise<{
                 valid: boolean;
                 errors: {
-                    id: string | number;
+                    id: number | string;
                     errorMessages: string[];
                 }[];
             }>;
@@ -91,7 +123,7 @@ declare const VForm: {
         'v-slots'?: {
             default?: false | ((arg: {
                 errors: vue.Ref<{
-                    id: string | number;
+                    id: number | string;
                     errorMessages: string[];
                 }[]>;
                 isDisabled: vue.ComputedRef<boolean>;
@@ -101,7 +133,7 @@ declare const VForm: {
                     readonly externalValue: boolean | null;
                 };
                 items: vue.Ref<{
-                    id: string | number;
+                    id: number | string;
                     validate: () => Promise<string[]>;
                     reset: () => Promise<void>;
                     resetValidation: () => Promise<void>;
@@ -112,7 +144,7 @@ declare const VForm: {
                 validate: () => Promise<{
                     valid: boolean;
                     errors: {
-                        id: string | number;
+                        id: number | string;
                         errorMessages: string[];
                     }[];
                 }>;
@@ -123,7 +155,7 @@ declare const VForm: {
     } & {
         "v-slot:default"?: false | ((arg: {
             errors: vue.Ref<{
-                id: string | number;
+                id: number | string;
                 errorMessages: string[];
             }[]>;
             isDisabled: vue.ComputedRef<boolean>;
@@ -133,7 +165,7 @@ declare const VForm: {
                 readonly externalValue: boolean | null;
             };
             items: vue.Ref<{
-                id: string | number;
+                id: number | string;
                 validate: () => Promise<string[]>;
                 reset: () => Promise<void>;
                 resetValidation: () => Promise<void>;
@@ -144,7 +176,7 @@ declare const VForm: {
             validate: () => Promise<{
                 valid: boolean;
                 errors: {
-                    id: string | number;
+                    id: number | string;
                     errorMessages: string[];
                 }[];
             }>;
@@ -156,7 +188,7 @@ declare const VForm: {
         "onUpdate:modelValue"?: ((val: boolean | null) => any) | undefined;
     }, {
         errors: vue.Ref<{
-            id: string | number;
+            id: number | string;
             errorMessages: string[];
         }[]>;
         isDisabled: vue.ComputedRef<boolean>;
@@ -166,7 +198,7 @@ declare const VForm: {
             readonly externalValue: boolean | null;
         };
         items: vue.Ref<{
-            id: string | number;
+            id: number | string;
             validate: () => Promise<string[]>;
             reset: () => Promise<void>;
             resetValidation: () => Promise<void>;
@@ -177,7 +209,7 @@ declare const VForm: {
         validate: () => Promise<{
             valid: boolean;
             errors: {
-                id: string | number;
+                id: number | string;
                 errorMessages: string[];
             }[];
         }>;
@@ -199,7 +231,7 @@ declare const VForm: {
         $children?: vue.VNodeChild | {
             default?: ((arg: {
                 errors: vue.Ref<{
-                    id: string | number;
+                    id: number | string;
                     errorMessages: string[];
                 }[]>;
                 isDisabled: vue.ComputedRef<boolean>;
@@ -209,7 +241,7 @@ declare const VForm: {
                     readonly externalValue: boolean | null;
                 };
                 items: vue.Ref<{
-                    id: string | number;
+                    id: number | string;
                     validate: () => Promise<string[]>;
                     reset: () => Promise<void>;
                     resetValidation: () => Promise<void>;
@@ -220,7 +252,7 @@ declare const VForm: {
                 validate: () => Promise<{
                     valid: boolean;
                     errors: {
-                        id: string | number;
+                        id: number | string;
                         errorMessages: string[];
                     }[];
                 }>;
@@ -229,7 +261,7 @@ declare const VForm: {
             }) => vue.VNodeChild) | undefined;
         } | ((arg: {
             errors: vue.Ref<{
-                id: string | number;
+                id: number | string;
                 errorMessages: string[];
             }[]>;
             isDisabled: vue.ComputedRef<boolean>;
@@ -239,7 +271,7 @@ declare const VForm: {
                 readonly externalValue: boolean | null;
             };
             items: vue.Ref<{
-                id: string | number;
+                id: number | string;
                 validate: () => Promise<string[]>;
                 reset: () => Promise<void>;
                 resetValidation: () => Promise<void>;
@@ -250,7 +282,7 @@ declare const VForm: {
             validate: () => Promise<{
                 valid: boolean;
                 errors: {
-                    id: string | number;
+                    id: number | string;
                     errorMessages: string[];
                 }[];
             }>;
@@ -260,7 +292,7 @@ declare const VForm: {
         'v-slots'?: {
             default?: false | ((arg: {
                 errors: vue.Ref<{
-                    id: string | number;
+                    id: number | string;
                     errorMessages: string[];
                 }[]>;
                 isDisabled: vue.ComputedRef<boolean>;
@@ -270,7 +302,7 @@ declare const VForm: {
                     readonly externalValue: boolean | null;
                 };
                 items: vue.Ref<{
-                    id: string | number;
+                    id: number | string;
                     validate: () => Promise<string[]>;
                     reset: () => Promise<void>;
                     resetValidation: () => Promise<void>;
@@ -281,7 +313,7 @@ declare const VForm: {
                 validate: () => Promise<{
                     valid: boolean;
                     errors: {
-                        id: string | number;
+                        id: number | string;
                         errorMessages: string[];
                     }[];
                 }>;
@@ -292,7 +324,7 @@ declare const VForm: {
     } & {
         "v-slot:default"?: false | ((arg: {
             errors: vue.Ref<{
-                id: string | number;
+                id: number | string;
                 errorMessages: string[];
             }[]>;
             isDisabled: vue.ComputedRef<boolean>;
@@ -302,7 +334,7 @@ declare const VForm: {
                 readonly externalValue: boolean | null;
             };
             items: vue.Ref<{
-                id: string | number;
+                id: number | string;
                 validate: () => Promise<string[]>;
                 reset: () => Promise<void>;
                 resetValidation: () => Promise<void>;
@@ -313,7 +345,7 @@ declare const VForm: {
             validate: () => Promise<{
                 valid: boolean;
                 errors: {
-                    id: string | number;
+                    id: number | string;
                     errorMessages: string[];
                 }[];
             }>;
@@ -333,7 +365,7 @@ declare const VForm: {
     }, true, {}, vue.SlotsType<Partial<{
         default: (arg: {
             errors: vue.Ref<{
-                id: string | number;
+                id: number | string;
                 errorMessages: string[];
             }[]>;
             isDisabled: vue.ComputedRef<boolean>;
@@ -343,7 +375,7 @@ declare const VForm: {
                 readonly externalValue: boolean | null;
             };
             items: vue.Ref<{
-                id: string | number;
+                id: number | string;
                 validate: () => Promise<string[]>;
                 reset: () => Promise<void>;
                 resetValidation: () => Promise<void>;
@@ -354,15 +386,13 @@ declare const VForm: {
             validate: () => Promise<{
                 valid: boolean;
                 errors: {
-                    id: string | number;
+                    id: number | string;
                     errorMessages: string[];
                 }[];
             }>;
             reset: () => void;
             resetValidation: () => void;
-        }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
-            [key: string]: any;
-        }>[];
+        }) => vue.VNode[];
     }>>, {
         P: {};
         B: {};
@@ -383,7 +413,7 @@ declare const VForm: {
         $children?: vue.VNodeChild | {
             default?: ((arg: {
                 errors: vue.Ref<{
-                    id: string | number;
+                    id: number | string;
                     errorMessages: string[];
                 }[]>;
                 isDisabled: vue.ComputedRef<boolean>;
@@ -393,7 +423,7 @@ declare const VForm: {
                     readonly externalValue: boolean | null;
                 };
                 items: vue.Ref<{
-                    id: string | number;
+                    id: number | string;
                     validate: () => Promise<string[]>;
                     reset: () => Promise<void>;
                     resetValidation: () => Promise<void>;
@@ -404,7 +434,7 @@ declare const VForm: {
                 validate: () => Promise<{
                     valid: boolean;
                     errors: {
-                        id: string | number;
+                        id: number | string;
                         errorMessages: string[];
                     }[];
                 }>;
@@ -413,7 +443,7 @@ declare const VForm: {
             }) => vue.VNodeChild) | undefined;
         } | ((arg: {
             errors: vue.Ref<{
-                id: string | number;
+                id: number | string;
                 errorMessages: string[];
             }[]>;
             isDisabled: vue.ComputedRef<boolean>;
@@ -423,7 +453,7 @@ declare const VForm: {
                 readonly externalValue: boolean | null;
             };
             items: vue.Ref<{
-                id: string | number;
+                id: number | string;
                 validate: () => Promise<string[]>;
                 reset: () => Promise<void>;
                 resetValidation: () => Promise<void>;
@@ -434,7 +464,7 @@ declare const VForm: {
             validate: () => Promise<{
                 valid: boolean;
                 errors: {
-                    id: string | number;
+                    id: number | string;
                     errorMessages: string[];
                 }[];
             }>;
@@ -444,7 +474,7 @@ declare const VForm: {
         'v-slots'?: {
             default?: false | ((arg: {
                 errors: vue.Ref<{
-                    id: string | number;
+                    id: number | string;
                     errorMessages: string[];
                 }[]>;
                 isDisabled: vue.ComputedRef<boolean>;
@@ -454,7 +484,7 @@ declare const VForm: {
                     readonly externalValue: boolean | null;
                 };
                 items: vue.Ref<{
-                    id: string | number;
+                    id: number | string;
                     validate: () => Promise<string[]>;
                     reset: () => Promise<void>;
                     resetValidation: () => Promise<void>;
@@ -465,7 +495,7 @@ declare const VForm: {
                 validate: () => Promise<{
                     valid: boolean;
                     errors: {
-                        id: string | number;
+                        id: number | string;
                         errorMessages: string[];
                     }[];
                 }>;
@@ -476,7 +506,7 @@ declare const VForm: {
     } & {
         "v-slot:default"?: false | ((arg: {
             errors: vue.Ref<{
-                id: string | number;
+                id: number | string;
                 errorMessages: string[];
             }[]>;
             isDisabled: vue.ComputedRef<boolean>;
@@ -486,7 +516,7 @@ declare const VForm: {
                 readonly externalValue: boolean | null;
             };
             items: vue.Ref<{
-                id: string | number;
+                id: number | string;
                 validate: () => Promise<string[]>;
                 reset: () => Promise<void>;
                 resetValidation: () => Promise<void>;
@@ -497,7 +527,7 @@ declare const VForm: {
             validate: () => Promise<{
                 valid: boolean;
                 errors: {
-                    id: string | number;
+                    id: number | string;
                     errorMessages: string[];
                 }[];
             }>;
@@ -509,7 +539,7 @@ declare const VForm: {
         "onUpdate:modelValue"?: ((val: boolean | null) => any) | undefined;
     }, {
         errors: vue.Ref<{
-            id: string | number;
+            id: number | string;
             errorMessages: string[];
         }[]>;
         isDisabled: vue.ComputedRef<boolean>;
@@ -519,7 +549,7 @@ declare const VForm: {
             readonly externalValue: boolean | null;
         };
         items: vue.Ref<{
-            id: string | number;
+            id: number | string;
             validate: () => Promise<string[]>;
             reset: () => Promise<void>;
             resetValidation: () => Promise<void>;
@@ -530,7 +560,7 @@ declare const VForm: {
         validate: () => Promise<{
             valid: boolean;
             errors: {
-                id: string | number;
+                id: number | string;
                 errorMessages: string[];
             }[];
         }>;
@@ -544,9 +574,9 @@ declare const VForm: {
         validateOn: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
         fastFail: boolean;
     }>;
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
 } & vue.ComponentOptionsBase<{
     style: vue.StyleValue;
     disabled: boolean;
@@ -560,7 +590,7 @@ declare const VForm: {
     $children?: vue.VNodeChild | {
         default?: ((arg: {
             errors: vue.Ref<{
-                id: string | number;
+                id: number | string;
                 errorMessages: string[];
             }[]>;
             isDisabled: vue.ComputedRef<boolean>;
@@ -570,7 +600,7 @@ declare const VForm: {
                 readonly externalValue: boolean | null;
             };
             items: vue.Ref<{
-                id: string | number;
+                id: number | string;
                 validate: () => Promise<string[]>;
                 reset: () => Promise<void>;
                 resetValidation: () => Promise<void>;
@@ -581,7 +611,7 @@ declare const VForm: {
             validate: () => Promise<{
                 valid: boolean;
                 errors: {
-                    id: string | number;
+                    id: number | string;
                     errorMessages: string[];
                 }[];
             }>;
@@ -590,7 +620,7 @@ declare const VForm: {
         }) => vue.VNodeChild) | undefined;
     } | ((arg: {
         errors: vue.Ref<{
-            id: string | number;
+            id: number | string;
             errorMessages: string[];
         }[]>;
         isDisabled: vue.ComputedRef<boolean>;
@@ -600,7 +630,7 @@ declare const VForm: {
             readonly externalValue: boolean | null;
         };
         items: vue.Ref<{
-            id: string | number;
+            id: number | string;
             validate: () => Promise<string[]>;
             reset: () => Promise<void>;
             resetValidation: () => Promise<void>;
@@ -611,7 +641,7 @@ declare const VForm: {
         validate: () => Promise<{
             valid: boolean;
             errors: {
-                id: string | number;
+                id: number | string;
                 errorMessages: string[];
             }[];
         }>;
@@ -621,7 +651,7 @@ declare const VForm: {
     'v-slots'?: {
         default?: false | ((arg: {
             errors: vue.Ref<{
-                id: string | number;
+                id: number | string;
                 errorMessages: string[];
             }[]>;
             isDisabled: vue.ComputedRef<boolean>;
@@ -631,7 +661,7 @@ declare const VForm: {
                 readonly externalValue: boolean | null;
             };
             items: vue.Ref<{
-                id: string | number;
+                id: number | string;
                 validate: () => Promise<string[]>;
                 reset: () => Promise<void>;
                 resetValidation: () => Promise<void>;
@@ -642,7 +672,7 @@ declare const VForm: {
             validate: () => Promise<{
                 valid: boolean;
                 errors: {
-                    id: string | number;
+                    id: number | string;
                     errorMessages: string[];
                 }[];
             }>;
@@ -653,7 +683,7 @@ declare const VForm: {
 } & {
     "v-slot:default"?: false | ((arg: {
         errors: vue.Ref<{
-            id: string | number;
+            id: number | string;
             errorMessages: string[];
         }[]>;
         isDisabled: vue.ComputedRef<boolean>;
@@ -663,7 +693,7 @@ declare const VForm: {
             readonly externalValue: boolean | null;
         };
         items: vue.Ref<{
-            id: string | number;
+            id: number | string;
             validate: () => Promise<string[]>;
             reset: () => Promise<void>;
             resetValidation: () => Promise<void>;
@@ -674,7 +704,7 @@ declare const VForm: {
         validate: () => Promise<{
             valid: boolean;
             errors: {
-                id: string | number;
+                id: number | string;
                 errorMessages: string[];
             }[];
         }>;
@@ -686,7 +716,7 @@ declare const VForm: {
     "onUpdate:modelValue"?: ((val: boolean | null) => any) | undefined;
 }, {
     errors: vue.Ref<{
-        id: string | number;
+        id: number | string;
         errorMessages: string[];
     }[]>;
     isDisabled: vue.ComputedRef<boolean>;
@@ -696,7 +726,7 @@ declare const VForm: {
         readonly externalValue: boolean | null;
     };
     items: vue.Ref<{
-        id: string | number;
+        id: number | string;
         validate: () => Promise<string[]>;
         reset: () => Promise<void>;
         resetValidation: () => Promise<void>;
@@ -707,7 +737,7 @@ declare const VForm: {
     validate: () => Promise<{
         valid: boolean;
         errors: {
-            id: string | number;
+            id: number | string;
             errorMessages: string[];
         }[];
     }>;
@@ -726,7 +756,7 @@ declare const VForm: {
 }, {}, string, vue.SlotsType<Partial<{
     default: (arg: {
         errors: vue.Ref<{
-            id: string | number;
+            id: number | string;
             errorMessages: string[];
         }[]>;
         isDisabled: vue.ComputedRef<boolean>;
@@ -736,7 +766,7 @@ declare const VForm: {
             readonly externalValue: boolean | null;
         };
         items: vue.Ref<{
-            id: string | number;
+            id: number | string;
             validate: () => Promise<string[]>;
             reset: () => Promise<void>;
             resetValidation: () => Promise<void>;
@@ -747,15 +777,13 @@ declare const VForm: {
         validate: () => Promise<{
             valid: boolean;
             errors: {
-                id: string | number;
+                id: number | string;
                 errorMessages: string[];
             }[];
         }>;
         reset: () => void;
         resetValidation: () => void;
-    }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
-        [key: string]: any;
-    }>[];
+    }) => vue.VNode[];
 }>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
     disabled: BooleanConstructor;
     fastFail: BooleanConstructor;
@@ -765,10 +793,10 @@ declare const VForm: {
         default: null;
     };
     validateOn: {
-        type: vue.PropType<"lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined>;
+        type: vue.PropType<FormProps["validateOn"]>;
         default: string;
     };
-    class: vue.PropType<any>;
+    class: vue.PropType<ClassValue>;
     style: {
         type: vue.PropType<vue.StyleValue>;
         default: null;
@@ -782,10 +810,10 @@ declare const VForm: {
         default: null;
     };
     validateOn: {
-        type: vue.PropType<"lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined>;
+        type: vue.PropType<FormProps["validateOn"]>;
         default: string;
     };
-    class: vue.PropType<any>;
+    class: vue.PropType<ClassValue>;
     style: {
         type: vue.PropType<vue.StyleValue>;
         default: null;