github_mirrors/vue-vben-admin
1
0
Fork 0
mirror of https://github.com/vbenjs/vue-vben-admin.git synced 2025-08-27 09:34:19 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: persistent save tab, fix #359

Browse Source
This commit is contained in:
Vben
2021-04-10 21:18:35 +08:00
parent 2037293aa3
commit 967b28c4c0
12 changed files with 335 additions and 378 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/store/modules/multipleTab.ts
View File

@@ -5,10 +5,14 @@ import { defineStore } from 'pinia';
import { store } from '/@/store';
import { useGo, useRedo } from '/@/hooks/web/usePage';
import { Persistent } from '/@/utils/cache/persistent';
import { PageEnum } from '/@/enums/pageEnum';
import { PAGE_NOT_FOUND_ROUTE, REDIRECT_ROUTE } from '/@/router/routes/basic';
import { getRawRoute } from '/@/utils';
import { MULTIPLE_TABS_KEY } from '/@/enums/cacheEnum';
import projectSetting from '/@/settings/projectSetting';
export interface MultipleTabState {
cacheTabList: Set<string>;
@@ -21,13 +25,15 @@ function handleGotoPage(router: Router) {
go(unref(router.currentRoute).path, true);
}
const cacheTab = projectSetting.multiTabsSetting.cache;
export const useMultipleTabStore = defineStore({
id: 'app-multiple-tab',
state: (): MultipleTabState => ({
// Tabs that need to be cached
cacheTabList: new Set(),
// multiple tab list
tabList: [],
tabList: cacheTab ? Persistent.getLocal(MULTIPLE_TABS_KEY) || [] : [],
// Index of the last moved tab
lastDragEndIndex: 0,
}),
@@ -135,6 +141,7 @@ export const useMultipleTabStore = defineStore({
// Add tab
this.tabList.push(route);
this.updateCacheTab();
cacheTab && Persistent.setLocal(MULTIPLE_TABS_KEY, this.tabList);
},
async closeTab(tab: RouteLocationNormalized, router: Router) {