Appearance
模块地图
StormFlow 由 6 个模块组成,依赖关系单向流动(下层不依赖上层)。
┌──────────────────────────────────────────────────────┐
│ UI 层(Vue 组件) │
│ Workspace │ Canvas Editor │ Node System │
└───────────────────────┬──────────────────────────────┘
│ 调用
┌───────────────────────▼──────────────────────────────┐
│ 状态层(Pinia Stores) │
│ canvasStore │ flowStore │ modelsStore │
└────────┬──────────────────────────────┬──────────────┘
│ 读写 │ 调用
┌────────▼───────┐ ┌────────▼──────────────┐
│ 持久化层 │ │ 服务层 │
│ localStorage │ │ AI Service + HTTP │
└────────────────┘ └───────────────────────┘
│ 类型依赖
┌────────────────────────────────────────▼─────────────┐
│ 共享类型层(packages/shared) │
└──────────────────────────────────────────────────────┘模块清单
| 模块 | 契约文档 | 主要文件 |
|---|---|---|
| Workspace | workspace.md | app/pages/index.vue, app/components/CanvasCard.vue |
| Canvas Editor | canvas-editor.md | app/pages/canvas/[id].vue, composables/useCanvasEditor.ts |
| Node System | node-system.md | app/components/nodes/ |
| AI Service | ai-service.md | services/ai/, services/http/ |
| State Management | state-management.md | stores/ |
| Shared Types | shared-types.md | packages/shared/src/ |