perf: 优化页面交互

src/components/Pages/ThemeColorSelect/index.vue

@@ -36,7 +36,7 @@
       </div>
       <div class="model-footer">
         中国色列表来自于：
-        <n-a href="http://zhongguose.com">http://zhongguose.com</n-a>
+        <n-a href="http://zhongguose.com" target="_blank">http://zhongguose.com</n-a>
       </div>
     </div>
   </n-modal>
@@ -157,6 +157,7 @@ $height: 85vh;
     }
   }
   .model-footer {
+    z-index: 1;
     text-align: end;
   }
 }

src/views/chart/ContentConfigurations/components/ChartEvent/components/ChartEventInteraction/index.vue

@@ -25,7 +25,7 @@
     >
       <n-space justify="space-between">
         <n-text>关联组件 - {{ cardIndex + 1 }}</n-text>
-        <n-button type="error" secondary size="small" @click="evDeleteEventsFn(cardIndex)">
+        <n-button type="error" text  size="small" @click="evDeleteEventsFn(cardIndex)">
           <template #icon>
             <n-icon>
               <close-icon />
@@ -36,7 +36,7 @@
 
       <n-divider style="margin: 10px 0" />
 
-      <n-tag :bordered="false" type="success"> 选择目标组件 </n-tag>
+      <n-tag :bordered="false" type="primary"> 选择目标组件 </n-tag>
 
       <setting-item-box name="触发事件" :alone="true">
         <n-input-group v-if="interactActions">
@@ -78,7 +78,7 @@
         </tbody>
       </n-table>
 
-      <n-tag class="go-mt-3" :bordered="false" type="info"> 关联目标组件请求参数 </n-tag>
+      <n-tag class="go-mt-3" :bordered="false" type="primary"> 关联目标组件请求参数 </n-tag>
 
       <setting-item-box
         :name="requestParamsItem"
@@ -117,8 +117,9 @@ import { CreateComponentType, CreateComponentGroupType } from '@/packages/index.
 import { RequestParamsTypeEnum } from '@/enums/httpEnum'
 import { InteractEventOn } from '@/enums/eventEnum'
 import { icon } from '@/plugins'
-import { useTargetData } from '../../../hooks/useTargetData.hook'
 import noData from '@/assets/images/canvas/noData.png'
+import { goDialog } from '@/utils'
+import { useTargetData } from '../../../hooks/useTargetData.hook'
 
 const { CloseIcon, AddIcon } = icon.ionicons5
 
@@ -176,8 +177,13 @@ const evAddEventsFn = () => {
 }
 
 const evDeleteEventsFn = (index: number) => {
+  goDialog({
+    message: '是否删除此关联交互模块?',
+    onPositiveCallback: () => {
       targetData.value.events.interactEvents.splice(index, 1)
     }
+  })
+}
 
 // 颜色
 const themeColor = computed(() => {