@visactor/vseed 0.0.3 → 0.0.5

package/dist/index.cjs

@@ -24,127 +24,69 @@ var __webpack_require__ = {};
 var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
-    registerBar: ()=>registerBar,
-    dataReshapeFor1D1M: ()=>dataReshapeFor1D1M,
+    columnPercentSpecPipeline: ()=>columnPercentSpecPipeline,
+    isVChart: ()=>isVChart,
+    registerAll: ()=>all_registerAll,
     execPipeline: ()=>execPipeline,
     areaSpecPipeline: ()=>areaSpecPipeline,
-    zDataset: ()=>zDataset,
+    registerCustomTheme: ()=>registerCustomTheme,
+    registerLine: ()=>registerLine,
+    zColor: ()=>zColor,
     zMeasureGroup: ()=>zMeasureGroup,
-    barPercentAdvancedPipeline: ()=>barPercentAdvancedPipeline,
-    areaPercentAdvancedPipeline: ()=>areaPercentAdvancedPipeline,
     zUnfoldInfo: ()=>zUnfoldInfo,
-    zVSeed: ()=>zVSeed,
     zMeasures: ()=>zMeasures,
-    zMeasure: ()=>zMeasure,
-    zDimensions: ()=>zDimensions,
+    darkTheme: ()=>darkTheme,
     columnPercentAdvancedPipeline: ()=>columnPercentAdvancedPipeline,
-    zEncoding: ()=>zEncoding,
-    VSeedJSONSchema: ()=>VSeedJSONSchema,
+    isVTable: ()=>isVTable,
     columnSpecPipeline: ()=>columnSpecPipeline,
-    zAdvancedVSeed: ()=>zAdvancedVSeed,
+    zFoldInfo: ()=>zFoldInfo,
     zDatasetReshapeInfo: ()=>zDatasetReshapeInfo,
+    columnParallelSpecPipeline: ()=>columnParallelSpecPipeline,
+    columnAdvancedPipeline: ()=>columnAdvancedPipeline,
+    zLabel: ()=>zLabel,
+    registerColumn: ()=>registerColumn,
+    zDimension: ()=>zDimension,
+    lightTheme: ()=>lightTheme,
+    registerColumnParallel: ()=>registerColumnParallel,
+    zCustomTheme: ()=>zCustomTheme,
+    dataReshapeFor1D1M: ()=>dataReshapeFor1D1M,
+    registerArea: ()=>registerArea,
+    zDataset: ()=>zDataset,
+    barPercentAdvancedPipeline: ()=>barPercentAdvancedPipeline,
+    areaPercentAdvancedPipeline: ()=>areaPercentAdvancedPipeline,
+    zBackgroundColor: ()=>zBackgroundColor,
+    registerBarParallel: ()=>registerBarParallel,
+    zMeasure: ()=>zMeasure,
+    zDimensions: ()=>zDimensions,
+    zLegend: ()=>zLegend,
+    zTheme: ()=>zTheme,
+    zEncoding: ()=>zEncoding,
+    registerAreaPercent: ()=>registerAreaPercent,
     zDatum: ()=>zDatum,
-    zFoldInfo: ()=>zFoldInfo,
     barAdvancedPipeline: ()=>barAdvancedPipeline,
+    zCustomThemeConfig: ()=>zCustomThemeConfig,
     columnParallelAdvancedPipeline: ()=>columnParallelAdvancedPipeline,
-    columnAdvancedPipeline: ()=>columnAdvancedPipeline,
-    columnParallelSpecPipeline: ()=>columnParallelSpecPipeline,
-    dataReshapeFor2D1M: ()=>dataReshapeFor2D1M,
+    registerColumnPercent: ()=>registerColumnPercent,
+    registerBarPercent: ()=>registerBarPercent,
     foldMeasures: ()=>foldMeasures,
-    registerColumn: ()=>registerColumn,
+    dataReshapeFor2D1M: ()=>dataReshapeFor2D1M,
+    registerLightTheme: ()=>registerLightTheme,
+    registerDarkTheme: ()=>registerDarkTheme,
     zChartType: ()=>zChartType,
-    zDimension: ()=>zDimension,
     barParallelAdvancedPipeline: ()=>barParallelAdvancedPipeline,
     barPercentSpecPipeline: ()=>barPercentSpecPipeline,
     lineAdvancedPipeline: ()=>lineAdvancedPipeline,
+    zTooltip: ()=>zTooltip,
     barSpecPipeline: ()=>barSpecPipeline,
     lineSpecPipeline: ()=>lineSpecPipeline,
+    zBaseConfig: ()=>zBaseConfig,
     unfoldDimensions: ()=>unfoldDimensions,
     areaAdvancedPipeline: ()=>areaAdvancedPipeline,
     areaPercentSpecPipeline: ()=>areaPercentSpecPipeline,
     Builder: ()=>Builder,
     barParallelSpecPipeline: ()=>barParallelSpecPipeline,
-    columnPercentSpecPipeline: ()=>columnPercentSpecPipeline,
-    registerAll: ()=>registerAll
+    registerBar: ()=>registerBar
 });
-const execPipeline = (pipeline, context, initialValue = {})=>{
-    const result = pipeline.reduce((prev, cur)=>cur(prev, context), initialValue);
-    return result;
-};
-const buildAdvanced = (builder)=>{
-    const { chartType } = builder.vseed;
-    if (!chartType) throw new Error('chartType is nil in buildAdvanced');
-    const pipeline = builder.getAdvancedPipeline(chartType);
-    if (!pipeline) throw new Error(`no advanced pipeline for chartType ${chartType}`);
-    const context = {
-        vseed: builder.vseed
-    };
-    try {
-        return execPipeline(pipeline, context);
-    } catch (e) {
-        console.error(e);
-        throw new Error("buildAdvanced error, see error info in console");
-    }
-};
-const buildSpec = (builder, advancedVSeed)=>{
-    const { chartType } = builder.vseed;
-    if (!chartType) throw new Error('chartType is nil in buildSpec');
-    const pipeline = builder.getSpecPipeline(chartType);
-    if (!pipeline) throw new Error(`no spec pipeline for chartType ${chartType}`);
-    const context = {
-        vseed: builder.vseed,
-        advancedVSeed
-    };
-    try {
-        return execPipeline(pipeline, context);
-    } catch (e) {
-        console.error(e);
-        throw new Error("buildSpec error, see error info in console");
-    }
-};
-const build = (builder)=>{
-    const advancedVSeed = builder.buildAdvanced();
-    console.log('debug advancedVSeed', advancedVSeed);
-    if (!advancedVSeed) throw new Error('advancedVSeed is null');
-    const spec = builder.buildSpec(advancedVSeed);
-    console.log('debug spec', spec);
-    return spec;
-};
-class Builder {
-    _vseed;
-    _advancedVSeed;
-    static _advancedPipelineMap = {};
-    static _specPipelineMap = {};
-    static from = (vseed)=>new Builder(vseed);
-    constructor(vseed){
-        this._vseed = vseed;
-        this._advancedVSeed = null;
-    }
-    build = ()=>build(this);
-    buildSpec = (advanced)=>buildSpec(this, advanced);
-    buildAdvanced = ()=>buildAdvanced(this);
-    getAdvancedPipeline = (chartType)=>Builder._advancedPipelineMap[chartType];
-    getSpecPipeline = (chartType)=>Builder._specPipelineMap[chartType];
-    get vseed() {
-        return this._vseed;
-    }
-    set vseed(value) {
-        this._vseed = value;
-    }
-    get advancedVSeed() {
-        return this._advancedVSeed;
-    }
-    set advancedVSeed(value) {
-        this._advancedVSeed = value;
-    }
-}
-const initAdvancedVSeed = (advancedVSeed, context)=>{
-    const { vseed } = context;
-    return {
-        ...advancedVSeed,
-        chartType: vseed.chartType
-    };
-};
 const FoldMeasureName = '__MeaName__';
 const FoldMeasureValue = '__MeaValue__';
 const FoldMeasureId = '__MeaId__';
@@ -270,7 +212,8 @@ const reshapeTo2D1M = (advancedVSeed, context)=>{
         ...advancedVSeed
     };
     const { vseed } = context;
-    const { dimensions, measures, dataset } = vseed;
+    const { dataset } = vseed;
+    const { dimensions, measures } = advancedVSeed;
     if (!measures || !dimensions || !dataset) return result;
     if (0 === measures.length) throw new Error('measures can not be empty');
     const { dataset: newDatasets, foldInfo, unfoldInfo } = dataReshapeFor2D1M(dataset, dimensions, measures);
@@ -351,25 +294,234 @@ const encodingYX = (advancedVSeed)=>{
         encoding
     };
 };
+const initAdvancedVSeed = (advancedVSeed, context)=>{
+    const { vseed } = context;
+    const { chartType = 'table' } = vseed;
+    return {
+        ...advancedVSeed,
+        chartType
+    };
+};
+const autoMeasures = (advancedVSeed, context)=>{
+    const result = {
+        ...advancedVSeed
+    };
+    const { vseed } = context;
+    const { measures, dataset } = vseed;
+    if (!dataset) throw new Error('dataset is required');
+    if (0 === dataset.length) return result;
+    if (measures) {
+        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 autoDimensions = (advancedVSeed, context)=>{
+    const result = {
+        ...advancedVSeed
+    };
+    const { vseed } = context;
+    const { dimensions, dataset } = vseed;
+    const { measures = [] } = advancedVSeed;
+    if (!dataset) throw new Error('dataset is required');
+    if (0 === dataset.length) return result;
+    if (dimensions) {
+        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 external_remeda_namespaceObject = require("remeda");
+const vchartBaseConfig = (advancedVSeed, context)=>{
+    const { vseed } = context;
+    const result = {
+        ...advancedVSeed
+    };
+    const config = (0, external_remeda_namespaceObject.pick)(vseed, [
+        'backgroundColor',
+        'color',
+        'label',
+        'legend',
+        'tooltip'
+    ]);
+    result.baseConfig = {
+        vchart: {
+            ...config
+        }
+    };
+    return result;
+};
+const vchartTheme = (advancedVSeed, context)=>{
+    const { customTheme, vseed } = context;
+    const { theme = 'light' } = vseed;
+    const result = {
+        ...advancedVSeed
+    };
+    if (!customTheme || !customTheme[theme]) return result;
+    const config = result.baseConfig?.vchart;
+    const themeConfig = customTheme?.[theme].baseConfig?.vchart;
+    if (!themeConfig || !config) return result;
+    const mergedConfig = (0, external_remeda_namespaceObject.mergeDeep)(themeConfig, (0, external_remeda_namespaceObject.clone)(config));
+    result.baseConfig = {
+        vchart: mergedConfig
+    };
+    return result;
+};
+const lineAdvancedPipeline = [
+    initAdvancedVSeed,
+    autoMeasures,
+    autoDimensions,
+    reshapeTo2D1M,
+    encodingXY,
+    vchartBaseConfig,
+    vchartTheme
+];
+const barAdvancedPipeline = [
+    initAdvancedVSeed,
+    autoMeasures,
+    autoDimensions,
+    reshapeTo2D1M,
+    encodingYX,
+    vchartBaseConfig,
+    vchartTheme
+];
+const barParallelAdvancedPipeline = [
+    initAdvancedVSeed,
+    autoMeasures,
+    autoDimensions,
+    reshapeTo2D1M,
+    encodingYX,
+    vchartBaseConfig,
+    vchartTheme
+];
+const barPercentAdvancedPipeline = [
+    initAdvancedVSeed,
+    autoMeasures,
+    autoDimensions,
+    reshapeTo2D1M,
+    encodingYX,
+    vchartBaseConfig,
+    vchartTheme
+];
 const columnAdvancedPipeline = [
     initAdvancedVSeed,
+    autoMeasures,
+    autoDimensions,
     reshapeTo2D1M,
-    encodingXY
+    encodingXY,
+    vchartBaseConfig,
+    vchartTheme
 ];
-const initColumn = (spec, context)=>{
+const columnParallelAdvancedPipeline = [
+    initAdvancedVSeed,
+    autoMeasures,
+    autoDimensions,
+    reshapeTo2D1M,
+    encodingXY,
+    vchartBaseConfig,
+    vchartTheme
+];
+const columnPercentAdvancedPipeline = [
+    initAdvancedVSeed,
+    autoMeasures,
+    autoDimensions,
+    reshapeTo2D1M,
+    encodingXY,
+    vchartBaseConfig,
+    vchartTheme
+];
+const areaAdvancedPipeline = [
+    initAdvancedVSeed,
+    autoMeasures,
+    autoDimensions,
+    reshapeTo2D1M,
+    encodingXY,
+    vchartBaseConfig,
+    vchartTheme
+];
+const areaPercentAdvancedPipeline = [
+    initAdvancedVSeed,
+    autoMeasures,
+    autoDimensions,
+    reshapeTo2D1M,
+    encodingXY,
+    vchartBaseConfig,
+    vchartTheme
+];
+const initLine = (spec, context)=>{
     const result = {
         ...spec
     };
     const { advancedVSeed } = context;
     const { encoding } = advancedVSeed;
-    result.type = 'bar';
+    if (!encoding[0].y || !encoding[0].x || !encoding[0].group) return result;
+    result.type = 'line';
     result.direction = 'vertical';
-    result.xField = encoding[0].x?.[0];
-    result.yField = encoding[0].y?.[0];
-    result.seriesField = encoding[0].group?.[0];
+    result.xField = encoding[0].x[0];
+    result.yField = encoding[0].y[0];
+    result.seriesField = encoding[0].group[0];
     result.padding = 0;
     return result;
 };
+const color_color = (spec, context)=>{
+    const result = {
+        ...spec
+    };
+    const { advancedVSeed } = context;
+    const { datasetReshapeInfo } = advancedVSeed;
+    const { unfoldInfo } = datasetReshapeInfo;
+    const baseConfig = advancedVSeed.baseConfig.vchart;
+    if (!baseConfig || !baseConfig.color) return result;
+    const { color } = baseConfig;
+    const { colorScheme, colorMapping } = color;
+    result.color = {
+        type: 'ordinal',
+        domain: unfoldInfo.colorItems,
+        range: colorScheme,
+        specified: colorMapping
+    };
+    return result;
+};
+const background_backgroundColor = (spec, context)=>{
+    const result = {
+        ...spec
+    };
+    const { advancedVSeed } = context;
+    const { baseConfig } = advancedVSeed;
+    if (!baseConfig?.vchart) return result;
+    const { backgroundColor } = baseConfig.vchart;
+    return {
+        ...result,
+        background: backgroundColor
+    };
+};
 const dataset_dataset = (spec, context)=>{
     const { advancedVSeed } = context;
     return {
@@ -409,16 +561,138 @@ const yLinear = (spec)=>{
     ];
     return result;
 };
+const label_label = (spec, context)=>{
+    const result = {
+        ...spec
+    };
+    const { advancedVSeed } = context;
+    const baseConfig = advancedVSeed.baseConfig.vchart;
+    if (!baseConfig || !baseConfig.label) return result;
+    const { label } = baseConfig;
+    const { enable } = label;
+    result.label = {
+        visible: enable
+    };
+    return result;
+};
+const defaultTooltip = {
+    enable: true
+};
+const tooltip_tooltip = (spec, context)=>{
+    const result = {
+        ...spec
+    };
+    const { advancedVSeed } = context;
+    const baseConfig = advancedVSeed.baseConfig.vchart;
+    const { tooltip = defaultTooltip } = baseConfig;
+    const { enable } = tooltip;
+    result.tooltip = {
+        visible: enable
+    };
+    return result;
+};
+const defaultLegend = {
+    enable: true
+};
+const legend_legend = (spec, context)=>{
+    const result = {
+        ...spec
+    };
+    const { advancedVSeed } = context;
+    const baseConfig = advancedVSeed.baseConfig.vchart;
+    if (!baseConfig || !baseConfig.legend) return result;
+    const { legend = defaultLegend } = baseConfig;
+    const { enable } = legend;
+    result.legends = {
+        visible: enable
+    };
+    return result;
+};
+const lineSpecPipeline = [
+    initLine,
+    color_color,
+    background_backgroundColor,
+    dataset_dataset,
+    xBand,
+    yLinear,
+    label_label,
+    tooltip_tooltip,
+    legend_legend
+];
+const initColumn = (spec, context)=>{
+    const result = {
+        ...spec
+    };
+    const { advancedVSeed } = context;
+    const { encoding } = advancedVSeed;
+    if (!encoding[0].y || !encoding[0].x || !encoding[0].group) return result;
+    result.type = 'bar';
+    result.direction = 'vertical';
+    result.xField = encoding[0].x[0];
+    result.yField = encoding[0].y[0];
+    result.seriesField = encoding[0].group[0];
+    result.padding = 0;
+    return result;
+};
 const columnSpecPipeline = [
     initColumn,
+    color_color,
+    background_backgroundColor,
     dataset_dataset,
     xBand,
-    yLinear
+    yLinear,
+    label_label,
+    tooltip_tooltip,
+    legend_legend
 ];
-const barAdvancedPipeline = [
-    initAdvancedVSeed,
-    reshapeTo2D1M,
-    encodingYX
+const initColumnParallel = (spec, context)=>{
+    const result = {
+        ...spec
+    };
+    const { advancedVSeed } = context;
+    const { encoding, datasetReshapeInfo } = advancedVSeed;
+    const { unfoldInfo } = datasetReshapeInfo;
+    if (!encoding[0].y || !encoding[0].x || !encoding[0].group) return result;
+    result.type = 'bar';
+    result.direction = 'vertical';
+    result.xField = [
+        encoding[0].x[0],
+        unfoldInfo.groupName
+    ];
+    result.yField = encoding[0].y[0];
+    result.seriesField = encoding[0].group[0];
+    result.padding = 0;
+    return result;
+};
+const columnParallelSpecPipeline = [
+    initColumnParallel,
+    color_color,
+    background_backgroundColor,
+    dataset_dataset,
+    xBand,
+    yLinear,
+    label_label,
+    tooltip_tooltip,
+    legend_legend
+];
+const percent = (spec, context)=>{
+    const result = {
+        ...spec
+    };
+    result.percent = true;
+    return result;
+};
+const columnPercentSpecPipeline = [
+    initColumn,
+    color_color,
+    background_backgroundColor,
+    percent,
+    dataset_dataset,
+    xBand,
+    yLinear,
+    label_label,
+    tooltip_tooltip,
+    legend_legend
 ];
 const initBar = (spec, context)=>{
     const result = {
@@ -426,6 +700,7 @@ const initBar = (spec, context)=>{
     };
     const { advancedVSeed } = context;
     const { encoding } = advancedVSeed;
+    if (!encoding[0].y || !encoding[0].x || !encoding[0].group) return result;
     result.type = 'bar';
     result.direction = 'horizontal';
     result.yField = encoding[0].y?.[0];
@@ -466,39 +741,56 @@ const yBand = (spec)=>{
 };
 const barSpecPipeline = [
     initBar,
+    color_color,
+    background_backgroundColor,
     dataset_dataset,
     xLinear,
-    yBand
-];
-const lineAdvancedPipeline = [
-    initAdvancedVSeed,
-    reshapeTo2D1M,
-    encodingXY
+    yBand,
+    label_label,
+    tooltip_tooltip,
+    legend_legend
 ];
-const initLine = (spec, context)=>{
+const initBarParallel = (spec, context)=>{
     const result = {
         ...spec
     };
     const { advancedVSeed } = context;
-    const { encoding } = advancedVSeed;
-    result.type = 'line';
-    result.direction = 'vertical';
-    result.xField = encoding[0].x?.[0];
-    result.yField = encoding[0].y?.[0];
-    result.seriesField = encoding[0].group?.[0];
+    const { encoding, datasetReshapeInfo } = advancedVSeed;
+    const { unfoldInfo } = datasetReshapeInfo;
+    if (!encoding[0].y || !encoding[0].x || !encoding[0].group) return result;
+    result.type = 'bar';
+    result.direction = 'horizontal';
+    result.yField = [
+        encoding[0].y[0],
+        unfoldInfo.groupName
+    ];
+    result.xField = encoding[0].x[0];
+    result.seriesField = encoding[0].group[0];
     result.padding = 0;
     return result;
 };
-const lineSpecPipeline = [
-    initLine,
+const barParallelSpecPipeline = [
+    initBarParallel,
+    color_color,
+    background_backgroundColor,
     dataset_dataset,
-    xBand,
-    yLinear
+    xLinear,
+    yBand,
+    label_label,
+    tooltip_tooltip,
+    legend_legend
 ];
-const areaAdvancedPipeline = [
-    initAdvancedVSeed,
-    reshapeTo2D1M,
-    encodingXY
+const barPercentSpecPipeline = [
+    initBar,
+    color_color,
+    background_backgroundColor,
+    percent,
+    dataset_dataset,
+    xLinear,
+    yBand,
+    label_label,
+    tooltip_tooltip,
+    legend_legend
 ];
 const initArea = (spec, context)=>{
     const result = {
@@ -506,11 +798,12 @@ const initArea = (spec, context)=>{
     };
     const { advancedVSeed } = context;
     const { encoding } = advancedVSeed;
+    if (!encoding[0].y || !encoding[0].x || !encoding[0].group) return result;
     result.type = 'area';
     result.direction = 'vertical';
-    result.xField = encoding[0].x?.[0];
-    result.yField = encoding[0].y?.[0];
-    result.seriesField = encoding[0].group?.[0];
+    result.xField = encoding[0].x[0];
+    result.yField = encoding[0].y[0];
+    result.seriesField = encoding[0].group[0];
     result.padding = 0;
     return result;
 };
@@ -523,123 +816,108 @@ const stack = (spec, context)=>{
 };
 const areaSpecPipeline = [
     initArea,
+    color_color,
+    background_backgroundColor,
     stack,
     dataset_dataset,
     xBand,
-    yLinear
-];
-const areaPercentAdvancedPipeline = [
-    initAdvancedVSeed,
-    reshapeTo2D1M,
-    encodingXY
+    yLinear,
+    label_label,
+    tooltip_tooltip,
+    legend_legend
 ];
-const percent = (spec, context)=>{
-    const result = {
-        ...spec
-    };
-    result.percent = true;
-    return result;
-};
 const areaPercentSpecPipeline = [
     initArea,
+    color_color,
+    background_backgroundColor,
     percent,
     dataset_dataset,
     xBand,
-    yLinear
+    yLinear,
+    label_label,
+    tooltip_tooltip,
+    legend_legend
 ];
-const barPercentAdvancedPipeline = [
-    initAdvancedVSeed,
-    reshapeTo2D1M,
-    encodingYX
-];
-const barPercentSpecPipeline = [
-    initBar,
-    percent,
-    dataset_dataset,
-    xLinear,
-    yBand
-];
-const columnPercentAdvancedPipeline = [
-    initAdvancedVSeed,
-    reshapeTo2D1M,
-    encodingXY
-];
-const columnPercentSpecPipeline = [
-    initColumn,
-    percent,
-    dataset_dataset,
-    xBand,
-    yLinear
-];
-const columnParallelAdvancedPipeline = [
-    initAdvancedVSeed,
-    reshapeTo2D1M,
-    encodingXY
-];
-const initColumnParallel = (spec, context)=>{
-    const result = {
-        ...spec
-    };
-    const { advancedVSeed } = context;
-    const { encoding, datasetReshapeInfo } = advancedVSeed;
-    const { foldInfo } = datasetReshapeInfo;
-    result.type = 'bar';
-    result.direction = 'vertical';
-    if (encoding[0].x?.[0]) result.xField = [
-        encoding[0].x[0],
-        foldInfo.measureName
-    ];
-    result.yField = encoding[0].y?.[0];
-    result.seriesField = encoding[0].group?.[0];
-    result.padding = 0;
+const execPipeline = (pipeline, context, initialValue = {})=>{
+    const result = pipeline.reduce((prev, cur)=>cur(prev, context), initialValue);
     return result;
 };
-const columnParallelSpecPipeline = [
-    initColumnParallel,
-    dataset_dataset,
-    xBand,
-    yLinear
-];
-const barParallelAdvancedPipeline = [
-    initAdvancedVSeed,
-    reshapeTo2D1M,
-    encodingYX
-];
-const initBarParallel = (spec, context)=>{
-    const result = {
-        ...spec
+const isVTable = (chartType)=>[
+        'table',
+        'pivotTable'
+    ].includes(chartType);
+const isVChart = (chartType)=>!isVTable(chartType);
+const buildAdvanced = (builder)=>{
+    const { chartType } = builder.vseed;
+    if (!chartType) throw new Error('chartType is nil in buildAdvanced');
+    const pipeline = builder.getAdvancedPipeline(chartType);
+    if (!pipeline) throw new Error(`no advanced pipeline for chartType ${chartType}`);
+    const context = {
+        vseed: builder.vseed,
+        customTheme: builder.getThemeMap()
     };
-    const { advancedVSeed } = context;
-    const { encoding, datasetReshapeInfo } = advancedVSeed;
-    const { foldInfo } = datasetReshapeInfo;
-    result.type = 'bar';
-    result.direction = 'horizontal';
-    result.yField = [
-        encoding[0].y?.[0],
-        foldInfo?.measureName
-    ];
-    result.xField = encoding[0].x?.[0];
-    result.seriesField = encoding[0].group?.[0];
-    result.padding = 0;
-    return result;
+    try {
+        return execPipeline(pipeline, context);
+    } catch (e) {
+        console.error(e);
+        throw new Error("buildAdvanced error, see error info in console");
+    }
 };
-const barParallelSpecPipeline = [
-    initBarParallel,
-    dataset_dataset,
-    xLinear,
-    yBand
-];
-const registerAll = ()=>{
-    registerLine();
-    registerColumn();
-    registerColumnParallel();
-    registerColumnPercent();
-    registerBar();
-    registerBarParallel();
-    registerBarPercent();
-    registerArea();
-    registerAreaPercent();
+const buildSpec = (builder, advancedVSeed)=>{
+    const { chartType } = builder.vseed;
+    if (!chartType) throw new Error('chartType is nil in buildSpec');
+    const pipeline = builder.getSpecPipeline(chartType);
+    if (!pipeline) throw new Error(`no spec pipeline for chartType ${chartType}`);
+    const context = {
+        vseed: builder.vseed,
+        advancedVSeed
+    };
+    try {
+        return execPipeline(pipeline, context);
+    } catch (e) {
+        console.error(e);
+        throw new Error("buildSpec error, see error info in console");
+    }
+};
+const build = (builder)=>{
+    console.log('debug vseed', builder.vseed);
+    const advancedVSeed = builder.buildAdvanced();
+    console.log('debug advancedVSeed', advancedVSeed);
+    if (!advancedVSeed) throw new Error('advancedVSeed is null');
+    const spec = builder.buildSpec(advancedVSeed);
+    console.log('debug spec', spec);
+    return spec;
 };
+class Builder {
+    _vseed;
+    _advancedVSeed = null;
+    constructor(vseed){
+        this._vseed = vseed;
+    }
+    build = ()=>build(this);
+    buildSpec = (advanced)=>buildSpec(this, advanced);
+    buildAdvanced = ()=>buildAdvanced(this);
+    getAdvancedPipeline = (chartType)=>Builder._advancedPipelineMap[chartType];
+    getSpecPipeline = (chartType)=>Builder._specPipelineMap[chartType];
+    getTheme = (themeKey)=>Builder._themeMap[themeKey];
+    getThemeMap = ()=>Builder._themeMap;
+    get vseed() {
+        return this._vseed;
+    }
+    set vseed(value) {
+        this._vseed = value;
+    }
+    get advancedVSeed() {
+        return this._advancedVSeed;
+    }
+    set advancedVSeed(value) {
+        this._advancedVSeed = value;
+    }
+    static _advancedPipelineMap = {};
+    static _specPipelineMap = {};
+    static _themeMap = {};
+    static from = (vseed)=>new Builder(vseed);
+}
 const registerColumn = ()=>{
     Builder._advancedPipelineMap.column = columnAdvancedPipeline;
     Builder._specPipelineMap.column = columnSpecPipeline;
@@ -676,6 +954,94 @@ const registerBarParallel = ()=>{
     Builder._advancedPipelineMap.barParallel = barParallelAdvancedPipeline;
     Builder._specPipelineMap.barParallel = barParallelSpecPipeline;
 };
+const lightTheme = ()=>({
+        baseConfig: {
+            vtable: {
+                backgroundColor: '#ffffff'
+            },
+            vchart: {
+                backgroundColor: '#ffffff',
+                color: {
+                    colorScheme: [
+                        '#8D72F6',
+                        '#5766EC',
+                        '#66A3FE',
+                        '#51D5E6',
+                        '#4EC0B3',
+                        '#F9DF90',
+                        '#F9AD71',
+                        '#ED8888',
+                        '#E9A0C3',
+                        '#D77DD3'
+                    ]
+                },
+                label: {
+                    enable: true
+                },
+                tooltip: {
+                    enable: true
+                },
+                legend: {
+                    enable: true
+                }
+            }
+        }
+    });
+const darkTheme = ()=>({
+        baseConfig: {
+            vtable: {
+                backgroundColor: '#141414'
+            },
+            vchart: {
+                backgroundColor: '#141414',
+                color: {
+                    colorScheme: [
+                        '#2E62F1',
+                        '#4DC36A',
+                        '#FF8406',
+                        '#FFCC00',
+                        '#4F44CF',
+                        '#5AC8FA',
+                        '#003A8C',
+                        '#B08AE2',
+                        '#FF6341',
+                        '#98DD62'
+                    ]
+                },
+                label: {
+                    enable: true
+                },
+                tooltip: {
+                    enable: true
+                },
+                legend: {
+                    enable: true
+                }
+            }
+        }
+    });
+const registerCustomTheme = (key, themeConfig)=>{
+    Builder._themeMap[key] = themeConfig;
+};
+const registerLightTheme = ()=>{
+    registerCustomTheme('light', lightTheme());
+};
+const registerDarkTheme = ()=>{
+    registerCustomTheme('dark', darkTheme());
+};
+const all_registerAll = ()=>{
+    registerLine();
+    registerColumn();
+    registerColumnParallel();
+    registerColumnPercent();
+    registerBar();
+    registerBarParallel();
+    registerBarPercent();
+    registerArea();
+    registerAreaPercent();
+    registerLightTheme();
+    registerDarkTheme();
+};
 const external_zod_namespaceObject = require("zod");
 const zChartType = external_zod_namespaceObject.z["enum"]([
     'table',
@@ -740,22 +1106,6 @@ const zMeasureGroup = external_zod_namespaceObject.z.object({
     }
 });
 const zMeasures = external_zod_namespaceObject.z.array(zMeasureGroup.or(zMeasure)).optional();
-const zVSeed = external_zod_namespaceObject.z.object({
-    chartType: zChartType,
-    dataset: zDataset,
-    dimensions: zDimensions,
-    measures: zMeasures
-});
-const VSeedJSONSchema = external_zod_namespaceObject.z.toJSONSchema(zVSeed);
-const zEncoding = external_zod_namespaceObject.z.array(external_zod_namespaceObject.z.object({
-    x: external_zod_namespaceObject.z.array(external_zod_namespaceObject.z.string()).optional(),
-    y: external_zod_namespaceObject.z.array(external_zod_namespaceObject.z.string()).optional(),
-    color: external_zod_namespaceObject.z.array(external_zod_namespaceObject.z.string()).optional(),
-    group: external_zod_namespaceObject.z.array(external_zod_namespaceObject.z.string()).optional(),
-    angle: external_zod_namespaceObject.z.array(external_zod_namespaceObject.z.string()).optional(),
-    radius: external_zod_namespaceObject.z.array(external_zod_namespaceObject.z.string()).optional(),
-    tooltip: external_zod_namespaceObject.z.array(external_zod_namespaceObject.z.string()).optional()
-}));
 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(),
@@ -770,14 +1120,48 @@ const zDatasetReshapeInfo = external_zod_namespaceObject.z.object({
     foldInfo: zFoldInfo,
     unfoldInfo: zUnfoldInfo
 });
-const zAdvancedVSeed = external_zod_namespaceObject.z.object({
-    chartType: zChartType,
-    dataset: zDataset,
-    datasetReshapeInfo: zDatasetReshapeInfo,
-    dimensions: zDimensions,
-    measures: zMeasures,
-    encoding: zEncoding
+const zEncoding = external_zod_namespaceObject.z.array(external_zod_namespaceObject.z.object({
+    x: external_zod_namespaceObject.z.array(external_zod_namespaceObject.z.string()).optional(),
+    y: external_zod_namespaceObject.z.array(external_zod_namespaceObject.z.string()).optional(),
+    color: external_zod_namespaceObject.z.array(external_zod_namespaceObject.z.string()).optional(),
+    group: external_zod_namespaceObject.z.array(external_zod_namespaceObject.z.string()).optional(),
+    angle: external_zod_namespaceObject.z.array(external_zod_namespaceObject.z.string()).optional(),
+    radius: external_zod_namespaceObject.z.array(external_zod_namespaceObject.z.string()).optional(),
+    tooltip: 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()
+});
+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 zCustomThemeConfig = external_zod_namespaceObject.z.object({
+    baseConfig: zBaseConfig.optional()
 });
+const zCustomTheme = external_zod_namespaceObject.z.record(external_zod_namespaceObject.z.string(), zCustomThemeConfig).optional();
+const zTheme = external_zod_namespaceObject.z.string();
 const dataReshapeFor1D1M_emptyReshapeResult = {
     dataset: [],
     foldInfo: {
@@ -835,7 +1219,6 @@ const dataReshapeFor1D1M = (dataset, dimensions, measures)=>{
     }
 };
 exports.Builder = __webpack_exports__.Builder;
-exports.VSeedJSONSchema = __webpack_exports__.VSeedJSONSchema;
 exports.areaAdvancedPipeline = __webpack_exports__.areaAdvancedPipeline;
 exports.areaPercentAdvancedPipeline = __webpack_exports__.areaPercentAdvancedPipeline;
 exports.areaPercentSpecPipeline = __webpack_exports__.areaPercentSpecPipeline;
@@ -852,18 +1235,36 @@ exports.columnParallelSpecPipeline = __webpack_exports__.columnParallelSpecPipel
 exports.columnPercentAdvancedPipeline = __webpack_exports__.columnPercentAdvancedPipeline;
 exports.columnPercentSpecPipeline = __webpack_exports__.columnPercentSpecPipeline;
 exports.columnSpecPipeline = __webpack_exports__.columnSpecPipeline;
+exports.darkTheme = __webpack_exports__.darkTheme;
 exports.dataReshapeFor1D1M = __webpack_exports__.dataReshapeFor1D1M;
 exports.dataReshapeFor2D1M = __webpack_exports__.dataReshapeFor2D1M;
 exports.execPipeline = __webpack_exports__.execPipeline;
 exports.foldMeasures = __webpack_exports__.foldMeasures;
+exports.isVChart = __webpack_exports__.isVChart;
+exports.isVTable = __webpack_exports__.isVTable;
+exports.lightTheme = __webpack_exports__.lightTheme;
 exports.lineAdvancedPipeline = __webpack_exports__.lineAdvancedPipeline;
 exports.lineSpecPipeline = __webpack_exports__.lineSpecPipeline;
 exports.registerAll = __webpack_exports__.registerAll;
+exports.registerArea = __webpack_exports__.registerArea;
+exports.registerAreaPercent = __webpack_exports__.registerAreaPercent;
 exports.registerBar = __webpack_exports__.registerBar;
+exports.registerBarParallel = __webpack_exports__.registerBarParallel;
+exports.registerBarPercent = __webpack_exports__.registerBarPercent;
 exports.registerColumn = __webpack_exports__.registerColumn;
+exports.registerColumnParallel = __webpack_exports__.registerColumnParallel;
+exports.registerColumnPercent = __webpack_exports__.registerColumnPercent;
+exports.registerCustomTheme = __webpack_exports__.registerCustomTheme;
+exports.registerDarkTheme = __webpack_exports__.registerDarkTheme;
+exports.registerLightTheme = __webpack_exports__.registerLightTheme;
+exports.registerLine = __webpack_exports__.registerLine;
 exports.unfoldDimensions = __webpack_exports__.unfoldDimensions;
-exports.zAdvancedVSeed = __webpack_exports__.zAdvancedVSeed;
+exports.zBackgroundColor = __webpack_exports__.zBackgroundColor;
+exports.zBaseConfig = __webpack_exports__.zBaseConfig;
 exports.zChartType = __webpack_exports__.zChartType;
+exports.zColor = __webpack_exports__.zColor;
+exports.zCustomTheme = __webpack_exports__.zCustomTheme;
+exports.zCustomThemeConfig = __webpack_exports__.zCustomThemeConfig;
 exports.zDataset = __webpack_exports__.zDataset;
 exports.zDatasetReshapeInfo = __webpack_exports__.zDatasetReshapeInfo;
 exports.zDatum = __webpack_exports__.zDatum;
@@ -871,14 +1272,16 @@ exports.zDimension = __webpack_exports__.zDimension;
 exports.zDimensions = __webpack_exports__.zDimensions;
 exports.zEncoding = __webpack_exports__.zEncoding;
 exports.zFoldInfo = __webpack_exports__.zFoldInfo;
+exports.zLabel = __webpack_exports__.zLabel;
+exports.zLegend = __webpack_exports__.zLegend;
 exports.zMeasure = __webpack_exports__.zMeasure;
 exports.zMeasureGroup = __webpack_exports__.zMeasureGroup;
 exports.zMeasures = __webpack_exports__.zMeasures;
+exports.zTheme = __webpack_exports__.zTheme;
+exports.zTooltip = __webpack_exports__.zTooltip;
 exports.zUnfoldInfo = __webpack_exports__.zUnfoldInfo;
-exports.zVSeed = __webpack_exports__.zVSeed;
 for(var __webpack_i__ in __webpack_exports__)if (-1 === [
     "Builder",
-    "VSeedJSONSchema",
     "areaAdvancedPipeline",
     "areaPercentAdvancedPipeline",
     "areaPercentSpecPipeline",
@@ -895,18 +1298,36 @@ for(var __webpack_i__ in __webpack_exports__)if (-1 === [
     "columnPercentAdvancedPipeline",
     "columnPercentSpecPipeline",
     "columnSpecPipeline",
+    "darkTheme",
     "dataReshapeFor1D1M",
     "dataReshapeFor2D1M",
     "execPipeline",
     "foldMeasures",
+    "isVChart",
+    "isVTable",
+    "lightTheme",
     "lineAdvancedPipeline",
     "lineSpecPipeline",
     "registerAll",
+    "registerArea",
+    "registerAreaPercent",
     "registerBar",
+    "registerBarParallel",
+    "registerBarPercent",
     "registerColumn",
+    "registerColumnParallel",
+    "registerColumnPercent",
+    "registerCustomTheme",
+    "registerDarkTheme",
+    "registerLightTheme",
+    "registerLine",
     "unfoldDimensions",
-    "zAdvancedVSeed",
+    "zBackgroundColor",
+    "zBaseConfig",
     "zChartType",
+    "zColor",
+    "zCustomTheme",
+    "zCustomThemeConfig",
     "zDataset",
     "zDatasetReshapeInfo",
     "zDatum",
@@ -914,12 +1335,17 @@ for(var __webpack_i__ in __webpack_exports__)if (-1 === [
     "zDimensions",
     "zEncoding",
     "zFoldInfo",
+    "zLabel",
+    "zLegend",
     "zMeasure",
     "zMeasureGroup",
     "zMeasures",
-    "zUnfoldInfo",
-    "zVSeed"
+    "zTheme",
+    "zTooltip",
+    "zUnfoldInfo"
 ].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
 Object.defineProperty(exports, '__esModule', {
     value: true
 });
+
+//# sourceMappingURL=index.cjs.map