rename focusTriggerAfterClose

Author: shaodahong

README.md

@@ -210,10 +210,10 @@ ReactDOM.render(
           <td>Create dialog dom node before dialog first show </td>
       </tr>
       <tr>
-          <td>disableFocus</td>
+          <td>focusTriggerAfterClose</td>
           <td>Boolean</td>
-          <td>false</td>
-          <td>Disable focus target element when invisible</td>
+          <td>true</td>
+          <td>focus trigger element when dialog closed</td>
       </tr>
     </tbody>
 </table>

examples/ant-design.tsx

@@ -112,7 +112,7 @@ class MyControl extends React.Component<any, any> {
         destroyOnClose={this.state.destroyOnClose}
         closeIcon={this.state.useIcon ? getSvg(clearPath, {}, true) : undefined}
         forceRender={this.state.forceRender}
-        disableFocus
+        focusTriggerAfterClose={false}
       >
         <input autoFocus />
         <p>basic modal</p>

src/Dialog.tsx

@@ -68,6 +68,7 @@ export default class Dialog extends React.Component<IDialogChildProps, any> {
     maskClosable: true,
     destroyOnClose: false,
     prefixCls: 'rc-dialog',
+    focusTriggerAfterClose: true,
   };
 
   private inTransition: boolean = false;
@@ -98,7 +99,7 @@ export default class Dialog extends React.Component<IDialogChildProps, any> {
   }
 
   componentDidUpdate(prevProps: IDialogPropTypes) {
-    const {visible, mask, disableFocus} = this.props;
+    const {visible, mask, focusTriggerAfterClose} = this.props;
     const mousePosition = this.props.mousePosition;
     if (visible) {
       // first show
@@ -119,7 +120,7 @@ export default class Dialog extends React.Component<IDialogChildProps, any> {
       }
     } else if (prevProps.visible) {
       this.inTransition = true;
-      if (mask && this.lastOutSideFocusNode && !disableFocus) {
+      if (mask && this.lastOutSideFocusNode && focusTriggerAfterClose) {
         try {
           this.lastOutSideFocusNode.focus();
         } catch (e) {

src/IDialogPropTypes.tsx

@@ -40,7 +40,7 @@ interface IDialogPropTypes {
   forceRender?: boolean;
   // https://github.com/ant-design/ant-design/issues/19771
   // https://github.com/react-component/dialog/issues/95
-  disableFocus?: boolean;
+  focusTriggerAfterClose?: boolean;
 }
 
 export default IDialogPropTypes;