blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-05 19:41:42 +08:00
Code Issues Projects Releases Wiki Activity

perf(@vant/use): reduce event listener of useWindowSize (#9658)

Browse Source 
* perf(@vant/use): reduce event listener of useWindowSize

* chore: update
This commit is contained in:
neverland 2021-10-11 20:47:29 +08:00 committed by GitHub
parent 499b8464f6
commit 2008982ff9
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 17 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
packages/vant-use/src/useWindowSize/index.ts
View File

@ -1,18 +1,26 @@
import { ref } from 'vue';
import { ref, Ref } from 'vue';
import { inBrowser } from '../utils';
import { useEventListener } from '../useEventListener';
let width: Ref<number>;
let height: Ref<number>;
export function useWindowSize() {
const width = ref(inBrowser ? window.innerWidth : 0);
const height = ref(inBrowser ? window.innerHeight : 0);
if (!width) {
width = ref(0);
height = ref(0);
const onResize = () => {
width.value = window.innerWidth;
height.value = window.innerHeight;
};
const update = () => {
if (inBrowser) {
width.value = window.innerWidth;
height.value = window.innerHeight;
}
};
useEventListener('resize', onResize);
useEventListener('orientationchange', onResize);
update();
useEventListener('resize', update);
useEventListener('orientationchange', update);
}
return { width, height };
}