@visactor/vchart 1.12.4-alpha.0 → 1.12.4

package/build/index.js

@@ -13490,7 +13490,9 @@
         if (children.length) shadowRoot.setTheme({
           [children[0].type]: childAttrs
         }), children.forEach(element => {
-          shadowRoot.appendChild(element);
+          element.setAttributes({
+            pickable: !1
+          }), shadowRoot.appendChild(element);
         });else {
           const box = graphic.AABBBounds,
             width = box.width(),
@@ -13502,7 +13504,8 @@
               x: 0,
               y: 0,
               width: width,
-              height: height
+              height: height,
+              pickable: !1
             });
             shadowRoot.appendChild(child), children.push(child);
           });
@@ -13889,7 +13892,7 @@
         return this._transMatrix || (this._transMatrix = new Matrix()), this.shouldUpdateLocalMatrix() && (this.doUpdateLocalMatrix(), clearTag && this.clearUpdateLocalPositionTag()), this._transMatrix;
       }
       shouldUpdateAABBBounds() {
-        return this.shadowRoot ? !!(this._updateTag & UpdateTag.UPDATE_BOUNDS) || this.shadowRoot.shouldUpdateAABBBounds() : !!(this._updateTag & UpdateTag.UPDATE_BOUNDS);
+        return this.shadowRoot ? (!!(this._updateTag & UpdateTag.UPDATE_BOUNDS) || this.shadowRoot.shouldUpdateAABBBounds()) && application.graphicService.validCheck(this.attribute, this.getGraphicTheme(), this._AABBBounds, this) : !!(this._updateTag & UpdateTag.UPDATE_BOUNDS) && application.graphicService.validCheck(this.attribute, this.getGraphicTheme(), this._AABBBounds, this);
       }
       shouldSelfChangeUpdateAABBBounds() {
         return this.shadowRoot ? !!(this._updateTag & UpdateTag.UPDATE_BOUNDS) || this.shadowRoot.shouldUpdateAABBBounds() : !!(this._updateTag & UpdateTag.UPDATE_BOUNDS);
@@ -18799,7 +18802,6 @@
         return getTheme$1(this).circle;
       }
       updateAABBBounds(attribute, circleTheme, aabbBounds, full) {
-        if (!application.graphicService.validCheck(attribute, circleTheme, aabbBounds, this)) return aabbBounds;
         this.updatePathProxyAABBBounds(aabbBounds) || (full ? this.updateCircleAABBBoundsImprecise(attribute, circleTheme, aabbBounds) : this.updateCircleAABBBoundsAccurate(attribute, circleTheme, aabbBounds));
         const {
           tb1: tb1,
@@ -18992,7 +18994,6 @@
         return getTheme$1(this).text;
       }
       updateAABBBounds(attribute, textTheme, aabbBounds) {
-        if (!application.graphicService.validCheck(attribute, textTheme, aabbBounds, this)) return aabbBounds;
         const {
           text = textTheme.text
         } = this.attribute;
@@ -19969,7 +19970,6 @@
         return getTheme$1(this).symbol;
       }
       updateAABBBounds(attribute, symbolTheme, aabbBounds, full) {
-        if (!application.graphicService.validCheck(attribute, symbolTheme, aabbBounds, this)) return aabbBounds;
         this.updatePathProxyAABBBounds(aabbBounds) || (full ? this.updateSymbolAABBBoundsImprecise(attribute, symbolTheme, aabbBounds) : this.updateSymbolAABBBoundsAccurate(attribute, symbolTheme, aabbBounds));
         const {
           tb1: tb1,
@@ -20047,7 +20047,6 @@
         return getTheme$1(this).line;
       }
       updateAABBBounds(attribute, lineTheme, aabbBounds) {
-        if (!application.graphicService.validCheck(attribute, lineTheme, aabbBounds, this)) return aabbBounds;
         this.updatePathProxyAABBBounds(aabbBounds) || (attribute.segments ? this.updateLineAABBBoundsBySegments(attribute, lineTheme, aabbBounds) : this.updateLineAABBBoundsByPoints(attribute, lineTheme, aabbBounds)), application.graphicService.updateTempAABBBounds(aabbBounds);
         const {
           lineJoin = lineTheme.lineJoin
@@ -20128,7 +20127,6 @@
         return getTheme$1(this).rect;
       }
       updateAABBBounds(attribute, rectTheme, aabbBounds) {
-        if (!application.graphicService.validCheck(attribute, rectTheme, aabbBounds, this)) return aabbBounds;
         if (!this.updatePathProxyAABBBounds(aabbBounds)) {
           let {
             width: width,
@@ -20306,9 +20304,9 @@
         return getTheme$1(this).glyph;
       }
       updateAABBBounds(attribute, theme, aabbBounds) {
-        return application.graphicService.validCheck(attribute, theme, aabbBounds, this) ? (this.getSubGraphic().forEach(node => {
+        return this.getSubGraphic().forEach(node => {
           aabbBounds.union(node.AABBBounds);
-        }), aabbBounds) : aabbBounds;
+        }), aabbBounds;
       }
       doUpdateAABBBounds() {
         this._AABBBounds.clear();
@@ -20632,7 +20630,6 @@
         return getTheme$1(this).image;
       }
       updateAABBBounds(attribute, imageTheme, aabbBounds) {
-        if (!application.graphicService.validCheck(attribute, imageTheme, aabbBounds, this)) return aabbBounds;
         if (!this.updatePathProxyAABBBounds(aabbBounds)) {
           const {
             width = imageTheme.width,
@@ -20906,7 +20903,6 @@
         return getTheme$1(this).richtext;
       }
       updateAABBBounds(attribute, richtextTheme, aabbBounds) {
-        if (!application.graphicService.validCheck(attribute, richtextTheme, aabbBounds, this)) return aabbBounds;
         const {
           width = richtextTheme.width,
           height = richtextTheme.height,
@@ -21123,7 +21119,6 @@
         return getTheme$1(this).path;
       }
       updateAABBBounds(attribute, pathTheme, aabbBounds) {
-        if (!application.graphicService.validCheck(attribute, pathTheme, aabbBounds, this)) return aabbBounds;
         if (!this.updatePathProxyAABBBounds(aabbBounds)) {
           const pathShape = this.getParsedPathShape();
           aabbBounds.union(pathShape.getBounds());
@@ -21189,7 +21184,6 @@
         return getTheme$1(this).area;
       }
       updateAABBBounds(attribute, areaTheme, aabbBounds) {
-        if (!application.graphicService.validCheck(attribute, areaTheme, aabbBounds, this)) return aabbBounds;
         this.updatePathProxyAABBBounds(aabbBounds) || (attribute.segments ? this.updateAreaAABBBoundsBySegments(attribute, areaTheme, aabbBounds) : this.updateAreaAABBBoundsByPoints(attribute, areaTheme, aabbBounds)), application.graphicService.updateTempAABBBounds(aabbBounds);
         const {
           lineJoin = areaTheme.lineJoin
@@ -21390,7 +21384,6 @@
         return getTheme$1(this).arc;
       }
       updateAABBBounds(attribute, arcTheme, aabbBounds, full) {
-        if (!application.graphicService.validCheck(attribute, arcTheme, aabbBounds, this)) return aabbBounds;
         this.updatePathProxyAABBBounds(aabbBounds) || (full ? this.updateArcAABBBoundsImprecise(attribute, arcTheme, aabbBounds) : this.updateArcAABBBoundsAccurate(attribute, arcTheme, aabbBounds));
         const {
           tb1: tb1,
@@ -21523,7 +21516,6 @@
         return getTheme$1(this).polygon;
       }
       updateAABBBounds(attribute, polygonTheme, aabbBounds) {
-        if (!application.graphicService.validCheck(attribute, polygonTheme, aabbBounds, this)) return aabbBounds;
         this.updatePathProxyAABBBounds(aabbBounds) || this.updatePolygonAABBBoundsImprecise(attribute, polygonTheme, aabbBounds), application.graphicService.updateTempAABBBounds(aabbBounds);
         const {
           lineJoin = polygonTheme.lineJoin
@@ -21664,6 +21656,9 @@
           y: 0
         }), this.type = "shadowroot", this.shadowHost = graphic;
       }
+      clearUpdateBoundTag() {
+        super.clearUpdateBoundTag(), this.shadowHost && this.shadowHost.clearUpdateBoundTag();
+      }
       addUpdateBoundTag() {
         super.addUpdateBoundTag(), this.shadowHost && this.shadowHost.addUpdateBoundTag();
       }
@@ -22967,7 +22962,7 @@
           "virtual" === l.layerMode && (l = l.getNativeHandler().mainHandler.layer), list.includes(l) || list.push(l);
         }
         list.forEach(layer => {
-          layer.renderCount > this.renderCount || (layer.renderCount = this.renderCount + 1, layer.render({
+          layer.renderCount > this.renderCount || (layer.renderCount = this.renderCount + 1, layer === this.interactiveLayer && this.dirtyBounds && this.dirtyBounds.clear(), layer.render({
             renderService: this.renderService,
             background: layer === this.defaultLayer ? this.background : void 0,
             updateBounds: !(!this.dirtyBounds || this.dirtyBounds.empty()),
@@ -22976,14 +22971,14 @@
           }, Object.assign({
             renderStyle: this.renderStyle
           }, params)));
-        }), this.interactiveLayer && !layerList.includes(this.interactiveLayer) && this.interactiveLayer.render({
+        }), this.interactiveLayer && !layerList.includes(this.interactiveLayer) && (this.dirtyBounds && this.dirtyBounds.clear(), this.interactiveLayer.render({
           renderService: this.renderService,
           updateBounds: !(!this.dirtyBounds || this.dirtyBounds.empty()),
           viewBox: this.window.getViewBox(),
           transMatrix: this.window.getViewBoxTransform()
         }, Object.assign({
           renderStyle: this.renderStyle
-        }, params));
+        }, params)));
       }
       resizeWindow(w, h) {
         let rerender = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : !0;
@@ -24611,14 +24606,14 @@
       Factory$2.registerPlugin("ViewTransform3dPlugin", ViewTransform3dPlugin);
     };
 
-    function combineArray(arr) {
+    function combineDomains(domains) {
         const result = [];
-        for (let index = 0; index < arr.length; index++) {
-            const element = arr[index];
+        for (let index = 0; index < domains.length; index++) {
+            const domain = domains[index];
             if (index === 0) {
-                result.push(element[0]);
+                result.push(domain[0]);
             }
-            result.push(element[1]);
+            result.push(domain[1]);
         }
         return result;
     }
@@ -31790,6 +31785,9 @@
         y: cy + (dy > 0 ? h : -h)
       };
     }
+    function getAlignOffset(align) {
+      return "left" === align ? 0 : "right" === align ? 1 : .5;
+    }
 
     function loadLabelComponent() {
       registerGroup(), registerText(), registerRichtext(), registerLine();
@@ -32545,7 +32543,7 @@
           restAttributes = __rest$7(attributes, ["data"]);
         super((null == options ? void 0 : options.skipDefault) ? attributes : Object.assign({
           data: data
-        }, merge$2({}, ArcLabel.defaultAttributes, restAttributes))), this.name = "arc-label", this._ellipsisWidth = 0, this._arcLeft = new Map(), this._arcRight = new Map();
+        }, merge$2({}, ArcLabel.defaultAttributes, restAttributes))), this.name = "arc-label", this._ellipsisWidth = 0, this._arcLeft = new Map(), this._arcRight = new Map(), this._line2MinLength = 0, this._alignOffset = 0;
       }
       _overlapping(labels) {
         return labels;
@@ -32557,6 +32555,7 @@
         };
       }
       _layout(texts) {
+        var _a;
         if (!texts || !texts.length) return;
         const labels = super._layout(texts),
           textBoundsArray = labels.map(label => this.getGraphicBounds(label)),
@@ -32570,7 +32569,9 @@
           ellipsisWidth = ellipsisTextBounds.x2 - ellipsisTextBounds.x1;
         }
         const data = labels.map(label => label.attribute),
-          arcs = this.layoutArcLabels(this.attribute.position, this.attribute, Array.from(this._idToGraphic.values()), data, textBoundsArray, ellipsisWidth);
+          currentMarks = Array.from(this._idToGraphic.values());
+        this._line2MinLength = isFunction$1(this.attribute.line.line2MinLength) ? this.attribute.line.line2MinLength(texts, currentMarks, this.attribute) : this.attribute.line.line2MinLength, this._alignOffset = null !== (_a = isFunction$1(this.attribute.layout.alignOffset) ? this.attribute.layout.alignOffset(texts, currentMarks, this.attribute) : this.attribute.layout.alignOffset) && void 0 !== _a ? _a : 0;
+        const arcs = this.layoutArcLabels(this.attribute.position, this.attribute, currentMarks, data, textBoundsArray, ellipsisWidth);
         for (let i = 0; i < data.length; i++) {
           const textData = data[i],
             basedArc = arcs.find(arc => {
@@ -32676,13 +32677,12 @@
         var _a, _b, _c;
         const center_x = null !== (_a = currentMarks[0].attribute.x) && void 0 !== _a ? _a : 0,
           height = 2 * (null !== (_b = currentMarks[0].attribute.y) && void 0 !== _b ? _b : 0),
-          line2MinLength = attribute.line.line2MinLength,
           labelLayout = attribute.layout,
           spaceWidth = attribute.spaceWidth;
         if (arcs.forEach(arc => {
           const direction = isQuadrantLeft(arc.quadrant) ? -1 : 1;
           arc.labelPosition = {
-            x: arc.outerCenter.x + direction * (arc.labelSize.width / 2 + line2MinLength + spaceWidth),
+            x: arc.outerCenter.x + direction * (arc.labelSize.width / 2 + this._line2MinLength + spaceWidth),
             y: arc.outerCenter.y
           };
         }), arcs.sort((a, b) => a.labelPosition.y - b.labelPosition.y), !1 !== attribute.coverEnable || "none" === labelLayout.strategy) {
@@ -32692,10 +32692,10 @@
               labelSize: labelSize
             } = arc;
             arc.labelLimit = labelSize.width, arc.pointB = isQuadrantLeft(arc.quadrant) ? {
-              x: labelPosition.x + labelSize.width / 2 + line2MinLength + spaceWidth,
+              x: labelPosition.x + labelSize.width / 2 + this._line2MinLength + spaceWidth,
               y: labelPosition.y
             } : {
-              x: labelPosition.x - labelSize.width / 2 - line2MinLength - spaceWidth,
+              x: labelPosition.x - labelSize.width / 2 - this._line2MinLength - spaceWidth,
               y: labelPosition.y
             }, this._computeX(arc, attribute, currentMarks);
           }
@@ -32723,21 +32723,23 @@
         const width = 2 * center_x;
         return arcs.forEach(arc => {
           var _a, _b;
-          arc.labelVisible && (isLess(arc.pointB.x, line2MinLength + spaceWidth) || isGreater(arc.pointB.x, width - line2MinLength - spaceWidth)) && (arc.labelVisible = !1), arc.angle = null !== (_b = null === (_a = attribute.textStyle) || void 0 === _a ? void 0 : _a.angle) && void 0 !== _b ? _b : 0, attribute.offsetAngle && (arc.angle += attribute.offsetAngle), arc.labelLine = Object.assign({}, attribute.line);
+          arc.labelVisible && (isLess(arc.pointB.x, this._line2MinLength + spaceWidth) || isGreater(arc.pointB.x, width - this._line2MinLength - spaceWidth)) && (arc.labelVisible = !1), arc.angle = null !== (_b = null === (_a = attribute.textStyle) || void 0 === _a ? void 0 : _a.angle) && void 0 !== _b ? _b : 0, attribute.offsetAngle && (arc.angle += attribute.offsetAngle), arc.labelLine = Object.assign(Object.assign({}, attribute.line), {
+            visible: arc.labelVisible
+          });
         }), arcs;
       }
       _computeX(arc, attribute, currentMarks) {
         var _a;
         const center = arc.circleCenter,
-          plotLayout_width = 2 * center.x;
-        center.y;
+          plotLayout_x1 = 0,
+          plotLayout_x2 = this.attribute.width;
+        this.attribute.height;
         let maxRadius = 0;
         currentMarks.forEach(currentMark => {
           currentMark.attribute.outerRadius > maxRadius && (maxRadius = currentMark.attribute.outerRadius);
         });
         const radiusRatio = this.computeLayoutOuterRadius(maxRadius, attribute.width, attribute.height),
           line1MinLength = attribute.line.line1MinLength,
-          line2MinLength = attribute.line.line2MinLength,
           labelLayoutAlign = null === (_a = attribute.layout) || void 0 === _a ? void 0 : _a.align,
           spaceWidth = attribute.spaceWidth,
           {
@@ -32751,9 +32753,9 @@
         }, labelPosition.x = NaN, arc.labelLimit = 0);
         const radius = this.computeRadius(radiusRatio, attribute.width, attribute.height),
           flag = isQuadrantLeft(quadrant) ? -1 : 1;
-        let cx = 0;
-        let limit = (flag > 0 ? plotLayout_width - pointB.x : pointB.x) - line2MinLength - spaceWidth;
-        "labelLine" === labelLayoutAlign && (cx = (radius + line1MinLength + line2MinLength) * flag + center.x, limit = (flag > 0 ? plotLayout_width - cx : cx) - spaceWidth);
+        let cx = 0,
+          limit = (flag > 0 ? plotLayout_x2 - pointB.x : pointB.x - plotLayout_x1) - this._line2MinLength - spaceWidth;
+        "labelLine" === labelLayoutAlign && (cx = (radius + line1MinLength + this._line2MinLength) * flag + center.x, limit = (flag > 0 ? plotLayout_x2 - cx : cx - plotLayout_x1) - spaceWidth);
         const text = this._getFormatLabelText(arc.refDatum, limit);
         arc.labelText = text;
         let labelWidth = Math.min(limit, arc.labelSize.width);
@@ -32761,23 +32763,18 @@
           case "labelLine":
             break;
           case "edge":
-            cx = flag > 0 ? plotLayout_width - labelWidth - spaceWidth : labelWidth + spaceWidth;
+            cx = flag > 0 ? plotLayout_x2 - labelWidth - spaceWidth : plotLayout_x1 + labelWidth + spaceWidth;
             break;
           default:
-            cx = pointB.x + flag * line2MinLength;
+            cx = pointB.x + flag * this._line2MinLength;
         }
         labelWidth = Math.max(this._ellipsisWidth, labelWidth), arc.labelLimit = labelWidth, arc.pointC = {
           x: cx,
           y: labelPosition.y
         };
-        const targetCenterOffset = .5 * (arc.labelLimit < arc.labelSize.width ? arc.labelLimit : arc.labelSize.width);
-        if ("edge" === labelLayoutAlign) {
-          const alignOffset = 0;
-          labelPosition.x = (flag > 0 ? plotLayout_width + alignOffset : alignOffset) - flag * targetCenterOffset;
-        } else {
-          const alignOffset = 0;
-          labelPosition.x = cx + alignOffset + flag * (spaceWidth + targetCenterOffset);
-        }
+        const align = this._computeAlign(arc, attribute),
+          targetCenterOffset = getAlignOffset(align) * (arc.labelLimit < arc.labelSize.width ? arc.labelLimit : arc.labelSize.width);
+        "edge" === labelLayoutAlign ? (labelPosition.x = (flag > 0 ? plotLayout_x2 : plotLayout_x1) - flag * targetCenterOffset + flag * this._alignOffset, arc.pointC.x += flag * this._alignOffset) : labelPosition.x = cx + flag * (this._alignOffset + spaceWidth + targetCenterOffset);
       }
       _computeAlign(arc, attribute) {
         var _a, _b, _c, _d, _e, _f;
@@ -33119,6 +33116,7 @@
                 type: type
               } = dataLabel,
               id = null !== (_a = dataLabel.id) && void 0 !== _a ? _a : `${baseMarkGroupName}-${type}-${i}`;
+            "arc" === dataLabel.type && (dataLabel.width = size.width, dataLabel.height = size.height);
             let component = this._componentMap.get(id);
             component ? (component.setBitmapTool(tool), component.setBitmap(bitmap), component.setAttributes(dataLabel), currentComponentMap.set(id, component)) : (component = new labelComponent(dataLabel), component.setBitmap(bitmap), component.setBitmapTool(tool), this.add(component), currentComponentMap.set(id, component));
           }
@@ -34056,6 +34054,18 @@
       };
     }
 
+    function normalizeOverflowLimitLength(overflowLimitLength) {
+      return isValidNumber$1(overflowLimitLength) ? {
+        left: overflowLimitLength,
+        right: overflowLimitLength
+      } : isObject$2(overflowLimitLength) ? {
+        left: overflowLimitLength.left || 0,
+        right: overflowLimitLength.right || 0
+      } : {
+        left: 0,
+        right: 0
+      };
+    }
     function autoLimit(labels, config) {
       const {
         limitLength: limitLength,
@@ -34065,6 +34075,7 @@
         axisLength: axisLength
       } = config;
       if (isEmpty(labels) || !isValidNumber$1(limitLength)) return;
+      const overflowLimitLength = normalizeOverflowLimitLength(config.overflowLimitLength);
       labels.forEach(label => {
         var _a;
         const angle = label.attribute.angle,
@@ -34092,8 +34103,15 @@
               x1: x1,
               x2: x2
             } = label.AABBBounds,
-            tan = sin / cos;
-          limitLabelLength = tan > 0 && x1 <= axisLength && limitLength / tan + x1 > axisLength ? (axisLength - x1) / Math.abs(cos) : tan < 0 && x2 >= 0 && limitLength / tan + x2 < 0 ? x2 / Math.abs(cos) : Math.abs(limitLength / sin);
+            tan = sin / cos,
+            verticalSizeLimit = Math.abs(limitLength / sin);
+          if (tan > 0 && x1 <= axisLength && limitLength / tan + x1 > axisLength) {
+            const lengthLimit = (axisLength - x1) / Math.abs(cos) + overflowLimitLength.right;
+            limitLabelLength = Math.min(lengthLimit, verticalSizeLimit);
+          } else if (tan < 0 && x2 >= 0 && limitLength / tan + x2 < 0) {
+            const lengthLimit = x2 / Math.abs(cos) + overflowLimitLength.left;
+            limitLabelLength = Math.min(lengthLimit, verticalSizeLimit);
+          } else limitLabelLength = verticalSizeLimit;
         } else limitLabelLength = Math.abs(limitLength / cos);
         isValidNumber$1(label.attribute.maxLineWidth) && (limitLabelLength = isValidNumber$1(limitLabelLength) ? Math.min(label.attribute.maxLineWidth, limitLabelLength) : label.attribute.maxLineWidth), label.setAttributes({
           maxLineWidth: limitLabelLength,
@@ -34529,7 +34547,8 @@
             autoHideMethod: autoHideMethod,
             autoHideSeparation: autoHideSeparation,
             lastVisible: lastVisible,
-            autoWrap: autoWrap$1
+            autoWrap: autoWrap$1,
+            overflowLimitLength: overflowLimitLength
           } = label;
         if (isFunction$1(layoutFunc)) layoutFunc(labelShapes, labelData, layer, this);else {
           if (autoRotate$1) autoRotate(labelShapes, {
@@ -34553,7 +34572,8 @@
               verticalLimitLength: verticalLimitLength,
               ellipsis: limitEllipsis,
               orient: orient,
-              axisLength: axisLength
+              axisLength: axisLength,
+              overflowLimitLength: overflowLimitLength
             });
           }
           autoHide$1 && autoHide(labelShapes, {
@@ -50626,9 +50646,9 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         };
         markNodes.forEach(node => {
           const mark = node.mark;
-          mark.animate && 0 === mark.animate.getAnimatorCount() ? releaseUp(node) : mark.addEventListener("animationEnd", () => {
+          mark.animate && 0 !== mark.animate.getAnimatorCount() ? mark.addEventListener("animationEnd", () => {
             mark.animate && 0 === mark.animate.getAnimatorCount() && releaseUp(node);
-          });
+          }) : releaseUp(node);
         }), this._cachedGrammars.clear();
       }
       runAfter(callback) {
@@ -56488,6 +56508,17 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 }
             }
         }
+        clearAllEventElement() {
+            if (this._disableTriggerEvent) {
+                return;
+            }
+            for (const [stateValue, elements] of this._stateElements) {
+                elements.forEach(e => {
+                    e.clearStates();
+                });
+                this._stateElements.set(stateValue, []);
+            }
+        }
         reverseEventElement(stateValue) {
             if (this._disableTriggerEvent) {
                 return;
@@ -56542,12 +56573,22 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 });
             }
         }
+        resetAllInteraction() {
+            for (const [stateValue, interactions] of this._vgrammarInteractions) {
+                if (interactions) {
+                    interactions.forEach(vgInteraction => {
+                        vgInteraction.reset(null);
+                    });
+                }
+            }
+        }
     }
 
     const USER_LAYOUT_RECT_LEVEL = 9;
     const DEFAULT_LAYOUT_RECT_LEVEL = 0;
     var LayoutZIndex;
     (function (LayoutZIndex) {
+        LayoutZIndex[LayoutZIndex["SeriesGroup"] = 0] = "SeriesGroup";
         LayoutZIndex[LayoutZIndex["Axis_Grid"] = 50] = "Axis_Grid";
         LayoutZIndex[LayoutZIndex["CrossHair_Grid"] = 100] = "CrossHair_Grid";
         LayoutZIndex[LayoutZIndex["Region"] = 450] = "Region";
@@ -57601,12 +57642,12 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             return hasDataZoom || hasScrollBar ? true : this._layout.layoutClip;
         }
         created() {
-            var _a;
+            var _a, _b;
             this.initLayout();
             super.created();
             const clip = (_a = this._spec.clip) !== null && _a !== void 0 ? _a : this._getClipDefaultValue();
             this._groupMark = this._createGroupMark('regionGroup', this.userId, this.layoutZIndex);
-            this._interactionMark = this._createGroupMark('regionInteractionGroup', this.userId + '_interaction', LayoutZIndex.Interaction);
+            this._interactionMark = this._createGroupMark('regionInteractionGroup', ((_b = this.userId) !== null && _b !== void 0 ? _b : this.type) + '_interaction', LayoutZIndex.Interaction);
             if (!isEmpty(this._spec.style)) {
                 this._backgroundMark = this._createMark({ type: "rect", name: 'regionBackground' });
                 if (clip) {
@@ -57622,7 +57663,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                         this._groupMark.addMark(mark);
                     }
                 });
-                this._backgroundMark && this._backgroundMark.setZIndex(0);
+                this._backgroundMark && this._backgroundMark.setZIndex(LayoutZIndex.SeriesGroup - 1);
                 this._foregroundMark && this._foregroundMark.setZIndex(LayoutZIndex.Mark + 1);
             }
             this.createTrigger();
@@ -60589,6 +60630,12 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             }
             this._chart.clearState(state);
         }
+        clearAllStates() {
+            if (!this._chart) {
+                return;
+            }
+            this._chart.clearAllStates();
+        }
         clearSelected() {
             if (!this._chart) {
                 return;
@@ -61096,7 +61143,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
     };
     registerVChartCore();
 
-    const version = "1.12.4-alpha.0";
+    const version = "1.12.4";
 
     const addVChartProperty = (data, op) => {
         const context = op.beforeCall();
@@ -61112,13 +61159,10 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         constructor() {
             this.activeTriggerSet = {
                 mark: new Set(),
-                dimension: new Set(),
                 group: new Set()
             };
             this.ignoreTriggerSet = {
-                mark: new Set(),
-                dimension: new Set(),
-                group: new Set()
+                mark: new Set()
             };
         }
     }
@@ -62155,7 +62199,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             this._viewDataMap = new Map();
             this._viewDataFilter = null;
             this._data = null;
-            this.layoutZIndex = 0;
+            this.layoutZIndex = LayoutZIndex.SeriesGroup;
             this._invalidType = 'break';
             this._region = options.region;
             this._dataSet = options.dataSet;
@@ -64378,6 +64422,9 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             rawValue: value
         };
     }
+    function shouldUpdateAxis(preHelper, curHelper, forceUpdate) {
+        return forceUpdate || !preHelper || preHelper.getAxisId() === curHelper.getAxisId();
+    }
 
     class ComponentPluginService extends BasePluginService {
         constructor(component) {
@@ -65222,13 +65269,19 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                     eachSeries(this._regions, s => {
                         const orient = this.getOrient();
                         if (isXAxis(orient)) {
-                            s.setXAxisHelper(this.axisHelper());
+                            if (shouldUpdateAxis(s.getXAxisHelper(), this.axisHelper(), isValid$1(this._seriesUserId) || isValid$1(this._seriesIndex))) {
+                                s.setXAxisHelper(this.axisHelper());
+                            }
                         }
                         else if (isYAxis(orient)) {
-                            s.setYAxisHelper(this.axisHelper());
+                            if (shouldUpdateAxis(s.getYAxisHelper(), this.axisHelper(), isValid$1(this._seriesUserId) || isValid$1(this._seriesIndex))) {
+                                s.setYAxisHelper(this.axisHelper());
+                            }
                         }
                         else if (isZAxis(orient)) {
-                            s.setZAxisHelper(this.axisHelper());
+                            if (shouldUpdateAxis(s.getZAxisHelper(), this.axisHelper(), isValid$1(this._seriesUserId) || isValid$1(this._seriesIndex))) {
+                                s.setZAxisHelper(this.axisHelper());
+                            }
                         }
                     }, {
                         userId: this._seriesUserId,
@@ -65605,16 +65658,22 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             const orient = this.getOrient();
             eachSeries(this._regions, s => {
                 if (isXAxis(orient)) {
-                    s.setScaleX(this._scale);
-                    s.setXAxisHelper(this.axisHelper());
+                    if (shouldUpdateAxis(s.getXAxisHelper(), this.axisHelper(), isValid$1(this._seriesUserId) || isValid$1(this._seriesIndex))) {
+                        s.setScaleX(this._scale);
+                        s.setXAxisHelper(this.axisHelper());
+                    }
                 }
                 else if (isYAxis(orient)) {
-                    s.setScaleY(this._scale);
-                    s.setYAxisHelper(this.axisHelper());
+                    if (shouldUpdateAxis(s.getYAxisHelper(), this.axisHelper(), isValid$1(this._seriesUserId) || isValid$1(this._seriesIndex))) {
+                        s.setScaleY(this._scale);
+                        s.setYAxisHelper(this.axisHelper());
+                    }
                 }
                 else if (isZAxis(orient)) {
-                    s.setScaleZ(this._scale);
-                    s.setZAxisHelper(this.axisHelper());
+                    if (shouldUpdateAxis(s.getZAxisHelper(), this.axisHelper(), isValid$1(this._seriesUserId) || isValid$1(this._seriesIndex))) {
+                        s.setScaleZ(this._scale);
+                        s.setZAxisHelper(this.axisHelper());
+                    }
                 }
             }, {
                 userId: this._seriesUserId,
@@ -65815,6 +65874,9 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                         .filter((entry) => {
                         const { value, rawValue } = entry;
                         const domain = this._scale.domain();
+                        if (this.getSpec().type === 'log') {
+                            return value >= 0 && value <= 1;
+                        }
                         if (isContinuous(this._scale.type)) {
                             return rawValue >= domain[0] && rawValue <= last(domain);
                         }
@@ -66016,7 +66078,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             }
             else if (isFunction$1(tick.tickCount)) {
                 const range = this._scale.range();
-                let rangeSize = Math.abs(range[range.length - 1] - range[0]);
+                let rangeSize = Math.abs(last(range) - range[0]);
                 if (rangeSize === 1 && this._option) {
                     const isX = isXAxis(this._orient);
                     rangeSize = isX ? this._option.getChartViewRect().width : this._option.getChartViewRect().height;
@@ -66096,15 +66158,15 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                     const breaks = [];
                     for (let index = 0; index < this._spec.breaks.length; index++) {
                         const { range } = this._spec.breaks[index];
-                        if (range[0] <= range[1] && (range[1] <= maxDomain || range[1] <= minDomain)) {
+                        if (range[0] <= range[1] && range[1] <= maxDomain) {
                             breakRanges.push(range);
                             breaks.push(this._spec.breaks[index]);
                         }
                     }
                     breakRanges.sort((a, b) => a[0] - b[0]);
                     if (breakRanges.length) {
-                        const { domain: breakDomains, scope: breakScopes } = breakData(values, combineArray(breakRanges));
-                        domain = combineArray(breakDomains);
+                        const { domain: breakDomains, scope: breakScopes } = breakData(values, combineDomains(breakRanges));
+                        domain = combineDomains(breakDomains);
                         this._break = {
                             domain: breakDomains,
                             scope: breakScopes,
@@ -66135,7 +66197,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 return;
             }
             let domainMin = domain[0];
-            let domainMax = domain[domain.length - 1];
+            let domainMax = last(domain);
             if (domainMin === domainMax) {
                 if (domainMax === 0) {
                     domainMax = 1;
@@ -66186,7 +66248,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         includeZero(domain) {
             if (this._zero) {
                 domain[0] = Math.min(domain[0], 0);
-                domain[domain.length - 1] = Math.max(domain[domain.length - 1], 0);
+                domain[domain.length - 1] = Math.max(last(domain), 0);
             }
         }
         setExtendDomain(key, value) {
@@ -66245,9 +66307,9 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             if (isValid$1(softMax)) {
                 let softMaxValue = isFunction$1(softMax) ? softMax(domain) : softMax;
                 if (isNil$1(softMaxValue)) {
-                    softMaxValue = domain[domain.length - 1];
+                    softMaxValue = last(domain);
                 }
-                if (softMaxValue >= domain[domain.length - 1]) {
+                if (softMaxValue >= last(domain)) {
                     domain[domain.length - 1] = softMaxValue;
                 }
                 this._softMaxValue = softMaxValue;
@@ -66287,7 +66349,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             return this._domainAfterSpec;
         }
         _updateNiceLabelFormatter(domain) {
-            const domainSpan = Math.abs(domain[domain.length - 1] - domain[0]);
+            const domainSpan = Math.abs(last(domain) - domain[0]);
             const n = Math.max(-Math.floor(Math.log10(domainSpan)), 0) + 2;
             const unit = Math.pow(10, n);
             this.niceLabelFormatter = (value) => {
@@ -66360,7 +66422,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             var _a, _b;
             let newRange = super.getNewScaleRange();
             if (((_a = this._spec.breaks) === null || _a === void 0 ? void 0 : _a.length) && ((_b = this._break) === null || _b === void 0 ? void 0 : _b.scope)) {
-                newRange = combineArray(this._break.scope).map(val => newRange[0] + (last(newRange) - newRange[0]) * val);
+                newRange = combineDomains(this._break.scope).map(val => newRange[0] + (last(newRange) - newRange[0]) * val);
             }
             return newRange;
         }
@@ -66698,10 +66760,14 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                     this.computeData(params === null || params === void 0 ? void 0 : params.value);
                     eachSeries(this._regions, s => {
                         if (isXAxis(this.getOrient())) {
-                            s.setXAxisHelper(this.axisHelper());
+                            if (shouldUpdateAxis(s.getXAxisHelper(), this.axisHelper(), isValid$1(this._seriesUserId) || isValid$1(this._seriesIndex))) {
+                                s.setXAxisHelper(this.axisHelper());
+                            }
                         }
                         else {
-                            s.setYAxisHelper(this.axisHelper());
+                            if (shouldUpdateAxis(s.getYAxisHelper(), this.axisHelper(), isValid$1(this._seriesUserId) || isValid$1(this._seriesIndex))) {
+                                s.setYAxisHelper(this.axisHelper());
+                            }
                         }
                     }, {
                         userId: this._seriesUserId,
@@ -66879,9 +66945,8 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         }
         initTooltip() {
             super.initTooltip();
-            const { dimension, group, mark } = this._tooltipHelper.activeTriggerSet;
+            const { group, mark } = this._tooltipHelper.activeTriggerSet;
             if (this._lineMark) {
-                dimension.add(this._lineMark);
                 group.add(this._lineMark);
             }
             if (this._symbolMark) {
@@ -68121,6 +68186,13 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 return;
             });
         }
+        clearAllStates() {
+            this.getAllRegions().forEach(r => {
+                r.interaction.clearAllEventElement();
+                r.interaction.resetAllInteraction();
+                return;
+            });
+        }
         clearSelected() {
             this.clearState(STATE_VALUE_ENUM.STATE_SELECTED);
         }
@@ -69034,13 +69106,11 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         }
         initTooltip() {
             this._tooltipHelper = new AreaSeriesTooltipHelper(this);
-            const { dimension, group, mark } = this._tooltipHelper.activeTriggerSet;
+            const { group, mark } = this._tooltipHelper.activeTriggerSet;
             if (this._areaMark) {
-                dimension.add(this._areaMark);
                 group.add(this._areaMark);
             }
             if (this._lineMark) {
-                dimension.add(this._lineMark);
                 group.add(this._lineMark);
             }
             if (this._symbolMark) {
@@ -69659,7 +69729,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                             [STACK_FIELD_END_PERCENT]: maxPercent
                         }
                         : undefined));
-                    rectPaths.push(createRect(Object.assign(Object.assign({}, (this.direction === "horizontal"
+                    const rectAttr = this.direction === "horizontal"
                         ? {
                             x: this._getBarXStart(mockDatum, xScale),
                             x1: this._getBarXEnd(mockDatum, xScale),
@@ -69671,7 +69741,10 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                             y1: this._getBarYEnd(mockDatum, yScale),
                             x: this._getPosition(this.direction, mockDatum),
                             width: this._getBarWidth(this._xAxisHelper)
-                        })), { cornerRadius: this._spec.stackCornerRadius, fill: true })));
+                        };
+                    rectPaths.push(createRect(Object.assign(Object.assign({}, rectAttr), { cornerRadius: isFunction$1(this._spec.stackCornerRadius)
+                            ? this._spec.stackCornerRadius(rectAttr, mockDatum, this._markAttributeContext)
+                            : this._spec.stackCornerRadius, fill: true })));
                 });
                 return rectPaths;
             });
@@ -73759,7 +73832,6 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         }
         initTooltip() {
             this._tooltipHelper = new RangeAreaSeriesTooltipHelper(this);
-            this._areaMark && this._tooltipHelper.activeTriggerSet.dimension.add(this._areaMark);
         }
         _isFieldAllValid() {
             const viewStatistics = this.getViewDataStatistics();
@@ -74454,12 +74526,14 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 customShape: (_a = this._spec.pie) === null || _a === void 0 ? void 0 : _a.customShape,
                 stateSort: (_b = this._spec.pie) === null || _b === void 0 ? void 0 : _b.stateSort
             });
-            this._emptyArcMark = this._createMark({
-                name: 'emptyCircle',
-                type: 'arc'
-            }, {
-                dataView: false
-            });
+            if (this._showEmptyCircle) {
+                this._emptyArcMark = this._createMark({
+                    name: 'emptyCircle',
+                    type: 'arc'
+                }, {
+                    dataView: false
+                });
+            }
         }
         startAngleScale(datum) {
             return field$2(ARC_START_ANGLE)(datum);
@@ -74493,7 +74567,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             }
             const emptyPieMark = this._emptyArcMark;
             if (emptyPieMark) {
-                this.setMarkStyle(emptyPieMark, Object.assign(Object.assign({}, initialStyle), { visible: () => this._showEmptyCircle && this.getViewData().latestData.length === 0 }), 'normal', AttributeLevel.Series);
+                this.setMarkStyle(emptyPieMark, Object.assign(Object.assign({}, initialStyle), { visible: () => this.getViewData().latestData.length === 0 }), 'normal', AttributeLevel.Series);
             }
         }
         initInteraction() {
@@ -75001,10 +75075,14 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                     this.computeData(param === null || param === void 0 ? void 0 : param.value);
                     eachSeries(this._regions, s => {
                         if (this.getOrient() === 'radius') {
-                            s.radiusAxisHelper = this.axisHelper();
+                            if (shouldUpdateAxis(s.radiusAxisHelper, this.axisHelper(), isValid$1(this._seriesUserId) || isValid$1(this._seriesIndex))) {
+                                s.radiusAxisHelper = this.axisHelper();
+                            }
                         }
                         else {
-                            s.angleAxisHelper = this.axisHelper();
+                            if (shouldUpdateAxis(s.angleAxisHelper, this.axisHelper(), isValid$1(this._seriesUserId) || isValid$1(this._seriesIndex))) {
+                                s.angleAxisHelper = this.axisHelper();
+                            }
                         }
                     }, {
                         userId: this._seriesUserId,
@@ -75094,12 +75172,16 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         updateSeriesScale() {
             eachSeries(this._regions, s => {
                 if (this.getOrient() === 'radius') {
-                    s.setRadiusScale(this._scale);
-                    s.radiusAxisHelper = this.axisHelper();
+                    if (shouldUpdateAxis(s.radiusAxisHelper, this.axisHelper(), isValid$1(this._seriesUserId) || isValid$1(this._seriesIndex))) {
+                        s.setRadiusScale(this._scale);
+                        s.radiusAxisHelper = this.axisHelper();
+                    }
                 }
                 else {
-                    s.setAngleScale(this._scale);
-                    s.angleAxisHelper = this.axisHelper();
+                    if (shouldUpdateAxis(s.angleAxisHelper, this.axisHelper(), isValid$1(this._seriesUserId) || isValid$1(this._seriesIndex))) {
+                        s.setAngleScale(this._scale);
+                        s.angleAxisHelper = this.axisHelper();
+                    }
                 }
             }, {
                 userId: this._seriesUserId,
@@ -75817,13 +75899,11 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         }
         initTooltip() {
             super.initTooltip();
-            const { dimension, group, mark } = this._tooltipHelper.activeTriggerSet;
+            const { group, mark } = this._tooltipHelper.activeTriggerSet;
             if (this._lineMark) {
-                dimension.add(this._lineMark);
                 group.add(this._lineMark);
             }
             if (this._areaMark) {
-                dimension.add(this._areaMark);
                 group.add(this._areaMark);
             }
             if (this._symbolMark) {
@@ -75909,40 +75989,26 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                     },
                     content: [
                         {
-                            hasShape: true,
-                            shapeType: 'square',
-                            shapeColor: this.shapeColorCallback,
-                            shapeStroke: this.shapeStrokeCallback,
                             key: (datum) => datum.type,
                             value: (datum) => datum.id
                         },
                         {
-                            hasShape: true,
-                            shapeType: 'square',
-                            shapeColor: this.shapeColorCallback,
-                            shapeStroke: this.shapeStrokeCallback,
                             key: 'event_time',
                             value: (datum) => TimeUtil.getInstance().timeFormat('%Y%m%d', datum.event_time)
                         },
                         {
-                            hasShape: true,
-                            shapeType: 'square',
-                            shapeColor: this.shapeColorCallback,
-                            shapeStroke: this.shapeStrokeCallback,
                             key: 'action_type',
                             value: (datum) => datum.action_type
                         },
                         {
-                            shapeType: 'square',
-                            hasShape: true,
-                            shapeColor: this.shapeColorCallback,
-                            shapeStroke: this.shapeStrokeCallback,
                             key: 'children',
                             value: (datum) => {
                                 return datum.children;
                             }
                         }
-                    ],
+                    ].map(entry => {
+                        return Object.assign({ hasShape: true, shapeType: 'square', shapeColor: this.shapeColorCallback, shapeStroke: this.shapeStrokeCallback }, entry);
+                    }),
                     updateContent: (prev, datum, params) => {
                         const childrenContent = [];
                         const childrenPrev = prev.filter((p) => p.key === 'children');
@@ -76328,38 +76394,24 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                     },
                     content: [
                         {
-                            hasShape: true,
-                            shapeType: 'square',
-                            shapeColor: this.shapeColorCallback,
-                            shapeStroke: this.shapeStrokeCallback,
                             key: 'time',
                             value: (datum) => TimeUtil.getInstance().timeFormat('%Y%m%d %H:%M', datum.from.split('_')[1])
                         },
                         {
-                            hasShape: true,
-                            shapeType: 'square',
-                            shapeColor: this.shapeColorCallback,
-                            shapeStroke: this.shapeStrokeCallback,
                             key: 'type',
                             value: (datum) => datum.action_type
                         },
                         {
-                            hasShape: true,
-                            shapeType: 'square',
-                            shapeColor: this.shapeColorCallback,
-                            shapeStroke: this.shapeStrokeCallback,
                             key: 'from',
                             value: (datum) => datum.from
                         },
                         {
-                            hasShape: true,
-                            shapeType: 'square',
-                            shapeColor: this.shapeColorCallback,
-                            shapeStroke: this.shapeStrokeCallback,
                             key: 'to',
                             value: (datum) => datum.to
                         }
-                    ]
+                    ].map(entry => {
+                        return Object.assign({ hasShape: true, shapeType: 'square', shapeColor: this.shapeColorCallback, shapeStroke: this.shapeStrokeCallback }, entry);
+                    })
                 };
             }
             return null;
@@ -77476,7 +77528,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             }
         }
         initMarkStyleOfWord(wordMark, wordSpec, colorHexField, seriesField, isFillingWord) {
-            var _a, _b, _c, _d;
+            var _a, _b;
             if (!wordMark) {
                 return;
             }
@@ -77488,16 +77540,15 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                     : (datum) => datum[this._textField],
                 x: (datum) => datum.x,
                 y: (datum) => datum.y,
-                fontFamily: (datum) => datum.fontFamily,
                 fontSize: (datum) => datum.fontSize,
                 fontStyle: (datum) => datum.fontStyle,
-                fontWeight: (datum) => datum.fontWeight,
                 angle: (datum) => datum.angle,
-                visible: datum => datum.visible
+                visible: (datum) => datum.visible
             }, 'normal', AttributeLevel.Series);
             this.setMarkStyle(wordMark, {
-                fontFamily: (_b = (_a = wordSpec === null || wordSpec === void 0 ? void 0 : wordSpec.style) === null || _a === void 0 ? void 0 : _a.fontFamily) !== null && _b !== void 0 ? _b : this._defaultFontFamily,
-                fill: (_d = (_c = wordSpec === null || wordSpec === void 0 ? void 0 : wordSpec.style) === null || _c === void 0 ? void 0 : _c.fill) !== null && _d !== void 0 ? _d : this.getWordColor
+                fill: (_b = (_a = wordSpec === null || wordSpec === void 0 ? void 0 : wordSpec.style) === null || _a === void 0 ? void 0 : _a.fill) !== null && _b !== void 0 ? _b : this.getWordColor,
+                fontWeight: (datum) => datum.fontWeight,
+                fontFamily: (datum) => datum.fontFamily
             }, 'normal', AttributeLevel.User_Mark);
         }
         initTooltip() {
@@ -77591,7 +77642,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                     ? { field: this._spec.fontWeightField }
                     : this._valueField
                         ? this._calculateFontWeight
-                        : null,
+                        : wordStyleSpec.fontWeight,
                 fontStyle: (_h = this._spec.fontStyleField) !== null && _h !== void 0 ? _h : wordStyleSpec.fontStyle
             };
         }
@@ -77601,9 +77652,9 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         }
         _wordCloudShapeTransformOption() {
             var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-            const wordStyleSpec = (_b = (_a = this._spec.word) === null || _a === void 0 ? void 0 : _a.style) !== null && _b !== void 0 ? _b : {};
+            const fillingWordStyleSpec = (_b = (_a = this._spec.fillingWord) === null || _a === void 0 ? void 0 : _a.style) !== null && _b !== void 0 ? _b : {};
             const wordCloudShapeConfig = (_c = this._wordCloudShapeConfig) !== null && _c !== void 0 ? _c : {};
-            return Object.assign(Object.assign(Object.assign({}, wordCloudShapeConfig), this._getCommonTransformOptions()), { rotateList: this._rotateAngles, fillingRotateList: wordCloudShapeConfig.fillingRotateAngles, fillingFontFamily: (_e = (_d = wordCloudShapeConfig.fillingFontFamilyField) !== null && _d !== void 0 ? _d : wordStyleSpec.fontFamily) !== null && _e !== void 0 ? _e : this._defaultFontFamily, fillingPadding: (_g = (_f = this._spec.fillingWord) === null || _f === void 0 ? void 0 : _f.padding) !== null && _g !== void 0 ? _g : DEFAULT_FONT_PADDING, fillingFontStyle: (_h = wordCloudShapeConfig.fillingFontStyleField) !== null && _h !== void 0 ? _h : wordStyleSpec.fontStyle, fillingFontWeight: (_j = wordCloudShapeConfig.fillingFontWeightField) !== null && _j !== void 0 ? _j : wordStyleSpec.fontWeight });
+            return Object.assign(Object.assign(Object.assign({}, wordCloudShapeConfig), this._getCommonTransformOptions()), { rotateList: this._rotateAngles, fillingRotateList: wordCloudShapeConfig.fillingRotateAngles, fillingFontFamily: (_e = (_d = wordCloudShapeConfig.fillingFontFamilyField) !== null && _d !== void 0 ? _d : fillingWordStyleSpec.fontFamily) !== null && _e !== void 0 ? _e : this._defaultFontFamily, fillingPadding: (_g = (_f = this._spec.fillingWord) === null || _f === void 0 ? void 0 : _f.padding) !== null && _g !== void 0 ? _g : DEFAULT_FONT_PADDING, fillingFontStyle: (_h = wordCloudShapeConfig.fillingFontStyleField) !== null && _h !== void 0 ? _h : fillingWordStyleSpec.fontStyle, fillingFontWeight: (_j = wordCloudShapeConfig.fillingFontWeightField) !== null && _j !== void 0 ? _j : fillingWordStyleSpec.fontWeight });
         }
         getStatisticFields() {
             const fields = [];
@@ -83462,6 +83513,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                         targetField: this._spec.targetField,
                         valueField: this._spec.valueField,
                         direction: this.direction,
+                        crossNodeAlign: this._spec.crossNodeAlign,
                         nodeAlign: (_a = this._spec.nodeAlign) !== null && _a !== void 0 ? _a : 'justify',
                         nodeGap: (_b = this._spec.nodeGap) !== null && _b !== void 0 ? _b : 8,
                         nodeWidth: (_c = this._spec.nodeWidth) !== null && _c !== void 0 ? _c : 10,
@@ -84412,6 +84464,18 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         }
     }
 
+    class GaugePointerTooltipHelper extends BaseSeriesTooltipHelper {
+        updateTooltipSpec() {
+            var _a;
+            super.updateTooltipSpec();
+            if (isNil$1((_a = this.spec) === null || _a === void 0 ? void 0 : _a.dimension)) {
+                this.spec = Object.assign(Object.assign({}, this.spec), { dimension: {
+                        visible: false
+                    } });
+            }
+        }
+    }
+
     class GaugePointerSeries extends ProgressLikeSeries {
         constructor() {
             super(...arguments);
@@ -84482,7 +84546,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             }
         }
         initTooltip() {
-            super.initTooltip();
+            this._tooltipHelper = new GaugePointerTooltipHelper(this);
             this._pointerMark && this._tooltipHelper.activeTriggerSet.mark.add(this._pointerMark);
         }
         _getPointerAnchor(datum, markSpec) {
@@ -88307,7 +88371,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
 
     class SankeyChartSpecTransformer extends BaseChartSpecTransformer {
         _getDefaultSeriesSpec(spec) {
-            const series = Object.assign(Object.assign({}, super._getDefaultSeriesSpec(spec)), { categoryField: spec.categoryField, valueField: spec.valueField, sourceField: spec.sourceField, targetField: spec.targetField, direction: spec.direction, nodeAlign: spec.nodeAlign, nodeGap: spec.nodeGap, nodeWidth: spec.nodeWidth, linkWidth: spec.linkWidth, minStepWidth: spec.minStepWidth, minNodeHeight: spec.minNodeHeight, minLinkHeight: spec.minLinkHeight, dropIsolatedNode: spec.dropIsolatedNode, nodeHeight: spec.nodeHeight, linkHeight: spec.linkHeight, equalNodeHeight: spec.equalNodeHeight, linkOverlap: spec.linkOverlap, iterations: spec.iterations, nodeKey: spec.nodeKey, linkSortBy: spec.linkSortBy, nodeSortBy: spec.nodeSortBy, setNodeLayer: spec.setNodeLayer, node: spec.node, link: spec.link, label: spec.label, emphasis: spec.emphasis, inverse: spec.inverse });
+            const series = Object.assign(Object.assign({}, super._getDefaultSeriesSpec(spec)), { categoryField: spec.categoryField, valueField: spec.valueField, sourceField: spec.sourceField, targetField: spec.targetField, direction: spec.direction, nodeAlign: spec.nodeAlign, crossNodeAlign: spec.crossNodeAlign, nodeGap: spec.nodeGap, nodeWidth: spec.nodeWidth, linkWidth: spec.linkWidth, minStepWidth: spec.minStepWidth, minNodeHeight: spec.minNodeHeight, minLinkHeight: spec.minLinkHeight, dropIsolatedNode: spec.dropIsolatedNode, nodeHeight: spec.nodeHeight, linkHeight: spec.linkHeight, equalNodeHeight: spec.equalNodeHeight, linkOverlap: spec.linkOverlap, iterations: spec.iterations, nodeKey: spec.nodeKey, linkSortBy: spec.linkSortBy, nodeSortBy: spec.nodeSortBy, setNodeLayer: spec.setNodeLayer, node: spec.node, link: spec.link, label: spec.label, emphasis: spec.emphasis, inverse: spec.inverse });
             const seriesType = this.seriesType;
             if (seriesType) {
                 series.type = seriesType;
@@ -90187,9 +90251,8 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 this._cacheActualTooltip.content = (_d = (_c = pattern.updateContent) === null || _c === void 0 ? void 0 : _c.call(pattern, content, data, params)) !== null && _d !== void 0 ? _d : content;
             }
         }
-        shouldHandleTooltip(params, mouseEventData) {
+        shouldHandleTooltip(params, info) {
             var _a, _b;
-            const { tooltipInfo: info } = mouseEventData;
             if (isNil$1(info)) {
                 return false;
             }
@@ -90268,14 +90331,9 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             return targetDimensionInfo;
         }
         getMouseEventData(params) {
-            var _a;
             return {
                 tooltipInfo: this._getDimensionInfo(params),
-                ignore: [...((_a = this.component.getOption().getAllSeries()) !== null && _a !== void 0 ? _a : [])].some(model => {
-                    var _a;
-                    const ignoreTriggers = (_a = model.tooltipHelper) === null || _a === void 0 ? void 0 : _a.ignoreTriggerSet.dimension;
-                    return (params.model && (ignoreTriggers === null || ignoreTriggers === void 0 ? void 0 : ignoreTriggers.has(params.model))) || (params.mark && (ignoreTriggers === null || ignoreTriggers === void 0 ? void 0 : ignoreTriggers.has(params.mark)));
-                })
+                ignore: false
             };
         }
     }
@@ -90332,12 +90390,10 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         getMouseEventData(params) {
             var _a, _b;
             let info;
-            let ignore;
             if (((_a = params.model) === null || _a === void 0 ? void 0 : _a.modelType) === 'series') {
                 const series = params.model;
                 const helper = series.tooltipHelper;
                 const activeTriggers = helper === null || helper === void 0 ? void 0 : helper.activeTriggerSet.group;
-                const ignoreTriggers = helper === null || helper === void 0 ? void 0 : helper.ignoreTriggerSet.group;
                 if ((activeTriggers === null || activeTriggers === void 0 ? void 0 : activeTriggers.has(params.model)) || (activeTriggers === null || activeTriggers === void 0 ? void 0 : activeTriggers.has(params.mark))) {
                     const patternSpec = this.component.getSpec()[this.activeType];
                     const triggerMark = (patternSpec === null || patternSpec === void 0 ? void 0 : patternSpec.triggerMark) ? array(patternSpec.triggerMark) : [];
@@ -90349,13 +90405,10 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                         };
                     }
                 }
-                else if ((ignoreTriggers === null || ignoreTriggers === void 0 ? void 0 : ignoreTriggers.has(params.model)) || (ignoreTriggers === null || ignoreTriggers === void 0 ? void 0 : ignoreTriggers.has(params.mark))) {
-                    ignore = true;
-                }
             }
             return {
                 tooltipInfo: info,
-                ignore
+                ignore: false
             };
         }
         _getGroupDatum(params) {
@@ -90516,9 +90569,6 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                     if (ignoreMark && isMarkInfo(this._cacheInfo)) {
                         success.mark = this._showTooltipByMouseEvent('mark', mouseEventData, params, isClick, true);
                     }
-                    else if (ignoreDimension && isDimensionInfo(this._cacheInfo)) {
-                        success.dimension = this._showTooltipByMouseEvent('dimension', mouseEventData, params, isClick, true);
-                    }
                     else if (isValid$1(dimensionInfo)) {
                         success.dimension = this._showTooltipByMouseEvent('dimension', mouseEventData, params, isClick);
                     }
@@ -90530,10 +90580,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             this._showTooltipByMouseEvent = (activeType, mouseEventData, params, isClick, useCache) => {
                 var _a;
                 const processor = this.processor[activeType];
-                if (!processor.shouldHandleTooltip(params, {
-                    tooltipInfo: mouseEventData.tooltipInfo[activeType],
-                    ignore: mouseEventData.ignore[activeType]
-                })) {
+                if (!processor.shouldHandleTooltip(params, mouseEventData.tooltipInfo[activeType])) {
                     return false;
                 }
                 if (this._timer) {
@@ -96390,6 +96437,9 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                     });
                     if (component) {
                         component.setSkipBeforeLayouted(true);
+                        if (regionLabelInfo[0] && isValid$1(regionLabelInfo[0].labelSpec.zIndex)) {
+                            component.setZIndex(regionLabelInfo[0].labelSpec.zIndex);
+                        }
                         this._marks.addMark(component);
                         this._labelComponentMap.set(component, () => {
                             return this._labelInfoMap.get(region);
@@ -96404,6 +96454,9 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                             support3d: labelInfo.baseMark.getSupport3d()
                         });
                         if (component) {
+                            if (isValid$1(labelInfo.labelSpec.zIndex)) {
+                                component.setZIndex(labelInfo.labelSpec.zIndex);
+                            }
                             component.setSkipBeforeLayouted(true);
                             this._marks.addMark(component);
                             this._labelComponentMap.set(component, () => {