style: 优化数据大屏组合邮件菜单显示位置 (#17834)

core/core-frontend/src/components/data-visualization/canvas/CanvasCore.vue

@@ -579,8 +579,25 @@ const handleContextMenu = event => {
   const offsetY = rect.top
 
   // 计算鼠标相对于最外层 div 的坐标
-  const left = (mouseX - offsetX) / canvasStyleData.value.tScale
+  let left = (mouseX - offsetX) / canvasStyleData.value.tScale
   let top = (mouseY - offsetY) / canvasStyleData.value.tScale
+
+  const curDomId = event.currentTarget?.id
+  if (curDomId) {
+    const curDomSplitParams = curDomId.split('-')
+    if (
+      curDomSplitParams.length > 1 &&
+      curDomSplitParams[curDomSplitParams.length - 1] !== 'canvas'
+    ) {
+      const tabDom = document.getElementById(
+        `shape-id-${curDomSplitParams[curDomSplitParams.length - 1]}`
+      )
+      if (tabDom) {
+        left = left + tabDom.offsetLeft
+        top = top + tabDom.offsetTop
+      }
+    }
+  }
   // 组件处于编辑状态的时候 如富文本 不弹出右键菜单
   if (!curComponent.value || (curComponent.value && !curComponent.value.editing)) {
     if (