chore: Update passing api

docs/demo/twoButtons.md

@@ -0,0 +1,12 @@
+---
+title: Two Buttons
+order: 8
+---
+
+Demonstrates two buttons with different tooltips on hover.
+
+```jsx
+import TwoButtonsDemo from '../examples/twoButtons';
+
+export default () => <TwoButtonsDemo />;
+```

docs/examples/twoButtons.tsx

@@ -0,0 +1,29 @@
+import { UniqueProvider } from '@rc-component/trigger';
+import React from 'react';
+import '../../assets/bootstrap.less';
+import Tooltip from '../../src';
+
+const TwoButtonsDemo = () => (
+  <UniqueProvider>
+    <div style={{ margin: 100 }}>
+      <Tooltip
+        placement="top"
+        trigger={['hover']}
+        overlay="This is the first tooltip"
+        motion={{ motionName: 'rc-tooltip-zoom' }}
+      >
+        <button type="button">Button 1</button>
+      </Tooltip>
+      <Tooltip
+        placement="top"
+        trigger={['hover']}
+        overlay="This is the second tooltip"
+        motion={{ motionName: 'rc-tooltip-zoom' }}
+      >
+        <button type="button">Button 2</button>
+      </Tooltip>
+    </div>
+  </UniqueProvider>
+);
+
+export default TwoButtonsDemo;

package.json

@@ -41,8 +41,8 @@
     "test": "rc-test"
   },
   "dependencies": {
-    "@rc-component/trigger": "^3.0.0",
-    "@rc-component/util": "^1.0.1",
+    "@rc-component/trigger": "^3.6.0",
+    "@rc-component/util": "^1.3.0",
     "classnames": "^2.3.1"
   },
   "devDependencies": {

src/Tooltip.tsx

@@ -45,6 +45,11 @@ export interface TooltipProps
   zIndex?: number;
   styles?: TooltipStyles;
   classNames?: TooltipClassNames;
+  /**
+   * Config Tooltip can reuse of the bg for transition usage.
+   * This is a experimental API, may be not stable.
+   */
+  unique?: TriggerProps['unique'];
 }
 
 export interface TooltipStyles {