feat: support contentWrapper style (#166)

Author: kerm1it

README.md

@@ -70,6 +70,7 @@ ReactDom.render(
 | onClose | func | null | close click function |
 | onHandleClick | func | nul  | handle icon click function |
 | keyboard | Boolean | true |  Whether support press esc to close |
+| contentWrapperStyle | CSSProperties | null |  content wrapper style |
 
 > 2.0 Rename `onMaskClick` -> `onClose`, add `maskClosable`.
 

src/DrawerChild.tsx

@@ -480,6 +480,7 @@ class DrawerChild extends React.Component<IDrawerChildProps, IState> {
       keyboard,
       getOpenCount,
       scrollLocker,
+      contentWrapperStyle,
       ...props
     } = this.props;
     // 首次渲染都将是关闭状态。
@@ -542,6 +543,7 @@ class DrawerChild extends React.Component<IDrawerChildProps, IState> {
             msTransform: transform,
             width: isNumeric(width) ? `${width}px` : width,
             height: isNumeric(height) ? `${height}px` : height,
+            ...contentWrapperStyle
           }}
           ref={c => {
             this.contentWrapper = c as HTMLElement;

src/IDrawerPropTypes.ts

@@ -34,6 +34,7 @@ interface IProps extends Omit<React.HTMLAttributes<any>, 'onChange'> {
   onHandleClick?: (e: React.MouseEvent | React.KeyboardEvent) => void;
   onClose?: (e: React.MouseEvent | React.KeyboardEvent) => void;
   keyboard?: boolean;
+  contentWrapperStyle?: React.CSSProperties;
 }
 
 export interface IDrawerProps extends IProps {

tests/index.spec.tsx

@@ -217,4 +217,12 @@ describe('rc-drawer-menu', () => {
     });
     expect(toJson(instance.render())).toMatchSnapshot();
   });
+
+  it('contentWrapperStyle', () => {
+    instance = mount(
+      <Drawer contentWrapperStyle={{ background: '#f00' }} level={null} />,
+    );
+    const content = instance.find('.drawer-content-wrapper').instance() as any;
+    expect(content.style.background).toBe('rgb(255, 0, 0)');
+  });
 });