fix: ts error

Author: aojunhao123

docs/examples/formError.tsx

@@ -4,13 +4,13 @@ import React, { Component } from 'react';
 import '../../assets/bootstrap.less';
 
 interface TestState {
-  visible: boolean;
+  open: boolean;
   destroy?: boolean;
 }
 
 class Test extends Component {
   state = {
-    visible: false,
+    open: false,
   } as TestState;
 
   handleDestroy = () => {
@@ -33,7 +33,7 @@ class Test extends Component {
       <div>
         <div style={{ marginTop: 100, marginLeft: 100, marginBottom: 100 }}>
           <Tooltip
-            visible={this.state.visible}
+            open={this.state.open}
             motion={{ motionName: 'rc-tooltip-zoom' }}
             trigger={[]}
             overlayStyle={{ zIndex: 1000 }}

docs/examples/onVisibleChange.tsx

@@ -7,16 +7,16 @@ function preventDefault(e) {
 }
 
 interface TestState {
-  visible: boolean;
+  open: boolean;
   destroy?: boolean;
 }
 
 class Test extends Component {
   state = {
-    visible: false,
+    open: false,
   } as TestState;
 
-  onVisibleChange = visible => {
+  onOpenChange = visible => {
     this.setState({
       visible,
     });
@@ -36,9 +36,9 @@ class Test extends Component {
       <div>
         <div style={{ marginTop: 300, marginLeft: 100, marginBottom: 100 }}>
           <Tooltip
-            visible={this.state.visible}
+            open={this.state.open}
             motion={{ motionName: 'rc-tooltip-zoom' }}
-            onVisibleChange={this.onVisibleChange}
+            onOpenChange={this.onOpenChange}
             trigger="click"
             overlay={<span>I am a tooltip</span>}
           >

docs/examples/simple.tsx

@@ -88,7 +88,7 @@ class Test extends Component<any, TestState> {
     });
   };
 
-  onVisibleChange = (visible) => {
+  onOpenChange = (visible) => {
     console.log('tooltip', visible); // eslint-disable-line no-console
   };
 
@@ -211,7 +211,7 @@ class Test extends Component<any, TestState> {
             mouseLeaveDelay={0.1}
             destroyTooltipOnHide={this.state.destroyTooltipOnHide}
             trigger={Object.keys(this.state.trigger) as ActionType[]}
-            onVisibleChange={this.onVisibleChange}
+            onOpenChange={this.onOpenChange}
             overlay={<div style={{ height: 50, width: 50 }}>i am a tooltip</div>}
             align={{
               offset: [this.state.offsetX, this.state.offsetY],