Files
Nexus/docs/changelog/2026-06-01-files-editor-panel.md
T

1.3 KiB
Raw Blame History

文件编辑器:分屏 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.vue
  • docs/design/specs/2026-06-01-files-editor-panel-design.md
  • frontend/src/components/MonacoEditor.vue(保留未删,暂无引用)

行为

操作 效果
双击/编辑 底部打开面板,文件表缩至约半屏
多文件 标签切换,各文件独立修改状态
状态栏 行、列、语言、远程路径
最小化 底部芯片条,点击恢复
全屏按钮 覆盖视口编辑,可退出
Ctrl+S / Esc 保存 / 退出全屏或关闭面板

迁移 / 重启

仅前端构建部署。

验证

  1. 打开编辑器后仍可见上方文件列表并可进目录
  2. 打开两个文件,标签切换内容正确
  3. 移动光标,状态栏行列更新
  4. 最小化、全屏、关闭未保存确认