ivue-material-plus/src/utils/directives/outside.ts

A high quality UI components Library with Vue.js

import { isClient } from '../helpers';

export default {
  beforeMount(el, binding) {
    function documentHandler(e) {
      if (el.contains(e.target)) {
        return false;
      }

      binding.value(e);
    }

    el.__vueClickOutside__ = documentHandler;
    isClient && document.addEventListener('click', documentHandler);
  },
  unmounted(el) {
    isClient && document.removeEventListener('click', el.__vueClickOutside__);
    delete el.__vueClickOutside__;
  },
};