Skip to content

Commit 554ab6c

Browse files
qianmoQqianmoQ
committed
deploy: 07b1b64 
1 parent 43f0708 commit 554ab6c

File tree

4 files changed

+66
-66
lines changed

4 files changed

+66
-66
lines changed

‎en/usage/mermaid.html

Lines changed: 18 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -1213,12 +1213,12 @@ <h3 class="text-sm font-medium text-gray-900 mb-2">注意</h3>
12131213

12141214
<div class="mermaid-wrapper my-4 relative w-full" style="min-width: min-content;">
12151215
<!-- 加载提示 -->
1216-
<div id="mermaid-jhhrosz76-loading" class="absolute inset-0 flex items-center justify-center bg-white/80 dark:bg-gray-900/80 z-10">
1216+
<div id="mermaid-1c9xuqrcm-loading" class="absolute inset-0 flex items-center justify-center bg-white/80 dark:bg-gray-900/80 z-10">
12171217
<span class="text-gray-500 text-sm">加载图...</span>
12181218
</div>
12191219

12201220
<!-- Mermaid 图表容器 -->
1221-
<div id="mermaid-jhhrosz76" class="mermaid overflow-x-auto w-full" style="opacity: 0; transition: opacity 0.2s ease-in-out;">
1221+
<div id="mermaid-1c9xuqrcm" class="mermaid overflow-x-auto w-full" style="opacity: 0; transition: opacity 0.2s ease-in-out;">
12221222
flowchart LR
12231223
id
12241224
</div>
@@ -1250,8 +1250,8 @@ <h3 class="text-sm font-medium text-gray-900 mb-2">注意</h3>
12501250
// 初始化 mermaid
12511251
window.mermaidReady.then(mermaid => {
12521252
try {
1253-
const chartElement = document.getElementById('mermaid-jhhrosz76');
1254-
const loadingElement = document.getElementById('mermaid-jhhrosz76-loading');
1253+
const chartElement = document.getElementById('mermaid-1c9xuqrcm');
1254+
const loadingElement = document.getElementById('mermaid-1c9xuqrcm-loading');
12551255

12561256
// 先设置容器的最小宽度
12571257
chartElement.closest('.mermaid-wrapper').style.minWidth = 'min-content';
@@ -1265,7 +1265,7 @@ <h3 class="text-sm font-medium text-gray-900 mb-2">注意</h3>
12651265

12661266
// 渲染图表
12671267
mermaid.run({
1268-
querySelector: '#mermaid-jhhrosz76'
1268+
querySelector: '#mermaid-1c9xuqrcm'
12691269
}).then(() => {
12701270
// 平滑显示图表
12711271
chartElement.style.opacity = '1';
@@ -1279,7 +1279,7 @@ <h3 class="text-sm font-medium text-gray-900 mb-2">注意</h3>
12791279
});
12801280
} catch (error) {
12811281
console.error('Mermaid init error:', error);
1282-
document.getElementById('mermaid-jhhrosz76-loading').innerHTML =
1282+
document.getElementById('mermaid-1c9xuqrcm-loading').innerHTML =
12831283
'<span class="text-red-500">无法初始化图</span>';
12841284
}
12851285
});
@@ -1302,12 +1302,12 @@ <h3 class="text-sm font-medium text-gray-900 mb-2">注意</h3>
13021302

13031303
<div class="mermaid-wrapper my-4 relative w-full" style="min-width: min-content;">
13041304
<!-- 加载提示 -->
1305-
<div id="mermaid-7jn6h5p3d-loading" class="absolute inset-0 flex items-center justify-center bg-white/80 dark:bg-gray-900/80 z-10">
1305+
<div id="mermaid-uyu5ifojw-loading" class="absolute inset-0 flex items-center justify-center bg-white/80 dark:bg-gray-900/80 z-10">
13061306
<span class="text-gray-500 text-sm">加载图...</span>
13071307
</div>
13081308

13091309
<!-- Mermaid 图表容器 -->
1310-
<div id="mermaid-7jn6h5p3d" class="mermaid overflow-x-auto w-full" style="opacity: 0; transition: opacity 0.2s ease-in-out;">
1310+
<div id="mermaid-uyu5ifojw" class="mermaid overflow-x-auto w-full" style="opacity: 0; transition: opacity 0.2s ease-in-out;">
13111311
sequenceDiagram
13121312
Alice->>John: Hello John, how are you?
13131313
John-->>Alice: Great!
@@ -1340,8 +1340,8 @@ <h3 class="text-sm font-medium text-gray-900 mb-2">注意</h3>
13401340
// 初始化 mermaid
13411341
window.mermaidReady.then(mermaid => {
13421342
try {
1343-
const chartElement = document.getElementById('mermaid-7jn6h5p3d');
1344-
const loadingElement = document.getElementById('mermaid-7jn6h5p3d-loading');
1343+
const chartElement = document.getElementById('mermaid-uyu5ifojw');
1344+
const loadingElement = document.getElementById('mermaid-uyu5ifojw-loading');
13451345

13461346
// 先设置容器的最小宽度
13471347
chartElement.closest('.mermaid-wrapper').style.minWidth = 'min-content';
@@ -1355,7 +1355,7 @@ <h3 class="text-sm font-medium text-gray-900 mb-2">注意</h3>
13551355

13561356
// 渲染图表
13571357
mermaid.run({
1358-
querySelector: '#mermaid-7jn6h5p3d'
1358+
querySelector: '#mermaid-uyu5ifojw'
13591359
}).then(() => {
13601360
// 平滑显示图表
13611361
chartElement.style.opacity = '1';
@@ -1369,7 +1369,7 @@ <h3 class="text-sm font-medium text-gray-900 mb-2">注意</h3>
13691369
});
13701370
} catch (error) {
13711371
console.error('Mermaid init error:', error);
1372-
document.getElementById('mermaid-7jn6h5p3d-loading').innerHTML =
1372+
document.getElementById('mermaid-uyu5ifojw-loading').innerHTML =
13731373
'<span class="text-red-500">无法初始化图</span>';
13741374
}
13751375
});
@@ -1392,12 +1392,12 @@ <h3 class="text-sm font-medium text-gray-900 mb-2">注意</h3>
13921392

13931393
<div class="mermaid-wrapper my-4 relative w-full" style="min-width: min-content;">
13941394
<!-- 加载提示 -->
1395-
<div id="mermaid-9p6k07vhj-loading" class="absolute inset-0 flex items-center justify-center bg-white/80 dark:bg-gray-900/80 z-10">
1395+
<div id="mermaid-f98ulcz3r-loading" class="absolute inset-0 flex items-center justify-center bg-white/80 dark:bg-gray-900/80 z-10">
13961396
<span class="text-gray-500 text-sm">加载图...</span>
13971397
</div>
13981398

13991399
<!-- Mermaid 图表容器 -->
1400-
<div id="mermaid-9p6k07vhj" class="mermaid overflow-x-auto w-full" style="opacity: 0; transition: opacity 0.2s ease-in-out;">
1400+
<div id="mermaid-f98ulcz3r" class="mermaid overflow-x-auto w-full" style="opacity: 0; transition: opacity 0.2s ease-in-out;">
14011401
mindmap
14021402
root((mindmap))
14031403
Origins
@@ -1444,8 +1444,8 @@ <h3 class="text-sm font-medium text-gray-900 mb-2">注意</h3>
14441444
// 初始化 mermaid
14451445
window.mermaidReady.then(mermaid => {
14461446
try {
1447-
const chartElement = document.getElementById('mermaid-9p6k07vhj');
1448-
const loadingElement = document.getElementById('mermaid-9p6k07vhj-loading');
1447+
const chartElement = document.getElementById('mermaid-f98ulcz3r');
1448+
const loadingElement = document.getElementById('mermaid-f98ulcz3r-loading');
14491449

14501450
// 先设置容器的最小宽度
14511451
chartElement.closest('.mermaid-wrapper').style.minWidth = 'min-content';
@@ -1459,7 +1459,7 @@ <h3 class="text-sm font-medium text-gray-900 mb-2">注意</h3>
14591459

14601460
// 渲染图表
14611461
mermaid.run({
1462-
querySelector: '#mermaid-9p6k07vhj'
1462+
querySelector: '#mermaid-f98ulcz3r'
14631463
}).then(() => {
14641464
// 平滑显示图表
14651465
chartElement.style.opacity = '1';
@@ -1473,7 +1473,7 @@ <h3 class="text-sm font-medium text-gray-900 mb-2">注意</h3>
14731473
});
14741474
} catch (error) {
14751475
console.error('Mermaid init error:', error);
1476-
document.getElementById('mermaid-9p6k07vhj-loading').innerHTML =
1476+
document.getElementById('mermaid-f98ulcz3r-loading').innerHTML =
14771477
'<span class="text-red-500">无法初始化图</span>';
14781478
}
14791479
});

‎en/usage/tab.html

Lines changed: 15 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -1228,32 +1228,32 @@ <h1 class="text-3xl font-bold tracking-tight text-gray-900 dark:text-gray-100 sm
12281228
class="px-4 py-2 text-sm font-medium border-b-2 transition-colors duration-200
12291229
border-blue-500 text-blue-600
12301230
focus:outline-none"
1231-
onclick="switchTab(event, 'tabgroup-7ogydqigs', 0)"
1231+
onclick="switchTab(event, 'tabgroup-btwjxnin1', 0)"
12321232
aria-selected="true"
1233-
aria-controls="tabgroup-7ogydqigs-panel-0"
1234-
id="tabgroup-7ogydqigs-tab-0">
1233+
aria-controls="tabgroup-btwjxnin1-panel-0"
1234+
id="tabgroup-btwjxnin1-tab-0">
12351235
Tab 1
12361236
</button>
12371237

12381238
<button role="tab"
12391239
class="px-4 py-2 text-sm font-medium border-b-2 transition-colors duration-200
12401240
border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300
12411241
focus:outline-none"
1242-
onclick="switchTab(event, 'tabgroup-7ogydqigs', 1)"
1242+
onclick="switchTab(event, 'tabgroup-btwjxnin1', 1)"
12431243
aria-selected="false"
1244-
aria-controls="tabgroup-7ogydqigs-panel-1"
1245-
id="tabgroup-7ogydqigs-tab-1">
1244+
aria-controls="tabgroup-btwjxnin1-panel-1"
1245+
id="tabgroup-btwjxnin1-tab-1">
12461246
Tab 2
12471247
</button>
12481248

12491249
<button role="tab"
12501250
class="px-4 py-2 text-sm font-medium border-b-2 transition-colors duration-200
12511251
border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300
12521252
focus:outline-none"
1253-
onclick="switchTab(event, 'tabgroup-7ogydqigs', 2)"
1253+
onclick="switchTab(event, 'tabgroup-btwjxnin1', 2)"
12541254
aria-selected="false"
1255-
aria-controls="tabgroup-7ogydqigs-panel-2"
1256-
id="tabgroup-7ogydqigs-tab-2">
1255+
aria-controls="tabgroup-btwjxnin1-panel-2"
1256+
id="tabgroup-btwjxnin1-tab-2">
12571257
Tab 3
12581258
</button>
12591259

@@ -1263,8 +1263,8 @@ <h1 class="text-3xl font-bold tracking-tight text-gray-900 dark:text-gray-100 sm
12631263

12641264
<div class="p-4 "
12651265
role="tabpanel"
1266-
aria-labelledby="tabgroup-7ogydqigs-tab-0"
1267-
id="tabgroup-7ogydqigs-panel-0">
1266+
aria-labelledby="tabgroup-btwjxnin1-tab-0"
1267+
id="tabgroup-btwjxnin1-panel-0">
12681268

12691269
<span class="text-base text-gray-700 leading-7 my-2">这是第一个 Tab 的内容</span>
12701270

@@ -1284,8 +1284,8 @@ <h1 class="text-3xl font-bold tracking-tight text-gray-900 dark:text-gray-100 sm
12841284

12851285
<div class="p-4 hidden"
12861286
role="tabpanel"
1287-
aria-labelledby="tabgroup-7ogydqigs-tab-1"
1288-
id="tabgroup-7ogydqigs-panel-1">
1287+
aria-labelledby="tabgroup-btwjxnin1-tab-1"
1288+
id="tabgroup-btwjxnin1-panel-1">
12891289

12901290
<span class="text-base text-gray-700 leading-7 my-2">这是第二个 Tab 的内容</span>
12911291

@@ -1301,8 +1301,8 @@ <h1 class="text-3xl font-bold tracking-tight text-gray-900 dark:text-gray-100 sm
13011301

13021302
<div class="p-4 hidden"
13031303
role="tabpanel"
1304-
aria-labelledby="tabgroup-7ogydqigs-tab-2"
1305-
id="tabgroup-7ogydqigs-panel-2">
1304+
aria-labelledby="tabgroup-btwjxnin1-tab-2"
1305+
id="tabgroup-btwjxnin1-panel-2">
13061306

13071307
<span class="text-base text-gray-700 leading-7 my-2">第三个 Tab 的内容</span>
13081308

0 commit comments

Comments
 (0)