From 6223fd36d5cfe3f12132165e11f2f4a365decbb0 Mon Sep 17 00:00:00 2001
From: wangjiahao <1522128093@qq.com>
Date: Thu, 21 Nov 2024 15:15:00 +0800
Subject: [PATCH] =?UTF-8?q?style(=E6=95=B0=E6=8D=AE=E5=A4=A7=E5=B1=8F):=20?=
 =?UTF-8?q?=E8=B0=83=E6=95=B4=E5=A4=A7=E5=B1=8F=E6=8B=96=E5=8A=A8=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F=EF=BC=8C=E9=98=B2=E6=AD=A2=E5=87=BA=E7=8E=B0=E9=A2=9D?=
 =?UTF-8?q?=E5=A4=96=E7=9A=84=E6=BB=9A=E5=8A=A8=E6=9D=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/views/data-visualization/index.vue             | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/core/core-frontend/src/views/data-visualization/index.vue b/core/core-frontend/src/views/data-visualization/index.vue
index 237bbd3972..dda91212b7 100644
--- a/core/core-frontend/src/views/data-visualization/index.vue
+++ b/core/core-frontend/src/views/data-visualization/index.vue
@@ -216,6 +216,9 @@ const handleDragOver = e => {
 
 const handleMouseDown = e => {
   // e.stopPropagation()
+  if (isSpaceDown.value) {
+    return
+  }
   dvMainStore.setClickComponentStatus(false)
   // 点击画布的空区域 提前清空curComponent 防止右击菜单内容抖动
   dvMainStore.setCurComponent({ component: null, index: null })
@@ -224,6 +227,9 @@ const handleMouseDown = e => {
 }
 
 const deselectCurComponent = e => {
+  if (isSpaceDown.value) {
+    return
+  }
   if (!isClickComponent.value) {
     curComponent.value && dvMainStore.setCurComponent({ component: null, index: null })
   }
@@ -513,7 +519,6 @@ eventBus.on('tabSort', tabSort)
           @mousemove="onMouseMove"
           @mouseleave="disableDragging"
         >
-          <div v-if="isSpaceDown" class="canvas-drag" :style="contentStyle"></div>
           <div
             id="canvas-dv-outer"
             ref="canvasInner"
@@ -523,6 +528,7 @@ eventBus.on('tabSort', tabSort)
             @mousedown="handleMouseDown"
             @mouseup="deselectCurComponent"
           >
+            <div v-if="isSpaceDown" class="canvas-drag"></div>
             <div class="canvas-dv-inner">
               <canvas-core
                 class="canvas-area-shadow editor-main"
@@ -715,6 +721,8 @@ eventBus.on('tabSort', tabSort)
   z-index: 1;
   opacity: 0.3;
   cursor: pointer;
+  width: 100%;
+  height: 100%;
 }
 
 .canvas-drag-tip {