|
|
@@ -1,21 +1,9 @@
|
|
|
-# 移动端股票图表检查指令
|
|
|
-
|
|
|
-## 描述
|
|
|
+---
|
|
|
+description: "移动端股票图表检查指令"
|
|
|
+---
|
|
|
|
|
|
此指令用于在修改移动端股票图表组件前提供完整的上下文检查,包括组件结构、依赖关系、API接口和关键实现细节。
|
|
|
|
|
|
-## 使用方式
|
|
|
-
|
|
|
-在修改移动端股票图表相关代码前运行此指令,获取完整的上下文信息:
|
|
|
-
|
|
|
-```bash
|
|
|
-# 检查整个移动端股票图表结构
|
|
|
-/check mobile-stock-chart
|
|
|
-
|
|
|
-# 检查特定组件
|
|
|
-/check mobile-stock-chart component StockChart
|
|
|
-```
|
|
|
-
|
|
|
## 当前组件结构
|
|
|
|
|
|
### 1. 主要文件结构
|
|
|
@@ -46,8 +34,6 @@ src/client/mobile/components/stock/
|
|
|
│ │ ├── config/ChartBaseConfig.ts # 图表配置
|
|
|
│ │ ├── drawing/ # 绘图工具
|
|
|
│ │ └── data/DataProcessor.ts # 数据处理
|
|
|
-│ ├── services/ # API服务
|
|
|
-│ │ └── api.ts # API客户端
|
|
|
│ └── types/ # 类型定义
|
|
|
│ └── index.ts # 所有类型定义
|
|
|
└── types/
|
|
|
@@ -81,7 +67,7 @@ src/client/mobile/components/stock/
|
|
|
### 1. 数据流架构
|
|
|
```typescript
|
|
|
// 数据获取流程
|
|
|
-useStockQueries → API调用 → 数据转换 → StockChart渲染
|
|
|
+useStockQueries → RPC API调用 → 数据转换 → StockChart渲染
|
|
|
|
|
|
// 交易流程
|
|
|
TradePanel → useTradeRecords → 状态更新 → ProfitDisplay更新
|
|
|
@@ -178,29 +164,6 @@ interface ProfitSummary {
|
|
|
- 优化 `useEffect` 依赖数组
|
|
|
- 使用 `useCallback` 和 `useMemo`
|
|
|
|
|
|
-### 4. 添加新的API集成
|
|
|
-- 在 `services/api.ts` 中添加新的客户端方法
|
|
|
-- 创建对应的hook(如 `useXXXQueries`)
|
|
|
-- 更新类型定义
|
|
|
-
|
|
|
-## 测试要点
|
|
|
-
|
|
|
-### 单元测试覆盖
|
|
|
-- [ ] 图表渲染正确性
|
|
|
-- [ ] 交易逻辑正确性
|
|
|
-- [ ] 收益计算准确性
|
|
|
-- [ ] WebSocket连接稳定性
|
|
|
-
|
|
|
-### 集成测试
|
|
|
-- [ ] 组件间数据流
|
|
|
-- [ ] 用户交互流程
|
|
|
-- [ ] 错误处理机制
|
|
|
-
|
|
|
-### 性能测试
|
|
|
-- [ ] 大数据量下的图表性能
|
|
|
-- [ ] 频繁交易时的响应速度
|
|
|
-- [ ] WebSocket消息处理效率
|
|
|
-
|
|
|
## 错误处理规范
|
|
|
|
|
|
### 1. API错误处理
|
|
|
@@ -232,42 +195,3 @@ if (!stockCode || stockCode.trim().length !== 6) {
|
|
|
return;
|
|
|
}
|
|
|
```
|
|
|
-
|
|
|
-## 部署注意事项
|
|
|
-
|
|
|
-### 1. 环境变量配置
|
|
|
-- `VITE_API_BASE_URL`: API基础地址
|
|
|
-- `VITE_WS_URL`: WebSocket服务器地址
|
|
|
-
|
|
|
-### 2. 构建优化
|
|
|
-- ECharts按需引入
|
|
|
-- 代码分割和懒加载
|
|
|
-- 图片和资源优化
|
|
|
-
|
|
|
-### 3. 监控和日志
|
|
|
-- 错误边界处理
|
|
|
-- 性能监控
|
|
|
-- 用户行为跟踪
|
|
|
-
|
|
|
-## 版本历史
|
|
|
-
|
|
|
-### v1.0.0 (当前版本)
|
|
|
-- 基础K线图表功能
|
|
|
-- 交易买卖功能
|
|
|
-- 收益计算显示
|
|
|
-- 画线工具支持
|
|
|
-- WebSocket答题卡集成
|
|
|
-
|
|
|
-## 相关文档
|
|
|
-
|
|
|
-- [ECharts配置文档](https://echarts.apache.org/zh/option.html)
|
|
|
-- [React Query使用指南](https://tanstack.com/query/latest)
|
|
|
-- [Socket.io客户端文档](https://socket.io/docs/v4/client-api)
|
|
|
-- [Tailwind CSS类名参考](https://tailwindcss.com/docs)
|
|
|
-
|
|
|
-## 支持联系方式
|
|
|
-
|
|
|
-如遇问题或需要进一步的技术支持,请联系:
|
|
|
-- 前端开发团队
|
|
|
-- 技术负责人
|
|
|
-- 项目文档维护者
|