refactor: 优化流式输出与状态管理

- 重构 DeepSeekAPI.js,实现稳健的 SSE 流式解析
- 将核心业务逻辑(生成、分析)移入 appStore.js
- 优化 WriterPanel 和 AnalysisPanel 组件,移除冗余逻辑
- 更新文档,补充架构演进说明
This commit is contained in:
empty
2026-01-08 10:54:48 +08:00
parent 03e4007149
commit 3d0d16a3e5
5 changed files with 217 additions and 192 deletions

View File

@@ -29,6 +29,21 @@ src/
└── main.js # 入口文件
```
## 架构演进与优化
### 1. 流式输出增强 (Stream Optimization)
项目在 `DeepSeekAPI.js` 中实现了稳健的 SSE (Server-Sent Events) 解析器:
- **逐行扫描**:放弃简单的 `split` 分割,改用逐字符缓冲区扫描,确保处理被网络分包截断的 JSON 数据。
- **协议兼容**:完美支持标准 SSE 协议,兼容 data: 后有无空格的各种情况。
- **状态管理**:通过 `appStore` 统一管理生成状态,实现组件间的数据实时同步,保证 UI 渲染无延迟。
### 2. 状态管理重构
- **逻辑收拢**:将所有 API 调用和业务逻辑(生成、分析)移入 Pinia Store (`appStore.js`)。
- **组件纯粹化**`WriterPanel``AnalysisPanel` 仅负责 UI 渲染和用户交互,不再包含核心业务逻辑。
### 3. 深度集成
- **应用到写作**:实现了从"范式分析"到"写作工坊"的深度数据迁移,包括原文引用、风格约束注入和范式模板自动匹配。
## 功能特性
### 1. AI 写作工坊