ivue-material-plus
Version:
A high quality UI components Library with Vue.js
122 lines (121 loc) • 3.46 kB
TypeScript
export declare const IvueImagePreview: import("../../utils/install").SFCInstallWithContext<import("vue").DefineComponent<{
modelValue: {
type: BooleanConstructor;
default: boolean;
};
transfer: {
type: BooleanConstructor;
default(): any;
};
initialIndex: {
type: NumberConstructor;
default: number;
};
maskClosable: {
type: BooleanConstructor;
default: boolean;
};
previewList: {
type: ArrayConstructor;
default: () => any[];
};
infinite: {
type: BooleanConstructor;
default: boolean;
};
toolbar: {
type: ArrayConstructor;
default(): any;
};
bodyOverflow: {
type: BooleanConstructor;
default: boolean;
};
}, {
prefixCls: string;
wrapper: import("vue").Ref<HTMLElement>;
data: {
maskIndex: number;
imageStatus: string;
currentIndex: number;
transition: boolean;
original: boolean;
startX: number;
startY: number;
imageTranslate: {
x: number;
y: number;
};
imageScale: number;
imageRotate: number;
prevOverflow: string;
downloading: boolean;
};
maskStyles: import("vue").ComputedRef<{
zIndex: number;
}>;
currentImage: import("vue").ComputedRef<any>;
imageClasses: import("vue").ComputedRef<(string | {
[x: string]: boolean;
})[]>;
imageStyles: import("vue").ComputedRef<{
transform: string;
}>;
handleClickMask: () => void;
handleImageLoad: () => void;
handleImageError: () => void;
handleMousedown: (event: MouseEvent) => void;
handleImageSwitch: (next: boolean) => void;
handleOperation: (value: "original" | "zoomIn" | "zoomOut" | "rotateLeft" | "rotateRight" | "download") => void;
handleClose: () => void;
handleTouchStart: (event: TouchEvent) => void;
resetStyle: () => void;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "on-close" | "on-switch")[], "update:modelValue" | "on-close" | "on-switch", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
modelValue: {
type: BooleanConstructor;
default: boolean;
};
transfer: {
type: BooleanConstructor;
default(): any;
};
initialIndex: {
type: NumberConstructor;
default: number;
};
maskClosable: {
type: BooleanConstructor;
default: boolean;
};
previewList: {
type: ArrayConstructor;
default: () => any[];
};
infinite: {
type: BooleanConstructor;
default: boolean;
};
toolbar: {
type: ArrayConstructor;
default(): any;
};
bodyOverflow: {
type: BooleanConstructor;
default: boolean;
};
}>> & {
"onUpdate:modelValue"?: (...args: any[]) => any;
"onOn-close"?: (...args: any[]) => any;
"onOn-switch"?: (...args: any[]) => any;
}, {
modelValue: boolean;
initialIndex: number;
transfer: boolean;
maskClosable: boolean;
previewList: unknown[];
infinite: boolean;
toolbar: unknown[];
bodyOverflow: boolean;
}>>;
export default IvueImagePreview;
export * from '../ivue-image/image-preview-global';