feat(use): usePageVisibility

2025-04-06 03:57:59 +08:00 · 2020-09-14 18:50:22 +08:00 · 2020-09-14 18:50:22 +08:00 · 36b8748552
commit 36b8748552
parent 1607aa8ba7
1 changed files with 18 additions and 0 deletions
--- a/packages/vant-use/src/usePageVisibility/index.ts
+++ b/packages/vant-use/src/usePageVisibility/index.ts
@ -0,0 +1,18 @@
+import { ref } from 'vue';
+import { inBrowser } from '../shared';
+import { useEventListener } from '../useEventListener';
+
+export function usePageVisibility() {
+  const visibility = ref<VisibilityState>('visible');
+
+  const setVisibility = () => {
+    if (inBrowser) {
+      visibility.value = document.hidden ? 'hidden' : 'visible';
+    }
+  };
+
+  setVisibility();
+  useEventListener('visibilitychange', setVisibility);
+
+  return visibility;
+}