feat: 工作台对话列表添加删除功能

- 对话卡片 Hover 时显示删除按钮
- 点击删除按钮显示确认弹窗
- 删除按钮垂直居中对齐
This commit is contained in:
2026-03-28 18:04:21 +08:00
parent fb9833663c
commit f46f26fe27
3 changed files with 119 additions and 6 deletions

View File

@@ -0,0 +1,48 @@
## ADDED Requirements
### Requirement: 对话列表项支持删除操作
对话列表中的每一项 SHALL 提供删除功能,允许用户移除不需要的对话记录。
#### Scenario: Hover 显示删除按钮
- **WHEN** 用户将鼠标悬停在对话卡片上
- **THEN** 系统 SHALL 在卡片右侧显示删除图标按钮
#### Scenario: 默认隐藏删除按钮
- **WHEN** 用户未将鼠标悬停在对话卡片上
- **THEN** 系统 SHALL 隐藏删除按钮,保持界面简洁
### Requirement: 删除操作需确认
系统 SHALL 在执行删除前显示确认弹窗,防止用户误操作。
#### Scenario: 点击删除按钮显示确认弹窗
- **WHEN** 用户点击删除按钮
- **THEN** 系统 SHALL 显示确认弹窗,包含对话标题和确认/取消按钮
#### Scenario: 确认删除
- **WHEN** 用户在确认弹窗中点击"确定"按钮
- **THEN** 系统 SHALL 关闭弹窗并模拟删除操作
#### Scenario: 取消删除
- **WHEN** 用户在确认弹窗中点击"取消"按钮或点击遮罩层
- **THEN** 系统 SHALL 关闭弹窗,不执行删除操作
### Requirement: 删除按钮样式符合设计规范
删除按钮的样式 SHALL 符合项目现有的设计规范。
#### Scenario: 删除按钮默认样式
- **WHEN** 删除按钮显示时
- **THEN** 按钮 SHALL 使用灰色图标,不干扰主要内容
#### Scenario: 删除按钮 Hover 样式
- **WHEN** 用户将鼠标悬停在删除按钮上
- **THEN** 按钮 SHALL 变为红色,提示危险操作