feat(frontend): 重构工作区终端与导航交互
将 SSH 顶部标签改为服务器级切换入口，并把同服务器下的 多终端切换、新增与关闭下沉到终端面板内部，修正服务器与 终端的视觉层级 同时将 Workbench 导航改为左侧图标栏，并为终端标签右键菜单 补充“关闭全部”动作，完善相关多语言文案与工作区事件处理
This commit is contained in:
yinjianm
@@ -0,0 +1,72 @@
|
||||
# 变更提案: terminal-tab-close-all
|
||||
|
||||
## 元信息
|
||||
```yaml
|
||||
类型: 修复
|
||||
方案类型: implementation
|
||||
优先级: P2
|
||||
状态: 已完成
|
||||
创建: 2026-03-29
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
## 1. 需求
|
||||
### 背景
|
||||
当前终端标签右键菜单已经支持关闭当前、关闭其他、关闭左侧和关闭右侧，但缺少“一次性关闭全部终端标签”的入口。用户希望在工作区内直接关闭所有服务器的终端标签，而不是仅针对当前服务器分组操作。
|
||||
|
||||
### 目标
|
||||
- 在终端标签右键菜单中新增“关闭全部”。
|
||||
- 点击后关闭当前工作区内全部终端标签。
|
||||
- 保持现有右键菜单事件链路与会话清理逻辑，不引入新的后端依赖。
|
||||
|
||||
### 约束条件
|
||||
```yaml
|
||||
范围约束: 仅修改 frontend 菜单、工作区事件和本地化文案
|
||||
行为约束: “关闭全部”作用域为当前工作区全部终端标签，不区分服务器
|
||||
实现约束: 复用现有 session store 的 cleanupAllSessions 和 Workspace 事件总线
|
||||
```
|
||||
|
||||
### 验收标准
|
||||
- [x] 终端标签右键菜单在多标签场景下显示“关闭全部”。
|
||||
- [x] 点击“关闭全部”后，当前工作区中的全部终端标签被关闭。
|
||||
- [x] `packages/frontend` 构建通过，未引入新的类型错误。
|
||||
|
||||
---
|
||||
|
||||
## 2. 方案
|
||||
|
||||
### 技术方案
|
||||
沿用现有 `TerminalTabBar.vue -> workspaceEvents.ts -> WorkspaceView.vue -> session.store.ts` 的前端事件链，新增 `session:closeAll` 事件。`TerminalTabBar.vue` 负责在多标签场景下渲染菜单项并发出事件，`WorkspaceView.vue` 统一接收后调用 `sessionStore.cleanupAllSessions()` 完成全部会话关闭，文案同步更新到中英文 locale 文件。
|
||||
|
||||
### 影响范围
|
||||
```yaml
|
||||
涉及模块:
|
||||
- frontend: TerminalTabBar 右键菜单项
|
||||
- frontend: workspaceEvents 工作区事件类型
|
||||
- frontend: WorkspaceView 全部关闭处理
|
||||
- frontend: zh-CN / en-US 本地化文案
|
||||
预计变更文件: 5
|
||||
```
|
||||
|
||||
### 风险评估
|
||||
| 风险 | 等级 | 应对 |
|
||||
|------|------|------|
|
||||
| 关闭全部复用 `cleanupAllSessions()` 时影响现有退出清理逻辑 | 低 | 仅在用户主动点击菜单时调用，且该逻辑已用于工作区卸载清理 |
|
||||
| 右键菜单新增项后多语言缺失导致展示 key | 低 | 同步补充 `zh-CN` 与 `en-US` 文案 |
|
||||
|
||||
---
|
||||
|
||||
## 3. 技术决策
|
||||
### terminal-tab-close-all#D001: 复用工作区级事件总线和现有全部清理能力
|
||||
**日期**: 2026-03-29
|
||||
**状态**: 采纳
|
||||
**背景**: 当前终端标签关闭动作已全部走 `WorkspaceView` 中转处理，`session.store` 已存在 `cleanupAllSessions()` 可安全关闭全部会话。
|
||||
**备选方案**:
|
||||
| 选项 | 优点 | 缺点 |
|
||||
|------|------|------|
|
||||
| A: 在 `TerminalTabBar.vue` 内循环逐个关闭 | 改动直观 | 组件直接操作关闭细节，事件层次不一致 |
|
||||
| B: 新增 `session:closeAll` 事件并由 `WorkspaceView` 调用 `cleanupAllSessions()` | 与现有 close/closeOthers 链路一致，复用现有清理逻辑 | 需要补一个事件类型 |
|
||||
**决策**: 选择方案 B。
|
||||
**理由**: 保持终端标签菜单与工作区事件模型一致，避免在组件层直接堆叠会话清理逻辑。
|
||||
|
||||
@@ -0,0 +1,42 @@
|
||||
# 任务清单: terminal-tab-close-all
|
||||
|
||||
```yaml
|
||||
@feature: terminal-tab-close-all
|
||||
@created: 2026-03-29
|
||||
@status: completed
|
||||
@mode: R2
|
||||
```
|
||||
|
||||
## 进度概览
|
||||
|
||||
| 完成 | 失败 | 跳过 | 总数 |
|
||||
|------|------|------|------|
|
||||
| 4 | 0 | 0 | 4 |
|
||||
|
||||
---
|
||||
|
||||
## 任务列表
|
||||
|
||||
### 1. 现状确认
|
||||
- [x] 1.1 复核 `TerminalTabBar.vue`、`workspaceEvents.ts` 与 `WorkspaceView.vue` 的现有关闭链路，确认新增菜单项可复用工作区事件处理 | depends_on: []
|
||||
|
||||
### 2. 菜单与事件扩展
|
||||
- [x] 2.1 在 `packages/frontend/src/components/TerminalTabBar.vue` 中新增“关闭全部”菜单项和 `close-all` 动作 | depends_on: [1.1]
|
||||
- [x] 2.2 在 `packages/frontend/src/composables/workspaceEvents.ts` 中补充 `session:closeAll` 事件类型，并在 `packages/frontend/src/views/WorkspaceView.vue` 中接入全部关闭处理 | depends_on: [2.1]
|
||||
|
||||
### 3. 文案与验证
|
||||
- [x] 3.1 更新 `packages/frontend/src/locales/zh-CN.json` 与 `packages/frontend/src/locales/en-US.json` 文案 | depends_on: [2.2]
|
||||
- [x] 3.2 运行 `npm --prefix packages/frontend run build` 验证改动 | depends_on: [3.1]
|
||||
|
||||
---
|
||||
|
||||
## 执行日志
|
||||
|
||||
| 时间 | 任务 | 状态 | 备注 |
|
||||
|------|------|------|------|
|
||||
| 2026-03-29 | 1.1 | 完成 | 确认终端关闭动作统一经 Workspace 事件总线流转 |
|
||||
| 2026-03-29 | 2.1 | 完成 | 新增 `close-all` 菜单动作 |
|
||||
| 2026-03-29 | 2.2 | 完成 | 新增 `session:closeAll` 事件并接入 `cleanupAllSessions()` |
|
||||
| 2026-03-29 | 3.1 | 完成 | 补充中英文菜单文案 |
|
||||
| 2026-03-29 | 3.2 | 完成 | 前端构建通过，仅保留既有 chunk warning |
|
||||
|
||||
Reference in New Issue
Block a user