chore: update

src/components/layout/DataLayout.tsx

-import { useState } from 'react'
+import { useState, useEffect, useMemo } from 'react'
 import { Outlet, NavLink, useLocation } from 'react-router'
 import {
   CircleArrowRight,
@@ -26,6 +26,7 @@ type MenuItem = Required<MenuProps>['items'][number]
 
 export default function DataLayout() {
   const [collapsed, setCollapsed] = useState(false)
+  const [openKeys, setOpenKeys] = useState<string[]>([])
 
   const toggleCollapsed = () => {
     setCollapsed(!collapsed)
@@ -34,7 +35,8 @@ export default function DataLayout() {
   const location = useLocation()
   const selectedKeys = [location.pathname]
 
-  const menus: MyMenuItem[] = [
+  const menus: MyMenuItem[] = useMemo(() => {
+    return [
       {
         icon: <Database />,
         name: '数据采集',
@@ -136,6 +138,26 @@ export default function DataLayout() {
         path: '/data/screen',
       },
     ]
+  }, [])
+
+  useEffect(() => {
+    // 根据当前路径计算需要展开的菜单项
+    const calculateOpenKeys = (menus: MyMenuItem[]): string[] => {
+      for (const menu of menus) {
+        if (menu.children) {
+          if (menu.children.some((child) => child.path === location.pathname)) {
+            return [menu.path]
+          }
+          const result = calculateOpenKeys(menu.children)
+          if (result.length > 0) {
+            return [menu.path, ...result]
+          }
+        }
+      }
+      return []
+    }
+    setOpenKeys(calculateOpenKeys(menus))
+  }, [location.pathname, menus])
 
   const menusToMenuItems = (menus: MyMenuItem[]): MenuItem[] => {
     return menus.map((item) => {
@@ -165,7 +187,14 @@ export default function DataLayout() {
           <span onClick={toggleCollapsed}>{collapsed ? <CircleArrowRight /> : <CircleArrowLeft />}</span>
         </div>
         <div className="data-layout-sidebar-nav">
-          <Menu items={items} mode="inline" inlineCollapsed={collapsed} selectedKeys={selectedKeys} />
+          <Menu
+            items={items}
+            mode="inline"
+            inlineCollapsed={collapsed}
+            selectedKeys={selectedKeys}
+            openKeys={openKeys}
+            onOpenChange={setOpenKeys}
+          />
         </div>
       </div>
       <div className="data-layout-container">