Merge pull request #444 from nianxiongdi/a11yd

docs(Dialog): fix focus problem

Author: youluna

docs/dialog/demo/accessibility.md

@@ -28,9 +28,7 @@ class Demo extends React.Component {
             visible: true
         });
     };
-    onClose = reason => {
-        console.log(reason);
-
+    onClose = () => {
         this.setState({
             visible: false
         });
@@ -44,6 +42,7 @@ class Demo extends React.Component {
                 <Dialog
                     title="Welcome to Alibaba.com"
                     visible={this.state.visible}
+                    autoFocus
                     onOk={this.onClose.bind(this, 'okClick')}
                     onCancel={this.onClose.bind(this, 'cancelClick')}
                     onClose={this.onClose}

docs/overlay/demo/accessibility.md

@@ -21,24 +21,20 @@ import { Overlay } from '@alifd/next';
 class Demo extends React.Component {
     constructor(props) {
         super(props);
-
         this.state = {
             visible: false
         };
-    }
-
+    };
     onClick = () => {
         this.setState({
             visible: !this.state.visible
         });
-    }
-
+    };
     onClose = () => {
         this.setState({
             visible: false
         });
-    }
-
+    };
     render() {
         return (
             <div>
@@ -48,6 +44,7 @@ class Demo extends React.Component {
                     overlay accessibility
                 </button>
                 <Overlay visible={this.state.visible}
+                    autoFocus
                     target={() => this.btn}
                     safeNode={() => this.btn}
                     onRequestClose={this.onClose}>