Skip to content

Commit

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

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

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

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

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

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

// 渲染图表
mermaid.run({
querySelector: '#mermaid-invc03ddx'
querySelector: '#mermaid-k5hxe6rrz'
}).then(() => {
// 平滑显示图表
chartElement.style.opacity = '1';
Expand All @@ -1793,7 +1793,7 @@ <h3 class="text-sm font-medium text-gray-900 mb-2">注意</h3>
});
} catch (error) {
console.error('Mermaid init error:', error);
document.getElementById('mermaid-invc03ddx-loading').innerHTML =
document.getElementById('mermaid-k5hxe6rrz-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 @@ -1530,54 +1530,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-srmhmiqzt', 0)"
onclick="switchTab(event, 'tabgroup-h1gdpws5v', 0)"
aria-selected="true"
aria-controls="tabgroup-srmhmiqzt-panel-0"
id="tabgroup-srmhmiqzt-tab-0">
aria-controls="tabgroup-h1gdpws5v-panel-0"
id="tabgroup-h1gdpws5v-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-srmhmiqzt', 1)"
onclick="switchTab(event, 'tabgroup-h1gdpws5v', 1)"
aria-selected="false"
aria-controls="tabgroup-srmhmiqzt-panel-1"
id="tabgroup-srmhmiqzt-tab-1">
aria-controls="tabgroup-h1gdpws5v-panel-1"
id="tabgroup-h1gdpws5v-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-srmhmiqzt', 2)"
onclick="switchTab(event, 'tabgroup-h1gdpws5v', 2)"
aria-selected="false"
aria-controls="tabgroup-srmhmiqzt-panel-2"
id="tabgroup-srmhmiqzt-tab-2">
aria-controls="tabgroup-h1gdpws5v-panel-2"
id="tabgroup-h1gdpws5v-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-srmhmiqzt', 3)"
onclick="switchTab(event, 'tabgroup-h1gdpws5v', 3)"
aria-selected="false"
aria-controls="tabgroup-srmhmiqzt-panel-3"
id="tabgroup-srmhmiqzt-tab-3">
aria-controls="tabgroup-h1gdpws5v-panel-3"
id="tabgroup-h1gdpws5v-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-srmhmiqzt', 4)"
onclick="switchTab(event, 'tabgroup-h1gdpws5v', 4)"
aria-selected="false"
aria-controls="tabgroup-srmhmiqzt-panel-4"
id="tabgroup-srmhmiqzt-tab-4">
aria-controls="tabgroup-h1gdpws5v-panel-4"
id="tabgroup-h1gdpws5v-tab-4">
标题无缩进
</button>

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

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

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

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

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

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

<div class="p-4 hidden"
role="tabpanel"
aria-labelledby="tabgroup-srmhmiqzt-tab-2"
id="tabgroup-srmhmiqzt-panel-2">
aria-labelledby="tabgroup-h1gdpws5v-tab-2"
id="tabgroup-h1gdpws5v-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-srmhmiqzt-tab-3"
id="tabgroup-srmhmiqzt-panel-3">
aria-labelledby="tabgroup-h1gdpws5v-tab-3"
id="tabgroup-h1gdpws5v-panel-3">

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

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

<div class="p-4 hidden"
role="tabpanel"
aria-labelledby="tabgroup-srmhmiqzt-tab-4"
id="tabgroup-srmhmiqzt-panel-4">
aria-labelledby="tabgroup-h1gdpws5v-tab-4"
id="tabgroup-h1gdpws5v-panel-4">

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

Expand Down
Loading

0 comments on commit 9c9f951

Please sign in to comment.