fix: ts

Author: zombieJ

docs/examples/formError.tsx

@@ -34,7 +34,7 @@ class Test extends Component {
             visible={this.state.visible}
             motion={{ motionName: 'rc-tooltip-zoom' }}
             trigger={[]}
-            overlayStyle={{ zIndex: 1000 }}
+            styles={{ root: { zIndex: 1000 } }}
             overlay={<span>required!</span>}
           >
             <input onChange={this.handleChange} />

docs/examples/placement.tsx

@@ -94,8 +94,8 @@ const Test: React.FC = () => (
       <h5>Debug Usage</h5>
       <Popup
         prefixCls="rc-tooltip"
-        className="rc-tooltip-placement-top"
-        style={{ display: 'inline-block', position: 'relative' }}
+        classNames={{ body: 'rc-tooltip-placement-top' }}
+        styles={{ body: { display: 'inline-block', position: 'relative' } }}
       >
         Test
       </Popup>

docs/examples/point.tsx

@@ -30,7 +30,7 @@ const Test: React.FC = () => {
           <Tooltip
             placement="top"
             overlay={text}
-            overlayInnerStyle={{ width: 300, height: 50 }}
+            styles={{ body: { width: 300, height: 50 } }}
             popupVisible
             arrowContent={<div className="rc-tooltip-arrow-inner" />}
           >

docs/examples/simple.tsx

@@ -217,7 +217,7 @@ class Test extends Component<any, TestState> {
               offset: [this.state.offsetX, this.state.offsetY],
             }}
             motion={{ motionName: this.state.transitionName }}
-            overlayInnerStyle={state.overlayInnerStyle}
+            styles={{ body: state.overlayInnerStyle }}
           >
             <div style={{ height: 100, width: 100, border: '1px solid red' }}>trigger</div>
           </Tooltip>