@visactor/vseed 0.4.11 → 0.4.13

package/dist/esm/pipeline/spec/chart/pipes/label/label.js.map

@@ -1 +1 @@
-{"version":3,"file":"pipeline/spec/chart/pipes/label/label.js","sources":["webpack://@visactor/vseed/./src/pipeline/spec/chart/pipes/label/label.ts"],"sourcesContent":["import type { ILineChartSpec } from '@visactor/vchart'\nimport { createFormatter, createFormatterByMeasure, DATUM_HIDE_KEY, findMeasureById } from '../../../../utils'\nimport type {\n  Datum,\n  Dimension,\n  Dimensions,\n  Encoding,\n  FoldInfo,\n  Formatter,\n  Label,\n  Measure,\n  Measures,\n  NumFormat,\n  VChartSpecPipe,\n} from 'src/types'\nimport { isNumber, merge, uniqueBy } from 'remeda'\nimport { selector, selectorWithDynamicFilter } from 'src/dataSelector'\nimport { MeasureId } from 'src/dataReshape/constant'\n\nexport const label: VChartSpecPipe = (spec, context) => {\n  const result = { ...spec } as ILineChartSpec\n  const { advancedVSeed, vseed } = context\n  const { datasetReshapeInfo } = advancedVSeed\n  const { chartType, encoding } = advancedVSeed\n  const baseConfig = advancedVSeed.config[chartType] as { label: Label }\n  const foldInfo = datasetReshapeInfo[0].foldInfo as FoldInfo\n\n  const { label } = baseConfig\n  result.label = buildLabel(\n    label,\n    vseed.measures,\n    vseed.dimensions,\n    advancedVSeed.dimensions!,\n    advancedVSeed.measures!,\n    encoding as Encoding,\n    [foldInfo],\n  ) as unknown as ILineChartSpec['label']\n\n  return result\n}\n\nexport const generateMeasureValue = (\n  value: number | string,\n  measure: Measure,\n  labelAutoFormat?: boolean,\n  numFormat: NumFormat = {},\n) => {\n  const format = merge(numFormat, measure.numFormat || measure.format)\n  const mergedMeasure = { ...measure, numFormat: format, autoFormat: labelAutoFormat || measure.autoFormat }\n\n  const formatter = createFormatterByMeasure(mergedMeasure)\n  return formatter(value)\n}\n\nexport const generateMeasurePercent = (value: number | string, sum: number, formatter: Formatter) => {\n  if (value === undefined || value === null) return String(value)\n  const num = Number(value)\n  if (Number.isNaN(num)) return String(value)\n\n  const percentValue = num / sum\n  return formatter(percentValue)\n}\n\nexport const buildLabel = (\n  label: Label,\n  vseedMeasures: Measures = [],\n  vseedDimensions: Dimensions = [],\n  advancedVSeedDimensions: Dimensions,\n  advancedVSeedMeasures: Measures,\n  encoding: Encoding,\n  foldInfoList: (Pick<FoldInfo, 'measureId' | 'measureValue'> & Partial<Pick<FoldInfo, 'statistics'>>)[],\n) => {\n  const {\n    enable,\n    wrap,\n    showValue,\n    showValuePercent,\n    showDimension,\n    labelOverlap,\n    labelColorSmartInvert,\n    labelStroke,\n    labelColor,\n    labelFontSize,\n    labelFontWeight,\n    labelBackgroundColor,\n    labelPosition,\n    autoFormat,\n    numFormat = {},\n  } = label\n\n  const hasDimLabelEncoding = vseedDimensions.some((item) => encoding.label?.includes(item.id))\n\n  const labelDims = uniqueBy(\n    hasDimLabelEncoding\n      ? vseedDimensions.filter((item) => encoding.label?.includes(item.id))\n      : showDimension\n        ? advancedVSeedDimensions.filter((d) => d.id !== MeasureId && d.encoding !== 'row' && d.encoding !== 'column')\n        : [],\n    (item: Dimension) => item.id,\n  )\n\n  const labelMeas = uniqueBy(\n    vseedMeasures.filter((item) => encoding.label?.includes(item.id)),\n    (item: Measure) => item.id,\n  )\n\n  const percentFormat: NumFormat = merge(numFormat, {\n    type: 'percent',\n  } as NumFormat)\n\n  const percentFormatter = createFormatter(percentFormat)\n\n  const result = {\n    visible: enable,\n    dataFilter: (data: Datum[]) => {\n      return data.filter((entry) => {\n        if (entry.data?.[DATUM_HIDE_KEY]) {\n          return false\n        }\n        const shouldApply = label.dynamicFilter\n          ? selectorWithDynamicFilter(entry.data as Datum, label.dynamicFilter, label.selector)\n          : selector(entry.data as Datum, label.selector, 'Or')\n        return shouldApply\n      })\n    },\n    formatMethod: (_: unknown, datum: Datum) => {\n      const result = []\n\n      const dimLabels = labelDims.map((item: Dimension) => {\n        const id = item.id\n        return datum[id] as number | string\n      })\n\n      const meaLabels = labelMeas.map((item: Measure) =>\n        generateMeasureValue(datum[item.id] as number | string, item, autoFormat, numFormat),\n      )\n\n      result.push(...dimLabels)\n\n      foldInfoList.forEach((foldInfo) => {\n        const { measureId, measureValue, statistics } = foldInfo\n        const measure = findMeasureById(advancedVSeedMeasures, datum[measureId] as string)\n        if (measure) {\n          const measureValueLabel = generateMeasureValue(\n            datum[measureValue] as number | string,\n            measure,\n            autoFormat,\n            numFormat,\n          )\n\n          if (showValue) {\n            result.push(measureValueLabel)\n          }\n          if (showValuePercent) {\n            if (isNumber(datum['__VCHART_ARC_RATIO'])) {\n              // 饼图/环图需要使用实际占比数据\n              result.push(generateMeasurePercent(datum['__VCHART_ARC_RATIO'], 1, percentFormatter))\n            } else if (statistics && isNumber(statistics.sum)) {\n              result.push(\n                generateMeasurePercent(datum[measureValue] as number | string, statistics.sum, percentFormatter),\n              )\n            }\n          }\n        }\n      })\n\n      result.push(...meaLabels)\n\n      if (wrap) {\n        return result\n      }\n      return result.join(' ')\n    },\n    syncState: true,\n    position: labelPosition,\n    style: {\n      stroke: labelStroke,\n      fill: labelColor,\n      fontSize: labelFontSize,\n      fontWeight: labelFontWeight,\n      background: labelBackgroundColor,\n    },\n    smartInvert: labelColorSmartInvert,\n  }\n\n  if (labelColorSmartInvert) {\n    ;(result.style as any).lineWidth = 2 // label 边框线宽度，不设置这个会导致智能反色失败\n  }\n\n  if (labelOverlap) {\n    ;(result as any).overlap = {\n      hideOnHit: true,\n      clampForce: true,\n    }\n  }\n\n  return result\n}\n"],"names":["label","spec","context","result","advancedVSeed","vseed","datasetReshapeInfo","chartType","encoding","baseConfig","foldInfo","buildLabel","generateMeasureValue","value","measure","labelAutoFormat","numFormat","format","merge","mergedMeasure","formatter","createFormatterByMeasure","generateMeasurePercent","sum","String","num","Number","percentValue","vseedMeasures","vseedDimensions","advancedVSeedDimensions","advancedVSeedMeasures","foldInfoList","enable","wrap","showValue","showValuePercent","showDimension","labelOverlap","labelColorSmartInvert","labelStroke","labelColor","labelFontSize","labelFontWeight","labelBackgroundColor","labelPosition","autoFormat","hasDimLabelEncoding","item","labelDims","uniqueBy","d","MeasureId","labelMeas","percentFormat","percentFormatter","createFormatter","data","entry","DATUM_HIDE_KEY","shouldApply","selectorWithDynamicFilter","selector","_","datum","dimLabels","id","meaLabels","measureId","measureValue","statistics","findMeasureById","measureValueLabel","isNumber"],"mappings":"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"}
+{"version":3,"file":"pipeline/spec/chart/pipes/label/label.js","sources":["webpack://@visactor/vseed/./src/pipeline/spec/chart/pipes/label/label.ts"],"sourcesContent":["import type { ILineChartSpec } from '@visactor/vchart'\nimport {\n  createFormatter,\n  createFormatterByDimension,\n  createFormatterByMeasure,\n  DATUM_HIDE_KEY,\n  findMeasureById,\n} from '../../../../utils'\nimport type {\n  Datum,\n  Dimension,\n  Dimensions,\n  Encoding,\n  FoldInfo,\n  Formatter,\n  Label,\n  Locale,\n  Measure,\n  Measures,\n  NumFormat,\n  VChartSpecPipe,\n} from 'src/types'\nimport { isNumber, merge, uniqueBy } from 'remeda'\nimport { selector, selectorWithDynamicFilter } from 'src/dataSelector'\nimport { MeasureId } from 'src/dataReshape/constant'\n\nexport const label: VChartSpecPipe = (spec, context) => {\n  const result = { ...spec } as ILineChartSpec\n  const { advancedVSeed, vseed } = context\n  const { datasetReshapeInfo } = advancedVSeed\n  const { chartType, encoding } = advancedVSeed\n  const baseConfig = advancedVSeed.config[chartType] as { label: Label }\n  const foldInfo = datasetReshapeInfo[0].foldInfo as FoldInfo\n\n  const { label } = baseConfig\n  result.label = buildLabel(\n    label,\n    vseed.measures,\n    vseed.dimensions,\n    advancedVSeed.dimensions!,\n    advancedVSeed.measures!,\n    encoding as Encoding,\n    [foldInfo],\n  ) as unknown as ILineChartSpec['label']\n\n  return result\n}\n\nexport const generateMeasureValue = (\n  value: number | string,\n  measure: Measure,\n  labelAutoFormat?: boolean,\n  numFormat: NumFormat = {},\n) => {\n  const format = merge(numFormat, measure.numFormat || measure.format)\n  const mergedMeasure = { ...measure, numFormat: format, autoFormat: labelAutoFormat || measure.autoFormat }\n\n  const formatter = createFormatterByMeasure(mergedMeasure)\n  return formatter(value)\n}\n\nexport const generateMeasurePercent = (value: number | string, sum: number, formatter: Formatter) => {\n  if (value === undefined || value === null) return String(value)\n  const num = Number(value)\n  if (Number.isNaN(num)) return String(value)\n\n  const percentValue = num / sum\n  return formatter(percentValue)\n}\n\nexport const buildLabel = (\n  label: Label,\n  vseedMeasures: Measures = [],\n  vseedDimensions: Dimensions = [],\n  advancedVSeedDimensions: Dimensions,\n  advancedVSeedMeasures: Measures,\n  encoding: Encoding,\n  foldInfoList: (Pick<FoldInfo, 'measureId' | 'measureValue'> & Partial<Pick<FoldInfo, 'statistics'>>)[],\n  locale: Locale = 'zh-CN',\n) => {\n  const {\n    enable,\n    wrap,\n    showValue,\n    showValuePercent,\n    showDimension,\n    labelOverlap,\n    labelColorSmartInvert,\n    labelStroke,\n    labelColor,\n    labelFontSize,\n    labelFontWeight,\n    labelBackgroundColor,\n    labelPosition,\n    autoFormat,\n    numFormat = {},\n  } = label\n\n  const hasDimLabelEncoding = vseedDimensions.some((item) => encoding.label?.includes(item.id))\n\n  const labelDims = uniqueBy(\n    hasDimLabelEncoding\n      ? vseedDimensions.filter((item) => encoding.label?.includes(item.id))\n      : showDimension\n        ? advancedVSeedDimensions.filter((d) => d.id !== MeasureId && d.encoding !== 'row' && d.encoding !== 'column')\n        : [],\n    (item: Dimension) => item.id,\n  )\n\n  const labelMeas = uniqueBy(\n    vseedMeasures.filter((item) => encoding.label?.includes(item.id)),\n    (item: Measure) => item.id,\n  )\n\n  const percentFormat: NumFormat = merge(numFormat, {\n    type: 'percent',\n  } as NumFormat)\n\n  const percentFormatter = createFormatter(percentFormat)\n\n  const result = {\n    visible: enable,\n    dataFilter: (data: Datum[]) => {\n      return data.filter((entry) => {\n        if (entry.data?.[DATUM_HIDE_KEY]) {\n          return false\n        }\n        const shouldApply = label.dynamicFilter\n          ? selectorWithDynamicFilter(entry.data as Datum, label.dynamicFilter, label.selector)\n          : selector(entry.data as Datum, label.selector, 'Or')\n        return shouldApply\n      })\n    },\n    formatMethod: (_: unknown, datum: Datum) => {\n      const result = []\n\n      const dimLabels = labelDims.map((item: Dimension) => {\n        const id = item.id\n        const formatter = createFormatterByDimension(item, locale)\n        return formatter(datum[id] as number | string)\n      })\n\n      const meaLabels = labelMeas.map((item: Measure) =>\n        generateMeasureValue(datum[item.id] as number | string, item, autoFormat, numFormat),\n      )\n\n      result.push(...dimLabels)\n\n      foldInfoList.forEach((foldInfo) => {\n        const { measureId, measureValue, statistics } = foldInfo\n        const measure = findMeasureById(advancedVSeedMeasures, datum[measureId] as string)\n        if (measure) {\n          const measureValueLabel = generateMeasureValue(\n            datum[measureValue] as number | string,\n            measure,\n            autoFormat,\n            numFormat,\n          )\n\n          if (showValue) {\n            result.push(measureValueLabel)\n          }\n          if (showValuePercent) {\n            if (isNumber(datum['__VCHART_ARC_RATIO'])) {\n              // 饼图/环图需要使用实际占比数据\n              result.push(generateMeasurePercent(datum['__VCHART_ARC_RATIO'], 1, percentFormatter))\n            } else if (statistics && isNumber(statistics.sum)) {\n              result.push(\n                generateMeasurePercent(datum[measureValue] as number | string, statistics.sum, percentFormatter),\n              )\n            }\n          }\n        }\n      })\n\n      result.push(...meaLabels)\n\n      if (wrap) {\n        return result\n      }\n      return result.join(' ')\n    },\n    syncState: true,\n    position: labelPosition,\n    style: {\n      stroke: labelStroke,\n      fill: labelColor,\n      fontSize: labelFontSize,\n      fontWeight: labelFontWeight,\n      background: labelBackgroundColor,\n    },\n    smartInvert: labelColorSmartInvert,\n  }\n\n  if (labelColorSmartInvert) {\n    ;(result.style as any).lineWidth = 2 // label 边框线宽度，不设置这个会导致智能反色失败\n  }\n\n  if (labelOverlap) {\n    ;(result as any).overlap = {\n      hideOnHit: true,\n      clampForce: true,\n    }\n  }\n\n  return result\n}\n"],"names":["label","spec","context","result","advancedVSeed","vseed","datasetReshapeInfo","chartType","encoding","baseConfig","foldInfo","buildLabel","generateMeasureValue","value","measure","labelAutoFormat","numFormat","format","merge","mergedMeasure","formatter","createFormatterByMeasure","generateMeasurePercent","sum","String","num","Number","percentValue","vseedMeasures","vseedDimensions","advancedVSeedDimensions","advancedVSeedMeasures","foldInfoList","locale","enable","wrap","showValue","showValuePercent","showDimension","labelOverlap","labelColorSmartInvert","labelStroke","labelColor","labelFontSize","labelFontWeight","labelBackgroundColor","labelPosition","autoFormat","hasDimLabelEncoding","item","labelDims","uniqueBy","d","MeasureId","labelMeas","percentFormat","percentFormatter","createFormatter","data","entry","DATUM_HIDE_KEY","shouldApply","selectorWithDynamicFilter","selector","_","datum","dimLabels","id","createFormatterByDimension","meaLabels","measureId","measureValue","statistics","findMeasureById","measureValueLabel","isNumber"],"mappings":"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"}

package/dist/esm/pipeline/spec/chart/pipes/label/labelBoxPlot.js

@@ -13,7 +13,7 @@ const labelBoxPlot = (spec, context)=>{
             measureId: FoldMeasureId,
             measureValue: MedianMeasureId
         }
-    ]);
+    ], advancedVSeed?.locale);
     return result;
 };
 export { labelBoxPlot };

package/dist/esm/pipeline/spec/chart/pipes/label/labelBoxPlot.js.map

@@ -1 +1 @@
-{"version":3,"file":"pipeline/spec/chart/pipes/label/labelBoxPlot.js","sources":["webpack://@visactor/vseed/./src/pipeline/spec/chart/pipes/label/labelBoxPlot.ts"],"sourcesContent":["import type { IPieChartSpec } from '@visactor/vchart'\nimport type { Encoding, PieLabel, VChartSpecPipe } from 'src/types'\nimport { buildLabel } from './label'\nimport { FoldMeasureId, MedianMeasureId } from 'src/dataReshape/constant'\n\nexport const labelBoxPlot: VChartSpecPipe = (spec, context) => {\n  const result = { ...spec } as IPieChartSpec\n  const { advancedVSeed, vseed } = context\n  const { chartType, encoding } = advancedVSeed\n  const baseConfig = advancedVSeed.config[chartType] as { label: PieLabel }\n\n  const { label } = baseConfig\n\n  result.label = buildLabel(\n    label,\n    vseed.measures,\n    vseed.dimensions,\n    advancedVSeed.dimensions!,\n    advancedVSeed.measures!,\n    encoding as Encoding,\n    [\n      {\n        measureId: FoldMeasureId,\n        measureValue: MedianMeasureId,\n      },\n    ],\n  ) as unknown as IPieChartSpec['label']\n\n  return result\n}\n"],"names":["labelBoxPlot","spec","context","result","advancedVSeed","vseed","chartType","encoding","baseConfig","label","buildLabel","FoldMeasureId","MedianMeasureId"],"mappings":";;AAKO,MAAMA,eAA+B,CAACC,MAAMC;IACjD,MAAMC,SAAS;QAAE,GAAGF,IAAI;IAAC;IACzB,MAAM,EAAEG,aAAa,EAAEC,KAAK,EAAE,GAAGH;IACjC,MAAM,EAAEI,SAAS,EAAEC,QAAQ,EAAE,GAAGH;IAChC,MAAMI,aAAaJ,cAAc,MAAM,CAACE,UAAU;IAElD,MAAM,EAAEG,KAAK,EAAE,GAAGD;IAElBL,OAAO,KAAK,GAAGO,WACbD,OACAJ,MAAM,QAAQ,EACdA,MAAM,UAAU,EAChBD,cAAc,UAAU,EACxBA,cAAc,QAAQ,EACtBG,UACA;QACE;YACE,WAAWI;YACX,cAAcC;QAChB;KACD;IAGH,OAAOT;AACT"}
+{"version":3,"file":"pipeline/spec/chart/pipes/label/labelBoxPlot.js","sources":["webpack://@visactor/vseed/./src/pipeline/spec/chart/pipes/label/labelBoxPlot.ts"],"sourcesContent":["import type { IPieChartSpec } from '@visactor/vchart'\nimport type { Encoding, PieLabel, VChartSpecPipe } from 'src/types'\nimport { buildLabel } from './label'\nimport { FoldMeasureId, MedianMeasureId } from 'src/dataReshape/constant'\n\nexport const labelBoxPlot: VChartSpecPipe = (spec, context) => {\n  const result = { ...spec } as IPieChartSpec\n  const { advancedVSeed, vseed } = context\n  const { chartType, encoding } = advancedVSeed\n  const baseConfig = advancedVSeed.config[chartType] as { label: PieLabel }\n\n  const { label } = baseConfig\n\n  result.label = buildLabel(\n    label,\n    vseed.measures,\n    vseed.dimensions,\n    advancedVSeed.dimensions!,\n    advancedVSeed.measures!,\n    encoding as Encoding,\n    [\n      {\n        measureId: FoldMeasureId,\n        measureValue: MedianMeasureId,\n      },\n    ],\n    advancedVSeed?.locale,\n  ) as unknown as IPieChartSpec['label']\n\n  return result\n}\n"],"names":["labelBoxPlot","spec","context","result","advancedVSeed","vseed","chartType","encoding","baseConfig","label","buildLabel","FoldMeasureId","MedianMeasureId"],"mappings":";;AAKO,MAAMA,eAA+B,CAACC,MAAMC;IACjD,MAAMC,SAAS;QAAE,GAAGF,IAAI;IAAC;IACzB,MAAM,EAAEG,aAAa,EAAEC,KAAK,EAAE,GAAGH;IACjC,MAAM,EAAEI,SAAS,EAAEC,QAAQ,EAAE,GAAGH;IAChC,MAAMI,aAAaJ,cAAc,MAAM,CAACE,UAAU;IAElD,MAAM,EAAEG,KAAK,EAAE,GAAGD;IAElBL,OAAO,KAAK,GAAGO,WACbD,OACAJ,MAAM,QAAQ,EACdA,MAAM,UAAU,EAChBD,cAAc,UAAU,EACxBA,cAAc,QAAQ,EACtBG,UACA;QACE;YACE,WAAWI;YACX,cAAcC;QAChB;KACD,EACDR,eAAe;IAGjB,OAAOD;AACT"}

package/dist/esm/pipeline/spec/chart/pipes/label/labelCirclePacking.js

@@ -1,14 +1,31 @@
 import { label as external_label_js_label } from "./label.js";
+import { createFormatterByDimension } from "../../../../utils/index.js";
+import { Separator } from "../../../../../dataReshape/index.js";
 const labelCirclePacking = (spec, context)=>{
     const { advancedVSeed } = context;
-    const { chartType } = advancedVSeed;
+    const { chartType, encoding, dimensions = [] } = advancedVSeed;
     const baseConfig = advancedVSeed.config[chartType];
     const { label } = baseConfig;
     const result = external_label_js_label(spec, context);
     if (label?.enable) {
         const labelSpec = result.label;
+        const formatHierarchyName = (name)=>{
+            const dimIds = encoding.hierarchy || [];
+            if (!dimIds.length) return name;
+            const dimFormatters = dimIds.map((id)=>{
+                const dim = dimensions.find((item)=>item.id === id);
+                return createFormatterByDimension(dim, advancedVSeed.locale);
+            });
+            const parts = String(name ?? '').split(Separator);
+            const formatted = parts.map((part, index)=>{
+                const formatter = dimFormatters[index] || ((v)=>v);
+                return formatter(part);
+            });
+            return formatted.join(Separator);
+        };
         result.label = {
             ...labelSpec,
+            formatMethod: (_, datum)=>formatHierarchyName(String(datum?.name ?? '')),
             style: {
                 ...labelSpec?.style,
                 fontSize: 10,

package/dist/esm/pipeline/spec/chart/pipes/label/labelCirclePacking.js.map

@@ -1 +1 @@
-{"version":3,"file":"pipeline/spec/chart/pipes/label/labelCirclePacking.js","sources":["webpack://@visactor/vseed/./src/pipeline/spec/chart/pipes/label/labelCirclePacking.ts"],"sourcesContent":["import type { ILineChartSpec } from '@visactor/vchart'\nimport type { Label, VChartSpecPipe } from 'src/types'\nimport { label as commonLabel } from './label'\n\nexport const labelCirclePacking: VChartSpecPipe = (spec, context) => {\n  const { advancedVSeed } = context\n  const { chartType } = advancedVSeed\n  const baseConfig = advancedVSeed.config[chartType] as { label: Label }\n  const { label } = baseConfig\n\n  // Reuse common label logic to build basic label config\n  const result = commonLabel(spec, context) as ILineChartSpec\n\n  // If label is enabled, override with circlePacking specific logic\n  if (label?.enable) {\n    const labelSpec = result.label as any\n    result.label = {\n      ...labelSpec,\n      style: {\n        ...labelSpec?.style,\n        fontSize: 10,\n        visible: (d: any) => {\n          return d.depth === 1\n        },\n      },\n    }\n  }\n\n  return result\n}\n"],"names":["labelCirclePacking","spec","context","advancedVSeed","chartType","baseConfig","label","result","commonLabel","labelSpec","d"],"mappings":";AAIO,MAAMA,qBAAqC,CAACC,MAAMC;IACvD,MAAM,EAAEC,aAAa,EAAE,GAAGD;IAC1B,MAAM,EAAEE,SAAS,EAAE,GAAGD;IACtB,MAAME,aAAaF,cAAc,MAAM,CAACC,UAAU;IAClD,MAAM,EAAEE,KAAK,EAAE,GAAGD;IAGlB,MAAME,SAASC,wBAAYP,MAAMC;IAGjC,IAAII,OAAO,QAAQ;QACjB,MAAMG,YAAYF,OAAO,KAAK;QAC9BA,OAAO,KAAK,GAAG;YACb,GAAGE,SAAS;YACZ,OAAO;gBACL,GAAGA,WAAW,KAAK;gBACnB,UAAU;gBACV,SAAS,CAACC,IACDA,AAAY,MAAZA,EAAE,KAAK;YAElB;QACF;IACF;IAEA,OAAOH;AACT"}
+{"version":3,"file":"pipeline/spec/chart/pipes/label/labelCirclePacking.js","sources":["webpack://@visactor/vseed/./src/pipeline/spec/chart/pipes/label/labelCirclePacking.ts"],"sourcesContent":["import type { ILineChartSpec } from '@visactor/vchart'\nimport type { Label, VChartSpecPipe } from 'src/types'\nimport { label as commonLabel } from './label'\nimport { createFormatterByDimension } from 'src/pipeline/utils'\nimport { Separator } from 'src/dataReshape'\n\nexport const labelCirclePacking: VChartSpecPipe = (spec, context) => {\n  const { advancedVSeed } = context\n  const { chartType, encoding, dimensions = [] } = advancedVSeed\n  const baseConfig = advancedVSeed.config[chartType] as { label: Label }\n  const { label } = baseConfig\n\n  // Reuse common label logic to build basic label config\n  const result = commonLabel(spec, context) as ILineChartSpec\n\n  // If label is enabled, override with circlePacking specific logic\n  if (label?.enable) {\n    const labelSpec = result.label as any\n    const formatHierarchyName = (name: string) => {\n      const dimIds = encoding.hierarchy || []\n      if (!dimIds.length) {\n        return name\n      }\n      const dimFormatters = dimIds.map((id) => {\n        const dim = dimensions.find((item) => item.id === id)\n        return createFormatterByDimension(dim, advancedVSeed.locale)\n      })\n      const parts = String(name ?? '').split(Separator)\n      const formatted = parts.map((part, index) => {\n        const formatter = dimFormatters[index] || ((v: string) => v)\n        return formatter(part)\n      })\n      return formatted.join(Separator)\n    }\n\n    result.label = {\n      ...labelSpec,\n      formatMethod: (_: unknown, datum: any) => {\n        return formatHierarchyName(String(datum?.name ?? ''))\n      },\n      style: {\n        ...labelSpec?.style,\n        fontSize: 10,\n        visible: (d: any) => {\n          return d.depth === 1\n        },\n      },\n    }\n  }\n\n  return result\n}\n"],"names":["labelCirclePacking","spec","context","advancedVSeed","chartType","encoding","dimensions","baseConfig","label","result","commonLabel","labelSpec","formatHierarchyName","name","dimIds","dimFormatters","id","dim","item","createFormatterByDimension","parts","String","Separator","formatted","part","index","formatter","v","_","datum","d"],"mappings":";;;AAMO,MAAMA,qBAAqC,CAACC,MAAMC;IACvD,MAAM,EAAEC,aAAa,EAAE,GAAGD;IAC1B,MAAM,EAAEE,SAAS,EAAEC,QAAQ,EAAEC,aAAa,EAAE,EAAE,GAAGH;IACjD,MAAMI,aAAaJ,cAAc,MAAM,CAACC,UAAU;IAClD,MAAM,EAAEI,KAAK,EAAE,GAAGD;IAGlB,MAAME,SAASC,wBAAYT,MAAMC;IAGjC,IAAIM,OAAO,QAAQ;QACjB,MAAMG,YAAYF,OAAO,KAAK;QAC9B,MAAMG,sBAAsB,CAACC;YAC3B,MAAMC,SAAST,SAAS,SAAS,IAAI,EAAE;YACvC,IAAI,CAACS,OAAO,MAAM,EAChB,OAAOD;YAET,MAAME,gBAAgBD,OAAO,GAAG,CAAC,CAACE;gBAChC,MAAMC,MAAMX,WAAW,IAAI,CAAC,CAACY,OAASA,KAAK,EAAE,KAAKF;gBAClD,OAAOG,2BAA2BF,KAAKd,cAAc,MAAM;YAC7D;YACA,MAAMiB,QAAQC,OAAOR,QAAQ,IAAI,KAAK,CAACS;YACvC,MAAMC,YAAYH,MAAM,GAAG,CAAC,CAACI,MAAMC;gBACjC,MAAMC,YAAYX,aAAa,CAACU,MAAM,IAAM,EAAAE,IAAcA,CAAAA;gBAC1D,OAAOD,UAAUF;YACnB;YACA,OAAOD,UAAU,IAAI,CAACD;QACxB;QAEAb,OAAO,KAAK,GAAG;YACb,GAAGE,SAAS;YACZ,cAAc,CAACiB,GAAYC,QAClBjB,oBAAoBS,OAAOQ,OAAO,QAAQ;YAEnD,OAAO;gBACL,GAAGlB,WAAW,KAAK;gBACnB,UAAU;gBACV,SAAS,CAACmB,IACDA,AAAY,MAAZA,EAAE,KAAK;YAElB;QACF;IACF;IAEA,OAAOrB;AACT"}

package/dist/esm/pipeline/spec/chart/pipes/label/labelDualAxis.js

@@ -10,7 +10,7 @@ const labelDualAxis = (options)=>(spec, context)=>{
         const baseConfig = advancedVSeed.config[chartType];
         result.label = buildLabel(baseConfig.label, vseed.measures, vseed.dimensions, advancedVSeed.dimensions, advancedVSeed.measures, encoding, [
             options.foldInfo
-        ]);
+        ], advancedVSeed?.locale);
         result.label.zIndex = DUAL_AXIS_LABEL_Z_INDEX;
         return result;
     };

package/dist/esm/pipeline/spec/chart/pipes/label/labelDualAxis.js.map

@@ -1 +1 @@
-{"version":3,"file":"pipeline/spec/chart/pipes/label/labelDualAxis.js","sources":["webpack://@visactor/vseed/./src/pipeline/spec/chart/pipes/label/labelDualAxis.ts"],"sourcesContent":["import type { ILineChartSpec } from '@visactor/vchart'\nimport type { DualAxisOptions, Encoding, Label, VChartSpecPipe } from 'src/types'\nimport { buildLabel } from './label'\nimport { DUAL_AXIS_LABEL_Z_INDEX } from 'src/pipeline/utils/constant'\n\nexport const labelDualAxis = (options: DualAxisOptions): VChartSpecPipe => {\n  return (spec, context) => {\n    const result = { ...spec } as ILineChartSpec\n    const { advancedVSeed, vseed } = context\n    const { encoding } = advancedVSeed\n    const { chartType } = advancedVSeed\n    const baseConfig = advancedVSeed.config[chartType] as { label: Label }\n\n    result.label = buildLabel(\n      baseConfig.label,\n      vseed.measures,\n      vseed.dimensions,\n      advancedVSeed.dimensions!,\n      advancedVSeed.measures!,\n      encoding as Encoding,\n      [options.foldInfo],\n    ) as unknown as ILineChartSpec['label']\n    ;(result.label as any)!.zIndex = DUAL_AXIS_LABEL_Z_INDEX\n    return result\n  }\n}\n"],"names":["labelDualAxis","options","spec","context","result","advancedVSeed","vseed","encoding","chartType","baseConfig","buildLabel","DUAL_AXIS_LABEL_Z_INDEX"],"mappings":";;AAKO,MAAMA,gBAAgB,CAACC,UACrB,CAACC,MAAMC;QACZ,MAAMC,SAAS;YAAE,GAAGF,IAAI;QAAC;QACzB,MAAM,EAAEG,aAAa,EAAEC,KAAK,EAAE,GAAGH;QACjC,MAAM,EAAEI,QAAQ,EAAE,GAAGF;QACrB,MAAM,EAAEG,SAAS,EAAE,GAAGH;QACtB,MAAMI,aAAaJ,cAAc,MAAM,CAACG,UAAU;QAElDJ,OAAO,KAAK,GAAGM,WACbD,WAAW,KAAK,EAChBH,MAAM,QAAQ,EACdA,MAAM,UAAU,EAChBD,cAAc,UAAU,EACxBA,cAAc,QAAQ,EACtBE,UACA;YAACN,QAAQ,QAAQ;SAAC;QAElBG,OAAO,KAAK,CAAU,MAAM,GAAGO;QACjC,OAAOP;IACT"}
+{"version":3,"file":"pipeline/spec/chart/pipes/label/labelDualAxis.js","sources":["webpack://@visactor/vseed/./src/pipeline/spec/chart/pipes/label/labelDualAxis.ts"],"sourcesContent":["import type { ILineChartSpec } from '@visactor/vchart'\nimport type { DualAxisOptions, Encoding, Label, VChartSpecPipe } from 'src/types'\nimport { buildLabel } from './label'\nimport { DUAL_AXIS_LABEL_Z_INDEX } from 'src/pipeline/utils/constant'\n\nexport const labelDualAxis = (options: DualAxisOptions): VChartSpecPipe => {\n  return (spec, context) => {\n    const result = { ...spec } as ILineChartSpec\n    const { advancedVSeed, vseed } = context\n    const { encoding } = advancedVSeed\n    const { chartType } = advancedVSeed\n    const baseConfig = advancedVSeed.config[chartType] as { label: Label }\n\n    result.label = buildLabel(\n      baseConfig.label,\n      vseed.measures,\n      vseed.dimensions,\n      advancedVSeed.dimensions!,\n      advancedVSeed.measures!,\n      encoding as Encoding,\n      [options.foldInfo],\n      advancedVSeed?.locale,\n    ) as unknown as ILineChartSpec['label']\n    ;(result.label as any)!.zIndex = DUAL_AXIS_LABEL_Z_INDEX\n    return result\n  }\n}\n"],"names":["labelDualAxis","options","spec","context","result","advancedVSeed","vseed","encoding","chartType","baseConfig","buildLabel","DUAL_AXIS_LABEL_Z_INDEX"],"mappings":";;AAKO,MAAMA,gBAAgB,CAACC,UACrB,CAACC,MAAMC;QACZ,MAAMC,SAAS;YAAE,GAAGF,IAAI;QAAC;QACzB,MAAM,EAAEG,aAAa,EAAEC,KAAK,EAAE,GAAGH;QACjC,MAAM,EAAEI,QAAQ,EAAE,GAAGF;QACrB,MAAM,EAAEG,SAAS,EAAE,GAAGH;QACtB,MAAMI,aAAaJ,cAAc,MAAM,CAACG,UAAU;QAElDJ,OAAO,KAAK,GAAGM,WACbD,WAAW,KAAK,EAChBH,MAAM,QAAQ,EACdA,MAAM,UAAU,EAChBD,cAAc,UAAU,EACxBA,cAAc,QAAQ,EACtBE,UACA;YAACN,QAAQ,QAAQ;SAAC,EAClBI,eAAe;QAEfD,OAAO,KAAK,CAAU,MAAM,GAAGO;QACjC,OAAOP;IACT"}

package/dist/esm/pipeline/spec/chart/pipes/label/labelPie.js

@@ -11,7 +11,7 @@ const labelPie = (spec, context)=>{
     const { label } = baseConfig;
     result.label = buildLabel(label, vseed.measures, vseed.dimensions, advancedVSeed.dimensions, advancedVSeed.measures, encoding, [
         foldInfo
-    ]);
+    ], advancedVSeed?.locale);
     if (label.labelLayout) result.label.layout = {
         align: label.labelLayout
     };

package/dist/esm/pipeline/spec/chart/pipes/label/labelPie.js.map

@@ -1 +1 @@
-{"version":3,"file":"pipeline/spec/chart/pipes/label/labelPie.js","sources":["webpack://@visactor/vseed/./src/pipeline/spec/chart/pipes/label/labelPie.ts"],"sourcesContent":["import type { IPieChartSpec } from '@visactor/vchart'\nimport type { Encoding, FoldInfo, PieLabel, VChartSpecPipe } from 'src/types'\nimport { buildLabel } from './label'\n\nexport const labelPie: VChartSpecPipe = (spec, context) => {\n  const result = { ...spec } as IPieChartSpec\n  const { advancedVSeed, vseed } = context\n  const { datasetReshapeInfo } = advancedVSeed\n  const { chartType, encoding } = advancedVSeed\n  const baseConfig = advancedVSeed.config[chartType] as { label: PieLabel }\n  const foldInfo = datasetReshapeInfo[0].foldInfo as FoldInfo\n\n  const { label } = baseConfig\n\n  result.label = buildLabel(\n    label,\n    vseed.measures,\n    vseed.dimensions,\n    advancedVSeed.dimensions!,\n    advancedVSeed.measures!,\n    encoding as Encoding,\n    [foldInfo],\n  ) as unknown as IPieChartSpec['label']\n  if (label.labelLayout) {\n    ;(result.label as any)!.layout = {\n      align: label.labelLayout,\n    }\n  }\n  return result\n}\n"],"names":["labelPie","spec","context","result","advancedVSeed","vseed","datasetReshapeInfo","chartType","encoding","baseConfig","foldInfo","label","buildLabel"],"mappings":";AAIO,MAAMA,WAA2B,CAACC,MAAMC;IAC7C,MAAMC,SAAS;QAAE,GAAGF,IAAI;IAAC;IACzB,MAAM,EAAEG,aAAa,EAAEC,KAAK,EAAE,GAAGH;IACjC,MAAM,EAAEI,kBAAkB,EAAE,GAAGF;IAC/B,MAAM,EAAEG,SAAS,EAAEC,QAAQ,EAAE,GAAGJ;IAChC,MAAMK,aAAaL,cAAc,MAAM,CAACG,UAAU;IAClD,MAAMG,WAAWJ,kBAAkB,CAAC,EAAE,CAAC,QAAQ;IAE/C,MAAM,EAAEK,KAAK,EAAE,GAAGF;IAElBN,OAAO,KAAK,GAAGS,WACbD,OACAN,MAAM,QAAQ,EACdA,MAAM,UAAU,EAChBD,cAAc,UAAU,EACxBA,cAAc,QAAQ,EACtBI,UACA;QAACE;KAAS;IAEZ,IAAIC,MAAM,WAAW,EACjBR,OAAO,KAAK,CAAU,MAAM,GAAG;QAC/B,OAAOQ,MAAM,WAAW;IAC1B;IAEF,OAAOR;AACT"}
+{"version":3,"file":"pipeline/spec/chart/pipes/label/labelPie.js","sources":["webpack://@visactor/vseed/./src/pipeline/spec/chart/pipes/label/labelPie.ts"],"sourcesContent":["import type { IPieChartSpec } from '@visactor/vchart'\nimport type { Encoding, FoldInfo, PieLabel, VChartSpecPipe } from 'src/types'\nimport { buildLabel } from './label'\n\nexport const labelPie: VChartSpecPipe = (spec, context) => {\n  const result = { ...spec } as IPieChartSpec\n  const { advancedVSeed, vseed } = context\n  const { datasetReshapeInfo } = advancedVSeed\n  const { chartType, encoding } = advancedVSeed\n  const baseConfig = advancedVSeed.config[chartType] as { label: PieLabel }\n  const foldInfo = datasetReshapeInfo[0].foldInfo as FoldInfo\n\n  const { label } = baseConfig\n\n  result.label = buildLabel(\n    label,\n    vseed.measures,\n    vseed.dimensions,\n    advancedVSeed.dimensions!,\n    advancedVSeed.measures!,\n    encoding as Encoding,\n    [foldInfo],\n    advancedVSeed?.locale,\n  ) as unknown as IPieChartSpec['label']\n  if (label.labelLayout) {\n    ;(result.label as any)!.layout = {\n      align: label.labelLayout,\n    }\n  }\n  return result\n}\n"],"names":["labelPie","spec","context","result","advancedVSeed","vseed","datasetReshapeInfo","chartType","encoding","baseConfig","foldInfo","label","buildLabel"],"mappings":";AAIO,MAAMA,WAA2B,CAACC,MAAMC;IAC7C,MAAMC,SAAS;QAAE,GAAGF,IAAI;IAAC;IACzB,MAAM,EAAEG,aAAa,EAAEC,KAAK,EAAE,GAAGH;IACjC,MAAM,EAAEI,kBAAkB,EAAE,GAAGF;IAC/B,MAAM,EAAEG,SAAS,EAAEC,QAAQ,EAAE,GAAGJ;IAChC,MAAMK,aAAaL,cAAc,MAAM,CAACG,UAAU;IAClD,MAAMG,WAAWJ,kBAAkB,CAAC,EAAE,CAAC,QAAQ;IAE/C,MAAM,EAAEK,KAAK,EAAE,GAAGF;IAElBN,OAAO,KAAK,GAAGS,WACbD,OACAN,MAAM,QAAQ,EACdA,MAAM,UAAU,EAChBD,cAAc,UAAU,EACxBA,cAAc,QAAQ,EACtBI,UACA;QAACE;KAAS,EACVN,eAAe;IAEjB,IAAIO,MAAM,WAAW,EACjBR,OAAO,KAAK,CAAU,MAAM,GAAG;QAC/B,OAAOQ,MAAM,WAAW;IAC1B;IAEF,OAAOR;AACT"}

package/dist/esm/pipeline/spec/chart/pipes/label/labelScatter.js

@@ -9,7 +9,7 @@ const labelScatter = (spec, context)=>{
     const baseConfig = advancedVSeed.config[chartType];
     const foldInfoList = datasetReshapeInfo[0].foldInfoList;
     const { label } = baseConfig;
-    result.label = buildLabel(label, vseed.measures, vseed.dimensions, advancedVSeed.dimensions, advancedVSeed.measures, encoding, foldInfoList);
+    result.label = buildLabel(label, vseed.measures, vseed.dimensions, advancedVSeed.dimensions, advancedVSeed.measures, encoding, foldInfoList, advancedVSeed?.locale);
     return result;
 };
 export { labelScatter };

package/dist/esm/pipeline/spec/chart/pipes/label/labelScatter.js.map

@@ -1 +1 @@
-{"version":3,"file":"pipeline/spec/chart/pipes/label/labelScatter.js","sources":["webpack://@visactor/vseed/./src/pipeline/spec/chart/pipes/label/labelScatter.ts"],"sourcesContent":["import type { IScatterChartSpec } from '@visactor/vchart'\nimport type { Encoding, FoldInfo, Label, VChartSpecPipe } from 'src/types'\nimport { buildLabel } from './label'\n\nexport const labelScatter: VChartSpecPipe = (spec, context) => {\n  const result = { ...spec } as IScatterChartSpec\n  const { advancedVSeed, vseed } = context\n  const { datasetReshapeInfo } = advancedVSeed\n  const { chartType, encoding } = advancedVSeed\n  const baseConfig = advancedVSeed.config[chartType] as { label: Label }\n\n  const foldInfoList = datasetReshapeInfo[0].foldInfoList as FoldInfo[]\n\n  const { label } = baseConfig\n\n  result.label = buildLabel(\n    label,\n    vseed.measures,\n    vseed.dimensions,\n    advancedVSeed.dimensions!,\n    advancedVSeed.measures!,\n    encoding as Encoding,\n    foldInfoList,\n  ) as unknown as IScatterChartSpec['label']\n\n  return result\n}\n"],"names":["labelScatter","spec","context","result","advancedVSeed","vseed","datasetReshapeInfo","chartType","encoding","baseConfig","foldInfoList","label","buildLabel"],"mappings":";AAIO,MAAMA,eAA+B,CAACC,MAAMC;IACjD,MAAMC,SAAS;QAAE,GAAGF,IAAI;IAAC;IACzB,MAAM,EAAEG,aAAa,EAAEC,KAAK,EAAE,GAAGH;IACjC,MAAM,EAAEI,kBAAkB,EAAE,GAAGF;IAC/B,MAAM,EAAEG,SAAS,EAAEC,QAAQ,EAAE,GAAGJ;IAChC,MAAMK,aAAaL,cAAc,MAAM,CAACG,UAAU;IAElD,MAAMG,eAAeJ,kBAAkB,CAAC,EAAE,CAAC,YAAY;IAEvD,MAAM,EAAEK,KAAK,EAAE,GAAGF;IAElBN,OAAO,KAAK,GAAGS,WACbD,OACAN,MAAM,QAAQ,EACdA,MAAM,UAAU,EAChBD,cAAc,UAAU,EACxBA,cAAc,QAAQ,EACtBI,UACAE;IAGF,OAAOP;AACT"}
+{"version":3,"file":"pipeline/spec/chart/pipes/label/labelScatter.js","sources":["webpack://@visactor/vseed/./src/pipeline/spec/chart/pipes/label/labelScatter.ts"],"sourcesContent":["import type { IScatterChartSpec } from '@visactor/vchart'\nimport type { Encoding, FoldInfo, Label, VChartSpecPipe } from 'src/types'\nimport { buildLabel } from './label'\n\nexport const labelScatter: VChartSpecPipe = (spec, context) => {\n  const result = { ...spec } as IScatterChartSpec\n  const { advancedVSeed, vseed } = context\n  const { datasetReshapeInfo } = advancedVSeed\n  const { chartType, encoding } = advancedVSeed\n  const baseConfig = advancedVSeed.config[chartType] as { label: Label }\n\n  const foldInfoList = datasetReshapeInfo[0].foldInfoList as FoldInfo[]\n\n  const { label } = baseConfig\n\n  result.label = buildLabel(\n    label,\n    vseed.measures,\n    vseed.dimensions,\n    advancedVSeed.dimensions!,\n    advancedVSeed.measures!,\n    encoding as Encoding,\n    foldInfoList,\n    advancedVSeed?.locale,\n  ) as unknown as IScatterChartSpec['label']\n\n  return result\n}\n"],"names":["labelScatter","spec","context","result","advancedVSeed","vseed","datasetReshapeInfo","chartType","encoding","baseConfig","foldInfoList","label","buildLabel"],"mappings":";AAIO,MAAMA,eAA+B,CAACC,MAAMC;IACjD,MAAMC,SAAS;QAAE,GAAGF,IAAI;IAAC;IACzB,MAAM,EAAEG,aAAa,EAAEC,KAAK,EAAE,GAAGH;IACjC,MAAM,EAAEI,kBAAkB,EAAE,GAAGF;IAC/B,MAAM,EAAEG,SAAS,EAAEC,QAAQ,EAAE,GAAGJ;IAChC,MAAMK,aAAaL,cAAc,MAAM,CAACG,UAAU;IAElD,MAAMG,eAAeJ,kBAAkB,CAAC,EAAE,CAAC,YAAY;IAEvD,MAAM,EAAEK,KAAK,EAAE,GAAGF;IAElBN,OAAO,KAAK,GAAGS,WACbD,OACAN,MAAM,QAAQ,EACdA,MAAM,UAAU,EAChBD,cAAc,UAAU,EACxBA,cAAc,QAAQ,EACtBI,UACAE,cACAN,eAAe;IAGjB,OAAOD;AACT"}

package/dist/esm/pipeline/spec/chart/pipes/label/labelSunburst.js

@@ -1,14 +1,31 @@
 import { label as external_label_js_label } from "./label.js";
+import { createFormatterByDimension } from "../../../../utils/index.js";
+import { Separator } from "../../../../../dataReshape/index.js";
 const labelSunburst = (spec, context)=>{
     const { advancedVSeed } = context;
-    const { chartType, encoding } = advancedVSeed;
+    const { chartType, encoding, dimensions = [] } = advancedVSeed;
     const baseConfig = advancedVSeed.config[chartType];
     const { label } = baseConfig;
     const result = external_label_js_label(spec, context);
     if (label?.enable) {
         const labelSpec = result.label;
+        const formatHierarchyName = (name)=>{
+            const dimIds = encoding.hierarchy || [];
+            if (!dimIds.length) return name;
+            const dimFormatters = dimIds.map((id)=>{
+                const dim = dimensions.find((item)=>item.id === id);
+                return createFormatterByDimension(dim, advancedVSeed.locale);
+            });
+            const parts = String(name ?? '').split(Separator);
+            const formatted = parts.map((part, index)=>{
+                const formatter = dimFormatters[index] || ((v)=>v);
+                return formatter(part);
+            });
+            return formatted.join(Separator);
+        };
         result.label = {
             ...labelSpec,
+            formatMethod: (_, datum)=>formatHierarchyName(String(datum?.name ?? '')),
             style: {
                 ...labelSpec?.style,
                 fontSize: 12,

package/dist/esm/pipeline/spec/chart/pipes/label/labelSunburst.js.map

@@ -1 +1 @@
-{"version":3,"file":"pipeline/spec/chart/pipes/label/labelSunburst.js","sources":["webpack://@visactor/vseed/./src/pipeline/spec/chart/pipes/label/labelSunburst.ts"],"sourcesContent":["import type { ILineChartSpec } from '@visactor/vchart'\nimport type { Label, VChartSpecPipe } from 'src/types'\nimport { label as commonLabel } from './label'\n\nexport const labelSunburst: VChartSpecPipe = (spec, context) => {\n  const { advancedVSeed } = context\n  const { chartType, encoding } = advancedVSeed\n  const baseConfig = advancedVSeed.config[chartType] as { label: Label }\n  const { label } = baseConfig\n\n  // Reuse common label logic\n  const result = commonLabel(spec, context) as ILineChartSpec\n\n  // Override with sunburst specific logic\n  if (label?.enable) {\n    const labelSpec = result.label as any\n    result.label = {\n      ...labelSpec,\n      style: {\n        ...labelSpec?.style,\n        fontSize: 12,\n        fillOpacity: (datum: any) => {\n          if (encoding.hierarchy?.length === 1) {\n            return 1\n          }\n          return datum.isLeaf ? 0.4 : 0.6\n        },\n      },\n    }\n  }\n\n  return result\n}\n"],"names":["labelSunburst","spec","context","advancedVSeed","chartType","encoding","baseConfig","label","result","commonLabel","labelSpec","datum"],"mappings":";AAIO,MAAMA,gBAAgC,CAACC,MAAMC;IAClD,MAAM,EAAEC,aAAa,EAAE,GAAGD;IAC1B,MAAM,EAAEE,SAAS,EAAEC,QAAQ,EAAE,GAAGF;IAChC,MAAMG,aAAaH,cAAc,MAAM,CAACC,UAAU;IAClD,MAAM,EAAEG,KAAK,EAAE,GAAGD;IAGlB,MAAME,SAASC,wBAAYR,MAAMC;IAGjC,IAAIK,OAAO,QAAQ;QACjB,MAAMG,YAAYF,OAAO,KAAK;QAC9BA,OAAO,KAAK,GAAG;YACb,GAAGE,SAAS;YACZ,OAAO;gBACL,GAAGA,WAAW,KAAK;gBACnB,UAAU;gBACV,aAAa,CAACC;oBACZ,IAAIN,SAAS,SAAS,EAAE,WAAW,GACjC,OAAO;oBAET,OAAOM,MAAM,MAAM,GAAG,MAAM;gBAC9B;YACF;QACF;IACF;IAEA,OAAOH;AACT"}
+{"version":3,"file":"pipeline/spec/chart/pipes/label/labelSunburst.js","sources":["webpack://@visactor/vseed/./src/pipeline/spec/chart/pipes/label/labelSunburst.ts"],"sourcesContent":["import type { ILineChartSpec } from '@visactor/vchart'\nimport type { Label, VChartSpecPipe } from 'src/types'\nimport { label as commonLabel } from './label'\nimport { createFormatterByDimension } from 'src/pipeline/utils'\nimport { Separator } from 'src/dataReshape'\n\nexport const labelSunburst: VChartSpecPipe = (spec, context) => {\n  const { advancedVSeed } = context\n  const { chartType, encoding, dimensions = [] } = advancedVSeed\n  const baseConfig = advancedVSeed.config[chartType] as { label: Label }\n  const { label } = baseConfig\n\n  // Reuse common label logic\n  const result = commonLabel(spec, context) as ILineChartSpec\n\n  // Override with sunburst specific logic\n  if (label?.enable) {\n    const labelSpec = result.label as any\n    const formatHierarchyName = (name: string) => {\n      const dimIds = encoding.hierarchy || []\n      if (!dimIds.length) {\n        return name\n      }\n      const dimFormatters = dimIds.map((id) => {\n        const dim = dimensions.find((item) => item.id === id)\n        return createFormatterByDimension(dim, advancedVSeed.locale)\n      })\n      const parts = String(name ?? '').split(Separator)\n      const formatted = parts.map((part, index) => {\n        const formatter = dimFormatters[index] || ((v: string) => v)\n        return formatter(part)\n      })\n      return formatted.join(Separator)\n    }\n\n    result.label = {\n      ...labelSpec,\n      formatMethod: (_: unknown, datum: any) => {\n        return formatHierarchyName(String(datum?.name ?? ''))\n      },\n      style: {\n        ...labelSpec?.style,\n        fontSize: 12,\n        fillOpacity: (datum: any) => {\n          if (encoding.hierarchy?.length === 1) {\n            return 1\n          }\n          return datum.isLeaf ? 0.4 : 0.6\n        },\n      },\n    }\n  }\n\n  return result\n}\n"],"names":["labelSunburst","spec","context","advancedVSeed","chartType","encoding","dimensions","baseConfig","label","result","commonLabel","labelSpec","formatHierarchyName","name","dimIds","dimFormatters","id","dim","item","createFormatterByDimension","parts","String","Separator","formatted","part","index","formatter","v","_","datum"],"mappings":";;;AAMO,MAAMA,gBAAgC,CAACC,MAAMC;IAClD,MAAM,EAAEC,aAAa,EAAE,GAAGD;IAC1B,MAAM,EAAEE,SAAS,EAAEC,QAAQ,EAAEC,aAAa,EAAE,EAAE,GAAGH;IACjD,MAAMI,aAAaJ,cAAc,MAAM,CAACC,UAAU;IAClD,MAAM,EAAEI,KAAK,EAAE,GAAGD;IAGlB,MAAME,SAASC,wBAAYT,MAAMC;IAGjC,IAAIM,OAAO,QAAQ;QACjB,MAAMG,YAAYF,OAAO,KAAK;QAC9B,MAAMG,sBAAsB,CAACC;YAC3B,MAAMC,SAAST,SAAS,SAAS,IAAI,EAAE;YACvC,IAAI,CAACS,OAAO,MAAM,EAChB,OAAOD;YAET,MAAME,gBAAgBD,OAAO,GAAG,CAAC,CAACE;gBAChC,MAAMC,MAAMX,WAAW,IAAI,CAAC,CAACY,OAASA,KAAK,EAAE,KAAKF;gBAClD,OAAOG,2BAA2BF,KAAKd,cAAc,MAAM;YAC7D;YACA,MAAMiB,QAAQC,OAAOR,QAAQ,IAAI,KAAK,CAACS;YACvC,MAAMC,YAAYH,MAAM,GAAG,CAAC,CAACI,MAAMC;gBACjC,MAAMC,YAAYX,aAAa,CAACU,MAAM,IAAM,EAAAE,IAAcA,CAAAA;gBAC1D,OAAOD,UAAUF;YACnB;YACA,OAAOD,UAAU,IAAI,CAACD;QACxB;QAEAb,OAAO,KAAK,GAAG;YACb,GAAGE,SAAS;YACZ,cAAc,CAACiB,GAAYC,QAClBjB,oBAAoBS,OAAOQ,OAAO,QAAQ;YAEnD,OAAO;gBACL,GAAGlB,WAAW,KAAK;gBACnB,UAAU;gBACV,aAAa,CAACkB;oBACZ,IAAIxB,SAAS,SAAS,EAAE,WAAW,GACjC,OAAO;oBAET,OAAOwB,MAAM,MAAM,GAAG,MAAM;gBAC9B;YACF;QACF;IACF;IAEA,OAAOpB;AACT"}

package/dist/esm/pipeline/spec/chart/pipes/label/labelTreeMapGroup.js

@@ -1,15 +1,25 @@
+import { createFormatterByDimension } from "../../../../utils/index.js";
 const labelTreeMapGroup = (spec, context)=>{
     const result = {
         ...spec
     };
     const { advancedVSeed } = context;
-    const { chartType } = advancedVSeed;
+    const { chartType, dimensions = [], encoding } = advancedVSeed;
     const baseConfig = advancedVSeed.config[chartType];
     const { label } = baseConfig;
     if (!label.enable) return result;
     result.nonLeaf = {
         visible: true
     };
+    const dimIds = encoding.hierarchy || [];
+    const dimFormatters = dimIds.map((id)=>{
+        const dim = dimensions.find((item)=>item.id === id);
+        return createFormatterByDimension(dim, advancedVSeed.locale);
+    });
+    const formatHierarchyName = (name, depth)=>{
+        if (!dimFormatters?.[depth]) return name;
+        return dimFormatters[depth](name);
+    };
     result.nonLeafLabel = {
         visible: true,
         position: 'top',
@@ -17,9 +27,7 @@ const labelTreeMapGroup = (spec, context)=>{
         style: {
             x: (data)=>(data.labelRect?.x0 || 0) + 4,
             textAlign: 'left',
-            text: (data)=>[
-                    data.name
-                ],
+            text: (data)=>formatHierarchyName(String(data.name ?? ''), data.depth),
             fontSize: 12,
             fill: '#000'
         }

package/dist/esm/pipeline/spec/chart/pipes/label/labelTreeMapGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"pipeline/spec/chart/pipes/label/labelTreeMapGroup.js","sources":["webpack://@visactor/vseed/./src/pipeline/spec/chart/pipes/label/labelTreeMapGroup.ts"],"sourcesContent":["import type { ITreemapChartSpec } from '@visactor/vchart'\nimport type { Label, VChartSpecPipe } from 'src/types'\n\nexport const labelTreeMapGroup: VChartSpecPipe = (spec, context) => {\n  const result = { ...spec } as ITreemapChartSpec\n  const { advancedVSeed } = context\n  const { chartType } = advancedVSeed\n  const baseConfig = advancedVSeed.config[chartType] as { label: Label }\n  const { label } = baseConfig\n\n  if (!label.enable) {\n    return result\n  }\n\n  result.nonLeaf = {\n    visible: true,\n  }\n\n  result.nonLeafLabel = {\n    visible: true,\n    position: 'top',\n    padding: 30,\n    style: {\n      x: (data: any) => {\n        return (data.labelRect?.x0 || 0) + 4\n      },\n      textAlign: 'left',\n      text: (data: any) => {\n        return [data.name]\n      },\n      fontSize: 12,\n      fill: '#000',\n    },\n  }\n\n  return result\n}\n"],"names":["labelTreeMapGroup","spec","context","result","advancedVSeed","chartType","baseConfig","label","data"],"mappings":"AAGO,MAAMA,oBAAoC,CAACC,MAAMC;IACtD,MAAMC,SAAS;QAAE,GAAGF,IAAI;IAAC;IACzB,MAAM,EAAEG,aAAa,EAAE,GAAGF;IAC1B,MAAM,EAAEG,SAAS,EAAE,GAAGD;IACtB,MAAME,aAAaF,cAAc,MAAM,CAACC,UAAU;IAClD,MAAM,EAAEE,KAAK,EAAE,GAAGD;IAElB,IAAI,CAACC,MAAM,MAAM,EACf,OAAOJ;IAGTA,OAAO,OAAO,GAAG;QACf,SAAS;IACX;IAEAA,OAAO,YAAY,GAAG;QACpB,SAAS;QACT,UAAU;QACV,SAAS;QACT,OAAO;YACL,GAAG,CAACK,OACMA,AAAAA,CAAAA,KAAK,SAAS,EAAE,MAAM,KAAK;YAErC,WAAW;YACX,MAAM,CAACA,OACE;oBAACA,KAAK,IAAI;iBAAC;YAEpB,UAAU;YACV,MAAM;QACR;IACF;IAEA,OAAOL;AACT"}
+{"version":3,"file":"pipeline/spec/chart/pipes/label/labelTreeMapGroup.js","sources":["webpack://@visactor/vseed/./src/pipeline/spec/chart/pipes/label/labelTreeMapGroup.ts"],"sourcesContent":["import type { ITreemapChartSpec } from '@visactor/vchart'\nimport type { Label, VChartSpecPipe } from 'src/types'\nimport { createFormatterByDimension } from 'src/pipeline/utils'\n\nexport const labelTreeMapGroup: VChartSpecPipe = (spec, context) => {\n  const result = { ...spec } as ITreemapChartSpec\n  const { advancedVSeed } = context\n  const { chartType, dimensions = [], encoding } = advancedVSeed\n  const baseConfig = advancedVSeed.config[chartType] as { label: Label }\n  const { label } = baseConfig\n\n  if (!label.enable) {\n    return result\n  }\n\n  result.nonLeaf = {\n    visible: true,\n  }\n\n  const dimIds = encoding.hierarchy || []\n  const dimFormatters = dimIds.map((id) => {\n    const dim = dimensions.find((item) => item.id === id)\n    return createFormatterByDimension(dim, advancedVSeed.locale)\n  })\n  const formatHierarchyName = (name: string, depth: number) => {\n    if (!dimFormatters?.[depth]) {\n      return name\n    }\n    return dimFormatters[depth](name)\n  }\n\n  result.nonLeafLabel = {\n    visible: true,\n    position: 'top',\n    padding: 30,\n    style: {\n      x: (data: any) => {\n        return (data.labelRect?.x0 || 0) + 4\n      },\n      textAlign: 'left',\n      text: (data: any) => {\n        return formatHierarchyName(String(data.name ?? ''), data.depth)\n      },\n      fontSize: 12,\n      fill: '#000',\n    },\n  }\n\n  return result\n}\n"],"names":["labelTreeMapGroup","spec","context","result","advancedVSeed","chartType","dimensions","encoding","baseConfig","label","dimIds","dimFormatters","id","dim","item","createFormatterByDimension","formatHierarchyName","name","depth","data","String"],"mappings":";AAIO,MAAMA,oBAAoC,CAACC,MAAMC;IACtD,MAAMC,SAAS;QAAE,GAAGF,IAAI;IAAC;IACzB,MAAM,EAAEG,aAAa,EAAE,GAAGF;IAC1B,MAAM,EAAEG,SAAS,EAAEC,aAAa,EAAE,EAAEC,QAAQ,EAAE,GAAGH;IACjD,MAAMI,aAAaJ,cAAc,MAAM,CAACC,UAAU;IAClD,MAAM,EAAEI,KAAK,EAAE,GAAGD;IAElB,IAAI,CAACC,MAAM,MAAM,EACf,OAAON;IAGTA,OAAO,OAAO,GAAG;QACf,SAAS;IACX;IAEA,MAAMO,SAASH,SAAS,SAAS,IAAI,EAAE;IACvC,MAAMI,gBAAgBD,OAAO,GAAG,CAAC,CAACE;QAChC,MAAMC,MAAMP,WAAW,IAAI,CAAC,CAACQ,OAASA,KAAK,EAAE,KAAKF;QAClD,OAAOG,2BAA2BF,KAAKT,cAAc,MAAM;IAC7D;IACA,MAAMY,sBAAsB,CAACC,MAAcC;QACzC,IAAI,CAACP,eAAe,CAACO,MAAM,EACzB,OAAOD;QAET,OAAON,aAAa,CAACO,MAAM,CAACD;IAC9B;IAEAd,OAAO,YAAY,GAAG;QACpB,SAAS;QACT,UAAU;QACV,SAAS;QACT,OAAO;YACL,GAAG,CAACgB,OACMA,AAAAA,CAAAA,KAAK,SAAS,EAAE,MAAM,KAAK;YAErC,WAAW;YACX,MAAM,CAACA,OACEH,oBAAoBI,OAAOD,KAAK,IAAI,IAAI,KAAKA,KAAK,KAAK;YAEhE,UAAU;YACV,MAAM;QACR;IACF;IAEA,OAAOhB;AACT"}

package/dist/esm/pipeline/spec/chart/pipes/label/labelTreeMapLeaf.js

@@ -1,4 +1,4 @@
-import { createFormatter, findMeasureById } from "../../../../utils/index.js";
+import { createFormatter, createFormatterByDimension, findMeasureById } from "../../../../utils/index.js";
 import { isNumber, merge, uniqueBy } from "remeda";
 import { MeasureId } from "../../../../../dataReshape/constant.js";
 import { generateMeasurePercent, generateMeasureValue, label as external_label_js_label } from "./label.js";
@@ -40,7 +40,9 @@ const labelTreeMapLeaf = (spec, context)=>{
         const resultText = [];
         const dimLabels = labelDims.map((item)=>{
             const id = item.id;
-            return realDatum[id] ?? realDatum.__OriginalData__?.[id];
+            const rawValue = realDatum[id] ?? realDatum.__OriginalData__?.[id];
+            const formatter = createFormatterByDimension(item, advancedVSeed.locale);
+            return formatter(rawValue);
         }).filter((v)=>null != v && '' !== v);
         resultText.push(...dimLabels);
         const meaLabels = labelMeas.map((item)=>generateMeasureValue(realDatum[item.id] ?? realDatum.__OriginalData__?.[item.id], item, autoFormat, numFormat));

package/dist/esm/pipeline/spec/chart/pipes/label/labelTreeMapLeaf.js.map

@@ -1 +1 @@
-{"version":3,"file":"pipeline/spec/chart/pipes/label/labelTreeMapLeaf.js","sources":["webpack://@visactor/vseed/./src/pipeline/spec/chart/pipes/label/labelTreeMapLeaf.ts"],"sourcesContent":["import type { ILineChartSpec } from '@visactor/vchart'\nimport { createFormatter, findMeasureById } from '../../../../utils'\nimport type { Datum, Dimension, FoldInfo, Label, Measure, NumFormat, VChartSpecPipe } from 'src/types'\nimport { isNumber, merge, uniqueBy } from 'remeda'\nimport { MeasureId } from 'src/dataReshape/constant'\nimport { label as commonLabel, generateMeasurePercent, generateMeasureValue } from './label'\n\nexport const labelTreeMapLeaf: VChartSpecPipe = (spec, context) => {\n  const result = commonLabel(spec, context) as ILineChartSpec\n  const { advancedVSeed, vseed } = context\n  const { datasetReshapeInfo } = advancedVSeed\n  const { chartType, encoding } = advancedVSeed\n  const baseConfig = advancedVSeed.config[chartType] as { label: Label }\n  const foldInfoList = [datasetReshapeInfo[0].foldInfo as FoldInfo]\n\n  const { label } = baseConfig\n  if (!label.enable) {\n    return result\n  }\n\n  const { showValue, showValuePercent, showDimension, autoFormat, numFormat = {}, wrap } = label\n\n  const hasDimLabelEncoding = vseed.dimensions?.some((item) => encoding.label?.includes(item.id))\n\n  const labelDims = uniqueBy(\n    hasDimLabelEncoding\n      ? vseed.dimensions?.filter((item) => encoding.label?.includes(item.id)) || []\n      : showDimension\n        ? advancedVSeed.dimensions!.filter((d) => d.id !== MeasureId && d.encoding !== 'row' && d.encoding !== 'column')\n        : [],\n    (item: Dimension) => item.id,\n  )\n\n  const labelMeas = uniqueBy(\n    vseed.measures?.filter((item) => encoding.label?.includes(item.id)) || [],\n    (item: Measure) => item.id,\n  )\n\n  const percentFormat: NumFormat = merge(numFormat, {\n    type: 'percent',\n  } as NumFormat)\n\n  const percentFormatter = createFormatter(percentFormat)\n\n  if (result.label) {\n    ;(result.label as any).formatMethod = (_: unknown, datum: Datum) => {\n      // TreeMap returns a nested structure where `datum` is an array of children.\n      // We need to find the specific data item that matches the current node's name.\n      // The current node's name is usually available in the top-level datum object (which is `datum` here).\n      // However, VChart's TreeMap datum structure is a bit complex.\n      // Based on the user provided example:\n      // datum: { name: \"Stapler\", datum: [...], ... }\n\n      const nodeName = datum.name\n      const dataArray = datum.datum as any[]\n\n      if (!dataArray || !Array.isArray(dataArray)) {\n        return ''\n      }\n\n      // Helper to find the matching data node recursively\n      const findDataNode = (nodes: any[], name: string): any => {\n        for (const node of nodes) {\n          if (node.name === name) {\n            return node\n          }\n          if (node.children) {\n            const found = findDataNode(node.children, name)\n            if (found) return found\n          }\n        }\n        return null\n      }\n\n      // The structure seems to be that `datum` (the array) contains the root(s) of the hierarchy relevant to this node?\n      // Or simply the data array we passed in.\n      // Let's try to find the node with the matching name.\n      const realDatum = findDataNode(dataArray, nodeName as string)\n\n      if (!realDatum) {\n        return ''\n      }\n\n      const resultText: string[] = []\n\n      // 1. Dimension Labels\n      const dimLabels = labelDims\n        .map((item: Dimension) => {\n          const id = item.id\n          // Try to get from realDatum (it has fields attached in datasetHierarchy.ts)\n          // or fallback to __OriginalData__\n          return (realDatum[id] ?? realDatum.__OriginalData__?.[id]) as number | string\n        })\n        .filter((v) => v !== undefined && v !== null && v !== '')\n\n      resultText.push(...(dimLabels as string[]))\n\n      // 2. Measure Labels (from label encoding)\n      const meaLabels = labelMeas.map((item: Measure) =>\n        generateMeasureValue(\n          (realDatum[item.id] ?? realDatum.__OriginalData__?.[item.id]) as number | string,\n          item,\n          autoFormat,\n          numFormat,\n        ),\n      )\n      resultText.push(...meaLabels)\n\n      // 3. Value and Percent (default/implicit)\n      foldInfoList.forEach((foldInfo) => {\n        const { measureId, measureValue, statistics } = foldInfo\n        // The measure ID might be in __MeaId__ or we look it up from the datum\n        const currentMeasureId = (realDatum[measureId] ?? realDatum.__MeaId__) as string\n        const measure = findMeasureById(advancedVSeed.measures!, currentMeasureId)\n\n        if (measure) {\n          const val = (realDatum[measureValue] ?? realDatum.__MeaValue__ ?? realDatum.value) as number | string\n\n          const measureValueLabel = generateMeasureValue(val, measure, autoFormat, numFormat)\n\n          if (showValue) {\n            resultText.push(measureValueLabel)\n          }\n          if (showValuePercent) {\n            // For TreeMap, percentage usually implies % of parent or total.\n            // If we have statistics.sum (total), we can calculate it.\n            if (statistics && isNumber(statistics.sum)) {\n              resultText.push(generateMeasurePercent(val, statistics.sum, percentFormatter))\n            }\n          }\n        }\n      })\n\n      if (wrap) {\n        return resultText\n      }\n      return resultText.join(' ')\n    }\n  }\n\n  return result\n}\n"],"names":["labelTreeMapLeaf","spec","context","result","commonLabel","advancedVSeed","vseed","datasetReshapeInfo","chartType","encoding","baseConfig","foldInfoList","label","showValue","showValuePercent","showDimension","autoFormat","numFormat","wrap","hasDimLabelEncoding","item","labelDims","uniqueBy","d","MeasureId","labelMeas","percentFormat","merge","percentFormatter","createFormatter","_","datum","nodeName","dataArray","Array","findDataNode","nodes","name","node","found","realDatum","resultText","dimLabels","id","v","meaLabels","generateMeasureValue","foldInfo","measureId","measureValue","statistics","currentMeasureId","measure","findMeasureById","val","measureValueLabel","isNumber","generateMeasurePercent"],"mappings":"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"}
+{"version":3,"file":"pipeline/spec/chart/pipes/label/labelTreeMapLeaf.js","sources":["webpack://@visactor/vseed/./src/pipeline/spec/chart/pipes/label/labelTreeMapLeaf.ts"],"sourcesContent":["import type { ILineChartSpec } from '@visactor/vchart'\nimport { createFormatter, createFormatterByDimension, findMeasureById } from '../../../../utils'\nimport type { Datum, Dimension, FoldInfo, Label, Measure, NumFormat, VChartSpecPipe } from 'src/types'\nimport { isNumber, merge, uniqueBy } from 'remeda'\nimport { MeasureId } from 'src/dataReshape/constant'\nimport { label as commonLabel, generateMeasurePercent, generateMeasureValue } from './label'\n\nexport const labelTreeMapLeaf: VChartSpecPipe = (spec, context) => {\n  const result = commonLabel(spec, context) as ILineChartSpec\n  const { advancedVSeed, vseed } = context\n  const { datasetReshapeInfo } = advancedVSeed\n  const { chartType, encoding } = advancedVSeed\n  const baseConfig = advancedVSeed.config[chartType] as { label: Label }\n  const foldInfoList = [datasetReshapeInfo[0].foldInfo as FoldInfo]\n\n  const { label } = baseConfig\n  if (!label.enable) {\n    return result\n  }\n\n  const { showValue, showValuePercent, showDimension, autoFormat, numFormat = {}, wrap } = label\n\n  const hasDimLabelEncoding = vseed.dimensions?.some((item) => encoding.label?.includes(item.id))\n\n  const labelDims = uniqueBy(\n    hasDimLabelEncoding\n      ? vseed.dimensions?.filter((item) => encoding.label?.includes(item.id)) || []\n      : showDimension\n        ? advancedVSeed.dimensions!.filter((d) => d.id !== MeasureId && d.encoding !== 'row' && d.encoding !== 'column')\n        : [],\n    (item: Dimension) => item.id,\n  )\n\n  const labelMeas = uniqueBy(\n    vseed.measures?.filter((item) => encoding.label?.includes(item.id)) || [],\n    (item: Measure) => item.id,\n  )\n\n  const percentFormat: NumFormat = merge(numFormat, {\n    type: 'percent',\n  } as NumFormat)\n\n  const percentFormatter = createFormatter(percentFormat)\n\n  if (result.label) {\n    ;(result.label as any).formatMethod = (_: unknown, datum: Datum) => {\n      // TreeMap returns a nested structure where `datum` is an array of children.\n      // We need to find the specific data item that matches the current node's name.\n      // The current node's name is usually available in the top-level datum object (which is `datum` here).\n      // However, VChart's TreeMap datum structure is a bit complex.\n      // Based on the user provided example:\n      // datum: { name: \"Stapler\", datum: [...], ... }\n\n      const nodeName = datum.name\n      const dataArray = datum.datum as any[]\n\n      if (!dataArray || !Array.isArray(dataArray)) {\n        return ''\n      }\n\n      // Helper to find the matching data node recursively\n      const findDataNode = (nodes: any[], name: string): any => {\n        for (const node of nodes) {\n          if (node.name === name) {\n            return node\n          }\n          if (node.children) {\n            const found = findDataNode(node.children, name)\n            if (found) return found\n          }\n        }\n        return null\n      }\n\n      // The structure seems to be that `datum` (the array) contains the root(s) of the hierarchy relevant to this node?\n      // Or simply the data array we passed in.\n      // Let's try to find the node with the matching name.\n      const realDatum = findDataNode(dataArray, nodeName as string)\n\n      if (!realDatum) {\n        return ''\n      }\n\n      const resultText: string[] = []\n\n      // 1. Dimension Labels\n      const dimLabels = labelDims\n        .map((item: Dimension) => {\n          const id = item.id\n          const rawValue = (realDatum[id] ?? realDatum.__OriginalData__?.[id]) as number | string\n          const formatter = createFormatterByDimension(item, advancedVSeed.locale)\n          return formatter(rawValue)\n        })\n        .filter((v) => v !== undefined && v !== null && v !== '')\n\n      resultText.push(...(dimLabels as string[]))\n\n      // 2. Measure Labels (from label encoding)\n      const meaLabels = labelMeas.map((item: Measure) =>\n        generateMeasureValue(\n          (realDatum[item.id] ?? realDatum.__OriginalData__?.[item.id]) as number | string,\n          item,\n          autoFormat,\n          numFormat,\n        ),\n      )\n      resultText.push(...meaLabels)\n\n      // 3. Value and Percent (default/implicit)\n      foldInfoList.forEach((foldInfo) => {\n        const { measureId, measureValue, statistics } = foldInfo\n        // The measure ID might be in __MeaId__ or we look it up from the datum\n        const currentMeasureId = (realDatum[measureId] ?? realDatum.__MeaId__) as string\n        const measure = findMeasureById(advancedVSeed.measures!, currentMeasureId)\n\n        if (measure) {\n          const val = (realDatum[measureValue] ?? realDatum.__MeaValue__ ?? realDatum.value) as number | string\n\n          const measureValueLabel = generateMeasureValue(val, measure, autoFormat, numFormat)\n\n          if (showValue) {\n            resultText.push(measureValueLabel)\n          }\n          if (showValuePercent) {\n            // For TreeMap, percentage usually implies % of parent or total.\n            // If we have statistics.sum (total), we can calculate it.\n            if (statistics && isNumber(statistics.sum)) {\n              resultText.push(generateMeasurePercent(val, statistics.sum, percentFormatter))\n            }\n          }\n        }\n      })\n\n      if (wrap) {\n        return resultText\n      }\n      return resultText.join(' ')\n    }\n  }\n\n  return result\n}\n"],"names":["labelTreeMapLeaf","spec","context","result","commonLabel","advancedVSeed","vseed","datasetReshapeInfo","chartType","encoding","baseConfig","foldInfoList","label","showValue","showValuePercent","showDimension","autoFormat","numFormat","wrap","hasDimLabelEncoding","item","labelDims","uniqueBy","d","MeasureId","labelMeas","percentFormat","merge","percentFormatter","createFormatter","_","datum","nodeName","dataArray","Array","findDataNode","nodes","name","node","found","realDatum","resultText","dimLabels","id","rawValue","formatter","createFormatterByDimension","v","meaLabels","generateMeasureValue","foldInfo","measureId","measureValue","statistics","currentMeasureId","measure","findMeasureById","val","measureValueLabel","isNumber","generateMeasurePercent"],"mappings":"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"}

package/dist/esm/pipeline/spec/chart/pipes/pivotChart/pivotColumnDimensions.js

@@ -1,4 +1,5 @@
 import { FoldXMeasureId } from "../../../../../dataReshape/index.js";
+import { createFormatterByDimension } from "../../../../utils/index.js";
 const pivotColumnDimensions = (spec, context)=>{
     const result = {
         ...spec
@@ -17,6 +18,10 @@ const pivotColumnDimensions = (spec, context)=>{
             const measure = measures.find((m)=>m.id === title);
             return measure ? measure.alias ?? measure.id : title;
         };
+        else if (dim.timeFormat) {
+            const formatter = createFormatterByDimension(dim, advancedVSeed.locale);
+            baseConfig.headerFormat = (value)=>formatter(value);
+        }
         return baseConfig;
     });
     return {

package/dist/esm/pipeline/spec/chart/pipes/pivotChart/pivotColumnDimensions.js.map

@@ -1 +1 @@
-{"version":3,"file":"pipeline/spec/chart/pipes/pivotChart/pivotColumnDimensions.js","sources":["webpack://@visactor/vseed/./src/pipeline/spec/chart/pipes/pivotChart/pivotColumnDimensions.ts"],"sourcesContent":["import type { PivotChartConstructorOptions } from '@visactor/vtable'\nimport { FoldXMeasureId } from 'src/dataReshape'\nimport type { Dimensions, PivotChartSpecPipe } from 'src/types'\n\nexport const pivotColumnDimensions: PivotChartSpecPipe = (spec, context): Partial<PivotChartConstructorOptions> => {\n  const result = { ...spec } as PivotChartConstructorOptions\n  const { advancedVSeed } = context\n  const dimensions = advancedVSeed.dimensions as Dimensions\n  const measures = advancedVSeed.measures ?? []\n\n  if (!dimensions) {\n    return result\n  }\n  const columnDimensions = dimensions.filter((dim) => dim.encoding === 'column')\n  const columns = columnDimensions.map((dim) => {\n    const baseConfig: any = {\n      dimensionKey: dim.id,\n      title: dim.alias ?? dim.id,\n    }\n\n    if (dim.id === FoldXMeasureId) {\n      baseConfig.headerFormat = (title: string) => {\n        const measure = measures.find((m) => m.id === title)\n\n        return measure ? (measure.alias ?? measure.id) : title\n      }\n    }\n\n    return baseConfig\n  }) as unknown\n\n  return {\n    ...result,\n    columns: columns,\n  } as Partial<PivotChartConstructorOptions>\n}\n"],"names":["pivotColumnDimensions","spec","context","result","advancedVSeed","dimensions","measures","columnDimensions","dim","columns","baseConfig","FoldXMeasureId","title","measure","m"],"mappings":";AAIO,MAAMA,wBAA4C,CAACC,MAAMC;IAC9D,MAAMC,SAAS;QAAE,GAAGF,IAAI;IAAC;IACzB,MAAM,EAAEG,aAAa,EAAE,GAAGF;IAC1B,MAAMG,aAAaD,cAAc,UAAU;IAC3C,MAAME,WAAWF,cAAc,QAAQ,IAAI,EAAE;IAE7C,IAAI,CAACC,YACH,OAAOF;IAET,MAAMI,mBAAmBF,WAAW,MAAM,CAAC,CAACG,MAAQA,AAAiB,aAAjBA,IAAI,QAAQ;IAChE,MAAMC,UAAUF,iBAAiB,GAAG,CAAC,CAACC;QACpC,MAAME,aAAkB;YACtB,cAAcF,IAAI,EAAE;YACpB,OAAOA,IAAI,KAAK,IAAIA,IAAI,EAAE;QAC5B;QAEA,IAAIA,IAAI,EAAE,KAAKG,gBACbD,WAAW,YAAY,GAAG,CAACE;YACzB,MAAMC,UAAUP,SAAS,IAAI,CAAC,CAACQ,IAAMA,EAAE,EAAE,KAAKF;YAE9C,OAAOC,UAAWA,QAAQ,KAAK,IAAIA,QAAQ,EAAE,GAAID;QACnD;QAGF,OAAOF;IACT;IAEA,OAAO;QACL,GAAGP,MAAM;QACT,SAASM;IACX;AACF"}
+{"version":3,"file":"pipeline/spec/chart/pipes/pivotChart/pivotColumnDimensions.js","sources":["webpack://@visactor/vseed/./src/pipeline/spec/chart/pipes/pivotChart/pivotColumnDimensions.ts"],"sourcesContent":["import type { PivotChartConstructorOptions } from '@visactor/vtable'\nimport { FoldXMeasureId } from 'src/dataReshape'\nimport { createFormatterByDimension } from 'src/pipeline/utils'\nimport type { Dimensions, PivotChartSpecPipe } from 'src/types'\n\nexport const pivotColumnDimensions: PivotChartSpecPipe = (spec, context): Partial<PivotChartConstructorOptions> => {\n  const result = { ...spec } as PivotChartConstructorOptions\n  const { advancedVSeed } = context\n  const dimensions = advancedVSeed.dimensions as Dimensions\n  const measures = advancedVSeed.measures ?? []\n\n  if (!dimensions) {\n    return result\n  }\n  const columnDimensions = dimensions.filter((dim) => dim.encoding === 'column')\n  const columns = columnDimensions.map((dim) => {\n    const baseConfig: any = {\n      dimensionKey: dim.id,\n      title: dim.alias ?? dim.id,\n    }\n\n    if (dim.id === FoldXMeasureId) {\n      baseConfig.headerFormat = (title: string) => {\n        const measure = measures.find((m) => m.id === title)\n\n        return measure ? (measure.alias ?? measure.id) : title\n      }\n    } else if (dim.timeFormat) {\n      const formatter = createFormatterByDimension(dim, advancedVSeed.locale)\n      baseConfig.headerFormat = (value: string | number) => formatter(value)\n    }\n\n    return baseConfig\n  }) as unknown\n\n  return {\n    ...result,\n    columns: columns,\n  } as Partial<PivotChartConstructorOptions>\n}\n"],"names":["pivotColumnDimensions","spec","context","result","advancedVSeed","dimensions","measures","columnDimensions","dim","columns","baseConfig","FoldXMeasureId","title","measure","m","formatter","createFormatterByDimension","value"],"mappings":";;AAKO,MAAMA,wBAA4C,CAACC,MAAMC;IAC9D,MAAMC,SAAS;QAAE,GAAGF,IAAI;IAAC;IACzB,MAAM,EAAEG,aAAa,EAAE,GAAGF;IAC1B,MAAMG,aAAaD,cAAc,UAAU;IAC3C,MAAME,WAAWF,cAAc,QAAQ,IAAI,EAAE;IAE7C,IAAI,CAACC,YACH,OAAOF;IAET,MAAMI,mBAAmBF,WAAW,MAAM,CAAC,CAACG,MAAQA,AAAiB,aAAjBA,IAAI,QAAQ;IAChE,MAAMC,UAAUF,iBAAiB,GAAG,CAAC,CAACC;QACpC,MAAME,aAAkB;YACtB,cAAcF,IAAI,EAAE;YACpB,OAAOA,IAAI,KAAK,IAAIA,IAAI,EAAE;QAC5B;QAEA,IAAIA,IAAI,EAAE,KAAKG,gBACbD,WAAW,YAAY,GAAG,CAACE;YACzB,MAAMC,UAAUP,SAAS,IAAI,CAAC,CAACQ,IAAMA,EAAE,EAAE,KAAKF;YAE9C,OAAOC,UAAWA,QAAQ,KAAK,IAAIA,QAAQ,EAAE,GAAID;QACnD;aACK,IAAIJ,IAAI,UAAU,EAAE;YACzB,MAAMO,YAAYC,2BAA2BR,KAAKJ,cAAc,MAAM;YACtEM,WAAW,YAAY,GAAG,CAACO,QAA2BF,UAAUE;QAClE;QAEA,OAAOP;IACT;IAEA,OAAO;QACL,GAAGP,MAAM;QACT,SAASM;IACX;AACF"}

package/dist/esm/pipeline/spec/chart/pipes/pivotChart/pivotRowDimensions.js

@@ -1,4 +1,5 @@
 import { FoldYMeasureId } from "../../../../../dataReshape/constant.js";
+import { createFormatterByDimension } from "../../../../utils/index.js";
 const pivotRowDimensions = (spec, context)=>{
     const result = {
         ...spec
@@ -17,6 +18,10 @@ const pivotRowDimensions = (spec, context)=>{
             const measure = measures.find((m)=>m.id === title);
             return measure ? measure.alias ?? measure.id : title;
         };
+        else if (dim.timeFormat) {
+            const formatter = createFormatterByDimension(dim, advancedVSeed.locale);
+            baseConfig.headerFormat = (value)=>formatter(value);
+        }
         return baseConfig;
     });
     return {

package/dist/esm/pipeline/spec/chart/pipes/pivotChart/pivotRowDimensions.js.map

@@ -1 +1 @@
-{"version":3,"file":"pipeline/spec/chart/pipes/pivotChart/pivotRowDimensions.js","sources":["webpack://@visactor/vseed/./src/pipeline/spec/chart/pipes/pivotChart/pivotRowDimensions.ts"],"sourcesContent":["import type { PivotChartConstructorOptions } from '@visactor/vtable'\nimport { FoldYMeasureId } from 'src/dataReshape/constant'\nimport type { Dimensions, PivotChartSpecPipe } from 'src/types'\n\nexport const pivotRowDimensions: PivotChartSpecPipe = (spec, context) => {\n  const result = { ...spec } as PivotChartConstructorOptions\n  const { advancedVSeed } = context\n  const dimensions = advancedVSeed.dimensions as Dimensions\n  const measures = advancedVSeed.measures ?? []\n  if (!dimensions) {\n    return result\n  }\n  const rowDimensions = dimensions.filter((dim) => dim.encoding === 'row')\n  const rows = rowDimensions.map((dim) => {\n    const baseConfig: any = {\n      dimensionKey: dim.id,\n      title: dim.alias ?? dim.id,\n    }\n\n    if (dim.id === FoldYMeasureId) {\n      baseConfig.headerFormat = (title: string) => {\n        const measure = measures.find((m) => m.id === title)\n\n        return measure ? (measure.alias ?? measure.id) : title\n      }\n    }\n\n    return baseConfig\n  }) as unknown\n  return {\n    ...result,\n    rows: rows,\n  } as Partial<PivotChartConstructorOptions>\n}\n"],"names":["pivotRowDimensions","spec","context","result","advancedVSeed","dimensions","measures","rowDimensions","dim","rows","baseConfig","FoldYMeasureId","title","measure","m"],"mappings":";AAIO,MAAMA,qBAAyC,CAACC,MAAMC;IAC3D,MAAMC,SAAS;QAAE,GAAGF,IAAI;IAAC;IACzB,MAAM,EAAEG,aAAa,EAAE,GAAGF;IAC1B,MAAMG,aAAaD,cAAc,UAAU;IAC3C,MAAME,WAAWF,cAAc,QAAQ,IAAI,EAAE;IAC7C,IAAI,CAACC,YACH,OAAOF;IAET,MAAMI,gBAAgBF,WAAW,MAAM,CAAC,CAACG,MAAQA,AAAiB,UAAjBA,IAAI,QAAQ;IAC7D,MAAMC,OAAOF,cAAc,GAAG,CAAC,CAACC;QAC9B,MAAME,aAAkB;YACtB,cAAcF,IAAI,EAAE;YACpB,OAAOA,IAAI,KAAK,IAAIA,IAAI,EAAE;QAC5B;QAEA,IAAIA,IAAI,EAAE,KAAKG,gBACbD,WAAW,YAAY,GAAG,CAACE;YACzB,MAAMC,UAAUP,SAAS,IAAI,CAAC,CAACQ,IAAMA,EAAE,EAAE,KAAKF;YAE9C,OAAOC,UAAWA,QAAQ,KAAK,IAAIA,QAAQ,EAAE,GAAID;QACnD;QAGF,OAAOF;IACT;IACA,OAAO;QACL,GAAGP,MAAM;QACT,MAAMM;IACR;AACF"}
+{"version":3,"file":"pipeline/spec/chart/pipes/pivotChart/pivotRowDimensions.js","sources":["webpack://@visactor/vseed/./src/pipeline/spec/chart/pipes/pivotChart/pivotRowDimensions.ts"],"sourcesContent":["import type { PivotChartConstructorOptions } from '@visactor/vtable'\nimport { FoldYMeasureId } from 'src/dataReshape/constant'\nimport { createFormatterByDimension } from 'src/pipeline/utils'\nimport type { Dimensions, PivotChartSpecPipe } from 'src/types'\n\nexport const pivotRowDimensions: PivotChartSpecPipe = (spec, context) => {\n  const result = { ...spec } as PivotChartConstructorOptions\n  const { advancedVSeed } = context\n  const dimensions = advancedVSeed.dimensions as Dimensions\n  const measures = advancedVSeed.measures ?? []\n  if (!dimensions) {\n    return result\n  }\n  const rowDimensions = dimensions.filter((dim) => dim.encoding === 'row')\n  const rows = rowDimensions.map((dim) => {\n    const baseConfig: any = {\n      dimensionKey: dim.id,\n      title: dim.alias ?? dim.id,\n    }\n\n    if (dim.id === FoldYMeasureId) {\n      baseConfig.headerFormat = (title: string) => {\n        const measure = measures.find((m) => m.id === title)\n\n        return measure ? (measure.alias ?? measure.id) : title\n      }\n    } else if (dim.timeFormat) {\n      const formatter = createFormatterByDimension(dim, advancedVSeed.locale)\n      baseConfig.headerFormat = (value: string | number) => formatter(value)\n    }\n\n    return baseConfig\n  }) as unknown\n  return {\n    ...result,\n    rows: rows,\n  } as Partial<PivotChartConstructorOptions>\n}\n"],"names":["pivotRowDimensions","spec","context","result","advancedVSeed","dimensions","measures","rowDimensions","dim","rows","baseConfig","FoldYMeasureId","title","measure","m","formatter","createFormatterByDimension","value"],"mappings":";;AAKO,MAAMA,qBAAyC,CAACC,MAAMC;IAC3D,MAAMC,SAAS;QAAE,GAAGF,IAAI;IAAC;IACzB,MAAM,EAAEG,aAAa,EAAE,GAAGF;IAC1B,MAAMG,aAAaD,cAAc,UAAU;IAC3C,MAAME,WAAWF,cAAc,QAAQ,IAAI,EAAE;IAC7C,IAAI,CAACC,YACH,OAAOF;IAET,MAAMI,gBAAgBF,WAAW,MAAM,CAAC,CAACG,MAAQA,AAAiB,UAAjBA,IAAI,QAAQ;IAC7D,MAAMC,OAAOF,cAAc,GAAG,CAAC,CAACC;QAC9B,MAAME,aAAkB;YACtB,cAAcF,IAAI,EAAE;YACpB,OAAOA,IAAI,KAAK,IAAIA,IAAI,EAAE;QAC5B;QAEA,IAAIA,IAAI,EAAE,KAAKG,gBACbD,WAAW,YAAY,GAAG,CAACE;YACzB,MAAMC,UAAUP,SAAS,IAAI,CAAC,CAACQ,IAAMA,EAAE,EAAE,KAAKF;YAE9C,OAAOC,UAAWA,QAAQ,KAAK,IAAIA,QAAQ,EAAE,GAAID;QACnD;aACK,IAAIJ,IAAI,UAAU,EAAE;YACzB,MAAMO,YAAYC,2BAA2BR,KAAKJ,cAAc,MAAM;YACtEM,WAAW,YAAY,GAAG,CAACO,QAA2BF,UAAUE;QAClE;QAEA,OAAOP;IACT;IACA,OAAO;QACL,GAAGP,MAAM;QACT,MAAMM;IACR;AACF"}

package/dist/esm/pipeline/spec/chart/pipes/tooltip/tooltip.d.ts

@@ -1,5 +1,7 @@
-import type { Dimensions, FoldInfo, Measures, VChartSpecPipe, UnfoldInfo } from '../../../../../types';
-export declare const tooltip: VChartSpecPipe;
+import type { Dimensions, FoldInfo, Measures, VChartSpecPipe, UnfoldInfo, Locale, Encoding } from '../../../../../types';
+export declare const tooltip: (tooltipOptions?: {
+    titleEncoding?: keyof Encoding;
+}) => VChartSpecPipe;
 export declare const createDimensionContent: (tooltips: string[], colors: string[], measures: Measures | undefined, foldInfo: FoldInfo, unfoldInfo: UnfoldInfo, hasMultiMeasureGroup: boolean) => {
     visible: boolean;
     shapeType: string;
@@ -7,7 +9,7 @@ export declare const createDimensionContent: (tooltips: string[], colors: string
     key: (v: unknown) => string;
     value: (v: unknown) => string;
 }[];
-export declare const createMarkContent: (tooltip: string[], dimensions: Dimensions | undefined, measures: Measures | undefined, foldInfo: FoldInfo, unfoldInfo: UnfoldInfo) => ({
+export declare const createMarkContent: (tooltip: string[], dimensions: Dimensions | undefined, measures: Measures | undefined, foldInfo: FoldInfo, unfoldInfo: UnfoldInfo, locale?: Locale) => ({
     visible: boolean;
     hasShape: boolean;
     shapeType: string;

package/dist/esm/pipeline/spec/chart/pipes/tooltip/tooltip.js

@@ -1,39 +1,57 @@
 import { pipe, unique, uniqueBy } from "remeda";
-import { createFormatterByMeasure, findMeasureById } from "../../../../utils/index.js";
-import { MeasureId, MeasureName, ORIGINAL_DATA } from "../../../../../dataReshape/index.js";
+import { MeasureId, MeasureName, ORIGINAL_DATA, Separator } from "../../../../../dataReshape/index.js";
+import { createFormatterByDimension, createFormatterByMeasure, findMeasureById } from "../../../../utils/index.js";
 import { getTooltipStyle } from "./tooltipStyle.js";
 import { updateTooltipElement } from "./tooltipElement.js";
-const tooltip_tooltip = (spec, context)=>{
-    const result = {
-        ...spec
-    };
-    const { advancedVSeed, vseed } = context;
-    const { measures = [], datasetReshapeInfo, chartType, dimensions = [], encoding, reshapeMeasures = [] } = advancedVSeed;
-    const baseConfig = advancedVSeed.config[chartType];
-    const { tooltip = {
-        enable: true
-    } } = baseConfig;
-    const { enable = true } = tooltip;
-    const { foldInfo, unfoldInfo } = datasetReshapeInfo[0];
-    result.tooltip = {
-        style: getTooltipStyle(tooltip),
-        visible: !!enable,
-        mark: {
-            title: {
-                visible: false
+const tooltip_tooltip = (tooltipOptions)=>(spec, context)=>{
+        const result = {
+            ...spec
+        };
+        if (!context) return result;
+        const { advancedVSeed, vseed } = context;
+        const { measures = [], datasetReshapeInfo, chartType, dimensions = [], encoding, reshapeMeasures = [] } = advancedVSeed;
+        const baseConfig = advancedVSeed.config?.[chartType];
+        const { tooltip = {
+            enable: true
+        } } = baseConfig ?? {};
+        const { enable = true } = tooltip;
+        const { foldInfo, unfoldInfo } = datasetReshapeInfo[0];
+        const { titleEncoding } = tooltipOptions || {};
+        result.tooltip = {
+            style: getTooltipStyle(tooltip),
+            visible: !!enable,
+            group: {
+                title: {
+                    visible: false
+                }
             },
-            content: createMarkContent(encoding.tooltip || [], dimensions, vseed.measures, foldInfo, unfoldInfo)
-        },
-        dimension: {
-            title: {
-                visible: true
+            mark: {
+                title: {
+                    visible: false
+                },
+                content: createMarkContent(encoding.tooltip || [], dimensions, vseed.measures, foldInfo, unfoldInfo, advancedVSeed.locale)
             },
-            content: createDimensionContent(encoding.tooltip || [], encoding.color || [], measures, foldInfo, unfoldInfo, reshapeMeasures.length > 1)
-        },
-        updateElement: updateTooltipElement
+            dimension: {
+                title: {
+                    visible: true,
+                    value: titleEncoding ? (datum)=>{
+                        if (!datum) return '';
+                        const dimIds = encoding[titleEncoding] || [];
+                        const formatted = dimIds.map((id)=>{
+                            const dim = dimensions.find((item)=>item.id === id);
+                            if (!dim) return datum?.[id];
+                            const formatter = createFormatterByDimension(dim, advancedVSeed.locale);
+                            return formatter(datum?.[id]);
+                        });
+                        return formatted.join(Separator);
+                    } : void 0
+                },
+                content: createDimensionContent(encoding.tooltip || [], encoding.color || [], measures, foldInfo, unfoldInfo, reshapeMeasures.length > 1)
+            },
+            updateElement: updateTooltipElement
+        };
+        return result;
     };
-    return result;
-};
 const createDimensionContent = (tooltips, colors, measures = [], foldInfo, unfoldInfo, hasMultiMeasureGroup)=>{
     const { measureId, measureValue, foldMap } = foldInfo;
     const { encodingColor } = unfoldInfo;
@@ -74,7 +92,7 @@ const createDimensionContent = (tooltips, colors, measures = [], foldInfo, unfol
         }
     ];
 };
-const createMarkContent = (tooltip, dimensions = [], measures = [], foldInfo, unfoldInfo)=>{
+const createMarkContent = (tooltip, dimensions = [], measures = [], foldInfo, unfoldInfo, locale)=>{
     const dims = pipe(dimensions.filter((item)=>tooltip.includes(item.id)), uniqueBy((item)=>item.id), uniqueBy((item)=>item.alias));
     const meas = pipe(measures.filter((item)=>tooltip.includes(item.id)), uniqueBy((item)=>item.id), uniqueBy((item)=>item.alias));
     const dimContent = dims.map((item)=>({
@@ -88,7 +106,8 @@ const createMarkContent = (tooltip, dimensions = [], measures = [], foldInfo, un
             },
             value: (v)=>{
                 const datum = v;
-                return datum && datum[item.id];
+                const formatter = createFormatterByDimension(item, locale);
+                return datum ? formatter(datum[item.id]) : '';
             }
         }));
     const meaContent = meas.map((item)=>({