UNPKG

easemob-chat-uikit

Version:

![Static Badge](https://img.shields.io/badge/platform-React-green) ![Static Badge](https://img.shields.io/badge/language-typescript-green) ![GitHub commit activity](https://img.shields.io/github/commit-activity/y/easemob/Easemob-UIKit-web) ![GitHub last c

58 lines (57 loc) 1.92 kB
import * as React from 'react'; import type { ButtonProps, ButtonType } from '../button/Button'; export interface ModalProps { /** 对话框是否可见 */ open?: boolean; /** 确定按钮 loading */ confirmLoading?: boolean; /** 标题 */ title?: React.ReactNode; /** 是否显示右上角的关闭按钮 */ closable?: boolean; /** 点击确定回调 */ onOk?: (e: React.MouseEvent<HTMLElement>) => void; /** 点击模态框右上角叉、取消按钮、Props.maskClosable 值为 true 时的遮罩层或键盘按下 Esc 时的回调 */ onCancel?: (e: React.SyntheticEvent) => void; afterClose?: () => void; /** 垂直居中 */ centered?: boolean; /** 宽度 */ width?: string | number; /** 底部内容 */ footer?: React.ReactNode; /** 确认按钮文字 */ okText?: React.ReactNode; /** 确认按钮类型 */ okType?: ButtonType; /** 取消按钮文字 */ cancelText?: React.ReactNode; cancelType?: ButtonType; /** 点击蒙层是否允许关闭 */ maskClosable?: boolean; /** 强制渲染 Modal */ forceRender?: boolean; okButtonProps?: ButtonProps; cancelButtonProps?: ButtonProps; destroyOnClose?: boolean; style?: React.CSSProperties; wrapClassName?: string; maskTransitionName?: string; transitionName?: string; className?: string; getContainer?: string | HTMLElement | getContainerFunc | false; zIndex?: number; bodyStyle?: React.CSSProperties; maskStyle?: React.CSSProperties; mask?: boolean; keyboard?: boolean; wrapProps?: any; prefixCls?: string; closeIcon?: React.ReactNode; modalRender?: (node: React.ReactNode) => React.ReactNode; focusTriggerAfterClose?: boolean; children?: React.ReactNode; } type getContainerFunc = () => HTMLElement; declare const Modal: React.FC<ModalProps>; export default Modal;