From 8ee3729596cdaba0d8373ac684670a1874b3ebf0 Mon Sep 17 00:00:00 2001
From: JSR <pandajsr72@gmail.com>
Date: Fri, 27 Mar 2026 21:49:48 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E9=80=80=E5=87=BA?=
 =?UTF-8?q?=E6=B2=89=E6=B5=B8=E6=A8=A1=E5=BC=8F=E5=AF=BC=E8=88=AA=E6=A0=8F?=
 =?UTF-8?q?=E6=97=A0=E8=BF=87=E6=B8=A1=E5=8A=A8=E7=94=BB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.tsx | 66 +++++++++++++++--------------------------------------
 1 file changed, 18 insertions(+), 48 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index f5415fc..b8637d5 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -7,8 +7,6 @@ import { ContentArea } from "./components/ContentArea"
 import { OOBE } from "./components/OOBE/OOBE"
 import { ThemeProvider, useTheme } from "./contexts/ThemeContext"
 
-const IMMERSIVE_TRANSITION_MS = 260
-
 function MainContent(): React.JSX.Element {
   const { t } = useTranslation()
   const navigate = useNavigate()
@@ -17,8 +15,6 @@ function MainContent(): React.JSX.Element {
   const [messageApi, contextHolder] = message.useMessage()
   const { isIosDevice, isAndroidDevice, defaultPortraitMode } = useMemo(getMobileDeviceInfo, [])
   const [immersiveMode, setImmersiveMode] = useState(false)
-  const [sidebarVisible, setSidebarVisible] = useState(true)
-  const sidebarTransitionTimerRef = useRef<number | null>(null)
 
   useEffect(() => {
     const api = (window as any).api
@@ -354,30 +350,6 @@ function MainContent(): React.JSX.Element {
     })
   }
 
-  useEffect(() => {
-    if (sidebarTransitionTimerRef.current) {
-      window.clearTimeout(sidebarTransitionTimerRef.current)
-      sidebarTransitionTimerRef.current = null
-    }
-
-    if (!immersiveMode) {
-      setSidebarVisible(true)
-      return
-    }
-
-    sidebarTransitionTimerRef.current = window.setTimeout(() => {
-      setSidebarVisible(false)
-      sidebarTransitionTimerRef.current = null
-    }, IMMERSIVE_TRANSITION_MS)
-
-    return () => {
-      if (sidebarTransitionTimerRef.current) {
-        window.clearTimeout(sidebarTransitionTimerRef.current)
-        sidebarTransitionTimerRef.current = null
-      }
-    }
-  }, [immersiveMode])
-
   const isDark = currentTheme?.mode === "dark"
   const brandColor = currentTheme?.config?.tdesign?.brandColor || "#0052D9"
 
@@ -394,26 +366,24 @@ function MainContent(): React.JSX.Element {
     >
       {contextHolder}
       <Layout style={{ height: "100%", flexDirection: "row", overflow: "hidden" }}>
-        {sidebarVisible && (
-          <div
-            className={`ss-immersive-sidebar ${immersiveMode ? "is-hidden" : "is-visible"}`}
-            style={
-              {
-                "--ss-sidebar-width": `${sidebarCollapsed ? 64 : 200}px`,
-              } as React.CSSProperties
-            }
-          >
-            <Sidebar
-              activeMenu={activeMenu}
-              permission={permission}
-              onMenuChange={onMenuChange}
-              collapsed={sidebarCollapsed}
-              floatingExpand={isPortraitMode}
-              floatingExpanded={floatingSidebarExpanded}
-              onFloatingExpandedChange={setFloatingSidebarExpanded}
-            />
-          </div>
-        )}
+        <div
+          className={`ss-immersive-sidebar ${immersiveMode ? "is-hidden" : "is-visible"}`}
+          style={
+            {
+              "--ss-sidebar-width": `${sidebarCollapsed ? 64 : 200}px`,
+            } as React.CSSProperties
+          }
+        >
+          <Sidebar
+            activeMenu={activeMenu}
+            permission={permission}
+            onMenuChange={onMenuChange}
+            collapsed={sidebarCollapsed}
+            floatingExpand={isPortraitMode}
+            floatingExpanded={floatingSidebarExpanded}
+            onFloatingExpandedChange={setFloatingSidebarExpanded}
+          />
+        </div>
         <ContentArea
           permission={permission}
           hasAnyPassword={hasAnyPassword}