chore: use useEventListener

src/dropdown-menu/index.js

@@ -4,9 +4,9 @@ import { ref, provide, reactive, computed } from 'vue';
 import { createNamespace, isDef } from '../utils';
 
 // Composition
+import { useEventListener } from '@vant/use';
 import { useRect } from '../composition/use-rect';
 import { useScroller } from '../composition/use-scroller';
-import { useGlobalEvent } from '../composition/use-global-event';
 import { useClickOutside } from '../composition/use-click-outside';
 
 const [createComponent, bem] = createNamespace('dropdown-menu');
@@ -121,10 +121,14 @@ export default createComponent({
       callback: onClickOutside,
     });
 
-    useGlobalEvent(scroller, 'scroll', () => {
+    useEventListener({
-      if (opened.value) {
+      type: 'scroll',
-        updateOffset();
+      target: scroller,
-      }
+      listener() {
+        if (opened.value) {
+          updateOffset();
+        }
+      },
     });
 
     return () => (

src/index-bar/index.js

@@ -12,10 +12,10 @@ import {
 } from '../utils/dom/scroll';
 
 // Composition
+import { useEventListener } from '@vant/use';
 import { useRect } from '../composition/use-rect';
 import { useTouch } from '../composition/use-touch';
 import { useScroller } from '../composition/use-scroller';
-import { useGlobalEvent } from '../composition/use-global-event';
 
 export const INDEX_BAR_KEY = 'vanIndexBar';
 
@@ -156,7 +156,11 @@ export default createComponent({
       }
     };
 
-    useGlobalEvent(scroller, 'scroll', onScroll);
+    useEventListener({
+      type: 'scroll',
+      target: scroller,
+      listener: onScroll,
+    });
 
     watch(
       () => props.indexList,

src/list/index.js

@@ -5,10 +5,10 @@ import { createNamespace } from '../utils';
 import { isHidden } from '../utils/dom/style';
 
 // Composition
+import { useEventListener } from '@vant/use';
 import { useRect } from '../composition/use-rect';
 import { useScroller } from '../composition/use-scroller';
 import { usePublicApi } from '../composition/use-public-api';
-import { useGlobalEvent } from '../composition/use-global-event';
 
 // Components
 import Loading from '../loading';
@@ -142,7 +142,12 @@ export default createComponent({
     });
 
     usePublicApi({ check });
-    useGlobalEvent(scroller, 'scroll', check);
+
+    useEventListener({
+      type: 'scroll',
+      target: scroller,
+      listener: check,
+    });
 
     return () => {
       const Content = slots.default?.();

src/sticky/index.js

@@ -7,8 +7,8 @@ import { createNamespace } from '../utils';
 import { getScrollTop, getElementTop } from '../utils/dom/scroll';
 
 // Composition
+import { useEventListener } from '@vant/use';
 import { useScroller } from '../composition/use-scroller';
-import { useGlobalEvent } from '../composition/use-global-event';
 import { useVisibilityChange } from '../composition/use-visibility-change';
 
 const [createComponent, bem] = createNamespace('sticky');
@@ -101,7 +101,12 @@ export default createComponent({
       emitScrollEvent(scrollTop);
     };
 
-    useGlobalEvent(scroller, 'scroll', onScroll);
+    useEventListener({
+      type: 'scroll',
+      target: scroller,
+      listener: onScroll,
+    });
+
     useVisibilityChange(rootRef, onScroll);
 
     return () => {