@visactor/vseed 0.0.21 → 0.0.23

package/dist/index.js

@@ -1,6 +1,6 @@
-import { clone, groupBy, isArray, isEmpty, isNullish, isNumber, isString, mergeDeep, omit, pick, unique } from "remeda";
+import { clone, groupBy, isArray, isEmpty, isNullish, isNumber, isString, mergeDeep, omit, pick, sort, unique } from "remeda";
 import { color as external_d3_color_color } from "d3-color";
-import { z } from "zod";
+import zod, { z } from "zod";
 const initAdvancedVSeed = (advancedVSeed, context)=>{
     const { vseed } = context;
     const { chartType, locale } = vseed;
@@ -62,7 +62,6 @@ const createNumFormatter = (format, locale = intl.getLocale())=>{
         roundingMode,
         roundingPriority
     };
-    console.log('debug roundingMode', roundingMode);
     if (isNumber(fractionDigits)) {
         if (fractionDigits >= 0) {
             numFormatterOptions.minimumFractionDigits = fractionDigits;
@@ -300,6 +299,51 @@ const autoDimensions = (advancedVSeed, context)=>{
         }));
     return result;
 };
+const autoMeasuresBy2M1Group = (advancedVSeed, context)=>{
+    const result = {
+        ...advancedVSeed
+    };
+    const { vseed } = context;
+    const { measures, dataset } = vseed;
+    if (!dataset) throw new Error('dataset is required');
+    if (0 === dataset.length) return result;
+    if (measures) {
+        result.measures = auto2M1Group(measures);
+        return result;
+    }
+    const top100dataset = dataset.slice(0, 100);
+    const sample = top100dataset.reduce((prev, cur)=>({
+            ...prev,
+            ...cur
+        }), {});
+    const newMeasures = Object.keys(sample).filter((key)=>top100dataset.some((item)=>'number' == typeof item[key]) && ![
+            '',
+            null,
+            void 0
+        ].includes(key)).map((measure)=>({
+            id: measure,
+            alias: measure
+        }));
+    result.measures = auto2M1Group(newMeasures);
+    return result;
+};
+const auto2M1Group = (measures)=>{
+    const allMeasures = findAllMeasures(measures);
+    if (allMeasures.length <= 2) return allMeasures;
+    const groups = measures.filter((measure)=>'children' in measure);
+    const singleMeasures = measures.filter((measure)=>!('children' in measure));
+    for(let i = 0; i < singleMeasures.length; i += 2){
+        const group = autoMeasuresBy2M1Group_createEmptyMeasureGroup();
+        group.children = allMeasures.slice(i, i + 2);
+        groups.push(group);
+    }
+    return groups;
+};
+const autoMeasuresBy2M1Group_createEmptyMeasureGroup = ()=>({
+        id: '',
+        alias: '',
+        children: []
+    });
 const FoldMeasureName = '__MeaName__';
 const FoldMeasureValue = '__MeaValue__';
 const FoldMeasureId = '__MeaId__';
@@ -330,10 +374,10 @@ const unfoldDimensions = (dataset, dimensions, measures, unfoldStartIndex = 0, u
     for(let i = 0; i < dataset.length; i++){
         const datum = dataset[i];
         const colorName = generateDimGroupName(dimensionsToBeUnfolded, datum, dimensionsSeparator);
-        const colorId = [
+        const colorId = datum[foldMeasureId] ? [
             colorName,
-            datum[foldMeasureId] || 'id'
-        ].join(dimensionsSeparator);
+            datum[foldMeasureId]
+        ].join(dimensionsSeparator) : colorName;
         datum[unfoldGroupName] = colorName;
         datum[unfoldGroupId] = colorId;
         colorItems.push(colorId);
@@ -559,6 +603,58 @@ const dataReshapeFor1D2M = (dataset, dimensions, measures, options)=>{
         };
     }
 };
+const dataReshapeFor1D_emptyReshapeResult = {
+    dataset: [],
+    foldInfo: {
+        foldMap: {},
+        measureId: '',
+        measureName: '',
+        measureValue: ''
+    },
+    unfoldInfo: {
+        groupName: '',
+        groupId: '',
+        colorItems: [],
+        colorIdMap: {}
+    }
+};
+const dataReshapeFor1D = (dataset, dimensions, measures, options)=>{
+    const { foldMeasureId = FoldMeasureId, foldMeasureName = FoldMeasureName, foldMeasureValue = FoldMeasureValue, unfoldDimensionGroup = UnfoldDimensionGroup, unfoldDimensionGroupId = UnfoldDimensionGroupId } = options || {};
+    if (0 === dimensions.length && 0 === measures.length) return dataReshapeFor1D_emptyReshapeResult;
+    if (0 === dimensions.length) {
+        const { dataset: finalDataset, unfoldInfo } = unfoldDimensions(dataset, [], [], 0, unfoldDimensionGroup, unfoldDimensionGroupId, foldMeasureId);
+        return {
+            dataset: finalDataset,
+            foldInfo: {
+                foldMap: {},
+                measureId: foldMeasureId,
+                measureName: foldMeasureName,
+                measureValue: foldMeasureValue
+            },
+            unfoldInfo
+        };
+    }
+    {
+        const { dataset: finalDataset, unfoldInfo } = unfoldDimensions(dataset, [
+            ...dimensions
+        ], [
+            {
+                id: foldMeasureValue,
+                alias: i18n`指标值`
+            }
+        ], 0, unfoldDimensionGroup, unfoldDimensionGroupId, foldMeasureId);
+        return {
+            dataset: finalDataset,
+            foldInfo: {
+                foldMap: {},
+                measureId: foldMeasureId,
+                measureName: foldMeasureName,
+                measureValue: foldMeasureValue
+            },
+            unfoldInfo
+        };
+    }
+};
 const reshapeTo2D1M = (advancedVSeed, context)=>{
     const result = {
         ...advancedVSeed
@@ -627,6 +723,28 @@ const reshapeTo1D2M = (advancedVSeed, context)=>{
         ]
     };
 };
+const reshapeTo1D = (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 } = dataReshapeFor1D(dataset, dimensions, measures);
+    return {
+        ...result,
+        dataset: newDatasets,
+        datasetReshapeInfo: [
+            {
+                id: '1D2M',
+                foldInfo,
+                unfoldInfo
+            }
+        ]
+    };
+};
 const pivotReshapeTo1D1M = (advancedVSeed, context)=>{
     const result = {
         ...advancedVSeed
@@ -747,17 +865,58 @@ const pivotReshapeTo2D1M = (advancedVSeed, context)=>{
         datasetReshapeInfo: datasetReshapeInfo
     };
 };
+const pivotReshapeTo1D = (advancedVSeed, context)=>{
+    const result = {
+        ...advancedVSeed
+    };
+    const { vseed } = context;
+    const { dataset } = vseed;
+    const { measures } = advancedVSeed;
+    const dimensions = advancedVSeed.dimensions;
+    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 } = dataReshapeFor1D(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 encodingXY = (advancedVSeed)=>{
     const result = {
         ...advancedVSeed
     };
     const { datasetReshapeInfo, dimensions } = advancedVSeed;
     if (!datasetReshapeInfo || !dimensions) return result;
+    const xDimension = dimensions.find((item)=>'rowDimension' !== item.location && 'columnDimension' !== item.location);
     const isZeroDimension = 0 === dimensions.length;
     const encoding = datasetReshapeInfo.reduce((prev, cur)=>{
         const { foldInfo, unfoldInfo } = cur;
         const x = [
-            isZeroDimension ? foldInfo.measureName : dimensions[0].id
+            isZeroDimension ? foldInfo.measureName : xDimension?.id
         ];
         const y = [
             foldInfo.measureValue
@@ -789,11 +948,12 @@ const encodingYX = (advancedVSeed)=>{
     };
     const { datasetReshapeInfo, dimensions } = advancedVSeed;
     if (!datasetReshapeInfo || !dimensions) return result;
+    const yDimension = dimensions.find((item)=>'rowDimension' !== item.location && 'columnDimension' !== item.location);
     const isZeroDimension = 0 === dimensions.length;
     const encoding = datasetReshapeInfo.reduce((prev, cur)=>{
         const { foldInfo, unfoldInfo } = cur;
         const y = [
-            isZeroDimension ? foldInfo.measureName : dimensions[0].id
+            isZeroDimension ? foldInfo.measureName : yDimension?.id
         ];
         const x = [
             foldInfo.measureValue
@@ -855,12 +1015,81 @@ const encodingYY = (advancedVSeed)=>{
         encoding
     };
 };
+const encodingXYY = (advancedVSeed)=>{
+    const result = {
+        ...advancedVSeed
+    };
+    const { datasetReshapeInfo, dimensions, measures } = advancedVSeed;
+    if (!datasetReshapeInfo || !dimensions || !measures) return result;
+    const encoding = datasetReshapeInfo.reduce((prev, cur, index)=>{
+        const measure = measures[index];
+        if ('children' in measure) {
+            const m1 = measure.children?.[0];
+            const m2 = measure.children?.[1] || m1;
+            const { foldInfo, unfoldInfo } = cur;
+            const x = [
+                unfoldInfo.groupId
+            ];
+            const y = [
+                m1?.id,
+                m2?.id
+            ];
+            const group = [
+                unfoldInfo.groupId
+            ];
+            const color = [
+                foldInfo.measureName
+            ];
+            return [
+                ...prev,
+                {
+                    x,
+                    y,
+                    group,
+                    color
+                }
+            ];
+        }
+        {
+            const m1 = measures[index];
+            const m2 = measures[index + 1] || m1;
+            const { foldInfo, unfoldInfo } = cur;
+            const x = [
+                unfoldInfo.groupId
+            ];
+            const y = [
+                m1.id,
+                m2.id
+            ];
+            const group = [
+                unfoldInfo.groupId
+            ];
+            const color = [
+                foldInfo.measureName
+            ];
+            return [
+                ...prev,
+                {
+                    x,
+                    y,
+                    group,
+                    color
+                }
+            ];
+        }
+    }, []);
+    return {
+        ...result,
+        encoding
+    };
+};
 const encodingRose = (advancedVSeed)=>{
     const result = {
         ...advancedVSeed
     };
     const { datasetReshapeInfo, dimensions, measures } = advancedVSeed;
     if (!datasetReshapeInfo || !dimensions || !measures) return result;
+    const angleDimension = dimensions.find((item)=>'rowDimension' !== item.location && 'columnDimension' !== item.location);
     const is1D1M = 1 === dimensions.length && 1 === measures.length;
     const isZeroDimension = 0 === dimensions.length;
     const encoding = datasetReshapeInfo.reduce((prev, cur)=>{
@@ -869,13 +1098,13 @@ const encodingRose = (advancedVSeed)=>{
             foldInfo.measureValue
         ];
         const angle = [
-            isZeroDimension ? foldInfo.measureName : dimensions[0].id
+            isZeroDimension ? foldInfo.measureName : angleDimension?.id
         ];
         const group = [
-            is1D1M ? dimensions[0].id : unfoldInfo.groupId
+            is1D1M ? angleDimension?.id : unfoldInfo.groupId
         ];
         const color = [
-            is1D1M ? dimensions[0].id : unfoldInfo.groupId
+            is1D1M ? angleDimension?.id : unfoldInfo.groupId
         ];
         return [
             ...prev,
@@ -1095,6 +1324,81 @@ const annotation_annotation = (advancedVSeed, context)=>{
         annotation
     };
 };
+const sortXBandAxis = (advancedVSeed, context)=>{
+    const result = {
+        ...advancedVSeed
+    };
+    const { vseed } = context;
+    const { sortAxis, dataset } = vseed;
+    const { encoding } = advancedVSeed;
+    const xField = encoding?.[0]?.x?.[0];
+    if (!sortAxis || !xField) return advancedVSeed;
+    if (!result.analysis) result.analysis = {};
+    if (!result.analysis.orderMapping) result.analysis.orderMapping = {};
+    const axisOrderResult = calcOrder(sortAxis, xField, dataset);
+    result.analysis.orderMapping[xField] = axisOrderResult;
+    return result;
+};
+const sortYBandAxis = (advancedVSeed, context)=>{
+    const result = {
+        ...advancedVSeed
+    };
+    const { vseed } = context;
+    const { sortAxis, dataset } = vseed;
+    const { encoding } = advancedVSeed;
+    const yField = encoding?.[0]?.y?.[0];
+    if (!sortAxis || !yField) return advancedVSeed;
+    if (!result.analysis) result.analysis = {};
+    if (!result.analysis.orderMapping) result.analysis.orderMapping = {};
+    const axisOrderResult = calcOrder(sortAxis, yField, dataset);
+    result.analysis.orderMapping[yField] = axisOrderResult;
+    return result;
+};
+const sort_sortLegend = (advancedVSeed, context)=>{
+    const result = {
+        ...advancedVSeed
+    };
+    const { vseed } = context;
+    const { sortLegend } = vseed;
+    const { datasetReshapeInfo } = advancedVSeed;
+    const groupField = datasetReshapeInfo?.[0]?.unfoldInfo?.groupId;
+    const colorIdMap = datasetReshapeInfo?.[0]?.unfoldInfo?.colorIdMap;
+    const colorItems = datasetReshapeInfo?.[0]?.unfoldInfo?.colorItems;
+    if (!sortLegend || !groupField || !colorIdMap || !colorItems) return advancedVSeed;
+    if (!result.analysis) result.analysis = {};
+    if (!result.analysis.orderMapping) result.analysis.orderMapping = {};
+    if (sortLegend.customOrder) {
+        const nameMap = Object.keys(colorIdMap).reduce((pre, cur)=>{
+            pre[colorIdMap[cur]] = cur;
+            return pre;
+        }, {});
+        const orderRes = sortLegend.customOrder.map((itemNameOrId)=>nameMap[itemNameOrId] ? nameMap[itemNameOrId] : itemNameOrId);
+        result.analysis.orderMapping[groupField] = orderRes;
+        return result;
+    }
+    const dataset = advancedVSeed.dataset?.flat(2);
+    const orderRes = calcOrder(sortLegend, groupField, dataset || []);
+    result.analysis.orderMapping[groupField] = orderRes;
+    return result;
+};
+const calcOrder = (sortAxis, id, dataset)=>{
+    if (sortAxis.customOrder) return sortAxis.customOrder;
+    const order = sortAxis.order || 'asc';
+    const orderBy = sortAxis.orderBy;
+    const res = sort(dataset, (a, b)=>{
+        const aValue = a[orderBy || id];
+        const bValue = b[orderBy || id];
+        if ('asc' === order) {
+            if (aValue < bValue) return -1;
+            if (aValue > bValue) return 1;
+            return 0;
+        }
+        if (aValue > bValue) return -1;
+        if (aValue < bValue) return 1;
+        return 0;
+    });
+    return unique(res.map((item)=>item[id]));
+};
 const lineAdvancedPipeline = [
     initAdvancedVSeed,
     autoMeasures,
@@ -1105,6 +1409,8 @@ const lineAdvancedPipeline = [
         pivotReshapeTo2D1M
     ]),
     encodingXY,
+    sortXBandAxis,
+    sort_sortLegend,
     lineConfig,
     theme_theme,
     markStyle_markStyle,
@@ -1120,6 +1426,8 @@ const barAdvancedPipeline = [
         pivotReshapeTo2D1M
     ]),
     encodingYX,
+    sortYBandAxis,
+    sort_sortLegend,
     barConfig,
     theme_theme,
     markStyle_markStyle,
@@ -1135,6 +1443,8 @@ const barParallelAdvancedPipeline = [
         pivotReshapeTo2D1M
     ]),
     encodingYX,
+    sortYBandAxis,
+    sort_sortLegend,
     barParallelConfig,
     theme_theme,
     markStyle_markStyle,
@@ -1150,6 +1460,8 @@ const barPercentAdvancedPipeline = [
         pivotReshapeTo2D1M
     ]),
     encodingYX,
+    sortYBandAxis,
+    sort_sortLegend,
     barPercentConfig,
     theme_theme,
     markStyle_markStyle,
@@ -1165,6 +1477,8 @@ const columnAdvancedPipeline = [
         pivotReshapeTo2D1M
     ]),
     encodingXY,
+    sortXBandAxis,
+    sort_sortLegend,
     columnConfig,
     theme_theme,
     markStyle_markStyle,
@@ -1180,6 +1494,8 @@ const columnParallelAdvancedPipeline = [
         pivotReshapeTo2D1M
     ]),
     encodingXY,
+    sortXBandAxis,
+    sort_sortLegend,
     columnParallelConfig,
     theme_theme,
     markStyle_markStyle,
@@ -1195,6 +1511,8 @@ const columnPercentAdvancedPipeline = [
         pivotReshapeTo2D1M
     ]),
     encodingXY,
+    sortXBandAxis,
+    sort_sortLegend,
     columnPercentConfig,
     theme_theme,
     markStyle_markStyle,
@@ -1210,6 +1528,8 @@ const areaAdvancedPipeline = [
         pivotReshapeTo2D1M
     ]),
     encodingXY,
+    sortXBandAxis,
+    sort_sortLegend,
     areaConfig,
     theme_theme,
     markStyle_markStyle,
@@ -1225,11 +1545,29 @@ const areaPercentAdvancedPipeline = [
         pivotReshapeTo2D1M
     ]),
     encodingXY,
+    sortXBandAxis,
+    sort_sortLegend,
     areaPercentConfig,
     theme_theme,
     markStyle_markStyle,
     annotation_annotation
 ];
+const areaRangeAdvancedPipeline = [
+    initAdvancedVSeed,
+    autoMeasuresBy2M1Group,
+    autoDimensions,
+    pivotAdapter([
+        reshapeTo1D
+    ], [
+        pivotReshapeTo1D
+    ]),
+    encodingXYY,
+    sortXBandAxis,
+    areaConfig,
+    theme_theme,
+    markStyle_markStyle,
+    annotation_annotation
+];
 const pieAdvancedPipeline = [
     initAdvancedVSeed,
     autoMeasures,
@@ -1470,25 +1808,56 @@ const tableAdvancedPipeline = [
     theme_theme
 ];
 const dataset_dataset = (spec, context)=>{
-    const { advancedVSeed } = context;
-    const { encoding } = advancedVSeed;
+    const { advancedVSeed, vseed } = context;
+    const { encoding, analysis, datasetReshapeInfo } = advancedVSeed;
+    const { orderMapping = {} } = analysis ?? {};
     const angle = encoding[0]?.angle?.[0];
     const x = encoding[0]?.x?.[0];
+    const y = encoding[0]?.y?.[0];
     const group = encoding[0]?.group?.[0];
+    const id = datasetReshapeInfo[0].id;
     const fields = {};
     if (angle) fields[angle] = {
         sortIndex: 0
     };
-    if (x) fields[x] = {
-        sortIndex: 0
-    };
-    if (group) fields[group] = {
-        sortIndex: 1
-    };
+    if (x) {
+        const order = orderMapping[x];
+        if (order) fields[x] = {
+            sortIndex: 0,
+            domain: order,
+            lockStatisticsByDomain: true
+        };
+        else fields[x] = {
+            sortIndex: 0
+        };
+    }
+    if (y) {
+        const order = orderMapping[y];
+        if (order) fields[y] = {
+            sortIndex: 0,
+            domain: order,
+            lockStatisticsByDomain: true
+        };
+        else fields[y] = {
+            sortIndex: 0
+        };
+    }
+    if (group) {
+        const order = orderMapping[group];
+        if (order) fields[group] = {
+            sortIndex: 0,
+            domain: order,
+            lockStatisticsByDomain: true
+        };
+        else fields[group] = {
+            sortIndex: 0
+        };
+    }
     return {
         ...spec,
         data: {
-            values: advancedVSeed.dataset,
+            id,
+            values: isPivotChart(vseed) ? void 0 : advancedVSeed.dataset,
             fields: fields
         }
     };
@@ -1509,12 +1878,6 @@ const datasetPivot = (spec, context)=>{
         records: records
     };
 };
-const datasetPivotPlaceholder = (spec)=>({
-        ...spec,
-        data: {
-            id: 'placeholderDataId'
-        }
-    });
 const initColumn = (spec, context)=>{
     const result = {
         ...spec
@@ -1603,6 +1966,88 @@ const initArea = (spec, context)=>{
     result.animation = true;
     return result;
 };
+const initAreaRange = (spec, context)=>{
+    const result = {
+        ...spec
+    };
+    const { advancedVSeed } = context;
+    const { encoding } = advancedVSeed;
+    if (!encoding[0].y || !encoding[0].x || !encoding[0].group) return result;
+    const { color } = advancedVSeed.config.areaRange;
+    result.type = 'rangeArea';
+    result.direction = 'vertical';
+    result.stack = false;
+    result.xField = encoding[0].x[0];
+    result.yField = [
+        encoding[0].y[0],
+        encoding[0].y[1]
+    ];
+    result.animation = true;
+    result.area = {
+        style: {
+            fill: color.colorScheme?.[0]
+        }
+    };
+    return result;
+};
+const initAreaRangeLine1 = (spec, context)=>{
+    const result = {
+        ...spec
+    };
+    const { advancedVSeed } = context;
+    const { encoding } = advancedVSeed;
+    if (!encoding[0].y || !encoding[0].x || !encoding[0].group) return result;
+    const { color } = advancedVSeed.config.areaRange;
+    result.type = 'line';
+    result.direction = 'vertical';
+    result.stack = false;
+    result.xField = encoding[0].x[0];
+    result.yField = [
+        encoding[0].y[0]
+    ];
+    result.animation = true;
+    result.line = {
+        style: {
+            stroke: color.colorScheme?.[0]
+        }
+    };
+    result.point = {
+        style: {
+            visible: false,
+            fill: color.colorScheme?.[0]
+        }
+    };
+    return result;
+};
+const initAreaRangeLine2 = (spec, context)=>{
+    const result = {
+        ...spec
+    };
+    const { advancedVSeed } = context;
+    const { encoding } = advancedVSeed;
+    if (!encoding[0].y || !encoding[0].x || !encoding[0].group) return result;
+    const { color } = advancedVSeed.config.areaRange;
+    result.type = 'line';
+    result.direction = 'vertical';
+    result.stack = false;
+    result.xField = encoding[0].x[0];
+    result.yField = [
+        encoding[0].y[1]
+    ];
+    result.animation = true;
+    result.line = {
+        style: {
+            stroke: color.colorScheme?.[0]
+        }
+    };
+    result.point = {
+        style: {
+            visible: false,
+            fill: color.colorScheme?.[0]
+        }
+    };
+    return result;
+};
 const initLine = (spec, context)=>{
     const result = {
         ...spec
@@ -2543,7 +2988,7 @@ const pivotDiscreteLegend = (spec, context)=>{
         }), {});
     const { legend, color } = baseConfig;
     const { colorScheme } = color;
-    const { enable, position = 'bottom', labelFontColor, labelFontSize = 12, labelFontWeight, maxSize, border, shapeType = 'rectRound' } = legend || {};
+    const { enable, position = 'bottom', labelFontColor, labelFontSize = 12, labelFontWeight = 400, maxSize, border, shapeType = 'rectRound' } = legend || {};
     const orient = [
         'bottom',
         'bottomLeft',
@@ -3876,6 +4321,21 @@ const horizontalCrosshairLine = (spec, context)=>{
     };
     return result;
 };
+const series = (...args)=>{
+    const result = {
+        type: 'common',
+        padding: 0,
+        region: [
+            {
+                clip: true
+            }
+        ]
+    };
+    return (_, context)=>{
+        result.series = args.map((pipeline)=>execPipeline(pipeline, context, {}));
+        return result;
+    };
+};
 const line_line = [
     initLine,
     color_color,
@@ -3904,7 +4364,7 @@ const pivotLine = [
         initLine,
         color_color,
         background_backgroundColor,
-        datasetPivotPlaceholder,
+        dataset_dataset,
         xBand,
         yLinear,
         label_label,
@@ -3955,7 +4415,7 @@ const pivotColumn = [
         stackInverse,
         color_color,
         background_backgroundColor,
-        datasetPivotPlaceholder,
+        dataset_dataset,
         xBand,
         yLinear,
         label_label,
@@ -4002,7 +4462,7 @@ const pivotColumnParallel = [
         stackCornerRadius_stackCornerRadius,
         color_color,
         background_backgroundColor,
-        datasetPivotPlaceholder,
+        dataset_dataset,
         xBand,
         yLinear,
         label_label,
@@ -4053,7 +4513,7 @@ const pivotColumnPercent = [
         color_color,
         percent,
         background_backgroundColor,
-        datasetPivotPlaceholder,
+        dataset_dataset,
         xBand,
         yLinear,
         label_label,
@@ -4100,7 +4560,8 @@ const pivotBar = [
         stackCornerRadius_stackCornerRadius,
         color_color,
         background_backgroundColor,
-        datasetPivotPlaceholder,
+        dataset_dataset,
+        xLinear,
         yBand,
         label_label,
         label_label,
@@ -4147,9 +4608,9 @@ const pivotBarParallel = [
         stackCornerRadius_stackCornerRadius,
         color_color,
         background_backgroundColor,
-        datasetPivotPlaceholder,
-        yBand,
+        dataset_dataset,
         xLinear,
+        yBand,
         label_label,
         tooltip_tooltip,
         horizontalCrosshairRect,
@@ -4196,7 +4657,7 @@ const pivotBarPercent = [
         color_color,
         background_backgroundColor,
         percent,
-        datasetPivotPlaceholder,
+        dataset_dataset,
         yBand,
         xLinear,
         label_label,
@@ -4246,7 +4707,7 @@ const pivotArea = [
         color_color,
         background_backgroundColor,
         stackInverse,
-        datasetPivotPlaceholder,
+        dataset_dataset,
         xBand,
         yLinear,
         label_label,
@@ -4300,7 +4761,7 @@ const pivotAreaPercent = [
         color_color,
         background_backgroundColor,
         percent,
-        datasetPivotPlaceholder,
+        dataset_dataset,
         xBand,
         yLinear,
         label_label,
@@ -4321,6 +4782,69 @@ const pivotAreaPercent = [
 const areaPercentSpecPipeline = [
     pivotAdapter_pivotAdapter(areaPercent, pivotAreaPercent)
 ];
+const areaRange = [
+    series([
+        initAreaRange,
+        areaStyle_areaStyle
+    ], [
+        initAreaRangeLine1,
+        lineStyle_lineStyle,
+        pointStyle_pointStyle,
+        pointStateDimensionHover
+    ], [
+        initAreaRangeLine2,
+        lineStyle_lineStyle,
+        pointStyle_pointStyle,
+        pointStateDimensionHover
+    ]),
+    dataset_dataset,
+    background_backgroundColor,
+    xBand,
+    yLinear,
+    label_label,
+    verticalCrosshairLine,
+    annotationPoint_annotationPoint,
+    annotationVerticalLine_annotationVerticalLine,
+    annotationHorizontalLine_annotationHorizontalLine,
+    annotationArea_annotationArea
+];
+const pivotAreaRange = [
+    initPivot,
+    pivotGridStyle,
+    pivotIndicators_pivotIndicatorsAsRow,
+    datasetPivot,
+    pivotIndicators([
+        series([
+            initAreaRange,
+            areaStyle_areaStyle
+        ], [
+            initAreaRangeLine1,
+            lineStyle_lineStyle,
+            pointStyle_pointStyle,
+            pointStateDimensionHover
+        ], [
+            initAreaRangeLine2,
+            lineStyle_lineStyle,
+            pointStyle_pointStyle,
+            pointStateDimensionHover
+        ]),
+        background_backgroundColor,
+        dataset_dataset,
+        xBand,
+        yLinear,
+        label_label,
+        verticalCrosshairLine,
+        annotationPoint_annotationPoint,
+        annotationVerticalLine_annotationVerticalLine,
+        annotationHorizontalLine_annotationHorizontalLine,
+        annotationArea_annotationArea
+    ]),
+    pivotRowDimensions,
+    pivotColumnDimensions
+];
+const areaRangeSpecPipeline = [
+    pivotAdapter_pivotAdapter(areaRange, pivotAreaRange)
+];
 const pie = [
     initPie,
     color_color,
@@ -4343,7 +4867,7 @@ const pivotPie = [
         initPie,
         color_color,
         background_backgroundColor,
-        datasetPivotPlaceholder,
+        dataset_dataset,
         label_label,
         tooltip_tooltip,
         annotationPoint_annotationPoint,
@@ -4380,7 +4904,7 @@ const pivotDonut = [
         initDonut,
         color_color,
         background_backgroundColor,
-        datasetPivotPlaceholder,
+        dataset_dataset,
         label_label,
         tooltip_tooltip,
         annotationPoint_annotationPoint,
@@ -4420,7 +4944,7 @@ const pivotRose = [
         stackInverse,
         color_color,
         background_backgroundColor,
-        datasetPivotPlaceholder,
+        dataset_dataset,
         radiusAxis,
         angleAxis,
         label_label,
@@ -4461,7 +4985,7 @@ const pivotRoseParallel = [
         stackCornerRadius_stackCornerRadius,
         color_color,
         background_backgroundColor,
-        datasetPivotPlaceholder,
+        dataset_dataset,
         radiusAxis,
         angleAxis,
         label_label,
@@ -4501,7 +5025,7 @@ const pivotFunnel = [
         initFunnel,
         color_color,
         background_backgroundColor,
-        datasetPivotPlaceholder,
+        dataset_dataset,
         label_label,
         tooltip_tooltip,
         annotationPoint_annotationPoint,
@@ -4544,7 +5068,7 @@ const pivotScatter = [
         initScatter,
         color_color,
         background_backgroundColor,
-        datasetPivotPlaceholder,
+        dataset_dataset,
         xLinear,
         yLinear,
         label_label,
@@ -4585,6 +5109,9 @@ const initTable = (spec, context)=>{
             type: 'one-by-one',
             direction: 'row'
         },
+        hover: {
+            highlightMode: 'row'
+        },
         theme: {
             underlayBackgroundColor: 'transparent'
         }
@@ -4749,7 +5276,7 @@ const bodyStyle = (spec, context)=>{
     const fontSize = themConfig.bodyFontSize || 12;
     const hoverCellBgColor = themConfig.hoverBodyBackgroundColor || '#bedaff';
     const hoverInlineColor = external_d3_color_color(hoverCellBgColor)?.copy({
-        opacity: 0.1
+        opacity: 0.2
     }).toString();
     result.theme.bodyStyle = {
         borderColor: borderColor,
@@ -4941,7 +5468,7 @@ const frameStyle = (spec, context)=>{
     result.theme.frameStyle = {
         borderColor,
         borderLineWidth: 0,
-        cornerRadius: 0
+        cornerRadius: 4
     };
     return result;
 };
@@ -5035,6 +5562,16 @@ const getColorItems = (builder)=>{
         }), {});
     return colorItems.map((d)=>colorIdMap[d]);
 };
+const getColorIdMap = (builder)=>{
+    const advancedVSeed = builder.advancedVSeed;
+    if (!advancedVSeed) return {};
+    const { datasetReshapeInfo } = advancedVSeed;
+    const colorIdMap = datasetReshapeInfo.reduce((prev, cur)=>({
+            ...prev,
+            ...cur.unfoldInfo.colorIdMap
+        }), {});
+    return colorIdMap;
+};
 class Builder {
     _vseed;
     _advancedVSeed = null;
@@ -5046,11 +5583,22 @@ class Builder {
     build = ()=>build(this);
     buildSpec = (advanced)=>buildSpec(this, advanced);
     buildAdvanced = ()=>buildAdvanced(this);
-    getAdvancedPipeline = (chartType)=>Builder._advancedPipelineMap[chartType];
-    getSpecPipeline = (chartType)=>Builder._specPipelineMap[chartType];
+    getAdvancedPipeline = (chartType)=>{
+        const customPipe = Builder._customAdvancedPipe[chartType];
+        const pipeline = Builder._advancedPipelineMap[chartType];
+        if (customPipe) pipeline.push(customPipe);
+        return pipeline;
+    };
+    getSpecPipeline = (chartType)=>{
+        const customPipe = Builder._customSpecPipe[chartType];
+        const pipeline = Builder._specPipelineMap[chartType];
+        if (customPipe) pipeline.push(customPipe);
+        return pipeline;
+    };
     getTheme = (themeKey)=>Builder._themeMap[themeKey];
     getThemeMap = ()=>Builder._themeMap;
     getColorItems = ()=>getColorItems(this);
+    getColorIdMap = ()=>getColorIdMap(this);
     get vseed() {
         return this._vseed;
     }
@@ -5071,6 +5619,8 @@ class Builder {
     }
     static _advancedPipelineMap = {};
     static _specPipelineMap = {};
+    static _customAdvancedPipe = {};
+    static _customSpecPipe = {};
     static _themeMap = {};
     static from = (vseed)=>new Builder(vseed);
 }
@@ -5094,6 +5644,10 @@ const registerAreaPercent = ()=>{
     Builder._advancedPipelineMap.areaPercent = areaPercentAdvancedPipeline;
     Builder._specPipelineMap.areaPercent = areaPercentSpecPipeline;
 };
+const registerAreaRange = ()=>{
+    Builder._advancedPipelineMap.areaRange = areaRangeAdvancedPipeline;
+    Builder._specPipelineMap.areaRange = areaRangeSpecPipeline;
+};
 const registerBarPercent = ()=>{
     Builder._advancedPipelineMap.barPercent = barPercentAdvancedPipeline;
     Builder._specPipelineMap.barPercent = barPercentSpecPipeline;
@@ -5385,6 +5939,12 @@ const darkTheme = ()=>{
                 yAxis: linearAxis,
                 crosshairLine: crosshairLine
             },
+            areaRange: {
+                ...baseConfig,
+                xAxis: bandAxis,
+                yAxis: linearAxis,
+                crosshairLine: crosshairLine
+            },
             scatter: {
                 ...baseConfig,
                 xAxis: {
@@ -5679,6 +6239,12 @@ const lightTheme = ()=>{
                 yAxis: linearAxis,
                 crosshairLine
             },
+            areaRange: {
+                ...baseConfig,
+                xAxis: bandAxis,
+                yAxis: linearAxis,
+                crosshairLine
+            },
             scatter: {
                 ...baseConfig,
                 xAxis: {
@@ -5752,6 +6318,7 @@ const registerAll = ()=>{
     registerBarPercent();
     registerArea();
     registerAreaPercent();
+    registerAreaRange();
     registerPie();
     registerDonut();
     registerRose();
@@ -5763,6 +6330,12 @@ const registerAll = ()=>{
     registerLightTheme();
     registerDarkTheme();
 };
+const updateAdvanced = (chartType, advancedPipe)=>{
+    Builder._customAdvancedPipe[chartType] = advancedPipe;
+};
+const updateSpec = (chartType, specPipe)=>{
+    Builder._customSpecPipe[chartType] = specPipe;
+};
 const zChartType = z["enum"]([
     'table',
     'pivotTable',
@@ -5775,6 +6348,7 @@ const zChartType = z["enum"]([
     'barParallel',
     'area',
     'areaPercent',
+    'areaRange',
     'rose',
     'roseParallel',
     'pie',
@@ -6105,6 +6679,7 @@ const zAreaConfig = z.object({
     crosshairLine: zCrosshairLine.optional()
 });
 const zAreaPercentConfig = zAreaConfig;
+const zAreaRangeConfig = zAreaConfig;
 const zRoseConfig = z.object({
     backgroundColor: zBackgroundColor.optional(),
     label: zLabel.optional(),
@@ -6157,6 +6732,7 @@ const zConfig = z.object({
     barPercent: zBarPercentConfig.optional(),
     area: zAreaConfig.optional(),
     areaPercent: zAreaPercentConfig.optional(),
+    areaRange: zAreaRangeConfig.optional(),
     rose: zRoseConfig.optional(),
     roseParallel: zRoseParallelConfig.optional(),
     pie: zPieConfig.optional(),
@@ -6519,6 +7095,25 @@ const zAnnotation = z.object({
     annotationHorizontalLine: zAnnotationHorizontalLine.or(z.array(zAnnotationHorizontalLine)).optional(),
     annotationArea: zAnnotationArea.or(z.array(zAnnotationArea)).optional()
 });
+const zSortAxis = z.object({
+    order: z["enum"]([
+        'asc',
+        'desc'
+    ]).default('asc'),
+    orderBy: z.string().optional(),
+    customOrder: z.array(z.any()).optional()
+});
+const zSortLegend = z.object({
+    order: z["enum"]([
+        'asc',
+        'desc'
+    ]).default('asc'),
+    orderBy: z.string().optional(),
+    customOrder: z.array(z.any()).optional()
+});
+const zAnalysis = zod.object({
+    orderMapping: zod.record(zod.string(), zod.array(zod.string())).optional()
+});
 const zLocale = z["enum"]([
     'zh-CN',
     'en-US'
@@ -6554,6 +7149,8 @@ const zLine = z.object({
     xAxis: zXBandAxis.optional(),
     yAxis: zYLinearAxis.optional(),
     crosshairLine: zCrosshairLine.optional(),
+    sortAxis: zSortAxis.optional(),
+    sortLegend: zSortLegend.optional(),
     theme: zTheme.optional(),
     pointStyle: zPointStyle.optional(),
     lineStyle: zLineStyle.optional(),
@@ -6741,6 +7338,26 @@ const zAreaPercent = z.object({
     annotationArea: z.array(zAnnotationArea).or(zAnnotationArea).optional(),
     locale: zLocale.optional()
 });
+const zAreaRange = z.object({
+    chartType: z.literal('areaRange'),
+    dataset: zDataset.optional(),
+    dimensions: zDimensions.optional(),
+    measures: zMeasureTree.optional(),
+    backgroundColor: zBackgroundColor.optional(),
+    label: zLabel.optional(),
+    xAxis: zXBandAxis.optional(),
+    yAxis: zYLinearAxis.optional(),
+    crosshairLine: zCrosshairLine.optional(),
+    theme: zTheme.optional(),
+    pointStyle: zPointStyle.optional(),
+    lineStyle: zLineStyle.optional(),
+    areaStyle: zAreaStyle.optional(),
+    annotationPoint: z.array(zAnnotationPoint).or(zAnnotationPoint).optional(),
+    annotationVerticalLine: z.array(zAnnotationVerticalLine).or(zAnnotationVerticalLine).optional(),
+    annotationHorizontalLine: z.array(zAnnotationHorizontalLine).or(zAnnotationHorizontalLine).optional(),
+    annotationArea: z.array(zAnnotationArea).or(zAnnotationArea).optional(),
+    locale: zLocale.optional()
+});
 const zRose = z.object({
     chartType: z.literal('rose'),
     dataset: zDataset.optional(),
@@ -6839,6 +7456,7 @@ const zVSeed = z.discriminatedUnion('chartType', [
     zBarPercent,
     zArea,
     zAreaPercent,
+    zAreaRange,
     zPie,
     zRose,
     zRoseParallel,
@@ -6854,12 +7472,13 @@ const zAdvancedVSeed = z.object({
     measures: zMeasureTree,
     encoding: zEncoding,
     config: zConfig,
+    analysis: zAnalysis,
     theme: zTheme,
     markStyle: zMarkStyle,
     customTheme: zCustomThemeConfig,
     annotation: zAnnotation,
     locale: zLocale
 });
-export { Builder, FoldMeasureId, FoldMeasureName, FoldMeasureValue, ORIGINAL_DATA, Separator, UnfoldDimensionGroup, UnfoldDimensionGroupId, areaAdvancedPipeline, areaPercentAdvancedPipeline, areaPercentSpecPipeline, areaSpecPipeline, autoFormatter, autoNumFormatter, barAdvancedPipeline, barParallelAdvancedPipeline, barParallelSpecPipeline, barPercentAdvancedPipeline, barPercentSpecPipeline, barSpecPipeline, columnAdvancedPipeline, columnParallelAdvancedPipeline, columnParallelSpecPipeline, columnPercentAdvancedPipeline, columnPercentSpecPipeline, columnSpecPipeline, createFormatter, createNumFormatter, darkTheme, dataReshapeFor1D1M, dataReshapeFor1D2M, dataReshapeFor2D1M, donutAdvancedPipeline, donutSpecPipeline, execPipeline, findAllDimensions, findAllMeasures, findDimensionById, findFirstDimension, findFirstMeasure, findMeasureById, foldMeasures, funnelAdvancedPipeline, funnelSpecPipeline, i18n, intl, isPivotChart, isPivotTable, isTable, isVChart, isVTable, lightTheme, lineAdvancedPipeline, lineSpecPipeline, pieAdvancedPipeline, pieSpecPipeline, pivotTableAdvancedPipeline, pivotTableSpecPipeline, preorderTraverse, registerAll, registerArea, registerAreaPercent, registerBar, registerBarParallel, registerBarPercent, registerColumn, registerColumnParallel, registerColumnPercent, registerCustomTheme, registerDarkTheme, registerDonut, registerFunnel, registerLightTheme, registerLine, registerPie, registerPivotTable, registerRose, registerRoseParallel, registerScatter, registerTable, roseAdvancedPipeline, roseParallelAdvancedPipeline, roseParallelSpecPipeline, roseSpecPipeline, scatterAdvancedPipeline, scatterSpecPipeline, tableAdvancedPipeline, tableSpecPipeline, unfoldDimensions, zAdvancedVSeed, zAnnotation, zAnnotationArea, zAnnotationHorizontalLine, zAnnotationPoint, zAnnotationVerticalLine, zArea, zAreaConfig, zAreaPercent, zAreaPercentConfig, zAreaStyle, zAxis, zBackgroundColor, zBar, zBarConfig, zBarParallel, zBarParallelConfig, zBarPercent, zBarPercentConfig, zBarStyle, zChartType, zColor, zColumn, zColumnConfig, zColumnParallel, zColumnParallelConfig, zColumnPercent, zColumnPercentConfig, zConfig, zCrosshairLine, zCrosshairRect, zCustomTheme, zCustomThemeConfig, zDataset, zDatasetReshapeInfo, zDatum, zDimension, zDimensionGroup, zDimensionTree, zDimensions, zDonut, zDonutConfig, zDualAxisConfig, zEncoding, zFoldInfo, zFunnel, zFunnelConfig, zLabel, zLegend, zLine, zLineConfig, zLineStyle, zLocale, zMarkStyle, zMeasure, zMeasureGroup, zMeasureTree, zMeasures, zNumFormat, zPie, zPieConfig, zPivotTable, zPivotTableConfig, zPointStyle, zRose, zRoseConfig, zRoseParallel, zRoseParallelConfig, zScatter, zScatterConfig, zStackCornerRadius, zTable, zTableConfig, zTheme, zTooltip, zUnfoldInfo, zVSeed, zXBandAxis, zXLinearAxis, zYBandAxis, zYLinearAxis };
+export { Builder, FoldMeasureId, FoldMeasureName, FoldMeasureValue, ORIGINAL_DATA, Separator, UnfoldDimensionGroup, UnfoldDimensionGroupId, areaAdvancedPipeline, areaPercentAdvancedPipeline, areaPercentSpecPipeline, areaRangeAdvancedPipeline, areaRangeSpecPipeline, areaSpecPipeline, autoFormatter, autoNumFormatter, barAdvancedPipeline, barParallelAdvancedPipeline, barParallelSpecPipeline, barPercentAdvancedPipeline, barPercentSpecPipeline, barSpecPipeline, columnAdvancedPipeline, columnParallelAdvancedPipeline, columnParallelSpecPipeline, columnPercentAdvancedPipeline, columnPercentSpecPipeline, columnSpecPipeline, createFormatter, createNumFormatter, darkTheme, dataReshapeFor1D, dataReshapeFor1D1M, dataReshapeFor1D2M, dataReshapeFor2D1M, donutAdvancedPipeline, donutSpecPipeline, execPipeline, findAllDimensions, findAllMeasures, findDimensionById, findFirstDimension, findFirstMeasure, findMeasureById, foldMeasures, funnelAdvancedPipeline, funnelSpecPipeline, i18n, intl, isPivotChart, isPivotTable, isTable, isVChart, isVTable, lightTheme, lineAdvancedPipeline, lineSpecPipeline, pieAdvancedPipeline, pieSpecPipeline, pivotTableAdvancedPipeline, pivotTableSpecPipeline, preorderTraverse, registerAll, registerArea, registerAreaPercent, registerAreaRange, registerBar, registerBarParallel, registerBarPercent, registerColumn, registerColumnParallel, registerColumnPercent, registerCustomTheme, registerDarkTheme, registerDonut, registerFunnel, registerLightTheme, registerLine, registerPie, registerPivotTable, registerRose, registerRoseParallel, registerScatter, registerTable, roseAdvancedPipeline, roseParallelAdvancedPipeline, roseParallelSpecPipeline, roseSpecPipeline, scatterAdvancedPipeline, scatterSpecPipeline, tableAdvancedPipeline, tableSpecPipeline, unfoldDimensions, updateAdvanced, updateSpec, zAdvancedVSeed, zAnalysis, zAnnotation, zAnnotationArea, zAnnotationHorizontalLine, zAnnotationPoint, zAnnotationVerticalLine, zArea, zAreaConfig, zAreaPercent, zAreaPercentConfig, zAreaRange, zAreaRangeConfig, zAreaStyle, zAxis, zBackgroundColor, zBar, zBarConfig, zBarParallel, zBarParallelConfig, zBarPercent, zBarPercentConfig, zBarStyle, zChartType, zColor, zColumn, zColumnConfig, zColumnParallel, zColumnParallelConfig, zColumnPercent, zColumnPercentConfig, zConfig, zCrosshairLine, zCrosshairRect, zCustomTheme, zCustomThemeConfig, zDataset, zDatasetReshapeInfo, zDatum, zDimension, zDimensionGroup, zDimensionTree, zDimensions, zDonut, zDonutConfig, zDualAxisConfig, zEncoding, zFoldInfo, zFunnel, zFunnelConfig, zLabel, zLegend, zLine, zLineConfig, zLineStyle, zLocale, zMarkStyle, zMeasure, zMeasureGroup, zMeasureTree, zMeasures, zNumFormat, zPie, zPieConfig, zPivotTable, zPivotTableConfig, zPointStyle, zRose, zRoseConfig, zRoseParallel, zRoseParallelConfig, zScatter, zScatterConfig, zSortAxis, zSortLegend, zStackCornerRadius, zTable, zTableConfig, zTheme, zTooltip, zUnfoldInfo, zVSeed, zXBandAxis, zXLinearAxis, zYBandAxis, zYLinearAxis };
 
 //# sourceMappingURL=index.js.map