import React from 'react'; import { BackdropProps } from '../../Modal/Backdrop'; export default interface Props { /** * 对话框标题 * @type {string} */ title?: string; /** * 子元素 */ children?: React.ReactNode; /** * 对话框内容 */ content?: string; /** * 按钮操作区域 */ actions?: any; /** * 控制确定按钮的显示与否 */ ok?: boolean | string | any; /** * 是否显示取消按钮 */ cancel?: boolean | string; /** * 确定按钮被点击时的回调函数 */ onOk?: (event: React.MouseEvent) => void; /** * 取消按钮被点击时的回调函数 */ onCancel?: (event: React.MouseEvent) => void; /** * 确认操作的按钮名称 */ okName?: string; /** * 取消操作的按钮名称 */ cancelName?: string; /** * 按钮垂直显示 */ column?: boolean; /** * 全屏模式 */ fullScreen?: boolean; /** * 宽度最大化 */ fullWidth?: boolean; /** * 如果为true,则打开Dialog。 * * @type {boolean} */ open: boolean; /** * Dialog展现过渡动画。默认为Fade。 * * @type {(string | ())} */ transition?: React.ReactType; /** * 过渡动画时长。 * */ transitionDuration?: number | { enter: number; exit: number; }; /** * 为true时显示backdrop,为false时不显示backdrop。默认为true。 * * @type {boolean} */ backdrop?: boolean; /** * 为true时可以响应backdrop点击事件。 * 为false时表示不可响应backdrop点击事件,也就是说点击backdrop时不会引起modal的关闭。 * 默认为true。 * * @type {boolean} */ backdropClick?: boolean; /** * 给Backdrop指定的属性 * */ BackdropProps?: BackdropProps; /** * backdrop被点击时的回调函数 * * @type {(SyntheticMouseEvent<*>) => void} */ onBackdropClick?: (event: React.MouseEvent) => void; /** * Modal组件请求关闭时的回调函数。 * * 回调函数签名: * * `function(event: object, reason: string) => void` * * * **event**: 事件源 * * **reason**: 引起关闭的原因。 * 'escapeKeyDown'表示按ESC键引起关闭, * 'backdropClick'表示点击backdrop引起关闭。 */ onRequestClose?: (event: React.MouseEvent) => void; /** * 自定义类名 */ className?: string; /** * 自定义样式 */ style?: React.CSSProperties; /** * 宽度自适应 */ autoWidth?: boolean; /** * 显示关闭按钮 */ showCloseIcon?: boolean; /** * 不可用状态 */ disabled?: boolean; /** * 是否显示嵌套层 */ containsIframe?: boolean; /** * 是否可拖拽 */ draggable?: boolean; /** * 布局方式 */ absolute?: boolean; container?: HTMLElement; }