import store from '../../store'

const hasPermission = {
  install(Vue) {
    Vue.directive('hasPermission', {
      bind(el, binding, vnode) {
        let tagNavList = store.getters.tagNavList

        let permissionList = []
        for (let tag of tagNavList) {
          if (tag.path === vnode.context.$route.path) {
            permissionList = tag.permission
            break
          }
        }
       /* if (!permissionList) {
          console.error(`权限判断不生效。因路由中不包含permission字段，请检查路由表设置。当前路由地址：${vnode.context.$route.path}`)
          return
        }
        if (typeof (permissionList) !== 'object' || !permissionList.length) {
          console.error(`权限判断不生效。因路由中permission字段非数组类型或内容为空，请检查路由表设置。当前路由地址：${vnode.context.$route.path}`)
          return
        }*/
        if (permissionList && permissionList.length>0 && !permissionList.includes(binding.value)) {
          el.parentNode.removeChild(el)
        }
      }
    })
  }
}

export default hasPermission