Pr@dev v2@refactor tooltips (#17623)

* style: 样式调整

* refactor: 优化图表提示

core/core-frontend/src/views/chart/components/editor/editor-style/components/TooltipSelector.vue

@@ -11,10 +11,11 @@ import {
   formatterType,
   getUnitTypeList,
   initFormatCfgUnit,
-  onChangeFormatCfgUnitLanguage
+  onChangeFormatCfgUnitLanguage,
+  mergeTooltipFormat
 } from '@/views/chart/components/js/formatter'
 import { fieldType } from '@/utils/attr'
-import { defaultTo, partition, map, includes, isEmpty } from 'lodash-es'
+import { defaultTo, partition, map, includes, isEmpty, merge } from 'lodash-es'
 import chartViewManager from '../../../js/panel'
 import { dvMainStoreWithOut } from '@/store/modules/data-visualization/dvMain'
 import { storeToRefs } from 'pinia'
@@ -105,11 +106,17 @@ const changeDataset = () => {
   const formatterIds = formatter.map(i => i.id)
   quotaData.value.forEach(axis => {
     if (!formatterIds.includes(axis.id)) {
-      formatter.push({
+      const formatterItem = {
         ...axis,
         seriesId: axis.id,
         show: false
-      })
+      }
+      mergeTooltipFormat(
+        formatterItem,
+        props.chart.type,
+        dvMainStore.canvasStyleData.component.formatterItem
+      )
+      formatter.push(formatterItem)
     }
   })
   if (formatter[0]) {
@@ -263,7 +270,19 @@ const init = () => {
       // 新增图表
       const formatter = state.tooltipForm.seriesTooltipFormatter
       if (!formatter.length) {
-        quotaData.value?.forEach(i => formatter.push({ ...i, seriesId: i.id, show: false }))
+        quotaData.value?.forEach(axis => {
+          const formatterItem = {
+            ...axis,
+            seriesId: axis.id,
+            show: false
+          }
+          mergeTooltipFormat(
+            formatterItem,
+            props.chart.type,
+            dvMainStore.canvasStyleData.component.formatterItem
+          )
+          formatter.push(formatterItem)
+        })
         curSeriesFormatter.value = {}
         return
       }

core/core-frontend/src/views/chart/components/js/formatter.ts

@@ -256,6 +256,14 @@ export const calcNiceMinValue = (chart, options, tmpOptions) => {
   return { ...tmpOptions, ...axis }
 }
 
+const unShowTooltipsFormatter = [
+  'table-info',
+  'table-normal',
+  'table-pivot',
+  'stock-line',
+  'bullet-graph',
+  'percentage-bar-stack-horizontal'
+]
 /**
  * 适配图表数字格式化属性
  * @param viewInfo
@@ -299,16 +307,7 @@ export const formatterViewInfo = (viewInfo, value) => {
     viewInfo['customAttr']['label']['totalFormatter'],
     value
   )
-  if (
-    ![
-      'table-info',
-      'table-normal',
-      'table-pivot',
-      'stock-line',
-      'bullet-graph',
-      'percentage-bar-stack-horizontal'
-    ].includes(viewInfo.type)
-  ) {
+  if (!unShowTooltipsFormatter.includes(viewInfo.type)) {
     viewInfo['customAttr']['tooltip']['tooltipFormatter'] = merge(
       viewInfo['customAttr']['tooltip']['tooltipFormatter'],
       value
@@ -332,3 +331,9 @@ export const formatterViewInfo = (viewInfo, value) => {
     value
   )
 }
+
+export const mergeTooltipFormat = (item, type, value) => {
+  if (!unShowTooltipsFormatter.includes(type)) {
+    item['formatterCfg'] = merge(item['formatterCfg'], value)
+  }
+}