fix: prevent default event when hide dropdown (#1277)

components/common/CommonMask.vue

@@ -0,0 +1,13 @@
+<script setup lang="ts">
+const {
+  zIndex = 100,
+  background = 'transparent',
+} = $defineProps<{
+  zIndex?: number
+  background?: string
+}>()
+</script>
+
+<template>
+  <div fixed top-0 bottom-0 left-0 right-0 :style="{ background, zIndex }" />
+</template>

components/user/UserDropdown.vue

@@ -1,5 +1,9 @@
+<script setup lang="ts">
+const mask = useMask()
+</script>
+
 <template>
-  <VDropdown :distance="0" placement="top-start" strategy="fixed">
+  <VDropdown :distance="0" placement="top-start" strategy="fixed" @apply-show="mask.show()" @apply-hide="mask.hide()">
     <button btn-action-icon :aria-label="$t('action.switch_account')">
       <div :class="{ 'hidden xl:block': currentUser }" i-ri:more-2-line />
       <AccountAvatar v-if="currentUser" xl:hidden :account="currentUser.account" w-9 h-9 square />