From 8adad7e51ce5355a1fd4da2d5c47a3c10a1bccf8 Mon Sep 17 00:00:00 2001
From: Wenjie Zhang <xerrors@163.com>
Date: Thu, 4 Sep 2025 01:47:09 +0800
Subject: [PATCH] =?UTF-8?q?fix(GraphCanvas):=20=E8=B0=83=E6=95=B4=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F=E7=BB=93=E6=9E=84=E5=B9=B6=E4=BC=98=E5=8C=96=E6=8C=87?=
 =?UTF-8?q?=E9=92=88=E4=BA=8B=E4=BB=B6=E5=A4=84=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/src/components/GraphCanvas.vue | 42 +++++++++++++++++++-----------
 1 file changed, 27 insertions(+), 15 deletions(-)

diff --git a/web/src/components/GraphCanvas.vue b/web/src/components/GraphCanvas.vue
index 5d8a49e8..51cf610a 100644
--- a/web/src/components/GraphCanvas.vue
+++ b/web/src/components/GraphCanvas.vue
@@ -346,13 +346,20 @@ onUnmounted(() => {
 defineExpose({ refreshGraph, fitView, fitCenter, getInstance, focusNode, clearFocus, setData: setGraphData })
 </script>
 
-<style lang="less" scoped>
+<style lang="less">
 .graph-canvas-container {
   position: relative;
   width: 100%;
   height: 100%;
 
+  .graph-canvas {
+    width: 100%;
+    height: 100%;
+  }
+
   .slots {
+    // 让整层覆盖容器默认不接收指针事件（便于穿透到底下画布）
+    pointer-events: none;
     position: absolute;
     top: 0;
     left: 0;
@@ -361,20 +368,25 @@ defineExpose({ refreshGraph, fitView, fitCenter, getInstance, focusNode, clearFo
     display: flex;
     flex-direction: column;
     z-index: 999;
+
+    .overlay {
+      width: 100%;
+      flex-shrink: 0;
+      flex-grow: 0;
+      pointer-events: auto;
+
+      &.top { top: 0; }
+      &.bottom { bottom: 0; }
+    }
+    .content {
+      // 中间内容层及其子元素全部穿透
+      pointer-events: none;
+      flex: 1;
+    }
+    .content * {
+      pointer-events: none;
+    }
   }
 }
-.graph-canvas {
-  width: 100%;
-  height: 100%;
-}
-.overlay {
-  width: 100%;
-  flex-shrink: 0;
-  flex-grow: 0;
-}
-.content {
-  flex: 1;
-}
-.top { top: 0; }
-.bottom { bottom: 0; }
+
 </style>
\ No newline at end of file