@visactor/vseed 0.0.18 → 0.0.19

package/dist/index.cjs

@@ -31,12 +31,14 @@ __webpack_require__.d(__webpack_exports__, {
     execPipeline: ()=>execPipeline,
     areaSpecPipeline: ()=>areaSpecPipeline,
     zDonut: ()=>zDonut,
+    zRoseConfig: ()=>zRoseConfig,
     findFirstMeasure: ()=>findFirstMeasure,
     scatterAdvancedPipeline: ()=>scatterAdvancedPipeline,
     zCrosshairRect: ()=>zCrosshairRect,
     scatterSpecPipeline: ()=>scatterSpecPipeline,
     intl: ()=>intl,
     columnPercentAdvancedPipeline: ()=>columnPercentAdvancedPipeline,
+    zColumnConfig: ()=>zColumnConfig,
     zAnnotation: ()=>zAnnotation,
     zYBandAxis: ()=>zYBandAxis,
     dataReshapeFor1D2M: ()=>dataReshapeFor1D2M,
@@ -62,9 +64,10 @@ __webpack_require__.d(__webpack_exports__, {
     zDimensions: ()=>zDimensions,
     zLegend: ()=>zLegend,
     FoldMeasureId: ()=>FoldMeasureId,
-    zTheme: ()=>zTheme,
+    zColumnParallelConfig: ()=>zColumnParallelConfig,
     donutSpecPipeline: ()=>donutSpecPipeline,
     registerAreaPercent: ()=>registerAreaPercent,
+    zTheme: ()=>zTheme,
     zBarPercent: ()=>zBarPercent,
     zDatum: ()=>zDatum,
     barAdvancedPipeline: ()=>barAdvancedPipeline,
@@ -85,6 +88,7 @@ __webpack_require__.d(__webpack_exports__, {
     zRose: ()=>zRose,
     unfoldDimensions: ()=>unfoldDimensions,
     roseParallelAdvancedPipeline: ()=>roseParallelAdvancedPipeline,
+    zPieConfig: ()=>zPieConfig,
     autoFormatter: ()=>autoFormatter,
     Builder: ()=>Builder,
     registerBar: ()=>registerBar,
@@ -94,11 +98,14 @@ __webpack_require__.d(__webpack_exports__, {
     registerCustomTheme: ()=>registerCustomTheme,
     zColor: ()=>zColor,
     zMeasureGroup: ()=>zMeasureGroup,
+    zDonutConfig: ()=>zDonutConfig,
     zUnfoldInfo: ()=>zUnfoldInfo,
+    zFunnelConfig: ()=>zFunnelConfig,
     zMeasures: ()=>zMeasures,
     FoldMeasureName: ()=>FoldMeasureName,
     darkTheme: ()=>darkTheme,
     createNumFormatter: ()=>createNumFormatter,
+    zAreaConfig: ()=>zAreaConfig,
     zAxis: ()=>zAxis,
     isVTable: ()=>isVTable,
     zLine: ()=>zLine,
@@ -117,13 +124,17 @@ __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,
@@ -132,6 +143,7 @@ __webpack_require__.d(__webpack_exports__, {
     zAdvancedVSeed: ()=>zAdvancedVSeed,
     zXLinearAxis: ()=>zXLinearAxis,
     zConfig: ()=>zConfig,
+    zRoseParallelConfig: ()=>zRoseParallelConfig,
     zBarStyle: ()=>zBarStyle,
     zAreaPercent: ()=>zAreaPercent,
     columnParallelAdvancedPipeline: ()=>columnParallelAdvancedPipeline,
@@ -139,20 +151,23 @@ __webpack_require__.d(__webpack_exports__, {
     donutAdvancedPipeline: ()=>donutAdvancedPipeline,
     zScatter: ()=>zScatter,
     foldMeasures: ()=>foldMeasures,
-    zFunnel: ()=>zFunnel,
     dataReshapeFor2D1M: ()=>dataReshapeFor2D1M,
+    zFunnel: ()=>zFunnel,
+    zScatterConfig: ()=>zScatterConfig,
     zTooltip: ()=>zTooltip,
+    zBarParallelConfig: ()=>zBarParallelConfig,
     barParallelAdvancedPipeline: ()=>barParallelAdvancedPipeline,
     FoldMeasureValue: ()=>FoldMeasureValue,
+    zBarPercentConfig: ()=>zBarPercentConfig,
     barPercentSpecPipeline: ()=>barPercentSpecPipeline,
     lineAdvancedPipeline: ()=>lineAdvancedPipeline,
     lineSpecPipeline: ()=>lineSpecPipeline,
     createFormatter: ()=>createFormatter,
-    zBaseConfig: ()=>zBaseConfig,
     columnPercentSpecPipeline: ()=>columnPercentSpecPipeline,
     areaAdvancedPipeline: ()=>areaAdvancedPipeline,
     areaPercentSpecPipeline: ()=>areaPercentSpecPipeline,
-    barParallelSpecPipeline: ()=>barParallelSpecPipeline
+    barParallelSpecPipeline: ()=>barParallelSpecPipeline,
+    zBarConfig: ()=>zBarConfig
 });
 const initAdvancedVSeed = (advancedVSeed, context)=>{
     const { vseed } = context;
@@ -166,11 +181,11 @@ const execPipeline = (pipeline, context, initialValue = {})=>{
     const result = pipeline.reduce((prev, cur)=>cur(prev, context), initialValue);
     return result;
 };
-const isVTable = (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;
     const hasRowOrColumnDimension = dimensions && dimensions.some((dimension)=>'rowDimension' === dimension.location || 'columnDimension' === dimension.location);
@@ -179,7 +194,7 @@ const isPivotChart = (vseed)=>{
 };
 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 +213,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 +252,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,80 +265,20 @@ 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)=>{
+const findMeasureById = (measures = [], id)=>{
     if (!measures) return;
     const stack = [
         ...measures
@@ -317,7 +290,7 @@ const findMeasureById = (measures, id)=>{
         if ('children' in current && current.children) stack.push(...current.children);
     }
 };
-const findFirstMeasure = (measures)=>{
+const findFirstMeasure = (measures = [])=>{
     if (!measures) return;
     const stack = [
         ...measures
@@ -1048,8 +1021,9 @@ const encodingFunnel = (advancedVSeed)=>{
         encoding
     };
 };
-const vchartBaseConfig = (advancedVSeed, context)=>{
+const lineConfig = (advancedVSeed, context)=>{
     const { vseed } = context;
+    const { chartType } = vseed;
     const result = {
         ...advancedVSeed
     };
@@ -1058,22 +1032,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 +1052,11 @@ const columnConfig = (advancedVSeed, context)=>{
         ...advancedVSeed
     };
     const config = (0, external_remeda_namespaceObject.pick)(vseed, [
+        'backgroundColor',
+        'color',
+        'label',
+        'legend',
+        'tooltip',
         'xAxis',
         'yAxis',
         'crosshairRect',
@@ -1112,7 +1076,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 +1103,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 +1118,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)=>{
@@ -1209,9 +1177,8 @@ const lineAdvancedPipeline = [
         pivotReshapeTo2D1M
     ]),
     encodingXY,
-    vchartBaseConfig,
     lineConfig,
-    vchartTheme,
+    theme_theme,
     markStyle_markStyle,
     annotation_annotation
 ];
@@ -1227,8 +1194,7 @@ const barAdvancedPipeline = [
     ]),
     encodingYX,
     barConfig,
-    vchartBaseConfig,
-    vchartTheme,
+    theme_theme,
     markStyle_markStyle,
     annotation_annotation
 ];
@@ -1244,8 +1210,7 @@ const barParallelAdvancedPipeline = [
     ]),
     encodingYX,
     barParallelConfig,
-    vchartBaseConfig,
-    vchartTheme,
+    theme_theme,
     markStyle_markStyle,
     annotation_annotation
 ];
@@ -1261,8 +1226,7 @@ const barPercentAdvancedPipeline = [
     ]),
     encodingYX,
     barPercentConfig,
-    vchartBaseConfig,
-    vchartTheme,
+    theme_theme,
     markStyle_markStyle,
     annotation_annotation
 ];
@@ -1278,8 +1242,7 @@ const columnAdvancedPipeline = [
     ]),
     encodingXY,
     columnConfig,
-    vchartBaseConfig,
-    vchartTheme,
+    theme_theme,
     markStyle_markStyle,
     annotation_annotation
 ];
@@ -1295,8 +1258,7 @@ const columnParallelAdvancedPipeline = [
     ]),
     encodingXY,
     columnParallelConfig,
-    vchartBaseConfig,
-    vchartTheme,
+    theme_theme,
     markStyle_markStyle,
     annotation_annotation
 ];
@@ -1312,8 +1274,7 @@ const columnPercentAdvancedPipeline = [
     ]),
     encodingXY,
     columnPercentConfig,
-    vchartBaseConfig,
-    vchartTheme,
+    theme_theme,
     markStyle_markStyle,
     annotation_annotation
 ];
@@ -1329,8 +1290,7 @@ const areaAdvancedPipeline = [
     ]),
     encodingXY,
     areaConfig,
-    vchartBaseConfig,
-    vchartTheme,
+    theme_theme,
     markStyle_markStyle,
     annotation_annotation
 ];
@@ -1346,8 +1306,7 @@ const areaPercentAdvancedPipeline = [
     ]),
     encodingXY,
     areaPercentConfig,
-    vchartBaseConfig,
-    vchartTheme,
+    theme_theme,
     markStyle_markStyle,
     annotation_annotation
 ];
@@ -1363,8 +1322,7 @@ const pieAdvancedPipeline = [
     ]),
     encodingPie,
     pieConfig,
-    vchartBaseConfig,
-    vchartTheme,
+    theme_theme,
     annotation_annotation
 ];
 const donutAdvancedPipeline = [
@@ -1379,8 +1337,7 @@ const donutAdvancedPipeline = [
     ]),
     encodingPie,
     donutConfig,
-    vchartBaseConfig,
-    vchartTheme,
+    theme_theme,
     annotation_annotation
 ];
 const roseAdvancedPipeline = [
@@ -1395,8 +1352,7 @@ const roseAdvancedPipeline = [
     ]),
     encodingRose,
     roseConfig,
-    vchartBaseConfig,
-    vchartTheme,
+    theme_theme,
     markStyle_markStyle,
     annotation_annotation
 ];
@@ -1412,8 +1368,7 @@ const roseParallelAdvancedPipeline = [
     ]),
     encodingRose,
     roseParallelConfig,
-    vchartBaseConfig,
-    vchartTheme,
+    theme_theme,
     markStyle_markStyle,
     annotation_annotation
 ];
@@ -1429,8 +1384,7 @@ const funnelAdvancedPipeline = [
     ]),
     encodingFunnel,
     funnelConfig,
-    vchartBaseConfig,
-    vchartTheme,
+    theme_theme,
     annotation_annotation
 ];
 const encodingYY = (advancedVSeed)=>{
@@ -1480,9 +1434,8 @@ const scatterAdvancedPipeline = [
         pivotReshapeTo1D2M
     ]),
     encodingYY,
-    vchartBaseConfig,
     scatterConfig,
-    vchartTheme,
+    theme_theme,
     markStyle_markStyle,
     annotation_annotation
 ];
@@ -1979,13 +1932,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 +2109,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 +2272,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 +2349,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 +2382,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 +2481,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 +2591,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;
@@ -3041,8 +2995,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 +3048,7 @@ const pointStateDimensionHover = (spec)=>{
         point: {
             ...point,
             state: {
+                ...point.state || {},
                 dimension_hover: {
                     scaleX: 1.4,
                     scaleY: 1.4
@@ -3113,6 +3067,7 @@ const pointStateHover = (spec, context)=>{
         point: {
             ...point,
             state: {
+                ...point.state || {},
                 hover: {
                     scaleX: 1.4,
                     scaleY: 1.4,
@@ -4823,52 +4778,49 @@ const lightTheme = ()=>{
         labelColor: '#ffffff',
         labelBackgroundColor: '#364159'
     };
-    return {
-        baseConfig: {
-            vtable: {
-                backgroundColor: 'transparent'
-            },
-            vchart: {
-                backgroundColor: 'transparent',
-                color: {
-                    colorScheme: [
-                        '#8D72F6',
-                        '#5766EC',
-                        '#66A3FE',
-                        '#51D5E6',
-                        '#4EC0B3',
-                        '#F9DF90',
-                        '#F9AD71',
-                        '#ED8888',
-                        '#E9A0C3',
-                        '#D77DD3'
-                    ]
-                },
-                label: {
-                    enable: true
-                },
-                tooltip: {
-                    enable: true
-                },
-                legend: {
-                    enable: true,
-                    border: true,
-                    maxSize: 1,
-                    shapeType: 'rectRound',
-                    position: 'rt',
-                    labelFontColor: '#646A73',
-                    labelFontSize: 12,
-                    labelFontWeight: 400
-                }
-            }
+    const baseConfig = {
+        backgroundColor: 'transparent',
+        color: {
+            colorScheme: [
+                '#8D72F6',
+                '#5766EC',
+                '#66A3FE',
+                '#51D5E6',
+                '#4EC0B3',
+                '#F9DF90',
+                '#F9AD71',
+                '#ED8888',
+                '#E9A0C3',
+                '#D77DD3'
+            ]
+        },
+        label: {
+            enable: true
+        },
+        tooltip: {
+            enable: true
         },
+        legend: {
+            enable: true,
+            border: true,
+            maxSize: 1,
+            shapeType: 'rectRound',
+            position: 'rt',
+            labelFontColor: '#646A73',
+            labelFontSize: 12,
+            labelFontWeight: 400
+        }
+    };
+    return {
         config: {
             line: {
+                ...baseConfig,
                 xAxis: bandAxis,
                 yAxis: linearAxis,
                 crosshairLine
             },
             column: {
+                ...baseConfig,
                 xAxis: bandAxis,
                 yAxis: linearAxis,
                 crosshairRect,
@@ -4880,6 +4832,7 @@ const lightTheme = ()=>{
                 ]
             },
             columnParallel: {
+                ...baseConfig,
                 xAxis: bandAxis,
                 yAxis: linearAxis,
                 crosshairRect,
@@ -4891,6 +4844,7 @@ const lightTheme = ()=>{
                 ]
             },
             columnPercent: {
+                ...baseConfig,
                 xAxis: bandAxis,
                 yAxis: linearAxis,
                 crosshairRect,
@@ -4902,6 +4856,7 @@ const lightTheme = ()=>{
                 ]
             },
             bar: {
+                ...baseConfig,
                 xAxis: linearAxis,
                 yAxis: barBandAxis,
                 crosshairRect,
@@ -4913,6 +4868,7 @@ const lightTheme = ()=>{
                 ]
             },
             barParallel: {
+                ...baseConfig,
                 xAxis: linearAxis,
                 yAxis: barBandAxis,
                 crosshairRect,
@@ -4924,6 +4880,7 @@ const lightTheme = ()=>{
                 ]
             },
             barPercent: {
+                ...baseConfig,
                 xAxis: linearAxis,
                 yAxis: barBandAxis,
                 crosshairRect,
@@ -4935,16 +4892,19 @@ const lightTheme = ()=>{
                 ]
             },
             area: {
+                ...baseConfig,
                 xAxis: bandAxis,
                 yAxis: linearAxis,
                 crosshairLine
             },
             areaPercent: {
+                ...baseConfig,
                 xAxis: bandAxis,
                 yAxis: linearAxis,
                 crosshairLine
             },
             scatter: {
+                ...baseConfig,
                 xAxis: {
                     ...linearAxis,
                     line: {
@@ -4960,6 +4920,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 +5057,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 +5111,7 @@ const darkTheme = ()=>{
                 ]
             },
             columnParallel: {
+                ...baseConfig,
                 xAxis: bandAxis,
                 yAxis: linearAxis,
                 crosshairRect: crosshairRect,
@@ -5136,6 +5123,7 @@ const darkTheme = ()=>{
                 ]
             },
             columnPercent: {
+                ...baseConfig,
                 xAxis: bandAxis,
                 yAxis: linearAxis,
                 crosshairRect: crosshairRect,
@@ -5147,6 +5135,7 @@ const darkTheme = ()=>{
                 ]
             },
             bar: {
+                ...baseConfig,
                 xAxis: linearAxis,
                 yAxis: barBandAxis,
                 crosshairRect: crosshairRect,
@@ -5158,6 +5147,7 @@ const darkTheme = ()=>{
                 ]
             },
             barParallel: {
+                ...baseConfig,
                 xAxis: linearAxis,
                 yAxis: barBandAxis,
                 crosshairRect: crosshairRect,
@@ -5169,6 +5159,7 @@ const darkTheme = ()=>{
                 ]
             },
             barPercent: {
+                ...baseConfig,
                 xAxis: linearAxis,
                 yAxis: barBandAxis,
                 crosshairRect: crosshairRect,
@@ -5180,16 +5171,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 +5199,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'
+                    ]
+                }
             }
         }
     };
@@ -5279,31 +5302,41 @@ 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();
     }
@@ -5336,133 +5369,6 @@ 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 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({
-    enable: external_zod_namespaceObject.z.boolean().default(true).optional()
-});
-const zLegend = external_zod_namespaceObject.z.object({
-    enable: external_zod_namespaceObject.z.boolean().default(true).optional(),
-    border: external_zod_namespaceObject.z.boolean().default(true).optional(),
-    maxSize: external_zod_namespaceObject.z.number().default(1).optional(),
-    shapeType: external_zod_namespaceObject.z["enum"]([
-        'circle',
-        'cross',
-        'diamond',
-        'square',
-        'arrow',
-        'arrow2Left',
-        'arrow2Right',
-        'wedge',
-        'thinTriangle',
-        'triangle',
-        'triangleUp',
-        'triangleDown',
-        'triangleRight',
-        'triangleLeft',
-        'stroke',
-        'star',
-        'wye',
-        'rect',
-        'arrowLeft',
-        'arrowRight',
-        'rectRound',
-        'roundLine'
-    ]).default('rectRound').optional(),
-    position: external_zod_namespaceObject.z["enum"]([
-        'left',
-        'leftTop',
-        'leftBottom',
-        'lt',
-        'lb',
-        'top',
-        'topLeft',
-        'topRight',
-        'tl',
-        'tr',
-        'right',
-        'rightTop',
-        'rightBottom',
-        'rt',
-        'rb',
-        'bottom',
-        'bottomLeft',
-        'bottomRight',
-        'bl',
-        'br'
-    ]).default('bottom').optional(),
-    labelFontSize: external_zod_namespaceObject.z.number().default(12).optional(),
-    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,
-    label: zLabel.optional(),
-    color: zColor.optional(),
-    tooltip: zTooltip.optional(),
-    legend: zLegend.optional()
-});
-const zVTableBaseConfig = external_zod_namespaceObject.z.object({
-    backgroundColor: zBackgroundColor
-});
-const zBaseConfig = external_zod_namespaceObject.z.object({
-    vchart: zVChartBaseConfig.optional(),
-    vtable: zVTableBaseConfig.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 zXBandAxis = external_zod_namespaceObject.z.object({
     visible: external_zod_namespaceObject.z.boolean().default(true).optional(),
     labelAutoHide: external_zod_namespaceObject.z.boolean().default(true).optional(),
@@ -5513,6 +5419,8 @@ const zXLinearAxis = external_zod_namespaceObject.z.object({
     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(),
@@ -5566,72 +5474,233 @@ const zStackCornerRadius = external_zod_namespaceObject.z.number().or(external_z
     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()
+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 zLabel = external_zod_namespaceObject.z.object({
+    enable: external_zod_namespaceObject.z.boolean().default(true).optional()
+});
+const zLegend = external_zod_namespaceObject.z.object({
+    enable: external_zod_namespaceObject.z.boolean().default(true).optional(),
+    border: external_zod_namespaceObject.z.boolean().default(true).optional(),
+    maxSize: external_zod_namespaceObject.z.number().default(1).optional(),
+    shapeType: external_zod_namespaceObject.z["enum"]([
+        'circle',
+        'cross',
+        'diamond',
+        'square',
+        'arrow',
+        'arrow2Left',
+        'arrow2Right',
+        'wedge',
+        'thinTriangle',
+        'triangle',
+        'triangleUp',
+        'triangleDown',
+        'triangleRight',
+        'triangleLeft',
+        'stroke',
+        'star',
+        'wye',
+        'rect',
+        'arrowLeft',
+        'arrowRight',
+        'rectRound',
+        'roundLine'
+    ]).default('rectRound').optional(),
+    position: external_zod_namespaceObject.z["enum"]([
+        'left',
+        'leftTop',
+        'leftBottom',
+        'lt',
+        'lb',
+        'top',
+        'topLeft',
+        'topRight',
+        'tl',
+        'tr',
+        'right',
+        'rightTop',
+        'rightBottom',
+        'rt',
+        'rb',
+        'bottom',
+        'bottomLeft',
+        'bottomRight',
+        'bl',
+        'br'
+    ]).default('bottom').optional(),
+    labelFontSize: external_zod_namespaceObject.z.number().default(12).optional(),
+    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 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 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 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 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 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(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(),
-    area: external_zod_namespaceObject.z.object({
-        xAxis: zXBandAxis.optional(),
-        yAxis: zYLinearAxis.optional(),
-        crosshairLine: zCrosshairLine.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(),
-    areaPercent: external_zod_namespaceObject.z.object({
-        xAxis: zXBandAxis.optional(),
-        yAxis: zYLinearAxis.optional(),
-        crosshairLine: zCrosshairLine.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(),
-    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()
+    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(),
-    funnel: external_zod_namespaceObject.z.object({}).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 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 +5756,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,82 +6000,6 @@ 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'
@@ -6253,11 +6314,10 @@ const zAdvancedVSeed = external_zod_namespaceObject.z.object({
     dimensions: zDimensions,
     measures: zMeasures,
     encoding: zEncoding,
-    baseConfig: zBaseConfig,
     config: zConfig,
     theme: zTheme,
     markStyle: zMarkStyle,
-    customTheme: zCustomTheme,
+    customTheme: zCustomThemeConfig,
     annotation: zAnnotation,
     locale: zLocale
 });
@@ -6338,20 +6398,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;
@@ -6363,12 +6430,16 @@ exports.zDatum = __webpack_exports__.zDatum;
 exports.zDimension = __webpack_exports__.zDimension;
 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;
@@ -6377,10 +6448,14 @@ exports.zMeasureGroup = __webpack_exports__.zMeasureGroup;
 exports.zMeasures = __webpack_exports__.zMeasures;
 exports.zNumFormat = __webpack_exports__.zNumFormat;
 exports.zPie = __webpack_exports__.zPie;
+exports.zPieConfig = __webpack_exports__.zPieConfig;
 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.zTheme = __webpack_exports__.zTheme;
 exports.zTooltip = __webpack_exports__.zTooltip;
@@ -6468,20 +6543,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",
@@ -6493,12 +6575,16 @@ for(var __webpack_i__ in __webpack_exports__)if (-1 === [
     "zDimension",
     "zDimensions",
     "zDonut",
+    "zDonutConfig",
+    "zDualAxisConfig",
     "zEncoding",
     "zFoldInfo",
     "zFunnel",
+    "zFunnelConfig",
     "zLabel",
     "zLegend",
     "zLine",
+    "zLineConfig",
     "zLineStyle",
     "zLocale",
     "zMarkStyle",
@@ -6507,10 +6593,14 @@ for(var __webpack_i__ in __webpack_exports__)if (-1 === [
     "zMeasures",
     "zNumFormat",
     "zPie",
+    "zPieConfig",
     "zPointStyle",
     "zRose",
+    "zRoseConfig",
     "zRoseParallel",
+    "zRoseParallelConfig",
     "zScatter",
+    "zScatterConfig",
     "zStackCornerRadius",
     "zTheme",
     "zTooltip",