demo: improve drawer demo and test case code

components/drawer/__tests__/MultiDrawer.test.js

@@ -40,7 +40,7 @@ class MultiDrawer extends React.Component {
         </Button>
         <Drawer
           title="Multi-level drawer"
-          wrapClassName="test_drawer"
+          className="test_drawer"
           width={520}
           closable={false}
           onClose={this.onClose}

components/drawer/demo/basic-left.md

@@ -55,9 +55,3 @@ class App extends React.Component {
 
 ReactDOM.render(<App />, mountNode);
 ```
-
-<style>
-#_hj_feedback_container{
-  display:none
-}
-</style>

components/drawer/demo/basic-right.md

@@ -55,10 +55,3 @@ class App extends React.Component {
 
 ReactDOM.render(<App />, mountNode);
 ```
-
-
-<style>
-#_hj_feedback_container{
-  display:none
-}
-</style>

components/drawer/demo/from-drawer.md

@@ -28,11 +28,9 @@ class DrawerForm extends React.Component {
   };
 
   onClose = () => {
-    this.setState(
+    this.setState({
-      {
       visible: false,
-      }
+    });
-    );
   };
 
   render() {
@@ -174,13 +172,8 @@ class DrawerForm extends React.Component {
     );
   }
 }
+
 const App = Form.create()(DrawerForm);
 
 ReactDOM.render(<App />, mountNode);
 ```
-
-<style>
-#_hj_feedback_container{
-  display:none
-}
-</style>

components/drawer/demo/multi-level-drawer.md

@@ -52,7 +52,6 @@ class App extends React.Component {
         <Drawer
           title="Multi-level drawer"
           width={520}
-          wrapClassName="test_drawer"
           closable={false}
           onClose={this.onClose}
           visible={this.state.visible}
@@ -102,9 +101,3 @@ class App extends React.Component {
 
 ReactDOM.render(<App />, mountNode);
 ```
-
-<style>
-#_hj_feedback_container{
-  display:none
-}
-</style>

components/drawer/demo/user-profile.md

@@ -24,8 +24,7 @@ const pStyle = {
   marginBottom: 16,
 };
 
-const DescriptionItem = ({ title, content }) => {
+const DescriptionItem = ({ title, content }) => (
-  return (
   <div
     style={{
       fontSize: 14,
@@ -45,8 +44,7 @@ const DescriptionItem = ({ title, content }) => {
     </p>
     {content}
   </div>
-  );
+);
-};
 
 class App extends React.Component {
   state = { visible: false };
@@ -185,9 +183,3 @@ class App extends React.Component {
 
 ReactDOM.render(<App />, mountNode);
 ```
-
-<style>
-#_hj_feedback_container{
-  display:none
-}
-</style>

components/drawer/index.en-US.md

@@ -31,3 +31,9 @@ A Drawer is a panel that is typically overlaid on top of a page and slides in fr
 | zIndex | The `z-index` of the Drawer. | Number | 1000 |
 | placement | The placement of the Drawer. | 'left' \| 'right' | 'right'
 | onClose | Specify a callback that will be called when a user clicks mask, close button or Cancel button. | function(e) | - |
+
+<style>
+#_hj_feedback_container {
+  display: none;
+}
+</style>

components/drawer/index.zh-CN.md

@@ -32,3 +32,9 @@ title: Drawer
 | zIndex | 设置 Drawer 的 `z-index` | Number | 1000 |
 | placement | 抽屉的方向 | 'left' \| 'right' | 'right'
 | onClose | 点击遮罩层或右上角叉或取消按钮的回调 | function(e) | 无 |
+
+<style>
+#_hj_feedback_container {
+  display: none;
+}
+</style>