@visactor/vseed 0.0.5 → 0.0.7

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 UnfoldDimensionGroup = '__DimGroup__';
 const Separator = '-';
-const unfoldDimensions = (dataset, dimensions, measures, unfoldStartIndex = 0, foldGroupName = FoldDimensionGroup, dimensionsSeparator = Separator)=>{
+const unfoldDimensions = (dataset, dimensions, measures, unfoldStartIndex = 0, foldGroupName = 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,7 +26,7 @@ const unfoldDimensions = (dataset, dimensions, measures, unfoldStartIndex = 0, f
         datum[foldGroupName] = colorItem;
         colorItems.push(colorItem);
     }
-    unfoldInfo.colorItems = colorItems;
+    unfoldInfo.colorItems = unique(colorItems);
     return {
         dataset,
         unfoldInfo
@@ -72,27 +72,28 @@ const emptyReshapeResult = {
         groupName: ''
     }
 };
-const dataReshapeFor2D1M = (dataset, dimensions, measures)=>{
+const dataReshapeFor2D1M = (dataset, dimensions, measures, options)=>{
+    const { foldMeasureId = FoldMeasureId, foldMeasureName = FoldMeasureName, foldMeasureValue = FoldMeasureValue, unfoldDimensionGroup = 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 = (dataset, dimensions, measures, options)=>{
+    const { foldMeasureId = FoldMeasureId, foldMeasureName = FoldMeasureName, foldMeasureValue = FoldMeasureValue, unfoldDimensionGroup = 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,148 @@ const reshapeTo2D1M = (advancedVSeed, context)=>{
     return {
         ...result,
         dataset: newDatasets,
-        datasetReshapeInfo: {
-            foldInfo,
-            unfoldInfo
-        },
+        datasetReshapeInfo: [
+            {
+                id: '2D1M',
+                foldInfo,
+                unfoldInfo
+            }
+        ],
         dimensions,
         measures
     };
 };
+const reshapeTo1D1M = (advancedVSeed, context)=>{
+    const result = {
+        ...advancedVSeed
+    };
+    const { vseed } = context;
+    const { dataset } = vseed;
+    const { dimensions, measures } = advancedVSeed;
+    if (!measures || !dimensions || !dataset) return result;
+    if (0 === measures.length) throw new Error('measures can not be empty');
+    const { dataset: newDatasets, foldInfo, unfoldInfo } = dataReshapeFor1D1M(dataset, dimensions, measures);
+    return {
+        ...result,
+        dataset: newDatasets,
+        datasetReshapeInfo: [
+            {
+                id: '1D1M',
+                foldInfo,
+                unfoldInfo
+            }
+        ]
+    };
+};
+const pivotReshapeTo1D1M = (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 commonDimensions = dimensions.filter((dim)=>'dimension' === dim.location);
+        const groupId = measureGroup.id;
+        const { dataset: newSubDataset, foldInfo, unfoldInfo } = dataReshapeFor1D1M(dataset, commonDimensions, measures, {
+            foldMeasureId: FoldMeasureId,
+            foldMeasureName: FoldMeasureName,
+            foldMeasureValue: FoldMeasureValue + groupId,
+            unfoldDimensionGroup: UnfoldDimensionGroup
+        });
+        const reshapeInfo = {
+            id: groupId,
+            foldInfo,
+            unfoldInfo
+        };
+        newDatasets.push(newSubDataset);
+        datasetReshapeInfo.push(reshapeInfo);
+    });
+    return {
+        ...result,
+        dataset: newDatasets,
+        datasetReshapeInfo: datasetReshapeInfo
+    };
+};
+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 commonDimensions = dimensions.filter((dim)=>'dimension' === dim.location);
+    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, commonDimensions, measures, {
+            foldMeasureId: FoldMeasureId + groupId,
+            foldMeasureName: FoldMeasureName + groupId,
+            foldMeasureValue: FoldMeasureValue + groupId,
+            unfoldDimensionGroup: 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 +344,66 @@ 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
+    };
+};
+const encodingPolar = (advancedVSeed)=>{
+    const result = {
+        ...advancedVSeed
+    };
+    const { datasetReshapeInfo, dimensions } = advancedVSeed;
+    if (!datasetReshapeInfo || !dimensions) return result;
+    const encoding = datasetReshapeInfo.reduce((prev, cur)=>{
+        const { foldInfo, unfoldInfo } = cur;
+        const radius = [
+            foldInfo.measureValue
+        ];
+        const angle = [
+            unfoldInfo.groupName
+        ];
+        const group = [
+            unfoldInfo.groupName
+        ];
+        const color = [
+            unfoldInfo.groupName
+        ];
+        return [
+            ...prev,
+            {
+                angle,
+                radius,
+                group,
+                color
+            }
+        ];
+    }, []);
     return {
         ...result,
         encoding
@@ -271,6 +417,21 @@ const initAdvancedVSeed = (advancedVSeed, context)=>{
         chartType
     };
 };
+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 isPivotChart = (vseed)=>{
+    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;
+};
 const autoMeasures = (advancedVSeed, context)=>{
     const result = {
         ...advancedVSeed
@@ -279,6 +440,7 @@ const autoMeasures = (advancedVSeed, context)=>{
     const { measures, dataset } = vseed;
     if (!dataset) throw new Error('dataset is required');
     if (0 === dataset.length) return result;
+    if (isPivotChart(vseed)) return autoMeasureGroup(advancedVSeed, context);
     if (measures) {
         result.measures = measures;
         return result;
@@ -298,6 +460,49 @@ const autoMeasures = (advancedVSeed, context)=>{
         }));
     return result;
 };
+const autoMeasureGroup = (advancedVSeed, context)=>{
+    const { vseed } = context;
+    const { measures } = vseed;
+    const hasMeasureGroup = measures?.some((measure)=>measure.children);
+    if (!measures) return advancedVSeed;
+    if (!hasMeasureGroup) {
+        const newMeasures = [
+            {
+                id: 'measureGroup',
+                alias: 'measureGroup',
+                children: measures
+            }
+        ];
+        return {
+            ...advancedVSeed,
+            measures: newMeasures
+        };
+    }
+    let currentGroup = createEmptyMeasureGroup();
+    const measureGroups = [];
+    for (const measure of measures)if ('children' in measure) {
+        if (currentGroup.children?.length) {
+            currentGroup.id = currentGroup.children.map((item)=>item.id).join('-');
+            currentGroup.alias = currentGroup.children.map((item)=>item.alias).join('-');
+            measureGroups.push(currentGroup);
+            currentGroup = createEmptyMeasureGroup();
+        }
+        measureGroups.push(measure);
+    } else currentGroup.children?.push(measure);
+    if (currentGroup.children?.length) {
+        currentGroup.id = currentGroup.children.map((item)=>item.id).join('-');
+        currentGroup.alias = currentGroup.children.map((item)=>item.alias).join('-');
+        measureGroups.push(currentGroup);
+        currentGroup = createEmptyMeasureGroup();
+    }
+    advancedVSeed.measures = measureGroups;
+    return advancedVSeed;
+};
+const createEmptyMeasureGroup = ()=>({
+        id: '',
+        alias: '',
+        children: []
+    });
 const autoDimensions = (advancedVSeed, context)=>{
     const result = {
         ...advancedVSeed
@@ -362,11 +567,21 @@ const vchartTheme = (advancedVSeed, context)=>{
     };
     return result;
 };
+const pivotAdapter = (pipeline, pivotPipeline)=>(advancedVSeed, context)=>{
+        const { vseed } = context;
+        const usePivotChart = isPivotChart(vseed);
+        if (usePivotChart) return execPipeline(pivotPipeline, context, advancedVSeed);
+        return execPipeline(pipeline, context, advancedVSeed);
+    };
 const lineAdvancedPipeline = [
     initAdvancedVSeed,
     autoMeasures,
     autoDimensions,
-    reshapeTo2D1M,
+    pivotAdapter([
+        reshapeTo2D1M
+    ], [
+        pivotReshapeTo2D1M
+    ]),
     encodingXY,
     vchartBaseConfig,
     vchartTheme
@@ -375,7 +590,11 @@ const barAdvancedPipeline = [
     initAdvancedVSeed,
     autoMeasures,
     autoDimensions,
-    reshapeTo2D1M,
+    pivotAdapter([
+        reshapeTo2D1M
+    ], [
+        pivotReshapeTo2D1M
+    ]),
     encodingYX,
     vchartBaseConfig,
     vchartTheme
@@ -384,7 +603,11 @@ const barParallelAdvancedPipeline = [
     initAdvancedVSeed,
     autoMeasures,
     autoDimensions,
-    reshapeTo2D1M,
+    pivotAdapter([
+        reshapeTo2D1M
+    ], [
+        pivotReshapeTo2D1M
+    ]),
     encodingYX,
     vchartBaseConfig,
     vchartTheme
@@ -393,7 +616,11 @@ const barPercentAdvancedPipeline = [
     initAdvancedVSeed,
     autoMeasures,
     autoDimensions,
-    reshapeTo2D1M,
+    pivotAdapter([
+        reshapeTo2D1M
+    ], [
+        pivotReshapeTo2D1M
+    ]),
     encodingYX,
     vchartBaseConfig,
     vchartTheme
@@ -402,7 +629,11 @@ const columnAdvancedPipeline = [
     initAdvancedVSeed,
     autoMeasures,
     autoDimensions,
-    reshapeTo2D1M,
+    pivotAdapter([
+        reshapeTo2D1M
+    ], [
+        pivotReshapeTo2D1M
+    ]),
     encodingXY,
     vchartBaseConfig,
     vchartTheme
@@ -411,7 +642,11 @@ const columnParallelAdvancedPipeline = [
     initAdvancedVSeed,
     autoMeasures,
     autoDimensions,
-    reshapeTo2D1M,
+    pivotAdapter([
+        reshapeTo2D1M
+    ], [
+        pivotReshapeTo2D1M
+    ]),
     encodingXY,
     vchartBaseConfig,
     vchartTheme
@@ -420,7 +655,11 @@ const columnPercentAdvancedPipeline = [
     initAdvancedVSeed,
     autoMeasures,
     autoDimensions,
-    reshapeTo2D1M,
+    pivotAdapter([
+        reshapeTo2D1M
+    ], [
+        pivotReshapeTo2D1M
+    ]),
     encodingXY,
     vchartBaseConfig,
     vchartTheme
@@ -429,7 +668,11 @@ const areaAdvancedPipeline = [
     initAdvancedVSeed,
     autoMeasures,
     autoDimensions,
-    reshapeTo2D1M,
+    pivotAdapter([
+        reshapeTo2D1M
+    ], [
+        pivotReshapeTo2D1M
+    ]),
     encodingXY,
     vchartBaseConfig,
     vchartTheme
@@ -438,11 +681,28 @@ const areaPercentAdvancedPipeline = [
     initAdvancedVSeed,
     autoMeasures,
     autoDimensions,
-    reshapeTo2D1M,
+    pivotAdapter([
+        reshapeTo2D1M
+    ], [
+        pivotReshapeTo2D1M
+    ]),
     encodingXY,
     vchartBaseConfig,
     vchartTheme
 ];
+const pieAdvancedPipeline = [
+    initAdvancedVSeed,
+    autoMeasures,
+    autoDimensions,
+    pivotAdapter([
+        reshapeTo1D1M
+    ], [
+        pivotReshapeTo1D1M
+    ]),
+    encodingPolar,
+    vchartBaseConfig,
+    vchartTheme
+];
 const dataset_dataset = (spec, context)=>{
     const { advancedVSeed } = context;
     return {
@@ -452,6 +712,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 +770,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 +819,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 +832,37 @@ const initColumnParallel = (spec, context)=>{
     result.padding = 0;
     return result;
 };
+const initPie = (spec, context)=>{
+    const result = {
+        ...spec
+    };
+    const { advancedVSeed } = context;
+    const { encoding } = advancedVSeed;
+    if (!encoding[0].angle || !encoding[0].radius || !encoding[0].group) return result;
+    result.type = 'pie';
+    result.outerRadius = 0.8;
+    result.innerRadius = 0;
+    result.valueField = encoding[0].radius[0];
+    result.categoryField = encoding[0].angle[0];
+    result.seriesField = encoding[0].group[0];
+    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 +888,9 @@ const xLinear = (spec)=>{
         {
             visible: true,
             type: 'linear',
-            orient: 'bottom'
+            orient: 'bottom',
+            nice: true,
+            zero: true
         }
     ];
     return result;
@@ -605,7 +920,9 @@ const yLinear = (spec)=>{
         {
             visible: true,
             type: 'linear',
-            orient: 'left'
+            orient: 'left',
+            nice: true,
+            zero: true
         }
     ];
     return result;
@@ -684,13 +1001,61 @@ 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;
+    const legends = {
+        visible: enable,
+        alignSelf: 'end',
+        type: 'discrete',
+        position: 'middle',
+        data: colorItems.map((d, index)=>({
+                label: d,
+                shape: {
+                    symbolType: 'square',
+                    fill: colorScheme[index]
+                }
+            })),
+        item: {
+            background: {
+                visible: true,
+                state: {
+                    selectedHover: {
+                        fill: '#000000',
+                        fillOpacity: 0.05
+                    }
+                }
+            },
+            label: {
+                style: {
+                    fontSize: 12,
+                    fill: '#6F6F6F'
+                }
+            }
+        },
+        orient: 'bottom'
+    };
+    return {
+        ...result,
+        legends
+    };
+};
 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 +1068,230 @@ const color_color = (spec, context)=>{
     };
     return result;
 };
-const lineSpecPipeline = [
+const pivotAdapter_pivotAdapter = (pipeline, pivotPipeline)=>(spec, context)=>{
+        const { vseed } = context;
+        const usePivotChart = isPivotChart(vseed);
+        if (usePivotChart) 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 pivotGridStyle = (spec)=>{
+    const result = {
+        ...spec
+    };
+    const transparent = 'rgba(0,0,0,0)';
+    return {
+        ...result,
+        theme: {
+            underlayBackgroundColor: transparent,
+            bodyStyle: {
+                borderColor: 'rgba(0,4,20,0.2)',
+                borderLineWidth: [
+                    0,
+                    0,
+                    2,
+                    0
+                ],
+                bgColor: transparent,
+                padding: [
+                    0,
+                    0,
+                    1,
+                    0
+                ]
+            },
+            headerStyle: {
+                borderColor: 'rgba(0,4,20,0.2)',
+                fontSize: 12,
+                color: '#333333',
+                textAlign: 'center',
+                borderLineWidth: 0,
+                bgColor: transparent,
+                hover: {
+                    cellBgColor: 'rgba(178,186,207, 0.2)'
+                }
+            },
+            rowHeaderStyle: {
+                borderColor: 'rgba(0,4,20,0.2)',
+                fontSize: 12,
+                color: '#333333',
+                borderLineWidth: 0,
+                bgColor: transparent,
+                hover: {
+                    cellBgColor: 'rgba(178,186,207, 0.2)'
+                }
+            },
+            cornerHeaderStyle: {
+                borderColor: 'rgba(0,4,20,0.2)',
+                textAlign: 'center',
+                fontSize: 12,
+                color: '#333333',
+                fontWeight: 'bold',
+                borderLineWidth: [
+                    0,
+                    0,
+                    0,
+                    0
+                ],
+                bgColor: transparent,
+                hover: {
+                    cellBgColor: ''
+                }
+            },
+            cornerRightTopCellStyle: {
+                borderColor: 'rgba(0,4,20,0.2)',
+                borderLineWidth: 0,
+                bgColor: transparent,
+                hover: {
+                    cellBgColor: ''
+                }
+            },
+            cornerLeftBottomCellStyle: {
+                borderColor: 'rgba(0,4,20,0.2)',
+                borderLineWidth: 0,
+                bgColor: transparent,
+                hover: {
+                    cellBgColor: ''
+                }
+            },
+            cornerRightBottomCellStyle: {
+                borderColor: 'rgba(0,4,20,0.2)',
+                borderLineWidth: 0,
+                bgColor: transparent,
+                hover: {
+                    cellBgColor: ''
+                }
+            },
+            rightFrozenStyle: {
+                borderColor: 'rgba(0,4,20,0.2)',
+                borderLineWidth: 0,
+                bgColor: transparent,
+                hover: {
+                    cellBgColor: 'rgba(178,186,207, 0.2)'
+                }
+            },
+            bottomFrozenStyle: {
+                borderColor: 'rgba(0,4,20,0.2)',
+                borderLineWidth: 0,
+                bgColor: transparent,
+                hover: {
+                    cellBgColor: 'rgba(178,186,207, 0.2)'
+                }
+            },
+            selectionStyle: {
+                cellBgColor: '',
+                cellBorderColor: ''
+            },
+            frameStyle: {
+                borderLineWidth: 0,
+                bgColor: transparent
+            }
+        }
+    };
+};
+const pivotColumnDimensions = (spec, context)=>{
+    const result = {
+        ...spec
+    };
+    const { advancedVSeed } = context;
+    const { dimensions } = advancedVSeed;
+    if (!dimensions) return result;
+    const columnDimensions = dimensions.filter((dim)=>'columnDimension' === dim.location);
+    const columns = columnDimensions.map((dim)=>({
+            dimensionKey: dim.id,
+            title: dim.alias || dim.id
+        }));
+    return {
+        ...result,
+        columns: columns
+    };
+};
+const pivotRowDimensions = (spec, context)=>{
+    const result = {
+        ...spec
+    };
+    const { advancedVSeed } = context;
+    const { dimensions } = advancedVSeed;
+    if (!dimensions) return result;
+    const rowDimensions = dimensions.filter((dim)=>'rowDimension' === dim.location);
+    const rows = rowDimensions.map((dim)=>({
+            dimensionKey: dim.id,
+            title: dim.alias || dim.id
+        }));
+    return {
+        ...result,
+        rows: rows
+    };
+};
+const line = [
     initLine,
     color_color,
     background_backgroundColor,
@@ -714,7 +1302,29 @@ const lineSpecPipeline = [
     tooltip_tooltip,
     legend_legend
 ];
-const columnSpecPipeline = [
+const pivotLine = [
+    initPivot,
+    pivotGridStyle,
+    pivotIndicators_pivotIndicatorsAsRow,
+    datasetPivot,
+    pivotIndicators([
+        initLine,
+        color_color,
+        background_backgroundColor,
+        datasetPivotPlaceholder,
+        xBand,
+        yLinear,
+        label_label,
+        tooltip_tooltip
+    ]),
+    pivotRowDimensions,
+    pivotColumnDimensions,
+    pivotLegend
+];
+const lineSpecPipeline = [
+    pivotAdapter_pivotAdapter(line, pivotLine)
+];
+const column = [
     initColumn,
     color_color,
     background_backgroundColor,
@@ -725,7 +1335,29 @@ const columnSpecPipeline = [
     tooltip_tooltip,
     legend_legend
 ];
-const columnParallelSpecPipeline = [
+const pivotColumn = [
+    initPivot,
+    pivotGridStyle,
+    pivotIndicators_pivotIndicatorsAsRow,
+    datasetPivot,
+    pivotIndicators([
+        initColumn,
+        color_color,
+        background_backgroundColor,
+        datasetPivotPlaceholder,
+        xBand,
+        yLinear,
+        label_label,
+        tooltip_tooltip
+    ]),
+    pivotRowDimensions,
+    pivotColumnDimensions,
+    pivotLegend
+];
+const columnSpecPipeline = [
+    pivotAdapter_pivotAdapter(column, pivotColumn)
+];
+const columnParallel = [
     initColumnParallel,
     color_color,
     background_backgroundColor,
@@ -736,7 +1368,29 @@ const columnParallelSpecPipeline = [
     tooltip_tooltip,
     legend_legend
 ];
-const columnPercentSpecPipeline = [
+const pivotColumnParallel = [
+    initPivot,
+    pivotGridStyle,
+    pivotIndicators_pivotIndicatorsAsRow,
+    datasetPivot,
+    pivotIndicators([
+        initColumnParallel,
+        color_color,
+        background_backgroundColor,
+        datasetPivotPlaceholder,
+        xBand,
+        yLinear,
+        label_label,
+        tooltip_tooltip
+    ]),
+    pivotRowDimensions,
+    pivotColumnDimensions,
+    pivotLegend
+];
+const columnParallelSpecPipeline = [
+    pivotAdapter_pivotAdapter(columnParallel, pivotColumnParallel)
+];
+const columnPercent = [
     initColumn,
     color_color,
     background_backgroundColor,
@@ -748,7 +1402,30 @@ const columnPercentSpecPipeline = [
     tooltip_tooltip,
     legend_legend
 ];
-const barSpecPipeline = [
+const pivotColumnPercent = [
+    initPivot,
+    pivotGridStyle,
+    pivotIndicators_pivotIndicatorsAsRow,
+    datasetPivot,
+    pivotIndicators([
+        initColumn,
+        color_color,
+        percent,
+        background_backgroundColor,
+        datasetPivotPlaceholder,
+        xBand,
+        yLinear,
+        label_label,
+        tooltip_tooltip
+    ]),
+    pivotRowDimensions,
+    pivotColumnDimensions,
+    pivotLegend
+];
+const columnPercentSpecPipeline = [
+    pivotAdapter_pivotAdapter(columnPercent, pivotColumnPercent)
+];
+const bar = [
     initBar,
     color_color,
     background_backgroundColor,
@@ -759,7 +1436,29 @@ const barSpecPipeline = [
     tooltip_tooltip,
     legend_legend
 ];
-const barParallelSpecPipeline = [
+const pivotBar = [
+    initPivot,
+    pivotGridStyle,
+    pivotIndicators_pivotIndicatorsAsCol,
+    datasetPivot,
+    pivotIndicators([
+        initBar,
+        color_color,
+        background_backgroundColor,
+        datasetPivotPlaceholder,
+        yBand,
+        label_label,
+        label_label,
+        tooltip_tooltip
+    ]),
+    pivotRowDimensions,
+    pivotColumnDimensions,
+    pivotLegend
+];
+const barSpecPipeline = [
+    pivotAdapter_pivotAdapter(bar, pivotBar)
+];
+const barParallel = [
     initBarParallel,
     color_color,
     background_backgroundColor,
@@ -770,7 +1469,29 @@ const barParallelSpecPipeline = [
     tooltip_tooltip,
     legend_legend
 ];
-const barPercentSpecPipeline = [
+const pivotBarParallel = [
+    initPivot,
+    pivotGridStyle,
+    pivotIndicators_pivotIndicatorsAsCol,
+    datasetPivot,
+    pivotIndicators([
+        initBarParallel,
+        color_color,
+        background_backgroundColor,
+        datasetPivotPlaceholder,
+        yBand,
+        xLinear,
+        label_label,
+        tooltip_tooltip
+    ]),
+    pivotRowDimensions,
+    pivotColumnDimensions,
+    pivotLegend
+];
+const barParallelSpecPipeline = [
+    pivotAdapter_pivotAdapter(barParallel, pivotBarParallel)
+];
+const barPercent = [
     initBar,
     color_color,
     background_backgroundColor,
@@ -782,7 +1503,30 @@ const barPercentSpecPipeline = [
     tooltip_tooltip,
     legend_legend
 ];
-const areaSpecPipeline = [
+const pivotBarPercent = [
+    initPivot,
+    pivotGridStyle,
+    pivotIndicators_pivotIndicatorsAsCol,
+    datasetPivot,
+    pivotIndicators([
+        initBar,
+        color_color,
+        background_backgroundColor,
+        percent,
+        datasetPivotPlaceholder,
+        yBand,
+        xLinear,
+        label_label,
+        tooltip_tooltip
+    ]),
+    pivotRowDimensions,
+    pivotColumnDimensions,
+    pivotLegend
+];
+const barPercentSpecPipeline = [
+    pivotAdapter_pivotAdapter(barPercent, pivotBarPercent)
+];
+const area_area = [
     initArea,
     color_color,
     background_backgroundColor,
@@ -794,7 +1538,30 @@ const areaSpecPipeline = [
     tooltip_tooltip,
     legend_legend
 ];
-const areaPercentSpecPipeline = [
+const pivotArea = [
+    initPivot,
+    pivotGridStyle,
+    pivotIndicators_pivotIndicatorsAsRow,
+    datasetPivot,
+    pivotIndicators([
+        initArea,
+        color_color,
+        background_backgroundColor,
+        stack,
+        datasetPivotPlaceholder,
+        xBand,
+        yLinear,
+        label_label,
+        tooltip_tooltip
+    ]),
+    pivotRowDimensions,
+    pivotColumnDimensions,
+    pivotLegend
+];
+const areaSpecPipeline = [
+    pivotAdapter_pivotAdapter(area_area, pivotArea)
+];
+const areaPercent = [
     initArea,
     color_color,
     background_backgroundColor,
@@ -806,15 +1573,58 @@ 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,
+    pivotGridStyle,
+    pivotIndicators_pivotIndicatorsAsRow,
+    datasetPivot,
+    pivotIndicators([
+        initArea,
+        color_color,
+        background_backgroundColor,
+        percent,
+        datasetPivotPlaceholder,
+        xBand,
+        yLinear,
+        label_label,
+        tooltip_tooltip
+    ]),
+    pivotRowDimensions,
+    pivotColumnDimensions,
+    pivotLegend
+];
+const areaPercentSpecPipeline = [
+    pivotAdapter_pivotAdapter(areaPercent, pivotAreaPercent)
+];
+const pie = [
+    initPie,
+    color_color,
+    background_backgroundColor,
+    dataset_dataset,
+    label_label,
+    tooltip_tooltip,
+    legend_legend
+];
+const pivotPie = [
+    initPivot,
+    pivotGridStyle,
+    pivotIndicators_pivotIndicatorsAsRow,
+    datasetPivot,
+    pivotIndicators([
+        initPie,
+        color_color,
+        background_backgroundColor,
+        datasetPivotPlaceholder,
+        label_label,
+        tooltip_tooltip
+    ]),
+    pivotRowDimensions,
+    pivotColumnDimensions,
+    pivotLegend
+];
+const pieSpecPipeline = [
+    pivotAdapter_pivotAdapter(pie, pivotPie)
+];
 const buildAdvanced = (builder)=>{
     const { chartType } = builder.vseed;
     if (!chartType) throw new Error('chartType is nil in buildAdvanced');
@@ -922,6 +1732,10 @@ const registerBarParallel = ()=>{
     Builder._advancedPipelineMap.barParallel = barParallelAdvancedPipeline;
     Builder._specPipelineMap.barParallel = barParallelSpecPipeline;
 };
+const registerPie = ()=>{
+    Builder._advancedPipelineMap.pie = pieAdvancedPipeline;
+    Builder._specPipelineMap.pie = pieSpecPipeline;
+};
 const darkTheme = ()=>({
         baseConfig: {
             vtable: {
@@ -1007,6 +1821,7 @@ const all_registerAll = ()=>{
     registerBarPercent();
     registerArea();
     registerAreaPercent();
+    registerPie();
     registerLightTheme();
     registerDarkTheme();
 };
@@ -1083,10 +1898,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(),
@@ -1129,6 +1945,6 @@ const zCustomThemeConfig = z.object({
 });
 const zCustomTheme = z.record(z.string(), zCustomThemeConfig).optional();
 const zTheme = z.string();
-export { Builder, areaAdvancedPipeline, areaPercentAdvancedPipeline, areaPercentSpecPipeline, areaSpecPipeline, barAdvancedPipeline, barParallelAdvancedPipeline, barParallelSpecPipeline, barPercentAdvancedPipeline, barPercentSpecPipeline, barSpecPipeline, columnAdvancedPipeline, columnParallelAdvancedPipeline, columnParallelSpecPipeline, columnPercentAdvancedPipeline, columnPercentSpecPipeline, columnSpecPipeline, darkTheme, dataReshapeFor1D1M_dataReshapeFor1D1M as dataReshapeFor1D1M, dataReshapeFor2D1M, execPipeline, foldMeasures, isVChart, isVTable, lightTheme, lineAdvancedPipeline, lineSpecPipeline, all_registerAll as registerAll, registerArea, registerAreaPercent, registerBar, registerBarParallel, registerBarPercent, registerColumn, registerColumnParallel, registerColumnPercent, registerCustomTheme, registerDarkTheme, registerLightTheme, registerLine, unfoldDimensions, zBackgroundColor, zBaseConfig, zChartType, zColor, zCustomTheme, zCustomThemeConfig, zDataset, zDatasetReshapeInfo, zDatum, zDimension, zDimensions, zEncoding, zFoldInfo, zLabel, zLegend, zMeasure, zMeasureGroup, zMeasures, zTheme, zTooltip, zUnfoldInfo };
+export { Builder, areaAdvancedPipeline, areaPercentAdvancedPipeline, areaPercentSpecPipeline, areaSpecPipeline, barAdvancedPipeline, barParallelAdvancedPipeline, barParallelSpecPipeline, barPercentAdvancedPipeline, barPercentSpecPipeline, barSpecPipeline, columnAdvancedPipeline, columnParallelAdvancedPipeline, columnParallelSpecPipeline, columnPercentAdvancedPipeline, columnPercentSpecPipeline, columnSpecPipeline, darkTheme, dataReshapeFor1D1M, dataReshapeFor2D1M, execPipeline, foldMeasures, isPivotChart, isVChart, isVTable, lightTheme, lineAdvancedPipeline, lineSpecPipeline, pieAdvancedPipeline, pieSpecPipeline, all_registerAll as registerAll, registerArea, registerAreaPercent, registerBar, registerBarParallel, registerBarPercent, registerColumn, registerColumnParallel, registerColumnPercent, registerCustomTheme, registerDarkTheme, registerLightTheme, registerLine, unfoldDimensions, zBackgroundColor, zBaseConfig, zChartType, zColor, zCustomTheme, zCustomThemeConfig, zDataset, zDatasetReshapeInfo, zDatum, zDimension, zDimensions, zEncoding, zFoldInfo, zLabel, zLegend, zMeasure, zMeasureGroup, zMeasures, zTheme, zTooltip, zUnfoldInfo };
 
 //# sourceMappingURL=index.js.map