feat: 实现 Mermaid 主题自动同步功能

- 在 setDarkmode() 中触发 argon:theme-switched 事件
- 优化 reRenderCharts() 函数,保持图表缩放级别和滚动位置
- 添加淡入淡出过渡动画,提升视觉体验
- 只替换 SVG 内容,保留容器结构和控制按钮
- 主题切换失败时保持原样,不影响用户体验

需求:17.1, 17.2, 17.3, 17.4, 17.5
This commit is contained in:
2026-01-25 01:03:38 +08:00
parent 621341500f
commit 8ba6a15a8a
3 changed files with 126 additions and 23 deletions

View File

@@ -36,10 +36,10 @@
### 阶段 2: Mermaid 显示效果优化
- [~] 5. 优化 Mermaid 工具栏
- [ ] 5.1 实现工具栏自动隐藏 _需求11.1, 11.2_
- [ ] 5.2 优化工具栏样式(半透明背景) _需求11.3-11.5_
- [ ] 5.3 添加按钮提示tooltip _需求20.2_
- [x] 5. 优化 Mermaid 工具栏
- [x] 5.1 实现工具栏自动隐藏 _需求11.1, 11.2_
- [x] 5.2 优化工具栏样式(半透明背景) _需求11.3-11.5_
- [x] 5.3 添加按钮提示tooltip _需求20.2_
- [~] 6. 增强 Mermaid 缩放功能
- [ ] 6.1 实现以鼠标为中心的缩放 _需求12.1_
@@ -72,10 +72,10 @@
### 阶段 4: Mermaid 主题和性能优化
- [~] 11. 优化 Mermaid 主题同步
- [ ] 11.1 实现主题自动切换 _需求17.1, 17.2_
- [ ] 11.2 保持图表状态 _需求17.3_
- [ ] 11.3 添加主题切换动画 _需求17.4, 17.5_
- [x] 11. 优化 Mermaid 主题同步
- [x] 11.1 实现主题自动切换 _需求17.1, 17.2_
- [x] 11.2 保持图表状态 _需求17.3_
- [x] 11.3 添加主题切换动画 _需求17.4, 17.5_
- [~] 12. 优化 Mermaid 渲染性能
- [ ] 12.1 实现批量渲染 _需求18.1_