From 169b4e350cb89565c05f4790d6f7a916b5ea3a2c Mon Sep 17 00:00:00 2001
From: npmrun <1549469775@qq.com>
Date: Thu, 20 Feb 2025 01:06:23 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E4=BF=AE=E6=94=B9=E4=B8=80=E4=BA=9B?=
 =?UTF-8?q?=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/main/modules/tabs/index.ts         | 15 ++++++++-------
 src/renderer/src/components/NavBar.vue | 29 ++++++++++++++++++++++++++++-
 2 files changed, 36 insertions(+), 8 deletions(-)

diff --git a/src/main/modules/tabs/index.ts b/src/main/modules/tabs/index.ts
index fedbee0..7e933af 100644
--- a/src/main/modules/tabs/index.ts
+++ b/src/main/modules/tabs/index.ts
@@ -21,12 +21,14 @@ class Tabs extends BaseClass {
 
     public events = new EventEmitter()
 
-    private curRect: {
-        x: number
-        y: number
-        width: number
-        height: number
-    } | null = null
+    private curRect:
+        | {
+              x: number
+              y: number
+              width: number
+              height: number
+          }
+        | undefined = undefined
 
     constructor() {
         super()
@@ -46,7 +48,6 @@ class Tabs extends BaseClass {
     }
 
     add(url: string, active: boolean, win: BrowserWindow) {
-        if (!this.curRect) throw new Error("请绑定区域显示")
         const tab = new Tab({ url }, win, this.curRect)
         tab.events.on("window-open", ev => {
             debug(ev)
diff --git a/src/renderer/src/components/NavBar.vue b/src/renderer/src/components/NavBar.vue
index da3ec07..a8f6ac4 100644
--- a/src/renderer/src/components/NavBar.vue
+++ b/src/renderer/src/components/NavBar.vue
@@ -5,6 +5,9 @@
             <div flex items-center gap-1>
                 <img w="16px" h="16px" :src="icon" />
                 <div relative h-full inline-flex items-center text-sm>{{ config.app_title }}</div>
+                <div relative class="list">
+                    <div class="item" @click="onClickMenu">菜单</div>
+                </div>
             </div>
             <div float-right h-full flex items-center relative style="-webkit-app-region: no-drag">
                 <div text-sm px-2 hover:rounded-md hover:bg-gray-2 hover:cursor-pointer text="hover:hover" @click="onClickAbout">关于</div>
@@ -16,10 +19,34 @@
 <script setup lang="ts">
 import icon from "@res/icon.png"
 import config from "config"
+import { PopupMenu } from "@/bridge/PopupMenu"
+
+const onClickMenu = () => {
+    const menu = new PopupMenu([
+        {
+            label: "关于",
+            click() {
+                fetch("api://fuck/BasicService/showAbout")
+            },
+        },
+        {
+            type: "separator",
+        },
+    ])
+    menu.show()
+}
 
 const onClickAbout = () => {
     fetch("api://fuck/BasicService/showAbout")
 }
 </script>
 
-<style lang="scss" scoped></style>
+<style lang="scss" scoped>
+.list {
+    @apply: flex gap="5px";
+    -webkit-app-region: no-drag;
+    .item {
+        @apply: text-sm px-2 hover:rounded-md hover:bg-gray-2 hover:cursor-pointer text="hover:hover";
+    }
+}
+</style>