birdpaper-ui/dist/components/image/index.d.ts

一个通用的 vue3 UI组件库。A common vue3 UI component library.

import { App } from "vue";
import _image from "./src/image.vue";
declare const Image: {
    new (...args: any[]): {
        $: import("vue").ComponentInternalInstance;
        $data: {};
        $props: {
            fit?: import("./src/types").ImageFit;
            src?: string;
            key?: string | number | symbol;
            ref?: import("vue").VNodeRef;
            ref_for?: boolean;
            ref_key?: string;
            onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                [key: string]: any;
            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                [key: string]: any;
            }>) => void)[];
            onVnodeMounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                [key: string]: any;
            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                [key: string]: any;
            }>) => void)[];
            onVnodeBeforeUpdate?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                [key: string]: any;
            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                [key: string]: any;
            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                [key: string]: any;
            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                [key: string]: any;
            }>) => void)[];
            onVnodeUpdated?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                [key: string]: any;
            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                [key: string]: any;
            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                [key: string]: any;
            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                [key: string]: any;
            }>) => void)[];
            onVnodeBeforeUnmount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                [key: string]: any;
            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                [key: string]: any;
            }>) => void)[];
            onVnodeUnmounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                [key: string]: any;
            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                [key: string]: any;
            }>) => void)[];
            class?: unknown;
            style?: unknown;
            readonly height?: string | number;
            readonly title?: string;
            readonly width?: string | number;
            onError?: (...args: any[]) => any;
            onLoad?: (...args: any[]) => any;
            readonly alt?: string;
        };
        $attrs: {
            [x: string]: unknown;
        };
        $refs: {
            [x: string]: unknown;
        };
        $slots: Readonly<{
            [name: string]: import("vue").Slot<any>;
        }>;
        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>;
        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>;
        $emit: (event: "error" | "load", ...args: any[]) => void;
        $el: any;
        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
            src: {
                type: StringConstructor;
                default: string;
            };
            fit: {
                type: import("vue").PropType<import("./src/types").ImageFit>;
                default: string;
            };
            alt: {
                type: StringConstructor;
            };
            title: {
                type: StringConstructor;
            };
            width: {
                type: import("vue").PropType<string | number>;
            };
            height: {
                type: import("vue").PropType<string | number>;
            };
        }>> & {
            onError?: (...args: any[]) => any;
            onLoad?: (...args: any[]) => any;
        }, {
            name: string;
            clsName: import("vue").ComputedRef<(string | {
                "bp-image-auto-ratio": boolean;
            })[]>;
            imageRef: import("vue").Ref<any>;
            loadStatus: import("vue").Ref<"loading" | "error" | "load">;
            onLoad: () => void;
            onError: () => void;
            slots: Readonly<{
                [name: string]: import("vue").Slot<any>;
            }>;
            imgStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
            fitStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
            isLoading: import("vue").ComputedRef<boolean>;
            isError: import("vue").ComputedRef<boolean>;
        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("error" | "load")[], string, {
            fit: import("./src/types").ImageFit;
            src: string;
        }, {}, string, {}> & {
            beforeCreate?: (() => void) | (() => void)[];
            created?: (() => void) | (() => void)[];
            beforeMount?: (() => void) | (() => void)[];
            mounted?: (() => void) | (() => void)[];
            beforeUpdate?: (() => void) | (() => void)[];
            updated?: (() => void) | (() => void)[];
            activated?: (() => void) | (() => void)[];
            deactivated?: (() => void) | (() => void)[];
            beforeDestroy?: (() => void) | (() => void)[];
            beforeUnmount?: (() => void) | (() => void)[];
            destroyed?: (() => void) | (() => void)[];
            unmounted?: (() => void) | (() => void)[];
            renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
            renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
            errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>, info: string) => boolean | void)[];
        };
        $forceUpdate: () => void;
        $nextTick: typeof import("vue").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?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
    } & Readonly<import("vue").ExtractPropTypes<{
        src: {
            type: StringConstructor;
            default: string;
        };
        fit: {
            type: import("vue").PropType<import("./src/types").ImageFit>;
            default: string;
        };
        alt: {
            type: StringConstructor;
        };
        title: {
            type: StringConstructor;
        };
        width: {
            type: import("vue").PropType<string | number>;
        };
        height: {
            type: import("vue").PropType<string | number>;
        };
    }>> & {
        onError?: (...args: any[]) => any;
        onLoad?: (...args: any[]) => any;
    } & import("vue").ShallowUnwrapRef<{
        name: string;
        clsName: import("vue").ComputedRef<(string | {
            "bp-image-auto-ratio": boolean;
        })[]>;
        imageRef: import("vue").Ref<any>;
        loadStatus: import("vue").Ref<"loading" | "error" | "load">;
        onLoad: () => void;
        onError: () => void;
        slots: Readonly<{
            [name: string]: import("vue").Slot<any>;
        }>;
        imgStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
        fitStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
        isLoading: import("vue").ComputedRef<boolean>;
        isError: import("vue").ComputedRef<boolean>;
    }> & {} & import("vue").ComponentCustomProperties & {};
    __isFragment?: never;
    __isTeleport?: never;
    __isSuspense?: never;
} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
    src: {
        type: StringConstructor;
        default: string;
    };
    fit: {
        type: import("vue").PropType<import("./src/types").ImageFit>;
        default: string;
    };
    alt: {
        type: StringConstructor;
    };
    title: {
        type: StringConstructor;
    };
    width: {
        type: import("vue").PropType<string | number>;
    };
    height: {
        type: import("vue").PropType<string | number>;
    };
}>> & {
    onError?: (...args: any[]) => any;
    onLoad?: (...args: any[]) => any;
}, {
    name: string;
    clsName: import("vue").ComputedRef<(string | {
        "bp-image-auto-ratio": boolean;
    })[]>;
    imageRef: import("vue").Ref<any>;
    loadStatus: import("vue").Ref<"loading" | "error" | "load">;
    onLoad: () => void;
    onError: () => void;
    slots: Readonly<{
        [name: string]: import("vue").Slot<any>;
    }>;
    imgStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
    fitStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
    isLoading: import("vue").ComputedRef<boolean>;
    isError: import("vue").ComputedRef<boolean>;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("error" | "load")[], "error" | "load", {
    fit: import("./src/types").ImageFit;
    src: string;
}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
    install: (app: App) => void;
};
export declare type ImageInstance = InstanceType<typeof _image>;
export default Image;