init: 初始系统模板

src/directive/roles-directive.ts

@@ -0,0 +1,38 @@
+import { hasRoles, matchRoles } from '@/plugins/auth-user';
+import { DirectiveBinding } from 'vue';
+
+/**
+ * roles-权限标识
+ *
+ * 指令值：字符串数组
+ *
+ * 指令的参数：has/math，默认has
+ *
+ * v-roles="['admin']"
+ * 等同
+ * v-roles:has="['admin']"
+ *
+ * v-roles:math="['common', 'user']"
+ *
+ * @param el 指令绑定到的元素
+ * @param binding 一个对象
+ */
+export default function (el: any, binding: DirectiveBinding<any>) {
+  const value = binding.value;
+  let arg = binding.arg;
+  let ok: boolean = false;
+  if (Array.isArray(value) && value.length > 0) {
+    // 匹配
+    if (arg === 'math') {
+      ok = matchRoles(value);
+    }
+    // 含有
+    if (!arg || arg === 'has') {
+      ok = hasRoles(value);
+    }
+  }
+  // 没有权限就移除节点
+  if (!ok) {
+    el.parentNode && el.parentNode.removeChild(el);
+  }
+}