跳到主要内容

Tooltip hover 延迟默认值改为 500ms(WEB-1124)

版本: 0.6.2 · 类型: 🐛 缺陷修复

WEB-1124

问题

Tooltip 此前指针悬停后立即出现(delayDuration 默认 0),快速划过多个可 hover 元素时容易频繁闪现。因该行为属于组件库统一交互规范,改在组件库侧统一调整,避免各业务方各自 hack 延迟——Tree 组件此前就为规避该问题自行传入 300ms。

改动文件

  • packages/design/src/components/Tooltip/Tooltip.tsx
  • packages/design/src/components/Tooltip/styles.ts
  • packages/design/src/components/Tree/Tree.tsx
  • packages/design/src/components/Tree/constants.ts

改动内容

  1. styles.ts 新增常量 TOOLTIP_DEFAULT_DELAY_DURATION_MS = 500
  2. Tooltip / TooltipProviderdelayDuration 默认值由 0 改为 TOOLTIP_DEFAULT_DELAY_DURATION_MSskipDelayDuration 保持默认 0 不变
  3. 消失行为不变:Radix 内部 onTriggerLeave 立即触发关闭,不受 delayDuration 影响
  4. 移除 Tree 组件此前为规避该问题自行加的 TITLE_TOOLTIP_DELAY_MS(300ms)hack 及其 import,标题超长 tooltip 改用组件库新默认值 500ms