ship-view-ui-plus/src/directives/clickoutside.js

A high quality UI components Library with Vue.js 3

import { isClient } from '../utils/index';

export default {
    beforeMount (el, binding, vnode) {
        function documentHandler (e) {
            if (el.contains(e.target)) {
                return false;
            }
            binding.value(e);
        }
        el.__vueClickOutside__ = documentHandler;
        isClient && document.addEventListener('click', documentHandler);
    },
    unmounted (el, binding) {
        isClient && document.removeEventListener('click', el.__vueClickOutside__);
        delete el.__vueClickOutside__;
    }
};