images-viewer-vue3
Version:
A lightweight image viewer for Vue3
47 lines (46 loc) • 1.14 kB
TypeScript
type fromType = 'api' | 'directive' | 'component';
type langType = 'zh' | 'en';
export type ImageViewerType = {
scaleRatio: number;
rotateRatio: number;
isEnableDrag: boolean;
isEnableWheel: boolean;
zIndex: number;
language: langType;
playSpeed: number;
isDownLoad: boolean;
};
type ZIndex = Partial<Pick<ImageViewerType, 'zIndex'>>;
export interface ImageViewerOptions extends ZIndex {
specifyIndex?: number | string;
current: string;
images?: string[];
imageDom?: HTMLImageElement;
from?: fromType;
language?: langType;
}
export type ImageViewerInstallConfig = Partial<ImageViewerType>;
export type ImageObjectTypes = {
index: number;
url: string;
};
export interface ViewImageType extends ImageObjectTypes {
key: string;
}
export type AsyncSetImageReturnType = Promise<{
data: string[];
} | {
data: [];
}>;
export interface NavImageItemType extends ImageObjectTypes {
height: number;
size: string;
isLoad: boolean;
isError: boolean;
}
export type ClickNavImageType = {
evt: Event;
item: ImageObjectTypes;
index: number;
};
export {};