pref(sidebar): 优化sidebar组件的渲染逻辑，优化点击激活标签时对二级菜单的宽度设置逻辑

src/pages/ideContainer/sideBar.tsx

@@ -231,6 +231,8 @@ const SideBar: React.FC<SideBarProps> = ({
   // 处理菜单项点击事件
   const handleMenuItemClick = (item: MenuItemType, index: number) => {
     setActiveKey(index);
+
+    if (showSubMenu) {
       // 如果点击的是当前已激活的菜单项，则切换子菜单的展开/收起状态
       if (selected.key === `${item.key}`) {
         toggleSubMenu();
@@ -242,6 +244,7 @@ const SideBar: React.FC<SideBarProps> = ({
           resizeBoxRef.current.style.width = `300px`;
         }
       }
+    }
 
     // 调用外部传入的菜单选择处理函数
     onMenuSelect?.({ ...item });
@@ -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 && (

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;