Skip to content

Commit

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

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

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

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

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

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

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

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

<div class="p-4 "
role="tabpanel"
aria-labelledby="tabgroup-qoaok1cxu-tab-0"
id="tabgroup-qoaok1cxu-panel-0">
aria-labelledby="tabgroup-acuttflcc-tab-0"
id="tabgroup-acuttflcc-panel-0">

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

<div class="p-4 hidden"
role="tabpanel"
aria-labelledby="tabgroup-qoaok1cxu-tab-1"
id="tabgroup-qoaok1cxu-panel-1">
aria-labelledby="tabgroup-acuttflcc-tab-1"
id="tabgroup-acuttflcc-panel-1">

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

Expand Down Expand Up @@ -1513,8 +1513,8 @@ <h3 class="text-sm font-medium text-gray-900 mb-2">注意</h3>

<div class="p-4 hidden"
role="tabpanel"
aria-labelledby="tabgroup-qoaok1cxu-tab-2"
id="tabgroup-qoaok1cxu-panel-2">
aria-labelledby="tabgroup-acuttflcc-tab-2"
id="tabgroup-acuttflcc-panel-2">

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

Expand Down
Loading

0 comments on commit d9617e1

Please sign in to comment.