hongluan-ui
Version:
Hongluan Component Library for Vue 3
84 lines (83 loc) • 4.91 kB
TypeScript
import type { CSSProperties } from 'vue';
import type { ImageViewerAction, ImageViewerMode } from './image-viewer';
declare const _default: 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<CSSProperties>;
mode: import("vue").ShallowRef<ImageViewerMode>;
zIndex: import("vue").Ref<number>;
handleActions: (action: 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;
}>;
export default _default;