Browse Source

perf: 同步代码

Signed-off-by: xiaoxian521 <[email protected]>
i18n
xiaoxian521 3 years ago
parent
commit
425a6eb5c3
  1. 34
      src/layout/components/tag/index.vue
  2. 1
      src/layout/types.ts
  3. 11
      src/router/index.ts
  4. 2
      src/store/modules/permission.ts
  5. 1
      vite.config.ts

34
src/layout/components/tag/index.vue

@ -26,7 +26,7 @@ import {
import { RouteConfigs, relativeStorageType, tagsViewsType } from "../../types";
import { emitter } from "/@/utils/mitt";
import { templateRef } from "@vueuse/core";
import { handleAliveRoute } from "/@/router";
import { handleAliveRoute, delAliveRoutes } from "/@/router";
import { storageLocal } from "/@/utils/storage";
import { useRoute, useRouter } from "vue-router";
import { usePermissionStoreHook } from "/@/store/modules/permission";
@ -124,7 +124,8 @@ function dynamicRouteTag(value: string, parentPath: string): void {
routerArrays.push({
path: value,
parentPath: `/${parentPath.split("/")[1]}`,
meta: arrItem.meta
meta: arrItem.meta,
name: arrItem.name
});
relativeStorage.routesInStorage = routerArrays;
} else {
@ -151,6 +152,8 @@ function onFresh() {
}
function deleteDynamicTag(obj: any, current: any, tag?: string) {
//
let delAliveRouteList = [];
let valueIndex: number = routerArrays.findIndex((item: any) => {
return item.path === obj.path;
});
@ -171,7 +174,7 @@ function deleteDynamicTag(obj: any, current: any, tag?: string) {
];
routerArrays = relativeStorage.routesInStorage;
} else {
routerArrays.splice(start, end);
delAliveRouteList = routerArrays.splice(start, end);
relativeStorage.routesInStorage = routerArrays;
}
};
@ -189,7 +192,9 @@ function deleteDynamicTag(obj: any, current: any, tag?: string) {
let newRoute: any = routerArrays.slice(-1);
if (current === route.path) {
//
handleAliveRoute(route.matched, "delete");
tag
? delAliveRoutes(delAliveRouteList)
: handleAliveRoute(route.matched, "delete");
// tagtag
if (tag === "left") return;
nextTick(() => {
@ -198,18 +203,14 @@ function deleteDynamicTag(obj: any, current: any, tag?: string) {
});
});
} else {
//
let oldPath = route.path;
router.push(obj.path);
//
handleAliveRoute(route.matched, "delete");
tag ? delAliveRoutes(delAliveRouteList) : delAliveRoutes([obj]);
if (!routerArrays.length) return;
let isHasOldPath = routerArrays.some(item => {
return item.path === oldPath;
let isHasActiveTag = routerArrays.some(item => {
return item.path === route.path;
});
isHasOldPath
? router.push(oldPath)
: router.push({
!isHasActiveTag &&
router.push({
path: newRoute[0].path
});
}
@ -230,7 +231,11 @@ function onClickDrop(key, item, selectRoute?: RouteConfigs) {
case 1:
//
selectRoute
? deleteMenu({ path: selectRoute.path, meta: selectRoute.meta })
? deleteMenu({
path: selectRoute.path,
meta: selectRoute.meta,
name: selectRoute.name
})
: deleteMenu({ path: route.path, meta: route.meta });
break;
case 2:
@ -275,7 +280,6 @@ function onClickDrop(key, item, selectRoute?: RouteConfigs) {
relativeStorage.routesInStorage = routerArrays;
usePermissionStoreHook().clearAllCachePage();
router.push("/welcome");
break;
}
setTimeout(() => {

1
src/layout/types.ts

@ -19,6 +19,7 @@ export type RouteConfigs = {
showLink?: boolean;
savedPosition?: boolean;
};
name?: string;
};
export type relativeStorageType = {

11
src/router/index.ts

@ -10,6 +10,7 @@ import { i18n } from "/@/plugins/i18n";
import { openLink } from "/@/utils/link";
import NProgress from "/@/utils/progress";
import { useTimeoutFn } from "@vueuse/core";
import { RouteConfigs } from "/@/layout/types";
import { storageSession, storageLocal } from "/@/utils/storage";
import { usePermissionStoreHook } from "/@/store/modules/permission";
@ -61,6 +62,16 @@ export const getAliveRoute = () => {
return alivePageList;
};
// 批量删除缓存路由
export const delAliveRoutes = (delAliveRouteList: Array<RouteConfigs>) => {
delAliveRouteList.forEach(route => {
usePermissionStoreHook().cacheOperate({
mode: "delete",
name: route?.name
});
});
};
// 处理缓存路由(添加、删除、刷新)
export const handleAliveRoute = (
matched: RouteRecordNormalized[],

2
src/store/modules/permission.ts

@ -46,7 +46,7 @@ export const usePermissionStore = defineStore({
case "delete":
// eslint-disable-next-line no-case-declarations
const delIndex = this.cachePageList.findIndex(v => v === name);
this.cachePageList.splice(delIndex, 1);
delIndex !== -1 && this.cachePageList.splice(delIndex, 1);
break;
}
},

1
vite.config.ts

@ -62,6 +62,7 @@ export default ({ command, mode }: ConfigEnv): UserConfigExport => {
{
libraryName: "vxe-table",
esModule: true,
ensureStyleFile: true,
resolveComponent: name => `vxe-table/es/${name}`,
resolveStyle: name => `vxe-table/es/${name}/style.css`
}

Loading…
Cancel
Save