feat: 添加route的相关store

Author: Ohh-889

src/store/index.ts

@@ -3,11 +3,13 @@ import type { Action, ThunkAction } from '@reduxjs/toolkit';
 
 import { appSlice } from './slice/app';
 import { authSlice } from './slice/auth';
+import { routeSlice } from './slice/route';
+import { tabSlice } from './slice/tab';
 import { themeSlice } from './slice/theme';
 
 // `combineSlices` automatically combines the reducers using
 // their `reducerPath`s, therefore we no longer need to call `combineReducers`.
-const rootReducer = combineSlices(appSlice, authSlice, themeSlice);
+const rootReducer = combineSlices(appSlice, authSlice, themeSlice, routeSlice, tabSlice);
 
 // Infer the `RootState` type from the root reducer
 export type RootState = ReturnType<typeof rootReducer>;

src/store/slice/route/index.ts

@@ -0,0 +1,40 @@
+import type { PayloadAction } from '@reduxjs/toolkit';
+
+import { createAppSlice } from '../../createAppSlice';
+
+interface InitialStateType {
+  cacheRoutes: string[];
+  removeCacheKey: string | null;
+  routeHome: string;
+}
+
+const initialState: InitialStateType = {
+  /** - 需要进行缓存的页面 */
+  cacheRoutes: [],
+  /** - 需要删除的缓存页面 */
+  removeCacheKey: null,
+  /** - 首页路由 */
+  routeHome: import.meta.env.VITE_ROUTE_HOME
+};
+
+export const routeSlice = createAppSlice({
+  initialState,
+  name: 'route',
+  reducers: create => ({
+    resetRouteStore: create.reducer(() => initialState),
+    setCacheRoutes: create.reducer((state, { payload }: PayloadAction<string[]>) => {
+      state.cacheRoutes = payload;
+    }),
+    setRemoveCacheKey: create.reducer((state, { payload }: PayloadAction<string | null>) => {
+      state.removeCacheKey = payload;
+    })
+  }),
+  selectors: {
+    selectCacheRoutes: route => route.cacheRoutes,
+    selectRemoveCacheKey: route => route.removeCacheKey
+  }
+});
+
+export const { resetRouteStore, setCacheRoutes, setRemoveCacheKey } = routeSlice.actions;
+
+export const { selectCacheRoutes, selectRemoveCacheKey } = routeSlice.selectors;