@extclp/vexip-ui/dist/components/image/image.vue.d.ts

A Vue 3 UI library, Highly customizability, full TypeScript, performance pretty good

import { ImageSlots } from './symbol';
declare function __VLS_template(): {
    attrs: Partial<{}>;
    slots: Readonly<ImageSlots> & ImageSlots;
    refs: {
        wrapper: HTMLDivElement;
    };
    rootEl: HTMLDivElement;
};
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
    inherit: import('vue').PropType<boolean>;
    src: import('vue').PropType<string>;
    fallbackSrc: import('vue').PropType<string>;
    alt: import('vue').PropType<string>;
    fit: import('vue').PropType<"fill" | "none" | "contain" | "cover" | "scale-down">;
    width: import('vue').PropType<string | number>;
    height: import('vue').PropType<string | number>;
    imgAttrs: import('vue').PropType<Record<string, any>>;
    lazy: import('vue').PropType<boolean>;
    root: import('vue').PropType<{}>;
    rootMargin: import('vue').PropType<string>;
    preview: import('vue').PropType<boolean>;
    skeleton: import('vue').PropType<boolean | (Pick<import('../skeleton').SkeletonProps, "tag" | "activated" | "iconScale" | "imageIcon"> & {
        class?: import('@vexip-ui/config').ClassType;
        StyleType?: import('@vexip-ui/config').StyleType;
    })>;
    placeholder: import('vue').PropType<string>;
    errorTip: import('vue').PropType<string>;
    radius: import('vue').PropType<number>;
    border: import('vue').PropType<string | boolean>;
    previewSrc: import('vue').PropType<string>;
    viewerTransfer: import('vue').PropType<string | boolean>;
    viewerProps: import('vue').PropType<{} & {
        locale?: Partial<{
            rotateRight: string;
            rotateLeft: string;
            flipHorizontal: string;
            flipVertical: string;
            zoomIn: string;
            zoomOut: string;
            fullScreen: string;
            fullScreenExit: string;
            reset: string;
        }> | undefined;
        inherit?: boolean | undefined;
        onReset?: ((state: import('..').ViewerState) => void) | ((state: import('..').ViewerState) => void)[] | undefined;
        onWheel?: ((sign: 1 | -1, state: import('..').ViewerState) => void) | ((sign: 1 | -1, state: import('..').ViewerState) => void)[] | undefined;
        width?: string | number | undefined;
        onMove?: ((state: import('..').ViewerState) => void) | ((state: import('..').ViewerState) => void)[] | undefined;
        height?: string | number | undefined;
        noTransition?: boolean | undefined;
        actions?: import('..').ViewerToolbarAction[] | undefined;
        moveDisabled?: boolean | undefined;
        zoomDisabled?: boolean | undefined;
        zoomDelta?: number | undefined;
        zoomMin?: number | undefined;
        zoomMax?: number | undefined;
        flipDisabled?: boolean | undefined;
        rotateDisabled?: boolean | undefined;
        rotateDelta?: number | undefined;
        fullDisabled?: boolean | undefined;
        toolbarFade?: number | boolean | undefined;
        centerScale?: boolean | undefined;
        onMoveStart?: ((state: import('..').ViewerState) => void) | ((state: import('..').ViewerState) => void)[] | undefined;
        onMoveEnd?: ((state: import('..').ViewerState) => void) | ((state: import('..').ViewerState) => void)[] | undefined;
        onRotate?: ((deg: number, state: import('..').ViewerState) => void) | ((deg: number, state: import('..').ViewerState) => void)[] | undefined;
        onFlipX?: ((flip: boolean, state: import('..').ViewerState) => void) | ((flip: boolean, state: import('..').ViewerState) => void)[] | undefined;
        onFlipY?: ((flip: boolean, state: import('..').ViewerState) => void) | ((flip: boolean, state: import('..').ViewerState) => void)[] | undefined;
        onZoom?: ((zoom: number, state: import('..').ViewerState) => void) | ((zoom: number, state: import('..').ViewerState) => void)[] | undefined;
        onFull?: ((full: boolean, state: import('..').ViewerState) => void) | ((full: boolean, state: import('..').ViewerState) => void)[] | undefined;
        toolbarPlacement?: "bottom" | "top" | "right" | "left" | "bottom-start" | "bottom-end" | "top-start" | "top-end" | "right-start" | "right-end" | "left-start" | "left-end" | undefined;
        actionLayout?: import('..').ViewerActionLayout | undefined;
    }>;
    slots: import('vue').PropType<ImageSlots>;
    onLoad: import('vue').PropType<((event: Event) => void) | ((event: Event) => void)[]>;
    onError: import('vue').PropType<((event: Event) => void) | ((event: Event) => void)[]>;
    onPreview: import('vue').PropType<((src: string) => void) | ((src: string) => void)[]>;
}>, {
    loading: import('vue').Ref<boolean, boolean>;
    fallbackFail: import('vue').Ref<boolean, boolean>;
    viewerActive: import('vue').Ref<boolean, boolean>;
    hidden: import('vue').Ref<boolean, boolean>;
    wrapper: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
    inherit: import('vue').PropType<boolean>;
    src: import('vue').PropType<string>;
    fallbackSrc: import('vue').PropType<string>;
    alt: import('vue').PropType<string>;
    fit: import('vue').PropType<"fill" | "none" | "contain" | "cover" | "scale-down">;
    width: import('vue').PropType<string | number>;
    height: import('vue').PropType<string | number>;
    imgAttrs: import('vue').PropType<Record<string, any>>;
    lazy: import('vue').PropType<boolean>;
    root: import('vue').PropType<{}>;
    rootMargin: import('vue').PropType<string>;
    preview: import('vue').PropType<boolean>;
    skeleton: import('vue').PropType<boolean | (Pick<import('../skeleton').SkeletonProps, "tag" | "activated" | "iconScale" | "imageIcon"> & {
        class?: import('@vexip-ui/config').ClassType;
        StyleType?: import('@vexip-ui/config').StyleType;
    })>;
    placeholder: import('vue').PropType<string>;
    errorTip: import('vue').PropType<string>;
    radius: import('vue').PropType<number>;
    border: import('vue').PropType<string | boolean>;
    previewSrc: import('vue').PropType<string>;
    viewerTransfer: import('vue').PropType<string | boolean>;
    viewerProps: import('vue').PropType<{} & {
        locale?: Partial<{
            rotateRight: string;
            rotateLeft: string;
            flipHorizontal: string;
            flipVertical: string;
            zoomIn: string;
            zoomOut: string;
            fullScreen: string;
            fullScreenExit: string;
            reset: string;
        }> | undefined;
        inherit?: boolean | undefined;
        onReset?: ((state: import('..').ViewerState) => void) | ((state: import('..').ViewerState) => void)[] | undefined;
        onWheel?: ((sign: 1 | -1, state: import('..').ViewerState) => void) | ((sign: 1 | -1, state: import('..').ViewerState) => void)[] | undefined;
        width?: string | number | undefined;
        onMove?: ((state: import('..').ViewerState) => void) | ((state: import('..').ViewerState) => void)[] | undefined;
        height?: string | number | undefined;
        noTransition?: boolean | undefined;
        actions?: import('..').ViewerToolbarAction[] | undefined;
        moveDisabled?: boolean | undefined;
        zoomDisabled?: boolean | undefined;
        zoomDelta?: number | undefined;
        zoomMin?: number | undefined;
        zoomMax?: number | undefined;
        flipDisabled?: boolean | undefined;
        rotateDisabled?: boolean | undefined;
        rotateDelta?: number | undefined;
        fullDisabled?: boolean | undefined;
        toolbarFade?: number | boolean | undefined;
        centerScale?: boolean | undefined;
        onMoveStart?: ((state: import('..').ViewerState) => void) | ((state: import('..').ViewerState) => void)[] | undefined;
        onMoveEnd?: ((state: import('..').ViewerState) => void) | ((state: import('..').ViewerState) => void)[] | undefined;
        onRotate?: ((deg: number, state: import('..').ViewerState) => void) | ((deg: number, state: import('..').ViewerState) => void)[] | undefined;
        onFlipX?: ((flip: boolean, state: import('..').ViewerState) => void) | ((flip: boolean, state: import('..').ViewerState) => void)[] | undefined;
        onFlipY?: ((flip: boolean, state: import('..').ViewerState) => void) | ((flip: boolean, state: import('..').ViewerState) => void)[] | undefined;
        onZoom?: ((zoom: number, state: import('..').ViewerState) => void) | ((zoom: number, state: import('..').ViewerState) => void)[] | undefined;
        onFull?: ((full: boolean, state: import('..').ViewerState) => void) | ((full: boolean, state: import('..').ViewerState) => void)[] | undefined;
        toolbarPlacement?: "bottom" | "top" | "right" | "left" | "bottom-start" | "bottom-end" | "top-start" | "top-end" | "right-start" | "right-end" | "left-start" | "left-end" | undefined;
        actionLayout?: import('..').ViewerActionLayout | undefined;
    }>;
    slots: import('vue').PropType<ImageSlots>;
    onLoad: import('vue').PropType<((event: Event) => void) | ((event: Event) => void)[]>;
    onError: import('vue').PropType<((event: Event) => void) | ((event: Event) => void)[]>;
    onPreview: import('vue').PropType<((src: string) => void) | ((src: string) => void)[]>;
}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
    wrapper: HTMLDivElement;
}, HTMLDivElement>;
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
export default _default;
type __VLS_WithTemplateSlots<T, S> = T & {
    new (): {
        $slots: S;
    };
};