feat: add collapsible sidebar navigation groups

src/components/DashboardSidebar.jsx

@@ -2,8 +2,8 @@ import xyLogoWhite from '@/assets/xy-logo-white.png';
 import { APPLICATION_DISPLAY_NAME } from '@/config/application';
 import { Sheet } from '@heroui-pro/react';
 import { Sidebar, useSidebar } from '@heroui-pro/react/sidebar';
-import { Avatar, Button, Dropdown, Label } from '@heroui/react';
-import { AppGrid, LogOut } from './AppIcons';
+import { Avatar, Button, Disclosure, Dropdown, Label } from '@heroui/react';
+import { AppGrid, ChevronDown, LogOut } from './AppIcons';
 
 function getUserDisplay(userInfo) {
   const displayName = userInfo?.display_name || userInfo?.username || '当前用户';
@@ -65,6 +65,54 @@ function SidebarContents({
   pathname,
   userInfo,
 }) {
+  const renderMenu = (group) => (
+    <Sidebar.Menu aria-label={group.title}>
+      {group.items.map((item) => {
+        const Icon = item.icon;
+        return (
+          <Sidebar.MenuItem
+            href={item.path}
+            isCurrent={pathname === item.path}
+            key={item.path}
+            textValue={item.name}
+            tooltip={item.name}
+          >
+            <Sidebar.MenuIcon>
+              <Icon size={16} />
+            </Sidebar.MenuIcon>
+            <Sidebar.MenuLabel>{item.name}</Sidebar.MenuLabel>
+          </Sidebar.MenuItem>
+        );
+      })}
+    </Sidebar.Menu>
+  );
+
+  const renderGroup = (group) => {
+    const hasCurrentItem = group.items.some((item) => pathname === item.path);
+    const GroupIcon = group.icon;
+
+    return (
+      <Sidebar.Group key={group.title}>
+        <Disclosure defaultExpanded={hasCurrentItem}>
+          <Disclosure.Heading>
+            <Sidebar.GroupLabel>
+              <Disclosure.Trigger className="flex w-full min-w-0 items-center gap-2 text-left">
+                {GroupIcon ? <GroupIcon size={16} /> : null}
+                <span className="min-w-0 flex-1 truncate">{group.title}</span>
+                <Disclosure.Indicator>
+                  <ChevronDown size={14} />
+                </Disclosure.Indicator>
+              </Disclosure.Trigger>
+            </Sidebar.GroupLabel>
+          </Disclosure.Heading>
+          <Disclosure.Content>
+            <Disclosure.Body>{renderMenu(group)}</Disclosure.Body>
+          </Disclosure.Content>
+        </Disclosure>
+      </Sidebar.Group>
+    );
+  };
+
   return (
     <>
       <Sidebar.Header>
@@ -104,30 +152,9 @@ function SidebarContents({
 
       <Sidebar.Content>
         {menuGroups.map((group) => (
-          <Sidebar.Group key={group.title}>
-            {group.showLabel !== false ? (
-              <Sidebar.GroupLabel>{group.title}</Sidebar.GroupLabel>
-            ) : null}
-            <Sidebar.Menu aria-label={group.title}>
-              {group.items.map((item) => {
-                const Icon = item.icon;
-                return (
-                  <Sidebar.MenuItem
-                    href={item.path}
-                    isCurrent={pathname === item.path}
-                    key={item.path}
-                    textValue={item.name}
-                    tooltip={item.name}
-                  >
-                    <Sidebar.MenuIcon>
-                      <Icon size={16} />
-                    </Sidebar.MenuIcon>
-                    <Sidebar.MenuLabel>{item.name}</Sidebar.MenuLabel>
-                  </Sidebar.MenuItem>
-                );
-              })}
-            </Sidebar.Menu>
-          </Sidebar.Group>
+          group.showLabel === false ? (
+            <Sidebar.Group key={group.title}>{renderMenu(group)}</Sidebar.Group>
+          ) : renderGroup(group)
         ))}
       </Sidebar.Content>
 

src/pages/project_manager_xy/Layout.jsx

@@ -7,6 +7,8 @@ import {
   Archive,
   BarChart,
   FileText,
+  Folder,
+  Group,
   Project,
 } from '@/components/AppIcons';
 import ApplicationSwitcherDialog from './ApplicationSwitcherDialog';
@@ -21,7 +23,7 @@ import { Outlet, useLocation } from 'umi';
 
 const MENU_GROUPS = [
   {
-    title: APPLICATION_DISPLAY_NAME,
+    title: '基础导航',
     showLabel: false,
     items: [
       {
@@ -29,6 +31,12 @@ const MENU_GROUPS = [
         path: '/audit_project_table/dashboard',
         icon: BarChart,
       },
+    ],
+  },
+  {
+    title: '开展审计工作',
+    icon: Group,
+    items: [
       {
         name: '审计项目管理',
         path: '/audit_project',
@@ -39,6 +47,12 @@ const MENU_GROUPS = [
         path: '/audit_project_archive',
         icon: Archive,
       },
+    ],
+  },
+  {
+    title: '表单配置及维护',
+    icon: Folder,
+    items: [
       {
         name: '项目表单',
         path: '/project_form',