Skip to content

Commit

Permalink
deploy: 424336e
Browse files Browse the repository at this point in the history
  • Loading branch information
@qianmoQ
qianmoQ committed Feb 6, 2025
1 parent 0610bbe commit 28c2d39
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 @@ -1251,12 +1251,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-8b47u81ex-loading" class="absolute inset-0 flex items-center justify-center bg-white/80 dark:bg-gray-900/80 z-10">
<div id="mermaid-1xnhm0irn-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-8b47u81ex" class="mermaid overflow-x-auto w-full" style="opacity: 0; transition: opacity 0.2s ease-in-out;">
<div id="mermaid-1xnhm0irn" 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 @@ -1288,8 +1288,8 @@ <h3 class="text-sm font-medium text-gray-900 mb-2">注意</h3>
// 初始化 mermaid
window.mermaidReady.then(mermaid => {
try {
const chartElement = document.getElementById('mermaid-8b47u81ex');
const loadingElement = document.getElementById('mermaid-8b47u81ex-loading');
const chartElement = document.getElementById('mermaid-1xnhm0irn');
const loadingElement = document.getElementById('mermaid-1xnhm0irn-loading');

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

// 渲染图表
mermaid.run({
querySelector: '#mermaid-8b47u81ex'
querySelector: '#mermaid-1xnhm0irn'
}).then(() => {
// 平滑显示图表
chartElement.style.opacity = '1';
Expand All @@ -1317,7 +1317,7 @@ <h3 class="text-sm font-medium text-gray-900 mb-2">注意</h3>
});
} catch (error) {
console.error('Mermaid init error:', error);
document.getElementById('mermaid-8b47u81ex-loading').innerHTML =
document.getElementById('mermaid-1xnhm0irn-loading').innerHTML =
'<span class="text-red-500">无法初始化图</span>';
}
});
Expand All @@ -1340,12 +1340,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-44qsnvbtr-loading" class="absolute inset-0 flex items-center justify-center bg-white/80 dark:bg-gray-900/80 z-10">
<div id="mermaid-q55jbly0j-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-44qsnvbtr" class="mermaid overflow-x-auto w-full" style="opacity: 0; transition: opacity 0.2s ease-in-out;">
<div id="mermaid-q55jbly0j" 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 @@ -1378,8 +1378,8 @@ <h3 class="text-sm font-medium text-gray-900 mb-2">注意</h3>
// 初始化 mermaid
window.mermaidReady.then(mermaid => {
try {
const chartElement = document.getElementById('mermaid-44qsnvbtr');
const loadingElement = document.getElementById('mermaid-44qsnvbtr-loading');
const chartElement = document.getElementById('mermaid-q55jbly0j');
const loadingElement = document.getElementById('mermaid-q55jbly0j-loading');

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

// 渲染图表
mermaid.run({
querySelector: '#mermaid-44qsnvbtr'
querySelector: '#mermaid-q55jbly0j'
}).then(() => {
// 平滑显示图表
chartElement.style.opacity = '1';
Expand All @@ -1407,7 +1407,7 @@ <h3 class="text-sm font-medium text-gray-900 mb-2">注意</h3>
});
} catch (error) {
console.error('Mermaid init error:', error);
document.getElementById('mermaid-44qsnvbtr-loading').innerHTML =
document.getElementById('mermaid-q55jbly0j-loading').innerHTML =
'<span class="text-red-500">无法初始化图</span>';
}
});
Expand All @@ -1430,12 +1430,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-tjs6cohtj-loading" class="absolute inset-0 flex items-center justify-center bg-white/80 dark:bg-gray-900/80 z-10">
<div id="mermaid-arlzdj0kq-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-tjs6cohtj" class="mermaid overflow-x-auto w-full" style="opacity: 0; transition: opacity 0.2s ease-in-out;">
<div id="mermaid-arlzdj0kq" 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 @@ -1482,8 +1482,8 @@ <h3 class="text-sm font-medium text-gray-900 mb-2">注意</h3>
// 初始化 mermaid
window.mermaidReady.then(mermaid => {
try {
const chartElement = document.getElementById('mermaid-tjs6cohtj');
const loadingElement = document.getElementById('mermaid-tjs6cohtj-loading');
const chartElement = document.getElementById('mermaid-arlzdj0kq');
const loadingElement = document.getElementById('mermaid-arlzdj0kq-loading');

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

// 渲染图表
mermaid.run({
querySelector: '#mermaid-tjs6cohtj'
querySelector: '#mermaid-arlzdj0kq'
}).then(() => {
// 平滑显示图表
chartElement.style.opacity = '1';
Expand All @@ -1511,7 +1511,7 @@ <h3 class="text-sm font-medium text-gray-900 mb-2">注意</h3>
});
} catch (error) {
console.error('Mermaid init error:', error);
document.getElementById('mermaid-tjs6cohtj-loading').innerHTML =
document.getElementById('mermaid-arlzdj0kq-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 @@ -1266,32 +1266,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-sjdxkcifm', 0)"
onclick="switchTab(event, 'tabgroup-9h282ya8f', 0)"
aria-selected="true"
aria-controls="tabgroup-sjdxkcifm-panel-0"
id="tabgroup-sjdxkcifm-tab-0">
aria-controls="tabgroup-9h282ya8f-panel-0"
id="tabgroup-9h282ya8f-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-sjdxkcifm', 1)"
onclick="switchTab(event, 'tabgroup-9h282ya8f', 1)"
aria-selected="false"
aria-controls="tabgroup-sjdxkcifm-panel-1"
id="tabgroup-sjdxkcifm-tab-1">
aria-controls="tabgroup-9h282ya8f-panel-1"
id="tabgroup-9h282ya8f-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-sjdxkcifm', 2)"
onclick="switchTab(event, 'tabgroup-9h282ya8f', 2)"
aria-selected="false"
aria-controls="tabgroup-sjdxkcifm-panel-2"
id="tabgroup-sjdxkcifm-tab-2">
aria-controls="tabgroup-9h282ya8f-panel-2"
id="tabgroup-9h282ya8f-tab-2">
Tab 3
</button>

Expand All @@ -1301,8 +1301,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-sjdxkcifm-tab-0"
id="tabgroup-sjdxkcifm-panel-0">
aria-labelledby="tabgroup-9h282ya8f-tab-0"
id="tabgroup-9h282ya8f-panel-0">

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

Expand All @@ -1322,8 +1322,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-sjdxkcifm-tab-1"
id="tabgroup-sjdxkcifm-panel-1">
aria-labelledby="tabgroup-9h282ya8f-tab-1"
id="tabgroup-9h282ya8f-panel-1">

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

Expand All @@ -1339,8 +1339,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-sjdxkcifm-tab-2"
id="tabgroup-sjdxkcifm-panel-2">
aria-labelledby="tabgroup-9h282ya8f-tab-2"
id="tabgroup-9h282ya8f-panel-2">

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

Expand Down
Loading

0 comments on commit 28c2d39

Please sign in to comment.