跳到主要内容

全站布局重设计总纲

v2 重估（2026-08-02）：对照 vision / ADR-0012 / 后端能力清单复核后，分波顺序已改（见「分波」节）。核心修正：能力暴露与空壳清除优先于表现层密度抛光；Pro 清零从「波次驱动指标」降为「收尾卫生」。能力对照详表见 product-capability-map.md。

读者：执行 UI 切片的实现者（Auto）。回答一个问题：所有现存页面的布局如何统一抬到「一流产品感」，以及按什么顺序做。 约束：antd 5 + umi（ADR-0005 / ADR-0014）；Pro Strangler 只摘不加深；视觉 tokens 唯一事实源 frontend/src/theme/tokens.ts + theme/css-vars.less（见 ui-home-model-redesign.md §视觉方向，本文不重复定义色板）；落地页深色品牌门面不动；Home 为亮色工作台。 关系：本文是全站总纲；Home/模型页的区块级 IA 细节仍以 ui-home-model-redesign.md 为准，本文只引用不重复。

一套系统，两种曝光​

世界页面视觉
门面（深色品牌）落地页 /、登录/注册Syne/IBM Plex 字族 + 深色构图，品牌优先
工作台（亮色系统）Home、项目列表、设计器 chrome、版本/设置/账号、数据源、分享、404tokens 亮色系统，antd Layout/Table/Form 为骨架

跨世界的桥：登录/注册页左半用落地页深色品牌面板、右半白色表单——一次深色→亮色的过渡，把「门面」与「工作台」缝在一屏里。

布局模式目录（全站只允许这三种壳）​

  1. 品牌壳（Brand Shell）：无导航 chrome，内容居中/分栏。用于落地页、登录/注册、404/403。
  2. 工作台壳（Workspace Shell）：顶栏 64px（--erd-chrome-header-h；logo + 主导航 + 右侧用户区）+ 内容区 max-width: 1200px 居中 + 页脚一行版权。用于 Home、dataModels、project/*、databaseConfig、account/settings。实现 = HomeLayout + 共享 layouts/erd-chrome.less（GroupLayout 同 chrome；无全页 Watermark）。
  3. 设计器壳（Designer Shell）：顶栏 64px（同 chrome）+ 左树 320px + tabs ~28px（--erd-tabs-h，原 40，ADR-0016 密度）+ flex 画布。用于 /design/*（含 version / import / export / setting 标签页）。实现 = DesignLayout（antd Layout，W1 已摘 Pro；版本号在「更多」，无水印 clutter）。

禁止发明第四种壳；禁止回到 ProLayout/PageContainer 包裹任何页面（ADR-0014）。

密度规范（全站统一）​

  • 4pt 网格；页面左右 padding 24，区块间距 16/24；卡片内边距 16/20
  • 表格：size="middle"，行高由 antd token 控制，禁止自定义行高魔法数
  • 表单：layout="vertical"（设置类）或弹窗内 labelCol 6；标签 13px，必填星号 brand 色
  • 列表行高 56（项目列表）/ 48（数据源表格）；树行高 32
  • 字阶沿用 tokens 简报：12/13/14/16/20/28/40，统计数字一律 ink-900、无彩虹色

导航模式​

  • 全局：工作台壳顶栏一级导航（首页 / 项目 / 数据源配置 / 账号），当前项 brand 下划线 2px，悬停 ink-900
  • 设计器内（单一 chrome）：左 logo→/home + 项目名 ▾（aria-label=项目菜单：全部项目 → 最近项目（最多 5 条，当前项 ✓，点其它项切 /design/table/model?projectId=） → 导入·导出·设置弹层，items API + 子弹外置，子菜单 click 且同时只开一个）；中主 tabs 仅 模型 | 版本（版本含 sider 子导航）；右 SaveStatus / 保存版本 / presence / 分享 / 我的工单·待审批·通知（/design/table/version/order|approval、/project/notice）/ ⋯（公众号·GitHub·版本号）/ 用户。导入·导出·设置页仍可深链，不占顶栏
  • 层级收口：项目列表卡片整卡 <Link> 直达设计器；设计器内切项目走 ▾「最近项目」；返回列表走「全部项目」/ logo，不新增「返回」按钮

空态规范（每页一句话 + 一个主 CTA）​

页面空态
Home 项目区插画 + 「新建模型」主按钮 + 「从示例开始」文字链
dataModels（各 tab）「还没有项目」+ 「新建项目」主按钮；团队 tab 附「去创建团队」文字链
databaseConfig「还没有数据源」+ 「新建数据源」主按钮
设计器画布ER 剪影插画 + 「新建第一张表」主按钮 + 「导入 DBML」次按钮 + 「从数据源逆向」文字链（空态隐藏 MiniMap）；导入后直开关系图并 fitView
version 列表「还没有版本」+ 「保存第一个版本」主按钮（与顶栏入口同一动作）
share（链接失效）AuthBrandShell + 「打开示例 demo」主按钮 + 「返回首页」；空模块/无模型 → ER 剪影 + 同 CTA
404 / 403AuthBrandShell + 「打开示例 demo」主按钮 + 「返回首页」（与分享失效门同构）

统一用品牌壳 / ER 剪影空态；插画沿用现有资产；空态 CTA 必须可达（getByRole('button', { name })）。禁裸 antd Result 做品牌门。

逐页方案​

落地页 /（品牌壳 · 不动构图）​

  • 保持深色全幅品牌构图与 landing-hero.jpg（roadmap P5 已定）
  • ✅ 落地页 token 同源（2026-08-03）：pages/landing/index.less 清 @ink/@accent/#4aa3c8 等魔法色 → --erd-* + color-mix；主 CTA 改 brand 红；三柱点缀 success/brand/warning；字族走 --erd-font-*
  • 页脚一行版权，链接收进「资源」列

登录 / 注册（品牌壳 · W5）​

  • ✅ W5 切片 4（2026-08-03）：AuthBrandShell 左 40% 暗色品牌面板（--erd-ink-900 渐变 + logo/叙事/ErdEmptyDiagram 缩略 +「打开演示」文字链）+ 右 60% 白色 antd Form；清 bg2.png / #1677FF 硬编码；注册页同构；redirect 闭环不变

Home /home（工作台壳 · W2，删除优先）​

  • 区块级 IA 见 ui-home-model-redesign.md §Home 信息架构（hero CTA 簇 + 次级水平链 + 全宽 3 列项目网格；无快速操作墙；公告按新鲜度可隐）；W2 只做删除：重复统计卡（「项目概览」）、slogan 轮转、components/Radar/、_mock.ts、未渲染的 Pie config 与 @ant-design/charts 死 import
  • ✅ S2 Home hero（2026-08-02）：主 CTA「继续上次建模」直达最近项目画布 + 安静三指标；快捷链改 tokens（非 W5 表现层）
  • 网格 hover 升层等密度细节降为顺手活，不单列切片；禁止为 Home 新增额外视觉设计工时（S3 网格另片）
  • 验证锚点：getByRole('button', { name: '继续上次建模' })、home-link-* testId

项目列表 dataModels + project/*（工作台壳 · W4）​

  • 现状：ProList（dataModels / project/person / project/recent / project/group）卡片列表，avatar:'/logo.svg' 占位，操作按钮堆在 actions
  • 目标：antd List + 行内布局：左 logo 32px + 项目名（16 strong，整行 <Link> 直达设计器）+ 类型 Tag（个人 ink / 团队 teal）+ 描述一行截断 + 右「更新于 x 前」+ 悬停显行尾操作（重命名/复制/设置/删除收进 Dropdown）
  • tab（最近/个人/团队）用 antd Tabs 置内容区头部；排序 Select 右对齐；分页沿用
  • 摘全部 ProList；删除项目二次确认沿用（已有）
  • project/group 子页（成员/权限/设置）同波顺带：PageContainer → 工作台壳内容区 + antd Card 分节

数据源配置 databaseConfig（工作台壳 · W4）​

  • 现状：PageContainer + ProTable，功能已完整（状态 Badge / ping / Drawer 表单 / 批量删）
  • 目标：摘 PageContainer → 工作台壳；ProTable → antd Table（columns 平移，工具条改为标题行 + 右侧「新建数据源」主按钮 + 搜索 Input.Search）；Drawer 表单内的 ProForm* 留到 W4 统一摘
  • 列宽用 Table 默认自适应，禁止定死 px 总宽

设计器 chrome + model（设计器壳 · W1 ✅ / W2 收尾 ✅ / 顶栏 IA ✅）​

  • W1：DesignLayout 摘 ProLayout → antd Layout（✅，见 CHANGELOG 2026-08-02）；顶栏保留 save/share/presence/homeRightContent/项目菜单
  • ✅ W2 切片 3（2026-08-02）：删主区嵌套 Splitter/DataTable（左树唯一 = sider）；删 sider footer；sider 400→320；CommonTabs 栏 40px；设计器壳 calc(100vh-*) → flex 填满；树头「新建」(design-tree-add) 常显
  • ✅ W2 切片 4（2026-08-02）：清设计器内残留 calc(100vh)——修 EmptyStateAnimation 内容态高度链断裂；QueryTree / version / ReactFlow 改 flex/height:100%（度量「W1 后设计器 0」收口）
  • ✅ 顶栏 IA 收口（2026-08-02）：去掉「项目 ▾」与水平五 tab 双导航；项目名 switcher + 模型|版本 + 右区北极星 CTA + ⋯ 溢出（见「导航模式」）
  • ✅ 项目 ▾ 最近切换（2026-08-02）：菜单内「最近项目」最多 5 条（recentProject）；当前项 ✓；点其它项切 /design/table/model?projectId=；「全部项目」/导入·导出·设置保留

版本 version / 导入 import / 导出 export / 设置 setting（设计器壳标签页 · W3/W4）​

  • 现状：design/version 用 ProList 深 hack（tokens 简报标记「待摘」）；import/export/setting 的对话框与面板大量 ProForm*（ReverseDatabase、ExportDDL、DatabaseSetUp、DefaultSetUp 等）
  • 目标：
    • version 列表 → antd List/Table：版本号（strong）+ tag chips + 描述截断 + 时间 + 行尾操作 Dropdown（重命名/diff/导出/回滚/审批）；diff/审批子页同壳
    • 跨版本 diff 导出为本波新增能力项（非平移）：diff 面板加「导出」动作，复用既有导出管道
    • 所有 ProForm* → antd Form + Form.Item：字段、校验、onFinish 平移；弹窗宽度统一 520/720 两档
    • 表单按钮区：主按钮右置 brand，取消左置文字钮；危险操作（重建版本）二次确认沿用
  • 原则：一次只摘一个对话框，平移不改行为；每摘一个跑该旅程 E2E

账号 account/settings（工作台壳 · W4）​

  • 现状：Pro 设置页骨架（account/settings + components/base 等 ProForm）
  • 目标：antd Tabs（左侧 vertical：基本资料 / 修改密码）+ Form layout="vertical"；头像上传沿用；摘全部 ProForm；删除「地理/电话」等无后端字段（先 grep 确认无引用）
  • ✅ 授权类型密度对齐（2026-08-03）：identification 去裸 Result / #DE2910；密度状态面板（13/22 + --erd-brand）；account-settings-identification
  • ✅ Export / Home·Group 图标 token（2026-08-03）：ExportCommon 图标 currentColor→--erd-brand；Home/Group _defaultProps 对齐 DesignLayout erdColors.brand
  • ✅ dataTypeDomains 树图标 token（2026-08-03）：getDataTypeTree brandFill = erdColors.brand；禁裸 #DE2910

分享 share（品牌壳-lite · W5）​

  • 现状：只读画布 + 顶栏， fork 入口已通（P3a ✅）
  • ✅ W5 切片 2（2026-08-02）：链接失效/无效 token → Result 403 +「返回首页」+「打开示例 demo」（与 404/403 同构）
  • ✅ W5 切片 3（2026-08-03）：成功态顶栏对齐设计器壳——erd-chrome-header 64px、logo→落地、项目名 +「只读」Tag、「复制到我的项目」主按钮、未登录「登录/注册」文字链（带 autofork redirect）；去 Card/Alert 厚壳，画布为门面主体
  • ✅ W5 切片 4（2026-08-03）：登录/注册品牌壳——左暗色面板 + 右 Form；见上节
  • ✅ 分享失效/空态品牌对齐（2026-08-03）：失效门改 AuthBrandShell（去裸 403 Result）；无模型/无表 → ShareEmptyState（ErdEmptyDiagram + 主 CTA）；--erd-* 同语言
  • 分享页是给陌生人的产品门面，保持轻 chrome，不加工作台导航

404 / 403（品牌壳 · W5）​

  • ✅ W5 切片 1（2026-08-02）：删 antd/dist/reset.css；Result 标准 status 图标（删 no-found.svg / no-access.svg）；extra「返回首页」+「打开示例 demo」→ /demo；403 同构
  • ✅ 404/403 品牌对齐（2026-08-03）：改 AuthBrandShell（去裸 Result）；主 CTA「打开示例 demo」+「返回首页」；与分享失效门同语言
  • ✅ 404/403 壳键盘（2026-08-03）：Skip「跳到主操作」→ #exception-main-cta；focus-visible brand；/403 深链可达；与落地/登录同型
  • ✅ 分享失效门键盘（2026-08-03）：同构 Skip→ #exception-main-cta（share-invalid-gate）；focus-visible brand；share.spec 键盘绿
  • ✅ /compare 竞品对照页键盘（2026-08-03）：同壳 Skip→ #landing-main-cta；演示→自部署→返回首页；surface focus-visible；compare.spec 键盘绿
  • ✅ Home 工作台键盘（2026-08-03）：Skip「跳到主内容」→ #home-main-content；CTA/二级入口/项目卡 Tab 序；brand focus-visible；home-keyboard.spec 绿
  • ✅ GroupLayout 壳键盘（2026-08-03）：Skip「跳到主内容」→ #group-main-content；绕开顶栏+侧栏；基本设置表单 Tab 序；brand focus-visible；group-keyboard.spec 绿
  • ✅ 项目列表行键盘（2026-08-03）：个人/最近/团队 stretched link 消死卡；Enter 开设计器；Tab 行内动作；brand focus-visible；project-list-keyboard.spec 绿
  • ✅ 账号设置壳键盘（2026-08-03）：/account/settings Skip「跳到主表单」→ #account-settings-form；绕开顶栏+侧栏；邮箱→电话→保存；brand focus-visible；account-settings-keyboard.spec 绿
  • ✅ 项目动作弹窗键盘（2026-08-03）：新建/修改首焦字段；删除确认首焦「是」；Esc 归还；Tab trap；project-action-modals-keyboard.spec 绿
  • ✅ 导入/导出弹层键盘（2026-08-03）：DBML 导入首焦文本 / 导出首焦模型；Esc 归还空态 CTA/项目菜单；Tab trap；import-export-keyboard.spec 绿
  • ✅ 版本动作弹窗键盘（2026-08-03）：新增/编辑首焦版本号（非最新→描述）；删除/回滚 Popconfirm→Modal 首焦「是」；Esc 归还；Tab trap；version-action-modals-keyboard.spec 绿
  • ✅ 版本对比/详情 diff 弹层键盘（2026-08-03）：比对首焦「初始版本」；详情首焦「导出变更清单」；Esc 归还；Tab trap；version-diff-keyboard.spec 绿
  • ✅ 同步配置/重建版本弹层键盘（2026-08-03）：同步配置首焦「字段增量」；重建版本首焦「版本号」；Esc 归还；Tab trap；version-sync-rebuild-keyboard.spec 绿
  • ✅ 初始化基线弹层键盘（2026-08-03）：首焦「版本号」；Esc 归还；Tab trap；version-init-keyboard.spec 绿
  • ✅ 复刻弹层键盘（2026-08-03）：首焦「项目名」；Esc 归还；Tab trap；project-copy-keyboard.spec 绿
  • ✅ 数据源设置弹层键盘（2026-08-03）：首焦「新增数据源」；Esc 归还「项目菜单」；Tab trap；database-setup-keyboard.spec 绿
  • ✅ 默认项设置弹层键盘（2026-08-03）：首焦「默认字段」Tab；Esc 归还「项目菜单」；Tab trap；default-setup-keyboard.spec 绿
  • ✅ 数据源逆向解析弹层键盘（2026-08-03）：首焦「数据源」Select；Esc 归还「项目菜单」；Tab trap；reverse-database-keyboard.spec 绿
  • ✅ 导出DDL弹层键盘（2026-08-03）：首焦「数据源」Select；Esc 归还「项目菜单」；Tab trap；export-ddl-keyboard.spec 绿
  • ✅ 解析ERD文件弹层键盘（2026-08-03）：首焦上传区「选择ERD文件」；Esc 归还「项目菜单」；Tab trap；reverse-erd-keyboard.spec 绿
  • ✅ 解析PdMan文件弹层键盘（2026-08-03）：首焦上传区「选择PdMan文件」；Esc 归还「项目菜单」；Tab trap；reverse-pdman-keyboard.spec 绿
  • ✅ 修改密码弹层键盘（2026-08-03）：首焦「密码」；Esc 归还触发器；Tab trap；reset-password-keyboard.spec 绿
  • ✅ 发起SQL审批弹层键盘（2026-08-03）：首焦「审批人」；Esc 归还触发器（父详情仍开）；Tab trap；sql-approval-keyboard.spec 绿
  • ✅ 添加成员弹层键盘（2026-08-03）：首焦「选择用户」；Esc 归还触发器；Tab trap；add-user-keyboard.spec 绿
  • ✅ 只读分享弹层键盘（2026-08-03）：首焦「分享链接」；Esc 归还触发器；Tab trap；share-project-keyboard.spec 绿
  • ✅ EntityModal 弹层键盘（2026-08-03）：空态「新增模型」首焦「名称」；Esc 归还触发器；Tab trap；entity-modal-keyboard.spec 绿
  • ✅ 画布删表确认弹层键盘（2026-08-03）：选中表 Delete 首焦「删除」；Esc 归还不删；Tab trap；canvas-delete-table-keyboard.spec 绿
  • ✅ 画布删边/删分组确认弹层键盘（2026-08-03）：选中边/分组 Delete 首焦「删除」；Esc 归还不删；Tab trap；canvas-delete-edge-frame-keyboard.spec 绿
  • ✅ 画布删字段确认弹层键盘（2026-08-03）：字段浏览器 × 首焦「删除」；Esc 归还不删；Tab trap；canvas-delete-field-keyboard.spec 绿
  • ✅ 表设计删索引确认弹层键盘（2026-08-03）：索引签「删除索引」首焦「删除」；Esc 归还不删；Tab trap；table-index-delete-keyboard.spec 绿
  • ✅ JExcel 工具栏删行确认弹层键盘（2026-08-03）：「删除选中行」首焦「删除」；Esc 归还不删；Tab trap；jexcel-toolbar-delete-keyboard.spec 绿
  • ✅ 左树删模型/表/关系图确认弹层键盘（2026-08-03）：共享 confirmDestructive；首焦「删除」；Esc 归还不删；Tab trap；tree-delete-keyboard.spec 绿
  • ✅ 数据源设置删确认弹层键盘（2026-08-03）：Popconfirm→confirmDestructive；首焦「删除」；Esc 归还不删；Tab trap；database-setup-delete-keyboard.spec 绿
  • ✅ 工作台 databaseConfig 删/批删确认弹层键盘（2026-08-03）：confirmDestructive；首焦「删除」；Esc 归还不删；Tab trap；database-config-delete-keyboard.spec 绿
  • ✅ 只读分享吊销确认弹层键盘（2026-08-03）：confirmDestructive；首焦「吊销」；Esc 归还不吊销；外层分享窗仍开；Tab trap；share-revoke-keyboard.spec 绿
  • ✅ 团队项目删确认弹层键盘（2026-08-03）：RemoveGroupProject Popconfirm→confirmDestructive；首焦「删除」；Esc 归还不删；Tab trap；group-project-delete-keyboard.spec 绿

重估结论（2026-08-02 v2）：三个被推翻的假设​

对照 vision（北极星 = 每周产生版本保存的活跃项目数）、ADR-0012（agent 可读事实源 = 版本 + 分享 + 审计）与后端控制器/ Flyway 现状复核，原 W2–W5 排序基于三个错误假设：

  1. 「Home 密度值得单列一波」错。 Home 的职责是 5 秒路由回建模；北极星杠杆（示例项目直达「保存第一个版本」、顶栏「保存版本」常驻、远端 sync 提示直达版本页）已于 2026-08-02 全部 ✅。Home 剩余问题是死代码与重复统计（components/Radar/、_mock.ts、未渲染的 Pie config、hero 与「项目概览」卡重复报同组 statistic）——这是删除问题，不是密度设计问题。装饰性密度抛光对北极星零贡献。
  2. 「逐页抬水位 = 按页平移组件」错。 真实缺口是能力暴露：后端能做而 UI 埋没或缺失（见下节）。原 W3–W5 的大部分工作量是 ProList→List / ProForm→Form 的用户不可见平移。
  3. 「Pro import 清零是当前最高优先度量」错。 ADR-0014 已冻结 Pro@2.8.10 并容忍并存；依赖移除是卫生收尾，不应驱动三个波次。摘 Pro 改为搭「能力暴露 / 删空壳」的便车，最后一次性移除依赖（单独 commit）。

后端已能、UI 埋没或缺失（先补暴露，再谈美化）​

能力后端证据UI 现状缺口
只读分享吊销/管理POST /share/revoke（ProjectShareController）；security-model 明文「创建/吊销需登录且为项目创建人」设计器顶栏「分享」弹层：创建/复制/吊销 ✅（W2 切片 1）✅
跨版本 diff 导出版本 diff 可视化 ✅（CompareVersion）；db_change.tag 多标签 ✅（Flyway V1/V2）CompareVersion「导出」Markdown/SQL ✅（W3 切片 1）✅
数据字典/dataDict 全 CRUD（DataDictController）实验页已删（W2）；本阶段无 UIthin — 本阶段不扩，但也不许为其抛光
审批流approval CRUD + SQL 信任链（SQL 失败不落通过 ✅）版本行「提交工单」+ 顶栏/侧栏工单·审批直达 ✅（W3 切片 3）✅
版本回滚 / 标签 / 同步 / 逆向 / Word 导出RevertVersion、tag chips、dbsync/rebaseline、dbReverseParse、/doc/gendocx均已暴露 ✅无缺口，勿重复投资

空壳清单（先删后美；删之前禁止投入任何 UI 打磨）​

  • pages/design/query、pages/dataQuery：在线 SQL 实验页 → W2 ✅ 已删（含 QueryLeftContent / dialog/query / useQueryStore）
  • pages/design/chatsql：ADR-0012 不做营销包装 → W2 ✅ 已删（@chatui/core 已移除）
  • pages/design/dataDomain：实验页延期 → W2 ✅ 已删
  • pages/design/test、pages/test：演示/测试残留 → W2 ✅ 已删（pages/JExcel 为表编辑组件保留）
  • Home 死码：components/Radar/、_mock.ts、service.ts、Pie config、@ant-design/charts、重复「项目概览」、slogan 轮转 → W2 ✅ 已删
  • account/settings/geographic（province/city json）与无后端字段 → W2 ✅ 已删

分波（Auto 可逐波执行）​

每波独立可 revert；收尾 yarn build + 受影响 E2E + UX 走查截图 + 更新 CHANGELOG「验证点」。

波范围摘 Pro验证点
W1 设计器壳 ✅DesignLayout 摘 ProLayout → antd Layout（2026-08-02 已 ✅）ProLayout/PageContainer/ProCard/WaterMark ✅layout-outlet.spec + smoke「登录→新建→设计器」
W2 能力暴露 + 空壳清除（重定义，替代旧「Home 密度」）① 分享管理：顶栏「分享」→ 弹层（创建/复制/吊销接线 /share/revoke/查看当前链接）；② 删空壳：query/dataQuery/chatsql/dataDomain 隐藏或删除，JExcel/test 页、home Radar/_mock/Pie 死码、settings geographic 删除；③ Home 只做删：重复统计卡、slogan 轮转、死 import；④ 设计器 chrome 收尾：删 bgLayoutImgList/sider footer、sider 320、tabs 40px、画布 flex、面板头「+ 新建」露出被删页面/组件携带的 Pro 用量一并清除分享「创建→复制→吊销→链接失效 403」E2E；空壳路由 404/不可达断言；home-link-* 不回归；新建表旅程 smoke 不回归；@ant-design/charts 若无剩余引用则从依赖移除
└ W2 切片 1 ✅（2026-08-02）① 分享弹层+吊销+后端创建人校验+匿名 GET-only；② 空壳路由下线（query/chatsql/dataDomain/dataQuery→404）+ 删 test 页与 settings geographic（pages/JExcel 为表编辑组件保留）随删路由清 Query 左栏特例share.spec（含吊销失效）+ design-query/data-domain/home-data-query 404
└ W2 切片 2 ✅（2026-08-02）③ Home 只删：Radar/_mock/service/Pie config/「项目概览」重复卡 + HomeLayout slogan 轮转；实验页源文件物理删除（query/chatsql/dataDomain/dataQuery + QueryLeftContent/dialog/query/useQueryStore）；依赖移除 @ant-design/charts、@chatui/core随删清 TabGroup.QUERYactivation + layout-outlet；空壳 404 不回归；grep charts/chatui/useQueryStore = 0
└ W2 切片 3 ✅（2026-08-02）④ 设计器 chrome：主区去重嵌套 DataTable；sider footer 删除；sider 400→320；tabs 40px；壳层 flex 填满；树头「新建」常显—layout-outlet「顶栏…」+「模型树唯一 + 新建入口常显」；openRelationFromEmpty 断言单树
└ W2 切片 4 ✅（2026-08-02）⑤ 设计器 calc(100vh) 清零：QueryTree / version-page / ReactFlow 画布 → flex/height:100%；sider-inner overflow:hidden—layout-outlet「模型树与版本页 flex 填满」；rg 'calc\\(100vh' frontend/src/components/QueryTree frontend/src/pages/design = 0
W3 版本域收口 ✅（旧 W4 提前，目标改写）version ProList → antd List ✅；跨版本 diff 导出 ✅；审批/order 表单 ProForm* → antd Form 平移 ✅；审批入口理顺 ✅版本/审批域 ProForm（已摘）版本「保存→打标签→diff→导出→回滚」旅程 E2E；审批「提交→通过→SQL 失败不落通过」回归
└ W3 切片 1 ✅（2026-08-02）跨版本 diff 导出：diff 弹层「导出」主按钮落 Markdown（模型变更+SQL），下拉「仅导出 SQL」；复用 File.save；顺带移除零引用 bizcharts / @ant-design/plots—version.spec 详情弹层 download .md + toast；formatVersionDiffMarkdown.test.ts
└ W3 切片 2 ✅（2026-08-02）version ProList → antd List：工具栏（脏标记/数据源/标签筛选/新增/对比/同步配置/重建）+ 行（版本号 strong + 同步 Tag + 标签 chips + 变更摘要 + 行尾操作）；空态「还没有版本」+「保存第一个版本」主按钮version ProListversion.spec「无数据源也可新增版本」空态 CTA + 列表行不回归；rg ProList pages/design/version = 0
└ W3 切片 3 ✅（2026-08-02）审批/工单入口理顺：版本页顶栏「我的工单/我的审批」直达；团队未同步版本行「提交工单」→ 详情「SQL审批」；空态文案对齐—approval.spec「版本页：提交工单入口可达且审批 tab 可见」+ 既有工单/审批用例
W4 项目列表 + 数据源（旧 W3，降为纯平移波）dataModels + project/* ProList → antd List；databaseConfig ProTable/PageContainer → antd Table + 工作台壳；import/export/setting/account 剩余 ProForm* 逐个平移（含保存版本 AddVersion）4 页 ProList + 1 ProTable + 剩余 ProForm项目「列表→打开→重命名→删除」E2E；数据源「新建→ping→删除」E2E；每对话框对应 E2E 不回归
└ W4 切片 1 ✅（2026-08-02）AddVersion（保存版本弹窗）：ModalForm/ProForm* → antd Modal + Form；标签 Select mode=tags + 逗号分隔、校验与 testid 不变AddVersion ProFormversion.spec 保存路径（无数据源新增 / 多标签 / 可视化 diff 内 saveVersion）
└ W4 切片 2 ✅（2026-08-02）RenameVersion（编辑版本弹窗）：ModalForm/ProForm* → antd Modal + Form；回填/非最新只读版本号/失败不关窗；testid 不变RenameVersion ProFormversion.spec「重命名描述与删除版本」
└ W4 切片 3 ✅（2026-08-02）AddProject（新增项目弹窗）：ModalForm/ProForm* → antd Modal + Form；个人/团队 type 初值；tags Select + testid 不变AddProject ProFormsmoke / project-activation createPersonProject
└ W4 切片 4 ✅（2026-08-02）RenameProject（修改项目弹窗）：ModalForm/ProForm* → antd Modal + Form；tags 拆分回填；失败不关窗；testid 新增RenameProject ProFormproject-surface「修改弹窗可改名并回列表」
└ W4 切片 5 ✅（2026-08-02）死码清除：零挂载 DataDomain/DynamicDialog + `dialog/moduleentitydatabase
└ W4 切片 6 ✅（2026-08-02）CopyProject（版本行复刻弹窗）：ModalForm/ProForm* → antd Modal + Form；类型数值化；tags Select + testid；失败不关窗CopyProject ProFormversion.spec「版本行复刻弹窗可创建个人项目」
└ W4 切片 7 ✅（2026-08-02）DatabaseSetUp（设计器「数据源设置」）：ModalForm/ProFormList/ProForm* → antd Modal + Form + Form.List；删零引用 setting 页孪生文件dialog DatabaseSetUp ProFormadr0008-datasource「新增数据源」+ project-menu「数据源设置可打开」
└ W4 切片 8 ✅（2026-08-02）DefaultSetUp（设计器「默认项设置」）：ModalForm/ProCard/ProForm* → antd Modal + Form + Tabs；字段/配置两 Tab 与保存提示不变dialog DefaultSetUp ProFormproject-menu「默认项设置可打开」+「保存有成功提示」
└ W4 切片 9 ✅（2026-08-02）CompareVersion + SyncConfig：详情/比对弹窗与同步配置 ModalForm/ProForm* → antd Modal + Select/Form/Radio；导出 footer 与 testid 不变CompareVersion + SyncConfig ProFormversion.spec 可视化 diff +「同步配置弹窗可保存升级方式」
└ W4 切片 10 ✅（2026-08-02）RebuildVersion + InitVersion + setting 页 DefaultSetUp：ModalForm/ProForm* → antd Modal/Form；设置页路由保留RebuildVersion + InitVersion + setting DefaultSetUpversion.spec「重建版本弹窗可打开」；Pro 文件数 32→29
└ W4 切片 11 ✅（2026-08-02）ResetPassword + AddUser + dialog ReversePdMan / ReverseERD：ModalForm/ProForm* → antd Modal + Form/Upload.Dragger4 个对话框 ProFormimport-pdman / import-erd / project-menu 导入子菜单 + account-settings 修改密码弹窗；Pro 文件数 29→25
└ W4 切片 12 ✅（2026-08-02）SqlApproval + BasicSetting + GroupSetting + notice + TableTab：ModalForm/ProForm/ProCard/ProList → antd Modal/Form/Tabs/List5 个 Pro 文件group-basic-setting + group-layout-nav 权限组 + project-notice + layout-outlet GroupLayout basic；Pro 文件数 25→20
└ W4 切片 13 ✅（2026-08-02）person / recent / group / dataModels / ExportCommon：ProList → antd List + 标题行/Input.Search；空态 CTA 与 testid 不变5 个 ProList 页project-surface + project-activation 空态 + layout-outlet person + loading 列表 loading + export 普通导出；Pro 文件数 20→15
└ W4 切片 14 ✅（2026-08-02）approval/order ProTable→Table；home 摘 PageContainer；login/register 摘 LoginFormPage；databaseConfig 摘 ProTable/pro-layout PageContainer；ExportDDL（对话框+页）摘 StepsForm8 个优先 Pro 文件approval + session/smoke 登录注册 + adr0008-datasource databaseConfig + project-menu 导出DDL + project-surface home；Pro 文件数 15→8
└ W4 切片 15 ✅（2026-08-02）末批清零：account/settings→HomeLayout；GroupUser/GroupPermission；双 ReverseDatabase+ReverseTable；删死码 StandardFieldLibrary；移除 @ant-design/pro-components + umi-presets-pro7→0 + 依赖移除account-settings + group-layout-nav + import-reverse；rg …pro-components = 0
W5 登录/分享/404 打磨登录注册品牌壳再打磨；share 顶栏对齐 + 失效态；404/403 去 reset.css + 标准 Result（Pro 依赖已在 W4 切片 15 移除）视觉/分享/404landing.spec + 登录 redirect 闭环 E2E；share fork 旅程；404 截图
└ W5 切片 1 ✅（2026-08-02）404/403：去 reset.css；标准 Result 图标；次按钮「打开示例 demo」；删自定义 svg—not-found.spec「返回首页」+「打开示例 demo」→ /demo|/s/public-demo
└ 404/403 品牌对齐 ✅（2026-08-03）404/403：改 AuthBrandShell（去裸 Result）；与分享失效门同 CTA—not-found.spec 品牌壳 ~40% + exception-404-gate
└ W5 切片 2 ✅（2026-08-02）分享失效态：无效/吊销 token → Result 403 +「返回首页」+「打开示例 demo」；成功态 chrome 不动—share.spec「无效 token…示例 demo」+「创建→吊销后…」见 Result CTA
└ W5 切片 3 ✅（2026-08-03）分享顶栏品牌对齐：64px erd-chrome-header + logo + 项目名 + Fork CTA + 登录/注册链；轻 chrome 无工作台导航—share.spec「设计器分享后…」断言 header 64px + logo/登录/注册；demo.spec chrome 可见
└ W5 切片 4 ✅（2026-08-03）登录/注册品牌壳：AuthBrandShell 左 40% 暗色面板 + 右 Form；清 bg2/#1677FF；删 public/bg2.png—smoke「登录页渲染」品牌壳 ~40% + 无硬编码；session「去注册」同壳

依赖序：W1 ✅ → W2 → W3 → W4 → W5。W2 与 W3/W4 无文件重叠可并行；W5 依赖 W1 的顶栏模式沉淀，且必须是最后一波（依赖移除以清零为前提）。

Pro Strangler 收口判据（修正）：Pro import 清零不再是波次目标，而是 W2–W5 能力工作的副产品；W5 末尾一次性移除依赖。任何一波不得为「凑清零」而平移用户不可见的页面。

度量（每波收尾对照）​

  • 首要：能力暴露缺口数（product-capability-map 中 missing/thin 项）逐波下降；空壳页面/死码文件数 → 0
  • Pro import 文件数：基线 65（S0 冻结）→ 随 W2–W5 自然下降 → W5 末 0（副产品指标，不为它排波次）
  • 内联 hex 直写：grep -rn '#[0-9a-fA-F]\{6\}' frontend/src/pages | wc -l 逐波下降；落地页 less 已改读 --erd-*（hex 仅留在 theme/tokens.ts / css-vars.less）
  • 高度/对齐魔法数（calc(100vh -、负 margin）：W1 后设计器 0；W5 后全站 0
  • 不新增 any；不新增 UI 依赖；yarn build 体积不增