UNPKG

dtd

Version:

根据数梦工场视觉规范打造的组件库,感谢react-components和ant design

106 lines (105 loc) 3.59 kB
import * as React from 'react'; import * as PropTypes from 'prop-types'; import { ButtonType } from '../button/button'; export interface ModalProps { /** 对话框是否可见*/ visible?: boolean; /** 确定按钮 loading*/ confirmLoading?: boolean; /** 标题*/ title?: React.ReactNode | string; /** 是否显示右上角的关闭按钮*/ closable?: boolean; /** 点击确定回调*/ onOk?: (e: React.MouseEvent<any>) => void; /** 点击模态框右上角叉、取消按钮、Props.maskClosable 值为 true 时的遮罩层或键盘按下 Esc 时的回调*/ onCancel?: (e: React.MouseEvent<any>) => void; afterClose?: () => void; /** 宽度*/ width?: string | number; /** 底部内容*/ footer?: React.ReactNode; /** 确认按钮文字*/ okText?: string; /** 确认按钮类型*/ okType?: ButtonType; /** 取消按钮文字*/ cancelText?: string; /** 点击蒙层是否允许关闭*/ maskClosable?: boolean; destroyOnClose?: boolean; style?: React.CSSProperties; wrapClassName?: string; maskTransitionName?: string; transitionName?: string; className?: string; getContainer?: (instance: React.ReactInstance) => HTMLElement; zIndex?: number; bodyStyle?: React.CSSProperties; maskStyle?: React.CSSProperties; mask?: boolean; } export interface ModalFuncProps { prefixCls?: string; className?: string; visible?: boolean; title?: React.ReactNode; content?: React.ReactNode; onOk?: (...args: any[]) => any | PromiseLike<any>; onCancel?: (...args: any[]) => any | PromiseLike<any>; width?: string | number; iconClassName?: string; okText?: string; okType?: ButtonType; cancelText?: string; iconType?: string; maskClosable?: boolean; zIndex?: number; okCancel?: boolean; style?: React.CSSProperties; type?: string; } export declare type ModalFunc = (props: ModalFuncProps) => { destroy: () => void; }; export interface ModalLocale { okText: string; cancelText: string; justOkText: string; } export default class Modal extends React.Component<ModalProps, {}> { static info: ModalFunc; static success: ModalFunc; static error: ModalFunc; static warn: ModalFunc; static warning: ModalFunc; static confirm: ModalFunc; static defaultProps: { prefixCls: string; width: number; transitionName: string; maskTransitionName: string; confirmLoading: boolean; visible: boolean; okType: string; }; static propTypes: { prefixCls: PropTypes.Requireable<string>; onOk: PropTypes.Requireable<(...args: any[]) => any>; onCancel: PropTypes.Requireable<(...args: any[]) => any>; okText: PropTypes.Requireable<PropTypes.ReactNodeLike>; cancelText: PropTypes.Requireable<PropTypes.ReactNodeLike>; width: PropTypes.Requireable<string | number>; confirmLoading: PropTypes.Requireable<boolean>; visible: PropTypes.Requireable<boolean>; align: PropTypes.Requireable<object>; footer: PropTypes.Requireable<PropTypes.ReactNodeLike>; title: PropTypes.Requireable<PropTypes.ReactNodeLike>; closable: PropTypes.Requireable<boolean>; }; handleCancel: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void; handleOk: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void; componentDidMount(): void; renderFooter: (locale: ModalLocale) => JSX.Element; render(): JSX.Element; }