@visactor/vseed 0.0.12 → 0.0.14

package/dist/index.d.ts

@@ -3,3 +3,4 @@ export * from './types';
 export * from './pipeline';
 export * from './dataReshape';
 export * from './theme';
+export * from './i18n';

package/dist/index.js

@@ -1,4 +1,4 @@
-import { clone as external_remeda_clone, groupBy, isArray, isNumber, isString, mergeDeep as external_remeda_mergeDeep, omit, pick as external_remeda_pick, unique } from "remeda";
+import { clone as external_remeda_clone, groupBy, isArray, isEmpty, isNullish, isNumber, isString, mergeDeep as external_remeda_mergeDeep, omit, pick as external_remeda_pick, unique } from "remeda";
 import { z } from "zod";
 const initAdvancedVSeed = (advancedVSeed, context)=>{
     const { vseed } = context;
@@ -23,6 +23,32 @@ const isPivotChart = (vseed)=>{
     const hasMeasureGroup = measures && measures.find((measure)=>measure && measure.children);
     return hasRowOrColumnDimension || hasMeasureGroup;
 };
+var i18n_namespaceObject = JSON.parse('{"指标名称":{"en-US":"MeasureName","zh-CN":"指标名称"},"指标Id":{"en-US":"MeasureId","zh-CN":"指标Id"},"指标值":{"en-US":"MeasureValue","zh-CN":"指标值"}}');
+class Intl {
+    static instance;
+    translateMap = i18n_namespaceObject;
+    locale = 'zh-CN';
+    canTranslate = (value)=>!!this.translateMap[value];
+    i18n = (segments, ...values)=>{
+        const text = segments.map((segment, index)=>segment + (values[index] || '')).join('');
+        const translatedText = this.translateMap?.[text]?.[this.locale];
+        if (isNullish(translatedText)) {
+            console.warn(`i18n ${this.locale} no translate: ${text}`);
+            return text;
+        }
+        return translatedText;
+    };
+    setLocale = (locale)=>{
+        this.locale = locale;
+    };
+    getLocale = ()=>this.locale;
+    static getInstance() {
+        if (!Intl.instance) Intl.instance = new Intl();
+        return Intl.instance;
+    }
+}
+const intl = Intl.getInstance();
+const i18n = intl.i18n;
 const createNumFormatter = (format)=>{
     const { type = 'number', ratio = 1, symbol = '', thousandSeparator = true, decimalPlaces = 2, round = 'round', prefix = '', suffix = '' } = format || {};
     return (value)=>{
@@ -47,7 +73,83 @@ const createNumFormatter = (format)=>{
         return `${prefix}${numStr}${typeSymbol}${symbol}${suffix}`;
     };
 };
+const autoNumFormatter = (value, locale = intl.getLocale())=>{
+    if (null == value) return String(value);
+    const num = Number(value);
+    if (Number.isNaN(num)) return String(value);
+    const countDecimalPlaces = (num)=>{
+        if (Number.isInteger(num)) return 0;
+        const str = num.toString();
+        if (str.indexOf('e-') > -1) return parseInt(str.split('e-')[1]);
+        const decimalPart = str.split('.')[1];
+        if (!decimalPart) return 0;
+        const decimalPlaces = decimalPart.replace(/0+$/, '').length;
+        return Math.max(2, decimalPlaces);
+    };
+    const numFormat = {
+        type: 'number',
+        decimalPlaces: countDecimalPlaces(num),
+        round: 'round',
+        thousandSeparator: true
+    };
+    const rules = NUMBER_FORMAT_RULES[locale] || NUMBER_FORMAT_RULES['default'];
+    for (const rule of rules)if (num >= rule.threshold) {
+        numFormat.ratio = rule.ratio;
+        numFormat.symbol = rule.symbol;
+        break;
+    }
+    return createNumFormatter(numFormat)(value);
+};
+const NUMBER_FORMAT_RULES = {
+    'zh-CN': [
+        {
+            threshold: 100000000,
+            ratio: 100000000,
+            symbol: "\u4EBF"
+        },
+        {
+            threshold: 10000,
+            ratio: 10000,
+            symbol: "\u4E07"
+        }
+    ],
+    'en-US': [
+        {
+            threshold: 1000000000,
+            ratio: 1000000000,
+            symbol: 'B'
+        },
+        {
+            threshold: 1000000,
+            ratio: 1000000,
+            symbol: 'M'
+        },
+        {
+            threshold: 1000,
+            ratio: 1000,
+            symbol: 'K'
+        }
+    ],
+    default: [
+        {
+            threshold: 1000000000,
+            ratio: 1000000000,
+            symbol: 'B'
+        },
+        {
+            threshold: 1000000,
+            ratio: 1000000,
+            symbol: 'M'
+        },
+        {
+            threshold: 1000,
+            ratio: 1000,
+            symbol: 'K'
+        }
+    ]
+};
 const createFormatter = (format)=>createNumFormatter(format);
+const autoFormatter = (value, locale)=>autoNumFormatter(value, locale);
 function findMeasureById(measures, id) {
     if (!measures) return;
     const stack = [
@@ -164,30 +266,40 @@ const FoldMeasureName = '__MeaName__';
 const FoldMeasureValue = '__MeaValue__';
 const FoldMeasureId = '__MeaId__';
 const UnfoldDimensionGroup = '__DimGroup__';
+const UnfoldDimensionGroupId = '__DimGroupID__';
 const Separator = '-';
 const ORIGINAL_DATA = '__OriginalData__';
-const unfoldDimensions = (dataset, dimensions, measures, unfoldStartIndex = 0, foldGroupName = UnfoldDimensionGroup, dimensionsSeparator = Separator)=>{
+const unfoldDimensions = (dataset, dimensions, measures, unfoldStartIndex = 0, unfoldGroupName = UnfoldDimensionGroup, unfoldGroupId = UnfoldDimensionGroupId, foldMeasureId = FoldMeasureId, dimensionsSeparator = Separator)=>{
     if (unfoldStartIndex < 0 || unfoldStartIndex >= dimensions.length) throw new Error('unfoldStartIndex is out of range');
     const dimensionsToBeUnfolded = dimensions.slice(unfoldStartIndex);
     const unfoldInfo = {
-        groupName: foldGroupName,
-        colorItems: []
+        groupName: unfoldGroupName,
+        groupId: unfoldGroupId,
+        colorItems: [],
+        colorIdMap: {}
     };
     if (0 === dimensions.length || 0 === measures.length) return {
         dataset,
         unfoldInfo: {
-            groupName: foldGroupName,
-            colorItems: []
+            groupName: unfoldGroupName,
+            groupId: unfoldGroupId,
+            colorItems: [],
+            colorIdMap: {}
         }
     };
     const colorItems = [];
+    const colorMap = {};
     for(let i = 0; i < dataset.length; i++){
         const datum = dataset[i];
-        const colorItem = generateDimGroupName(dimensionsToBeUnfolded, datum, dimensionsSeparator);
-        datum[foldGroupName] = colorItem;
-        colorItems.push(colorItem);
+        const colorName = generateDimGroupName(dimensionsToBeUnfolded, datum, dimensionsSeparator);
+        const colorId = colorName + (datum[foldMeasureId] || '');
+        datum[unfoldGroupName] = colorName;
+        datum[unfoldGroupId] = colorId;
+        colorItems.push(colorId);
+        colorMap[colorId] = colorName;
     }
     unfoldInfo.colorItems = unique(colorItems);
+    unfoldInfo.colorIdMap = colorMap;
     return {
         dataset,
         unfoldInfo
@@ -213,7 +325,7 @@ const foldMeasures = (dataset, measures, measureId = FoldMeasureId, measureName
         const { id, alias } = measure;
         datum[id] = dataset[i][id];
         datum[measureId] = id;
-        datum[measureName] = alias;
+        datum[measureName] = alias || id;
         datum[measureValue] = dataset[i][id];
         foldInfo.foldMap[id] = alias;
         result[index++] = datum;
@@ -232,32 +344,34 @@ const emptyReshapeResult = {
         measureValue: ''
     },
     unfoldInfo: {
+        groupName: '',
+        groupId: '',
         colorItems: [],
-        groupName: ''
+        colorIdMap: {}
     }
 };
 const dataReshapeFor2D1M = (dataset, dimensions, measures, options)=>{
-    const { foldMeasureId = FoldMeasureId, foldMeasureName = FoldMeasureName, foldMeasureValue = FoldMeasureValue, unfoldDimensionGroup = UnfoldDimensionGroup } = options || {};
+    const { foldMeasureId = FoldMeasureId, foldMeasureName = FoldMeasureName, foldMeasureValue = FoldMeasureValue, unfoldDimensionGroup = UnfoldDimensionGroup, unfoldDimensionGroupId = UnfoldDimensionGroupId } = options || {};
     if (0 === dimensions.length && 0 === measures.length) return emptyReshapeResult;
     const { dataset: foldedDataset, foldInfo } = foldMeasures(dataset, measures, foldMeasureId, foldMeasureName, foldMeasureValue);
     if (0 === dimensions.length) {
         const { dataset: finalDataset, unfoldInfo } = unfoldDimensions(foldedDataset, [
             {
                 id: foldMeasureId,
-                alias: "\u6307\u6807Id",
+                alias: i18n`指标Id`,
                 location: 'dimension'
             },
             {
                 id: foldMeasureName,
-                alias: "\u6307\u6807\u540D\u79F0",
+                alias: i18n`指标名称`,
                 location: 'dimension'
             }
         ], [
             {
                 id: foldMeasureValue,
-                alias: "\u6307\u6807\u503C"
+                alias: i18n`指标值`
             }
-        ], 1, unfoldDimensionGroup);
+        ], 1, unfoldDimensionGroup, unfoldDimensionGroupId, foldMeasureId);
         return {
             dataset: finalDataset,
             foldInfo,
@@ -269,15 +383,15 @@ const dataReshapeFor2D1M = (dataset, dimensions, measures, options)=>{
             ...dimensions,
             {
                 id: foldMeasureName,
-                alias: "\u6307\u6807\u540D\u79F0",
+                alias: i18n`指标名称`,
                 location: 'dimension'
             }
         ], [
             {
                 id: foldMeasureValue,
-                alias: "\u6307\u6807\u503C"
+                alias: i18n`指标值`
             }
-        ], 1, unfoldDimensionGroup);
+        ], 1, unfoldDimensionGroup, unfoldDimensionGroupId, foldMeasureId);
         return {
             dataset: finalDataset,
             foldInfo,
@@ -295,26 +409,28 @@ const dataReshapeFor1D1M_emptyReshapeResult = {
     },
     unfoldInfo: {
         groupName: '',
-        colorItems: []
+        groupId: '',
+        colorItems: [],
+        colorIdMap: {}
     }
 };
 const dataReshapeFor1D1M = (dataset, dimensions, measures, options)=>{
-    const { foldMeasureId = FoldMeasureId, foldMeasureName = FoldMeasureName, foldMeasureValue = FoldMeasureValue, unfoldDimensionGroup = UnfoldDimensionGroup } = options || {};
+    const { foldMeasureId = FoldMeasureId, foldMeasureName = FoldMeasureName, foldMeasureValue = FoldMeasureValue, unfoldDimensionGroup = UnfoldDimensionGroup, unfoldDimensionGroupId = UnfoldDimensionGroupId } = options || {};
     if (0 === dimensions.length && 0 === measures.length) return dataReshapeFor1D1M_emptyReshapeResult;
     const { dataset: foldedDataset, foldInfo } = foldMeasures(dataset, measures, foldMeasureId, foldMeasureName, foldMeasureValue);
     if (0 === dimensions.length) {
         const { dataset: finalDataset, unfoldInfo } = unfoldDimensions(foldedDataset, [
             {
                 id: foldMeasureName,
-                alias: "\u6307\u6807\u540D\u79F0",
+                alias: i18n`指标名称`,
                 location: 'dimension'
             }
         ], [
             {
                 id: foldMeasureValue,
-                alias: "\u6307\u6807\u503C"
+                alias: i18n`指标值`
             }
-        ], 0, unfoldDimensionGroup);
+        ], 0, unfoldDimensionGroup, unfoldDimensionGroupId, foldMeasureId);
         return {
             dataset: finalDataset,
             foldInfo,
@@ -326,15 +442,15 @@ const dataReshapeFor1D1M = (dataset, dimensions, measures, options)=>{
             ...dimensions,
             {
                 id: foldMeasureName,
-                alias: "\u6307\u6807\u540D\u79F0",
+                alias: i18n`指标名称`,
                 location: 'dimension'
             }
         ], [
             {
                 id: foldMeasureValue,
-                alias: "\u6307\u6807\u503C"
+                alias: i18n`指标值`
             }
-        ], 0, unfoldDimensionGroup);
+        ], 0, unfoldDimensionGroup, unfoldDimensionGroupId, foldMeasureId);
         return {
             dataset: finalDataset,
             foldInfo,
@@ -474,7 +590,6 @@ const encodingXY = (advancedVSeed)=>{
     if (!datasetReshapeInfo || !dimensions) return result;
     const encoding = datasetReshapeInfo.reduce((prev, cur)=>{
         const { foldInfo, unfoldInfo } = cur;
-        const isSingleDimension = 1 === dimensions.length;
         const isZeroDimension = 0 === dimensions.length;
         const x = [
             isZeroDimension ? foldInfo.measureName : dimensions[0].id
@@ -483,7 +598,7 @@ const encodingXY = (advancedVSeed)=>{
             foldInfo.measureValue
         ];
         const group = [
-            isSingleDimension || isZeroDimension ? foldInfo.measureName : unfoldInfo.groupName
+            unfoldInfo.groupId
         ];
         const color = [
             foldInfo.measureName
@@ -512,7 +627,6 @@ const encodingYX = (advancedVSeed)=>{
     const encoding = datasetReshapeInfo.reduce((prev, cur)=>{
         const { foldInfo, unfoldInfo } = cur;
         const isZeroDimension = 0 === dimensions.length;
-        const isSingleDimension = 1 === dimensions.length;
         const y = [
             isZeroDimension ? foldInfo.measureName : dimensions[0].id
         ];
@@ -520,7 +634,7 @@ const encodingYX = (advancedVSeed)=>{
             foldInfo.measureValue
         ];
         const group = [
-            isSingleDimension || isZeroDimension ? foldInfo.measureName : unfoldInfo.groupName
+            unfoldInfo.groupId
         ];
         const color = [
             foldInfo.measureName
@@ -552,13 +666,13 @@ const encodingPolar = (advancedVSeed)=>{
             foldInfo.measureValue
         ];
         const angle = [
-            unfoldInfo.groupName
+            unfoldInfo.groupId
         ];
         const group = [
-            unfoldInfo.groupName
+            unfoldInfo.groupId
         ];
         const color = [
-            unfoldInfo.groupName
+            unfoldInfo.groupId
         ];
         return [
             ...prev,
@@ -712,8 +826,17 @@ const annotation_annotation = (advancedVSeed, context)=>{
         annotation
     };
 };
+const locale_locale = (advancedVSeed, context)=>{
+    const { vseed } = context;
+    const { locale } = vseed;
+    return {
+        ...advancedVSeed,
+        locale: locale || 'zh-CN'
+    };
+};
 const lineAdvancedPipeline = [
     initAdvancedVSeed,
+    locale_locale,
     autoMeasures,
     autoDimensions,
     pivotAdapter([
@@ -730,6 +853,7 @@ const lineAdvancedPipeline = [
 ];
 const barAdvancedPipeline = [
     initAdvancedVSeed,
+    locale_locale,
     autoMeasures,
     autoDimensions,
     pivotAdapter([
@@ -746,6 +870,7 @@ const barAdvancedPipeline = [
 ];
 const barParallelAdvancedPipeline = [
     initAdvancedVSeed,
+    locale_locale,
     autoMeasures,
     autoDimensions,
     pivotAdapter([
@@ -762,6 +887,7 @@ const barParallelAdvancedPipeline = [
 ];
 const barPercentAdvancedPipeline = [
     initAdvancedVSeed,
+    locale_locale,
     autoMeasures,
     autoDimensions,
     pivotAdapter([
@@ -778,6 +904,7 @@ const barPercentAdvancedPipeline = [
 ];
 const columnAdvancedPipeline = [
     initAdvancedVSeed,
+    locale_locale,
     autoMeasures,
     autoDimensions,
     pivotAdapter([
@@ -794,6 +921,7 @@ const columnAdvancedPipeline = [
 ];
 const columnParallelAdvancedPipeline = [
     initAdvancedVSeed,
+    locale_locale,
     autoMeasures,
     autoDimensions,
     pivotAdapter([
@@ -810,6 +938,7 @@ const columnParallelAdvancedPipeline = [
 ];
 const columnPercentAdvancedPipeline = [
     initAdvancedVSeed,
+    locale_locale,
     autoMeasures,
     autoDimensions,
     pivotAdapter([
@@ -826,6 +955,7 @@ const columnPercentAdvancedPipeline = [
 ];
 const areaAdvancedPipeline = [
     initAdvancedVSeed,
+    locale_locale,
     autoMeasures,
     autoDimensions,
     pivotAdapter([
@@ -842,6 +972,7 @@ const areaAdvancedPipeline = [
 ];
 const areaPercentAdvancedPipeline = [
     initAdvancedVSeed,
+    locale_locale,
     autoMeasures,
     autoDimensions,
     pivotAdapter([
@@ -858,6 +989,7 @@ const areaPercentAdvancedPipeline = [
 ];
 const pieAdvancedPipeline = [
     initAdvancedVSeed,
+    locale_locale,
     autoMeasures,
     autoDimensions,
     pivotAdapter([
@@ -1161,13 +1293,14 @@ const xBand = (spec, context)=>{
     return result;
 };
 const ANNOTATION_Z_INDEX = 1000;
-const LINEAR_AXIS_INNER_OFFSET_TOP = 5;
+const LINEAR_AXIS_INNER_OFFSET_TOP = 7;
 const xLinear = (spec, context)=>{
     const result = {
         ...spec
     };
     const { advancedVSeed, vseed } = context;
     const { chartType } = vseed;
+    const { locale } = advancedVSeed;
     const config = advancedVSeed.config?.[chartType]?.xAxis;
     if (!result.axes) result.axes = [];
     if (!config) {
@@ -1193,6 +1326,7 @@ const xLinear = (spec, context)=>{
         min,
         label: {
             visible: label?.visible,
+            formatMethod: (value)=>autoFormatter(value, locale),
             style: {
                 fill: label?.labelColor,
                 angle: label?.labelAngle,
@@ -1342,6 +1476,7 @@ const yLinear = (spec, context)=>{
     };
     const { advancedVSeed, vseed } = context;
     const { chartType } = vseed;
+    const { locale } = advancedVSeed;
     const config = advancedVSeed.config?.[chartType]?.yAxis;
     if (!result.axes) result.axes = [];
     if (!config) {
@@ -1367,6 +1502,7 @@ const yLinear = (spec, context)=>{
         min,
         label: {
             visible: label?.visible,
+            formatMethod: (value)=>autoFormatter(value, locale),
             style: {
                 fill: label?.labelColor,
                 angle: label?.labelAngle,
@@ -1478,10 +1614,11 @@ const tooltip_tooltip = (spec, context)=>{
                         const measure = findMeasureById(measures, id);
                         if (!measure) return String(value);
                         const { format = {}, autoFormat = true } = measure;
-                        if (format || autoFormat) {
+                        if (!isEmpty(format)) {
                             const formatter = createFormatter(format);
                             return formatter(value);
                         }
+                        if (autoFormat) return autoFormatter(value);
                         return String(value);
                     }
                 }
@@ -1499,10 +1636,11 @@ const tooltip_tooltip = (spec, context)=>{
                         const measure = findMeasureById(measures, id);
                         if (!measure) return String(value);
                         const { format = {}, autoFormat = true } = measure;
-                        if (format || autoFormat) {
+                        if (!isEmpty(format)) {
                             const formatter = createFormatter(format);
                             return formatter(value);
                         }
+                        if (autoFormat) return autoFormatter(value);
                         return String(value);
                     }
                 }
@@ -1516,23 +1654,30 @@ const label_label = (spec, context)=>{
         ...spec
     };
     const { advancedVSeed } = context;
-    const { measures, datasetReshapeInfo } = advancedVSeed;
+    const { measures, datasetReshapeInfo, locale } = advancedVSeed;
     const baseConfig = advancedVSeed.baseConfig.vchart;
     if (!baseConfig || !baseConfig.label) return result;
-    const { measureId } = datasetReshapeInfo[0].foldInfo;
+    const { measureId, measureValue } = datasetReshapeInfo[0].foldInfo;
     const { label } = baseConfig;
     const { enable } = label;
     result.label = {
         visible: enable,
         formatMethod: (value, datum)=>{
-            const id = datum[measureId];
-            const measure = findMeasureById(measures, id);
-            if (!measure) return value;
-            const { format = {}, autoFormat = true } = measure;
-            if (format || autoFormat) {
-                const formatter = createFormatter(format);
-                return formatter(value);
-            }
+            const result = [];
+            const formatValue = (value)=>{
+                const id = datum[measureId];
+                const measure = findMeasureById(measures, id);
+                if (!measure) return value;
+                const { format = {}, autoFormat = true } = measure;
+                if (!isEmpty(format)) {
+                    const formatter = createFormatter(format);
+                    return formatter(value);
+                }
+                if (autoFormat) return autoFormatter(value, locale);
+                return String(value);
+            };
+            result.push(formatValue(datum[measureValue]));
+            return result.join(' ');
         }
     };
     return result;
@@ -1542,6 +1687,8 @@ const discreteLegend = (spec, context)=>{
         ...spec
     };
     const { advancedVSeed } = context;
+    const { datasetReshapeInfo } = advancedVSeed;
+    const { unfoldInfo } = datasetReshapeInfo[0];
     const baseConfig = advancedVSeed.baseConfig.vchart;
     if (!baseConfig || !baseConfig.legend) return result;
     const { legend } = baseConfig;
@@ -1615,6 +1762,7 @@ const discreteLegend = (spec, context)=>{
                 }
             },
             label: {
+                formatMethod: (value)=>unfoldInfo.colorIdMap[String(value)] ?? value,
                 style: {
                     fontSize: labelFontSize,
                     fill: labelFontColor,
@@ -1642,6 +1790,10 @@ const pivotDiscreteLegend = (spec, context)=>{
     if (!baseConfig || !baseConfig.legend) return result;
     const { datasetReshapeInfo } = advancedVSeed;
     const colorItems = unique(datasetReshapeInfo.flatMap((d)=>d.unfoldInfo.colorItems));
+    const colorIdMap = datasetReshapeInfo.reduce((prev, cur)=>({
+            ...prev,
+            ...cur.unfoldInfo.colorIdMap
+        }), {});
     const { legend, color } = baseConfig;
     const { colorScheme } = color;
     const { enable, position = 'bottom', labelFontColor, labelFontSize = 12, labelFontWeight, maxSize, border, shapeType = 'rectRound' } = legend || {};
@@ -1716,6 +1868,7 @@ const pivotDiscreteLegend = (spec, context)=>{
                 }
             },
             label: {
+                formatMethod: (value)=>colorIdMap[String(value)] ?? value,
                 style: {
                     fontSize: labelFontSize,
                     fill: labelFontColor,
@@ -1748,11 +1901,19 @@ const color_color = (spec, context)=>{
     if (!baseConfig || !baseConfig.color) return result;
     const { color } = baseConfig;
     const { colorScheme, colorMapping } = color;
+    const mappingList = [];
+    if (colorMapping) Object.entries(colorMapping).forEach(([key, value])=>{
+        const idMap = Object.entries(unfoldInfo.colorIdMap).filter(([_, v])=>key === v);
+        for (const [colorId] of idMap)mappingList.push([
+            colorId,
+            value
+        ]);
+    });
     result.color = {
         type: 'ordinal',
         domain: unfoldInfo.colorItems,
         range: colorScheme,
-        specified: colorMapping
+        specified: Object.fromEntries(mappingList)
     };
     return result;
 };
@@ -2233,8 +2394,7 @@ const lineStyle_lineStyle = (spec, context)=>{
                 },
                 style: {
                     curveType: curveType,
-                    fill: lineColor,
-                    fillOpacity: lineColorOpacity,
+                    strokeOpacity: lineColorOpacity,
                     stroke: lineColor,
                     lineWidth: lineWidth,
                     lineDash: lineDash
@@ -2569,7 +2729,7 @@ const annotationArea_annotationArea = (spec, context)=>{
         right: 'insideRight'
     };
     const markArea = annotationAreaList.flatMap((annotationArea)=>{
-        const { selector: selectorPoint, text = '', textPosition = 'top', textColor = '#ffffff', textFontSize = 12, textFontWeight = 400, textAlign = 'center', textBaseline = 'top', backgroundBorderColor, backgroundBorderRadius = 4, backgroundBorderWidth = 1, backgroundColor = '#191d24', backgroundPadding = 4, backgroundVisible = true, outerPadding = 0, areaColor = '#888888', areaColorOpacity = 0.15, areaBorderColor, areaBorderRadius, areaBorderWidth } = annotationArea;
+        const { selector: selectorPoint, text = '', textPosition = 'top', textColor = '#ffffff', textFontSize = 12, textFontWeight = 400, textAlign = 'center', textBaseline = 'top', backgroundBorderColor, backgroundBorderRadius = 4, backgroundBorderWidth = 1, backgroundColor = '#191d24', backgroundPadding = 10, backgroundVisible = true, outerPadding = 4, areaColor = '#888888', areaColorOpacity = 0.15, areaBorderColor, areaBorderRadius, areaBorderWidth } = annotationArea;
         const dataset = advancedVSeed.dataset.flat();
         const selectedData = dataset.filter((datum)=>selector_selector(datum, selectorPoint));
         return {
@@ -3432,6 +3592,7 @@ class Builder {
     _spec = null;
     constructor(vseed){
         this._vseed = vseed;
+        this._vseed.locale = vseed.locale || intl.getLocale();
     }
     build = ()=>build(this);
     buildSpec = (advanced)=>buildSpec(this, advanced);
@@ -4040,7 +4201,7 @@ const zMeasure = z.object({
     alias: z.string().optional(),
     visible: z.boolean().default(true).optional(),
     autoFormat: z.boolean().default(true).optional(),
-    format: zNumFormat.optional()
+    format: zNumFormat["default"]({}).optional()
 });
 const zMeasureGroup = z.object({
     id: z.string(),
@@ -4059,6 +4220,8 @@ const zFoldInfo = z.object({
 });
 const zUnfoldInfo = z.object({
     colorItems: z.array(z.string()),
+    groupId: z.string(),
+    colorIdMap: z.record(z.string(), z.string()),
     groupName: z.string()
 });
 const zDatasetReshapeInfo = z.array(z.object({
@@ -4675,6 +4838,6 @@ const zCustomThemeConfig = z.object({
 });
 const zCustomTheme = z.record(z.string(), zCustomThemeConfig).optional();
 const zTheme = z.string();
-export { Builder, FoldMeasureId, FoldMeasureName, FoldMeasureValue, ORIGINAL_DATA, Separator, UnfoldDimensionGroup, areaAdvancedPipeline, areaPercentAdvancedPipeline, areaPercentSpecPipeline, areaSpecPipeline, barAdvancedPipeline, barParallelAdvancedPipeline, barParallelSpecPipeline, barPercentAdvancedPipeline, barPercentSpecPipeline, barSpecPipeline, columnAdvancedPipeline, columnParallelAdvancedPipeline, columnParallelSpecPipeline, columnPercentAdvancedPipeline, columnPercentSpecPipeline, columnSpecPipeline, createFormatter, createNumFormatter, darkTheme, dataReshapeFor1D1M, dataReshapeFor2D1M, execPipeline, findMeasureById, foldMeasures, isPivotChart, isVChart, isVTable, lightTheme, lineAdvancedPipeline, lineSpecPipeline, pieAdvancedPipeline, pieSpecPipeline, all_registerAll as registerAll, registerArea, registerAreaPercent, registerBar, registerBarParallel, registerBarPercent, registerColumn, registerColumnParallel, registerColumnPercent, registerCustomTheme, registerDarkTheme, registerLightTheme, registerLine, unfoldDimensions, zAnnotation, zAnnotationArea, zAnnotationHorizontalLine, zAnnotationPoint, zAnnotationVerticalLine, zAreaStyle, zAxis, zBackgroundColor, zBarStyle, zBaseConfig, zChartType, zColor, zConfig, zCrosshairLine, zCrosshairRect, zCustomTheme, zCustomThemeConfig, zDataset, zDatasetReshapeInfo, zDatum, zDimension, zDimensions, zEncoding, zFoldInfo, zLabel, zLegend, zLineStyle, zMarkStyle, zMeasure, zMeasureGroup, zMeasures, zNumFormat, zPointStyle, zStackCornerRadius, zTheme, zTooltip, zUnfoldInfo, zXBandAxis, zXLinearAxis, zYBandAxis, zYLinearAxis };
+export { Builder, FoldMeasureId, FoldMeasureName, FoldMeasureValue, ORIGINAL_DATA, Separator, UnfoldDimensionGroup, UnfoldDimensionGroupId, areaAdvancedPipeline, areaPercentAdvancedPipeline, areaPercentSpecPipeline, areaSpecPipeline, autoFormatter, autoNumFormatter, barAdvancedPipeline, barParallelAdvancedPipeline, barParallelSpecPipeline, barPercentAdvancedPipeline, barPercentSpecPipeline, barSpecPipeline, columnAdvancedPipeline, columnParallelAdvancedPipeline, columnParallelSpecPipeline, columnPercentAdvancedPipeline, columnPercentSpecPipeline, columnSpecPipeline, createFormatter, createNumFormatter, darkTheme, dataReshapeFor1D1M, dataReshapeFor2D1M, execPipeline, findMeasureById, foldMeasures, i18n, intl, isPivotChart, isVChart, isVTable, lightTheme, lineAdvancedPipeline, lineSpecPipeline, pieAdvancedPipeline, pieSpecPipeline, all_registerAll as registerAll, registerArea, registerAreaPercent, registerBar, registerBarParallel, registerBarPercent, registerColumn, registerColumnParallel, registerColumnPercent, registerCustomTheme, registerDarkTheme, registerLightTheme, registerLine, unfoldDimensions, zAnnotation, zAnnotationArea, zAnnotationHorizontalLine, zAnnotationPoint, zAnnotationVerticalLine, zAreaStyle, zAxis, zBackgroundColor, zBarStyle, zBaseConfig, zChartType, zColor, zConfig, zCrosshairLine, zCrosshairRect, zCustomTheme, zCustomThemeConfig, zDataset, zDatasetReshapeInfo, zDatum, zDimension, zDimensions, zEncoding, zFoldInfo, zLabel, zLegend, zLineStyle, zMarkStyle, zMeasure, zMeasureGroup, zMeasures, zNumFormat, zPointStyle, zStackCornerRadius, zTheme, zTooltip, zUnfoldInfo, zXBandAxis, zXLinearAxis, zYBandAxis, zYLinearAxis };
 
 //# sourceMappingURL=index.js.map