rc-drawer-menu is deprecated, use rc-drawer instead. Apply API change, fix iconHandle not work.

package.json

@@ -41,7 +41,7 @@
     "path-to-regexp": "^2.1.0",
     "prop-types": "^15.5.10",
     "qs": "^6.5.0",
-    "rc-drawer-menu": "^0.5.0",
+    "rc-drawer": "^1.2.0",
     "react": "^16.2.0",
     "react-container-query": "^0.9.1",
     "react-document-title": "^2.0.3",

src/components/SiderMenu/index.js

@@ -1,19 +1,21 @@
-import 'rc-drawer-menu/assets/index.css';
+import 'rc-drawer/assets/index.css';
 import React from 'react';
-import DrawerMenu from 'rc-drawer-menu';
+import DrawerMenu from 'rc-drawer';
 import SiderMenu from './SiderMenu';
 
 const SiderMenuWrapper = props =>
   props.isMobile ? (
     <DrawerMenu
-      parent={null}
+      getContainer={null}
       level={null}
-      iconChild={null}
+      handleChild={<i className="drawer-handle-icon" />}
+      onHandleClick={() => {
+        props.onCollapse(!props.collapsed);
+      }}
       open={!props.collapsed}
       onMaskClick={() => {
         props.onCollapse(true);
       }}
-      width="256px"
     >
       <SiderMenu {...props} collapsed={props.isMobile ? false : props.collapsed} />
     </DrawerMenu>