@visactor/vseed 0.0.18 → 0.0.20

package/dist/index.js

@@ -1,30 +1,34 @@
-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 { clone, groupBy, isArray, isEmpty, isNullish, isNumber, isString, mergeDeep, omit, pick, unique } from "remeda";
 import { z } from "zod";
 const initAdvancedVSeed = (advancedVSeed, context)=>{
     const { vseed } = context;
-    const { chartType } = vseed;
+    const { chartType, locale } = vseed;
     return {
         ...advancedVSeed,
-        chartType
+        chartType,
+        locale: locale || 'zh-CN'
     };
 };
 const execPipeline = (pipeline, context, initialValue = {})=>{
     const result = pipeline.reduce((prev, cur)=>cur(prev, context), initialValue);
     return result;
 };
-const isVTable = (chartType)=>[
+const isTable = (vseed)=>'table' === vseed.chartType;
+const isPivotTable = (vseed)=>'pivotTable' === vseed.chartType;
+const isVTable = (vseed)=>[
         'table',
         'pivotTable'
-    ].includes(chartType);
-const isVChart = (chartType)=>!isVTable(chartType);
+    ].includes(vseed.chartType);
+const isVChart = (vseed)=>!isVTable(vseed);
 const isPivotChart = (vseed)=>{
-    const { measures, dimensions } = vseed;
+    if (isVTable(vseed)) return false;
+    const { measures = [], dimensions = [] } = vseed;
     const hasRowOrColumnDimension = dimensions && dimensions.some((dimension)=>'rowDimension' === dimension.location || 'columnDimension' === dimension.location);
     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 {
+class i18n_Intl {
     static instance;
     translateMap = i18n_namespaceObject;
     locale = 'zh-CN';
@@ -43,14 +47,34 @@ class Intl {
     };
     getLocale = ()=>this.locale;
     static getInstance() {
-        if (!Intl.instance) Intl.instance = new Intl();
-        return Intl.instance;
+        if (!i18n_Intl.instance) i18n_Intl.instance = new i18n_Intl();
+        return i18n_Intl.instance;
     }
 }
-const intl = Intl.getInstance();
+const intl = i18n_Intl.getInstance();
 const i18n = intl.i18n;
-const createNumFormatter = (format)=>{
-    const { type = 'number', ratio = 1, symbol = '', thousandSeparator = true, decimalPlaces = 2, round = 'round', prefix = '', suffix = '' } = format || {};
+const createNumFormatter = (format, locale = intl.getLocale())=>{
+    const { type = 'number', ratio = 1, symbol = '', thousandSeparator = true, prefix = '', suffix = '', fractionDigits = 2, significantDigits, roundingMode = 'halfExpand', roundingPriority = 'auto' } = format || {};
+    const numFormatterOptions = {
+        style: 'decimal',
+        notation: 'scientific' === type ? 'scientific' : 'standard',
+        roundingMode,
+        roundingPriority
+    };
+    console.log('debug roundingMode', roundingMode);
+    if (isNumber(fractionDigits)) {
+        if (fractionDigits >= 0) {
+            numFormatterOptions.minimumFractionDigits = fractionDigits;
+            numFormatterOptions.maximumFractionDigits = fractionDigits;
+        }
+    }
+    if (isNumber(significantDigits) && significantDigits > 0) {
+        if (significantDigits > 0) {
+            numFormatterOptions.minimumSignificantDigits = significantDigits;
+            numFormatterOptions.maximumSignificantDigits = significantDigits;
+        }
+    }
+    const numFormatter = new Intl.NumberFormat(locale, numFormatterOptions);
     return (value)=>{
         let num = Number(value);
         let typeSymbol = '';
@@ -62,9 +86,7 @@ const createNumFormatter = (format)=>{
             num *= 1000;
             typeSymbol = "\u2030";
         } else if ('number' === type) num /= ratio || 1;
-        const multiplier = 10 ** decimalPlaces;
-        num = Math[round](num * multiplier) / multiplier;
-        let numStr = num.toFixed(decimalPlaces);
+        let numStr = numFormatter.format(num);
         if (thousandSeparator) {
             const parts = numStr.split('.');
             parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, ',');
@@ -77,105 +99,105 @@ 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 numFormatterOptions = {
+        style: 'decimal',
+        notation: 'compact'
+    };
+    numFormatterOptions.minimumFractionDigits = 0;
+    numFormatterOptions.maximumFractionDigits = 2;
+    const numFormatter = new Intl.NumberFormat(locale, {
+        ...numFormatterOptions
+    });
+    return numFormatter.format(Number(value));
 };
 const createFormatter = (format)=>createNumFormatter(format);
 const autoFormatter = (value, locale)=>autoNumFormatter(value, locale);
-const findMeasureById = (measures, id)=>{
-    if (!measures) return;
+const preorderTraverse = (tree, callback)=>{
+    if (!tree || 0 === tree.length) return;
     const stack = [
-        ...measures
-    ];
+        ...tree
+    ].reverse();
     while(stack.length > 0){
-        const current = stack.pop();
-        if (!current) continue;
-        if (current.id === id && !('children' in current)) return current;
-        if ('children' in current && current.children) stack.push(...current.children);
+        const node = stack.pop();
+        const stop = callback(node);
+        if (true === stop) return;
+        if (!('children' in node)) continue;
+        const children = node.children;
+        if (children && children.length > 0) for(let i = children.length - 1; i >= 0; i--){
+            const child = children[i];
+            stack.push(child);
+        }
     }
 };
-const findFirstMeasure = (measures)=>{
+const findMeasureById = (measures = [], id)=>{
     if (!measures) return;
-    const stack = [
-        ...measures
-    ].reverse();
-    while(stack.length > 0){
-        const current = stack.pop();
-        if (!current) continue;
-        if (!('children' in current)) return current;
-        if ('children' in current && current.children) {
-            const children = (current.children || []).reverse();
-            stack.push(...children);
+    let result;
+    preorderTraverse(measures, (node)=>{
+        if (!('children' in node)) {
+            if (node.id === id) {
+                result = node;
+                return true;
+            }
         }
-    }
+        return false;
+    });
+    return result;
+};
+const findFirstMeasure = (measures = [])=>{
+    if (!measures) return;
+    let result;
+    preorderTraverse(measures, (node)=>{
+        if (!('children' in node)) {
+            result = node;
+            return true;
+        }
+        return false;
+    });
+    return result;
+};
+const findAllMeasures = (measures = [])=>{
+    if (!measures) return [];
+    const result = [];
+    preorderTraverse(measures, (node)=>{
+        if (!('children' in node)) result.push(node);
+        return false;
+    });
+    return result;
+};
+const findDimensionById = (dimensions = [], id)=>{
+    if (!dimensions) return;
+    let result;
+    preorderTraverse(dimensions, (node)=>{
+        if (!('children' in node)) {
+            if (node.id === id) {
+                result = node;
+                return true;
+            }
+        }
+        return false;
+    });
+    return result;
+};
+const findFirstDimension = (dimensions = [])=>{
+    if (!dimensions) return;
+    let result;
+    preorderTraverse(dimensions, (node)=>{
+        if (!('children' in node)) {
+            result = node;
+            return true;
+        }
+        return false;
+    });
+    return result;
+};
+const findAllDimensions = (dimensions = [])=>{
+    if (!dimensions) return [];
+    const result = [];
+    preorderTraverse(dimensions, (node)=>{
+        if (!('children' in node)) result.push(node);
+        return false;
+    });
+    return result;
 };
 const autoMeasures = (advancedVSeed, context)=>{
     const result = {
@@ -254,7 +276,7 @@ const autoDimensions = (advancedVSeed, context)=>{
     };
     const { vseed } = context;
     const { dimensions, dataset } = vseed;
-    const { measures = [] } = advancedVSeed;
+    const measures = findAllMeasures(advancedVSeed.measures);
     if (!dataset) throw new Error('dataset is required');
     if (0 === dataset.length) return result;
     if (dimensions) {
@@ -307,7 +329,10 @@ const unfoldDimensions = (dataset, dimensions, measures, unfoldStartIndex = 0, u
     for(let i = 0; i < dataset.length; i++){
         const datum = dataset[i];
         const colorName = generateDimGroupName(dimensionsToBeUnfolded, datum, dimensionsSeparator);
-        const colorId = colorName + (datum[foldMeasureId] || '');
+        const colorId = [
+            colorName,
+            datum[foldMeasureId] || 'id'
+        ].join(dimensionsSeparator);
         datum[unfoldGroupName] = colorName;
         datum[unfoldGroupId] = colorId;
         colorItems.push(colorId);
@@ -607,7 +632,8 @@ const pivotReshapeTo1D1M = (advancedVSeed, context)=>{
     };
     const { vseed } = context;
     const { dataset } = vseed;
-    const { dimensions, measures } = advancedVSeed;
+    const { measures } = advancedVSeed;
+    const dimensions = advancedVSeed.dimensions;
     if (!measures || !dimensions) return result;
     const measureGroups = [];
     if (measures) measures.forEach((measure)=>{
@@ -646,7 +672,8 @@ const pivotReshapeTo1D2M = (advancedVSeed, context)=>{
     };
     const { vseed } = context;
     const { dataset } = vseed;
-    const { dimensions, measures } = advancedVSeed;
+    const { measures } = advancedVSeed;
+    const dimensions = advancedVSeed.dimensions;
     if (!measures || !dimensions) return result;
     const measureGroups = [];
     if (measures) measures.forEach((measure)=>{
@@ -685,7 +712,8 @@ const pivotReshapeTo2D1M = (advancedVSeed, context)=>{
     };
     const { vseed } = context;
     const { dataset } = vseed;
-    const { dimensions, measures } = advancedVSeed;
+    const { measures } = advancedVSeed;
+    const dimensions = advancedVSeed.dimensions;
     if (!measures || !dimensions) return result;
     const measureGroups = [];
     if (measures) measures.forEach((measure)=>{
@@ -790,6 +818,42 @@ const encodingYX = (advancedVSeed)=>{
         encoding
     };
 };
+const encodingYY = (advancedVSeed)=>{
+    const result = {
+        ...advancedVSeed
+    };
+    const { datasetReshapeInfo, measures } = advancedVSeed;
+    if (!datasetReshapeInfo || !measures) return result;
+    const firstMeasure = findFirstMeasure(measures);
+    const encoding = datasetReshapeInfo.reduce((prev, cur)=>{
+        const { foldInfo, unfoldInfo } = cur;
+        const x = [
+            firstMeasure?.id
+        ];
+        const y = [
+            foldInfo.measureValue
+        ];
+        const group = [
+            unfoldInfo.groupId
+        ];
+        const color = [
+            unfoldInfo.groupId
+        ];
+        return [
+            ...prev,
+            {
+                x,
+                y,
+                group,
+                color
+            }
+        ];
+    }, []);
+    return {
+        ...result,
+        encoding
+    };
+};
 const encodingRose = (advancedVSeed)=>{
     const result = {
         ...advancedVSeed
@@ -893,32 +957,18 @@ const encodingFunnel = (advancedVSeed)=>{
         encoding
     };
 };
-const vchartBaseConfig = (advancedVSeed, context)=>{
+const lineConfig = (advancedVSeed, context)=>{
     const { vseed } = context;
+    const { chartType } = vseed;
     const result = {
         ...advancedVSeed
     };
-    const config = external_remeda_pick(vseed, [
+    const config = pick(vseed, [
         'backgroundColor',
         'color',
         'label',
         'legend',
-        'tooltip'
-    ]);
-    result.baseConfig = {
-        vchart: {
-            ...config
-        }
-    };
-    return result;
-};
-const lineConfig = (advancedVSeed, context)=>{
-    const { vseed } = context;
-    const { chartType } = vseed;
-    const result = {
-        ...advancedVSeed
-    };
-    const config = external_remeda_pick(vseed, [
+        'tooltip',
         'xAxis',
         'yAxis',
         'crosshairLine'
@@ -937,7 +987,12 @@ const columnConfig = (advancedVSeed, context)=>{
     const result = {
         ...advancedVSeed
     };
-    const config = external_remeda_pick(vseed, [
+    const config = pick(vseed, [
+        'backgroundColor',
+        'color',
+        'label',
+        'legend',
+        'tooltip',
         'xAxis',
         'yAxis',
         'crosshairRect',
@@ -957,7 +1012,13 @@ const pieConfig = (advancedVSeed, context)=>{
     const result = {
         ...advancedVSeed
     };
-    const config = external_remeda_pick(vseed, []);
+    const config = pick(vseed, [
+        'backgroundColor',
+        'color',
+        'label',
+        'legend',
+        'tooltip'
+    ]);
     result.config = {
         ...result.config || {},
         [chartType]: {
@@ -978,29 +1039,27 @@ const donutConfig = pieConfig;
 const roseConfig = pieConfig;
 const roseParallelConfig = pieConfig;
 const funnelConfig = pieConfig;
-const vchartTheme = (advancedVSeed, context)=>{
+const theme_theme = (advancedVSeed, context)=>{
     const { customTheme, vseed } = context;
     const { theme = 'light', chartType } = vseed;
     const result = {
         ...advancedVSeed
     };
     if (!customTheme || !customTheme[theme]) return result;
-    const baseConfigVChartTheme = customTheme?.[theme].baseConfig?.vchart;
-    if (baseConfigVChartTheme) {
-        const baseConfigVChart = result.baseConfig?.vchart || {};
-        const mergedConfig = external_remeda_mergeDeep(baseConfigVChartTheme, external_remeda_clone(baseConfigVChart));
-        result.baseConfig = {
-            vchart: mergedConfig
-        };
-    }
     const chartConfigTheme = customTheme?.[theme].config?.[chartType];
     if (chartConfigTheme) {
         const chartConfig = result.config?.[chartType] || {};
-        const mergedConfig = external_remeda_mergeDeep(chartConfigTheme, external_remeda_clone(chartConfig));
+        const mergedConfig = mergeDeep(chartConfigTheme, clone(chartConfig));
         result.config = {
             [chartType]: mergedConfig
         };
     }
+    const chartCustomTheme = customTheme?.[theme]?.config?.[chartType];
+    result.customTheme = {
+        config: {
+            [chartType]: chartCustomTheme
+        }
+    };
     return result;
 };
 const pivotAdapter = (pipeline, pivotPipeline)=>(advancedVSeed, context)=>{
@@ -1011,7 +1070,7 @@ const pivotAdapter = (pipeline, pivotPipeline)=>(advancedVSeed, context)=>{
     };
 const markStyle_markStyle = (advancedVSeed, context)=>{
     const { vseed } = context;
-    const markStyle = external_remeda_pick(vseed, [
+    const markStyle = pick(vseed, [
         'barStyle',
         'pointStyle',
         'lineStyle',
@@ -1024,7 +1083,7 @@ const markStyle_markStyle = (advancedVSeed, context)=>{
 };
 const annotation_annotation = (advancedVSeed, context)=>{
     const { vseed } = context;
-    const annotation = external_remeda_pick(vseed, [
+    const annotation = pick(vseed, [
         'annotationPoint',
         'annotationHorizontalLine',
         'annotationVerticalLine',
@@ -1035,17 +1094,8 @@ 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([
@@ -1054,15 +1104,13 @@ const lineAdvancedPipeline = [
         pivotReshapeTo2D1M
     ]),
     encodingXY,
-    vchartBaseConfig,
     lineConfig,
-    vchartTheme,
+    theme_theme,
     markStyle_markStyle,
     annotation_annotation
 ];
 const barAdvancedPipeline = [
     initAdvancedVSeed,
-    locale_locale,
     autoMeasures,
     autoDimensions,
     pivotAdapter([
@@ -1072,14 +1120,12 @@ const barAdvancedPipeline = [
     ]),
     encodingYX,
     barConfig,
-    vchartBaseConfig,
-    vchartTheme,
+    theme_theme,
     markStyle_markStyle,
     annotation_annotation
 ];
 const barParallelAdvancedPipeline = [
     initAdvancedVSeed,
-    locale_locale,
     autoMeasures,
     autoDimensions,
     pivotAdapter([
@@ -1089,14 +1135,12 @@ const barParallelAdvancedPipeline = [
     ]),
     encodingYX,
     barParallelConfig,
-    vchartBaseConfig,
-    vchartTheme,
+    theme_theme,
     markStyle_markStyle,
     annotation_annotation
 ];
 const barPercentAdvancedPipeline = [
     initAdvancedVSeed,
-    locale_locale,
     autoMeasures,
     autoDimensions,
     pivotAdapter([
@@ -1106,14 +1150,12 @@ const barPercentAdvancedPipeline = [
     ]),
     encodingYX,
     barPercentConfig,
-    vchartBaseConfig,
-    vchartTheme,
+    theme_theme,
     markStyle_markStyle,
     annotation_annotation
 ];
 const columnAdvancedPipeline = [
     initAdvancedVSeed,
-    locale_locale,
     autoMeasures,
     autoDimensions,
     pivotAdapter([
@@ -1123,14 +1165,12 @@ const columnAdvancedPipeline = [
     ]),
     encodingXY,
     columnConfig,
-    vchartBaseConfig,
-    vchartTheme,
+    theme_theme,
     markStyle_markStyle,
     annotation_annotation
 ];
 const columnParallelAdvancedPipeline = [
     initAdvancedVSeed,
-    locale_locale,
     autoMeasures,
     autoDimensions,
     pivotAdapter([
@@ -1140,14 +1180,12 @@ const columnParallelAdvancedPipeline = [
     ]),
     encodingXY,
     columnParallelConfig,
-    vchartBaseConfig,
-    vchartTheme,
+    theme_theme,
     markStyle_markStyle,
     annotation_annotation
 ];
 const columnPercentAdvancedPipeline = [
     initAdvancedVSeed,
-    locale_locale,
     autoMeasures,
     autoDimensions,
     pivotAdapter([
@@ -1157,14 +1195,12 @@ const columnPercentAdvancedPipeline = [
     ]),
     encodingXY,
     columnPercentConfig,
-    vchartBaseConfig,
-    vchartTheme,
+    theme_theme,
     markStyle_markStyle,
     annotation_annotation
 ];
 const areaAdvancedPipeline = [
     initAdvancedVSeed,
-    locale_locale,
     autoMeasures,
     autoDimensions,
     pivotAdapter([
@@ -1174,14 +1210,12 @@ const areaAdvancedPipeline = [
     ]),
     encodingXY,
     areaConfig,
-    vchartBaseConfig,
-    vchartTheme,
+    theme_theme,
     markStyle_markStyle,
     annotation_annotation
 ];
 const areaPercentAdvancedPipeline = [
     initAdvancedVSeed,
-    locale_locale,
     autoMeasures,
     autoDimensions,
     pivotAdapter([
@@ -1191,14 +1225,12 @@ const areaPercentAdvancedPipeline = [
     ]),
     encodingXY,
     areaPercentConfig,
-    vchartBaseConfig,
-    vchartTheme,
+    theme_theme,
     markStyle_markStyle,
     annotation_annotation
 ];
 const pieAdvancedPipeline = [
     initAdvancedVSeed,
-    locale_locale,
     autoMeasures,
     autoDimensions,
     pivotAdapter([
@@ -1208,13 +1240,11 @@ const pieAdvancedPipeline = [
     ]),
     encodingPie,
     pieConfig,
-    vchartBaseConfig,
-    vchartTheme,
+    theme_theme,
     annotation_annotation
 ];
 const donutAdvancedPipeline = [
     initAdvancedVSeed,
-    locale_locale,
     autoMeasures,
     autoDimensions,
     pivotAdapter([
@@ -1224,13 +1254,11 @@ const donutAdvancedPipeline = [
     ]),
     encodingPie,
     donutConfig,
-    vchartBaseConfig,
-    vchartTheme,
+    theme_theme,
     annotation_annotation
 ];
 const roseAdvancedPipeline = [
     initAdvancedVSeed,
-    locale_locale,
     autoMeasures,
     autoDimensions,
     pivotAdapter([
@@ -1240,14 +1268,12 @@ const roseAdvancedPipeline = [
     ]),
     encodingRose,
     roseConfig,
-    vchartBaseConfig,
-    vchartTheme,
+    theme_theme,
     markStyle_markStyle,
     annotation_annotation
 ];
 const roseParallelAdvancedPipeline = [
     initAdvancedVSeed,
-    locale_locale,
     autoMeasures,
     autoDimensions,
     pivotAdapter([
@@ -1257,14 +1283,12 @@ const roseParallelAdvancedPipeline = [
     ]),
     encodingRose,
     roseParallelConfig,
-    vchartBaseConfig,
-    vchartTheme,
+    theme_theme,
     markStyle_markStyle,
     annotation_annotation
 ];
 const funnelAdvancedPipeline = [
     initAdvancedVSeed,
-    locale_locale,
     autoMeasures,
     autoDimensions,
     pivotAdapter([
@@ -1274,49 +1298,11 @@ const funnelAdvancedPipeline = [
     ]),
     encodingFunnel,
     funnelConfig,
-    vchartBaseConfig,
-    vchartTheme,
+    theme_theme,
     annotation_annotation
 ];
-const encodingYY = (advancedVSeed)=>{
-    const result = {
-        ...advancedVSeed
-    };
-    const { datasetReshapeInfo, measures } = advancedVSeed;
-    if (!datasetReshapeInfo || !measures) return result;
-    const firstMeasure = findFirstMeasure(measures);
-    const encoding = datasetReshapeInfo.reduce((prev, cur)=>{
-        const { foldInfo, unfoldInfo } = cur;
-        const x = [
-            firstMeasure?.id
-        ];
-        const y = [
-            foldInfo.measureValue
-        ];
-        const group = [
-            unfoldInfo.groupId
-        ];
-        const color = [
-            unfoldInfo.groupId
-        ];
-        return [
-            ...prev,
-            {
-                x,
-                y,
-                group,
-                color
-            }
-        ];
-    }, []);
-    return {
-        ...result,
-        encoding
-    };
-};
 const scatterAdvancedPipeline = [
     initAdvancedVSeed,
-    locale_locale,
     autoMeasures,
     autoDimensions,
     pivotAdapter([
@@ -1325,85 +1311,236 @@ const scatterAdvancedPipeline = [
         pivotReshapeTo1D2M
     ]),
     encodingYY,
-    vchartBaseConfig,
     scatterConfig,
-    vchartTheme,
+    theme_theme,
     markStyle_markStyle,
     annotation_annotation
 ];
-const dataset_dataset = (spec, context)=>{
-    const { advancedVSeed } = context;
-    const { encoding } = advancedVSeed;
-    const angle = encoding[0]?.angle?.[0];
-    const x = encoding[0]?.x?.[0];
-    const group = encoding[0]?.group?.[0];
-    const fields = {};
-    if (angle) fields[angle] = {
-        sortIndex: 0
-    };
-    if (x) fields[x] = {
-        sortIndex: 0
-    };
-    if (group) fields[group] = {
-        sortIndex: 1
-    };
-    return {
-        ...spec,
-        data: {
-            values: advancedVSeed.dataset,
-            fields: fields
-        }
-    };
-};
-const datasetPivot = (spec, context)=>{
+const autoMeasures_autoMeasures = (advancedVSeed, context)=>{
     const result = {
-        ...spec
-    };
-    const { advancedVSeed } = context;
-    const { dataset, datasetReshapeInfo } = advancedVSeed;
-    const records = dataset.reduce((pre, cur, index)=>{
-        const id = datasetReshapeInfo[index].id;
-        pre[id] = cur;
-        return pre;
-    }, {});
-    return {
-        ...result,
-        records: records
-    };
-};
-const datasetPivotPlaceholder = (spec)=>({
-        ...spec,
-        data: {
-            id: 'placeholderDataId'
-        }
-    });
-const initColumn = (spec, context)=>{
-    const result = {
-        ...spec
+        ...advancedVSeed
     };
-    const { advancedVSeed } = context;
-    const { encoding } = advancedVSeed;
-    if (!encoding[0].y || !encoding[0].x || !encoding[0].group) return result;
-    result.type = 'bar';
-    result.direction = 'vertical';
-    result.xField = encoding[0].x[0];
-    result.yField = encoding[0].y[0];
-    result.seriesField = encoding[0].group[0];
-    result.padding = 0;
-    result.region = [
-        {
-            clip: true
-        }
-    ];
-    result.animation = true;
+    const { vseed } = context;
+    const { measures, dataset } = vseed;
+    if (!dataset) throw new Error('dataset is required');
+    if (0 === dataset.length) return result;
+    if (measures && measures.length > 0) {
+        result.measures = measures;
+        return result;
+    }
+    const top100dataset = dataset.slice(0, 100);
+    const sample = top100dataset.reduce((prev, cur)=>({
+            ...prev,
+            ...cur
+        }), {});
+    result.measures = Object.keys(sample).filter((key)=>top100dataset.some((item)=>'number' == typeof item[key]) && ![
+            '',
+            null,
+            void 0
+        ].includes(key)).map((measure)=>({
+            id: measure,
+            alias: measure
+        }));
     return result;
 };
-const initBar = (spec, context)=>{
+const autoDimensions_autoDimensions = (advancedVSeed, context)=>{
     const result = {
-        ...spec
+        ...advancedVSeed
     };
-    const { advancedVSeed } = context;
-    const { encoding } = advancedVSeed;
+    const { vseed } = context;
+    const { dimensions, dataset } = vseed;
+    const measures = findAllMeasures(advancedVSeed.measures);
+    if (!dataset) throw new Error('dataset is required');
+    if (0 === dataset.length) return result;
+    if (dimensions && dimensions.length > 0) {
+        result.dimensions = dimensions;
+        return result;
+    }
+    const top100dataset = dataset.slice(0, 100);
+    const sample = top100dataset.reduce((prev, cur)=>({
+            ...prev,
+            ...cur
+        }), {});
+    result.dimensions = Object.keys(sample).filter((key)=>top100dataset.some((item)=>'string' == typeof item[key]) && ![
+            '',
+            null,
+            void 0
+        ].includes(key) && !measures.some((measure)=>measure.id === key)).map((dim)=>({
+            id: dim,
+            alias: dim,
+            location: 'dimension'
+        }));
+    return result;
+};
+const autoPivotDimensions = (advancedVSeed, context)=>{
+    const result = {
+        ...advancedVSeed
+    };
+    const { vseed } = context;
+    const { dimensions, dataset } = vseed;
+    const measures = findAllMeasures(advancedVSeed.measures);
+    if (!dataset) throw new Error('dataset is required');
+    if (0 === dataset.length) return result;
+    if (dimensions && dimensions.length > 0) {
+        const newDimensions = findAllDimensions(dimensions);
+        result.dimensions = newDimensions.map((item, index)=>{
+            if ('rowDimension' === item.location || 'columnDimension' === item.location) return item;
+            return {
+                ...item,
+                location: index % 2 === 0 ? 'columnDimension' : 'rowDimension'
+            };
+        });
+        return result;
+    }
+    const top100dataset = dataset.slice(0, 100);
+    const sample = top100dataset.reduce((prev, cur)=>({
+            ...prev,
+            ...cur
+        }), {});
+    let i = 0;
+    result.dimensions = Object.keys(sample).filter((key)=>top100dataset.some((item)=>'string' == typeof item[key]) && ![
+            '',
+            null,
+            void 0
+        ].includes(key) && !measures.some((measure)=>measure.id === key)).map((dim)=>({
+            id: dim,
+            alias: dim,
+            location: i++ % 2 === 0 ? 'columnDimension' : 'rowDimension'
+        }));
+    return result;
+};
+const autoPivotMeasures = (advancedVSeed, context)=>{
+    const result = {
+        ...advancedVSeed
+    };
+    const { vseed } = context;
+    const { dataset } = vseed;
+    const measures = findAllMeasures(vseed.measures);
+    if (!dataset) throw new Error('dataset is required');
+    if (0 === dataset.length) return result;
+    if (measures && measures.length > 0) {
+        result.measures = findAllMeasures(measures);
+        return result;
+    }
+    const top100dataset = dataset.slice(0, 100);
+    const sample = top100dataset.reduce((prev, cur)=>({
+            ...prev,
+            ...cur
+        }), {});
+    result.measures = Object.keys(sample).filter((key)=>top100dataset.some((item)=>'number' == typeof item[key]) && ![
+            '',
+            null,
+            void 0
+        ].includes(key)).map((measure)=>({
+            id: measure,
+            alias: measure
+        }));
+    return result;
+};
+const initAdvancedVSeed_initAdvancedVSeed = (advancedVSeed, context)=>{
+    const { vseed } = context;
+    const { chartType, locale } = vseed;
+    return {
+        ...advancedVSeed,
+        chartType,
+        locale: locale || 'zh-CN'
+    };
+};
+const records_records = (advancedVSeed, context)=>{
+    const { vseed } = context;
+    const { dataset } = vseed;
+    return {
+        ...advancedVSeed,
+        dataset
+    };
+};
+const pivotTableAdvancedPipeline = [
+    initAdvancedVSeed_initAdvancedVSeed,
+    autoPivotMeasures,
+    autoPivotDimensions,
+    records_records,
+    theme_theme
+];
+const tableAdvancedPipeline = [
+    initAdvancedVSeed_initAdvancedVSeed,
+    autoMeasures_autoMeasures,
+    autoDimensions_autoDimensions,
+    records_records,
+    theme_theme
+];
+const dataset_dataset = (spec, context)=>{
+    const { advancedVSeed } = context;
+    const { encoding } = advancedVSeed;
+    const angle = encoding[0]?.angle?.[0];
+    const x = encoding[0]?.x?.[0];
+    const group = encoding[0]?.group?.[0];
+    const fields = {};
+    if (angle) fields[angle] = {
+        sortIndex: 0
+    };
+    if (x) fields[x] = {
+        sortIndex: 0
+    };
+    if (group) fields[group] = {
+        sortIndex: 1
+    };
+    return {
+        ...spec,
+        data: {
+            values: advancedVSeed.dataset,
+            fields: fields
+        }
+    };
+};
+const datasetPivot = (spec, context)=>{
+    const result = {
+        ...spec
+    };
+    const { advancedVSeed } = context;
+    const { dataset, datasetReshapeInfo } = advancedVSeed;
+    const records = dataset.reduce((pre, cur, index)=>{
+        const id = datasetReshapeInfo[index].id;
+        pre[id] = cur;
+        return pre;
+    }, {});
+    return {
+        ...result,
+        records: records
+    };
+};
+const datasetPivotPlaceholder = (spec)=>({
+        ...spec,
+        data: {
+            id: 'placeholderDataId'
+        }
+    });
+const initColumn = (spec, context)=>{
+    const result = {
+        ...spec
+    };
+    const { advancedVSeed } = context;
+    const { encoding } = advancedVSeed;
+    if (!encoding[0].y || !encoding[0].x || !encoding[0].group) return result;
+    result.type = 'bar';
+    result.direction = 'vertical';
+    result.xField = encoding[0].x[0];
+    result.yField = encoding[0].y[0];
+    result.seriesField = encoding[0].group[0];
+    result.padding = 0;
+    result.region = [
+        {
+            clip: true
+        }
+    ];
+    result.animation = true;
+    return result;
+};
+const initBar = (spec, context)=>{
+    const result = {
+        ...spec
+    };
+    const { advancedVSeed } = context;
+    const { encoding } = advancedVSeed;
     if (!encoding[0].y || !encoding[0].x || !encoding[0].group) return result;
     result.type = 'bar';
     result.direction = 'horizontal';
@@ -1708,6 +1845,27 @@ const initFunnel = (spec, context)=>{
     result.animation = true;
     return result;
 };
+const initScatter = (spec, context)=>{
+    const result = {
+        ...spec
+    };
+    const { advancedVSeed } = context;
+    const { encoding } = advancedVSeed;
+    if (!encoding[0].y || !encoding[0].x || !encoding[0].group) return result;
+    result.type = 'scatter';
+    result.direction = 'vertical';
+    result.xField = encoding[0].x[0];
+    result.yField = encoding[0].y[0];
+    result.seriesField = encoding[0].group[0];
+    result.padding = 0;
+    result.region = [
+        {
+            clip: true
+        }
+    ];
+    result.animation = true;
+    return result;
+};
 const xBand = (spec, context)=>{
     const result = {
         ...spec
@@ -1824,13 +1982,14 @@ const xLinear = (spec, context)=>{
         ];
         return result;
     }
-    const { visible = true, label, tick, title, grid, line, zero, nice, inverse, max, min } = config;
+    const { visible = true, label, tick, title, grid, line, zero, nice, inverse, max, min, log, logBase = 10 } = config;
     const linearAxis = {
         visible,
-        type: 'linear',
+        type: log ? 'log' : 'linear',
+        base: logBase,
         orient: 'bottom',
         nice,
-        zero,
+        zero: log ? false : zero,
         inverse,
         max,
         min,
@@ -2000,13 +2159,14 @@ const yLinear = (spec, context)=>{
         ];
         return result;
     }
-    const { visible = true, label, tick, title, grid, line, zero, nice, inverse, max, min } = config;
+    const { visible = true, label, tick, title, grid, line, zero, nice, inverse, max, min, log, logBase = 10 } = config;
     const linearAxis = {
         visible,
-        type: 'linear',
+        type: log ? 'log' : 'linear',
+        base: logBase,
         orient: 'left',
         nice,
-        zero,
+        zero: log ? false : zero,
         inverse,
         max,
         min,
@@ -2162,25 +2322,22 @@ const background_backgroundColor = (spec, context)=>{
         ...spec
     };
     const { advancedVSeed } = context;
-    const { baseConfig } = advancedVSeed;
-    if (!baseConfig?.vchart) return result;
-    const { backgroundColor } = baseConfig.vchart;
+    const { chartType } = advancedVSeed;
+    const baseConfig = advancedVSeed.config[chartType];
+    const { backgroundColor } = baseConfig;
     return {
         ...result,
         background: backgroundColor
     };
 };
-const defaultTooltip = {
-    enable: true
-};
 const tooltip_tooltip = (spec, context)=>{
     const result = {
         ...spec
     };
     const { advancedVSeed } = context;
-    const { measures, datasetReshapeInfo } = advancedVSeed;
-    const baseConfig = advancedVSeed.baseConfig.vchart;
-    const { tooltip = defaultTooltip } = baseConfig;
+    const { measures, datasetReshapeInfo, chartType } = advancedVSeed;
+    const baseConfig = advancedVSeed.config[chartType];
+    const { tooltip } = baseConfig;
     const { enable } = tooltip;
     const { measureId, measureValue } = datasetReshapeInfo[0].foldInfo;
     const { groupName } = datasetReshapeInfo[0].unfoldInfo;
@@ -2242,7 +2399,8 @@ const label_label = (spec, context)=>{
     };
     const { advancedVSeed } = context;
     const { measures, datasetReshapeInfo, locale } = advancedVSeed;
-    const baseConfig = advancedVSeed.baseConfig.vchart;
+    const { chartType } = advancedVSeed;
+    const baseConfig = advancedVSeed.config[chartType];
     if (!baseConfig || !baseConfig.label) return result;
     const { measureId, measureValue } = datasetReshapeInfo[0].foldInfo;
     const { label } = baseConfig;
@@ -2274,9 +2432,9 @@ const discreteLegend = (spec, context)=>{
         ...spec
     };
     const { advancedVSeed } = context;
-    const { datasetReshapeInfo } = advancedVSeed;
+    const { datasetReshapeInfo, chartType } = advancedVSeed;
     const { unfoldInfo } = datasetReshapeInfo[0];
-    const baseConfig = advancedVSeed.baseConfig.vchart;
+    const baseConfig = advancedVSeed.config[chartType];
     if (!baseConfig || !baseConfig.legend) return result;
     const { legend } = baseConfig;
     const { enable, position = 'bottom', labelFontColor, labelFontSize = 12, labelFontWeight, maxSize, border, shapeType = 'rectRound' } = legend || {};
@@ -2373,7 +2531,8 @@ const pivotDiscreteLegend = (spec, context)=>{
         ...spec
     };
     const { advancedVSeed } = context;
-    const baseConfig = advancedVSeed.baseConfig.vchart;
+    const { chartType } = advancedVSeed;
+    const baseConfig = advancedVSeed.config[chartType];
     if (!baseConfig || !baseConfig.legend) return result;
     const { datasetReshapeInfo } = advancedVSeed;
     const colorItems = unique(datasetReshapeInfo.flatMap((d)=>d.unfoldInfo.colorItems));
@@ -2482,9 +2641,9 @@ const color_color = (spec, context)=>{
         ...spec
     };
     const { advancedVSeed } = context;
-    const { datasetReshapeInfo } = advancedVSeed;
+    const { datasetReshapeInfo, chartType } = advancedVSeed;
     const { unfoldInfo } = datasetReshapeInfo[0];
-    const baseConfig = advancedVSeed.baseConfig.vchart;
+    const baseConfig = advancedVSeed.config[chartType];
     if (!baseConfig || !baseConfig.color) return result;
     const { color } = baseConfig;
     const { colorScheme, colorMapping } = color;
@@ -2702,7 +2861,7 @@ const pivotColumnDimensions = (spec, context)=>{
         ...spec
     };
     const { advancedVSeed } = context;
-    const { dimensions } = advancedVSeed;
+    const dimensions = advancedVSeed.dimensions;
     if (!dimensions) return result;
     const columnDimensions = dimensions.filter((dim)=>'columnDimension' === dim.location);
     const columns = columnDimensions.map((dim)=>({
@@ -2719,7 +2878,7 @@ const pivotRowDimensions = (spec, context)=>{
         ...spec
     };
     const { advancedVSeed } = context;
-    const { dimensions } = advancedVSeed;
+    const dimensions = advancedVSeed.dimensions;
     if (!dimensions) return result;
     const rowDimensions = dimensions.filter((dim)=>'rowDimension' === dim.location);
     const rows = rowDimensions.map((dim)=>({
@@ -2886,8 +3045,7 @@ const pointStyle_pointStyle = (spec, context)=>{
     const { markStyle } = advancedVSeed;
     const { pointStyle } = markStyle;
     const result = {
-        ...spec,
-        point: {}
+        ...spec
     };
     if (!pointStyle) return result;
     const pointStyles = Array.isArray(pointStyle) ? pointStyle : [
@@ -2940,6 +3098,7 @@ const pointStateDimensionHover = (spec)=>{
         point: {
             ...point,
             state: {
+                ...point.state || {},
                 dimension_hover: {
                     scaleX: 1.4,
                     scaleY: 1.4
@@ -2958,6 +3117,7 @@ const pointStateHover = (spec, context)=>{
         point: {
             ...point,
             state: {
+                ...point.state || {},
                 hover: {
                     scaleX: 1.4,
                     scaleY: 1.4,
@@ -4355,27 +4515,6 @@ const pivotFunnel = [
 const funnelSpecPipeline = [
     pivotAdapter_pivotAdapter(funnel, pivotFunnel)
 ];
-const initScatter = (spec, context)=>{
-    const result = {
-        ...spec
-    };
-    const { advancedVSeed } = context;
-    const { encoding } = advancedVSeed;
-    if (!encoding[0].y || !encoding[0].x || !encoding[0].group) return result;
-    result.type = 'scatter';
-    result.direction = 'vertical';
-    result.xField = encoding[0].x[0];
-    result.yField = encoding[0].y[0];
-    result.seriesField = encoding[0].group[0];
-    result.padding = 0;
-    result.region = [
-        {
-            clip: true
-        }
-    ];
-    result.animation = true;
-    return result;
-};
 const scatter = [
     initScatter,
     color_color,
@@ -4425,52 +4564,185 @@ const pivotScatter = [
 const scatterSpecPipeline = [
     pivotAdapter_pivotAdapter(scatter, pivotScatter)
 ];
-const buildAdvanced = (builder)=>{
-    const { chartType } = builder.vseed;
-    if (!chartType) throw new Error('chartType is nil in buildAdvanced');
-    const pipeline = builder.getAdvancedPipeline(chartType);
-    if (!pipeline) throw new Error(`no advanced pipeline for chartType ${chartType}`);
-    const context = {
-        vseed: builder.vseed,
-        customTheme: builder.getThemeMap()
+const initTable = (spec, context)=>{
+    const { advancedVSeed } = context;
+    const { dataset } = advancedVSeed;
+    return {
+        ...spec,
+        records: dataset,
+        widthMode: 'standard',
+        heightMode: 'autoHeight',
+        autoWrapText: true,
+        columnResizeMode: 'all',
+        showHeader: true
     };
-    try {
-        return execPipeline(pipeline, context);
-    } catch (e) {
-        console.error(e);
-        throw new Error("buildAdvanced error, see error info in console");
-    }
 };
-const buildSpec = (builder, advancedVSeed)=>{
-    const { chartType } = builder.vseed;
-    if (!chartType) throw new Error('chartType is nil in buildSpec');
-    const pipeline = builder.getSpecPipeline(chartType);
-    if (!pipeline) throw new Error(`no spec pipeline for chartType ${chartType}`);
-    const context = {
-        vseed: builder.vseed,
-        advancedVSeed
+const initPivotTable = (spec, context)=>{
+    const { advancedVSeed } = context;
+    const { dataset } = advancedVSeed;
+    return {
+        ...spec,
+        records: dataset,
+        widthMode: 'standard',
+        heightMode: 'autoHeight',
+        autoWrapText: true,
+        columnResizeMode: 'all'
     };
-    try {
-        return execPipeline(pipeline, context);
-    } catch (e) {
-        console.error(e);
-        throw new Error("buildSpec error, see error info in console");
-    }
-};
-const build = (builder)=>{
-    const advancedVSeed = builder.buildAdvanced();
-    builder.advancedVSeed = advancedVSeed;
-    if (!advancedVSeed) throw new Error('advancedVSeed is null');
-    const spec = builder.buildSpec(advancedVSeed);
-    builder.spec = spec;
-    return spec;
 };
-class Builder {
-    _vseed;
-    _advancedVSeed = null;
-    _spec = null;
-    constructor(vseed){
-        this._vseed = vseed;
+const measureTreeToColumns = (spec, context)=>{
+    const { advancedVSeed } = context;
+    const measures = advancedVSeed.measures;
+    const result = {
+        ...spec
+    };
+    const columns = treeTreeToColumns(measures);
+    return {
+        ...result,
+        columns: [
+            ...result.columns || [],
+            ...columns
+        ]
+    };
+};
+const dimensionTreeToColumns = (spec, context)=>{
+    const { advancedVSeed } = context;
+    const dimensions = advancedVSeed.dimensions;
+    const result = {
+        ...spec
+    };
+    const columns = treeTreeToColumns(dimensions);
+    return {
+        ...result,
+        columns: [
+            ...result.columns || [],
+            ...columns
+        ]
+    };
+};
+const treeTreeToColumns = (tree = [])=>{
+    const result = tree.map((item)=>{
+        const field = item.id;
+        const title = item.alias ?? item.id;
+        if ('children' in item && Array.isArray(item.children)) return {
+            field,
+            title,
+            columns: treeTreeToColumns(item.children)
+        };
+        return {
+            field,
+            title
+        };
+    });
+    return result || [];
+};
+const pivotColumns = (spec, context)=>{
+    const { advancedVSeed } = context;
+    const dimensions = advancedVSeed.dimensions;
+    const columns = dimensions.filter((item)=>'columnDimension' === item['location']);
+    return {
+        ...spec,
+        columns: columns.map((item)=>({
+                dimensionKey: item.id,
+                title: item.alias || item.id,
+                width: 'auto'
+            }))
+    };
+};
+const pivotRows = (spec, context)=>{
+    const { advancedVSeed } = context;
+    const dimensions = advancedVSeed.dimensions;
+    const rows = dimensions.filter((item)=>'rowDimension' === item['location']);
+    return {
+        ...spec,
+        rows: rows.map((item)=>({
+                dimensionKey: item.id,
+                title: item.alias || item.id,
+                width: 'auto'
+            }))
+    };
+};
+const pivotIndicators_pivotIndicators = (spec, context)=>{
+    const { advancedVSeed } = context;
+    const measures = advancedVSeed.measures;
+    return {
+        ...spec,
+        indicatorsAsCol: true,
+        indicators: measures.map((item)=>({
+                cellType: 'text',
+                indicatorKey: item.id,
+                title: item.alias || item.id,
+                width: 'auto'
+            }))
+    };
+};
+const tableSpecPipeline = [
+    initTable,
+    dimensionTreeToColumns,
+    measureTreeToColumns
+];
+const pivotTableSpecPipeline = [
+    initPivotTable,
+    pivotColumns,
+    pivotRows,
+    pivotIndicators_pivotIndicators
+];
+const buildAdvanced = (builder)=>{
+    const { chartType } = builder.vseed;
+    if (!chartType) throw new Error('chartType is nil in buildAdvanced');
+    const pipeline = builder.getAdvancedPipeline(chartType);
+    if (!pipeline) throw new Error(`no advanced pipeline for chartType ${chartType}`);
+    const context = {
+        vseed: builder.vseed,
+        customTheme: builder.getThemeMap()
+    };
+    try {
+        return execPipeline(pipeline, context);
+    } catch (e) {
+        console.error(e);
+        throw new Error("buildAdvanced error, see error info in console");
+    }
+};
+const buildSpec = (builder, advancedVSeed)=>{
+    const { chartType } = builder.vseed;
+    if (!chartType) throw new Error('chartType is nil in buildSpec');
+    const pipeline = builder.getSpecPipeline(chartType);
+    if (!pipeline) throw new Error(`no spec pipeline for chartType ${chartType}`);
+    const context = {
+        vseed: builder.vseed,
+        advancedVSeed
+    };
+    try {
+        return execPipeline(pipeline, context);
+    } catch (e) {
+        console.error(e);
+        throw new Error("buildSpec error, see error info in console");
+    }
+};
+const build = (builder)=>{
+    const advancedVSeed = builder.buildAdvanced();
+    builder.advancedVSeed = advancedVSeed;
+    if (!advancedVSeed) throw new Error('advancedVSeed is null');
+    const spec = builder.buildSpec(advancedVSeed);
+    builder.spec = spec;
+    return spec;
+};
+const getColorItems = (builder)=>{
+    const advancedVSeed = builder.advancedVSeed;
+    if (!advancedVSeed) return [];
+    const { datasetReshapeInfo } = advancedVSeed;
+    const colorItems = unique(datasetReshapeInfo.flatMap((d)=>d.unfoldInfo.colorItems));
+    const colorIdMap = datasetReshapeInfo.reduce((prev, cur)=>({
+            ...prev,
+            ...cur.unfoldInfo.colorIdMap
+        }), {});
+    return colorItems.map((d)=>colorIdMap[d]);
+};
+class Builder {
+    _vseed;
+    _advancedVSeed = null;
+    _spec = null;
+    constructor(vseed){
+        this._vseed = vseed;
         this._vseed.locale = vseed.locale || intl.getLocale();
     }
     build = ()=>build(this);
@@ -4480,6 +4752,7 @@ class Builder {
     getSpecPipeline = (chartType)=>Builder._specPipelineMap[chartType];
     getTheme = (themeKey)=>Builder._themeMap[themeKey];
     getThemeMap = ()=>Builder._themeMap;
+    getColorItems = ()=>getColorItems(this);
     get vseed() {
         return this._vseed;
     }
@@ -4563,6 +4836,14 @@ const registerScatter = ()=>{
     Builder._advancedPipelineMap.scatter = scatterAdvancedPipeline;
     Builder._specPipelineMap.scatter = scatterSpecPipeline;
 };
+const registerTable = ()=>{
+    Builder._advancedPipelineMap.table = tableAdvancedPipeline;
+    Builder._specPipelineMap.table = tableSpecPipeline;
+};
+const registerPivotTable = ()=>{
+    Builder._advancedPipelineMap.pivotTable = pivotTableAdvancedPipeline;
+    Builder._specPipelineMap.pivotTable = pivotTableSpecPipeline;
+};
 const darkTheme = ()=>{
     const linearAxis = {
         nice: true,
@@ -4667,52 +4948,49 @@ const darkTheme = ()=>{
         labelColor: '#4B4F54',
         labelBackgroundColor: '#ffffff'
     };
-    return {
-        baseConfig: {
-            vtable: {
-                backgroundColor: 'transparent'
-            },
-            vchart: {
-                backgroundColor: 'transparent',
-                color: {
-                    colorScheme: [
-                        '#2E62F1',
-                        '#4DC36A',
-                        '#FF8406',
-                        '#FFCC00',
-                        '#4F44CF',
-                        '#5AC8FA',
-                        '#003A8C',
-                        '#B08AE2',
-                        '#FF6341',
-                        '#98DD62'
-                    ]
-                },
-                label: {
-                    enable: true
-                },
-                tooltip: {
-                    enable: true
-                },
-                legend: {
-                    enable: true,
-                    border: true,
-                    maxSize: 1,
-                    position: 'rt',
-                    shapeType: 'rectRound',
-                    labelFontColor: '#FDFDFD',
-                    labelFontSize: 12,
-                    labelFontWeight: 400
-                }
-            }
+    const baseConfig = {
+        backgroundColor: 'transparent',
+        color: {
+            colorScheme: [
+                '#2E62F1',
+                '#4DC36A',
+                '#FF8406',
+                '#FFCC00',
+                '#4F44CF',
+                '#5AC8FA',
+                '#003A8C',
+                '#B08AE2',
+                '#FF6341',
+                '#98DD62'
+            ]
         },
+        label: {
+            enable: true
+        },
+        tooltip: {
+            enable: true
+        },
+        legend: {
+            enable: true,
+            border: true,
+            maxSize: 1,
+            position: 'rt',
+            shapeType: 'rectRound',
+            labelFontColor: '#FDFDFD',
+            labelFontSize: 12,
+            labelFontWeight: 400
+        }
+    };
+    return {
         config: {
             line: {
+                ...baseConfig,
                 xAxis: bandAxis,
                 yAxis: linearAxis,
                 crosshairLine: crosshairLine
             },
             column: {
+                ...baseConfig,
                 xAxis: bandAxis,
                 yAxis: linearAxis,
                 crosshairRect: crosshairRect,
@@ -4724,6 +5002,7 @@ const darkTheme = ()=>{
                 ]
             },
             columnParallel: {
+                ...baseConfig,
                 xAxis: bandAxis,
                 yAxis: linearAxis,
                 crosshairRect: crosshairRect,
@@ -4735,6 +5014,7 @@ const darkTheme = ()=>{
                 ]
             },
             columnPercent: {
+                ...baseConfig,
                 xAxis: bandAxis,
                 yAxis: linearAxis,
                 crosshairRect: crosshairRect,
@@ -4746,6 +5026,7 @@ const darkTheme = ()=>{
                 ]
             },
             bar: {
+                ...baseConfig,
                 xAxis: linearAxis,
                 yAxis: barBandAxis,
                 crosshairRect: crosshairRect,
@@ -4757,6 +5038,7 @@ const darkTheme = ()=>{
                 ]
             },
             barParallel: {
+                ...baseConfig,
                 xAxis: linearAxis,
                 yAxis: barBandAxis,
                 crosshairRect: crosshairRect,
@@ -4768,6 +5050,7 @@ const darkTheme = ()=>{
                 ]
             },
             barPercent: {
+                ...baseConfig,
                 xAxis: linearAxis,
                 yAxis: barBandAxis,
                 crosshairRect: crosshairRect,
@@ -4779,16 +5062,19 @@ const darkTheme = ()=>{
                 ]
             },
             area: {
+                ...baseConfig,
                 xAxis: bandAxis,
                 yAxis: linearAxis,
                 crosshairLine: crosshairLine
             },
             areaPercent: {
+                ...baseConfig,
                 xAxis: bandAxis,
                 yAxis: linearAxis,
                 crosshairLine: crosshairLine
             },
             scatter: {
+                ...baseConfig,
                 xAxis: {
                     ...linearAxis,
                     line: {
@@ -4804,6 +5090,35 @@ const darkTheme = ()=>{
                     }
                 },
                 crosshairLine
+            },
+            pie: {
+                ...baseConfig
+            },
+            donut: {
+                ...baseConfig
+            },
+            rose: {
+                ...baseConfig
+            },
+            roseParallel: {
+                ...baseConfig
+            },
+            funnel: {
+                ...baseConfig,
+                color: {
+                    colorScheme: [
+                        '#2E62F1',
+                        '#3A6EF6',
+                        '#4780FA',
+                        '#548CFE',
+                        '#6198FF',
+                        '#6FA3FF',
+                        '#7CACFF',
+                        '#88B7FF',
+                        '#94C2FF',
+                        '#A0CEFF'
+                    ]
+                }
             }
         }
     };
@@ -4913,52 +5228,49 @@ const lightTheme = ()=>{
         labelColor: '#ffffff',
         labelBackgroundColor: '#364159'
     };
-    return {
-        baseConfig: {
-            vtable: {
-                backgroundColor: 'transparent'
-            },
-            vchart: {
-                backgroundColor: 'transparent',
-                color: {
-                    colorScheme: [
-                        '#8D72F6',
-                        '#5766EC',
-                        '#66A3FE',
-                        '#51D5E6',
-                        '#4EC0B3',
-                        '#F9DF90',
-                        '#F9AD71',
-                        '#ED8888',
-                        '#E9A0C3',
-                        '#D77DD3'
-                    ]
-                },
-                label: {
-                    enable: true
-                },
-                tooltip: {
-                    enable: true
-                },
-                legend: {
-                    enable: true,
-                    border: true,
-                    maxSize: 1,
-                    shapeType: 'rectRound',
-                    position: 'rt',
-                    labelFontColor: '#646A73',
-                    labelFontSize: 12,
-                    labelFontWeight: 400
-                }
-            }
+    const baseConfig = {
+        backgroundColor: 'transparent',
+        color: {
+            colorScheme: [
+                '#8D72F6',
+                '#5766EC',
+                '#66A3FE',
+                '#51D5E6',
+                '#4EC0B3',
+                '#F9DF90',
+                '#F9AD71',
+                '#ED8888',
+                '#E9A0C3',
+                '#D77DD3'
+            ]
+        },
+        label: {
+            enable: true
+        },
+        tooltip: {
+            enable: true
         },
+        legend: {
+            enable: true,
+            border: true,
+            maxSize: 1,
+            shapeType: 'rectRound',
+            position: 'rt',
+            labelFontColor: '#646A73',
+            labelFontSize: 12,
+            labelFontWeight: 400
+        }
+    };
+    return {
         config: {
             line: {
+                ...baseConfig,
                 xAxis: bandAxis,
                 yAxis: linearAxis,
                 crosshairLine
             },
             column: {
+                ...baseConfig,
                 xAxis: bandAxis,
                 yAxis: linearAxis,
                 crosshairRect,
@@ -4970,6 +5282,7 @@ const lightTheme = ()=>{
                 ]
             },
             columnParallel: {
+                ...baseConfig,
                 xAxis: bandAxis,
                 yAxis: linearAxis,
                 crosshairRect,
@@ -4981,6 +5294,7 @@ const lightTheme = ()=>{
                 ]
             },
             columnPercent: {
+                ...baseConfig,
                 xAxis: bandAxis,
                 yAxis: linearAxis,
                 crosshairRect,
@@ -4992,6 +5306,7 @@ const lightTheme = ()=>{
                 ]
             },
             bar: {
+                ...baseConfig,
                 xAxis: linearAxis,
                 yAxis: barBandAxis,
                 crosshairRect,
@@ -5003,6 +5318,7 @@ const lightTheme = ()=>{
                 ]
             },
             barParallel: {
+                ...baseConfig,
                 xAxis: linearAxis,
                 yAxis: barBandAxis,
                 crosshairRect,
@@ -5014,6 +5330,7 @@ const lightTheme = ()=>{
                 ]
             },
             barPercent: {
+                ...baseConfig,
                 xAxis: linearAxis,
                 yAxis: barBandAxis,
                 crosshairRect,
@@ -5025,16 +5342,19 @@ const lightTheme = ()=>{
                 ]
             },
             area: {
+                ...baseConfig,
                 xAxis: bandAxis,
                 yAxis: linearAxis,
                 crosshairLine
             },
             areaPercent: {
+                ...baseConfig,
                 xAxis: bandAxis,
                 yAxis: linearAxis,
                 crosshairLine
             },
             scatter: {
+                ...baseConfig,
                 xAxis: {
                     ...linearAxis,
                     line: {
@@ -5050,6 +5370,35 @@ const lightTheme = ()=>{
                     }
                 },
                 crosshairLine
+            },
+            pie: {
+                ...baseConfig
+            },
+            donut: {
+                ...baseConfig
+            },
+            rose: {
+                ...baseConfig
+            },
+            roseParallel: {
+                ...baseConfig
+            },
+            funnel: {
+                ...baseConfig,
+                color: {
+                    colorScheme: [
+                        '#5766EC',
+                        '#6372F0',
+                        '#7080F4',
+                        '#7C8CFA',
+                        '#8998FF',
+                        '#95A3FF',
+                        '#A0AEFF',
+                        '#ACB9FF',
+                        '#B7C4FF',
+                        '#C2CEFF'
+                    ]
+                }
             }
         }
     };
@@ -5083,6 +5432,8 @@ const registerAll = ()=>{
     registerRoseParallel();
     registerFunnel();
     registerScatter();
+    registerTable();
+    registerPivotTable();
     registerLightTheme();
     registerDarkTheme();
 };
@@ -5111,48 +5462,66 @@ const zDataset = z.array(zDatum);
 const zDimension = z.object({
     id: z.string(),
     alias: z.string().optional(),
-    visible: z.boolean().default(true).optional(),
     location: z["enum"]([
         'dimension',
         'rowDimension',
         'columnDimension'
     ]).default('dimension').optional()
 });
-const zDimensions = z.array(zDimension).optional();
+const zDimensionGroup = z.object({
+    id: z.string(),
+    alias: z.string().optional(),
+    get children () {
+        return z.array(zDimensionGroup.or(zDimension)).optional();
+    }
+});
+const zDimensions = z.array(zDimension);
+const zDimensionTree = z.array(zDimensionGroup.or(zDimension));
 const zNumFormat = z.object({
     type: z["enum"]([
         'number',
         'percent',
-        'permille'
+        'permille',
+        'scientific'
     ]).default('number').optional(),
     ratio: z.number().default(1).optional(),
     symbol: z.string().default('').optional(),
     thousandSeparator: z.boolean().default(false).optional(),
-    decimalPlaces: z.number().default(2).optional(),
-    round: z["enum"]([
-        'round',
-        'floor',
-        'ceil'
-    ]).default('round').optional(),
     prefix: z.string().default('').optional(),
-    suffix: z.string().default('').optional()
+    suffix: z.string().default('').optional(),
+    fractionDigits: z.number().default(2).optional(),
+    significantDigits: z.number().default(0).optional(),
+    roundingPriority: z["enum"]([
+        'morePrecision',
+        'lessPrecision'
+    ]).default('morePrecision').optional(),
+    roundingMode: z["enum"]([
+        'floor',
+        'ceil',
+        'halfEven',
+        'expand',
+        'trunc',
+        'halfFloor',
+        'halfCeil',
+        'halfExpand',
+        'halfTrunc'
+    ]).default('halfCeil').optional()
 }).optional();
 const zMeasure = z.object({
     id: z.string(),
     alias: z.string().optional(),
-    visible: z.boolean().default(true).optional(),
     autoFormat: z.boolean().default(true).optional(),
     format: zNumFormat["default"]({}).optional()
 });
 const zMeasureGroup = z.object({
     id: z.string(),
     alias: z.string().optional(),
-    visible: z.boolean().default(true).optional(),
     get children () {
         return z.array(zMeasureGroup.or(zMeasure)).optional();
     }
 });
-const zMeasures = z.array(zMeasureGroup.or(zMeasure)).optional();
+const zMeasures = z.array(zMeasure);
+const zMeasureTree = z.array(zMeasureGroup.or(zMeasure));
 const zFoldInfo = z.object({
     foldMap: z.record(z.string(), z.string().or(z.undefined())),
     measureId: z.string(),
@@ -5180,94 +5549,10 @@ const zEncoding = z.array(z.object({
     tooltip: z.array(z.string()).optional(),
     size: z.array(z.string()).optional()
 }));
-const zBackgroundColor = z.string().default('transparent').optional();
-const zLabel = z.object({
-    enable: z.boolean().default(true).optional()
-});
-const zColor = z.object({
-    colorScheme: z.array(z.string()).optional(),
-    colorMapping: z.record(z.string(), z.string()).optional()
-});
-const zTooltip = z.object({
-    enable: z.boolean().default(true).optional()
-});
-const zLegend = z.object({
-    enable: z.boolean().default(true).optional(),
-    border: z.boolean().default(true).optional(),
-    maxSize: z.number().default(1).optional(),
-    shapeType: z["enum"]([
-        'circle',
-        'cross',
-        'diamond',
-        'square',
-        'arrow',
-        'arrow2Left',
-        'arrow2Right',
-        'wedge',
-        'thinTriangle',
-        'triangle',
-        'triangleUp',
-        'triangleDown',
-        'triangleRight',
-        'triangleLeft',
-        'stroke',
-        'star',
-        'wye',
-        'rect',
-        'arrowLeft',
-        'arrowRight',
-        'rectRound',
-        'roundLine'
-    ]).default('rectRound').optional(),
-    position: z["enum"]([
-        'left',
-        'leftTop',
-        'leftBottom',
-        'lt',
-        'lb',
-        'top',
-        'topLeft',
-        'topRight',
-        'tl',
-        'tr',
-        'right',
-        'rightTop',
-        'rightBottom',
-        'rt',
-        'rb',
-        'bottom',
-        'bottomLeft',
-        'bottomRight',
-        'bl',
-        'br'
-    ]).default('bottom').optional(),
-    labelFontSize: z.number().default(12).optional(),
-    labelFontColor: z.string().default('#fff').optional(),
-    labelFontWeight: z.number().or(z.string()).default(400).optional()
-});
-const zVChartBaseConfig = z.object({
-    backgroundColor: zBackgroundColor,
-    label: zLabel.optional(),
-    color: zColor.optional(),
-    tooltip: zTooltip.optional(),
-    legend: zLegend.optional()
-});
-const zVTableBaseConfig = z.object({
-    backgroundColor: zBackgroundColor
-});
-const zBaseConfig = z.object({
-    vchart: zVChartBaseConfig.optional(),
-    vtable: zVTableBaseConfig.optional()
-});
-const zAxis = z.object({
+const zXBandAxis = z.object({
     visible: z.boolean().default(true).optional(),
-    min: z.number().optional(),
-    max: z.number().optional(),
-    nice: z.boolean().default(true).optional(),
-    zero: z.boolean().default(true).optional(),
-    inverse: z.boolean().default(false).optional(),
     labelAutoHide: z.boolean().default(true).optional(),
-    labelAutoHideGap: z.number().default(4).optional(),
+    labelAutoHideGap: z.number().default(0).optional(),
     labelAutoRotate: z.boolean().default(true).optional(),
     labelAutoRotateAngleRange: z.array(z.number()).default([
         0,
@@ -5307,18 +5592,16 @@ const zAxis = z.object({
         gridWidth: z.number().default(0.5).optional()
     }).optional()
 });
-const zXBandAxis = z.object({
+const zYBandAxis = zXBandAxis;
+const zXLinearAxis = z.object({
     visible: z.boolean().default(true).optional(),
-    labelAutoHide: z.boolean().default(true).optional(),
-    labelAutoHideGap: z.number().default(0).optional(),
-    labelAutoRotate: z.boolean().default(true).optional(),
-    labelAutoRotateAngleRange: z.array(z.number()).default([
-        0,
-        -45,
-        -90
-    ]).optional(),
-    labelAutoLimit: z.boolean().default(true).optional(),
-    labelAutoLimitLength: z.number().default(100).optional(),
+    min: z.number().optional(),
+    max: z.number().optional(),
+    nice: z.boolean().default(true).optional(),
+    zero: z.boolean().default(true).optional(),
+    log: z.boolean().default(false).optional(),
+    logBase: z.number().default(10).optional(),
+    inverse: z.boolean().default(false).optional(),
     label: z.object({
         visible: z.boolean().default(true).optional(),
         labelColor: z.string().default('#797B85').optional(),
@@ -5350,14 +5633,218 @@ const zXBandAxis = z.object({
         gridWidth: z.number().default(0.5).optional()
     }).optional()
 });
-const zYBandAxis = zXBandAxis;
-const zXLinearAxis = z.object({
+const zYLinearAxis = zXLinearAxis;
+const zCrosshairLine = z.object({
+    visible: z.boolean().optional(),
+    lineColor: z.string().optional(),
+    labelColor: z.string().optional(),
+    labelVisible: z.boolean().optional(),
+    labelBackgroundColor: z.string().optional()
+});
+const zCrosshairRect = z.object({
+    visible: z.boolean().optional(),
+    rectColor: z.string().optional(),
+    labelColor: z.string().optional(),
+    labelVisible: z.boolean().optional(),
+    labelBackgroundColor: z.string().optional()
+});
+const zStackCornerRadius = z.number().or(z.array(z.number())).default([
+    3,
+    3,
+    0,
+    0
+]);
+const zBackgroundColor = z.string().default('transparent').optional();
+const zColor = z.object({
+    colorScheme: z.array(z.string()).optional(),
+    colorMapping: z.record(z.string(), z.string()).optional()
+});
+const zLabel = z.object({
+    enable: z.boolean().default(true).optional()
+});
+const zLegend = z.object({
+    enable: z.boolean().default(true).optional(),
+    border: z.boolean().default(true).optional(),
+    maxSize: z.number().default(1).optional(),
+    shapeType: z["enum"]([
+        'circle',
+        'cross',
+        'diamond',
+        'square',
+        'arrow',
+        'arrow2Left',
+        'arrow2Right',
+        'wedge',
+        'thinTriangle',
+        'triangle',
+        'triangleUp',
+        'triangleDown',
+        'triangleRight',
+        'triangleLeft',
+        'stroke',
+        'star',
+        'wye',
+        'rect',
+        'arrowLeft',
+        'arrowRight',
+        'rectRound',
+        'roundLine'
+    ]).default('rectRound').optional(),
+    position: z["enum"]([
+        'left',
+        'leftTop',
+        'leftBottom',
+        'lt',
+        'lb',
+        'top',
+        'topLeft',
+        'topRight',
+        'tl',
+        'tr',
+        'right',
+        'rightTop',
+        'rightBottom',
+        'rt',
+        'rb',
+        'bottom',
+        'bottomLeft',
+        'bottomRight',
+        'bl',
+        'br'
+    ]).default('bottom').optional(),
+    labelFontSize: z.number().default(12).optional(),
+    labelFontColor: z.string().default('#fff').optional(),
+    labelFontWeight: z.number().or(z.string()).default(400).optional()
+});
+const zTooltip = z.object({
+    enable: z.boolean().default(true).optional()
+});
+const zLineConfig = z.object({
+    backgroundColor: zBackgroundColor.optional(),
+    label: zLabel.optional(),
+    color: zColor.optional(),
+    tooltip: zTooltip.optional(),
+    legend: zLegend.optional(),
+    xAxis: zXBandAxis.optional(),
+    yAxis: zYLinearAxis.optional(),
+    crosshairLine: zCrosshairLine.optional()
+});
+const zColumnConfig = z.object({
+    backgroundColor: zBackgroundColor.optional(),
+    label: zLabel.optional(),
+    color: zColor.optional(),
+    tooltip: zTooltip.optional(),
+    legend: zLegend.optional(),
+    xAxis: zXBandAxis.optional(),
+    yAxis: zYLinearAxis.optional(),
+    crosshairRect: zCrosshairRect.optional(),
+    stackCornerRadius: zStackCornerRadius.optional()
+});
+const zColumnParallelConfig = zColumnConfig;
+const zColumnPercentConfig = zColumnConfig;
+const zBarConfig = z.object({
+    backgroundColor: zBackgroundColor.optional(),
+    label: zLabel.optional(),
+    color: zColor.optional(),
+    tooltip: zTooltip.optional(),
+    legend: zLegend.optional(),
+    xAxis: zXLinearAxis.optional(),
+    yAxis: zYBandAxis.optional(),
+    crosshairRect: zCrosshairRect.optional(),
+    stackCornerRadius: zStackCornerRadius.optional()
+});
+const zBarParallelConfig = zBarConfig;
+const zBarPercentConfig = zBarConfig;
+const zAreaConfig = z.object({
+    backgroundColor: zBackgroundColor.optional(),
+    label: zLabel.optional(),
+    color: zColor.optional(),
+    tooltip: zTooltip.optional(),
+    legend: zLegend.optional(),
+    xAxis: zXBandAxis.optional(),
+    yAxis: zYLinearAxis.optional(),
+    crosshairLine: zCrosshairLine.optional()
+});
+const zAreaPercentConfig = zAreaConfig;
+const zRoseConfig = z.object({
+    backgroundColor: zBackgroundColor.optional(),
+    label: zLabel.optional(),
+    color: zColor.optional(),
+    tooltip: zTooltip.optional(),
+    legend: zLegend.optional()
+});
+const zRoseParallelConfig = zRoseConfig;
+const zPieConfig = z.object({
+    backgroundColor: zBackgroundColor.optional(),
+    label: zLabel.optional(),
+    color: zColor.optional(),
+    tooltip: zTooltip.optional(),
+    legend: zLegend.optional()
+});
+const zDonutConfig = zPieConfig;
+const zDualAxisConfig = z.object({
+    backgroundColor: zBackgroundColor.optional(),
+    label: zLabel.optional(),
+    color: zColor.optional(),
+    tooltip: zTooltip.optional(),
+    legend: zLegend.optional()
+});
+const zScatterConfig = z.object({
+    backgroundColor: zBackgroundColor.optional(),
+    label: zLabel.optional(),
+    color: zColor.optional(),
+    tooltip: zTooltip.optional(),
+    legend: zLegend.optional(),
+    xAxis: zXLinearAxis.optional(),
+    yAxis: zYLinearAxis.optional(),
+    crosshairLine: zCrosshairLine.optional()
+});
+const zFunnelConfig = z.object({
+    backgroundColor: zBackgroundColor.optional(),
+    color: zColor.optional(),
+    tooltip: zTooltip.optional(),
+    label: zLabel.optional(),
+    legend: zLegend.optional()
+});
+const zConfig = z.object({
+    table: z.object({}).optional(),
+    pivotTable: z.object({}).optional(),
+    line: zLineConfig.optional(),
+    column: zColumnConfig.optional(),
+    columnParallel: zColumnParallelConfig.optional(),
+    columnPercent: zColumnPercentConfig.optional(),
+    bar: zBarConfig.optional(),
+    barParallel: zBarParallelConfig.optional(),
+    barPercent: zBarPercentConfig.optional(),
+    area: zAreaConfig.optional(),
+    areaPercent: zAreaPercentConfig.optional(),
+    rose: zRoseConfig.optional(),
+    roseParallel: zRoseParallelConfig.optional(),
+    pie: zPieConfig.optional(),
+    donut: zDonutConfig.optional(),
+    dualAxis: zDualAxisConfig.optional(),
+    scatter: zScatterConfig.optional(),
+    funnel: zFunnelConfig.optional()
+});
+const zAxis = z.object({
     visible: z.boolean().default(true).optional(),
     min: z.number().optional(),
     max: z.number().optional(),
     nice: z.boolean().default(true).optional(),
     zero: z.boolean().default(true).optional(),
     inverse: z.boolean().default(false).optional(),
+    log: z.boolean().default(false).optional(),
+    logBase: z.number().default(10).optional(),
+    labelAutoHide: z.boolean().default(true).optional(),
+    labelAutoHideGap: z.number().default(4).optional(),
+    labelAutoRotate: z.boolean().default(true).optional(),
+    labelAutoRotateAngleRange: z.array(z.number()).default([
+        0,
+        -45,
+        -90
+    ]).optional(),
+    labelAutoLimit: z.boolean().default(true).optional(),
+    labelAutoLimitLength: z.number().default(100).optional(),
     label: z.object({
         visible: z.boolean().default(true).optional(),
         labelColor: z.string().default('#797B85').optional(),
@@ -5389,93 +5876,11 @@ const zXLinearAxis = z.object({
         gridWidth: z.number().default(0.5).optional()
     }).optional()
 });
-const zYLinearAxis = zXLinearAxis;
-const zCrosshairLine = z.object({
-    visible: z.boolean().optional(),
-    lineColor: z.string().optional(),
-    labelColor: z.string().optional(),
-    labelVisible: z.boolean().optional(),
-    labelBackgroundColor: z.string().optional()
-});
-const zCrosshairRect = z.object({
-    visible: z.boolean().optional(),
-    rectColor: z.string().optional(),
-    labelColor: z.string().optional(),
-    labelVisible: z.boolean().optional(),
-    labelBackgroundColor: z.string().optional()
-});
-const zStackCornerRadius = z.number().or(z.array(z.number())).default([
-    3,
-    3,
-    0,
-    0
-]);
-const zConfig = z.object({
-    table: z.object({}).optional(),
-    pivotTable: z.object({}).optional(),
-    line: z.object({
-        xAxis: zXBandAxis.optional(),
-        yAxis: zYLinearAxis.optional(),
-        crosshairLine: zCrosshairLine.optional()
-    }).optional(),
-    column: z.object({
-        xAxis: zXBandAxis.optional(),
-        yAxis: zYLinearAxis.optional(),
-        crosshairRect: zCrosshairRect.optional(),
-        stackCornerRadius: zStackCornerRadius.optional()
-    }).optional(),
-    columnParallel: z.object({
-        xAxis: zXBandAxis.optional(),
-        yAxis: zYLinearAxis.optional(),
-        crosshairRect: zCrosshairRect.optional(),
-        stackCornerRadius: zStackCornerRadius.optional()
-    }).optional(),
-    columnPercent: z.object({
-        xAxis: zXBandAxis.optional(),
-        yAxis: zYLinearAxis.optional(),
-        crosshairRect: zCrosshairRect.optional(),
-        stackCornerRadius: zStackCornerRadius.optional()
-    }).optional(),
-    bar: z.object({
-        xAxis: zXLinearAxis.optional(),
-        yAxis: zYBandAxis.optional(),
-        crosshairRect: zCrosshairRect.optional(),
-        stackCornerRadius: zStackCornerRadius.optional()
-    }).optional(),
-    barParallel: z.object({
-        xAxis: zXLinearAxis.optional(),
-        yAxis: zYBandAxis.optional(),
-        crosshairRect: zCrosshairRect.optional(),
-        stackCornerRadius: zStackCornerRadius.optional()
-    }).optional(),
-    barPercent: z.object({
-        xAxis: zXLinearAxis.optional(),
-        yAxis: zYBandAxis.optional(),
-        crosshairRect: zCrosshairRect.optional(),
-        stackCornerRadius: zStackCornerRadius.optional()
-    }).optional(),
-    area: z.object({
-        xAxis: zXBandAxis.optional(),
-        yAxis: zYLinearAxis.optional(),
-        crosshairLine: zCrosshairLine.optional()
-    }).optional(),
-    areaPercent: z.object({
-        xAxis: zXBandAxis.optional(),
-        yAxis: zYLinearAxis.optional(),
-        crosshairLine: zCrosshairLine.optional()
-    }).optional(),
-    rose: z.object({}).optional(),
-    roseParallel: z.object({}).optional(),
-    pie: z.object({}).optional(),
-    donut: z.object({}).optional(),
-    dualAxis: z.object({}).optional(),
-    scatter: z.object({
-        xAxis: zXLinearAxis.optional(),
-        yAxis: zYLinearAxis.optional(),
-        crosshairLine: zCrosshairLine.optional()
-    }).optional(),
-    funnel: z.object({}).optional()
+const zCustomThemeConfig = z.object({
+    config: zConfig.optional()
 });
+const zCustomTheme = z.record(z.string(), zCustomThemeConfig).optional();
+const zTheme = z.string();
 const zSelector = z.union([
     z.string(),
     z.number(),
@@ -5531,6 +5936,74 @@ const zSelector = z.union([
     })
 ]);
 const zSelectors = z.array(zSelector);
+const zBarStyle = z.object({
+    selector: z.union([
+        zSelector,
+        zSelectors
+    ]).optional(),
+    barColor: z.string().optional(),
+    barColorOpacity: z.number().optional(),
+    barBorderColor: z.string().optional(),
+    barBorderWidth: z.number().optional(),
+    barBorderStyle: z.union([
+        z.literal('solid'),
+        z.literal('dashed'),
+        z.literal('dotted')
+    ]).optional(),
+    barRadius: z.union([
+        z.number(),
+        z.array(z.number())
+    ]).optional()
+});
+const zPointStyle = z.object({
+    selector: z.union([
+        zSelector,
+        zSelectors
+    ]).optional(),
+    pointSize: z.number().optional(),
+    pointColor: z.string().optional(),
+    pointColorOpacity: z.number().optional(),
+    pointBorderColor: z.string().optional(),
+    pointBorderWidth: z.number().optional(),
+    pointBorderStyle: z.union([
+        z["enum"]([
+            'solid',
+            'dashed',
+            'dotted'
+        ])
+    ]).optional()
+});
+const zLineStyle = z.object({
+    selector: z.union([
+        zSelector,
+        zSelectors
+    ]).optional(),
+    lineSmooth: z.boolean().default(true).optional(),
+    lineColor: z.string().optional(),
+    lineColorOpacity: z.number().optional(),
+    lineWidth: z.number().optional(),
+    lineStyle: z.union([
+        z["enum"]([
+            'solid',
+            'dashed',
+            'dotted'
+        ])
+    ]).optional()
+});
+const zAreaStyle = z.object({
+    selector: z.union([
+        zSelector,
+        zSelectors
+    ]).optional(),
+    areaColor: z.string().optional(),
+    areaColorOpacity: z.number().optional()
+});
+const zMarkStyle = z.object({
+    barStyle: zBarStyle.or(z.array(zBarStyle)).optional(),
+    pointStyle: zPointStyle.or(z.array(zPointStyle)).optional(),
+    lineStyle: zLineStyle.or(z.array(zLineStyle)).optional(),
+    areaStyle: zAreaStyle.or(z.array(zAreaStyle)).optional()
+});
 const zAnnotationPoint = z.object({
     selector: z.union([
         zSelector,
@@ -5707,91 +6180,33 @@ const zAnnotation = z.object({
     annotationHorizontalLine: zAnnotationHorizontalLine.or(z.array(zAnnotationHorizontalLine)).optional(),
     annotationArea: zAnnotationArea.or(z.array(zAnnotationArea)).optional()
 });
-const zBarStyle = z.object({
-    selector: z.union([
-        zSelector,
-        zSelectors
-    ]).optional(),
-    barColor: z.string().optional(),
-    barColorOpacity: z.number().optional(),
-    barBorderColor: z.string().optional(),
-    barBorderWidth: z.number().optional(),
-    barBorderStyle: z.union([
-        z.literal('solid'),
-        z.literal('dashed'),
-        z.literal('dotted')
-    ]).optional(),
-    barRadius: z.union([
-        z.number(),
-        z.array(z.number())
-    ]).optional()
-});
-const zPointStyle = z.object({
-    selector: z.union([
-        zSelector,
-        zSelectors
-    ]).optional(),
-    pointSize: z.number().optional(),
-    pointColor: z.string().optional(),
-    pointColorOpacity: z.number().optional(),
-    pointBorderColor: z.string().optional(),
-    pointBorderWidth: z.number().optional(),
-    pointBorderStyle: z.union([
-        z["enum"]([
-            'solid',
-            'dashed',
-            'dotted'
-        ])
-    ]).optional()
-});
-const zLineStyle = z.object({
-    selector: z.union([
-        zSelector,
-        zSelectors
-    ]).optional(),
-    lineSmooth: z.boolean().default(true).optional(),
-    lineColor: z.string().optional(),
-    lineColorOpacity: z.number().optional(),
-    lineWidth: z.number().optional(),
-    lineStyle: z.union([
-        z["enum"]([
-            'solid',
-            'dashed',
-            'dotted'
-        ])
-    ]).optional()
-});
-const zAreaStyle = z.object({
-    selector: z.union([
-        zSelector,
-        zSelectors
-    ]).optional(),
-    areaColor: z.string().optional(),
-    areaColorOpacity: z.number().optional()
-});
-const zMarkStyle = z.object({
-    barStyle: zBarStyle.or(z.array(zBarStyle)).optional(),
-    pointStyle: zPointStyle.or(z.array(zPointStyle)).optional(),
-    lineStyle: zLineStyle.or(z.array(zLineStyle)).optional(),
-    areaStyle: zAreaStyle.or(z.array(zAreaStyle)).optional()
-});
-const zCustomThemeConfig = z.object({
-    baseConfig: zBaseConfig.optional(),
-    config: zConfig.optional(),
-    annotation: zAnnotation.optional(),
-    markStyle: zMarkStyle.optional()
-});
-const zCustomTheme = z.record(z.string(), zCustomThemeConfig).optional();
-const zTheme = z.string();
 const zLocale = z["enum"]([
     'zh-CN',
     'en-US'
 ]).default('zh-CN');
+const zTable = z.object({
+    chartType: z.literal('table'),
+    dataset: zDataset.optional(),
+    dimensions: zDimensions.optional(),
+    measures: zMeasureTree.optional(),
+    backgroundColor: zBackgroundColor.optional(),
+    theme: zTheme.optional(),
+    locale: zLocale.optional()
+});
+const zPivotTable = z.object({
+    chartType: z.literal('pivotTable'),
+    dataset: zDataset.optional(),
+    dimensions: zDimensions.optional(),
+    measures: zMeasures.optional(),
+    backgroundColor: zBackgroundColor.optional(),
+    theme: zTheme.optional(),
+    locale: zLocale.optional()
+});
 const zLine = z.object({
     chartType: z.literal('line'),
     dataset: zDataset.optional(),
     dimensions: zDimensions.optional(),
-    measures: zMeasures.optional(),
+    measures: zMeasureTree.optional(),
     backgroundColor: zBackgroundColor.optional(),
     color: zColor.optional(),
     label: zLabel.optional(),
@@ -5813,7 +6228,7 @@ const zColumn = z.object({
     chartType: z.literal('column'),
     dataset: zDataset.optional(),
     dimensions: zDimensions.optional(),
-    measures: zMeasures.optional(),
+    measures: zMeasureTree.optional(),
     backgroundColor: zBackgroundColor.optional(),
     color: zColor.optional(),
     label: zLabel.optional(),
@@ -5835,7 +6250,7 @@ const zColumnParallel = z.object({
     chartType: z.literal('columnParallel'),
     dataset: zDataset.optional(),
     dimensions: zDimensions.optional(),
-    measures: zMeasures.optional(),
+    measures: zMeasureTree.optional(),
     backgroundColor: zBackgroundColor.optional(),
     color: zColor.optional(),
     label: zLabel.optional(),
@@ -5857,7 +6272,7 @@ const zColumnPercent = z.object({
     chartType: z.literal('columnPercent'),
     dataset: zDataset.optional(),
     dimensions: zDimensions.optional(),
-    measures: zMeasures.optional(),
+    measures: zMeasureTree.optional(),
     backgroundColor: zBackgroundColor.optional(),
     color: zColor.optional(),
     label: zLabel.optional(),
@@ -5879,7 +6294,7 @@ const zBar = z.object({
     chartType: z.literal('bar'),
     dataset: zDataset.optional(),
     dimensions: zDimensions.optional(),
-    measures: zMeasures.optional(),
+    measures: zMeasureTree.optional(),
     backgroundColor: zBackgroundColor.optional(),
     color: zColor.optional(),
     label: zLabel.optional(),
@@ -5901,7 +6316,7 @@ const zBarParallel = z.object({
     chartType: z.literal('barParallel'),
     dataset: zDataset.optional(),
     dimensions: zDimensions.optional(),
-    measures: zMeasures.optional(),
+    measures: zMeasureTree.optional(),
     backgroundColor: zBackgroundColor.optional(),
     color: zColor.optional(),
     label: zLabel.optional(),
@@ -5923,7 +6338,7 @@ const zBarPercent = z.object({
     chartType: z.literal('barPercent'),
     dataset: zDataset.optional(),
     dimensions: zDimensions.optional(),
-    measures: zMeasures.optional(),
+    measures: zMeasureTree.optional(),
     backgroundColor: zBackgroundColor.optional(),
     color: zColor.optional(),
     label: zLabel.optional(),
@@ -5945,7 +6360,7 @@ const zArea = z.object({
     chartType: z.literal('area'),
     dataset: zDataset.optional(),
     dimensions: zDimensions.optional(),
-    measures: zMeasures.optional(),
+    measures: zMeasureTree.optional(),
     backgroundColor: zBackgroundColor.optional(),
     color: zColor.optional(),
     label: zLabel.optional(),
@@ -5968,7 +6383,7 @@ const zAreaPercent = z.object({
     chartType: z.literal('areaPercent'),
     dataset: zDataset.optional(),
     dimensions: zDimensions.optional(),
-    measures: zMeasures.optional(),
+    measures: zMeasureTree.optional(),
     backgroundColor: zBackgroundColor.optional(),
     color: zColor.optional(),
     label: zLabel.optional(),
@@ -5991,7 +6406,7 @@ const zRose = z.object({
     chartType: z.literal('rose'),
     dataset: zDataset.optional(),
     dimensions: zDimensions.optional(),
-    measures: zMeasures.optional(),
+    measures: zMeasureTree.optional(),
     backgroundColor: zBackgroundColor.optional(),
     color: zColor.optional(),
     label: zLabel.optional(),
@@ -6004,7 +6419,7 @@ const zRoseParallel = z.object({
     chartType: z.literal('roseParallel'),
     dataset: zDataset.optional(),
     dimensions: zDimensions.optional(),
-    measures: zMeasures.optional(),
+    measures: zMeasureTree.optional(),
     backgroundColor: zBackgroundColor.optional(),
     color: zColor.optional(),
     label: zLabel.optional(),
@@ -6017,7 +6432,7 @@ const zPie = z.object({
     chartType: z.literal('pie'),
     dataset: zDataset.optional(),
     dimensions: zDimensions.optional(),
-    measures: zMeasures.optional(),
+    measures: zMeasureTree.optional(),
     backgroundColor: zBackgroundColor.optional(),
     color: zColor.optional(),
     label: zLabel.optional(),
@@ -6030,7 +6445,7 @@ const zDonut = z.object({
     chartType: z.literal('donut'),
     dataset: zDataset.optional(),
     dimensions: zDimensions.optional(),
-    measures: zMeasures.optional(),
+    measures: zMeasureTree.optional(),
     backgroundColor: zBackgroundColor.optional(),
     color: zColor.optional(),
     label: zLabel.optional(),
@@ -6043,7 +6458,7 @@ const zScatter = z.object({
     chartType: z.literal('scatter'),
     dataset: zDataset.optional(),
     dimensions: zDimensions.optional(),
-    measures: zMeasures.optional(),
+    measures: zMeasureTree.optional(),
     backgroundColor: zBackgroundColor.optional(),
     color: zColor.optional(),
     label: zLabel.optional(),
@@ -6064,7 +6479,7 @@ const zFunnel = z.object({
     chartType: z.literal('funnel'),
     dataset: zDataset.optional(),
     dimensions: zDimensions.optional(),
-    measures: zMeasures.optional(),
+    measures: zMeasureTree.optional(),
     backgroundColor: zBackgroundColor.optional(),
     color: zColor.optional(),
     label: zLabel.optional(),
@@ -6074,6 +6489,8 @@ const zFunnel = z.object({
     locale: zLocale.optional()
 });
 const zVSeed = z.discriminatedUnion('chartType', [
+    zTable,
+    zPivotTable,
     zLine,
     zColumn,
     zColumnParallel,
@@ -6094,17 +6511,16 @@ const zAdvancedVSeed = z.object({
     chartType: zChartType,
     dataset: zDataset,
     datasetReshapeInfo: zDatasetReshapeInfo,
-    dimensions: zDimensions,
-    measures: zMeasures,
+    dimensions: zDimensionTree,
+    measures: zMeasureTree,
     encoding: zEncoding,
-    baseConfig: zBaseConfig,
     config: zConfig,
     theme: zTheme,
     markStyle: zMarkStyle,
-    customTheme: zCustomTheme,
+    customTheme: zCustomThemeConfig,
     annotation: zAnnotation,
     locale: zLocale
 });
-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, dataReshapeFor1D2M, dataReshapeFor2D1M, donutAdvancedPipeline, donutSpecPipeline, execPipeline, findFirstMeasure, findMeasureById, foldMeasures, funnelAdvancedPipeline, funnelSpecPipeline, i18n, intl, isPivotChart, isVChart, isVTable, lightTheme, lineAdvancedPipeline, lineSpecPipeline, pieAdvancedPipeline, pieSpecPipeline, registerAll, registerArea, registerAreaPercent, registerBar, registerBarParallel, registerBarPercent, registerColumn, registerColumnParallel, registerColumnPercent, registerCustomTheme, registerDarkTheme, registerLightTheme, registerLine, roseAdvancedPipeline, roseParallelAdvancedPipeline, roseParallelSpecPipeline, roseSpecPipeline, scatterAdvancedPipeline, scatterSpecPipeline, unfoldDimensions, zAdvancedVSeed, zAnnotation, zAnnotationArea, zAnnotationHorizontalLine, zAnnotationPoint, zAnnotationVerticalLine, zArea, zAreaPercent, zAreaStyle, zAxis, zBackgroundColor, zBar, zBarParallel, zBarPercent, zBarStyle, zBaseConfig, zChartType, zColor, zColumn, zColumnParallel, zColumnPercent, zConfig, zCrosshairLine, zCrosshairRect, zCustomTheme, zCustomThemeConfig, zDataset, zDatasetReshapeInfo, zDatum, zDimension, zDimensions, zDonut, zEncoding, zFoldInfo, zFunnel, zLabel, zLegend, zLine, zLineStyle, zLocale, zMarkStyle, zMeasure, zMeasureGroup, zMeasures, zNumFormat, zPie, zPointStyle, zRose, zRoseParallel, zScatter, zStackCornerRadius, zTheme, zTooltip, zUnfoldInfo, zVSeed, 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, dataReshapeFor1D2M, dataReshapeFor2D1M, donutAdvancedPipeline, donutSpecPipeline, execPipeline, findAllDimensions, findAllMeasures, findDimensionById, findFirstDimension, findFirstMeasure, findMeasureById, foldMeasures, funnelAdvancedPipeline, funnelSpecPipeline, i18n, intl, isPivotChart, isPivotTable, isTable, isVChart, isVTable, lightTheme, lineAdvancedPipeline, lineSpecPipeline, pieAdvancedPipeline, pieSpecPipeline, pivotTableAdvancedPipeline, pivotTableSpecPipeline, preorderTraverse, registerAll, registerArea, registerAreaPercent, registerBar, registerBarParallel, registerBarPercent, registerColumn, registerColumnParallel, registerColumnPercent, registerCustomTheme, registerDarkTheme, registerDonut, registerFunnel, registerLightTheme, registerLine, registerPie, registerPivotTable, registerRose, registerRoseParallel, registerScatter, registerTable, roseAdvancedPipeline, roseParallelAdvancedPipeline, roseParallelSpecPipeline, roseSpecPipeline, scatterAdvancedPipeline, scatterSpecPipeline, tableAdvancedPipeline, tableSpecPipeline, unfoldDimensions, zAdvancedVSeed, zAnnotation, zAnnotationArea, zAnnotationHorizontalLine, zAnnotationPoint, zAnnotationVerticalLine, zArea, zAreaConfig, zAreaPercent, zAreaPercentConfig, zAreaStyle, zAxis, zBackgroundColor, zBar, zBarConfig, zBarParallel, zBarParallelConfig, zBarPercent, zBarPercentConfig, zBarStyle, zChartType, zColor, zColumn, zColumnConfig, zColumnParallel, zColumnParallelConfig, zColumnPercent, zColumnPercentConfig, zConfig, zCrosshairLine, zCrosshairRect, zCustomTheme, zCustomThemeConfig, zDataset, zDatasetReshapeInfo, zDatum, zDimension, zDimensionGroup, zDimensionTree, zDimensions, zDonut, zDonutConfig, zDualAxisConfig, zEncoding, zFoldInfo, zFunnel, zFunnelConfig, zLabel, zLegend, zLine, zLineConfig, zLineStyle, zLocale, zMarkStyle, zMeasure, zMeasureGroup, zMeasureTree, zMeasures, zNumFormat, zPie, zPieConfig, zPivotTable, zPointStyle, zRose, zRoseConfig, zRoseParallel, zRoseParallelConfig, zScatter, zScatterConfig, zStackCornerRadius, zTable, zTheme, zTooltip, zUnfoldInfo, zVSeed, zXBandAxis, zXLinearAxis, zYBandAxis, zYLinearAxis };
 
 //# sourceMappingURL=index.js.map