@visactor/vseed 0.0.12 → 0.0.13

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 = [
@@ -244,18 +346,18 @@ const dataReshapeFor2D1M = (dataset, dimensions, measures, options)=>{
         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);
         return {
@@ -269,13 +371,13 @@ 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);
         return {
@@ -306,13 +408,13 @@ const dataReshapeFor1D1M = (dataset, dimensions, measures, options)=>{
         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);
         return {
@@ -326,13 +428,13 @@ 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);
         return {
@@ -712,8 +814,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 +841,7 @@ const lineAdvancedPipeline = [
 ];
 const barAdvancedPipeline = [
     initAdvancedVSeed,
+    locale_locale,
     autoMeasures,
     autoDimensions,
     pivotAdapter([
@@ -746,6 +858,7 @@ const barAdvancedPipeline = [
 ];
 const barParallelAdvancedPipeline = [
     initAdvancedVSeed,
+    locale_locale,
     autoMeasures,
     autoDimensions,
     pivotAdapter([
@@ -762,6 +875,7 @@ const barParallelAdvancedPipeline = [
 ];
 const barPercentAdvancedPipeline = [
     initAdvancedVSeed,
+    locale_locale,
     autoMeasures,
     autoDimensions,
     pivotAdapter([
@@ -778,6 +892,7 @@ const barPercentAdvancedPipeline = [
 ];
 const columnAdvancedPipeline = [
     initAdvancedVSeed,
+    locale_locale,
     autoMeasures,
     autoDimensions,
     pivotAdapter([
@@ -794,6 +909,7 @@ const columnAdvancedPipeline = [
 ];
 const columnParallelAdvancedPipeline = [
     initAdvancedVSeed,
+    locale_locale,
     autoMeasures,
     autoDimensions,
     pivotAdapter([
@@ -810,6 +926,7 @@ const columnParallelAdvancedPipeline = [
 ];
 const columnPercentAdvancedPipeline = [
     initAdvancedVSeed,
+    locale_locale,
     autoMeasures,
     autoDimensions,
     pivotAdapter([
@@ -826,6 +943,7 @@ const columnPercentAdvancedPipeline = [
 ];
 const areaAdvancedPipeline = [
     initAdvancedVSeed,
+    locale_locale,
     autoMeasures,
     autoDimensions,
     pivotAdapter([
@@ -842,6 +960,7 @@ const areaAdvancedPipeline = [
 ];
 const areaPercentAdvancedPipeline = [
     initAdvancedVSeed,
+    locale_locale,
     autoMeasures,
     autoDimensions,
     pivotAdapter([
@@ -858,6 +977,7 @@ const areaPercentAdvancedPipeline = [
 ];
 const pieAdvancedPipeline = [
     initAdvancedVSeed,
+    locale_locale,
     autoMeasures,
     autoDimensions,
     pivotAdapter([
@@ -1161,13 +1281,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 +1314,7 @@ const xLinear = (spec, context)=>{
         min,
         label: {
             visible: label?.visible,
+            formatMethod: (value)=>autoFormatter(value, locale),
             style: {
                 fill: label?.labelColor,
                 angle: label?.labelAngle,
@@ -1342,6 +1464,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 +1490,7 @@ const yLinear = (spec, context)=>{
         min,
         label: {
             visible: label?.visible,
+            formatMethod: (value)=>autoFormatter(value, locale),
             style: {
                 fill: label?.labelColor,
                 angle: label?.labelAngle,
@@ -1478,10 +1602,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 +1624,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,7 +1642,7 @@ 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;
@@ -1529,10 +1655,12 @@ const label_label = (spec, context)=>{
             const measure = findMeasureById(measures, id);
             if (!measure) return value;
             const { format = {}, autoFormat = true } = measure;
-            if (format || autoFormat) {
+            if (!isEmpty(format)) {
                 const formatter = createFormatter(format);
                 return formatter(value);
             }
+            if (autoFormat) return autoFormatter(value, locale);
+            return String(value);
         }
     };
     return result;
@@ -3432,6 +3560,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 +4169,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(),
@@ -4675,6 +4804,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, 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