chore: Update passing api (#501)

* chore: bump package.json

* chore: pass props to trigger

* docs: update ci

* Update src/Tooltip.tsx

Co-authored-by: gemini-code-assist[bot] <176961590+gemini-code-assist[bot]@users.noreply.github.com>

---------

Co-authored-by: gemini-code-assist[bot] <176961590+gemini-code-assist[bot]@users.noreply.github.com>

Author: zombieJ

.dumirc.ts

@@ -1,11 +1,11 @@
 import { defineConfig } from 'dumi';
 import path from 'path';
 
-const isProdSite =
-  // 不是预览模式 同时是生产环境
-  process.env.PREVIEW !== 'true' && process.env.NODE_ENV === 'production';
+// const isProdSite =
+//   // 不是预览模式 同时是生产环境
+//   process.env.PREVIEW !== 'true' && process.env.NODE_ENV === 'production';
 
-const name = 'tooltip';
+// const name = 'tooltip';
 
 export default defineConfig({
   alias: {
@@ -18,6 +18,6 @@ export default defineConfig({
     name: 'Tooltip',
     logo: 'https://avatars0.githubusercontent.com/u/9441414?s=200&v=4',
   },
-  base: isProdSite ? `/${name}/` : '/',
-  publicPath: isProdSite ? `/${name}/` : '/',
+  // base: isProdSite ? `/${name}/` : '/',
+  // publicPath: isProdSite ? `/${name}/` : '/',
 });

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;
+  /**
+   * Configures Tooltip to reuse the background for transition usage.
+   * This is an experimental API and may not be stable.
+   */
+  unique?: TriggerProps['unique'];
 }
 
 export interface TooltipStyles {