1.3 KiB
1.3 KiB
文件编辑器:分屏 IDE 面板(替代默认全屏)
日期:2026-06-01
摘要
按 docs/design/specs/2026-06-01-files-editor-panel-design.md 与历史 v2 / 2026-05-30 IDE 设计,将 Monaco 从全屏 v-dialog 改为文件页底部内嵌面板:多标签、状态栏、最小化标签条、可选全屏。
动机
用户反馈「编辑器现在是全屏」,与设计文档(分屏 + 多文件标签 + 状态栏)不一致。
涉及文件
frontend/src/components/FileEditorWorkbench.vue(新建)frontend/src/pages/FilesPage.vuedocs/design/specs/2026-06-01-files-editor-panel-design.mdfrontend/src/components/MonacoEditor.vue(保留未删,暂无引用)
行为
| 操作 | 效果 |
|---|---|
| 双击/编辑 | 底部打开面板,文件表缩至约半屏 |
| 多文件 | 标签切换,各文件独立修改状态 |
| 状态栏 | 行、列、语言、远程路径 |
| 最小化 | 底部芯片条,点击恢复 |
| 全屏按钮 | 覆盖视口编辑,可退出 |
| Ctrl+S / Esc | 保存 / 退出全屏或关闭面板 |
迁移 / 重启
仅前端构建部署。
验证
- 打开编辑器后仍可见上方文件列表并可进目录
- 打开两个文件,标签切换内容正确
- 移动光标,状态栏行列更新
- 最小化、全屏、关闭未保存确认