鼠标移入、移出事件。跨页面复制、粘贴（还有显示问题

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>

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;

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[] = [