From 012aa849ab4a968e562402a3ed6b674c46c7dd51 Mon Sep 17 00:00:00 2001
From: Hanxven <hanxven@gmail.com>
Date: Sun, 11 Aug 2024 18:21:30 +0800
Subject: [PATCH] =?UTF-8?q?=E5=9C=A8=E6=A0=87=E9=A2=98=E6=A0=8F=E6=B7=BB?=
 =?UTF-8?q?=E5=8A=A0=E4=B8=80=E4=B8=AA=E5=BF=AB=E6=8D=B7=E6=89=93=E5=BC=80?=
 =?UTF-8?q?=E5=B0=8F=E7=AA=97=E5=8F=A3=E7=9A=84=E6=8C=89=E9=92=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/MainWindowTitleBar.vue         | 29 ++++++++++++++-----
 .../modules/auxiliary-window/index.ts         |  4 +++
 2 files changed, 26 insertions(+), 7 deletions(-)

diff --git a/src/renderer/src-main-window/components/MainWindowTitleBar.vue b/src/renderer/src-main-window/components/MainWindowTitleBar.vue
index b7567559..e6d365d7 100644
--- a/src/renderer/src-main-window/components/MainWindowTitleBar.vue
+++ b/src/renderer/src-main-window/components/MainWindowTitleBar.vue
@@ -130,6 +130,14 @@
     </div>
 
     <div class="traffic">
+      <div
+        v-if="aux.settings.enabled"
+        title="小窗口"
+        class="traffic-button minimize"
+        @click="handleShowAuxWindow"
+      >
+        <NIcon><WindowNew20FilledIcon /></NIcon>
+      </div>
       <div title="最小化" class="traffic-button minimize" @click="handleMinimize">
         <NIcon style="transform: rotate(90deg)"><DividerShort20RegularIcon /></NIcon>
       </div>
@@ -139,7 +147,9 @@
         @click="handleMaximize"
       >
         <NIcon
-          ><Maximize20RegularIcon v-if="mw.windowState === 'normal'" /><CarbonIcon v-else />
+          ><Maximize20RegularIcon v-if="mw.windowState === 'normal'" /><WindowMultiple16FilledIcon
+            v-else
+          />
         </NIcon>
       </div>
       <div title="关闭" class="traffic-button close" @click="handleClose">
@@ -155,18 +165,19 @@ import { appRendererModule as am } from '@shared/renderer/modules/app'
 import { useAppStore } from '@shared/renderer/modules/app/store'
 import { useAutoGameflowStore } from '@shared/renderer/modules/auto-gameflow/store'
 import { useAutoUpdateStore } from '@shared/renderer/modules/auto-update/store'
+import { auxiliaryWindowRendererModule as awm } from '@shared/renderer/modules/auxiliary-window'
+import { useAuxiliaryWindowStore } from '@shared/renderer/modules/auxiliary-window/store'
 import { useLcuConnectionStore } from '@shared/renderer/modules/lcu-connection/store'
 import { useLoginStore } from '@shared/renderer/modules/lcu-state-sync/login'
 import { mainWindowRendererModule as mwm } from '@shared/renderer/modules/main-window'
 import { useMainWindowStore } from '@shared/renderer/modules/main-window/store'
 import { useRespawnTimerStore } from '@shared/renderer/modules/respawn-timer/store'
 import { MainWindowCloseStrategy } from '@shared/types/modules/app'
+import { Hourglass as HourglassIcon, Queued as QueuedIcon, Time as TimeIcon } from '@vicons/carbon'
 import {
-  Carbon as CarbonIcon,
-  Hourglass as HourglassIcon,
-  Queued as QueuedIcon,
-  Time as TimeIcon
-} from '@vicons/carbon'
+  WindowMultiple16Filled as WindowMultiple16FilledIcon,
+  WindowNew20Filled as WindowNew20FilledIcon
+} from '@vicons/fluent'
 import {
   DividerShort20Regular as DividerShort20RegularIcon,
   Maximize20Regular as Maximize20RegularIcon
@@ -191,7 +202,7 @@ const mw = useMainWindowStore()
 const respawnTimer = useRespawnTimerStore()
 const autoGameflow = useAutoGameflowStore()
 const login = useLoginStore()
-const lc = useLcuConnectionStore()
+const aux = useAuxiliaryWindowStore()
 const au = useAutoUpdateStore()
 
 const willAcceptIn = ref(0)
@@ -238,6 +249,10 @@ watch(
   { immediate: true }
 )
 
+const handleShowAuxWindow = () => {
+  awm.show()
+}
+
 const handleMinimize = async () => {
   await mwm.minimize()
 }
diff --git a/src/shared/renderer/modules/auxiliary-window/index.ts b/src/shared/renderer/modules/auxiliary-window/index.ts
index e57cc0dd..01e9c690 100644
--- a/src/shared/renderer/modules/auxiliary-window/index.ts
+++ b/src/shared/renderer/modules/auxiliary-window/index.ts
@@ -87,6 +87,10 @@ export class AuxWindowRendererModule extends StateSyncModule {
   getFunctionality() {
     return this.call('get-functionality')
   }
+
+  show() {
+    return this.call('show')
+  }
 }
 
 export const auxiliaryWindowRendererModule = new AuxWindowRendererModule()