@visactor/vseed 0.0.19 → 0.0.20

package/dist/index.js

@@ -2,23 +2,27 @@ import { clone, groupBy, isArray, isEmpty, isNullish, isNumber, isString, mergeD
 import { z } from "zod";
 const initAdvancedVSeed = (advancedVSeed, context)=>{
     const { vseed } = context;
-    const { chartType } = vseed;
+    const { chartType, locale } = vseed;
     return {
         ...advancedVSeed,
-        chartType
+        chartType,
+        locale: locale || 'zh-CN'
     };
 };
 const execPipeline = (pipeline, context, initialValue = {})=>{
     const result = pipeline.reduce((prev, cur)=>cur(prev, context), initialValue);
     return result;
 };
+const isTable = (vseed)=>'table' === vseed.chartType;
+const isPivotTable = (vseed)=>'pivotTable' === vseed.chartType;
 const isVTable = (vseed)=>[
         'table',
         'pivotTable'
     ].includes(vseed.chartType);
 const isVChart = (vseed)=>!isVTable(vseed);
 const isPivotChart = (vseed)=>{
-    const { measures, dimensions } = vseed;
+    if (isVTable(vseed)) return false;
+    const { measures = [], dimensions = [] } = vseed;
     const hasRowOrColumnDimension = dimensions && dimensions.some((dimension)=>'rowDimension' === dimension.location || 'columnDimension' === dimension.location);
     const hasMeasureGroup = measures && measures.find((measure)=>measure && measure.children);
     return hasRowOrColumnDimension || hasMeasureGroup;
@@ -108,32 +112,92 @@ const autoNumFormatter = (value, locale = intl.getLocale())=>{
 };
 const createFormatter = (format)=>createNumFormatter(format);
 const autoFormatter = (value, locale)=>autoNumFormatter(value, locale);
-const findMeasureById = (measures = [], id)=>{
-    if (!measures) return;
+const preorderTraverse = (tree, callback)=>{
+    if (!tree || 0 === tree.length) return;
     const stack = [
-        ...measures
-    ];
+        ...tree
+    ].reverse();
     while(stack.length > 0){
-        const current = stack.pop();
-        if (!current) continue;
-        if (current.id === id && !('children' in current)) return current;
-        if ('children' in current && current.children) stack.push(...current.children);
+        const node = stack.pop();
+        const stop = callback(node);
+        if (true === stop) return;
+        if (!('children' in node)) continue;
+        const children = node.children;
+        if (children && children.length > 0) for(let i = children.length - 1; i >= 0; i--){
+            const child = children[i];
+            stack.push(child);
+        }
     }
 };
+const findMeasureById = (measures = [], id)=>{
+    if (!measures) return;
+    let result;
+    preorderTraverse(measures, (node)=>{
+        if (!('children' in node)) {
+            if (node.id === id) {
+                result = node;
+                return true;
+            }
+        }
+        return false;
+    });
+    return result;
+};
 const findFirstMeasure = (measures = [])=>{
     if (!measures) return;
-    const stack = [
-        ...measures
-    ].reverse();
-    while(stack.length > 0){
-        const current = stack.pop();
-        if (!current) continue;
-        if (!('children' in current)) return current;
-        if ('children' in current && current.children) {
-            const children = (current.children || []).reverse();
-            stack.push(...children);
+    let result;
+    preorderTraverse(measures, (node)=>{
+        if (!('children' in node)) {
+            result = node;
+            return true;
         }
-    }
+        return false;
+    });
+    return result;
+};
+const findAllMeasures = (measures = [])=>{
+    if (!measures) return [];
+    const result = [];
+    preorderTraverse(measures, (node)=>{
+        if (!('children' in node)) result.push(node);
+        return false;
+    });
+    return result;
+};
+const findDimensionById = (dimensions = [], id)=>{
+    if (!dimensions) return;
+    let result;
+    preorderTraverse(dimensions, (node)=>{
+        if (!('children' in node)) {
+            if (node.id === id) {
+                result = node;
+                return true;
+            }
+        }
+        return false;
+    });
+    return result;
+};
+const findFirstDimension = (dimensions = [])=>{
+    if (!dimensions) return;
+    let result;
+    preorderTraverse(dimensions, (node)=>{
+        if (!('children' in node)) {
+            result = node;
+            return true;
+        }
+        return false;
+    });
+    return result;
+};
+const findAllDimensions = (dimensions = [])=>{
+    if (!dimensions) return [];
+    const result = [];
+    preorderTraverse(dimensions, (node)=>{
+        if (!('children' in node)) result.push(node);
+        return false;
+    });
+    return result;
 };
 const autoMeasures = (advancedVSeed, context)=>{
     const result = {
@@ -212,7 +276,7 @@ const autoDimensions = (advancedVSeed, context)=>{
     };
     const { vseed } = context;
     const { dimensions, dataset } = vseed;
-    const { measures = [] } = advancedVSeed;
+    const measures = findAllMeasures(advancedVSeed.measures);
     if (!dataset) throw new Error('dataset is required');
     if (0 === dataset.length) return result;
     if (dimensions) {
@@ -265,7 +329,10 @@ const unfoldDimensions = (dataset, dimensions, measures, unfoldStartIndex = 0, u
     for(let i = 0; i < dataset.length; i++){
         const datum = dataset[i];
         const colorName = generateDimGroupName(dimensionsToBeUnfolded, datum, dimensionsSeparator);
-        const colorId = colorName + (datum[foldMeasureId] || '');
+        const colorId = [
+            colorName,
+            datum[foldMeasureId] || 'id'
+        ].join(dimensionsSeparator);
         datum[unfoldGroupName] = colorName;
         datum[unfoldGroupId] = colorId;
         colorItems.push(colorId);
@@ -565,7 +632,8 @@ const pivotReshapeTo1D1M = (advancedVSeed, context)=>{
     };
     const { vseed } = context;
     const { dataset } = vseed;
-    const { dimensions, measures } = advancedVSeed;
+    const { measures } = advancedVSeed;
+    const dimensions = advancedVSeed.dimensions;
     if (!measures || !dimensions) return result;
     const measureGroups = [];
     if (measures) measures.forEach((measure)=>{
@@ -604,7 +672,8 @@ const pivotReshapeTo1D2M = (advancedVSeed, context)=>{
     };
     const { vseed } = context;
     const { dataset } = vseed;
-    const { dimensions, measures } = advancedVSeed;
+    const { measures } = advancedVSeed;
+    const dimensions = advancedVSeed.dimensions;
     if (!measures || !dimensions) return result;
     const measureGroups = [];
     if (measures) measures.forEach((measure)=>{
@@ -643,7 +712,8 @@ const pivotReshapeTo2D1M = (advancedVSeed, context)=>{
     };
     const { vseed } = context;
     const { dataset } = vseed;
-    const { dimensions, measures } = advancedVSeed;
+    const { measures } = advancedVSeed;
+    const dimensions = advancedVSeed.dimensions;
     if (!measures || !dimensions) return result;
     const measureGroups = [];
     if (measures) measures.forEach((measure)=>{
@@ -748,6 +818,42 @@ const encodingYX = (advancedVSeed)=>{
         encoding
     };
 };
+const encodingYY = (advancedVSeed)=>{
+    const result = {
+        ...advancedVSeed
+    };
+    const { datasetReshapeInfo, measures } = advancedVSeed;
+    if (!datasetReshapeInfo || !measures) return result;
+    const firstMeasure = findFirstMeasure(measures);
+    const encoding = datasetReshapeInfo.reduce((prev, cur)=>{
+        const { foldInfo, unfoldInfo } = cur;
+        const x = [
+            firstMeasure?.id
+        ];
+        const y = [
+            foldInfo.measureValue
+        ];
+        const group = [
+            unfoldInfo.groupId
+        ];
+        const color = [
+            unfoldInfo.groupId
+        ];
+        return [
+            ...prev,
+            {
+                x,
+                y,
+                group,
+                color
+            }
+        ];
+    }, []);
+    return {
+        ...result,
+        encoding
+    };
+};
 const encodingRose = (advancedVSeed)=>{
     const result = {
         ...advancedVSeed
@@ -988,17 +1094,8 @@ const annotation_annotation = (advancedVSeed, context)=>{
         annotation
     };
 };
-const locale_locale = (advancedVSeed, context)=>{
-    const { vseed } = context;
-    const { locale } = vseed;
-    return {
-        ...advancedVSeed,
-        locale: locale || 'zh-CN'
-    };
-};
 const lineAdvancedPipeline = [
     initAdvancedVSeed,
-    locale_locale,
     autoMeasures,
     autoDimensions,
     pivotAdapter([
@@ -1014,7 +1111,6 @@ const lineAdvancedPipeline = [
 ];
 const barAdvancedPipeline = [
     initAdvancedVSeed,
-    locale_locale,
     autoMeasures,
     autoDimensions,
     pivotAdapter([
@@ -1030,7 +1126,6 @@ const barAdvancedPipeline = [
 ];
 const barParallelAdvancedPipeline = [
     initAdvancedVSeed,
-    locale_locale,
     autoMeasures,
     autoDimensions,
     pivotAdapter([
@@ -1046,7 +1141,6 @@ const barParallelAdvancedPipeline = [
 ];
 const barPercentAdvancedPipeline = [
     initAdvancedVSeed,
-    locale_locale,
     autoMeasures,
     autoDimensions,
     pivotAdapter([
@@ -1062,7 +1156,6 @@ const barPercentAdvancedPipeline = [
 ];
 const columnAdvancedPipeline = [
     initAdvancedVSeed,
-    locale_locale,
     autoMeasures,
     autoDimensions,
     pivotAdapter([
@@ -1078,7 +1171,6 @@ const columnAdvancedPipeline = [
 ];
 const columnParallelAdvancedPipeline = [
     initAdvancedVSeed,
-    locale_locale,
     autoMeasures,
     autoDimensions,
     pivotAdapter([
@@ -1094,7 +1186,6 @@ const columnParallelAdvancedPipeline = [
 ];
 const columnPercentAdvancedPipeline = [
     initAdvancedVSeed,
-    locale_locale,
     autoMeasures,
     autoDimensions,
     pivotAdapter([
@@ -1110,7 +1201,6 @@ const columnPercentAdvancedPipeline = [
 ];
 const areaAdvancedPipeline = [
     initAdvancedVSeed,
-    locale_locale,
     autoMeasures,
     autoDimensions,
     pivotAdapter([
@@ -1126,7 +1216,6 @@ const areaAdvancedPipeline = [
 ];
 const areaPercentAdvancedPipeline = [
     initAdvancedVSeed,
-    locale_locale,
     autoMeasures,
     autoDimensions,
     pivotAdapter([
@@ -1142,7 +1231,6 @@ const areaPercentAdvancedPipeline = [
 ];
 const pieAdvancedPipeline = [
     initAdvancedVSeed,
-    locale_locale,
     autoMeasures,
     autoDimensions,
     pivotAdapter([
@@ -1157,7 +1245,6 @@ const pieAdvancedPipeline = [
 ];
 const donutAdvancedPipeline = [
     initAdvancedVSeed,
-    locale_locale,
     autoMeasures,
     autoDimensions,
     pivotAdapter([
@@ -1172,7 +1259,6 @@ const donutAdvancedPipeline = [
 ];
 const roseAdvancedPipeline = [
     initAdvancedVSeed,
-    locale_locale,
     autoMeasures,
     autoDimensions,
     pivotAdapter([
@@ -1188,7 +1274,6 @@ const roseAdvancedPipeline = [
 ];
 const roseParallelAdvancedPipeline = [
     initAdvancedVSeed,
-    locale_locale,
     autoMeasures,
     autoDimensions,
     pivotAdapter([
@@ -1204,7 +1289,6 @@ const roseParallelAdvancedPipeline = [
 ];
 const funnelAdvancedPipeline = [
     initAdvancedVSeed,
-    locale_locale,
     autoMeasures,
     autoDimensions,
     pivotAdapter([
@@ -1217,45 +1301,8 @@ const funnelAdvancedPipeline = [
     theme_theme,
     annotation_annotation
 ];
-const encodingYY = (advancedVSeed)=>{
-    const result = {
-        ...advancedVSeed
-    };
-    const { datasetReshapeInfo, measures } = advancedVSeed;
-    if (!datasetReshapeInfo || !measures) return result;
-    const firstMeasure = findFirstMeasure(measures);
-    const encoding = datasetReshapeInfo.reduce((prev, cur)=>{
-        const { foldInfo, unfoldInfo } = cur;
-        const x = [
-            firstMeasure?.id
-        ];
-        const y = [
-            foldInfo.measureValue
-        ];
-        const group = [
-            unfoldInfo.groupId
-        ];
-        const color = [
-            unfoldInfo.groupId
-        ];
-        return [
-            ...prev,
-            {
-                x,
-                y,
-                group,
-                color
-            }
-        ];
-    }, []);
-    return {
-        ...result,
-        encoding
-    };
-};
 const scatterAdvancedPipeline = [
     initAdvancedVSeed,
-    locale_locale,
     autoMeasures,
     autoDimensions,
     pivotAdapter([
@@ -1269,6 +1316,158 @@ const scatterAdvancedPipeline = [
     markStyle_markStyle,
     annotation_annotation
 ];
+const autoMeasures_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 && measures.length > 0) {
+        result.measures = measures;
+        return result;
+    }
+    const top100dataset = dataset.slice(0, 100);
+    const sample = top100dataset.reduce((prev, cur)=>({
+            ...prev,
+            ...cur
+        }), {});
+    result.measures = Object.keys(sample).filter((key)=>top100dataset.some((item)=>'number' == typeof item[key]) && ![
+            '',
+            null,
+            void 0
+        ].includes(key)).map((measure)=>({
+            id: measure,
+            alias: measure
+        }));
+    return result;
+};
+const autoDimensions_autoDimensions = (advancedVSeed, context)=>{
+    const result = {
+        ...advancedVSeed
+    };
+    const { vseed } = context;
+    const { dimensions, dataset } = vseed;
+    const measures = findAllMeasures(advancedVSeed.measures);
+    if (!dataset) throw new Error('dataset is required');
+    if (0 === dataset.length) return result;
+    if (dimensions && dimensions.length > 0) {
+        result.dimensions = dimensions;
+        return result;
+    }
+    const top100dataset = dataset.slice(0, 100);
+    const sample = top100dataset.reduce((prev, cur)=>({
+            ...prev,
+            ...cur
+        }), {});
+    result.dimensions = Object.keys(sample).filter((key)=>top100dataset.some((item)=>'string' == typeof item[key]) && ![
+            '',
+            null,
+            void 0
+        ].includes(key) && !measures.some((measure)=>measure.id === key)).map((dim)=>({
+            id: dim,
+            alias: dim,
+            location: 'dimension'
+        }));
+    return result;
+};
+const autoPivotDimensions = (advancedVSeed, context)=>{
+    const result = {
+        ...advancedVSeed
+    };
+    const { vseed } = context;
+    const { dimensions, dataset } = vseed;
+    const measures = findAllMeasures(advancedVSeed.measures);
+    if (!dataset) throw new Error('dataset is required');
+    if (0 === dataset.length) return result;
+    if (dimensions && dimensions.length > 0) {
+        const newDimensions = findAllDimensions(dimensions);
+        result.dimensions = newDimensions.map((item, index)=>{
+            if ('rowDimension' === item.location || 'columnDimension' === item.location) return item;
+            return {
+                ...item,
+                location: index % 2 === 0 ? 'columnDimension' : 'rowDimension'
+            };
+        });
+        return result;
+    }
+    const top100dataset = dataset.slice(0, 100);
+    const sample = top100dataset.reduce((prev, cur)=>({
+            ...prev,
+            ...cur
+        }), {});
+    let i = 0;
+    result.dimensions = Object.keys(sample).filter((key)=>top100dataset.some((item)=>'string' == typeof item[key]) && ![
+            '',
+            null,
+            void 0
+        ].includes(key) && !measures.some((measure)=>measure.id === key)).map((dim)=>({
+            id: dim,
+            alias: dim,
+            location: i++ % 2 === 0 ? 'columnDimension' : 'rowDimension'
+        }));
+    return result;
+};
+const autoPivotMeasures = (advancedVSeed, context)=>{
+    const result = {
+        ...advancedVSeed
+    };
+    const { vseed } = context;
+    const { dataset } = vseed;
+    const measures = findAllMeasures(vseed.measures);
+    if (!dataset) throw new Error('dataset is required');
+    if (0 === dataset.length) return result;
+    if (measures && measures.length > 0) {
+        result.measures = findAllMeasures(measures);
+        return result;
+    }
+    const top100dataset = dataset.slice(0, 100);
+    const sample = top100dataset.reduce((prev, cur)=>({
+            ...prev,
+            ...cur
+        }), {});
+    result.measures = Object.keys(sample).filter((key)=>top100dataset.some((item)=>'number' == typeof item[key]) && ![
+            '',
+            null,
+            void 0
+        ].includes(key)).map((measure)=>({
+            id: measure,
+            alias: measure
+        }));
+    return result;
+};
+const initAdvancedVSeed_initAdvancedVSeed = (advancedVSeed, context)=>{
+    const { vseed } = context;
+    const { chartType, locale } = vseed;
+    return {
+        ...advancedVSeed,
+        chartType,
+        locale: locale || 'zh-CN'
+    };
+};
+const records_records = (advancedVSeed, context)=>{
+    const { vseed } = context;
+    const { dataset } = vseed;
+    return {
+        ...advancedVSeed,
+        dataset
+    };
+};
+const pivotTableAdvancedPipeline = [
+    initAdvancedVSeed_initAdvancedVSeed,
+    autoPivotMeasures,
+    autoPivotDimensions,
+    records_records,
+    theme_theme
+];
+const tableAdvancedPipeline = [
+    initAdvancedVSeed_initAdvancedVSeed,
+    autoMeasures_autoMeasures,
+    autoDimensions_autoDimensions,
+    records_records,
+    theme_theme
+];
 const dataset_dataset = (spec, context)=>{
     const { advancedVSeed } = context;
     const { encoding } = advancedVSeed;
@@ -1646,6 +1845,27 @@ const initFunnel = (spec, context)=>{
     result.animation = true;
     return result;
 };
+const initScatter = (spec, context)=>{
+    const result = {
+        ...spec
+    };
+    const { advancedVSeed } = context;
+    const { encoding } = advancedVSeed;
+    if (!encoding[0].y || !encoding[0].x || !encoding[0].group) return result;
+    result.type = 'scatter';
+    result.direction = 'vertical';
+    result.xField = encoding[0].x[0];
+    result.yField = encoding[0].y[0];
+    result.seriesField = encoding[0].group[0];
+    result.padding = 0;
+    result.region = [
+        {
+            clip: true
+        }
+    ];
+    result.animation = true;
+    return result;
+};
 const xBand = (spec, context)=>{
     const result = {
         ...spec
@@ -2641,7 +2861,7 @@ const pivotColumnDimensions = (spec, context)=>{
         ...spec
     };
     const { advancedVSeed } = context;
-    const { dimensions } = advancedVSeed;
+    const dimensions = advancedVSeed.dimensions;
     if (!dimensions) return result;
     const columnDimensions = dimensions.filter((dim)=>'columnDimension' === dim.location);
     const columns = columnDimensions.map((dim)=>({
@@ -2658,7 +2878,7 @@ const pivotRowDimensions = (spec, context)=>{
         ...spec
     };
     const { advancedVSeed } = context;
-    const { dimensions } = advancedVSeed;
+    const dimensions = advancedVSeed.dimensions;
     if (!dimensions) return result;
     const rowDimensions = dimensions.filter((dim)=>'rowDimension' === dim.location);
     const rows = rowDimensions.map((dim)=>({
@@ -4295,27 +4515,6 @@ const pivotFunnel = [
 const funnelSpecPipeline = [
     pivotAdapter_pivotAdapter(funnel, pivotFunnel)
 ];
-const initScatter = (spec, context)=>{
-    const result = {
-        ...spec
-    };
-    const { advancedVSeed } = context;
-    const { encoding } = advancedVSeed;
-    if (!encoding[0].y || !encoding[0].x || !encoding[0].group) return result;
-    result.type = 'scatter';
-    result.direction = 'vertical';
-    result.xField = encoding[0].x[0];
-    result.yField = encoding[0].y[0];
-    result.seriesField = encoding[0].group[0];
-    result.padding = 0;
-    result.region = [
-        {
-            clip: true
-        }
-    ];
-    result.animation = true;
-    return result;
-};
 const scatter = [
     initScatter,
     color_color,
@@ -4365,6 +4564,128 @@ const pivotScatter = [
 const scatterSpecPipeline = [
     pivotAdapter_pivotAdapter(scatter, pivotScatter)
 ];
+const initTable = (spec, context)=>{
+    const { advancedVSeed } = context;
+    const { dataset } = advancedVSeed;
+    return {
+        ...spec,
+        records: dataset,
+        widthMode: 'standard',
+        heightMode: 'autoHeight',
+        autoWrapText: true,
+        columnResizeMode: 'all',
+        showHeader: true
+    };
+};
+const initPivotTable = (spec, context)=>{
+    const { advancedVSeed } = context;
+    const { dataset } = advancedVSeed;
+    return {
+        ...spec,
+        records: dataset,
+        widthMode: 'standard',
+        heightMode: 'autoHeight',
+        autoWrapText: true,
+        columnResizeMode: 'all'
+    };
+};
+const measureTreeToColumns = (spec, context)=>{
+    const { advancedVSeed } = context;
+    const measures = advancedVSeed.measures;
+    const result = {
+        ...spec
+    };
+    const columns = treeTreeToColumns(measures);
+    return {
+        ...result,
+        columns: [
+            ...result.columns || [],
+            ...columns
+        ]
+    };
+};
+const dimensionTreeToColumns = (spec, context)=>{
+    const { advancedVSeed } = context;
+    const dimensions = advancedVSeed.dimensions;
+    const result = {
+        ...spec
+    };
+    const columns = treeTreeToColumns(dimensions);
+    return {
+        ...result,
+        columns: [
+            ...result.columns || [],
+            ...columns
+        ]
+    };
+};
+const treeTreeToColumns = (tree = [])=>{
+    const result = tree.map((item)=>{
+        const field = item.id;
+        const title = item.alias ?? item.id;
+        if ('children' in item && Array.isArray(item.children)) return {
+            field,
+            title,
+            columns: treeTreeToColumns(item.children)
+        };
+        return {
+            field,
+            title
+        };
+    });
+    return result || [];
+};
+const pivotColumns = (spec, context)=>{
+    const { advancedVSeed } = context;
+    const dimensions = advancedVSeed.dimensions;
+    const columns = dimensions.filter((item)=>'columnDimension' === item['location']);
+    return {
+        ...spec,
+        columns: columns.map((item)=>({
+                dimensionKey: item.id,
+                title: item.alias || item.id,
+                width: 'auto'
+            }))
+    };
+};
+const pivotRows = (spec, context)=>{
+    const { advancedVSeed } = context;
+    const dimensions = advancedVSeed.dimensions;
+    const rows = dimensions.filter((item)=>'rowDimension' === item['location']);
+    return {
+        ...spec,
+        rows: rows.map((item)=>({
+                dimensionKey: item.id,
+                title: item.alias || item.id,
+                width: 'auto'
+            }))
+    };
+};
+const pivotIndicators_pivotIndicators = (spec, context)=>{
+    const { advancedVSeed } = context;
+    const measures = advancedVSeed.measures;
+    return {
+        ...spec,
+        indicatorsAsCol: true,
+        indicators: measures.map((item)=>({
+                cellType: 'text',
+                indicatorKey: item.id,
+                title: item.alias || item.id,
+                width: 'auto'
+            }))
+    };
+};
+const tableSpecPipeline = [
+    initTable,
+    dimensionTreeToColumns,
+    measureTreeToColumns
+];
+const pivotTableSpecPipeline = [
+    initPivotTable,
+    pivotColumns,
+    pivotRows,
+    pivotIndicators_pivotIndicators
+];
 const buildAdvanced = (builder)=>{
     const { chartType } = builder.vseed;
     if (!chartType) throw new Error('chartType is nil in buildAdvanced');
@@ -4405,6 +4726,17 @@ const build = (builder)=>{
     builder.spec = spec;
     return spec;
 };
+const getColorItems = (builder)=>{
+    const advancedVSeed = builder.advancedVSeed;
+    if (!advancedVSeed) return [];
+    const { datasetReshapeInfo } = advancedVSeed;
+    const colorItems = unique(datasetReshapeInfo.flatMap((d)=>d.unfoldInfo.colorItems));
+    const colorIdMap = datasetReshapeInfo.reduce((prev, cur)=>({
+            ...prev,
+            ...cur.unfoldInfo.colorIdMap
+        }), {});
+    return colorItems.map((d)=>colorIdMap[d]);
+};
 class Builder {
     _vseed;
     _advancedVSeed = null;
@@ -4420,6 +4752,7 @@ class Builder {
     getSpecPipeline = (chartType)=>Builder._specPipelineMap[chartType];
     getTheme = (themeKey)=>Builder._themeMap[themeKey];
     getThemeMap = ()=>Builder._themeMap;
+    getColorItems = ()=>getColorItems(this);
     get vseed() {
         return this._vseed;
     }
@@ -4503,6 +4836,14 @@ const registerScatter = ()=>{
     Builder._advancedPipelineMap.scatter = scatterAdvancedPipeline;
     Builder._specPipelineMap.scatter = scatterSpecPipeline;
 };
+const registerTable = ()=>{
+    Builder._advancedPipelineMap.table = tableAdvancedPipeline;
+    Builder._specPipelineMap.table = tableSpecPipeline;
+};
+const registerPivotTable = ()=>{
+    Builder._advancedPipelineMap.pivotTable = pivotTableAdvancedPipeline;
+    Builder._specPipelineMap.pivotTable = pivotTableSpecPipeline;
+};
 const darkTheme = ()=>{
     const linearAxis = {
         nice: true,
@@ -5091,6 +5432,8 @@ const registerAll = ()=>{
     registerRoseParallel();
     registerFunnel();
     registerScatter();
+    registerTable();
+    registerPivotTable();
     registerLightTheme();
     registerDarkTheme();
 };
@@ -5119,14 +5462,21 @@ const zDataset = z.array(zDatum);
 const zDimension = z.object({
     id: z.string(),
     alias: z.string().optional(),
-    visible: z.boolean().default(true).optional(),
     location: z["enum"]([
         'dimension',
         'rowDimension',
         'columnDimension'
     ]).default('dimension').optional()
 });
-const zDimensions = z.array(zDimension).optional();
+const zDimensionGroup = z.object({
+    id: z.string(),
+    alias: z.string().optional(),
+    get children () {
+        return z.array(zDimensionGroup.or(zDimension)).optional();
+    }
+});
+const zDimensions = z.array(zDimension);
+const zDimensionTree = z.array(zDimensionGroup.or(zDimension));
 const zNumFormat = z.object({
     type: z["enum"]([
         'number',
@@ -5170,7 +5520,8 @@ const zMeasureGroup = z.object({
         return z.array(zMeasureGroup.or(zMeasure)).optional();
     }
 });
-const zMeasures = z.array(zMeasureGroup.or(zMeasure)).optional();
+const zMeasures = z.array(zMeasure);
+const zMeasureTree = z.array(zMeasureGroup.or(zMeasure));
 const zFoldInfo = z.object({
     foldMap: z.record(z.string(), z.string().or(z.undefined())),
     measureId: z.string(),
@@ -5833,11 +6184,29 @@ const zLocale = z["enum"]([
     'zh-CN',
     'en-US'
 ]).default('zh-CN');
+const zTable = z.object({
+    chartType: z.literal('table'),
+    dataset: zDataset.optional(),
+    dimensions: zDimensions.optional(),
+    measures: zMeasureTree.optional(),
+    backgroundColor: zBackgroundColor.optional(),
+    theme: zTheme.optional(),
+    locale: zLocale.optional()
+});
+const zPivotTable = z.object({
+    chartType: z.literal('pivotTable'),
+    dataset: zDataset.optional(),
+    dimensions: zDimensions.optional(),
+    measures: zMeasures.optional(),
+    backgroundColor: zBackgroundColor.optional(),
+    theme: zTheme.optional(),
+    locale: zLocale.optional()
+});
 const zLine = z.object({
     chartType: z.literal('line'),
     dataset: zDataset.optional(),
     dimensions: zDimensions.optional(),
-    measures: zMeasures.optional(),
+    measures: zMeasureTree.optional(),
     backgroundColor: zBackgroundColor.optional(),
     color: zColor.optional(),
     label: zLabel.optional(),
@@ -5859,7 +6228,7 @@ const zColumn = z.object({
     chartType: z.literal('column'),
     dataset: zDataset.optional(),
     dimensions: zDimensions.optional(),
-    measures: zMeasures.optional(),
+    measures: zMeasureTree.optional(),
     backgroundColor: zBackgroundColor.optional(),
     color: zColor.optional(),
     label: zLabel.optional(),
@@ -5881,7 +6250,7 @@ const zColumnParallel = z.object({
     chartType: z.literal('columnParallel'),
     dataset: zDataset.optional(),
     dimensions: zDimensions.optional(),
-    measures: zMeasures.optional(),
+    measures: zMeasureTree.optional(),
     backgroundColor: zBackgroundColor.optional(),
     color: zColor.optional(),
     label: zLabel.optional(),
@@ -5903,7 +6272,7 @@ const zColumnPercent = z.object({
     chartType: z.literal('columnPercent'),
     dataset: zDataset.optional(),
     dimensions: zDimensions.optional(),
-    measures: zMeasures.optional(),
+    measures: zMeasureTree.optional(),
     backgroundColor: zBackgroundColor.optional(),
     color: zColor.optional(),
     label: zLabel.optional(),
@@ -5925,7 +6294,7 @@ const zBar = z.object({
     chartType: z.literal('bar'),
     dataset: zDataset.optional(),
     dimensions: zDimensions.optional(),
-    measures: zMeasures.optional(),
+    measures: zMeasureTree.optional(),
     backgroundColor: zBackgroundColor.optional(),
     color: zColor.optional(),
     label: zLabel.optional(),
@@ -5947,7 +6316,7 @@ const zBarParallel = z.object({
     chartType: z.literal('barParallel'),
     dataset: zDataset.optional(),
     dimensions: zDimensions.optional(),
-    measures: zMeasures.optional(),
+    measures: zMeasureTree.optional(),
     backgroundColor: zBackgroundColor.optional(),
     color: zColor.optional(),
     label: zLabel.optional(),
@@ -5969,7 +6338,7 @@ const zBarPercent = z.object({
     chartType: z.literal('barPercent'),
     dataset: zDataset.optional(),
     dimensions: zDimensions.optional(),
-    measures: zMeasures.optional(),
+    measures: zMeasureTree.optional(),
     backgroundColor: zBackgroundColor.optional(),
     color: zColor.optional(),
     label: zLabel.optional(),
@@ -5991,7 +6360,7 @@ const zArea = z.object({
     chartType: z.literal('area'),
     dataset: zDataset.optional(),
     dimensions: zDimensions.optional(),
-    measures: zMeasures.optional(),
+    measures: zMeasureTree.optional(),
     backgroundColor: zBackgroundColor.optional(),
     color: zColor.optional(),
     label: zLabel.optional(),
@@ -6014,7 +6383,7 @@ const zAreaPercent = z.object({
     chartType: z.literal('areaPercent'),
     dataset: zDataset.optional(),
     dimensions: zDimensions.optional(),
-    measures: zMeasures.optional(),
+    measures: zMeasureTree.optional(),
     backgroundColor: zBackgroundColor.optional(),
     color: zColor.optional(),
     label: zLabel.optional(),
@@ -6037,7 +6406,7 @@ const zRose = z.object({
     chartType: z.literal('rose'),
     dataset: zDataset.optional(),
     dimensions: zDimensions.optional(),
-    measures: zMeasures.optional(),
+    measures: zMeasureTree.optional(),
     backgroundColor: zBackgroundColor.optional(),
     color: zColor.optional(),
     label: zLabel.optional(),
@@ -6050,7 +6419,7 @@ const zRoseParallel = z.object({
     chartType: z.literal('roseParallel'),
     dataset: zDataset.optional(),
     dimensions: zDimensions.optional(),
-    measures: zMeasures.optional(),
+    measures: zMeasureTree.optional(),
     backgroundColor: zBackgroundColor.optional(),
     color: zColor.optional(),
     label: zLabel.optional(),
@@ -6063,7 +6432,7 @@ const zPie = z.object({
     chartType: z.literal('pie'),
     dataset: zDataset.optional(),
     dimensions: zDimensions.optional(),
-    measures: zMeasures.optional(),
+    measures: zMeasureTree.optional(),
     backgroundColor: zBackgroundColor.optional(),
     color: zColor.optional(),
     label: zLabel.optional(),
@@ -6076,7 +6445,7 @@ const zDonut = z.object({
     chartType: z.literal('donut'),
     dataset: zDataset.optional(),
     dimensions: zDimensions.optional(),
-    measures: zMeasures.optional(),
+    measures: zMeasureTree.optional(),
     backgroundColor: zBackgroundColor.optional(),
     color: zColor.optional(),
     label: zLabel.optional(),
@@ -6089,7 +6458,7 @@ const zScatter = z.object({
     chartType: z.literal('scatter'),
     dataset: zDataset.optional(),
     dimensions: zDimensions.optional(),
-    measures: zMeasures.optional(),
+    measures: zMeasureTree.optional(),
     backgroundColor: zBackgroundColor.optional(),
     color: zColor.optional(),
     label: zLabel.optional(),
@@ -6110,7 +6479,7 @@ const zFunnel = z.object({
     chartType: z.literal('funnel'),
     dataset: zDataset.optional(),
     dimensions: zDimensions.optional(),
-    measures: zMeasures.optional(),
+    measures: zMeasureTree.optional(),
     backgroundColor: zBackgroundColor.optional(),
     color: zColor.optional(),
     label: zLabel.optional(),
@@ -6120,6 +6489,8 @@ const zFunnel = z.object({
     locale: zLocale.optional()
 });
 const zVSeed = z.discriminatedUnion('chartType', [
+    zTable,
+    zPivotTable,
     zLine,
     zColumn,
     zColumnParallel,
@@ -6140,8 +6511,8 @@ const zAdvancedVSeed = z.object({
     chartType: zChartType,
     dataset: zDataset,
     datasetReshapeInfo: zDatasetReshapeInfo,
-    dimensions: zDimensions,
-    measures: zMeasures,
+    dimensions: zDimensionTree,
+    measures: zMeasureTree,
     encoding: zEncoding,
     config: zConfig,
     theme: zTheme,
@@ -6150,6 +6521,6 @@ const zAdvancedVSeed = z.object({
     annotation: zAnnotation,
     locale: zLocale
 });
-export { Builder, FoldMeasureId, FoldMeasureName, FoldMeasureValue, ORIGINAL_DATA, Separator, UnfoldDimensionGroup, UnfoldDimensionGroupId, areaAdvancedPipeline, areaPercentAdvancedPipeline, areaPercentSpecPipeline, areaSpecPipeline, autoFormatter, autoNumFormatter, barAdvancedPipeline, barParallelAdvancedPipeline, barParallelSpecPipeline, barPercentAdvancedPipeline, barPercentSpecPipeline, barSpecPipeline, columnAdvancedPipeline, columnParallelAdvancedPipeline, columnParallelSpecPipeline, columnPercentAdvancedPipeline, columnPercentSpecPipeline, columnSpecPipeline, createFormatter, createNumFormatter, darkTheme, dataReshapeFor1D1M, dataReshapeFor1D2M, dataReshapeFor2D1M, donutAdvancedPipeline, donutSpecPipeline, execPipeline, findFirstMeasure, findMeasureById, foldMeasures, funnelAdvancedPipeline, funnelSpecPipeline, i18n, intl, isPivotChart, isVChart, isVTable, lightTheme, lineAdvancedPipeline, lineSpecPipeline, pieAdvancedPipeline, pieSpecPipeline, registerAll, registerArea, registerAreaPercent, registerBar, registerBarParallel, registerBarPercent, registerColumn, registerColumnParallel, registerColumnPercent, registerCustomTheme, registerDarkTheme, registerLightTheme, registerLine, roseAdvancedPipeline, roseParallelAdvancedPipeline, roseParallelSpecPipeline, roseSpecPipeline, scatterAdvancedPipeline, scatterSpecPipeline, unfoldDimensions, zAdvancedVSeed, zAnnotation, zAnnotationArea, zAnnotationHorizontalLine, zAnnotationPoint, zAnnotationVerticalLine, zArea, zAreaConfig, zAreaPercent, zAreaPercentConfig, zAreaStyle, zAxis, zBackgroundColor, zBar, zBarConfig, zBarParallel, zBarParallelConfig, zBarPercent, zBarPercentConfig, zBarStyle, zChartType, zColor, zColumn, zColumnConfig, zColumnParallel, zColumnParallelConfig, zColumnPercent, zColumnPercentConfig, zConfig, zCrosshairLine, zCrosshairRect, zCustomTheme, zCustomThemeConfig, zDataset, zDatasetReshapeInfo, zDatum, zDimension, zDimensions, zDonut, zDonutConfig, zDualAxisConfig, zEncoding, zFoldInfo, zFunnel, zFunnelConfig, zLabel, zLegend, zLine, zLineConfig, zLineStyle, zLocale, zMarkStyle, zMeasure, zMeasureGroup, zMeasures, zNumFormat, zPie, zPieConfig, zPointStyle, zRose, zRoseConfig, zRoseParallel, zRoseParallelConfig, zScatter, zScatterConfig, zStackCornerRadius, zTheme, zTooltip, zUnfoldInfo, zVSeed, zXBandAxis, zXLinearAxis, zYBandAxis, zYLinearAxis };
+export { Builder, FoldMeasureId, FoldMeasureName, FoldMeasureValue, ORIGINAL_DATA, Separator, UnfoldDimensionGroup, UnfoldDimensionGroupId, areaAdvancedPipeline, areaPercentAdvancedPipeline, areaPercentSpecPipeline, areaSpecPipeline, autoFormatter, autoNumFormatter, barAdvancedPipeline, barParallelAdvancedPipeline, barParallelSpecPipeline, barPercentAdvancedPipeline, barPercentSpecPipeline, barSpecPipeline, columnAdvancedPipeline, columnParallelAdvancedPipeline, columnParallelSpecPipeline, columnPercentAdvancedPipeline, columnPercentSpecPipeline, columnSpecPipeline, createFormatter, createNumFormatter, darkTheme, dataReshapeFor1D1M, dataReshapeFor1D2M, dataReshapeFor2D1M, donutAdvancedPipeline, donutSpecPipeline, execPipeline, findAllDimensions, findAllMeasures, findDimensionById, findFirstDimension, findFirstMeasure, findMeasureById, foldMeasures, funnelAdvancedPipeline, funnelSpecPipeline, i18n, intl, isPivotChart, isPivotTable, isTable, isVChart, isVTable, lightTheme, lineAdvancedPipeline, lineSpecPipeline, pieAdvancedPipeline, pieSpecPipeline, pivotTableAdvancedPipeline, pivotTableSpecPipeline, preorderTraverse, registerAll, registerArea, registerAreaPercent, registerBar, registerBarParallel, registerBarPercent, registerColumn, registerColumnParallel, registerColumnPercent, registerCustomTheme, registerDarkTheme, registerDonut, registerFunnel, registerLightTheme, registerLine, registerPie, registerPivotTable, registerRose, registerRoseParallel, registerScatter, registerTable, roseAdvancedPipeline, roseParallelAdvancedPipeline, roseParallelSpecPipeline, roseSpecPipeline, scatterAdvancedPipeline, scatterSpecPipeline, tableAdvancedPipeline, tableSpecPipeline, unfoldDimensions, zAdvancedVSeed, zAnnotation, zAnnotationArea, zAnnotationHorizontalLine, zAnnotationPoint, zAnnotationVerticalLine, zArea, zAreaConfig, zAreaPercent, zAreaPercentConfig, zAreaStyle, zAxis, zBackgroundColor, zBar, zBarConfig, zBarParallel, zBarParallelConfig, zBarPercent, zBarPercentConfig, zBarStyle, zChartType, zColor, zColumn, zColumnConfig, zColumnParallel, zColumnParallelConfig, zColumnPercent, zColumnPercentConfig, zConfig, zCrosshairLine, zCrosshairRect, zCustomTheme, zCustomThemeConfig, zDataset, zDatasetReshapeInfo, zDatum, zDimension, zDimensionGroup, zDimensionTree, zDimensions, zDonut, zDonutConfig, zDualAxisConfig, zEncoding, zFoldInfo, zFunnel, zFunnelConfig, zLabel, zLegend, zLine, zLineConfig, zLineStyle, zLocale, zMarkStyle, zMeasure, zMeasureGroup, zMeasureTree, zMeasures, zNumFormat, zPie, zPieConfig, zPivotTable, zPointStyle, zRose, zRoseConfig, zRoseParallel, zRoseParallelConfig, zScatter, zScatterConfig, zStackCornerRadius, zTable, zTheme, zTooltip, zUnfoldInfo, zVSeed, zXBandAxis, zXLinearAxis, zYBandAxis, zYLinearAxis };
 
 //# sourceMappingURL=index.js.map