ivue-material-plus
Version:
A high quality UI components Library with Vue.js
306 lines (305 loc) • 6.62 kB
TypeScript
declare const _sfc_main: import("vue").DefineComponent<{
/**
* 圆角
*
* @type {Number | String}
*/
radius: {
type: (NumberConstructor | StringConstructor)[];
default: number;
};
/**
* 图片源地址
*
* @type {String}
*/
src: {
type: StringConstructor;
default: string;
};
/**
* 确定图片如何适应容器框，同原生 object-fit
*
* @type {String}
*/
fit: {
type: StringConstructor;
validator(value: string): boolean;
default: string;
};
/**
* 图片描述
*
* @type {String}
*/
alt: {
type: StringConstructor;
default: string;
};
/**
* 首部用来监管哪些访问来源信息
*
* @type {String}
*/
referrerPolicy: {
type: StringConstructor;
validator(value: string): boolean;
};
/**
* 是否使用懒加载
*
* @type {Boolean}
*/
lazy: {
type: BooleanConstructor;
default: boolean;
};
/**
* loading文案
*
* @type {String}
*/
loadingText: {
type: StringConstructor;
default: string;
};
/**
* 加载错误文案
*
* @type {String}
*/
errorText: {
type: StringConstructor;
default: string;
};
/**
* 是否图片预览
*
* @type {Boolean}
*/
preview: {
type: BooleanConstructor;
default: boolean;
};
/**
* 图片预览文案
*
* @type {String}
*/
previewText: {
type: StringConstructor;
default: string;
};
/**
* 是否显示预览提示和遮罩
*
* @type {Boolean}
*/
previewTip: {
type: BooleanConstructor;
default: boolean;
};
/**
* 滚动加载容器
*
* @type {String}
*/
scrollContainer: {
type: (ObjectConstructor | StringConstructor)[];
default: string;
};
/**
* 打开预览的第一项
*
* @type {Number}
*/
initialIndex: {
type: NumberConstructor;
default: number;
};
/**
* 图片预览列表
*
* @type {Array}
*/
previewList: {
type: ArrayConstructor;
};
}, {
prefixCls: string;
wrapper: import("vue").Ref<HTMLDivElement>;
data: {
loadingImage: boolean;
loading: boolean;
imageError: boolean;
scrollElement: any;
observer: {
readonly root: Element | Document;
readonly rootMargin: string;
readonly thresholds: readonly number[];
disconnect: () => void;
observe: (target: Element) => void;
takeRecords: () => IntersectionObserverEntry[];
unobserve: (target: Element) => void;
};
imagePreviewModal: boolean;
};
wrapperStyles: import("vue").ComputedRef<{}>;
imageClasses: import("vue").ComputedRef<string[]>;
imageStyles: import("vue").ComputedRef<{}>;
loadingType: import("vue").ComputedRef<"lazy" | "eager">;
handleImageLoad: () => void;
handleImageError: () => void;
handlePreview: () => void;
handleImagePreviewClose: () => void;
handleImageSwitch: (params: {
currentIndex: number;
}) => void;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("on-close" | "on-switch" | "on-error" | "on-click" | "on-load")[], "on-close" | "on-switch" | "on-error" | "on-click" | "on-load", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
/**
* 圆角
*
* @type {Number | String}
*/
radius: {
type: (NumberConstructor | StringConstructor)[];
default: number;
};
/**
* 图片源地址
*
* @type {String}
*/
src: {
type: StringConstructor;
default: string;
};
/**
* 确定图片如何适应容器框，同原生 object-fit
*
* @type {String}
*/
fit: {
type: StringConstructor;
validator(value: string): boolean;
default: string;
};
/**
* 图片描述
*
* @type {String}
*/
alt: {
type: StringConstructor;
default: string;
};
/**
* 首部用来监管哪些访问来源信息
*
* @type {String}
*/
referrerPolicy: {
type: StringConstructor;
validator(value: string): boolean;
};
/**
* 是否使用懒加载
*
* @type {Boolean}
*/
lazy: {
type: BooleanConstructor;
default: boolean;
};
/**
* loading文案
*
* @type {String}
*/
loadingText: {
type: StringConstructor;
default: string;
};
/**
* 加载错误文案
*
* @type {String}
*/
errorText: {
type: StringConstructor;
default: string;
};
/**
* 是否图片预览
*
* @type {Boolean}
*/
preview: {
type: BooleanConstructor;
default: boolean;
};
/**
* 图片预览文案
*
* @type {String}
*/
previewText: {
type: StringConstructor;
default: string;
};
/**
* 是否显示预览提示和遮罩
*
* @type {Boolean}
*/
previewTip: {
type: BooleanConstructor;
default: boolean;
};
/**
* 滚动加载容器
*
* @type {String}
*/
scrollContainer: {
type: (ObjectConstructor | StringConstructor)[];
default: string;
};
/**
* 打开预览的第一项
*
* @type {Number}
*/
initialIndex: {
type: NumberConstructor;
default: number;
};
/**
* 图片预览列表
*
* @type {Array}
*/
previewList: {
type: ArrayConstructor;
};
}>> & {
"onOn-close"?: (...args: any[]) => any;
"onOn-switch"?: (...args: any[]) => any;
"onOn-error"?: (...args: any[]) => any;
"onOn-click"?: (...args: any[]) => any;
"onOn-load"?: (...args: any[]) => any;
}, {
src: string;
radius: string | number;
initialIndex: number;
loadingText: string;
fit: string;
lazy: boolean;
alt: string;
errorText: string;
preview: boolean;
previewText: string;
previewTip: boolean;
scrollContainer: string | Record<string, any>;
}>;
export default _sfc_main;