From 912d20a55ce109ec8abd33a336db5bd92bfc252a Mon Sep 17 00:00:00 2001
From: Hooray <304327508@qq.com>
Date: Mon, 28 Apr 2025 18:21:05 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=A2=9E=E9=A2=84=E8=AE=BE=E6=8F=92?=
 =?UTF-8?q?=E6=A7=BD=20`header-after-menu`=E3=80=81`main-sidebar-after-men?=
 =?UTF-8?q?u`=20=E5=92=8C=20`sub-sidebar-after-menu`?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/layouts/components/Header/index.vue                     | 1 +
 src/layouts/components/MainSidebar/index.vue                | 1 +
 src/layouts/components/SubSidebar/index.vue                 | 1 +
 .../{MainSidebarBottom => MainSidebarAfterMenu}/index.vue   | 2 +-
 src/slots/index.ts                                          | 6 +++---
 5 files changed, 7 insertions(+), 4 deletions(-)
 rename src/slots/{MainSidebarBottom => MainSidebarAfterMenu}/index.vue (95%)

diff --git a/src/layouts/components/Header/index.vue b/src/layouts/components/Header/index.vue
index 27d424d8..3fbf8759 100755
--- a/src/layouts/components/Header/index.vue
+++ b/src/layouts/components/Header/index.vue
@@ -46,6 +46,7 @@ const { switchTo } = useMenu()
             </template>
           </div>
         </FaScrollArea>
+        <component :is="useSlots('header-after-menu')" />
         <div class="flex-center">
           <AccountButton only-avatar dropdown-side="bottom" class="size-12 p-2" />
         </div>
diff --git a/src/layouts/components/MainSidebar/index.vue b/src/layouts/components/MainSidebar/index.vue
index 1eb18c72..a74cd030 100755
--- a/src/layouts/components/MainSidebar/index.vue
+++ b/src/layouts/components/MainSidebar/index.vue
@@ -65,6 +65,7 @@ onUnmounted(() => {
           </template>
         </div>
       </FaScrollArea>
+      <component :is="useSlots('main-sidebar-after-menu')" />
       <div class="flex-center px-4 py-3">
         <AccountButton only-avatar :button-variant="settingsStore.settings.menu.mode === 'side' ? 'secondary' : 'ghost'" class="size-12 p-2" />
       </div>
diff --git a/src/layouts/components/SubSidebar/index.vue b/src/layouts/components/SubSidebar/index.vue
index d9bbbac6..89d35057 100755
--- a/src/layouts/components/SubSidebar/index.vue
+++ b/src/layouts/components/SubSidebar/index.vue
@@ -74,6 +74,7 @@ watch(() => menuStore.actived, (val, oldVal) => {
           <FaIcon name="toolbar-collapse" class="size-4" />
         </FaButton>
       </div>
+      <component :is="useSlots('sub-sidebar-after-menu')" />
       <div v-if="settingsStore.settings.menu.mode === 'single'" class="flex-center px-4 pb-3">
         <AccountButton :only-avatar="settingsStore.settings.menu.subMenuCollapse" dropdown-align="center" :dropdown-side="settingsStore.settings.menu.subMenuCollapse ? 'right' : 'top'" button-variant="secondary" :class="{ 'w-full': !settingsStore.settings.menu.subMenuCollapse }" />
       </div>
diff --git a/src/slots/MainSidebarBottom/index.vue b/src/slots/MainSidebarAfterMenu/index.vue
similarity index 95%
rename from src/slots/MainSidebarBottom/index.vue
rename to src/slots/MainSidebarAfterMenu/index.vue
index f60bc184..dc72d668 100644
--- a/src/slots/MainSidebarBottom/index.vue
+++ b/src/slots/MainSidebarAfterMenu/index.vue
@@ -5,7 +5,7 @@ function upgrade() {
 </script>
 
 <template>
-  <div class="flex-center p-4">
+  <div class="flex-center">
     <FaPopover align="end" side="right" class="min-w-auto p-0">
       <FaButton size="icon" variant="ghost" class="size-12">
         <FaIcon name="i-noto:crown" class="text-8 filter-grayscale" />
diff --git a/src/slots/index.ts b/src/slots/index.ts
index 4ac72ccc..43f69fa2 100644
--- a/src/slots/index.ts
+++ b/src/slots/index.ts
@@ -1,9 +1,9 @@
 import { pascalCase } from 'scule'
 
 type Slots =
-  'header-start' | 'header-end' | 'header-after-logo' |
-  'main-sidebar-top' | 'main-sidebar-bottom' | 'main-sidebar-after-logo' |
-  'sub-sidebar-top' | 'sub-sidebar-bottom' | 'sub-sidebar-after-logo' |
+  'header-start' | 'header-after-logo' | 'header-after-menu' | 'header-end' |
+  'main-sidebar-top' | 'main-sidebar-after-logo' | 'main-sidebar-after-menu' | 'main-sidebar-bottom' |
+  'sub-sidebar-top' | 'sub-sidebar-after-logo' | 'sub-sidebar-after-menu' | 'sub-sidebar-bottom' |
   'tabbar-start' | 'tabbar-end' |
   'toolbar-start' | 'toolbar-end' |
   'free-position'