perf: 同步完整版分支代码

src/store/modules/epTheme.ts

@@ -0,0 +1,25 @@
+import { store } from "/@/store";
+import { defineStore } from "pinia";
+import { storageLocal } from "/@/utils/storage";
+
+export const useEpThemeStore = defineStore({
+  id: "pure-epTheme",
+  state: () => ({
+    epThemeColor: storageLocal.getItem("epThemeColor") || "#409EFF"
+  }),
+  getters: {
+    getEpThemeColor() {
+      return this.epThemeColor;
+    }
+  },
+  actions: {
+    setEpThemeColor(newColor) {
+      this.epThemeColor = newColor;
+      storageLocal.setItem("epThemeColor", newColor);
+    }
+  }
+});
+
+export function useEpThemeStoreHook() {
+  return useEpThemeStore(store);
+}

src/store/modules/multiTags.ts

@@ -55,31 +55,30 @@ export const useMultiTagsStore = defineStore({
         case "push":
           {
             const tagVal = value as multiType;
+            const tagPath = tagVal?.path;
             // 判断tag是否已存在
             const tagHasExits = this.multiTags.some(tag => {
-              return tag.path === tagVal?.path;
+              return tag.path === tagPath;
             });
 
             // 判断tag中的query键值是否相等
             const tagQueryHasExits = this.multiTags.some(tag => {
-              return isEqual(tag.query, tagVal.query);
+              return isEqual(tag.query, tagVal?.query);
             });
 
             if (tagHasExits && tagQueryHasExits) return;
 
-            const meta = tagVal?.meta;
-            const dynamicLevel = meta?.dynamicLevel ?? -1;
+            const dynamicLevel = tagVal?.meta?.dynamicLevel ?? -1;
             if (dynamicLevel > 0) {
               // dynamicLevel动态路由可打开的数量
-              const realPath = meta?.realPath ?? "";
               // 获取到已经打开的动态路由数, 判断是否大于dynamicLevel
               if (
-                this.multiTags.filter(e => e.meta?.realPath ?? "" === realPath)
-                  .length >= dynamicLevel
+                this.multiTags.filter(e => e?.path === tagPath).length >=
+                dynamicLevel
               ) {
                 // 关闭第一个
                 const index = this.multiTags.findIndex(
-                  item => item.meta?.realPath === realPath
+                  item => item?.path === tagPath
                 );
                 index !== -1 && this.multiTags.splice(index, 1);
               }

src/store/modules/permission.ts

@@ -1,6 +1,7 @@
 import { defineStore } from "pinia";
 import { store } from "/@/store";
 import { cacheType } from "./types";
+import { cloneDeep } from "lodash-es";
 import { RouteConfigs } from "/@/layout/types";
 import { constantMenus } from "/@/router/modules";
 import { ascending, filterTree } from "/@/router/utils";
@@ -12,6 +13,8 @@ export const usePermissionStore = defineStore({
     constantMenus,
     // 整体路由生成的菜单（静态、动态）
     wholeMenus: [],
+    // 深拷贝一个菜单树，与导航菜单不突出
+    menusTree: [],
     buttonAuth: [],
     // 缓存页面keepAlive
     cachePageList: []
@@ -24,6 +27,10 @@ export const usePermissionStore = defineStore({
         ascending(this.constantMenus.concat(routes))
       );
 
+      this.menusTree = cloneDeep(
+        filterTree(ascending(this.constantMenus.concat(routes)))
+      );
+
       const getButtonAuth = (arrRoutes: Array<RouteConfigs>) => {
         if (!arrRoutes || !arrRoutes.length) return;
         arrRoutes.forEach((v: RouteConfigs) => {

src/store/modules/types.ts

@@ -25,8 +25,8 @@ export type multiType = {
   path: string;
   parentPath: string;
   name: string;
-  query: object;
   meta: any;
+  query?: object;
 };
 
 export type setType = {