diff --git a/components/modal/Modal.tsx b/components/modal/Modal.tsx index 6c65a943b7..45d4b41553 100644 --- a/components/modal/Modal.tsx +++ b/components/modal/Modal.tsx @@ -79,6 +79,7 @@ export interface ModalFuncProps { zIndex?: number; okCancel?: boolean; style?: React.CSSProperties; + maskStyle?: React.CSSProperties; type?: string; keyboard?: boolean; getContainer?: (instance: React.ReactInstance) => HTMLElement; diff --git a/components/modal/confirm.tsx b/components/modal/confirm.tsx index 8fab01262b..7b5196cd1f 100644 --- a/components/modal/confirm.tsx +++ b/components/modal/confirm.tsx @@ -15,7 +15,7 @@ interface ConfirmDialogProps extends ModalFuncProps { const IS_REACT_16 = !!ReactDOM.createPortal; const ConfirmDialog = (props: ConfirmDialogProps) => { - const { onCancel, onOk, close, zIndex, afterClose, visible, keyboard, centered, getContainer, okButtonProps, cancelButtonProps } = props; + const { onCancel, onOk, close, zIndex, afterClose, visible, keyboard, centered, getContainer, maskStyle, okButtonProps, cancelButtonProps } = props; const iconType = props.iconType || 'question-circle'; const okType = props.okType || 'primary'; const prefixCls = props.prefixCls || 'ant-modal'; @@ -56,6 +56,7 @@ const ConfirmDialog = (props: ConfirmDialogProps) => { footer="" maskTransitionName="fade" maskClosable={maskClosable} + maskStyle={maskStyle} style={style} width={width} zIndex={zIndex}