From 45f1904849a41da6707b1304d42bcfccc3665708 Mon Sep 17 00:00:00 2001
From: wangjiahao <1522128093@qq.com>
Date: Mon, 17 Mar 2025 16:23:06 +0800
Subject: [PATCH] =?UTF-8?q?refactor(=E4=BB=AA=E8=A1=A8=E6=9D=BF=E3=80=81?=
 =?UTF-8?q?=E6=95=B0=E6=8D=AE=E5=A4=A7=E5=B1=8F):=20=E5=9C=B0=E5=9B=BE?=
 =?UTF-8?q?=E7=82=B9=E5=87=BB=E6=BF=80=E6=B4=BB=E5=90=8E=E5=85=81=E8=AE=B8?=
 =?UTF-8?q?=E7=BC=A9=E6=94=BE=E5=86=85=E9=83=A8=E5=A4=A7=E5=B0=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../canvas/ComponentWrapper.vue                  |  5 ++++-
 .../components/views/components/ScrollShadow.vue | 16 ++++++++++++++++
 2 files changed, 20 insertions(+), 1 deletion(-)
 create mode 100644 core/core-frontend/src/views/chart/components/views/components/ScrollShadow.vue

diff --git a/core/core-frontend/src/components/data-visualization/canvas/ComponentWrapper.vue b/core/core-frontend/src/components/data-visualization/canvas/ComponentWrapper.vue
index 32bf982f19..9a6b1e1261 100644
--- a/core/core-frontend/src/components/data-visualization/canvas/ComponentWrapper.vue
+++ b/core/core-frontend/src/components/data-visualization/canvas/ComponentWrapper.vue
@@ -163,8 +163,10 @@ const handleInnerMouseDown = e => {
     e.stopPropagation()
     e.preventDefault()
   }
-  if (showPosition.value.includes('popEdit') || dvMainStore.mobileInPc) {
+  if (['popEdit', 'preview'].includes(showPosition.value) || dvMainStore.mobileInPc) {
     onClick(e)
+    e.stopPropagation()
+    e.preventDefault()
   }
 }
 
@@ -438,6 +440,7 @@ const showActive = computed(() => props.popActive || (dvMainStore.mobileInPc &&
           :is-edit="false"
           :suffix-id="suffixId"
           :font-family="fontFamily"
+          :active="active"
           @onPointClick="onPointClick"
         />
       </div>
diff --git a/core/core-frontend/src/views/chart/components/views/components/ScrollShadow.vue b/core/core-frontend/src/views/chart/components/views/components/ScrollShadow.vue
new file mode 100644
index 0000000000..9f96d4c61c
--- /dev/null
+++ b/core/core-frontend/src/views/chart/components/views/components/ScrollShadow.vue
@@ -0,0 +1,16 @@
+<script lang="tsx" setup></script>
+
+<template>
+  <div class="scroll-shadow-content">tet</div>
+</template>
+
+<style lang="less" scoped>
+.scroll-shadow-content {
+  z-index: 1;
+  position: absolute;
+  height: 100%;
+  width: 100%;
+  background-color: #ece7e7;
+  opacity: 0.5;
+}
+</style>