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 = ({ // 处理菜单项点击事件 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 = ({ 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 = ({ ))} - = ({ {renderMenuItems(menu[activeKey]?.children)} - + } {/* 新增/编辑应用 */} {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;