Three-column workbench: Work/Files third column, left-rail rework, DESIGN 6/9.3 #322
File diff suppressed because one or more lines are too long
@@ -157,18 +157,22 @@ Office 分页预览是**内容**,不是界面。纸面与默认墨色固定,
|
||||
嵌套降档:12 → 8 → 6 → 4;最内层不低于 4。对话框内部重新从 12 起算。
|
||||
禁止任意值。`rounded-full` 不因组件类型自动获得。
|
||||
|
||||
## 6. 布局:面板化工作区
|
||||
## 6. 布局:三栏工作台
|
||||
|
||||
桌面工作区 = 浮在 `--bg-inset` 底座上的**独立圆角面板**(左栏 / 对话主区 / 预览区 / 右栏):
|
||||
桌面工作区 = 浮在 `--bg-inset` 底座上的**独立圆角面板**(左栏 / 对话主区 / 第三栏):
|
||||
面板 `--radius-lg` 圆角 + `--border-soft` 发丝描边,面板之间 **4px 间隙**,应用四周 4px 内衬。
|
||||
拖拽分隔条:透明 4px 命中区,hover/拖拽时显示 2px `--border-strong` 指示线(两端留出面板圆角)。
|
||||
|
||||
预览区插在对话与右栏之间,只在当前会话有打开的文件时出现。宽度可拖(420–1100),
|
||||
用 `--bg`,不受右栏 560 上限约束。打开第一张标签时收起右栏,关掉最后一张时恢复右栏原状。
|
||||
标签按会话记住,切回该会话时恢复。
|
||||
**左栏(找上下文)**:顶部切换项目(项目身份在此集中显示一次,含阶段徽章),
|
||||
中段放会话列表与搜索,底部沉底放文件、领域工作区与账户。
|
||||
**第三栏(右栏,双入口「工作 / 文件」)**:工作入口承载待处理事项、后台任务、执行记录
|
||||
与当前任务卡;文件入口承载文件搜索、多标签预览、编辑与下载——文件预览不再是独立第四栏。
|
||||
工作档宽度可拖(280–560);文件入口在有预览标签时切到阅读档(420–1100),不受工作档上限约束。
|
||||
打开文件自动进入文件入口的预览子视图;关掉最后一张标签回到文件列表。标签按会话记住,
|
||||
切回该会话时恢复。全屏展开是文件预览的放大,不是第二落位。
|
||||
|
||||
层次规则:左栏与右栏用 `--bg-panel`,对话主区与预览区用 `--bg`;窄屏可退化为通栏。
|
||||
信息架构原则:**对话优先**——普通用户仅凭对话即可完成全部工作,右栏纯辅助、可完全收起;
|
||||
层次规则:左栏与第三栏用 `--bg-panel`,对话主区与文件预览内容用 `--bg`;窄屏可退化为通栏。
|
||||
信息架构原则:**对话优先**——普通用户仅凭对话即可完成全部工作,第三栏纯辅助、可完全收起;
|
||||
系统管理类视图独立成区(管理员专属入口),不混入用户设置。
|
||||
|
||||
## 7. 海拔(Elevation)
|
||||
@@ -221,9 +225,9 @@ Office 分页预览是**内容**,不是界面。纸面与默认墨色固定,
|
||||
|
||||
### 9.3 一个动作一个入口
|
||||
|
||||
同一对象只允许一个主要操作路径:一个工件 = 一个预览落位(对话右侧预览区)+ 预览区标题栏上的一个下载。
|
||||
对话里的文件卡片负责打开这个预览区;卡片菜单里的下载是同一下载动作的就近入口,不另开预览器。
|
||||
全屏 overlay 是预览区的放大,不是第二落位。禁止弹窗套弹窗。
|
||||
同一对象只允许一个主要操作路径:一个工件 = 一个预览落位(第三栏「文件」入口)+ 预览
|
||||
工具栏上的一个下载。对话里的文件卡片负责打开这个预览;卡片菜单里的下载是同一下载动作
|
||||
的就近入口,不另开预览器。全屏 overlay 是文件预览的放大,不是第二落位。禁止弹窗套弹窗。
|
||||
|
||||
### 9.4 按钮
|
||||
|
||||
@@ -296,3 +300,12 @@ Dev 组合 PR 更新 `DESIGN.md` 并固定对应 UI 提交;两者互链,附
|
||||
| `--warn`(浅色、墨绿) | `#e07b00`(白底 2.99:1) | `#d17300` |
|
||||
| `--fs-ui-xs` | −4px(10px) | −3px(11px),仅徽标 |
|
||||
| 文字档 `*-text`、`--text-on-semantic`、`--accent-sidebar`、`--primary-sidebar`、`--fs-code`、`--idle-text` | 无 | 见 §2.4–§3。图形色不再当文字用 |
|
||||
|
||||
### 12.2 三栏工作台信息架构(2026-10-11)
|
||||
|
||||
布局与入口收敛(无令牌变更,仅消费既有令牌):预览从「对话与右栏之间的独立第四栏」
|
||||
并入第三栏「文件」入口(原「打开预览收起右栏」行为随之取消);左栏改为项目切换置顶、
|
||||
会话与搜索居中、文件/工作区/账户沉底;顶栏不再重复项目身份;停止操作收敛到输入区,
|
||||
输入框上方保留快慢通道轻量状态提示。工件 ⌘1 弹层撤销,文件浏览并入「文件」入口
|
||||
(代理成为首个内置体系工具)。依据:三栏工作台方案(2026-10-11 评审);
|
||||
实现为 Frontend `feature/ui-three-column-workbench` 组合变更。
|
||||
|
||||
+1
-1
Submodule modules/frontend updated: 339a9ebc2d...3ed10e1220
Reference in New Issue
Block a user