refactor: 项目管理菜单改造为下拉导航组
- 新增 SidebarNavGroup 组件支持可展开导航组 - 路由从 /console/projects 调整为 /console/project/* - 成员管理页面独立为子菜单 - 新增权限配置、技能配置占位页面 - URL 驱动展开状态,刷新保持 - 更新 README.md 和 specs
This commit is contained in:
@@ -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` 组件渲染
|
||||
|
||||
Reference in New Issue
Block a user