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: useHandler add ref param

Browse Source
This commit is contained in:
陈嘉涵 2020-01-12 08:11:15 +08:00
parent 0d5b53d2a5
commit b6549ed721
1 changed files with 25 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
src/hooks/use-handler.ts
View File

@ -1,28 +1,44 @@
import { on, off } from '../utils'; import { on, off } from '../utils/dom/event';
import { onMounted, onActivated, onUnmounted, onDeactivated } from 'vue'; import {
Ref,
watch,
onMounted,
onActivated,
onUnmounted,
onDeactivated
} from 'vue';
export function useHandler( export function useHandler(
target: HTMLElement | Document | Window, target: HTMLElement | Document | Window,
event: string, event: string,
handler: any, handler: any,
passive = false passive = false,
ref?: Ref<boolean>
) { ) {
let added: boolean; let binded: boolean;
function add() { function add() {
if (!added) { if (binded || (ref && !ref.value)) {
on(target, event, handler, passive); return;
added = true;
} }
on(target, event, handler, passive);
binded = true;
} }
function remove() { function remove() {
if (added) { if (binded) {
off(target, event, handler); off(target, event, handler);
added = false; binded = false;
} }
} }
if (ref) {
watch(() => {
ref.value ? add() : remove();
});
}
onMounted(add); onMounted(add);
onActivated(add); onActivated(add);
onUnmounted(remove); onUnmounted(remove);