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

feat(use): add useWindowSize

Browse Source
This commit is contained in:
chenjiahan 2020-09-14 17:48:14 +08:00
parent ea846033f7
commit 4fa602bc77
2 changed files with 19 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
packages/vant-use/src/index.ts
View File

@ -1,4 +1,5 @@
export { useToggle } from './useToggle'; export { useToggle } from './useToggle';
export { useClickAway } from './useClickAway'; export { useClickAway } from './useClickAway';
export { useWindowSize } from './useWindowSize';
export { useScrollParent } from './useScrollParent'; export { useScrollParent } from './useScrollParent';
export { useEventListener } from './useEventListener'; export { useEventListener } from './useEventListener';

18
packages/vant-use/src/useWindowSize/index.ts Normal file
View File

@ -0,0 +1,18 @@
import { ref } from 'vue';
import { inBrowser } from '../shared';
import { useEventListener } from '../useEventListener';
export function useWindowSize(initialWidth = 0, initialHeight = 0) {
const width = ref(inBrowser ? window.innerWidth : initialWidth);
const height = ref(inBrowser ? window.innerHeight : initialHeight);
const onResize = () => {
width.value = window.innerWidth;
height.value = window.innerHeight;
};
useEventListener('resize', onResize);
useEventListener('orientationchange', onResize);
return { width, height };
}