Skip to content

Commit

Permalink
deploy: eb5f1a3
Browse files Browse the repository at this point in the history
  • Loading branch information
@qianmoQ
qianmoQ committed Feb 7, 2025
1 parent 6fe4353 commit 5aded34
Show file tree
Hide file tree
Showing 4 changed files with 66 additions and 66 deletions.
36 changes: 18 additions & 18 deletions en/usage/mermaid.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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-j0v4x7tpu-loading" class="absolute inset-0 flex items-center justify-center bg-white/80 dark:bg-gray-900/80 z-10">
<div id="mermaid-cq0qycv77-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-j0v4x7tpu" class="mermaid overflow-x-auto w-full" style="opacity: 0; transition: opacity 0.2s ease-in-out;">
<div id="mermaid-cq0qycv77" class="mermaid overflow-x-auto w-full" style="opacity: 0; transition: opacity 0.2s ease-in-out;">
flowchart LR
id
</div>
Expand Down Expand Up @@ -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-j0v4x7tpu');
const loadingElement = document.getElementById('mermaid-j0v4x7tpu-loading');
const chartElement = document.getElementById('mermaid-cq0qycv77');
const loadingElement = document.getElementById('mermaid-cq0qycv77-loading');

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

// 渲染图表
mermaid.run({
querySelector: '#mermaid-j0v4x7tpu'
querySelector: '#mermaid-cq0qycv77'
}).then(() => {
// 平滑显示图表
chartElement.style.opacity = '1';
Expand All @@ -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-j0v4x7tpu-loading').innerHTML =
document.getElementById('mermaid-cq0qycv77-loading').innerHTML =
'<span class="text-red-500">无法初始化图</span>';
}
});
Expand All @@ -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-iv6k5bsya-loading" class="absolute inset-0 flex items-center justify-center bg-white/80 dark:bg-gray-900/80 z-10">
<div id="mermaid-qrl998ci5-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-iv6k5bsya" class="mermaid overflow-x-auto w-full" style="opacity: 0; transition: opacity 0.2s ease-in-out;">
<div id="mermaid-qrl998ci5" 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!
Expand Down Expand Up @@ -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-iv6k5bsya');
const loadingElement = document.getElementById('mermaid-iv6k5bsya-loading');
const chartElement = document.getElementById('mermaid-qrl998ci5');
const loadingElement = document.getElementById('mermaid-qrl998ci5-loading');

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

// 渲染图表
mermaid.run({
querySelector: '#mermaid-iv6k5bsya'
querySelector: '#mermaid-qrl998ci5'
}).then(() => {
// 平滑显示图表
chartElement.style.opacity = '1';
Expand All @@ -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-iv6k5bsya-loading').innerHTML =
document.getElementById('mermaid-qrl998ci5-loading').innerHTML =
'<span class="text-red-500">无法初始化图</span>';
}
});
Expand All @@ -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-tixjoi3i6-loading" class="absolute inset-0 flex items-center justify-center bg-white/80 dark:bg-gray-900/80 z-10">
<div id="mermaid-fdidl7uye-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-tixjoi3i6" class="mermaid overflow-x-auto w-full" style="opacity: 0; transition: opacity 0.2s ease-in-out;">
<div id="mermaid-fdidl7uye" class="mermaid overflow-x-auto w-full" style="opacity: 0; transition: opacity 0.2s ease-in-out;">
mindmap
root((mindmap))
Origins
Expand Down Expand Up @@ -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-tixjoi3i6');
const loadingElement = document.getElementById('mermaid-tixjoi3i6-loading');
const chartElement = document.getElementById('mermaid-fdidl7uye');
const loadingElement = document.getElementById('mermaid-fdidl7uye-loading');

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

// 渲染图表
mermaid.run({
querySelector: '#mermaid-tixjoi3i6'
querySelector: '#mermaid-fdidl7uye'
}).then(() => {
// 平滑显示图表
chartElement.style.opacity = '1';
Expand All @@ -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-tixjoi3i6-loading').innerHTML =
document.getElementById('mermaid-fdidl7uye-loading').innerHTML =
'<span class="text-red-500">无法初始化图</span>';
}
});
Expand Down
30 changes: 15 additions & 15 deletions en/usage/tab.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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-lmsxk6ad3', 0)"
onclick="switchTab(event, 'tabgroup-o7bujneg5', 0)"
aria-selected="true"
aria-controls="tabgroup-lmsxk6ad3-panel-0"
id="tabgroup-lmsxk6ad3-tab-0">
aria-controls="tabgroup-o7bujneg5-panel-0"
id="tabgroup-o7bujneg5-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-lmsxk6ad3', 1)"
onclick="switchTab(event, 'tabgroup-o7bujneg5', 1)"
aria-selected="false"
aria-controls="tabgroup-lmsxk6ad3-panel-1"
id="tabgroup-lmsxk6ad3-tab-1">
aria-controls="tabgroup-o7bujneg5-panel-1"
id="tabgroup-o7bujneg5-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-lmsxk6ad3', 2)"
onclick="switchTab(event, 'tabgroup-o7bujneg5', 2)"
aria-selected="false"
aria-controls="tabgroup-lmsxk6ad3-panel-2"
id="tabgroup-lmsxk6ad3-tab-2">
aria-controls="tabgroup-o7bujneg5-panel-2"
id="tabgroup-o7bujneg5-tab-2">
Tab 3
</button>

Expand All @@ -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-lmsxk6ad3-tab-0"
id="tabgroup-lmsxk6ad3-panel-0">
aria-labelledby="tabgroup-o7bujneg5-tab-0"
id="tabgroup-o7bujneg5-panel-0">

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

Expand All @@ -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-lmsxk6ad3-tab-1"
id="tabgroup-lmsxk6ad3-panel-1">
aria-labelledby="tabgroup-o7bujneg5-tab-1"
id="tabgroup-o7bujneg5-panel-1">

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

Expand All @@ -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-lmsxk6ad3-tab-2"
id="tabgroup-lmsxk6ad3-panel-2">
aria-labelledby="tabgroup-o7bujneg5-tab-2"
id="tabgroup-o7bujneg5-panel-2">

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

Expand Down
Loading

0 comments on commit 5aded34

Please sign in to comment.