@visactor/vrender-components 0.12.2 → 0.12.3-alpha.6

package/cjs/brush/brush.d.ts

@@ -1,7 +1,7 @@
-import { FederatedPointerEvent, IPolygon } from '@visactor/vrender';
-import { IBounds } from '@visactor/vutils';
+import type { FederatedPointerEvent, IPolygon } from '@visactor/vrender';
+import type { IBounds } from '@visactor/vutils';
 import { AbstractComponent } from '../core/base';
-import { BrushAttributes } from './type';
+import type { BrushAttributes } from './type';
 export declare class Brush extends AbstractComponent<Required<BrushAttributes>> {
     name: string;
     static defaultAttributes: {
@@ -27,6 +27,8 @@ export declare class Brush extends AbstractComponent<Required<BrushAttributes>>
     private _container;
     private _activeDrawState;
     private _cacheDrawPoints;
+    private _cacheStartTime;
+    private _activeClearState;
     private _activeMoveState;
     private _operatingMaskMoveDx;
     private _operatingMaskMoveDy;

package/cjs/brush/brush.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.Brush = void 0;
 
-const vrender_1 = require("@visactor/vrender"), vutils_1 = require("@visactor/vutils"), base_1 = require("../core/base"), config_1 = require("./config"), delayMap = {
+const vrender_1 = require("@visactor/vrender"), vutils_1 = require("@visactor/vutils"), base_1 = require("../core/base"), type_1 = require("./type"), config_1 = require("./config"), delayMap = {
     debounce: vutils_1.debounce,
     throttle: vutils_1.throttle
 };
@@ -12,10 +12,10 @@ const vrender_1 = require("@visactor/vrender"), vutils_1 = require("@visactor/vu
 class Brush extends base_1.AbstractComponent {
     constructor(attributes) {
         super((0, vutils_1.merge)({}, Brush.defaultAttributes, attributes)), this.name = "brush", 
-        this._activeDrawState = !1, this._cacheDrawPoints = [], 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 => {
+        this._activeDrawState = !1, this._cacheDrawPoints = [], this._activeClearState = !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, _b;
             if (this._outOfInteractiveRange(e)) return;
             const brushMoved = null === (_b = null === (_a = this.attribute) || void 0 === _a ? void 0 : _a.brushMoved) || void 0 === _b || _b;
@@ -24,8 +24,8 @@ class Brush extends base_1.AbstractComponent {
         }, this._onBrushing = e => {
             this._outOfInteractiveRange(e) || (this._activeDrawState && this._drawing(e), this._activeMoveState && this._moving(e));
         }, this._onBrushEnd = e => {
-            this._outOfInteractiveRange(e) || (this._updateDragMaskCallback && this._updateDragMaskCallback({
-                operateType: this._activeDrawState ? "brushEnd" : "brushMaskUp",
+            this._activeClearState || (this._updateDragMaskCallback && this._updateDragMaskCallback({
+                operateType: this._activeDrawState ? type_1.IOperateType.drawEnd : type_1.IOperateType.moveEnd,
                 operateMask: this._operatingMask,
                 operatedMaskAABBBounds: this._brushMaskAABBBoundsDict
             }), this._activeDrawState = !1, this._activeMoveState = !1, this._operatingMask.setAttribute("pickable", !1));
@@ -49,13 +49,19 @@ class Brush extends base_1.AbstractComponent {
         return !1;
     }
     _initDraw(e) {
-        const {brushMode: brushMode, removeOnClick: removeOnClick} = this.attribute, pos = this.eventPosToStagePos(e);
-        this._cacheDrawPoints = [ pos ], this._operatingMask || this._addBrushMask(), "single" === brushMode && removeOnClick ? (this._container.incrementalClearChild(), 
-        this._addBrushMask()) : "multiple" === brushMode && this._addBrushMask(), this._updateDragMaskCallback && this._updateDragMaskCallback({
-            operateType: "brushStart",
+        const {removeOnClick: removeOnClick} = this.attribute, pos = this.eventPosToStagePos(e);
+        this._cacheDrawPoints = [ pos ];
+        const nowTime = Date.now();
+        this._operatingMask || this._addBrushMask(), nowTime - this._cacheStartTime < 200 && removeOnClick ? (this._activeClearState = !0, 
+        this._container.incrementalClearChild(), this._updateDragMaskCallback && this._updateDragMaskCallback({
+            operateType: type_1.IOperateType.brushClear,
             operateMask: this._operatingMask,
             operatedMaskAABBBounds: this._brushMaskAABBBoundsDict
-        });
+        })) : (this._activeClearState = !1, this._addBrushMask(), this._updateDragMaskCallback && this._updateDragMaskCallback({
+            operateType: type_1.IOperateType.drawStart,
+            operateMask: this._operatingMask,
+            operatedMaskAABBBounds: this._brushMaskAABBBoundsDict
+        })), this._cacheStartTime = nowTime;
     }
     _initMove(e) {
         var _a, _b;
@@ -64,7 +70,7 @@ class Brush extends base_1.AbstractComponent {
         const {interactiveRange: interactiveRange} = this.attribute, {minY: minY = -1 / 0, maxY: maxY = 1 / 0, minX: minX = -1 / 0, maxX: maxX = 1 / 0} = interactiveRange, {x1: x1, x2: x2, y1: y1, y2: y2} = this._operatingMask.globalAABBBounds, minMoveStepX = minX - x1, maxMoveStepX = maxX - x2, minMoveStepY = minY - y1, maxMoveStepY = maxY - y2;
         this._operatingMaskMoveRangeX = [ minMoveStepX, maxMoveStepX ], this._operatingMaskMoveRangeY = [ minMoveStepY, maxMoveStepY ], 
         this._operatingMask.setAttribute("pickable", !0), this._updateDragMaskCallback && this._updateDragMaskCallback({
-            operateType: "brushMaskDown",
+            operateType: type_1.IOperateType.moveStart,
             operateMask: this._operatingMask,
             operatedMaskAABBBounds: this._brushMaskAABBBoundsDict
         });
@@ -79,7 +85,7 @@ class Brush extends base_1.AbstractComponent {
         const maskPoints = this._computeMaskPoints();
         this._operatingMask.setAttribute("points", maskPoints), this._brushMaskAABBBoundsDict[this._operatingMask.name] = this._operatingMask.AABBBounds, 
         this._updateDragMaskCallback && this._updateDragMaskCallback({
-            operateType: "brushing",
+            operateType: type_1.IOperateType.drawing,
             operateMask: this._operatingMask,
             operatedMaskAABBBounds: this._brushMaskAABBBoundsDict
         });
@@ -93,7 +99,7 @@ class Brush extends base_1.AbstractComponent {
             dy: moveY
         }), this._brushMaskAABBBoundsDict[this._operatingMask.name] = this._operatingMask.AABBBounds, 
         this._updateDragMaskCallback && this._updateDragMaskCallback({
-            operateType: "brushMaskMove",
+            operateType: type_1.IOperateType.moving,
             operateMask: this._operatingMask,
             operatedMaskAABBBounds: this._brushMaskAABBBoundsDict
         });

package/cjs/brush/brush.js.map

@@ -1 +1 @@
-{"version":3,"sources":["brush/brush.ts"],"names":[],"mappings":"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","file":"brush.js","sourcesContent":["/**\n * @description 框选组件\n */\nimport { FederatedPointerEvent, IGroup, IPolygon, global, createPolygon, Polygon, point } from '@visactor/vrender';\nimport {\n  cloneDeep,\n  debounce,\n  IBounds,\n  IPointLike,\n  isFunction,\n  merge,\n  polygonContainPoint,\n  throttle\n} from '@visactor/vutils';\nimport { AbstractComponent } from '../core/base';\nimport { BrushAttributes } from './type';\nimport { DEFAULT_BRUSH_ATTRIBUTES } from './config';\n\nconst delayMap = {\n  debounce: debounce,\n  throttle: throttle\n};\n\nexport class Brush extends AbstractComponent<Required<BrushAttributes>> {\n  name = 'brush';\n  static defaultAttributes = DEFAULT_BRUSH_ATTRIBUTES;\n\n  private _container!: IGroup;\n\n  // 绘制mask时的相关属性\n  private _activeDrawState = false; // 用于标记绘制状态\n  private _cacheDrawPoints: IPointLike[] = []; // 用于维护鼠标走过的路径，主要用于绘制mask的点\n\n  // 移动mask时的相关属性\n  private _activeMoveState = false; // 用于标记移动状态\n  private _operatingMaskMoveDx = 0; // 用于标记移动的位移量\n  private _operatingMaskMoveDy = 0;\n  private _operatingMaskMoveRangeX: [number, number] = [-Infinity, Infinity];\n  private _operatingMaskMoveRangeY: [number, number] = [-Infinity, Infinity];\n  private _cacheMovePoint!: IPointLike; // 用于维护鼠标所在位置，主要用于计算位移量\n\n  private _operatingMask!: IPolygon; // 用于标记正在绘制的mask 或 正在移动的mask\n\n  // 透出给上层的属性（主要是所有mask的AABBBounds，这里用的是dict存储方便添加和修改）\n  private _brushMaskAABBBoundsDict: { [name: string]: IBounds } = {};\n  private _updateDragMaskCallback!: (operateParams: {\n    operateType: string;\n    operateMask: IPolygon;\n    operatedMaskAABBBounds: { [name: string]: IBounds };\n  }) => void;\n\n  constructor(attributes: BrushAttributes) {\n    super(merge({}, Brush.defaultAttributes, attributes));\n  }\n\n  protected bindBrushEvents(): void {\n    const { delayType = 'throttle', delayTime = 0 } = this.attribute as BrushAttributes;\n    // 拖拽绘制开始\n    this.stage.addEventListener('pointerdown', this._onBrushStart as EventListener);\n    // 拖拽绘制时\n    this.stage.addEventListener('pointermove', delayMap[delayType](this._onBrushing, delayTime) as EventListener);\n    // 拖拽绘制结束\n    this.stage.addEventListener('pointerup', this._onBrushEnd as EventListener);\n    this.stage.addEventListener('pointerupoutside', this._onBrushEnd as EventListener);\n  }\n\n  private _isPosInBrushMask(e: FederatedPointerEvent) {\n    const pos = this.eventPosToStagePos(e);\n    const brushMasks = this._container.getChildren();\n    for (let i = 0; i < brushMasks.length; i++) {\n      const { points = [], dx = 0, dy = 0 } = (brushMasks[i] as IPolygon).attribute;\n      const pointsConsiderOffset: IPointLike[] = points.map((point: IPointLike) => {\n        return {\n          x: point.x + dx,\n          y: point.y + dy\n        };\n      });\n      if (polygonContainPoint(pointsConsiderOffset, pos.x, pos.y)) {\n        this._operatingMask = brushMasks[i] as IPolygon;\n        return true;\n      }\n    }\n    return false;\n  }\n\n  /**\n   * 开始绘制 或 移动\n   * @description\n   * 1. 判断状态: 如果在brushMask中，则属于移动状态; 否则属于绘制状态\n   *（移动状态和绘制状态互斥, 且移动状态考虑brushMoved配置, 如果在brush点内但brushMoved为false, 则走绘制状态, 而非两个状态都不响应, 此效果与echarts保持一致）\n   * 2. 判断坐标是否在有效交互范围内\n   * 2. 如果是移动状态: 标记移动状态 & 标记正在移动的mask & 初始化mask的dx和dy\n   * 3. 如果是绘制状态: 标记绘制状态 & 标记正在绘制的mask & 清除之前的mask & 添加新的mask\n   */\n  private _onBrushStart = (e: FederatedPointerEvent) => {\n    if (this._outOfInteractiveRange(e)) {\n      return;\n    }\n    const brushMoved = this.attribute?.brushMoved ?? true;\n    this._activeMoveState = brushMoved && this._isPosInBrushMask(e); // 如果是移动状态，在这里会标记operatingMask为正在移动的mask\n    this._activeDrawState = !this._activeMoveState;\n\n    this._activeDrawState && this._initDraw(e); // 如果是绘制状态，在这里会标记operatingMask为正在绘制的mask\n    this._activeMoveState && this._initMove(e);\n  };\n\n  /**\n   * 绘制 或 移动 中\n   * @description\n   * 1. 如果是绘制状态: 更新_cacheDrawPoints 和 mask的points属性\n   * 2. 如果是移动状态: 标记移动状态 & 计算位移量 & 给被移动的mask偏移属性\n   */\n  private _onBrushing = (e: FederatedPointerEvent) => {\n    if (this._outOfInteractiveRange(e)) {\n      return;\n    }\n\n    this._activeDrawState && this._drawing(e); // 如果是绘制状态，在这里会标记operatingMask为正在绘制的mask\n    this._activeMoveState && this._moving(e);\n  };\n\n  /**\n   * 结束绘制 和 移动\n   * @description 取消绘制 和 移动 状态\n   */\n  private _onBrushEnd = (e: FederatedPointerEvent) => {\n    if (this._outOfInteractiveRange(e)) {\n      return;\n    }\n    this._updateDragMaskCallback &&\n      this._updateDragMaskCallback({\n        operateType: this._activeDrawState ? 'brushEnd' : 'brushMaskUp',\n        operateMask: this._operatingMask,\n        operatedMaskAABBBounds: this._brushMaskAABBBoundsDict\n      });\n\n    this._activeDrawState = false;\n    this._activeMoveState = false;\n    this._operatingMask.setAttribute('pickable', false);\n  };\n\n  /**\n   * 初始化绘制状态\n   * @description 清除之前的mask & 添加新的mask\n   */\n  private _initDraw(e: FederatedPointerEvent) {\n    const { brushMode, removeOnClick } = this.attribute as BrushAttributes;\n    const pos = this.eventPosToStagePos(e);\n    this._cacheDrawPoints = [pos];\n\n    if (!this._operatingMask) {\n      this._addBrushMask();\n    }\n    if (brushMode === 'single' && removeOnClick) {\n      this._container.incrementalClearChild();\n      this._addBrushMask();\n    } else if (brushMode === 'multiple') {\n      this._addBrushMask();\n    }\n\n    this._updateDragMaskCallback &&\n      this._updateDragMaskCallback({\n        operateType: 'brushStart',\n        operateMask: this._operatingMask,\n        operatedMaskAABBBounds: this._brushMaskAABBBoundsDict\n      });\n  }\n\n  /**\n   * 初始化移动状态\n   * @description 初始化mask的dx和dy\n   */\n  private _initMove(e: FederatedPointerEvent) {\n    this._cacheMovePoint = this.eventPosToStagePos(e);\n\n    this._operatingMaskMoveDx = this._operatingMask.attribute.dx ?? 0;\n    this._operatingMaskMoveDy = this._operatingMask.attribute.dy ?? 0;\n\n    // 计算最大移动范围, 为了将brushMask限制在交互范围内\n    const { interactiveRange } = this.attribute as BrushAttributes;\n    const { minY = -Infinity, maxY = Infinity, minX = -Infinity, maxX = Infinity } = interactiveRange;\n\n    const { x1, x2, y1, y2 } = this._operatingMask.globalAABBBounds;\n    const minMoveStepX = minX - x1;\n    const maxMoveStepX = maxX - x2;\n    const minMoveStepY = minY - y1;\n    const maxMoveStepY = maxY - y2;\n\n    this._operatingMaskMoveRangeX = [minMoveStepX, maxMoveStepX];\n    this._operatingMaskMoveRangeY = [minMoveStepY, maxMoveStepY];\n\n    this._operatingMask.setAttribute('pickable', true);\n    this._updateDragMaskCallback &&\n      this._updateDragMaskCallback({\n        operateType: 'brushMaskDown',\n        operateMask: this._operatingMask,\n        operatedMaskAABBBounds: this._brushMaskAABBBoundsDict\n      });\n  }\n\n  /**\n   * 绘制中\n   * @description 更新_cacheDrawPoints 和 mask的points属性\n   */\n  private _drawing(e: FederatedPointerEvent) {\n    const pos = this.eventPosToStagePos(e);\n\n    // 如果当前点的位置和上一次点的位置一致，则无需更新\n    if (this._cacheDrawPoints.length > 0) {\n      const lastPos = this._cacheDrawPoints[this._cacheDrawPoints.length - 1];\n      if (pos.x === lastPos?.x && pos.y === lastPos?.y) {\n        return;\n      }\n    }\n    // 更新交互位置\n    this._cacheDrawPoints.push(pos);\n    // 更新mask形状\n    const maskPoints = this._computeMaskPoints();\n    this._operatingMask.setAttribute('points', maskPoints);\n    this._brushMaskAABBBoundsDict[this._operatingMask.name] = this._operatingMask.AABBBounds;\n    this._updateDragMaskCallback &&\n      this._updateDragMaskCallback({\n        operateType: 'brushing',\n        operateMask: this._operatingMask,\n        operatedMaskAABBBounds: this._brushMaskAABBBoundsDict\n      });\n  }\n\n  /**\n   * 移动中\n   * @description 标记移动状态 & 计算位移量 & 给被移动的mask偏移属性\n   */\n  private _moving(e: FederatedPointerEvent) {\n    const startPos = this._cacheMovePoint;\n    const pos = this.eventPosToStagePos(e);\n    // 如果当前点的位置和上一次点的位置一致，则无需更新\n    if (pos.x === startPos?.x && pos.y === startPos?.y) {\n      return;\n    }\n\n    const moveStepX = pos.x - startPos.x;\n    const moveStepY = pos.y - startPos.y;\n    const moveX =\n      Math.min(this._operatingMaskMoveRangeX[1], Math.max(this._operatingMaskMoveRangeX[0], moveStepX)) +\n      this._operatingMaskMoveDx;\n    const moveY =\n      Math.min(this._operatingMaskMoveRangeY[1], Math.max(this._operatingMaskMoveRangeY[0], moveStepY)) +\n      this._operatingMaskMoveDy;\n\n    this._operatingMask.setAttributes({\n      dx: moveX,\n      dy: moveY\n    });\n    this._brushMaskAABBBoundsDict[this._operatingMask.name] = this._operatingMask.AABBBounds;\n    this._updateDragMaskCallback &&\n      this._updateDragMaskCallback({\n        operateType: 'brushMaskMove',\n        operateMask: this._operatingMask,\n        operatedMaskAABBBounds: this._brushMaskAABBBoundsDict\n      });\n  }\n\n  /**\n   * 构造brushMask的points属性\n   * @description 根据不同的brushType从_cacheDrawPoints中取points\n   * 1. 'rect': 只取鼠标轨迹_cacheDrawPoints的第一个点和最后一个点\n   * 2. 'x': 只取鼠标轨迹_cacheDrawPoints的第一个点和最后一个点的x坐标\n   * 3. 'y': 只取鼠标轨迹_cacheDrawPoints的第一个点和最后一个点的y坐标\n   * 4. 'polygon': 取鼠标轨迹_cacheDrawPoints的所有点\n   */\n  private _computeMaskPoints() {\n    const { brushType, xRange = [0, 0], yRange = [0, 0] } = this.attribute as BrushAttributes;\n    let maskPoints: IPointLike[] = [];\n    const startPoint = this._cacheDrawPoints[0];\n    const endPoint = this._cacheDrawPoints[this._cacheDrawPoints.length - 1];\n\n    if (brushType === 'rect') {\n      maskPoints = [\n        startPoint,\n        {\n          x: endPoint.x,\n          y: startPoint.y\n        },\n        endPoint,\n        {\n          x: startPoint.x,\n          y: endPoint.y\n        }\n      ];\n    } else if (brushType === 'x') {\n      maskPoints = [\n        {\n          x: startPoint.x,\n          y: yRange[0]\n        },\n        {\n          x: endPoint.x,\n          y: yRange[0]\n        },\n        {\n          x: endPoint.x,\n          y: yRange[1]\n        },\n        {\n          x: startPoint.x,\n          y: yRange[1]\n        }\n      ];\n    } else if (brushType === 'y') {\n      maskPoints = [\n        {\n          x: xRange[0],\n          y: startPoint.y\n        },\n        {\n          x: xRange[0],\n          y: endPoint.y\n        },\n        {\n          x: xRange[1],\n          y: endPoint.y\n        },\n        {\n          x: xRange[1],\n          y: startPoint.y\n        }\n      ];\n    } else {\n      maskPoints = cloneDeep(this._cacheDrawPoints); // _cacheDrawPoints在不断更新，所以这里需要cloneDeep\n    }\n    return maskPoints;\n  }\n\n  protected _addBrushMask() {\n    const { brushStyle } = this.attribute as BrushAttributes;\n    const brushMask = createPolygon({\n      points: cloneDeep(this._cacheDrawPoints), // _cacheDrawPoints在不断更新，所以这里需要cloneDeep\n      cursor: 'move',\n      pickable: false,\n      ...brushStyle\n    });\n    brushMask.name = `brush-${Date.now()}`; // 用Data给mask唯一标记\n    this._operatingMask = brushMask;\n    this._container.add(brushMask);\n    this._brushMaskAABBBoundsDict[brushMask.name] = brushMask.AABBBounds;\n  }\n\n  private _outOfInteractiveRange(e: FederatedPointerEvent) {\n    // 在返回坐标时，将其限制在交互范围内\n    const { interactiveRange } = this.attribute as BrushAttributes;\n    const { minY = -Infinity, maxY = Infinity, minX = -Infinity, maxX = Infinity } = interactiveRange;\n    const pos = this.eventPosToStagePos(e);\n    if (pos.x > maxX || pos.x < minX || pos.y > maxY || pos.y < minY) {\n      return true;\n    }\n    return false;\n  }\n\n  /** 事件系统坐标转换为stage坐标 */\n  protected eventPosToStagePos(e: FederatedPointerEvent) {\n    const stagePosition = this.stage?.window.getBoundingClientRect();\n    return {\n      x: e.clientX - (stagePosition?.left || 0) - (this.stage?.x || 0),\n      y: e.clientY - (stagePosition?.top || 0) - (this.stage?.y || 0)\n    };\n  }\n\n  protected render() {\n    this.bindBrushEvents();\n    const group = this.createOrUpdateChild('brush-container', {}, 'group') as unknown as IGroup;\n    this._container = group;\n  }\n\n  setUpdateDragMaskCallback(\n    callback: (operateParams: {\n      operateType: string;\n      operateMask: IPolygon;\n      operatedMaskAABBBounds: { [name: string]: IBounds };\n    }) => void\n  ) {\n    isFunction(callback) && (this._updateDragMaskCallback = callback);\n  }\n}\n"]}
+{"version":3,"sources":["brush/brush.ts"],"names":[],"mappings":"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","file":"brush.js","sourcesContent":["/**\n * @description 框选组件\n */\nimport type { FederatedPointerEvent, IGroup, IPolygon } from '@visactor/vrender';\nimport { global, createPolygon, Polygon, point } from '@visactor/vrender';\nimport type { IBounds, IPointLike } from '@visactor/vutils';\nimport { cloneDeep, debounce, isFunction, merge, polygonContainPoint, throttle } from '@visactor/vutils';\nimport { AbstractComponent } from '../core/base';\nimport type { BrushAttributes } from './type';\nimport { IOperateType } from './type';\nimport { DEFAULT_BRUSH_ATTRIBUTES } from './config';\n\nconst delayMap = {\n  debounce: debounce,\n  throttle: throttle\n};\n\nexport class Brush extends AbstractComponent<Required<BrushAttributes>> {\n  name = 'brush';\n  static defaultAttributes = DEFAULT_BRUSH_ATTRIBUTES;\n\n  private _container!: IGroup;\n\n  // 绘制mask时的相关属性\n  private _activeDrawState = false; // 用于标记绘制状态\n  private _cacheDrawPoints: IPointLike[] = []; // 用于维护鼠标走过的路径，主要用于绘制mask的点\n  private _cacheStartTime: number; // 用于记录鼠标前后的点击时间，以此判断是否为双击\n  private _activeClearState = false;\n  // 移动mask时的相关属性\n  private _activeMoveState = false; // 用于标记移动状态\n  private _operatingMaskMoveDx = 0; // 用于标记移动的位移量\n  private _operatingMaskMoveDy = 0;\n  private _operatingMaskMoveRangeX: [number, number] = [-Infinity, Infinity];\n  private _operatingMaskMoveRangeY: [number, number] = [-Infinity, Infinity];\n  private _cacheMovePoint!: IPointLike; // 用于维护鼠标所在位置，主要用于计算位移量\n\n  private _operatingMask!: IPolygon; // 用于标记正在绘制的mask 或 正在移动的mask\n\n  // 透出给上层的属性（主要是所有mask的AABBBounds，这里用的是dict存储方便添加和修改）\n  private _brushMaskAABBBoundsDict: { [name: string]: IBounds } = {};\n  private _updateDragMaskCallback!: (operateParams: {\n    operateType: string;\n    operateMask: IPolygon;\n    operatedMaskAABBBounds: { [name: string]: IBounds };\n  }) => void;\n\n  constructor(attributes: BrushAttributes) {\n    super(merge({}, Brush.defaultAttributes, attributes));\n  }\n\n  protected bindBrushEvents(): void {\n    const { delayType = 'throttle', delayTime = 0 } = this.attribute as BrushAttributes;\n    // 拖拽绘制开始\n    this.stage.addEventListener('pointerdown', this._onBrushStart as EventListener);\n    // 拖拽绘制时\n    this.stage.addEventListener('pointermove', delayMap[delayType](this._onBrushing, delayTime) as EventListener);\n    // 拖拽绘制结束\n    this.stage.addEventListener('pointerup', this._onBrushEnd as EventListener);\n    this.stage.addEventListener('pointerupoutside', this._onBrushEnd as EventListener);\n  }\n\n  private _isPosInBrushMask(e: FederatedPointerEvent) {\n    const pos = this.eventPosToStagePos(e);\n    const brushMasks = this._container.getChildren();\n    for (let i = 0; i < brushMasks.length; i++) {\n      const { points = [], dx = 0, dy = 0 } = (brushMasks[i] as IPolygon).attribute;\n      const pointsConsiderOffset: IPointLike[] = points.map((point: IPointLike) => {\n        return {\n          x: point.x + dx,\n          y: point.y + dy\n        };\n      });\n      if (polygonContainPoint(pointsConsiderOffset, pos.x, pos.y)) {\n        this._operatingMask = brushMasks[i] as IPolygon;\n        return true;\n      }\n    }\n    return false;\n  }\n\n  /**\n   * 开始绘制 或 移动\n   * @description\n   * 1. 判断状态: 如果在brushMask中，则属于移动状态; 否则属于绘制状态\n   *（移动状态和绘制状态互斥, 且移动状态考虑brushMoved配置, 如果在brush点内但brushMoved为false, 则走绘制状态, 而非两个状态都不响应, 此效果与echarts保持一致）\n   * 2. 判断坐标是否在有效交互范围内\n   * 2. 如果是移动状态: 标记移动状态 & 标记正在移动的mask & 初始化mask的dx和dy\n   * 3. 如果是绘制状态: 标记绘制状态 & 标记正在绘制的mask & 清除之前的mask & 添加新的mask\n   */\n  private _onBrushStart = (e: FederatedPointerEvent) => {\n    if (this._outOfInteractiveRange(e)) {\n      return;\n    }\n    const brushMoved = this.attribute?.brushMoved ?? true;\n    this._activeMoveState = brushMoved && this._isPosInBrushMask(e); // 如果是移动状态，在这里会标记operatingMask为正在移动的mask\n    this._activeDrawState = !this._activeMoveState;\n\n    this._activeDrawState && this._initDraw(e); // 如果是绘制状态，在这里会标记operatingMask为正在绘制的mask\n    this._activeMoveState && this._initMove(e);\n  };\n\n  /**\n   * 绘制 或 移动 中\n   * @description\n   * 1. 如果是绘制状态: 更新_cacheDrawPoints 和 mask的points属性\n   * 2. 如果是移动状态: 标记移动状态 & 计算位移量 & 给被移动的mask偏移属性\n   */\n  private _onBrushing = (e: FederatedPointerEvent) => {\n    if (this._outOfInteractiveRange(e)) {\n      return;\n    }\n\n    this._activeDrawState && this._drawing(e); // 如果是绘制状态，在这里会标记operatingMask为正在绘制的mask\n    this._activeMoveState && this._moving(e);\n  };\n\n  /**\n   * 结束绘制 和 移动\n   * @description 取消绘制 和 移动 状态\n   */\n  private _onBrushEnd = (e: FederatedPointerEvent) => {\n    if (this._activeClearState) {\n      return;\n    }\n    this._updateDragMaskCallback &&\n      this._updateDragMaskCallback({\n        operateType: this._activeDrawState ? IOperateType.drawEnd : IOperateType.moveEnd,\n        operateMask: this._operatingMask,\n        operatedMaskAABBBounds: this._brushMaskAABBBoundsDict\n      });\n\n    this._activeDrawState = false;\n    this._activeMoveState = false;\n    this._operatingMask.setAttribute('pickable', false);\n  };\n\n  /**\n   * 初始化绘制状态\n   * @description 清除之前的mask & 添加新的mask\n   */\n  private _initDraw(e: FederatedPointerEvent) {\n    const { removeOnClick } = this.attribute as BrushAttributes;\n    const pos = this.eventPosToStagePos(e);\n    this._cacheDrawPoints = [pos];\n    const nowTime = Date.now();\n\n    if (!this._operatingMask) {\n      this._addBrushMask();\n    }\n\n    if (nowTime - this._cacheStartTime < 200 && removeOnClick) {\n      this._activeClearState = true;\n      this._container.incrementalClearChild();\n      this._updateDragMaskCallback &&\n        this._updateDragMaskCallback({\n          operateType: IOperateType.brushClear,\n          operateMask: this._operatingMask,\n          operatedMaskAABBBounds: this._brushMaskAABBBoundsDict\n        });\n    } else {\n      this._activeClearState = false;\n      this._addBrushMask();\n      this._updateDragMaskCallback &&\n        this._updateDragMaskCallback({\n          operateType: IOperateType.drawStart,\n          operateMask: this._operatingMask,\n          operatedMaskAABBBounds: this._brushMaskAABBBoundsDict\n        });\n    }\n\n    this._cacheStartTime = nowTime;\n  }\n\n  /**\n   * 初始化移动状态\n   * @description 初始化mask的dx和dy\n   */\n  private _initMove(e: FederatedPointerEvent) {\n    this._cacheMovePoint = this.eventPosToStagePos(e);\n\n    this._operatingMaskMoveDx = this._operatingMask.attribute.dx ?? 0;\n    this._operatingMaskMoveDy = this._operatingMask.attribute.dy ?? 0;\n\n    // 计算最大移动范围, 为了将brushMask限制在交互范围内\n    const { interactiveRange } = this.attribute as BrushAttributes;\n    const { minY = -Infinity, maxY = Infinity, minX = -Infinity, maxX = Infinity } = interactiveRange;\n\n    const { x1, x2, y1, y2 } = this._operatingMask.globalAABBBounds;\n    const minMoveStepX = minX - x1;\n    const maxMoveStepX = maxX - x2;\n    const minMoveStepY = minY - y1;\n    const maxMoveStepY = maxY - y2;\n\n    this._operatingMaskMoveRangeX = [minMoveStepX, maxMoveStepX];\n    this._operatingMaskMoveRangeY = [minMoveStepY, maxMoveStepY];\n\n    this._operatingMask.setAttribute('pickable', true);\n    this._updateDragMaskCallback &&\n      this._updateDragMaskCallback({\n        operateType: IOperateType.moveStart,\n        operateMask: this._operatingMask,\n        operatedMaskAABBBounds: this._brushMaskAABBBoundsDict\n      });\n  }\n\n  /**\n   * 绘制中\n   * @description 更新_cacheDrawPoints 和 mask的points属性\n   */\n  private _drawing(e: FederatedPointerEvent) {\n    const pos = this.eventPosToStagePos(e);\n\n    // 如果当前点的位置和上一次点的位置一致，则无需更新\n    if (this._cacheDrawPoints.length > 0) {\n      const lastPos = this._cacheDrawPoints[this._cacheDrawPoints.length - 1];\n      if (pos.x === lastPos?.x && pos.y === lastPos?.y) {\n        return;\n      }\n    }\n    // 更新交互位置\n    this._cacheDrawPoints.push(pos);\n    // 更新mask形状\n    const maskPoints = this._computeMaskPoints();\n    this._operatingMask.setAttribute('points', maskPoints);\n    this._brushMaskAABBBoundsDict[this._operatingMask.name] = this._operatingMask.AABBBounds;\n    this._updateDragMaskCallback &&\n      this._updateDragMaskCallback({\n        operateType: IOperateType.drawing,\n        operateMask: this._operatingMask,\n        operatedMaskAABBBounds: this._brushMaskAABBBoundsDict\n      });\n  }\n\n  /**\n   * 移动中\n   * @description 标记移动状态 & 计算位移量 & 给被移动的mask偏移属性\n   */\n  private _moving(e: FederatedPointerEvent) {\n    const startPos = this._cacheMovePoint;\n    const pos = this.eventPosToStagePos(e);\n    // 如果当前点的位置和上一次点的位置一致，则无需更新\n    if (pos.x === startPos?.x && pos.y === startPos?.y) {\n      return;\n    }\n\n    const moveStepX = pos.x - startPos.x;\n    const moveStepY = pos.y - startPos.y;\n    const moveX =\n      Math.min(this._operatingMaskMoveRangeX[1], Math.max(this._operatingMaskMoveRangeX[0], moveStepX)) +\n      this._operatingMaskMoveDx;\n    const moveY =\n      Math.min(this._operatingMaskMoveRangeY[1], Math.max(this._operatingMaskMoveRangeY[0], moveStepY)) +\n      this._operatingMaskMoveDy;\n\n    this._operatingMask.setAttributes({\n      dx: moveX,\n      dy: moveY\n    });\n    this._brushMaskAABBBoundsDict[this._operatingMask.name] = this._operatingMask.AABBBounds;\n    this._updateDragMaskCallback &&\n      this._updateDragMaskCallback({\n        operateType: IOperateType.moving,\n        operateMask: this._operatingMask,\n        operatedMaskAABBBounds: this._brushMaskAABBBoundsDict\n      });\n  }\n\n  /**\n   * 构造brushMask的points属性\n   * @description 根据不同的brushType从_cacheDrawPoints中取points\n   * 1. 'rect': 只取鼠标轨迹_cacheDrawPoints的第一个点和最后一个点\n   * 2. 'x': 只取鼠标轨迹_cacheDrawPoints的第一个点和最后一个点的x坐标\n   * 3. 'y': 只取鼠标轨迹_cacheDrawPoints的第一个点和最后一个点的y坐标\n   * 4. 'polygon': 取鼠标轨迹_cacheDrawPoints的所有点\n   */\n  private _computeMaskPoints() {\n    const { brushType, xRange = [0, 0], yRange = [0, 0] } = this.attribute as BrushAttributes;\n    let maskPoints: IPointLike[] = [];\n    const startPoint = this._cacheDrawPoints[0];\n    const endPoint = this._cacheDrawPoints[this._cacheDrawPoints.length - 1];\n\n    if (brushType === 'rect') {\n      maskPoints = [\n        startPoint,\n        {\n          x: endPoint.x,\n          y: startPoint.y\n        },\n        endPoint,\n        {\n          x: startPoint.x,\n          y: endPoint.y\n        }\n      ];\n    } else if (brushType === 'x') {\n      maskPoints = [\n        {\n          x: startPoint.x,\n          y: yRange[0]\n        },\n        {\n          x: endPoint.x,\n          y: yRange[0]\n        },\n        {\n          x: endPoint.x,\n          y: yRange[1]\n        },\n        {\n          x: startPoint.x,\n          y: yRange[1]\n        }\n      ];\n    } else if (brushType === 'y') {\n      maskPoints = [\n        {\n          x: xRange[0],\n          y: startPoint.y\n        },\n        {\n          x: xRange[0],\n          y: endPoint.y\n        },\n        {\n          x: xRange[1],\n          y: endPoint.y\n        },\n        {\n          x: xRange[1],\n          y: startPoint.y\n        }\n      ];\n    } else {\n      maskPoints = cloneDeep(this._cacheDrawPoints); // _cacheDrawPoints在不断更新，所以这里需要cloneDeep\n    }\n    return maskPoints;\n  }\n\n  protected _addBrushMask() {\n    const { brushStyle } = this.attribute as BrushAttributes;\n    const brushMask = createPolygon({\n      points: cloneDeep(this._cacheDrawPoints), // _cacheDrawPoints在不断更新，所以这里需要cloneDeep\n      cursor: 'move',\n      pickable: false,\n      ...brushStyle\n    });\n    brushMask.name = `brush-${Date.now()}`; // 用Date给mask唯一标记\n    this._operatingMask = brushMask;\n    this._container.add(brushMask);\n    this._brushMaskAABBBoundsDict[brushMask.name] = brushMask.AABBBounds;\n  }\n\n  private _outOfInteractiveRange(e: FederatedPointerEvent) {\n    // 在返回坐标时，将其限制在交互范围内\n    const { interactiveRange } = this.attribute as BrushAttributes;\n    const { minY = -Infinity, maxY = Infinity, minX = -Infinity, maxX = Infinity } = interactiveRange;\n    const pos = this.eventPosToStagePos(e);\n    if (pos.x > maxX || pos.x < minX || pos.y > maxY || pos.y < minY) {\n      return true;\n    }\n    return false;\n  }\n\n  /** 事件系统坐标转换为stage坐标 */\n  protected eventPosToStagePos(e: FederatedPointerEvent) {\n    const stagePosition = this.stage?.window.getBoundingClientRect();\n    return {\n      x: e.clientX - (stagePosition?.left || 0) - (this.stage?.x || 0),\n      y: e.clientY - (stagePosition?.top || 0) - (this.stage?.y || 0)\n    };\n  }\n\n  protected render() {\n    this.bindBrushEvents();\n    const group = this.createOrUpdateChild('brush-container', {}, 'group') as unknown as IGroup;\n    this._container = group;\n  }\n\n  setUpdateDragMaskCallback(\n    callback: (operateParams: {\n      operateType: string;\n      operateMask: IPolygon;\n      operatedMaskAABBBounds: { [name: string]: IBounds };\n    }) => void\n  ) {\n    isFunction(callback) && (this._updateDragMaskCallback = callback);\n  }\n}\n"]}

package/cjs/brush/type.d.ts

@@ -1,4 +1,4 @@
-import { IGroupGraphicAttribute, IPolygonGraphicAttribute } from '@visactor/vrender';
+import type { IGroupGraphicAttribute, IPolygonGraphicAttribute } from '@visactor/vrender';
 export interface BrushAttributes extends IGroupGraphicAttribute {
     interactiveRange?: {
         minX: number;
@@ -19,3 +19,12 @@ export interface BrushAttributes extends IGroupGraphicAttribute {
 export type IBrushType = 'x' | 'y' | 'rect' | 'polygon';
 export type IBrushMode = 'single' | 'multiple';
 export type IDelayType = 'debounce' | 'throttle';
+export declare enum IOperateType {
+    drawStart = "drawStart",
+    drawEnd = "drawEnd",
+    drawing = "drawing",
+    moving = "moving",
+    moveStart = "moveStart",
+    moveEnd = "moveEnd",
+    brushClear = "brushClear"
+}

package/cjs/brush/type.js

@@ -1,6 +1,12 @@
 "use strict";
 
+var IOperateType;
+
 Object.defineProperty(exports, "__esModule", {
     value: !0
-});
+}), exports.IOperateType = void 0, function(IOperateType) {
+    IOperateType.drawStart = "drawStart", IOperateType.drawEnd = "drawEnd", IOperateType.drawing = "drawing", 
+    IOperateType.moving = "moving", IOperateType.moveStart = "moveStart", IOperateType.moveEnd = "moveEnd", 
+    IOperateType.brushClear = "brushClear";
+}(IOperateType = exports.IOperateType || (exports.IOperateType = {}));
 //# sourceMappingURL=type.js.map

package/cjs/brush/type.js.map

@@ -1 +1 @@
-{"version":3,"sources":["brush/type.ts"],"names":[],"mappings":"","file":"type.js","sourcesContent":["import { IGroupGraphicAttribute, IPolygonGraphicAttribute } from '@visactor/vrender';\n\nexport interface BrushAttributes extends IGroupGraphicAttribute {\n  /**\n   * 可交互范围\n   */\n  interactiveRange?: {\n    minX: number;\n    maxX: number;\n    minY: number;\n    maxY: number;\n  };\n  /**\n   * 框选模式\n   * @default 'single'\n   */\n  brushMode?: IBrushMode;\n  /**\n   * 框选类型\n   * @default 'rect'\n   */\n  brushType?: IBrushType;\n  /**\n   * brushType为'y'时, x的左右边界位置, 不配置的话不会生效\n   * @default [0,0]\n   */\n  xRange?: [number, number];\n  /**\n   * brushType为'x'时, y的左右边界位置, 不配置的话不会生效\n   * @default [0,0]\n   */\n  yRange?: [number, number];\n  /**\n   * 框选区域的样式\n   */\n  brushStyle?: IPolygonGraphicAttribute;\n  /**\n   * 是否可被平移\n   * @default true\n   */\n  brushMoved?: boolean;\n  /**\n   * brushMode为'single'时，是否单击清除选框\n   * @default true\n   */\n  removeOnClick?: boolean;\n  /**\n   * 事件触发延迟类型\n   * @default 'throttle'\n   */\n  delayType?: IDelayType;\n  /**\n   * 事件触发延迟时长\n   * @default 0\n   */\n  delayTime?: number;\n}\n\nexport type IBrushType = 'x' | 'y' | 'rect' | 'polygon';\nexport type IBrushMode = 'single' | 'multiple';\n\nexport type IDelayType = 'debounce' | 'throttle';\n"]}
+{"version":3,"sources":["brush/type.ts"],"names":[],"mappings":";;;AA+DA,IAAY,YAQX;AARD,WAAY,YAAY;IACtB,uCAAuB,CAAA;IACvB,mCAAmB,CAAA;IACnB,mCAAmB,CAAA;IACnB,iCAAiB,CAAA;IACjB,uCAAuB,CAAA;IACvB,mCAAmB,CAAA;IACnB,yCAAyB,CAAA;AAC3B,CAAC,EARW,YAAY,GAAZ,oBAAY,KAAZ,oBAAY,QAQvB","file":"type.js","sourcesContent":["import type { IGroupGraphicAttribute, IPolygonGraphicAttribute } from '@visactor/vrender';\n\nexport interface BrushAttributes extends IGroupGraphicAttribute {\n  /**\n   * 可交互范围\n   */\n  interactiveRange?: {\n    minX: number;\n    maxX: number;\n    minY: number;\n    maxY: number;\n  };\n  /**\n   * 框选模式\n   * @default 'single'\n   */\n  brushMode?: IBrushMode;\n  /**\n   * 框选类型\n   * @default 'rect'\n   */\n  brushType?: IBrushType;\n  /**\n   * brushType为'y'时, x的左右边界位置, 不配置的话不会生效\n   * @default [0,0]\n   */\n  xRange?: [number, number];\n  /**\n   * brushType为'x'时, y的左右边界位置, 不配置的话不会生效\n   * @default [0,0]\n   */\n  yRange?: [number, number];\n  /**\n   * 框选区域的样式\n   */\n  brushStyle?: IPolygonGraphicAttribute;\n  /**\n   * 是否可被平移\n   * @default true\n   */\n  brushMoved?: boolean;\n  /**\n   * brushMode为'single'时，是否单击清除选框\n   * @default true\n   */\n  removeOnClick?: boolean;\n  /**\n   * 事件触发延迟类型\n   * @default 'throttle'\n   */\n  delayType?: IDelayType;\n  /**\n   * 事件触发延迟时长\n   * @default 0\n   */\n  delayTime?: number;\n}\n\nexport type IBrushType = 'x' | 'y' | 'rect' | 'polygon';\nexport type IBrushMode = 'single' | 'multiple';\n\nexport type IDelayType = 'debounce' | 'throttle';\n\nexport enum IOperateType {\n  drawStart = 'drawStart',\n  drawEnd = 'drawEnd',\n  drawing = 'drawing',\n  moving = 'moving',\n  moveStart = 'moveStart',\n  moveEnd = 'moveEnd',\n  brushClear = 'brushClear'\n}\n"]}

package/cjs/index.d.ts

@@ -1,4 +1,4 @@
-export declare const version = "0.12.2";
+export declare const version = "0.12.3-alpha.6";
 export * from './core/base';
 export * from './scrollbar';
 export * from './tag';

package/cjs/index.js

@@ -17,7 +17,7 @@ var __createBinding = this && this.__createBinding || (Object.create ? function(
 
 Object.defineProperty(exports, "__esModule", {
     value: !0
-}), exports.version = void 0, exports.version = "0.12.2", __exportStar(require("./core/base"), exports), 
+}), exports.version = void 0, exports.version = "0.12.3-alpha.6", __exportStar(require("./core/base"), exports), 
 __exportStar(require("./scrollbar"), exports), __exportStar(require("./tag"), exports), 
 __exportStar(require("./crosshair"), exports), __exportStar(require("./label"), exports), 
 __exportStar(require("./axis"), exports), __exportStar(require("./segment"), exports), 

package/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AACa,QAAA,OAAO,GAAG,QAAQ,CAAC;AAEhC,8CAA4B;AAC5B,8CAA4B;AAC5B,wCAAsB;AACtB,8CAA4B;AAC5B,0CAAwB;AACxB,yCAAuB;AACvB,4CAA0B;AAC1B,8CAA4B;AAC5B,2CAAyB;AACzB,0CAAwB;AACxB,2CAAyB;AACzB,0CAAwB;AACxB,8CAA4B;AAC5B,2CAAyB;AACzB,8CAA4B;AAC5B,2CAAyB;AACzB,0CAAwB;AACxB,4CAA0B;AAC1B,8CAA4B","file":"index.js","sourcesContent":["// 导出版本号\nexport const version = \"0.12.2\";\n\nexport * from './core/base';\nexport * from './scrollbar';\nexport * from './tag';\nexport * from './crosshair';\nexport * from './label';\nexport * from './axis';\nexport * from './segment';\nexport * from './data-zoom';\nexport * from './marker';\nexport * from './pager';\nexport * from './legend';\nexport * from './title';\nexport * from './indicator';\nexport * from './slider';\nexport * from './link-path';\nexport * from './player';\nexport * from './brush';\nexport * from './tooltip';\nexport * from './interface';\n"]}
+{"version":3,"sources":["index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AACa,QAAA,OAAO,GAAG,gBAAgB,CAAC;AAExC,8CAA4B;AAC5B,8CAA4B;AAC5B,wCAAsB;AACtB,8CAA4B;AAC5B,0CAAwB;AACxB,yCAAuB;AACvB,4CAA0B;AAC1B,8CAA4B;AAC5B,2CAAyB;AACzB,0CAAwB;AACxB,2CAAyB;AACzB,0CAAwB;AACxB,8CAA4B;AAC5B,2CAAyB;AACzB,8CAA4B;AAC5B,2CAAyB;AACzB,0CAAwB;AACxB,4CAA0B;AAC1B,8CAA4B","file":"index.js","sourcesContent":["// 导出版本号\nexport const version = \"0.12.3-alpha.6\";\n\nexport * from './core/base';\nexport * from './scrollbar';\nexport * from './tag';\nexport * from './crosshair';\nexport * from './label';\nexport * from './axis';\nexport * from './segment';\nexport * from './data-zoom';\nexport * from './marker';\nexport * from './pager';\nexport * from './legend';\nexport * from './title';\nexport * from './indicator';\nexport * from './slider';\nexport * from './link-path';\nexport * from './player';\nexport * from './brush';\nexport * from './tooltip';\nexport * from './interface';\n"]}

package/dist/index.js

@@ -7966,6 +7966,17 @@
         }
     }
 
+    exports.IOperateType = void 0;
+    (function (IOperateType) {
+        IOperateType["drawStart"] = "drawStart";
+        IOperateType["drawEnd"] = "drawEnd";
+        IOperateType["drawing"] = "drawing";
+        IOperateType["moving"] = "moving";
+        IOperateType["moveStart"] = "moveStart";
+        IOperateType["moveEnd"] = "moveEnd";
+        IOperateType["brushClear"] = "brushClear";
+    })(exports.IOperateType || (exports.IOperateType = {}));
+
     const DEFAULT_BRUSH_ATTRIBUTES = {
         brushMode: 'single',
         brushType: 'rect',
@@ -7997,6 +8008,8 @@
         _container;
         _activeDrawState = false;
         _cacheDrawPoints = [];
+        _cacheStartTime;
+        _activeClearState = false;
         _activeMoveState = false;
         _operatingMaskMoveDx = 0;
         _operatingMaskMoveDy = 0;
@@ -8052,12 +8065,12 @@
             this._activeMoveState && this._moving(e);
         };
         _onBrushEnd = (e) => {
-            if (this._outOfInteractiveRange(e)) {
+            if (this._activeClearState) {
                 return;
             }
             this._updateDragMaskCallback &&
                 this._updateDragMaskCallback({
-                    operateType: this._activeDrawState ? 'brushEnd' : 'brushMaskUp',
+                    operateType: this._activeDrawState ? exports.IOperateType.drawEnd : exports.IOperateType.moveEnd,
                     operateMask: this._operatingMask,
                     operatedMaskAABBBounds: this._brushMaskAABBBoundsDict
                 });
@@ -8066,25 +8079,34 @@
             this._operatingMask.setAttribute('pickable', false);
         };
         _initDraw(e) {
-            const { brushMode, removeOnClick } = this.attribute;
+            const { removeOnClick } = this.attribute;
             const pos = this.eventPosToStagePos(e);
             this._cacheDrawPoints = [pos];
+            const nowTime = Date.now();
             if (!this._operatingMask) {
                 this._addBrushMask();
             }
-            if (brushMode === 'single' && removeOnClick) {
+            if (nowTime - this._cacheStartTime < 200 && removeOnClick) {
+                this._activeClearState = true;
                 this._container.incrementalClearChild();
-                this._addBrushMask();
+                this._updateDragMaskCallback &&
+                    this._updateDragMaskCallback({
+                        operateType: exports.IOperateType.brushClear,
+                        operateMask: this._operatingMask,
+                        operatedMaskAABBBounds: this._brushMaskAABBBoundsDict
+                    });
             }
-            else if (brushMode === 'multiple') {
+            else {
+                this._activeClearState = false;
                 this._addBrushMask();
+                this._updateDragMaskCallback &&
+                    this._updateDragMaskCallback({
+                        operateType: exports.IOperateType.drawStart,
+                        operateMask: this._operatingMask,
+                        operatedMaskAABBBounds: this._brushMaskAABBBoundsDict
+                    });
             }
-            this._updateDragMaskCallback &&
-                this._updateDragMaskCallback({
-                    operateType: 'brushStart',
-                    operateMask: this._operatingMask,
-                    operatedMaskAABBBounds: this._brushMaskAABBBoundsDict
-                });
+            this._cacheStartTime = nowTime;
         }
         _initMove(e) {
             this._cacheMovePoint = this.eventPosToStagePos(e);
@@ -8102,7 +8124,7 @@
             this._operatingMask.setAttribute('pickable', true);
             this._updateDragMaskCallback &&
                 this._updateDragMaskCallback({
-                    operateType: 'brushMaskDown',
+                    operateType: exports.IOperateType.moveStart,
                     operateMask: this._operatingMask,
                     operatedMaskAABBBounds: this._brushMaskAABBBoundsDict
                 });
@@ -8121,7 +8143,7 @@
             this._brushMaskAABBBoundsDict[this._operatingMask.name] = this._operatingMask.AABBBounds;
             this._updateDragMaskCallback &&
                 this._updateDragMaskCallback({
-                    operateType: 'brushing',
+                    operateType: exports.IOperateType.drawing,
                     operateMask: this._operatingMask,
                     operatedMaskAABBBounds: this._brushMaskAABBBoundsDict
                 });
@@ -8145,7 +8167,7 @@
             this._brushMaskAABBBoundsDict[this._operatingMask.name] = this._operatingMask.AABBBounds;
             this._updateDragMaskCallback &&
                 this._updateDragMaskCallback({
-                    operateType: 'brushMaskMove',
+                    operateType: exports.IOperateType.moving,
                     operateMask: this._operatingMask,
                     operatedMaskAABBBounds: this._brushMaskAABBBoundsDict
                 });
@@ -8624,7 +8646,7 @@
         }
     }
 
-    const version = "0.12.2";
+    const version = "0.12.3-alpha.6";
 
     exports.AbstractComponent = AbstractComponent;
     exports.BasePlayer = BasePlayer;