dtd
Version:
根据数梦工场视觉规范打造的组件库,感谢react-components和ant design
106 lines (105 loc) • 3.59 kB
TypeScript
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;
}