fix:解决Mermaid图绘制时报错的问题

Author: yefansky

src/resources/chatPanel.css

@@ -97,26 +97,6 @@ button {
     border: none;
     cursor: pointer;
 }
-#mermaid-toggle-container {
-    position: absolute;
-    top: 10px;
-    right: 80px;
-}
-#mermaid-toggle {
-    cursor: pointer;
-}
-.mermaid {
-    margin: 10px 0;
-}
-.mermaid-raw {
-    display: none;
-}
-.mermaid-rendered .mermaid-raw {
-    display: block;
-}
-.mermaid-rendered .mermaid {
-    display: none;
-}
 .top-right-flex-container {
     position: absolute;
     top: 10px;
@@ -142,6 +122,31 @@ button {
     overflow-x: auto;
     padding: 5px 0;
 }
+.fixed-width-btn {
+    flex-shrink: 0;
+    width: 120px;
+}
+
+#mermaid-toggle-container {
+    position: absolute;
+    top: 10px;
+    right: 80px;
+}
+#mermaid-toggle {
+    cursor: pointer;
+}
+.mermaid {
+    margin: 10px 0;
+}
+.mermaid-raw {
+    display: none;
+}
+.mermaid-rendered .mermaid-raw {
+    display: block;
+}
+.mermaid-rendered .mermaid {
+    display: none;
+}
 .mermaid-wrapper {
     display: flex;
     align-items: center;
@@ -154,7 +159,3 @@ button {
     text-overflow: ellipsis;
     max-width: 200px;
 }
-.fixed-width-btn {
-    flex-shrink: 0;
-    width: 120px;
-}

src/resources/chatPanelScript.js

@@ -76,11 +76,14 @@ function fnRenderDisplayMath(webviewDiv) {
 // 渲染 Mermaid 图表
 async function renderMermaid(webviewDiv) {
     const codeBlocks = webviewDiv.querySelectorAll('pre code.language-mermaid');
+    let counter = 0;  // 使用计数器确保唯一性
+    
     for (const codeBlock of codeBlocks) {
         const parentPre = codeBlock.closest('pre');
         const mermaidCode = codeBlock.textContent;
         try {
-            const { svg } = await mermaid.render('mermaid-diagram-' + Date.now(), mermaidCode);
+            const diagramId = `mermaid-diagram-${counter++}-${performance.now()}`;
+            const { svg } = await mermaid.render(diagramId, mermaidCode);
             const mermaidDiv = document.createElement('div');
             mermaidDiv.className = 'mermaid';
             mermaidDiv.innerHTML = svg;