From 61113a242adde1795cc0b1f77d09d8c1a24a804c Mon Sep 17 00:00:00 2001
From: Ayaka Rizumu <464388324@qq.com>
Date: Thu, 15 Dec 2022 21:50:11 +0800
Subject: [PATCH] fix: user switcher blocking other dialog (#430)

---
 components/nav/NavUser.vue       | 4 ++--
 components/user/UserSwitcher.vue | 6 +++++-
 layouts/default.vue              | 4 ++--
 3 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/components/nav/NavUser.vue b/components/nav/NavUser.vue
index 51a3967b..bcea6f41 100644
--- a/components/nav/NavUser.vue
+++ b/components/nav/NavUser.vue
@@ -9,8 +9,8 @@
       />
     </div>
 
-    <template #popper>
-      <UserSwitcher ref="switcher" />
+    <template #popper="{ hide }">
+      <UserSwitcher ref="switcher" @click="hide()" />
     </template>
   </VDropdown>
   <button v-else btn-solid text-sm px-2 py-1 text-center @click="openSigninDialog()">
diff --git a/components/user/UserSwitcher.vue b/components/user/UserSwitcher.vue
index 6edb6845..489b21ea 100644
--- a/components/user/UserSwitcher.vue
+++ b/components/user/UserSwitcher.vue
@@ -1,6 +1,10 @@
 <script setup lang="ts">
 import type { UserLogin } from '~/types'
 
+const emits = defineEmits<{
+  (event: 'click'): void
+}>()
+
 const all = useUsers()
 
 const sorted = computed(() => {
@@ -20,7 +24,7 @@ const switchUser = (user: UserLogin) => {
 </script>
 
 <template>
-  <div sm:min-w-80 max-w-100vw mxa py2 flex="~ col">
+  <div sm:min-w-80 max-w-100vw mxa py2 flex="~ col" @click="emits('click')">
     <template v-for="user of sorted" :key="user.id">
       <button
         flex rounded px4 py3 text-left
diff --git a/layouts/default.vue b/layouts/default.vue
index 0c62c1e7..b2f355b1 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -38,8 +38,8 @@
                 <button btn-action-icon :aria-label="$t('action.switch_account')">
                   <div i-ri:more-2-line />
                 </button>
-                <template #popper>
-                  <UserSwitcher />
+                <template #popper="{ hide }">
+                  <UserSwitcher @click="hide" />
                 </template>
               </VDropdown>
             </div>