Skip to content

Commit

Permalink
deploy: f88dd98
Browse files Browse the repository at this point in the history
  • Loading branch information
@qianmoQ
qianmoQ committed Feb 20, 2025
1 parent 52ceaff commit d73ac10
Show file tree
Hide file tree
Showing 4 changed files with 86 additions and 86 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 @@ -1531,12 +1531,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-crm2ot7fm-loading" class="absolute inset-0 flex items-center justify-center bg-white/80 dark:bg-gray-900/80 z-10">
<div id="mermaid-m2n35c3jh-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-crm2ot7fm" class="mermaid overflow-x-auto w-full" style="opacity: 0; transition: opacity 0.2s ease-in-out;">
<div id="mermaid-m2n35c3jh" 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 @@ -1568,8 +1568,8 @@ <h3 class="text-sm font-medium text-gray-900 mb-2">注意</h3>
// 初始化 mermaid
window.mermaidReady.then(mermaid => {
try {
const chartElement = document.getElementById('mermaid-crm2ot7fm');
const loadingElement = document.getElementById('mermaid-crm2ot7fm-loading');
const chartElement = document.getElementById('mermaid-m2n35c3jh');
const loadingElement = document.getElementById('mermaid-m2n35c3jh-loading');

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

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

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

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

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

// 渲染图表
mermaid.run({
querySelector: '#mermaid-wvshmwlhy'
querySelector: '#mermaid-9k3g2hp02'
}).then(() => {
// 平滑显示图表
chartElement.style.opacity = '1';
Expand All @@ -1791,7 +1791,7 @@ <h3 class="text-sm font-medium text-gray-900 mb-2">注意</h3>
});
} catch (error) {
console.error('Mermaid init error:', error);
document.getElementById('mermaid-wvshmwlhy-loading').innerHTML =
document.getElementById('mermaid-9k3g2hp02-loading').innerHTML =
'<span class="text-red-500">无法初始化图</span>';
}
});
Expand Down
50 changes: 25 additions & 25 deletions en/usage/tab.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -1528,54 +1528,54 @@ <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-57i0px8rb', 0)"
onclick="switchTab(event, 'tabgroup-03dvj01c4', 0)"
aria-selected="true"
aria-controls="tabgroup-57i0px8rb-panel-0"
id="tabgroup-57i0px8rb-tab-0">
aria-controls="tabgroup-03dvj01c4-panel-0"
id="tabgroup-03dvj01c4-tab-0">
包含列表
</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-57i0px8rb', 1)"
onclick="switchTab(event, 'tabgroup-03dvj01c4', 1)"
aria-selected="false"
aria-controls="tabgroup-57i0px8rb-panel-1"
id="tabgroup-57i0px8rb-tab-1">
aria-controls="tabgroup-03dvj01c4-panel-1"
id="tabgroup-03dvj01c4-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-57i0px8rb', 2)"
onclick="switchTab(event, 'tabgroup-03dvj01c4', 2)"
aria-selected="false"
aria-controls="tabgroup-57i0px8rb-panel-2"
id="tabgroup-57i0px8rb-tab-2">
aria-controls="tabgroup-03dvj01c4-panel-2"
id="tabgroup-03dvj01c4-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-57i0px8rb', 3)"
onclick="switchTab(event, 'tabgroup-03dvj01c4', 3)"
aria-selected="false"
aria-controls="tabgroup-57i0px8rb-panel-3"
id="tabgroup-57i0px8rb-tab-3">
aria-controls="tabgroup-03dvj01c4-panel-3"
id="tabgroup-03dvj01c4-tab-3">
内容前后有空行
</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-57i0px8rb', 4)"
onclick="switchTab(event, 'tabgroup-03dvj01c4', 4)"
aria-selected="false"
aria-controls="tabgroup-57i0px8rb-panel-4"
id="tabgroup-57i0px8rb-tab-4">
aria-controls="tabgroup-03dvj01c4-panel-4"
id="tabgroup-03dvj01c4-tab-4">
标题无缩进
</button>

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

<div class="p-4 "
role="tabpanel"
aria-labelledby="tabgroup-57i0px8rb-tab-0"
id="tabgroup-57i0px8rb-panel-0">
aria-labelledby="tabgroup-03dvj01c4-tab-0"
id="tabgroup-03dvj01c4-panel-0">

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

<div class="p-4 hidden"
role="tabpanel"
aria-labelledby="tabgroup-57i0px8rb-tab-1"
id="tabgroup-57i0px8rb-panel-1">
aria-labelledby="tabgroup-03dvj01c4-tab-1"
id="tabgroup-03dvj01c4-panel-1">

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

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

<div class="p-4 hidden"
role="tabpanel"
aria-labelledby="tabgroup-57i0px8rb-tab-2"
id="tabgroup-57i0px8rb-panel-2">
aria-labelledby="tabgroup-03dvj01c4-tab-2"
id="tabgroup-03dvj01c4-panel-2">

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

</div>

<div class="p-4 hidden"
role="tabpanel"
aria-labelledby="tabgroup-57i0px8rb-tab-3"
id="tabgroup-57i0px8rb-panel-3">
aria-labelledby="tabgroup-03dvj01c4-tab-3"
id="tabgroup-03dvj01c4-panel-3">

<div class="space-y-4"></div>

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

<div class="p-4 hidden"
role="tabpanel"
aria-labelledby="tabgroup-57i0px8rb-tab-4"
id="tabgroup-57i0px8rb-panel-4">
aria-labelledby="tabgroup-03dvj01c4-tab-4"
id="tabgroup-03dvj01c4-panel-4">

<div class="space-y-4"></div>

Expand Down
Loading

0 comments on commit d73ac10

Please sign in to comment.