import React from 'react'; import './Dialog.scss'; /** * 定义 MtDialog 的 Props 类型 */ export interface MtDialogProps { /** 按钮的内容 */ children?: React.ReactNode; /** 是否显示 Dialog */ isOpenDialog?: boolean; /** 修改是否显示 Dialog的值 */ onChangeIsOpenDialog?: null | ((isOpenDialog: undefined | boolean) => void); /** Dialog 对话框 Dialog 的标题 也可通过具名 headerSlot 传入 */ title?: string; /** 对话框的宽度,默认值为 50% */ width?: string; /** dialog CSS 中的 margin-top 值,单位vh */ top?: string; /** 是否需要遮罩层 */ modal?: boolean; /** 遮罩层级 */ zIndex?: number; /** 是否在 Dialog 出现时将 body 滚动锁定 */ lockScroll?: boolean; /** 是否可以通过点击 modal 关闭 Dialog */ closeOnClickModal?: boolean; /** 是否可以通过按下 ESC 关闭 Dialog */ closeOnPressEscape?: boolean; /** 是否显示关闭按钮 */ showClose?: boolean; /** 是否让 Dialog 的 header 和 footer 部分居中排列 */ center?: boolean; /** 关闭前的回调,会暂停 Dialog 的关闭. 回调函数内执行 done 参数方法的时候才是真正关闭对话框的时候. */ beforeClose?: null | ((done: () => void) => void); /** 是否开启dialog动画 */ openAnimation?: boolean; /** 自定义关闭图标, string | Component */ closeIcon?: string | React.ReactNode; /** 头部卡槽 */ headerSlot?: React.ReactNode; /** 默认内容卡槽 */ defaultSlot?: React.ReactNode; /** 底部卡槽 */ footerSlot?: React.ReactNode; } declare const MtDialog: React.FC; export default MtDialog;