blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-06 03:57:59 +08:00
Code Issues Projects Releases Wiki Activity

chore: adjust useVisibilityChange

Browse Source
This commit is contained in:
chenjiahan 2020-09-12 21:47:05 +08:00
parent 10cfb36636
commit 68817e3aba
4 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
packages/vant-use/src/shared.ts Normal file
View File

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

3
packages/vant-use/src/useClickAway/index.ts
View File

@ -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;

3
packages/vant-use/src/useEventListener/index.ts
View File

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

7
src/composition/use-visibility-change.ts
View File

@ -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();
}
onChange(entries[0].intersectionRatio > 0);
},
{ root: document.body }
);