@arco-design/web-vue/es/avatar/index.d.ts

Arco Design Vue 2.0: A Vue.js 3 UI Library

import type { App } from 'vue';
import type { ArcoOptions } from '../_utils/types';
import _Avatar from './avatar';
import _AvatarGroup from './avatar-group';
declare const Avatar: {
    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
        shape: {
            type: import("vue").PropType<import("./interface").AvatarShape>;
            default: string;
        };
        imageUrl: StringConstructor;
        size: NumberConstructor;
        autoFixFontSize: {
            type: BooleanConstructor;
            default: boolean;
        };
        triggerType: {
            type: import("vue").PropType<import("./interface").AvatarTriggerType>;
            default: string;
        };
        triggerIconStyle: {
            type: import("vue").PropType<import("vue").CSSProperties>;
        };
        objectFit: {
            type: import("vue").PropType<import("./interface").ObjectFit>;
        };
    }>> & Readonly<{
        onError?: (() => any) | undefined;
        onClick?: ((ev: MouseEvent) => any) | undefined;
        onLoad?: (() => any) | undefined;
    }>, {
        prefixCls: string;
        rtl: import("vue").ComputedRef<boolean>;
        itemRef: import("vue").Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
        cls: import("vue").ComputedRef<string[]>;
        outerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
        wrapperRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
        wrapperCls: import("vue").ComputedRef<string>;
        computedTriggerIconStyle: import("vue").CSSProperties;
        isImage: import("vue").Ref<boolean, boolean>;
        shouldLoad: import("vue").Ref<boolean, boolean>;
        isLoaded: import("vue").Ref<boolean, boolean>;
        hasError: import("vue").Ref<boolean, boolean>;
        onClick: (e: MouseEvent) => void;
        handleResize: () => void;
        handleImgLoad: () => void;
        handleImgError: () => void;
    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
        click: (ev: MouseEvent) => true;
        error: () => true;
        load: () => true;
    }, import("vue").PublicProps, {
        shape: import("./interface").AvatarShape;
        autoFixFontSize: boolean;
        triggerType: import("./interface").AvatarTriggerType;
    }, true, {}, {}, {
        ResizeObserver: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
            watchOnUpdated: BooleanConstructor;
        }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
            [key: string]: any;
        }>[] | undefined, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "resize"[], "resize", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
            watchOnUpdated: BooleanConstructor;
        }>> & Readonly<{
            onResize?: ((...args: any[]) => any) | undefined;
        }>, {
            watchOnUpdated: boolean;
        }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
        IconImageClose: any;
        IconLoading: any;
    } & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
        P: {};
        B: {};
        D: {};
        C: {};
        M: {};
        Defaults: {};
    }, Readonly<import("vue").ExtractPropTypes<{
        shape: {
            type: import("vue").PropType<import("./interface").AvatarShape>;
            default: string;
        };
        imageUrl: StringConstructor;
        size: NumberConstructor;
        autoFixFontSize: {
            type: BooleanConstructor;
            default: boolean;
        };
        triggerType: {
            type: import("vue").PropType<import("./interface").AvatarTriggerType>;
            default: string;
        };
        triggerIconStyle: {
            type: import("vue").PropType<import("vue").CSSProperties>;
        };
        objectFit: {
            type: import("vue").PropType<import("./interface").ObjectFit>;
        };
    }>> & Readonly<{
        onError?: (() => any) | undefined;
        onClick?: ((ev: MouseEvent) => any) | undefined;
        onLoad?: (() => any) | undefined;
    }>, {
        prefixCls: string;
        rtl: import("vue").ComputedRef<boolean>;
        itemRef: import("vue").Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
        cls: import("vue").ComputedRef<string[]>;
        outerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
        wrapperRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
        wrapperCls: import("vue").ComputedRef<string>;
        computedTriggerIconStyle: import("vue").CSSProperties;
        isImage: import("vue").Ref<boolean, boolean>;
        shouldLoad: import("vue").Ref<boolean, boolean>;
        isLoaded: import("vue").Ref<boolean, boolean>;
        hasError: import("vue").Ref<boolean, boolean>;
        onClick: (e: MouseEvent) => void;
        handleResize: () => void;
        handleImgLoad: () => void;
        handleImgError: () => void;
    }, {}, {}, {}, {
        shape: import("./interface").AvatarShape;
        autoFixFontSize: boolean;
        triggerType: import("./interface").AvatarTriggerType;
    }>;
    __isFragment?: undefined;
    __isTeleport?: undefined;
    __isSuspense?: undefined;
} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
    shape: {
        type: import("vue").PropType<import("./interface").AvatarShape>;
        default: string;
    };
    imageUrl: StringConstructor;
    size: NumberConstructor;
    autoFixFontSize: {
        type: BooleanConstructor;
        default: boolean;
    };
    triggerType: {
        type: import("vue").PropType<import("./interface").AvatarTriggerType>;
        default: string;
    };
    triggerIconStyle: {
        type: import("vue").PropType<import("vue").CSSProperties>;
    };
    objectFit: {
        type: import("vue").PropType<import("./interface").ObjectFit>;
    };
}>> & Readonly<{
    onError?: (() => any) | undefined;
    onClick?: ((ev: MouseEvent) => any) | undefined;
    onLoad?: (() => any) | undefined;
}>, {
    prefixCls: string;
    rtl: import("vue").ComputedRef<boolean>;
    itemRef: import("vue").Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
    cls: import("vue").ComputedRef<string[]>;
    outerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
    wrapperRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
    wrapperCls: import("vue").ComputedRef<string>;
    computedTriggerIconStyle: import("vue").CSSProperties;
    isImage: import("vue").Ref<boolean, boolean>;
    shouldLoad: import("vue").Ref<boolean, boolean>;
    isLoaded: import("vue").Ref<boolean, boolean>;
    hasError: import("vue").Ref<boolean, boolean>;
    onClick: (e: MouseEvent) => void;
    handleResize: () => void;
    handleImgLoad: () => void;
    handleImgError: () => void;
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
    click: (ev: MouseEvent) => true;
    error: () => true;
    load: () => true;
}, string, {
    shape: import("./interface").AvatarShape;
    autoFixFontSize: boolean;
    triggerType: import("./interface").AvatarTriggerType;
}, {}, string, {}, {
    ResizeObserver: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
        watchOnUpdated: BooleanConstructor;
    }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
        [key: string]: any;
    }>[] | undefined, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "resize"[], "resize", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
        watchOnUpdated: BooleanConstructor;
    }>> & Readonly<{
        onResize?: ((...args: any[]) => any) | undefined;
    }>, {
        watchOnUpdated: boolean;
    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
    IconImageClose: any;
    IconLoading: any;
} & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
    Group: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
        shape: {
            type: import("vue").PropType<import("./interface").AvatarShape>;
            default: string;
        };
        size: NumberConstructor;
        autoFixFontSize: {
            type: BooleanConstructor;
            default: boolean;
        };
        maxCount: {
            type: NumberConstructor;
            default: number;
        };
        zIndexAscend: {
            type: BooleanConstructor;
            default: boolean;
        };
        maxStyle: {
            type: import("vue").PropType<import("vue").CSSProperties>;
        };
        maxPopoverTriggerProps: {
            type: import("vue").PropType<import("..").TriggerProps>;
        };
    }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
        shape: {
            type: import("vue").PropType<import("./interface").AvatarShape>;
            default: string;
        };
        size: NumberConstructor;
        autoFixFontSize: {
            type: BooleanConstructor;
            default: boolean;
        };
        maxCount: {
            type: NumberConstructor;
            default: number;
        };
        zIndexAscend: {
            type: BooleanConstructor;
            default: boolean;
        };
        maxStyle: {
            type: import("vue").PropType<import("vue").CSSProperties>;
        };
        maxPopoverTriggerProps: {
            type: import("vue").PropType<import("..").TriggerProps>;
        };
    }>> & Readonly<{}>, {
        shape: import("./interface").AvatarShape;
        autoFixFontSize: boolean;
        maxCount: number;
        zIndexAscend: boolean;
    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
    install: (app: App, options?: ArcoOptions | undefined) => void;
};
export declare type AvatarInstance = InstanceType<typeof _Avatar>;
export declare type AvatarGroupInstance = InstanceType<typeof _AvatarGroup>;
export { _AvatarGroup as AvatarGroup };
export default Avatar;