@@ -54,13 +54,15 @@ flowchart LR
5454 subgraph Hooks["⚛️ React Hooks 层"]
5555 D[useWasmEngine<br/>统一编排入口]
5656 D1[useMarketData<br/>数据源抽象]
57+ D2[useDataSource<br/>数据源切换]
5758 E[useTradingActions<br/>交易操作封装]
5859 F[useCandleData<br/>K线数据适配]
59- G[wasmSingleton <br/>引擎单例管理 ]
60+ G[useMarketStats <br/>24h 市场统计 ]
6061 end
6162
6263 subgraph UI["🖥️ UI 组件"]
63- H[LightweightChart<br/>多窗格 K线/指标]
64+ H[UnifiedMultiPaneChart<br/>多窗格 K线/指标]
65+ H1[ChartToolbar<br/>周期/指标切换]
6466 H2[DepthChart<br/>市场深度图]
6567 I[TradePanel<br/>开仓/挂单表单]
6668 J[PositionCard<br/>实时盈亏/风控]
@@ -70,17 +72,19 @@ flowchart LR
7072
7173 A1 -->|"Tick 流"| D1
7274 A2 -->|"Tick 流"| D1
75+ D2 --> D1
7376 D1 --> D
7477 D -->|"价格更新"| B
7578 D -->|"价格更新"| C
7679 B -->|"指标/K线"| D
7780 C -->|"交易状态"| D
7881 D --> F --> H
82+ D --> G --> L
7983 D --> H2
8084 D --> I
8185 D --> J
8286 D --> K
83- D --> L
87+ H1 --> H
8488 I -->|"开仓/挂单"| E --> C
8589
8690 style A1 fill:#2d333b,stroke:#00d4ff,color:#fff
@@ -89,10 +93,12 @@ flowchart LR
8993 style C fill:#4a2c0a,stroke:#f7931e,color:#fff
9094 style D fill:#1a365d,stroke:#61dafb,color:#fff
9195 style D1 fill:#1a365d,stroke:#61dafb,color:#fff
96+ style D2 fill:#1a365d,stroke:#61dafb,color:#fff
9297 style E fill:#1a365d,stroke:#61dafb,color:#fff
9398 style F fill:#1a365d,stroke:#61dafb,color:#fff
9499 style G fill:#1a365d,stroke:#61dafb,color:#fff
95100 style H fill:#3c1f3c,stroke:#aa344d,color:#fff
101+ style H1 fill:#3c1f3c,stroke:#aa344d,color:#fff
96102 style H2 fill:#3c1f3c,stroke:#aa344d,color:#fff
97103 style I fill:#1e3a2f,stroke:#0ecb81,color:#fff
98104 style J fill:#1e3a2f,stroke:#0ecb81,color:#fff
0 commit comments