@visactor/vchart 1.6.4 → 1.6.6

package/build/index.js

@@ -647,17 +647,17 @@
     function objectKeys(obj) {
       return Object.keys(obj);
     }
-    function isEqual$1(a, b) {
+    function isEqual$1(a, b, options) {
       if (a === b) return !0;
       if (typeof a != typeof b) return !1;
       if (null == a || null == b) return !1;
       if (Number.isNaN(a) && Number.isNaN(b)) return !0;
       if (objToString(a) !== objToString(b)) return !1;
-      if (isFunction$1(a)) return !1;
+      if (isFunction$1(a)) return !!(null == options ? void 0 : options.skipFunction);
       if ("object" != typeof a) return !1;
       if (isArray$1(a)) {
         if (a.length !== b.length) return !1;
-        for (let i = a.length - 1; i >= 0; i--) if (!isEqual$1(a[i], b[i])) return !1;
+        for (let i = a.length - 1; i >= 0; i--) if (!isEqual$1(a[i], b[i], options)) return !1;
         return !0;
       }
       if (!isPlainObject$1(a)) return !1;
@@ -668,7 +668,7 @@
       for (let i = ka.length - 1; i >= 0; i--) if (ka[i] != kb[i]) return !1;
       for (let i = ka.length - 1; i >= 0; i--) {
         const key = ka[i];
-        if (!isEqual$1(a[key], b[key])) return !1;
+        if (!isEqual$1(a[key], b[key], options)) return !1;
       }
       return !0;
     }
@@ -26460,6 +26460,13 @@
       getGraphicItem() {
         return this.graphicItem;
       }
+      removeGraphicItem() {
+        var _a, _b;
+        this.graphicItem && (null === (_b = null === (_a = this.graphicItem.animates) || void 0 === _a ? void 0 : _a.forEach) || void 0 === _b || _b.call(_a, animate => animate.stop())), this.graphicItem && (removeGraphicItem(this.graphicItem), this.graphicItem[BridgeElementKey] = null, this.graphicItem = null);
+      }
+      resetGraphicItem() {
+        this.graphicItem && (this.graphicItem = null);
+      }
       getBounds() {
         var _a;
         return null === (_a = this.graphicItem) || void 0 === _a ? void 0 : _a.AABBBounds;
@@ -26669,8 +26676,7 @@
         this.graphicItem && (removeGraphicItem(this.graphicItem), this.graphicItem = null);
       }
       release() {
-        var _a, _b;
-        this.graphicItem && (null === (_b = null === (_a = this.graphicItem.animates) || void 0 === _a ? void 0 : _a.forEach) || void 0 === _b || _b.call(_a, animate => animate.stop())), this.mark = null, this.data = null, this.graphicItem && (removeGraphicItem(this.graphicItem), this.graphicItem[BridgeElementKey] = null, this.graphicItem = null), this.items = null;
+        this.removeGraphicItem(), this.mark = null, this.data = null, this.items = null;
       }
       getItemAttribute(channel) {
         var _a, _b;
@@ -45723,7 +45729,9 @@
       }
       removeAllGraphicItems() {
         return this.traverseMarkTree(mark => {
-          mark.graphicItem && removeGraphicItem(mark.graphicItem), mark.graphicItem = null;
+          mark.graphicItem && (removeGraphicItem(mark.graphicItem), mark.elementMap.forEach(element => {
+            element.resetGraphicItem();
+          }), mark.graphicItem = null);
         }), this;
       }
       parseSpec(spec) {
@@ -51594,23 +51602,28 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
 
     class DimensionEvent {
         constructor(eventDispatcher, mode) {
-            var _a, _b;
             this._eventDispatcher = eventDispatcher;
             this._mode = mode;
-            this._chart = (_b = (_a = this._eventDispatcher.globalInstance).getChart) === null || _b === void 0 ? void 0 : _b.call(_a);
+        }
+        get chart() {
+            var _a, _b;
+            if (!this._chart) {
+                this._chart = (_b = (_a = this._eventDispatcher.globalInstance).getChart) === null || _b === void 0 ? void 0 : _b.call(_a);
+            }
+            return this._chart;
         }
         register(eType, handler) {
             var _a, _b;
-            ((_b = (_a = this._chart) === null || _a === void 0 ? void 0 : _a.getOption().onError) !== null && _b !== void 0 ? _b : error$1)('Method not implemented.');
+            ((_b = (_a = this.chart) === null || _a === void 0 ? void 0 : _a.getOption().onError) !== null && _b !== void 0 ? _b : error$1)('Method not implemented.');
         }
         unregister() {
             var _a, _b;
-            ((_b = (_a = this._chart) === null || _a === void 0 ? void 0 : _a.getOption().onError) !== null && _b !== void 0 ? _b : error$1)('Method not implemented.');
+            ((_b = (_a = this.chart) === null || _a === void 0 ? void 0 : _a.getOption().onError) !== null && _b !== void 0 ? _b : error$1)('Method not implemented.');
         }
         getTargetDimensionInfo(x, y) {
             var _a, _b;
-            const cartesianInfo = (_a = getCartesianDimensionInfo(this._chart, { x, y })) !== null && _a !== void 0 ? _a : [];
-            const polarInfo = (_b = getPolarDimensionInfo(this._chart, { x, y })) !== null && _b !== void 0 ? _b : [];
+            const cartesianInfo = (_a = getCartesianDimensionInfo(this.chart, { x, y })) !== null && _a !== void 0 ? _a : [];
+            const polarInfo = (_b = getPolarDimensionInfo(this.chart, { x, y })) !== null && _b !== void 0 ? _b : [];
             const result = [].concat(cartesianInfo, polarInfo);
             if (result.length === 0) {
                 return null;
@@ -51619,7 +51632,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         }
         dispatch(v, opt) {
             var _a;
-            const axis = (_a = this._chart) === null || _a === void 0 ? void 0 : _a.getAllComponents().filter(c => {
+            const axis = (_a = this.chart) === null || _a === void 0 ? void 0 : _a.getAllComponents().filter(c => {
                 if (c.specKey !== 'axes') {
                     return false;
                 }
@@ -52521,10 +52534,10 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             chart.afterCompile();
             this.updateDepend();
         }
-        clear(ctx) {
+        clear(ctx, removeGraphicItems = false) {
             const { chart } = ctx;
             chart.clear();
-            this.releaseGrammar();
+            this.releaseGrammar(removeGraphicItems);
         }
         renderAsync(morphConfig) {
             var _a;
@@ -52688,10 +52701,13 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             this.isInited = false;
             this.isReleased = true;
         }
-        releaseGrammar() {
-            var _a;
+        releaseGrammar(removeGraphicItems = false) {
+            var _a, _b;
             this._releaseModel();
-            (_a = this._view) === null || _a === void 0 ? void 0 : _a.removeAllGrammars();
+            if (removeGraphicItems) {
+                (_a = this._view) === null || _a === void 0 ? void 0 : _a.removeAllGraphicItems();
+            }
+            (_b = this._view) === null || _b === void 0 ? void 0 : _b.removeAllGrammars();
         }
         _releaseModel() {
             Object.keys(this._model).forEach(type => {
@@ -57274,13 +57290,13 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             return this;
         }
         _reCompile(updateResult) {
-            var _a, _b, _c, _d, _e;
+            var _a, _b, _c, _d, _e, _f, _g;
             if (updateResult.reMake) {
                 this._releaseData();
                 this._initDataSet();
                 this._chart.release();
                 this._chart = null;
-                (_a = this._compiler) === null || _a === void 0 ? void 0 : _a.releaseGrammar();
+                (_a = this._compiler) === null || _a === void 0 ? void 0 : _a.releaseGrammar(((_b = this._option) === null || _b === void 0 ? void 0 : _b.animation) === false || ((_c = this._spec) === null || _c === void 0 ? void 0 : _c.animation) === false);
                 this._userEvents.forEach(e => { var _a; return (_a = this._event) === null || _a === void 0 ? void 0 : _a.on(e.eType, e.query, e.handler); });
                 if (updateResult.reSize) {
                     this._doResize();
@@ -57288,13 +57304,13 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             }
             else {
                 if (updateResult.reCompile) {
-                    (_b = this._compiler) === null || _b === void 0 ? void 0 : _b.clear({ chart: this._chart, vChart: this });
-                    (_c = this._compiler) === null || _c === void 0 ? void 0 : _c.compile({ chart: this._chart, vChart: this }, {});
+                    (_d = this._compiler) === null || _d === void 0 ? void 0 : _d.clear({ chart: this._chart, vChart: this }, !this._option.animation || !this._spec.animation);
+                    (_e = this._compiler) === null || _e === void 0 ? void 0 : _e.compile({ chart: this._chart, vChart: this }, {});
                 }
                 if (updateResult.reSize) {
                     const { width, height } = this._getCurSize();
                     this._chart.onResize(width, height);
-                    (_e = (_d = this._compiler).resize) === null || _e === void 0 ? void 0 : _e.call(_d, width, height, false);
+                    (_g = (_f = this._compiler).resize) === null || _g === void 0 ? void 0 : _g.call(_f, width, height, false);
                 }
             }
         }
@@ -58076,7 +58092,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
     };
     registerVChartCore();
 
-    const version = "1.6.4";
+    const version = "1.6.6";
 
     class ChartData {
         get dataList() {
@@ -59638,7 +59654,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 hover: {
                     enable: true,
                     trigger: 'pointermove',
-                    triggerOff: ['pointermove', 'pointerleave']
+                    triggerOff: 'pointerleave'
                 },
                 select: {
                     enable: true,
@@ -59651,7 +59667,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 hover: {
                     enable: true,
                     trigger: ['pointerdown', 'pointermove'],
-                    triggerOff: ['pointermove', 'pointerleave']
+                    triggerOff: 'pointerleave'
                 },
                 select: {
                     enable: true,
@@ -59677,6 +59693,9 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 if (this.filterEventMark(params)) {
                     this.hoverItem(params);
                 }
+                else {
+                    this.unhoverItem();
+                }
             };
             this.onUnHover = (params) => {
                 if (this.filterEventMark(params) || this.interaction.filterEventMark(params, STATE_VALUE_ENUM.STATE_HOVER)) {