refactor(图表): 变更事件归类#14099

core/core-frontend/src/views/chart/components/editor/editor-senior/Senior.vue

@@ -25,7 +25,7 @@ import {
   updateLinkageActive
 } from '@/api/visualization/linkage'
 import { includesAny } from '../util/StringUtils'
-import { ElIcon, ElMessage } from 'element-plus-secondary'
+import { ElCollapseItem, ElIcon, ElMessage } from 'element-plus-secondary'
 import { storeToRefs } from 'pinia'
 import { BASE_VIEW_CONFIG } from '../util/chart'
 import { cloneDeep, defaultsDeep } from 'lodash-es'
@@ -33,9 +33,10 @@ import BubbleAnimateCfg from '@/views/chart/components/editor/editor-senior/comp
 import { XpackComponent } from '@/components/plugin'
 import CarouselSetting from '@/custom-component/common/CarouselSetting.vue'
 import { Icon } from 'vant'
+import CommonEvent from '@/custom-component/common/CommonEvent.vue'
 const dvMainStore = dvMainStoreWithOut()
 
-const { nowPanelTrackInfo, nowPanelJumpInfo, dvInfo, componentData, curComponent } =
+const { nowPanelTrackInfo, nowPanelJumpInfo, dvInfo, componentData, curComponent, batchOptStatus } =
   storeToRefs(dvMainStore)
 
 const { t } = useI18n()
@@ -90,6 +91,10 @@ const props = defineProps({
     default: () => {
       return {}
     }
+  },
+  eventInfo: {
+    type: Object,
+    required: false
   }
 })
 
@@ -119,6 +124,14 @@ const seniorCounts = computed(() => {
   }
 })
 
+const eventsShow = computed(() => {
+  return (
+    !batchOptStatus.value &&
+    ['indicator', 'rich-text'].includes(chart.value.type) &&
+    props.eventInfo
+  )
+})
+
 const onFunctionCfgChange = val => {
   emit('onFunctionCfgChange', val)
 }
@@ -447,6 +460,14 @@ const removeJumpSenior = () => {
             :element="curComponent"
             :themes="themes"
           ></carousel-setting>
+          <el-collapse-item
+            :effect="themes"
+            name="events"
+            :title="t('visualization.event')"
+            v-if="eventsShow"
+          >
+            <common-event :themes="themes" :events-info="eventInfo"></common-event>
+          </el-collapse-item>
         </el-collapse>
       </el-row>
     </div>

core/core-frontend/src/views/chart/components/editor/index.vue

@@ -3301,6 +3301,7 @@ const deleteChartFieldItem = id => {
                           :themes="themes"
                           :properties="chartViewInstance.properties"
                           :property-inner-all="chartViewInstance.propertyInner"
+                          :event-info="curComponent?.events"
                           @onFunctionCfgChange="onFunctionCfgChange"
                           @onAssistLineChange="onAssistLineChange"
                           @onScrollCfgChange="onScrollCfgChange"