From 89f6982739a2fd472474890dcd22e35068782d26 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=88=98=E5=A6=8D?= <1455167345@qq.com>
Date: Tue, 4 Mar 2025 16:04:10 +0800
Subject: [PATCH] =?UTF-8?q?=E6=97=A0=E4=BA=BA=E6=9C=BA=E5=92=8C=E5=8D=AB?=
 =?UTF-8?q?=E6=98=9F=E4=BE=8B=E5=9B=BE=E7=BB=84=E4=BB=B6=E5=A2=9E=E5=8A=A0?=
 =?UTF-8?q?=E4=BA=8B=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Zhigan/Zhigan/WuRenJiImage/index.vue      | 53 ++++++++++++++++++-
 1 file changed, 52 insertions(+), 1 deletion(-)

diff --git a/src/packages/components/Zhigan/Zhigan/WuRenJiImage/index.vue b/src/packages/components/Zhigan/Zhigan/WuRenJiImage/index.vue
index 75000ce..a282f3a 100644
--- a/src/packages/components/Zhigan/Zhigan/WuRenJiImage/index.vue
+++ b/src/packages/components/Zhigan/Zhigan/WuRenJiImage/index.vue
@@ -1,5 +1,12 @@
 <template>
-  <div class="title">
+  <div
+    class="title"
+    @click="clickBtn"
+    @dblclick="dblclickBtn"
+    @contextmenu="rightclickBtn"
+    @mouseenter="mouseenterBtn"
+    @mouseleave="mouseleaveBtn"
+  >
     <n-image :width="w" :height="h" :src="option.dataset" preview-disabled />
     <span class="Tupian">
       <Tupian :w="w" :h="h" />
@@ -14,8 +21,10 @@
   import { useChartEditStore } from '@/store/modules/chartEditStore/chartEditStore';
   import { useChartDataFetch } from '@/hooks';
   import Tupian from './svg/tupian.vue';
+  import { eventHandlerHook } from '@/hooks/eventHandler.hook';
   import { EventBus } from '@/utils/eventBus';
 
+  const chartEditStore = useChartEditStore();
   const props = defineProps({
     chartConfig: {
       type: Object as PropType<CreateComponentType>,
@@ -27,6 +36,47 @@
   const option = reactive({
     dataset: props.chartConfig.option.dataset,
   });
+
+  const clickBtn = (val) => {
+    eventHandlerHook(
+      chartEditStore.getComponentList,
+      props.chartConfig.events.interactConfigEvents,
+      'click',
+      val,
+    );
+  };
+  const dblclickBtn = (val) => {
+    eventHandlerHook(
+      chartEditStore.getComponentList,
+      props.chartConfig.events.interactConfigEvents,
+      'dblclick',
+      val,
+    );
+  };
+  const rightclickBtn = (event) => {
+    event.preventDefault(); // 阻止默认的右键菜单
+    eventHandlerHook(
+      chartEditStore.getComponentList,
+      props.chartConfig.events.interactConfigEvents,
+      'rightclick',
+    );
+  };
+  const mouseenterBtn = (val) => {
+    eventHandlerHook(
+      chartEditStore.getComponentList,
+      props.chartConfig.events.interactConfigEvents,
+      'mousein',
+      val,
+    );
+  };
+  const mouseleaveBtn = (val) => {
+    eventHandlerHook(
+      chartEditStore.getComponentList,
+      props.chartConfig.events.interactConfigEvents,
+      'mouseout',
+      val,
+    );
+  };
   onMounted(() => {
     // 获取eventBus传过来的值
     EventBus.on(props.chartConfig.id + 'click', (data) => {
@@ -39,6 +89,7 @@
   .title {
     width: v-bind('`${w}px`');
     height: v-bind('`${h}px`');
+    cursor: pointer;
   }
   .Tupian {
     position: absolute;