From d3da19f695bbe1d06dca29067401907f20a91727 Mon Sep 17 00:00:00 2001
From: ZLY <zhongliangyuan@gdngsk.com>
Date: Mon, 29 Sep 2025 14:17:01 +0800
Subject: [PATCH] =?UTF-8?q?pref(sidebar):=20=E4=BC=98=E5=8C=96sidebar?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6=E7=9A=84=E6=B8=B2=E6=9F=93=E9=80=BB=E8=BE=91?=
 =?UTF-8?q?=EF=BC=8C=E4=BC=98=E5=8C=96=E7=82=B9=E5=87=BB=E6=BF=80=E6=B4=BB?=
 =?UTF-8?q?=E6=A0=87=E7=AD=BE=E6=97=B6=E5=AF=B9=E4=BA=8C=E7=BA=A7=E8=8F=9C?=
 =?UTF-8?q?=E5=8D=95=E7=9A=84=E5=AE=BD=E5=BA=A6=E8=AE=BE=E7=BD=AE=E9=80=BB?=
 =?UTF-8?q?=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/ideContainer/sideBar.tsx            | 28 +++++++++----------
 .../ideContainer/style/sideBar.module.less    |  2 ++
 2 files changed, 16 insertions(+), 14 deletions(-)

diff --git a/src/pages/ideContainer/sideBar.tsx b/src/pages/ideContainer/sideBar.tsx
index 7ba4c88..744b702 100644
--- a/src/pages/ideContainer/sideBar.tsx
+++ b/src/pages/ideContainer/sideBar.tsx
@@ -231,15 +231,18 @@ const SideBar: React.FC<SideBarProps> = ({
   // 处理菜单项点击事件
   const handleMenuItemClick = (item: MenuItemType, index: number) => {
     setActiveKey(index);
-    // 如果点击的是当前已激活的菜单项，则切换子菜单的展开/收起状态
-    if (selected.key === `${item.key}`) {
-      toggleSubMenu();
-    }
-    else {
-      // 如果点击的是其他菜单项，则展开子菜单（如果已收起）
-      if (isSubMenuCollapsed) {
-        setIsSubMenuCollapsed(false);
-        resizeBoxRef.current.style.width = `300px`;
+
+    if (showSubMenu) {
+      // 如果点击的是当前已激活的菜单项，则切换子菜单的展开/收起状态
+      if (selected.key === `${item.key}`) {
+        toggleSubMenu();
+      }
+      else {
+        // 如果点击的是其他菜单项，则展开子菜单（如果已收起）
+        if (isSubMenuCollapsed) {
+          setIsSubMenuCollapsed(false);
+          resizeBoxRef.current.style.width = `300px`;
+        }
       }
     }
 
@@ -330,9 +333,6 @@ const SideBar: React.FC<SideBarProps> = ({
     else if (identity === 'componentDevelopment') setMenu(getMenuData());
   }, [subMenuData, identity]);
 
-  useEffect(() => {
-    resizeBoxRef.current.style.width = `${showSubMenu ? 300 : 0}px`;
-  }, [showSubMenu]);
 
   // 渲染节点的额外操作按钮
   const renderNodeExtra = (node) => {
@@ -422,7 +422,7 @@ const SideBar: React.FC<SideBarProps> = ({
           </div>
         ))}
       </div>
-      <ResizeBox
+      {showSubMenu && <ResizeBox
         ref={resizeBoxRef}
         directions={['right']}
         style={{
@@ -471,7 +471,7 @@ const SideBar: React.FC<SideBarProps> = ({
             {renderMenuItems(menu[activeKey]?.children)}
           </Tree>
         </div>
-      </ResizeBox>
+      </ResizeBox>}
 
       {/*  新增/编辑应用 */}
       {showModal && (
diff --git a/src/pages/ideContainer/style/sideBar.module.less b/src/pages/ideContainer/style/sideBar.module.less
index dbe0821..a58df45 100644
--- a/src/pages/ideContainer/style/sideBar.module.less
+++ b/src/pages/ideContainer/style/sideBar.module.less
@@ -7,6 +7,8 @@
 }
 
 .menu-container {
+  border-right: 1px solid #cccc;
+
   .menu-item {
     padding: 12px 4px;
     text-align: center;