@visactor/vseed 0.0.5 → 0.0.6

package/dist/index.cjs

@@ -49,7 +49,7 @@ __webpack_require__.d(__webpack_exports__, {
     lightTheme: ()=>lightTheme,
     registerColumnParallel: ()=>registerColumnParallel,
     zCustomTheme: ()=>zCustomTheme,
-    dataReshapeFor1D1M: ()=>dataReshapeFor1D1M,
+    dataReshapeFor1D1M: ()=>dataReshapeFor1D1M_dataReshapeFor1D1M,
     registerArea: ()=>registerArea,
     zDataset: ()=>zDataset,
     barPercentAdvancedPipeline: ()=>barPercentAdvancedPipeline,
@@ -87,38 +87,13 @@ __webpack_require__.d(__webpack_exports__, {
     barParallelSpecPipeline: ()=>barParallelSpecPipeline,
     registerBar: ()=>registerBar
 });
-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 foldMeasures = (dataset, measures, measureId = FoldMeasureId, measureName = FoldMeasureName, measureValue = FoldMeasureValue)=>{
-    const foldInfo = {
-        measureId,
-        measureName,
-        measureValue,
-        foldMap: {}
-    };
-    const result = new Array(dataset.length * measures.length);
-    let index = 0;
-    for(let i = 0; i < dataset.length; i++)for(let j = 0; j < measures.length; j++){
-        const datum = {
-            ...dataset[i]
-        };
-        const measure = measures[j];
-        const { id, alias } = measure;
-        datum[measureId] = id;
-        datum[measureName] = alias;
-        datum[measureValue] = dataset[i][id];
-        foldInfo.foldMap[id] = alias;
-        result[index++] = datum;
-    }
-    return {
-        dataset: result,
-        foldInfo
-    };
-};
-const unfoldDimensions = (dataset, dimensions, measures, unfoldStartIndex = 0, foldGroupName = FoldDimensionGroup, dimensionsSeparator = Separator)=>{
+const external_remeda_namespaceObject = require("remeda");
+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 = {
@@ -139,13 +114,39 @@ const unfoldDimensions = (dataset, dimensions, measures, unfoldStartIndex = 0, f
         datum[foldGroupName] = colorItem;
         colorItems.push(colorItem);
     }
-    unfoldInfo.colorItems = colorItems;
+    unfoldInfo.colorItems = (0, external_remeda_namespaceObject.unique)(colorItems);
     return {
         dataset,
         unfoldInfo
     };
 };
 const generateDimGroupName = (dimensionsToBeGrouped, datum, dimensionsSeparator)=>dimensionsToBeGrouped.map((dim)=>String(datum[dim.id])).join(dimensionsSeparator);
+const foldMeasures = (dataset, measures, measureId = constant_FoldMeasureId, measureName = constant_FoldMeasureName, measureValue = constant_FoldMeasureValue)=>{
+    const foldInfo = {
+        measureId,
+        measureName,
+        measureValue,
+        foldMap: {}
+    };
+    const result = new Array(dataset.length * measures.length);
+    let index = 0;
+    for(let i = 0; i < dataset.length; i++)for(let j = 0; j < measures.length; j++){
+        const datum = {
+            ...dataset[i]
+        };
+        const measure = measures[j];
+        const { id, alias } = measure;
+        datum[measureId] = id;
+        datum[measureName] = alias;
+        datum[measureValue] = dataset[i][id];
+        foldInfo.foldMap[id] = alias;
+        result[index++] = datum;
+    }
+    return {
+        dataset: result,
+        foldInfo
+    };
+};
 const emptyReshapeResult = {
     dataset: [],
     foldInfo: {
@@ -159,27 +160,85 @@ 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,
+                alias: "\u6307\u6807\u503C"
+            }
+        ], 1, unfoldDimensionGroup);
+        return {
+            dataset: finalDataset,
+            foldInfo,
+            unfoldInfo
+        };
+    }
+    {
+        const { dataset: finalDataset, unfoldInfo } = unfoldDimensions(foldedDataset, [
+            ...dimensions,
+            {
+                id: foldMeasureName,
+                alias: "\u6307\u6807\u540D\u79F0",
+                location: 'dimension'
+            }
+        ], [
+            {
+                id: foldMeasureValue,
+                alias: "\u6307\u6807\u503C"
+            }
+        ], 1, unfoldDimensionGroup);
+        return {
+            dataset: finalDataset,
+            foldInfo,
+            unfoldInfo
+        };
+    }
+};
+const dataReshapeFor1D1M_emptyReshapeResult = {
+    dataset: [],
+    foldInfo: {
+        foldMap: {},
+        measureId: '',
+        measureName: '',
+        measureValue: ''
+    },
+    unfoldInfo: {
+        groupName: '',
+        colorItems: []
+    }
+};
+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);
+    if (0 === dimensions.length) {
+        const { dataset: finalDataset, unfoldInfo } = unfoldDimensions(foldedDataset, [
+            {
+                id: foldMeasureName,
                 alias: "\u6307\u6807\u540D\u79F0",
                 location: 'dimension'
             }
         ], [
             {
-                id: FoldMeasureValue,
+                id: foldMeasureValue,
                 alias: "\u6307\u6807\u503C"
             }
-        ], 1, FoldDimensionGroup);
+        ], 0, unfoldDimensionGroup);
         return {
             dataset: finalDataset,
             foldInfo,
@@ -190,16 +249,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);
+        ], 0, unfoldDimensionGroup);
         return {
             dataset: finalDataset,
             foldInfo,
@@ -220,42 +279,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
@@ -267,28 +370,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
@@ -358,7 +464,6 @@ const autoDimensions = (advancedVSeed, context)=>{
         }));
     return result;
 };
-const external_remeda_namespaceObject = require("remeda");
 const vchartBaseConfig = (advancedVSeed, context)=>{
     const { vseed } = context;
     const result = {
@@ -394,11 +499,25 @@ const vchartTheme = (advancedVSeed, context)=>{
     };
     return result;
 };
+const execPipeline = (pipeline, context, initialValue = {})=>{
+    const result = pipeline.reduce((prev, cur)=>cur(prev, context), initialValue);
+    return result;
+};
+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
@@ -407,7 +526,11 @@ const barAdvancedPipeline = [
     initAdvancedVSeed,
     autoMeasures,
     autoDimensions,
-    reshapeTo2D1M,
+    pivotAdapter([
+        reshapeTo2D1M
+    ], [
+        pivotReshapeTo2D1M
+    ]),
     encodingYX,
     vchartBaseConfig,
     vchartTheme
@@ -416,7 +539,11 @@ const barParallelAdvancedPipeline = [
     initAdvancedVSeed,
     autoMeasures,
     autoDimensions,
-    reshapeTo2D1M,
+    pivotAdapter([
+        reshapeTo2D1M
+    ], [
+        pivotReshapeTo2D1M
+    ]),
     encodingYX,
     vchartBaseConfig,
     vchartTheme
@@ -425,7 +552,11 @@ const barPercentAdvancedPipeline = [
     initAdvancedVSeed,
     autoMeasures,
     autoDimensions,
-    reshapeTo2D1M,
+    pivotAdapter([
+        reshapeTo2D1M
+    ], [
+        pivotReshapeTo2D1M
+    ]),
     encodingYX,
     vchartBaseConfig,
     vchartTheme
@@ -434,7 +565,11 @@ const columnAdvancedPipeline = [
     initAdvancedVSeed,
     autoMeasures,
     autoDimensions,
-    reshapeTo2D1M,
+    pivotAdapter([
+        reshapeTo2D1M
+    ], [
+        pivotReshapeTo2D1M
+    ]),
     encodingXY,
     vchartBaseConfig,
     vchartTheme
@@ -443,7 +578,11 @@ const columnParallelAdvancedPipeline = [
     initAdvancedVSeed,
     autoMeasures,
     autoDimensions,
-    reshapeTo2D1M,
+    pivotAdapter([
+        reshapeTo2D1M
+    ], [
+        pivotReshapeTo2D1M
+    ]),
     encodingXY,
     vchartBaseConfig,
     vchartTheme
@@ -452,7 +591,11 @@ const columnPercentAdvancedPipeline = [
     initAdvancedVSeed,
     autoMeasures,
     autoDimensions,
-    reshapeTo2D1M,
+    pivotAdapter([
+        reshapeTo2D1M
+    ], [
+        pivotReshapeTo2D1M
+    ]),
     encodingXY,
     vchartBaseConfig,
     vchartTheme
@@ -461,7 +604,11 @@ const areaAdvancedPipeline = [
     initAdvancedVSeed,
     autoMeasures,
     autoDimensions,
-    reshapeTo2D1M,
+    pivotAdapter([
+        reshapeTo2D1M
+    ], [
+        pivotReshapeTo2D1M
+    ]),
     encodingXY,
     vchartBaseConfig,
     vchartTheme
@@ -470,19 +617,54 @@ const areaPercentAdvancedPipeline = [
     initAdvancedVSeed,
     autoMeasures,
     autoDimensions,
-    reshapeTo2D1M,
+    pivotAdapter([
+        reshapeTo2D1M
+    ], [
+        pivotReshapeTo2D1M
+    ]),
     encodingXY,
     vchartBaseConfig,
     vchartTheme
 ];
-const initLine = (spec, context)=>{
+const dataset_dataset = (spec, context)=>{
+    const { advancedVSeed } = context;
+    return {
+        ...spec,
+        data: {
+            values: advancedVSeed.dataset
+        }
+    };
+};
+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
     };
     const { advancedVSeed } = context;
     const { encoding } = advancedVSeed;
     if (!encoding[0].y || !encoding[0].x || !encoding[0].group) return result;
-    result.type = 'line';
+    result.type = 'bar';
     result.direction = 'vertical';
     result.xField = encoding[0].x[0];
     result.yField = encoding[0].y[0];
@@ -490,45 +672,102 @@ const initLine = (spec, context)=>{
     result.padding = 0;
     return result;
 };
-const color_color = (spec, context)=>{
+const initBar = (spec, context)=>{
     const result = {
         ...spec
     };
     const { advancedVSeed } = context;
-    const { datasetReshapeInfo } = advancedVSeed;
-    const { unfoldInfo } = datasetReshapeInfo;
-    const baseConfig = advancedVSeed.baseConfig.vchart;
-    if (!baseConfig || !baseConfig.color) return result;
-    const { color } = baseConfig;
-    const { colorScheme, colorMapping } = color;
-    result.color = {
-        type: 'ordinal',
-        domain: unfoldInfo.colorItems,
-        range: colorScheme,
-        specified: colorMapping
+    const { encoding } = advancedVSeed;
+    if (!encoding[0].y || !encoding[0].x || !encoding[0].group) return result;
+    result.type = 'bar';
+    result.direction = 'horizontal';
+    result.yField = encoding[0].y?.[0];
+    result.xField = encoding[0].x?.[0];
+    result.seriesField = encoding[0].group?.[0];
+    result.padding = 0;
+    return result;
+};
+const initBarParallel = (spec, context)=>{
+    const result = {
+        ...spec
     };
+    const { advancedVSeed } = context;
+    const { encoding, datasetReshapeInfo } = advancedVSeed;
+    const { unfoldInfo } = datasetReshapeInfo[0];
+    if (!encoding[0].y || !encoding[0].x || !encoding[0].group) return result;
+    result.type = 'bar';
+    result.direction = 'horizontal';
+    result.yField = [
+        encoding[0].y[0],
+        unfoldInfo.groupName
+    ];
+    result.xField = encoding[0].x[0];
+    result.seriesField = encoding[0].group[0];
+    result.padding = 0;
     return result;
 };
-const background_backgroundColor = (spec, context)=>{
+const initArea = (spec, context)=>{
     const result = {
         ...spec
     };
     const { advancedVSeed } = context;
-    const { baseConfig } = advancedVSeed;
-    if (!baseConfig?.vchart) return result;
-    const { backgroundColor } = baseConfig.vchart;
-    return {
-        ...result,
-        background: backgroundColor
+    const { encoding } = advancedVSeed;
+    if (!encoding[0].y || !encoding[0].x || !encoding[0].group) return result;
+    result.type = 'area';
+    result.direction = 'vertical';
+    result.xField = encoding[0].x[0];
+    result.yField = encoding[0].y[0];
+    result.seriesField = encoding[0].group[0];
+    result.padding = 0;
+    return result;
+};
+const initLine = (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 = 'line';
+    result.direction = 'vertical';
+    result.xField = encoding[0].x[0];
+    result.yField = encoding[0].y[0];
+    result.seriesField = encoding[0].group[0];
+    result.padding = 0;
+    return result;
 };
-const dataset_dataset = (spec, context)=>{
+const initColumnParallel = (spec, context)=>{
+    const result = {
+        ...spec
+    };
     const { advancedVSeed } = context;
+    const { encoding, datasetReshapeInfo } = advancedVSeed;
+    const { unfoldInfo } = datasetReshapeInfo[0];
+    if (!encoding[0].y || !encoding[0].x || !encoding[0].group) return result;
+    result.type = 'bar';
+    result.direction = 'vertical';
+    result.xField = [
+        encoding[0].x[0],
+        unfoldInfo.groupName
+    ];
+    result.yField = encoding[0].y[0];
+    result.seriesField = encoding[0].group[0];
+    result.padding = 0;
+    return result;
+};
+const initPivot = (spec)=>{
+    const result = {
+        ...spec
+    };
     return {
-        ...spec,
-        data: {
-            values: advancedVSeed.dataset
-        }
+        ...result,
+        rows: [],
+        columns: [],
+        indicators: [],
+        records: [],
+        widthMode: 'adaptive',
+        heightMode: 'adaptive',
+        indicatorsAsCol: false
     };
 };
 const xBand = (spec)=>{
@@ -546,7 +785,7 @@ const xBand = (spec)=>{
     ];
     return result;
 };
-const yLinear = (spec)=>{
+const xLinear = (spec)=>{
     const result = {
         ...spec
     };
@@ -556,11 +795,88 @@ const yLinear = (spec)=>{
         {
             visible: true,
             type: 'linear',
+            orient: 'bottom',
+            nice: true,
+            zero: true
+        }
+    ];
+    return result;
+};
+const yBand = (spec)=>{
+    const result = {
+        ...spec
+    };
+    if (!result.axes) result.axes = [];
+    result.axes = [
+        ...result.axes,
+        {
+            visible: true,
+            type: 'band',
             orient: 'left'
         }
     ];
     return result;
 };
+const yLinear = (spec)=>{
+    const result = {
+        ...spec
+    };
+    if (!result.axes) result.axes = [];
+    result.axes = [
+        ...result.axes,
+        {
+            visible: true,
+            type: 'linear',
+            orient: 'left',
+            nice: true,
+            zero: true
+        }
+    ];
+    return result;
+};
+const percent = (spec, context)=>{
+    const result = {
+        ...spec
+    };
+    result.percent = true;
+    return result;
+};
+const stack = (spec, context)=>{
+    const result = {
+        ...spec
+    };
+    result.stack = true;
+    return result;
+};
+const background_backgroundColor = (spec, context)=>{
+    const result = {
+        ...spec
+    };
+    const { advancedVSeed } = context;
+    const { baseConfig } = advancedVSeed;
+    if (!baseConfig?.vchart) return result;
+    const { backgroundColor } = baseConfig.vchart;
+    return {
+        ...result,
+        background: backgroundColor
+    };
+};
+const defaultTooltip = {
+    enable: true
+};
+const tooltip_tooltip = (spec, context)=>{
+    const result = {
+        ...spec
+    };
+    const { advancedVSeed } = context;
+    const baseConfig = advancedVSeed.baseConfig.vchart;
+    const { tooltip = defaultTooltip } = baseConfig;
+    const { enable } = tooltip;
+    result.tooltip = {
+        visible: enable
+    };
+    return result;
+};
 const label_label = (spec, context)=>{
     const result = {
         ...spec
@@ -575,40 +891,146 @@ const label_label = (spec, context)=>{
     };
     return result;
 };
-const defaultTooltip = {
-    enable: true
-};
-const tooltip_tooltip = (spec, context)=>{
+const defaultLegend = {
+    enable: true
+};
+const legend_legend = (spec, context)=>{
+    const result = {
+        ...spec
+    };
+    const { advancedVSeed } = context;
+    const baseConfig = advancedVSeed.baseConfig.vchart;
+    if (!baseConfig || !baseConfig.legend) return result;
+    const { legend = defaultLegend } = baseConfig;
+    const { enable } = legend;
+    result.legends = {
+        visible: enable
+    };
+    return result;
+};
+const 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 = (0, external_remeda_namespaceObject.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[0];
+    const baseConfig = advancedVSeed.baseConfig.vchart;
+    if (!baseConfig || !baseConfig.color) return result;
+    const { color } = baseConfig;
+    const { colorScheme, colorMapping } = color;
+    result.color = {
+        type: 'ordinal',
+        domain: unfoldInfo.colorItems,
+        range: colorScheme,
+        specified: colorMapping
+    };
+    return result;
+};
+const 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 = (0, external_remeda_namespaceObject.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
     };
-    const { advancedVSeed } = context;
-    const baseConfig = advancedVSeed.baseConfig.vchart;
-    const { tooltip = defaultTooltip } = baseConfig;
-    const { enable } = tooltip;
-    result.tooltip = {
-        visible: enable
+    return {
+        ...result,
+        indicatorsAsCol: false
     };
-    return result;
-};
-const defaultLegend = {
-    enable: true
 };
-const legend_legend = (spec, context)=>{
+const pivotIndicators_pivotIndicatorsAsCol = (spec)=>{
     const result = {
         ...spec
     };
-    const { advancedVSeed } = context;
-    const baseConfig = advancedVSeed.baseConfig.vchart;
-    if (!baseConfig || !baseConfig.legend) return result;
-    const { legend = defaultLegend } = baseConfig;
-    const { enable } = legend;
-    result.legends = {
-        visible: enable
+    return {
+        ...result,
+        indicatorsAsCol: true
     };
-    return result;
 };
-const lineSpecPipeline = [
+const line = [
     initLine,
     color_color,
     background_backgroundColor,
@@ -619,22 +1041,26 @@ const lineSpecPipeline = [
     tooltip_tooltip,
     legend_legend
 ];
-const initColumn = (spec, context)=>{
-    const result = {
-        ...spec
-    };
-    const { advancedVSeed } = context;
-    const { encoding } = advancedVSeed;
-    if (!encoding[0].y || !encoding[0].x || !encoding[0].group) return result;
-    result.type = 'bar';
-    result.direction = 'vertical';
-    result.xField = encoding[0].x[0];
-    result.yField = encoding[0].y[0];
-    result.seriesField = encoding[0].group[0];
-    result.padding = 0;
-    return result;
-};
-const columnSpecPipeline = [
+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,
@@ -645,26 +1071,26 @@ const columnSpecPipeline = [
     tooltip_tooltip,
     legend_legend
 ];
-const initColumnParallel = (spec, context)=>{
-    const result = {
-        ...spec
-    };
-    const { advancedVSeed } = context;
-    const { encoding, datasetReshapeInfo } = advancedVSeed;
-    const { unfoldInfo } = datasetReshapeInfo;
-    if (!encoding[0].y || !encoding[0].x || !encoding[0].group) return result;
-    result.type = 'bar';
-    result.direction = 'vertical';
-    result.xField = [
-        encoding[0].x[0],
-        unfoldInfo.groupName
-    ];
-    result.yField = encoding[0].y[0];
-    result.seriesField = encoding[0].group[0];
-    result.padding = 0;
-    return result;
-};
-const columnParallelSpecPipeline = [
+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,
@@ -675,14 +1101,26 @@ const columnParallelSpecPipeline = [
     tooltip_tooltip,
     legend_legend
 ];
-const percent = (spec, context)=>{
-    const result = {
-        ...spec
-    };
-    result.percent = true;
-    return result;
-};
-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,
@@ -694,52 +1132,27 @@ const columnPercentSpecPipeline = [
     tooltip_tooltip,
     legend_legend
 ];
-const initBar = (spec, context)=>{
-    const result = {
-        ...spec
-    };
-    const { advancedVSeed } = context;
-    const { encoding } = advancedVSeed;
-    if (!encoding[0].y || !encoding[0].x || !encoding[0].group) return result;
-    result.type = 'bar';
-    result.direction = 'horizontal';
-    result.yField = encoding[0].y?.[0];
-    result.xField = encoding[0].x?.[0];
-    result.seriesField = encoding[0].group?.[0];
-    result.padding = 0;
-    return result;
-};
-const xLinear = (spec)=>{
-    const result = {
-        ...spec
-    };
-    if (!result.axes) result.axes = [];
-    result.axes = [
-        ...result.axes,
-        {
-            visible: true,
-            type: 'linear',
-            orient: 'bottom'
-        }
-    ];
-    return result;
-};
-const yBand = (spec)=>{
-    const result = {
-        ...spec
-    };
-    if (!result.axes) result.axes = [];
-    result.axes = [
-        ...result.axes,
-        {
-            visible: true,
-            type: 'band',
-            orient: 'left'
-        }
-    ];
-    return result;
-};
-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,
@@ -750,26 +1163,26 @@ const barSpecPipeline = [
     tooltip_tooltip,
     legend_legend
 ];
-const initBarParallel = (spec, context)=>{
-    const result = {
-        ...spec
-    };
-    const { advancedVSeed } = context;
-    const { encoding, datasetReshapeInfo } = advancedVSeed;
-    const { unfoldInfo } = datasetReshapeInfo;
-    if (!encoding[0].y || !encoding[0].x || !encoding[0].group) return result;
-    result.type = 'bar';
-    result.direction = 'horizontal';
-    result.yField = [
-        encoding[0].y[0],
-        unfoldInfo.groupName
-    ];
-    result.xField = encoding[0].x[0];
-    result.seriesField = encoding[0].group[0];
-    result.padding = 0;
-    return result;
-};
-const 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,
@@ -780,7 +1193,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,
@@ -792,29 +1224,27 @@ const barPercentSpecPipeline = [
     tooltip_tooltip,
     legend_legend
 ];
-const initArea = (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 = 'area';
-    result.direction = 'vertical';
-    result.xField = encoding[0].x[0];
-    result.yField = encoding[0].y[0];
-    result.seriesField = encoding[0].group[0];
-    result.padding = 0;
-    return result;
-};
-const stack = (spec, context)=>{
-    const result = {
-        ...spec
-    };
-    result.stack = true;
-    return result;
-};
-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,
@@ -826,7 +1256,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,
@@ -838,10 +1288,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 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 isVTable = (chartType)=>[
         'table',
         'pivotTable'
@@ -1116,10 +1582,11 @@ const zUnfoldInfo = external_zod_namespaceObject.z.object({
     colorItems: external_zod_namespaceObject.z.array(external_zod_namespaceObject.z.string()),
     groupName: external_zod_namespaceObject.z.string()
 });
-const zDatasetReshapeInfo = external_zod_namespaceObject.z.object({
+const zDatasetReshapeInfo = external_zod_namespaceObject.z.array(external_zod_namespaceObject.z.object({
+    id: external_zod_namespaceObject.z.string(),
     foldInfo: zFoldInfo,
     unfoldInfo: zUnfoldInfo
-});
+}));
 const zEncoding = external_zod_namespaceObject.z.array(external_zod_namespaceObject.z.object({
     x: external_zod_namespaceObject.z.array(external_zod_namespaceObject.z.string()).optional(),
     y: external_zod_namespaceObject.z.array(external_zod_namespaceObject.z.string()).optional(),
@@ -1162,62 +1629,6 @@ const zCustomThemeConfig = external_zod_namespaceObject.z.object({
 });
 const zCustomTheme = external_zod_namespaceObject.z.record(external_zod_namespaceObject.z.string(), zCustomThemeConfig).optional();
 const zTheme = external_zod_namespaceObject.z.string();
-const dataReshapeFor1D1M_emptyReshapeResult = {
-    dataset: [],
-    foldInfo: {
-        foldMap: {},
-        measureId: '',
-        measureName: '',
-        measureValue: ''
-    },
-    unfoldInfo: {
-        groupName: '',
-        colorItems: []
-    }
-};
-const dataReshapeFor1D1M = (dataset, dimensions, measures)=>{
-    if (0 === dimensions.length && 0 === measures.length) return dataReshapeFor1D1M_emptyReshapeResult;
-    const { dataset: foldedDataset, foldInfo } = foldMeasures(dataset, measures, FoldMeasureId, FoldMeasureName, FoldMeasureValue);
-    if (0 === dimensions.length) {
-        const { dataset: finalDataset, unfoldInfo } = unfoldDimensions(foldedDataset, [
-            {
-                id: FoldMeasureName,
-                alias: "\u6307\u6807\u540D\u79F0",
-                location: 'dimension'
-            }
-        ], [
-            {
-                id: FoldMeasureValue,
-                alias: "\u6307\u6807\u503C"
-            }
-        ], 0, FoldDimensionGroup);
-        return {
-            dataset: finalDataset,
-            foldInfo,
-            unfoldInfo
-        };
-    }
-    {
-        const { dataset: finalDataset, unfoldInfo } = unfoldDimensions(foldedDataset, [
-            ...dimensions,
-            {
-                id: FoldMeasureName,
-                alias: "\u6307\u6807\u540D\u79F0",
-                location: 'dimension'
-            }
-        ], [
-            {
-                id: FoldMeasureValue,
-                alias: "\u6307\u6807\u503C"
-            }
-        ], 0, FoldDimensionGroup);
-        return {
-            dataset: finalDataset,
-            foldInfo,
-            unfoldInfo
-        };
-    }
-};
 exports.Builder = __webpack_exports__.Builder;
 exports.areaAdvancedPipeline = __webpack_exports__.areaAdvancedPipeline;
 exports.areaPercentAdvancedPipeline = __webpack_exports__.areaPercentAdvancedPipeline;