Skip to content

Commit facb9a7

Browse files
qianmoQqianmoQ
committed
deploy: a1217c4 
1 parent 3bd17d8 commit facb9a7

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
@@ -1403,12 +1403,12 @@ <h3 class="text-sm font-medium text-gray-900 mb-2">注意</h3>
14031403

14041404
<div class="mermaid-wrapper my-4 relative w-full" style="min-width: min-content;">
14051405
<!-- 加载提示 -->
1406-
<div id="mermaid-zp5oywg68-loading" class="absolute inset-0 flex items-center justify-center bg-white/80 dark:bg-gray-900/80 z-10">
1406+
<div id="mermaid-c4m4by0z7-loading" class="absolute inset-0 flex items-center justify-center bg-white/80 dark:bg-gray-900/80 z-10">
14071407
<span class="text-gray-500 text-sm">加载图...</span>
14081408
</div>
14091409

14101410
<!-- Mermaid 图表容器 -->
1411-
<div id="mermaid-zp5oywg68" class="mermaid overflow-x-auto w-full" style="opacity: 0; transition: opacity 0.2s ease-in-out;">
1411+
<div id="mermaid-c4m4by0z7" class="mermaid overflow-x-auto w-full" style="opacity: 0; transition: opacity 0.2s ease-in-out;">
14121412
flowchart LR
14131413
id
14141414
</div>
@@ -1440,8 +1440,8 @@ <h3 class="text-sm font-medium text-gray-900 mb-2">注意</h3>
14401440
// 初始化 mermaid
14411441
window.mermaidReady.then(mermaid => {
14421442
try {
1443-
const chartElement = document.getElementById('mermaid-zp5oywg68');
1444-
const loadingElement = document.getElementById('mermaid-zp5oywg68-loading');
1443+
const chartElement = document.getElementById('mermaid-c4m4by0z7');
1444+
const loadingElement = document.getElementById('mermaid-c4m4by0z7-loading');
14451445

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

14561456
// 渲染图表
14571457
mermaid.run({
1458-
querySelector: '#mermaid-zp5oywg68'
1458+
querySelector: '#mermaid-c4m4by0z7'
14591459
}).then(() => {
14601460
// 平滑显示图表
14611461
chartElement.style.opacity = '1';
@@ -1469,7 +1469,7 @@ <h3 class="text-sm font-medium text-gray-900 mb-2">注意</h3>
14691469
});
14701470
} catch (error) {
14711471
console.error('Mermaid init error:', error);
1472-
document.getElementById('mermaid-zp5oywg68-loading').innerHTML =
1472+
document.getElementById('mermaid-c4m4by0z7-loading').innerHTML =
14731473
'<span class="text-red-500">无法初始化图</span>';
14741474
}
14751475
});
@@ -1492,12 +1492,12 @@ <h3 class="text-sm font-medium text-gray-900 mb-2">注意</h3>
14921492

14931493
<div class="mermaid-wrapper my-4 relative w-full" style="min-width: min-content;">
14941494
<!-- 加载提示 -->
1495-
<div id="mermaid-1ii2ew2k0-loading" class="absolute inset-0 flex items-center justify-center bg-white/80 dark:bg-gray-900/80 z-10">
1495+
<div id="mermaid-g4y7bsaw5-loading" class="absolute inset-0 flex items-center justify-center bg-white/80 dark:bg-gray-900/80 z-10">
14961496
<span class="text-gray-500 text-sm">加载图...</span>
14971497
</div>
14981498

14991499
<!-- Mermaid 图表容器 -->
1500-
<div id="mermaid-1ii2ew2k0" class="mermaid overflow-x-auto w-full" style="opacity: 0; transition: opacity 0.2s ease-in-out;">
1500+
<div id="mermaid-g4y7bsaw5" class="mermaid overflow-x-auto w-full" style="opacity: 0; transition: opacity 0.2s ease-in-out;">
15011501
sequenceDiagram
15021502
Alice->>John: Hello John, how are you?
15031503
John-->>Alice: Great!
@@ -1530,8 +1530,8 @@ <h3 class="text-sm font-medium text-gray-900 mb-2">注意</h3>
15301530
// 初始化 mermaid
15311531
window.mermaidReady.then(mermaid => {
15321532
try {
1533-
const chartElement = document.getElementById('mermaid-1ii2ew2k0');
1534-
const loadingElement = document.getElementById('mermaid-1ii2ew2k0-loading');
1533+
const chartElement = document.getElementById('mermaid-g4y7bsaw5');
1534+
const loadingElement = document.getElementById('mermaid-g4y7bsaw5-loading');
15351535

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

15461546
// 渲染图表
15471547
mermaid.run({
1548-
querySelector: '#mermaid-1ii2ew2k0'
1548+
querySelector: '#mermaid-g4y7bsaw5'
15491549
}).then(() => {
15501550
// 平滑显示图表
15511551
chartElement.style.opacity = '1';
@@ -1559,7 +1559,7 @@ <h3 class="text-sm font-medium text-gray-900 mb-2">注意</h3>
15591559
});
15601560
} catch (error) {
15611561
console.error('Mermaid init error:', error);
1562-
document.getElementById('mermaid-1ii2ew2k0-loading').innerHTML =
1562+
document.getElementById('mermaid-g4y7bsaw5-loading').innerHTML =
15631563
'<span class="text-red-500">无法初始化图</span>';
15641564
}
15651565
});
@@ -1582,12 +1582,12 @@ <h3 class="text-sm font-medium text-gray-900 mb-2">注意</h3>
15821582

15831583
<div class="mermaid-wrapper my-4 relative w-full" style="min-width: min-content;">
15841584
<!-- 加载提示 -->
1585-
<div id="mermaid-jmchl1q8o-loading" class="absolute inset-0 flex items-center justify-center bg-white/80 dark:bg-gray-900/80 z-10">
1585+
<div id="mermaid-xnrz1q7n1-loading" class="absolute inset-0 flex items-center justify-center bg-white/80 dark:bg-gray-900/80 z-10">
15861586
<span class="text-gray-500 text-sm">加载图...</span>
15871587
</div>
15881588

15891589
<!-- Mermaid 图表容器 -->
1590-
<div id="mermaid-jmchl1q8o" class="mermaid overflow-x-auto w-full" style="opacity: 0; transition: opacity 0.2s ease-in-out;">
1590+
<div id="mermaid-xnrz1q7n1" class="mermaid overflow-x-auto w-full" style="opacity: 0; transition: opacity 0.2s ease-in-out;">
15911591
mindmap
15921592
root((mindmap))
15931593
Origins
@@ -1634,8 +1634,8 @@ <h3 class="text-sm font-medium text-gray-900 mb-2">注意</h3>
16341634
// 初始化 mermaid
16351635
window.mermaidReady.then(mermaid => {
16361636
try {
1637-
const chartElement = document.getElementById('mermaid-jmchl1q8o');
1638-
const loadingElement = document.getElementById('mermaid-jmchl1q8o-loading');
1637+
const chartElement = document.getElementById('mermaid-xnrz1q7n1');
1638+
const loadingElement = document.getElementById('mermaid-xnrz1q7n1-loading');
16391639

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

16501650
// 渲染图表
16511651
mermaid.run({
1652-
querySelector: '#mermaid-jmchl1q8o'
1652+
querySelector: '#mermaid-xnrz1q7n1'
16531653
}).then(() => {
16541654
// 平滑显示图表
16551655
chartElement.style.opacity = '1';
@@ -1663,7 +1663,7 @@ <h3 class="text-sm font-medium text-gray-900 mb-2">注意</h3>
16631663
});
16641664
} catch (error) {
16651665
console.error('Mermaid init error:', error);
1666-
document.getElementById('mermaid-jmchl1q8o-loading').innerHTML =
1666+
document.getElementById('mermaid-xnrz1q7n1-loading').innerHTML =
16671667
'<span class="text-red-500">无法初始化图</span>';
16681668
}
16691669
});

‎en/usage/tab.html

Lines changed: 15 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -1404,32 +1404,32 @@ <h3 class="text-sm font-medium text-gray-900 mb-2">注意</h3>
14041404
class="px-4 py-2 text-sm font-medium border-b-2 transition-colors duration-200
14051405
border-blue-500 text-blue-600
14061406
focus:outline-none"
1407-
onclick="switchTab(event, 'tabgroup-ampq6lmbr', 0)"
1407+
onclick="switchTab(event, 'tabgroup-rsq2utn8b', 0)"
14081408
aria-selected="true"
1409-
aria-controls="tabgroup-ampq6lmbr-panel-0"
1410-
id="tabgroup-ampq6lmbr-tab-0">
1409+
aria-controls="tabgroup-rsq2utn8b-panel-0"
1410+
id="tabgroup-rsq2utn8b-tab-0">
14111411
Tab 1
14121412
</button>
14131413

14141414
<button role="tab"
14151415
class="px-4 py-2 text-sm font-medium border-b-2 transition-colors duration-200
14161416
border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300
14171417
focus:outline-none"
1418-
onclick="switchTab(event, 'tabgroup-ampq6lmbr', 1)"
1418+
onclick="switchTab(event, 'tabgroup-rsq2utn8b', 1)"
14191419
aria-selected="false"
1420-
aria-controls="tabgroup-ampq6lmbr-panel-1"
1421-
id="tabgroup-ampq6lmbr-tab-1">
1420+
aria-controls="tabgroup-rsq2utn8b-panel-1"
1421+
id="tabgroup-rsq2utn8b-tab-1">
14221422
Tab 2
14231423
</button>
14241424

14251425
<button role="tab"
14261426
class="px-4 py-2 text-sm font-medium border-b-2 transition-colors duration-200
14271427
border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300
14281428
focus:outline-none"
1429-
onclick="switchTab(event, 'tabgroup-ampq6lmbr', 2)"
1429+
onclick="switchTab(event, 'tabgroup-rsq2utn8b', 2)"
14301430
aria-selected="false"
1431-
aria-controls="tabgroup-ampq6lmbr-panel-2"
1432-
id="tabgroup-ampq6lmbr-tab-2">
1431+
aria-controls="tabgroup-rsq2utn8b-panel-2"
1432+
id="tabgroup-rsq2utn8b-tab-2">
14331433
Tab 3
14341434
</button>
14351435

@@ -1439,8 +1439,8 @@ <h3 class="text-sm font-medium text-gray-900 mb-2">注意</h3>
14391439

14401440
<div class="p-4 "
14411441
role="tabpanel"
1442-
aria-labelledby="tabgroup-ampq6lmbr-tab-0"
1443-
id="tabgroup-ampq6lmbr-panel-0">
1442+
aria-labelledby="tabgroup-rsq2utn8b-tab-0"
1443+
id="tabgroup-rsq2utn8b-panel-0">
14441444

14451445
<span class="text-base text-gray-700 leading-7 my-2">这是第一个标签页的内容
14461446
可以包含多行内容</span>
@@ -1469,8 +1469,8 @@ <h3 class="text-sm font-medium text-gray-900 mb-2">注意</h3>
14691469

14701470
<div class="p-4 hidden"
14711471
role="tabpanel"
1472-
aria-labelledby="tabgroup-ampq6lmbr-tab-1"
1473-
id="tabgroup-ampq6lmbr-panel-1">
1472+
aria-labelledby="tabgroup-rsq2utn8b-tab-1"
1473+
id="tabgroup-rsq2utn8b-panel-1">
14741474

14751475
<span class="text-base text-gray-700 leading-7 my-2">这是第二个标签页的内容</span>
14761476

@@ -1505,8 +1505,8 @@ <h3 class="text-sm font-medium text-gray-900 mb-2">注意</h3>
15051505

15061506
<div class="p-4 hidden"
15071507
role="tabpanel"
1508-
aria-labelledby="tabgroup-ampq6lmbr-tab-2"
1509-
id="tabgroup-ampq6lmbr-panel-2">
1508+
aria-labelledby="tabgroup-rsq2utn8b-tab-2"
1509+
id="tabgroup-rsq2utn8b-panel-2">
15101510

15111511
<span class="text-base text-gray-700 leading-7 my-2">第三个标签页的内容</span>
15121512

0 commit comments

Comments
 (0)