From 6185ca6cedda240eb124058fd669e15c889a1c31 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=88=98=E5=A6=8D?= <1455167345@qq.com>
Date: Tue, 18 Feb 2025 17:01:15 +0800
Subject: [PATCH] =?UTF-8?q?=E9=BC=A0=E6=A0=87=E7=A7=BB=E5=85=A5=E3=80=81?=
 =?UTF-8?q?=E7=A7=BB=E5=87=BA=E4=BA=8B=E4=BB=B6=E3=80=82=E8=B7=A8=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2=E5=A4=8D=E5=88=B6=E3=80=81=E7=B2=98=E8=B4=B4=EF=BC=88?=
 =?UTF-8?q?=E8=BF=98=E6=9C=89=E6=98=BE=E7=A4=BA=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/Icons/Default/Icon/index.vue   | 28 +++++++++++++++++--
 .../modules/chartEditStore/chartEditStore.ts  |  7 ++++-
 .../components/hooks/eventData.hook.ts        |  8 ++++++
 3 files changed, 39 insertions(+), 4 deletions(-)

diff --git a/src/packages/components/Icons/Default/Icon/index.vue b/src/packages/components/Icons/Default/Icon/index.vue
index 5f091ca..02b8739 100644
--- a/src/packages/components/Icons/Default/Icon/index.vue
+++ b/src/packages/components/Icons/Default/Icon/index.vue
@@ -7,14 +7,15 @@
       :rotate="rotate"
       @click="clickBtn"
       @dblclick="dblclickBtn"
-      @rightclick="rightclickBtn"
       @contextmenu="rightclickBtn"
+      @mouseenter="mouseenterBtn"
+      @mouseleave="mouseleaveBtn"
     />
   </div>
 </template>
 
 <script setup lang="ts">
-  import { PropType, toRefs, ref } from 'vue';
+  import { PropType, toRefs, ref, watch, onMounted } from 'vue';
   import { CreateComponentType } from '@/packages/index.d';
   import { GoIconify } from '@/components/GoIconify';
   import { useChartEditStore } from '@/store/modules/chartEditStore/chartEditStore';
@@ -27,7 +28,7 @@
       required: true,
     },
   });
-
+  console.log(props.chartConfig.option);
   const { w, h } = toRefs(props.chartConfig.attr);
   const { dataset, color, size, rotate } = toRefs(props.chartConfig.option);
   // 单击交互
@@ -36,6 +37,11 @@
   const dbclickElementItem = ref([]);
   // 右击交互
   const rightclickElementItem = ref([]);
+  // 鼠标移入交互
+  const mouseenterElementItem = ref([]);
+  // 鼠标移出交互
+  const mouseleaveElementItem = ref([]);
+
   const list = props.chartConfig.events.interactConfigEvents;
   for (let i = 0; i < list.length; i++) {
     if (list[i].type == 'click') {
@@ -50,6 +56,14 @@
       for (let j = 0; j < list[i].movementList.length; j++) {
         rightclickElementItem.value.push(list[i].movementList[j]);
       }
+    } else if (list[i].type == 'mousein') {
+      for (let j = 0; j < list[i].movementList.length; j++) {
+        mouseenterElementItem.value.push(list[i].movementList[j]);
+      }
+    } else if (list[i].type == 'mouseout') {
+      for (let j = 0; j < list[i].movementList.length; j++) {
+        mouseleaveElementItem.value.push(list[i].movementList[j]);
+      }
     }
   }
   const clickBtn = () => {
@@ -65,6 +79,14 @@
     event.preventDefault(); // 阻止默认的右键菜单
     eventHandlerHook(chartEditStore.getComponentList, rightclickElementItem.value);
   };
+  const mouseenterBtn = () => {
+    console.log('鼠标移入');
+    eventHandlerHook(chartEditStore.getComponentList, mouseenterElementItem.value);
+  };
+  const mouseleaveBtn = () => {
+    console.log('鼠标移出');
+    eventHandlerHook(chartEditStore.getComponentList, mouseleaveElementItem.value);
+  };
 </script>
 
 <style lang="scss" scoped>
diff --git a/src/store/modules/chartEditStore/chartEditStore.ts b/src/store/modules/chartEditStore/chartEditStore.ts
index c63dcdd..71a920d 100644
--- a/src/store/modules/chartEditStore/chartEditStore.ts
+++ b/src/store/modules/chartEditStore/chartEditStore.ts
@@ -528,6 +528,7 @@ export const useChartEditStore = defineStore({
             type: isCut ? HistoryActionTypeEnum.CUT : HistoryActionTypeEnum.COPY,
           };
           this.setRecordChart(copyData);
+          localStorage.setItem('copyData', JSON.stringify(copyData));
           window['$message'].success(isCut ? '剪切图表成功' : '复制图表成功！');
           loadingFinish();
         }
@@ -541,9 +542,13 @@ export const useChartEditStore = defineStore({
     },
     // * 粘贴
     setParse() {
+      console.log('setParse');
       try {
         loadingStart();
-        const recordCharts = this.getRecordChart;
+        const recordCharts = this.getRecordChart
+          ? this.getRecordChart
+          : JSON.parse(localStorage.getItem('copyData'));
+
         if (recordCharts === undefined) {
           loadingFinish();
           return;
diff --git a/src/views/chart/ContentConfigurations/components/hooks/eventData.hook.ts b/src/views/chart/ContentConfigurations/components/hooks/eventData.hook.ts
index 9a1cb00..c86e1b9 100644
--- a/src/views/chart/ContentConfigurations/components/hooks/eventData.hook.ts
+++ b/src/views/chart/ContentConfigurations/components/hooks/eventData.hook.ts
@@ -14,6 +14,14 @@ export const eventTypeOptions: EventOptionsItemType[] = [
     label: '右击',
     value: 'rightclick',
   },
+  {
+    label: '鼠标移入',
+    value: 'mousein',
+  },
+  {
+    label: '鼠标移出',
+    value: 'mouseout',
+  },
 ];
 // * 动作类型
 export const movementTypeOptions: EventOptionsItemType[] = [