Add drawerStyle

Author: afc163

HISTORY.md

@@ -2,6 +2,10 @@ History
 
 ---
 
+## 2.1.0
+
+- Add `drawerStyle`.
+
 ## 1.5.0
 
 1. Rename `handleChild` -> `handled`, remove `handleStyle`.
@@ -23,4 +27,4 @@ add `maskStyle`;
 ### Func
 
 1. add `top` `bottom` placement.
-2. `handleChild` type remove Array;
+2. `handleChild` type remove Array;

README.md

@@ -63,8 +63,9 @@ ReactDom.render(
 | ease | string | `cubic-bezier(0.78, 0.14, 0.15, 0.86)` | level animation timing function |
 | getContainer    | string \| func \| HTMLElement | `body` | Return the mount node for Drawer. if is `null` use React.creactElement  |
 | showMask    |  boolean  | true | mask is show |
-| maskClosable | boolean  | true | Clicking on the mask (area outside the Drawer) to close the Drawer or not. | 
-| maskStyle | object | null | mask style |
+| maskClosable | boolean  | true | Clicking on the mask (area outside the Drawer) to close the Drawer or not. |
+| maskStyle | CSSProperties | null | mask style |
+| drawerStyle | CSSProperties | null | style of the drawer popup element |
 | onChange  | func | null | change callback(open) |
 | afterVisibleChange  | func | null | transition end callback(open) |
 | onClose | func | null | close click function |

package.json

@@ -44,32 +44,32 @@
     "react": "*"
   },
   "devDependencies": {
-    "@types/classnames": "^2.2.6",
+    "@types/classnames": "^2.2.9",
     "@types/enzyme": "^3.1.15",
     "@types/jest": "^24.0.15",
     "@types/raf": "^3.4.0",
-    "@types/react": "^16.7.17",
-    "@types/react-dom": "^16.0.11",
+    "@types/react": "^16.9.5",
+    "@types/react-dom": "^16.9.1",
     "@types/react-lifecycles-compat": "^3.0.1",
     "@types/warning": "^3.0.0",
-    "enzyme": "^3.8.0",
-    "enzyme-adapter-react-16": "^1.7.1",
-    "enzyme-to-json": "^3.3.5",
+    "enzyme": "^3.10.0",
+    "enzyme-adapter-react-16": "^1.14.0",
+    "enzyme-to-json": "^3.4.2",
     "father": "^2.13.2",
     "jsonp": "^0.2.0",
     "np": "^5.0.3",
-    "pre-commit": "1.x",
+    "pre-commit": "^1.2.2",
     "querystring": "^0.2.0",
     "rc-test": "^6.0.1",
-    "react": "^16.0.0",
-    "react-dom": "^16.0.0",
-    "react-test-renderer": "^16.0.0",
-    "typescript": "^3.5.2"
+    "react": "^16.10.2",
+    "react-dom": "^16.10.2",
+    "react-test-renderer": "^16.10.2",
+    "typescript": "^3.6.3"
   },
   "dependencies": {
-    "babel-runtime": "6.x",
-    "classnames": "^2.2.5",
-    "rc-util": "^4.7.0",
+    "babel-runtime": "^6.26.0",
+    "classnames": "^2.2.6",
+    "rc-util": "^4.11.2",
     "react-lifecycles-compat": "^3.0.4"
   }
 }

src/DrawerChild.tsx

@@ -450,6 +450,7 @@ class DrawerChild extends React.Component<IDrawerChildProps, IState> {
       showMask,
       maskClosable,
       maskStyle,
+      drawerStyle,
       onClose,
       onHandleClick,
       keyboard,
@@ -515,6 +516,7 @@ class DrawerChild extends React.Component<IDrawerChildProps, IState> {
             msTransform: transform,
             width: isNumeric(width) ? `${width}px` : width,
             height: isNumeric(height) ? `${height}px` : height,
+            ...drawerStyle,
           }}
           ref={c => {
             this.contentWrapper = c as HTMLElement;