refactor ts

src/directive/permission/index.ts

@@ -0,0 +1,44 @@
+import { Directive, DirectiveBinding } from 'vue';
+import useUserStore from '@/store/modules/user';
+/**
+ * 操作权限处理
+ */
+export const hasPermi: Directive = {
+	mounted(el: HTMLElement, binding: DirectiveBinding) {
+		const { permissions } = useUserStore();
+		// 「其他角色」按钮权限校验
+		const { value } = binding;
+		if (value && value instanceof Array && value.length > 0) {
+			const hasPermission = permissions.some((permi) => {
+				return permi === '*:*:*' || value.includes(permi);
+			});
+			if (!hasPermission) {
+				el.parentNode && el.parentNode.removeChild(el);
+				return false;
+			}
+		} else {
+			throw new Error("check perms! Like v-has-permi=\"['sys:user:add','sys:user:edit']\"");
+		}
+	}
+};
+
+/**
+ * 角色权限处理
+ */
+export const hasRoles: Directive = {
+	mounted(el: HTMLElement, binding: DirectiveBinding) {
+		const { value } = binding;
+		const { roles } = useUserStore();
+		if (value && value instanceof Array && value.length > 0) {
+			const hasRole = roles.some((role) => {
+				return role === 'admin' || value.includes(role);
+			});
+			if (!hasRole) {
+				el.parentNode && el.parentNode.removeChild(el);
+				return false;
+			}
+		} else {
+			throw new Error("check roles! Like v-has-roles=\"['admin','test']\"");
+		}
+	}
+};