@visactor/vgrammar-core 0.7.7 → 0.8.0

package/es/interactions/brush-base.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/interactions/brush-base.ts"],"names":[],"mappings":"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","file":"brush-base.js","sourcesContent":["import { Brush, IOperateType } from '@visactor/vrender-components';\nimport type { BrushOptions, IElement, IGlyphElement, IMark, IView, InteractionEventHandler } from '../types';\nimport { BaseInteraction } from './base';\nimport type { IGraphic, IPolygon, IRectGraphicAttribute } from '@visactor/vrender-core';\nimport {\n  polygonContainPoint,\n  type IBounds,\n  type IPointLike,\n  polygonIntersectPolygon,\n  isRectIntersect\n} from '@visactor/vutils';\nimport { HOOK_EVENT } from '../graph';\n\nexport abstract class BrushBase<T extends BrushOptions> extends BaseInteraction<T> {\n  options: T;\n  protected _brushComp?: Brush;\n  protected _marks?: IMark[];\n\n  constructor(view: IView, options?: T) {\n    super(view, options);\n    this.options = options;\n    this._marks = view.getMarksBySelector(this.options.selector);\n  }\n\n  protected getEvents(): Array<{ type: string; handler: InteractionEventHandler }> {\n    return [\n      {\n        type: HOOK_EVENT.BEFORE_DO_RENDER,\n        handler: this.handleAfterDraw\n      }\n    ];\n  }\n\n  protected isPolygonBrushContainGraphicItem(\n    brushMask: IPolygon,\n    graphicItem: IGraphic,\n    offset?: { x: number; y: number }\n  ) {\n    // 根据变换矩阵得到brushMask的实际坐标\n    const points = brushMask.attribute.points;\n    const { a, b, c, d, e, f } = brushMask.globalTransMatrix;\n\n    const dx = offset?.x ?? 0;\n    const dy = offset?.y ?? 0;\n\n    const pointsCoord = points.map((p: IPointLike) => {\n      return {\n        x: a * p.x + c * p.y + e + dx,\n        y: b * p.x + d * p.y + f + dy\n      };\n    });\n\n    const globalAABBBoundsOffset = brushMask.globalAABBBounds\n      .clone()\n      .set(\n        brushMask.globalAABBBounds.x1 + dx,\n        brushMask.globalAABBBounds.y1 + dy,\n        brushMask.globalAABBBounds.x2 + dx,\n        brushMask.globalAABBBounds.y2 + dy\n      );\n\n    // 根据变换矩阵得到item的实际坐标\n    const x = graphicItem.globalTransMatrix.e;\n    const y = graphicItem.globalTransMatrix.f;\n\n    // brush与图表图元进行相交 或 包含判断\n    if (graphicItem.type === 'symbol' || graphicItem.type === 'circle') {\n      return globalAABBBoundsOffset.contains(x, y) && polygonContainPoint(pointsCoord, x, y);\n    } else if (graphicItem.type === 'rect') {\n      const { width = 0, height = 0 } = graphicItem?.attribute as IRectGraphicAttribute;\n      const pointsRect = [\n        {\n          x: x,\n          y: y\n        },\n        {\n          x: x + width,\n          y: y\n        },\n        {\n          x: x + width,\n          y: y + height\n        },\n        {\n          x: x,\n          y: y + height\n        }\n      ];\n      return polygonIntersectPolygon(pointsCoord, pointsRect);\n    }\n    return brushMask.globalAABBBounds.intersects(graphicItem.globalAABBBounds);\n  }\n\n  protected isRectBrushContainGraphicItem(\n    brushMask: IPolygon,\n    graphicItem: IGraphic,\n    offset?: { x: number; y: number }\n  ) {\n    const dx = offset?.x ?? 0;\n    const dy = offset?.y ?? 0;\n\n    const globalAABBBoundsOffset = brushMask.globalAABBBounds\n      .clone()\n      .set(\n        brushMask.globalAABBBounds.x1 + dx,\n        brushMask.globalAABBBounds.y1 + dy,\n        brushMask.globalAABBBounds.x2 + dx,\n        brushMask.globalAABBBounds.y2 + dy\n      );\n\n    // 根据变换矩阵得到item的实际坐标\n    const x = graphicItem.globalTransMatrix.e;\n    const y = graphicItem.globalTransMatrix.f;\n\n    // brush与图表图元进行相交 或 包含判断\n    if (graphicItem.type === 'symbol' || graphicItem.type === 'circle') {\n      return globalAABBBoundsOffset.contains(x, y);\n    } else if (graphicItem.type === 'rect') {\n      const { width = 0, height = 0 } = graphicItem?.attribute as IRectGraphicAttribute;\n      return isRectIntersect(globalAABBBoundsOffset, { x1: x, y1: y, x2: x + width, y2: y + height }, false);\n    }\n    return brushMask.globalAABBBounds.intersects(graphicItem.globalAABBBounds);\n  }\n\n  protected isBrushContainGraphicItem(brushMask: IPolygon, graphicItem: IGraphic, offset?: { x: number; y: number }) {\n    if (\n      !brushMask?.globalTransMatrix ||\n      !brushMask.globalAABBBounds ||\n      brushMask.globalAABBBounds.empty() ||\n      !graphicItem ||\n      !brushMask?.attribute?.points ||\n      brushMask.attribute.points.length <= 1\n    ) {\n      return false;\n    }\n\n    return this.options.brushType === 'polygon'\n      ? this.isPolygonBrushContainGraphicItem(brushMask, graphicItem, offset)\n      : this.isRectBrushContainGraphicItem(brushMask, graphicItem, offset);\n  }\n\n  handleAfterDraw = () => {\n    const stage = this.view.renderer.stage();\n    if (this._brushComp || !stage) {\n      return;\n    }\n\n    const viewBox = this.view.getViewBox();\n\n    this._brushComp = new Brush({\n      interactiveRange: this.options.interactiveRange ?? {\n        minX: viewBox.x1,\n        maxX: viewBox.x2,\n        minY: viewBox.y1,\n        maxY: viewBox.y2\n      },\n      xRange: this.options.xRange ?? [viewBox.x1, viewBox.x2],\n      yRange: this.options.yRange ?? [viewBox.y1, viewBox.y2],\n      brushMode: this.options.brushMode ?? 'single',\n      brushType: this.options.brushType,\n      brushStyle: this.options.brushStyle,\n      brushMoved: this.options.brushMoved,\n      removeOnClick: this.options.removeOnClick,\n      sizeThreshold: this.options.sizeThreshold,\n      delayType: this.options.delayType,\n      delayTime: this.options.delayTime\n    });\n    this._brushComp.setUpdateDragMaskCallback(this.handleBrushUpdate);\n\n    (stage.defaultLayer as any).appendChild(this._brushComp);\n  };\n\n  abstract handleBrushUpdate: (options: {\n    operateType: string;\n    operateMask: IPolygon;\n    operatedMaskAABBBounds: { [name: string]: IBounds };\n  }) => void;\n\n  unbind(): void {\n    super.unbind();\n\n    if (this._brushComp) {\n      this._brushComp.releaseBrushEvents();\n      this._brushComp.release();\n      this._brushComp = null;\n    }\n  }\n\n  protected dispatchEvent(\n    options: {\n      operateType: string;\n      operateMask: IPolygon;\n      operatedMaskAABBBounds: { [name: string]: IBounds };\n    },\n    activeElements: (IElement | IGlyphElement)[]\n  ) {\n    const params = { operateType: options.operateType, operateMask: options.operateMask, activeElements };\n    if (options.operateType === IOperateType.drawStart || options.operateType === IOperateType.moveStart) {\n      this.view.emit('brushStart', params);\n      if (this.options.onStart) {\n        this.options.onStart(params);\n      }\n    } else if (options.operateType === IOperateType.drawing || options.operateType === IOperateType.moving) {\n      this.view.emit('brushUpdate', params);\n      if (this.options.onUpdate) {\n        this.options.onEnd(params);\n      }\n    } else if (options.operateType === IOperateType.drawEnd || options.operateType === IOperateType.moveEnd) {\n      this.view.emit('brushEnd', params);\n      if (this.options.onEnd) {\n        this.options.onEnd(params);\n      }\n    } else {\n      this.view.emit('brushReset', params);\n      if (this.options.onReset) {\n        this.options.onReset(params);\n      }\n    }\n  }\n}\n"]}

package/es/interactions/brush-filter.d.ts

@@ -0,0 +1,24 @@
+import type { IPolygon } from '@visactor/vrender-core';
+import type { BrushFilterOptions, IView } from '../types';
+import { BrushBase } from './brush-base';
+import { type IBounds } from '@visactor/vutils';
+import type { FilterMixin } from './filter';
+export interface BrushFilter extends Pick<FilterMixin, '_data' | '_filterValue' | '_dataFilter' | 'handleFilter' | '_filterData'>, BrushBase<BrushFilterOptions> {
+}
+export declare class BrushFilter extends BrushBase<BrushFilterOptions> {
+    static type: string;
+    type: string;
+    static defaultOptions: Omit<BrushFilterOptions, 'target'>;
+    constructor(view: IView, option?: BrushFilterOptions);
+    protected getEvents(): {
+        type: string;
+        handler: import("../types").InteractionEventHandler;
+    }[];
+    handleBrushUpdate: (options: {
+        operateType: string;
+        operateMask: IPolygon;
+        operatedMaskAABBBounds: {
+            [name: string]: IBounds;
+        };
+    }) => void;
+}

package/es/interactions/brush-filter.js

@@ -0,0 +1,33 @@
+import { BrushBase } from "./brush-base";
+
+import { isString, array } from "@visactor/vutils";
+
+import { DataFilterRank } from "../graph";
+
+export class BrushFilter extends BrushBase {
+    constructor(view, option) {
+        super(view, Object.assign({}, BrushFilter.defaultOptions, option)), this.type = BrushFilter.type, 
+        this.handleBrushUpdate = options => {
+            const elements = [];
+            let filterValue = [];
+            this._marks.forEach((mark => {
+                mark.elements.forEach((el => {
+                    this.isBrushContainGraphicItem(options.operateMask, el.getGraphicItem()) && (elements.push(el), 
+                    filterValue = filterValue.concat(array(el.getDatum())));
+                }));
+            })), this._data && (filterValue = Array.from(new Set(filterValue)), this._filterValue && filterValue.length === this._filterValue.length && !filterValue.some((datum => !this._filterValue.includes(datum))) || (this._filterValue = filterValue, 
+            this.handleFilter())), this.dispatchEvent(options, elements);
+        }, this._data = isString(this.options.target.data) ? view.getDataById(this.options.target.data) : this.options.target.data;
+    }
+    getEvents() {
+        if (!this._data) return [];
+        const transform = this.options.target.transform;
+        return this._filterData(this._data, null, DataFilterRank.brush, null, void 0, ((data, filterValue) => {
+            const nextData = filterValue || data;
+            return transform ? transform(data, filterValue) : nextData;
+        })), super.getEvents();
+    }
+}
+
+BrushFilter.type = "brush-filter", BrushFilter.defaultOptions = {};
+//# sourceMappingURL=brush-filter.js.map

package/es/interactions/brush-filter.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/interactions/brush-filter.ts"],"names":[],"mappings":"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","file":"brush-filter.js","sourcesContent":["import type { IPolygon } from '@visactor/vrender-core';\nimport type { BrushFilterOptions, IElement, IGlyphElement, IView } from '../types';\nimport { BrushBase } from './brush-base';\nimport { isString, type IBounds, array } from '@visactor/vutils';\nimport { DataFilterRank } from '../graph';\nimport type { FilterMixin } from './filter';\n\nexport interface BrushFilter\n  extends Pick<FilterMixin, '_data' | '_filterValue' | '_dataFilter' | 'handleFilter' | '_filterData'>,\n    BrushBase<BrushFilterOptions> {}\n\nexport class BrushFilter extends BrushBase<BrushFilterOptions> {\n  static type: string = 'brush-filter';\n  type: string = BrushFilter.type;\n\n  static defaultOptions: Omit<BrushFilterOptions, 'target'> = {};\n\n  constructor(view: IView, option?: BrushFilterOptions) {\n    super(view, Object.assign({}, BrushFilter.defaultOptions, option));\n    this._data = isString(this.options.target.data)\n      ? view.getDataById(this.options.target.data)\n      : this.options.target.data;\n  }\n\n  protected getEvents() {\n    if (!this._data) {\n      return [];\n    }\n\n    const transform = this.options.target.transform;\n    const dataTransform = (data: any[], filterValue: any) => {\n      const nextData = !filterValue ? data : filterValue;\n      return transform ? transform(data, filterValue) : nextData;\n    };\n\n    this._filterData(this._data, null, DataFilterRank.brush, null, undefined, dataTransform);\n\n    return super.getEvents();\n  }\n\n  handleBrushUpdate = (options: {\n    operateType: string;\n    operateMask: IPolygon;\n    operatedMaskAABBBounds: { [name: string]: IBounds };\n  }) => {\n    const elements: (IElement | IGlyphElement)[] = [];\n\n    let filterValue: any[] = [];\n\n    this._marks.forEach(mark => {\n      mark.elements.forEach(el => {\n        const isActive = this.isBrushContainGraphicItem(options.operateMask, el.getGraphicItem());\n\n        if (isActive) {\n          elements.push(el);\n          filterValue = filterValue.concat(array(el.getDatum()));\n        }\n      });\n    });\n\n    if (this._data) {\n      // remove repeated datum\n      filterValue = Array.from(new Set(filterValue));\n\n      // shallow compare\n      if (\n        !this._filterValue ||\n        filterValue.length !== this._filterValue.length ||\n        filterValue.some(datum => !this._filterValue.includes(datum))\n      ) {\n        this._filterValue = filterValue;\n        this.handleFilter();\n      }\n    }\n\n    this.dispatchEvent(options, elements);\n  };\n}\n"]}

package/es/interactions/brush-highlight.d.ts

@@ -0,0 +1,17 @@
+import type { IPolygon } from '@visactor/vrender-core';
+import type { BrushHighlightOptions, IView } from '../types';
+import { BrushBase } from './brush-base';
+import { type IBounds } from '@visactor/vutils';
+export declare class BrushHighlight extends BrushBase<BrushHighlightOptions> {
+    static type: string;
+    type: string;
+    static defaultOptions: BrushHighlightOptions;
+    constructor(view: IView, option?: BrushHighlightOptions);
+    handleBrushUpdate: (options: {
+        operateType: string;
+        operateMask: IPolygon;
+        operatedMaskAABBBounds: {
+            [name: string]: IBounds;
+        };
+    }) => void;
+}

package/es/interactions/brush-highlight.js

@@ -0,0 +1,31 @@
+import { InteractionStateEnum } from "../graph/enums";
+
+import { BrushBase } from "./brush-base";
+
+import { IOperateType } from "@visactor/vrender-components";
+
+export class BrushHighlight extends BrushBase {
+    constructor(view, option) {
+        super(view, Object.assign({}, BrushHighlight.defaultOptions, option)), this.type = BrushHighlight.type, 
+        this.handleBrushUpdate = options => {
+            const elements = [];
+            options.operateType === IOperateType.brushClear ? this._marks.forEach((mark => {
+                mark.elements.forEach((el => {
+                    el.removeState(this.options.blurState), el.removeState(this.options.highlightState);
+                }));
+            })) : this._marks.forEach((mark => {
+                mark.elements.forEach((el => {
+                    this.isBrushContainGraphicItem(options.operateMask, el.getGraphicItem()) ? (elements.push(el), 
+                    el.removeState(this.options.blurState), el.addState(this.options.highlightState)) : (el.removeState(this.options.highlightState), 
+                    el.addState(this.options.blurState));
+                }));
+            })), this.dispatchEvent(options, elements);
+        };
+    }
+}
+
+BrushHighlight.type = "brush-highlight", BrushHighlight.defaultOptions = {
+    highlightState: InteractionStateEnum.highlight,
+    blurState: InteractionStateEnum.blur
+};
+//# sourceMappingURL=brush-highlight.js.map

package/es/interactions/brush-highlight.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/interactions/brush-highlight.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAEtD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAE5D,MAAM,OAAO,cAAe,SAAQ,SAAgC;IASlE,YAAY,IAAW,EAAE,MAA8B;QACrD,KAAK,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,cAAc,CAAC,cAAc,EAAE,MAAM,CAAC,CAAC,CAAC;QARxE,SAAI,GAAW,cAAc,CAAC,IAAI,CAAC;QAWnC,sBAAiB,GAAG,CAAC,OAIpB,EAAE,EAAE;YACH,MAAM,QAAQ,GAAiC,EAAE,CAAC;YAElD,IAAI,OAAO,CAAC,WAAW,KAAK,YAAY,CAAC,UAAU,EAAE;gBACnD,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;oBACzB,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE;wBACzB,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;wBACvC,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC;oBAC9C,CAAC,CAAC,CAAC;gBACL,CAAC,CAAC,CAAC;aACJ;iBAAM;gBACL,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;oBACzB,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE;wBACzB,MAAM,WAAW,GAAG,IAAI,CAAC,yBAAyB,CAAC,OAAO,CAAC,WAAW,EAAE,EAAE,CAAC,cAAc,EAAE,CAAC,CAAC;wBAE7F,IAAI,WAAW,EAAE;4BACf,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;4BAClB,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;4BACvC,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC;yBAC1C;6BAAM;4BACL,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC;4BAC5C,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;yBACrC;oBACH,CAAC,CAAC,CAAC;gBACL,CAAC,CAAC,CAAC;aACJ;YAED,IAAI,CAAC,aAAa,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;QACxC,CAAC,CAAC;IAlCF,CAAC;;AAVM,mBAAI,GAAW,iBAAiB,CAAC;AAGjC,6BAAc,GAA0B;IAC7C,cAAc,EAAE,oBAAoB,CAAC,SAAS;IAC9C,SAAS,EAAE,oBAAoB,CAAC,IAAI;CACrC,CAAC","file":"brush-highlight.js","sourcesContent":["import type { IPolygon } from '@visactor/vrender-core';\nimport { InteractionStateEnum } from '../graph/enums';\nimport type { BrushHighlightOptions, IElement, IGlyphElement, IView } from '../types';\nimport { BrushBase } from './brush-base';\nimport { type IBounds } from '@visactor/vutils';\nimport { IOperateType } from '@visactor/vrender-components';\n\nexport class BrushHighlight extends BrushBase<BrushHighlightOptions> {\n  static type: string = 'brush-highlight';\n  type: string = BrushHighlight.type;\n\n  static defaultOptions: BrushHighlightOptions = {\n    highlightState: InteractionStateEnum.highlight,\n    blurState: InteractionStateEnum.blur\n  };\n\n  constructor(view: IView, option?: BrushHighlightOptions) {\n    super(view, Object.assign({}, BrushHighlight.defaultOptions, option));\n  }\n\n  handleBrushUpdate = (options: {\n    operateType: string;\n    operateMask: IPolygon;\n    operatedMaskAABBBounds: { [name: string]: IBounds };\n  }) => {\n    const elements: (IElement | IGlyphElement)[] = [];\n\n    if (options.operateType === IOperateType.brushClear) {\n      this._marks.forEach(mark => {\n        mark.elements.forEach(el => {\n          el.removeState(this.options.blurState);\n          el.removeState(this.options.highlightState);\n        });\n      });\n    } else {\n      this._marks.forEach(mark => {\n        mark.elements.forEach(el => {\n          const isHighlight = this.isBrushContainGraphicItem(options.operateMask, el.getGraphicItem());\n\n          if (isHighlight) {\n            elements.push(el);\n            el.removeState(this.options.blurState);\n            el.addState(this.options.highlightState);\n          } else {\n            el.removeState(this.options.highlightState);\n            el.addState(this.options.blurState);\n          }\n        });\n      });\n    }\n\n    this.dispatchEvent(options, elements);\n  };\n}\n"]}

package/es/interactions/crosshair.d.ts

@@ -0,0 +1,53 @@
+import type { IPointLike } from '@visactor/vutils';
+import type { CircleCrosshairAttrs, LineCrosshairAttrs, PolygonCrosshairAttrs, RectCrosshairAttrs, SectorCrosshairAttrs } from '@visactor/vrender-components';
+import { CircleCrosshair, LineCrosshair, PolygonCrosshair, RectCrosshair, SectorCrosshair } from '@visactor/vrender-components';
+import type { CrosshairOptions, CrosshairType, IGroupMark, ITheme, IView, InteractionEvent, RecursivePartial } from '../types';
+import { BaseInteraction } from './base';
+import { CrosshairEnum } from '../graph';
+import type { IBaseScale } from '@visactor/vscale';
+type CrosshairComponent = CircleCrosshair | LineCrosshair | PolygonCrosshair | RectCrosshair | SectorCrosshair;
+export declare const generateLineCrosshairAttributes: (point: IPointLike, scale: IBaseScale, type: CrosshairType, groupSize: {
+    width: number;
+    height: number;
+}, config: any, theme?: ITheme, addition?: RecursivePartial<LineCrosshairAttrs> & any) => LineCrosshairAttrs;
+export declare const generateRectCrosshairAttributes: (point: IPointLike, scale: IBaseScale, type: CrosshairType, groupSize: {
+    width: number;
+    height: number;
+}, config: any, theme?: ITheme, addition?: RecursivePartial<RectCrosshairAttrs>) => RectCrosshairAttrs;
+export declare const generateRingCrosshairAttributes: (point: IPointLike, scale: IBaseScale, type: CrosshairType, groupSize: {
+    width: number;
+    height: number;
+}, config: any, theme?: ITheme, addition?: RecursivePartial<SectorCrosshairAttrs>) => SectorCrosshairAttrs;
+export declare const generateSectorCrosshairAttributes: (point: IPointLike, scale: IBaseScale, type: CrosshairType, groupSize: {
+    width: number;
+    height: number;
+}, config: any, theme?: ITheme, addition?: RecursivePartial<SectorCrosshairAttrs>) => SectorCrosshairAttrs;
+export declare const generateCircleCrosshairAttributes: (point: IPointLike, scale: IBaseScale, type: CrosshairType, groupSize: {
+    width: number;
+    height: number;
+}, config: any, theme?: ITheme, addition?: RecursivePartial<CircleCrosshairAttrs>) => CircleCrosshairAttrs;
+export declare const generatePolygonCrosshairAttributes: (point: IPointLike, scale: IBaseScale, type: CrosshairType, groupSize: {
+    width: number;
+    height: number;
+}, config: any, theme?: ITheme, addition?: RecursivePartial<PolygonCrosshairAttrs>) => PolygonCrosshairAttrs;
+export declare class Crosshair extends BaseInteraction<CrosshairOptions> {
+    static type: string;
+    type: string;
+    options: CrosshairOptions;
+    static defaultOptions: Omit<CrosshairOptions, 'target'>;
+    protected _crosshairComponent?: CrosshairComponent;
+    protected _crosshairComponentType?: keyof typeof CrosshairEnum;
+    protected _container: IGroupMark;
+    constructor(view: IView, options?: CrosshairOptions);
+    protected getEvents(): {
+        type: import("../types").EventType;
+        handler: (event: InteractionEvent) => void;
+    }[];
+    protected handleCrosshairShow: (event: InteractionEvent) => void;
+    protected handleCrosshairHide: () => void;
+    protected getCrosshairComponentType(): "lineCrosshair" | "rectCrosshair" | "sectorCrosshair" | "circleCrosshair" | "polygonCrosshair" | "ringCrosshair";
+    protected getDefaultCrosshairAttribute(): any;
+    bind(): void;
+    unbind(): void;
+}
+export {};

package/es/{component → interactions}/crosshair.js

@@ -2,15 +2,13 @@ import { clampRadian, getAngleByPoint, isString, merge } from "@visactor/vutils"
 
 import { CircleCrosshair, LineCrosshair, PolygonCrosshair, RectCrosshair, SectorCrosshair } from "@visactor/vrender-components";
 
-import { isContinuous, isDiscrete } from "@visactor/vscale";
-
-import { ComponentEnum, CrosshairEnum } from "../graph";
+import { BaseInteraction } from "./base";
 
-import { ScaleComponent } from "./scale";
+import { CrosshairEnum } from "../graph";
 
-import { invokeEncoder } from "../graph/mark/encode";
+import { isContinuous, isDiscrete } from "@visactor/vscale";
 
-import { Factory } from "../core/factory";
+import { invokeFunctionType } from "../parse/util";
 
 const computeCrosshairStartEnd = (point, scale, type, groupSize, config, offset = 0) => {
     var _a, _b;
@@ -143,22 +141,29 @@ export const generatePolygonCrosshairAttributes = (point, scale, type, groupSize
     }, null != addition ? addition : {});
 };
 
-export class Crosshair extends ScaleComponent {
-    constructor(view, group) {
-        super(view, ComponentEnum.crosshair, group), this._onCrosshairShow = event => {
-            var _a, _b, _c, _d;
-            if (!(null === (_b = null === (_a = this.elements[0]) || void 0 === _a ? void 0 : _a.getGraphicItem) || void 0 === _b ? void 0 : _b.call(_a))) return;
-            const groupGraphicItem = this.group.getGroupGraphicItem(), point = {
+export class Crosshair extends BaseInteraction {
+    constructor(view, options) {
+        var _a, _b;
+        super(view, options), this.type = Crosshair.type, this.handleCrosshairShow = event => {
+            var _a;
+            if (!this._crosshairComponent) return;
+            const groupGraphicItem = this._container.getGroupGraphicItem(), point = {
                 x: 0,
                 y: 0
+            }, globalTransMatrix = groupGraphicItem.globalTransMatrix, containerPoint = {
+                x: globalTransMatrix.e,
+                y: globalTransMatrix.f
             };
-            if (groupGraphicItem.globalTransMatrix.transformPoint(event.canvas, point), point.x < 0 || point.x > groupGraphicItem.attribute.width || point.y < 0 || point.y > groupGraphicItem.attribute.height) return;
-            const crosshair = this.elements[0].getGraphicItem(), crosshairType = null !== (_c = this.spec.crosshairType) && void 0 !== _c ? _c : "x", groupSize = {
+            if (globalTransMatrix.transformPoint(event.canvas, point), point.x < 0 || point.x > groupGraphicItem.attribute.width || point.y < 0 || point.y > groupGraphicItem.attribute.height) return void this._crosshairComponent.hideAll();
+            const crosshairType = null !== (_a = this.options.crosshairType) && void 0 !== _a ? _a : "x", groupSize = {
                 width: groupGraphicItem.attribute.width,
                 height: groupGraphicItem.attribute.height
-            }, scale = (isString(this.spec.scale) ? this.view.getScaleById(this.spec.scale) : this.spec.scale).getScale(), config = this.spec.componentConfig, theme = this.view.getCurrentTheme(), addition = null !== (_d = this._additionalEncodeResult) && void 0 !== _d ? _d : {};
+            }, scale = (isString(this.options.scale) ? this.view.getScaleById(this.options.scale) : this.options.scale).getScale(), config = {
+                center: this.options.center,
+                radius: this.options.radius
+            }, theme = this.view.getCurrentTheme(), addition = invokeFunctionType(this.options.attributes, this.parameters(), {}, {});
             let attributes = {};
-            switch (this._getCrosshairComponentType()) {
+            switch (this.getCrosshairComponentType()) {
               case CrosshairEnum.lineCrosshair:
                 attributes = generateLineCrosshairAttributes(point, scale, crosshairType, groupSize, config, theme, addition);
                 break;
@@ -182,72 +187,37 @@ export class Crosshair extends ScaleComponent {
               case CrosshairEnum.ringCrosshair:
                 attributes = generateRingCrosshairAttributes(point, scale, 0, groupSize, config, theme, addition);
             }
-            crosshair.showAll(), crosshair.setAttributes(attributes);
-        }, this._onCrosshairHide = event => {
-            this.elements[0].getGraphicItem().hideAll();
-        }, this.spec.componentType = ComponentEnum.crosshair, this.spec.crosshairShape = "line", 
-        this.spec.crosshairType = "x";
-    }
-    parseAddition(spec) {
-        return super.parseAddition(spec), this.crosshairType(spec.crosshairType), this.crosshairShape(spec.crosshairShape), 
-        this;
-    }
-    crosshairType(crosshairType) {
-        return this.spec.crosshairType = crosshairType, this._crosshairComponentType = null, 
-        this._prepareRejoin(), this.commit(), this;
-    }
-    crosshairShape(crosshairShape) {
-        return this.spec.crosshairShape = crosshairShape, this._crosshairComponentType = null, 
-        this._prepareRejoin(), this.commit(), this;
-    }
-    addGraphicItem(attrs, groupKey) {
-        const initialAttributes = Object.assign(this._getDefaultCrosshairAttribute(), attrs), graphicItem = Factory.createGraphicComponent(this._getCrosshairComponentType(), initialAttributes);
-        return super.addGraphicItem(initialAttributes, groupKey, graphicItem);
-    }
-    release() {
-        var _a, _b, _c, _d;
-        null === (_b = null === (_a = this._lastGroup) || void 0 === _a ? void 0 : _a.off) || void 0 === _b || _b.call(_a, "pointermove", this._onCrosshairShow), 
-        null === (_d = null === (_c = this._lastGroup) || void 0 === _c ? void 0 : _c.off) || void 0 === _d || _d.call(_c, "pointerleave", this._onCrosshairHide), 
-        super.release();
+            this.getCrosshairComponentType() !== CrosshairEnum.circleCrosshair && (attributes.x = containerPoint.x, 
+            attributes.y = containerPoint.y), this._crosshairComponent.showAll(), this._crosshairComponent.setAttributes(attributes);
+        }, this.handleCrosshairHide = () => {
+            this._crosshairComponent.hideAll();
+        }, this.options = Object.assign({}, Crosshair.defaultOptions, options), this._container = null !== (_b = null === (_a = view.getMarksBySelector(this.options.container)) || void 0 === _a ? void 0 : _a[0]) && void 0 !== _b ? _b : view.rootMark;
     }
-    init(stage, parameters) {
-        var _a, _b, _c, _d, _e, _f;
-        super.init(stage, parameters);
-        const groupGraphicItem = this.group ? this.group.getGroupGraphicItem() : stage.defaultLayer;
-        this._lastGroup !== groupGraphicItem && (null === (_b = null === (_a = this._lastGroup) || void 0 === _a ? void 0 : _a.off) || void 0 === _b || _b.call(_a, "pointermove", this._onCrosshairShow), 
-        null === (_d = null === (_c = this._lastGroup) || void 0 === _c ? void 0 : _c.off) || void 0 === _d || _d.call(_c, "pointerleave", this._onCrosshairHide)), 
-        null === (_e = null == groupGraphicItem ? void 0 : groupGraphicItem.on) || void 0 === _e || _e.call(groupGraphicItem, "pointermove", this._onCrosshairShow), 
-        null === (_f = null == groupGraphicItem ? void 0 : groupGraphicItem.on) || void 0 === _f || _f.call(groupGraphicItem, "pointerleave", this._onCrosshairHide), 
-        this._lastGroup = groupGraphicItem;
+    getEvents() {
+        return [ {
+            type: this.options.trigger,
+            handler: this.handleCrosshairShow
+        }, {
+            type: this.options.resetTrigger,
+            handler: this.handleCrosshairHide
+        } ];
     }
-    _updateComponentEncoders() {
-        const encoders = Object.assign({
-            update: {}
-        }, this.spec.encode), componentEncoders = Object.keys(encoders).reduce(((res, state) => {
-            const encoder = encoders[state];
-            return encoder && (res[state] = {
-                callback: (datum, element, parameters) => {
-                    this._additionalEncodeResult = invokeEncoder(encoder, datum, element, parameters);
-                }
-            }), res;
-        }), {});
-        this._encoders = componentEncoders;
-    }
-    _getCrosshairComponentType() {
+    getCrosshairComponentType() {
         var _a, _b;
         if (this._crosshairComponentType) return this._crosshairComponentType;
-        const shape = null !== (_a = this.spec.crosshairShape) && void 0 !== _a ? _a : "line", type = null !== (_b = this.spec.crosshairType) && void 0 !== _b ? _b : "x";
+        const shape = null !== (_a = this.options.crosshairShape) && void 0 !== _a ? _a : "line", type = null !== (_b = this.options.crosshairType) && void 0 !== _b ? _b : "x";
         return this._crosshairComponentType = "rect" === shape ? "angle" === type ? CrosshairEnum.sectorCrosshair : "radius" === type ? CrosshairEnum.ringCrosshair : "radius-polygon" === type ? CrosshairEnum.polygonCrosshair : CrosshairEnum.rectCrosshair : "radius" === type ? CrosshairEnum.circleCrosshair : "radius-polygon" === type ? CrosshairEnum.polygonCrosshair : CrosshairEnum.lineCrosshair, 
         this._crosshairComponentType;
     }
-    _getDefaultCrosshairAttribute() {
+    getDefaultCrosshairAttribute() {
         var _a;
-        const type = null !== (_a = this.spec.crosshairType) && void 0 !== _a ? _a : "x";
+        const type = null !== (_a = this.options.crosshairType) && void 0 !== _a ? _a : "x";
         return "radius" === type || "radius-polygon" === type ? {
             center: {
                 x: 0,
                 y: 0
-            }
+            },
+            zIndex: -1
         } : {
             start: {
                 x: 0,
@@ -256,20 +226,51 @@ export class Crosshair extends ScaleComponent {
             end: {
                 x: 0,
                 y: 0
-            }
+            },
+            zIndex: -1
         };
     }
-}
+    bind() {
+        super.bind();
+        const stage = this.view.renderer.stage();
+        if (!this._crosshairComponent && stage) {
+            switch (this.getCrosshairComponentType()) {
+              case CrosshairEnum.lineCrosshair:
+                this._crosshairComponent = new LineCrosshair(this.getDefaultCrosshairAttribute());
+                break;
 
-Crosshair.componentType = ComponentEnum.crosshair;
+              case CrosshairEnum.rectCrosshair:
+                this._crosshairComponent = new RectCrosshair(this.getDefaultCrosshairAttribute());
+                break;
+
+              case CrosshairEnum.sectorCrosshair:
+                this._crosshairComponent = new SectorCrosshair(this.getDefaultCrosshairAttribute());
+                break;
+
+              case CrosshairEnum.circleCrosshair:
+                this._crosshairComponent = new CircleCrosshair(this.getDefaultCrosshairAttribute());
+                break;
+
+              case CrosshairEnum.polygonCrosshair:
+                this._crosshairComponent = new PolygonCrosshair(this.getDefaultCrosshairAttribute());
+                break;
+
+              case CrosshairEnum.ringCrosshair:
+                this._crosshairComponent = new SectorCrosshair(this.getDefaultCrosshairAttribute());
+            }
+            stage.defaultLayer.appendChild(this._crosshairComponent);
+        }
+    }
+    unbind() {
+        super.unbind(), this._crosshairComponent && (this._crosshairComponent.release(), 
+        this._crosshairComponent = null);
+    }
+}
 
-export const registerCrosshair = () => {
-    Factory.registerGraphicComponent(CrosshairEnum.lineCrosshair, (attrs => new LineCrosshair(attrs))), 
-    Factory.registerGraphicComponent(CrosshairEnum.rectCrosshair, (attrs => new RectCrosshair(attrs))), 
-    Factory.registerGraphicComponent(CrosshairEnum.sectorCrosshair, (attrs => new SectorCrosshair(attrs))), 
-    Factory.registerGraphicComponent(CrosshairEnum.circleCrosshair, (attrs => new CircleCrosshair(attrs))), 
-    Factory.registerGraphicComponent(CrosshairEnum.polygonCrosshair, (attrs => new PolygonCrosshair(attrs))), 
-    Factory.registerGraphicComponent(CrosshairEnum.ringCrosshair, (attrs => new SectorCrosshair(attrs))), 
-    Factory.registerComponent(ComponentEnum.crosshair, Crosshair);
+Crosshair.type = "crosshair", Crosshair.defaultOptions = {
+    trigger: "pointermove",
+    resetTrigger: "pointerleave",
+    crosshairType: "x",
+    crosshairShape: "line"
 };
 //# sourceMappingURL=crosshair.js.map

package/es/interactions/crosshair.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/interactions/crosshair.ts"],"names":[],"mappings":"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","file":"crosshair.js","sourcesContent":["import type { IPointLike } from '@visactor/vutils';\n// eslint-disable-next-line no-duplicate-imports\nimport { clampRadian, getAngleByPoint, isString, merge } from '@visactor/vutils';\nimport type { IRectGraphicAttribute } from '@visactor/vrender-core';\nimport type {\n  CircleCrosshairAttrs,\n  LineCrosshairAttrs,\n  PolygonCrosshairAttrs,\n  RectCrosshairAttrs,\n  SectorCrosshairAttrs\n} from '@visactor/vrender-components';\n// eslint-disable-next-line no-duplicate-imports\nimport {\n  CircleCrosshair,\n  LineCrosshair,\n  PolygonCrosshair,\n  RectCrosshair,\n  SectorCrosshair\n} from '@visactor/vrender-components';\nimport type {\n  CrosshairOptions,\n  CrosshairType,\n  IGroupMark,\n  ITheme,\n  IView,\n  InteractionEvent,\n  RecursivePartial\n} from '../types';\nimport { BaseInteraction } from './base';\nimport { CrosshairEnum } from '../graph';\nimport type { IBandLikeScale, IBaseScale } from '@visactor/vscale';\n// eslint-disable-next-line no-duplicate-imports\nimport { isContinuous, isDiscrete } from '@visactor/vscale';\nimport { invokeFunctionType } from '../parse/util';\n\ntype CrosshairComponent = CircleCrosshair | LineCrosshair | PolygonCrosshair | RectCrosshair | SectorCrosshair;\n\nconst computeCrosshairStartEnd = (\n  point: IPointLike,\n  scale: IBaseScale,\n  type: CrosshairType,\n  groupSize: { width: number; height: number },\n  config: any,\n  offset: number = 0\n) => {\n  const start = { x: 0, y: 0 };\n  const end = { x: 0, y: 0 };\n  const radius = type === 'angle' ? config?.radius ?? Math.min(groupSize.width, groupSize.height) / 2 : null;\n  const center = type === 'angle' ? config?.center ?? { x: groupSize.width / 2, y: groupSize.height / 2 } : null;\n\n  let current = 0;\n  if (isDiscrete(scale.type)) {\n    if (type === 'x') {\n      current = scale.scale(scale.invert(point.x));\n    } else if (type === 'y') {\n      current = scale.scale(scale.invert(point.y));\n    } else if (type === 'angle') {\n      const angle = clampRadian(getAngleByPoint(center, point) + Math.PI * 2);\n      current = scale.scale(scale.invert(angle));\n    }\n  } else if (isContinuous(scale.type)) {\n    if (type === 'x') {\n      current = point.x;\n    } else if (type === 'y') {\n      current = point.y;\n    } else if (type === 'angle') {\n      current = getAngleByPoint(center, point);\n    }\n  }\n  current += offset;\n  switch (type) {\n    case 'x':\n      start.x = current;\n      start.y = 0;\n      end.x = current;\n      end.y = groupSize.height;\n      break;\n    case 'y':\n      start.x = 0;\n      start.y = current;\n      end.x = groupSize.width;\n      end.y = current;\n      break;\n    case 'angle':\n      start.x = center.x;\n      start.y = center.y;\n      end.x = center.x + radius * Math.cos(current);\n      end.y = center.y + radius * Math.sin(current);\n      break;\n  }\n  return { start, end };\n};\n\nconst computeRadiusOfTangential = (\n  point: IPointLike,\n  scale: IBaseScale,\n  type: CrosshairType,\n  groupSize: { width: number; height: number },\n  config: any,\n  addition?:\n    | RecursivePartial<PolygonCrosshairAttrs>\n    | RecursivePartial<CircleCrosshairAttrs>\n    | RecursivePartial<SectorCrosshairAttrs>\n) => {\n  const center = addition?.center ?? config?.center ?? { x: groupSize.width / 2, y: groupSize.height / 2 };\n  let currentRadius = 0;\n\n  if (isDiscrete(scale.type)) {\n    const offset = scale.type === 'band' ? (scale as IBandLikeScale).bandwidth() / 2 : 0;\n    const radius = Math.sqrt((point.x - center.x) ** 2 + (point.y - center.y) ** 2);\n    currentRadius = scale.scale(scale.invert(radius)) + offset;\n  } else if (isContinuous(scale.type)) {\n    const maxRadius = config?.radius ?? Math.min(groupSize.width, groupSize.height) / 2;\n    currentRadius = Math.min(maxRadius, Math.sqrt((point.x - center.x) ** 2 + (point.y - center.y) ** 2));\n  }\n\n  return { radius: currentRadius, center };\n};\n\nexport const generateLineCrosshairAttributes = (\n  point: IPointLike,\n  scale: IBaseScale,\n  type: CrosshairType,\n  groupSize: { width: number; height: number },\n  config: any,\n  theme?: ITheme,\n  addition?: RecursivePartial<LineCrosshairAttrs> & any\n): LineCrosshairAttrs => {\n  const crosshairTheme = theme?.components?.lineCrosshair;\n  const offset = scale.type === 'band' ? (scale as IBandLikeScale).bandwidth() / 2 : 0;\n  const points = computeCrosshairStartEnd(\n    point,\n    scale,\n    type,\n    groupSize,\n    {\n      radius: addition?.radius ?? config?.radius,\n      center: addition?.center ?? config?.center\n    },\n    offset\n  );\n  return merge({}, crosshairTheme, points, addition ?? {});\n};\n\nexport const generateRectCrosshairAttributes = (\n  point: IPointLike,\n  scale: IBaseScale,\n  type: CrosshairType,\n  groupSize: { width: number; height: number },\n  config: any,\n  theme?: ITheme,\n  addition?: RecursivePartial<RectCrosshairAttrs>\n): RectCrosshairAttrs => {\n  const crosshairTheme = theme?.components?.rectCrosshair;\n  const defaultSize = scale.type === 'band' || scale.type === 'point' ? (scale as IBandLikeScale).step() : undefined;\n  const customRectStyle = addition?.rectStyle;\n  const size =\n    defaultSize ??\n    (type === 'y'\n      ? customRectStyle?.width ?? crosshairTheme.rectStyle.width\n      : customRectStyle?.height ?? crosshairTheme.rectStyle.height);\n  const points = computeCrosshairStartEnd(point, scale, type, groupSize, config, scale.type === 'band' ? 0 : -size / 2);\n  const rectStyle: Partial<IRectGraphicAttribute> = {};\n  if (type === 'x') {\n    rectStyle.width = size;\n  } else {\n    rectStyle.height = size;\n  }\n  const attribute = merge(\n    {},\n    crosshairTheme,\n    {\n      start: points.start,\n      end: points.end,\n      rectStyle\n    },\n    addition ?? {}\n  );\n  if (type === 'x') {\n    attribute.rectStyle.height = attribute.end.y - attribute.start.y;\n  } else {\n    attribute.rectStyle.width = attribute.end.x - attribute.start.x;\n  }\n  return attribute;\n};\n\nexport const generateRingCrosshairAttributes = (\n  point: IPointLike,\n  scale: IBaseScale,\n  type: CrosshairType,\n  groupSize: { width: number; height: number },\n  config: any,\n  theme?: ITheme,\n  addition?: RecursivePartial<SectorCrosshairAttrs>\n): SectorCrosshairAttrs => {\n  const crosshairTheme = theme?.components?.circleCrosshair;\n  const { center, radius } = computeRadiusOfTangential(point, scale, type, groupSize, config, addition);\n\n  const startAngle = crosshairTheme.startAngle;\n  const endAngle = crosshairTheme.endAngle;\n  const deltaRadius = scale.type === 'band' || scale.type === 'point' ? (scale as IBandLikeScale).step() : 0;\n\n  return merge(\n    {},\n    crosshairTheme,\n    { center, innerRadius: radius - deltaRadius / 2, radius: radius + deltaRadius / 2, startAngle, endAngle },\n    addition ?? {}\n  );\n};\n\nexport const generateSectorCrosshairAttributes = (\n  point: IPointLike,\n  scale: IBaseScale,\n  type: CrosshairType,\n  groupSize: { width: number; height: number },\n  config: any,\n  theme?: ITheme,\n  addition?: RecursivePartial<SectorCrosshairAttrs>\n): SectorCrosshairAttrs => {\n  const crosshairTheme = theme?.components?.sectorCrosshair;\n  const radius = addition?.radius ?? config?.radius ?? Math.min(groupSize.width, groupSize.height) / 2;\n  const center = (addition?.center ??\n    config?.center ?? { x: groupSize.width / 2, y: groupSize.height / 2 }) as IPointLike;\n  const defaultAngle = crosshairTheme.endAngle - crosshairTheme.startAngle;\n  const angle = scale.type === 'band' || scale.type === 'point' ? (scale as IBandLikeScale).step() : defaultAngle;\n  let currentAngle = 0;\n  if (isDiscrete(scale.type)) {\n    const angle = clampRadian(getAngleByPoint(center, point) + Math.PI * 2);\n    currentAngle =\n      scale.scale(scale.invert(angle)) + (scale.type === 'band' ? (scale as IBandLikeScale).bandwidth() / 2 : 0);\n  } else if (isContinuous(scale.type)) {\n    currentAngle = getAngleByPoint(center, point);\n  }\n  const startAngle = currentAngle - angle / 2;\n  const endAngle = currentAngle + angle / 2;\n  return merge({}, crosshairTheme, { center, radius, startAngle, endAngle }, addition ?? {});\n};\n\nexport const generateCircleCrosshairAttributes = (\n  point: IPointLike,\n  scale: IBaseScale,\n  type: CrosshairType,\n  groupSize: { width: number; height: number },\n  config: any,\n  theme?: ITheme,\n  addition?: RecursivePartial<CircleCrosshairAttrs>\n): CircleCrosshairAttrs => {\n  const crosshairTheme = theme?.components?.circleCrosshair;\n  const { center, radius } = computeRadiusOfTangential(point, scale, type, groupSize, config, addition);\n\n  const startAngle = crosshairTheme.startAngle;\n  const endAngle = crosshairTheme.endAngle;\n\n  return merge({}, crosshairTheme, { center, radius: radius, startAngle, endAngle }, addition ?? {});\n};\n\nexport const generatePolygonCrosshairAttributes = (\n  point: IPointLike,\n  scale: IBaseScale,\n  type: CrosshairType,\n  groupSize: { width: number; height: number },\n  config: any,\n  theme?: ITheme,\n  addition?: RecursivePartial<PolygonCrosshairAttrs>\n): PolygonCrosshairAttrs => {\n  const crosshairTheme = theme?.components?.circleCrosshair;\n  const { center, radius } = computeRadiusOfTangential(point, scale, type, groupSize, config, addition);\n\n  const startAngle = crosshairTheme.startAngle;\n  const endAngle = crosshairTheme.endAngle;\n  return merge({}, crosshairTheme, { center, radius: radius, startAngle, endAngle }, addition ?? {});\n};\n\nexport class Crosshair extends BaseInteraction<CrosshairOptions> {\n  static type: string = 'crosshair';\n  type: string = Crosshair.type;\n  options: CrosshairOptions;\n\n  static defaultOptions: Omit<CrosshairOptions, 'target'> = {\n    trigger: 'pointermove',\n    resetTrigger: 'pointerleave',\n    crosshairType: 'x',\n    crosshairShape: 'line'\n  };\n\n  protected _crosshairComponent?: CrosshairComponent;\n  protected _crosshairComponentType?: keyof typeof CrosshairEnum;\n  protected _container: IGroupMark;\n\n  constructor(view: IView, options?: CrosshairOptions) {\n    super(view, options);\n    this.options = Object.assign({}, Crosshair.defaultOptions, options);\n    this._container = (view.getMarksBySelector(this.options.container)?.[0] as IGroupMark) ?? view.rootMark;\n  }\n\n  protected getEvents() {\n    return [\n      {\n        type: this.options.trigger,\n        handler: this.handleCrosshairShow\n      },\n      {\n        type: this.options.resetTrigger,\n        handler: this.handleCrosshairHide\n      }\n    ];\n  }\n\n  protected handleCrosshairShow = (event: InteractionEvent) => {\n    if (!this._crosshairComponent) {\n      return;\n    }\n    const groupGraphicItem = this._container.getGroupGraphicItem();\n    // FIXME: waiting for vRender to add transformed position to event\n    const point = { x: 0, y: 0 };\n    const globalTransMatrix = groupGraphicItem.globalTransMatrix;\n    const containerPoint = { x: globalTransMatrix.e, y: globalTransMatrix.f };\n    globalTransMatrix.transformPoint(event.canvas, point);\n\n    if (\n      point.x < 0 ||\n      point.x > groupGraphicItem.attribute.width ||\n      point.y < 0 ||\n      point.y > groupGraphicItem.attribute.height\n    ) {\n      this._crosshairComponent.hideAll();\n      return;\n    }\n\n    const crosshairType = this.options.crosshairType ?? 'x';\n    const groupSize = { width: groupGraphicItem.attribute.width, height: groupGraphicItem.attribute.height };\n    const scaleGrammar = isString(this.options.scale) ? this.view.getScaleById(this.options.scale) : this.options.scale;\n    const scale = scaleGrammar.getScale();\n    const config = { center: this.options.center, radius: this.options.radius };\n    const theme = this.view.getCurrentTheme();\n    const addition = invokeFunctionType(this.options.attributes, this.parameters(), {}, {}) as any;\n\n    let attributes: any = {};\n    switch (this.getCrosshairComponentType()) {\n      case CrosshairEnum.lineCrosshair:\n        attributes = generateLineCrosshairAttributes(point, scale, crosshairType, groupSize, config, theme, addition);\n        break;\n      case CrosshairEnum.rectCrosshair:\n        attributes = generateRectCrosshairAttributes(point, scale, crosshairType, groupSize, config, theme, addition);\n        break;\n      case CrosshairEnum.sectorCrosshair:\n        attributes = generateSectorCrosshairAttributes(point, scale, crosshairType, groupSize, config, theme, addition);\n        break;\n      case CrosshairEnum.circleCrosshair:\n        attributes = generateCircleCrosshairAttributes(point, scale, crosshairType, groupSize, config, theme, addition);\n        break;\n      case CrosshairEnum.polygonCrosshair:\n        attributes = generatePolygonCrosshairAttributes(\n          point,\n          scale,\n          crosshairType,\n          groupSize,\n          config,\n          theme,\n          addition\n        );\n        break;\n      case CrosshairEnum.ringCrosshair:\n        attributes = generateRingCrosshairAttributes(point, scale, crosshairType, groupSize, config, theme, addition);\n        break;\n    }\n    // Hack: waiting for component to fix\n    if (this.getCrosshairComponentType() !== CrosshairEnum.circleCrosshair) {\n      attributes.x = containerPoint.x;\n      attributes.y = containerPoint.y;\n    }\n    this._crosshairComponent.showAll();\n    this._crosshairComponent.setAttributes(attributes);\n  };\n\n  protected handleCrosshairHide = () => {\n    this._crosshairComponent.hideAll();\n  };\n\n  protected getCrosshairComponentType() {\n    if (this._crosshairComponentType) {\n      return this._crosshairComponentType;\n    }\n    const shape = this.options.crosshairShape ?? 'line';\n    const type = this.options.crosshairType ?? 'x';\n    if (shape === 'rect') {\n      if (type === 'angle') {\n        this._crosshairComponentType = CrosshairEnum.sectorCrosshair;\n      } else if (type === 'radius') {\n        this._crosshairComponentType = CrosshairEnum.ringCrosshair;\n      } else if (type === 'radius-polygon') {\n        this._crosshairComponentType = CrosshairEnum.polygonCrosshair;\n      } else {\n        this._crosshairComponentType = CrosshairEnum.rectCrosshair;\n      }\n    } else {\n      if (type === 'radius') {\n        this._crosshairComponentType = CrosshairEnum.circleCrosshair;\n      } else if (type === 'radius-polygon') {\n        this._crosshairComponentType = CrosshairEnum.polygonCrosshair;\n      } else {\n        this._crosshairComponentType = CrosshairEnum.lineCrosshair;\n      }\n    }\n    return this._crosshairComponentType;\n  }\n\n  protected getDefaultCrosshairAttribute(): any {\n    const type = this.options.crosshairType ?? 'x';\n    if (type === 'radius' || type === 'radius-polygon') {\n      return { center: { x: 0, y: 0 }, zIndex: -1 };\n    }\n    return { start: { x: 0, y: 0 }, end: { x: 0, y: 0 }, zIndex: -1 };\n  }\n\n  bind(): void {\n    super.bind();\n\n    const stage = this.view.renderer.stage();\n    if (this._crosshairComponent || !stage) {\n      return;\n    }\n\n    switch (this.getCrosshairComponentType()) {\n      case CrosshairEnum.lineCrosshair:\n        this._crosshairComponent = new LineCrosshair(this.getDefaultCrosshairAttribute());\n        break;\n      case CrosshairEnum.rectCrosshair:\n        this._crosshairComponent = new RectCrosshair(this.getDefaultCrosshairAttribute());\n        break;\n      case CrosshairEnum.sectorCrosshair:\n        this._crosshairComponent = new SectorCrosshair(this.getDefaultCrosshairAttribute());\n        break;\n      case CrosshairEnum.circleCrosshair:\n        this._crosshairComponent = new CircleCrosshair(this.getDefaultCrosshairAttribute());\n        break;\n      case CrosshairEnum.polygonCrosshair:\n        this._crosshairComponent = new PolygonCrosshair(this.getDefaultCrosshairAttribute());\n        break;\n      case CrosshairEnum.ringCrosshair:\n        this._crosshairComponent = new SectorCrosshair(this.getDefaultCrosshairAttribute());\n        break;\n    }\n    (stage.defaultLayer as any).appendChild(this._crosshairComponent);\n  }\n\n  unbind(): void {\n    super.unbind();\n\n    if (this._crosshairComponent) {\n      this._crosshairComponent.release();\n      this._crosshairComponent = null;\n    }\n  }\n}\n"]}

package/es/interactions/datazoom-filter.d.ts

@@ -0,0 +1,13 @@
+import type { DataFilterOptions, IView } from '../types';
+import { Filter } from './filter';
+export declare class DatazoomFilter extends Filter {
+    static type: string;
+    type: string;
+    static defaultOptions: Omit<DataFilterOptions, 'target'>;
+    options: DataFilterOptions;
+    constructor(view: IView, options?: DataFilterOptions);
+    protected getEvents(): {
+        type: string;
+        handler: (event?: import("../types").InteractionEvent) => void;
+    }[];
+}

package/es/interactions/datazoom-filter.js

@@ -0,0 +1,40 @@
+import { DataFilterRank, GrammarMarkType } from "../graph";
+
+import { isNil, isString } from "@visactor/vutils";
+
+import { Filter } from "./filter";
+
+import { getScaleRangeRatio } from "../util/scale";
+
+export class DatazoomFilter extends Filter {
+    constructor(view, options) {
+        super(view, options), this.type = DatazoomFilter.type, this.options = Object.assign({}, DatazoomFilter.defaultOptions, options), 
+        this._marks = view.getMarksBySelector(this.options.source).filter((mark => mark.markType === GrammarMarkType.component && "datazoom" === mark.componentType)), 
+        this._data = isString(this.options.target.data) ? view.getDataById(this.options.target.data) : this.options.target.data;
+    }
+    getEvents() {
+        if (!this._marks || 0 === this._marks.length) return [];
+        const datazoom = this._marks[0];
+        if (!this._data || !datazoom) return [];
+        const filter = this.options.target.filter, transform = this.options.target.transform, dataFilter = isString(filter) ? (datum, filterValue) => {
+            if (isNil(filterValue.start) || isNil(filterValue.end)) return !0;
+            const scale = datazoom.getDatazoomMainScale(), datumRatio = getScaleRangeRatio(scale, datum[filter]);
+            return filterValue.startRatio <= datumRatio && filterValue.endRatio >= datumRatio;
+        } : filter;
+        return this._filterData(this._data, datazoom, DataFilterRank.datazoom, (event => {
+            const startRatio = event.detail.start, endRatio = event.detail.end;
+            return {
+                startRatio: startRatio,
+                endRatio: endRatio,
+                start: datazoom.invertDatazoomRatio(startRatio),
+                end: datazoom.invertDatazoomRatio(endRatio)
+            };
+        }), dataFilter, transform), [ {
+            type: "change",
+            handler: this.handleFilter
+        } ];
+    }
+}
+
+DatazoomFilter.type = "datazoom-filter", DatazoomFilter.defaultOptions = {};
+//# sourceMappingURL=datazoom-filter.js.map

package/es/interactions/datazoom-filter.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/interactions/datazoom-filter.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAC3D,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAEnD,MAAM,OAAO,cAAe,SAAQ,MAAM;IAOxC,YAAY,IAAW,EAAE,OAA2B;QAClD,KAAK,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;QANvB,SAAI,GAAW,cAAc,CAAC,IAAI,CAAC;QAOjC,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,cAAc,CAAC,cAAc,EAAE,OAAO,CAAC,CAAC;QAEzE,IAAI,CAAC,MAAM,GAAG,IAAI;aACf,kBAAkB,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC;aACvC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ,KAAK,eAAe,CAAC,SAAS,IAAK,IAAmB,CAAC,aAAa,KAAK,UAAU,CAAC,CAAC;QACpH,IAAI,CAAC,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC;YAC7C,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC;YAC5C,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC;IAC/B,CAAC;IAES,SAAS;QACjB,IAAI,CAAC,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,MAAM,CAAC,MAAM,KAAK,CAAC,EAAE;YAC5C,OAAO,EAAE,CAAC;SACX;QAED,MAAM,QAAQ,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAc,CAAC;QAE7C,IAAI,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC,QAAQ,EAAE;YAC5B,OAAO,EAAE,CAAC;SACX;QAED,MAAM,MAAM,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC;QAC1C,MAAM,SAAS,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,SAAS,CAAC;QAEhD,MAAM,cAAc,GAAG,CAAC,KAAU,EAAuB,EAAE;YACzD,MAAM,UAAU,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;YACtC,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC;YAClC,OAAO;gBACL,UAAU;gBACV,QAAQ;gBACR,KAAK,EAAE,QAAQ,CAAC,mBAAmB,CAAC,UAAU,CAAC;gBAC/C,GAAG,EAAE,QAAQ,CAAC,mBAAmB,CAAC,QAAQ,CAAC;aAC5C,CAAC;QACJ,CAAC,CAAC;QACF,MAAM,UAAU,GAAG,QAAQ,CAAC,MAAM,CAAC;YACjC,CAAC,CAAC,CAAC,KAAU,EAAE,WAAgC,EAAE,EAAE;gBAC/C,IAAI,KAAK,CAAC,WAAW,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,WAAW,CAAC,GAAG,CAAC,EAAE;oBACtD,OAAO,IAAI,CAAC;iBACb;gBACD,MAAM,KAAK,GAAG,QAAQ,CAAC,oBAAoB,EAAE,CAAC;gBAC9C,MAAM,UAAU,GAAG,kBAAkB,CAAC,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC;gBAE5D,OAAO,WAAW,CAAC,UAAU,IAAI,UAAU,IAAI,WAAW,CAAC,QAAQ,IAAI,UAAU,CAAC;YACpF,CAAC;YACH,CAAC,CAAC,MAAM,CAAC;QAEX,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,EAAE,QAAQ,EAAE,cAAc,CAAC,QAAQ,EAAE,cAAc,EAAE,UAAU,EAAE,SAAS,CAAC,CAAC;QAEvG,OAAO;YACL;gBACE,IAAI,EAAE,QAAQ;gBACd,OAAO,EAAE,IAAI,CAAC,YAAY;aAC3B;SACF,CAAC;IACJ,CAAC;;AA9DM,mBAAI,GAAW,iBAAiB,CAAC;AAGjC,6BAAc,GAAsC,EAAE,CAAC","file":"datazoom-filter.js","sourcesContent":["import type { DataFilterOptions, DatazoomFilterValue, IComponent, IDatazoom, IView } from '../types';\nimport { DataFilterRank, GrammarMarkType } from '../graph';\nimport { isNil, isString } from '@visactor/vutils';\nimport { Filter } from './filter';\nimport { getScaleRangeRatio } from '../util/scale';\n\nexport class DatazoomFilter extends Filter {\n  static type: string = 'datazoom-filter';\n  type: string = DatazoomFilter.type;\n\n  static defaultOptions: Omit<DataFilterOptions, 'target'> = {};\n  options: DataFilterOptions;\n\n  constructor(view: IView, options?: DataFilterOptions) {\n    super(view, options);\n    this.options = Object.assign({}, DatazoomFilter.defaultOptions, options);\n\n    this._marks = view\n      .getMarksBySelector(this.options.source)\n      .filter(mark => mark.markType === GrammarMarkType.component && (mark as IComponent).componentType === 'datazoom');\n    this._data = isString(this.options.target.data)\n      ? view.getDataById(this.options.target.data)\n      : this.options.target.data;\n  }\n\n  protected getEvents() {\n    if (!this._marks || this._marks.length === 0) {\n      return [];\n    }\n\n    const datazoom = this._marks[0] as IDatazoom;\n\n    if (!this._data || !datazoom) {\n      return [];\n    }\n\n    const filter = this.options.target.filter;\n    const transform = this.options.target.transform;\n\n    const getFilterValue = (event: any): DatazoomFilterValue => {\n      const startRatio = event.detail.start;\n      const endRatio = event.detail.end;\n      return {\n        startRatio,\n        endRatio,\n        start: datazoom.invertDatazoomRatio(startRatio),\n        end: datazoom.invertDatazoomRatio(endRatio)\n      };\n    };\n    const dataFilter = isString(filter)\n      ? (datum: any, filterValue: DatazoomFilterValue) => {\n          if (isNil(filterValue.start) || isNil(filterValue.end)) {\n            return true;\n          }\n          const scale = datazoom.getDatazoomMainScale();\n          const datumRatio = getScaleRangeRatio(scale, datum[filter]);\n\n          return filterValue.startRatio <= datumRatio && filterValue.endRatio >= datumRatio;\n        }\n      : filter;\n\n    this._filterData(this._data, datazoom, DataFilterRank.datazoom, getFilterValue, dataFilter, transform);\n\n    return [\n      {\n        type: 'change',\n        handler: this.handleFilter\n      }\n    ];\n  }\n}\n"]}

package/es/interactions/dimension-tooltip.d.ts

@@ -0,0 +1,18 @@
+import type { DimensionTooltipOptions, IGroupMark, IMark, IView } from '../types';
+import { BaseTooltip } from './base-tooltip';
+export declare class DimensionTooltip extends BaseTooltip<DimensionTooltipOptions> {
+    static type: string;
+    type: string;
+    static defaultOptions: Omit<DimensionTooltipOptions, 'target'>;
+    protected _avoidMarks: IMark[];
+    protected _lastDatum: any;
+    protected _tooltipDataFilter: ((datum: any, filterValue: any[]) => boolean) | null;
+    protected _container: IGroupMark;
+    constructor(view: IView, options?: DimensionTooltipOptions);
+    protected getEvents(): {
+        type: import("../types").EventType;
+        handler: (...args: any[]) => void;
+    }[];
+    protected handleTooltipShow: (...args: any[]) => void;
+    protected handleTooltipHide: (event: any) => void;
+}