添加 cacheStore.

orion-ops-ui/src/store/index.ts

@@ -2,7 +2,7 @@ import { createPinia } from 'pinia';
 import useAppStore from './modules/app';
 import useUserStore from './modules/user';
 import useTabBarStore from './modules/tab-bar';
-import useMenuStore from './modules/system/menu';
+import useCacheStore from './modules/cache';
 
 const pinia = createPinia();
 
@@ -10,7 +10,7 @@ export {
   useAppStore,
   useUserStore,
   useTabBarStore,
-  useMenuStore
+  useCacheStore
 };
 
 export default pinia;

orion-ops-ui/src/store/modules/cache/index.ts

@@ -0,0 +1,29 @@
+import { defineStore } from 'pinia';
+import { CacheState } from './types';
+import { MenuQueryResponse } from '@/api/system/menu';
+
+const useCacheStore = defineStore('cache', {
+  state: (): CacheState => ({
+    menus: []
+  }),
+
+  getters: {},
+
+  actions: {
+    /**
+     * 更新菜单
+     */
+    updateMenu(menus: MenuQueryResponse[]) {
+      this.menus = menus;
+    },
+
+    /**
+     * 清空菜单
+     */
+    resetMenu() {
+      this.menus = [];
+    },
+  },
+});
+
+export default useCacheStore;

orion-ops-ui/src/store/modules/cache/types.ts

@@ -1,6 +1,6 @@
 import { MenuQueryResponse } from '@/api/system/menu';
 
-export interface MenuState {
+export interface CacheState {
   menus: MenuQueryResponse[],
 
   [key: string]: unknown;

orion-ops-ui/src/store/modules/system/menu/index.ts

@@ -1,84 +0,0 @@
-import { defineStore } from 'pinia';
-import { MenuState } from './types';
-import { MenuQueryResponse } from '@/api/system/menu';
-import { TreeNodeData } from '@arco-design/web-vue';
-
-const useMenuStore = defineStore('menu', {
-  state: (): MenuState => ({
-    menus: []
-  }),
-
-  getters: {
-    menuState(state: MenuState): MenuState {
-      return { ...state };
-    },
-    treeData(state: MenuState): TreeNodeData[] {
-      let render = (arr: any[]): TreeNodeData[] => {
-        return arr.map((s) => {
-          // 非 function
-          if (s.type === 3) {
-            return null as unknown as TreeNodeData;
-          }
-          // 当前节点
-          const node = {
-            key: s.id,
-            title: s.name,
-            children: undefined as unknown
-          } as TreeNodeData;
-          // 子节点
-          if (s.children && s.children.length) {
-            node.children = render(s.children);
-          }
-          return node;
-        }).filter(Boolean);
-      };
-      return [{
-        key: 0,
-        title: '根目录',
-        children: render([...state.menus])
-      }];
-    }
-  },
-
-  actions: {
-    /**
-     * 更新菜单
-     */
-    updateMenu(menus: MenuQueryResponse[]) {
-      this.menus = menus;
-    },
-
-    /**
-     * 获取父菜单
-     */
-    findParentMenu(arr: any, id: number): any {
-      if (!arr || !arr.length) {
-        return null;
-      }
-      // 当前级
-      for (let e of arr) {
-        if (e.id === id) {
-          return arr;
-        }
-      }
-      // 子级
-      for (let e of arr) {
-        if (e.children && e.children.length) {
-          if (this.findParentMenu(e.children, id)) {
-            return e.children;
-          }
-        }
-      }
-      return null;
-    },
-
-    /**
-     * 清空菜单
-     */
-    reset() {
-      this.menus = [];
-    },
-  },
-});
-
-export default useMenuStore;