XiLink Stage · 链路搭建 Vue 实现
范围:Phase 4-6(共 8 工作日)· 依赖:Phase 3 · 产出:LinkEditor 业务完整 + 左右 Drawer 注入 + 多源播放出声
Phase 列表
| Phase | 标题 | 工作日 | 关键产出 | 文档 |
|---|---|---|---|---|
| 4 | XiLink Stage 业务收尾(LinkEditor 巩固) | 3d | 主画布 8 节点拖拽 / 选中 / 双击 / 删除 · undo/redo 栈 ≥ 50 步 | 10-link-editor.md(占位) |
| 5 | XiLink 左右 Drawer 注入(dock-pane) | 2d | 左 5 dock(proj/lib/conn/engine/aux)+ 右 4 dock(inspect/scope/deploy/ai)· 切换互斥 | 20-dock-injection.md(占位) |
| 6 | 多源播放联调(source → mixer → sink) | 3d | 拖出 Src-Mix-Snk → ▶ → 听到声音(sine 1kHz 起)· 切 sine/noise/sweep 各正常 | 30-multi-source-playback.md(占位) |
验收里程碑
- ✅ Phase 4:节点拖拽 / 端口连线 / Bezier 曲线 / Multi-select / Minimap / 撤销栈
- ✅ Phase 5:左右 Drawer 内容由
useDockStore注入 · 与 v4.3 demo 视觉一致 - ✅ Phase 6:人工听感验证 + e2e 断言扬声器有信号(XL → backend_csharp
start_audio_engine→ DSP DLL → sink 输出)
关联文档
- 上层契约:
v1.2-ide-architecture.md §3.1 - 协议改造:
../00-baseline-alignment.md - 后端通道:master
AlgoDepartment/05_system_integration/SYSTEM_ARCHITECTURE.md - v4.3 demo 参考:
layout-demo/stages/stage-xilink.html
占位说明:Phase 4-6 具体任务清单将在 Phase 0/3 完成后细化。