From 23ef753671953bc897b44260ed4c175be93254ba Mon Sep 17 00:00:00 2001
From: wuming230 <1819845645@qq.com>
Date: Tue, 4 Mar 2025 11:30:51 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BC=98=E5=8C=96=E5=B7=A6=E4=BE=A7?=
 =?UTF-8?q?=E8=8F=9C=E5=8D=95=E7=9A=84=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 docs/.vitepress/src/components/DocMenu.vue    | 21 +++++++++++++++++--
 .../src/components/menu/RecursionMenuItem.vue | 14 +++++++++++--
 2 files changed, 31 insertions(+), 4 deletions(-)

diff --git a/docs/.vitepress/src/components/DocMenu.vue b/docs/.vitepress/src/components/DocMenu.vue
index 34a2543..5cf8414 100644
--- a/docs/.vitepress/src/components/DocMenu.vue
+++ b/docs/.vitepress/src/components/DocMenu.vue
@@ -57,8 +57,8 @@ const expanded = useVModel(props, 'expanded', emits);
     <OScroller id="menuScrollDom" show-type="hover" size="small" disabled-x>
       <RecursionMenu v-if="recursion" v-model="menuValue" v-model:expanded="expanded" :default-expanded="defaultExpanded">
         <template v-if="items.length > 0">
-          <OMenuItem :value="items[0].id" @click="emits('click', items[0])">{{ items[0].label }}</OMenuItem>
-          <RecursionMenuItem v-for="item in items[0].children" :node="item" @click="(el) => emits('click', el)" />
+          <OMenuItem class="menu-title">{{ items[0].label }}</OMenuItem>
+          <RecursionMenuItem class="menu-content" v-for="item in items[0].children" :node="item" @click="(el) => emits('click', el)" />
         </template>
       </RecursionMenu>
 
@@ -118,6 +118,23 @@ const expanded = useVModel(props, 'expanded', emits);
     padding-right: 20px;
   }
 
+  .menu-title {
+    --menu-padding-v: 0;
+    --menu-padding-h: 0;
+    font-weight: 500;
+    margin-bottom: 16px;
+    cursor: auto;
+    @include text2;
+
+    @include hover {
+      --menu-item-bg-color-hover: transparent;
+    }
+  }
+
+  .menu-content {
+    margin-left: 8px;
+  }
+
   .chapter-menu {
     --menu-width: 272px;
     --menu-padding-v: 8px;
diff --git a/docs/.vitepress/src/components/menu/RecursionMenuItem.vue b/docs/.vitepress/src/components/menu/RecursionMenuItem.vue
index ad50da8..4867b99 100644
--- a/docs/.vitepress/src/components/menu/RecursionMenuItem.vue
+++ b/docs/.vitepress/src/components/menu/RecursionMenuItem.vue
@@ -30,9 +30,10 @@ const emits = defineEmits(['click']);
 <style lang="scss" scoped>
 .recursion-sub-menu {
   --sub-menu-bg-color-selected: transparent;
+  --sub-menu-color: var(--o-color-info2);
 
   :deep(.o-sub-menu-title) {
-    padding-left: 8px !important;
+    padding-left: 4px !important;
   }
 
   :deep(.o-sub-menu-title-content) {
@@ -49,6 +50,7 @@ const emits = defineEmits(['click']);
   :deep(.o-sub-menu-children) {
     position: relative;
     margin-left: 16px;
+    margin-top: 0;
     // padding-left: 4px;
     // border-left: 1px solid var(--o-color-control4);
 
@@ -72,7 +74,8 @@ const emits = defineEmits(['click']);
 }
 
 .recursion-menu-item {
-  padding-left: 8px !important;
+  padding-left: 4px !important;
+  --menu-item-color: var(--o-color-info2);
 
   :deep(.o-menu-item-content) {
     overflow: auto;
@@ -83,6 +86,13 @@ const emits = defineEmits(['click']);
   }
 }
 
+.o-sub-menu + .o-sub-menu {
+  margin-top: 0;
+}
+.o-menu-item + .o-menu-item {
+  margin-top: 0;
+}
+
 .o-sub-menu-selected > :deep(.o-sub-menu-title) {
   background-color: var(--o-color-control3-light);
 }
-- 
Gitee