fix(Popup): avoid repeatedly triggering updateScrollTop

Author: RylanBot

packages/components/popup/Popup.tsx

@@ -90,6 +90,7 @@ const Popup = forwardRef<PopupInstanceFunctions, PopupProps>((originalProps, ref
   const portalRef = useRef(null); // portal dom 元素
   const contentRef = useRef<HTMLDivElement>(null); // 内容部分
   const popperRef = useRef<InnerPopperInstance>(null); // 保存 popper 实例
+  const prevVisible = useRef(visible);
 
   // 处理切换 panel 为 null 和正常内容动态切换的情况
   useEffect(() => {
@@ -214,12 +215,13 @@ const Popup = forwardRef<PopupInstanceFunctions, PopupProps>((originalProps, ref
 
   // 下拉展开时更新内部滚动条和箭头位置
   useEffect(() => {
-    if (visible && popupElement && contentRef.current) {
-      requestAnimationFrame(() => {
+    requestAnimationFrame(() => {
+      prevVisible.current = visible;
+      if (!prevVisible.current && visible && popupElement && contentRef.current) {
         updateScrollTop?.(contentRef.current);
-        updateArrowPosition();
-      });
-    }
+      }
+      updateArrowPosition();
+    });
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [visible, content, popupElement]);
 

packages/tdesign-react/CHANGELOG.md

@@ -17,9 +17,7 @@ spline: explain
 
 ### 🐞 Bug Fixes
 
-- `Cascader`: 
-  - 修复在弹出层可见期间，滚动位置被意外更新的问题 @RylanBot ([#4062](https://github.com/Tencent/tdesign-react/pull/4062))
-  - 优化 Safari 浏览器中点击展开图标没有变换方向的问题 @liweijie0812 ([#4056](https://github.com/Tencent/tdesign-react/pull/4056))
+- `Cascader`: 优化 Safari 浏览器中点击展开图标没有变换方向的问题 @liweijie0812 ([#4056](https://github.com/Tencent/tdesign-react/pull/4056))
 - `Dialog`: 
   - 修复 `closeOnOverlayClick` 为 `false` 时，`onOverlayClick` 无法触发的问题 @TidySongS ([#4065](https://github.com/Tencent/tdesign-react/pull/4065))
   - 修复 `mode="modeless"` 的弹窗，点击空白地方会被关闭的问题 @RylanBot ([#3950](https://github.com/Tencent/tdesign-react/pull/3950))