chore(lib): update mermaid 8.5.1 -> 9.0.1

1 files changed, 16 insertions, 10 deletions

diff --git a/src/js/theme.js b/src/js/theme.js
index cbbd0023..a3168c0d 100644
--- a/src/js/theme.js
+++ b/src/js/theme.js
@@ -477,15 +477,19 @@ class Theme {
     }
 
     initMermaid() {
-        const $mermaidElements = document.getElementsByClassName('mermaid');
-        if ($mermaidElements.length) {
-            mermaid.initialize({startOnLoad: false, theme: 'null'});
-            this.util.forEach($mermaidElements, $mermaid => {
-                mermaid.mermaidAPI.render('svg-' + $mermaid.id, this.data[$mermaid.id], svgCode => {
-                    $mermaid.insertAdjacentHTML('afterbegin', svgCode);
-                }, $mermaid);
-            });
-        }
+        this._mermaidOnSwitchTheme = this._mermaidOnSwitchTheme || (() => {
+            const $mermaidElements = document.getElementsByClassName('mermaid');
+            if ($mermaidElements.length) {
+                mermaid.initialize({startOnLoad: false, theme: this.isDark ? 'dark' : 'neutral', securityLevel: 'loose'});
+                this.util.forEach($mermaidElements, $mermaid => {
+                    mermaid.render('svg-' + $mermaid.id, this.data[$mermaid.id], svgCode => {
+                        $mermaid.innerHTML = svgCode;
+                    }, $mermaid);
+                });
+            }
+        });
+        this.switchThemeEventSet.add(this._mermaidOnSwitchTheme);
+        this._mermaidOnSwitchTheme();
     }
 
     initEcharts() {
@@ -681,7 +685,9 @@ class Theme {
                 }
                 $fixedButtons.style.display = 'none';
             }
-            for (let event of this.scrollEventSet) event();
+            for (let event of this.scrollEventSet) window.setTimeout(() => {
+                event();
+            }, 100);;
             this.oldScrollTop = this.newScrollTop;
         }, false);
     }