refactor: 项目管理菜单改造为下拉导航组

- 新增 SidebarNavGroup 组件支持可展开导航组
- 路由从 /console/projects 调整为 /console/project/*
- 成员管理页面独立为子菜单
- 新增权限配置、技能配置占位页面
- URL 驱动展开状态,刷新保持
- 更新 README.md 和 specs
This commit is contained in:
2026-03-30 14:11:31 +08:00
parent ea81a714bb
commit 4f2faa3e8d
12 changed files with 278 additions and 19 deletions

View File

@@ -182,3 +182,33 @@
#### Scenario: 页面样式文件内容结构
- **WHEN** 查看页面样式文件
- **THEN** 该文件包含页面特定的布局、组件、状态等样式,使用清晰的注释分节
### Requirement: 可展开导航组组件
系统 SHALL 提供可展开的导航组组件 `SidebarNavGroup`,用于组织多个相关导航项。
#### Scenario: 导航组基本结构
- **WHEN** 开发者需要创建可展开的导航组
- **THEN** 系统 SHALL 提供 `SidebarNavGroup` 组件
- **AND** 组件接受 `icon``label``children` 属性
- **AND** 组件内部使用 `SidebarNavItem` 渲染子菜单项
#### Scenario: 导航组头部交互
- **WHEN** 用户点击导航组头部
- **THEN** 系统切换展开/收起状态
- **AND** 头部显示展开/收起箭头图标
#### Scenario: 导航组样式
- **WHEN** 导航组渲染时
- **THEN** 系统 SHALL 提供以下 BEM 类名:
- `.nav-group` 容器类
- `.nav-group__header` 头部类
- `.nav-group__icon` 图标类
- `.nav-group__label` 标签类
- `.nav-group__arrow` 箭头类
- `.nav-group__children` 子菜单容器类
- `.nav-group--expanded` 展开状态修饰符
#### Scenario: 子菜单项缩进
- **WHEN** 导航组展开显示子菜单
- **THEN** 子菜单项相对于父级有左侧缩进
- **AND** 子菜单项使用 `SidebarNavItem` 组件渲染