From 61a78dfa0a48fe0133adc47b1d1bb821b0c91afd Mon Sep 17 00:00:00 2001
From: wangjiahao <1522128093@qq.com>
Date: Fri, 21 Feb 2025 15:49:14 +0800
Subject: [PATCH] =?UTF-8?q?fix(=E6=95=B0=E6=8D=AE=E5=A4=A7=E5=B1=8F):=20?=
 =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E8=BF=87=E6=BB=A4=E7=BB=84=E4=BB=B6=E5=8F=B3?=
 =?UTF-8?q?=E9=94=AE=E8=8F=9C=E5=8D=95=E5=BC=B9=E7=AA=97=E4=BD=8D=E7=BD=AE?=
 =?UTF-8?q?=E4=B8=8D=E5=87=86=E7=A1=AE=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../data-visualization/canvas/CanvasCore.vue  | 30 ++++++++-----------
 1 file changed, 13 insertions(+), 17 deletions(-)

diff --git a/core/core-frontend/src/components/data-visualization/canvas/CanvasCore.vue b/core/core-frontend/src/components/data-visualization/canvas/CanvasCore.vue
index 1ecd9216ac..104ca43bfe 100644
--- a/core/core-frontend/src/components/data-visualization/canvas/CanvasCore.vue
+++ b/core/core-frontend/src/components/data-visualization/canvas/CanvasCore.vue
@@ -530,28 +530,25 @@ const getSelectArea = () => {
   return result
 }
 
-const handleContextMenu = e => {
+const handleContextMenu = event => {
   // 仪表板和预览状态不显示菜单和组创建
   if (dashboardActive.value || editMode.value === 'preview') {
     return
   }
-  e.stopPropagation()
-  e.preventDefault()
+  event.stopPropagation()
+  event.preventDefault()
+  // 获取鼠标的全局坐标
+  const mouseX = event.clientX
+  const mouseY = event.clientY
 
-  // 计算菜单相对于编辑器的位移
-  let target = e.target
-  let top = e.offsetY
-  let left = e.offsetX
-  while (target instanceof SVGElement) {
-    target = target.parentNode
-  }
-
-  while (!target.className.includes('editor-main')) {
-    left += target.offsetLeft
-    top += target.offsetTop
-    target = target.parentNode
-  }
+  // 获取最外层 div 的偏移量
+  const rect = container.value.getBoundingClientRect()
+  const offsetX = rect.left
+  const offsetY = rect.top
 
+  // 计算鼠标相对于最外层 div 的坐标
+  const left = mouseX - offsetX
+  let top = mouseY - offsetY
   // 组件处于编辑状态的时候 如富文本 不弹出右键菜单
   if (!curComponent.value || (curComponent.value && !curComponent.value.editing)) {
     if (
@@ -559,7 +556,6 @@ const handleContextMenu = e => {
       ['VQuery'].includes(curComponent.value.component) &&
       curComponent?.value['category'] === 'base'
     ) {
-      left = left * curBaseScale.value + 150
       top = top * curBaseScale.value + curComponent.value.style.top * (1 - curBaseScale.value)
     }
     contextmenuStore.showContextMenu({ top, left, position: 'canvasCore' })