From 4f4b4892b9d3e7dfd269ca377980493908ada600 Mon Sep 17 00:00:00 2001
From: pany <939630029@qq.com>
Date: Fri, 15 Nov 2024 16:53:18 +0800
Subject: [PATCH] =?UTF-8?q?refactor:=20=E9=87=8D=E6=9E=84=E6=A0=87?=
 =?UTF-8?q?=E7=AD=BE=E6=A0=8F=E5=8F=B3=E9=94=AE=E8=8F=9C=E5=8D=95=E5=AE=9A?=
 =?UTF-8?q?=E4=BD=8D=E6=96=B9=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/layouts/LeftTopMode.vue               |  1 -
 src/layouts/components/TagsView/index.vue | 15 ++++++---------
 2 files changed, 6 insertions(+), 10 deletions(-)

diff --git a/src/layouts/LeftTopMode.vue b/src/layouts/LeftTopMode.vue
index 2645b6d..6bd1292 100644
--- a/src/layouts/LeftTopMode.vue
+++ b/src/layouts/LeftTopMode.vue
@@ -58,7 +58,6 @@ $transition-time: 0.35s;
   }
   .content {
     flex: 1;
-    position: relative;
     overflow: hidden;
   }
 }
diff --git a/src/layouts/components/TagsView/index.vue b/src/layouts/components/TagsView/index.vue
index 18f8269..6d11be6 100644
--- a/src/layouts/components/TagsView/index.vue
+++ b/src/layouts/components/TagsView/index.vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { getCurrentInstance, ref, watch } from "vue"
+import { ref, watch } from "vue"
 import { type RouteLocationNormalizedLoaded, type RouteRecordRaw, RouterLink, useRoute, useRouter } from "vue-router"
 import { type TagView, useTagsViewStore } from "@/store/modules/tags-view"
 import { usePermissionStore } from "@/store/modules/permission"
@@ -8,7 +8,6 @@ import path from "path-browserify"
 import ScrollPane from "./ScrollPane.vue"
 import { Close } from "@element-plus/icons-vue"
 
-const instance = getCurrentInstance()
 const router = useRouter()
 const route = useRoute()
 const tagsViewStore = useTagsViewStore()
@@ -127,15 +126,13 @@ const toLastView = (visitedViews: TagView[], view: TagView) => {
 
 /** 打开右键菜单面板 */
 const openMenu = (tag: TagView, e: MouseEvent) => {
-  const menuMinWidth = 105
-  // 当前组件距离浏览器左端的距离
-  const offsetLeft = instance!.proxy!.$el.getBoundingClientRect().left
-  // 当前组件宽度
-  const offsetWidth = instance!.proxy!.$el.offsetWidth
+  const menuMinWidth = 100
+  // 当前页面宽度
+  const offsetWidth = document.body.offsetWidth
   // 面板的最大左边距
   const maxLeft = offsetWidth - menuMinWidth
   // 面板距离鼠标指针的距离
-  const left15 = e.clientX - offsetLeft + 15
+  const left15 = e.clientX + 10
   left.value = left15 > maxLeft ? maxLeft : left15
   top.value = e.clientY
   // 显示面板
@@ -234,7 +231,7 @@ listenerRouteChange((route) => {
   .contextmenu {
     margin: 0;
     z-index: 3000;
-    position: absolute;
+    position: fixed;
     list-style-type: none;
     padding: 5px 0;
     border-radius: 4px;