feat(Dialog): add wrapperClassName to Dialog v2

h2-start · Aug 4, 2022 · ddb7bc2 · ddb7bc2
1 parent 8d49599
commit ddb7bc2
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 0 deletions.
diff --git 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, 控制对话框关闭的方式，值可以为字符串或者布尔值，其中字符串是由以下值组成：<br/>**close** 表示点击关闭按钮可以关闭对话框<br/>**mask** 表示点击遮罩区域可以关闭对话框<br/>**esc** 表示按下 esc 键可以关闭对话框<br/>如 'close' 或 'close,esc,mask'<br/>如果设置为 true，则以上关闭方式全部生效<br/>如果设置为 false，则以上关闭方式全部失效 | String/Boolean      | 'esc,close'                                                                       |          |
 | onClose              | 点击对话框关闭按钮时触发的回调函数<br/><br/>**签名**:<br/>Function(trigger: String, event: Object) => void<br/>**参数**:<br/>_trigger_: {String} 关闭触发行为的描述字符串<br/>_event_: {Object} 关闭时事件对象                                                                 | Function            | () => {}                                                                          |          |
 | align                | [v2废弃] 对话框对齐方式, 具体见Overlay文档                                                                                                                                                                                                           | String/Boolean      | 'cc cc'                                                                           |          |

diff --git 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
@@ -167,6 +167,10 @@ export default class Dialog extends Component {
          * @version 1.25
          */
         overflowScroll: PropTypes.bool,
+        /**
+         * [v2] 弹窗最外包裹层 classname
+         */
+        wrapperClassName: PropTypes.string,
         /**
          * [废弃]同closeMode, 控制对话框关闭的方式，值可以为字符串或者布尔值，其中字符串是由以下值组成：
          * **close** 表示点击关闭按钮可以关闭对话框