@visactor/vseed 0.0.18 → 0.0.20

package/dist/index.cjs

@@ -30,24 +30,32 @@ __webpack_require__.d(__webpack_exports__, {
     pieAdvancedPipeline: ()=>pieAdvancedPipeline,
     execPipeline: ()=>execPipeline,
     areaSpecPipeline: ()=>areaSpecPipeline,
+    isTable: ()=>isTable,
     zDonut: ()=>zDonut,
+    zRoseConfig: ()=>zRoseConfig,
     findFirstMeasure: ()=>findFirstMeasure,
     scatterAdvancedPipeline: ()=>scatterAdvancedPipeline,
     zCrosshairRect: ()=>zCrosshairRect,
     scatterSpecPipeline: ()=>scatterSpecPipeline,
     intl: ()=>intl,
     columnPercentAdvancedPipeline: ()=>columnPercentAdvancedPipeline,
+    zColumnConfig: ()=>zColumnConfig,
     zAnnotation: ()=>zAnnotation,
+    pivotTableAdvancedPipeline: ()=>pivotTableAdvancedPipeline,
     zYBandAxis: ()=>zYBandAxis,
     dataReshapeFor1D2M: ()=>dataReshapeFor1D2M,
     zAnnotationHorizontalLine: ()=>zAnnotationHorizontalLine,
     zMarkStyle: ()=>zMarkStyle,
-    zYLinearAxis: ()=>zYLinearAxis,
+    registerFunnel: ()=>registerFunnel,
     Separator: ()=>Separator,
+    zYLinearAxis: ()=>zYLinearAxis,
     columnAdvancedPipeline: ()=>columnAdvancedPipeline,
     zLabel: ()=>zLabel,
     registerColumn: ()=>registerColumn,
+    findAllMeasures: ()=>findAllMeasures,
     funnelSpecPipeline: ()=>funnelSpecPipeline,
+    preorderTraverse: ()=>preorderTraverse,
+    zDimensionTree: ()=>zDimensionTree,
     roseParallelSpecPipeline: ()=>roseParallelSpecPipeline,
     zLineStyle: ()=>zLineStyle,
     dataReshapeFor1D1M: ()=>dataReshapeFor1D1M,
@@ -57,14 +65,17 @@ __webpack_require__.d(__webpack_exports__, {
     UnfoldDimensionGroupId: ()=>UnfoldDimensionGroupId,
     zNumFormat: ()=>zNumFormat,
     barPercentAdvancedPipeline: ()=>barPercentAdvancedPipeline,
+    findAllDimensions: ()=>findAllDimensions,
+    findDimensionById: ()=>findDimensionById,
     zArea: ()=>zArea,
     zColumnParallel: ()=>zColumnParallel,
     zDimensions: ()=>zDimensions,
     zLegend: ()=>zLegend,
     FoldMeasureId: ()=>FoldMeasureId,
-    zTheme: ()=>zTheme,
+    zColumnParallelConfig: ()=>zColumnParallelConfig,
     donutSpecPipeline: ()=>donutSpecPipeline,
     registerAreaPercent: ()=>registerAreaPercent,
+    zTheme: ()=>zTheme,
     zBarPercent: ()=>zBarPercent,
     zDatum: ()=>zDatum,
     barAdvancedPipeline: ()=>barAdvancedPipeline,
@@ -73,32 +84,46 @@ __webpack_require__.d(__webpack_exports__, {
     zCrosshairLine: ()=>zCrosshairLine,
     registerBarPercent: ()=>registerBarPercent,
     roseSpecPipeline: ()=>roseSpecPipeline,
+    zPivotTable: ()=>zPivotTable,
     registerLightTheme: ()=>registerLightTheme,
     roseAdvancedPipeline: ()=>roseAdvancedPipeline,
     zBarParallel: ()=>zBarParallel,
+    zAnnotationVerticalLine: ()=>zAnnotationVerticalLine,
     zChartType: ()=>zChartType,
+    tableAdvancedPipeline: ()=>tableAdvancedPipeline,
     registerDarkTheme: ()=>registerDarkTheme,
-    zAnnotationVerticalLine: ()=>zAnnotationVerticalLine,
+    registerPivotTable: ()=>registerPivotTable,
     pieSpecPipeline: ()=>pieSpecPipeline,
-    zStackCornerRadius: ()=>zStackCornerRadius,
+    zMeasureTree: ()=>zMeasureTree,
     barSpecPipeline: ()=>barSpecPipeline,
+    zStackCornerRadius: ()=>zStackCornerRadius,
+    registerRose: ()=>registerRose,
     zRose: ()=>zRose,
     unfoldDimensions: ()=>unfoldDimensions,
     roseParallelAdvancedPipeline: ()=>roseParallelAdvancedPipeline,
+    registerTable: ()=>registerTable,
     autoFormatter: ()=>autoFormatter,
+    findFirstDimension: ()=>findFirstDimension,
     Builder: ()=>Builder,
-    registerBar: ()=>registerBar,
     registerAll: ()=>registerAll,
+    registerBar: ()=>registerBar,
     isVChart: ()=>isVChart,
+    zPieConfig: ()=>zPieConfig,
+    zTable: ()=>zTable,
     registerLine: ()=>registerLine,
     registerCustomTheme: ()=>registerCustomTheme,
     zColor: ()=>zColor,
+    registerRoseParallel: ()=>registerRoseParallel,
+    registerDonut: ()=>registerDonut,
+    zDonutConfig: ()=>zDonutConfig,
     zMeasureGroup: ()=>zMeasureGroup,
     zUnfoldInfo: ()=>zUnfoldInfo,
+    zFunnelConfig: ()=>zFunnelConfig,
     zMeasures: ()=>zMeasures,
     FoldMeasureName: ()=>FoldMeasureName,
     darkTheme: ()=>darkTheme,
     createNumFormatter: ()=>createNumFormatter,
+    zAreaConfig: ()=>zAreaConfig,
     zAxis: ()=>zAxis,
     isVTable: ()=>isVTable,
     zLine: ()=>zLine,
@@ -117,69 +142,87 @@ __webpack_require__.d(__webpack_exports__, {
     registerColumnParallel: ()=>registerColumnParallel,
     zDimension: ()=>zDimension,
     isPivotChart: ()=>isPivotChart,
+    zDualAxisConfig: ()=>zDualAxisConfig,
     zColumn: ()=>zColumn,
     zCustomTheme: ()=>zCustomTheme,
+    zLineConfig: ()=>zLineConfig,
     zXBandAxis: ()=>zXBandAxis,
+    zColumnPercentConfig: ()=>zColumnPercentConfig,
     findMeasureById: ()=>findMeasureById,
     zVSeed: ()=>zVSeed,
     areaPercentAdvancedPipeline: ()=>areaPercentAdvancedPipeline,
     zBackgroundColor: ()=>zBackgroundColor,
+    zAreaPercentConfig: ()=>zAreaPercentConfig,
     registerBarParallel: ()=>registerBarParallel,
     zMeasure: ()=>zMeasure,
     zLocale: ()=>zLocale,
+    pivotTableSpecPipeline: ()=>pivotTableSpecPipeline,
+    registerScatter: ()=>registerScatter,
     zEncoding: ()=>zEncoding,
     autoNumFormatter: ()=>autoNumFormatter,
     zAdvancedVSeed: ()=>zAdvancedVSeed,
-    zXLinearAxis: ()=>zXLinearAxis,
+    tableSpecPipeline: ()=>tableSpecPipeline,
     zConfig: ()=>zConfig,
+    zRoseParallelConfig: ()=>zRoseParallelConfig,
     zBarStyle: ()=>zBarStyle,
+    zXLinearAxis: ()=>zXLinearAxis,
     zAreaPercent: ()=>zAreaPercent,
     columnParallelAdvancedPipeline: ()=>columnParallelAdvancedPipeline,
     zColumnPercent: ()=>zColumnPercent,
     donutAdvancedPipeline: ()=>donutAdvancedPipeline,
     zScatter: ()=>zScatter,
     foldMeasures: ()=>foldMeasures,
-    zFunnel: ()=>zFunnel,
     dataReshapeFor2D1M: ()=>dataReshapeFor2D1M,
-    zTooltip: ()=>zTooltip,
+    isPivotTable: ()=>isPivotTable,
+    registerPie: ()=>registerPie,
+    zFunnel: ()=>zFunnel,
+    zScatterConfig: ()=>zScatterConfig,
+    zBarParallelConfig: ()=>zBarParallelConfig,
     barParallelAdvancedPipeline: ()=>barParallelAdvancedPipeline,
     FoldMeasureValue: ()=>FoldMeasureValue,
+    zBarPercentConfig: ()=>zBarPercentConfig,
     barPercentSpecPipeline: ()=>barPercentSpecPipeline,
     lineAdvancedPipeline: ()=>lineAdvancedPipeline,
     lineSpecPipeline: ()=>lineSpecPipeline,
+    zTooltip: ()=>zTooltip,
     createFormatter: ()=>createFormatter,
-    zBaseConfig: ()=>zBaseConfig,
+    zDimensionGroup: ()=>zDimensionGroup,
     columnPercentSpecPipeline: ()=>columnPercentSpecPipeline,
     areaAdvancedPipeline: ()=>areaAdvancedPipeline,
     areaPercentSpecPipeline: ()=>areaPercentSpecPipeline,
-    barParallelSpecPipeline: ()=>barParallelSpecPipeline
+    barParallelSpecPipeline: ()=>barParallelSpecPipeline,
+    zBarConfig: ()=>zBarConfig
 });
 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;
 };
 const external_remeda_namespaceObject = require("remeda");
 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';
@@ -198,14 +241,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 ((0, external_remeda_namespaceObject.isNumber)(fractionDigits)) {
+        if (fractionDigits >= 0) {
+            numFormatterOptions.minimumFractionDigits = fractionDigits;
+            numFormatterOptions.maximumFractionDigits = fractionDigits;
+        }
+    }
+    if ((0, external_remeda_namespaceObject.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 = '';
@@ -217,9 +280,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, ',');
@@ -232,105 +293,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 = {
@@ -409,7 +470,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) {
@@ -462,7 +523,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);
@@ -762,7 +826,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)=>{
@@ -801,7 +866,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)=>{
@@ -840,7 +906,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)=>{
@@ -945,6 +1012,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
@@ -1048,8 +1151,9 @@ const encodingFunnel = (advancedVSeed)=>{
         encoding
     };
 };
-const vchartBaseConfig = (advancedVSeed, context)=>{
+const lineConfig = (advancedVSeed, context)=>{
     const { vseed } = context;
+    const { chartType } = vseed;
     const result = {
         ...advancedVSeed
     };
@@ -1058,22 +1162,7 @@ const vchartBaseConfig = (advancedVSeed, context)=>{
         '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 = (0, external_remeda_namespaceObject.pick)(vseed, [
+        'tooltip',
         'xAxis',
         'yAxis',
         'crosshairLine'
@@ -1093,6 +1182,11 @@ const columnConfig = (advancedVSeed, context)=>{
         ...advancedVSeed
     };
     const config = (0, external_remeda_namespaceObject.pick)(vseed, [
+        'backgroundColor',
+        'color',
+        'label',
+        'legend',
+        'tooltip',
         'xAxis',
         'yAxis',
         'crosshairRect',
@@ -1112,7 +1206,13 @@ const pieConfig = (advancedVSeed, context)=>{
     const result = {
         ...advancedVSeed
     };
-    const config = (0, external_remeda_namespaceObject.pick)(vseed, []);
+    const config = (0, external_remeda_namespaceObject.pick)(vseed, [
+        'backgroundColor',
+        'color',
+        'label',
+        'legend',
+        'tooltip'
+    ]);
     result.config = {
         ...result.config || {},
         [chartType]: {
@@ -1133,21 +1233,13 @@ 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 = (0, external_remeda_namespaceObject.mergeDeep)(baseConfigVChartTheme, (0, external_remeda_namespaceObject.clone)(baseConfigVChart));
-        result.baseConfig = {
-            vchart: mergedConfig
-        };
-    }
     const chartConfigTheme = customTheme?.[theme].config?.[chartType];
     if (chartConfigTheme) {
         const chartConfig = result.config?.[chartType] || {};
@@ -1156,6 +1248,12 @@ const vchartTheme = (advancedVSeed, context)=>{
             [chartType]: mergedConfig
         };
     }
+    const chartCustomTheme = customTheme?.[theme]?.config?.[chartType];
+    result.customTheme = {
+        config: {
+            [chartType]: chartCustomTheme
+        }
+    };
     return result;
 };
 const pivotAdapter = (pipeline, pivotPipeline)=>(advancedVSeed, context)=>{
@@ -1190,17 +1288,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([
@@ -1209,15 +1298,13 @@ const lineAdvancedPipeline = [
         pivotReshapeTo2D1M
     ]),
     encodingXY,
-    vchartBaseConfig,
     lineConfig,
-    vchartTheme,
+    theme_theme,
     markStyle_markStyle,
     annotation_annotation
 ];
 const barAdvancedPipeline = [
     initAdvancedVSeed,
-    locale_locale,
     autoMeasures,
     autoDimensions,
     pivotAdapter([
@@ -1227,14 +1314,12 @@ const barAdvancedPipeline = [
     ]),
     encodingYX,
     barConfig,
-    vchartBaseConfig,
-    vchartTheme,
+    theme_theme,
     markStyle_markStyle,
     annotation_annotation
 ];
 const barParallelAdvancedPipeline = [
     initAdvancedVSeed,
-    locale_locale,
     autoMeasures,
     autoDimensions,
     pivotAdapter([
@@ -1244,14 +1329,12 @@ const barParallelAdvancedPipeline = [
     ]),
     encodingYX,
     barParallelConfig,
-    vchartBaseConfig,
-    vchartTheme,
+    theme_theme,
     markStyle_markStyle,
     annotation_annotation
 ];
 const barPercentAdvancedPipeline = [
     initAdvancedVSeed,
-    locale_locale,
     autoMeasures,
     autoDimensions,
     pivotAdapter([
@@ -1261,14 +1344,12 @@ const barPercentAdvancedPipeline = [
     ]),
     encodingYX,
     barPercentConfig,
-    vchartBaseConfig,
-    vchartTheme,
+    theme_theme,
     markStyle_markStyle,
     annotation_annotation
 ];
 const columnAdvancedPipeline = [
     initAdvancedVSeed,
-    locale_locale,
     autoMeasures,
     autoDimensions,
     pivotAdapter([
@@ -1278,14 +1359,12 @@ const columnAdvancedPipeline = [
     ]),
     encodingXY,
     columnConfig,
-    vchartBaseConfig,
-    vchartTheme,
+    theme_theme,
     markStyle_markStyle,
     annotation_annotation
 ];
 const columnParallelAdvancedPipeline = [
     initAdvancedVSeed,
-    locale_locale,
     autoMeasures,
     autoDimensions,
     pivotAdapter([
@@ -1295,14 +1374,12 @@ const columnParallelAdvancedPipeline = [
     ]),
     encodingXY,
     columnParallelConfig,
-    vchartBaseConfig,
-    vchartTheme,
+    theme_theme,
     markStyle_markStyle,
     annotation_annotation
 ];
 const columnPercentAdvancedPipeline = [
     initAdvancedVSeed,
-    locale_locale,
     autoMeasures,
     autoDimensions,
     pivotAdapter([
@@ -1312,14 +1389,12 @@ const columnPercentAdvancedPipeline = [
     ]),
     encodingXY,
     columnPercentConfig,
-    vchartBaseConfig,
-    vchartTheme,
+    theme_theme,
     markStyle_markStyle,
     annotation_annotation
 ];
 const areaAdvancedPipeline = [
     initAdvancedVSeed,
-    locale_locale,
     autoMeasures,
     autoDimensions,
     pivotAdapter([
@@ -1329,14 +1404,12 @@ const areaAdvancedPipeline = [
     ]),
     encodingXY,
     areaConfig,
-    vchartBaseConfig,
-    vchartTheme,
+    theme_theme,
     markStyle_markStyle,
     annotation_annotation
 ];
 const areaPercentAdvancedPipeline = [
     initAdvancedVSeed,
-    locale_locale,
     autoMeasures,
     autoDimensions,
     pivotAdapter([
@@ -1346,14 +1419,12 @@ const areaPercentAdvancedPipeline = [
     ]),
     encodingXY,
     areaPercentConfig,
-    vchartBaseConfig,
-    vchartTheme,
+    theme_theme,
     markStyle_markStyle,
     annotation_annotation
 ];
 const pieAdvancedPipeline = [
     initAdvancedVSeed,
-    locale_locale,
     autoMeasures,
     autoDimensions,
     pivotAdapter([
@@ -1363,13 +1434,11 @@ const pieAdvancedPipeline = [
     ]),
     encodingPie,
     pieConfig,
-    vchartBaseConfig,
-    vchartTheme,
+    theme_theme,
     annotation_annotation
 ];
 const donutAdvancedPipeline = [
     initAdvancedVSeed,
-    locale_locale,
     autoMeasures,
     autoDimensions,
     pivotAdapter([
@@ -1379,13 +1448,11 @@ const donutAdvancedPipeline = [
     ]),
     encodingPie,
     donutConfig,
-    vchartBaseConfig,
-    vchartTheme,
+    theme_theme,
     annotation_annotation
 ];
 const roseAdvancedPipeline = [
     initAdvancedVSeed,
-    locale_locale,
     autoMeasures,
     autoDimensions,
     pivotAdapter([
@@ -1395,14 +1462,12 @@ const roseAdvancedPipeline = [
     ]),
     encodingRose,
     roseConfig,
-    vchartBaseConfig,
-    vchartTheme,
+    theme_theme,
     markStyle_markStyle,
     annotation_annotation
 ];
 const roseParallelAdvancedPipeline = [
     initAdvancedVSeed,
-    locale_locale,
     autoMeasures,
     autoDimensions,
     pivotAdapter([
@@ -1412,14 +1477,12 @@ const roseParallelAdvancedPipeline = [
     ]),
     encodingRose,
     roseParallelConfig,
-    vchartBaseConfig,
-    vchartTheme,
+    theme_theme,
     markStyle_markStyle,
     annotation_annotation
 ];
 const funnelAdvancedPipeline = [
     initAdvancedVSeed,
-    locale_locale,
     autoMeasures,
     autoDimensions,
     pivotAdapter([
@@ -1429,49 +1492,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([
@@ -1480,65 +1505,216 @@ 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
+        ...advancedVSeed
     };
+    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 datasetPivotPlaceholder = (spec)=>({
-        ...spec,
-        data: {
-            id: 'placeholderDataId'
-        }
-    });
-const initColumn = (spec, context)=>{
+const autoDimensions_autoDimensions = (advancedVSeed, context)=>{
     const result = {
-        ...spec
+        ...advancedVSeed
     };
-    const { advancedVSeed } = context;
-    const { encoding } = advancedVSeed;
-    if (!encoding[0].y || !encoding[0].x || !encoding[0].group) return result;
+    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];
@@ -1863,6 +2039,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
@@ -1979,13 +2176,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,
@@ -2155,13 +2353,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,
@@ -2317,25 +2516,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;
@@ -2397,7 +2593,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;
@@ -2429,9 +2626,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 || {};
@@ -2528,7 +2725,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 = (0, external_remeda_namespaceObject.unique)(datasetReshapeInfo.flatMap((d)=>d.unfoldInfo.colorItems));
@@ -2637,9 +2835,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;
@@ -2857,7 +3055,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)=>({
@@ -2874,7 +3072,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)=>({
@@ -3041,8 +3239,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 : [
@@ -3095,6 +3292,7 @@ const pointStateDimensionHover = (spec)=>{
         point: {
             ...point,
             state: {
+                ...point.state || {},
                 dimension_hover: {
                     scaleX: 1.4,
                     scaleY: 1.4
@@ -3113,6 +3311,7 @@ const pointStateHover = (spec, context)=>{
         point: {
             ...point,
             state: {
+                ...point.state || {},
                 hover: {
                     scaleX: 1.4,
                     scaleY: 1.4,
@@ -4510,27 +4709,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,
@@ -4580,6 +4758,128 @@ const pivotScatter = [
 const scatterSpecPipeline = [
     pivotAdapter_pivotAdapter(scatter, pivotScatter)
 ];
+const initTable = (spec, context)=>{
+    const { advancedVSeed } = context;
+    const { dataset } = advancedVSeed;
+    return {
+        ...spec,
+        records: dataset,
+        widthMode: 'standard',
+        heightMode: 'autoHeight',
+        autoWrapText: true,
+        columnResizeMode: 'all',
+        showHeader: true
+    };
+};
+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 tableSpecPipeline = [
+    initTable,
+    dimensionTreeToColumns,
+    measureTreeToColumns
+];
+const initPivotTable = (spec, context)=>{
+    const { advancedVSeed } = context;
+    const { dataset } = advancedVSeed;
+    return {
+        ...spec,
+        records: dataset,
+        widthMode: 'standard',
+        heightMode: 'autoHeight',
+        autoWrapText: true,
+        columnResizeMode: 'all'
+    };
+};
+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 pivotTableSpecPipeline = [
+    initPivotTable,
+    pivotColumns,
+    pivotRows,
+    pivotIndicators_pivotIndicators
+];
 const buildAdvanced = (builder)=>{
     const { chartType } = builder.vseed;
     if (!chartType) throw new Error('chartType is nil in buildAdvanced');
@@ -4620,6 +4920,17 @@ const build = (builder)=>{
     builder.spec = spec;
     return spec;
 };
+const getColorItems = (builder)=>{
+    const advancedVSeed = builder.advancedVSeed;
+    if (!advancedVSeed) return [];
+    const { datasetReshapeInfo } = advancedVSeed;
+    const colorItems = (0, external_remeda_namespaceObject.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;
@@ -4635,6 +4946,7 @@ class Builder {
     getSpecPipeline = (chartType)=>Builder._specPipelineMap[chartType];
     getTheme = (themeKey)=>Builder._themeMap[themeKey];
     getThemeMap = ()=>Builder._themeMap;
+    getColorItems = ()=>getColorItems(this);
     get vseed() {
         return this._vseed;
     }
@@ -4718,6 +5030,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 lightTheme = ()=>{
     const linearAxis = {
         nice: true,
@@ -4823,52 +5143,49 @@ const lightTheme = ()=>{
         labelColor: '#ffffff',
         labelBackgroundColor: '#364159'
     };
+    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 {
-        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
-                }
-            }
-        },
         config: {
             line: {
+                ...baseConfig,
                 xAxis: bandAxis,
                 yAxis: linearAxis,
                 crosshairLine
             },
             column: {
+                ...baseConfig,
                 xAxis: bandAxis,
                 yAxis: linearAxis,
                 crosshairRect,
@@ -4880,6 +5197,7 @@ const lightTheme = ()=>{
                 ]
             },
             columnParallel: {
+                ...baseConfig,
                 xAxis: bandAxis,
                 yAxis: linearAxis,
                 crosshairRect,
@@ -4891,6 +5209,7 @@ const lightTheme = ()=>{
                 ]
             },
             columnPercent: {
+                ...baseConfig,
                 xAxis: bandAxis,
                 yAxis: linearAxis,
                 crosshairRect,
@@ -4902,6 +5221,7 @@ const lightTheme = ()=>{
                 ]
             },
             bar: {
+                ...baseConfig,
                 xAxis: linearAxis,
                 yAxis: barBandAxis,
                 crosshairRect,
@@ -4913,6 +5233,7 @@ const lightTheme = ()=>{
                 ]
             },
             barParallel: {
+                ...baseConfig,
                 xAxis: linearAxis,
                 yAxis: barBandAxis,
                 crosshairRect,
@@ -4924,6 +5245,7 @@ const lightTheme = ()=>{
                 ]
             },
             barPercent: {
+                ...baseConfig,
                 xAxis: linearAxis,
                 yAxis: barBandAxis,
                 crosshairRect,
@@ -4935,16 +5257,19 @@ const lightTheme = ()=>{
                 ]
             },
             area: {
+                ...baseConfig,
                 xAxis: bandAxis,
                 yAxis: linearAxis,
                 crosshairLine
             },
             areaPercent: {
+                ...baseConfig,
                 xAxis: bandAxis,
                 yAxis: linearAxis,
                 crosshairLine
             },
             scatter: {
+                ...baseConfig,
                 xAxis: {
                     ...linearAxis,
                     line: {
@@ -4960,6 +5285,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'
+                    ]
+                }
             }
         }
     };
@@ -5068,52 +5422,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,
@@ -5125,6 +5476,7 @@ const darkTheme = ()=>{
                 ]
             },
             columnParallel: {
+                ...baseConfig,
                 xAxis: bandAxis,
                 yAxis: linearAxis,
                 crosshairRect: crosshairRect,
@@ -5136,6 +5488,7 @@ const darkTheme = ()=>{
                 ]
             },
             columnPercent: {
+                ...baseConfig,
                 xAxis: bandAxis,
                 yAxis: linearAxis,
                 crosshairRect: crosshairRect,
@@ -5147,6 +5500,7 @@ const darkTheme = ()=>{
                 ]
             },
             bar: {
+                ...baseConfig,
                 xAxis: linearAxis,
                 yAxis: barBandAxis,
                 crosshairRect: crosshairRect,
@@ -5158,6 +5512,7 @@ const darkTheme = ()=>{
                 ]
             },
             barParallel: {
+                ...baseConfig,
                 xAxis: linearAxis,
                 yAxis: barBandAxis,
                 crosshairRect: crosshairRect,
@@ -5169,6 +5524,7 @@ const darkTheme = ()=>{
                 ]
             },
             barPercent: {
+                ...baseConfig,
                 xAxis: linearAxis,
                 yAxis: barBandAxis,
                 crosshairRect: crosshairRect,
@@ -5180,16 +5536,19 @@ const darkTheme = ()=>{
                 ]
             },
             area: {
+                ...baseConfig,
                 xAxis: bandAxis,
                 yAxis: linearAxis,
                 crosshairLine: crosshairLine
             },
             areaPercent: {
+                ...baseConfig,
                 xAxis: bandAxis,
                 yAxis: linearAxis,
                 crosshairLine: crosshairLine
             },
             scatter: {
+                ...baseConfig,
                 xAxis: {
                     ...linearAxis,
                     line: {
@@ -5205,6 +5564,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'
+                    ]
+                }
             }
         }
     };
@@ -5238,6 +5626,8 @@ const registerAll = ()=>{
     registerRoseParallel();
     registerFunnel();
     registerScatter();
+    registerTable();
+    registerPivotTable();
     registerLightTheme();
     registerDarkTheme();
 };
@@ -5267,48 +5657,66 @@ const zDataset = external_zod_namespaceObject.z.array(zDatum);
 const zDimension = external_zod_namespaceObject.z.object({
     id: external_zod_namespaceObject.z.string(),
     alias: external_zod_namespaceObject.z.string().optional(),
-    visible: external_zod_namespaceObject.z.boolean().default(true).optional(),
     location: external_zod_namespaceObject.z["enum"]([
         'dimension',
         'rowDimension',
         'columnDimension'
     ]).default('dimension').optional()
 });
-const zDimensions = external_zod_namespaceObject.z.array(zDimension).optional();
+const zDimensionGroup = external_zod_namespaceObject.z.object({
+    id: external_zod_namespaceObject.z.string(),
+    alias: external_zod_namespaceObject.z.string().optional(),
+    get children () {
+        return external_zod_namespaceObject.z.array(zDimensionGroup.or(zDimension)).optional();
+    }
+});
+const zDimensions = external_zod_namespaceObject.z.array(zDimension);
+const zDimensionTree = external_zod_namespaceObject.z.array(zDimensionGroup.or(zDimension));
 const zNumFormat = external_zod_namespaceObject.z.object({
     type: external_zod_namespaceObject.z["enum"]([
         'number',
         'percent',
-        'permille'
+        'permille',
+        'scientific'
     ]).default('number').optional(),
     ratio: external_zod_namespaceObject.z.number().default(1).optional(),
     symbol: external_zod_namespaceObject.z.string().default('').optional(),
     thousandSeparator: external_zod_namespaceObject.z.boolean().default(false).optional(),
-    decimalPlaces: external_zod_namespaceObject.z.number().default(2).optional(),
-    round: external_zod_namespaceObject.z["enum"]([
-        'round',
-        'floor',
-        'ceil'
-    ]).default('round').optional(),
     prefix: external_zod_namespaceObject.z.string().default('').optional(),
-    suffix: external_zod_namespaceObject.z.string().default('').optional()
+    suffix: external_zod_namespaceObject.z.string().default('').optional(),
+    fractionDigits: external_zod_namespaceObject.z.number().default(2).optional(),
+    significantDigits: external_zod_namespaceObject.z.number().default(0).optional(),
+    roundingPriority: external_zod_namespaceObject.z["enum"]([
+        'morePrecision',
+        'lessPrecision'
+    ]).default('morePrecision').optional(),
+    roundingMode: external_zod_namespaceObject.z["enum"]([
+        'floor',
+        'ceil',
+        'halfEven',
+        'expand',
+        'trunc',
+        'halfFloor',
+        'halfCeil',
+        'halfExpand',
+        'halfTrunc'
+    ]).default('halfCeil').optional()
 }).optional();
 const zMeasure = external_zod_namespaceObject.z.object({
     id: external_zod_namespaceObject.z.string(),
     alias: external_zod_namespaceObject.z.string().optional(),
-    visible: external_zod_namespaceObject.z.boolean().default(true).optional(),
     autoFormat: external_zod_namespaceObject.z.boolean().default(true).optional(),
     format: zNumFormat["default"]({}).optional()
 });
 const zMeasureGroup = external_zod_namespaceObject.z.object({
     id: external_zod_namespaceObject.z.string(),
     alias: external_zod_namespaceObject.z.string().optional(),
-    visible: external_zod_namespaceObject.z.boolean().default(true).optional(),
     get children () {
         return external_zod_namespaceObject.z.array(zMeasureGroup.or(zMeasure)).optional();
     }
 });
-const zMeasures = external_zod_namespaceObject.z.array(zMeasureGroup.or(zMeasure)).optional();
+const zMeasures = external_zod_namespaceObject.z.array(zMeasure);
+const zMeasureTree = external_zod_namespaceObject.z.array(zMeasureGroup.or(zMeasure));
 const zFoldInfo = external_zod_namespaceObject.z.object({
     foldMap: external_zod_namespaceObject.z.record(external_zod_namespaceObject.z.string(), external_zod_namespaceObject.z.string().or(external_zod_namespaceObject.z.undefined())),
     measureId: external_zod_namespaceObject.z.string(),
@@ -5336,15 +5744,117 @@ const zEncoding = external_zod_namespaceObject.z.array(external_zod_namespaceObj
     tooltip: external_zod_namespaceObject.z.array(external_zod_namespaceObject.z.string()).optional(),
     size: external_zod_namespaceObject.z.array(external_zod_namespaceObject.z.string()).optional()
 }));
-const zBackgroundColor = external_zod_namespaceObject.z.string().default('transparent').optional();
-const zLabel = external_zod_namespaceObject.z.object({
-    enable: external_zod_namespaceObject.z.boolean().default(true).optional()
+const zXBandAxis = external_zod_namespaceObject.z.object({
+    visible: external_zod_namespaceObject.z.boolean().default(true).optional(),
+    labelAutoHide: external_zod_namespaceObject.z.boolean().default(true).optional(),
+    labelAutoHideGap: external_zod_namespaceObject.z.number().default(0).optional(),
+    labelAutoRotate: external_zod_namespaceObject.z.boolean().default(true).optional(),
+    labelAutoRotateAngleRange: external_zod_namespaceObject.z.array(external_zod_namespaceObject.z.number()).default([
+        0,
+        -45,
+        -90
+    ]).optional(),
+    labelAutoLimit: external_zod_namespaceObject.z.boolean().default(true).optional(),
+    labelAutoLimitLength: external_zod_namespaceObject.z.number().default(100).optional(),
+    label: external_zod_namespaceObject.z.object({
+        visible: external_zod_namespaceObject.z.boolean().default(true).optional(),
+        labelColor: external_zod_namespaceObject.z.string().default('#797B85').optional(),
+        labelFontSize: external_zod_namespaceObject.z.number().default(12).optional(),
+        labelFontWeight: external_zod_namespaceObject.z.number().default(400).optional(),
+        labelAngle: external_zod_namespaceObject.z.number().default(0).optional()
+    }).optional(),
+    line: external_zod_namespaceObject.z.object({
+        visible: external_zod_namespaceObject.z.boolean().default(true).optional(),
+        lineColor: external_zod_namespaceObject.z.string().default('rgba(54, 65, 89, 0.30)').optional(),
+        lineWidth: external_zod_namespaceObject.z.number().default(1).optional()
+    }).optional(),
+    tick: external_zod_namespaceObject.z.object({
+        visible: external_zod_namespaceObject.z.boolean().default(true).optional(),
+        tickInside: external_zod_namespaceObject.z.boolean().default(false).optional(),
+        tickColor: external_zod_namespaceObject.z.string().default('rgba(54, 65, 89, 0.30)').optional(),
+        tickSize: external_zod_namespaceObject.z.number().default(4).optional()
+    }).optional(),
+    title: external_zod_namespaceObject.z.object({
+        visible: external_zod_namespaceObject.z.boolean().default(false).optional(),
+        titleText: external_zod_namespaceObject.z.string().default('').optional(),
+        titleColor: external_zod_namespaceObject.z.string().default('#646A73').optional(),
+        titleFontSize: external_zod_namespaceObject.z.number().default(12).optional(),
+        titleFontWeight: external_zod_namespaceObject.z.number().default(400).optional()
+    }).optional(),
+    grid: external_zod_namespaceObject.z.object({
+        visible: external_zod_namespaceObject.z.boolean().default(false).optional(),
+        gridColor: external_zod_namespaceObject.z.string().default('rgba(54, 65, 89, 0.15)').optional(),
+        gridWidth: external_zod_namespaceObject.z.number().default(0.5).optional()
+    }).optional()
 });
+const zYBandAxis = zXBandAxis;
+const zXLinearAxis = external_zod_namespaceObject.z.object({
+    visible: external_zod_namespaceObject.z.boolean().default(true).optional(),
+    min: external_zod_namespaceObject.z.number().optional(),
+    max: external_zod_namespaceObject.z.number().optional(),
+    nice: external_zod_namespaceObject.z.boolean().default(true).optional(),
+    zero: external_zod_namespaceObject.z.boolean().default(true).optional(),
+    log: external_zod_namespaceObject.z.boolean().default(false).optional(),
+    logBase: external_zod_namespaceObject.z.number().default(10).optional(),
+    inverse: external_zod_namespaceObject.z.boolean().default(false).optional(),
+    label: external_zod_namespaceObject.z.object({
+        visible: external_zod_namespaceObject.z.boolean().default(true).optional(),
+        labelColor: external_zod_namespaceObject.z.string().default('#797B85').optional(),
+        labelFontSize: external_zod_namespaceObject.z.number().default(12).optional(),
+        labelFontWeight: external_zod_namespaceObject.z.number().default(400).optional(),
+        labelAngle: external_zod_namespaceObject.z.number().default(0).optional()
+    }).optional(),
+    line: external_zod_namespaceObject.z.object({
+        visible: external_zod_namespaceObject.z.boolean().default(true).optional(),
+        lineColor: external_zod_namespaceObject.z.string().default('rgba(54, 65, 89, 0.30)').optional(),
+        lineWidth: external_zod_namespaceObject.z.number().default(1).optional()
+    }).optional(),
+    tick: external_zod_namespaceObject.z.object({
+        visible: external_zod_namespaceObject.z.boolean().default(true).optional(),
+        tickInside: external_zod_namespaceObject.z.boolean().default(false).optional(),
+        tickColor: external_zod_namespaceObject.z.string().default('rgba(54, 65, 89, 0.30)').optional(),
+        tickSize: external_zod_namespaceObject.z.number().default(4).optional()
+    }).optional(),
+    title: external_zod_namespaceObject.z.object({
+        visible: external_zod_namespaceObject.z.boolean().default(false).optional(),
+        titleText: external_zod_namespaceObject.z.string().default('').optional(),
+        titleColor: external_zod_namespaceObject.z.string().default('#646A73').optional(),
+        titleFontSize: external_zod_namespaceObject.z.number().default(12).optional(),
+        titleFontWeight: external_zod_namespaceObject.z.number().default(400).optional()
+    }).optional(),
+    grid: external_zod_namespaceObject.z.object({
+        visible: external_zod_namespaceObject.z.boolean().default(false).optional(),
+        gridColor: external_zod_namespaceObject.z.string().default('rgba(54, 65, 89, 0.15)').optional(),
+        gridWidth: external_zod_namespaceObject.z.number().default(0.5).optional()
+    }).optional()
+});
+const zYLinearAxis = zXLinearAxis;
+const zCrosshairLine = external_zod_namespaceObject.z.object({
+    visible: external_zod_namespaceObject.z.boolean().optional(),
+    lineColor: external_zod_namespaceObject.z.string().optional(),
+    labelColor: external_zod_namespaceObject.z.string().optional(),
+    labelVisible: external_zod_namespaceObject.z.boolean().optional(),
+    labelBackgroundColor: external_zod_namespaceObject.z.string().optional()
+});
+const zCrosshairRect = external_zod_namespaceObject.z.object({
+    visible: external_zod_namespaceObject.z.boolean().optional(),
+    rectColor: external_zod_namespaceObject.z.string().optional(),
+    labelColor: external_zod_namespaceObject.z.string().optional(),
+    labelVisible: external_zod_namespaceObject.z.boolean().optional(),
+    labelBackgroundColor: external_zod_namespaceObject.z.string().optional()
+});
+const zStackCornerRadius = external_zod_namespaceObject.z.number().or(external_zod_namespaceObject.z.array(external_zod_namespaceObject.z.number())).default([
+    3,
+    3,
+    0,
+    0
+]);
+const zBackgroundColor = external_zod_namespaceObject.z.string().default('transparent').optional();
 const zColor = external_zod_namespaceObject.z.object({
     colorScheme: external_zod_namespaceObject.z.array(external_zod_namespaceObject.z.string()).optional(),
     colorMapping: external_zod_namespaceObject.z.record(external_zod_namespaceObject.z.string(), external_zod_namespaceObject.z.string()).optional()
 });
-const zTooltip = external_zod_namespaceObject.z.object({
+const zLabel = external_zod_namespaceObject.z.object({
     enable: external_zod_namespaceObject.z.boolean().default(true).optional()
 });
 const zLegend = external_zod_namespaceObject.z.object({
@@ -5401,72 +5911,127 @@ const zLegend = external_zod_namespaceObject.z.object({
     labelFontColor: external_zod_namespaceObject.z.string().default('#fff').optional(),
     labelFontWeight: external_zod_namespaceObject.z.number().or(external_zod_namespaceObject.z.string()).default(400).optional()
 });
-const zVChartBaseConfig = external_zod_namespaceObject.z.object({
-    backgroundColor: zBackgroundColor,
+const zTooltip = external_zod_namespaceObject.z.object({
+    enable: external_zod_namespaceObject.z.boolean().default(true).optional()
+});
+const zLineConfig = external_zod_namespaceObject.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 = external_zod_namespaceObject.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 = external_zod_namespaceObject.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 = external_zod_namespaceObject.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 = external_zod_namespaceObject.z.object({
+    backgroundColor: zBackgroundColor.optional(),
+    label: zLabel.optional(),
+    color: zColor.optional(),
+    tooltip: zTooltip.optional(),
+    legend: zLegend.optional()
+});
+const zRoseParallelConfig = zRoseConfig;
+const zPieConfig = external_zod_namespaceObject.z.object({
+    backgroundColor: zBackgroundColor.optional(),
     label: zLabel.optional(),
     color: zColor.optional(),
     tooltip: zTooltip.optional(),
     legend: zLegend.optional()
 });
-const zVTableBaseConfig = external_zod_namespaceObject.z.object({
-    backgroundColor: zBackgroundColor
+const zDonutConfig = zPieConfig;
+const zDualAxisConfig = external_zod_namespaceObject.z.object({
+    backgroundColor: zBackgroundColor.optional(),
+    label: zLabel.optional(),
+    color: zColor.optional(),
+    tooltip: zTooltip.optional(),
+    legend: zLegend.optional()
 });
-const zBaseConfig = external_zod_namespaceObject.z.object({
-    vchart: zVChartBaseConfig.optional(),
-    vtable: zVTableBaseConfig.optional()
+const zScatterConfig = external_zod_namespaceObject.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 zAxis = external_zod_namespaceObject.z.object({
-    visible: external_zod_namespaceObject.z.boolean().default(true).optional(),
-    min: external_zod_namespaceObject.z.number().optional(),
-    max: external_zod_namespaceObject.z.number().optional(),
-    nice: external_zod_namespaceObject.z.boolean().default(true).optional(),
-    zero: external_zod_namespaceObject.z.boolean().default(true).optional(),
-    inverse: external_zod_namespaceObject.z.boolean().default(false).optional(),
-    labelAutoHide: external_zod_namespaceObject.z.boolean().default(true).optional(),
-    labelAutoHideGap: external_zod_namespaceObject.z.number().default(4).optional(),
-    labelAutoRotate: external_zod_namespaceObject.z.boolean().default(true).optional(),
-    labelAutoRotateAngleRange: external_zod_namespaceObject.z.array(external_zod_namespaceObject.z.number()).default([
-        0,
-        -45,
-        -90
-    ]).optional(),
-    labelAutoLimit: external_zod_namespaceObject.z.boolean().default(true).optional(),
-    labelAutoLimitLength: external_zod_namespaceObject.z.number().default(100).optional(),
-    label: external_zod_namespaceObject.z.object({
-        visible: external_zod_namespaceObject.z.boolean().default(true).optional(),
-        labelColor: external_zod_namespaceObject.z.string().default('#797B85').optional(),
-        labelFontSize: external_zod_namespaceObject.z.number().default(12).optional(),
-        labelFontWeight: external_zod_namespaceObject.z.number().default(400).optional(),
-        labelAngle: external_zod_namespaceObject.z.number().default(0).optional()
-    }).optional(),
-    line: external_zod_namespaceObject.z.object({
-        visible: external_zod_namespaceObject.z.boolean().default(true).optional(),
-        lineColor: external_zod_namespaceObject.z.string().default('rgba(54, 65, 89, 0.30)').optional(),
-        lineWidth: external_zod_namespaceObject.z.number().default(1).optional()
-    }).optional(),
-    tick: external_zod_namespaceObject.z.object({
-        visible: external_zod_namespaceObject.z.boolean().default(true).optional(),
-        tickInside: external_zod_namespaceObject.z.boolean().default(false).optional(),
-        tickColor: external_zod_namespaceObject.z.string().default('rgba(54, 65, 89, 0.30)').optional(),
-        tickSize: external_zod_namespaceObject.z.number().default(4).optional()
-    }).optional(),
-    title: external_zod_namespaceObject.z.object({
-        visible: external_zod_namespaceObject.z.boolean().default(false).optional(),
-        titleText: external_zod_namespaceObject.z.string().default('').optional(),
-        titleColor: external_zod_namespaceObject.z.string().default('#646A73').optional(),
-        titleFontSize: external_zod_namespaceObject.z.number().default(12).optional(),
-        titleFontWeight: external_zod_namespaceObject.z.number().default(400).optional()
-    }).optional(),
-    grid: external_zod_namespaceObject.z.object({
-        visible: external_zod_namespaceObject.z.boolean().default(false).optional(),
-        gridColor: external_zod_namespaceObject.z.string().default('rgba(54, 65, 89, 0.15)').optional(),
-        gridWidth: external_zod_namespaceObject.z.number().default(0.5).optional()
-    }).optional()
+const zFunnelConfig = external_zod_namespaceObject.z.object({
+    backgroundColor: zBackgroundColor.optional(),
+    color: zColor.optional(),
+    tooltip: zTooltip.optional(),
+    label: zLabel.optional(),
+    legend: zLegend.optional()
+});
+const zConfig = external_zod_namespaceObject.z.object({
+    table: external_zod_namespaceObject.z.object({}).optional(),
+    pivotTable: external_zod_namespaceObject.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 zXBandAxis = external_zod_namespaceObject.z.object({
+const zAxis = external_zod_namespaceObject.z.object({
     visible: external_zod_namespaceObject.z.boolean().default(true).optional(),
+    min: external_zod_namespaceObject.z.number().optional(),
+    max: external_zod_namespaceObject.z.number().optional(),
+    nice: external_zod_namespaceObject.z.boolean().default(true).optional(),
+    zero: external_zod_namespaceObject.z.boolean().default(true).optional(),
+    inverse: external_zod_namespaceObject.z.boolean().default(false).optional(),
+    log: external_zod_namespaceObject.z.boolean().default(false).optional(),
+    logBase: external_zod_namespaceObject.z.number().default(10).optional(),
     labelAutoHide: external_zod_namespaceObject.z.boolean().default(true).optional(),
-    labelAutoHideGap: external_zod_namespaceObject.z.number().default(0).optional(),
+    labelAutoHideGap: external_zod_namespaceObject.z.number().default(4).optional(),
     labelAutoRotate: external_zod_namespaceObject.z.boolean().default(true).optional(),
     labelAutoRotateAngleRange: external_zod_namespaceObject.z.array(external_zod_namespaceObject.z.number()).default([
         0,
@@ -5506,132 +6071,11 @@ const zXBandAxis = external_zod_namespaceObject.z.object({
         gridWidth: external_zod_namespaceObject.z.number().default(0.5).optional()
     }).optional()
 });
-const zYBandAxis = zXBandAxis;
-const zXLinearAxis = external_zod_namespaceObject.z.object({
-    visible: external_zod_namespaceObject.z.boolean().default(true).optional(),
-    min: external_zod_namespaceObject.z.number().optional(),
-    max: external_zod_namespaceObject.z.number().optional(),
-    nice: external_zod_namespaceObject.z.boolean().default(true).optional(),
-    zero: external_zod_namespaceObject.z.boolean().default(true).optional(),
-    inverse: external_zod_namespaceObject.z.boolean().default(false).optional(),
-    label: external_zod_namespaceObject.z.object({
-        visible: external_zod_namespaceObject.z.boolean().default(true).optional(),
-        labelColor: external_zod_namespaceObject.z.string().default('#797B85').optional(),
-        labelFontSize: external_zod_namespaceObject.z.number().default(12).optional(),
-        labelFontWeight: external_zod_namespaceObject.z.number().default(400).optional(),
-        labelAngle: external_zod_namespaceObject.z.number().default(0).optional()
-    }).optional(),
-    line: external_zod_namespaceObject.z.object({
-        visible: external_zod_namespaceObject.z.boolean().default(true).optional(),
-        lineColor: external_zod_namespaceObject.z.string().default('rgba(54, 65, 89, 0.30)').optional(),
-        lineWidth: external_zod_namespaceObject.z.number().default(1).optional()
-    }).optional(),
-    tick: external_zod_namespaceObject.z.object({
-        visible: external_zod_namespaceObject.z.boolean().default(true).optional(),
-        tickInside: external_zod_namespaceObject.z.boolean().default(false).optional(),
-        tickColor: external_zod_namespaceObject.z.string().default('rgba(54, 65, 89, 0.30)').optional(),
-        tickSize: external_zod_namespaceObject.z.number().default(4).optional()
-    }).optional(),
-    title: external_zod_namespaceObject.z.object({
-        visible: external_zod_namespaceObject.z.boolean().default(false).optional(),
-        titleText: external_zod_namespaceObject.z.string().default('').optional(),
-        titleColor: external_zod_namespaceObject.z.string().default('#646A73').optional(),
-        titleFontSize: external_zod_namespaceObject.z.number().default(12).optional(),
-        titleFontWeight: external_zod_namespaceObject.z.number().default(400).optional()
-    }).optional(),
-    grid: external_zod_namespaceObject.z.object({
-        visible: external_zod_namespaceObject.z.boolean().default(false).optional(),
-        gridColor: external_zod_namespaceObject.z.string().default('rgba(54, 65, 89, 0.15)').optional(),
-        gridWidth: external_zod_namespaceObject.z.number().default(0.5).optional()
-    }).optional()
-});
-const zYLinearAxis = zXLinearAxis;
-const zCrosshairLine = external_zod_namespaceObject.z.object({
-    visible: external_zod_namespaceObject.z.boolean().optional(),
-    lineColor: external_zod_namespaceObject.z.string().optional(),
-    labelColor: external_zod_namespaceObject.z.string().optional(),
-    labelVisible: external_zod_namespaceObject.z.boolean().optional(),
-    labelBackgroundColor: external_zod_namespaceObject.z.string().optional()
-});
-const zCrosshairRect = external_zod_namespaceObject.z.object({
-    visible: external_zod_namespaceObject.z.boolean().optional(),
-    rectColor: external_zod_namespaceObject.z.string().optional(),
-    labelColor: external_zod_namespaceObject.z.string().optional(),
-    labelVisible: external_zod_namespaceObject.z.boolean().optional(),
-    labelBackgroundColor: external_zod_namespaceObject.z.string().optional()
-});
-const zStackCornerRadius = external_zod_namespaceObject.z.number().or(external_zod_namespaceObject.z.array(external_zod_namespaceObject.z.number())).default([
-    3,
-    3,
-    0,
-    0
-]);
-const zConfig = external_zod_namespaceObject.z.object({
-    table: external_zod_namespaceObject.z.object({}).optional(),
-    pivotTable: external_zod_namespaceObject.z.object({}).optional(),
-    line: external_zod_namespaceObject.z.object({
-        xAxis: zXBandAxis.optional(),
-        yAxis: zYLinearAxis.optional(),
-        crosshairLine: zCrosshairLine.optional()
-    }).optional(),
-    column: external_zod_namespaceObject.z.object({
-        xAxis: zXBandAxis.optional(),
-        yAxis: zYLinearAxis.optional(),
-        crosshairRect: zCrosshairRect.optional(),
-        stackCornerRadius: zStackCornerRadius.optional()
-    }).optional(),
-    columnParallel: external_zod_namespaceObject.z.object({
-        xAxis: zXBandAxis.optional(),
-        yAxis: zYLinearAxis.optional(),
-        crosshairRect: zCrosshairRect.optional(),
-        stackCornerRadius: zStackCornerRadius.optional()
-    }).optional(),
-    columnPercent: external_zod_namespaceObject.z.object({
-        xAxis: zXBandAxis.optional(),
-        yAxis: zYLinearAxis.optional(),
-        crosshairRect: zCrosshairRect.optional(),
-        stackCornerRadius: zStackCornerRadius.optional()
-    }).optional(),
-    bar: external_zod_namespaceObject.z.object({
-        xAxis: zXLinearAxis.optional(),
-        yAxis: zYBandAxis.optional(),
-        crosshairRect: zCrosshairRect.optional(),
-        stackCornerRadius: zStackCornerRadius.optional()
-    }).optional(),
-    barParallel: external_zod_namespaceObject.z.object({
-        xAxis: zXLinearAxis.optional(),
-        yAxis: zYBandAxis.optional(),
-        crosshairRect: zCrosshairRect.optional(),
-        stackCornerRadius: zStackCornerRadius.optional()
-    }).optional(),
-    barPercent: external_zod_namespaceObject.z.object({
-        xAxis: zXLinearAxis.optional(),
-        yAxis: zYBandAxis.optional(),
-        crosshairRect: zCrosshairRect.optional(),
-        stackCornerRadius: zStackCornerRadius.optional()
-    }).optional(),
-    area: external_zod_namespaceObject.z.object({
-        xAxis: zXBandAxis.optional(),
-        yAxis: zYLinearAxis.optional(),
-        crosshairLine: zCrosshairLine.optional()
-    }).optional(),
-    areaPercent: external_zod_namespaceObject.z.object({
-        xAxis: zXBandAxis.optional(),
-        yAxis: zYLinearAxis.optional(),
-        crosshairLine: zCrosshairLine.optional()
-    }).optional(),
-    rose: external_zod_namespaceObject.z.object({}).optional(),
-    roseParallel: external_zod_namespaceObject.z.object({}).optional(),
-    pie: external_zod_namespaceObject.z.object({}).optional(),
-    donut: external_zod_namespaceObject.z.object({}).optional(),
-    dualAxis: external_zod_namespaceObject.z.object({}).optional(),
-    scatter: external_zod_namespaceObject.z.object({
-        xAxis: zXLinearAxis.optional(),
-        yAxis: zYLinearAxis.optional(),
-        crosshairLine: zCrosshairLine.optional()
-    }).optional(),
-    funnel: external_zod_namespaceObject.z.object({}).optional()
+const zCustomThemeConfig = external_zod_namespaceObject.z.object({
+    config: zConfig.optional()
 });
+const zCustomTheme = external_zod_namespaceObject.z.record(external_zod_namespaceObject.z.string(), zCustomThemeConfig).optional();
+const zTheme = external_zod_namespaceObject.z.string();
 const zSelector = external_zod_namespaceObject.z.union([
     external_zod_namespaceObject.z.string(),
     external_zod_namespaceObject.z.number(),
@@ -5687,6 +6131,74 @@ const zSelector = external_zod_namespaceObject.z.union([
     })
 ]);
 const zSelectors = external_zod_namespaceObject.z.array(zSelector);
+const zBarStyle = external_zod_namespaceObject.z.object({
+    selector: external_zod_namespaceObject.z.union([
+        zSelector,
+        zSelectors
+    ]).optional(),
+    barColor: external_zod_namespaceObject.z.string().optional(),
+    barColorOpacity: external_zod_namespaceObject.z.number().optional(),
+    barBorderColor: external_zod_namespaceObject.z.string().optional(),
+    barBorderWidth: external_zod_namespaceObject.z.number().optional(),
+    barBorderStyle: external_zod_namespaceObject.z.union([
+        external_zod_namespaceObject.z.literal('solid'),
+        external_zod_namespaceObject.z.literal('dashed'),
+        external_zod_namespaceObject.z.literal('dotted')
+    ]).optional(),
+    barRadius: external_zod_namespaceObject.z.union([
+        external_zod_namespaceObject.z.number(),
+        external_zod_namespaceObject.z.array(external_zod_namespaceObject.z.number())
+    ]).optional()
+});
+const zPointStyle = external_zod_namespaceObject.z.object({
+    selector: external_zod_namespaceObject.z.union([
+        zSelector,
+        zSelectors
+    ]).optional(),
+    pointSize: external_zod_namespaceObject.z.number().optional(),
+    pointColor: external_zod_namespaceObject.z.string().optional(),
+    pointColorOpacity: external_zod_namespaceObject.z.number().optional(),
+    pointBorderColor: external_zod_namespaceObject.z.string().optional(),
+    pointBorderWidth: external_zod_namespaceObject.z.number().optional(),
+    pointBorderStyle: external_zod_namespaceObject.z.union([
+        external_zod_namespaceObject.z["enum"]([
+            'solid',
+            'dashed',
+            'dotted'
+        ])
+    ]).optional()
+});
+const zLineStyle = external_zod_namespaceObject.z.object({
+    selector: external_zod_namespaceObject.z.union([
+        zSelector,
+        zSelectors
+    ]).optional(),
+    lineSmooth: external_zod_namespaceObject.z.boolean().default(true).optional(),
+    lineColor: external_zod_namespaceObject.z.string().optional(),
+    lineColorOpacity: external_zod_namespaceObject.z.number().optional(),
+    lineWidth: external_zod_namespaceObject.z.number().optional(),
+    lineStyle: external_zod_namespaceObject.z.union([
+        external_zod_namespaceObject.z["enum"]([
+            'solid',
+            'dashed',
+            'dotted'
+        ])
+    ]).optional()
+});
+const zAreaStyle = external_zod_namespaceObject.z.object({
+    selector: external_zod_namespaceObject.z.union([
+        zSelector,
+        zSelectors
+    ]).optional(),
+    areaColor: external_zod_namespaceObject.z.string().optional(),
+    areaColorOpacity: external_zod_namespaceObject.z.number().optional()
+});
+const zMarkStyle = external_zod_namespaceObject.z.object({
+    barStyle: zBarStyle.or(external_zod_namespaceObject.z.array(zBarStyle)).optional(),
+    pointStyle: zPointStyle.or(external_zod_namespaceObject.z.array(zPointStyle)).optional(),
+    lineStyle: zLineStyle.or(external_zod_namespaceObject.z.array(zLineStyle)).optional(),
+    areaStyle: zAreaStyle.or(external_zod_namespaceObject.z.array(zAreaStyle)).optional()
+});
 const zAnnotationPoint = external_zod_namespaceObject.z.object({
     selector: external_zod_namespaceObject.z.union([
         zSelector,
@@ -5863,91 +6375,33 @@ const zAnnotation = external_zod_namespaceObject.z.object({
     annotationHorizontalLine: zAnnotationHorizontalLine.or(external_zod_namespaceObject.z.array(zAnnotationHorizontalLine)).optional(),
     annotationArea: zAnnotationArea.or(external_zod_namespaceObject.z.array(zAnnotationArea)).optional()
 });
-const zBarStyle = external_zod_namespaceObject.z.object({
-    selector: external_zod_namespaceObject.z.union([
-        zSelector,
-        zSelectors
-    ]).optional(),
-    barColor: external_zod_namespaceObject.z.string().optional(),
-    barColorOpacity: external_zod_namespaceObject.z.number().optional(),
-    barBorderColor: external_zod_namespaceObject.z.string().optional(),
-    barBorderWidth: external_zod_namespaceObject.z.number().optional(),
-    barBorderStyle: external_zod_namespaceObject.z.union([
-        external_zod_namespaceObject.z.literal('solid'),
-        external_zod_namespaceObject.z.literal('dashed'),
-        external_zod_namespaceObject.z.literal('dotted')
-    ]).optional(),
-    barRadius: external_zod_namespaceObject.z.union([
-        external_zod_namespaceObject.z.number(),
-        external_zod_namespaceObject.z.array(external_zod_namespaceObject.z.number())
-    ]).optional()
-});
-const zPointStyle = external_zod_namespaceObject.z.object({
-    selector: external_zod_namespaceObject.z.union([
-        zSelector,
-        zSelectors
-    ]).optional(),
-    pointSize: external_zod_namespaceObject.z.number().optional(),
-    pointColor: external_zod_namespaceObject.z.string().optional(),
-    pointColorOpacity: external_zod_namespaceObject.z.number().optional(),
-    pointBorderColor: external_zod_namespaceObject.z.string().optional(),
-    pointBorderWidth: external_zod_namespaceObject.z.number().optional(),
-    pointBorderStyle: external_zod_namespaceObject.z.union([
-        external_zod_namespaceObject.z["enum"]([
-            'solid',
-            'dashed',
-            'dotted'
-        ])
-    ]).optional()
-});
-const zLineStyle = external_zod_namespaceObject.z.object({
-    selector: external_zod_namespaceObject.z.union([
-        zSelector,
-        zSelectors
-    ]).optional(),
-    lineSmooth: external_zod_namespaceObject.z.boolean().default(true).optional(),
-    lineColor: external_zod_namespaceObject.z.string().optional(),
-    lineColorOpacity: external_zod_namespaceObject.z.number().optional(),
-    lineWidth: external_zod_namespaceObject.z.number().optional(),
-    lineStyle: external_zod_namespaceObject.z.union([
-        external_zod_namespaceObject.z["enum"]([
-            'solid',
-            'dashed',
-            'dotted'
-        ])
-    ]).optional()
-});
-const zAreaStyle = external_zod_namespaceObject.z.object({
-    selector: external_zod_namespaceObject.z.union([
-        zSelector,
-        zSelectors
-    ]).optional(),
-    areaColor: external_zod_namespaceObject.z.string().optional(),
-    areaColorOpacity: external_zod_namespaceObject.z.number().optional()
-});
-const zMarkStyle = external_zod_namespaceObject.z.object({
-    barStyle: zBarStyle.or(external_zod_namespaceObject.z.array(zBarStyle)).optional(),
-    pointStyle: zPointStyle.or(external_zod_namespaceObject.z.array(zPointStyle)).optional(),
-    lineStyle: zLineStyle.or(external_zod_namespaceObject.z.array(zLineStyle)).optional(),
-    areaStyle: zAreaStyle.or(external_zod_namespaceObject.z.array(zAreaStyle)).optional()
-});
-const zCustomThemeConfig = external_zod_namespaceObject.z.object({
-    baseConfig: zBaseConfig.optional(),
-    config: zConfig.optional(),
-    annotation: zAnnotation.optional(),
-    markStyle: zMarkStyle.optional()
-});
-const zCustomTheme = external_zod_namespaceObject.z.record(external_zod_namespaceObject.z.string(), zCustomThemeConfig).optional();
-const zTheme = external_zod_namespaceObject.z.string();
 const zLocale = external_zod_namespaceObject.z["enum"]([
     'zh-CN',
     'en-US'
 ]).default('zh-CN');
+const zTable = external_zod_namespaceObject.z.object({
+    chartType: external_zod_namespaceObject.z.literal('table'),
+    dataset: zDataset.optional(),
+    dimensions: zDimensions.optional(),
+    measures: zMeasureTree.optional(),
+    backgroundColor: zBackgroundColor.optional(),
+    theme: zTheme.optional(),
+    locale: zLocale.optional()
+});
+const zPivotTable = external_zod_namespaceObject.z.object({
+    chartType: external_zod_namespaceObject.z.literal('pivotTable'),
+    dataset: zDataset.optional(),
+    dimensions: zDimensions.optional(),
+    measures: zMeasures.optional(),
+    backgroundColor: zBackgroundColor.optional(),
+    theme: zTheme.optional(),
+    locale: zLocale.optional()
+});
 const zLine = external_zod_namespaceObject.z.object({
     chartType: external_zod_namespaceObject.z.literal('line'),
     dataset: zDataset.optional(),
     dimensions: zDimensions.optional(),
-    measures: zMeasures.optional(),
+    measures: zMeasureTree.optional(),
     backgroundColor: zBackgroundColor.optional(),
     color: zColor.optional(),
     label: zLabel.optional(),
@@ -5969,7 +6423,7 @@ const zColumn = external_zod_namespaceObject.z.object({
     chartType: external_zod_namespaceObject.z.literal('column'),
     dataset: zDataset.optional(),
     dimensions: zDimensions.optional(),
-    measures: zMeasures.optional(),
+    measures: zMeasureTree.optional(),
     backgroundColor: zBackgroundColor.optional(),
     color: zColor.optional(),
     label: zLabel.optional(),
@@ -5991,7 +6445,7 @@ const zColumnParallel = external_zod_namespaceObject.z.object({
     chartType: external_zod_namespaceObject.z.literal('columnParallel'),
     dataset: zDataset.optional(),
     dimensions: zDimensions.optional(),
-    measures: zMeasures.optional(),
+    measures: zMeasureTree.optional(),
     backgroundColor: zBackgroundColor.optional(),
     color: zColor.optional(),
     label: zLabel.optional(),
@@ -6013,7 +6467,7 @@ const zColumnPercent = external_zod_namespaceObject.z.object({
     chartType: external_zod_namespaceObject.z.literal('columnPercent'),
     dataset: zDataset.optional(),
     dimensions: zDimensions.optional(),
-    measures: zMeasures.optional(),
+    measures: zMeasureTree.optional(),
     backgroundColor: zBackgroundColor.optional(),
     color: zColor.optional(),
     label: zLabel.optional(),
@@ -6035,7 +6489,7 @@ const zBar = external_zod_namespaceObject.z.object({
     chartType: external_zod_namespaceObject.z.literal('bar'),
     dataset: zDataset.optional(),
     dimensions: zDimensions.optional(),
-    measures: zMeasures.optional(),
+    measures: zMeasureTree.optional(),
     backgroundColor: zBackgroundColor.optional(),
     color: zColor.optional(),
     label: zLabel.optional(),
@@ -6057,7 +6511,7 @@ const zBarParallel = external_zod_namespaceObject.z.object({
     chartType: external_zod_namespaceObject.z.literal('barParallel'),
     dataset: zDataset.optional(),
     dimensions: zDimensions.optional(),
-    measures: zMeasures.optional(),
+    measures: zMeasureTree.optional(),
     backgroundColor: zBackgroundColor.optional(),
     color: zColor.optional(),
     label: zLabel.optional(),
@@ -6079,7 +6533,7 @@ const zBarPercent = external_zod_namespaceObject.z.object({
     chartType: external_zod_namespaceObject.z.literal('barPercent'),
     dataset: zDataset.optional(),
     dimensions: zDimensions.optional(),
-    measures: zMeasures.optional(),
+    measures: zMeasureTree.optional(),
     backgroundColor: zBackgroundColor.optional(),
     color: zColor.optional(),
     label: zLabel.optional(),
@@ -6101,7 +6555,7 @@ const zArea = external_zod_namespaceObject.z.object({
     chartType: external_zod_namespaceObject.z.literal('area'),
     dataset: zDataset.optional(),
     dimensions: zDimensions.optional(),
-    measures: zMeasures.optional(),
+    measures: zMeasureTree.optional(),
     backgroundColor: zBackgroundColor.optional(),
     color: zColor.optional(),
     label: zLabel.optional(),
@@ -6124,7 +6578,7 @@ const zAreaPercent = external_zod_namespaceObject.z.object({
     chartType: external_zod_namespaceObject.z.literal('areaPercent'),
     dataset: zDataset.optional(),
     dimensions: zDimensions.optional(),
-    measures: zMeasures.optional(),
+    measures: zMeasureTree.optional(),
     backgroundColor: zBackgroundColor.optional(),
     color: zColor.optional(),
     label: zLabel.optional(),
@@ -6147,7 +6601,7 @@ const zRose = external_zod_namespaceObject.z.object({
     chartType: external_zod_namespaceObject.z.literal('rose'),
     dataset: zDataset.optional(),
     dimensions: zDimensions.optional(),
-    measures: zMeasures.optional(),
+    measures: zMeasureTree.optional(),
     backgroundColor: zBackgroundColor.optional(),
     color: zColor.optional(),
     label: zLabel.optional(),
@@ -6160,7 +6614,7 @@ const zRoseParallel = external_zod_namespaceObject.z.object({
     chartType: external_zod_namespaceObject.z.literal('roseParallel'),
     dataset: zDataset.optional(),
     dimensions: zDimensions.optional(),
-    measures: zMeasures.optional(),
+    measures: zMeasureTree.optional(),
     backgroundColor: zBackgroundColor.optional(),
     color: zColor.optional(),
     label: zLabel.optional(),
@@ -6173,7 +6627,7 @@ const zPie = external_zod_namespaceObject.z.object({
     chartType: external_zod_namespaceObject.z.literal('pie'),
     dataset: zDataset.optional(),
     dimensions: zDimensions.optional(),
-    measures: zMeasures.optional(),
+    measures: zMeasureTree.optional(),
     backgroundColor: zBackgroundColor.optional(),
     color: zColor.optional(),
     label: zLabel.optional(),
@@ -6186,7 +6640,7 @@ const zDonut = external_zod_namespaceObject.z.object({
     chartType: external_zod_namespaceObject.z.literal('donut'),
     dataset: zDataset.optional(),
     dimensions: zDimensions.optional(),
-    measures: zMeasures.optional(),
+    measures: zMeasureTree.optional(),
     backgroundColor: zBackgroundColor.optional(),
     color: zColor.optional(),
     label: zLabel.optional(),
@@ -6199,7 +6653,7 @@ const zScatter = external_zod_namespaceObject.z.object({
     chartType: external_zod_namespaceObject.z.literal('scatter'),
     dataset: zDataset.optional(),
     dimensions: zDimensions.optional(),
-    measures: zMeasures.optional(),
+    measures: zMeasureTree.optional(),
     backgroundColor: zBackgroundColor.optional(),
     color: zColor.optional(),
     label: zLabel.optional(),
@@ -6220,7 +6674,7 @@ const zFunnel = external_zod_namespaceObject.z.object({
     chartType: external_zod_namespaceObject.z.literal('funnel'),
     dataset: zDataset.optional(),
     dimensions: zDimensions.optional(),
-    measures: zMeasures.optional(),
+    measures: zMeasureTree.optional(),
     backgroundColor: zBackgroundColor.optional(),
     color: zColor.optional(),
     label: zLabel.optional(),
@@ -6230,6 +6684,8 @@ const zFunnel = external_zod_namespaceObject.z.object({
     locale: zLocale.optional()
 });
 const zVSeed = external_zod_namespaceObject.z.discriminatedUnion('chartType', [
+    zTable,
+    zPivotTable,
     zLine,
     zColumn,
     zColumnParallel,
@@ -6250,14 +6706,13 @@ const zAdvancedVSeed = external_zod_namespaceObject.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
 });
@@ -6296,6 +6751,10 @@ exports.dataReshapeFor2D1M = __webpack_exports__.dataReshapeFor2D1M;
 exports.donutAdvancedPipeline = __webpack_exports__.donutAdvancedPipeline;
 exports.donutSpecPipeline = __webpack_exports__.donutSpecPipeline;
 exports.execPipeline = __webpack_exports__.execPipeline;
+exports.findAllDimensions = __webpack_exports__.findAllDimensions;
+exports.findAllMeasures = __webpack_exports__.findAllMeasures;
+exports.findDimensionById = __webpack_exports__.findDimensionById;
+exports.findFirstDimension = __webpack_exports__.findFirstDimension;
 exports.findFirstMeasure = __webpack_exports__.findFirstMeasure;
 exports.findMeasureById = __webpack_exports__.findMeasureById;
 exports.foldMeasures = __webpack_exports__.foldMeasures;
@@ -6304,6 +6763,8 @@ exports.funnelSpecPipeline = __webpack_exports__.funnelSpecPipeline;
 exports.i18n = __webpack_exports__.i18n;
 exports.intl = __webpack_exports__.intl;
 exports.isPivotChart = __webpack_exports__.isPivotChart;
+exports.isPivotTable = __webpack_exports__.isPivotTable;
+exports.isTable = __webpack_exports__.isTable;
 exports.isVChart = __webpack_exports__.isVChart;
 exports.isVTable = __webpack_exports__.isVTable;
 exports.lightTheme = __webpack_exports__.lightTheme;
@@ -6311,6 +6772,9 @@ exports.lineAdvancedPipeline = __webpack_exports__.lineAdvancedPipeline;
 exports.lineSpecPipeline = __webpack_exports__.lineSpecPipeline;
 exports.pieAdvancedPipeline = __webpack_exports__.pieAdvancedPipeline;
 exports.pieSpecPipeline = __webpack_exports__.pieSpecPipeline;
+exports.pivotTableAdvancedPipeline = __webpack_exports__.pivotTableAdvancedPipeline;
+exports.pivotTableSpecPipeline = __webpack_exports__.pivotTableSpecPipeline;
+exports.preorderTraverse = __webpack_exports__.preorderTraverse;
 exports.registerAll = __webpack_exports__.registerAll;
 exports.registerArea = __webpack_exports__.registerArea;
 exports.registerAreaPercent = __webpack_exports__.registerAreaPercent;
@@ -6322,14 +6786,24 @@ exports.registerColumnParallel = __webpack_exports__.registerColumnParallel;
 exports.registerColumnPercent = __webpack_exports__.registerColumnPercent;
 exports.registerCustomTheme = __webpack_exports__.registerCustomTheme;
 exports.registerDarkTheme = __webpack_exports__.registerDarkTheme;
+exports.registerDonut = __webpack_exports__.registerDonut;
+exports.registerFunnel = __webpack_exports__.registerFunnel;
 exports.registerLightTheme = __webpack_exports__.registerLightTheme;
 exports.registerLine = __webpack_exports__.registerLine;
+exports.registerPie = __webpack_exports__.registerPie;
+exports.registerPivotTable = __webpack_exports__.registerPivotTable;
+exports.registerRose = __webpack_exports__.registerRose;
+exports.registerRoseParallel = __webpack_exports__.registerRoseParallel;
+exports.registerScatter = __webpack_exports__.registerScatter;
+exports.registerTable = __webpack_exports__.registerTable;
 exports.roseAdvancedPipeline = __webpack_exports__.roseAdvancedPipeline;
 exports.roseParallelAdvancedPipeline = __webpack_exports__.roseParallelAdvancedPipeline;
 exports.roseParallelSpecPipeline = __webpack_exports__.roseParallelSpecPipeline;
 exports.roseSpecPipeline = __webpack_exports__.roseSpecPipeline;
 exports.scatterAdvancedPipeline = __webpack_exports__.scatterAdvancedPipeline;
 exports.scatterSpecPipeline = __webpack_exports__.scatterSpecPipeline;
+exports.tableAdvancedPipeline = __webpack_exports__.tableAdvancedPipeline;
+exports.tableSpecPipeline = __webpack_exports__.tableSpecPipeline;
 exports.unfoldDimensions = __webpack_exports__.unfoldDimensions;
 exports.zAdvancedVSeed = __webpack_exports__.zAdvancedVSeed;
 exports.zAnnotation = __webpack_exports__.zAnnotation;
@@ -6338,20 +6812,27 @@ exports.zAnnotationHorizontalLine = __webpack_exports__.zAnnotationHorizontalLin
 exports.zAnnotationPoint = __webpack_exports__.zAnnotationPoint;
 exports.zAnnotationVerticalLine = __webpack_exports__.zAnnotationVerticalLine;
 exports.zArea = __webpack_exports__.zArea;
+exports.zAreaConfig = __webpack_exports__.zAreaConfig;
 exports.zAreaPercent = __webpack_exports__.zAreaPercent;
+exports.zAreaPercentConfig = __webpack_exports__.zAreaPercentConfig;
 exports.zAreaStyle = __webpack_exports__.zAreaStyle;
 exports.zAxis = __webpack_exports__.zAxis;
 exports.zBackgroundColor = __webpack_exports__.zBackgroundColor;
 exports.zBar = __webpack_exports__.zBar;
+exports.zBarConfig = __webpack_exports__.zBarConfig;
 exports.zBarParallel = __webpack_exports__.zBarParallel;
+exports.zBarParallelConfig = __webpack_exports__.zBarParallelConfig;
 exports.zBarPercent = __webpack_exports__.zBarPercent;
+exports.zBarPercentConfig = __webpack_exports__.zBarPercentConfig;
 exports.zBarStyle = __webpack_exports__.zBarStyle;
-exports.zBaseConfig = __webpack_exports__.zBaseConfig;
 exports.zChartType = __webpack_exports__.zChartType;
 exports.zColor = __webpack_exports__.zColor;
 exports.zColumn = __webpack_exports__.zColumn;
+exports.zColumnConfig = __webpack_exports__.zColumnConfig;
 exports.zColumnParallel = __webpack_exports__.zColumnParallel;
+exports.zColumnParallelConfig = __webpack_exports__.zColumnParallelConfig;
 exports.zColumnPercent = __webpack_exports__.zColumnPercent;
+exports.zColumnPercentConfig = __webpack_exports__.zColumnPercentConfig;
 exports.zConfig = __webpack_exports__.zConfig;
 exports.zCrosshairLine = __webpack_exports__.zCrosshairLine;
 exports.zCrosshairRect = __webpack_exports__.zCrosshairRect;
@@ -6361,27 +6842,40 @@ exports.zDataset = __webpack_exports__.zDataset;
 exports.zDatasetReshapeInfo = __webpack_exports__.zDatasetReshapeInfo;
 exports.zDatum = __webpack_exports__.zDatum;
 exports.zDimension = __webpack_exports__.zDimension;
+exports.zDimensionGroup = __webpack_exports__.zDimensionGroup;
+exports.zDimensionTree = __webpack_exports__.zDimensionTree;
 exports.zDimensions = __webpack_exports__.zDimensions;
 exports.zDonut = __webpack_exports__.zDonut;
+exports.zDonutConfig = __webpack_exports__.zDonutConfig;
+exports.zDualAxisConfig = __webpack_exports__.zDualAxisConfig;
 exports.zEncoding = __webpack_exports__.zEncoding;
 exports.zFoldInfo = __webpack_exports__.zFoldInfo;
 exports.zFunnel = __webpack_exports__.zFunnel;
+exports.zFunnelConfig = __webpack_exports__.zFunnelConfig;
 exports.zLabel = __webpack_exports__.zLabel;
 exports.zLegend = __webpack_exports__.zLegend;
 exports.zLine = __webpack_exports__.zLine;
+exports.zLineConfig = __webpack_exports__.zLineConfig;
 exports.zLineStyle = __webpack_exports__.zLineStyle;
 exports.zLocale = __webpack_exports__.zLocale;
 exports.zMarkStyle = __webpack_exports__.zMarkStyle;
 exports.zMeasure = __webpack_exports__.zMeasure;
 exports.zMeasureGroup = __webpack_exports__.zMeasureGroup;
+exports.zMeasureTree = __webpack_exports__.zMeasureTree;
 exports.zMeasures = __webpack_exports__.zMeasures;
 exports.zNumFormat = __webpack_exports__.zNumFormat;
 exports.zPie = __webpack_exports__.zPie;
+exports.zPieConfig = __webpack_exports__.zPieConfig;
+exports.zPivotTable = __webpack_exports__.zPivotTable;
 exports.zPointStyle = __webpack_exports__.zPointStyle;
 exports.zRose = __webpack_exports__.zRose;
+exports.zRoseConfig = __webpack_exports__.zRoseConfig;
 exports.zRoseParallel = __webpack_exports__.zRoseParallel;
+exports.zRoseParallelConfig = __webpack_exports__.zRoseParallelConfig;
 exports.zScatter = __webpack_exports__.zScatter;
+exports.zScatterConfig = __webpack_exports__.zScatterConfig;
 exports.zStackCornerRadius = __webpack_exports__.zStackCornerRadius;
+exports.zTable = __webpack_exports__.zTable;
 exports.zTheme = __webpack_exports__.zTheme;
 exports.zTooltip = __webpack_exports__.zTooltip;
 exports.zUnfoldInfo = __webpack_exports__.zUnfoldInfo;
@@ -6426,6 +6920,10 @@ for(var __webpack_i__ in __webpack_exports__)if (-1 === [
     "donutAdvancedPipeline",
     "donutSpecPipeline",
     "execPipeline",
+    "findAllDimensions",
+    "findAllMeasures",
+    "findDimensionById",
+    "findFirstDimension",
     "findFirstMeasure",
     "findMeasureById",
     "foldMeasures",
@@ -6434,6 +6932,8 @@ for(var __webpack_i__ in __webpack_exports__)if (-1 === [
     "i18n",
     "intl",
     "isPivotChart",
+    "isPivotTable",
+    "isTable",
     "isVChart",
     "isVTable",
     "lightTheme",
@@ -6441,6 +6941,9 @@ for(var __webpack_i__ in __webpack_exports__)if (-1 === [
     "lineSpecPipeline",
     "pieAdvancedPipeline",
     "pieSpecPipeline",
+    "pivotTableAdvancedPipeline",
+    "pivotTableSpecPipeline",
+    "preorderTraverse",
     "registerAll",
     "registerArea",
     "registerAreaPercent",
@@ -6452,14 +6955,24 @@ for(var __webpack_i__ in __webpack_exports__)if (-1 === [
     "registerColumnPercent",
     "registerCustomTheme",
     "registerDarkTheme",
+    "registerDonut",
+    "registerFunnel",
     "registerLightTheme",
     "registerLine",
+    "registerPie",
+    "registerPivotTable",
+    "registerRose",
+    "registerRoseParallel",
+    "registerScatter",
+    "registerTable",
     "roseAdvancedPipeline",
     "roseParallelAdvancedPipeline",
     "roseParallelSpecPipeline",
     "roseSpecPipeline",
     "scatterAdvancedPipeline",
     "scatterSpecPipeline",
+    "tableAdvancedPipeline",
+    "tableSpecPipeline",
     "unfoldDimensions",
     "zAdvancedVSeed",
     "zAnnotation",
@@ -6468,20 +6981,27 @@ for(var __webpack_i__ in __webpack_exports__)if (-1 === [
     "zAnnotationPoint",
     "zAnnotationVerticalLine",
     "zArea",
+    "zAreaConfig",
     "zAreaPercent",
+    "zAreaPercentConfig",
     "zAreaStyle",
     "zAxis",
     "zBackgroundColor",
     "zBar",
+    "zBarConfig",
     "zBarParallel",
+    "zBarParallelConfig",
     "zBarPercent",
+    "zBarPercentConfig",
     "zBarStyle",
-    "zBaseConfig",
     "zChartType",
     "zColor",
     "zColumn",
+    "zColumnConfig",
     "zColumnParallel",
+    "zColumnParallelConfig",
     "zColumnPercent",
+    "zColumnPercentConfig",
     "zConfig",
     "zCrosshairLine",
     "zCrosshairRect",
@@ -6491,27 +7011,40 @@ for(var __webpack_i__ in __webpack_exports__)if (-1 === [
     "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",