feat(ui): 工作台精修 + 拆分(P3-3..7)
- Workbench.tsx 937→467 行,抽出 AiToolbar/WorkbenchToolbar/MobileContextBar - P3-3 AI 工具条分组留白 + 眉题 + 主 CTA 凸显 - P3-4 专注写作模式(useFocusMode hook+vitest,隐藏侧栏加宽正文)+ 左双栏面色区分 - P3-5 右栏本章参考小标题去衬线(font-sans) + 空态引导(无标题保 h2→h3 大纲) - P3-6 底栏信息/操作/状态三区 + TOC 当前章高亮;TOC 状态点因无每章状态数据跳过 - P3-7 展示层流式跟随滚动(不触碰 SSE 逻辑,尊重 reduced-motion) - AppShell 加可选 hideNav(加法式,默认 false)
This commit is contained in:
@@ -18,6 +18,9 @@ interface AppShellProps {
|
||||
projectId?: string;
|
||||
// 当前激活的项目级入口键(用于高亮)。
|
||||
activeNav?: ActiveNav;
|
||||
// 专注写作模式(P3-4):隐藏桌面左侧图标导航以加宽正文;顶栏汉堡/命令面板仍可达导航。
|
||||
// 缺省 false → 其余页面外观不变(加法式可选项)。
|
||||
hideNav?: boolean;
|
||||
}
|
||||
|
||||
// 全局外壳:顶栏(64px) + 左导航 + 主区(UX §5.1)。
|
||||
@@ -27,6 +30,7 @@ export function AppShell({
|
||||
subtitle,
|
||||
projectId,
|
||||
activeNav,
|
||||
hideNav = false,
|
||||
}: AppShellProps) {
|
||||
return (
|
||||
<div
|
||||
@@ -80,7 +84,7 @@ export function AppShell({
|
||||
</nav>
|
||||
</header>
|
||||
<div className="flex">
|
||||
<LeftNav projectId={projectId} activeNav={activeNav} />
|
||||
{hideNav ? null : <LeftNav projectId={projectId} activeNav={activeNav} />}
|
||||
<main
|
||||
id="main"
|
||||
tabIndex={-1}
|
||||
|
||||
Reference in New Issue
Block a user