hongluan-ui/lib/components/thumb/index.d.ts

Hongluan Component Library for Vue 3

export declare const HlThumb: import("hongluan-ui/es/utils").SFCWithInstall<import("vue").DefineComponent<{
    appendToBody: {
        type: BooleanConstructor;
        default: boolean;
    };
    hideOnClickModal: BooleanConstructor;
    src: {
        type: StringConstructor;
        default: string;
    };
    fit: {
        type: StringConstructor;
        default: string;
    };
    lazy: BooleanConstructor;
    loading: {
        type: import("vue").PropType<"lazy" | "eager">;
    };
    scrollContainer: import("vue").PropType<string | HTMLElement>;
    previewSrcList: {
        type: import("vue").PropType<string[]>;
        default: () => string[];
    };
    previewTeleported: BooleanConstructor;
    zIndex: {
        type: NumberConstructor;
    };
    size: {
        type: import("vue").PropType<"xxxs" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | "xxxl">;
        validator: (val: string) => boolean;
    };
    type: {
        type: import("vue").PropType<"success" | "info" | "warning" | "danger" | "link" | "primary">;
        validator: (val: string) => boolean;
    };
    round: BooleanConstructor;
    radius: BooleanConstructor;
    bordered: BooleanConstructor;
    effect: StringConstructor;
    full: BooleanConstructor;
    initialIndex: {
        type: NumberConstructor;
        default: number;
    };
    infinite: {
        type: BooleanConstructor;
        default: boolean;
    };
    closeOnPressEscape: {
        type: BooleanConstructor;
        default: boolean;
    };
    zoomRate: {
        type: NumberConstructor;
        default: number;
    };
    minScale: {
        type: NumberConstructor;
        default: number;
    };
    maxScale: {
        type: NumberConstructor;
        default: number;
    };
    crossorigin: {
        type: import("vue").PropType<"" | "anonymous" | "use-credentials">;
    };
}, {
    namespace: import("vue").ComputedRef<string>;
    imageSrc: import("vue").Ref<string>;
    containerAttrs: import("vue").ComputedRef<import("lodash").Dictionary<unknown>>;
    imgAttrs: import("vue").ComputedRef<Record<string, unknown>>;
    teleported: import("vue").ComputedRef<boolean>;
    isLoading: import("vue").Ref<boolean>;
    hasLoadError: import("vue").Ref<boolean>;
    showViewer: import("vue").Ref<boolean>;
    imageStyle: import("vue").ComputedRef<any>;
    preview: import("vue").ComputedRef<boolean>;
    imageIndex: import("vue").ComputedRef<number>;
    clickHandler: () => void;
    closeViewer: () => void;
    switchViewer: (val: number) => void;
    container: import("vue").Ref<HTMLElement>;
    handleError: (event: Event) => void;
    handleLoad: (event: Event) => void;
    t: import("../..").Translator;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("error" | "close" | "show" | "switch" | "load")[], "error" | "close" | "show" | "switch" | "load", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
    appendToBody: {
        type: BooleanConstructor;
        default: boolean;
    };
    hideOnClickModal: BooleanConstructor;
    src: {
        type: StringConstructor;
        default: string;
    };
    fit: {
        type: StringConstructor;
        default: string;
    };
    lazy: BooleanConstructor;
    loading: {
        type: import("vue").PropType<"lazy" | "eager">;
    };
    scrollContainer: import("vue").PropType<string | HTMLElement>;
    previewSrcList: {
        type: import("vue").PropType<string[]>;
        default: () => string[];
    };
    previewTeleported: BooleanConstructor;
    zIndex: {
        type: NumberConstructor;
    };
    size: {
        type: import("vue").PropType<"xxxs" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | "xxxl">;
        validator: (val: string) => boolean;
    };
    type: {
        type: import("vue").PropType<"success" | "info" | "warning" | "danger" | "link" | "primary">;
        validator: (val: string) => boolean;
    };
    round: BooleanConstructor;
    radius: BooleanConstructor;
    bordered: BooleanConstructor;
    effect: StringConstructor;
    full: BooleanConstructor;
    initialIndex: {
        type: NumberConstructor;
        default: number;
    };
    infinite: {
        type: BooleanConstructor;
        default: boolean;
    };
    closeOnPressEscape: {
        type: BooleanConstructor;
        default: boolean;
    };
    zoomRate: {
        type: NumberConstructor;
        default: number;
    };
    minScale: {
        type: NumberConstructor;
        default: number;
    };
    maxScale: {
        type: NumberConstructor;
        default: number;
    };
    crossorigin: {
        type: import("vue").PropType<"" | "anonymous" | "use-credentials">;
    };
}>> & {
    onClose?: (...args: any[]) => any;
    onShow?: (...args: any[]) => any;
    onLoad?: (...args: any[]) => any;
    onError?: (...args: any[]) => any;
    onSwitch?: (...args: any[]) => any;
}, {
    full: boolean;
    round: boolean;
    lazy: boolean;
    radius: boolean;
    infinite: boolean;
    initialIndex: number;
    appendToBody: boolean;
    closeOnPressEscape: boolean;
    zoomRate: number;
    minScale: number;
    maxScale: number;
    hideOnClickModal: boolean;
    bordered: boolean;
    fit: string;
    src: string;
    previewSrcList: string[];
    previewTeleported: boolean;
}>> & Record<string, any>;
export default HlThumb;
export * from './src/thumb';