chore: adjust useVisibilityChange

packages/vant-use/src/shared.ts

@@ -0,0 +1 @@
+export const inBrowser = typeof window !== 'undefined';

packages/vant-use/src/useClickAway/index.ts

@@ -1,5 +1,6 @@
 import { Ref, unref } from 'vue';
-import { inBrowser, useEventListener } from '../useEventListener';
+import { inBrowser } from '../shared';
+import { useEventListener } from '../useEventListener';
 
 export type UseClickAwayOptions = {
   eventName?: string;

packages/vant-use/src/useEventListener/index.ts

@@ -6,8 +6,7 @@ import {
   onUnmounted,
   onDeactivated,
 } from 'vue';
-
+import { inBrowser } from '../shared';
-export const inBrowser = typeof window !== 'undefined';
 
 let supportsPassive = false;
 if (inBrowser) {

src/composition/use-visibility-change.ts

@@ -7,9 +7,10 @@ import {
   onBeforeUnmount,
 } from 'vue';
 
+// @Experimental
 export function useVisibilityChange(
   target: Ref<Element>,
-  onChange: () => void
+  onChange: (visible: boolean) => void
 ) {
   // compatibility: https://caniuse.com/#feat=intersectionobserver
   if (!inBrowser || !window.IntersectionObserver) {
@@ -19,9 +20,7 @@ export function useVisibilityChange(
   const observer = new IntersectionObserver(
     (entries) => {
       // visibility changed
-      if (entries[0].intersectionRatio > 0) {
+      onChange(entries[0].intersectionRatio > 0);
-        onChange();
-      }
     },
     { root: document.body }
   );