This is an automated email from the ASF dual-hosted git repository.
critas pushed a commit to branch main
in repository https://gitbox.apache.org/repos/asf/iotdb-docs.git
The following commit(s) were added to refs/heads/main by this push:
new 487d2076 change sidebar (#604)
487d2076 is described below
commit 487d20762464dc1656e6abf0b2a8f58c1e792153
Author: CritasWang <[email protected]>
AuthorDate: Tue Feb 25 10:13:39 2025 +0800
change sidebar (#604)
* change sidebar
* remove debug code
---
src/.vuepress/components/Sidevar.vue | 40 +++++++++++++++++-------
src/.vuepress/navbar/en.ts | 2 +-
src/.vuepress/navbar/zh.ts | 2 +-
src/Community/{Commiters.md => Committers.md} | 0
src/zh/Community/{Commiters.md => Committers.md} | 0
5 files changed, 31 insertions(+), 13 deletions(-)
diff --git a/src/.vuepress/components/Sidevar.vue
b/src/.vuepress/components/Sidevar.vue
index 8d8fc9bb..fd03c8dc 100644
--- a/src/.vuepress/components/Sidevar.vue
+++ b/src/.vuepress/components/Sidevar.vue
@@ -1,15 +1,18 @@
<template>
<Sidebar>
<template #top>
+ <p class="vp-sidebar-header" style="margin-top: 1rem;">
+ <span class="vp-sidebar-title">{{(sidebarItems &&
sidebarItems.length>0) ? sidebarItems[0]?.text: ''}}</span>
+ </p>
<div class="sidebar-top-wrapper">
<ul class="switch-list" v-if="currentDialect">
<li
:class="['switch-type', { 'switch-active': currentDialect ===
'Tree' }]"
- @click="handleChangeDialect('Tree')">Tree
+ @click="handleChangeDialect('Tree')">{{ ModelName.Tree }}
</li>
<li
:class="['switch-type', { 'switch-active': currentDialect ===
'Table' }]"
- @click="handleChangeDialect('Table')">Table
+ @click="handleChangeDialect('Table')">{{ ModelName.Table }}
</li>
</ul>
</div>
@@ -18,8 +21,9 @@
</template>
<script setup lang="ts">
+import { useSidebarItems } from
"vuepress-theme-hope/modules/sidebar/composables/index.js";
import Sidebar from
'vuepress-theme-hope/modules/sidebar/components/Sidebar.js';
-import { ref, watch } from 'vue';
+import { ref, watch, computed } from 'vue';
import { useRoute } from 'vuepress/client';
import { getDialect, getDocVersion } from '../utils/index.js';
@@ -28,6 +32,18 @@ const currentLang = ref('zh');
const currentVersion = ref('');
const currentDialect = ref('');
+const ModelName = computed(() => {
+ return currentLang.value === 'zh' ? {
+ 'Tree': '树模型',
+ 'Table': '表模型',
+ } : {
+ 'Tree': 'Tree',
+ 'Table': 'Table',
+ };
+});
+
+const sidebarItems = useSidebarItems();
+
function handleChangeDialect(val: string) {
const oldPath = 'latest';
const newPath = 'latest-Table';
@@ -59,30 +75,32 @@ watch(
</script>
<style lang="scss">
+.vp-sidebar-links li:first-child {
+ display: none;
+}
.vp-sidebar > .vp-sidebar-links {
- padding: 1rem 0;
+ padding: 0.25rem 0;
}
.switch-list {
display: flex;
text-align: center;
- width: 120px;
+ width: 150px;
margin-right: 12px;
- border-radius: 14px;
+ border-radius: 16px;
background-color: #f0f1fa;
list-style-type: none;
padding: 4px;
margin: 0;
margin-left: 16px;
- margin-top: 1rem;
.switch-type {
- padding: 3px 9px;
+ padding: 1px 9px;
flex: 1;
cursor: pointer;
- border-radius: 14px;
+ border-radius: 16px;
background-color: transparent;
- font-size: 14px;
- line-height: 18px;
+ font-size: 1.1em;
+ line-height: 1.5;
color: #656a85;
}
diff --git a/src/.vuepress/navbar/en.ts b/src/.vuepress/navbar/en.ts
index 803a6c69..86b2bc1b 100644
--- a/src/.vuepress/navbar/en.ts
+++ b/src/.vuepress/navbar/en.ts
@@ -54,7 +54,7 @@ export const enNavbar = navbar([
link: '/Community/Communication-Channels',
},
{ text: 'Events and Reports', link: '/Community/Events-and-Reports' },
- { text: 'Commiters', link: '/Community/Commiters' },
+ { text: 'Committers', link: '/Community/Committers' },
],
},
{
diff --git a/src/.vuepress/navbar/zh.ts b/src/.vuepress/navbar/zh.ts
index 9761b242..21f92b76 100644
--- a/src/.vuepress/navbar/zh.ts
+++ b/src/.vuepress/navbar/zh.ts
@@ -55,7 +55,7 @@ export const zhNavbar = navbar([
{ text: '社区伙伴', link: '/zh/Community/Community-Partners' },
{ text: '交流与反馈', link: '/zh/Community/Feedback' },
{ text: '活动与报告', link: 'zh/Community/Events-and-Reports' },
- { text: 'Commiters', link: '/zh/Community/Committers' },
+ { text: 'Committers', link: '/zh/Community/Committers' },
],
},
{
diff --git a/src/Community/Commiters.md b/src/Community/Committers.md
similarity index 100%
rename from src/Community/Commiters.md
rename to src/Community/Committers.md
diff --git a/src/zh/Community/Commiters.md b/src/zh/Community/Committers.md
similarity index 100%
rename from src/zh/Community/Commiters.md
rename to src/zh/Community/Committers.md
