yanzhen-design-vue
Version:
110 lines (109 loc) • 4.08 kB
TypeScript
import { ImageViewerProps, Images, ImagesInfo, ViewerJsType, ViewerOptions } from './image-viewer';
export declare function useImageViewer(props: ImageViewerProps): {
options: import('vue').Ref<{
title: boolean;
button: boolean;
minZoomRatio: number;
maxZoomRatio: number;
toolbar: {
zoomIn: boolean;
zoomOut: boolean;
oneToOne: boolean;
reset: boolean;
prev: boolean;
play: boolean;
custom?: {
title: string;
onClick: (event: MouseEvent) => void;
};
next: boolean;
rotateLeft: boolean;
rotateRight: boolean;
flipHorizontal: boolean;
flipVertical: boolean;
};
hide: (e: Event) => void;
}, ViewerOptions | {
title: boolean;
button: boolean;
minZoomRatio: number;
maxZoomRatio: number;
toolbar: {
zoomIn: boolean;
zoomOut: boolean;
oneToOne: boolean;
reset: boolean;
prev: boolean;
play: boolean;
custom?: {
title: string;
onClick: (event: MouseEvent) => void;
};
next: boolean;
rotateLeft: boolean;
rotateRight: boolean;
flipHorizontal: boolean;
flipVertical: boolean;
};
hide: (e: Event) => void;
}>;
viewer: import('vue').Ref<{
ready?: boolean;
index?: number;
destroy: () => Viewer;
exit: () => Viewer;
full: () => Viewer;
hide: (immediate?: boolean) => Viewer;
move: (offsetX: number, offsetY?: number) => Viewer;
moveTo: (x: number, y?: number) => Viewer;
next: (loop?: boolean) => Viewer;
play: (fullscreen?: boolean | FullscreenOptions) => Viewer;
prev: (loop?: boolean) => Viewer;
reset: () => Viewer;
rotate: (degree: number) => Viewer;
rotateTo: (degree: number) => Viewer;
scale: (scaleX: number, scaleY?: number) => Viewer;
scaleX: (scaleX: number) => Viewer;
scaleY: (scaleY: number) => Viewer;
show: (immediate?: boolean) => Viewer;
stop: () => Viewer;
toggle: () => Viewer;
tooltip: () => Viewer;
update: () => Viewer;
view: (index?: number) => Viewer;
zoom: (ratio: number, hasTooltip?: boolean, pivot?: Viewer.Pivot) => Viewer;
zoomTo: (ratio: number, hasTooltip?: boolean, pivot?: Viewer.Pivot) => Viewer;
}, ViewerJsType | {
ready?: boolean;
index?: number;
destroy: () => Viewer;
exit: () => Viewer;
full: () => Viewer;
hide: (immediate?: boolean) => Viewer;
move: (offsetX: number, offsetY?: number) => Viewer;
moveTo: (x: number, y?: number) => Viewer;
next: (loop?: boolean) => Viewer;
play: (fullscreen?: boolean | FullscreenOptions) => Viewer;
prev: (loop?: boolean) => Viewer;
reset: () => Viewer;
rotate: (degree: number) => Viewer;
rotateTo: (degree: number) => Viewer;
scale: (scaleX: number, scaleY?: number) => Viewer;
scaleX: (scaleX: number) => Viewer;
scaleY: (scaleY: number) => Viewer;
show: (immediate?: boolean) => Viewer;
stop: () => Viewer;
toggle: () => Viewer;
tooltip: () => Viewer;
update: () => Viewer;
view: (index?: number) => Viewer;
zoom: (ratio: number, hasTooltip?: boolean, pivot?: Viewer.Pivot) => Viewer;
zoomTo: (ratio: number, hasTooltip?: boolean, pivot?: Viewer.Pivot) => Viewer;
}>;
imageUrls: import('vue').Ref<string[], string[]>;
imageNames: import('vue').Ref<string[], string[]>;
curImg: import('vue').Ref<number, number>;
curImgTitle: import('vue').Ref<string, string>;
openViewer: (images: Images, index: number, imagesInfo: ImagesInfo) => void;
updateViewerInfo: () => void;
};