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,108 +35,129 @@ export default function DataLayout() {
   const location = useLocation()
   const selectedKeys = [location.pathname]
 
-  const menus: MyMenuItem[] = [
-    {
-      icon: <Database />,
-      name: '数据采集',
-      path: '/data/write',
-      children: [
-        { name: '我的数据集', path: '/data/write/my' },
-        { name: '数据复制', path: '/data/write/copy' },
-        { name: '数据导入', path: '/data/write/upload' },
-        { name: '数据爬虫', path: '/data/write/crawler', disabled: true },
-        { name: 'API数据采集', path: '/data/write/api', disabled: true },
-        { name: '数据库对接', path: '/data/write/db', disabled: true },
-        { name: '内置数据集管理', path: '/data/write/built' },
-      ],
-    },
-    {
-      icon: <SearchCheck />,
-      name: '数据理解与探索',
-      path: '/data/read',
-      children: [
-        { name: '数据理解', path: '/data/read/understanding' },
-        { name: '数据探索', path: '/data/read/exploration' },
-      ],
-    },
-    {
-      icon: <Filter />,
-      name: '数据预处理',
-      path: '/data/preprocess',
-      children: [
-        { name: '缺失值处理', path: '/data/preprocess/null' },
-        { name: '重复值处理', path: '/data/preprocess/repeat' },
-        { name: '过大值处理', path: '/data/preprocess/max' },
-        { name: '过小值处理', path: '/data/preprocess/min' },
-        { name: '逻辑错误值处理', path: '/data/preprocess/error' },
-        { name: '数据拆分', path: '/data/preprocess/split' },
-        { name: '数据去空格', path: '/data/preprocess/space' },
-        { name: '数据去标点', path: '/data/preprocess/symbol' },
-        { name: '数据类型转换', path: '/data/preprocess/type' },
-        { name: '数据排序', path: '/data/preprocess/sort' },
-        { name: '数据拼接', path: '/data/preprocess/splice' },
-      ],
-    },
-    {
-      icon: <Bolt />,
-      name: '数据加工',
-      path: '/data/process',
-      children: [
-        { name: '值映射', path: '/data/process/mapping' },
-        { name: '数据分箱', path: '/data/process/binning' },
-        { name: '数据分组', path: '/data/process/group' },
-        { name: '数据脱敏', path: '/data/process/desensitization' },
-        { name: '日期计算', path: '/data/process/date' },
-        { name: '文本计算', path: '/data/process/string' },
-        { name: '数值计算', path: '/data/process/number' },
-        { name: '逻辑计算', path: '/data/process/logic' },
-        { name: '数据透视', path: '/data/process/perspective' },
-      ],
-    },
-    {
-      icon: <Cone />,
-      name: '数据挖掘',
-      path: '/data/digging',
-      children: [
-        { name: '线性回归', path: '/data/digging/1' },
-        { name: '逻辑回归', path: '/data/digging/2' },
-        { name: '决策树', path: '/data/digging/3' },
-        { name: '随机森林', path: '/data/digging/4' },
-        { name: '支持向量机', path: '/data/digging/5' },
-        { name: 'K-Means', path: '/data/digging/6' },
-        { name: '层次聚类', path: '/data/digging/7' },
-        { name: 'Apriori', path: '/data/digging/8' },
-        { name: 'FP-Growth', path: '/data/digging/9' },
-        { name: 'Holt-Winters', path: '/data/digging/10' },
-      ],
-    },
-    {
-      icon: <ChartArea />,
-      name: '数据可视化组件',
-      path: '/data/chart',
-      children: [
-        { name: '柱状图', path: '/data/chart/bar' },
-        { name: '折线图', path: '/data/chart/2' },
-        { name: '饼状图', path: '/data/chart/3' },
-        { name: '雷达图', path: '/data/chart/4' },
-        { name: '散点图', path: '/data/chart/5' },
-        { name: '气泡图', path: '/data/chart/6' },
-        { name: '词云', path: '/data/chart/7' },
-        { name: '地图', path: '/data/chart/8' },
-        { name: '指标卡', path: '/data/chart/9' },
-        { name: '漏斗图', path: '/data/chart/10' },
-        { name: '直方图', path: '/data/chart/11' },
-        { name: '表格', path: '/data/chart/12' },
-        { name: '帕累托图', path: '/data/chart/13' },
-        { name: '矩形树图', path: '/data/chart/14' },
-      ],
-    },
-    {
-      icon: <Wallpaper />,
-      name: '数据可视化大屏',
-      path: '/data/screen',
-    },
-  ]
+  const menus: MyMenuItem[] = useMemo(() => {
+    return [
+      {
+        icon: <Database />,
+        name: '数据采集',
+        path: '/data/write',
+        children: [
+          { name: '我的数据集', path: '/data/write/my' },
+          { name: '数据复制', path: '/data/write/copy' },
+          { name: '数据导入', path: '/data/write/upload' },
+          { name: '数据爬虫', path: '/data/write/crawler', disabled: true },
+          { name: 'API数据采集', path: '/data/write/api', disabled: true },
+          { name: '数据库对接', path: '/data/write/db', disabled: true },
+          { name: '内置数据集管理', path: '/data/write/built' },
+        ],
+      },
+      {
+        icon: <SearchCheck />,
+        name: '数据理解与探索',
+        path: '/data/read',
+        children: [
+          { name: '数据理解', path: '/data/read/understanding' },
+          { name: '数据探索', path: '/data/read/exploration' },
+        ],
+      },
+      {
+        icon: <Filter />,
+        name: '数据预处理',
+        path: '/data/preprocess',
+        children: [
+          { name: '缺失值处理', path: '/data/preprocess/null' },
+          { name: '重复值处理', path: '/data/preprocess/repeat' },
+          { name: '过大值处理', path: '/data/preprocess/max' },
+          { name: '过小值处理', path: '/data/preprocess/min' },
+          { name: '逻辑错误值处理', path: '/data/preprocess/error' },
+          { name: '数据拆分', path: '/data/preprocess/split' },
+          { name: '数据去空格', path: '/data/preprocess/space' },
+          { name: '数据去标点', path: '/data/preprocess/symbol' },
+          { name: '数据类型转换', path: '/data/preprocess/type' },
+          { name: '数据排序', path: '/data/preprocess/sort' },
+          { name: '数据拼接', path: '/data/preprocess/splice' },
+        ],
+      },
+      {
+        icon: <Bolt />,
+        name: '数据加工',
+        path: '/data/process',
+        children: [
+          { name: '值映射', path: '/data/process/mapping' },
+          { name: '数据分箱', path: '/data/process/binning' },
+          { name: '数据分组', path: '/data/process/group' },
+          { name: '数据脱敏', path: '/data/process/desensitization' },
+          { name: '日期计算', path: '/data/process/date' },
+          { name: '文本计算', path: '/data/process/string' },
+          { name: '数值计算', path: '/data/process/number' },
+          { name: '逻辑计算', path: '/data/process/logic' },
+          { name: '数据透视', path: '/data/process/perspective' },
+        ],
+      },
+      {
+        icon: <Cone />,
+        name: '数据挖掘',
+        path: '/data/digging',
+        children: [
+          { name: '线性回归', path: '/data/digging/1' },
+          { name: '逻辑回归', path: '/data/digging/2' },
+          { name: '决策树', path: '/data/digging/3' },
+          { name: '随机森林', path: '/data/digging/4' },
+          { name: '支持向量机', path: '/data/digging/5' },
+          { name: 'K-Means', path: '/data/digging/6' },
+          { name: '层次聚类', path: '/data/digging/7' },
+          { name: 'Apriori', path: '/data/digging/8' },
+          { name: 'FP-Growth', path: '/data/digging/9' },
+          { name: 'Holt-Winters', path: '/data/digging/10' },
+        ],
+      },
+      {
+        icon: <ChartArea />,
+        name: '数据可视化组件',
+        path: '/data/chart',
+        children: [
+          { name: '柱状图', path: '/data/chart/bar' },
+          { name: '折线图', path: '/data/chart/2' },
+          { name: '饼状图', path: '/data/chart/3' },
+          { name: '雷达图', path: '/data/chart/4' },
+          { name: '散点图', path: '/data/chart/5' },
+          { name: '气泡图', path: '/data/chart/6' },
+          { name: '词云', path: '/data/chart/7' },
+          { name: '地图', path: '/data/chart/8' },
+          { name: '指标卡', path: '/data/chart/9' },
+          { name: '漏斗图', path: '/data/chart/10' },
+          { name: '直方图', path: '/data/chart/11' },
+          { name: '表格', path: '/data/chart/12' },
+          { name: '帕累托图', path: '/data/chart/13' },
+          { name: '矩形树图', path: '/data/chart/14' },
+        ],
+      },
+      {
+        icon: <Wallpaper />,
+        name: '数据可视化大屏',
+        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">