@visactor/vrender-components 0.0.38-brush.2-alpha.0

package/es/brush/brush.js

@@ -0,0 +1,171 @@
+import { createPolygon } from "@visactor/vrender";
+
+import { cloneDeep, debounce, isFunction, merge, polygonContainPoint, throttle } from "@visactor/vutils";
+
+import { AbstractComponent } from "../core/base";
+
+import { DEFAULT_BRUSH_ATTRIBUTES } from "./config";
+
+const delayMap = {
+    debounce: debounce,
+    throttle: throttle
+};
+
+export class Brush extends AbstractComponent {
+    constructor(attributes) {
+        super(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 => {
+            var _a, _b;
+            const brushMoved = null === (_b = null === (_a = this.attribute) || void 0 === _a ? void 0 : _a.brushMoved) || void 0 === _b || _b;
+            this._activeMoveState = brushMoved && this._isPosInBrushMask(e), this._activeDrawState = !this._activeMoveState, 
+            this._outOfInteractiveRange(e) || (this._activeDrawState && this._initDraw(e), this._activeMoveState && this._initMove(e));
+        }, 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",
+                operateMask: this._operatingMask,
+                operatedMaskAABBBounds: this._brushMaskAABBBoundsDict
+            }), this._activeDrawState = !1, this._activeMoveState = !1, this._operatingMask.setAttribute("pickable", !1));
+        };
+    }
+    bindBrushEvents() {
+        const {delayType: delayType = "throttle", delayTime: delayTime = 0} = this.attribute;
+        this.stage.addEventListener("pointerdown", this._onBrushStart), this.stage.addEventListener("pointermove", delayMap[delayType](this._onBrushing, delayTime)), 
+        this.stage.addEventListener("pointerup", this._onBrushEnd), this.stage.addEventListener("pointerupoutside", this._onBrushEnd);
+    }
+    _isPosInBrushMask(e) {
+        const pos = this.eventPosToStagePos(e), brushMasks = this._container.getChildren();
+        for (let i = 0; i < brushMasks.length; i++) {
+            const {points: points = [], dx: dx = 0, dy: 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;
+    }
+    _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",
+            operateMask: this._operatingMask,
+            operatedMaskAABBBounds: this._brushMaskAABBBoundsDict
+        });
+    }
+    _initMove(e) {
+        var _a, _b;
+        this._cacheMovePoint = this.eventPosToStagePos(e), this._operatingMaskMoveDx = null !== (_a = this._operatingMask.attribute.dx) && void 0 !== _a ? _a : 0, 
+        this._operatingMaskMoveDy = null !== (_b = this._operatingMask.attribute.dy) && void 0 !== _b ? _b : 0;
+        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",
+            operateMask: this._operatingMask,
+            operatedMaskAABBBounds: this._brushMaskAABBBoundsDict
+        });
+    }
+    _drawing(e) {
+        const {brushStyle: brushStyle} = this.attribute, pos = this.eventPosToStagePos(e);
+        if (this._cacheDrawPoints.length > 0) {
+            const lastPos = this._cacheDrawPoints[this._cacheDrawPoints.length - 1];
+            if (pos.x === (null == lastPos ? void 0 : lastPos.x) && pos.y === (null == lastPos ? void 0 : lastPos.y)) return;
+        }
+        if (this._cacheDrawPoints.push(pos), this._activeDrawState) {
+            const maskPoints = this._computeMaskPoints();
+            this._operatingMask.setAttribute("points", maskPoints), this._brushMaskAABBBoundsDict[this._operatingMask.name] = this._operatingMask.AABBBounds, 
+            this._updateDragMaskCallback && this._updateDragMaskCallback({
+                operateType: "brushing",
+                operateMask: this._operatingMask,
+                operatedMaskAABBBounds: this._brushMaskAABBBoundsDict
+            });
+        }
+    }
+    _moving(e) {
+        const startPos = this._cacheMovePoint, pos = this.eventPosToStagePos(e);
+        if (pos.x === (null == startPos ? void 0 : startPos.x) && pos.y === (null == startPos ? void 0 : startPos.y)) return;
+        const moveStepX = pos.x - startPos.x, moveStepY = pos.y - startPos.y, moveX = Math.min(this._operatingMaskMoveRangeX[1], Math.max(this._operatingMaskMoveRangeX[0], moveStepX)) + this._operatingMaskMoveDx, moveY = Math.min(this._operatingMaskMoveRangeY[1], Math.max(this._operatingMaskMoveRangeY[0], moveStepY)) + this._operatingMaskMoveDy;
+        this._operatingMask.setAttributes({
+            dx: moveX,
+            dy: moveY
+        }), this._brushMaskAABBBoundsDict[this._operatingMask.name] = this._operatingMask.AABBBounds, 
+        this._updateDragMaskCallback && this._updateDragMaskCallback({
+            operateType: "brushMaskMove",
+            operateMask: this._operatingMask,
+            operatedMaskAABBBounds: this._brushMaskAABBBoundsDict
+        });
+    }
+    _computeMaskPoints() {
+        const {brushType: brushType, xRange: xRange = [ 0, 0 ], yRange: yRange = [ 0, 0 ]} = this.attribute;
+        let maskPoints = [];
+        const startPoint = this._cacheDrawPoints[0], endPoint = this._cacheDrawPoints[this._cacheDrawPoints.length - 1];
+        return maskPoints = "rect" === brushType ? [ startPoint, {
+            x: endPoint.x,
+            y: startPoint.y
+        }, endPoint, {
+            x: startPoint.x,
+            y: endPoint.y
+        } ] : "x" === brushType ? [ {
+            x: startPoint.x,
+            y: yRange[0]
+        }, {
+            x: endPoint.x,
+            y: yRange[0]
+        }, {
+            x: endPoint.x,
+            y: yRange[1]
+        }, {
+            x: startPoint.x,
+            y: yRange[1]
+        } ] : "y" === brushType ? [ {
+            x: xRange[0],
+            y: startPoint.y
+        }, {
+            x: xRange[0],
+            y: endPoint.y
+        }, {
+            x: xRange[1],
+            y: endPoint.y
+        }, {
+            x: xRange[1],
+            y: startPoint.y
+        } ] : cloneDeep(this._cacheDrawPoints), maskPoints;
+    }
+    _addBrushMask() {
+        const {brushStyle: brushStyle} = this.attribute, brushMask = createPolygon(Object.assign({
+            points: cloneDeep(this._cacheDrawPoints),
+            cursor: "move",
+            pickable: !1
+        }, brushStyle));
+        brushMask.name = `brush-${Date.now()}`, this._operatingMask = brushMask, this._container.add(brushMask), 
+        this._brushMaskAABBBoundsDict[brushMask.name] = brushMask.AABBBounds;
+    }
+    _outOfInteractiveRange(e) {
+        const {interactiveRange: interactiveRange} = this.attribute, {minY: minY = -1 / 0, maxY: maxY = 1 / 0, minX: minX = -1 / 0, maxX: maxX = 1 / 0} = interactiveRange, pos = this.eventPosToStagePos(e);
+        return pos.x > maxX || pos.x < minX || pos.y > maxY || pos.y < minY;
+    }
+    eventPosToStagePos(e) {
+        var _a, _b, _c;
+        const stagePosition = null === (_a = this.stage) || void 0 === _a ? void 0 : _a.window.getBoundingClientRect();
+        return {
+            x: e.clientX - ((null == stagePosition ? void 0 : stagePosition.left) || 0) - ((null === (_b = this.stage) || void 0 === _b ? void 0 : _b.x) || 0),
+            y: e.clientY - ((null == stagePosition ? void 0 : stagePosition.top) || 0) - ((null === (_c = this.stage) || void 0 === _c ? void 0 : _c.y) || 0)
+        };
+    }
+    render() {
+        this.bindBrushEvents();
+        const group = this.createOrUpdateChild("brush-container", {}, "group");
+        this._container = group;
+    }
+    setUpdateDragMaskCallback(callback) {
+        isFunction(callback) && (this._updateDragMaskCallback = callback);
+    }
+}
+
+Brush.defaultAttributes = DEFAULT_BRUSH_ATTRIBUTES;
+//# sourceMappingURL=brush.js.map

package/es/brush/brush.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/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    const brushMoved = this.attribute?.brushMoved ?? true;\n    this._activeMoveState = brushMoved && this._isPosInBrushMask(e); // 如果是移动状态，在这里会标记operatingMask为正在移动的mask\n    this._activeDrawState = !this._activeMoveState;\n\n    if (this._outOfInteractiveRange(e)) {\n      return;\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 { brushStyle } = this.attribute as BrushAttributes;\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    if (this._activeDrawState) {\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   * 移动中\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"]}

package/es/brush/config.d.ts

@@ -0,0 +1,21 @@
+export declare const DEFAULT_BRUSH_ATTRIBUTES: {
+    brushMode: string;
+    brushType: string;
+    brushStyle: {
+        fill: boolean;
+        fillColor: string;
+        fillOpacity: number;
+        strokeColor: string;
+        strokeWidth: number;
+    };
+    brushMoved: boolean;
+    removeOnClick: boolean;
+    delayType: string;
+    delayTime: number;
+    interactiveRange: {
+        y1: number;
+        y2: number;
+        x1: number;
+        x2: number;
+    };
+};

package/es/brush/config.js

@@ -0,0 +1,22 @@
+export const DEFAULT_BRUSH_ATTRIBUTES = {
+    brushMode: "single",
+    brushType: "rect",
+    brushStyle: {
+        fill: !0,
+        fillColor: "#B0C8F9",
+        fillOpacity: .2,
+        strokeColor: "#B0C8F9",
+        strokeWidth: 2
+    },
+    brushMoved: !0,
+    removeOnClick: !0,
+    delayType: "throttle",
+    delayTime: 10,
+    interactiveRange: {
+        y1: -1 / 0,
+        y2: 1 / 0,
+        x1: -1 / 0,
+        x2: 1 / 0
+    }
+};
+//# sourceMappingURL=config.js.map

package/es/brush/config.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/brush/config.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,wBAAwB,GAAG;IACtC,SAAS,EAAE,QAAQ;IACnB,SAAS,EAAE,MAAM;IACjB,UAAU,EAAE;QACV,IAAI,EAAE,IAAI;QACV,SAAS,EAAE,SAAS;QACpB,WAAW,EAAE,GAAG;QAChB,WAAW,EAAE,SAAS;QACtB,WAAW,EAAE,CAAC;KACf;IACD,UAAU,EAAE,IAAI;IAChB,aAAa,EAAE,IAAI;IACnB,SAAS,EAAE,UAAU;IACrB,SAAS,EAAE,EAAE;IACb,gBAAgB,EAAE;QAChB,EAAE,EAAE,CAAC,QAAQ;QACb,EAAE,EAAE,QAAQ;QACZ,EAAE,EAAE,CAAC,QAAQ;QACb,EAAE,EAAE,QAAQ;KACb;CACF,CAAC","file":"config.js","sourcesContent":["export const DEFAULT_BRUSH_ATTRIBUTES = {\n  brushMode: 'single',\n  brushType: 'rect',\n  brushStyle: {\n    fill: true,\n    fillColor: '#B0C8F9',\n    fillOpacity: 0.2,\n    strokeColor: '#B0C8F9',\n    strokeWidth: 2\n  },\n  brushMoved: true,\n  removeOnClick: true,\n  delayType: 'throttle',\n  delayTime: 10,\n  interactiveRange: {\n    y1: -Infinity,\n    y2: Infinity,\n    x1: -Infinity,\n    x2: Infinity\n  }\n};\n"]}

package/es/brush/index.d.ts

@@ -0,0 +1,2 @@
+export * from './brush';
+export * from './type';

package/es/brush/index.js

@@ -0,0 +1,4 @@
+export * from "./brush";
+
+export * from "./type";
+//# sourceMappingURL=index.js.map

package/es/brush/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/brush/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC","file":"index.js","sourcesContent":["export * from './brush';\nexport * from './type';\n"]}

package/es/brush/type.d.ts

@@ -0,0 +1,21 @@
+import { IGroupGraphicAttribute, IPolygonGraphicAttribute } from '@visactor/vrender';
+export interface BrushAttributes extends IGroupGraphicAttribute {
+    interactiveRange?: {
+        minX: number;
+        maxX: number;
+        minY: number;
+        maxY: number;
+    };
+    brushMode?: IBrushMode;
+    brushType?: IBrushType;
+    xRange?: [number, number];
+    yRange?: [number, number];
+    brushStyle?: IPolygonGraphicAttribute;
+    brushMoved?: boolean;
+    removeOnClick?: boolean;
+    delayType?: IDelayType;
+    delayTime?: number;
+}
+export type IBrushType = 'x' | 'y' | 'rect' | 'polygon';
+export type IBrushMode = 'single' | 'multiple';
+export type IDelayType = 'debounce' | 'throttle';

package/es/brush/type.js

@@ -0,0 +1,2 @@
+export { };
+//# sourceMappingURL=type.js.map

package/es/brush/type.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/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"]}

package/es/constant.d.ts

@@ -0,0 +1,16 @@
+export declare const POLAR_START_ANGLE: number;
+export declare const POLAR_END_ANGLE: number;
+export declare const DEFAULT_TEXT_FONT_FAMILY = "PingFang SC,Microsoft Yahei,system-ui,-apple-system,segoe ui,Roboto,Helvetica,Arial,sans-serif, apple color emoji,segoe ui emoji,segoe ui symbol";
+export declare const DEFAULT_TEXT_FONT_SIZE = 11;
+export declare enum StateValue {
+    selected = "selected",
+    selectedReverse = "selected_reverse",
+    hover = "hover",
+    hoverReverse = "hover_reverse"
+}
+export declare const DEFAULT_STATES: {
+    selected_reverse: {};
+    selected: {};
+    hover: {};
+    hover_reverse: {};
+};

package/es/constant.js

@@ -0,0 +1,21 @@
+export const POLAR_START_ANGLE = -.5 * Math.PI;
+
+export const POLAR_END_ANGLE = 1.5 * Math.PI;
+
+export const DEFAULT_TEXT_FONT_FAMILY = "PingFang SC,Microsoft Yahei,system-ui,-apple-system,segoe ui,Roboto,Helvetica,Arial,sans-serif, apple color emoji,segoe ui emoji,segoe ui symbol";
+
+export const DEFAULT_TEXT_FONT_SIZE = 11;
+
+export var StateValue;
+
+!function(StateValue) {
+    StateValue.selected = "selected", StateValue.selectedReverse = "selected_reverse", 
+    StateValue.hover = "hover", StateValue.hoverReverse = "hover_reverse";
+}(StateValue || (StateValue = {}));
+
+export const DEFAULT_STATES = {
+    [StateValue.selectedReverse]: {},
+    [StateValue.selected]: {},
+    [StateValue.hover]: {},
+    [StateValue.hoverReverse]: {}
+};

package/es/constant.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/constant.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,GAAG,GAAG,IAAI,CAAC,EAAE,CAAC;AAChD,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,GAAG,IAAI,CAAC,EAAE,CAAC;AAE7C,MAAM,CAAC,MAAM,wBAAwB,GAEnC,kJAAkJ,CAAC;AAErJ,MAAM,CAAC,MAAM,sBAAsB,GAAG,EAAE,CAAC;AAEzC,MAAM,CAAN,IAAY,UAKX;AALD,WAAY,UAAU;IACpB,mCAAqB,CAAA;IACrB,kDAAoC,CAAA;IACpC,6BAAe,CAAA;IACf,4CAA8B,CAAA;AAChC,CAAC,EALW,UAAU,KAAV,UAAU,QAKrB;AAED,MAAM,CAAC,MAAM,cAAc,GAAG;IAC5B,CAAC,UAAU,CAAC,eAAe,CAAC,EAAE,EAAE;IAChC,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE,EAAE;IACzB,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,EAAE;IACtB,CAAC,UAAU,CAAC,YAAY,CAAC,EAAE,EAAE;CAC9B,CAAC","file":"constant.js","sourcesContent":["export const POLAR_START_ANGLE = -0.5 * Math.PI;\nexport const POLAR_END_ANGLE = 1.5 * Math.PI;\n\nexport const DEFAULT_TEXT_FONT_FAMILY =\n  // eslint-disable-next-line max-len\n  'PingFang SC,Microsoft Yahei,system-ui,-apple-system,segoe ui,Roboto,Helvetica,Arial,sans-serif, apple color emoji,segoe ui emoji,segoe ui symbol';\n\nexport const DEFAULT_TEXT_FONT_SIZE = 11;\n\nexport enum StateValue {\n  selected = 'selected',\n  selectedReverse = 'selected_reverse',\n  hover = 'hover',\n  hoverReverse = 'hover_reverse'\n}\n\nexport const DEFAULT_STATES = {\n  [StateValue.selectedReverse]: {},\n  [StateValue.selected]: {},\n  [StateValue.hover]: {},\n  [StateValue.hoverReverse]: {}\n};\n"]}

package/es/core/base.d.ts

@@ -0,0 +1,12 @@
+import { Group, IGroupGraphicAttribute } from '@visactor/vrender';
+export declare abstract class AbstractComponent<T extends IGroupGraphicAttribute = IGroupGraphicAttribute> extends Group {
+    attribute: Partial<T>;
+    protected mode: '2d' | '3d';
+    constructor(attributes: T, mode?: '2d' | '3d');
+    setAttribute(key: keyof T, value: any, forceUpdateTag?: boolean | undefined): void;
+    setAttributes(params: Partial<T>, forceUpdateTag?: boolean | undefined): void;
+    protected _mergeAttributes(params: Partial<T>, keys?: (keyof T)[]): void;
+    protected bindEvents(): void;
+    protected abstract render(): void;
+    protected _getNodeId(id: string): string;
+}

package/es/core/base.js

@@ -0,0 +1,40 @@
+import { Group } from "@visactor/vrender";
+
+import { merge, isPlainObject, isNil } from "@visactor/vutils";
+
+const GROUP_ATTRIBUTES = [ "x", "y", "dx", "dy", "scaleX", "scaleY", "angle", "anchor", "postMatrix", "visible", "clip", "pickable", "childrenPickable", "zIndex" ];
+
+export class AbstractComponent extends Group {
+    constructor(attributes, mode = "2d") {
+        super(attributes), this.mode = mode, this.setTheme({
+            common: {
+                strokeBoundsBuffer: 0
+            }
+        }), this.attribute = attributes, this.onSetStage((() => {
+            this.render(), this.bindEvents();
+        }));
+    }
+    setAttribute(key, value, forceUpdateTag) {
+        isPlainObject(this.attribute[key]) ? merge(this.attribute[key], value) : this.attribute[key] = value, 
+        GROUP_ATTRIBUTES.includes(key) || this.render(), this.valid = this.isValid(), this.updateShapeAndBoundsTagSetted() || !forceUpdateTag && !this.needUpdateTag(key) ? this.addUpdateBoundTag() : this.addUpdateShapeAndBoundsTag(), 
+        this.addUpdatePositionTag(), this.onAttributeUpdate();
+    }
+    setAttributes(params, forceUpdateTag) {
+        const keys = Object.keys(params);
+        this._mergeAttributes(params, keys), keys.every((key => GROUP_ATTRIBUTES.includes(key))) || this.render(), 
+        this.valid = this.isValid(), this.updateShapeAndBoundsTagSetted() || !forceUpdateTag && !this.needUpdateTags(keys) ? this.addUpdateBoundTag() : this.addUpdateShapeAndBoundsTag(), 
+        this.addUpdatePositionTag(), this.onAttributeUpdate();
+    }
+    _mergeAttributes(params, keys) {
+        isNil(keys) && (keys = Object.keys(params));
+        for (let i = 0; i < keys.length; i++) {
+            const key = keys[i];
+            isPlainObject(this.attribute[key]) ? merge(this.attribute[key], params[key]) : this.attribute[key] = params[key];
+        }
+    }
+    bindEvents() {}
+    _getNodeId(id) {
+        return `${this.id}-${this.name}-${id}`;
+    }
+}
+//# sourceMappingURL=base.js.map

package/es/core/base.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/core/base.ts"],"names":[],"mappings":"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","file":"base.js","sourcesContent":["/**\n * @description 组件基类\n */\nimport { Group, IGroupGraphicAttribute } from '@visactor/vrender';\nimport { merge, isPlainObject, isNil } from '@visactor/vutils';\n\nconst GROUP_ATTRIBUTES = [\n  'x',\n  'y',\n  'dx',\n  'dy',\n  'scaleX',\n  'scaleY',\n  'angle',\n  'anchor',\n  'postMatrix',\n  'visible',\n  'clip',\n  'pickable',\n  'childrenPickable',\n  'zIndex'\n];\n\nexport abstract class AbstractComponent<T extends IGroupGraphicAttribute = IGroupGraphicAttribute> extends Group {\n  declare attribute: Partial<T>;\n\n  protected mode: '2d' | '3d';\n\n  constructor(attributes: T, mode: '2d' | '3d' = '2d') {\n    super(attributes);\n    this.mode = mode;\n    // 组件需要精准 bounds，所以将这个 strokeBoundsBuffer 设置为 0，否则会影响包围盒的获取\n    this.setTheme({\n      common: {\n        strokeBoundsBuffer: 0\n      }\n    });\n    this.attribute = attributes;\n    // 这里调用渲染和事件绑定逻辑\n    this.onSetStage(() => {\n      this.render();\n      this.bindEvents();\n    });\n  }\n\n  /**\n   * @override\n   * 更新单个属性值\n   * @param key\n   * @param value\n   * @param forceUpdateTag\n   */\n  // @ts-ignore\n  setAttribute(key: keyof T, value: any, forceUpdateTag?: boolean | undefined): void {\n    if (isPlainObject(this.attribute[key])) {\n      merge(this.attribute[key], value);\n    } else {\n      this.attribute[key] = value;\n    }\n\n    // HACK: 待优化\n    if (!GROUP_ATTRIBUTES.includes(key as string)) {\n      this.render();\n    }\n\n    this.valid = this.isValid();\n    if (!this.updateShapeAndBoundsTagSetted() && (forceUpdateTag || this.needUpdateTag(key as string))) {\n      this.addUpdateShapeAndBoundsTag();\n    } else {\n      this.addUpdateBoundTag();\n    }\n    this.addUpdatePositionTag();\n    this.onAttributeUpdate();\n  }\n\n  // @ts-ignore\n  setAttributes(params: Partial<T>, forceUpdateTag?: boolean | undefined): void {\n    const keys = Object.keys(params) as (keyof T)[];\n    this._mergeAttributes(params, keys);\n\n    // HACK: 待优化\n    if (!keys.every(key => GROUP_ATTRIBUTES.includes(key as string))) {\n      this.render();\n    }\n\n    this.valid = this.isValid();\n    // 没有设置shape&bounds的tag\n    if (!this.updateShapeAndBoundsTagSetted() && (forceUpdateTag || this.needUpdateTags(keys as string[]))) {\n      this.addUpdateShapeAndBoundsTag();\n    } else {\n      this.addUpdateBoundTag();\n    }\n    this.addUpdatePositionTag();\n    this.onAttributeUpdate();\n  }\n\n  protected _mergeAttributes(params: Partial<T>, keys?: (keyof T)[]) {\n    if (isNil(keys)) {\n      keys = Object.keys(params) as (keyof T)[];\n    }\n    for (let i = 0; i < keys.length; i++) {\n      const key = keys[i] as keyof Partial<T>;\n      if (isPlainObject(this.attribute[key])) {\n        merge(this.attribute[key], params[key]);\n      } else {\n        this.attribute[key] = params[key];\n      }\n    }\n  }\n\n  protected bindEvents() {\n    // for override\n  }\n\n  protected abstract render(): void;\n\n  // 图形元素 id\n  protected _getNodeId(id: string) {\n    return `${this.id}-${this.name}-${id}`;\n  }\n}\n"]}

package/es/core/type.d.ts

@@ -0,0 +1,28 @@
+export type Point = {
+    x: number;
+    y: number;
+};
+export interface LocationCfg {
+    [key: string]: any;
+}
+export interface PointLocationCfg extends LocationCfg {
+    x: number;
+    y: number;
+}
+export interface RegionLocationCfg extends LocationCfg {
+    start: Point;
+    end: Point;
+}
+export type State<T> = {
+    [key: string]: T;
+};
+export type BaseGraphicAttributes<T> = {
+    style?: T;
+    state?: State<T>;
+};
+export type Padding = number | number[] | {
+    top?: number;
+    bottom?: number;
+    left?: number;
+    right?: number;
+};

package/es/core/type.js

@@ -0,0 +1 @@
+export { };

package/es/core/type.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/core/type.ts"],"names":[],"mappings":"","file":"type.js","sourcesContent":["export type Point = {\n  x: number;\n  y: number;\n};\n\nexport interface LocationCfg {\n  [key: string]: any;\n}\n\nexport interface PointLocationCfg extends LocationCfg {\n  /**\n   * 位置 x\n   * @type {number}\n   */\n  x: number;\n  /**\n   * 位置 y\n   * @type {number}\n   */\n  y: number;\n}\n\nexport interface RegionLocationCfg extends LocationCfg {\n  /**\n   * 起始点\n   */\n  start: Point;\n  /**\n   * 结束点\n   */\n  end: Point;\n}\n\nexport type State<T> = {\n  [key: string]: T;\n};\n\nexport type BaseGraphicAttributes<T> = {\n  /**\n   * 基础样式设置\n   */\n  style?: T;\n  /**\n   * 状态样式设置\n   */\n  state?: State<T>;\n};\n\nexport type Padding =\n  | number\n  | number[]\n  | {\n      top?: number;\n      bottom?: number;\n      left?: number;\n      right?: number;\n    };\n"]}

package/es/crosshair/base.d.ts

@@ -0,0 +1,10 @@
+import { IGroup } from '@visactor/vrender';
+import { AbstractComponent } from '../core/base';
+import { LocationCfg } from '../core/type';
+import { BaseCrosshairAttrs } from './type';
+export declare abstract class CrosshairBase<T extends BaseCrosshairAttrs> extends AbstractComponent<Required<T>> {
+    name: string;
+    protected abstract renderCrosshair(container: IGroup): any;
+    abstract setLocation(location: LocationCfg): void;
+    protected render(): void;
+}

package/es/crosshair/base.js

@@ -0,0 +1,11 @@
+import { AbstractComponent } from "../core/base";
+
+export class CrosshairBase extends AbstractComponent {
+    constructor() {
+        super(...arguments), this.name = "crosshair";
+    }
+    render() {
+        this.renderCrosshair(this);
+    }
+}
+//# sourceMappingURL=base.js.map

package/es/crosshair/base.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/crosshair/base.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAIjD,MAAM,OAAgB,aAA4C,SAAQ,iBAA8B;IAAxG;;QACE,SAAI,GAAG,WAAW,CAAC;IAYrB,CAAC;IAHW,MAAM;QACd,IAAI,CAAC,eAAe,CAAC,IAAyB,CAAC,CAAC;IAClD,CAAC;CACF","file":"base.js","sourcesContent":["/**\n * @description Crosshair 基类\n */\nimport { IGroup } from '@visactor/vrender';\nimport { AbstractComponent } from '../core/base';\nimport { LocationCfg } from '../core/type';\nimport { BaseCrosshairAttrs } from './type';\n\nexport abstract class CrosshairBase<T extends BaseCrosshairAttrs> extends AbstractComponent<Required<T>> {\n  name = 'crosshair';\n\n  protected abstract renderCrosshair(container: IGroup): any;\n  /**\n   * 更新位置\n   * @param location 位置信息\n   */\n  abstract setLocation(location: LocationCfg): void;\n\n  protected render() {\n    this.renderCrosshair(this as unknown as IGroup);\n  }\n}\n"]}

package/es/crosshair/circle.d.ts

@@ -0,0 +1,17 @@
+import { IGroup } from '@visactor/vrender';
+import { PointLocationCfg } from '../core/type';
+import { CrosshairBase } from './base';
+import { CircleCrosshairAttrs } from './type';
+export declare class CircleCrosshair extends CrosshairBase<CircleCrosshairAttrs> {
+    static defaultAttributes: {
+        lineStyle: {
+            stroke: boolean[];
+            strokeColor: string;
+            lineWidth: number;
+            lineDash: number[];
+        };
+    };
+    constructor(attributes: CircleCrosshairAttrs);
+    protected renderCrosshair(container: IGroup): import("@visactor/vrender").INode;
+    setLocation(point: PointLocationCfg): void;
+}

package/es/crosshair/circle.js

@@ -0,0 +1,29 @@
+import { merge, PointService } from "@visactor/vutils";
+
+import { CrosshairBase } from "./base";
+
+export class CircleCrosshair extends CrosshairBase {
+    constructor(attributes) {
+        super(merge({}, CircleCrosshair.defaultAttributes, attributes));
+    }
+    renderCrosshair(container) {
+        const {center: center, radius: radius, lineStyle: lineStyle} = this.attribute;
+        return container.createOrUpdateChild("crosshair-circle", Object.assign(Object.assign(Object.assign(Object.assign({}, center), {
+            outerRadius: radius
+        }), this.attribute), lineStyle), "arc");
+    }
+    setLocation(point) {
+        const {center: center} = this.attribute, radius = PointService.distancePP(point, center);
+        this.setAttribute("radius", radius);
+    }
+}
+
+CircleCrosshair.defaultAttributes = {
+    lineStyle: {
+        stroke: [ !0, !1, !1, !1 ],
+        strokeColor: "#b2bacf",
+        lineWidth: 1,
+        lineDash: [ 2 ]
+    }
+};
+//# sourceMappingURL=circle.js.map

package/es/crosshair/circle.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/crosshair/circle.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAGvC,MAAM,OAAO,eAAgB,SAAQ,aAAmC;IAUtE,YAAY,UAAgC;QAC1C,KAAK,CAAC,KAAK,CAAC,EAAE,EAAE,eAAe,CAAC,iBAAiB,EAAE,UAAU,CAAC,CAAC,CAAC;IAClE,CAAC;IAES,eAAe,CAAC,SAAiB;QACzC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC,SAAiC,CAAC;QAE7E,MAAM,MAAM,GAAG,SAAS,CAAC,mBAAmB,CAC1C,kBAAkB,8DAEb,MAAM,KACT,WAAW,EAAE,MAAM,KAChB,IAAI,CAAC,SAAS,GACd,SAAS,GAEd,KAAK,CACN,CAAC;QACF,OAAO,MAAM,CAAC;IAChB,CAAC;IAED,WAAW,CAAC,KAAuB;QACjC,MAAM,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,SAAiC,CAAC;QAC1D,MAAM,MAAM,GAAG,YAAY,CAAC,UAAU,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;QAEtD,IAAI,CAAC,YAAY,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;IACtC,CAAC;;AAlCM,iCAAiB,GAAG;IACzB,SAAS,EAAE;QACT,MAAM,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC;QACnC,WAAW,EAAE,SAAS;QACtB,SAAS,EAAE,CAAC;QACZ,QAAQ,EAAE,CAAC,CAAC,CAAC;KACd;CACF,CAAC","file":"circle.js","sourcesContent":["/**\n * @description circle 类型 crosshair，用于极坐标系下\n */\nimport { IGroup } from '@visactor/vrender';\nimport { merge, PointService } from '@visactor/vutils';\nimport { PointLocationCfg } from '../core/type';\nimport { CrosshairBase } from './base';\nimport { CircleCrosshairAttrs } from './type';\n\nexport class CircleCrosshair extends CrosshairBase<CircleCrosshairAttrs> {\n  static defaultAttributes = {\n    lineStyle: {\n      stroke: [true, false, false, false],\n      strokeColor: '#b2bacf',\n      lineWidth: 1,\n      lineDash: [2]\n    }\n  };\n\n  constructor(attributes: CircleCrosshairAttrs) {\n    super(merge({}, CircleCrosshair.defaultAttributes, attributes));\n  }\n\n  protected renderCrosshair(container: IGroup) {\n    const { center, radius, lineStyle } = this.attribute as CircleCrosshairAttrs;\n\n    const circle = container.createOrUpdateChild(\n      'crosshair-circle',\n      {\n        ...center,\n        outerRadius: radius,\n        ...this.attribute,\n        ...lineStyle\n      },\n      'arc'\n    );\n    return circle;\n  }\n\n  setLocation(point: PointLocationCfg) {\n    const { center } = this.attribute as CircleCrosshairAttrs;\n    const radius = PointService.distancePP(point, center);\n\n    this.setAttribute('radius', radius);\n  }\n}\n"]}

package/es/crosshair/index.d.ts

@@ -0,0 +1,6 @@
+export * from './line';
+export * from './rect';
+export * from './circle';
+export * from './sector';
+export * from './polygon';
+export * from './type';

package/es/crosshair/index.js

@@ -0,0 +1,12 @@
+export * from "./line";
+
+export * from "./rect";
+
+export * from "./circle";
+
+export * from "./sector";
+
+export * from "./polygon";
+
+export * from "./type";
+//# sourceMappingURL=index.js.map

package/es/crosshair/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/crosshair/index.ts"],"names":[],"mappings":"AAQA,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC","file":"index.js","sourcesContent":["/**\n * @description crosshair 组件\n * 1. line 直线\n * 2. rect 矩形\n * 3. sector rect 在极坐标系下的\n * 4. circle 用于极坐标系下弧度轴，smooth === true 时\n * 5. polygon 用于极坐标系下弧度轴，smooth === false 时\n */\nexport * from './line';\nexport * from './rect';\nexport * from './circle';\nexport * from './sector';\nexport * from './polygon';\nexport * from './type';\n"]}

package/es/crosshair/line.d.ts

@@ -0,0 +1,17 @@
+import { IGroup } from '@visactor/vrender';
+import { RegionLocationCfg } from '../core/type';
+import { CrosshairBase } from './base';
+import { LineCrosshairAttrs } from './type';
+export declare class LineCrosshair extends CrosshairBase<LineCrosshairAttrs> {
+    static defaultAttributes: {
+        lineStyle: {
+            stroke: boolean;
+            strokeColor: string;
+            lineWidth: number;
+            lineDash: number[];
+        };
+    };
+    constructor(attributes: LineCrosshairAttrs);
+    protected renderCrosshair(container: IGroup): import("@visactor/vrender").INode;
+    setLocation(region: RegionLocationCfg): void;
+}