From eff2f60bd76c618b7f634693112548be57b60e70 Mon Sep 17 00:00:00 2001
From: KUN1007 <yuyu_kun@sina.com>
Date: Mon, 9 Oct 2023 16:49:51 +0800
Subject: [PATCH] feat: handlePanelBlur

---
 src/components/capture/Capture.vue            |  2 +-
 src/components/top-bar/KUNGalgameTopBar.vue   |  2 +-
 src/components/top-bar/KUNGalgameUserInfo.vue | 18 +++++++++++++++++-
 3 files changed, 19 insertions(+), 3 deletions(-)

diff --git a/src/components/capture/Capture.vue b/src/components/capture/Capture.vue
index 7d593fe9..ad12b965 100644
--- a/src/components/capture/Capture.vue
+++ b/src/components/capture/Capture.vue
@@ -160,7 +160,7 @@ const submitAnswer = () => {
             <div v-if="isShowAnswer" class="answer">
               <div>{{ $tm('AlertInfo.capture.hint4') }}</div>
               <a
-                href="http://github.com/KUN1007/kun-galgame-vue"
+                href="https://github.com/KUN1007/kun-galgame-vue/tree/remove-server/src/components/capture"
                 target="_blank"
                 rel="noopener noreferrer"
               >
diff --git a/src/components/top-bar/KUNGalgameTopBar.vue b/src/components/top-bar/KUNGalgameTopBar.vue
index 7e36f3c8..c0889ca6 100644
--- a/src/components/top-bar/KUNGalgameTopBar.vue
+++ b/src/components/top-bar/KUNGalgameTopBar.vue
@@ -97,7 +97,7 @@ onBeforeRouteLeave(() => {
       </div>
       <KUNGalgameUserInfo
         v-if="showKUNGalgameUserPanel"
-        @blur="showKUNGalgameUserPanel = false"
+        @close="showKUNGalgameUserPanel = false"
       />
     </div>
   </div>
diff --git a/src/components/top-bar/KUNGalgameUserInfo.vue b/src/components/top-bar/KUNGalgameUserInfo.vue
index ad9ac7ad..5fc6d2c0 100644
--- a/src/components/top-bar/KUNGalgameUserInfo.vue
+++ b/src/components/top-bar/KUNGalgameUserInfo.vue
@@ -2,6 +2,22 @@
 import { onMounted, ref } from 'vue'
 const container = ref<HTMLElement>()
 
+const emit = defineEmits({
+  close,
+})
+
+// 失去焦点时关闭面板
+const handlePanelBlur = async () => {
+  // 等待一段时间，不然会直接导致面板关闭
+  await new Promise((resolve) => {
+    setTimeout(resolve, 107)
+  })
+  emit('close')
+}
+
+// 退出登录
+const logOut = () => {}
+
 onMounted(() => {
   // 自动获取焦点
   container.value?.focus()
@@ -9,7 +25,7 @@ onMounted(() => {
 </script>
 
 <template>
-  <div ref="container" tabindex="-1" class="container">
+  <div ref="container" tabindex="-1" class="container" @blur="handlePanelBlur">
     <span class="triangle1"></span>
     <span class="triangle2"></span>
     <div class="kungalgamer">