first commit

resources/admin/stores/modules/user/permissions.ts

@@ -0,0 +1,193 @@
+import { defineStore } from 'pinia'
+import { Permission } from '/admin/types/permission'
+import { MenuType } from '/admin/enum/app'
+import { Menu } from '/admin/types/Menu'
+import { constantRoutes } from '/admin/router'
+import { RouteRecordRaw } from 'vue-router'
+
+interface Permissions {
+  menus: Menu[]
+
+  asyncMenus: Menu[]
+
+  permissions: Permission[]
+
+  menuPathMap: Map<string, string>
+}
+
+export const usePermissionsStore = defineStore('PermissionsStore', {
+  state: (): Permissions => {
+    return {
+      menus: [],
+
+      asyncMenus: [],
+
+      permissions: [],
+
+      menuPathMap: new Map(),
+    }
+  },
+
+  /**
+   * get
+   */
+  getters: {
+    getMenus(): Menu[] {
+      return this.menus
+    },
+
+    getAsyncMenus(): Menu[] {
+      return this.asyncMenus
+    },
+
+    getPermissions(): Permission[] {
+      return this.permissions
+    },
+
+    getMenuPathMap(): Map<string, string> {
+      return this.menuPathMap
+    },
+  },
+
+  /**
+   * actions
+   */
+  actions: {
+    /**
+     * generate async menus
+     * @param permissions
+     * @param force
+     * @returns
+     */
+    getAsyncMenusFrom(permissions: Permission[], force: boolean = false): Menu[] {
+      // 如果非强制获取并且 menu 有值，直接返回
+      if (!force && this.asyncMenus.length > 0) {
+        return this.asyncMenus
+      }
+
+      const menus: Permission[] = []
+
+      permissions.forEach(permission => {
+        if (permission.type === MenuType.PAGE_TYPE) {
+          menus.push(permission)
+        }
+
+        // set map
+        this.menuPathMap.set(permission.route, permission.title)
+      })
+
+      this.setAsyncMenus(this.getAsnycMenus(menus))
+
+      return this.asyncMenus
+    },
+
+    /**
+     * get menus
+     * @param permissions
+     * @param force
+     * @returns
+     */
+    getMenusFrom(permissions: Permission[], force: boolean = false): Menu[] {
+      // 如果非强制获取并且 menu 有值，直接返回
+      if (!force && this.menus.length > 0) {
+        return this.menus
+      }
+      const asyncMenus = this.getAsyncMenusFrom(permissions, force)
+
+      this.setMenus(asyncMenus)
+
+      return this.menus
+    },
+
+    /**
+     * set menus
+     *
+     * @param menus
+     */
+    setMenus(menus: Menu[]) {
+      this.menus = this.transformRoutesToMenus(constantRoutes).concat(menus)
+    },
+
+    setAsyncMenus(menus: Menu[]) {
+      this.asyncMenus = menus
+    },
+
+    /**
+     * 生成 Menus
+     *
+     * @param permissions
+     * @param parentId
+     * @param path
+     * @returns
+     */
+    getAsnycMenus(permissions: Permission[], parentId: number = 0, path: string = ''): Menu[] {
+      const menus: Menu[] = []
+
+      permissions.forEach(permission => {
+        if (permission.parent_id === parentId) {
+          // menu
+          const menu: Menu = Object.assign({
+            path: this.resoulveRoutePath(permission.route, path),
+            name: permission.module + '_' + permission.permission_mark,
+            redirect: permission.redirect,
+            meta: Object.assign({ title: permission.title, icon: permission.icon, hidden: permission.hidden, is_inner: permission.is_inner }),
+          })
+
+          // child menu
+          const children = this.getAsnycMenus(permissions, permission.id, menu.path)
+          if (children.length > 0) {
+            menu.children = children
+          }
+          menus.push(menu)
+        }
+      })
+
+      return menus
+    },
+
+    /**
+     * transform routes to menus
+     * @param routes
+     * @param path
+     * @returns
+     */
+    transformRoutesToMenus(routes: Menu[] | Array<RouteRecordRaw>, path: string = ''): Menu[] {
+      const menus: Menu[] = []
+
+      routes.forEach(route => {
+        if (route.meta?.hidden) {
+          return false
+        }
+
+        const menu: Menu = Object.assign({
+          path: this.resoulveRoutePath(route.path, path),
+          name: route.name,
+          meta: route.meta,
+          component: route.component,
+        })
+
+        if (route.children?.length) {
+          menu.children = this.transformRoutesToMenus(route.children, menu.path)
+        }
+
+        menus.push(menu)
+      })
+      return menus
+    },
+
+    /**
+     * resoulve route path
+     * @param route
+     * @param path
+     * @returns
+     */
+    resoulveRoutePath(route: string, path: string): string {
+      if (path.length) {
+        return (path + (route.indexOf('/') === -1 ? '/' : '') + route).replace(/\/$/g, '')
+      }
+
+      // 去除尾部的 /
+      return route.replace(/\/$/g, '')
+    },
+  },
+})