From cb7e6f90afd9c3cd395c8f675d242598bcb8b5f6 Mon Sep 17 00:00:00 2001
From: lanyeeee <lanyeeeeee@gmail.com>
Date: Fri, 15 Aug 2025 07:44:16 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=B7=BB=E5=8A=A0=E7=AA=97=E5=8F=A3?=
 =?UTF-8?q?=E7=BD=AE=E9=A1=B6=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src-tauri/capabilities/default.json |  1 +
 src/components/TitleBar.vue         | 17 ++++++++++++++++-
 2 files changed, 17 insertions(+), 1 deletion(-)

diff --git a/src-tauri/capabilities/default.json b/src-tauri/capabilities/default.json
index f6bd0e9..16bd3f8 100644
--- a/src-tauri/capabilities/default.json
+++ b/src-tauri/capabilities/default.json
@@ -13,6 +13,7 @@
     "core:window:allow-minimize",
     "core:window:allow-toggle-maximize",
     "core:window:allow-close",
+    "core:window:allow-set-always-on-top",
     "dialog:default"
   ]
 }
\ No newline at end of file
diff --git a/src/components/TitleBar.vue b/src/components/TitleBar.vue
index 3881aff..b9ec0d8 100644
--- a/src/components/TitleBar.vue
+++ b/src/components/TitleBar.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import icon from '../../src-tauri/icons/128x128.png'
-import { PhCopySimple, PhMinus, PhSquare, PhX } from '@phosphor-icons/vue'
+import { PhCopySimple, PhMinus, PhPushPin, PhSquare, PhX } from '@phosphor-icons/vue'
 import { getCurrentWindow } from '@tauri-apps/api/window'
 import { onMounted, ref } from 'vue'
 import { useStore } from '../store.ts'
@@ -13,6 +13,7 @@ const store = useStore()
 const appWindow = getCurrentWindow()
 const windowMaximised = ref<boolean>(false)
 const windowFullscreen = ref<boolean>(false)
+const windowAlwaysOnTop = ref<boolean>(false)
 
 const currentPlatform = platform()
 
@@ -20,12 +21,18 @@ const loginDialogShowing = ref<boolean>(false)
 
 onMounted(async () => {
   windowMaximised.value = await appWindow.isMaximized()
+  windowFullscreen.value = await appWindow.isFullscreen()
 
   await appWindow.onResized(async () => {
     windowMaximised.value = await appWindow.isMaximized()
     windowFullscreen.value = await appWindow.isFullscreen()
   })
 })
+
+function handleAlwaysOnTopButton() {
+  windowAlwaysOnTop.value = !windowAlwaysOnTop.value
+  appWindow.setAlwaysOnTop(windowAlwaysOnTop.value)
+}
 </script>
 
 <template>
@@ -55,6 +62,14 @@ onMounted(async () => {
       </div>
     </div>
 
+    <div
+      title="窗口置顶"
+      class="mr-2 cursor-pointer p-1.5 rounded-lg flex items-center justify-between hover:bg-gray-3/70"
+      :class="windowAlwaysOnTop ? 'text-sky-5' : 'text-black'"
+      @click="handleAlwaysOnTopButton">
+      <PhPushPin size="18" :weight="windowAlwaysOnTop ? 'fill' : 'regular'" />
+    </div>
+
     <div v-if="currentPlatform !== 'macos'" class="flex items-center select-none">
       <div
         class="flex items-center justify-center h-9 w-9 hover:bg-gray/20 cursor-pointer"