@cainiaofe/cn-ui-m
Version:
66 lines (65 loc) • 1.34 kB
TypeScript
import React from 'react';
import type { StyleOverrides } from "../../../types";
export interface CnModalProps extends StyleOverrides {
/**
* 是否可见
*/
visible?: boolean;
/**
* 自定义容器
* 默认使用 document.body
*/
container?: HTMLElement;
/**
* Portal 是否禁用
*/
disablePortal?: boolean;
/**
* 背景图
*/
bgImg?: string;
/**
* 摆放的位置
*/
placement?: 'center' | 'top' | 'right' | 'bottom' | 'left';
/**
* 是否显示mask
*/
showMask?: boolean;
/**
* 点击mask是否关闭
*/
maskClosable?: boolean;
/**
* 蒙层的className
*/
maskClassName?: string;
/**
* 容器的className
*/
containerClassName?: string;
/**
* 容器的style
*/
containerStyle?: React.CSSProperties;
/**
* 自定义覆盖层数
*/
zIndex?: number;
/**
* 内容
*/
children?: any;
/**
* 点击蒙层时触发的回调函数
*/
onMaskClick?: (e: any) => void;
/**
* 显示隐藏时触发的回调函数
*/
onVisibleChange?: (visible: boolean, reason?: string) => void;
/**
* 关闭时触发的回调函数
*/
onClose?: (reason: 'close' | 'mask', e: any) => void;
}