@visactor/vseed 0.0.5 → 0.0.6

package/dist/index.js

@@ -1,11 +1,11 @@
-import { clone as external_remeda_clone, mergeDeep as external_remeda_mergeDeep, pick as external_remeda_pick } from "remeda";
+import { clone as external_remeda_clone, mergeDeep as external_remeda_mergeDeep, pick as external_remeda_pick, unique } from "remeda";
 import { z } from "zod";
-const FoldMeasureName = '__MeaName__';
-const FoldMeasureValue = '__MeaValue__';
-const FoldMeasureId = '__MeaId__';
-const FoldDimensionGroup = '__DimGroup__';
+const constant_FoldMeasureName = '__MeaName__';
+const constant_FoldMeasureValue = '__MeaValue__';
+const constant_FoldMeasureId = '__MeaId__';
+const constant_UnfoldDimensionGroup = '__DimGroup__';
 const Separator = '-';
-const unfoldDimensions = (dataset, dimensions, measures, unfoldStartIndex = 0, foldGroupName = FoldDimensionGroup, dimensionsSeparator = Separator)=>{
+const unfoldDimensions = (dataset, dimensions, measures, unfoldStartIndex = 0, foldGroupName = constant_UnfoldDimensionGroup, dimensionsSeparator = Separator)=>{
     if (unfoldStartIndex < 0 || unfoldStartIndex >= dimensions.length) throw new Error('unfoldStartIndex is out of range');
     const dimensionsToBeUnfolded = dimensions.slice(unfoldStartIndex);
     const unfoldInfo = {
@@ -26,14 +26,14 @@ const unfoldDimensions = (dataset, dimensions, measures, unfoldStartIndex = 0, f
         datum[foldGroupName] = colorItem;
         colorItems.push(colorItem);
     }
-    unfoldInfo.colorItems = colorItems;
+    unfoldInfo.colorItems = unique(colorItems);
     return {
         dataset,
         unfoldInfo
     };
 };
 const generateDimGroupName = (dimensionsToBeGrouped, datum, dimensionsSeparator)=>dimensionsToBeGrouped.map((dim)=>String(datum[dim.id])).join(dimensionsSeparator);
-const foldMeasures = (dataset, measures, measureId = FoldMeasureId, measureName = FoldMeasureName, measureValue = FoldMeasureValue)=>{
+const foldMeasures = (dataset, measures, measureId = constant_FoldMeasureId, measureName = constant_FoldMeasureName, measureValue = constant_FoldMeasureValue)=>{
     const foldInfo = {
         measureId,
         measureName,
@@ -72,27 +72,28 @@ const emptyReshapeResult = {
         groupName: ''
     }
 };
-const dataReshapeFor2D1M = (dataset, dimensions, measures)=>{
+const dataReshapeFor2D1M = (dataset, dimensions, measures, options)=>{
+    const { foldMeasureId = constant_FoldMeasureId, foldMeasureName = constant_FoldMeasureName, foldMeasureValue = constant_FoldMeasureValue, unfoldDimensionGroup = constant_UnfoldDimensionGroup } = options || {};
     if (0 === dimensions.length && 0 === measures.length) return emptyReshapeResult;
-    const { dataset: foldedDataset, foldInfo } = foldMeasures(dataset, measures, FoldMeasureId, FoldMeasureName, FoldMeasureValue);
+    const { dataset: foldedDataset, foldInfo } = foldMeasures(dataset, measures, foldMeasureId, foldMeasureName, foldMeasureValue);
     if (0 === dimensions.length) {
         const { dataset: finalDataset, unfoldInfo } = unfoldDimensions(foldedDataset, [
             {
-                id: FoldMeasureId,
+                id: foldMeasureId,
                 alias: "\u6307\u6807Id",
                 location: 'dimension'
             },
             {
-                id: FoldMeasureName,
+                id: foldMeasureName,
                 alias: "\u6307\u6807\u540D\u79F0",
                 location: 'dimension'
             }
         ], [
             {
-                id: FoldMeasureValue,
+                id: foldMeasureValue,
                 alias: "\u6307\u6807\u503C"
             }
-        ], 1, FoldDimensionGroup);
+        ], 1, unfoldDimensionGroup);
         return {
             dataset: finalDataset,
             foldInfo,
@@ -103,16 +104,16 @@ const dataReshapeFor2D1M = (dataset, dimensions, measures)=>{
         const { dataset: finalDataset, unfoldInfo } = unfoldDimensions(foldedDataset, [
             ...dimensions,
             {
-                id: FoldMeasureName,
+                id: foldMeasureName,
                 alias: "\u6307\u6807\u540D\u79F0",
                 location: 'dimension'
             }
         ], [
             {
-                id: FoldMeasureValue,
+                id: foldMeasureValue,
                 alias: "\u6307\u6807\u503C"
             }
-        ], 1, FoldDimensionGroup);
+        ], 1, unfoldDimensionGroup);
         return {
             dataset: finalDataset,
             foldInfo,
@@ -133,22 +134,23 @@ const dataReshapeFor1D1M_emptyReshapeResult = {
         colorItems: []
     }
 };
-const dataReshapeFor1D1M_dataReshapeFor1D1M = (dataset, dimensions, measures)=>{
+const dataReshapeFor1D1M_dataReshapeFor1D1M = (dataset, dimensions, measures, options)=>{
+    const { foldMeasureId = constant_FoldMeasureId, foldMeasureName = constant_FoldMeasureName, foldMeasureValue = constant_FoldMeasureValue, unfoldDimensionGroup = constant_UnfoldDimensionGroup } = options || {};
     if (0 === dimensions.length && 0 === measures.length) return dataReshapeFor1D1M_emptyReshapeResult;
-    const { dataset: foldedDataset, foldInfo } = foldMeasures(dataset, measures, FoldMeasureId, FoldMeasureName, FoldMeasureValue);
+    const { dataset: foldedDataset, foldInfo } = foldMeasures(dataset, measures, foldMeasureId, foldMeasureName, foldMeasureValue);
     if (0 === dimensions.length) {
         const { dataset: finalDataset, unfoldInfo } = unfoldDimensions(foldedDataset, [
             {
-                id: FoldMeasureName,
+                id: foldMeasureName,
                 alias: "\u6307\u6807\u540D\u79F0",
                 location: 'dimension'
             }
         ], [
             {
-                id: FoldMeasureValue,
+                id: foldMeasureValue,
                 alias: "\u6307\u6807\u503C"
             }
-        ], 0, FoldDimensionGroup);
+        ], 0, unfoldDimensionGroup);
         return {
             dataset: finalDataset,
             foldInfo,
@@ -159,16 +161,16 @@ const dataReshapeFor1D1M_dataReshapeFor1D1M = (dataset, dimensions, measures)=>{
         const { dataset: finalDataset, unfoldInfo } = unfoldDimensions(foldedDataset, [
             ...dimensions,
             {
-                id: FoldMeasureName,
+                id: foldMeasureName,
                 alias: "\u6307\u6807\u540D\u79F0",
                 location: 'dimension'
             }
         ], [
             {
-                id: FoldMeasureValue,
+                id: foldMeasureValue,
                 alias: "\u6307\u6807\u503C"
             }
-        ], 0, FoldDimensionGroup);
+        ], 0, unfoldDimensionGroup);
         return {
             dataset: finalDataset,
             foldInfo,
@@ -189,42 +191,86 @@ const reshapeTo2D1M = (advancedVSeed, context)=>{
     return {
         ...result,
         dataset: newDatasets,
-        datasetReshapeInfo: {
-            foldInfo,
-            unfoldInfo
-        },
+        datasetReshapeInfo: [
+            {
+                id: '2D1M',
+                foldInfo,
+                unfoldInfo
+            }
+        ],
         dimensions,
         measures
     };
 };
+const pivotReshapeTo2D1M = (advancedVSeed, context)=>{
+    const result = {
+        ...advancedVSeed
+    };
+    const { vseed } = context;
+    const { dataset } = vseed;
+    const { dimensions, measures } = advancedVSeed;
+    if (!measures || !dimensions) return result;
+    const measureGroups = [];
+    if (measures) measures.forEach((measure)=>{
+        if (measure.children && measure.children.length > 0) measureGroups.push(measure);
+    });
+    const newDatasets = [];
+    const datasetReshapeInfo = [];
+    measureGroups.forEach((measureGroup)=>{
+        const measures = measureGroup.children;
+        if (!measures) return;
+        const groupId = measureGroup.id;
+        const { dataset: newSubDataset, foldInfo, unfoldInfo } = dataReshapeFor2D1M(dataset, dimensions, measures, {
+            foldMeasureId: constant_FoldMeasureId + groupId,
+            foldMeasureName: constant_FoldMeasureName + groupId,
+            foldMeasureValue: constant_FoldMeasureValue + groupId,
+            unfoldDimensionGroup: constant_UnfoldDimensionGroup + groupId
+        });
+        const reshapeInfo = {
+            id: groupId,
+            foldInfo,
+            unfoldInfo
+        };
+        newDatasets.push(newSubDataset);
+        datasetReshapeInfo.push(reshapeInfo);
+    });
+    return {
+        ...result,
+        dataset: newDatasets,
+        datasetReshapeInfo: datasetReshapeInfo
+    };
+};
 const encodingXY = (advancedVSeed)=>{
     const result = {
         ...advancedVSeed
     };
     const { datasetReshapeInfo, dimensions } = advancedVSeed;
     if (!datasetReshapeInfo || !dimensions) return result;
-    const { foldInfo, unfoldInfo } = datasetReshapeInfo;
-    const isSingleDimension = 0 === dimensions.length;
-    const x = [
-        isSingleDimension ? foldInfo.measureName : dimensions[0].id
-    ];
-    const y = [
-        foldInfo.measureValue
-    ];
-    const group = [
-        isSingleDimension ? foldInfo.measureName : unfoldInfo.groupName
-    ];
-    const color = [
-        foldInfo.measureName
-    ];
-    const encoding = [
-        {
-            x,
-            y,
-            group,
-            color
-        }
-    ];
+    const encoding = datasetReshapeInfo.reduce((prev, cur)=>{
+        const { foldInfo, unfoldInfo } = cur;
+        const isSingleDimension = 0 === dimensions.length;
+        const x = [
+            isSingleDimension ? foldInfo.measureName : dimensions[0].id
+        ];
+        const y = [
+            foldInfo.measureValue
+        ];
+        const group = [
+            isSingleDimension ? foldInfo.measureName : unfoldInfo.groupName
+        ];
+        const color = [
+            foldInfo.measureName
+        ];
+        return [
+            ...prev,
+            {
+                x,
+                y,
+                group,
+                color
+            }
+        ];
+    }, []);
     return {
         ...result,
         encoding
@@ -236,28 +282,31 @@ const encodingYX = (advancedVSeed)=>{
     };
     const { datasetReshapeInfo, dimensions } = advancedVSeed;
     if (!datasetReshapeInfo || !dimensions) return result;
-    const { foldInfo, unfoldInfo } = datasetReshapeInfo;
-    const isSingleDimension = 0 === dimensions.length;
-    const y = [
-        isSingleDimension ? foldInfo.measureName : dimensions[0].id
-    ];
-    const x = [
-        foldInfo.measureValue
-    ];
-    const group = [
-        isSingleDimension ? foldInfo.measureName : unfoldInfo.groupName
-    ];
-    const color = [
-        foldInfo.measureName
-    ];
-    const encoding = [
-        {
-            x,
-            y,
-            group,
-            color
-        }
-    ];
+    const encoding = datasetReshapeInfo.reduce((prev, cur)=>{
+        const { foldInfo, unfoldInfo } = cur;
+        const isSingleDimension = 0 === dimensions.length;
+        const y = [
+            isSingleDimension ? foldInfo.measureName : dimensions[0].id
+        ];
+        const x = [
+            foldInfo.measureValue
+        ];
+        const group = [
+            isSingleDimension ? foldInfo.measureName : unfoldInfo.groupName
+        ];
+        const color = [
+            foldInfo.measureName
+        ];
+        return [
+            ...prev,
+            {
+                x,
+                y,
+                group,
+                color
+            }
+        ];
+    }, []);
     return {
         ...result,
         encoding
@@ -362,11 +411,30 @@ const vchartTheme = (advancedVSeed, context)=>{
     };
     return result;
 };
+const execPipeline = (pipeline, context, initialValue = {})=>{
+    const result = pipeline.reduce((prev, cur)=>cur(prev, context), initialValue);
+    return result;
+};
+const isVTable = (chartType)=>[
+        'table',
+        'pivotTable'
+    ].includes(chartType);
+const isVChart = (chartType)=>!isVTable(chartType);
+const pivotAdapter = (pipeline, pivotPipeline)=>(advancedVSeed, context)=>{
+        const { vseed } = context;
+        const { measures } = vseed;
+        if (measures && measures.find((measure)=>measure && measure.children)) return execPipeline(pivotPipeline, context, advancedVSeed);
+        return execPipeline(pipeline, context, advancedVSeed);
+    };
 const lineAdvancedPipeline = [
     initAdvancedVSeed,
     autoMeasures,
     autoDimensions,
-    reshapeTo2D1M,
+    pivotAdapter([
+        reshapeTo2D1M
+    ], [
+        pivotReshapeTo2D1M
+    ]),
     encodingXY,
     vchartBaseConfig,
     vchartTheme
@@ -375,7 +443,11 @@ const barAdvancedPipeline = [
     initAdvancedVSeed,
     autoMeasures,
     autoDimensions,
-    reshapeTo2D1M,
+    pivotAdapter([
+        reshapeTo2D1M
+    ], [
+        pivotReshapeTo2D1M
+    ]),
     encodingYX,
     vchartBaseConfig,
     vchartTheme
@@ -384,7 +456,11 @@ const barParallelAdvancedPipeline = [
     initAdvancedVSeed,
     autoMeasures,
     autoDimensions,
-    reshapeTo2D1M,
+    pivotAdapter([
+        reshapeTo2D1M
+    ], [
+        pivotReshapeTo2D1M
+    ]),
     encodingYX,
     vchartBaseConfig,
     vchartTheme
@@ -393,7 +469,11 @@ const barPercentAdvancedPipeline = [
     initAdvancedVSeed,
     autoMeasures,
     autoDimensions,
-    reshapeTo2D1M,
+    pivotAdapter([
+        reshapeTo2D1M
+    ], [
+        pivotReshapeTo2D1M
+    ]),
     encodingYX,
     vchartBaseConfig,
     vchartTheme
@@ -402,7 +482,11 @@ const columnAdvancedPipeline = [
     initAdvancedVSeed,
     autoMeasures,
     autoDimensions,
-    reshapeTo2D1M,
+    pivotAdapter([
+        reshapeTo2D1M
+    ], [
+        pivotReshapeTo2D1M
+    ]),
     encodingXY,
     vchartBaseConfig,
     vchartTheme
@@ -411,7 +495,11 @@ const columnParallelAdvancedPipeline = [
     initAdvancedVSeed,
     autoMeasures,
     autoDimensions,
-    reshapeTo2D1M,
+    pivotAdapter([
+        reshapeTo2D1M
+    ], [
+        pivotReshapeTo2D1M
+    ]),
     encodingXY,
     vchartBaseConfig,
     vchartTheme
@@ -420,7 +508,11 @@ const columnPercentAdvancedPipeline = [
     initAdvancedVSeed,
     autoMeasures,
     autoDimensions,
-    reshapeTo2D1M,
+    pivotAdapter([
+        reshapeTo2D1M
+    ], [
+        pivotReshapeTo2D1M
+    ]),
     encodingXY,
     vchartBaseConfig,
     vchartTheme
@@ -429,7 +521,11 @@ const areaAdvancedPipeline = [
     initAdvancedVSeed,
     autoMeasures,
     autoDimensions,
-    reshapeTo2D1M,
+    pivotAdapter([
+        reshapeTo2D1M
+    ], [
+        pivotReshapeTo2D1M
+    ]),
     encodingXY,
     vchartBaseConfig,
     vchartTheme
@@ -438,7 +534,11 @@ const areaPercentAdvancedPipeline = [
     initAdvancedVSeed,
     autoMeasures,
     autoDimensions,
-    reshapeTo2D1M,
+    pivotAdapter([
+        reshapeTo2D1M
+    ], [
+        pivotReshapeTo2D1M
+    ]),
     encodingXY,
     vchartBaseConfig,
     vchartTheme
@@ -452,6 +552,28 @@ const dataset_dataset = (spec, context)=>{
         }
     };
 };
+const datasetPivot = (spec, context)=>{
+    const result = {
+        ...spec
+    };
+    const { advancedVSeed } = context;
+    const { dataset, datasetReshapeInfo } = advancedVSeed;
+    const records = dataset.reduce((pre, cur, index)=>{
+        const id = datasetReshapeInfo[index].id;
+        pre[id] = cur;
+        return pre;
+    }, {});
+    return {
+        ...result,
+        records: records
+    };
+};
+const datasetPivotPlaceholder = (spec)=>({
+        ...spec,
+        data: {
+            id: 'placeholderDataId'
+        }
+    });
 const initColumn = (spec, context)=>{
     const result = {
         ...spec
@@ -488,7 +610,7 @@ const initBarParallel = (spec, context)=>{
     };
     const { advancedVSeed } = context;
     const { encoding, datasetReshapeInfo } = advancedVSeed;
-    const { unfoldInfo } = datasetReshapeInfo;
+    const { unfoldInfo } = datasetReshapeInfo[0];
     if (!encoding[0].y || !encoding[0].x || !encoding[0].group) return result;
     result.type = 'bar';
     result.direction = 'horizontal';
@@ -537,7 +659,7 @@ const initColumnParallel = (spec, context)=>{
     };
     const { advancedVSeed } = context;
     const { encoding, datasetReshapeInfo } = advancedVSeed;
-    const { unfoldInfo } = datasetReshapeInfo;
+    const { unfoldInfo } = datasetReshapeInfo[0];
     if (!encoding[0].y || !encoding[0].x || !encoding[0].group) return result;
     result.type = 'bar';
     result.direction = 'vertical';
@@ -550,6 +672,21 @@ const initColumnParallel = (spec, context)=>{
     result.padding = 0;
     return result;
 };
+const initPivot = (spec)=>{
+    const result = {
+        ...spec
+    };
+    return {
+        ...result,
+        rows: [],
+        columns: [],
+        indicators: [],
+        records: [],
+        widthMode: 'adaptive',
+        heightMode: 'adaptive',
+        indicatorsAsCol: false
+    };
+};
 const xBand = (spec)=>{
     const result = {
         ...spec
@@ -575,7 +712,9 @@ const xLinear = (spec)=>{
         {
             visible: true,
             type: 'linear',
-            orient: 'bottom'
+            orient: 'bottom',
+            nice: true,
+            zero: true
         }
     ];
     return result;
@@ -605,7 +744,9 @@ const yLinear = (spec)=>{
         {
             visible: true,
             type: 'linear',
-            orient: 'left'
+            orient: 'left',
+            nice: true,
+            zero: true
         }
     ];
     return result;
@@ -684,13 +825,41 @@ const legend_legend = (spec, context)=>{
     };
     return result;
 };
+const pivotLegend = (spec, context)=>{
+    const result = {
+        ...spec
+    };
+    const { advancedVSeed } = context;
+    const baseConfig = advancedVSeed.baseConfig.vchart;
+    if (!baseConfig || !baseConfig.legend) return result;
+    const { datasetReshapeInfo } = advancedVSeed;
+    const colorItems = unique(datasetReshapeInfo.flatMap((d)=>d.unfoldInfo.colorItems));
+    const { legend, color } = baseConfig;
+    const { enable } = legend;
+    const { colorScheme } = color;
+    result.legends = {
+        visible: enable,
+        alignSelf: 'end',
+        type: 'discrete',
+        position: 'start',
+        data: colorItems.map((d, index)=>({
+                label: d,
+                shape: {
+                    symbolType: 'square',
+                    fill: colorScheme[index]
+                }
+            })),
+        orient: 'bottom'
+    };
+    return result;
+};
 const color_color = (spec, context)=>{
     const result = {
         ...spec
     };
     const { advancedVSeed } = context;
     const { datasetReshapeInfo } = advancedVSeed;
-    const { unfoldInfo } = datasetReshapeInfo;
+    const { unfoldInfo } = datasetReshapeInfo[0];
     const baseConfig = advancedVSeed.baseConfig.vchart;
     if (!baseConfig || !baseConfig.color) return result;
     const { color } = baseConfig;
@@ -703,7 +872,82 @@ const color_color = (spec, context)=>{
     };
     return result;
 };
-const lineSpecPipeline = [
+const pivotAdapter_pivotAdapter = (pipeline, pivotPipeline)=>(spec, context)=>{
+        const { advancedVSeed } = context;
+        const { measures } = advancedVSeed;
+        if (measures && measures.find((measure)=>measure && measure.children)) return execPipeline(pivotPipeline, context, spec);
+        return execPipeline(pipeline, context, spec);
+    };
+const pivotIndicators = (chartPipeline)=>(spec, context)=>{
+        const result = {
+            ...spec
+        };
+        const { advancedVSeed } = context;
+        const { measures, datasetReshapeInfo, encoding } = advancedVSeed;
+        const colorItems = unique(datasetReshapeInfo.flatMap((d)=>d.unfoldInfo.colorItems));
+        const indicators = datasetReshapeInfo.map((reshapeInfo, index)=>{
+            const measure = measures?.find((d)=>d.id === reshapeInfo.id);
+            const newEncoding = [
+                encoding[index]
+            ];
+            const newDatasetReshapeInfo = [
+                {
+                    ...reshapeInfo,
+                    unfoldInfo: {
+                        ...reshapeInfo.unfoldInfo,
+                        colorItems
+                    }
+                }
+            ];
+            const newContext = {
+                ...context,
+                advancedVSeed: {
+                    ...advancedVSeed,
+                    datasetReshapeInfo: newDatasetReshapeInfo,
+                    encoding: newEncoding
+                }
+            };
+            const chartSpec = execPipeline(chartPipeline, newContext, {});
+            return {
+                indicatorKey: reshapeInfo.id,
+                title: measure?.alias,
+                cellType: 'chart',
+                chartModule: 'vchart',
+                chartSpec: chartSpec,
+                style: {
+                    padding: [
+                        1,
+                        1,
+                        0,
+                        1
+                    ]
+                }
+            };
+        });
+        return {
+            ...result,
+            indicators: indicators
+        };
+    };
+const pivotIndicators_pivotIndicatorsAsRow = (spec)=>{
+    const result = {
+        ...spec
+    };
+    return {
+        ...result,
+        indicatorsAsCol: false
+    };
+};
+const pivotIndicators_pivotIndicatorsAsCol = (spec)=>{
+    const result = {
+        ...spec
+    };
+    return {
+        ...result,
+        indicatorsAsCol: true
+    };
+};
+const line = [
     initLine,
     color_color,
     background_backgroundColor,
@@ -714,7 +958,26 @@ const lineSpecPipeline = [
     tooltip_tooltip,
     legend_legend
 ];
-const columnSpecPipeline = [
+const pivotLine = [
+    initPivot,
+    pivotIndicators_pivotIndicatorsAsRow,
+    datasetPivot,
+    pivotIndicators([
+        initLine,
+        color_color,
+        background_backgroundColor,
+        datasetPivotPlaceholder,
+        xBand,
+        yLinear,
+        label_label,
+        tooltip_tooltip
+    ]),
+    pivotLegend
+];
+const lineSpecPipeline = [
+    pivotAdapter_pivotAdapter(line, pivotLine)
+];
+const column = [
     initColumn,
     color_color,
     background_backgroundColor,
@@ -725,7 +988,26 @@ const columnSpecPipeline = [
     tooltip_tooltip,
     legend_legend
 ];
-const columnParallelSpecPipeline = [
+const pivotColumn = [
+    initPivot,
+    pivotIndicators_pivotIndicatorsAsRow,
+    datasetPivot,
+    pivotIndicators([
+        initColumn,
+        color_color,
+        background_backgroundColor,
+        datasetPivotPlaceholder,
+        xBand,
+        yLinear,
+        label_label,
+        tooltip_tooltip
+    ]),
+    pivotLegend
+];
+const columnSpecPipeline = [
+    pivotAdapter_pivotAdapter(column, pivotColumn)
+];
+const columnParallel = [
     initColumnParallel,
     color_color,
     background_backgroundColor,
@@ -736,7 +1018,26 @@ const columnParallelSpecPipeline = [
     tooltip_tooltip,
     legend_legend
 ];
-const columnPercentSpecPipeline = [
+const pivotColumnParallel = [
+    initPivot,
+    pivotIndicators_pivotIndicatorsAsRow,
+    datasetPivot,
+    pivotIndicators([
+        initColumnParallel,
+        color_color,
+        background_backgroundColor,
+        datasetPivotPlaceholder,
+        xBand,
+        yLinear,
+        label_label,
+        tooltip_tooltip
+    ]),
+    pivotLegend
+];
+const columnParallelSpecPipeline = [
+    pivotAdapter_pivotAdapter(columnParallel, pivotColumnParallel)
+];
+const columnPercent = [
     initColumn,
     color_color,
     background_backgroundColor,
@@ -748,7 +1049,27 @@ const columnPercentSpecPipeline = [
     tooltip_tooltip,
     legend_legend
 ];
-const barSpecPipeline = [
+const pivotColumnPercent = [
+    initPivot,
+    pivotIndicators_pivotIndicatorsAsRow,
+    datasetPivot,
+    pivotIndicators([
+        initColumn,
+        color_color,
+        percent,
+        background_backgroundColor,
+        datasetPivotPlaceholder,
+        xBand,
+        yLinear,
+        label_label,
+        tooltip_tooltip
+    ]),
+    pivotLegend
+];
+const columnPercentSpecPipeline = [
+    pivotAdapter_pivotAdapter(columnPercent, pivotColumnPercent)
+];
+const bar = [
     initBar,
     color_color,
     background_backgroundColor,
@@ -759,7 +1080,26 @@ const barSpecPipeline = [
     tooltip_tooltip,
     legend_legend
 ];
-const barParallelSpecPipeline = [
+const pivotBar = [
+    initPivot,
+    pivotIndicators_pivotIndicatorsAsCol,
+    datasetPivot,
+    pivotIndicators([
+        initBar,
+        color_color,
+        background_backgroundColor,
+        datasetPivotPlaceholder,
+        yBand,
+        label_label,
+        label_label,
+        tooltip_tooltip
+    ]),
+    pivotLegend
+];
+const barSpecPipeline = [
+    pivotAdapter_pivotAdapter(bar, pivotBar)
+];
+const barParallel = [
     initBarParallel,
     color_color,
     background_backgroundColor,
@@ -770,7 +1110,26 @@ const barParallelSpecPipeline = [
     tooltip_tooltip,
     legend_legend
 ];
-const barPercentSpecPipeline = [
+const pivotBarParallel = [
+    initPivot,
+    pivotIndicators_pivotIndicatorsAsCol,
+    datasetPivot,
+    pivotIndicators([
+        initBarParallel,
+        color_color,
+        background_backgroundColor,
+        datasetPivotPlaceholder,
+        yBand,
+        xLinear,
+        label_label,
+        tooltip_tooltip
+    ]),
+    pivotLegend
+];
+const barParallelSpecPipeline = [
+    pivotAdapter_pivotAdapter(barParallel, pivotBarParallel)
+];
+const barPercent = [
     initBar,
     color_color,
     background_backgroundColor,
@@ -782,7 +1141,27 @@ const barPercentSpecPipeline = [
     tooltip_tooltip,
     legend_legend
 ];
-const areaSpecPipeline = [
+const pivotBarPercent = [
+    initPivot,
+    pivotIndicators_pivotIndicatorsAsCol,
+    datasetPivot,
+    pivotIndicators([
+        initBar,
+        color_color,
+        background_backgroundColor,
+        percent,
+        datasetPivotPlaceholder,
+        yBand,
+        xLinear,
+        label_label,
+        tooltip_tooltip
+    ]),
+    pivotLegend
+];
+const barPercentSpecPipeline = [
+    pivotAdapter_pivotAdapter(barPercent, pivotBarPercent)
+];
+const area_area = [
     initArea,
     color_color,
     background_backgroundColor,
@@ -794,7 +1173,27 @@ const areaSpecPipeline = [
     tooltip_tooltip,
     legend_legend
 ];
-const areaPercentSpecPipeline = [
+const pivotArea = [
+    initPivot,
+    pivotIndicators_pivotIndicatorsAsRow,
+    datasetPivot,
+    pivotIndicators([
+        initArea,
+        color_color,
+        background_backgroundColor,
+        stack,
+        datasetPivotPlaceholder,
+        xBand,
+        yLinear,
+        label_label,
+        tooltip_tooltip
+    ]),
+    pivotLegend
+];
+const areaSpecPipeline = [
+    pivotAdapter_pivotAdapter(area_area, pivotArea)
+];
+const areaPercent = [
     initArea,
     color_color,
     background_backgroundColor,
@@ -806,15 +1205,26 @@ const areaPercentSpecPipeline = [
     tooltip_tooltip,
     legend_legend
 ];
-const execPipeline = (pipeline, context, initialValue = {})=>{
-    const result = pipeline.reduce((prev, cur)=>cur(prev, context), initialValue);
-    return result;
-};
-const isVTable = (chartType)=>[
-        'table',
-        'pivotTable'
-    ].includes(chartType);
-const isVChart = (chartType)=>!isVTable(chartType);
+const pivotAreaPercent = [
+    initPivot,
+    pivotIndicators_pivotIndicatorsAsRow,
+    datasetPivot,
+    pivotIndicators([
+        initArea,
+        color_color,
+        background_backgroundColor,
+        percent,
+        datasetPivotPlaceholder,
+        xBand,
+        yLinear,
+        label_label,
+        tooltip_tooltip
+    ]),
+    pivotLegend
+];
+const areaPercentSpecPipeline = [
+    pivotAdapter_pivotAdapter(areaPercent, pivotAreaPercent)
+];
 const buildAdvanced = (builder)=>{
     const { chartType } = builder.vseed;
     if (!chartType) throw new Error('chartType is nil in buildAdvanced');
@@ -1083,10 +1493,11 @@ const zUnfoldInfo = z.object({
     colorItems: z.array(z.string()),
     groupName: z.string()
 });
-const zDatasetReshapeInfo = z.object({
+const zDatasetReshapeInfo = z.array(z.object({
+    id: z.string(),
     foldInfo: zFoldInfo,
     unfoldInfo: zUnfoldInfo
-});
+}));
 const zEncoding = z.array(z.object({
     x: z.array(z.string()).optional(),
     y: z.array(z.string()).optional(),