From 476987dbe8df0b05ce6739c49a728221f71d3f9b Mon Sep 17 00:00:00 2001
From: wangjiahao <1522128093@qq.com>
Date: Mon, 5 Aug 2024 16:50:16 +0800
Subject: [PATCH] =?UTF-8?q?feat(=E6=95=B0=E6=8D=AE=E5=A4=A7=E5=B1=8F):=20?=
 =?UTF-8?q?=E4=BC=98=E5=8C=96=E4=BA=8B=E4=BB=B6=E8=A7=A6=E5=8F=91=E6=9D=A1?=
 =?UTF-8?q?=E4=BB=B6=EF=BC=8C=E5=A2=9E=E5=8A=A0=E6=94=AF=E6=8C=81=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../canvas/ComponentWrapper.vue               | 43 ++++++++++++-------
 .../custom-component/common/CommonAttr.vue    |  7 ++-
 2 files changed, 33 insertions(+), 17 deletions(-)

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 c79e97a3b9..2d544cc456 100644
--- a/core/core-frontend/src/components/data-visualization/canvas/ComponentWrapper.vue
+++ b/core/core-frontend/src/components/data-visualization/canvas/ComponentWrapper.vue
@@ -207,21 +207,29 @@ const onPointClick = param => {
   emits('onPointClick', param)
 }
 
-const onWrapperClick = () => {
-  if (['Picture,ScrollText'].includes(config.value.component)) {
-    // doWrapperClick
-    if (config.value.events && config.value.events.checked) {
-      if (config.value.events.type === 'displayChange') {
-        // 打开弹框区域
-        nextTick(() => {
-          dvMainStore.popAreaActiveSwitch()
-        })
-      } else if (config.value.events.type === 'jump') {
-        window.open(config.value.events.jump.value, '_blank')
-      } else if (config.value.events.type === 'refresh') {
-        useEmitt().emitter.emit('componentRefresh')
-      }
+const eventEnable = computed(
+  () =>
+    ['Picture', 'CanvasIcon', 'CircleShape', 'SvgTriangle', 'RectShape', 'ScrollText'].includes(
+      config.value.component
+    ) &&
+    config.value.events &&
+    config.value.events.checked
+)
+
+const onWrapperClick = e => {
+  if (eventEnable.value) {
+    if (config.value.events.type === 'showHidden') {
+      // 打开弹框区域
+      nextTick(() => {
+        dvMainStore.popAreaActiveSwitch()
+      })
+    } else if (config.value.events.type === 'jump') {
+      window.open(config.value.events.jump.value, '_blank')
+    } else if (config.value.events.type === 'refreshDataV') {
+      useEmitt().emitter.emit('componentRefresh')
     }
+    e.preventDefault()
+    e.stopPropagation()
   }
 }
 
@@ -264,8 +272,8 @@ const deepScale = computed(() => scale.value / 100)
       <div
         class="wrapper-inner-adaptor"
         :style="slotStyle"
-        :class="{ 'pop-wrapper-inner': popActive }"
-        @click="onWrapperClick"
+        :class="{ 'pop-wrapper-inner': popActive, 'event-active': eventEnable }"
+        @mousedown="onWrapperClick"
       >
         <component
           :is="findComponent(config['component'])"
@@ -346,4 +354,7 @@ const deepScale = computed(() => scale.value / 100)
   width: 100% !important;
   height: 100% !important;
 }
+.event-active {
+  cursor: pointer;
+}
 </style>
diff --git a/core/core-frontend/src/custom-component/common/CommonAttr.vue b/core/core-frontend/src/custom-component/common/CommonAttr.vue
index bb8b6e746b..35bdaf2941 100644
--- a/core/core-frontend/src/custom-component/common/CommonAttr.vue
+++ b/core/core-frontend/src/custom-component/common/CommonAttr.vue
@@ -95,7 +95,12 @@ const colorPickerWidth = computed(() => {
 
 // 暂时关闭
 const eventsShow = computed(() => {
-  return !dashboardActive.value && ['Picture'].includes(element.value.component)
+  return (
+    !dashboardActive.value &&
+    ['Picture', 'CanvasIcon', 'CircleShape', 'SvgTriangle', 'RectShape', 'ScrollText'].includes(
+      element.value.component
+    )
+  )
 })
 
 const backgroundCustomShow = computed(() => {