1

2026-05-25 17:08:18 +08:00
parent df501f6151
commit f1259b71b5
9178 changed files with 1626125 additions and 0 deletions
@@ -0,0 +1,35 @@
+import useLayoutEffect from "@rc-component/util/es/hooks/useLayoutEffect";
+import { collectScroller, getWin } from "../util";
+export default function useWatch(open, target, popup, onAlign, onScroll) {
+  useLayoutEffect(() => {
+    if (open && target && popup) {
+      const targetElement = target;
+      const popupElement = popup;
+      const targetScrollList = collectScroller(targetElement);
+      const popupScrollList = collectScroller(popupElement);
+      const win = getWin(popupElement);
+      const mergedList = new Set([win, ...targetScrollList, ...popupScrollList]);
+      function notifyScroll() {
+        onAlign();
+        onScroll();
+      }
+      mergedList.forEach(scroller => {
+        scroller.addEventListener('scroll', notifyScroll, {
+          passive: true
+        });
+      });
+      win.addEventListener('resize', notifyScroll, {
+        passive: true
+      });
+
+      // First time always do align
+      onAlign();
+      return () => {
+        mergedList.forEach(scroller => {
+          scroller.removeEventListener('scroll', notifyScroll);
+          win.removeEventListener('resize', notifyScroll);
+        });
+      };
+    }
+  }, [open, target, popup]);
+}