@visactor/vseed 0.0.21 → 0.0.23

package/dist/index.cjs

@@ -1,5 +1,14 @@
 "use strict";
 var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.n = (module)=>{
+        var getter = module && module.__esModule ? ()=>module['default'] : ()=>module;
+        __webpack_require__.d(getter, {
+            a: getter
+        });
+        return getter;
+    };
+})();
 (()=>{
     __webpack_require__.d = (exports1, definition)=>{
         for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
@@ -35,12 +44,14 @@ __webpack_require__.d(__webpack_exports__, {
     zRoseConfig: ()=>zRoseConfig,
     findFirstMeasure: ()=>findFirstMeasure,
     scatterAdvancedPipeline: ()=>scatterAdvancedPipeline,
+    updateSpec: ()=>updateSpec,
     zCrosshairRect: ()=>zCrosshairRect,
     scatterSpecPipeline: ()=>scatterSpecPipeline,
     intl: ()=>intl,
     columnPercentAdvancedPipeline: ()=>columnPercentAdvancedPipeline,
     zColumnConfig: ()=>zColumnConfig,
     zAnnotation: ()=>zAnnotation,
+    zSortLegend: ()=>zSortLegend,
     pivotTableAdvancedPipeline: ()=>pivotTableAdvancedPipeline,
     zYBandAxis: ()=>zYBandAxis,
     dataReshapeFor1D2M: ()=>dataReshapeFor1D2M,
@@ -54,6 +65,7 @@ __webpack_require__.d(__webpack_exports__, {
     registerColumn: ()=>registerColumn,
     findAllMeasures: ()=>findAllMeasures,
     funnelSpecPipeline: ()=>funnelSpecPipeline,
+    zAnalysis: ()=>zAnalysis,
     preorderTraverse: ()=>preorderTraverse,
     zDimensionTree: ()=>zDimensionTree,
     roseParallelSpecPipeline: ()=>roseParallelSpecPipeline,
@@ -67,6 +79,7 @@ __webpack_require__.d(__webpack_exports__, {
     barPercentAdvancedPipeline: ()=>barPercentAdvancedPipeline,
     findAllDimensions: ()=>findAllDimensions,
     findDimensionById: ()=>findDimensionById,
+    zAreaRangeConfig: ()=>zAreaRangeConfig,
     zPivotTableConfig: ()=>zPivotTableConfig,
     zArea: ()=>zArea,
     zColumnParallel: ()=>zColumnParallel,
@@ -83,21 +96,22 @@ __webpack_require__.d(__webpack_exports__, {
     zCustomThemeConfig: ()=>zCustomThemeConfig,
     registerColumnPercent: ()=>registerColumnPercent,
     zCrosshairLine: ()=>zCrosshairLine,
-    registerBarPercent: ()=>registerBarPercent,
+    registerAreaRange: ()=>registerAreaRange,
     roseSpecPipeline: ()=>roseSpecPipeline,
+    registerBarPercent: ()=>registerBarPercent,
     zPivotTable: ()=>zPivotTable,
     registerLightTheme: ()=>registerLightTheme,
     roseAdvancedPipeline: ()=>roseAdvancedPipeline,
     zBarParallel: ()=>zBarParallel,
     zAnnotationVerticalLine: ()=>zAnnotationVerticalLine,
-    zChartType: ()=>zChartType,
-    tableAdvancedPipeline: ()=>tableAdvancedPipeline,
     registerDarkTheme: ()=>registerDarkTheme,
-    registerPivotTable: ()=>registerPivotTable,
+    tableAdvancedPipeline: ()=>tableAdvancedPipeline,
     pieSpecPipeline: ()=>pieSpecPipeline,
+    registerPivotTable: ()=>registerPivotTable,
+    zChartType: ()=>zChartType,
     zMeasureTree: ()=>zMeasureTree,
     barSpecPipeline: ()=>barSpecPipeline,
-    zStackCornerRadius: ()=>zStackCornerRadius,
+    zSortAxis: ()=>zSortAxis,
     registerRose: ()=>registerRose,
     zRose: ()=>zRose,
     unfoldDimensions: ()=>unfoldDimensions,
@@ -110,6 +124,7 @@ __webpack_require__.d(__webpack_exports__, {
     registerBar: ()=>registerBar,
     isVChart: ()=>isVChart,
     zPieConfig: ()=>zPieConfig,
+    zStackCornerRadius: ()=>zStackCornerRadius,
     zTable: ()=>zTable,
     registerLine: ()=>registerLine,
     registerCustomTheme: ()=>registerCustomTheme,
@@ -141,6 +156,7 @@ __webpack_require__.d(__webpack_exports__, {
     zAnnotationPoint: ()=>zAnnotationPoint,
     lightTheme: ()=>lightTheme,
     registerColumnParallel: ()=>registerColumnParallel,
+    updateAdvanced: ()=>updateAdvanced,
     zDimension: ()=>zDimension,
     isPivotChart: ()=>isPivotChart,
     zDualAxisConfig: ()=>zDualAxisConfig,
@@ -149,6 +165,7 @@ __webpack_require__.d(__webpack_exports__, {
     zLineConfig: ()=>zLineConfig,
     zTableConfig: ()=>zTableConfig,
     zXBandAxis: ()=>zXBandAxis,
+    dataReshapeFor1D: ()=>dataReshapeFor1D,
     zColumnPercentConfig: ()=>zColumnPercentConfig,
     findMeasureById: ()=>findMeasureById,
     zVSeed: ()=>zVSeed,
@@ -159,6 +176,9 @@ __webpack_require__.d(__webpack_exports__, {
     zMeasure: ()=>zMeasure,
     zLocale: ()=>zLocale,
     pivotTableSpecPipeline: ()=>pivotTableSpecPipeline,
+    areaRangeSpecPipeline: ()=>areaRangeSpecPipeline,
+    areaRangeAdvancedPipeline: ()=>areaRangeAdvancedPipeline,
+    zAreaRange: ()=>zAreaRange,
     registerScatter: ()=>registerScatter,
     zEncoding: ()=>zEncoding,
     autoNumFormatter: ()=>autoNumFormatter,
@@ -182,9 +202,9 @@ __webpack_require__.d(__webpack_exports__, {
     zBarParallelConfig: ()=>zBarParallelConfig,
     barParallelAdvancedPipeline: ()=>barParallelAdvancedPipeline,
     FoldMeasureValue: ()=>FoldMeasureValue,
-    zBarPercentConfig: ()=>zBarPercentConfig,
     barPercentSpecPipeline: ()=>barPercentSpecPipeline,
     lineAdvancedPipeline: ()=>lineAdvancedPipeline,
+    zBarPercentConfig: ()=>zBarPercentConfig,
     lineSpecPipeline: ()=>lineSpecPipeline,
     zTooltip: ()=>zTooltip,
     createFormatter: ()=>createFormatter,
@@ -257,7 +277,6 @@ const createNumFormatter = (format, locale = intl.getLocale())=>{
         roundingMode,
         roundingPriority
     };
-    console.log('debug roundingMode', roundingMode);
     if ((0, external_remeda_namespaceObject.isNumber)(fractionDigits)) {
         if (fractionDigits >= 0) {
             numFormatterOptions.minimumFractionDigits = fractionDigits;
@@ -495,6 +514,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__';
@@ -525,10 +589,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);
@@ -754,6 +818,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
@@ -822,6 +938,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
@@ -942,17 +1080,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
@@ -984,11 +1163,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
@@ -1050,12 +1230,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)=>{
@@ -1064,13 +1313,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,
@@ -1290,6 +1539,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 = (0, external_remeda_namespaceObject.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 (0, external_remeda_namespaceObject.unique)(res.map((item)=>item[id]));
+};
 const lineAdvancedPipeline = [
     initAdvancedVSeed,
     autoMeasures,
@@ -1300,6 +1624,8 @@ const lineAdvancedPipeline = [
         pivotReshapeTo2D1M
     ]),
     encodingXY,
+    sortXBandAxis,
+    sort_sortLegend,
     lineConfig,
     theme_theme,
     markStyle_markStyle,
@@ -1315,6 +1641,8 @@ const barAdvancedPipeline = [
         pivotReshapeTo2D1M
     ]),
     encodingYX,
+    sortYBandAxis,
+    sort_sortLegend,
     barConfig,
     theme_theme,
     markStyle_markStyle,
@@ -1330,6 +1658,8 @@ const barParallelAdvancedPipeline = [
         pivotReshapeTo2D1M
     ]),
     encodingYX,
+    sortYBandAxis,
+    sort_sortLegend,
     barParallelConfig,
     theme_theme,
     markStyle_markStyle,
@@ -1345,6 +1675,8 @@ const barPercentAdvancedPipeline = [
         pivotReshapeTo2D1M
     ]),
     encodingYX,
+    sortYBandAxis,
+    sort_sortLegend,
     barPercentConfig,
     theme_theme,
     markStyle_markStyle,
@@ -1360,6 +1692,8 @@ const columnAdvancedPipeline = [
         pivotReshapeTo2D1M
     ]),
     encodingXY,
+    sortXBandAxis,
+    sort_sortLegend,
     columnConfig,
     theme_theme,
     markStyle_markStyle,
@@ -1375,6 +1709,8 @@ const columnParallelAdvancedPipeline = [
         pivotReshapeTo2D1M
     ]),
     encodingXY,
+    sortXBandAxis,
+    sort_sortLegend,
     columnParallelConfig,
     theme_theme,
     markStyle_markStyle,
@@ -1390,6 +1726,8 @@ const columnPercentAdvancedPipeline = [
         pivotReshapeTo2D1M
     ]),
     encodingXY,
+    sortXBandAxis,
+    sort_sortLegend,
     columnPercentConfig,
     theme_theme,
     markStyle_markStyle,
@@ -1405,6 +1743,8 @@ const areaAdvancedPipeline = [
         pivotReshapeTo2D1M
     ]),
     encodingXY,
+    sortXBandAxis,
+    sort_sortLegend,
     areaConfig,
     theme_theme,
     markStyle_markStyle,
@@ -1420,11 +1760,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,
@@ -1665,25 +2023,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
         }
     };
@@ -1704,12 +2093,6 @@ const datasetPivot = (spec, context)=>{
         records: records
     };
 };
-const datasetPivotPlaceholder = (spec)=>({
-        ...spec,
-        data: {
-            id: 'placeholderDataId'
-        }
-    });
 const initColumn = (spec, context)=>{
     const result = {
         ...spec
@@ -1798,6 +2181,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
@@ -2738,7 +3203,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',
@@ -4071,6 +4536,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,
@@ -4099,7 +4579,7 @@ const pivotLine = [
         initLine,
         color_color,
         background_backgroundColor,
-        datasetPivotPlaceholder,
+        dataset_dataset,
         xBand,
         yLinear,
         label_label,
@@ -4150,7 +4630,7 @@ const pivotColumn = [
         stackInverse,
         color_color,
         background_backgroundColor,
-        datasetPivotPlaceholder,
+        dataset_dataset,
         xBand,
         yLinear,
         label_label,
@@ -4197,7 +4677,7 @@ const pivotColumnParallel = [
         stackCornerRadius_stackCornerRadius,
         color_color,
         background_backgroundColor,
-        datasetPivotPlaceholder,
+        dataset_dataset,
         xBand,
         yLinear,
         label_label,
@@ -4248,7 +4728,7 @@ const pivotColumnPercent = [
         color_color,
         percent,
         background_backgroundColor,
-        datasetPivotPlaceholder,
+        dataset_dataset,
         xBand,
         yLinear,
         label_label,
@@ -4295,7 +4775,8 @@ const pivotBar = [
         stackCornerRadius_stackCornerRadius,
         color_color,
         background_backgroundColor,
-        datasetPivotPlaceholder,
+        dataset_dataset,
+        xLinear,
         yBand,
         label_label,
         label_label,
@@ -4342,9 +4823,9 @@ const pivotBarParallel = [
         stackCornerRadius_stackCornerRadius,
         color_color,
         background_backgroundColor,
-        datasetPivotPlaceholder,
-        yBand,
+        dataset_dataset,
         xLinear,
+        yBand,
         label_label,
         tooltip_tooltip,
         horizontalCrosshairRect,
@@ -4391,7 +4872,7 @@ const pivotBarPercent = [
         color_color,
         background_backgroundColor,
         percent,
-        datasetPivotPlaceholder,
+        dataset_dataset,
         yBand,
         xLinear,
         label_label,
@@ -4441,7 +4922,7 @@ const pivotArea = [
         color_color,
         background_backgroundColor,
         stackInverse,
-        datasetPivotPlaceholder,
+        dataset_dataset,
         xBand,
         yLinear,
         label_label,
@@ -4495,7 +4976,7 @@ const pivotAreaPercent = [
         color_color,
         background_backgroundColor,
         percent,
-        datasetPivotPlaceholder,
+        dataset_dataset,
         xBand,
         yLinear,
         label_label,
@@ -4516,6 +4997,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,
@@ -4538,7 +5082,7 @@ const pivotPie = [
         initPie,
         color_color,
         background_backgroundColor,
-        datasetPivotPlaceholder,
+        dataset_dataset,
         label_label,
         tooltip_tooltip,
         annotationPoint_annotationPoint,
@@ -4575,7 +5119,7 @@ const pivotDonut = [
         initDonut,
         color_color,
         background_backgroundColor,
-        datasetPivotPlaceholder,
+        dataset_dataset,
         label_label,
         tooltip_tooltip,
         annotationPoint_annotationPoint,
@@ -4615,7 +5159,7 @@ const pivotRose = [
         stackInverse,
         color_color,
         background_backgroundColor,
-        datasetPivotPlaceholder,
+        dataset_dataset,
         radiusAxis,
         angleAxis,
         label_label,
@@ -4656,7 +5200,7 @@ const pivotRoseParallel = [
         stackCornerRadius_stackCornerRadius,
         color_color,
         background_backgroundColor,
-        datasetPivotPlaceholder,
+        dataset_dataset,
         radiusAxis,
         angleAxis,
         label_label,
@@ -4696,7 +5240,7 @@ const pivotFunnel = [
         initFunnel,
         color_color,
         background_backgroundColor,
-        datasetPivotPlaceholder,
+        dataset_dataset,
         label_label,
         tooltip_tooltip,
         annotationPoint_annotationPoint,
@@ -4739,7 +5283,7 @@ const pivotScatter = [
         initScatter,
         color_color,
         background_backgroundColor,
-        datasetPivotPlaceholder,
+        dataset_dataset,
         xLinear,
         yLinear,
         label_label,
@@ -4780,6 +5324,9 @@ const initTable = (spec, context)=>{
             type: 'one-by-one',
             direction: 'row'
         },
+        hover: {
+            highlightMode: 'row'
+        },
         theme: {
             underlayBackgroundColor: 'transparent'
         }
@@ -4945,7 +5492,7 @@ const bodyStyle = (spec, context)=>{
     const fontSize = themConfig.bodyFontSize || 12;
     const hoverCellBgColor = themConfig.hoverBodyBackgroundColor || '#bedaff';
     const hoverInlineColor = (0, external_d3_color_namespaceObject.color)(hoverCellBgColor)?.copy({
-        opacity: 0.1
+        opacity: 0.2
     }).toString();
     result.theme.bodyStyle = {
         borderColor: borderColor,
@@ -5137,7 +5684,7 @@ const frameStyle = (spec, context)=>{
     result.theme.frameStyle = {
         borderColor,
         borderLineWidth: 0,
-        cornerRadius: 0
+        cornerRadius: 4
     };
     return result;
 };
@@ -5231,6 +5778,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;
@@ -5242,11 +5799,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;
     }
@@ -5267,6 +5835,8 @@ class Builder {
     }
     static _advancedPipelineMap = {};
     static _specPipelineMap = {};
+    static _customAdvancedPipe = {};
+    static _customSpecPipe = {};
     static _themeMap = {};
     static from = (vseed)=>new Builder(vseed);
 }
@@ -5290,6 +5860,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;
@@ -5582,6 +6156,12 @@ const lightTheme = ()=>{
                 yAxis: linearAxis,
                 crosshairLine
             },
+            areaRange: {
+                ...baseConfig,
+                xAxis: bandAxis,
+                yAxis: linearAxis,
+                crosshairLine
+            },
             scatter: {
                 ...baseConfig,
                 xAxis: {
@@ -5875,6 +6455,12 @@ const darkTheme = ()=>{
                 yAxis: linearAxis,
                 crosshairLine: crosshairLine
             },
+            areaRange: {
+                ...baseConfig,
+                xAxis: bandAxis,
+                yAxis: linearAxis,
+                crosshairLine: crosshairLine
+            },
             scatter: {
                 ...baseConfig,
                 xAxis: {
@@ -5948,6 +6534,7 @@ const registerAll = ()=>{
     registerBarPercent();
     registerArea();
     registerAreaPercent();
+    registerAreaRange();
     registerPie();
     registerDonut();
     registerRose();
@@ -5959,7 +6546,14 @@ const registerAll = ()=>{
     registerLightTheme();
     registerDarkTheme();
 };
+const updateAdvanced = (chartType, advancedPipe)=>{
+    Builder._customAdvancedPipe[chartType] = advancedPipe;
+};
+const updateSpec = (chartType, specPipe)=>{
+    Builder._customSpecPipe[chartType] = specPipe;
+};
 const external_zod_namespaceObject = require("zod");
+var external_zod_default = /*#__PURE__*/ __webpack_require__.n(external_zod_namespaceObject);
 const zChartType = external_zod_namespaceObject.z["enum"]([
     'table',
     'pivotTable',
@@ -5972,6 +6566,7 @@ const zChartType = external_zod_namespaceObject.z["enum"]([
     'barParallel',
     'area',
     'areaPercent',
+    'areaRange',
     'rose',
     'roseParallel',
     'pie',
@@ -6302,6 +6897,7 @@ const zAreaConfig = external_zod_namespaceObject.z.object({
     crosshairLine: zCrosshairLine.optional()
 });
 const zAreaPercentConfig = zAreaConfig;
+const zAreaRangeConfig = zAreaConfig;
 const zRoseConfig = external_zod_namespaceObject.z.object({
     backgroundColor: zBackgroundColor.optional(),
     label: zLabel.optional(),
@@ -6354,6 +6950,7 @@ const zConfig = external_zod_namespaceObject.z.object({
     barPercent: zBarPercentConfig.optional(),
     area: zAreaConfig.optional(),
     areaPercent: zAreaPercentConfig.optional(),
+    areaRange: zAreaRangeConfig.optional(),
     rose: zRoseConfig.optional(),
     roseParallel: zRoseParallelConfig.optional(),
     pie: zPieConfig.optional(),
@@ -6716,6 +7313,25 @@ const zAnnotation = external_zod_namespaceObject.z.object({
     annotationHorizontalLine: zAnnotationHorizontalLine.or(external_zod_namespaceObject.z.array(zAnnotationHorizontalLine)).optional(),
     annotationArea: zAnnotationArea.or(external_zod_namespaceObject.z.array(zAnnotationArea)).optional()
 });
+const zSortAxis = external_zod_namespaceObject.z.object({
+    order: external_zod_namespaceObject.z["enum"]([
+        'asc',
+        'desc'
+    ]).default('asc'),
+    orderBy: external_zod_namespaceObject.z.string().optional(),
+    customOrder: external_zod_namespaceObject.z.array(external_zod_namespaceObject.z.any()).optional()
+});
+const zSortLegend = external_zod_namespaceObject.z.object({
+    order: external_zod_namespaceObject.z["enum"]([
+        'asc',
+        'desc'
+    ]).default('asc'),
+    orderBy: external_zod_namespaceObject.z.string().optional(),
+    customOrder: external_zod_namespaceObject.z.array(external_zod_namespaceObject.z.any()).optional()
+});
+const zAnalysis = external_zod_default().object({
+    orderMapping: external_zod_default().record(external_zod_default().string(), external_zod_default().array(external_zod_default().string())).optional()
+});
 const zLocale = external_zod_namespaceObject.z["enum"]([
     'zh-CN',
     'en-US'
@@ -6751,6 +7367,8 @@ const zLine = external_zod_namespaceObject.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(),
@@ -6938,6 +7556,26 @@ const zAreaPercent = external_zod_namespaceObject.z.object({
     annotationArea: external_zod_namespaceObject.z.array(zAnnotationArea).or(zAnnotationArea).optional(),
     locale: zLocale.optional()
 });
+const zAreaRange = external_zod_namespaceObject.z.object({
+    chartType: external_zod_namespaceObject.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: external_zod_namespaceObject.z.array(zAnnotationPoint).or(zAnnotationPoint).optional(),
+    annotationVerticalLine: external_zod_namespaceObject.z.array(zAnnotationVerticalLine).or(zAnnotationVerticalLine).optional(),
+    annotationHorizontalLine: external_zod_namespaceObject.z.array(zAnnotationHorizontalLine).or(zAnnotationHorizontalLine).optional(),
+    annotationArea: external_zod_namespaceObject.z.array(zAnnotationArea).or(zAnnotationArea).optional(),
+    locale: zLocale.optional()
+});
 const zRose = external_zod_namespaceObject.z.object({
     chartType: external_zod_namespaceObject.z.literal('rose'),
     dataset: zDataset.optional(),
@@ -7036,6 +7674,7 @@ const zVSeed = external_zod_namespaceObject.z.discriminatedUnion('chartType', [
     zBarPercent,
     zArea,
     zAreaPercent,
+    zAreaRange,
     zPie,
     zRose,
     zRoseParallel,
@@ -7051,6 +7690,7 @@ const zAdvancedVSeed = external_zod_namespaceObject.z.object({
     measures: zMeasureTree,
     encoding: zEncoding,
     config: zConfig,
+    analysis: zAnalysis,
     theme: zTheme,
     markStyle: zMarkStyle,
     customTheme: zCustomThemeConfig,
@@ -7068,6 +7708,8 @@ exports.UnfoldDimensionGroupId = __webpack_exports__.UnfoldDimensionGroupId;
 exports.areaAdvancedPipeline = __webpack_exports__.areaAdvancedPipeline;
 exports.areaPercentAdvancedPipeline = __webpack_exports__.areaPercentAdvancedPipeline;
 exports.areaPercentSpecPipeline = __webpack_exports__.areaPercentSpecPipeline;
+exports.areaRangeAdvancedPipeline = __webpack_exports__.areaRangeAdvancedPipeline;
+exports.areaRangeSpecPipeline = __webpack_exports__.areaRangeSpecPipeline;
 exports.areaSpecPipeline = __webpack_exports__.areaSpecPipeline;
 exports.autoFormatter = __webpack_exports__.autoFormatter;
 exports.autoNumFormatter = __webpack_exports__.autoNumFormatter;
@@ -7086,6 +7728,7 @@ exports.columnSpecPipeline = __webpack_exports__.columnSpecPipeline;
 exports.createFormatter = __webpack_exports__.createFormatter;
 exports.createNumFormatter = __webpack_exports__.createNumFormatter;
 exports.darkTheme = __webpack_exports__.darkTheme;
+exports.dataReshapeFor1D = __webpack_exports__.dataReshapeFor1D;
 exports.dataReshapeFor1D1M = __webpack_exports__.dataReshapeFor1D1M;
 exports.dataReshapeFor1D2M = __webpack_exports__.dataReshapeFor1D2M;
 exports.dataReshapeFor2D1M = __webpack_exports__.dataReshapeFor2D1M;
@@ -7119,6 +7762,7 @@ exports.preorderTraverse = __webpack_exports__.preorderTraverse;
 exports.registerAll = __webpack_exports__.registerAll;
 exports.registerArea = __webpack_exports__.registerArea;
 exports.registerAreaPercent = __webpack_exports__.registerAreaPercent;
+exports.registerAreaRange = __webpack_exports__.registerAreaRange;
 exports.registerBar = __webpack_exports__.registerBar;
 exports.registerBarParallel = __webpack_exports__.registerBarParallel;
 exports.registerBarPercent = __webpack_exports__.registerBarPercent;
@@ -7146,7 +7790,10 @@ exports.scatterSpecPipeline = __webpack_exports__.scatterSpecPipeline;
 exports.tableAdvancedPipeline = __webpack_exports__.tableAdvancedPipeline;
 exports.tableSpecPipeline = __webpack_exports__.tableSpecPipeline;
 exports.unfoldDimensions = __webpack_exports__.unfoldDimensions;
+exports.updateAdvanced = __webpack_exports__.updateAdvanced;
+exports.updateSpec = __webpack_exports__.updateSpec;
 exports.zAdvancedVSeed = __webpack_exports__.zAdvancedVSeed;
+exports.zAnalysis = __webpack_exports__.zAnalysis;
 exports.zAnnotation = __webpack_exports__.zAnnotation;
 exports.zAnnotationArea = __webpack_exports__.zAnnotationArea;
 exports.zAnnotationHorizontalLine = __webpack_exports__.zAnnotationHorizontalLine;
@@ -7156,6 +7803,8 @@ exports.zArea = __webpack_exports__.zArea;
 exports.zAreaConfig = __webpack_exports__.zAreaConfig;
 exports.zAreaPercent = __webpack_exports__.zAreaPercent;
 exports.zAreaPercentConfig = __webpack_exports__.zAreaPercentConfig;
+exports.zAreaRange = __webpack_exports__.zAreaRange;
+exports.zAreaRangeConfig = __webpack_exports__.zAreaRangeConfig;
 exports.zAreaStyle = __webpack_exports__.zAreaStyle;
 exports.zAxis = __webpack_exports__.zAxis;
 exports.zBackgroundColor = __webpack_exports__.zBackgroundColor;
@@ -7216,6 +7865,8 @@ exports.zRoseParallel = __webpack_exports__.zRoseParallel;
 exports.zRoseParallelConfig = __webpack_exports__.zRoseParallelConfig;
 exports.zScatter = __webpack_exports__.zScatter;
 exports.zScatterConfig = __webpack_exports__.zScatterConfig;
+exports.zSortAxis = __webpack_exports__.zSortAxis;
+exports.zSortLegend = __webpack_exports__.zSortLegend;
 exports.zStackCornerRadius = __webpack_exports__.zStackCornerRadius;
 exports.zTable = __webpack_exports__.zTable;
 exports.zTableConfig = __webpack_exports__.zTableConfig;
@@ -7239,6 +7890,8 @@ for(var __webpack_i__ in __webpack_exports__)if (-1 === [
     "areaAdvancedPipeline",
     "areaPercentAdvancedPipeline",
     "areaPercentSpecPipeline",
+    "areaRangeAdvancedPipeline",
+    "areaRangeSpecPipeline",
     "areaSpecPipeline",
     "autoFormatter",
     "autoNumFormatter",
@@ -7257,6 +7910,7 @@ for(var __webpack_i__ in __webpack_exports__)if (-1 === [
     "createFormatter",
     "createNumFormatter",
     "darkTheme",
+    "dataReshapeFor1D",
     "dataReshapeFor1D1M",
     "dataReshapeFor1D2M",
     "dataReshapeFor2D1M",
@@ -7290,6 +7944,7 @@ for(var __webpack_i__ in __webpack_exports__)if (-1 === [
     "registerAll",
     "registerArea",
     "registerAreaPercent",
+    "registerAreaRange",
     "registerBar",
     "registerBarParallel",
     "registerBarPercent",
@@ -7317,7 +7972,10 @@ for(var __webpack_i__ in __webpack_exports__)if (-1 === [
     "tableAdvancedPipeline",
     "tableSpecPipeline",
     "unfoldDimensions",
+    "updateAdvanced",
+    "updateSpec",
     "zAdvancedVSeed",
+    "zAnalysis",
     "zAnnotation",
     "zAnnotationArea",
     "zAnnotationHorizontalLine",
@@ -7327,6 +7985,8 @@ for(var __webpack_i__ in __webpack_exports__)if (-1 === [
     "zAreaConfig",
     "zAreaPercent",
     "zAreaPercentConfig",
+    "zAreaRange",
+    "zAreaRangeConfig",
     "zAreaStyle",
     "zAxis",
     "zBackgroundColor",
@@ -7387,6 +8047,8 @@ for(var __webpack_i__ in __webpack_exports__)if (-1 === [
     "zRoseParallelConfig",
     "zScatter",
     "zScatterConfig",
+    "zSortAxis",
+    "zSortLegend",
     "zStackCornerRadius",
     "zTable",
     "zTableConfig",