refactor: 前端文件夹名称调整

frontend/src/directive/auth.ts

@@ -0,0 +1,62 @@
+import type { App } from 'vue';
+import { useUserInfo } from '@/store/userInfo';
+import { judementSameArr } from '@/common/utils/arrayOperation';
+import { hasPerm } from '@/components/auth/auth';
+
+// 用户权限指令
+export function authDirective(app: App) {
+    // 单个权限验证（v-auth="xxx"）
+    app.directive('auth', {
+        mounted(el, binding) {
+            if (!hasPerm(binding.value)) {
+                parseNoAuth(el, binding);
+            }
+        },
+    });
+    // 多个权限验证，满足一个则显示（v-auths="[xxx,xxx]"）
+    app.directive('auths', {
+        mounted(el, binding) {
+            const value = binding.value;
+            let flag = false;
+            useUserInfo().userInfo.permissions.map((val: any) => {
+                value.map((v: any) => {
+                    if (val === v) flag = true;
+                });
+            });
+            if (!flag) {
+                parseNoAuth(el, binding);
+            }
+        },
+    });
+    // 多个权限验证，全部满足则显示（v-auth-all="[xxx,xxx]"）
+    app.directive('auth-all', {
+        mounted(el, binding) {
+            if (!judementSameArr(binding.value, useUserInfo().userInfo.permissions)) {
+                parseNoAuth(el, binding);
+            }
+        },
+    });
+}
+
+/**
+ * 处理没有权限场景
+ *
+ * @param el  元素
+ * @param binding 绑定至
+ */
+const parseNoAuth = (el: any, binding: any) => {
+    const { arg } = binding;
+    // 如果是禁用模式，则将元素禁用
+    if (arg == 'disabled') {
+        el.setAttribute('disabled', true);
+        el.classList.add('is-disabled');
+        el.addEventListener('click', disableClickFn, true);
+    } else {
+        // 移除该元素
+        el.parentNode.removeChild(el);
+    }
+};
+
+const disableClickFn = (event: any) => {
+    event && event.stopImmediatePropagation();
+};