@visactor/react-vchart 2.0.22-alpha.4 → 2.0.23-alpha.0

package/build/index.js

@@ -14571,6 +14571,7 @@
     const tempConstantXYKey = ["x", "y"],
       tempConstantScaleXYKey = ["scaleX", "scaleY"],
       tempConstantAngleKey = ["angle"],
+      builtinTextureTypes = new Set(["circle", "diamond", "rect", "vertical-line", "horizontal-line", "bias-lr", "bias-rl", "grid", "wave"]),
       point = new Point();
     const NOWORK_ANIMATE_ATTR = {
       strokeSeg: 1,
@@ -14627,7 +14628,7 @@
       }
       constructor(params = {}) {
         var _a;
-        super(), this._AABBBounds = new AABBBounds(), this._updateTag = UpdateTag.INIT, this.attribute = params, this.valid = this.isValid(), this.updateAABBBoundsStamp = 0, params.background ? this.loadImage(null !== (_a = params.background.background) && void 0 !== _a ? _a : params.background, !0) : params.shadowGraphic && this.setShadowGraphic(params.shadowGraphic);
+        super(), this._AABBBounds = new AABBBounds(), this._updateTag = UpdateTag.INIT, this.attribute = params, this.valid = this.isValid(), this.updateAABBBoundsStamp = 0, params.background && this.loadImage(null !== (_a = params.background.background) && void 0 !== _a ? _a : params.background, !0), isExternalTexture(params.texture) && this.loadImage(params.texture, !1), params.shadowGraphic && this.setShadowGraphic(params.shadowGraphic);
       }
       getGraphicService() {
         var _a, _b;
@@ -14816,7 +14817,7 @@
         });
       }
       setAttributes(params, forceUpdateTag = !1, context) {
-        params && ((params = this.onBeforeAttributeUpdate && this.onBeforeAttributeUpdate(params, this.attribute, null, context) || params).background ? this.loadImage(params.background, !0) : params.shadowGraphic && this.setShadowGraphic(params.shadowGraphic), this._setAttributes(params, forceUpdateTag, context));
+        params && ((params = this.onBeforeAttributeUpdate && this.onBeforeAttributeUpdate(params, this.attribute, null, context) || params).background && this.loadImage(params.background, !0), isExternalTexture(params.texture) && this.loadImage(params.texture, !1), params.shadowGraphic && this.setShadowGraphic(params.shadowGraphic), this._setAttributes(params, forceUpdateTag, context));
       }
       _setAttributes(params, forceUpdateTag = !1, context) {
         const keys = Object.keys(params);
@@ -14831,7 +14832,7 @@
         const params = this.onBeforeAttributeUpdate && this.onBeforeAttributeUpdate({
           [key]: value
         }, this.attribute, key, context);
-        params ? this._setAttributes(params, forceUpdateTag, context) : isNil$1(null === (_a = this.normalAttrs) || void 0 === _a ? void 0 : _a[key]) ? (this.attribute[key] = value, this.valid = this.isValid(), this.updateShapeAndBoundsTagSetted() || !forceUpdateTag && !this.needUpdateTag(key) ? this.addUpdateBoundTag() : this.addUpdateShapeAndBoundsTag(), this.addUpdatePositionTag(), this.addUpdateLayoutTag(), this.onAttributeUpdate(context)) : this.normalAttrs[key] = value, "background" === key ? this.loadImage(value, !0) : "shadowGraphic" === key && this.setShadowGraphic(value);
+        params ? this._setAttributes(params, forceUpdateTag, context) : isNil$1(null === (_a = this.normalAttrs) || void 0 === _a ? void 0 : _a[key]) ? (this.attribute[key] = value, this.valid = this.isValid(), this.updateShapeAndBoundsTagSetted() || !forceUpdateTag && !this.needUpdateTag(key) ? this.addUpdateBoundTag() : this.addUpdateShapeAndBoundsTag(), this.addUpdatePositionTag(), this.addUpdateLayoutTag(), this.onAttributeUpdate(context)) : this.normalAttrs[key] = value, "background" === key ? this.loadImage(value, !0) : "texture" === key && isExternalTexture(value) ? this.loadImage(value, !1) : "shadowGraphic" === key && this.setShadowGraphic(value);
       }
       needUpdateTags(keys, k = GRAPHIC_UPDATE_TAG_KEY) {
         for (let i = 0; i < k.length; i++) {
@@ -14850,7 +14851,7 @@
         const context = {
           type: AttributeUpdateType.INIT
         };
-        params = this.onBeforeAttributeUpdate && this.onBeforeAttributeUpdate(params, this.attribute, null, context) || params, this.attribute = params, params.background ? this.loadImage(params.background, !0) : params.shadowGraphic && this.setShadowGraphic(params.shadowGraphic), this._updateTag = UpdateTag.INIT, this.valid = this.isValid(), this.onAttributeUpdate(context);
+        params = this.onBeforeAttributeUpdate && this.onBeforeAttributeUpdate(params, this.attribute, null, context) || params, this.attribute = params, params.background && this.loadImage(params.background, !0), isExternalTexture(params.texture) && this.loadImage(params.texture, !1), params.shadowGraphic && this.setShadowGraphic(params.shadowGraphic), this._updateTag = UpdateTag.INIT, this.valid = this.isValid(), this.onAttributeUpdate(context);
       }
       translate(x, y) {
         var _a, _b;
@@ -15241,6 +15242,9 @@
     function backgroundNotImage(image) {
       return "string" == typeof image ? !(image.startsWith("<svg") || isValidUrl$1(image) || image.includes("/") || isBase64$1(image)) : !(!image.fill && !image.stroke) || !("string" != typeof image.gradient || !Array.isArray(image.stops));
     }
+    function isExternalTexture(texture) {
+      return !!texture && ("string" == typeof texture ? !builtinTextureTypes.has(texture) && (texture.startsWith("<svg") || isValidUrl$1(texture) || texture.includes("/") || isBase64$1(texture)) : isObject$2(texture));
+    }
     Graphic.userSymbolMap = {}, Graphic.mixin(EventTarget);
 
     var GroupUpdateAABBBoundsMode;
@@ -18892,6 +18896,7 @@
     }
     const defaultBaseClipRenderAfterContribution = new DefaultBaseClipRenderAfterContribution();
 
+    const builtinProceduralTextureTypes = new Set(["circle", "diamond", "rect", "vertical-line", "horizontal-line", "bias-lr", "bias-rl", "grid"]);
     function formatRatio(ratio) {
       return ratio <= .5 ? 4 * ratio - 1 : -4 * ratio + 3;
     }
@@ -19005,38 +19010,43 @@
         texture && this.drawTexture(texture, graphic, context, x, y, graphicAttribute, textureColor, textureSize, texturePadding);
       }
       drawTexture(texture, graphic, context, x, y, graphicAttribute, textureColor, textureSize, texturePadding) {
-        var _a;
+        var _a, _b, _c, _d, _e, _f;
         const {
           textureRatio = graphicAttribute.textureRatio,
           textureOptions = null
         } = graphic.attribute;
-        let pattern = this.textureMap.get(texture);
-        if (!pattern) switch (texture) {
-          case "circle":
-            pattern = this.createCirclePattern(textureSize, texturePadding, textureColor, context);
-            break;
-          case "diamond":
-            pattern = this.createDiamondPattern(textureSize, texturePadding, textureColor, context);
-            break;
-          case "rect":
-            pattern = this.createRectPattern(textureSize, texturePadding, textureColor, context);
-            break;
-          case "vertical-line":
-            pattern = this.createVerticalLinePattern(textureSize, texturePadding, textureColor, context);
-            break;
-          case "horizontal-line":
-            pattern = this.createHorizontalLinePattern(textureSize, texturePadding, textureColor, context);
-            break;
-          case "bias-lr":
-            pattern = this.createBiasLRLinePattern(textureSize, texturePadding, textureColor, context);
-            break;
-          case "bias-rl":
-            pattern = this.createBiasRLLinePattern(textureSize, texturePadding, textureColor, context);
-            break;
-          case "grid":
-            pattern = this.createGridPattern(textureSize, texturePadding, textureColor, context);
+        let pattern = null;
+        const textureRadius = null !== (_a = null == textureOptions ? void 0 : textureOptions.radius) && void 0 !== _a ? _a : 0,
+          patternKey = this.getPatternCacheKey(texture, textureSize, texturePadding, textureColor, context.dpr, textureRadius);
+        if (null !== patternKey && (pattern = this.textureMap.get(patternKey)), !pattern) {
+          if ("string" == typeof texture) switch (texture) {
+            case "circle":
+              pattern = this.createCirclePattern(textureSize, texturePadding, textureColor, context);
+              break;
+            case "diamond":
+              pattern = this.createDiamondPattern(textureSize, texturePadding, textureColor, context);
+              break;
+            case "rect":
+              pattern = this.createRectPattern(textureSize, texturePadding, textureColor, context);
+              break;
+            case "vertical-line":
+              pattern = this.createVerticalLinePattern(textureSize, texturePadding, textureColor, context);
+              break;
+            case "horizontal-line":
+              pattern = this.createHorizontalLinePattern(textureSize, texturePadding, textureColor, context);
+              break;
+            case "bias-lr":
+              pattern = this.createBiasLRLinePattern(textureSize, texturePadding, textureColor, context);
+              break;
+            case "bias-rl":
+              pattern = this.createBiasRLLinePattern(textureSize, texturePadding, textureColor, context);
+              break;
+            case "grid":
+              pattern = this.createGridPattern(textureSize, texturePadding, textureColor, context);
+          }
+          pattern || (pattern = this.createResourcePattern(texture, graphic, context, texturePadding, textureRadius)), pattern && null !== patternKey && this.textureMap.set(patternKey, pattern);
         }
-        if (textureOptions && textureOptions.dynamicTexture) {
+        if ("string" == typeof texture && textureOptions && textureOptions.dynamicTexture) {
           const {
               gridConfig = {},
               useNewCanvas: useNewCanvas
@@ -19081,10 +19091,24 @@
           for (let i = 0; i < gridRows; i++) for (let j = 0; j < gridColumns; j++) {
             const _x = x + cellSize / 2 + j * cellSize,
               _y = y + cellSize / 2 + i * cellSize;
-            null === (_a = textureOptions.beforeDynamicTexture) || void 0 === _a || _a.call(textureOptions, context, i, j, gridRows, gridColumns, textureRatio, graphic, b.width(), b.height()), context.beginPath(), !1 === parsedPath.draw(context, Math.min(sizeW - gutterColumn, sizeH - gutterRow), _x, _y, 0) && context.closePath(), context.fillStyle = textureColor, textureOptions.dynamicTexture(context, i, j, gridRows, gridColumns, textureRatio, graphic, b.width(), b.height());
+            null === (_b = textureOptions.beforeDynamicTexture) || void 0 === _b || _b.call(textureOptions, context, i, j, gridRows, gridColumns, textureRatio, graphic, b.width(), b.height()), context.beginPath(), !1 === parsedPath.draw(context, Math.min(sizeW - gutterColumn, sizeH - gutterRow), _x, _y, 0) && context.closePath(), context.fillStyle = textureColor, textureOptions.dynamicTexture(context, i, j, gridRows, gridColumns, textureRatio, graphic, b.width(), b.height());
           }
           useNewCanvas && (originalContext.globalAlpha = 1, originalContext.drawImage(newCanvas.nativeCanvas, 0, 0, newCanvas.nativeCanvas.width, newCanvas.nativeCanvas.height, b.x1, b.y1, b.width() * originalContext.dpr, b.height() * originalContext.dpr)), originalContext.restore();
-        } else if (pattern) context.highPerformanceSave(), context.setCommonStyle(graphic, graphic.attribute, x, y, graphicAttribute), context.fillStyle = pattern, context.fill(), context.highPerformanceRestore();else if ("wave" === texture) {
+        } else if (pattern) {
+          if (pattern.setTransform) {
+            const alignToGraphic = !!(null == textureOptions ? void 0 : textureOptions.alignToGraphic),
+              alignOffsetX = null !== (_c = null == textureOptions ? void 0 : textureOptions.alignOffsetX) && void 0 !== _c ? _c : 0,
+              alignOffsetY = null !== (_d = null == textureOptions ? void 0 : textureOptions.alignOffsetY) && void 0 !== _d ? _d : 0;
+            let translateX = 0,
+              translateY = 0;
+            if (alignToGraphic) {
+              const m = context.currentMatrix;
+              translateX = (null !== (_e = null == m ? void 0 : m.e) && void 0 !== _e ? _e : 0) + x + alignOffsetX, translateY = (null !== (_f = null == m ? void 0 : m.f) && void 0 !== _f ? _f : 0) + y + alignOffsetY;
+            } else (alignOffsetX || alignOffsetY) && (translateX = alignOffsetX, translateY = alignOffsetY);
+            pattern.setTransform(new DOMMatrix([1 / context.dpr, 0, 0, 1 / context.dpr, translateX, translateY]));
+          }
+          context.highPerformanceSave(), context.setCommonStyle(graphic, graphic.attribute, x, y, graphicAttribute), context.fillStyle = pattern, context.fill(), context.highPerformanceRestore();
+        } else if ("wave" === texture) {
           context.save(), context.setCommonStyle(graphic, graphic.attribute, x, y, graphicAttribute), context.clip();
           const b = graphic.AABBBounds;
           drawWave(context, textureRatio, b.width(), b.height(), Object.assign(Object.assign({}, textureOptions || {}), {
@@ -19092,6 +19116,45 @@
           }), x + b.x1 - x, y + b.y1 - y), context.restore();
         }
       }
+      getPatternCacheKey(texture, textureSize, texturePadding, textureColor, dpr, textureRadius) {
+        return "string" != typeof texture ? texturePadding > 0 || textureRadius > 0 ? null : texture : "wave" === texture ? null : builtinProceduralTextureTypes.has(texture) ? `builtin:${texture}|size:${textureSize}|padding:${texturePadding}|color:${textureColor}|dpr:${dpr}` : `resource:${texture}|padding:${texturePadding}|radius:${textureRadius}|dpr:${dpr}`;
+      }
+      createResourcePattern(texture, graphic, context, texturePadding, textureRadius) {
+        var _a;
+        const resource = null === (_a = graphic.resources) || void 0 === _a ? void 0 : _a.get(texture),
+          data = "success" === (null == resource ? void 0 : resource.state) ? resource.data : "object" == typeof texture ? texture : null;
+        if (!data) return null;
+        if (texturePadding > 0 || textureRadius > 0) {
+          const w = data.naturalWidth || data.width,
+            h = data.naturalHeight || data.height;
+          if (w > 0 && h > 0) {
+            const tileW = w + 2 * texturePadding,
+              tileH = h + 2 * texturePadding,
+              canvas = canvasAllocate.allocate({
+                width: tileW,
+                height: tileH,
+                dpr: context.dpr
+              }),
+              ctx = canvas.getContext("2d");
+            if (ctx) {
+              if (ctx.inuse = !0, ctx.clearMatrix(), ctx.setTransformForCurrent(!0), ctx.clearRect(0, 0, tileW, tileH), textureRadius > 0) {
+                const r = Math.max(0, Math.min(textureRadius, Math.min(w, h) / 2)),
+                  x0 = texturePadding,
+                  y0 = texturePadding,
+                  x1 = x0 + w,
+                  y1 = y0 + h;
+                ctx.beginPath(), ctx.moveTo(x0 + r, y0), ctx.lineTo(x1 - r, y0), ctx.quadraticCurveTo(x1, y0, x1, y0 + r), ctx.lineTo(x1, y1 - r), ctx.quadraticCurveTo(x1, y1, x1 - r, y1), ctx.lineTo(x0 + r, y1), ctx.quadraticCurveTo(x0, y1, x0, y1 - r), ctx.lineTo(x0, y0 + r), ctx.quadraticCurveTo(x0, y0, x0 + r, y0), ctx.closePath(), ctx.clip();
+              }
+              ctx.drawImage(data, texturePadding, texturePadding, w, h);
+              const pattern = context.createPattern(canvas.nativeCanvas, "repeat");
+              return (null == pattern ? void 0 : pattern.setTransform) && pattern.setTransform(new DOMMatrix([1 / context.dpr, 0, 0, 1 / context.dpr, 0, 0])), canvasAllocate.free(canvas), pattern;
+            }
+            canvasAllocate.free(canvas);
+          }
+        }
+        const pattern = context.createPattern(data, "repeat");
+        return (null == pattern ? void 0 : pattern.setTransform) && pattern.setTransform(new DOMMatrix([1 / context.dpr, 0, 0, 1 / context.dpr, 0, 0])), pattern;
+      }
     }
     const defaultBaseTextureRenderContribution = new DefaultBaseTextureRenderContribution();
 
@@ -51546,7 +51609,7 @@
       }
       _reCompile(updateResult, morphConfig) {
         var _a, _b, _c, _d, _e, _f, _g;
-        if (updateResult.reMake && (this._releaseData(), this._initDataSet(), null === (_a = this._chart) || void 0 === _a || _a.release(), this._chart = null), updateResult.reTransformSpec && (this._chartSpecTransformer = null), updateResult.changeTheme ? (this._setCurrentTheme(), this._setFontFamilyTheme(this.getTheme("fontFamily"))) : updateResult.changeBackground && (null === (_b = this._compiler) || void 0 === _b || _b.setBackground(this._getBackground())), updateResult.reMake ? (null === (_c = this._compiler) || void 0 === _c || _c.releaseGrammar(), this._userEvents.forEach(e => {
+        if (updateResult.reMake && (this._releaseData(), this._initDataSet(), null === (_a = this._chart) || void 0 === _a || _a.release(), this._chart = null), updateResult.reTransformSpec && (this._chartSpecTransformer = null), updateResult.changeTheme ? (this._setCurrentTheme(), this._setFontFamilyTheme(this.getTheme("fontFamily"))) : updateResult.changeBackground && (null === (_b = this._compiler) || void 0 === _b || _b.setBackground(this._getBackground())), updateResult.reMake ? (null === (_c = this._compiler) || void 0 === _c || _c.releaseGrammar(!0), this._userEvents.forEach(e => {
           var _a;
           return null === (_a = this._event) || void 0 === _a ? void 0 : _a.on(e.eType, e.query, e.handler);
         })) : updateResult.reCompile && (null === (_d = this._compiler) || void 0 === _d || _d.clear({
@@ -51954,8 +52017,8 @@
         this._option.layout = layout, null === (_a = this._chart) || void 0 === _a || _a.setLayout(layout);
       }
       reLayout() {
-        var _a;
-        this._chart.resetLayoutItemTag(), null === (_a = this._chart) || void 0 === _a || _a.setLayoutTag(!0);
+        var _a, _b, _c;
+        null === (_a = this._chart) || void 0 === _a || _a.resetLayoutItemTag(), null === (_b = this._chart) || void 0 === _b || _b.setLayoutTag(!0, null, !1), null === (_c = this._compiler) || void 0 === _c || _c.render();
       }
       getCompiler() {
         return this._compiler;
@@ -60128,14 +60191,19 @@
         var _a, _b, _c, _d;
         if (!this._spec.stackCornerRadius) return;
         const xScale = null === (_b = null === (_a = this._xAxisHelper) || void 0 === _a ? void 0 : _a.getScale) || void 0 === _b ? void 0 : _b.call(_a, 0),
-          yScale = null === (_d = null === (_c = this._yAxisHelper) || void 0 === _c ? void 0 : _c.getScale) || void 0 === _d ? void 0 : _d.call(_c, 0);
+          yScale = null === (_d = null === (_c = this._yAxisHelper) || void 0 === _c ? void 0 : _c.getScale) || void 0 === _d ? void 0 : _d.call(_c, 0),
+          isVertical = "vertical" === this.direction;
         this._barMark.setMarkConfig({
           clip: !0,
           clipPath: () => {
+            const usePreCalculatedRect = !!this._shouldDoPreCalculate();
+            usePreCalculatedRect && this._calculateStackRectPosition(isVertical);
             const rectPaths = [];
             return this._forEachStackGroup(node => {
               let min = 1 / 0,
                 max = -1 / 0,
+                rectMin = 1 / 0,
+                rectMax = -1 / 0,
                 hasPercent = !1,
                 minPercent = 1 / 0,
                 maxPercent = -1 / 0;
@@ -60144,7 +60212,12 @@
                   end = datum[STACK_FIELD_END],
                   startPercent = datum[STACK_FIELD_START_PERCENT],
                   endPercent = datum[STACK_FIELD_END_PERCENT];
-                min = Math.min(min, start, end), max = Math.max(max, start, end), isValid$1(startPercent) && isValid$1(endPercent) && (hasPercent = !0, minPercent = Math.min(minPercent, startPercent, endPercent), maxPercent = Math.max(maxPercent, startPercent, endPercent));
+                if (min = Math.min(min, start, end), max = Math.max(max, start, end), usePreCalculatedRect) {
+                  const rectStart = datum[isVertical ? RECT_Y : RECT_X],
+                    rectEnd = datum[isVertical ? RECT_Y1 : RECT_X1];
+                  rectMin = Math.min(rectMin, rectStart, rectEnd), rectMax = Math.max(rectMax, rectStart, rectEnd);
+                }
+                isValid$1(startPercent) && isValid$1(endPercent) && (hasPercent = !0, minPercent = Math.min(minPercent, startPercent, endPercent), maxPercent = Math.max(maxPercent, startPercent, endPercent));
               });
               const mockDatum = Object.assign(Object.assign(Object.assign({}, node.values[0]), {
                   [STACK_FIELD_START]: min,
@@ -60154,13 +60227,13 @@
                   [STACK_FIELD_END_PERCENT]: maxPercent
                 } : void 0),
                 rectAttr = "horizontal" === this.direction ? {
-                  x: this._getBarXStart(mockDatum, xScale),
-                  x1: this._getBarXEnd(mockDatum, xScale),
+                  x: usePreCalculatedRect ? rectMin : this._getBarXStart(mockDatum, xScale),
+                  x1: usePreCalculatedRect ? rectMax : this._getBarXEnd(mockDatum, xScale),
                   y: this._getPosition(this.direction, mockDatum),
                   height: this._getBarWidth(this._yAxisHelper)
                 } : {
-                  y: this._getBarYStart(mockDatum, yScale),
-                  y1: this._getBarYEnd(mockDatum, yScale),
+                  y: usePreCalculatedRect ? rectMin : this._getBarYStart(mockDatum, yScale),
+                  y1: usePreCalculatedRect ? rectMax : this._getBarYEnd(mockDatum, yScale),
                   x: this._getPosition(this.direction, mockDatum),
                   width: this._getBarWidth(this._xAxisHelper)
                 };
@@ -60570,7 +60643,7 @@
         }, STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series));
       }
       handleZoom(e) {
-        var _a, _b;
+        var _a, _b, _c, _d;
         this.getMarksWithoutRoot().forEach(mark => {
           if (!mark) return;
           const graphics = mark.getGraphics();
@@ -60581,8 +60654,14 @@
             newPosition && graphicItem && graphicItem.translateTo(newPosition.x, newPosition.y);
           });
         });
-        const vgrammarLabel = null === (_b = null === (_a = this._labelMark) || void 0 === _a ? void 0 : _a.getComponent()) || void 0 === _b ? void 0 : _b.getProduct();
-        vgrammarLabel && vgrammarLabel.evaluate(null, null);
+        const labelComponent = null === (_a = this._labelMark) || void 0 === _a ? void 0 : _a.getComponent();
+        (null == labelComponent ? void 0 : labelComponent.renderInner) && labelComponent.renderInner();
+        const vgrammarLabel = null === (_b = null == labelComponent ? void 0 : labelComponent.getComponent) || void 0 === _b ? void 0 : _b.call(labelComponent);
+        (null == vgrammarLabel ? void 0 : vgrammarLabel.evaluate) && vgrammarLabel.evaluate(null, null);
+        const labelGroup = null === (_c = null == labelComponent ? void 0 : labelComponent.getProduct) || void 0 === _c ? void 0 : _c.call(labelComponent);
+        labelGroup && (null == e ? void 0 : e.scale) && (null == e ? void 0 : e.scaleCenter) && ((null === (_d = labelGroup.attribute) || void 0 === _d ? void 0 : _d.postMatrix) || labelGroup.setAttributes({
+          postMatrix: new Matrix()
+        }), labelGroup.scale(e.scale, e.scale, e.scaleCenter));
       }
       handlePan(e) {
         this.handleZoom(e);
@@ -61609,7 +61688,7 @@
         super.release(), this._areaCache.clear(), this._nameMap = {}, this._mapViewData = null;
       }
       handleZoom(e) {
-        var _a;
+        var _a, _b, _c, _d;
         const {
           scale: scale,
           scaleCenter: scaleCenter
@@ -61619,11 +61698,17 @@
         pathGroup && (pathGroup.attribute.postMatrix || pathGroup.setAttributes({
           postMatrix: new Matrix()
         }), pathGroup.scale(scale, scale, scaleCenter));
-        const vgrammarLabel = null === (_a = this._labelMark) || void 0 === _a ? void 0 : _a.getComponent();
-        vgrammarLabel && vgrammarLabel.renderInner();
+        const labelComponent = null === (_a = this._labelMark) || void 0 === _a ? void 0 : _a.getComponent();
+        (null == labelComponent ? void 0 : labelComponent.renderInner) && labelComponent.renderInner();
+        const vgrammarLabel = null === (_b = null == labelComponent ? void 0 : labelComponent.getComponent) || void 0 === _b ? void 0 : _b.call(labelComponent);
+        (null == vgrammarLabel ? void 0 : vgrammarLabel.evaluate) && vgrammarLabel.evaluate(null, null);
+        const labelGroup = null === (_c = null == labelComponent ? void 0 : labelComponent.getProduct) || void 0 === _c ? void 0 : _c.call(labelComponent);
+        labelGroup && scale && scaleCenter && ((null === (_d = labelGroup.attribute) || void 0 === _d ? void 0 : _d.postMatrix) || labelGroup.setAttributes({
+          postMatrix: new Matrix()
+        }), labelGroup.scale(scale, scale, scaleCenter));
       }
       handlePan(e) {
-        var _a;
+        var _a, _b, _c, _d;
         const {
           delta: delta
         } = e;
@@ -61632,8 +61717,14 @@
         pathGroup && (pathGroup.attribute.postMatrix || pathGroup.setAttributes({
           postMatrix: new Matrix()
         }), pathGroup.translate(delta[0], delta[1]));
-        const vgrammarLabel = null === (_a = this._labelMark) || void 0 === _a ? void 0 : _a.getComponent();
-        vgrammarLabel && vgrammarLabel.renderInner();
+        const labelComponent = null === (_a = this._labelMark) || void 0 === _a ? void 0 : _a.getComponent();
+        (null == labelComponent ? void 0 : labelComponent.renderInner) && labelComponent.renderInner();
+        const vgrammarLabel = null === (_b = null == labelComponent ? void 0 : labelComponent.getComponent) || void 0 === _b ? void 0 : _b.call(labelComponent);
+        (null == vgrammarLabel ? void 0 : vgrammarLabel.evaluate) && vgrammarLabel.evaluate(null, null);
+        const labelGroup = null === (_c = null == labelComponent ? void 0 : labelComponent.getProduct) || void 0 === _c ? void 0 : _c.call(labelComponent);
+        labelGroup && delta && ((null === (_d = labelGroup.attribute) || void 0 === _d ? void 0 : _d.postMatrix) || labelGroup.setAttributes({
+          postMatrix: new Matrix()
+        }), labelGroup.translate(delta[0], delta[1]));
       }
       getDatumCenter(datum) {
         var _a, _b, _c, _d;
@@ -72730,7 +72821,7 @@
     class SankeySeriesTooltipHelper extends BaseSeriesTooltipHelper {
       constructor() {
         super(...arguments), this._getDimensionData = datum => {
-          if (datum.source) {
+          if (!isNil$1(null == datum ? void 0 : datum.source) && !isNil$1(null == datum ? void 0 : datum.target)) {
             if (isNumber$1(datum.source)) {
               const seriesKeys = this.series.getSeriesKeys();
               return seriesKeys[datum.source] + " => " + seriesKeys[datum.target];
@@ -78108,18 +78199,26 @@
     const isMarkInfo = info => isValid$1(info) && !isArray$1(info);
     const isDimensionInfo = info => isValid$1(info) && isArray$1(info);
 
+    const TOOLTIP_STYLE_THEME_KEYS = ["panel", "shape", "titleLabel", "keyLabel", "valueLabel", "spaceRow", "maxContentHeight", "align"];
     class TooltipSpecTransformer extends BaseComponentSpecTransformer {
       _shouldMergeThemeToSpec() {
         return !1;
       }
       _initTheme(spec, chartSpec) {
-        var _a, _b, _c;
         const {
-          spec: newSpec,
-          theme: theme
-        } = super._initTheme(spec, chartSpec);
-        return newSpec.style = mergeSpec({}, this._theme, newSpec.style), newSpec.offset = mergeSpec({}, theme.offset, spec.offset), newSpec.transitionDuration = null !== (_a = spec.transitionDuration) && void 0 !== _a ? _a : theme.transitionDuration, newSpec.trigger = null !== (_b = spec.trigger) && void 0 !== _b ? _b : theme.trigger, newSpec.triggerOff = null !== (_c = spec.triggerOff) && void 0 !== _c ? _c : theme.triggerOff, {
-          spec: newSpec,
+            spec: newSpec,
+            theme: theme
+          } = super._initTheme(spec, chartSpec),
+          themeStyle = mergeSpec({}, ...TOOLTIP_STYLE_THEME_KEYS.map(key => void 0 !== (null == theme ? void 0 : theme[key]) ? {
+            [key]: theme[key]
+          } : void 0), null == theme ? void 0 : theme.style),
+          themeSpec = mergeSpec({}, theme);
+        TOOLTIP_STYLE_THEME_KEYS.forEach(key => {
+          delete themeSpec[key];
+        }), delete themeSpec.style;
+        const mergedSpec = mergeSpec({}, themeSpec, newSpec);
+        return mergedSpec.style = mergeSpec({}, themeStyle, mergedSpec.style), {
+          spec: mergedSpec,
           theme: theme
         };
       }