support maskStyle

README.md

@@ -95,6 +95,12 @@ ReactDOM.render(
           <td>{}</td>
           <td>body style for dialog body element.Such as height</td>
       </tr>
+      <tr>
+          <td>maskStyle</td>
+          <td>Object</td>
+          <td>{}</td>
+          <td>style for mask element.</td>
+      </tr>
       <tr>
           <td>visible</td>
           <td>Boolean</td>

package.json

@@ -1,6 +1,6 @@
 {
   "name": "rc-dialog",
-  "version": "6.2.2",
+  "version": "6.2.3",
   "description": "dialog ui component for react",
   "keywords": [
     "react",

src/Dialog.jsx

@@ -69,6 +69,7 @@ const Dialog = React.createClass({
     visible: PropTypes.bool,
     mousePosition: PropTypes.object,
     wrapStyle: PropTypes.object,
+    maskStyle: PropTypes.object,
     prefixCls: PropTypes.string,
     wrapClassName: PropTypes.string,
   },
@@ -261,14 +262,21 @@ const Dialog = React.createClass({
     };
   },
 
+  getMaskStyle() {
+    return {
+      ...this.getZIndexStyle(),
+      ...this.props.maskStyle,
+    };
+  },
+
   getMaskElement() {
     const props = this.props;
     let maskElement;
     if (props.mask) {
       const maskTransition = this.getMaskTransitionName();
       maskElement = (
         <LazyRenderBox
-          style={this.getZIndexStyle()}
+          style={this.getMaskStyle()}
           key="mask"
           className={`${props.prefixCls}-mask`}
           hiddenClassName={`${props.prefixCls}-mask-hidden`}