@visactor/vseed 0.0.30 → 0.0.31

package/dist/index.d.ts

@@ -1,8 +1,9 @@
 export { Builder } from './builder';
 export { registerAll } from './builder/register/all';
+export { updateAdvanced, updateSpec } from './builder/register/custom';
 export { registerDarkTheme, registerLightTheme, registerCustomTheme } from './builder/register/theme';
 export { registerArea, registerAreaPercent, registerBar, registerBarParallel, registerBarPercent, registerColumn, registerColumnParallel, registerColumnPercent, registerLine, registerPie, registerDonut, registerRose, registerRoseParallel, registerFunnel, registerScatter, registerTable, registerPivotTable, registerAreaRange, registerHeatmap, registerRadar, } from './builder/register/chartType';
-export * from './pipeline/utils';
+export * from './pipeline';
 export * from './types';
 export * from './dataReshape';
 export * from './dataSelector';

package/dist/index.js

@@ -1,5 +1,5 @@
 import { clone, groupBy, isArray, isEmpty, isNullish, isNumber, isString, mergeDeep, omit, pick, sort, unique } from "remeda";
-import zod, { z } from "zod";
+import { z } from "zod";
 const execPipeline = (pipeline, context, initialValue = {})=>{
     const result = pipeline.reduce((prev, cur)=>cur(prev, context), initialValue);
     return result;
@@ -1242,7 +1242,7 @@ const sortXBandAxis = (advancedVSeed, context)=>{
         ...advancedVSeed
     };
     const { vseed } = context;
-    const { sortAxis, dataset } = vseed;
+    const { sort: sortAxis, dataset } = vseed;
     const { encoding } = advancedVSeed;
     const xField = encoding?.[0]?.x?.[0];
     if (!sortAxis || !xField) return advancedVSeed;
@@ -1257,7 +1257,7 @@ const sortYBandAxis = (advancedVSeed, context)=>{
         ...advancedVSeed
     };
     const { vseed } = context;
-    const { sortAxis, dataset } = vseed;
+    const { sort: sortAxis, dataset } = vseed;
     const { encoding } = advancedVSeed;
     const yField = encoding?.[0]?.y?.[0];
     if (!sortAxis || !yField) return advancedVSeed;
@@ -1294,10 +1294,10 @@ const sort_sortLegend = (advancedVSeed, context)=>{
     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 calcOrder = (sortConfig, id, dataset)=>{
+    if (sortConfig.customOrder) return sortConfig.customOrder;
+    const order = sortConfig.order || 'asc';
+    const orderBy = sortConfig.orderBy;
     const res = sort(dataset, (a, b)=>{
         const aValue = a[orderBy || id];
         const bValue = b[orderBy || id];
@@ -1576,13 +1576,13 @@ const xBand = (spec, context)=>{
         ];
         return result;
     }
-    const { visible = true, label, tick, title, grid, line, labelAutoHide, labelAutoHideGap, labelAutoLimit, labelAutoLimitLength, labelAutoRotate, labelAutoRotateAngleRange } = config;
+    const { visible = true, label, tick, title, grid, line, labelAutoHide, labelAutoHideGap, labelAutoLimit, labelAutoLimitLength = 80, labelAutoRotate, labelAutoRotateAngleRange } = config;
     const sampling = !(labelAutoHide || labelAutoRotate || labelAutoLimit);
     const bandAxis = {
         visible,
         type: 'band',
         orient: 'bottom',
-        maxHeight: labelAutoLimitLength,
+        maxHeight: labelAutoLimitLength + 60,
         sampling,
         hover: true,
         label: {
@@ -1832,24 +1832,35 @@ const tooltip_tooltip = (spec, context)=>{
         ...spec
     };
     const { advancedVSeed } = context;
-    const { measures, datasetReshapeInfo, chartType, locale } = advancedVSeed;
+    const { measures, datasetReshapeInfo, chartType, locale, dimensions } = advancedVSeed;
     const baseConfig = advancedVSeed.config[chartType];
     const { tooltip = {
         enable: true
     } } = baseConfig;
     const { enable } = tooltip;
-    const { measureId, measureValue } = datasetReshapeInfo[0].foldInfo;
+    const { measureId, measureValue, measureName } = datasetReshapeInfo[0].foldInfo;
     const { groupName } = datasetReshapeInfo[0].unfoldInfo;
     result.tooltip = {
         visible: enable,
         mark: {
             title: {
-                value: (datum)=>datum && datum[groupName] || ''
+                visible: true
             },
             content: [
+                ...dimensions.map((item)=>({
+                        visible: true,
+                        hasShape: true,
+                        shapeType: 'rectRound',
+                        key: (datum)=>{
+                            if (item.alias || item.id) return item.alias || item.id;
+                            return datum && datum[item.id];
+                        },
+                        value: (datum)=>datum && datum[item.id]
+                    })),
                 {
                     visible: true,
-                    key: (datum)=>datum && datum[groupName] || '',
+                    hasShape: true,
+                    key: (datum)=>datum && datum[measureName || groupName] || '',
                     value: (datum)=>{
                         if (!datum) return '';
                         const value = datum[measureValue];
@@ -1885,7 +1896,8 @@ const tooltip_tooltip = (spec, context)=>{
                         }
                         if (autoFormat) return autoFormatter(value, locale);
                         return String(value);
-                    }
+                    },
+                    shapeType: 'rectRound'
                 }
             ]
         }
@@ -1999,6 +2011,7 @@ const discreteLegend = (spec, context)=>{
             }) : void 0,
         item: {
             focus: true,
+            maxWidth: 260,
             focusIconStyle: {
                 size: labelFontSize + 2,
                 fill: labelFontColor,
@@ -2027,7 +2040,8 @@ const discreteLegend = (spec, context)=>{
                     }
                 }
             }
-        }
+        },
+        padding: 0
     };
     return result;
 };
@@ -2134,7 +2148,7 @@ const pointStyle_pointStyle = (spec, context)=>{
         pointStyle
     ];
     const customMap = pointStyles.reduce((result, style, index)=>{
-        const { pointBorderColor, pointBorderStyle, pointBorderWidth, pointColor, pointColorOpacity, pointSize } = style;
+        const { pointBorderColor, pointBorderStyle, pointBorderWidth = 1, pointColor, pointColorOpacity, pointSize } = style;
         const lineDash = 'dashed' === pointBorderStyle ? [
             5,
             2
@@ -2289,7 +2303,7 @@ const annotationPoint_annotationPoint = (spec, context)=>{
         annotationPoint
     ];
     const markPoint = annotationPointList.flatMap((annotationPoint)=>{
-        const { selector: selectorPoint, text = '', textColor = '#ffffff', textFontSize = 12, textFontWeight = 400, textAlign = 'center', textBaseline = 'middle', backgroundBorderColor, backgroundBorderRadius = 4, backgroundBorderWidth = 1, backgroundColor = '#212121', backgroundPadding = 2, backgroundVisible = true, offsetX = 0, offsetY = 0 } = annotationPoint;
+        const { selector: selectorPoint, text = '', textColor = '#cccccc', textFontSize = 12, textFontWeight = 400, textAlign = 'center', textBaseline = 'middle', backgroundBorderColor, backgroundBorderRadius = 4, backgroundBorderWidth = 1, backgroundColor = '#212121', backgroundPadding = 2, backgroundVisible = true, offsetX = 0, offsetY = 0 } = annotationPoint;
         const dataset = advancedVSeed.dataset.flat();
         const selectedData = selectorPoint ? dataset.filter((datum)=>selector_selector(datum, selectorPoint)) : [];
         return selectedData.map((datum)=>({
@@ -2312,12 +2326,14 @@ const annotationPoint_annotationPoint = (spec, context)=>{
                     offsetY,
                     offsetX,
                     text: {
-                        visible: true,
                         text: text,
                         style: {
+                            visible: true,
                             textAlign: textAlign,
                             textBaseline: textBaseline,
                             fill: textColor,
+                            stroke: backgroundColor,
+                            lineWidth: 1,
                             fontSize: textFontSize,
                             fontWeight: textFontWeight
                         },
@@ -2328,7 +2344,7 @@ const annotationPoint_annotationPoint = (spec, context)=>{
                                 cornerRadius: backgroundBorderRadius ?? 4,
                                 fill: backgroundColor,
                                 stroke: backgroundBorderColor,
-                                strokeWidth: backgroundBorderWidth
+                                lineWidth: backgroundBorderWidth
                             }
                         }
                     }
@@ -2357,14 +2373,16 @@ const annotationVerticalLine_annotationVerticalLine = (spec, context)=>{
         insideEnd: 'insideEndTop'
     };
     const markLine = annotationVerticalLineList.flatMap((annotationVerticalLine)=>{
-        const { selector: selectorPoint, xValue, text = '', textPosition = 'insideEnd', textColor = '#ffffff', textFontSize = 12, textFontWeight = 400, textAlign = 'right', textBaseline = 'top', backgroundBorderColor, backgroundBorderRadius = 4, backgroundBorderWidth = 1, backgroundColor = '#212121', backgroundPadding = 2, backgroundVisible = true, lineColor = '#212121', lineStyle = 'dashed', lineVisible = true, lineWidth = 1 } = annotationVerticalLine;
+        const { selector: selectorPoint, xValue, text = '', textPosition = 'insideEnd', textColor = '#cccccc', textFontSize = 12, textFontWeight = 400, textAlign = 'right', textBaseline = 'top', backgroundBorderColor, backgroundBorderRadius = 4, backgroundBorderWidth = 1, backgroundColor = '#212121', backgroundPadding = 2, backgroundVisible = true, lineColor = '#212121', lineStyle = 'dashed', lineVisible = true, lineWidth = 1, offsetX = 0, offsetY = 0 } = annotationVerticalLine;
         const dataset = advancedVSeed.dataset.flat();
         const generateOneMarkLine = (x)=>({
                 x: x,
                 zIndex: ANNOTATION_Z_INDEX,
+                offsetX,
+                offsetY,
                 line: {
-                    visible: lineVisible,
                     style: {
+                        visible: lineVisible,
                         stroke: lineColor,
                         lineStyle: lineStyle,
                         lineWidth: lineWidth,
@@ -2384,11 +2402,14 @@ const annotationVerticalLine_annotationVerticalLine = (spec, context)=>{
                     position: positionMap[textPosition],
                     style: {
                         visible: true,
+                        stroke: backgroundColor,
+                        lineWidth: 1,
                         textAlign: textAlign,
                         textBaseline: textBaseline,
                         fill: textColor,
                         fontSize: textFontSize,
-                        fontWeight: textFontWeight
+                        fontWeight: textFontWeight,
+                        dy: textFontSize
                     },
                     labelBackground: {
                         visible: backgroundVisible,
@@ -2397,13 +2418,14 @@ const annotationVerticalLine_annotationVerticalLine = (spec, context)=>{
                             cornerRadius: backgroundBorderRadius ?? 4,
                             fill: backgroundColor,
                             stroke: backgroundBorderColor,
-                            strokeWidth: backgroundBorderWidth
+                            lineWidth: backgroundBorderWidth
                         }
                     }
                 },
                 endSymbol: {
                     visible: true,
                     style: {
+                        dy: 4,
                         fill: lineColor
                     }
                 }
@@ -2448,14 +2470,16 @@ const annotationHorizontalLine_annotationHorizontalLine = (spec, context)=>{
         insideEnd: 'insideEndTop'
     };
     const markLine = annotationVerticalLineList.flatMap((annotationVerticalLine)=>{
-        const { selector: selectorPoint, yValue, text = '', textPosition = 'insideEnd', textColor = '#ffffff', textFontSize = 12, textFontWeight = 400, textAlign = 'center', textBaseline = 'bottom', backgroundBorderColor, backgroundBorderRadius = 4, backgroundBorderWidth = 1, backgroundColor = '#212121', backgroundPadding = 2, backgroundVisible = true, lineColor = '#212121', lineStyle = 'dashed', lineVisible = true, lineWidth = 1 } = annotationVerticalLine;
+        const { selector: selectorPoint, yValue, text = '', textPosition = 'insideEnd', textColor = '#ffffff', textFontSize = 12, textFontWeight = 400, textAlign = 'center', textBaseline = 'bottom', backgroundBorderColor, backgroundBorderRadius = 4, backgroundBorderWidth = 1, backgroundColor = '#212121', backgroundPadding = 2, backgroundVisible = true, lineColor = '#212121', lineStyle = 'dashed', lineVisible = true, lineWidth = 1, offsetX = 0, offsetY = 0 } = annotationVerticalLine;
         const dataset = advancedVSeed.dataset.flat();
         const generateOneMarkLine = (y)=>({
                 y,
+                offsetX,
+                offsetY,
                 zIndex: ANNOTATION_Z_INDEX,
                 line: {
-                    visible: lineVisible,
                     style: {
+                        visible: lineVisible,
                         stroke: lineColor,
                         lineStyle: lineStyle,
                         lineWidth: lineWidth,
@@ -2475,6 +2499,9 @@ const annotationHorizontalLine_annotationHorizontalLine = (spec, context)=>{
                     position: positionMap[textPosition],
                     style: {
                         visible: true,
+                        dy: textFontSize,
+                        stroke: backgroundColor,
+                        lineWidth: 1,
                         textAlign: textAlign,
                         textBaseline: textBaseline,
                         fill: textColor,
@@ -2488,13 +2515,14 @@ const annotationHorizontalLine_annotationHorizontalLine = (spec, context)=>{
                             cornerRadius: backgroundBorderRadius ?? 4,
                             fill: backgroundColor,
                             stroke: backgroundBorderColor,
-                            strokeWidth: backgroundBorderWidth
+                            lineWidth: backgroundBorderWidth
                         }
                     }
                 },
                 endSymbol: {
                     visible: true,
                     style: {
+                        dx: -4,
                         fill: lineColor
                     }
                 }
@@ -2541,12 +2569,14 @@ const annotationArea_annotationArea = (spec, context)=>{
         right: 'insideRight'
     };
     const markArea = annotationAreaList.flatMap((annotationArea)=>{
-        const { selector: selectorPoint, text = '', textPosition = 'top', textColor = '#ffffff', textFontSize = 12, textFontWeight = 400, textAlign = 'center', textBaseline = 'top', backgroundBorderColor, backgroundBorderRadius = 4, backgroundBorderWidth = 1, backgroundColor = '#191d24', backgroundPadding = 10, backgroundVisible = true, outerPadding = 4, areaColor = '#888888', areaColorOpacity = 0.15, areaBorderColor, areaBorderRadius, areaBorderWidth } = annotationArea;
+        const { selector: selectorPoint, text = '', textPosition = 'top', textColor = '#ffffff', textFontSize = 12, textFontWeight = 400, textAlign = 'center', textBaseline = 'top', backgroundBorderColor, backgroundBorderRadius = 4, backgroundBorderWidth = 1, backgroundColor = '#191d24', backgroundPadding = 10, backgroundVisible = true, outerPadding = 4, areaColor = '#888888', areaColorOpacity = 0.15, areaBorderColor, areaBorderRadius, areaBorderWidth, offsetX = 0, offsetY = 0 } = annotationArea;
         const dataset = advancedVSeed.dataset.flat();
         const selectedData = selectorPoint ? dataset.filter((datum)=>selector_selector(datum, selectorPoint)) : [];
         return {
             zIndex: ANNOTATION_Z_INDEX,
             regionRelative: true,
+            offsetX,
+            offsetY,
             positions: (data, context)=>{
                 const positionData = data.filter((item)=>selectedData.some((datum)=>isSubset(datum, item)));
                 const xyList = positionData.map((datum)=>context.dataToPosition(datum));
@@ -2612,6 +2642,8 @@ const annotationArea_annotationArea = (spec, context)=>{
                     textAlign: textAlign,
                     textBaseline: textBaseline,
                     fill: textColor,
+                    stroke: backgroundColor,
+                    lineWidth: 1,
                     fontSize: textFontSize,
                     fontWeight: textFontWeight
                 },
@@ -2622,7 +2654,7 @@ const annotationArea_annotationArea = (spec, context)=>{
                         cornerRadius: backgroundBorderRadius ?? 4,
                         fill: backgroundColor,
                         stroke: backgroundBorderColor,
-                        strokeWidth: backgroundBorderWidth
+                        lineWidth: backgroundBorderWidth
                     }
                 }
             },
@@ -2632,7 +2664,7 @@ const annotationArea_annotationArea = (spec, context)=>{
                     fill: areaColor,
                     fillOpacity: areaColorOpacity,
                     stroke: areaBorderColor,
-                    strokeWidth: areaBorderWidth,
+                    lineWidth: areaBorderWidth,
                     cornerRadius: areaBorderRadius
                 }
             }
@@ -2971,6 +3003,7 @@ const pivotDiscreteLegend = (spec, context)=>{
             })),
         item: {
             focus: true,
+            maxWidth: 260,
             focusIconStyle: {
                 size: labelFontSize + 2,
                 fill: labelFontColor,
@@ -3312,7 +3345,7 @@ const barStyle_barStyle = (spec, context)=>{
         barStyle
     ];
     const customMap = barStyles.reduce((result, style, index)=>{
-        const { barBorderColor, barBorderStyle, barBorderWidth, barColor, barColorOpacity, barRadius } = style;
+        const { barBorderColor, barBorderStyle, barBorderWidth = 1, barColor, barColorOpacity, barRadius } = style;
         const lineDash = 'dashed' === barBorderStyle ? [
             5,
             2
@@ -3373,12 +3406,14 @@ const annotationAreaBand = (spec, context)=>{
         right: 'insideRight'
     };
     const markArea = annotationAreaList.flatMap((annotationArea)=>{
-        const { selector: selectorPoint, text = '', textPosition = 'top', textColor = '#ffffff', textFontSize = 12, textFontWeight = 400, textAlign = 'center', textBaseline = 'top', backgroundBorderColor, backgroundBorderRadius = 4, backgroundBorderWidth = 1, backgroundColor = '#191d24', backgroundPadding = 4, backgroundVisible = true, outerPadding = 8, areaColor = '#888888', areaColorOpacity = 0.15, areaBorderColor, areaBorderRadius, areaBorderWidth } = annotationArea;
+        const { selector: selectorPoint, text = '', textPosition = 'top', textColor = '#ffffff', textFontSize = 12, textFontWeight = 400, textAlign = 'center', textBaseline = 'top', backgroundBorderColor, backgroundBorderRadius = 4, backgroundBorderWidth = 1, backgroundColor = '#191d24', backgroundPadding = 4, backgroundVisible = true, outerPadding = 8, areaColor = '#888888', areaColorOpacity = 0.15, areaBorderColor, areaBorderRadius, areaBorderWidth, offsetX, offsetY } = annotationArea;
         const dataset = advancedVSeed.dataset.flat();
         const selectedData = selectorPoint ? dataset.filter((datum)=>selector_selector(datum, selectorPoint)) : [];
         return {
             zIndex: ANNOTATION_Z_INDEX,
             regionRelative: true,
+            offsetX,
+            offsetY,
             positions: (data, context)=>{
                 const positionData = data.filter((item)=>selectedData.some((datum)=>isSubset(datum, item)));
                 const xyList = positionData.map((datum)=>context.dataToPosition(datum));
@@ -3447,6 +3482,8 @@ const annotationAreaBand = (spec, context)=>{
                 style: {
                     textAlign: textAlign,
                     textBaseline: textBaseline,
+                    stroke: backgroundColor,
+                    lineWidth: 1,
                     fill: textColor,
                     fontSize: textFontSize,
                     fontWeight: textFontWeight
@@ -3458,7 +3495,7 @@ const annotationAreaBand = (spec, context)=>{
                         cornerRadius: backgroundBorderRadius ?? 4,
                         fill: backgroundColor,
                         stroke: backgroundBorderColor,
-                        strokeWidth: backgroundBorderWidth
+                        lineWidth: backgroundBorderWidth
                     }
                 }
             },
@@ -3468,7 +3505,7 @@ const annotationAreaBand = (spec, context)=>{
                     fill: areaColor,
                     fillOpacity: areaColorOpacity,
                     stroke: areaBorderColor,
-                    strokeWidth: areaBorderWidth,
+                    lineWidth: areaBorderWidth,
                     cornerRadius: areaBorderRadius
                 }
             }
@@ -3929,13 +3966,13 @@ const yBand = (spec, context)=>{
         ];
         return result;
     }
-    const { visible = true, label, tick, title, grid, line, labelAutoHide, labelAutoHideGap, labelAutoLimit, labelAutoLimitLength, labelAutoRotate, labelAutoRotateAngleRange } = config;
+    const { visible = true, label, tick, title, grid, line, labelAutoHide, labelAutoHideGap, labelAutoLimit, labelAutoLimitLength = 80, labelAutoRotate, labelAutoRotateAngleRange } = config;
     const sampling = !(labelAutoHide || labelAutoRotate || labelAutoLimit);
     const bandAxis = {
         visible,
         type: 'band',
         orient: 'left',
-        maxWidth: labelAutoLimitLength,
+        maxWidth: labelAutoLimitLength + 60,
         sampling,
         hover: true,
         label: {
@@ -4813,6 +4850,79 @@ const initAreaRangeLine2 = (spec, context)=>{
     };
     return result;
 };
+const tooltipDisable = (spec)=>{
+    const result = {
+        ...spec
+    };
+    result.tooltip = {
+        visible: false
+    };
+    return result;
+};
+const tooltipAreaRange = (spec, context)=>{
+    const result = {
+        ...spec
+    };
+    const { advancedVSeed } = context;
+    const { measures, datasetReshapeInfo, chartType, locale, encoding } = advancedVSeed;
+    const baseConfig = advancedVSeed.config[chartType];
+    const { tooltip = {
+        enable: true
+    } } = baseConfig;
+    const { enable } = tooltip;
+    const { groupName } = datasetReshapeInfo[0].unfoldInfo;
+    const y = encoding[0]?.y || [];
+    result.tooltip = {
+        visible: enable,
+        dimension: {
+            content: [
+                {
+                    visible: true,
+                    key: (datum)=>datum && datum[groupName] || '',
+                    value: (datum)=>{
+                        if (!datum) return '';
+                        const text = y.map((id)=>{
+                            const value = datum[id];
+                            const measure = findMeasureById(measures, id);
+                            if (!measure) return String(value);
+                            const { format = {}, autoFormat = true } = measure;
+                            if (!isEmpty(format)) {
+                                const formatter = createFormatter(format);
+                                return formatter(value);
+                            }
+                            if (autoFormat) return autoFormatter(value, locale);
+                            return String(value);
+                        });
+                        return text.join(' ~ ');
+                    },
+                    shapeType: 'rectRound'
+                },
+                ...y.map((id)=>{
+                    const measure = findMeasureById(measures, id);
+                    return {
+                        visible: true,
+                        key: measure?.alias || id,
+                        value: (datum)=>{
+                            if (!datum) return '';
+                            const value = datum[id];
+                            const measure = findMeasureById(measures, id);
+                            if (!measure) return String(value);
+                            const { format = {}, autoFormat = true } = measure;
+                            if (!isEmpty(format)) {
+                                const formatter = createFormatter(format);
+                                return formatter(value);
+                            }
+                            if (autoFormat) return autoFormatter(value, locale);
+                            return String(value);
+                        },
+                        shapeType: 'rectRound'
+                    };
+                })
+            ]
+        }
+    };
+    return result;
+};
 const areaRange = [
     series([
         initAreaRange,
@@ -4821,12 +4931,14 @@ const areaRange = [
         initAreaRangeLine1,
         lineStyle_lineStyle,
         pointStyle_pointStyle,
-        pointStateDimensionHover
+        pointStateDimensionHover,
+        tooltipDisable
     ], [
         initAreaRangeLine2,
         lineStyle_lineStyle,
         pointStyle_pointStyle,
-        pointStateDimensionHover
+        pointStateDimensionHover,
+        tooltipDisable
     ]),
     datasetXY,
     progressive,
@@ -4834,6 +4946,7 @@ const areaRange = [
     xBand,
     yLinear,
     label_label,
+    tooltipAreaRange,
     verticalCrosshairLine,
     annotationPoint_annotationPoint,
     annotationVerticalLine_annotationVerticalLine,
@@ -4853,12 +4966,14 @@ const pivotAreaRange = [
             initAreaRangeLine1,
             lineStyle_lineStyle,
             pointStyle_pointStyle,
-            pointStateDimensionHover
+            pointStateDimensionHover,
+            tooltipDisable
         ], [
             initAreaRangeLine2,
             lineStyle_lineStyle,
             pointStyle_pointStyle,
-            pointStateDimensionHover
+            pointStateDimensionHover,
+            tooltipDisable
         ]),
         background_backgroundColor,
         datasetXY,
@@ -4866,6 +4981,7 @@ const pivotAreaRange = [
         xBand,
         yLinear,
         label_label,
+        tooltipAreaRange,
         verticalCrosshairLine,
         annotationPoint_annotationPoint,
         annotationVerticalLine_annotationVerticalLine,
@@ -5366,7 +5482,6 @@ const initPie = (spec, context)=>{
         },
         state: {
             hover: {
-                centerOffset: 5,
                 outerRadius: 1.1 * result.outerRadius
             }
         }
@@ -6400,7 +6515,7 @@ const lightTheme = ()=>{
         labelAutoHide: true,
         labelAutoHideGap: 4,
         labelAutoLimit: true,
-        labelAutoLimitLength: 100,
+        labelAutoLimitLength: 80,
         labelAutoRotate: false,
         labelAutoRotateAngleRange: [
             0,
@@ -6722,7 +6837,7 @@ const darkTheme = ()=>{
         labelAutoHide: true,
         labelAutoHideGap: 4,
         labelAutoLimit: true,
-        labelAutoLimitLength: 100,
+        labelAutoLimitLength: 80,
         labelAutoRotate: false,
         labelAutoRotateAngleRange: [
             0,
@@ -7028,6 +7143,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',
@@ -7718,7 +7839,9 @@ const zAnnotationVerticalLine = z.object({
     backgroundBorderColor: z.string().optional(),
     backgroundBorderWidth: z.number().default(1).optional(),
     backgroundBorderRadius: z.number().default(4).optional(),
-    backgroundPadding: z.number().optional()
+    backgroundPadding: z.number().optional(),
+    offsetX: z.number().default(0),
+    offsetY: z.number().default(0)
 });
 const zAnnotationHorizontalLine = z.object({
     selector: z.union([
@@ -7768,7 +7891,9 @@ const zAnnotationHorizontalLine = z.object({
     backgroundBorderColor: z.string().optional(),
     backgroundBorderWidth: z.number().default(1).optional(),
     backgroundBorderRadius: z.number().default(4).optional(),
-    backgroundPadding: z.number().optional()
+    backgroundPadding: z.number().optional(),
+    offsetX: z.number().default(0),
+    offsetY: z.number().default(0)
 });
 const zAnnotationArea = z.object({
     selector: z.union([
@@ -7810,7 +7935,9 @@ const zAnnotationArea = z.object({
     areaBorderColor: z.number().optional(),
     areaBorderWidth: z.number().default(2).optional(),
     areaBorderRadius: z.number().default(4).optional(),
-    outerPadding: z.number().optional()
+    outerPadding: z.number().optional(),
+    offsetX: z.number().optional(),
+    offsetY: z.number().optional()
 });
 const zAnnotation = z.object({
     annotationPoint: zAnnotationPoint.or(z.array(zAnnotationPoint)).optional(),
@@ -7818,7 +7945,7 @@ const zAnnotation = z.object({
     annotationHorizontalLine: zAnnotationHorizontalLine.or(z.array(zAnnotationHorizontalLine)).optional(),
     annotationArea: zAnnotationArea.or(z.array(zAnnotationArea)).optional()
 });
-const zSortAxis = z.object({
+const zSort = z.object({
     order: z["enum"]([
         'asc',
         'desc'
@@ -7834,8 +7961,8 @@ const zSortLegend = z.object({
     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 zAnalysis = z.object({
+    orderMapping: z.record(z.string(), z.array(z.string())).optional()
 });
 const zLocale = z["enum"]([
     'zh-CN',
@@ -7872,7 +7999,7 @@ const zLine = z.object({
     xAxis: zXBandAxis.optional(),
     yAxis: zYLinearAxis.optional(),
     crosshairLine: zCrosshairLine.optional(),
-    sortAxis: zSortAxis.optional(),
+    sort: zSort.optional(),
     sortLegend: zSortLegend.optional(),
     theme: zTheme.optional(),
     pointStyle: z.array(zPointStyle).or(zPointStyle).optional(),
@@ -8230,6 +8357,6 @@ const zAdvancedVSeed = z.object({
     annotation: zAnnotation,
     locale: zLocale
 });
-export { Builder, FoldMeasureId, FoldMeasureName, FoldMeasureValue, ORIGINAL_DATA, Separator, UnfoldDimensionGroup, UnfoldDimensionGroupId, autoFormatter, autoNumFormatter, createFormatter, createNumFormatter, darkTheme, dataReshapeFor1D, dataReshapeFor1D1M, dataReshapeFor1D2M, dataReshapeFor2D1M, dataReshapeFor2D1M0Name, execPipeline, findAllDimensions, findAllMeasures, findDimensionById, findFirstDimension, findFirstMeasure, findMeasureById, foldMeasures, i18n, intl, isDimensionSelector, isMeasureSelector, isPartialDatumSelector, isPivotChart, isPivotTable, isTable, isVChart, isVTable, isValueSelector, lightTheme, preorderTraverse, registerAll, registerArea, registerAreaPercent, registerAreaRange, registerBar, registerBarParallel, registerBarPercent, registerColumn, registerColumnParallel, registerColumnPercent, registerCustomTheme, registerDarkTheme, registerDonut, registerFunnel, registerHeatmap, registerLightTheme, registerLine, registerPie, registerPivotTable, registerRadar, registerRose, registerRoseParallel, registerScatter, registerTable, selector_selector as selector, unfoldDimensions, 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, zColorLegend, 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, zHeatmap, zHeatmapConfig, zLabel, zLegend, zLine, zLineConfig, zLineStyle, zLinearColor, zLocale, zMarkStyle, zMeasure, zMeasureGroup, zMeasureTree, zMeasures, zNumFormat, zPie, zPieConfig, zPivotTable, zPivotTableConfig, zPointStyle, zRadar, zRadarConfig, zRose, zRoseConfig, zRoseParallel, zRoseParallelConfig, zScatter, zScatterConfig, zSortAxis, zSortLegend, 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, dataReshapeFor2D1M0Name, donutAdvancedPipeline, donutSpecPipeline, execPipeline, findAllDimensions, findAllMeasures, findDimensionById, findFirstDimension, findFirstMeasure, findMeasureById, foldMeasures, funnelAdvancedPipeline, funnelSpecPipeline, heatmapAdvancedPipeline, heatmapSpecPipeline, i18n, intl, isDimensionSelector, isMeasureSelector, isPartialDatumSelector, isPivotChart, isPivotTable, isTable, isVChart, isVTable, isValueSelector, lightTheme, lineAdvancedPipeline, lineSpecPipeline, pieAdvancedPipeline, pieSpecPipeline, pivotTableAdvancedPipeline, pivotTableSpecPipeline, preorderTraverse, radarAdvancedPipeline, radarSpecPipeline, registerAll, registerArea, registerAreaPercent, registerAreaRange, registerBar, registerBarParallel, registerBarPercent, registerColumn, registerColumnParallel, registerColumnPercent, registerCustomTheme, registerDarkTheme, registerDonut, registerFunnel, registerHeatmap, registerLightTheme, registerLine, registerPie, registerPivotTable, registerRadar, registerRose, registerRoseParallel, registerScatter, registerTable, roseAdvancedPipeline, roseParallelAdvancedPipeline, roseParallelSpecPipeline, roseSpecPipeline, scatterAdvancedPipeline, scatterSpecPipeline, selector_selector as selector, 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, zColorLegend, 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, zHeatmap, zHeatmapConfig, zLabel, zLegend, zLine, zLineConfig, zLineStyle, zLinearColor, zLocale, zMarkStyle, zMeasure, zMeasureGroup, zMeasureTree, zMeasures, zNumFormat, zPie, zPieConfig, zPivotTable, zPivotTableConfig, zPointStyle, zRadar, zRadarConfig, zRose, zRoseConfig, zRoseParallel, zRoseParallelConfig, zScatter, zScatterConfig, zSort, zSortLegend, zStackCornerRadius, zTable, zTableConfig, zTheme, zTooltip, zUnfoldInfo, zVSeed, zXBandAxis, zXLinearAxis, zYBandAxis, zYLinearAxis };
 
 //# sourceMappingURL=index.js.map