@visactor/vchart 1.13.8-alpha.5 → 1.13.8-alpha.8

package/build/index.es.js

@@ -44398,7 +44398,7 @@ var IOperateType;
 const DEFAULT_BRUSH_ATTRIBUTES = {
   trigger: "pointerdown",
   updateTrigger: "pointermove",
-  endTrigger: "pointerup",
+  endTrigger: ["pointerup", "pointerleave"],
   resetTrigger: "pointerupoutside",
   hasMask: !0,
   brushMode: "single",
@@ -44436,41 +44436,22 @@ let Brush$1 = class Brush extends AbstractComponent {
     super((null == options ? void 0 : options.skipDefault) ? attributes : merge$1({}, Brush.defaultAttributes, attributes)), this.name = "brush", this._activeDrawState = !1, this._cacheDrawPoints = [], this._isDrawedBeforeEnd = !1, this._isDownBeforeUpOutside = !1, this._activeMoveState = !1, this._operatingMaskMoveDx = 0, this._operatingMaskMoveDy = 0, this._operatingMaskMoveRangeX = [-1 / 0, 1 / 0], this._operatingMaskMoveRangeY = [-1 / 0, 1 / 0], this._brushMaskAABBBoundsDict = {}, this._onBrushStart = e => {
       var _a;
       if (this._outOfInteractiveRange(e)) return void (this._isDownBeforeUpOutside = !0);
-      e.stopPropagation();
+      this._isDownBeforeUpOutside = !1, e.stopPropagation();
       const brushMoved = null === (_a = this.attribute.brushMoved) || void 0 === _a || _a;
       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._onBrushingWithDelay = 0 === this.attribute.delayTime ? this._onBrushing : delayMap$1[this.attribute.delayType](this._onBrushing, this.attribute.delayTime), this._onBrushEnd = e => {
       var _a;
+      if (this._isDownBeforeUpOutside) return this._isEmptyMask() || (this._clearMask(), this._dispatchBrushEvent(IOperateType.brushClear, e)), void (this._isDownBeforeUpOutside = !1);
       if (!this._activeDrawState && !this._activeMoveState) return;
       e.preventDefault();
       const {
         removeOnClick = !0
       } = this.attribute;
-      this._activeDrawState && !this._isDrawedBeforeEnd && removeOnClick ? ((null === (_a = this._operatingMask) || void 0 === _a ? void 0 : _a._AABBBounds.empty()) && this._dispatchEvent(IOperateType.brushClear, {
-        operateMask: this._operatingMask,
-        operatedMaskAABBBounds: this._brushMaskAABBBoundsDict,
-        event: e
-      }), this._container.incrementalClearChild(), this._brushMaskAABBBoundsDict = {}) : (this._activeDrawState && this._dispatchEvent(IOperateType.drawEnd, {
-        operateMask: this._operatingMask,
-        operatedMaskAABBBounds: this._brushMaskAABBBoundsDict,
-        event: e
-      }), this._activeMoveState && this._dispatchEvent(IOperateType.moveEnd, {
-        operateMask: this._operatingMask,
-        operatedMaskAABBBounds: this._brushMaskAABBBoundsDict,
-        event: e
-      })), this._activeDrawState = !1, this._activeMoveState = !1, this._isDrawedBeforeEnd = !1, this._operatingMask && this._operatingMask.setAttribute("pickable", !1);
+      this._activeDrawState && !this._isDrawedBeforeEnd && removeOnClick ? (null === (_a = this._operatingMask) || void 0 === _a ? void 0 : _a._AABBBounds.empty()) ? this._isEmptyMask() || (this._clearMask(), this._dispatchBrushEvent(IOperateType.brushClear, e)) : (delete this._brushMaskAABBBoundsDict[this._operatingMask.name], this._container.setAttributes({}), this._container.removeChild(this._operatingMask), this._isEmptyMask() ? this._dispatchBrushEvent(IOperateType.drawEnd, e) : this._dispatchBrushEvent(IOperateType.brushClear, e)) : (this._activeDrawState && this._dispatchBrushEvent(IOperateType.drawEnd, e), this._activeMoveState && this._dispatchBrushEvent(IOperateType.moveEnd, e)), this._activeDrawState = !1, this._activeMoveState = !1, this._isDrawedBeforeEnd = !1, this._operatingMask && this._operatingMask.setAttribute("pickable", !1);
     }, this._onBrushClear = e => {
-      e.preventDefault();
-      const {
-        removeOnClick = !0
-      } = this.attribute;
-      this._isDownBeforeUpOutside && removeOnClick && (this._dispatchEvent(IOperateType.brushClear, {
-        operateMask: this._operatingMask,
-        operatedMaskAABBBounds: this._brushMaskAABBBoundsDict,
-        event: e
-      }), this._container.incrementalClearChild(), this._brushMaskAABBBoundsDict = {}), this._activeDrawState = !1, this._activeMoveState = !1, this._isDrawedBeforeEnd = !1, this._isDownBeforeUpOutside = !1, this._operatingMask && this._operatingMask.setAttribute("pickable", !1);
+      e.preventDefault(), this._isEmptyMask() || (this._clearMask(), this._dispatchBrushEvent(IOperateType.brushClear, e)), this._activeDrawState = !1, this._activeMoveState = !1, this._isDrawedBeforeEnd = !1, this._isDownBeforeUpOutside = !1;
     };
   }
   _bindBrushEvents() {
@@ -44481,35 +44462,14 @@ let Brush$1 = class Brush extends AbstractComponent {
       endTrigger = DEFAULT_BRUSH_ATTRIBUTES.endTrigger,
       resetTrigger = DEFAULT_BRUSH_ATTRIBUTES.resetTrigger
     } = this.attribute;
-    array(trigger).forEach(t => vglobal.addEventListener(t, this._onBrushStart)), array(updateTrigger).forEach(t => this.stage.addEventListener(t, this._onBrushingWithDelay)), array(endTrigger).forEach(t => this.stage.addEventListener(t, this._onBrushEnd)), array(resetTrigger).forEach(t => this.stage.addEventListener(t, this._onBrushClear));
-  }
-  _isPosInBrushMask(e) {
-    const pos = this.eventPosToStagePos(e),
-      brushMasks = this._container.getChildren();
-    for (let i = 0; i < brushMasks.length; i++) {
-      const {
-          points = [],
-          dx = 0,
-          dy = 0
-        } = brushMasks[i].attribute,
-        pointsConsiderOffset = points.map(point => ({
-          x: point.x + dx,
-          y: point.y + dy
-        }));
-      if (polygonContainPoint(pointsConsiderOffset, pos.x, pos.y)) return this._operatingMask = brushMasks[i], !0;
-    }
-    return !1;
+    array(trigger).forEach(t => this.stage.addEventListener(t, this._onBrushStart)), array(updateTrigger).forEach(t => this.stage.addEventListener(t, this._onBrushingWithDelay)), array(endTrigger).forEach(t => this.stage.addEventListener(t, this._onBrushEnd)), array(resetTrigger).forEach(t => this.stage.addEventListener(t, this._onBrushClear));
   }
   _initDraw(e) {
     const {
         brushMode: brushMode
       } = this.attribute,
       pos = this.eventPosToStagePos(e);
-    this._cacheDrawPoints = [pos], this._isDrawedBeforeEnd = !1, "single" === brushMode && (this._brushMaskAABBBoundsDict = {}, this._container.incrementalClearChild()), this._addBrushMask(), this._dispatchEvent(IOperateType.drawStart, {
-      operateMask: this._operatingMask,
-      operatedMaskAABBBounds: this._brushMaskAABBBoundsDict,
-      event: e
-    });
+    this._cacheDrawPoints = [pos], this._isDrawedBeforeEnd = !1, "single" === brushMode && this._clearMask(), this._addBrushMask(), this._dispatchBrushEvent(IOperateType.drawStart, e);
   }
   _initMove(e) {
     var _a, _b;
@@ -44533,11 +44493,7 @@ let Brush$1 = class Brush extends AbstractComponent {
       maxMoveStepX = maxX - x2,
       minMoveStepY = minY - y1,
       maxMoveStepY = maxY - y2;
-    this._operatingMaskMoveRangeX = [minMoveStepX, maxMoveStepX], this._operatingMaskMoveRangeY = [minMoveStepY, maxMoveStepY], this._operatingMask.setAttribute("pickable", !0), this._dispatchEvent(IOperateType.moveStart, {
-      operateMask: this._operatingMask,
-      operatedMaskAABBBounds: this._brushMaskAABBBoundsDict,
-      event: e
-    });
+    this._operatingMaskMoveRangeX = [minMoveStepX, maxMoveStepX], this._operatingMaskMoveRangeY = [minMoveStepY, maxMoveStepY], this._operatingMask.setAttribute("pickable", !0), this._dispatchBrushEvent(IOperateType.moveStart, e);
   }
   _drawing(e) {
     var _a, _b;
@@ -44560,11 +44516,7 @@ let Brush$1 = class Brush extends AbstractComponent {
       y1 = 0,
       y2 = 0
     } = null === (_b = this._operatingMask) || void 0 === _b ? void 0 : _b._AABBBounds;
-    this._isDrawedBeforeEnd = !this._operatingMask._AABBBounds.empty() && !!(Math.abs(x2 - x1) > sizeThreshold || Math.abs(y1 - y2) > sizeThreshold), this._isDrawedBeforeEnd && (this._brushMaskAABBBoundsDict[this._operatingMask.name] = this._operatingMask.AABBBounds, this._dispatchEvent(IOperateType.drawing, {
-      operateMask: this._operatingMask,
-      operatedMaskAABBBounds: this._brushMaskAABBBoundsDict,
-      event: e
-    }));
+    this._isDrawedBeforeEnd = !this._operatingMask._AABBBounds.empty() && !!(Math.abs(x2 - x1) > sizeThreshold || Math.abs(y1 - y2) > sizeThreshold), this._isDrawedBeforeEnd && (this._brushMaskAABBBoundsDict[this._operatingMask.name] = this._operatingMask.AABBBounds), this._dispatchBrushEvent(IOperateType.drawing, e);
   }
   _moving(e) {
     const startPos = this._cacheMovePoint,
@@ -44577,11 +44529,21 @@ let Brush$1 = class Brush extends AbstractComponent {
     this._operatingMask.setAttributes({
       dx: moveX,
       dy: moveY
-    }), this._brushMaskAABBBoundsDict[this._operatingMask.name] = this._operatingMask.AABBBounds, this._dispatchEvent(IOperateType.moving, {
-      operateMask: this._operatingMask,
-      operatedMaskAABBBounds: this._brushMaskAABBBoundsDict,
-      event: e
-    });
+    }), this._brushMaskAABBBoundsDict[this._operatingMask.name] = this._operatingMask.AABBBounds, this._dispatchBrushEvent(IOperateType.moving, e);
+  }
+  render() {
+    this.releaseBrushEvents(), this._bindBrushEvents();
+    const group = this.createOrUpdateChild("brush-container", {}, "group");
+    this._container = group;
+  }
+  releaseBrushEvents() {
+    const {
+      trigger = DEFAULT_BRUSH_ATTRIBUTES.trigger,
+      updateTrigger = DEFAULT_BRUSH_ATTRIBUTES.updateTrigger,
+      endTrigger = DEFAULT_BRUSH_ATTRIBUTES.endTrigger,
+      resetTrigger = DEFAULT_BRUSH_ATTRIBUTES.resetTrigger
+    } = this.attribute;
+    array(trigger).forEach(t => this.stage.removeEventListener(t, this._onBrushStart)), array(updateTrigger).forEach(t => this.stage.removeEventListener(t, this._onBrushingWithDelay)), array(endTrigger).forEach(t => this.stage.removeEventListener(t, this._onBrushEnd)), array(resetTrigger).forEach(t => this.stage.removeEventListener(t, this._onBrushClear));
   }
   _computeMaskPoints() {
     const {
@@ -44639,6 +44601,23 @@ let Brush$1 = class Brush extends AbstractComponent {
       }));
     brushMask.name = `brush-${Date.now()}`, this._operatingMask = brushMask, this._container.add(brushMask), this._brushMaskAABBBoundsDict[brushMask.name] = brushMask.AABBBounds;
   }
+  _isPosInBrushMask(e) {
+    const pos = this.eventPosToStagePos(e),
+      brushMasks = this._container.getChildren();
+    for (let i = 0; i < brushMasks.length; i++) {
+      const {
+          points = [],
+          dx = 0,
+          dy = 0
+        } = brushMasks[i].attribute,
+        pointsConsiderOffset = points.map(point => ({
+          x: point.x + dx,
+          y: point.y + dy
+        }));
+      if (polygonContainPoint(pointsConsiderOffset, pos.x, pos.y)) return this._operatingMask = brushMasks[i], !0;
+    }
+    return !1;
+  }
   _outOfInteractiveRange(e) {
     const {
         interactiveRange: interactiveRange
@@ -44655,21 +44634,18 @@ let Brush$1 = class Brush extends AbstractComponent {
   eventPosToStagePos(e) {
     return this.stage.eventPointTransform(e);
   }
-  render() {
-    this._bindBrushEvents();
-    const group = this.createOrUpdateChild("brush-container", {}, "group");
-    this._container = group;
+  _dispatchBrushEvent(operateType, e) {
+    this._dispatchEvent(operateType, {
+      operateMask: this._operatingMask,
+      operatedMaskAABBBounds: this._brushMaskAABBBoundsDict,
+      event: e
+    });
   }
-  releaseBrushEvents() {
-    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;
-    array(trigger).forEach(t => vglobal.removeEventListener(t, this._onBrushStart)), array(updateTrigger).forEach(t => this.stage.removeEventListener(t, this._onBrushingWithDelay)), array(endTrigger).forEach(t => this.stage.removeEventListener(t, this._onBrushEnd)), array(resetTrigger).forEach(t => this.stage.removeEventListener(t, this._onBrushClear));
+  _clearMask() {
+    this._brushMaskAABBBoundsDict = {}, this._container.incrementalClearChild(), this._operatingMask = null;
+  }
+  _isEmptyMask() {
+    return isEmpty(this._brushMaskAABBBoundsDict) || Object.keys(this._brushMaskAABBBoundsDict).every(key => this._brushMaskAABBBoundsDict[key].empty());
   }
 };
 Brush$1.defaultAttributes = DEFAULT_BRUSH_ATTRIBUTES;
@@ -63650,7 +63626,7 @@ const registerVChartCore = () => {
 };
 registerVChartCore();
 
-const version = "1.13.8-alpha.5";
+const version = "1.13.8-alpha.8";
 
 const addVChartProperty = (data, op) => {
     const context = op.beforeCall();

package/build/index.js

@@ -44404,7 +44404,7 @@
     const DEFAULT_BRUSH_ATTRIBUTES = {
       trigger: "pointerdown",
       updateTrigger: "pointermove",
-      endTrigger: "pointerup",
+      endTrigger: ["pointerup", "pointerleave"],
       resetTrigger: "pointerupoutside",
       hasMask: !0,
       brushMode: "single",
@@ -44442,41 +44442,22 @@
         super((null == options ? void 0 : options.skipDefault) ? attributes : merge$1({}, Brush.defaultAttributes, attributes)), this.name = "brush", this._activeDrawState = !1, this._cacheDrawPoints = [], this._isDrawedBeforeEnd = !1, this._isDownBeforeUpOutside = !1, this._activeMoveState = !1, this._operatingMaskMoveDx = 0, this._operatingMaskMoveDy = 0, this._operatingMaskMoveRangeX = [-1 / 0, 1 / 0], this._operatingMaskMoveRangeY = [-1 / 0, 1 / 0], this._brushMaskAABBBoundsDict = {}, this._onBrushStart = e => {
           var _a;
           if (this._outOfInteractiveRange(e)) return void (this._isDownBeforeUpOutside = !0);
-          e.stopPropagation();
+          this._isDownBeforeUpOutside = !1, e.stopPropagation();
           const brushMoved = null === (_a = this.attribute.brushMoved) || void 0 === _a || _a;
           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._onBrushingWithDelay = 0 === this.attribute.delayTime ? this._onBrushing : delayMap$1[this.attribute.delayType](this._onBrushing, this.attribute.delayTime), this._onBrushEnd = e => {
           var _a;
+          if (this._isDownBeforeUpOutside) return this._isEmptyMask() || (this._clearMask(), this._dispatchBrushEvent(IOperateType.brushClear, e)), void (this._isDownBeforeUpOutside = !1);
           if (!this._activeDrawState && !this._activeMoveState) return;
           e.preventDefault();
           const {
             removeOnClick = !0
           } = this.attribute;
-          this._activeDrawState && !this._isDrawedBeforeEnd && removeOnClick ? ((null === (_a = this._operatingMask) || void 0 === _a ? void 0 : _a._AABBBounds.empty()) && this._dispatchEvent(IOperateType.brushClear, {
-            operateMask: this._operatingMask,
-            operatedMaskAABBBounds: this._brushMaskAABBBoundsDict,
-            event: e
-          }), this._container.incrementalClearChild(), this._brushMaskAABBBoundsDict = {}) : (this._activeDrawState && this._dispatchEvent(IOperateType.drawEnd, {
-            operateMask: this._operatingMask,
-            operatedMaskAABBBounds: this._brushMaskAABBBoundsDict,
-            event: e
-          }), this._activeMoveState && this._dispatchEvent(IOperateType.moveEnd, {
-            operateMask: this._operatingMask,
-            operatedMaskAABBBounds: this._brushMaskAABBBoundsDict,
-            event: e
-          })), this._activeDrawState = !1, this._activeMoveState = !1, this._isDrawedBeforeEnd = !1, this._operatingMask && this._operatingMask.setAttribute("pickable", !1);
+          this._activeDrawState && !this._isDrawedBeforeEnd && removeOnClick ? (null === (_a = this._operatingMask) || void 0 === _a ? void 0 : _a._AABBBounds.empty()) ? this._isEmptyMask() || (this._clearMask(), this._dispatchBrushEvent(IOperateType.brushClear, e)) : (delete this._brushMaskAABBBoundsDict[this._operatingMask.name], this._container.setAttributes({}), this._container.removeChild(this._operatingMask), this._isEmptyMask() ? this._dispatchBrushEvent(IOperateType.drawEnd, e) : this._dispatchBrushEvent(IOperateType.brushClear, e)) : (this._activeDrawState && this._dispatchBrushEvent(IOperateType.drawEnd, e), this._activeMoveState && this._dispatchBrushEvent(IOperateType.moveEnd, e)), this._activeDrawState = !1, this._activeMoveState = !1, this._isDrawedBeforeEnd = !1, this._operatingMask && this._operatingMask.setAttribute("pickable", !1);
         }, this._onBrushClear = e => {
-          e.preventDefault();
-          const {
-            removeOnClick = !0
-          } = this.attribute;
-          this._isDownBeforeUpOutside && removeOnClick && (this._dispatchEvent(IOperateType.brushClear, {
-            operateMask: this._operatingMask,
-            operatedMaskAABBBounds: this._brushMaskAABBBoundsDict,
-            event: e
-          }), this._container.incrementalClearChild(), this._brushMaskAABBBoundsDict = {}), this._activeDrawState = !1, this._activeMoveState = !1, this._isDrawedBeforeEnd = !1, this._isDownBeforeUpOutside = !1, this._operatingMask && this._operatingMask.setAttribute("pickable", !1);
+          e.preventDefault(), this._isEmptyMask() || (this._clearMask(), this._dispatchBrushEvent(IOperateType.brushClear, e)), this._activeDrawState = !1, this._activeMoveState = !1, this._isDrawedBeforeEnd = !1, this._isDownBeforeUpOutside = !1;
         };
       }
       _bindBrushEvents() {
@@ -44487,35 +44468,14 @@
           endTrigger = DEFAULT_BRUSH_ATTRIBUTES.endTrigger,
           resetTrigger = DEFAULT_BRUSH_ATTRIBUTES.resetTrigger
         } = this.attribute;
-        array(trigger).forEach(t => vglobal.addEventListener(t, this._onBrushStart)), array(updateTrigger).forEach(t => this.stage.addEventListener(t, this._onBrushingWithDelay)), array(endTrigger).forEach(t => this.stage.addEventListener(t, this._onBrushEnd)), array(resetTrigger).forEach(t => this.stage.addEventListener(t, this._onBrushClear));
-      }
-      _isPosInBrushMask(e) {
-        const pos = this.eventPosToStagePos(e),
-          brushMasks = this._container.getChildren();
-        for (let i = 0; i < brushMasks.length; i++) {
-          const {
-              points = [],
-              dx = 0,
-              dy = 0
-            } = brushMasks[i].attribute,
-            pointsConsiderOffset = points.map(point => ({
-              x: point.x + dx,
-              y: point.y + dy
-            }));
-          if (polygonContainPoint(pointsConsiderOffset, pos.x, pos.y)) return this._operatingMask = brushMasks[i], !0;
-        }
-        return !1;
+        array(trigger).forEach(t => this.stage.addEventListener(t, this._onBrushStart)), array(updateTrigger).forEach(t => this.stage.addEventListener(t, this._onBrushingWithDelay)), array(endTrigger).forEach(t => this.stage.addEventListener(t, this._onBrushEnd)), array(resetTrigger).forEach(t => this.stage.addEventListener(t, this._onBrushClear));
       }
       _initDraw(e) {
         const {
             brushMode: brushMode
           } = this.attribute,
           pos = this.eventPosToStagePos(e);
-        this._cacheDrawPoints = [pos], this._isDrawedBeforeEnd = !1, "single" === brushMode && (this._brushMaskAABBBoundsDict = {}, this._container.incrementalClearChild()), this._addBrushMask(), this._dispatchEvent(IOperateType.drawStart, {
-          operateMask: this._operatingMask,
-          operatedMaskAABBBounds: this._brushMaskAABBBoundsDict,
-          event: e
-        });
+        this._cacheDrawPoints = [pos], this._isDrawedBeforeEnd = !1, "single" === brushMode && this._clearMask(), this._addBrushMask(), this._dispatchBrushEvent(IOperateType.drawStart, e);
       }
       _initMove(e) {
         var _a, _b;
@@ -44539,11 +44499,7 @@
           maxMoveStepX = maxX - x2,
           minMoveStepY = minY - y1,
           maxMoveStepY = maxY - y2;
-        this._operatingMaskMoveRangeX = [minMoveStepX, maxMoveStepX], this._operatingMaskMoveRangeY = [minMoveStepY, maxMoveStepY], this._operatingMask.setAttribute("pickable", !0), this._dispatchEvent(IOperateType.moveStart, {
-          operateMask: this._operatingMask,
-          operatedMaskAABBBounds: this._brushMaskAABBBoundsDict,
-          event: e
-        });
+        this._operatingMaskMoveRangeX = [minMoveStepX, maxMoveStepX], this._operatingMaskMoveRangeY = [minMoveStepY, maxMoveStepY], this._operatingMask.setAttribute("pickable", !0), this._dispatchBrushEvent(IOperateType.moveStart, e);
       }
       _drawing(e) {
         var _a, _b;
@@ -44566,11 +44522,7 @@
           y1 = 0,
           y2 = 0
         } = null === (_b = this._operatingMask) || void 0 === _b ? void 0 : _b._AABBBounds;
-        this._isDrawedBeforeEnd = !this._operatingMask._AABBBounds.empty() && !!(Math.abs(x2 - x1) > sizeThreshold || Math.abs(y1 - y2) > sizeThreshold), this._isDrawedBeforeEnd && (this._brushMaskAABBBoundsDict[this._operatingMask.name] = this._operatingMask.AABBBounds, this._dispatchEvent(IOperateType.drawing, {
-          operateMask: this._operatingMask,
-          operatedMaskAABBBounds: this._brushMaskAABBBoundsDict,
-          event: e
-        }));
+        this._isDrawedBeforeEnd = !this._operatingMask._AABBBounds.empty() && !!(Math.abs(x2 - x1) > sizeThreshold || Math.abs(y1 - y2) > sizeThreshold), this._isDrawedBeforeEnd && (this._brushMaskAABBBoundsDict[this._operatingMask.name] = this._operatingMask.AABBBounds), this._dispatchBrushEvent(IOperateType.drawing, e);
       }
       _moving(e) {
         const startPos = this._cacheMovePoint,
@@ -44583,11 +44535,21 @@
         this._operatingMask.setAttributes({
           dx: moveX,
           dy: moveY
-        }), this._brushMaskAABBBoundsDict[this._operatingMask.name] = this._operatingMask.AABBBounds, this._dispatchEvent(IOperateType.moving, {
-          operateMask: this._operatingMask,
-          operatedMaskAABBBounds: this._brushMaskAABBBoundsDict,
-          event: e
-        });
+        }), this._brushMaskAABBBoundsDict[this._operatingMask.name] = this._operatingMask.AABBBounds, this._dispatchBrushEvent(IOperateType.moving, e);
+      }
+      render() {
+        this.releaseBrushEvents(), this._bindBrushEvents();
+        const group = this.createOrUpdateChild("brush-container", {}, "group");
+        this._container = group;
+      }
+      releaseBrushEvents() {
+        const {
+          trigger = DEFAULT_BRUSH_ATTRIBUTES.trigger,
+          updateTrigger = DEFAULT_BRUSH_ATTRIBUTES.updateTrigger,
+          endTrigger = DEFAULT_BRUSH_ATTRIBUTES.endTrigger,
+          resetTrigger = DEFAULT_BRUSH_ATTRIBUTES.resetTrigger
+        } = this.attribute;
+        array(trigger).forEach(t => this.stage.removeEventListener(t, this._onBrushStart)), array(updateTrigger).forEach(t => this.stage.removeEventListener(t, this._onBrushingWithDelay)), array(endTrigger).forEach(t => this.stage.removeEventListener(t, this._onBrushEnd)), array(resetTrigger).forEach(t => this.stage.removeEventListener(t, this._onBrushClear));
       }
       _computeMaskPoints() {
         const {
@@ -44645,6 +44607,23 @@
           }));
         brushMask.name = `brush-${Date.now()}`, this._operatingMask = brushMask, this._container.add(brushMask), this._brushMaskAABBBoundsDict[brushMask.name] = brushMask.AABBBounds;
       }
+      _isPosInBrushMask(e) {
+        const pos = this.eventPosToStagePos(e),
+          brushMasks = this._container.getChildren();
+        for (let i = 0; i < brushMasks.length; i++) {
+          const {
+              points = [],
+              dx = 0,
+              dy = 0
+            } = brushMasks[i].attribute,
+            pointsConsiderOffset = points.map(point => ({
+              x: point.x + dx,
+              y: point.y + dy
+            }));
+          if (polygonContainPoint(pointsConsiderOffset, pos.x, pos.y)) return this._operatingMask = brushMasks[i], !0;
+        }
+        return !1;
+      }
       _outOfInteractiveRange(e) {
         const {
             interactiveRange: interactiveRange
@@ -44661,21 +44640,18 @@
       eventPosToStagePos(e) {
         return this.stage.eventPointTransform(e);
       }
-      render() {
-        this._bindBrushEvents();
-        const group = this.createOrUpdateChild("brush-container", {}, "group");
-        this._container = group;
+      _dispatchBrushEvent(operateType, e) {
+        this._dispatchEvent(operateType, {
+          operateMask: this._operatingMask,
+          operatedMaskAABBBounds: this._brushMaskAABBBoundsDict,
+          event: e
+        });
       }
-      releaseBrushEvents() {
-        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;
-        array(trigger).forEach(t => vglobal.removeEventListener(t, this._onBrushStart)), array(updateTrigger).forEach(t => this.stage.removeEventListener(t, this._onBrushingWithDelay)), array(endTrigger).forEach(t => this.stage.removeEventListener(t, this._onBrushEnd)), array(resetTrigger).forEach(t => this.stage.removeEventListener(t, this._onBrushClear));
+      _clearMask() {
+        this._brushMaskAABBBoundsDict = {}, this._container.incrementalClearChild(), this._operatingMask = null;
+      }
+      _isEmptyMask() {
+        return isEmpty(this._brushMaskAABBBoundsDict) || Object.keys(this._brushMaskAABBBoundsDict).every(key => this._brushMaskAABBBoundsDict[key].empty());
       }
     };
     Brush$1.defaultAttributes = DEFAULT_BRUSH_ATTRIBUTES;
@@ -63656,7 +63632,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
     };
     registerVChartCore();
 
-    const version = "1.13.8-alpha.5";
+    const version = "1.13.8-alpha.8";
 
     const addVChartProperty = (data, op) => {
         const context = op.beforeCall();