[lnuxe]

🤔 这个 PR 的性质是？

• 日常 bug 修复

🔗 相关 Issue

无（本 PR 直接修复 Dialog 快速重开时的滚动穿透）

📝 描述

useLockStyle 在 Dialog 关闭后延迟 150ms 才移除滚动锁样式，这样离场动画不会被截断。但重新打开时只做了 appendChild，没有取消上一次排队的移除：

if (visible) {
  document.head.appendChild(lockStyleRef.current);
} else {
  clearStyleFunc();
}

所以「关闭 → 150ms 内重新打开」时，旧定时器到点会把正在使用的锁样式摘掉，页面在弹窗打开的状态下可以滚动——滚动穿透。

改动

     if (visible) {
+      // 重新打开时取消上一次关闭排队的移除，否则 150ms 后会把正在使用的锁样式删掉
+      clearTimeout(timerRef.current);
       document.head.appendChild(lockStyleRef.current);
     } else {
       clearStyleFunc();
     }

🔍 自测

修复前（还原 useLockStyle.ts 后跑新测试）：

× Dialog > scenarios > lock style > keeps the scroll lock when the dialog reopens within the close delay
  → expected +0 to be 1 // Object.is equality
Tests  1 failed (1)

修复后：

✓ Dialog > scenarios > lock style > keeps the scroll lock when the dialog reopens within the close delay
✓ Dialog > scenarios > lock style > removes the scroll lock after the dialog closes and stays closed
Tests  2 passed (2)

第二个用例确认正常关闭路径仍然会移除锁样式，修复没有把清理一起关掉。

回归：

npx vitest run packages/components/dialog
Test Files  2 passed (2)
     Tests  11 passed (11)

✅ 贡献者检查

• 我的代码遵循这个项目的代码风格
• 我已经自己检查了自己的代码
• 我已经添加了必要的测试
• 我已经在本地通过了所有测试

[tdesign-bot]

TDesign Component Site Preview Open

Component	Preview
tdesign-react
@tdesign-react/chat

[pkg-pr-new]

• tdesign-react-demo

  npm i https://pkg.pr.new/tdesign-react@4482
  

  npm i https://pkg.pr.new/@tdesign-react/chat@4482
  

commit: acc6e41