vuetify 3.1.10 → 3.1.11

package/lib/components/VImg/index.d.ts

@@ -1,4 +1,9 @@
 import * as vue from 'vue';
+import { ComponentPropsOptions, ExtractPropTypes, nextTick, 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): [yes: Partial<Pick<T, U>>, no: Omit<T, U>];
+}
 
 interface srcObject {
     src?: string;
@@ -6,7 +11,213 @@ interface srcObject {
     lazySrc?: string;
     aspect: number;
 }
-declare const VImg: vue.DefineComponent<{
+declare const VImg: {
+    new (...args: any[]): {
+        $: vue.ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            transition: string | boolean | (vue.TransitionProps & {
+                component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+            });
+            eager: boolean;
+            options: IntersectionObserverInit;
+            cover: boolean;
+            src: string | srcObject;
+        }> & Omit<{
+            transition: string | boolean | (vue.TransitionProps & {
+                component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+            });
+            eager: boolean;
+            options: IntersectionObserverInit;
+            cover: boolean;
+            src: string | srcObject;
+        } & {
+            width?: string | number | undefined;
+            aspectRatio?: string | number | undefined;
+            alt?: string | undefined;
+            sizes?: string | undefined;
+            srcset?: string | undefined;
+            gradient?: string | undefined;
+            lazySrc?: string | undefined;
+        } & {
+            $children?: {} | vue.VNodeChild | {
+                default?: (() => vue.VNodeChild) | undefined;
+                placeholder?: (() => vue.VNodeChild) | undefined;
+                error?: (() => vue.VNodeChild) | undefined;
+                sources?: (() => vue.VNodeChild) | undefined;
+            };
+            $slots?: {
+                default?: (() => vue.VNodeChild) | undefined;
+                placeholder?: (() => vue.VNodeChild) | undefined;
+                error?: (() => vue.VNodeChild) | undefined;
+                sources?: (() => vue.VNodeChild) | undefined;
+            } | undefined;
+            'v-slots'?: {
+                default?: false | (() => vue.VNodeChild) | undefined;
+                placeholder?: false | (() => vue.VNodeChild) | undefined;
+                error?: false | (() => vue.VNodeChild) | undefined;
+                sources?: false | (() => vue.VNodeChild) | undefined;
+            } | undefined;
+        } & {
+            "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+            "v-slot:placeholder"?: false | (() => vue.VNodeChild) | undefined;
+            "v-slot:error"?: false | (() => vue.VNodeChild) | undefined;
+            "v-slot:sources"?: false | (() => vue.VNodeChild) | undefined;
+        } & {
+            onError?: ((event: string | undefined) => any) | undefined;
+            onLoad?: ((event: string | undefined) => any) | undefined;
+            onLoadstart?: ((event: string | undefined) => any) | undefined;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "transition" | "eager" | "options" | "cover" | "src">;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: vue.Slot | undefined;
+        }>;
+        $root: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
+        $parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
+        $emit: ((event: "error", event: string | undefined) => void) & ((event: "load", event: string | undefined) => void) & ((event: "loadstart", event: string | undefined) => void);
+        $el: any;
+        $options: vue.ComponentOptionsBase<{
+            transition: string | boolean | (vue.TransitionProps & {
+                component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+            });
+            eager: boolean;
+            options: IntersectionObserverInit;
+            cover: boolean;
+            src: string | srcObject;
+        } & {
+            width?: string | number | undefined;
+            aspectRatio?: string | number | undefined;
+            alt?: string | undefined;
+            sizes?: string | undefined;
+            srcset?: string | undefined;
+            gradient?: string | undefined;
+            lazySrc?: string | undefined;
+        } & {
+            $children?: {} | vue.VNodeChild | {
+                default?: (() => vue.VNodeChild) | undefined;
+                placeholder?: (() => vue.VNodeChild) | undefined;
+                error?: (() => vue.VNodeChild) | undefined;
+                sources?: (() => vue.VNodeChild) | undefined;
+            };
+            $slots?: {
+                default?: (() => vue.VNodeChild) | undefined;
+                placeholder?: (() => vue.VNodeChild) | undefined;
+                error?: (() => vue.VNodeChild) | undefined;
+                sources?: (() => vue.VNodeChild) | undefined;
+            } | undefined;
+            'v-slots'?: {
+                default?: false | (() => vue.VNodeChild) | undefined;
+                placeholder?: false | (() => vue.VNodeChild) | undefined;
+                error?: false | (() => vue.VNodeChild) | undefined;
+                sources?: false | (() => vue.VNodeChild) | undefined;
+            } | undefined;
+        } & {
+            "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+            "v-slot:placeholder"?: false | (() => vue.VNodeChild) | undefined;
+            "v-slot:error"?: false | (() => vue.VNodeChild) | undefined;
+            "v-slot:sources"?: false | (() => vue.VNodeChild) | undefined;
+        } & {
+            onError?: ((event: string | undefined) => any) | undefined;
+            onLoad?: ((event: string | undefined) => any) | undefined;
+            onLoadstart?: ((event: string | undefined) => any) | undefined;
+        }, {
+            currentSrc: vue.Ref<string>;
+            image: vue.Ref<HTMLImageElement | undefined>;
+            state: vue.Ref<"error" | "loaded" | "idle" | "loading">;
+            naturalWidth: vue.Ref<number | undefined>;
+            naturalHeight: vue.Ref<number | undefined>;
+        }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+            loadstart: (event: string | undefined) => true;
+            load: (event: string | undefined) => true;
+            error: (event: string | undefined) => true;
+        }, string, {
+            transition: string | boolean | (vue.TransitionProps & {
+                component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+            });
+            eager: boolean;
+            options: IntersectionObserverInit;
+            cover: boolean;
+            src: string | srcObject;
+        }, {}, string> & {
+            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
+            created?: ((() => void) | (() => void)[]) | undefined;
+            beforeMount?: ((() => void) | (() => void)[]) | undefined;
+            mounted?: ((() => void) | (() => void)[]) | undefined;
+            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
+            updated?: ((() => void) | (() => void)[]) | undefined;
+            activated?: ((() => void) | (() => void)[]) | undefined;
+            deactivated?: ((() => void) | (() => void)[]) | undefined;
+            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
+            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
+            destroyed?: ((() => void) | (() => void)[]) | undefined;
+            unmounted?: ((() => void) | (() => void)[]) | undefined;
+            renderTracked?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
+            renderTriggered?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
+            errorCaptured?: (((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void)[]) | undefined;
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof nextTick;
+        $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?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
+    } & {
+        transition: string | boolean | (vue.TransitionProps & {
+            component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+        });
+        eager: boolean;
+        options: IntersectionObserverInit;
+        cover: boolean;
+        src: string | srcObject;
+    } & {
+        width?: string | number | undefined;
+        aspectRatio?: string | number | undefined;
+        alt?: string | undefined;
+        sizes?: string | undefined;
+        srcset?: string | undefined;
+        gradient?: string | undefined;
+        lazySrc?: string | undefined;
+    } & {
+        $children?: {} | vue.VNodeChild | {
+            default?: (() => vue.VNodeChild) | undefined;
+            placeholder?: (() => vue.VNodeChild) | undefined;
+            error?: (() => vue.VNodeChild) | undefined;
+            sources?: (() => vue.VNodeChild) | undefined;
+        };
+        $slots?: {
+            default?: (() => vue.VNodeChild) | undefined;
+            placeholder?: (() => vue.VNodeChild) | undefined;
+            error?: (() => vue.VNodeChild) | undefined;
+            sources?: (() => vue.VNodeChild) | undefined;
+        } | undefined;
+        'v-slots'?: {
+            default?: false | (() => vue.VNodeChild) | undefined;
+            placeholder?: false | (() => vue.VNodeChild) | undefined;
+            error?: false | (() => vue.VNodeChild) | undefined;
+            sources?: false | (() => vue.VNodeChild) | undefined;
+        } | undefined;
+    } & {
+        "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+        "v-slot:placeholder"?: false | (() => vue.VNodeChild) | undefined;
+        "v-slot:error"?: false | (() => vue.VNodeChild) | undefined;
+        "v-slot:sources"?: false | (() => vue.VNodeChild) | undefined;
+    } & {
+        onError?: ((event: string | undefined) => any) | undefined;
+        onLoad?: ((event: string | undefined) => any) | undefined;
+        onLoadstart?: ((event: string | undefined) => any) | undefined;
+    } & vue.ShallowUnwrapRef<{
+        currentSrc: vue.Ref<string>;
+        image: vue.Ref<HTMLImageElement | undefined>;
+        state: vue.Ref<"error" | "loaded" | "idle" | "loading">;
+        naturalWidth: vue.Ref<number | undefined>;
+        naturalHeight: vue.Ref<number | undefined>;
+    }> & {} & vue.ComponentCustomProperties & {};
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & vue.ComponentOptionsBase<{
     transition: string | boolean | (vue.TransitionProps & {
         component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
     });
@@ -46,6 +257,10 @@ declare const VImg: vue.DefineComponent<{
     "v-slot:placeholder"?: false | (() => vue.VNodeChild) | undefined;
     "v-slot:error"?: false | (() => vue.VNodeChild) | undefined;
     "v-slot:sources"?: false | (() => vue.VNodeChild) | undefined;
+} & {
+    onError?: ((event: string | undefined) => any) | undefined;
+    onLoad?: ((event: string | undefined) => any) | undefined;
+    onLoadstart?: ((event: string | undefined) => any) | undefined;
 }, {
     currentSrc: vue.Ref<string>;
     image: vue.Ref<HTMLImageElement | undefined>;
@@ -56,7 +271,7 @@ declare const VImg: vue.DefineComponent<{
     loadstart: (event: string | undefined) => true;
     load: (event: string | undefined) => true;
     error: (event: string | undefined) => true;
-}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, {
+}, string, {
     transition: string | boolean | (vue.TransitionProps & {
         component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
     });
@@ -64,51 +279,65 @@ declare const VImg: vue.DefineComponent<{
     options: IntersectionObserverInit;
     cover: boolean;
     src: string | srcObject;
-} & {
-    width?: string | number | undefined;
-    aspectRatio?: string | number | undefined;
-    alt?: string | undefined;
-    sizes?: string | undefined;
-    srcset?: string | undefined;
-    gradient?: string | undefined;
-    lazySrc?: string | undefined;
-} & {
-    $children?: {} | vue.VNodeChild | {
-        default?: (() => vue.VNodeChild) | undefined;
-        placeholder?: (() => vue.VNodeChild) | undefined;
-        error?: (() => vue.VNodeChild) | undefined;
-        sources?: (() => vue.VNodeChild) | undefined;
+}, {}, string> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
+    transition: {
+        type: PropType<string | boolean | (vue.TransitionProps & {
+            component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+        })>;
+        default: string;
+        validator: (val: unknown) => boolean;
     };
-    $slots?: {
-        default?: (() => vue.VNodeChild) | undefined;
-        placeholder?: (() => vue.VNodeChild) | undefined;
-        error?: (() => vue.VNodeChild) | undefined;
-        sources?: (() => vue.VNodeChild) | undefined;
-    } | undefined;
-    'v-slots'?: {
-        default?: false | (() => vue.VNodeChild) | undefined;
-        placeholder?: false | (() => vue.VNodeChild) | undefined;
-        error?: false | (() => vue.VNodeChild) | undefined;
-        sources?: false | (() => vue.VNodeChild) | undefined;
-    } | undefined;
-} & {
-    "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-    "v-slot:placeholder"?: false | (() => vue.VNodeChild) | undefined;
-    "v-slot:error"?: false | (() => vue.VNodeChild) | undefined;
-    "v-slot:sources"?: false | (() => vue.VNodeChild) | undefined;
-} & {
-    onError?: ((event: string | undefined) => any) | undefined;
-    onLoad?: ((event: string | undefined) => any) | undefined;
-    onLoadstart?: ((event: string | undefined) => any) | undefined;
-}, {
-    transition: string | boolean | (vue.TransitionProps & {
-        component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
-    });
-    eager: boolean;
-    options: IntersectionObserverInit;
-    cover: boolean;
-    src: string | srcObject;
-}>;
+    aspectRatio: (StringConstructor | NumberConstructor)[];
+    alt: StringConstructor;
+    cover: BooleanConstructor;
+    eager: BooleanConstructor;
+    gradient: StringConstructor;
+    lazySrc: StringConstructor;
+    options: {
+        type: PropType<IntersectionObserverInit>;
+        default: () => {
+            root: undefined;
+            rootMargin: undefined;
+            threshold: undefined;
+        };
+    };
+    sizes: StringConstructor;
+    src: {
+        type: PropType<string | srcObject>;
+        default: string;
+    };
+    srcset: StringConstructor;
+    width: (StringConstructor | NumberConstructor)[];
+}, vue.ExtractPropTypes<{
+    transition: {
+        type: PropType<string | boolean | (vue.TransitionProps & {
+            component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
+        })>;
+        default: string;
+        validator: (val: unknown) => boolean;
+    };
+    aspectRatio: (StringConstructor | NumberConstructor)[];
+    alt: StringConstructor;
+    cover: BooleanConstructor;
+    eager: BooleanConstructor;
+    gradient: StringConstructor;
+    lazySrc: StringConstructor;
+    options: {
+        type: PropType<IntersectionObserverInit>;
+        default: () => {
+            root: undefined;
+            rootMargin: undefined;
+            threshold: undefined;
+        };
+    };
+    sizes: StringConstructor;
+    src: {
+        type: PropType<string | srcObject>;
+        default: string;
+    };
+    srcset: StringConstructor;
+    width: (StringConstructor | NumberConstructor)[];
+}>>;
 type VImg = InstanceType<typeof VImg>;
 
 export { VImg };