hongluan-ui
Version:
Hongluan Component Library for Vue 3
83 lines (82 loc) • 4.99 kB
TypeScript
export declare const HlImageViewer: import("hongluan-ui/es/utils").SFCWithInstall<import("vue").DefineComponent<{
readonly urlList: import("hongluan-ui/es/utils").EpPropFinalized<import("vue").PropType<string[]>, unknown, unknown, () => [], boolean>;
readonly zIndex: {
readonly type: import("vue").PropType<number>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
readonly initialIndex: import("hongluan-ui/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
readonly infinite: import("hongluan-ui/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
readonly hideOnClickModal: BooleanConstructor;
readonly teleported: BooleanConstructor;
readonly closeOnPressEscape: import("hongluan-ui/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
readonly zoomRate: import("hongluan-ui/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 1.2, boolean>;
readonly minScale: import("hongluan-ui/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0.2, boolean>;
readonly maxScale: import("hongluan-ui/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 7, boolean>;
readonly crossorigin: {
readonly type: import("vue").PropType<import("hongluan-ui/es/utils").EpPropMergeType<import("vue").PropType<"" | "anonymous" | "use-credentials">, unknown, unknown>>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
}, {
namespace: import("vue").ComputedRef<string>;
activeIndex: import("vue").Ref<number>;
wrapper: import("vue").Ref<HTMLDivElement>;
imgRefs: import("vue").Ref<HTMLImageElement[]>;
isSingle: import("vue").ComputedRef<boolean>;
isFirst: import("vue").ComputedRef<boolean>;
isLast: import("vue").ComputedRef<boolean>;
currentImg: import("vue").ComputedRef<string>;
imgStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
mode: import("vue").ShallowRef<import("./src/image-viewer").ImageViewerMode>;
zIndex: import("vue").Ref<number>;
handleActions: (action: import("./src/image-viewer").ImageViewerAction, options?: {}) => void;
prev: () => void;
next: () => void;
hide: () => void;
toggleMode: () => void;
setActiveItem: (index: number) => void;
handleImgLoad: () => void;
handleImgError: (e: Event) => void;
handleMouseDown: (e: MouseEvent) => void;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "switch" | "rotate")[], "close" | "rotate" | "switch", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
readonly urlList: import("hongluan-ui/es/utils").EpPropFinalized<import("vue").PropType<string[]>, unknown, unknown, () => [], boolean>;
readonly zIndex: {
readonly type: import("vue").PropType<number>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
readonly initialIndex: import("hongluan-ui/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
readonly infinite: import("hongluan-ui/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
readonly hideOnClickModal: BooleanConstructor;
readonly teleported: BooleanConstructor;
readonly closeOnPressEscape: import("hongluan-ui/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
readonly zoomRate: import("hongluan-ui/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 1.2, boolean>;
readonly minScale: import("hongluan-ui/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0.2, boolean>;
readonly maxScale: import("hongluan-ui/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 7, boolean>;
readonly crossorigin: {
readonly type: import("vue").PropType<import("hongluan-ui/es/utils").EpPropMergeType<import("vue").PropType<"" | "anonymous" | "use-credentials">, unknown, unknown>>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
}>> & {
onClose?: (...args: any[]) => any;
onSwitch?: (...args: any[]) => any;
onRotate?: (...args: any[]) => any;
}, {
teleported: boolean;
infinite: import("hongluan-ui/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
initialIndex: number;
closeOnPressEscape: import("hongluan-ui/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
urlList: string[];
zoomRate: number;
minScale: number;
maxScale: number;
hideOnClickModal: boolean;
}>> & Record<string, any>;
export default HlImageViewer;
export * from './src/image-viewer';