diff --git a/src/frontend/client/src/components/Nav/Nav.tsx b/src/frontend/client/src/components/Nav/Nav.tsx index c8ab86d5c..cf46d8e7c 100644 --- a/src/frontend/client/src/components/Nav/Nav.tsx +++ b/src/frontend/client/src/components/Nav/Nav.tsx @@ -1,6 +1,6 @@ import type { ConversationListResponse } from '~/types/chat'; import { PermissionTypes, Permissions } from '~/types/chat'; -import { memo, useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react'; +import { memo, useCallback, useEffect, useMemo, useState } from 'react'; import { useSearchContext } from '~/Providers'; import { Conversations } from '~/components/Conversations'; import { Spinner } from '~/components/svg'; @@ -15,7 +15,6 @@ import { } from '~/hooks'; import { cn } from '~/utils'; import AccountSettings from './AccountSettings'; -import NavToggle from './NavToggle'; import NewChat from './NewChat'; import { ChatNavUserFooter } from './ChatNavUserFooter'; @@ -30,9 +29,6 @@ const Nav = ({ const { isAuthenticated } = useAuthContext(); const [navWidth, setNavWidth] = useState('240px'); - const [isHovering, setIsHovering] = useState(false); - const navPanelRef = useRef(null); - const [navPanelRightPx, setNavPanelRightPx] = useState(0); const isSmallScreen = usePrefersMobileLayout(); const [newUser, setNewUser] = useLocalStorage('newUser', true); @@ -54,28 +50,6 @@ const Nav = ({ } }, [isSmallScreen]); - // 折叠把手贴在会话列表右缘(分隔线右侧),需计入 MainLayout 窄轨 + main 内边距,故用测量值而非假定 left:0 + translateX - useLayoutEffect(() => { - if (isSmallScreen) { - return; - } - const el = navPanelRef.current; - if (!el) { - return; - } - const sync = () => { - setNavPanelRightPx(el.getBoundingClientRect().right); - }; - sync(); - const ro = new ResizeObserver(sync); - ro.observe(el); - window.addEventListener('resize', sync); - return () => { - ro.disconnect(); - window.removeEventListener('resize', sync); - }; - }, [isSmallScreen, navVisible, navWidth]); - const [showLoading, setShowLoading] = useState(false); const { pageNumber, searchQuery, setPageNumber, searchQueryRes } = useSearchContext(); @@ -145,7 +119,6 @@ const Nav = ({ return ( <>
@@ -228,16 +203,6 @@ const Nav = ({
- {!isSmallScreen && navPanelRightPx > 0 ? ( - - ) : null} {isSmallScreen && (
{ - if (!isH5 && !isDesktop) setSidebarCollapsed(true); - }, [isH5, isDesktop]); - useEffect(() => { if (showKnowledgeSquare) setSpaceListDrawerOpen(false); }, [showKnowledgeSquare]); diff --git a/src/frontend/client/src/pages/knowledge/sidebar/KnowledgeSpaceSidebar.tsx b/src/frontend/client/src/pages/knowledge/sidebar/KnowledgeSpaceSidebar.tsx index 368350989..99aacb086 100644 --- a/src/frontend/client/src/pages/knowledge/sidebar/KnowledgeSpaceSidebar.tsx +++ b/src/frontend/client/src/pages/knowledge/sidebar/KnowledgeSpaceSidebar.tsx @@ -7,7 +7,6 @@ import { useEffect, useMemo, useRef, useState } from "react"; import { useQuery, useQueryClient } from "@tanstack/react-query"; import { KnowledgeSpace, SpaceRole, SpaceSortType, getMineSpacesApi, getJoinedSpacesApi, getDepartmentSpacesApi } from "~/api/knowledge"; import { Button } from "~/components/ui/Button"; -import NavToggle from "~/components/Nav/NavToggle"; import KnowledgeSpaceItem from "./KnowledgeSpaceItem"; import KnowledgeSpaceCardItem from "./KnowledgeSpaceCardItem"; import { SectionHeader } from "./SectionHeader"; @@ -148,7 +147,6 @@ export function KnowledgeSpaceSidebar({ // Scrolling container ref — drives the dynamic, scroll-following name ellipsis. const listScrollRef = useRef(null); useDynamicEllipsis(listScrollRef); - const [isToggleHovering, setIsToggleHovering] = useState(false); const queryClient = useQueryClient(); @@ -610,8 +608,6 @@ export function KnowledgeSpaceSidebar({ onMouseDown={handleResizeStart} onDoubleClick={handleResizeReset} className={cn( - // z below NavToggle (z-40) so the collapse button keeps capturing clicks - // in its small area; everywhere else along the edge the resize handle wins. "absolute top-0 z-[35] h-full w-[6px] -translate-x-1/2 cursor-col-resize", // Subtle visual feedback: thin accent line on hover/active. "after:absolute after:right-1/2 after:top-0 after:h-full after:w-px after:translate-x-1/2", @@ -621,15 +617,6 @@ export function KnowledgeSpaceSidebar({ style={{ left: sidebarWidth }} /> )} - setCollapsed(!collapsed)} - isHovering={isToggleHovering} - setIsHovering={setIsToggleHovering} - className={`absolute top-1/2 left-0 z-[40] ${fullWidthMode ? "hidden" : ""}`} - translateX={collapsed ? 0 : sidebarWidth} - disableTransition={isResizing} - />
); }