@visactor/vchart 2.0.23-alpha.3 → 2.0.23-alpha.5

package/build/index.es.js

@@ -61784,10 +61784,13 @@ class VChart {
         (_a = this._chart) === null || _a === void 0 ? void 0 : _a.setLayout(layout);
     }
     reLayout() {
-        var _a, _b, _c;
-        (_a = this._chart) === null || _a === void 0 ? void 0 : _a.resetLayoutItemTag();
-        (_b = this._chart) === null || _b === void 0 ? void 0 : _b.setLayoutTag(true, null, false);
-        (_c = this._compiler) === null || _c === void 0 ? void 0 : _c.render();
+        if (!this._chart || !this._compiler || this._isReleased) {
+            return;
+        }
+        this._chart.resetLayoutItemTag();
+        this._chart.setLayoutTag(true, null, false);
+        this._compiler.render();
+        this._chart.onEvaluateEnd();
     }
     getCompiler() {
         return this._compiler;
@@ -74004,6 +74007,10 @@ class ScatterSeries extends CartesianSeries {
         if (this._symbolMark.getProduct()) {
             this._symbolMark.compileEncode();
         }
+        if (this._isGeoCoordinateSeries()) {
+            this._updateSymbolGraphicPosition();
+            this._refreshLabelComponent(true, true);
+        }
     }
     initLabelMarkStyle(labelMark) {
         if (!labelMark) {
@@ -74023,45 +74030,99 @@ class ScatterSeries extends CartesianSeries {
             }, STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series);
         }
     }
-    handleZoom(e) {
-        var _a, _b, _c, _d;
-        this.getMarksWithoutRoot().forEach(mark => {
-            if (!mark) {
-                return;
-            }
-            const graphics = mark.getGraphics();
-            if (!graphics || !graphics.length) {
-                return;
+    _updateSymbolGraphicPosition() {
+        var _a;
+        const graphics = (_a = this._symbolMark) === null || _a === void 0 ? void 0 : _a.getGraphics();
+        if (!graphics || !graphics.length) {
+            return;
+        }
+        graphics.forEach((graphicItem) => {
+            var _a, _b;
+            const datum = (_b = (_a = graphicItem === null || graphicItem === void 0 ? void 0 : graphicItem.context) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b[0];
+            const newPosition = this.dataToPosition(datum);
+            if (newPosition && graphicItem) {
+                graphicItem.setAttributes({
+                    x: newPosition.x,
+                    y: newPosition.y
+                });
             }
-            graphics.forEach((graphicItem, i) => {
-                var _a, _b;
-                const datum = (_b = (_a = graphicItem === null || graphicItem === void 0 ? void 0 : graphicItem.context) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b[0];
-                const newPosition = this.dataToPosition(datum);
-                if (newPosition && graphicItem) {
-                    graphicItem.translateTo(newPosition.x, newPosition.y);
-                }
-            });
         });
-        const labelComponent = (_a = this._labelMark) === null || _a === void 0 ? void 0 : _a.getComponent();
-        if (labelComponent === null || labelComponent === void 0 ? void 0 : labelComponent.renderInner) {
-            labelComponent.renderInner();
-        }
-        const vgrammarLabel = (_b = labelComponent === null || labelComponent === void 0 ? void 0 : labelComponent.getComponent) === null || _b === void 0 ? void 0 : _b.call(labelComponent);
-        if (vgrammarLabel === null || vgrammarLabel === void 0 ? void 0 : vgrammarLabel.evaluate) {
-            vgrammarLabel.evaluate(null, null);
+    }
+    _ensureLabelGraphicPostMatrix() {
+        var _a, _b;
+        const labelGraphic = (_b = (_a = this._labelMark) === null || _a === void 0 ? void 0 : _a.getComponent()) === null || _b === void 0 ? void 0 : _b.getComponent();
+        if (labelGraphic && !labelGraphic.attribute.postMatrix) {
+            labelGraphic.setAttributes({
+                postMatrix: new Matrix()
+            });
         }
-        const labelGroup = (_c = labelComponent === null || labelComponent === void 0 ? void 0 : labelComponent.getProduct) === null || _c === void 0 ? void 0 : _c.call(labelComponent);
-        if (labelGroup && (e === null || e === void 0 ? void 0 : e.scale) && (e === null || e === void 0 ? void 0 : e.scaleCenter)) {
-            if (!((_d = labelGroup.attribute) === null || _d === void 0 ? void 0 : _d.postMatrix)) {
-                labelGroup.setAttributes({
+        return labelGraphic;
+    }
+    _isGeoCoordinateSeries() {
+        var _a, _b;
+        return ((_b = (_a = this.getXAxisHelper()) === null || _a === void 0 ? void 0 : _a.getAxisType) === null || _b === void 0 ? void 0 : _b.call(_a)) === ComponentTypeEnum.geoCoordinate;
+    }
+    _refreshLabelComponent(resetPostMatrix = false, disableAnimation = false) {
+        var _a, _b;
+        const vgrammarLabel = (_a = this._labelMark) === null || _a === void 0 ? void 0 : _a.getComponent();
+        const labelGraphic = (_b = vgrammarLabel === null || vgrammarLabel === void 0 ? void 0 : vgrammarLabel.getComponent) === null || _b === void 0 ? void 0 : _b.call(vgrammarLabel);
+        if (resetPostMatrix) {
+            if (labelGraphic === null || labelGraphic === void 0 ? void 0 : labelGraphic.attribute.postMatrix) {
+                labelGraphic.setAttributes({
                     postMatrix: new Matrix()
                 });
             }
-            labelGroup.scale(e.scale, e.scale, e.scaleCenter);
+        }
+        if (disableAnimation && (labelGraphic === null || labelGraphic === void 0 ? void 0 : labelGraphic.disableAnimation)) {
+            labelGraphic.disableAnimation();
+            if (!this._enableLabelAnimationHook) {
+                this._enableLabelAnimationHook = () => {
+                    var _a, _b, _c, _d;
+                    const currentLabelGraphic = (_c = (_b = (_a = this._labelMark) === null || _a === void 0 ? void 0 : _a.getComponent()) === null || _b === void 0 ? void 0 : _b.getComponent) === null || _c === void 0 ? void 0 : _c.call(_b);
+                    (_d = currentLabelGraphic === null || currentLabelGraphic === void 0 ? void 0 : currentLabelGraphic.enableAnimation) === null || _d === void 0 ? void 0 : _d.call(currentLabelGraphic);
+                    this.event.off(HOOK_EVENT.AFTER_MARK_RENDER_END, this._enableLabelAnimationHook);
+                    this._enableLabelAnimationHook = undefined;
+                };
+                this.event.on(HOOK_EVENT.AFTER_MARK_RENDER_END, this._enableLabelAnimationHook);
+            }
+        }
+        if (vgrammarLabel === null || vgrammarLabel === void 0 ? void 0 : vgrammarLabel.getProduct()) {
+            vgrammarLabel.renderInner();
+        }
+    }
+    handleZoom(e) {
+        const { scale, scaleCenter } = e;
+        if (scale === 1) {
+            return;
+        }
+        this._updateSymbolGraphicPosition();
+        const labelGraphic = this._ensureLabelGraphicPostMatrix();
+        if (labelGraphic) {
+            labelGraphic.scale(scale, scale, scaleCenter);
         }
     }
     handlePan(e) {
-        this.handleZoom(e);
+        const { delta } = e;
+        if ((delta === null || delta === void 0 ? void 0 : delta[0]) === 0 && (delta === null || delta === void 0 ? void 0 : delta[1]) === 0) {
+            return;
+        }
+        this._updateSymbolGraphicPosition();
+        const labelGraphic = this._ensureLabelGraphicPostMatrix();
+        if (labelGraphic) {
+            labelGraphic.translate(delta[0], delta[1]);
+        }
+    }
+    onLayoutEnd() {
+        var _a, _b;
+        super.onLayoutEnd();
+        this._updateSymbolGraphicPosition();
+        const labelGraphic = (_b = (_a = this._labelMark) === null || _a === void 0 ? void 0 : _a.getComponent()) === null || _b === void 0 ? void 0 : _b.getComponent();
+        if (labelGraphic === null || labelGraphic === void 0 ? void 0 : labelGraphic.attribute.postMatrix) {
+            labelGraphic.setAttributes({
+                postMatrix: new Matrix()
+            });
+        }
+        this._refreshLabelComponent();
     }
     getDefaultShapeType() {
         return 'circle';
@@ -75320,7 +75381,7 @@ class MapSeries extends GeoSeries {
         this._mapViewData = null;
     }
     handleZoom(e) {
-        var _a, _b, _c, _d;
+        var _a;
         const { scale, scaleCenter } = e;
         if (scale === 1) {
             return;
@@ -75334,26 +75395,13 @@ class MapSeries extends GeoSeries {
             }
             pathGroup.scale(scale, scale, scaleCenter);
         }
-        const labelComponent = (_a = this._labelMark) === null || _a === void 0 ? void 0 : _a.getComponent();
-        if (labelComponent === null || labelComponent === void 0 ? void 0 : labelComponent.renderInner) {
-            labelComponent.renderInner();
-        }
-        const vgrammarLabel = (_b = labelComponent === null || labelComponent === void 0 ? void 0 : labelComponent.getComponent) === null || _b === void 0 ? void 0 : _b.call(labelComponent);
-        if (vgrammarLabel === null || vgrammarLabel === void 0 ? void 0 : vgrammarLabel.evaluate) {
-            vgrammarLabel.evaluate(null, null);
-        }
-        const labelGroup = (_c = labelComponent === null || labelComponent === void 0 ? void 0 : labelComponent.getProduct) === null || _c === void 0 ? void 0 : _c.call(labelComponent);
-        if (labelGroup && scale && scaleCenter) {
-            if (!((_d = labelGroup.attribute) === null || _d === void 0 ? void 0 : _d.postMatrix)) {
-                labelGroup.setAttributes({
-                    postMatrix: new Matrix()
-                });
-            }
-            labelGroup.scale(scale, scale, scaleCenter);
+        const vgrammarLabel = (_a = this._labelMark) === null || _a === void 0 ? void 0 : _a.getComponent();
+        if (vgrammarLabel) {
+            vgrammarLabel.renderInner();
         }
     }
     handlePan(e) {
-        var _a, _b, _c, _d;
+        var _a;
         const { delta } = e;
         if (delta[0] === 0 && delta[1] === 0) {
             return;
@@ -75367,22 +75415,9 @@ class MapSeries extends GeoSeries {
             }
             pathGroup.translate(delta[0], delta[1]);
         }
-        const labelComponent = (_a = this._labelMark) === null || _a === void 0 ? void 0 : _a.getComponent();
-        if (labelComponent === null || labelComponent === void 0 ? void 0 : labelComponent.renderInner) {
-            labelComponent.renderInner();
-        }
-        const vgrammarLabel = (_b = labelComponent === null || labelComponent === void 0 ? void 0 : labelComponent.getComponent) === null || _b === void 0 ? void 0 : _b.call(labelComponent);
-        if (vgrammarLabel === null || vgrammarLabel === void 0 ? void 0 : vgrammarLabel.evaluate) {
-            vgrammarLabel.evaluate(null, null);
-        }
-        const labelGroup = (_c = labelComponent === null || labelComponent === void 0 ? void 0 : labelComponent.getProduct) === null || _c === void 0 ? void 0 : _c.call(labelComponent);
-        if (labelGroup && delta) {
-            if (!((_d = labelGroup.attribute) === null || _d === void 0 ? void 0 : _d.postMatrix)) {
-                labelGroup.setAttributes({
-                    postMatrix: new Matrix()
-                });
-            }
-            labelGroup.translate(delta[0], delta[1]);
+        const vgrammarLabel = (_a = this._labelMark) === null || _a === void 0 ? void 0 : _a.getComponent();
+        if (vgrammarLabel) {
+            vgrammarLabel.renderInner();
         }
     }
     getDatumCenter(datum) {
@@ -95603,7 +95638,6 @@ class BaseLegend extends BaseComponent {
     }
     clear() {
         super.clear();
-        this._legendComponent = null;
         this._cacheAttrs = null;
         this._preSelectedData = null;
     }

package/build/index.js

@@ -61790,10 +61790,13 @@
             (_a = this._chart) === null || _a === void 0 ? void 0 : _a.setLayout(layout);
         }
         reLayout() {
-            var _a, _b, _c;
-            (_a = this._chart) === null || _a === void 0 ? void 0 : _a.resetLayoutItemTag();
-            (_b = this._chart) === null || _b === void 0 ? void 0 : _b.setLayoutTag(true, null, false);
-            (_c = this._compiler) === null || _c === void 0 ? void 0 : _c.render();
+            if (!this._chart || !this._compiler || this._isReleased) {
+                return;
+            }
+            this._chart.resetLayoutItemTag();
+            this._chart.setLayoutTag(true, null, false);
+            this._compiler.render();
+            this._chart.onEvaluateEnd();
         }
         getCompiler() {
             return this._compiler;
@@ -74010,6 +74013,10 @@
             if (this._symbolMark.getProduct()) {
                 this._symbolMark.compileEncode();
             }
+            if (this._isGeoCoordinateSeries()) {
+                this._updateSymbolGraphicPosition();
+                this._refreshLabelComponent(true, true);
+            }
         }
         initLabelMarkStyle(labelMark) {
             if (!labelMark) {
@@ -74029,45 +74036,99 @@
                 }, exports.STATE_VALUE_ENUM.STATE_NORMAL, exports.AttributeLevel.Series);
             }
         }
-        handleZoom(e) {
-            var _a, _b, _c, _d;
-            this.getMarksWithoutRoot().forEach(mark => {
-                if (!mark) {
-                    return;
-                }
-                const graphics = mark.getGraphics();
-                if (!graphics || !graphics.length) {
-                    return;
+        _updateSymbolGraphicPosition() {
+            var _a;
+            const graphics = (_a = this._symbolMark) === null || _a === void 0 ? void 0 : _a.getGraphics();
+            if (!graphics || !graphics.length) {
+                return;
+            }
+            graphics.forEach((graphicItem) => {
+                var _a, _b;
+                const datum = (_b = (_a = graphicItem === null || graphicItem === void 0 ? void 0 : graphicItem.context) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b[0];
+                const newPosition = this.dataToPosition(datum);
+                if (newPosition && graphicItem) {
+                    graphicItem.setAttributes({
+                        x: newPosition.x,
+                        y: newPosition.y
+                    });
                 }
-                graphics.forEach((graphicItem, i) => {
-                    var _a, _b;
-                    const datum = (_b = (_a = graphicItem === null || graphicItem === void 0 ? void 0 : graphicItem.context) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b[0];
-                    const newPosition = this.dataToPosition(datum);
-                    if (newPosition && graphicItem) {
-                        graphicItem.translateTo(newPosition.x, newPosition.y);
-                    }
-                });
             });
-            const labelComponent = (_a = this._labelMark) === null || _a === void 0 ? void 0 : _a.getComponent();
-            if (labelComponent === null || labelComponent === void 0 ? void 0 : labelComponent.renderInner) {
-                labelComponent.renderInner();
-            }
-            const vgrammarLabel = (_b = labelComponent === null || labelComponent === void 0 ? void 0 : labelComponent.getComponent) === null || _b === void 0 ? void 0 : _b.call(labelComponent);
-            if (vgrammarLabel === null || vgrammarLabel === void 0 ? void 0 : vgrammarLabel.evaluate) {
-                vgrammarLabel.evaluate(null, null);
+        }
+        _ensureLabelGraphicPostMatrix() {
+            var _a, _b;
+            const labelGraphic = (_b = (_a = this._labelMark) === null || _a === void 0 ? void 0 : _a.getComponent()) === null || _b === void 0 ? void 0 : _b.getComponent();
+            if (labelGraphic && !labelGraphic.attribute.postMatrix) {
+                labelGraphic.setAttributes({
+                    postMatrix: new Matrix()
+                });
             }
-            const labelGroup = (_c = labelComponent === null || labelComponent === void 0 ? void 0 : labelComponent.getProduct) === null || _c === void 0 ? void 0 : _c.call(labelComponent);
-            if (labelGroup && (e === null || e === void 0 ? void 0 : e.scale) && (e === null || e === void 0 ? void 0 : e.scaleCenter)) {
-                if (!((_d = labelGroup.attribute) === null || _d === void 0 ? void 0 : _d.postMatrix)) {
-                    labelGroup.setAttributes({
+            return labelGraphic;
+        }
+        _isGeoCoordinateSeries() {
+            var _a, _b;
+            return ((_b = (_a = this.getXAxisHelper()) === null || _a === void 0 ? void 0 : _a.getAxisType) === null || _b === void 0 ? void 0 : _b.call(_a)) === ComponentTypeEnum.geoCoordinate;
+        }
+        _refreshLabelComponent(resetPostMatrix = false, disableAnimation = false) {
+            var _a, _b;
+            const vgrammarLabel = (_a = this._labelMark) === null || _a === void 0 ? void 0 : _a.getComponent();
+            const labelGraphic = (_b = vgrammarLabel === null || vgrammarLabel === void 0 ? void 0 : vgrammarLabel.getComponent) === null || _b === void 0 ? void 0 : _b.call(vgrammarLabel);
+            if (resetPostMatrix) {
+                if (labelGraphic === null || labelGraphic === void 0 ? void 0 : labelGraphic.attribute.postMatrix) {
+                    labelGraphic.setAttributes({
                         postMatrix: new Matrix()
                     });
                 }
-                labelGroup.scale(e.scale, e.scale, e.scaleCenter);
+            }
+            if (disableAnimation && (labelGraphic === null || labelGraphic === void 0 ? void 0 : labelGraphic.disableAnimation)) {
+                labelGraphic.disableAnimation();
+                if (!this._enableLabelAnimationHook) {
+                    this._enableLabelAnimationHook = () => {
+                        var _a, _b, _c, _d;
+                        const currentLabelGraphic = (_c = (_b = (_a = this._labelMark) === null || _a === void 0 ? void 0 : _a.getComponent()) === null || _b === void 0 ? void 0 : _b.getComponent) === null || _c === void 0 ? void 0 : _c.call(_b);
+                        (_d = currentLabelGraphic === null || currentLabelGraphic === void 0 ? void 0 : currentLabelGraphic.enableAnimation) === null || _d === void 0 ? void 0 : _d.call(currentLabelGraphic);
+                        this.event.off(HOOK_EVENT.AFTER_MARK_RENDER_END, this._enableLabelAnimationHook);
+                        this._enableLabelAnimationHook = undefined;
+                    };
+                    this.event.on(HOOK_EVENT.AFTER_MARK_RENDER_END, this._enableLabelAnimationHook);
+                }
+            }
+            if (vgrammarLabel === null || vgrammarLabel === void 0 ? void 0 : vgrammarLabel.getProduct()) {
+                vgrammarLabel.renderInner();
+            }
+        }
+        handleZoom(e) {
+            const { scale, scaleCenter } = e;
+            if (scale === 1) {
+                return;
+            }
+            this._updateSymbolGraphicPosition();
+            const labelGraphic = this._ensureLabelGraphicPostMatrix();
+            if (labelGraphic) {
+                labelGraphic.scale(scale, scale, scaleCenter);
             }
         }
         handlePan(e) {
-            this.handleZoom(e);
+            const { delta } = e;
+            if ((delta === null || delta === void 0 ? void 0 : delta[0]) === 0 && (delta === null || delta === void 0 ? void 0 : delta[1]) === 0) {
+                return;
+            }
+            this._updateSymbolGraphicPosition();
+            const labelGraphic = this._ensureLabelGraphicPostMatrix();
+            if (labelGraphic) {
+                labelGraphic.translate(delta[0], delta[1]);
+            }
+        }
+        onLayoutEnd() {
+            var _a, _b;
+            super.onLayoutEnd();
+            this._updateSymbolGraphicPosition();
+            const labelGraphic = (_b = (_a = this._labelMark) === null || _a === void 0 ? void 0 : _a.getComponent()) === null || _b === void 0 ? void 0 : _b.getComponent();
+            if (labelGraphic === null || labelGraphic === void 0 ? void 0 : labelGraphic.attribute.postMatrix) {
+                labelGraphic.setAttributes({
+                    postMatrix: new Matrix()
+                });
+            }
+            this._refreshLabelComponent();
         }
         getDefaultShapeType() {
             return 'circle';
@@ -75326,7 +75387,7 @@
             this._mapViewData = null;
         }
         handleZoom(e) {
-            var _a, _b, _c, _d;
+            var _a;
             const { scale, scaleCenter } = e;
             if (scale === 1) {
                 return;
@@ -75340,26 +75401,13 @@
                 }
                 pathGroup.scale(scale, scale, scaleCenter);
             }
-            const labelComponent = (_a = this._labelMark) === null || _a === void 0 ? void 0 : _a.getComponent();
-            if (labelComponent === null || labelComponent === void 0 ? void 0 : labelComponent.renderInner) {
-                labelComponent.renderInner();
-            }
-            const vgrammarLabel = (_b = labelComponent === null || labelComponent === void 0 ? void 0 : labelComponent.getComponent) === null || _b === void 0 ? void 0 : _b.call(labelComponent);
-            if (vgrammarLabel === null || vgrammarLabel === void 0 ? void 0 : vgrammarLabel.evaluate) {
-                vgrammarLabel.evaluate(null, null);
-            }
-            const labelGroup = (_c = labelComponent === null || labelComponent === void 0 ? void 0 : labelComponent.getProduct) === null || _c === void 0 ? void 0 : _c.call(labelComponent);
-            if (labelGroup && scale && scaleCenter) {
-                if (!((_d = labelGroup.attribute) === null || _d === void 0 ? void 0 : _d.postMatrix)) {
-                    labelGroup.setAttributes({
-                        postMatrix: new Matrix()
-                    });
-                }
-                labelGroup.scale(scale, scale, scaleCenter);
+            const vgrammarLabel = (_a = this._labelMark) === null || _a === void 0 ? void 0 : _a.getComponent();
+            if (vgrammarLabel) {
+                vgrammarLabel.renderInner();
             }
         }
         handlePan(e) {
-            var _a, _b, _c, _d;
+            var _a;
             const { delta } = e;
             if (delta[0] === 0 && delta[1] === 0) {
                 return;
@@ -75373,22 +75421,9 @@
                 }
                 pathGroup.translate(delta[0], delta[1]);
             }
-            const labelComponent = (_a = this._labelMark) === null || _a === void 0 ? void 0 : _a.getComponent();
-            if (labelComponent === null || labelComponent === void 0 ? void 0 : labelComponent.renderInner) {
-                labelComponent.renderInner();
-            }
-            const vgrammarLabel = (_b = labelComponent === null || labelComponent === void 0 ? void 0 : labelComponent.getComponent) === null || _b === void 0 ? void 0 : _b.call(labelComponent);
-            if (vgrammarLabel === null || vgrammarLabel === void 0 ? void 0 : vgrammarLabel.evaluate) {
-                vgrammarLabel.evaluate(null, null);
-            }
-            const labelGroup = (_c = labelComponent === null || labelComponent === void 0 ? void 0 : labelComponent.getProduct) === null || _c === void 0 ? void 0 : _c.call(labelComponent);
-            if (labelGroup && delta) {
-                if (!((_d = labelGroup.attribute) === null || _d === void 0 ? void 0 : _d.postMatrix)) {
-                    labelGroup.setAttributes({
-                        postMatrix: new Matrix()
-                    });
-                }
-                labelGroup.translate(delta[0], delta[1]);
+            const vgrammarLabel = (_a = this._labelMark) === null || _a === void 0 ? void 0 : _a.getComponent();
+            if (vgrammarLabel) {
+                vgrammarLabel.renderInner();
             }
         }
         getDatumCenter(datum) {
@@ -95609,7 +95644,6 @@
         }
         clear() {
             super.clear();
-            this._legendComponent = null;
             this._cacheAttrs = null;
             this._preSelectedData = null;
         }