20 lines
593 B
TypeScript
20 lines
593 B
TypeScript
|
import {onBeforeUnmount, onMounted} from 'vue'
|
||
|
|
|
||
|
|
export default function useClickOutside(component: any, callback: any) {
|
||
|
|
|
||
|
|
if (!component) return
|
||
|
|
const listener = (event: any) => {
|
||
|
|
|
||
|
|
if (event.target !== component.value && event.composedPath().includes(component.value)) {
|
||
|
|
|
||
|
|
return
|
||
|
|
}
|
||
|
|
if (typeof callback === 'function') {
|
||
|
|
callback()
|
||
|
|
}
|
||
|
|
}
|
||
|
|
onMounted(() => { window.addEventListener('click', listener) })
|
||
|
|
onBeforeUnmount(() => {window.removeEventListener('click', listener)})
|
||
|
|
|
||
|
|
return {listener}
|
||
|
|
}
|