clickOutside

directives.js

import { getType } from '@/utils'

export const clickOutside = {
  bind(el, binding, vnode, oldVnode) {
    function handler(e) {
      if (!el.contains(e.target) && getType(binding.value) === 'function') {
        binding.value(e)
      }
    }

    el.__handler__ = handler
    document.addEventListener('click', handler)
  },
  unbind(el, binding, vnode, oldVnode) {
    document.removeEventListener('click', el.__handler__)
    delete el.__handler__
  },
}