import { TdImageViewerProps } from './type'; import './style'; export * from './type'; export declare type ImageViewerProps = TdImageViewerProps; export declare const ImageViewer: import("vue").ComponentOptions; rootClass: import("@vue/composition-api").ComputedRef; classPrefix: import("@vue/composition-api").ComputedRef; prevImage: () => void; nextImage: () => void; zIndexValue: import("@vue/composition-api").ComputedRef; visibleValue: import("@vue/composition-api").Ref; indexValue: import("@vue/composition-api").Ref; imagesList: import("@vue/composition-api").ComputedRef; showOverlayValue: import("@vue/composition-api").ComputedRef; wrapClass: import("@vue/composition-api").ComputedRef<(string | { [x: string]: boolean; })[]>; rotate: import("@vue/composition-api").Ref; mirror: import("@vue/composition-api").Ref; currentImage: import("@vue/composition-api").ComputedRef; onRotate: () => void; onZoomIn: () => void; onZoomOut: () => void; onMirror: () => void; onRest: () => void; openHandler: () => void; onCloseHandle: (context: { trigger: "overlay" | "close-btn" | "esc"; e: MouseEvent | KeyboardEvent; }) => void; onWheel: (e: WheelEvent) => void; clickOverlayHandler: (e: MouseEvent) => void; headerClass: import("@vue/composition-api").ComputedRef<(string | { [x: string]: boolean; })[]>; toggleExpand: () => void; transStyle: import("@vue/composition-api").ComputedRef; onImgClick: (i: number) => void; closeBtnAction: (e: MouseEvent) => void; scale: import("@vue/composition-api").Ref; isMultipleImg: import("@vue/composition-api").ComputedRef; containerRef: import("@vue/composition-api").Ref; keydownHandler: (e: KeyboardEvent) => void; divRef: import("@vue/composition-api").Ref; }> & import("@vue/composition-api").Data, { renderHeader(): JSX.Element; renderNavigationArrow(type: "next" | "prev"): JSX.Element; renderModal(): JSX.Element; renderCloseBtn(): JSX.Element; renderViewer(): JSX.Element; }, {}, { closeBtn: { type: import("vue").PropType import("vue/types/vnode").ScopedSlotReturnValue)>; default: boolean; }; closeOnEscKeydown: { type: BooleanConstructor; default: boolean; }; closeOnOverlay: BooleanConstructor; draggable: { type: BooleanConstructor; default: any; }; imageScale: { type: import("vue").PropType; }; images: { type: import("vue").PropType<(string | File | import("./type").ImageInfo)[]>; default: () => (string | File | import("./type").ImageInfo)[]; }; index: { type: NumberConstructor; default: any; }; defaultIndex: { type: NumberConstructor; default: number; }; mode: { type: import("vue").PropType<"modal" | "modeless">; default: "modal" | "modeless"; validator(val: "modal" | "modeless"): boolean; }; navigationArrow: { type: import("vue").PropType import("vue/types/vnode").ScopedSlotReturnValue)>; default: boolean; }; showOverlay: { type: BooleanConstructor; default: any; }; title: { type: import("vue").PropType import("vue/types/vnode").ScopedSlotReturnValue)>; }; trigger: { type: import("vue").PropType<((h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue) | ((h: import("vue").CreateElement, props: { open: () => void; }) => import("vue/types/vnode").ScopedSlotReturnValue)>; }; viewerScale: { type: import("vue").PropType; }; visible: { type: BooleanConstructor; default: any; }; defaultVisible: BooleanConstructor; zIndex: { type: NumberConstructor; }; onClose: import("vue").PropType<(context: { trigger: "overlay" | "close-btn" | "esc"; e: MouseEvent | KeyboardEvent; }) => void>; onIndexChange: import("vue").PropType<(index: number, context: { trigger: "next" | "prev" | "current"; }) => void>; }, import("@vue/composition-api").ExtractPropTypes<{ closeBtn: { type: import("vue").PropType import("vue/types/vnode").ScopedSlotReturnValue)>; default: boolean; }; closeOnEscKeydown: { type: BooleanConstructor; default: boolean; }; closeOnOverlay: BooleanConstructor; draggable: { type: BooleanConstructor; default: any; }; imageScale: { type: import("vue").PropType; }; images: { type: import("vue").PropType<(string | File | import("./type").ImageInfo)[]>; default: () => (string | File | import("./type").ImageInfo)[]; }; index: { type: NumberConstructor; default: any; }; defaultIndex: { type: NumberConstructor; default: number; }; mode: { type: import("vue").PropType<"modal" | "modeless">; default: "modal" | "modeless"; validator(val: "modal" | "modeless"): boolean; }; navigationArrow: { type: import("vue").PropType import("vue/types/vnode").ScopedSlotReturnValue)>; default: boolean; }; showOverlay: { type: BooleanConstructor; default: any; }; title: { type: import("vue").PropType import("vue/types/vnode").ScopedSlotReturnValue)>; }; trigger: { type: import("vue").PropType<((h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue) | ((h: import("vue").CreateElement, props: { open: () => void; }) => import("vue/types/vnode").ScopedSlotReturnValue)>; }; viewerScale: { type: import("vue").PropType; }; visible: { type: BooleanConstructor; default: any; }; defaultVisible: BooleanConstructor; zIndex: { type: NumberConstructor; }; onClose: import("vue").PropType<(context: { trigger: "overlay" | "close-btn" | "esc"; e: MouseEvent | KeyboardEvent; }) => void>; onIndexChange: import("vue").PropType<(index: number, context: { trigger: "next" | "prev" | "current"; }) => void>; }>> & Omit, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{ index: number; visible: boolean; draggable: boolean; defaultVisible: boolean; showOverlay: boolean; mode: "modal" | "modeless"; closeBtn: boolean | ((h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue); images: (string | File | import("./type").ImageInfo)[]; navigationArrow: boolean | ((h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue); closeOnEscKeydown: boolean; closeOnOverlay: boolean; defaultIndex: number; } & { zIndex?: number; title?: string | ((h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue); onClose?: (context: { trigger: "overlay" | "close-btn" | "esc"; e: MouseEvent | KeyboardEvent; }) => void; trigger?: ((h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue) | ((h: import("vue").CreateElement, props: { open: () => void; }) => import("vue/types/vnode").ScopedSlotReturnValue); imageScale?: import("./type").ImageScale; viewerScale?: import("./type").ImageViewerScale; onIndexChange?: (index: number, context: { trigger: "next" | "prev" | "current"; }) => void; }, import("@vue/composition-api").ShallowUnwrapRef<{ COMPONENT_NAME: import("@vue/composition-api").ComputedRef; rootClass: import("@vue/composition-api").ComputedRef; classPrefix: import("@vue/composition-api").ComputedRef; prevImage: () => void; nextImage: () => void; zIndexValue: import("@vue/composition-api").ComputedRef; visibleValue: import("@vue/composition-api").Ref; indexValue: import("@vue/composition-api").Ref; imagesList: import("@vue/composition-api").ComputedRef; showOverlayValue: import("@vue/composition-api").ComputedRef; wrapClass: import("@vue/composition-api").ComputedRef<(string | { [x: string]: boolean; })[]>; rotate: import("@vue/composition-api").Ref; mirror: import("@vue/composition-api").Ref; currentImage: import("@vue/composition-api").ComputedRef; onRotate: () => void; onZoomIn: () => void; onZoomOut: () => void; onMirror: () => void; onRest: () => void; openHandler: () => void; onCloseHandle: (context: { trigger: "overlay" | "close-btn" | "esc"; e: MouseEvent | KeyboardEvent; }) => void; onWheel: (e: WheelEvent) => void; clickOverlayHandler: (e: MouseEvent) => void; headerClass: import("@vue/composition-api").ComputedRef<(string | { [x: string]: boolean; })[]>; toggleExpand: () => void; transStyle: import("@vue/composition-api").ComputedRef; onImgClick: (i: number) => void; closeBtnAction: (e: MouseEvent) => void; scale: import("@vue/composition-api").Ref; isMultipleImg: import("@vue/composition-api").ComputedRef; containerRef: import("@vue/composition-api").Ref; keydownHandler: (e: KeyboardEvent) => void; divRef: import("@vue/composition-api").Ref; }>, import("@vue/composition-api").Data, {}, { renderHeader(): JSX.Element; renderNavigationArrow(type: "next" | "prev"): JSX.Element; renderModal(): JSX.Element; renderCloseBtn(): JSX.Element; renderViewer(): JSX.Element; }, {}, {}, {}, { index: number; visible: boolean; draggable: boolean; defaultVisible: boolean; showOverlay: boolean; mode: "modal" | "modeless"; closeBtn: boolean | ((h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue); images: (string | File | import("./type").ImageInfo)[]; navigationArrow: boolean | ((h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue); closeOnEscKeydown: boolean; closeOnOverlay: boolean; defaultIndex: number; } & { zIndex?: number; title?: string | ((h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue); onClose?: (context: { trigger: "overlay" | "close-btn" | "esc"; e: MouseEvent | KeyboardEvent; }) => void; trigger?: ((h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue) | ((h: import("vue").CreateElement, props: { open: () => void; }) => import("vue/types/vnode").ScopedSlotReturnValue); imageScale?: import("./type").ImageScale; viewerScale?: import("./type").ImageViewerScale; onIndexChange?: (index: number, context: { trigger: "next" | "prev" | "current"; }) => void; }, { index: number; visible: boolean; draggable: boolean; defaultVisible: boolean; showOverlay: boolean; mode: "modal" | "modeless"; closeBtn: boolean | ((h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue); images: (string | File | import("./type").ImageInfo)[]; navigationArrow: boolean | ((h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue); closeOnEscKeydown: boolean; closeOnOverlay: boolean; defaultIndex: number; }, true>) & import("vue").PluginObject; rootClass: import("@vue/composition-api").ComputedRef; classPrefix: import("@vue/composition-api").ComputedRef; prevImage: () => void; nextImage: () => void; zIndexValue: import("@vue/composition-api").ComputedRef; visibleValue: import("@vue/composition-api").Ref; indexValue: import("@vue/composition-api").Ref; imagesList: import("@vue/composition-api").ComputedRef; showOverlayValue: import("@vue/composition-api").ComputedRef; wrapClass: import("@vue/composition-api").ComputedRef<(string | { [x: string]: boolean; })[]>; rotate: import("@vue/composition-api").Ref; mirror: import("@vue/composition-api").Ref; currentImage: import("@vue/composition-api").ComputedRef; onRotate: () => void; onZoomIn: () => void; onZoomOut: () => void; onMirror: () => void; onRest: () => void; openHandler: () => void; onCloseHandle: (context: { trigger: "overlay" | "close-btn" | "esc"; e: MouseEvent | KeyboardEvent; }) => void; onWheel: (e: WheelEvent) => void; clickOverlayHandler: (e: MouseEvent) => void; headerClass: import("@vue/composition-api").ComputedRef<(string | { [x: string]: boolean; })[]>; toggleExpand: () => void; transStyle: import("@vue/composition-api").ComputedRef; onImgClick: (i: number) => void; closeBtnAction: (e: MouseEvent) => void; scale: import("@vue/composition-api").Ref; isMultipleImg: import("@vue/composition-api").ComputedRef; containerRef: import("@vue/composition-api").Ref; keydownHandler: (e: KeyboardEvent) => void; divRef: import("@vue/composition-api").Ref; }> & import("@vue/composition-api").Data, { renderHeader(): JSX.Element; renderNavigationArrow(type: "next" | "prev"): JSX.Element; renderModal(): JSX.Element; renderCloseBtn(): JSX.Element; renderViewer(): JSX.Element; }, {}, { closeBtn: { type: import("vue").PropType import("vue/types/vnode").ScopedSlotReturnValue)>; default: boolean; }; closeOnEscKeydown: { type: BooleanConstructor; default: boolean; }; closeOnOverlay: BooleanConstructor; draggable: { type: BooleanConstructor; default: any; }; imageScale: { type: import("vue").PropType; }; images: { type: import("vue").PropType<(string | File | import("./type").ImageInfo)[]>; default: () => (string | File | import("./type").ImageInfo)[]; }; index: { type: NumberConstructor; default: any; }; defaultIndex: { type: NumberConstructor; default: number; }; mode: { type: import("vue").PropType<"modal" | "modeless">; default: "modal" | "modeless"; validator(val: "modal" | "modeless"): boolean; }; navigationArrow: { type: import("vue").PropType import("vue/types/vnode").ScopedSlotReturnValue)>; default: boolean; }; showOverlay: { type: BooleanConstructor; default: any; }; title: { type: import("vue").PropType import("vue/types/vnode").ScopedSlotReturnValue)>; }; trigger: { type: import("vue").PropType<((h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue) | ((h: import("vue").CreateElement, props: { open: () => void; }) => import("vue/types/vnode").ScopedSlotReturnValue)>; }; viewerScale: { type: import("vue").PropType; }; visible: { type: BooleanConstructor; default: any; }; defaultVisible: BooleanConstructor; zIndex: { type: NumberConstructor; }; onClose: import("vue").PropType<(context: { trigger: "overlay" | "close-btn" | "esc"; e: MouseEvent | KeyboardEvent; }) => void>; onIndexChange: import("vue").PropType<(index: number, context: { trigger: "next" | "prev" | "current"; }) => void>; }, import("@vue/composition-api").ExtractPropTypes<{ closeBtn: { type: import("vue").PropType import("vue/types/vnode").ScopedSlotReturnValue)>; default: boolean; }; closeOnEscKeydown: { type: BooleanConstructor; default: boolean; }; closeOnOverlay: BooleanConstructor; draggable: { type: BooleanConstructor; default: any; }; imageScale: { type: import("vue").PropType; }; images: { type: import("vue").PropType<(string | File | import("./type").ImageInfo)[]>; default: () => (string | File | import("./type").ImageInfo)[]; }; index: { type: NumberConstructor; default: any; }; defaultIndex: { type: NumberConstructor; default: number; }; mode: { type: import("vue").PropType<"modal" | "modeless">; default: "modal" | "modeless"; validator(val: "modal" | "modeless"): boolean; }; navigationArrow: { type: import("vue").PropType import("vue/types/vnode").ScopedSlotReturnValue)>; default: boolean; }; showOverlay: { type: BooleanConstructor; default: any; }; title: { type: import("vue").PropType import("vue/types/vnode").ScopedSlotReturnValue)>; }; trigger: { type: import("vue").PropType<((h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue) | ((h: import("vue").CreateElement, props: { open: () => void; }) => import("vue/types/vnode").ScopedSlotReturnValue)>; }; viewerScale: { type: import("vue").PropType; }; visible: { type: BooleanConstructor; default: any; }; defaultVisible: BooleanConstructor; zIndex: { type: NumberConstructor; }; onClose: import("vue").PropType<(context: { trigger: "overlay" | "close-btn" | "esc"; e: MouseEvent | KeyboardEvent; }) => void>; onIndexChange: import("vue").PropType<(index: number, context: { trigger: "next" | "prev" | "current"; }) => void>; }>> & Omit, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{ index: number; visible: boolean; draggable: boolean; defaultVisible: boolean; showOverlay: boolean; mode: "modal" | "modeless"; closeBtn: boolean | ((h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue); images: (string | File | import("./type").ImageInfo)[]; navigationArrow: boolean | ((h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue); closeOnEscKeydown: boolean; closeOnOverlay: boolean; defaultIndex: number; } & { zIndex?: number; title?: string | ((h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue); onClose?: (context: { trigger: "overlay" | "close-btn" | "esc"; e: MouseEvent | KeyboardEvent; }) => void; trigger?: ((h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue) | ((h: import("vue").CreateElement, props: { open: () => void; }) => import("vue/types/vnode").ScopedSlotReturnValue); imageScale?: import("./type").ImageScale; viewerScale?: import("./type").ImageViewerScale; onIndexChange?: (index: number, context: { trigger: "next" | "prev" | "current"; }) => void; }, import("@vue/composition-api").ShallowUnwrapRef<{ COMPONENT_NAME: import("@vue/composition-api").ComputedRef; rootClass: import("@vue/composition-api").ComputedRef; classPrefix: import("@vue/composition-api").ComputedRef; prevImage: () => void; nextImage: () => void; zIndexValue: import("@vue/composition-api").ComputedRef; visibleValue: import("@vue/composition-api").Ref; indexValue: import("@vue/composition-api").Ref; imagesList: import("@vue/composition-api").ComputedRef; showOverlayValue: import("@vue/composition-api").ComputedRef; wrapClass: import("@vue/composition-api").ComputedRef<(string | { [x: string]: boolean; })[]>; rotate: import("@vue/composition-api").Ref; mirror: import("@vue/composition-api").Ref; currentImage: import("@vue/composition-api").ComputedRef; onRotate: () => void; onZoomIn: () => void; onZoomOut: () => void; onMirror: () => void; onRest: () => void; openHandler: () => void; onCloseHandle: (context: { trigger: "overlay" | "close-btn" | "esc"; e: MouseEvent | KeyboardEvent; }) => void; onWheel: (e: WheelEvent) => void; clickOverlayHandler: (e: MouseEvent) => void; headerClass: import("@vue/composition-api").ComputedRef<(string | { [x: string]: boolean; })[]>; toggleExpand: () => void; transStyle: import("@vue/composition-api").ComputedRef; onImgClick: (i: number) => void; closeBtnAction: (e: MouseEvent) => void; scale: import("@vue/composition-api").Ref; isMultipleImg: import("@vue/composition-api").ComputedRef; containerRef: import("@vue/composition-api").Ref; keydownHandler: (e: KeyboardEvent) => void; divRef: import("@vue/composition-api").Ref; }>, import("@vue/composition-api").Data, {}, { renderHeader(): JSX.Element; renderNavigationArrow(type: "next" | "prev"): JSX.Element; renderModal(): JSX.Element; renderCloseBtn(): JSX.Element; renderViewer(): JSX.Element; }, {}, {}, {}, { index: number; visible: boolean; draggable: boolean; defaultVisible: boolean; showOverlay: boolean; mode: "modal" | "modeless"; closeBtn: boolean | ((h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue); images: (string | File | import("./type").ImageInfo)[]; navigationArrow: boolean | ((h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue); closeOnEscKeydown: boolean; closeOnOverlay: boolean; defaultIndex: number; } & { zIndex?: number; title?: string | ((h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue); onClose?: (context: { trigger: "overlay" | "close-btn" | "esc"; e: MouseEvent | KeyboardEvent; }) => void; trigger?: ((h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue) | ((h: import("vue").CreateElement, props: { open: () => void; }) => import("vue/types/vnode").ScopedSlotReturnValue); imageScale?: import("./type").ImageScale; viewerScale?: import("./type").ImageViewerScale; onIndexChange?: (index: number, context: { trigger: "next" | "prev" | "current"; }) => void; }, { index: number; visible: boolean; draggable: boolean; defaultVisible: boolean; showOverlay: boolean; mode: "modal" | "modeless"; closeBtn: boolean | ((h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue); images: (string | File | import("./type").ImageInfo)[]; navigationArrow: boolean | ((h: import("vue").CreateElement) => import("vue/types/vnode").ScopedSlotReturnValue); closeOnEscKeydown: boolean; closeOnOverlay: boolean; defaultIndex: number; }, true>)>; export default ImageViewer;