From dd88ae252709d4196ceedd0b976fee6267e9a5c4 Mon Sep 17 00:00:00 2001
From: xiaozzzi <42293085+xiaozzzi@users.noreply.github.com>
Date: Mon, 2 Oct 2023 20:46:25 +0800
Subject: [PATCH] =?UTF-8?q?=E8=A7=84=E8=8C=83=E5=8C=96=E5=9B=BE=E6=A0=87?=
 =?UTF-8?q?=E6=98=BE=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/renderer/src/components/AppHeader.vue | 50 ++++++++++++++++---
 1 file changed, 42 insertions(+), 8 deletions(-)

diff --git a/blossom-editor/src/renderer/src/components/AppHeader.vue b/blossom-editor/src/renderer/src/components/AppHeader.vue
index c0726ff..330909a 100644
--- a/blossom-editor/src/renderer/src/components/AppHeader.vue
+++ b/blossom-editor/src/renderer/src/components/AppHeader.vue
@@ -7,12 +7,24 @@
     <div class="drag">
     </div>
     <div class="window-workbench">
-      
-      <div class="iconbl bl-a-radiochoose-line" @click="toRoute('/iconListIndex')"></div>
-      <div class="iconbl bl-folding-line" @click="isShowWebDrawer = !isShowWebDrawer"></div>
-      <div class="iconbl bl-computer-line" @click="setBestSize"></div>
+
+      <el-tooltip content="显示自带图标" effect="blossomt" placement="top" :show-after="1000" :hide-after="0"
+        :auto-close="2000">
+        <div class="iconbl bl-a-radiochoose-line" @click="toRoute('/iconListIndex')"></div>
+      </el-tooltip>
+
+      <el-tooltip content="显示网页收藏" effect="blossomt" placement="top" :show-after="1000" :hide-after="0"
+        :auto-close="2000">
+        <div class="iconbl bl-folding-line" @click="isShowWebDrawer = !isShowWebDrawer"></div>
+      </el-tooltip>
+
+      <el-tooltip content="最佳窗口大小" effect="blossomt" placement="top" :show-after="1000" :hide-after="0"
+        :auto-close="2000">
+        <div class="iconbl bl-computer-line" @click="setBestSize"></div>
+      </el-tooltip>
+
       <div class="iconbl bl-subtract-line" @click="windowMin"></div>
-      <div class="iconbl bl-box-line" @click="windowMax"></div>
+      <div :class="['iconbl', isFullScreen ? 'bl-win-reset' : 'bl-box-line']" @click="windowMax"></div>
       <div class="close iconbl bl-a-closeline-line" @click="windowHide"></div>
     </div>
   </div>
@@ -23,15 +35,37 @@
 </template>
 
 <script setup lang="ts">
-import { ref } from 'vue'
+import { onMounted, onUnmounted, ref } from 'vue'
+import { toRoute } from '@renderer/router'
 import { useDark } from '@vueuse/core'
 import { openDevTools, windowMin, windowMax, windowHide, setBestSize } from '@renderer/assets/utils/electron'
 import WebCollect from './WebCollect.vue'
-import { toRoute } from '@renderer/router';
 
-const isDark = useDark();
+onMounted(() => {
+  window.addEventListener("resize", handleResize)
+})
 
+onUnmounted(() => {
+  window.removeEventListener('resize', handleResize)
+})
+
+/**
+ * 判断是否全屏
+ */
+const checkFullScreen = () => {
+  if (window.outerHeight === screen.availHeight && window.outerWidth === screen.availWidth) {
+    return true
+  }
+  return false
+}
+
+const isDark = useDark()
 const isShowWebDrawer = ref(false)
+const isFullScreen = ref(checkFullScreen())
+
+const handleResize = () => {
+  isFullScreen.value = checkFullScreen()
+}
 
 </script>