acud
Version:
acg react 组件库
53 lines (52 loc) • 1.69 kB
TypeScript
import * as React from 'react';
declare enum SizeType {
'small' = "sm",
'normal' = "md",
'large' = "lg",
'extraLarge' = "xl"
}
export interface DialogBoxProps {
/** 弹框是否可见 */
visible?: boolean;
/** 弹框大小 */
size?: keyof typeof SizeType;
/** 确定按钮 loading */
confirmLoading?: boolean;
/** 对话框标题 */
title?: string;
/** 对话框内容 */
content?: React.ReactNode;
/** 对话框类型 */
type?: string;
/** 点击确定回调 */
onOk?: (e: React.MouseEvent<HTMLElement>) => void;
/** 点击模态框右上角叉、取消按钮、Props.maskClosable 值为 true 时的遮罩层或键盘按下 Esc 时的回调 */
onCancel?: (e: React.MouseEvent<HTMLElement>) => void;
afterClose?: () => void;
/** 弹框宽度 */
width?: number;
/** 底部内容 */
footer?: React.ReactNode;
/** 确认按钮文字 */
okText?: string;
/** 取消按钮文字 */
cancelText?: string;
/** 点击蒙层是否允许关闭 */
maskClosable?: boolean;
/** 是否强制渲染 DialogBox */
forceRender?: boolean;
/** 关闭时是否销毁 DialogBox 里的子元素 */
destroyOnClose?: boolean;
style?: React.CSSProperties;
className?: string;
/** 指定DialogBox挂载的html节点 */
getContainer?: string | HTMLElement | (() => HTMLElement) | false | null;
/** 设置 DialogBox 的 z-index */
zIndex?: number;
/** 是否支持键盘 esc 关闭 */
keyboard?: boolean;
/** 自定义关闭图标 */
closeIcon?: React.ReactNode;
}
declare const DialogBox: React.FC<DialogBoxProps>;
export default DialogBox;