xfy
6eb7a743e5
fix(mermaid): 主题切换时重渲染已渲染的流程图
mermaid 把颜色烤进 SVG 内联样式,无法靠 CSS 原地切主题。此前 initMermaid
的幂等守卫一刀切跳过所有已渲染块,导致切主题后流程图停留在首次渲染的主题。
改动:
- initMermaid 改为双路径分发:未渲染块(<code>还在)走 IntersectionObserver
懒加载;已渲染块(pre 内容已是 SVG)按 dataset.mermaidSource 缓存源码重渲染,
同主题幂等跳过,主题变化才重渲染。
- 渲染逻辑抽到 renderBlock:用全局自增 renderCounter 生成唯一 id,避开 mermaid
残留的 d-前缀布局节点冲突(#357)与同页 marker id 冲突(#5741);替换前清空
pre.innerHTML 确保亮/暗两版 SVG 不并存。
- source 存进 dataset.mermaidSource 供重渲染回取(此时 <code> 已被 SVG 替换)。
触发机制不变:post_content.rs 的 use_effect 读 use_resolved_theme() 建订阅,
主题切换时重跑重调 __initMermaid 传入新 theme;mermaid.ts 据此决定是否重渲染。
2026-07-16 16:42:04 +08:00
..
2026-07-14 15:39:41 +08:00
2026-07-14 15:39:41 +08:00
2026-07-16 15:36:07 +08:00
2026-07-14 15:39:41 +08:00
2026-07-15 18:12:04 +08:00
2026-07-14 15:39:41 +08:00
2026-07-16 16:42:04 +08:00
2026-07-15 18:12:04 +08:00
2026-07-16 14:15:20 +08:00
2026-07-16 14:22:43 +08:00
2026-07-02 18:02:52 +08:00
2026-07-02 17:50:52 +08:00