Tooltip hover 延迟默认值改为 500ms(WEB-1124)
版本: 0.6.2 · 类型: 🐛 缺陷修复
问题
Tooltip 此前指针悬停后立即出现(delayDuration 默认 0),快速划过多个可 hover 元素时容易频繁闪现。因该行为属于组件库统一交互规范,改在组件库侧统一调整,避免各业务方各自 hack 延迟——Tree 组件此前就为规避该问题自行传入 300ms。
改动文件
packages/design/src/components/Tooltip/Tooltip.tsxpackages/design/src/components/Tooltip/styles.tspackages/design/src/components/Tree/Tree.tsxpackages/design/src/components/Tree/constants.ts
改动内容
styles.ts新增常量TOOLTIP_DEFAULT_DELAY_DURATION_MS = 500Tooltip/TooltipProvider的delayDuration默认值由0改为TOOLTIP_DEFAULT_DELAY_DURATION_MS;skipDelayDuration保持默认0不变- 消失行为不变:Radix 内部
onTriggerLeave立即触发关闭,不受delayDuration影响 - 移除
Tree组件此前为规避该问题自行加的TITLE_TOOLTIP_DELAY_MS(300ms)hack 及其 import,标题超长 tooltip 改用组件库新默认值 500ms