import store from '@/store';

export default {
  inserted(el, binding, vnode) {
    // 当被绑定的元素插入到 DOM 中时……
    const { value } = binding;
    const all_permission = '*:*:*';
    //超管标识
    const permissions = store.getters && store.getters.permissions;
    //从getters中取出从接口请求到的权限标识数组
    if (value && value instanceof Array && value.length > 0) {
      //value为指令的绑定值，并且要求是一个非空数组
      const permissionFlag = value;

      const hasPermissions = permissions.some((permission) => {
        //some() 方法用于检测数组中的元素是否满足指定条件（函数提供）
        //如果是超管或者其他管理员有对应的权限标识
        return all_permission === permission || permissionFlag.includes(permission);
        //检测数组 permissionFlag 是否包含 permission
      });

      if (!hasPermissions) {
        el.parentNode && el.parentNode.removeChild(el);
        //否则就删除该节点，体现在页面上就是没有按钮对应的权限标识就不显示该按钮
      }
    } else {
      throw new Error(`请设置操作权限标签值`);
      //页面上使用v-hasPermi没有传值的情况下给的提示
    }
  },
};