@visactor/vchart 1.9.6 → 1.9.7

package/build/index.js

@@ -32372,9 +32372,9 @@
           this._prePos = "horizontal" === direction ? e.clientX : e.clientY, this._dispatchEvent("scrollDown", {
             pos: this._prePos,
             event: e
-          }), "browser" === vglobal.env ? (vglobal.addEventListener("pointermove", this._onSliderPointerMove, {
+          }), "browser" === vglobal.env ? (vglobal.addEventListener("pointermove", this._onSliderPointerMoveWithDelay, {
             capture: !0
-          }), vglobal.addEventListener("pointerup", this._onSliderPointerUp)) : (this.stage.addEventListener("pointermove", this._onSliderPointerMove, {
+          }), vglobal.addEventListener("pointerup", this._onSliderPointerUp)) : (this.stage.addEventListener("pointermove", this._onSliderPointerMoveWithDelay, {
             capture: !0
           }), this.stage.addEventListener("pointerup", this._onSliderPointerUp), this.stage.addEventListener("pointerupoutside", this._onSliderPointerUp));
         }, this._computeScrollValue = e => {
@@ -32389,12 +32389,12 @@
             height: height
           } = this._getSliderRenderBounds();
           return "vertical" === direction ? (currentPos = e.clientY, delta = currentPos - this._prePos, currentScrollValue = delta / height) : (currentPos = e.clientX, delta = currentPos - this._prePos, currentScrollValue = delta / width), [currentPos, currentScrollValue];
-        }, this._onSliderPointerMove = delayMap$3[this.attribute.delayType](e => {
+        }, this._onSliderPointerMove = e => {
           e.stopPropagation();
           const preScrollRange = this.getScrollRange(),
             [currentPos, currentScrollValue] = this._computeScrollValue(e);
           this.setScrollRange([preScrollRange[0] + currentScrollValue, preScrollRange[1] + currentScrollValue], !0), this._prePos = currentPos;
-        }, this.attribute.delayTime), this._onSliderPointerUp = e => {
+        }, this._onSliderPointerMoveWithDelay = 0 === this.attribute.delayTime ? this._onSliderPointerMove : delayMap$3[this.attribute.delayType](this._onSliderPointerMove, this.attribute.delayTime), this._onSliderPointerUp = e => {
           e.preventDefault();
           const {
               realTime = !0,
@@ -32410,9 +32410,9 @@
           }), this._dispatchEvent("scrollUp", {
             pre: preRange,
             value: clampRange$1(range, limitRange[0], limitRange[1])
-          }), "browser" === vglobal.env ? (vglobal.removeEventListener("pointermove", this._onSliderPointerMove, {
+          }), "browser" === vglobal.env ? (vglobal.removeEventListener("pointermove", this._onSliderPointerMoveWithDelay, {
             capture: !0
-          }), vglobal.removeEventListener("pointerup", this._onSliderPointerUp)) : (this.stage.removeEventListener("pointermove", this._onSliderPointerMove, {
+          }), vglobal.removeEventListener("pointerup", this._onSliderPointerUp)) : (this.stage.removeEventListener("pointermove", this._onSliderPointerMoveWithDelay, {
             capture: !0
           }), this.stage.removeEventListener("pointerup", this._onSliderPointerUp), this.stage.removeEventListener("pointerupoutside", this._onSliderPointerUp));
         };
@@ -42155,7 +42155,7 @@
           this._activeMoveState = brushMoved && this._isPosInBrushMask(e), this._activeDrawState = !this._activeMoveState, this._activeDrawState && this._initDraw(e), this._activeMoveState && this._initMove(e);
         }, this._onBrushing = e => {
           this._outOfInteractiveRange(e) || ((this._activeDrawState || this._activeMoveState) && e.stopPropagation(), this._activeDrawState && this._drawing(e), this._activeMoveState && this._moving(e));
-        }, this._onBrushEnd = e => {
+        }, this._onBrushingWithDelay = 0 === this.attribute.delayTime ? this._onBrushing : delayMap$1[this.attribute.delayType](this._onBrushing, this.attribute.delayTime), this._onBrushEnd = e => {
           e.preventDefault();
           const {
             removeOnClick = !0
@@ -42178,14 +42178,12 @@
       _bindBrushEvents() {
         if (this.attribute.disableTriggerEvent) return;
         const {
-          delayType = "throttle",
-          delayTime = 0,
           trigger = DEFAULT_BRUSH_ATTRIBUTES.trigger,
           updateTrigger = DEFAULT_BRUSH_ATTRIBUTES.updateTrigger,
           endTrigger = DEFAULT_BRUSH_ATTRIBUTES.endTrigger,
           resetTrigger = DEFAULT_BRUSH_ATTRIBUTES.resetTrigger
         } = this.attribute;
-        this.stage.addEventListener(trigger, this._onBrushStart), this.stage.addEventListener(updateTrigger, delayMap$1[delayType](this._onBrushing, delayTime)), this.stage.addEventListener(endTrigger, this._onBrushEnd), this.stage.addEventListener(resetTrigger, this._onBrushEnd);
+        this.stage.addEventListener(trigger, this._onBrushStart), this.stage.addEventListener(updateTrigger, this._onBrushingWithDelay), this.stage.addEventListener(endTrigger, this._onBrushEnd), this.stage.addEventListener(resetTrigger, this._onBrushEnd);
       }
       _isPosInBrushMask(e) {
         const pos = this.eventPosToStagePos(e),
@@ -42380,7 +42378,7 @@
           endTrigger = DEFAULT_BRUSH_ATTRIBUTES.endTrigger,
           resetTrigger = DEFAULT_BRUSH_ATTRIBUTES.resetTrigger
         } = this.attribute;
-        this.stage.removeEventListener(trigger, this._onBrushStart), this.stage.removeEventListener(updateTrigger, delayMap$1[delayType](this._onBrushing, delayTime)), this.stage.removeEventListener(endTrigger, this._onBrushEnd), this.stage.removeEventListener(resetTrigger, this._onBrushEnd);
+        this.stage.removeEventListener(trigger, this._onBrushStart), this.stage.removeEventListener(updateTrigger, this._onBrushingWithDelay), this.stage.removeEventListener(endTrigger, this._onBrushEnd), this.stage.removeEventListener(resetTrigger, this._onBrushEnd);
       }
     };
     Brush$1.defaultAttributes = DEFAULT_BRUSH_ATTRIBUTES;
@@ -44261,9 +44259,14 @@
         }), this._fromAttribute = from, this._toAttribute = to;
       }
       onEnd() {
-        this.target.setAttributes(this._toAttribute, !1, {
-          type: AttributeUpdateType.ANIMATE_END
-        });
+        if (this._toAttribute) {
+          const out = {};
+          Object.keys(this._toAttribute).forEach(key => {
+            this.subAnimate.animate.validAttr(key) && (out[key] = this._toAttribute[key]);
+          }), this.target.setAttributes(out, !1, {
+            type: AttributeUpdateType.ANIMATE_END
+          });
+        }
       }
       update(end, ratio, out) {
         0 === this.updateCount && this.onFirstRun(), this.updateCount += 1;
@@ -47183,6 +47186,10 @@
         const stage = this.renderer.stage();
         stage && stage.on("*", this.delegateEvent);
       }
+      releaseStageEvent() {
+        const stage = this.renderer.stage();
+        stage && stage.off("*", this.delegateEvent);
+      }
       addEventListener(type, handler, options) {
         let callback = handler;
         return options && !1 === options.trap || (callback = handler, callback.raw = handler), options && options.target && (callback.target = options.target), this.on(type, callback), this;
@@ -47232,7 +47239,7 @@
       }
       release() {
         var _a, _b, _c;
-        this._unBindResizeEvent(), this.clearProgressive(), Factory$1.unregisterRuntimeTransforms(), this.animate.stop(), this.grammars.release(), this._cachedGrammars.release(), this._dataflow.release(), this._dataflow = null, null === (_b = null === (_a = this.renderer) || void 0 === _a ? void 0 : _a.release) || void 0 === _b || _b.call(_a), this.renderer = null, this._boundInteractions = null, this.removeAllListeners(), null === (_c = this._eventListeners) || void 0 === _c || _c.forEach(listener => {
+        this.releaseStageEvent(), this._unBindResizeEvent(), this.clearProgressive(), Factory$1.unregisterRuntimeTransforms(), this.animate.stop(), this.grammars.release(), this._cachedGrammars.release(), this._dataflow.release(), this._dataflow = null, null === (_b = null === (_a = this.renderer) || void 0 === _a ? void 0 : _a.release) || void 0 === _b || _b.call(_a), this.renderer = null, this._boundInteractions = null, this.removeAllListeners(), null === (_c = this._eventListeners) || void 0 === _c || _c.forEach(listener => {
           listener.source.removeEventListener(listener.type, listener.handler);
         }), this._eventListeners = null;
       }
@@ -53611,7 +53618,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             return this;
         }
         release() {
-            this._eventDispatcher.release();
+            this._eventDispatcher.clear();
             this._composedEventMap.clear();
         }
     };
@@ -53756,7 +53763,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             }
             return this;
         }
-        release() {
+        clear() {
             for (const entry of this._viewListeners.entries()) {
                 this._compiler.removeEventListener(exports.Event_Source_Type.chart, entry[0], entry[1]);
             }
@@ -53782,6 +53789,11 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             }
             this._canvasBubbles.clear();
         }
+        release() {
+            this.clear();
+            this.globalInstance = null;
+            this._compiler = null;
+        }
         _filter(filter, evt, params) {
             var _a, _b, _c;
             if (isFunction$1(filter.filter) && !filter.filter(params)) {
@@ -54228,6 +54240,10 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 [GrammarType.mark]: {}
             };
             this._compileChart = null;
+            this.handleStageRender = () => {
+                var _a, _b;
+                (_b = (_a = this._compileChart) === null || _a === void 0 ? void 0 : _a.getEvent()) === null || _b === void 0 ? void 0 : _b.emit(exports.ChartEvent.afterRender, { chart: this._compileChart });
+            };
             this._container = container;
             this._option = option;
         }
@@ -54264,10 +54280,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                     (_a = this._compileChart) === null || _a === void 0 ? void 0 : _a.onLayout(this._view);
                 }, logger: logger, logLevel: logger.level() }));
             this._setCanvasStyle();
-            this.getStage().hooks.afterRender.tap('chart-event', () => {
-                var _a, _b;
-                (_b = (_a = this._compileChart) === null || _a === void 0 ? void 0 : _a.getEvent()) === null || _b === void 0 ? void 0 : _b.emit(exports.ChartEvent.afterRender, { chart: this._compileChart });
-            });
+            this.getStage().hooks.afterRender.tap('chart-event', this.handleStageRender);
             const interactive = this._option.interactive;
             if (interactive !== false) {
                 this._viewListeners.forEach(listener => {
@@ -54491,6 +54504,10 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             }
         }
         releaseEvent() {
+            const stage = this.getStage();
+            if (stage) {
+                stage.hooks.afterRender.unTap('chart-event', this.handleStageRender);
+            }
             this._viewListeners.clear();
             this._windowListeners.clear();
             this._canvasListeners.clear();
@@ -54503,6 +54520,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             (_a = this._view) === null || _a === void 0 ? void 0 : _a.release();
             this._view = null;
             this.isInited = false;
+            this._compileChart = null;
         }
         releaseGrammar(removeGraphicItems = false) {
             var _a, _b;
@@ -55142,6 +55160,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         }
         release() {
             this._option = null;
+            this.getCompiler = null;
         }
     }
 
@@ -56137,7 +56156,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             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', exports.LayoutZIndex.Interaction);
-            if (this._spec.style) {
+            if (!isEmpty(this._spec.style)) {
                 this._backgroundMark = this._createMark({ type: "rect", name: 'regionBackground' });
                 if (clip) {
                     this._foregroundMark = this._createMark({ type: "rect", name: 'regionForeground' });
@@ -59534,6 +59553,8 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         registerGroupMark();
         View.useRegisters([registerFilterTransform, registerMapTransform]);
         registerVGrammarCommonAnimation();
+        registerElementHighlight();
+        registerElementSelect();
         registerTheme(darkTheme.name, darkTheme);
         Logger.getInstance(LoggerLevel.Error);
     };
@@ -59911,7 +59932,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         registerChartPlugin(MediaQuery);
     };
 
-    const version = "1.9.6";
+    const version = "1.9.7";
 
     const addVChartProperty = (data, op) => {
         const context = op.beforeCall();
@@ -82195,6 +82216,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                         skipTheme: true
                     });
                     gridMark.setZIndex((_f = (_d = (_c = (_b = this._spec.grid) === null || _b === void 0 ? void 0 : _b.style) === null || _c === void 0 ? void 0 : _c.zIndex) !== null && _d !== void 0 ? _d : (_e = this._spec.grid) === null || _e === void 0 ? void 0 : _e.zIndex) !== null && _f !== void 0 ? _f : exports.LayoutZIndex.Axis_Grid);
+                    gridMark.setInteractive(false);
                     this._marks.addMark(gridMark);
                     this._gridMark = gridMark;
                 }
@@ -88667,6 +88689,17 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         _getNeedClearVRenderComponents() {
             return [this._component];
         }
+        clear() {
+            if (this._component) {
+                const container = this.getContainer();
+                this._component.removeAllChild();
+                if (container) {
+                    container.removeChild(this._component);
+                }
+                this._component = null;
+            }
+            super.clear();
+        }
     }
     DataZoom.type = ComponentTypeEnum.dataZoom;
     DataZoom.transformerConstructor = DataZoomSpecTransformer;
@@ -91920,16 +91953,17 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             }
         }
         clear() {
-            var _a;
             if (this._brushComponents) {
-                (_a = this.getContainer()) === null || _a === void 0 ? void 0 : _a.removeChild(this._brushComponents);
+                const container = this.getContainer();
                 this._brushComponents.forEach(brush => {
                     brush.removeAllChild();
                     brush.releaseBrushEvents();
+                    if (container) {
+                        container.removeChild(brush);
+                    }
                 });
                 this._brushComponents = null;
             }
-            super.clear();
         }
     }
     Brush.type = ComponentTypeEnum.brush;
@@ -92060,6 +92094,21 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         }
         onRender(ctx) {
         }
+        afterCompile() {
+            this.getMarks().forEach(mark => {
+                const product = mark.getProduct();
+                if (product) {
+                    product.addEventListener(exports.VGRAMMAR_HOOK_EVENT.AFTER_ELEMENT_ENCODE, () => {
+                        if (this._isLayout === false) {
+                            const component = product.getGroupGraphicItem();
+                            if (component.listenerCount('*') === 0) {
+                                component.addEventListener('*', ((event, type) => this._delegateEvent(component, event, type)));
+                            }
+                        }
+                    });
+                }
+            });
+        }
         _getMarkAttributeContext() {
             return {
                 vchart: this._option.globalInstance,
@@ -95196,8 +95245,6 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         registerDomTooltipHandler,
         registerCanvasTooltipHandler,
         registerElementActive,
-        registerElementHighlight,
-        registerElementSelect,
         registerElementActiveByLegend,
         registerElementHighlightByLegend,
         registerElementHighlightByName,