@visactor/vchart 2.0.5-alpha.5 → 2.0.5-alpha.7

package/build/index.es.js

@@ -51760,8 +51760,7 @@ class Compiler {
         });
     }
     _doRender(immediately) {
-        var _a, _b, _c, _d, _e, _f;
-        (_b = (_a = this._option.performanceHook) === null || _a === void 0 ? void 0 : _a.beforeDoRender) === null || _b === void 0 ? void 0 : _b.call(_a, this._compileChart.getOption().globalInstance);
+        var _a, _b, _c, _d;
         if (this._stage) {
             this._rootMarks.forEach(g => {
                 traverseGroupMark(g, m => {
@@ -51774,12 +51773,12 @@ class Compiler {
                     }
                 }, null, true);
             });
-            (_d = (_c = this._option.performanceHook) === null || _c === void 0 ? void 0 : _c.beforeVRenderDraw) === null || _d === void 0 ? void 0 : _d.call(_c, this._compileChart.getOption().globalInstance);
+            (_b = (_a = this._option.performanceHook) === null || _a === void 0 ? void 0 : _a.beforeVRenderDraw) === null || _b === void 0 ? void 0 : _b.call(_a, this._compileChart.getOption().globalInstance);
             this._stage.disableDirtyBounds();
             this._stage.afterNextRender(this._handleAfterNextRender);
             if (immediately) {
                 this._stage.render();
-                (_f = (_e = this._option.performanceHook) === null || _e === void 0 ? void 0 : _e.afterVRenderDraw) === null || _f === void 0 ? void 0 : _f.call(_e, this._compileChart.getOption().globalInstance);
+                (_d = (_c = this._option.performanceHook) === null || _c === void 0 ? void 0 : _c.afterVRenderDraw) === null || _d === void 0 ? void 0 : _d.call(_c, this._compileChart.getOption().globalInstance);
             }
         }
     }
@@ -58310,7 +58309,7 @@ const lookup = (data, opt) => {
     });
 };
 
-const version = "2.0.5-alpha.5";
+const version = "2.0.5-alpha.6";
 
 const addVChartProperty = (data, op) => {
     const context = op.beforeCall();
@@ -84996,7 +84995,7 @@ class SankeySeries extends CartesianSeries {
         }
         if (!colorDomain || isNil$1(colorDomain[0])) {
             colorDomain = this.getNodeList();
-            if (colorDomain && colorDomain.length > 10) {
+            if (colorDomain.length > 10) {
                 colorRange = (_c = this._getDataScheme()[1]) === null || _c === void 0 ? void 0 : _c.scheme;
             }
         }
@@ -91706,7 +91705,7 @@ class BaseCrossHair extends BaseComponent {
                 return;
             }
             this.clearOutEvent();
-            this.hide();
+            this.hideCrosshair();
         };
         this._handleTooltipShow = (params) => {
             const tooltipData = params.tooltipData;
@@ -91728,7 +91727,7 @@ class BaseCrossHair extends BaseComponent {
         };
         this._handleTooltipHideOrRelease = () => {
             this.clearOutEvent();
-            this.hide();
+            this.hideCrosshair();
         };
         this.enable = true;
         this.showDefault = true;
@@ -98618,6 +98617,10 @@ class GridLayout {
         });
     }
     clearLayoutSize() {
+        this._gridInfo.colWidth &&
+            this.setSizeFromUserSetting(this._gridInfo.colWidth, this._colSize, this._col, this._chartLayoutRect.width);
+        this._gridInfo.rowHeight &&
+            this.setSizeFromUserSetting(this._gridInfo.rowHeight, this._rowSize, this._row, this._chartLayoutRect.height);
         this._colSize.forEach(c => {
             c.isLayoutSetting = false;
             if (!c.isUserSetting) {
@@ -99009,7 +99012,7 @@ class BaseTooltipHandler extends BasePlugin {
             let relativePosOffset = { x: 0, y: 0 };
             let tooltipParentElementRect = { x: 0, y: 0 };
             let chartElementRect;
-            let chartElementScale = 1;
+            let chartElementScale = { x: 1, y: 1 };
             let tooltipParentElementScale = 1;
             const isBrowser = isTrueBrowser(this._env);
             if (isBrowser && !tooltipSpec.confine) {
@@ -99029,10 +99032,21 @@ class BaseTooltipHandler extends BasePlugin {
                     x: chartElementRect.x - tooltipParentElementRect.x,
                     y: chartElementRect.y - tooltipParentElementRect.y
                 };
-                chartElementScale = getScale(chartElement, chartElementRect);
+                const chartElementDomScale = getScale(chartElement, chartElementRect);
+                chartElementScale = {
+                    x: isValidNumber$1(chartElementRect === null || chartElementRect === void 0 ? void 0 : chartElementRect.width) && canvasWidth > 0
+                        ? chartElementRect.width / canvasWidth
+                        : chartElementDomScale,
+                    y: isValidNumber$1(chartElementRect === null || chartElementRect === void 0 ? void 0 : chartElementRect.height) && canvasHeight > 0
+                        ? chartElementRect.height / canvasHeight
+                        : chartElementDomScale
+                };
                 tooltipParentElementScale = getScale(tooltipParentElement, tooltipParentElementRect);
             }
-            const tooltipSizeScale = tooltipParentElementScale / chartElementScale;
+            const tooltipSizeScale = {
+                x: tooltipParentElementScale / chartElementScale.x,
+                y: tooltipParentElementScale / chartElementScale.y
+            };
             const calcPos = {};
             const pointerFixedPosition = { x: position, y: position };
             const dimToPos = { x: ['left', 'right'], y: ['top', 'bottom'] };
@@ -99070,24 +99084,25 @@ class BaseTooltipHandler extends BasePlugin {
                 if (isFixedPosition) {
                     const posKey = dimToPos[dim][0];
                     const boxSize = dim === 'x' ? tooltipBoxWidth : tooltipBoxHeight;
+                    const dimTooltipSizeScale = tooltipSizeScale[dim];
                     switch (getPositionType(orient, dim)) {
                         case -2:
-                            calcPos[posKey] = dim1 - boxSize * tooltipSizeScale - dimOffset;
+                            calcPos[posKey] = dim1 - boxSize * dimTooltipSizeScale - dimOffset;
                             break;
                         case -1.5:
                             calcPos[posKey] = dim1 + dimOffset;
                             break;
                         case 0:
-                            calcPos[posKey] = (dim1 + dim2) / 2 - (boxSize * tooltipSizeScale) / 2;
+                            calcPos[posKey] = (dim1 + dim2) / 2 - (boxSize * dimTooltipSizeScale) / 2;
                             break;
                         case -1:
-                            calcPos[posKey] = (dim1 + dim2) / 2 - boxSize * tooltipSizeScale - dimOffset;
+                            calcPos[posKey] = (dim1 + dim2) / 2 - boxSize * dimTooltipSizeScale - dimOffset;
                             break;
                         case 1:
                             calcPos[posKey] = (dim1 + dim2) / 2 + dimOffset;
                             break;
                         case 1.5:
-                            calcPos[posKey] = dim2 - boxSize * tooltipSizeScale - dimOffset;
+                            calcPos[posKey] = dim2 - boxSize * dimTooltipSizeScale - dimOffset;
                             break;
                         case 2:
                             calcPos[posKey] = dim2 + dimOffset;
@@ -99131,7 +99146,7 @@ class BaseTooltipHandler extends BasePlugin {
                     result[dim] = calcPos[dimToPos[dim][0]];
                 }
                 else if (isValidNumber$1(calcPos[dimToPos[dim][1]])) {
-                    result[dim] = canvasSize - boxSize * tooltipSizeScale - calcPos[dimToPos[dim][1]];
+                    result[dim] = canvasSize - boxSize * tooltipSizeScale[dim] - calcPos[dimToPos[dim][1]];
                 }
                 else {
                     const value0 = dim === 'x' ? event.canvasX : event.canvasY;
@@ -99139,23 +99154,23 @@ class BaseTooltipHandler extends BasePlugin {
                         result[dim] = value0 + offset;
                     }
                     else if (posType === 0) {
-                        result[dim] = value0 - (boxSize * tooltipSizeScale) / 2;
+                        result[dim] = value0 - (boxSize * tooltipSizeScale[dim]) / 2;
                     }
                     else {
-                        result[dim] = value0 - boxSize * tooltipSizeScale - offset;
+                        result[dim] = value0 - boxSize * tooltipSizeScale[dim] - offset;
                     }
                 }
-                result[dim] *= chartElementScale;
+                result[dim] *= chartElementScale[dim];
                 if (isBrowser) {
                     result[dim] += relativePosOffset[dim];
                 }
                 result[dim] /= tooltipParentElementScale;
                 const containerDimSize = dim === 'x' ? containerSize.width : containerSize.height;
                 const leftOrTop = tooltipSpec.confine
-                    ? -(tooltipParentElementRect[dim] - ((_a = chartElementRect === null || chartElementRect === void 0 ? void 0 : chartElementRect[dim]) !== null && _a !== void 0 ? _a : 0) / chartElementScale) /
-                        tooltipParentElementScale
+                    ? (((_a = chartElementRect === null || chartElementRect === void 0 ? void 0 : chartElementRect[dim]) !== null && _a !== void 0 ? _a : 0) - tooltipParentElementRect[dim]) / tooltipParentElementScale
                     : -tooltipParentElementRect[dim] / tooltipParentElementScale;
-                const rightOrBottom = containerDimSize / tooltipParentElementScale + leftOrTop - boxSize;
+                const actualContainerDimSize = tooltipSpec.confine ? containerDimSize * chartElementScale[dim] : containerDimSize;
+                const rightOrBottom = actualContainerDimSize / tooltipParentElementScale + leftOrTop - boxSize;
                 if (posType !== 2 && result[dim] < leftOrTop) {
                     if (isFixedPosition) {
                         result[dim] = leftOrTop;
@@ -101651,4 +101666,4 @@ function registerSequentialAnimate() {
     mixin(BaseMark, SequentialAnimate);
 }
 
-export { ArcMark, AreaChart, AreaMark, AreaSeries, AttributeLevel, AxisSyncPlugin, BandAxisMixin, BarChart, BarChartSpecTransformer, BarSeries, BarSeriesSpecTransformer, BaseArcMark, BaseChart, BaseChartSpecTransformer, BaseComponent, BaseComponentSpecTransformer, BaseHistogramChart, BaseMark, BasePieChart, BasePieChartSpecTransformer, BasePieSeries, BasePlugin, BasePolygonMark, BaseSeries, BaseSeriesSpecTransformer, BaseSeriesTooltipHelper, BaseWordCloudChart, BaseWordCloudChartSpecTransformer, BaseWordCloudSeries, BoxPlotChart, BoxPlotSeries, Brush, CanvasTooltipHandler, CartesianAxis, CartesianBandAxis, CartesianChartSpecTransformer, CartesianCrossHair, CartesianLinearAxis, CartesianLogAxis, CartesianMarkArea, CartesianMarkLine, CartesianMarkPoint, CartesianSeries, CartesianSymlogAxis, CartesianTimeAxis, ChartEvent, CirclePackingChart, CirclePackingSeries, CircularProgressChart, CircularProgressSeries, CommonChart, CommonChartSpecTransformer, CompilableData, ComponentMark, ContinuousLegend, CorrelationChart, CorrelationSeries, CustomMark, DEFAULT_ANIMATION_CONFIG, DEFAULT_CHART_HEIGHT, DEFAULT_CHART_WIDTH, DEFAULT_CLOSE_STROKE_JOIN, DEFAULT_DATA_INDEX, DEFAULT_DATA_KEY, DEFAULT_DATA_SERIES_FIELD, DEFAULT_KEY, DEFAULT_LAYOUT_RECT_LEVEL, DEFAULT_LAYOUT_RECT_LEVEL_MIN, DEFAULT_LINEAR_INTERPOLATE, DEFAULT_MEASURE_CANVAS_ID, DEFAULT_SERIES_STYLE_NAME, DEFAULT_SMOOTH_INTERPOLATE, DataZoom, DimensionClickEvent, DimensionEventEnum, DimensionHoverEvent, Direction, DiscreteLegend, DomTooltipHandler, DotSeries, ElementHighlight, ElementSelect, Event$1 as Event, Factory, FormatterPlugin, FunnelChart, FunnelChartSpecTransformer, FunnelSeries, FunnelSeriesSpecTransformer, GaugeChart, GaugePointerSeries, GaugeSeries, GeoCoordinate, GeoMarkPoint, GeoSeries, GlyphMark, GridLayout, GroupMark, HeatmapChart, HeatmapSeries, HistogramChart, HistogramChartSpecTransformer, ImageMark, Indicator, Label, Layout$1 as Layout, LayoutLevel, LayoutZIndex, LineChart, LineMark, LineSeries, LinearAxisMixin, LinearProgressChart, LinearProgressSeries, LinkSeries, LiquidChart, LiquidSeries, MOSAIC_CAT_END_PERCENT, MOSAIC_CAT_START_PERCENT, MOSAIC_VALUE_END_PERCENT, MOSAIC_VALUE_START_PERCENT, ManualTicker, MapChart, MapSeries, MarkTypeEnum, MediaQuery, MosaicChart, MosaicSeries, PREFIX, PathMark, PieChart, PieSeries, PieSeriesSpecTransformer, Player, PolarAxis, PolarBandAxis, PolarCrossHair, PolarLinearAxis, PolarMarkArea, PolarMarkLine, PolarMarkPoint, PolarSeries, PolygonMark, PositionEnum, ProgressLikeSeries, RadarChart, RadarSeries, RangeAreaChart, RangeAreaSeries, RangeColumnChart, RangeColumnSeries, RangeColumnSeriesSpecTransformer, RectMark, RenderModeEnum, RippleMark, RoseChart, RoseLikeSeries, RoseSeries, RuleMark, SEGMENT_FIELD_END, SEGMENT_FIELD_START, STACK_FIELD_END, STACK_FIELD_END_OffsetSilhouette, STACK_FIELD_END_PERCENT, STACK_FIELD_KEY, STACK_FIELD_START, STACK_FIELD_START_OffsetSilhouette, STACK_FIELD_START_PERCENT, STACK_FIELD_TOTAL, STACK_FIELD_TOTAL_BOTTOM, STACK_FIELD_TOTAL_PERCENT, STACK_FIELD_TOTAL_TOP, STATE_VALUE_ENUM, SankeyChart, SankeySeries, ScatterChart, ScatterSeries, ScrollBar, SequenceChart, SeriesMarkNameEnum, SeriesTypeEnum, SeriesTypeForThemeEnum, StreamLight, SunburstChart, SunburstSeries, SymbolMark, TextMark, ThemeManager, Title, Tooltip, TooltipResult, TotalLabel, TransformLevel, TreemapChart, TreemapSeries, USER_LAYOUT_RECT_LEVEL, VChart, VennChart, VennSeries, WaterfallChart, WaterfallSeries, WordCloudChart, WordCloudSeries, alternatingWave, animationConfig, barGrowIn, barGrowOut, barPresetAnimation, baseSeriesMark, boundsInRect, builtinThemes, calcLayoutNumber, calcPadding, centerToCorner, columnCenterToEdge, columnEdgeToCenter, columnLeftToRight, columnRightToLeft, computeActualDataScheme, convertPoint, cornerToCenter, createArc, createArea, createGroup, createLine, createRect, createRichText, createScale, createScaleWithSpec, createSymbol, createText, darkTheme, dataScheme, VChart as default, defaultThemeName, diagonalCenterToEdge, diagonalTopLeftToBottomRight, findMarkGraphic, functionTransform, getActualColor, getActualNumValue, getCartesianCrosshairRect, getCartesianDimensionInfo, getColorSchemeBySeries, getCombinedSizeOfRegions, getDataScheme, getDatumOfGraphic, getDiffAttributesOfGraphic, getDimensionInfoByValue, getFieldAlias, getFunnelTheme, getGroupAnimationParams, getMergedTheme, getPolarDimensionInfo, getRegionStackGroup, getSpecInfo, getTheme, hasThemeMerged, isCollectionMark, isColorKey, isPercent, isPercentOffset, isPolarAxisSeries, isProgressiveDataColorScheme, isSpecValueWithScale, isTokenKey, isValidOrient, isValueInScaleDomain, isXAxis, isYAxis, isZAxis, lightTheme, lookup, measureText, mergeFields, normalizeLayoutPaddingSpec, particleEffect, pieDisappear, pieEnter, pieExit, piePresetAnimation, pulseWave, queryColorFromColorScheme, queryToken, randomOpacity, registerAllEnv, registerAllMarks, registerAnimate, registerArcAnimation, registerArcMark, registerAreaChart, registerAreaMark, registerAreaSeries, registerBarChart, registerBarSeries, registerBoxplotChart, registerBoxplotSeries, registerBrowserEnv, registerBrush, registerCanvasTooltipHandler, registerCartesianBandAxis, registerCartesianCrossHair, registerCartesianLinearAxis, registerCartesianLogAxis, registerCartesianSymlogAxis, registerCartesianTimeAxis, registerChartPlugin, registerCirclePackingChart, registerCirclePackingSeries, registerCircularProgressChart, registerCircularProgressSeries, registerCommonChart, registerComponentMark, registerContinuousLegend, registerCorrelationChart, registerCustomAnimate, registerCustomMark, registerDataSetInstanceParser, registerDataSetInstanceTransform, registerDataZoom, registerDimensionEvents, registerDimensionHover, registerDimensionTooltipProcessor, registerDiscreteLegend, registerDomTooltipHandler, registerDotSeries, registerDragPlugin, registerElementActive, registerElementActiveByLegend, registerElementHighlight, registerElementHighlightByGroup, registerElementHighlightByKey, registerElementHighlightByLegend, registerElementHighlightByName, registerElementSelect, registerFormatPlugin, registerFunnelChart, registerFunnelSeries, registerGaugeChart, registerGaugePointerSeries, registerGaugeSeries, registerGeoCoordinate, registerGeoMarkPoint, registerGesturePlugin, registerGlyphMark, registerGridLayout, registerGroupMark, registerGroupTooltipProcessor, registerHarmonyEnv, registerHeatmapChart, registerHeatmapSeries, registerHistogramChart, registerHtmlAttributePlugin, registerImageMark, registerIndicator, registerLabel, registerLarkEnv, registerLineChart, registerLineMark, registerLineSeries, registerLinearProgressChart, registerLinearProgressSeries, registerLinkSeries, registerLiquidChart, registerLiquidSeries, registerLynxEnv, registerMapChart, registerMapSeries, registerMarkArea, registerMarkFilterTransform, registerMarkLine, registerMarkMapTransform, registerMarkPoint, registerMarkTooltipProcessor, registerMediaQuery, registerMosaicChart, registerMosaicSeries, registerNodeEnv, registerPathMark, registerPieChart, registerPieSeries, registerPlayer, registerPolarBandAxis, registerPolarCrossHair, registerPolarLinearAxis, registerPolarMarkArea, registerPolarMarkLine, registerPolarMarkPoint, registerPolygonAnimation, registerPolygonMark, registerPoptip, registerRadarChart, registerRadarSeries, registerRangeAreaChart, registerRangeAreaSeries, registerRangeColumnChart, registerRangeColumnSeries, registerReactAttributePlugin, registerRectAnimation, registerRectMark, registerRippleMark, registerRoseChart, registerRoseSeries, registerRuleMark, registerSankeyChart, registerSankeySeries, registerScaleInOutAnimation, registerScatterChart, registerScatterSeries, registerScrollBar, registerSequenceChart, registerSequentialAnimate, registerStateTransition, registerSunBurstSeries, registerSunburstChart, registerSymbolMark, registerTTEnv, registerTaroEnv, registerTextMark, registerTheme, registerTitle, registerTooltip, registerTotalLabel, registerTreemapChart, registerTreemapSeries, registerAnimate$1 as registerVRenderAnimate, registerVennChart, registerVennSeries, registerWXEnv, registerWaterfallChart, registerWaterfallSeries, registerWordCloudChart, registerWordCloudSeries, registerWordCloudShapeChart, removeTheme, rippleEffect, rotationScan, rowBottomToTop, rowCenterToEdge, rowEdgeToCenter, rowTopToBottom, setDefaultCrosshairForCartesianChart, shouldMarkDoMorph, snakeWave, sortDataInAxisHelper, sortStackValueGroup, specTransform, spiralEffect, stack, stackGroup, stackMosaic, stackMosaicTotal, stackOffsetSilhouette, stackTotal, themeExist, themes, token, transformColorSchemeToStandardStruct, transformToGraphic, userAnimationConfig, valueInScaleRange, version, vglobal, warn };
+export { ArcMark, AreaChart, AreaMark, AreaSeries, AttributeLevel, AxisSyncPlugin, BandAxisMixin, BarChart, BarChartSpecTransformer, BarSeries, BarSeriesSpecTransformer, BaseArcMark, BaseChart, BaseChartSpecTransformer, BaseComponent, BaseComponentSpecTransformer, BaseHistogramChart, BaseMark, BasePieChart, BasePieChartSpecTransformer, BasePieSeries, BasePlugin, BasePolygonMark, BaseSeries, BaseSeriesSpecTransformer, BaseSeriesTooltipHelper, BaseWordCloudChart, BaseWordCloudChartSpecTransformer, BaseWordCloudSeries, BoxPlotChart, BoxPlotSeries, Brush, CanvasTooltipHandler, CartesianAxis, CartesianBandAxis, CartesianChartSpecTransformer, CartesianCrossHair, CartesianLinearAxis, CartesianLogAxis, CartesianMarkArea, CartesianMarkLine, CartesianMarkPoint, CartesianSeries, CartesianSymlogAxis, CartesianTimeAxis, ChartEvent, CirclePackingChart, CirclePackingSeries, CircularProgressChart, CircularProgressSeries, CommonChart, CommonChartSpecTransformer, CompilableData, ComponentMark, ContinuousLegend, CorrelationChart, CorrelationSeries, CustomMark, DEFAULT_ANIMATION_CONFIG, DEFAULT_CHART_HEIGHT, DEFAULT_CHART_WIDTH, DEFAULT_CLOSE_STROKE_JOIN, DEFAULT_DATA_INDEX, DEFAULT_DATA_KEY, DEFAULT_DATA_SERIES_FIELD, DEFAULT_KEY, DEFAULT_LAYOUT_RECT_LEVEL, DEFAULT_LAYOUT_RECT_LEVEL_MIN, DEFAULT_LINEAR_INTERPOLATE, DEFAULT_MEASURE_CANVAS_ID, DEFAULT_SERIES_STYLE_NAME, DEFAULT_SMOOTH_INTERPOLATE, DataZoom, DimensionClickEvent, DimensionEventEnum, DimensionHoverEvent, Direction, DiscreteLegend, DomTooltipHandler, DotSeries, ElementHighlight, ElementSelect, Event$1 as Event, Factory, FormatterPlugin, FunnelChart, FunnelChartSpecTransformer, FunnelSeries, FunnelSeriesSpecTransformer, GaugeChart, GaugePointerSeries, GaugeSeries, GeoCoordinate, GeoMarkPoint, GeoSeries, GlyphMark, GridLayout, GroupMark, HeatmapChart, HeatmapSeries, HistogramChart, HistogramChartSpecTransformer, ImageMark, Indicator, Label, Layout$1 as Layout, LayoutLevel, LayoutZIndex, LineChart, LineMark, LineSeries, LinearAxisMixin, LinearProgressChart, LinearProgressSeries, LinkSeries, LiquidChart, LiquidSeries, MOSAIC_CAT_END_PERCENT, MOSAIC_CAT_START_PERCENT, MOSAIC_VALUE_END_PERCENT, MOSAIC_VALUE_START_PERCENT, ManualTicker, MapChart, MapSeries, MarkTypeEnum, MediaQuery, MosaicChart, MosaicSeries, PREFIX, PathMark, PieChart, PieSeries, PieSeriesSpecTransformer, Player, PolarAxis, PolarBandAxis, PolarCrossHair, PolarLinearAxis, PolarMarkArea, PolarMarkLine, PolarMarkPoint, PolarSeries, PolygonMark, PositionEnum, ProgressLikeSeries, RadarChart, RadarSeries, RangeAreaChart, RangeAreaSeries, RangeColumnChart, RangeColumnSeries, RangeColumnSeriesSpecTransformer, RectMark, RenderModeEnum, RippleMark, RoseChart, RoseLikeSeries, RoseSeries, RuleMark, SEGMENT_FIELD_END, SEGMENT_FIELD_START, STACK_FIELD_END, STACK_FIELD_END_OffsetSilhouette, STACK_FIELD_END_PERCENT, STACK_FIELD_KEY, STACK_FIELD_START, STACK_FIELD_START_OffsetSilhouette, STACK_FIELD_START_PERCENT, STACK_FIELD_TOTAL, STACK_FIELD_TOTAL_BOTTOM, STACK_FIELD_TOTAL_PERCENT, STACK_FIELD_TOTAL_TOP, STATE_VALUE_ENUM, SankeyChart, SankeySeries, ScatterChart, ScatterSeries, ScrollBar, SequenceChart, SeriesMarkNameEnum, SeriesTypeEnum, SeriesTypeForThemeEnum, Stack, StackChartMixin, StreamLight, SunburstChart, SunburstSeries, SymbolMark, TextMark, ThemeManager, Title, Tooltip, TooltipResult, TotalLabel, TransformLevel, TreemapChart, TreemapSeries, USER_LAYOUT_RECT_LEVEL, VChart, VennChart, VennSeries, WaterfallChart, WaterfallSeries, WordCloudChart, WordCloudSeries, alternatingWave, animationConfig, barGrowIn, barGrowOut, barPresetAnimation, baseSeriesMark, boundsInRect, builtinThemes, calcLayoutNumber, calcPadding, centerToCorner, columnCenterToEdge, columnEdgeToCenter, columnLeftToRight, columnRightToLeft, computeActualDataScheme, convertPoint, cornerToCenter, createArc, createArea, createGroup, createLine, createRect, createRichText, createScale, createScaleWithSpec, createSymbol, createText, darkTheme, dataScheme, VChart as default, defaultThemeName, diagonalCenterToEdge, diagonalTopLeftToBottomRight, findMarkGraphic, functionTransform, getActualColor, getActualNumValue, getCartesianCrosshairRect, getCartesianDimensionInfo, getColorSchemeBySeries, getCombinedSizeOfRegions, getDataScheme, getDatumOfGraphic, getDiffAttributesOfGraphic, getDimensionInfoByValue, getFieldAlias, getFunnelTheme, getGroupAnimationParams, getMergedTheme, getPolarDimensionInfo, getRegionStackGroup, getSpecInfo, getTheme, hasThemeMerged, isCollectionMark, isColorKey, isPercent, isPercentOffset, isPolarAxisSeries, isProgressiveDataColorScheme, isSpecValueWithScale, isTokenKey, isValidOrient, isValueInScaleDomain, isXAxis, isYAxis, isZAxis, lightTheme, lookup, measureText, mergeFields, normalizeLayoutPaddingSpec, particleEffect, pieDisappear, pieEnter, pieExit, piePresetAnimation, pulseWave, queryColorFromColorScheme, queryToken, randomOpacity, registerAllEnv, registerAllMarks, registerAnimate, registerArcAnimation, registerArcMark, registerAreaChart, registerAreaMark, registerAreaSeries, registerBarChart, registerBarSeries, registerBoxplotChart, registerBoxplotSeries, registerBrowserEnv, registerBrush, registerCanvasTooltipHandler, registerCartesianBandAxis, registerCartesianCrossHair, registerCartesianLinearAxis, registerCartesianLogAxis, registerCartesianSymlogAxis, registerCartesianTimeAxis, registerChartPlugin, registerCirclePackingChart, registerCirclePackingSeries, registerCircularProgressChart, registerCircularProgressSeries, registerCommonChart, registerComponentMark, registerContinuousLegend, registerCorrelationChart, registerCustomAnimate, registerCustomMark, registerDataSetInstanceParser, registerDataSetInstanceTransform, registerDataZoom, registerDimensionEvents, registerDimensionHover, registerDimensionTooltipProcessor, registerDiscreteLegend, registerDomTooltipHandler, registerDotSeries, registerDragPlugin, registerElementActive, registerElementActiveByLegend, registerElementHighlight, registerElementHighlightByGroup, registerElementHighlightByKey, registerElementHighlightByLegend, registerElementHighlightByName, registerElementSelect, registerFormatPlugin, registerFunnelChart, registerFunnelSeries, registerGaugeChart, registerGaugePointerSeries, registerGaugeSeries, registerGeoCoordinate, registerGeoMarkPoint, registerGesturePlugin, registerGlyphMark, registerGridLayout, registerGroupMark, registerGroupTooltipProcessor, registerHarmonyEnv, registerHeatmapChart, registerHeatmapSeries, registerHistogramChart, registerHtmlAttributePlugin, registerImageMark, registerIndicator, registerLabel, registerLarkEnv, registerLineChart, registerLineMark, registerLineSeries, registerLinearProgressChart, registerLinearProgressSeries, registerLinkSeries, registerLiquidChart, registerLiquidSeries, registerLynxEnv, registerMapChart, registerMapSeries, registerMarkArea, registerMarkFilterTransform, registerMarkLine, registerMarkMapTransform, registerMarkPoint, registerMarkTooltipProcessor, registerMediaQuery, registerMosaicChart, registerMosaicSeries, registerNodeEnv, registerPathMark, registerPieChart, registerPieSeries, registerPlayer, registerPolarBandAxis, registerPolarCrossHair, registerPolarLinearAxis, registerPolarMarkArea, registerPolarMarkLine, registerPolarMarkPoint, registerPolygonAnimation, registerPolygonMark, registerPoptip, registerRadarChart, registerRadarSeries, registerRangeAreaChart, registerRangeAreaSeries, registerRangeColumnChart, registerRangeColumnSeries, registerReactAttributePlugin, registerRectAnimation, registerRectMark, registerRippleMark, registerRoseChart, registerRoseSeries, registerRuleMark, registerSankeyChart, registerSankeySeries, registerScaleInOutAnimation, registerScatterChart, registerScatterSeries, registerScrollBar, registerSequenceChart, registerSequentialAnimate, registerStateTransition, registerSunBurstSeries, registerSunburstChart, registerSymbolMark, registerTTEnv, registerTaroEnv, registerTextMark, registerTheme, registerTitle, registerTooltip, registerTotalLabel, registerTreemapChart, registerTreemapSeries, registerAnimate$1 as registerVRenderAnimate, registerVennChart, registerVennSeries, registerWXEnv, registerWaterfallChart, registerWaterfallSeries, registerWordCloudChart, registerWordCloudSeries, registerWordCloudShapeChart, removeTheme, rippleEffect, rotationScan, rowBottomToTop, rowCenterToEdge, rowEdgeToCenter, rowTopToBottom, setDefaultCrosshairForCartesianChart, shouldMarkDoMorph, snakeWave, sortDataInAxisHelper, sortStackValueGroup, specTransform, spiralEffect, stack, stackGroup, stackMosaic, stackMosaicTotal, stackOffsetSilhouette, stackTotal, themeExist, themes, token, transformColorSchemeToStandardStruct, transformToGraphic, userAnimationConfig, valueInScaleRange, version, vglobal, warn };

package/build/index.js

@@ -51766,8 +51766,7 @@
             });
         }
         _doRender(immediately) {
-            var _a, _b, _c, _d, _e, _f;
-            (_b = (_a = this._option.performanceHook) === null || _a === void 0 ? void 0 : _a.beforeDoRender) === null || _b === void 0 ? void 0 : _b.call(_a, this._compileChart.getOption().globalInstance);
+            var _a, _b, _c, _d;
             if (this._stage) {
                 this._rootMarks.forEach(g => {
                     traverseGroupMark(g, m => {
@@ -51780,12 +51779,12 @@
                         }
                     }, null, true);
                 });
-                (_d = (_c = this._option.performanceHook) === null || _c === void 0 ? void 0 : _c.beforeVRenderDraw) === null || _d === void 0 ? void 0 : _d.call(_c, this._compileChart.getOption().globalInstance);
+                (_b = (_a = this._option.performanceHook) === null || _a === void 0 ? void 0 : _a.beforeVRenderDraw) === null || _b === void 0 ? void 0 : _b.call(_a, this._compileChart.getOption().globalInstance);
                 this._stage.disableDirtyBounds();
                 this._stage.afterNextRender(this._handleAfterNextRender);
                 if (immediately) {
                     this._stage.render();
-                    (_f = (_e = this._option.performanceHook) === null || _e === void 0 ? void 0 : _e.afterVRenderDraw) === null || _f === void 0 ? void 0 : _f.call(_e, this._compileChart.getOption().globalInstance);
+                    (_d = (_c = this._option.performanceHook) === null || _c === void 0 ? void 0 : _c.afterVRenderDraw) === null || _d === void 0 ? void 0 : _d.call(_c, this._compileChart.getOption().globalInstance);
                 }
             }
         }
@@ -58316,7 +58315,7 @@
         });
     };
 
-    const version = "2.0.5-alpha.5";
+    const version = "2.0.5-alpha.6";
 
     const addVChartProperty = (data, op) => {
         const context = op.beforeCall();
@@ -85002,7 +85001,7 @@
             }
             if (!colorDomain || isNil$1(colorDomain[0])) {
                 colorDomain = this.getNodeList();
-                if (colorDomain && colorDomain.length > 10) {
+                if (colorDomain.length > 10) {
                     colorRange = (_c = this._getDataScheme()[1]) === null || _c === void 0 ? void 0 : _c.scheme;
                 }
             }
@@ -91712,7 +91711,7 @@
                     return;
                 }
                 this.clearOutEvent();
-                this.hide();
+                this.hideCrosshair();
             };
             this._handleTooltipShow = (params) => {
                 const tooltipData = params.tooltipData;
@@ -91734,7 +91733,7 @@
             };
             this._handleTooltipHideOrRelease = () => {
                 this.clearOutEvent();
-                this.hide();
+                this.hideCrosshair();
             };
             this.enable = true;
             this.showDefault = true;
@@ -98624,6 +98623,10 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             });
         }
         clearLayoutSize() {
+            this._gridInfo.colWidth &&
+                this.setSizeFromUserSetting(this._gridInfo.colWidth, this._colSize, this._col, this._chartLayoutRect.width);
+            this._gridInfo.rowHeight &&
+                this.setSizeFromUserSetting(this._gridInfo.rowHeight, this._rowSize, this._row, this._chartLayoutRect.height);
             this._colSize.forEach(c => {
                 c.isLayoutSetting = false;
                 if (!c.isUserSetting) {
@@ -99015,7 +99018,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 let relativePosOffset = { x: 0, y: 0 };
                 let tooltipParentElementRect = { x: 0, y: 0 };
                 let chartElementRect;
-                let chartElementScale = 1;
+                let chartElementScale = { x: 1, y: 1 };
                 let tooltipParentElementScale = 1;
                 const isBrowser = isTrueBrowser(this._env);
                 if (isBrowser && !tooltipSpec.confine) {
@@ -99035,10 +99038,21 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                         x: chartElementRect.x - tooltipParentElementRect.x,
                         y: chartElementRect.y - tooltipParentElementRect.y
                     };
-                    chartElementScale = getScale(chartElement, chartElementRect);
+                    const chartElementDomScale = getScale(chartElement, chartElementRect);
+                    chartElementScale = {
+                        x: isValidNumber$1(chartElementRect === null || chartElementRect === void 0 ? void 0 : chartElementRect.width) && canvasWidth > 0
+                            ? chartElementRect.width / canvasWidth
+                            : chartElementDomScale,
+                        y: isValidNumber$1(chartElementRect === null || chartElementRect === void 0 ? void 0 : chartElementRect.height) && canvasHeight > 0
+                            ? chartElementRect.height / canvasHeight
+                            : chartElementDomScale
+                    };
                     tooltipParentElementScale = getScale(tooltipParentElement, tooltipParentElementRect);
                 }
-                const tooltipSizeScale = tooltipParentElementScale / chartElementScale;
+                const tooltipSizeScale = {
+                    x: tooltipParentElementScale / chartElementScale.x,
+                    y: tooltipParentElementScale / chartElementScale.y
+                };
                 const calcPos = {};
                 const pointerFixedPosition = { x: position, y: position };
                 const dimToPos = { x: ['left', 'right'], y: ['top', 'bottom'] };
@@ -99076,24 +99090,25 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                     if (isFixedPosition) {
                         const posKey = dimToPos[dim][0];
                         const boxSize = dim === 'x' ? tooltipBoxWidth : tooltipBoxHeight;
+                        const dimTooltipSizeScale = tooltipSizeScale[dim];
                         switch (getPositionType(orient, dim)) {
                             case -2:
-                                calcPos[posKey] = dim1 - boxSize * tooltipSizeScale - dimOffset;
+                                calcPos[posKey] = dim1 - boxSize * dimTooltipSizeScale - dimOffset;
                                 break;
                             case -1.5:
                                 calcPos[posKey] = dim1 + dimOffset;
                                 break;
                             case 0:
-                                calcPos[posKey] = (dim1 + dim2) / 2 - (boxSize * tooltipSizeScale) / 2;
+                                calcPos[posKey] = (dim1 + dim2) / 2 - (boxSize * dimTooltipSizeScale) / 2;
                                 break;
                             case -1:
-                                calcPos[posKey] = (dim1 + dim2) / 2 - boxSize * tooltipSizeScale - dimOffset;
+                                calcPos[posKey] = (dim1 + dim2) / 2 - boxSize * dimTooltipSizeScale - dimOffset;
                                 break;
                             case 1:
                                 calcPos[posKey] = (dim1 + dim2) / 2 + dimOffset;
                                 break;
                             case 1.5:
-                                calcPos[posKey] = dim2 - boxSize * tooltipSizeScale - dimOffset;
+                                calcPos[posKey] = dim2 - boxSize * dimTooltipSizeScale - dimOffset;
                                 break;
                             case 2:
                                 calcPos[posKey] = dim2 + dimOffset;
@@ -99137,7 +99152,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                         result[dim] = calcPos[dimToPos[dim][0]];
                     }
                     else if (isValidNumber$1(calcPos[dimToPos[dim][1]])) {
-                        result[dim] = canvasSize - boxSize * tooltipSizeScale - calcPos[dimToPos[dim][1]];
+                        result[dim] = canvasSize - boxSize * tooltipSizeScale[dim] - calcPos[dimToPos[dim][1]];
                     }
                     else {
                         const value0 = dim === 'x' ? event.canvasX : event.canvasY;
@@ -99145,23 +99160,23 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                             result[dim] = value0 + offset;
                         }
                         else if (posType === 0) {
-                            result[dim] = value0 - (boxSize * tooltipSizeScale) / 2;
+                            result[dim] = value0 - (boxSize * tooltipSizeScale[dim]) / 2;
                         }
                         else {
-                            result[dim] = value0 - boxSize * tooltipSizeScale - offset;
+                            result[dim] = value0 - boxSize * tooltipSizeScale[dim] - offset;
                         }
                     }
-                    result[dim] *= chartElementScale;
+                    result[dim] *= chartElementScale[dim];
                     if (isBrowser) {
                         result[dim] += relativePosOffset[dim];
                     }
                     result[dim] /= tooltipParentElementScale;
                     const containerDimSize = dim === 'x' ? containerSize.width : containerSize.height;
                     const leftOrTop = tooltipSpec.confine
-                        ? -(tooltipParentElementRect[dim] - ((_a = chartElementRect === null || chartElementRect === void 0 ? void 0 : chartElementRect[dim]) !== null && _a !== void 0 ? _a : 0) / chartElementScale) /
-                            tooltipParentElementScale
+                        ? (((_a = chartElementRect === null || chartElementRect === void 0 ? void 0 : chartElementRect[dim]) !== null && _a !== void 0 ? _a : 0) - tooltipParentElementRect[dim]) / tooltipParentElementScale
                         : -tooltipParentElementRect[dim] / tooltipParentElementScale;
-                    const rightOrBottom = containerDimSize / tooltipParentElementScale + leftOrTop - boxSize;
+                    const actualContainerDimSize = tooltipSpec.confine ? containerDimSize * chartElementScale[dim] : containerDimSize;
+                    const rightOrBottom = actualContainerDimSize / tooltipParentElementScale + leftOrTop - boxSize;
                     if (posType !== 2 && result[dim] < leftOrTop) {
                         if (isFixedPosition) {
                             result[dim] = leftOrTop;
@@ -101826,6 +101841,8 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
     exports.ScatterSeries = ScatterSeries;
     exports.ScrollBar = ScrollBar;
     exports.SequenceChart = SequenceChart;
+    exports.Stack = Stack;
+    exports.StackChartMixin = StackChartMixin;
     exports.StreamLight = StreamLight;
     exports.SunburstChart = SunburstChart;
     exports.SunburstSeries = SunburstSeries;