Skip to content

Commit bcd6e43

Browse files
qianmoQqianmoQ
committed
deploy: 59b324c 
1 parent 508fd2f commit bcd6e43

File tree

6 files changed

+118
-118
lines changed

6 files changed

+118
-118
lines changed

‎en/usage/mermaid.html

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

16851685
<div class="mermaid-wrapper my-4 relative w-full" style="min-width: min-content;">
16861686
<!-- 加载提示 -->
1687-
<div id="mermaid-vznh8s12a-loading" class="absolute inset-0 flex items-center justify-center bg-white/80 dark:bg-gray-900/80 z-10">
1687+
<div id="mermaid-i43g5hv93-loading" class="absolute inset-0 flex items-center justify-center bg-white/80 dark:bg-gray-900/80 z-10">
16881688
<span class="text-gray-500 text-sm">加载图...</span>
16891689
</div>
16901690

16911691
<!-- Mermaid 图表容器 -->
1692-
<div id="mermaid-vznh8s12a" class="mermaid overflow-x-auto w-full" style="opacity: 0; transition: opacity 0.2s ease-in-out;">
1692+
<div id="mermaid-i43g5hv93" class="mermaid overflow-x-auto w-full" style="opacity: 0; transition: opacity 0.2s ease-in-out;">
16931693
flowchart LR
16941694
id
16951695
</div>
@@ -1721,8 +1721,8 @@ <h3 class="text-sm font-medium text-gray-900 mb-2">注意</h3>
17211721
// 初始化 mermaid
17221722
window.mermaidReady.then(mermaid => {
17231723
try {
1724-
const chartElement = document.getElementById('mermaid-vznh8s12a');
1725-
const loadingElement = document.getElementById('mermaid-vznh8s12a-loading');
1724+
const chartElement = document.getElementById('mermaid-i43g5hv93');
1725+
const loadingElement = document.getElementById('mermaid-i43g5hv93-loading');
17261726

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

17371737
// 渲染图表
17381738
mermaid.run({
1739-
querySelector: '#mermaid-vznh8s12a'
1739+
querySelector: '#mermaid-i43g5hv93'
17401740
}).then(() => {
17411741
// 平滑显示图表
17421742
chartElement.style.opacity = '1';
@@ -1750,7 +1750,7 @@ <h3 class="text-sm font-medium text-gray-900 mb-2">注意</h3>
17501750
});
17511751
} catch (error) {
17521752
console.error('Mermaid init error:', error);
1753-
document.getElementById('mermaid-vznh8s12a-loading').innerHTML =
1753+
document.getElementById('mermaid-i43g5hv93-loading').innerHTML =
17541754
'<span class="text-red-500">无法初始化图</span>';
17551755
}
17561756
});
@@ -1773,12 +1773,12 @@ <h3 class="text-sm font-medium text-gray-900 mb-2">注意</h3>
17731773

17741774
<div class="mermaid-wrapper my-4 relative w-full" style="min-width: min-content;">
17751775
<!-- 加载提示 -->
1776-
<div id="mermaid-chf8yt90p-loading" class="absolute inset-0 flex items-center justify-center bg-white/80 dark:bg-gray-900/80 z-10">
1776+
<div id="mermaid-wl4ff72yb-loading" class="absolute inset-0 flex items-center justify-center bg-white/80 dark:bg-gray-900/80 z-10">
17771777
<span class="text-gray-500 text-sm">加载图...</span>
17781778
</div>
17791779

17801780
<!-- Mermaid 图表容器 -->
1781-
<div id="mermaid-chf8yt90p" class="mermaid overflow-x-auto w-full" style="opacity: 0; transition: opacity 0.2s ease-in-out;">
1781+
<div id="mermaid-wl4ff72yb" class="mermaid overflow-x-auto w-full" style="opacity: 0; transition: opacity 0.2s ease-in-out;">
17821782
sequenceDiagram
17831783
Alice->>John: Hello John, how are you?
17841784
John-->>Alice: Great!
@@ -1811,8 +1811,8 @@ <h3 class="text-sm font-medium text-gray-900 mb-2">注意</h3>
18111811
// 初始化 mermaid
18121812
window.mermaidReady.then(mermaid => {
18131813
try {
1814-
const chartElement = document.getElementById('mermaid-chf8yt90p');
1815-
const loadingElement = document.getElementById('mermaid-chf8yt90p-loading');
1814+
const chartElement = document.getElementById('mermaid-wl4ff72yb');
1815+
const loadingElement = document.getElementById('mermaid-wl4ff72yb-loading');
18161816

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

18271827
// 渲染图表
18281828
mermaid.run({
1829-
querySelector: '#mermaid-chf8yt90p'
1829+
querySelector: '#mermaid-wl4ff72yb'
18301830
}).then(() => {
18311831
// 平滑显示图表
18321832
chartElement.style.opacity = '1';
@@ -1840,7 +1840,7 @@ <h3 class="text-sm font-medium text-gray-900 mb-2">注意</h3>
18401840
});
18411841
} catch (error) {
18421842
console.error('Mermaid init error:', error);
1843-
document.getElementById('mermaid-chf8yt90p-loading').innerHTML =
1843+
document.getElementById('mermaid-wl4ff72yb-loading').innerHTML =
18441844
'<span class="text-red-500">无法初始化图</span>';
18451845
}
18461846
});
@@ -1863,12 +1863,12 @@ <h3 class="text-sm font-medium text-gray-900 mb-2">注意</h3>
18631863

18641864
<div class="mermaid-wrapper my-4 relative w-full" style="min-width: min-content;">
18651865
<!-- 加载提示 -->
1866-
<div id="mermaid-9162ayjur-loading" class="absolute inset-0 flex items-center justify-center bg-white/80 dark:bg-gray-900/80 z-10">
1866+
<div id="mermaid-yra3jmdsh-loading" class="absolute inset-0 flex items-center justify-center bg-white/80 dark:bg-gray-900/80 z-10">
18671867
<span class="text-gray-500 text-sm">加载图...</span>
18681868
</div>
18691869

18701870
<!-- Mermaid 图表容器 -->
1871-
<div id="mermaid-9162ayjur" class="mermaid overflow-x-auto w-full" style="opacity: 0; transition: opacity 0.2s ease-in-out;">
1871+
<div id="mermaid-yra3jmdsh" class="mermaid overflow-x-auto w-full" style="opacity: 0; transition: opacity 0.2s ease-in-out;">
18721872
mindmap
18731873
root((mindmap))
18741874
Origins
@@ -1915,8 +1915,8 @@ <h3 class="text-sm font-medium text-gray-900 mb-2">注意</h3>
19151915
// 初始化 mermaid
19161916
window.mermaidReady.then(mermaid => {
19171917
try {
1918-
const chartElement = document.getElementById('mermaid-9162ayjur');
1919-
const loadingElement = document.getElementById('mermaid-9162ayjur-loading');
1918+
const chartElement = document.getElementById('mermaid-yra3jmdsh');
1919+
const loadingElement = document.getElementById('mermaid-yra3jmdsh-loading');
19201920

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

19311931
// 渲染图表
19321932
mermaid.run({
1933-
querySelector: '#mermaid-9162ayjur'
1933+
querySelector: '#mermaid-yra3jmdsh'
19341934
}).then(() => {
19351935
// 平滑显示图表
19361936
chartElement.style.opacity = '1';
@@ -1944,7 +1944,7 @@ <h3 class="text-sm font-medium text-gray-900 mb-2">注意</h3>
19441944
});
19451945
} catch (error) {
19461946
console.error('Mermaid init error:', error);
1947-
document.getElementById('mermaid-9162ayjur-loading').innerHTML =
1947+
document.getElementById('mermaid-yra3jmdsh-loading').innerHTML =
19481948
'<span class="text-red-500">无法初始化图</span>';
19491949
}
19501950
});

‎en/usage/switch.html

Lines changed: 16 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -1679,9 +1679,9 @@ <h3 class="text-sm font-medium text-gray-900 mb-2">注意</h3>
16791679
<div class="space-y-4"></div>
16801680

16811681
<div class="inline-flex items-center">
1682-
<label for="switch-a4595n5r" class="flex items-center cursor-pointer focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 ">
1682+
<label for="switch-rq8oxami" class="flex items-center cursor-pointer focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 ">
16831683
<div class="relative">
1684-
<input type="checkbox" id="switch-a4595n5r" class="sr-only" >
1684+
<input type="checkbox" id="switch-rq8oxami" class="sr-only" >
16851685
<div class="block w-10 h-6 rounded-full border-2 transition bg-gray-200 border-gray-200"></div>
16861686
<div class="dot absolute left-1 top-1 w-4 h-4 rounded-full transition-transform translate-x-0 bg-white"></div>
16871687
</div>
@@ -1721,9 +1721,9 @@ <h3 class="text-sm font-medium text-gray-900 mb-2">注意</h3>
17211721
<div class="space-y-4"></div>
17221722

17231723
<div class="inline-flex items-center">
1724-
<label for="switch-5jhtfl5c" class="flex items-center cursor-pointer focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 ">
1724+
<label for="switch-lt1p22um" class="flex items-center cursor-pointer focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 ">
17251725
<div class="relative">
1726-
<input type="checkbox" id="switch-5jhtfl5c" class="sr-only" checked>
1726+
<input type="checkbox" id="switch-lt1p22um" class="sr-only" checked>
17271727
<div class="block w-10 h-6 rounded-full border-2 transition bg-blue-600 border-blue-600"></div>
17281728
<div class="dot absolute left-1 top-1 w-4 h-4 rounded-full transition-transform translate-x-4 bg-white"></div>
17291729
</div>
@@ -1753,9 +1753,9 @@ <h3 class="text-sm font-medium text-gray-900 mb-2">注意</h3>
17531753
<div class="space-y-4"></div>
17541754

17551755
<div class="inline-flex items-center">
1756-
<label for="switch-xi5ve75v" class="flex items-center cursor-pointer focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 ">
1756+
<label for="switch-ba215l59" class="flex items-center cursor-pointer focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 ">
17571757
<div class="relative">
1758-
<input type="checkbox" id="switch-xi5ve75v" class="sr-only" >
1758+
<input type="checkbox" id="switch-ba215l59" class="sr-only" >
17591759
<div class="block w-10 h-6 rounded-full border-2 transition bg-gray-200 border-gray-200"></div>
17601760
<div class="dot absolute left-1 top-1 w-4 h-4 rounded-full transition-transform translate-x-0 bg-white"></div>
17611761
</div>
@@ -1823,9 +1823,9 @@ <h3 class="text-sm font-medium text-gray-900 mb-2">提示</h3>
18231823
<div class="space-y-4"></div>
18241824

18251825
<div class="inline-flex items-center">
1826-
<label for="switch-txkry581" class="flex items-center cursor-pointer focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 focus:ring-green-500 focus:ring-offset-green-200">
1826+
<label for="switch-r8jjw986" class="flex items-center cursor-pointer focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 focus:ring-green-500 focus:ring-offset-green-200">
18271827
<div class="relative">
1828-
<input type="checkbox" id="switch-txkry581" class="sr-only" >
1828+
<input type="checkbox" id="switch-r8jjw986" class="sr-only" >
18291829
<div class="block w-10 h-6 rounded-full border-2 transition bg-gray-200 border-gray-200"></div>
18301830
<div class="dot absolute left-1 top-1 w-4 h-4 rounded-full transition-transform translate-x-0 bg-white"></div>
18311831
</div>
@@ -1869,9 +1869,9 @@ <h3 class="text-sm font-medium text-gray-900 mb-2">提示</h3>
18691869
<div class="space-y-4"></div>
18701870

18711871
<div class="inline-flex items-center">
1872-
<label for="switch-y8muj94e" class="flex items-center cursor-pointer focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 ">
1872+
<label for="switch-7keqbebl" class="flex items-center cursor-pointer focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 ">
18731873
<div class="relative">
1874-
<input type="checkbox" id="switch-y8muj94e" class="sr-only" checked>
1874+
<input type="checkbox" id="switch-7keqbebl" class="sr-only" checked>
18751875
<div class="block w-10 h-6 rounded-full border-2 transition bg-red-500 border-red-500"></div>
18761876
<div class="dot absolute left-1 top-1 w-4 h-4 rounded-full transition-transform translate-x-4 bg-white"></div>
18771877
</div>
@@ -1901,9 +1901,9 @@ <h3 class="text-sm font-medium text-gray-900 mb-2">提示</h3>
19011901
<div class="space-y-4"></div>
19021902

19031903
<div class="inline-flex items-center">
1904-
<label for="switch-gq679xig" class="flex items-center cursor-pointer focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 ">
1904+
<label for="switch-jrktffif" class="flex items-center cursor-pointer focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 ">
19051905
<div class="relative">
1906-
<input type="checkbox" id="switch-gq679xig" class="sr-only" checked>
1906+
<input type="checkbox" id="switch-jrktffif" class="sr-only" checked>
19071907
<div class="block w-10 h-6 rounded-full border-2 transition bg-green-500 border-green-500"></div>
19081908
<div class="dot absolute left-1 top-1 w-4 h-4 rounded-full transition-transform translate-x-4 bg-white"></div>
19091909
</div>
@@ -1933,9 +1933,9 @@ <h3 class="text-sm font-medium text-gray-900 mb-2">提示</h3>
19331933
<div class="space-y-4"></div>
19341934

19351935
<div class="inline-flex items-center">
1936-
<label for="switch-ii4mi4rx" class="flex items-center cursor-pointer focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 ">
1936+
<label for="switch-6tilsat2" class="flex items-center cursor-pointer focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 ">
19371937
<div class="relative">
1938-
<input type="checkbox" id="switch-ii4mi4rx" class="sr-only" checked>
1938+
<input type="checkbox" id="switch-6tilsat2" class="sr-only" checked>
19391939
<div class="block w-10 h-6 rounded-full border-2 transition bg-purple-500 border-purple-500"></div>
19401940
<div class="dot absolute left-1 top-1 w-4 h-4 rounded-full transition-transform translate-x-4 bg-white"></div>
19411941
</div>
@@ -1977,9 +1977,9 @@ <h3 class="text-sm font-medium text-gray-900 mb-2">提示</h3>
19771977
<span class="text-base text-gray-700 leading-7 my-2">前置内容</span>
19781978

19791979
<div class="inline-flex items-center">
1980-
<label for="switch-918n5k1c" class="flex items-center cursor-pointer focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 focus:ring-green-500 focus:ring-offset-green-200">
1980+
<label for="switch-1rcrcew7" class="flex items-center cursor-pointer focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 focus:ring-green-500 focus:ring-offset-green-200">
19811981
<div class="relative">
1982-
<input type="checkbox" id="switch-918n5k1c" class="sr-only" checked>
1982+
<input type="checkbox" id="switch-1rcrcew7" class="sr-only" checked>
19831983
<div class="block w-10 h-6 rounded-full border-2 transition bg-blue-600 border-blue-600"></div>
19841984
<div class="dot absolute left-1 top-1 w-4 h-4 rounded-full transition-transform translate-x-4 bg-white"></div>
19851985
</div>

0 commit comments

Comments
 (0)