hana-img-viewer/dist/types/index.d.ts

A lightweight and easy-to-use image previewer for Vue 3

import { ExtractPropTypes } from 'vue';
export declare const defaultImgViewerProps: {
    duration: number;
    maskBgColor: string;
    maskOpacity: number;
    previewZIndex: number;
    autoZIndex: boolean;
    previewMaxWidth: string;
    previewMaxHeight: string;
    zoomStep: number;
    zoomMin: number;
    zoomMax: number;
    dblClickZoom: boolean;
    dblClickZoomTo: number;
};
export declare const imgViewerPropsObj: {
    displaying: {
        type: BooleanConstructor;
        default: undefined;
    };
    applyingPreviewStyles: {
        type: BooleanConstructor;
        default: undefined;
    };
    isAnimating: {
        type: BooleanConstructor;
        default: undefined;
    };
    src: {
        readonly type: StringConstructor;
        readonly required: true;
    };
    alt: StringConstructor;
    width: (StringConstructor | NumberConstructor)[];
    height: (StringConstructor | NumberConstructor)[];
    duration: {
        type: NumberConstructor;
        default: number;
    };
    maskBgColor: {
        type: StringConstructor;
        default: string;
    };
    maskOpacity: {
        type: NumberConstructor;
        default: number;
    };
    previewZIndex: {
        type: NumberConstructor;
        default: number;
    };
    autoZIndex: {
        type: BooleanConstructor;
        default: boolean;
    };
    previewMaxWidth: {
        type: (StringConstructor | NumberConstructor)[];
        default: string;
    };
    previewMaxHeight: {
        type: (StringConstructor | NumberConstructor)[];
        default: string;
    };
    zoomStep: {
        type: NumberConstructor;
        default: number;
    };
    zoomMin: {
        type: NumberConstructor;
        default: number;
    };
    zoomMax: {
        type: NumberConstructor;
        default: number;
    };
    dblClickZoom: {
        type: BooleanConstructor;
        default: boolean;
    };
    dblClickZoomTo: {
        type: NumberConstructor;
        default: number;
    };
};
export type ImgViewerProps = ExtractPropTypes<typeof imgViewerPropsObj>;
export declare const imgViewerEmitsObj: {
    'update:displaying': (_value: boolean) => boolean;
    'update:applyingPreviewStyles': (_value: boolean) => boolean;
    'update:isAnimating': (_value: boolean) => boolean;
    displayChange: (_value: boolean) => boolean;
    previewStylesChange: (_value: boolean) => boolean;
    animatingChange: (_value: boolean) => boolean;
};
export type ImgViewerEmits = typeof imgViewerEmitsObj;