@visactor/vchart 1.11.14 → 1.11.15-alpha.1

package/build/index.js

@@ -31600,10 +31600,10 @@
           if (visible && isBoolean$1(bgVisible)) {
             const bgRect = this.createOrUpdateChild("tag-panel", Object.assign(Object.assign({}, backgroundStyle), {
               visible: bgVisible && !!text,
-              x: textShape.AABBBounds.x1,
-              y: textShape.AABBBounds.y1,
-              width: textShape.AABBBounds.width(),
-              height: textShape.AABBBounds.height()
+              x: textShape.AABBBounds.x1 - parsedPadding[1],
+              y: textShape.AABBBounds.y1 - parsedPadding[0],
+              width: textShape.AABBBounds.width() + (parsedPadding[1] + parsedPadding[3]),
+              height: textShape.AABBBounds.height() + (parsedPadding[0] + parsedPadding[2])
             }), "rect");
             if (isEmpty(null == state ? void 0 : state.panel) || (bgRect.states = state.panel), backgroundStyle.customShape) {
               const customShape = backgroundStyle.customShape;
@@ -57908,6 +57908,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;
@@ -57962,6 +57973,15 @@ 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);
+                    });
+                }
+            }
+        }
     }
 
     class CompilableBase {
@@ -62108,6 +62128,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;
@@ -63580,6 +63606,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();
+    }
 
     function limitTagInBounds(shape, bounds) {
         const { x1: regionMinX, y1: regionMinY, x2: regionMaxX, y2: regionMaxY } = bounds;
@@ -66855,7 +66884,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         registerComponentPlugin(CanvasTooltipHandler);
     };
 
-    const version = "1.11.14";
+    const version = "1.11.15-alpha.1";
 
     const addVChartProperty = (data, op) => {
         const context = op.beforeCall();
@@ -70069,13 +70098,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,
@@ -70445,16 +70480,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,
@@ -71368,10 +71409,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,
@@ -72803,6 +72848,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);
         }
@@ -78257,7 +78309,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             this._angleScale = s;
             return s;
         }
-        get angleAxisHelper() {
+        getAngleAxisHelper() {
             return this._angleAxisHelper;
         }
         set angleAxisHelper(h) {
@@ -79377,10 +79429,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,
@@ -79470,12 +79526,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,
@@ -87986,6 +88046,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             this._initLabelMarkStyle();
         }
         _initNodeMarkStyle() {
+            var _a, _b;
             const nodeMark = this._nodeMark;
             if (!nodeMark) {
                 return;
@@ -87996,12 +88057,14 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 },
                 x1: (datum) => datum.x1,
                 y: (datum) => datum.y0,
-                y1: (datum) => datum.y1,
-                fill: this._fillByNode
+                y1: (datum) => datum.y1
             }, STATE_VALUE_ENUM.STATE_NORMAL, exports.AttributeLevel.Mark);
+            this.setMarkStyle(nodeMark, {
+                fill: (_b = (_a = this._spec.node.style) === null || _a === void 0 ? void 0 : _a.fill) !== null && _b !== void 0 ? _b : this._fillByNode
+            }, 'normal', exports.AttributeLevel.User_Mark);
         }
         _initLinkMarkStyle() {
-            var _a;
+            var _a, _b, _c;
             const linkMark = this._linkMark;
             if (!linkMark) {
                 return;
@@ -88012,9 +88075,11 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 y0: (datum) => datum.y0,
                 y1: (datum) => datum.y1,
                 thickness: (datum) => datum.thickness,
-                fill: this._fillByLink,
                 direction: (_a = this._spec.direction) !== null && _a !== void 0 ? _a : 'horizontal'
             }, STATE_VALUE_ENUM.STATE_NORMAL, exports.AttributeLevel.Series);
+            this.setMarkStyle(linkMark, {
+                fill: (_c = (_b = this._spec.link.style) === null || _b === void 0 ? void 0 : _b.fill) !== null && _c !== void 0 ? _c : this._fillByLink
+            }, 'normal', exports.AttributeLevel.User_Mark);
         }
         _initLabelMarkStyle() {
             if (!this._labelMark) {