From b974139eeb34e0e8feccb42968664853d5abafda Mon Sep 17 00:00:00 2001
From: Hooray <304327508@qq.com>
Date: Wed, 21 May 2025 12:01:08 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=B0=86=20`FaDropdown`=20=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6=E6=8F=92=E6=A7=BD=E5=90=8D=E4=BB=8E=20`label`=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9=E4=B8=BA=20`header`=EF=BC=8C=E5=B9=B6?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9E=20`footer`=20=E6=8F=92=E6=A7=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/AccountButton/index.vue |  2 +-
 src/ui/components/FaDropdown/index.vue | 13 ++++++++++---
 2 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/src/components/AccountButton/index.vue b/src/components/AccountButton/index.vue
index 0f108b2c..fafd1f43 100644
--- a/src/components/AccountButton/index.vue
+++ b/src/components/AccountButton/index.vue
@@ -41,7 +41,7 @@ const isProfileShow = ref(false)
       ],
     ]" class="flex-center"
   >
-    <template #label>
+    <template #header>
       <div class="space-y-2">
         <div class="text-xs text-secondary-foreground/50 font-light">
           当前登录账号
diff --git a/src/ui/components/FaDropdown/index.vue b/src/ui/components/FaDropdown/index.vue
index 968c5605..12061874 100644
--- a/src/ui/components/FaDropdown/index.vue
+++ b/src/ui/components/FaDropdown/index.vue
@@ -31,7 +31,8 @@ const props = defineProps<{
 
 const slots = defineSlots<{
   default?: () => VNode
-  label?: () => VNode
+  header?: () => VNode
+  footer?: () => VNode
 }>()
 
 const myItems = computed(() => {
@@ -55,9 +56,9 @@ function handleItemClick(item: { handle?: () => void }) {
       <slot />
     </DropdownMenuTrigger>
     <DropdownMenuContent :align :align-offset :side :side-offset :collision-padding>
-      <template v-if="!!slots.label">
+      <template v-if="!!slots.header">
         <DropdownMenuLabel>
-          <slot name="label" />
+          <slot name="header" />
         </DropdownMenuLabel>
         <DropdownMenuSeparator />
       </template>
@@ -72,6 +73,12 @@ function handleItemClick(item: { handle?: () => void }) {
         </DropdownMenuGroup>
         <DropdownMenuSeparator v-if="index !== myItems.length - 1" />
       </template>
+      <template v-if="!!slots.footer">
+        <DropdownMenuSeparator />
+        <DropdownMenuLabel>
+          <slot name="footer" />
+        </DropdownMenuLabel>
+      </template>
     </DropdownMenuContent>
   </DropdownMenu>
 </template>