From c966ea30d965a3f6efe89c556269e74f8cc9e4ef Mon Sep 17 00:00:00 2001
From: lix <iclae0@gmail.com>
Date: Thu, 24 Jul 2025 08:46:25 +0800
Subject: [PATCH] =?UTF-8?q?tab=20=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app.tsx                                  |  8 ++-
 src/components/GlobalHeader/RightContent.tsx |  2 +-
 src/layouts/BasicLayout.tsx                  | 17 ++++--
 src/models/user.ts                           | 59 ++++++++------------
 src/utils/pathKeyMap.ts                      | 29 ++++++++++
 5 files changed, 69 insertions(+), 46 deletions(-)
 create mode 100644 src/utils/pathKeyMap.ts

diff --git a/src/app.tsx b/src/app.tsx
index 66063c0..9dd114b 100644
--- a/src/app.tsx
+++ b/src/app.tsx
@@ -58,7 +58,7 @@ function TabLayout({
   )
 
   return (
-    <div className={styles['rumtime-keep-alive-tabs-layout']} hidden={!isKeep || activeKeyLowerCase === '/dashboard'}>
+    <div className={styles['rumtime-keep-alive-tabs-layout']} hidden={activeKeyLowerCase === '/dashboard'}>
       <Tabs
         hideAdd
         onChange={(key: string) => {
@@ -102,4 +102,8 @@ export const getCustomTabs = () => {
     pathKeyMap: user.pathKeyMap,
     collapsed: global.collapsed,
   }))(TabLayout);
-};
\ No newline at end of file
+};
+
+export const getKeepAlive = () => {
+  return ['PLACEHOLDER']
+}
\ No newline at end of file
diff --git a/src/components/GlobalHeader/RightContent.tsx b/src/components/GlobalHeader/RightContent.tsx
index 073fabe..3e727d3 100644
--- a/src/components/GlobalHeader/RightContent.tsx
+++ b/src/components/GlobalHeader/RightContent.tsx
@@ -64,7 +64,7 @@ const GlobalHeaderRight: React.FC<{}> = (props) => {
             sessionStorage.clear();
             cookie.remove('mall3_token');
             setTimeout(() => {
-              history.push('/internal-login');
+              history.push('/login');
             }, 1000);
           }
         })
diff --git a/src/layouts/BasicLayout.tsx b/src/layouts/BasicLayout.tsx
index d201261..8573504 100644
--- a/src/layouts/BasicLayout.tsx
+++ b/src/layouts/BasicLayout.tsx
@@ -3,8 +3,8 @@ import ProLayout, {
   BasicLayoutProps as ProLayoutProps,
   Settings,
 } from '@ant-design/pro-layout';
-import React, { useEffect, useMemo, useRef, useState } from 'react';
-import { Link, connect, Dispatch, history, useLocation, useKeepOutlets, useAppData } from '@umijs/max';
+import React, { useEffect, useMemo, useRef, useContext } from 'react';
+import { Link, connect, Dispatch, history, useLocation, useKeepOutlets, KeepAliveContext } from '@umijs/max';
 import { Result, Button, message } from 'antd';
 import Authorized from '@/utils/Authorized';
 import RightContent from '@/components/GlobalHeader/RightContent';
@@ -13,6 +13,7 @@ import { getMatchMenu } from '@umijs/route-utils';
 import { getMenu } from './services'
 import logo from '../assets/logo.svg';
 import { getSessionRoleData, getSessionUserData } from '@/utils/session';
+import { getPathKeyMap } from '@/utils/pathKeyMap';
 
 import {
   HomeOutlined,
@@ -35,7 +36,7 @@ import {
   IdcardOutlined,
 } from '@ant-design/icons';
 
-const menuIconMap = {
+const menuIconMap: { [key: string]: React.ReactNode } = {
   "HomeOutlined": <HomeOutlined />,
   "ContactsOutlined": <ContactsOutlined />,
   "DesktopOutlined": <DesktopOutlined />,
@@ -105,7 +106,7 @@ const BasicLayout: React.FC<BasicLayoutProps> = (props) => {
   const mall3_token: any = sessionStorage.getItem('Authorization');//当前登录token
   const userData: any = getSessionUserData();//当前登录人信息
   const children = useKeepOutlets();
-  const routeData = useAppData();
+  const { setKeepalive } = useContext(KeepAliveContext);
   
   useEffect(() => {
     if (getSessionRoleData()?.roleId) {
@@ -116,13 +117,17 @@ const BasicLayout: React.FC<BasicLayoutProps> = (props) => {
         if (res.code == 200) {
           setMenuData(res.data || [])
           if (dispatch) {
+            const pathKeyMap = getPathKeyMap(res.data || [])
             dispatch({
               type: 'user/saveMenuData',
               payload: {
                 menuData: res.data || [],
-                routeData: routeData.routes,
+                pathKeyMap,
               },
             });
+            const keys = Array.from(pathKeyMap.keys())
+            // @ts-ignore
+            setKeepalive(keys)
           }
           setmenuShow(true)
         } else {
@@ -194,7 +199,7 @@ const BasicLayout: React.FC<BasicLayoutProps> = (props) => {
       );
     }}
     rightContentRender={() => <RightContent />}
-    postMenuData={(menuData) => {
+    postMenuData={(menuData: any) => {
       menuDataRef.current = menuData || [];
       return menuData || [];
     }}
diff --git a/src/models/user.ts b/src/models/user.ts
index 72cba41..830f20e 100644
--- a/src/models/user.ts
+++ b/src/models/user.ts
@@ -1,6 +1,8 @@
 import { Effect, Reducer } from '@umijs/max';
 
 import { queryCurrent, query as queryUsers } from '@/services/user';
+import { getPathKeyMap } from '@/utils/pathKeyMap';
+import type { PathKeyMap } from '@/utils/pathKeyMap';
 
 export interface CurrentUser {
   avatar?: string;
@@ -16,12 +18,6 @@ export interface CurrentUser {
   unreadCount?: number;
 }
 
-export interface PathKeyMap {
-  name: string;
-  icon?: string;
-  routeName?: string;
-}
-
 export interface UserModelState {
   currentUser?: CurrentUser;
   menuData?: any[];
@@ -77,37 +73,26 @@ const UserModel: UserModelType = {
     },
     saveMenuData(state, action) {
       const menuData = action.payload.menuData || [];
-      const routeData = action.payload.routeData || [];
-      const pathKeyMap = new Map<string, PathKeyMap>();
-      // 将menuData转换为pathKeyMap 递归处理
-      const convertToPathKeyMap = (menuData: any[]) => {
-        menuData.forEach((item: any) => {
-          const path = item.path ? item.path.toLowerCase() : '';
-          pathKeyMap.set(path, {name: item.name, icon: item.icon});
-          if (item.children) {
-            convertToPathKeyMap(item.children);
-          }
-        });
-      };
-      convertToPathKeyMap(menuData);
-      let i = 1;
-      while (routeData[i]) {
-        const item = routeData[i];
-        if (item.name) {
-          const pathname = item.path.toLowerCase(); 
-          if (pathKeyMap.has(pathname)) {
-            const target = pathKeyMap.get(pathname)!;
-            const newItem = {
-              ...target,
-              routeName: item.name,
-            }
-            pathKeyMap.set(pathname, newItem);
-          } else {
-            pathKeyMap.set(pathname, { name: item.name, icon: item.icon });
-          }
-        }
-        i++;
-      }
+      const pathKeyMap = action.payload.pathKeyMap;
+
+      // let i = 1;
+      // while (routeData[i]) {
+      //   const item = routeData[i];
+      //   if (item.name) {
+      //     const pathname = item.path.toLowerCase(); 
+      //     if (pathKeyMap.has(pathname)) {
+      //       const target = pathKeyMap.get(pathname)!;
+      //       const newItem = {
+      //         ...target,
+      //         routeName: item.name,
+      //       }
+      //       pathKeyMap.set(pathname, newItem);
+      //     } else {
+      //       pathKeyMap.set(pathname, { name: item.name, icon: item.icon });
+      //     }
+      //   }
+      //   i++;
+      // }
       return {
         ...state,
         menuData: action.payload || [],
diff --git a/src/utils/pathKeyMap.ts b/src/utils/pathKeyMap.ts
new file mode 100644
index 0000000..82201f9
--- /dev/null
+++ b/src/utils/pathKeyMap.ts
@@ -0,0 +1,29 @@
+export interface MenuData {
+  name: string;
+  icon: string;
+  path: string;
+  children?: MenuData[];
+}
+export interface PathKeyMap {
+  name: string;
+  icon?: string;
+  routeName?: string;
+}
+
+export const getPathKeyMap = (menuData: MenuData[]) => {
+  const pathKeyMap = new Map<string, PathKeyMap>();
+  const convertToPathKeyMap = (menuData: MenuData[]) => {
+    menuData.forEach((item: any) => {
+      const path = item.path ? item.path.toLowerCase() : '';
+      // 如果 path 以 "/api" 开头则跳过
+      if (path && !path.startsWith('/api')) {
+        pathKeyMap.set(path, {name: item.name, icon: item.icon});
+      }
+      if (item.children) {
+        convertToPathKeyMap(item.children);
+      }
+    });
+  };
+  convertToPathKeyMap(menuData);
+  return pathKeyMap;
+}