fix:事件切换问题

src/views/components/PenProps.vue

@@ -1134,7 +1134,7 @@
         <PenDatas :pen="data.pen" />
       </t-tab-panel>
       <t-tab-panel :value="4" label="交互">
-        <PenEvents :pen="data.pen" />
+        <PenEvents :key="data.key" :pen="data.pen" />
       </t-tab-panel>
       <t-tab-panel :value="5" label="结构">
         <ElementTree />
@@ -1162,6 +1162,7 @@ import { useUser } from '@/services/user';
 import { getter, queryURLParams } from '@meta2d/core';
 import { defaultGradientColor, defaultPureColor } from '@/services/defaults';
 import { getLe5le3d, getLe5leV, getLe5le2d } from '@/services/api';
+import { s8 } from '@/services/random';
 
 const { user } = useUser();
 const headers = {
@@ -1175,6 +1176,7 @@ const data = reactive<any>({
   tab: 1,
   pen: {},
   rect: {},
+  key: s8(),
 });
 
 const { selections } = useSelection();
@@ -1251,6 +1253,7 @@ onBeforeMount(() => {
 });
 
 function initPenData() {
+  data.key = s8(); //触发更新
   data.pen = selections.pen;
   if (!data.pen.props) {
     data.pen.props = {};