Your Name
32 lines
1.5 KiB
Markdown
32 lines
1.5 KiB
Markdown
# 2026-06-01 文件管理：浮动可拖动编辑器 + 目录树内置
|
|
|
|
## 摘要
|
|
|
|
- **文件管理页**不再显示左侧目录树，文件列表全宽展示。
|
|
- **编辑器**改为 `Teleport` 到 `body` 的浮动面板，支持标题栏拖动、右下角缩放，位置与尺寸持久化到 `localStorage`。
|
|
- **目录树**移入 `FileEditorWorkbench` 左侧栏；在树中导航会同步文件管理页的当前路径；树右键仍可触发粘贴目标。
|
|
|
|
## 动机
|
|
|
|
用户反馈：① 应是「编辑器带文件树」，而非「文件管理带文件树」；② 编辑器应可浮动、可拖动，而非固定在页面底部内嵌分屏。
|
|
|
|
## 涉及文件
|
|
|
|
| 文件 | 变更 |
|
|
|------|------|
|
|
| `frontend/src/components/FileEditorWorkbench.vue` | 浮动面板、内置 `FileDirectoryTree`、`path-change` / `paste-target` |
|
|
| `frontend/src/components/FileDirectoryTree.vue` | 新增 `embedded` 紧凑模式 |
|
|
| `frontend/src/composables/useFloatingPanel.ts` | 拖动/缩放与 localStorage 持久化 |
|
|
| `frontend/src/pages/FilesPage.vue` | 移除左侧树与 `files-browser--split` |
|
|
|
|
## 迁移 / 重启
|
|
|
|
- 仅前端构建部署，无需后端重启。
|
|
|
|
## 验证方式
|
|
|
|
1. 打开 `#/files`，选择服务器并浏览目录——页面无左侧树，列表全宽。
|
|
2. 点击「编辑」——出现居中浮动编辑器，左侧有目录树，可拖动标题栏移动、拖右下角缩放。
|
|
3. 在编辑器目录树点击文件夹——文件管理页路径与列表同步更新。
|
|
4. 最小化后底部出现标签 dock；全屏按钮仍可铺满视口。
|