feat: add showMarker options

WRXinYue · Aug 27, 2024 · 5d75bf9 · 5d75bf9
1 parent 335a849
commit 5d75bf9
Show file tree

Hide file tree

Showing 4 changed files with 41 additions and 1 deletion.
diff --git a/docs/pages/releases.md b/docs/pages/releases.md
@@ -18,6 +18,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 ### Added
 
 - 新增 TagsThemeSakura 组件彩虹色标签样式
+- 新增 navbarOptions showMarker 配置项
 
 ### Removed
 

diff --git a/docs/valaxy.config.ts b/docs/valaxy.config.ts
@@ -53,6 +53,40 @@ export default defineValaxyConfig<ThemeConfig>({
       primary: '#ff4e6a',
     },
 
+    navbar: [
+      {
+        text: 'Docs',
+        link: '/guide/installation',
+        children: [
+          {
+            text: 'Quick Start',
+            link: '/guide/installation',
+          },
+          {
+            text: 'Config',
+            link: '/config/theme',
+          },
+          {
+            text: 'Examples',
+            link: '/examples/config',
+          },
+        ],
+      },
+      // {
+      //   text: 'Themes',
+      // },
+      {
+        text: 'Gallery',
+        link: '/examples/gallery',
+      },
+      {
+        text: 'GitHub',
+        link: 'https://github.com/WRXinYue/valaxy-theme-sakura',
+      },
+    ],
+    navbarOptions: {
+      showMarker: false,
+    },
     navbarTitle: ['Valaxy Theme', '', 'Sakura'],
 
     // addons: [

diff --git a/theme/components/SakuraNavLink.vue b/theme/components/SakuraNavLink.vue
@@ -16,6 +16,7 @@ const { locale } = useI18n()
 const marker = ref()
 
 const navLinkItems = computed(() => (navbar || themeConfig.value.navbar))
+const showMarker = computed(() => (themeConfig.value.navbarOptions?.showMarker))
 
 watch(() => route.path, () => {
   nextTick(updateMarker)
@@ -26,6 +27,9 @@ watch(() => locale.value, () => {
 })
 
 function updateMarker() {
+  if (!showMarker.value)
+    return
+
   const routeActive = document.querySelector('.sakura-nav-link .router-link-active') as HTMLElement
   if (!routeActive)
     return
@@ -49,7 +53,7 @@ onMounted(() => {
       <span v-if="i !== (navbar?.length || themeConfig.navbar.length) - 1" class="ml-3 mr-3" />
     </template>
 
-    <div id="marker" />
+    <div v-if="showMarker" id="marker" />
   </nav>
 </template>
 

diff --git a/theme/styles/widgets/navbar.scss b/theme/styles/widgets/navbar.scss
@@ -60,6 +60,7 @@
     background: var(--st-c-bg-nav);
   }
 
+  // TODO: remove
   &.col {
     flex-direction: column;
     height: 100vh;