From a8eb0057e392cc8201ac88fbf3a759c51608fc53 Mon Sep 17 00:00:00 2001
From: tisonhuang <tison@tss-MacBook-Pro.local>
Date: Sun, 1 Mar 2026 17:55:49 +0800
Subject: [PATCH] perf(export): keep page alive across route switches

---
 src/App.scss             | 13 +++++++++++++
 src/App.tsx              | 16 +++++++++++++++-
 src/pages/ExportPage.tsx |  2 +-
 3 files changed, 29 insertions(+), 2 deletions(-)

diff --git a/src/App.scss b/src/App.scss
index 3c137bd..5cffbbd 100644
--- a/src/App.scss
+++ b/src/App.scss
@@ -69,6 +69,19 @@
   flex: 1;
   overflow: auto;
   padding: 24px;
+  position: relative;
+}
+
+.export-keepalive-page {
+  height: 100%;
+
+  &.hidden {
+    display: none;
+  }
+}
+
+.export-route-anchor {
+  display: none;
 }
 
 @keyframes appFadeIn {
diff --git a/src/App.tsx b/src/App.tsx
index c999a80..adc32cc 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -61,7 +61,9 @@ function App() {
   const isVideoPlayerWindow = location.pathname === '/video-player-window'
   const isChatHistoryWindow = location.pathname.startsWith('/chat-history/')
   const isNotificationWindow = location.pathname === '/notification-window'
+  const isExportRoute = location.pathname === '/export'
   const [themeHydrated, setThemeHydrated] = useState(false)
+  const [hasVisitedExport, setHasVisitedExport] = useState(isExportRoute)
 
   // 锁定状态
   // const [isLocked, setIsLocked] = useState(false) // Moved to store
@@ -99,6 +101,12 @@ function App() {
     }
   }, [isOnboardingWindow])
 
+  useEffect(() => {
+    if (isExportRoute) {
+      setHasVisitedExport(true)
+    }
+  }, [isExportRoute])
+
   // 应用主题
   useEffect(() => {
     const mq = window.matchMedia('(prefers-color-scheme: dark)')
@@ -454,6 +462,12 @@ function App() {
         <Sidebar />
         <main className="content">
           <RouteGuard>
+            {hasVisitedExport && (
+              <div className={`export-keepalive-page ${isExportRoute ? 'active' : 'hidden'}`} aria-hidden={!isExportRoute}>
+                <ExportPage />
+              </div>
+            )}
+
             <Routes>
               <Route path="/" element={<HomePage />} />
               <Route path="/home" element={<HomePage />} />
@@ -468,7 +482,7 @@ function App() {
               <Route path="/dual-report/view" element={<DualReportWindow />} />
 
               <Route path="/settings" element={<SettingsPage />} />
-              <Route path="/export" element={<ExportPage />} />
+              <Route path="/export" element={<div className="export-route-anchor" aria-hidden="true" />} />
               <Route path="/sns" element={<SnsPage />} />
               <Route path="/contacts" element={<ContactsPage />} />
               <Route path="/chat-history/:sessionId/:messageId" element={<ChatHistoryPage />} />
diff --git a/src/pages/ExportPage.tsx b/src/pages/ExportPage.tsx
index 415a93a..d0d1c25 100644
--- a/src/pages/ExportPage.tsx
+++ b/src/pages/ExportPage.tsx
@@ -1831,7 +1831,7 @@ function ExportPage() {
         {!showInitialSkeleton && (isLoading || isSessionEnriching) && (
           <div className="table-stage-hint">
             <Loader2 size={14} className="spin" />
-            {isLoading ? '正在刷新会话列表…' : '正在补充头像和统计…'}
+            {isLoading ? '导出板块数据加载中…' : '正在补充头像和统计…'}
           </div>
         )}