deploy: eb5f1a3

Author: qianmoQ

en/usage/mermaid.html

@@ -1366,12 +1366,12 @@ <h3 class="text-sm font-medium text-gray-900 mb-2">注意</h3>
 
         <div class="mermaid-wrapper my-4 relative w-full" style="min-width: min-content;">
             <!-- 加载提示 -->
-            <div id="mermaid-pbd8tsffw-loading" class="absolute inset-0 flex items-center justify-center bg-white/80 dark:bg-gray-900/80 z-10">
+            <div id="mermaid-j0v4x7tpu-loading" class="absolute inset-0 flex items-center justify-center bg-white/80 dark:bg-gray-900/80 z-10">
                 <span class="text-gray-500 text-sm">加载图...</span>
             </div>
 
             <!-- Mermaid 图表容器 -->
-            <div id="mermaid-pbd8tsffw" class="mermaid overflow-x-auto w-full" style="opacity: 0; transition: opacity 0.2s ease-in-out;">
+            <div id="mermaid-j0v4x7tpu" class="mermaid overflow-x-auto w-full" style="opacity: 0; transition: opacity 0.2s ease-in-out;">
                 flowchart LR
     id
             </div>
@@ -1403,8 +1403,8 @@ <h3 class="text-sm font-medium text-gray-900 mb-2">注意</h3>
                         // 初始化 mermaid
                         window.mermaidReady.then(mermaid => {
                             try {
-                                const chartElement = document.getElementById('mermaid-pbd8tsffw');
-                                const loadingElement = document.getElementById('mermaid-pbd8tsffw-loading');
+                                const chartElement = document.getElementById('mermaid-j0v4x7tpu');
+                                const loadingElement = document.getElementById('mermaid-j0v4x7tpu-loading');
 
                                 // 先设置容器的最小宽度
                                 chartElement.closest('.mermaid-wrapper').style.minWidth = 'min-content';
@@ -1418,7 +1418,7 @@ <h3 class="text-sm font-medium text-gray-900 mb-2">注意</h3>
 
                                 // 渲染图表
                                 mermaid.run({
-                                    querySelector: '#mermaid-pbd8tsffw'
+                                    querySelector: '#mermaid-j0v4x7tpu'
                                 }).then(() => {
                                     // 平滑显示图表
                                     chartElement.style.opacity = '1';
@@ -1432,7 +1432,7 @@ <h3 class="text-sm font-medium text-gray-900 mb-2">注意</h3>
                                 });
                             } catch (error) {
                                 console.error('Mermaid init error:', error);
-                                document.getElementById('mermaid-pbd8tsffw-loading').innerHTML = 
+                                document.getElementById('mermaid-j0v4x7tpu-loading').innerHTML = 
                                     '<span class="text-red-500">无法初始化图</span>';
                             }
                         });
@@ -1455,12 +1455,12 @@ <h3 class="text-sm font-medium text-gray-900 mb-2">注意</h3>
 
         <div class="mermaid-wrapper my-4 relative w-full" style="min-width: min-content;">
             <!-- 加载提示 -->
-            <div id="mermaid-m4hfqp0qv-loading" class="absolute inset-0 flex items-center justify-center bg-white/80 dark:bg-gray-900/80 z-10">
+            <div id="mermaid-iv6k5bsya-loading" class="absolute inset-0 flex items-center justify-center bg-white/80 dark:bg-gray-900/80 z-10">
                 <span class="text-gray-500 text-sm">加载图...</span>
             </div>
 
             <!-- Mermaid 图表容器 -->
-            <div id="mermaid-m4hfqp0qv" class="mermaid overflow-x-auto w-full" style="opacity: 0; transition: opacity 0.2s ease-in-out;">
+            <div id="mermaid-iv6k5bsya" class="mermaid overflow-x-auto w-full" style="opacity: 0; transition: opacity 0.2s ease-in-out;">
                 sequenceDiagram
     Alice->>John: Hello John, how are you?
     John-->>Alice: Great!
@@ -1493,8 +1493,8 @@ <h3 class="text-sm font-medium text-gray-900 mb-2">注意</h3>
                         // 初始化 mermaid
                         window.mermaidReady.then(mermaid => {
                             try {
-                                const chartElement = document.getElementById('mermaid-m4hfqp0qv');
-                                const loadingElement = document.getElementById('mermaid-m4hfqp0qv-loading');
+                                const chartElement = document.getElementById('mermaid-iv6k5bsya');
+                                const loadingElement = document.getElementById('mermaid-iv6k5bsya-loading');
 
                                 // 先设置容器的最小宽度
                                 chartElement.closest('.mermaid-wrapper').style.minWidth = 'min-content';
@@ -1508,7 +1508,7 @@ <h3 class="text-sm font-medium text-gray-900 mb-2">注意</h3>
 
                                 // 渲染图表
                                 mermaid.run({
-                                    querySelector: '#mermaid-m4hfqp0qv'
+                                    querySelector: '#mermaid-iv6k5bsya'
                                 }).then(() => {
                                     // 平滑显示图表
                                     chartElement.style.opacity = '1';
@@ -1522,7 +1522,7 @@ <h3 class="text-sm font-medium text-gray-900 mb-2">注意</h3>
                                 });
                             } catch (error) {
                                 console.error('Mermaid init error:', error);
-                                document.getElementById('mermaid-m4hfqp0qv-loading').innerHTML = 
+                                document.getElementById('mermaid-iv6k5bsya-loading').innerHTML = 
                                     '<span class="text-red-500">无法初始化图</span>';
                             }
                         });
@@ -1545,12 +1545,12 @@ <h3 class="text-sm font-medium text-gray-900 mb-2">注意</h3>
 
         <div class="mermaid-wrapper my-4 relative w-full" style="min-width: min-content;">
             <!-- 加载提示 -->
-            <div id="mermaid-04pcb3t0p-loading" class="absolute inset-0 flex items-center justify-center bg-white/80 dark:bg-gray-900/80 z-10">
+            <div id="mermaid-tixjoi3i6-loading" class="absolute inset-0 flex items-center justify-center bg-white/80 dark:bg-gray-900/80 z-10">
                 <span class="text-gray-500 text-sm">加载图...</span>
             </div>
 
             <!-- Mermaid 图表容器 -->
-            <div id="mermaid-04pcb3t0p" class="mermaid overflow-x-auto w-full" style="opacity: 0; transition: opacity 0.2s ease-in-out;">
+            <div id="mermaid-tixjoi3i6" class="mermaid overflow-x-auto w-full" style="opacity: 0; transition: opacity 0.2s ease-in-out;">
                 mindmap
   root((mindmap))
     Origins
@@ -1597,8 +1597,8 @@ <h3 class="text-sm font-medium text-gray-900 mb-2">注意</h3>
                         // 初始化 mermaid
                         window.mermaidReady.then(mermaid => {
                             try {
-                                const chartElement = document.getElementById('mermaid-04pcb3t0p');
-                                const loadingElement = document.getElementById('mermaid-04pcb3t0p-loading');
+                                const chartElement = document.getElementById('mermaid-tixjoi3i6');
+                                const loadingElement = document.getElementById('mermaid-tixjoi3i6-loading');
 
                                 // 先设置容器的最小宽度
                                 chartElement.closest('.mermaid-wrapper').style.minWidth = 'min-content';
@@ -1612,7 +1612,7 @@ <h3 class="text-sm font-medium text-gray-900 mb-2">注意</h3>
 
                                 // 渲染图表
                                 mermaid.run({
-                                    querySelector: '#mermaid-04pcb3t0p'
+                                    querySelector: '#mermaid-tixjoi3i6'
                                 }).then(() => {
                                     // 平滑显示图表
                                     chartElement.style.opacity = '1';
@@ -1626,7 +1626,7 @@ <h3 class="text-sm font-medium text-gray-900 mb-2">注意</h3>
                                 });
                             } catch (error) {
                                 console.error('Mermaid init error:', error);
-                                document.getElementById('mermaid-04pcb3t0p-loading').innerHTML = 
+                                document.getElementById('mermaid-tixjoi3i6-loading').innerHTML = 
                                     '<span class="text-red-500">无法初始化图</span>';
                             }
                         });

en/usage/tab.html

@@ -1381,32 +1381,32 @@ <h1 class="text-3xl font-bold tracking-tight text-gray-900 dark:text-gray-100 sm
             class="px-4 py-2 text-sm font-medium border-b-2 transition-colors duration-200
                    border-blue-500 text-blue-600
                    focus:outline-none"
-            onclick="switchTab(event, 'tabgroup-0751rcgez', 0)"
+            onclick="switchTab(event, 'tabgroup-lmsxk6ad3', 0)"
             aria-selected="true"
-            aria-controls="tabgroup-0751rcgez-panel-0"
-            id="tabgroup-0751rcgez-tab-0">
+            aria-controls="tabgroup-lmsxk6ad3-panel-0"
+            id="tabgroup-lmsxk6ad3-tab-0">
             Tab 1
         </button>
 
         <button role="tab"
             class="px-4 py-2 text-sm font-medium border-b-2 transition-colors duration-200
                    border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300
                    focus:outline-none"
-            onclick="switchTab(event, 'tabgroup-0751rcgez', 1)"
+            onclick="switchTab(event, 'tabgroup-lmsxk6ad3', 1)"
             aria-selected="false"
-            aria-controls="tabgroup-0751rcgez-panel-1"
-            id="tabgroup-0751rcgez-tab-1">
+            aria-controls="tabgroup-lmsxk6ad3-panel-1"
+            id="tabgroup-lmsxk6ad3-tab-1">
             Tab 2
         </button>
 
         <button role="tab"
             class="px-4 py-2 text-sm font-medium border-b-2 transition-colors duration-200
                    border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300
                    focus:outline-none"
-            onclick="switchTab(event, 'tabgroup-0751rcgez', 2)"
+            onclick="switchTab(event, 'tabgroup-lmsxk6ad3', 2)"
             aria-selected="false"
-            aria-controls="tabgroup-0751rcgez-panel-2"
-            id="tabgroup-0751rcgez-tab-2">
+            aria-controls="tabgroup-lmsxk6ad3-panel-2"
+            id="tabgroup-lmsxk6ad3-tab-2">
             Tab 3
         </button>
 
@@ -1416,8 +1416,8 @@ <h1 class="text-3xl font-bold tracking-tight text-gray-900 dark:text-gray-100 sm
 
         <div class="p-4 "
             role="tabpanel"
-            aria-labelledby="tabgroup-0751rcgez-tab-0"
-            id="tabgroup-0751rcgez-panel-0">
+            aria-labelledby="tabgroup-lmsxk6ad3-tab-0"
+            id="tabgroup-lmsxk6ad3-panel-0">
 
         <span class="text-base text-gray-700 leading-7 my-2">这是第一个 Tab 的内容</span>
 
@@ -1437,8 +1437,8 @@ <h1 class="text-3xl font-bold tracking-tight text-gray-900 dark:text-gray-100 sm
 
         <div class="p-4 hidden"
             role="tabpanel"
-            aria-labelledby="tabgroup-0751rcgez-tab-1"
-            id="tabgroup-0751rcgez-panel-1">
+            aria-labelledby="tabgroup-lmsxk6ad3-tab-1"
+            id="tabgroup-lmsxk6ad3-panel-1">
 
         <span class="text-base text-gray-700 leading-7 my-2">这是第二个 Tab 的内容</span>
 
@@ -1454,8 +1454,8 @@ <h1 class="text-3xl font-bold tracking-tight text-gray-900 dark:text-gray-100 sm
 
         <div class="p-4 hidden"
             role="tabpanel"
-            aria-labelledby="tabgroup-0751rcgez-tab-2"
-            id="tabgroup-0751rcgez-panel-2">
+            aria-labelledby="tabgroup-lmsxk6ad3-tab-2"
+            id="tabgroup-lmsxk6ad3-panel-2">
 
         <span class="text-base text-gray-700 leading-7 my-2">第三个 Tab 的内容</span>