ivue-material-plus
Version:
A high quality UI components Library with Vue.js
624 lines (623 loc) • 13.3 kB
TypeScript
/// <reference types="node" />
declare const _sfc_main: import("vue").DefineComponent<{
/**
* modelValue
*
* @type {Boolean}
*/
modelValue: {
type: BooleanConstructor;
default: boolean;
};
/**
* 是否将弹层放置于 body 内，在 Tabs、
* 带有 fixed 的 Table 列内使用时，
* 建议添加此属性，它将不受父级样式影响，
* 从而达到更好的效果
*
* @type {Boolean}
*/
transfer: {
type: BooleanConstructor;
default(): any;
};
/**
* 自定义显示动画，第一项是模态框，第二项是背景
*
* @type {Array}
*/
transitionNames: {
type: ArrayConstructor;
default(): string[];
};
/**
* 弹窗层级
*
* @type {Number}
*/
zIndex: {
type: NumberConstructor;
default: number;
};
/**
* 是否显示遮罩层
*
* @type {Boolean}
*/
mask: {
type: BooleanConstructor;
default: boolean;
};
/**
* 是否允许点击遮罩层关闭
*
* @type {Boolean}
*/
maskClosable: {
type: BooleanConstructor;
default(): any;
};
/**
* 返回 Promise 可以阻止关闭
*
* @type {Function}
*/
beforeClose: {
type: FunctionConstructor;
};
/**
* 弹窗外层样式
*
* @type {String}
*/
modalWrapperClasses: {
type: StringConstructor;
};
/**
* 页面是否可以滚动
*
* @type {Boolean}
*/
scrollable: {
type: BooleanConstructor;
default: boolean;
};
/**
* 对话框宽度，对话框的宽度是响应式的，
* 当屏幕尺寸小于 768px 时，宽度会变为自动auto。
* 当其值不大于 100 时以百分比显示，大于 100 时为像素
*
* @type {Number | String}
*/
width: {
type: (NumberConstructor | StringConstructor)[];
default: number;
};
/**
* 弹窗样式
*
* @type {Object}
*/
styles: {
type: ObjectConstructor;
default: () => void;
};
/**
* 标题
*
* @type {String}
*/
title: {
type: StringConstructor;
};
/**
* 关闭按钮图标
*
* @type {String}
*/
closeIcon: {
type: StringConstructor;
default: string;
};
/**
* 是否显示关闭按钮
*
* @type {Boolean}
*/
closable: {
type: BooleanConstructor;
default: boolean;
};
/**
* 关闭文案
*
* @type {String}
*/
cancelText: {
type: StringConstructor;
default: string;
};
/**
* 确定按钮文字
*
* @type {String}
*/
confirmText: {
type: StringConstructor;
default: string;
};
/**
* 点击确定按钮时，确定按钮是否显示 loading 状态，
* 开启则需手动设置value来关闭对话框
*
* @type {Boolean}
*/
loading: {
type: BooleanConstructor;
default: boolean;
};
/**
* loading类型
*
* @type {String}
*/
loadingType: {
type: StringConstructor;
validator(value: string): boolean;
default: string;
};
/**
* 弹窗到顶部的距离
*
* @type {Number}
*/
top: {
type: NumberConstructor;
default: number;
};
/**
* 再次打开时，是否重置拖拽的位置
*
* @type {Boolean}
*/
resetDragPosition: {
type: BooleanConstructor;
default: boolean;
};
/**
* 居中
*
* @type {Boolean}
*/
center: {
type: BooleanConstructor;
default: boolean;
};
/**
* 是否全屏显示
*
* @type {Boolean}
*/
fullscreen: {
type: BooleanConstructor;
default: boolean;
};
/**
* 不显示底部
*
* @type {Boolean}
*/
footerHide: {
type: BooleanConstructor;
default: boolean;
};
/**
* 是否可以拖拽移动
*
* @type {Boolean}
*/
draggable: {
type: BooleanConstructor;
default: boolean;
};
/**
* 拖拽时，是否吸附屏幕边缘
*
* @type {Boolean}
*/
sticky: {
type: BooleanConstructor;
default: boolean;
};
/**
* 拖拽时，自动吸附屏幕边缘的临界距离
*
* @type {Number}
*/
stickyDistance: {
type: NumberConstructor;
default: number;
};
/**
* 渲染函数
*
* @type {Function}
*/
render: {
type: FunctionConstructor;
};
/**
* v-if 重新渲染body内容
*
* @type {Boolean}
*/
resetBody: {
type: BooleanConstructor;
default: boolean;
};
/**
* 是否禁止对页面滚动条的修改
*
* @type {Boolean}
*/
lockScroll: {
type: BooleanConstructor;
default: boolean;
};
}, {
prefixCls: string;
headerRef: import("vue").Ref<HTMLElement>;
contentRef: import("vue").Ref<HTMLElement>;
data: {
visible: boolean;
modalIndex: number;
wrapperShow: boolean;
isMouseTriggerIn: boolean;
timer: {
hasRef: () => boolean;
refresh: () => NodeJS.Timeout;
[Symbol.toPrimitive]: () => number;
ref: () => NodeJS.Timeout;
unref: () => NodeJS.Timeout;
};
lastVisible: boolean;
dragData: {
x?: number;
y?: number;
dragX?: number;
dragY?: number;
dragging?: boolean;
rect?: boolean;
};
spinLoading: boolean;
buttonLoading: boolean;
resetRenderBody: boolean;
};
wrapperClasses: import("vue").ComputedRef<(string | {
[x: string]: boolean;
})[]>;
wrapperStyles: import("vue").ComputedRef<{
zIndex: number;
}>;
modalClasses: import("vue").ComputedRef<(string | {
[x: string]: boolean;
})[]>;
modalStyles: import("vue").ComputedRef<any>;
contentClasses: import("vue").ComputedRef<(string | {
[x: string]: boolean;
})[]>;
contentStyles: import("vue").ComputedRef<{
left?: string;
top?: string;
width?: string;
}>;
showMask: import("vue").ComputedRef<boolean>;
showHead: import("vue").ComputedRef<boolean>;
close: () => void;
setLoading: (value: boolean) => void;
handleMask: () => void;
handleWrapperClick: (event: any) => void;
handleAfterLeave: () => void;
handleMousedown: () => void;
handleCancel: () => void;
handleConfirm: () => void;
handleClickModal: () => void;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "on-visible-change" | "on-cancel" | "on-hidden" | "on-confirm")[], "update:modelValue" | "on-visible-change" | "on-cancel" | "on-hidden" | "on-confirm", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
/**
* modelValue
*
* @type {Boolean}
*/
modelValue: {
type: BooleanConstructor;
default: boolean;
};
/**
* 是否将弹层放置于 body 内，在 Tabs、
* 带有 fixed 的 Table 列内使用时，
* 建议添加此属性，它将不受父级样式影响，
* 从而达到更好的效果
*
* @type {Boolean}
*/
transfer: {
type: BooleanConstructor;
default(): any;
};
/**
* 自定义显示动画，第一项是模态框，第二项是背景
*
* @type {Array}
*/
transitionNames: {
type: ArrayConstructor;
default(): string[];
};
/**
* 弹窗层级
*
* @type {Number}
*/
zIndex: {
type: NumberConstructor;
default: number;
};
/**
* 是否显示遮罩层
*
* @type {Boolean}
*/
mask: {
type: BooleanConstructor;
default: boolean;
};
/**
* 是否允许点击遮罩层关闭
*
* @type {Boolean}
*/
maskClosable: {
type: BooleanConstructor;
default(): any;
};
/**
* 返回 Promise 可以阻止关闭
*
* @type {Function}
*/
beforeClose: {
type: FunctionConstructor;
};
/**
* 弹窗外层样式
*
* @type {String}
*/
modalWrapperClasses: {
type: StringConstructor;
};
/**
* 页面是否可以滚动
*
* @type {Boolean}
*/
scrollable: {
type: BooleanConstructor;
default: boolean;
};
/**
* 对话框宽度，对话框的宽度是响应式的，
* 当屏幕尺寸小于 768px 时，宽度会变为自动auto。
* 当其值不大于 100 时以百分比显示，大于 100 时为像素
*
* @type {Number | String}
*/
width: {
type: (NumberConstructor | StringConstructor)[];
default: number;
};
/**
* 弹窗样式
*
* @type {Object}
*/
styles: {
type: ObjectConstructor;
default: () => void;
};
/**
* 标题
*
* @type {String}
*/
title: {
type: StringConstructor;
};
/**
* 关闭按钮图标
*
* @type {String}
*/
closeIcon: {
type: StringConstructor;
default: string;
};
/**
* 是否显示关闭按钮
*
* @type {Boolean}
*/
closable: {
type: BooleanConstructor;
default: boolean;
};
/**
* 关闭文案
*
* @type {String}
*/
cancelText: {
type: StringConstructor;
default: string;
};
/**
* 确定按钮文字
*
* @type {String}
*/
confirmText: {
type: StringConstructor;
default: string;
};
/**
* 点击确定按钮时，确定按钮是否显示 loading 状态，
* 开启则需手动设置value来关闭对话框
*
* @type {Boolean}
*/
loading: {
type: BooleanConstructor;
default: boolean;
};
/**
* loading类型
*
* @type {String}
*/
loadingType: {
type: StringConstructor;
validator(value: string): boolean;
default: string;
};
/**
* 弹窗到顶部的距离
*
* @type {Number}
*/
top: {
type: NumberConstructor;
default: number;
};
/**
* 再次打开时，是否重置拖拽的位置
*
* @type {Boolean}
*/
resetDragPosition: {
type: BooleanConstructor;
default: boolean;
};
/**
* 居中
*
* @type {Boolean}
*/
center: {
type: BooleanConstructor;
default: boolean;
};
/**
* 是否全屏显示
*
* @type {Boolean}
*/
fullscreen: {
type: BooleanConstructor;
default: boolean;
};
/**
* 不显示底部
*
* @type {Boolean}
*/
footerHide: {
type: BooleanConstructor;
default: boolean;
};
/**
* 是否可以拖拽移动
*
* @type {Boolean}
*/
draggable: {
type: BooleanConstructor;
default: boolean;
};
/**
* 拖拽时，是否吸附屏幕边缘
*
* @type {Boolean}
*/
sticky: {
type: BooleanConstructor;
default: boolean;
};
/**
* 拖拽时，自动吸附屏幕边缘的临界距离
*
* @type {Number}
*/
stickyDistance: {
type: NumberConstructor;
default: number;
};
/**
* 渲染函数
*
* @type {Function}
*/
render: {
type: FunctionConstructor;
};
/**
* v-if 重新渲染body内容
*
* @type {Boolean}
*/
resetBody: {
type: BooleanConstructor;
default: boolean;
};
/**
* 是否禁止对页面滚动条的修改
*
* @type {Boolean}
*/
lockScroll: {
type: BooleanConstructor;
default: boolean;
};
}>> & {
"onUpdate:modelValue"?: (...args: any[]) => any;
"onOn-visible-change"?: (...args: any[]) => any;
"onOn-cancel"?: (...args: any[]) => any;
"onOn-hidden"?: (...args: any[]) => any;
"onOn-confirm"?: (...args: any[]) => any;
}, {
width: string | number;
top: number;
styles: Record<string, any>;
modelValue: boolean;
center: boolean;
loading: boolean;
zIndex: number;
fullscreen: boolean;
transfer: boolean;
maskClosable: boolean;
closeIcon: string;
sticky: boolean;
loadingType: string;
scrollable: boolean;
transitionNames: unknown[];
mask: boolean;
closable: boolean;
cancelText: string;
confirmText: string;
resetDragPosition: boolean;
footerHide: boolean;
draggable: boolean;
stickyDistance: number;
resetBody: boolean;
lockScroll: boolean;
}>;
export default _sfc_main;