@visactor/vseed 0.0.19 → 0.0.20

package/dist/umd/index.js

@@ -36,6 +36,7 @@
             pieAdvancedPipeline: ()=>pieAdvancedPipeline,
             execPipeline: ()=>execPipeline,
             areaSpecPipeline: ()=>areaSpecPipeline,
+            isTable: ()=>isTable,
             zDonut: ()=>zDonut,
             zRoseConfig: ()=>zRoseConfig,
             findFirstMeasure: ()=>findFirstMeasure,
@@ -46,16 +47,21 @@
             columnPercentAdvancedPipeline: ()=>columnPercentAdvancedPipeline,
             zColumnConfig: ()=>zColumnConfig,
             zAnnotation: ()=>zAnnotation,
+            pivotTableAdvancedPipeline: ()=>pivotTableAdvancedPipeline,
             zYBandAxis: ()=>zYBandAxis,
             dataReshapeFor1D2M: ()=>dataReshapeFor1D2M,
             zAnnotationHorizontalLine: ()=>zAnnotationHorizontalLine,
             zMarkStyle: ()=>zMarkStyle,
-            zYLinearAxis: ()=>zYLinearAxis,
+            registerFunnel: ()=>registerFunnel,
             Separator: ()=>Separator,
+            zYLinearAxis: ()=>zYLinearAxis,
             columnAdvancedPipeline: ()=>columnAdvancedPipeline,
             zLabel: ()=>zLabel,
             registerColumn: ()=>registerColumn,
+            findAllMeasures: ()=>findAllMeasures,
             funnelSpecPipeline: ()=>funnelSpecPipeline,
+            preorderTraverse: ()=>preorderTraverse,
+            zDimensionTree: ()=>zDimensionTree,
             roseParallelSpecPipeline: ()=>roseParallelSpecPipeline,
             zLineStyle: ()=>zLineStyle,
             dataReshapeFor1D1M: ()=>dataReshapeFor1D1M,
@@ -65,6 +71,8 @@
             UnfoldDimensionGroupId: ()=>UnfoldDimensionGroupId,
             zNumFormat: ()=>zNumFormat,
             barPercentAdvancedPipeline: ()=>barPercentAdvancedPipeline,
+            findAllDimensions: ()=>findAllDimensions,
+            findDimensionById: ()=>findDimensionById,
             zArea: ()=>zArea,
             zColumnParallel: ()=>zColumnParallel,
             zDimensions: ()=>zDimensions,
@@ -82,29 +90,39 @@
             zCrosshairLine: ()=>zCrosshairLine,
             registerBarPercent: ()=>registerBarPercent,
             roseSpecPipeline: ()=>roseSpecPipeline,
+            zPivotTable: ()=>zPivotTable,
             registerLightTheme: ()=>registerLightTheme,
             roseAdvancedPipeline: ()=>roseAdvancedPipeline,
             zBarParallel: ()=>zBarParallel,
+            zAnnotationVerticalLine: ()=>zAnnotationVerticalLine,
             zChartType: ()=>zChartType,
+            tableAdvancedPipeline: ()=>tableAdvancedPipeline,
             registerDarkTheme: ()=>registerDarkTheme,
-            zAnnotationVerticalLine: ()=>zAnnotationVerticalLine,
+            registerPivotTable: ()=>registerPivotTable,
             pieSpecPipeline: ()=>pieSpecPipeline,
-            zStackCornerRadius: ()=>zStackCornerRadius,
+            zMeasureTree: ()=>zMeasureTree,
             barSpecPipeline: ()=>barSpecPipeline,
+            zStackCornerRadius: ()=>zStackCornerRadius,
+            registerRose: ()=>registerRose,
             zRose: ()=>zRose,
             unfoldDimensions: ()=>unfoldDimensions,
             roseParallelAdvancedPipeline: ()=>roseParallelAdvancedPipeline,
-            zPieConfig: ()=>zPieConfig,
+            registerTable: ()=>registerTable,
             autoFormatter: ()=>autoFormatter,
+            findFirstDimension: ()=>findFirstDimension,
             Builder: ()=>Builder,
-            registerBar: ()=>registerBar,
             registerAll: ()=>registerAll,
+            registerBar: ()=>registerBar,
             isVChart: ()=>isVChart,
+            zPieConfig: ()=>zPieConfig,
+            zTable: ()=>zTable,
             registerLine: ()=>registerLine,
             registerCustomTheme: ()=>registerCustomTheme,
             zColor: ()=>zColor,
-            zMeasureGroup: ()=>zMeasureGroup,
+            registerRoseParallel: ()=>registerRoseParallel,
+            registerDonut: ()=>registerDonut,
             zDonutConfig: ()=>zDonutConfig,
+            zMeasureGroup: ()=>zMeasureGroup,
             zUnfoldInfo: ()=>zUnfoldInfo,
             zFunnelConfig: ()=>zFunnelConfig,
             zMeasures: ()=>zMeasures,
@@ -144,13 +162,16 @@
             registerBarParallel: ()=>registerBarParallel,
             zMeasure: ()=>zMeasure,
             zLocale: ()=>zLocale,
+            pivotTableSpecPipeline: ()=>pivotTableSpecPipeline,
+            registerScatter: ()=>registerScatter,
             zEncoding: ()=>zEncoding,
             autoNumFormatter: ()=>autoNumFormatter,
             zAdvancedVSeed: ()=>zAdvancedVSeed,
-            zXLinearAxis: ()=>zXLinearAxis,
+            tableSpecPipeline: ()=>tableSpecPipeline,
             zConfig: ()=>zConfig,
             zRoseParallelConfig: ()=>zRoseParallelConfig,
             zBarStyle: ()=>zBarStyle,
+            zXLinearAxis: ()=>zXLinearAxis,
             zAreaPercent: ()=>zAreaPercent,
             columnParallelAdvancedPipeline: ()=>columnParallelAdvancedPipeline,
             zColumnPercent: ()=>zColumnPercent,
@@ -158,9 +179,10 @@
             zScatter: ()=>zScatter,
             foldMeasures: ()=>foldMeasures,
             dataReshapeFor2D1M: ()=>dataReshapeFor2D1M,
+            isPivotTable: ()=>isPivotTable,
+            registerPie: ()=>registerPie,
             zFunnel: ()=>zFunnel,
             zScatterConfig: ()=>zScatterConfig,
-            zTooltip: ()=>zTooltip,
             zBarParallelConfig: ()=>zBarParallelConfig,
             barParallelAdvancedPipeline: ()=>barParallelAdvancedPipeline,
             FoldMeasureValue: ()=>FoldMeasureValue,
@@ -168,7 +190,9 @@
             barPercentSpecPipeline: ()=>barPercentSpecPipeline,
             lineAdvancedPipeline: ()=>lineAdvancedPipeline,
             lineSpecPipeline: ()=>lineSpecPipeline,
+            zTooltip: ()=>zTooltip,
             createFormatter: ()=>createFormatter,
+            zDimensionGroup: ()=>zDimensionGroup,
             columnPercentSpecPipeline: ()=>columnPercentSpecPipeline,
             areaAdvancedPipeline: ()=>areaAdvancedPipeline,
             areaPercentSpecPipeline: ()=>areaPercentSpecPipeline,
@@ -177,23 +201,27 @@
         });
         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;
@@ -289,32 +317,92 @@
         };
         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 = {
@@ -393,7 +481,7 @@
             };
             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) {
@@ -527,7 +615,10 @@
             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);
@@ -861,7 +952,8 @@
             };
             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)=>{
@@ -900,7 +992,8 @@
             };
             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)=>{
@@ -939,7 +1032,8 @@
             };
             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)=>{
@@ -1044,6 +1138,42 @@
                 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
@@ -1337,17 +1467,8 @@
                 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([
@@ -1363,7 +1484,6 @@
         ];
         const barAdvancedPipeline = [
             initAdvancedVSeed,
-            locale_locale,
             autoMeasures,
             autoDimensions,
             pivotAdapter([
@@ -1379,7 +1499,6 @@
         ];
         const barParallelAdvancedPipeline = [
             initAdvancedVSeed,
-            locale_locale,
             autoMeasures,
             autoDimensions,
             pivotAdapter([
@@ -1395,7 +1514,6 @@
         ];
         const barPercentAdvancedPipeline = [
             initAdvancedVSeed,
-            locale_locale,
             autoMeasures,
             autoDimensions,
             pivotAdapter([
@@ -1411,7 +1529,6 @@
         ];
         const columnAdvancedPipeline = [
             initAdvancedVSeed,
-            locale_locale,
             autoMeasures,
             autoDimensions,
             pivotAdapter([
@@ -1427,7 +1544,6 @@
         ];
         const columnParallelAdvancedPipeline = [
             initAdvancedVSeed,
-            locale_locale,
             autoMeasures,
             autoDimensions,
             pivotAdapter([
@@ -1443,7 +1559,6 @@
         ];
         const columnPercentAdvancedPipeline = [
             initAdvancedVSeed,
-            locale_locale,
             autoMeasures,
             autoDimensions,
             pivotAdapter([
@@ -1459,7 +1574,6 @@
         ];
         const areaAdvancedPipeline = [
             initAdvancedVSeed,
-            locale_locale,
             autoMeasures,
             autoDimensions,
             pivotAdapter([
@@ -1475,7 +1589,6 @@
         ];
         const areaPercentAdvancedPipeline = [
             initAdvancedVSeed,
-            locale_locale,
             autoMeasures,
             autoDimensions,
             pivotAdapter([
@@ -1491,7 +1604,6 @@
         ];
         const pieAdvancedPipeline = [
             initAdvancedVSeed,
-            locale_locale,
             autoMeasures,
             autoDimensions,
             pivotAdapter([
@@ -1506,7 +1618,6 @@
         ];
         const donutAdvancedPipeline = [
             initAdvancedVSeed,
-            locale_locale,
             autoMeasures,
             autoDimensions,
             pivotAdapter([
@@ -1521,7 +1632,6 @@
         ];
         const roseAdvancedPipeline = [
             initAdvancedVSeed,
-            locale_locale,
             autoMeasures,
             autoDimensions,
             pivotAdapter([
@@ -1537,7 +1647,6 @@
         ];
         const roseParallelAdvancedPipeline = [
             initAdvancedVSeed,
-            locale_locale,
             autoMeasures,
             autoDimensions,
             pivotAdapter([
@@ -1553,7 +1662,6 @@
         ];
         const funnelAdvancedPipeline = [
             initAdvancedVSeed,
-            locale_locale,
             autoMeasures,
             autoDimensions,
             pivotAdapter([
@@ -1566,45 +1674,8 @@
             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([
@@ -1618,6 +1689,158 @@
             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;
@@ -1995,6 +2218,27 @@
             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
@@ -2993,7 +3237,7 @@
                 ...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)=>({
@@ -3010,7 +3254,7 @@
                 ...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)=>({
@@ -4669,27 +4913,6 @@
         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,
@@ -4739,6 +4962,128 @@
         const scatterSpecPipeline = [
             pivotAdapter_pivotAdapter(scatter, pivotScatter)
         ];
+        const initTable = (spec, context)=>{
+            const { advancedVSeed } = context;
+            const { dataset } = advancedVSeed;
+            return {
+                ...spec,
+                records: dataset,
+                widthMode: 'standard',
+                heightMode: 'autoHeight',
+                autoWrapText: true,
+                columnResizeMode: 'all',
+                showHeader: true
+            };
+        };
+        const measureTreeToColumns = (spec, context)=>{
+            const { advancedVSeed } = context;
+            const measures = advancedVSeed.measures;
+            const result = {
+                ...spec
+            };
+            const columns = treeTreeToColumns(measures);
+            return {
+                ...result,
+                columns: [
+                    ...result.columns || [],
+                    ...columns
+                ]
+            };
+        };
+        const dimensionTreeToColumns = (spec, context)=>{
+            const { advancedVSeed } = context;
+            const dimensions = advancedVSeed.dimensions;
+            const result = {
+                ...spec
+            };
+            const columns = treeTreeToColumns(dimensions);
+            return {
+                ...result,
+                columns: [
+                    ...result.columns || [],
+                    ...columns
+                ]
+            };
+        };
+        const treeTreeToColumns = (tree = [])=>{
+            const result = tree.map((item)=>{
+                const field = item.id;
+                const title = item.alias ?? item.id;
+                if ('children' in item && Array.isArray(item.children)) return {
+                    field,
+                    title,
+                    columns: treeTreeToColumns(item.children)
+                };
+                return {
+                    field,
+                    title
+                };
+            });
+            return result || [];
+        };
+        const tableSpecPipeline = [
+            initTable,
+            dimensionTreeToColumns,
+            measureTreeToColumns
+        ];
+        const initPivotTable = (spec, context)=>{
+            const { advancedVSeed } = context;
+            const { dataset } = advancedVSeed;
+            return {
+                ...spec,
+                records: dataset,
+                widthMode: 'standard',
+                heightMode: 'autoHeight',
+                autoWrapText: true,
+                columnResizeMode: 'all'
+            };
+        };
+        const pivotColumns = (spec, context)=>{
+            const { advancedVSeed } = context;
+            const dimensions = advancedVSeed.dimensions;
+            const columns = dimensions.filter((item)=>'columnDimension' === item['location']);
+            return {
+                ...spec,
+                columns: columns.map((item)=>({
+                        dimensionKey: item.id,
+                        title: item.alias || item.id,
+                        width: 'auto'
+                    }))
+            };
+        };
+        const pivotRows = (spec, context)=>{
+            const { advancedVSeed } = context;
+            const dimensions = advancedVSeed.dimensions;
+            const rows = dimensions.filter((item)=>'rowDimension' === item['location']);
+            return {
+                ...spec,
+                rows: rows.map((item)=>({
+                        dimensionKey: item.id,
+                        title: item.alias || item.id,
+                        width: 'auto'
+                    }))
+            };
+        };
+        const pivotIndicators_pivotIndicators = (spec, context)=>{
+            const { advancedVSeed } = context;
+            const measures = advancedVSeed.measures;
+            return {
+                ...spec,
+                indicatorsAsCol: true,
+                indicators: measures.map((item)=>({
+                        cellType: 'text',
+                        indicatorKey: item.id,
+                        title: item.alias || item.id,
+                        width: 'auto'
+                    }))
+            };
+        };
+        const pivotTableSpecPipeline = [
+            initPivotTable,
+            pivotColumns,
+            pivotRows,
+            pivotIndicators_pivotIndicators
+        ];
         const buildAdvanced = (builder)=>{
             const { chartType } = builder.vseed;
             if (!chartType) throw new Error('chartType is nil in buildAdvanced');
@@ -4779,6 +5124,17 @@
             builder.spec = spec;
             return spec;
         };
+        const getColorItems = (builder)=>{
+            const advancedVSeed = builder.advancedVSeed;
+            if (!advancedVSeed) return [];
+            const { datasetReshapeInfo } = advancedVSeed;
+            const colorItems = chunk_QJLMYOTX_i(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;
@@ -4794,6 +5150,7 @@
             getSpecPipeline = (chartType)=>Builder._specPipelineMap[chartType];
             getTheme = (themeKey)=>Builder._themeMap[themeKey];
             getThemeMap = ()=>Builder._themeMap;
+            getColorItems = ()=>getColorItems(this);
             get vseed() {
                 return this._vseed;
             }
@@ -4877,6 +5234,14 @@
             Builder._advancedPipelineMap.scatter = scatterAdvancedPipeline;
             Builder._specPipelineMap.scatter = scatterSpecPipeline;
         };
+        const registerTable = ()=>{
+            Builder._advancedPipelineMap.table = tableAdvancedPipeline;
+            Builder._specPipelineMap.table = tableSpecPipeline;
+        };
+        const registerPivotTable = ()=>{
+            Builder._advancedPipelineMap.pivotTable = pivotTableAdvancedPipeline;
+            Builder._specPipelineMap.pivotTable = pivotTableSpecPipeline;
+        };
         const lightTheme = ()=>{
             const linearAxis = {
                 nice: true,
@@ -5465,6 +5830,8 @@
             registerRoseParallel();
             registerFunnel();
             registerScatter();
+            registerTable();
+            registerPivotTable();
             registerLightTheme();
             registerDarkTheme();
         };
@@ -8776,14 +9143,21 @@
         const zDimension = schemas_object({
             id: schemas_string(),
             alias: schemas_string().optional(),
-            visible: schemas_boolean().default(true).optional(),
             location: schemas_enum([
                 'dimension',
                 'rowDimension',
                 'columnDimension'
             ]).default('dimension').optional()
         });
-        const zDimensions = schemas_array(zDimension).optional();
+        const zDimensionGroup = schemas_object({
+            id: schemas_string(),
+            alias: schemas_string().optional(),
+            get children () {
+                return schemas_array(zDimensionGroup.or(zDimension)).optional();
+            }
+        });
+        const zDimensions = schemas_array(zDimension);
+        const zDimensionTree = schemas_array(zDimensionGroup.or(zDimension));
         const zNumFormat = schemas_object({
             type: schemas_enum([
                 'number',
@@ -8827,7 +9201,8 @@
                 return schemas_array(zMeasureGroup.or(zMeasure)).optional();
             }
         });
-        const zMeasures = schemas_array(zMeasureGroup.or(zMeasure)).optional();
+        const zMeasures = schemas_array(zMeasure);
+        const zMeasureTree = schemas_array(zMeasureGroup.or(zMeasure));
         const zFoldInfo = schemas_object({
             foldMap: record(schemas_string(), schemas_string().or(schemas_undefined())),
             measureId: schemas_string(),
@@ -9490,11 +9865,29 @@
             'zh-CN',
             'en-US'
         ]).default('zh-CN');
+        const zTable = schemas_object({
+            chartType: literal('table'),
+            dataset: zDataset.optional(),
+            dimensions: zDimensions.optional(),
+            measures: zMeasureTree.optional(),
+            backgroundColor: zBackgroundColor.optional(),
+            theme: zTheme.optional(),
+            locale: zLocale.optional()
+        });
+        const zPivotTable = schemas_object({
+            chartType: literal('pivotTable'),
+            dataset: zDataset.optional(),
+            dimensions: zDimensions.optional(),
+            measures: zMeasures.optional(),
+            backgroundColor: zBackgroundColor.optional(),
+            theme: zTheme.optional(),
+            locale: zLocale.optional()
+        });
         const zLine = schemas_object({
             chartType: literal('line'),
             dataset: zDataset.optional(),
             dimensions: zDimensions.optional(),
-            measures: zMeasures.optional(),
+            measures: zMeasureTree.optional(),
             backgroundColor: zBackgroundColor.optional(),
             color: zColor.optional(),
             label: zLabel.optional(),
@@ -9516,7 +9909,7 @@
             chartType: literal('column'),
             dataset: zDataset.optional(),
             dimensions: zDimensions.optional(),
-            measures: zMeasures.optional(),
+            measures: zMeasureTree.optional(),
             backgroundColor: zBackgroundColor.optional(),
             color: zColor.optional(),
             label: zLabel.optional(),
@@ -9538,7 +9931,7 @@
             chartType: literal('columnParallel'),
             dataset: zDataset.optional(),
             dimensions: zDimensions.optional(),
-            measures: zMeasures.optional(),
+            measures: zMeasureTree.optional(),
             backgroundColor: zBackgroundColor.optional(),
             color: zColor.optional(),
             label: zLabel.optional(),
@@ -9560,7 +9953,7 @@
             chartType: literal('columnPercent'),
             dataset: zDataset.optional(),
             dimensions: zDimensions.optional(),
-            measures: zMeasures.optional(),
+            measures: zMeasureTree.optional(),
             backgroundColor: zBackgroundColor.optional(),
             color: zColor.optional(),
             label: zLabel.optional(),
@@ -9582,7 +9975,7 @@
             chartType: literal('bar'),
             dataset: zDataset.optional(),
             dimensions: zDimensions.optional(),
-            measures: zMeasures.optional(),
+            measures: zMeasureTree.optional(),
             backgroundColor: zBackgroundColor.optional(),
             color: zColor.optional(),
             label: zLabel.optional(),
@@ -9604,7 +9997,7 @@
             chartType: literal('barParallel'),
             dataset: zDataset.optional(),
             dimensions: zDimensions.optional(),
-            measures: zMeasures.optional(),
+            measures: zMeasureTree.optional(),
             backgroundColor: zBackgroundColor.optional(),
             color: zColor.optional(),
             label: zLabel.optional(),
@@ -9626,7 +10019,7 @@
             chartType: literal('barPercent'),
             dataset: zDataset.optional(),
             dimensions: zDimensions.optional(),
-            measures: zMeasures.optional(),
+            measures: zMeasureTree.optional(),
             backgroundColor: zBackgroundColor.optional(),
             color: zColor.optional(),
             label: zLabel.optional(),
@@ -9648,7 +10041,7 @@
             chartType: literal('area'),
             dataset: zDataset.optional(),
             dimensions: zDimensions.optional(),
-            measures: zMeasures.optional(),
+            measures: zMeasureTree.optional(),
             backgroundColor: zBackgroundColor.optional(),
             color: zColor.optional(),
             label: zLabel.optional(),
@@ -9671,7 +10064,7 @@
             chartType: literal('areaPercent'),
             dataset: zDataset.optional(),
             dimensions: zDimensions.optional(),
-            measures: zMeasures.optional(),
+            measures: zMeasureTree.optional(),
             backgroundColor: zBackgroundColor.optional(),
             color: zColor.optional(),
             label: zLabel.optional(),
@@ -9694,7 +10087,7 @@
             chartType: literal('rose'),
             dataset: zDataset.optional(),
             dimensions: zDimensions.optional(),
-            measures: zMeasures.optional(),
+            measures: zMeasureTree.optional(),
             backgroundColor: zBackgroundColor.optional(),
             color: zColor.optional(),
             label: zLabel.optional(),
@@ -9707,7 +10100,7 @@
             chartType: literal('roseParallel'),
             dataset: zDataset.optional(),
             dimensions: zDimensions.optional(),
-            measures: zMeasures.optional(),
+            measures: zMeasureTree.optional(),
             backgroundColor: zBackgroundColor.optional(),
             color: zColor.optional(),
             label: zLabel.optional(),
@@ -9720,7 +10113,7 @@
             chartType: literal('pie'),
             dataset: zDataset.optional(),
             dimensions: zDimensions.optional(),
-            measures: zMeasures.optional(),
+            measures: zMeasureTree.optional(),
             backgroundColor: zBackgroundColor.optional(),
             color: zColor.optional(),
             label: zLabel.optional(),
@@ -9733,7 +10126,7 @@
             chartType: literal('donut'),
             dataset: zDataset.optional(),
             dimensions: zDimensions.optional(),
-            measures: zMeasures.optional(),
+            measures: zMeasureTree.optional(),
             backgroundColor: zBackgroundColor.optional(),
             color: zColor.optional(),
             label: zLabel.optional(),
@@ -9746,7 +10139,7 @@
             chartType: literal('scatter'),
             dataset: zDataset.optional(),
             dimensions: zDimensions.optional(),
-            measures: zMeasures.optional(),
+            measures: zMeasureTree.optional(),
             backgroundColor: zBackgroundColor.optional(),
             color: zColor.optional(),
             label: zLabel.optional(),
@@ -9767,7 +10160,7 @@
             chartType: literal('funnel'),
             dataset: zDataset.optional(),
             dimensions: zDimensions.optional(),
-            measures: zMeasures.optional(),
+            measures: zMeasureTree.optional(),
             backgroundColor: zBackgroundColor.optional(),
             color: zColor.optional(),
             label: zLabel.optional(),
@@ -9777,6 +10170,8 @@
             locale: zLocale.optional()
         });
         const zVSeed = discriminatedUnion('chartType', [
+            zTable,
+            zPivotTable,
             zLine,
             zColumn,
             zColumnParallel,
@@ -9797,8 +10192,8 @@
             chartType: zChartType,
             dataset: zDataset,
             datasetReshapeInfo: zDatasetReshapeInfo,
-            dimensions: zDimensions,
-            measures: zMeasures,
+            dimensions: zDimensionTree,
+            measures: zMeasureTree,
             encoding: zEncoding,
             config: zConfig,
             theme: zTheme,