@visactor/vseed 0.0.30 → 0.0.32

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;
@@ -1206,7 +1206,7 @@ const encodingXY = (advancedVSeed)=>{
     };
     const { datasetReshapeInfo, dimensions } = advancedVSeed;
     if (!datasetReshapeInfo || !dimensions) return result;
-    const xDimension = dimensions.find((item)=>'rowDimension' !== item.location && 'columnDimension' !== item.location);
+    const xDimension = dimensions.find((item)=>'rowDimension' !== item.location && 'columnDimension' !== item.location) || dimensions[0];
     const isZeroDimension = 0 === dimensions.length;
     const encoding = datasetReshapeInfo.reduce((prev, cur)=>{
         const { foldInfo, unfoldInfo } = cur;
@@ -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'
                 }
             ]
         }
@@ -1942,7 +1954,7 @@ const discreteLegend = (spec, context)=>{
     const baseConfig = advancedVSeed.config[chartType];
     if (!baseConfig || !baseConfig.legend) return result;
     const { legend } = baseConfig;
-    const { enable, position = 'bottom', labelFontColor, labelFontSize = 12, labelFontWeight, maxSize, border, shapeType = 'rectRound' } = legend || {};
+    const { enable, position = 'bottom', labelFontColor, labelFontSize = 12, labelFontWeight, maxSize = 1, border, shapeType = 'rectRound' } = legend || {};
     const orient = [
         'bottom',
         'bottomLeft',
@@ -1984,8 +1996,8 @@ const discreteLegend = (spec, context)=>{
     result.legends = {
         type: 'discrete',
         visible: enable,
-        maxCol: maxSize,
-        maxRow: maxSize,
+        maxCol: Math.max(1, maxSize),
+        maxRow: Math.max(1, maxSize),
         autoPage: true,
         orient,
         position: legendPosition,
@@ -1999,6 +2011,7 @@ const discreteLegend = (spec, context)=>{
             }) : void 0,
         item: {
             focus: true,
+            maxWidth: '30%',
             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
@@ -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 = '#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, 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,26 +2402,32 @@ 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,
                         padding: backgroundPadding,
                         style: {
+                            dy: textFontSize,
                             cornerRadius: backgroundBorderRadius ?? 4,
                             fill: backgroundColor,
                             stroke: backgroundBorderColor,
-                            strokeWidth: backgroundBorderWidth
+                            lineWidth: backgroundBorderWidth
                         }
                     }
                 },
                 endSymbol: {
                     visible: true,
+                    size: 10 + lineWidth,
                     style: {
+                        dy: 4,
                         fill: lineColor
                     }
                 }
@@ -2448,14 +2472,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 = '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 = (y)=>({
                 y,
+                offsetX,
+                offsetY,
                 zIndex: ANNOTATION_Z_INDEX,
                 line: {
-                    visible: lineVisible,
                     style: {
+                        visible: lineVisible,
                         stroke: lineColor,
                         lineStyle: lineStyle,
                         lineWidth: lineWidth,
@@ -2475,6 +2501,9 @@ const annotationHorizontalLine_annotationHorizontalLine = (spec, context)=>{
                     position: positionMap[textPosition],
                     style: {
                         visible: true,
+                        dy: textFontSize,
+                        stroke: backgroundColor,
+                        lineWidth: 1,
                         textAlign: textAlign,
                         textBaseline: textBaseline,
                         fill: textColor,
@@ -2485,16 +2514,19 @@ const annotationHorizontalLine_annotationHorizontalLine = (spec, context)=>{
                         visible: backgroundVisible,
                         padding: backgroundPadding,
                         style: {
+                            dy: textFontSize,
                             cornerRadius: backgroundBorderRadius ?? 4,
                             fill: backgroundColor,
                             stroke: backgroundBorderColor,
-                            strokeWidth: backgroundBorderWidth
+                            lineWidth: backgroundBorderWidth
                         }
                     }
                 },
                 endSymbol: {
                     visible: true,
+                    size: 10 + lineWidth,
                     style: {
+                        dx: -4,
                         fill: lineColor
                     }
                 }
@@ -2541,12 +2573,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 +2646,8 @@ const annotationArea_annotationArea = (spec, context)=>{
                     textAlign: textAlign,
                     textBaseline: textBaseline,
                     fill: textColor,
+                    stroke: backgroundColor,
+                    lineWidth: 1,
                     fontSize: textFontSize,
                     fontWeight: textFontWeight
                 },
@@ -2622,7 +2658,7 @@ const annotationArea_annotationArea = (spec, context)=>{
                         cornerRadius: backgroundBorderRadius ?? 4,
                         fill: backgroundColor,
                         stroke: backgroundBorderColor,
-                        strokeWidth: backgroundBorderWidth
+                        lineWidth: backgroundBorderWidth
                     }
                 }
             },
@@ -2632,7 +2668,7 @@ const annotationArea_annotationArea = (spec, context)=>{
                     fill: areaColor,
                     fillOpacity: areaColorOpacity,
                     stroke: areaBorderColor,
-                    strokeWidth: areaBorderWidth,
+                    lineWidth: areaBorderWidth,
                     cornerRadius: areaBorderRadius
                 }
             }
@@ -2912,7 +2948,7 @@ const pivotDiscreteLegend = (spec, context)=>{
         }), {});
     const { legend, color } = baseConfig;
     const { colorScheme } = color;
-    const { enable, position = 'bottom', labelFontColor, labelFontSize = 12, labelFontWeight = 400, maxSize, border, shapeType = 'rectRound' } = legend || {};
+    const { enable, position = 'bottom', labelFontColor, labelFontSize = 12, labelFontWeight = 400, maxSize = 1, border, shapeType = 'rectRound' } = legend || {};
     const orient = [
         'bottom',
         'bottomLeft',
@@ -2956,8 +2992,8 @@ const pivotDiscreteLegend = (spec, context)=>{
         type: 'discrete',
         orient,
         position: legendPosition,
-        maxCol: maxSize,
-        maxRow: maxSize,
+        maxCol: Math.max(1, maxSize),
+        maxRow: Math.max(1, maxSize),
         data: colorItems.map((d, index)=>({
                 label: d,
                 shape: {
@@ -2971,6 +3007,7 @@ const pivotDiscreteLegend = (spec, context)=>{
             })),
         item: {
             focus: true,
+            maxWidth: '30%',
             focusIconStyle: {
                 size: labelFontSize + 2,
                 fill: labelFontColor,
@@ -3312,7 +3349,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 +3410,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 +3486,8 @@ const annotationAreaBand = (spec, context)=>{
                 style: {
                     textAlign: textAlign,
                     textBaseline: textBaseline,
+                    stroke: backgroundColor,
+                    lineWidth: 1,
                     fill: textColor,
                     fontSize: textFontSize,
                     fontWeight: textFontWeight
@@ -3458,7 +3499,7 @@ const annotationAreaBand = (spec, context)=>{
                         cornerRadius: backgroundBorderRadius ?? 4,
                         fill: backgroundColor,
                         stroke: backgroundBorderColor,
-                        strokeWidth: backgroundBorderWidth
+                        lineWidth: backgroundBorderWidth
                     }
                 }
             },
@@ -3468,7 +3509,7 @@ const annotationAreaBand = (spec, context)=>{
                     fill: areaColor,
                     fillOpacity: areaColorOpacity,
                     stroke: areaBorderColor,
-                    strokeWidth: areaBorderWidth,
+                    lineWidth: areaBorderWidth,
                     cornerRadius: areaBorderRadius
                 }
             }
@@ -3716,7 +3757,7 @@ const encodingYX = (advancedVSeed)=>{
     };
     const { datasetReshapeInfo, dimensions } = advancedVSeed;
     if (!datasetReshapeInfo || !dimensions) return result;
-    const yDimension = dimensions.find((item)=>'rowDimension' !== item.location && 'columnDimension' !== item.location);
+    const yDimension = dimensions.find((item)=>'rowDimension' !== item.location && 'columnDimension' !== item.location) || dimensions[0];
     const isZeroDimension = 0 === dimensions.length;
     const encoding = datasetReshapeInfo.reduce((prev, cur)=>{
         const { foldInfo, unfoldInfo } = cur;
@@ -3929,13 +3970,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: {
@@ -4636,8 +4677,8 @@ const encodingXYY = (advancedVSeed)=>{
     const result = {
         ...advancedVSeed
     };
-    const { datasetReshapeInfo, dimensions, measures } = advancedVSeed;
-    if (!datasetReshapeInfo || !dimensions || !measures) return result;
+    const { datasetReshapeInfo, measures } = advancedVSeed;
+    if (!datasetReshapeInfo || !measures) return result;
     const encoding = datasetReshapeInfo.reduce((prev, cur, index)=>{
         const measure = measures[index];
         if ('children' in measure) {
@@ -4813,6 +4854,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 +4935,14 @@ const areaRange = [
         initAreaRangeLine1,
         lineStyle_lineStyle,
         pointStyle_pointStyle,
-        pointStateDimensionHover
+        pointStateDimensionHover,
+        tooltipDisable
     ], [
         initAreaRangeLine2,
         lineStyle_lineStyle,
         pointStyle_pointStyle,
-        pointStateDimensionHover
+        pointStateDimensionHover,
+        tooltipDisable
     ]),
     datasetXY,
     progressive,
@@ -4834,6 +4950,7 @@ const areaRange = [
     xBand,
     yLinear,
     label_label,
+    tooltipAreaRange,
     verticalCrosshairLine,
     annotationPoint_annotationPoint,
     annotationVerticalLine_annotationVerticalLine,
@@ -4853,12 +4970,14 @@ const pivotAreaRange = [
             initAreaRangeLine1,
             lineStyle_lineStyle,
             pointStyle_pointStyle,
-            pointStateDimensionHover
+            pointStateDimensionHover,
+            tooltipDisable
         ], [
             initAreaRangeLine2,
             lineStyle_lineStyle,
             pointStyle_pointStyle,
-            pointStateDimensionHover
+            pointStateDimensionHover,
+            tooltipDisable
         ]),
         background_backgroundColor,
         datasetXY,
@@ -4866,6 +4985,7 @@ const pivotAreaRange = [
         xBand,
         yLinear,
         label_label,
+        tooltipAreaRange,
         verticalCrosshairLine,
         annotationPoint_annotationPoint,
         annotationVerticalLine_annotationVerticalLine,
@@ -5293,8 +5413,8 @@ const encodingPie = (advancedVSeed)=>{
     const result = {
         ...advancedVSeed
     };
-    const { datasetReshapeInfo, dimensions } = advancedVSeed;
-    if (!datasetReshapeInfo || !dimensions) return result;
+    const { datasetReshapeInfo } = advancedVSeed;
+    if (!datasetReshapeInfo) return result;
     const encoding = datasetReshapeInfo.reduce((prev, cur)=>{
         const { foldInfo, unfoldInfo } = cur;
         const radius = [
@@ -5366,7 +5486,6 @@ const initPie = (spec, context)=>{
         },
         state: {
             hover: {
-                centerOffset: 5,
                 outerRadius: 1.1 * result.outerRadius
             }
         }
@@ -5514,7 +5633,7 @@ const encodingRose = (advancedVSeed)=>{
     };
     const { datasetReshapeInfo, dimensions, measures } = advancedVSeed;
     if (!datasetReshapeInfo || !dimensions || !measures) return result;
-    const angleDimension = dimensions.find((item)=>'rowDimension' !== item.location && 'columnDimension' !== item.location);
+    const angleDimension = dimensions.find((item)=>'rowDimension' !== item.location && 'columnDimension' !== item.location) || dimensions[0];
     const is1D1M = 1 === dimensions.length && 1 === measures.length;
     const isZeroDimension = 0 === dimensions.length;
     const encoding = datasetReshapeInfo.reduce((prev, cur)=>{
@@ -5828,7 +5947,7 @@ const encodingAR = (advancedVSeed)=>{
     };
     const { datasetReshapeInfo, dimensions, measures } = advancedVSeed;
     if (!datasetReshapeInfo || !dimensions || !measures) return result;
-    const angleDimension = dimensions.find((item)=>'rowDimension' !== item.location && 'columnDimension' !== item.location);
+    const angleDimension = dimensions.find((item)=>'rowDimension' !== item.location && 'columnDimension' !== item.location) || dimensions[0];
     const isZeroDimension = 0 === dimensions.length;
     const encoding = datasetReshapeInfo.reduce((prev, cur)=>{
         const { foldInfo, unfoldInfo } = cur;
@@ -6001,8 +6120,8 @@ const encodingFunnel = (advancedVSeed)=>{
     const result = {
         ...advancedVSeed
     };
-    const { datasetReshapeInfo, dimensions } = advancedVSeed;
-    if (!datasetReshapeInfo || !dimensions) return result;
+    const { datasetReshapeInfo } = advancedVSeed;
+    if (!datasetReshapeInfo) return result;
     const encoding = datasetReshapeInfo.reduce((prev, cur)=>{
         const { foldInfo, unfoldInfo } = cur;
         const size = [
@@ -6214,7 +6333,7 @@ const encodingMatrix = (advancedVSeed)=>{
     };
     const { datasetReshapeInfo, dimensions } = advancedVSeed;
     if (!datasetReshapeInfo || !dimensions) return result;
-    const xDimension = dimensions.find((item)=>'rowDimension' !== item.location && 'columnDimension' !== item.location);
+    const xDimension = dimensions.find((item)=>'rowDimension' !== item.location && 'columnDimension' !== item.location) || dimensions[0];
     const isZeroDimension = 0 === dimensions.length;
     const encoding = datasetReshapeInfo.reduce((prev, cur)=>{
         const { foldInfo, unfoldInfo } = cur;
@@ -6400,7 +6519,7 @@ const lightTheme = ()=>{
         labelAutoHide: true,
         labelAutoHideGap: 4,
         labelAutoLimit: true,
-        labelAutoLimitLength: 100,
+        labelAutoLimitLength: 80,
         labelAutoRotate: false,
         labelAutoRotateAngleRange: [
             0,
@@ -6722,7 +6841,7 @@ const darkTheme = ()=>{
         labelAutoHide: true,
         labelAutoHideGap: 4,
         labelAutoLimit: true,
-        labelAutoLimitLength: 100,
+        labelAutoLimitLength: 80,
         labelAutoRotate: false,
         labelAutoRotateAngleRange: [
             0,
@@ -7028,6 +7147,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 +7843,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 +7895,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 +7939,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 +7949,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 +7965,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 +8003,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 +8361,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