From 046356cec686141e097b41a8d966386d12ac4508 Mon Sep 17 00:00:00 2001
From: ZLY <zhongliangyuan@gdngsk.com>
Date: Fri, 26 Sep 2025 10:29:25 +0800
Subject: [PATCH] =?UTF-8?q?style(ideContainer):=20=E5=A2=9E=E5=8A=A0?=
 =?UTF-8?q?=E4=BE=A7=E8=BE=B9=E6=A0=8F=E6=90=9C=E7=B4=A2=E5=92=8C=E6=B7=BB?=
 =?UTF-8?q?=E5=8A=A0=E5=8A=9F=E8=83=BD=E5=B9=B6=E8=B0=83=E6=95=B4=E5=AD=90?=
 =?UTF-8?q?=E8=8F=9C=E5=8D=95=E5=AE=BD=E5=BA=A6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/ideContainer/sideBar.tsx            | 24 +++++++++++++++----
 .../ideContainer/style/sideBar.module.less    |  5 ++++
 2 files changed, 25 insertions(+), 4 deletions(-)

diff --git a/src/pages/ideContainer/sideBar.tsx b/src/pages/ideContainer/sideBar.tsx
index b31802f..e3338b3 100644
--- a/src/pages/ideContainer/sideBar.tsx
+++ b/src/pages/ideContainer/sideBar.tsx
@@ -2,7 +2,8 @@ import React, { useEffect, useState } from 'react';
 import styles from './style/sideBar.module.less';
 import { IconApps } from '@arco-design/web-react/icon';
 import { menuData1, menuData2 } from './config/menuData';
-import { ResizeBox, Tree } from '@arco-design/web-react';
+import { ResizeBox, Tree, Input, Button } from '@arco-design/web-react';
+import { IconSearch, IconPlus } from '@arco-design/web-react/icon';
 import { Selected } from '@/pages/ideContainer/types';
 import { useDispatch, useSelector } from 'react-redux';
 import { updateMenuData, updateFlowData } from '@/store/ideContainer';
@@ -35,7 +36,7 @@ const compTypeMap = {
 
 const SideBar: React.FC<SideBarProps> = ({ selectedKey, identity, subMenuData, onMenuSelect }) => {
   const [menu, setMenu] = useState<MenuItemType[]>([]);
-  const [subMenuWidth, setSubMenuWidth] = useState(200); // 子菜单宽度状态
+  const [subMenuWidth, setSubMenuWidth] = useState(300); // 子菜单宽度状态
   const [isSubMenuCollapsed, setIsSubMenuCollapsed] = useState(false); // 子菜单收起状态
   const [activeKey, setActiveKey] = useState(0);
   const [mainMenuSelectedKey, setMainMenuSelectedKey] = useState<string>('');
@@ -86,7 +87,7 @@ const SideBar: React.FC<SideBarProps> = ({ selectedKey, identity, subMenuData, o
   // 切换子菜单区域的收起/展开状态
   const toggleSubMenu = () => {
     setIsSubMenuCollapsed(!isSubMenuCollapsed);
-    setSubMenuWidth(isSubMenuCollapsed ? 200 : 0);
+    setSubMenuWidth(isSubMenuCollapsed ? 300 : 0);
   };
 
   // 处理菜单项点击事件
@@ -100,7 +101,7 @@ const SideBar: React.FC<SideBarProps> = ({ selectedKey, identity, subMenuData, o
       // 如果点击的是其他菜单项，则展开子菜单（如果已收起）
       if (isSubMenuCollapsed) {
         setIsSubMenuCollapsed(false);
-        setSubMenuWidth(200);
+        setSubMenuWidth(300);
       }
     }
 
@@ -217,6 +218,21 @@ const SideBar: React.FC<SideBarProps> = ({ selectedKey, identity, subMenuData, o
         <div
           className={styles['sub-menu']}
         >
+          {/* 搜索/添加 */}
+          <div className={styles['handle-box']}>
+            <Input
+              prefix={<IconSearch />}
+              placeholder={'搜索'}
+              style={{ width: '90%' }}
+            />
+            <Button
+              type="primary"
+              icon={<IconPlus />}
+              style={{ marginLeft: 5 }}
+            />
+          </div>
+
+          {/* 子菜单 */}
           <Tree
             defaultExpandedKeys={['0-0']}
             onSelect={async (_selectedKeys, info) => {
diff --git a/src/pages/ideContainer/style/sideBar.module.less b/src/pages/ideContainer/style/sideBar.module.less
index 230b7e8..dbe0821 100644
--- a/src/pages/ideContainer/style/sideBar.module.less
+++ b/src/pages/ideContainer/style/sideBar.module.less
@@ -63,4 +63,9 @@
   border-right: 1px solid #ddd;
   position: relative;
   border-left: 1px solid #ddd;
+
+  .handle-box {
+    display: flex;
+    padding: 10px;
+  }
 }
\ No newline at end of file