diff --git a/docs/dialog/index.md b/docs/dialog/index.md index 0ce9f5a3a6..de7e5a02d3 100644 --- a/docs/dialog/index.md +++ b/docs/dialog/index.md @@ -62,6 +62,7 @@ API变化: | closeIcon | [v2] 定制关闭按钮 icon | ReactNode | - | 1.25 | | centered | [v2] 弹窗居中对齐 | Boolean | false | 1.25 | | overflowScroll | [v2] 对话框高度超过浏览器视口高度时,对话框是否展示滚动条。关闭此功后对话框会随高度撑开页面 | Boolean | true | 1.25 | +| wrapperClassName | [v2] 弹窗最外包裹层 classname | String | - | | | closeable | [废弃]同closeMode, 控制对话框关闭的方式,值可以为字符串或者布尔值,其中字符串是由以下值组成:
**close** 表示点击关闭按钮可以关闭对话框
**mask** 表示点击遮罩区域可以关闭对话框
**esc** 表示按下 esc 键可以关闭对话框
如 'close' 或 'close,esc,mask'
如果设置为 true,则以上关闭方式全部生效
如果设置为 false,则以上关闭方式全部失效 | String/Boolean | 'esc,close' | | | onClose | 点击对话框关闭按钮时触发的回调函数

**签名**:
Function(trigger: String, event: Object) => void
**参数**:
_trigger_: {String} 关闭触发行为的描述字符串
_event_: {Object} 关闭时事件对象 | Function | () => {} | | | align | [v2废弃] 对话框对齐方式, 具体见Overlay文档 | String/Boolean | 'cc cc' | | diff --git a/src/dialog/dialog-v2.jsx b/src/dialog/dialog-v2.jsx index 09493b5164..f6468a7972 100644 --- a/src/dialog/dialog-v2.jsx +++ b/src/dialog/dialog-v2.jsx @@ -42,6 +42,7 @@ const Dialog = props => { animation = { in: 'fadeInUp', out: 'fadeOutUp' }, cache, wrapperStyle, + wrapperClassName, popupContainer = document.body, dialogRender, centered, @@ -238,6 +239,7 @@ const Dialog = props => { const wrapperCls = classNames({ [`${prefix}overlay-wrapper`]: true, + [wrapperClassName]: !!wrapperClassName, opened: visible, }); const dialogCls = classNames({ diff --git a/src/dialog/dialog.jsx b/src/dialog/dialog.jsx index 20c8ffed7b..4e36cbefe8 100644 --- a/src/dialog/dialog.jsx +++ b/src/dialog/dialog.jsx @@ -167,6 +167,10 @@ export default class Dialog extends Component { * @version 1.25 */ overflowScroll: PropTypes.bool, + /** + * [v2] 弹窗最外包裹层 classname + */ + wrapperClassName: PropTypes.string, /** * [废弃]同closeMode, 控制对话框关闭的方式,值可以为字符串或者布尔值,其中字符串是由以下值组成: * **close** 表示点击关闭按钮可以关闭对话框