iview

// Type definitions for iview 3.3.1 // Project: https://github.com/iview/iview // Definitions by: yangdan // Definitions: https://github.com/yangdan8/iview.git import Vue, { VNode, CreateElement } from "vue"; export declare class Modal extends Vue { /** * 对话框是否显示，可使用 v-model 双向绑定数据。 * @default false */ value?: boolean; /** * 对话框标题，如果使用 slot 自定义了页头，则 title 无效 */ title?: string; /** * 是否显示右上角的关闭按钮，关闭后 Esc 按键也将关闭, * @default true */ closable?: boolean; /** * 是否允许点击遮罩层关闭 * @default true */ "mask-closable"?: boolean; /** * 点击确定按钮时，确定按钮是否显示 loading 状态，开启则需手动设置visible来关闭对话框, * @default false */ loading?: boolean; /** * 页面是否可以滚动 * @default false */ scrollable?: boolean; /** * 是否全屏显示 * @default false */ fullscreen?: boolean; /** * 是否可以拖拽移动 * @default false */ draggable?: boolean; /** * 是否显示遮罩层，开启 draggable 时，强制不显示 * @default true */ mask?: boolean; /** * 确定按钮文字 * @default 确定 */ "ok-text"?: string; /** * 取消按钮文字 * @default 取消 */ "cancel-text"?: string; /** * 对话框宽度，单位 px。 * 对话框的宽度是响应式的，当屏幕尺寸小于 768px 时，宽度会变为自动auto, * @default 520 */ width?: number | string; /** * 不显示底部 * @default false */ "footer-hide"?: boolean; /** * 设置浮层样式，调整浮层位置等，该属性设置的是.ivu-modal的样式 */ style?: object; /** * 设置对话框容器.ivu-modal-wrap的类名，可辅助实现垂直居中等自定义效果 */ "class-name"?: string; /** * 层级 * @default 1000 */ "z-index"?: number; /** * 自定义显示动画，第一项是模态框，第二项是背景, * @default ['ease', 'fade'] */ "transition-names"?: Array<string>; /** * 是否将弹层放置于 body 内，默认值true * @default true */ transfer?: boolean; /** * 点击确定的回调 */ $emit(eventName: "on-ok"): this; /** * 开关变化时触发，返回当前的状态 */ $emit(eventName: "on-cancel"): this; /** * 开关变化时触发，返回当前的状态 */ $emit(eventName: "on-visible-change", visible: boolean): this; /** * slot插槽对象 */ $slots: { /** * 对话框主体内容 */ "": VNode[]; /** * 自定义页头 */ header: VNode[]; /** * 自定义页脚内容 */ footer: VNode[]; /** * 自定义右上角关闭内容 */ close: VNode[]; }; } export declare class ModalInstance extends Modal { /** * 消息 * @param config ModalConfig为相关配置,string为待显示的内容 */ info(config?: ModalConfig | string): void; /** * 成功 * @param config ModalConfig为相关配置,string为待显示的内容 */ success(config?: ModalConfig | string): void; /** * 警告 * @param config ModalConfig为相关配置,string为待显示的内容 */ warning(config?: ModalConfig | string): void; /** * 错误 * @param config ModalConfig为相关配置,string为待显示的内容 */ error(config?: ModalConfig | string): void; /** * 对话框 * @param config ModalConfig为相关配置,string为待显示的内容 */ confirm(config?: ModalConfig | string): void; /** * 移除 */ remove(): void; } export declare class ModalConfig { /** * 标题或者Element选择器字符串 */ title?: string; /** * 内容或者Element选择器字符串 */ content?: string; /** * 自定义内容，使用后不再限制类型， content 也无效。 * @param h Render函数 */ render?: (h?: CreateElement) => void; /** * 宽度，单位 px * @default 416 */ width?: number | string; /** * 确定按钮的文字 * @default 确定 */ okText?: string; /** * 取消按钮的文字，只在Modal.confirm()下有效 * @default 取消 */ cancelText?: string; /** * 点击确定按钮时，确定按钮是否显示 loading 状态，开启则需手动调用Modal.remove()来关闭对话框 * @default false */ loading?: boolean; /** * 页面是否可以滚动 * @default false */ scrollable?: boolean; /** * 页面是否可以滚动 * @default false */ closable?: boolean; /** * 点击确定的回调 */ onOk?: () => void; /** * 点击取消的回调，只在Modal.confirm()下有效 */ onCancel?: () => void; } declare module "vue/types/vue" { interface Vue { /** * 对话框 */ $Modal: ModalInstance; } }