@visactor/vgrammar-core 0.7.7 → 0.8.0-alpha.0

package/cjs/interactions/base-tooltip.js

@@ -0,0 +1,74 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.BaseTooltip = exports.generateTooltipAttributes = void 0;
+
+const vrender_components_1 = require("@visactor/vrender-components"), vutils_1 = require("@visactor/vutils"), vgrammar_util_1 = require("@visactor/vgrammar-util"), base_1 = require("./base"), mark_1 = require("../parse/mark"), util_1 = require("../parse/util"), generateTooltipAttributes = (point, title, content, bounds, theme, addition) => {
+    var _a;
+    const tooltipTheme = null === (_a = null == theme ? void 0 : theme.components) || void 0 === _a ? void 0 : _a.tooltip;
+    return (0, vutils_1.merge)({}, tooltipTheme, {
+        visible: !0,
+        pointerX: point.x,
+        pointerY: point.y,
+        title: title,
+        content: content,
+        parentBounds: bounds
+    }, null != addition ? addition : {});
+};
+
+exports.generateTooltipAttributes = generateTooltipAttributes;
+
+class BaseTooltip extends base_1.BaseInteraction {
+    constructor(view, options) {
+        super(view, options), this._marks = view.getMarksBySelector(options.selector);
+    }
+    bind() {
+        super.bind();
+        const stage = this.view.renderer.stage();
+        !this._tooltipComponent && stage && (this._tooltipComponent = new vrender_components_1.Tooltip({}), 
+        stage.defaultLayer.appendChild(this._tooltipComponent));
+    }
+    unbind() {
+        super.unbind(), this._tooltipComponent && (this._tooltipComponent.release(), this._tooltipComponent = null);
+    }
+    _computeTooltipRow(row, datum) {
+        let key, value, symbol, visible = (0, util_1.invokeFunctionType)(row.visible, this.parameters(), datum);
+        if (visible = !!(0, vutils_1.isNil)(visible) || !!visible, (0, mark_1.isFieldEncode)(row.key)) {
+            key = (0, vgrammar_util_1.field)(row.key.field)(datum);
+        } else key = (0, util_1.invokeFunctionType)(row.key, this.parameters(), datum);
+        if (key = (0, vutils_1.isNil)(key) ? void 0 : (0, vutils_1.isObjectLike)(key) ? key : {
+            text: key
+        }, (0, mark_1.isFieldEncode)(row.value)) {
+            value = (0, vgrammar_util_1.field)(row.value.field)(datum);
+        } else value = (0, util_1.invokeFunctionType)(row.value, this.parameters(), datum);
+        if (value = (0, vutils_1.isNil)(value) ? void 0 : (0, vutils_1.isObjectLike)(value) ? value : {
+            text: value
+        }, (0, mark_1.isFieldEncode)(row.symbol)) {
+            symbol = (0, vgrammar_util_1.field)(row.symbol.field)(datum);
+        } else symbol = (0, util_1.invokeFunctionType)(row.symbol, this.parameters(), datum);
+        return symbol = (0, vutils_1.isNil)(symbol) ? void 0 : (0, vutils_1.isObjectLike)(symbol) ? symbol : {
+            symbolType: symbol
+        }, {
+            visible: visible,
+            key: key,
+            value: value,
+            shape: symbol
+        };
+    }
+    _computeTitleContent(datum) {
+        const title = (0, vutils_1.isValid)(this.options.title) ? (0, vutils_1.isFunction)(this.options.title) ? this.options.title.call(null, datum, null, {}) : this._computeTooltipRow((0, 
+        vutils_1.isString)(this.options.title) ? {
+            value: this.options.title
+        } : this.options.title, datum) : void 0, content = (0, vutils_1.isValid)(this.options.content) ? (0, 
+        vutils_1.isFunction)(this.options.content) ? (0, vutils_1.array)(this.options.content.call(null, datum, null, {})) : (0, 
+        vutils_1.array)(datum).reduce(((content, datumRow) => content.concat((0, vutils_1.array)(this.options.content).map((row => this._computeTooltipRow(row, datumRow))))), []) : void 0;
+        return {
+            title: (0, vutils_1.isArray)(title) ? title[0] : title,
+            content: content
+        };
+    }
+}
+
+exports.BaseTooltip = BaseTooltip;
+//# sourceMappingURL=base-tooltip.js.map

package/cjs/interactions/base-tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/interactions/base-tooltip.ts"],"names":[],"mappings":"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","file":"base-tooltip.js","sourcesContent":["import type { TooltipAttributes, TooltipRowAttrs } from '@visactor/vrender-components';\n// eslint-disable-next-line no-duplicate-imports\nimport { Tooltip as TooltipComponent } from '@visactor/vrender-components';\nimport type { IBounds, IPointLike } from '@visactor/vutils';\n// eslint-disable-next-line no-duplicate-imports\nimport { array, isArray, isFunction, isNil, isObjectLike, isString, isValid, merge } from '@visactor/vutils';\nimport { field as getFieldAccessor } from '@visactor/vgrammar-util';\nimport { BaseInteraction } from './base';\nimport type { IMark, ITheme, ITooltipRow, IView, RecursivePartial, TooltipOptions } from '../types';\nimport { isFieldEncode } from '../parse/mark';\nimport { invokeFunctionType } from '../parse/util';\n\nexport const generateTooltipAttributes = (\n  point: IPointLike,\n  title: TooltipRowAttrs,\n  content: TooltipRowAttrs[],\n  bounds: IBounds,\n  theme?: ITheme,\n  addition?: RecursivePartial<TooltipAttributes>\n): TooltipAttributes => {\n  const tooltipTheme = theme?.components?.tooltip;\n\n  return merge(\n    {},\n    tooltipTheme,\n    {\n      visible: true,\n      pointerX: point.x,\n      pointerY: point.y,\n      title,\n      content,\n      parentBounds: bounds\n    },\n    addition ?? {}\n  );\n};\n\nexport abstract class BaseTooltip<T extends TooltipOptions> extends BaseInteraction<T> {\n  options: T;\n  protected _tooltipComponent?: TooltipComponent;\n  protected _marks?: IMark[];\n\n  constructor(view: IView, options?: T) {\n    super(view, options);\n    this._marks = view.getMarksBySelector(options.selector);\n  }\n\n  bind(): void {\n    super.bind();\n\n    const stage = this.view.renderer.stage();\n    if (this._tooltipComponent || !stage) {\n      return;\n    }\n    this._tooltipComponent = new TooltipComponent({});\n\n    (stage.defaultLayer as any).appendChild(this._tooltipComponent);\n  }\n\n  unbind(): void {\n    super.unbind();\n\n    if (this._tooltipComponent) {\n      this._tooltipComponent.release();\n      this._tooltipComponent = null;\n    }\n  }\n\n  protected _computeTooltipRow(row: ITooltipRow, datum: any) {\n    // compute visible\n    let visible = invokeFunctionType(row.visible, this.parameters(), datum);\n    visible = isNil(visible) ? true : !!visible;\n\n    // compute key\n    let key;\n    if (isFieldEncode(row.key)) {\n      const fieldAccessor = getFieldAccessor(row.key.field);\n      key = fieldAccessor(datum);\n    } else {\n      key = invokeFunctionType(row.key, this.parameters(), datum);\n    }\n    key = isNil(key) ? undefined : isObjectLike(key) ? key : { text: key };\n\n    // compute value\n    let value;\n    if (isFieldEncode(row.value)) {\n      const fieldAccessor = getFieldAccessor(row.value.field);\n      value = fieldAccessor(datum);\n    } else {\n      value = invokeFunctionType(row.value, this.parameters(), datum);\n    }\n    value = isNil(value) ? undefined : isObjectLike(value) ? value : { text: value };\n\n    // compute symbol\n    let symbol;\n    if (isFieldEncode(row.symbol)) {\n      const fieldAccessor = getFieldAccessor(row.symbol.field);\n      symbol = fieldAccessor(datum);\n    } else {\n      symbol = invokeFunctionType(row.symbol, this.parameters(), datum);\n    }\n    symbol = isNil(symbol) ? undefined : isObjectLike(symbol) ? symbol : { symbolType: symbol };\n\n    return { visible, key, value, shape: symbol };\n  }\n\n  protected _computeTitleContent(datum: any) {\n    const title = isValid(this.options.title)\n      ? isFunction(this.options.title)\n        ? this.options.title.call(null, datum, null, {})\n        : this._computeTooltipRow(\n            isString(this.options.title) ? { value: this.options.title } : this.options.title,\n            datum\n          )\n      : undefined;\n    const content = isValid(this.options.content)\n      ? isFunction(this.options.content)\n        ? array(this.options.content.call(null, datum, null, {}))\n        : array(datum).reduce((content, datumRow) => {\n            return content.concat(\n              array(this.options.content).map(row => this._computeTooltipRow(row as ITooltipRow, datumRow))\n            );\n          }, [])\n      : undefined;\n\n    // only display one single row in title\n    return { title: isArray(title) ? title[0] : title, content };\n  }\n}\n"]}

package/cjs/interactions/base.d.ts

@@ -0,0 +1,14 @@
+import type { IBaseInteractionOptions, IGrammarBase, IView, InteractionEventHandler } from '../types';
+export declare abstract class BaseInteraction<T extends IBaseInteractionOptions> {
+    readonly view: IView;
+    constructor(view: IView, options: T);
+    references: Map<IGrammarBase, number>;
+    protected abstract getEvents(): Array<{
+        type: string;
+        handler: InteractionEventHandler;
+    }>;
+    depend(grammar: IGrammarBase[] | IGrammarBase | string[] | string): void;
+    parameters(): any;
+    bind(): void;
+    unbind(): void;
+}

package/cjs/interactions/base.js

@@ -0,0 +1,41 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.BaseInteraction = void 0;
+
+const vutils_1 = require("@visactor/vutils");
+
+class BaseInteraction {
+    constructor(view, options) {
+        this.references = new Map, this.view = view, this.depend(null == options ? void 0 : options.dependencies);
+    }
+    depend(grammar) {
+        this.references.clear(), (0, vutils_1.array)(grammar).map((grammar => (0, vutils_1.isString)(grammar) ? this.view.getGrammarById(grammar) : grammar)).filter((ref => !(0, 
+        vutils_1.isNil)(ref))).forEach((ref => {
+            var _a;
+            this.references.set(ref, (null !== (_a = this.references.get(ref)) && void 0 !== _a ? _a : 0) + 1);
+        }));
+    }
+    parameters() {
+        const params = {};
+        return this.references.forEach(((count, ref) => {
+            (0, vutils_1.isValid)(ref.id()) && (params[ref.id()] = ref.output());
+        })), params;
+    }
+    bind() {
+        const events = this.getEvents();
+        (null != events ? events : []).forEach((evt => {
+            evt.type && evt.handler && this.view.addEventListener(evt.type, evt.handler);
+        }));
+    }
+    unbind() {
+        const events = this.getEvents();
+        (null != events ? events : []).forEach((evt => {
+            evt.type && evt.handler && this.view.removeEventListener(evt.type, evt.handler);
+        }));
+    }
+}
+
+exports.BaseInteraction = BaseInteraction;
+//# sourceMappingURL=base.js.map

package/cjs/interactions/base.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/interactions/base.ts"],"names":[],"mappings":";;;AAAA,6CAA4E;AAG5E,MAAsB,eAAe;IAGnC,YAAY,IAAW,EAAE,OAAU;QAKnC,eAAU,GAA8B,IAAI,GAAG,EAAE,CAAC;QAJhD,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,MAAM,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,YAAY,CAAC,CAAC;IACrC,CAAC;IAMD,MAAM,CAAC,OAA0D;QAC/D,IAAI,CAAC,UAAU,CAAC,KAAK,EAAE,CAAC;QACxB,IAAA,cAAK,EAAC,OAAO,CAAC;aACX,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,IAAA,iBAAQ,EAAC,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;aACjF,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,IAAA,cAAK,EAAC,GAAG,CAAC,CAAC;aAC1B,OAAO,CAAC,GAAG,CAAC,EAAE;;YACb,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,MAAA,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,GAAG,CAAC,mCAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;QAChE,CAAC,CAAC,CAAC;IACP,CAAC;IAED,UAAU;QACR,MAAM,MAAM,GAAQ,EAAE,CAAC;QACvB,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;YAErC,IAAI,IAAA,gBAAO,EAAC,GAAG,CAAC,EAAE,EAAE,CAAC,EAAE;gBACrB,MAAM,CAAC,GAAG,CAAC,EAAE,EAAY,CAAC,GAAG,GAAG,CAAC,MAAM,EAAE,CAAC;aAC3C;QACH,CAAC,CAAC,CAAC;QACH,OAAO,MAAM,CAAC;IAChB,CAAC;IAED,IAAI;QACF,MAAM,MAAM,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC;QAEhC,CAAC,MAAM,aAAN,MAAM,cAAN,MAAM,GAAI,EAAE,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;YAC3B,IAAI,GAAG,CAAC,IAAI,IAAI,GAAG,CAAC,OAAO,EAAE;gBAC3B,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,GAAG,CAAC,IAAI,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;aACnD;QACH,CAAC,CAAC,CAAC;IACL,CAAC;IAED,MAAM;QAEJ,MAAM,MAAM,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC;QAEhC,CAAC,MAAM,aAAN,MAAM,cAAN,MAAM,GAAI,EAAE,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;YAC3B,IAAI,GAAG,CAAC,IAAI,IAAI,GAAG,CAAC,OAAO,EAAE;gBAC3B,IAAI,CAAC,IAAI,CAAC,mBAAmB,CAAC,GAAG,CAAC,IAAI,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;aACtD;QACH,CAAC,CAAC,CAAC;IACL,CAAC;CACF;AArDD,0CAqDC","file":"base.js","sourcesContent":["import { array, isArray, isNil, isString, isValid } from '@visactor/vutils';\nimport type { IBaseInteractionOptions, IGrammarBase, IView, InteractionEventHandler } from '../types';\n\nexport abstract class BaseInteraction<T extends IBaseInteractionOptions> {\n  readonly view: IView;\n\n  constructor(view: IView, options: T) {\n    this.view = view;\n    this.depend(options?.dependencies);\n  }\n\n  references: Map<IGrammarBase, number> = new Map();\n\n  protected abstract getEvents(): Array<{ type: string; handler: InteractionEventHandler }>;\n\n  depend(grammar: IGrammarBase[] | IGrammarBase | string[] | string) {\n    this.references.clear();\n    array(grammar)\n      .map(grammar => (isString(grammar) ? this.view.getGrammarById(grammar) : grammar))\n      .filter(ref => !isNil(ref))\n      .forEach(ref => {\n        this.references.set(ref, (this.references.get(ref) ?? 0) + 1);\n      });\n  }\n\n  parameters() {\n    const params: any = {};\n    this.references.forEach((count, ref) => {\n      // upstream reference with no valid id will not be recorded in parameters\n      if (isValid(ref.id())) {\n        params[ref.id() as string] = ref.output();\n      }\n    });\n    return params;\n  }\n\n  bind() {\n    const events = this.getEvents();\n\n    (events ?? []).forEach(evt => {\n      if (evt.type && evt.handler) {\n        this.view.addEventListener(evt.type, evt.handler);\n      }\n    });\n  }\n\n  unbind() {\n    // unbind events\n    const events = this.getEvents();\n\n    (events ?? []).forEach(evt => {\n      if (evt.type && evt.handler) {\n        this.view.removeEventListener(evt.type, evt.handler);\n      }\n    });\n  }\n}\n"]}

package/cjs/interactions/brush-active.d.ts

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

package/cjs/interactions/brush-active.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.BrushActive = void 0;
+
+const enums_1 = require("../graph/enums"), brush_base_1 = require("./brush-base");
+
+class BrushActive extends brush_base_1.BrushBase {
+    constructor(view, option) {
+        super(view, Object.assign({}, BrushActive.defaultOptions, option)), this.type = BrushActive.type, 
+        this.handleBrushUpdate = options => {
+            const elements = [];
+            this._marks.forEach((mark => {
+                mark.elements.forEach((el => {
+                    this.isBrushContainGraphicItem(options.operateMask, el.getGraphicItem()) ? (elements.push(el), 
+                    el.addState(this.options.state)) : el.removeState(this.options.state);
+                }));
+            })), this.dispatchEvent(options, elements);
+        };
+    }
+}
+
+exports.BrushActive = BrushActive, BrushActive.type = "brush-active", BrushActive.defaultOptions = {
+    state: enums_1.InteractionStateEnum.active
+};
+//# sourceMappingURL=brush-active.js.map

package/cjs/interactions/brush-active.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/interactions/brush-active.ts"],"names":[],"mappings":";;;AACA,0CAAsD;AAEtD,6CAAyC;AAGzC,MAAa,WAAY,SAAQ,sBAA6B;IAQ5D,YAAY,IAAW,EAAE,MAA2B;QAClD,KAAK,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,WAAW,CAAC,cAAc,EAAE,MAAM,CAAC,CAAC,CAAC;QAPrE,SAAI,GAAW,WAAW,CAAC,IAAI,CAAC;QAUhC,sBAAiB,GAAG,CAAC,OAIpB,EAAE,EAAE;YACH,MAAM,QAAQ,GAAiC,EAAE,CAAC;YAElD,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;gBACzB,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE;oBACzB,MAAM,QAAQ,GAAG,IAAI,CAAC,yBAAyB,CAAC,OAAO,CAAC,WAAW,EAAE,EAAE,CAAC,cAAc,EAAE,CAAC,CAAC;oBAE1F,IAAI,QAAQ,EAAE;wBACZ,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;wBAClB,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;qBACjC;yBAAM;wBACL,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;qBACpC;gBACH,CAAC,CAAC,CAAC;YACL,CAAC,CAAC,CAAC;YAEH,IAAI,CAAC,aAAa,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;QACxC,CAAC,CAAC;IAvBF,CAAC;;AAVH,kCAkCC;AAjCQ,gBAAI,GAAW,cAAc,CAAC;AAG9B,0BAAc,GAAuB;IAC1C,KAAK,EAAE,4BAAoB,CAAC,MAAM;CACnC,CAAC","file":"brush-active.js","sourcesContent":["import type { IPolygon } from '@visactor/vrender-core';\nimport { InteractionStateEnum } from '../graph/enums';\nimport type { BrushActiveOptions, IElement, IGlyphElement, IView } from '../types';\nimport { BrushBase } from './brush-base';\nimport { type IBounds } from '@visactor/vutils';\n\nexport class BrushActive extends BrushBase<BrushActiveOptions> {\n  static type: string = 'brush-active';\n  type: string = BrushActive.type;\n\n  static defaultOptions: BrushActiveOptions = {\n    state: InteractionStateEnum.active\n  };\n\n  constructor(view: IView, option?: BrushActiveOptions) {\n    super(view, Object.assign({}, BrushActive.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    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          el.addState(this.options.state);\n        } else {\n          el.removeState(this.options.state);\n        }\n      });\n    });\n\n    this.dispatchEvent(options, elements);\n  };\n}\n"]}

package/cjs/interactions/brush-base.d.ts

@@ -0,0 +1,43 @@
+import { Brush } from '@visactor/vrender-components';
+import type { BrushOptions, IElement, IGlyphElement, IMark, IView, InteractionEventHandler } from '../types';
+import { BaseInteraction } from './base';
+import type { IGraphic, IPolygon } from '@visactor/vrender-core';
+import { type IBounds } from '@visactor/vutils';
+export declare abstract class BrushBase<T extends BrushOptions> extends BaseInteraction<T> {
+    options: T;
+    protected _brushComp?: Brush;
+    protected _marks?: IMark[];
+    constructor(view: IView, options?: T);
+    protected getEvents(): Array<{
+        type: string;
+        handler: InteractionEventHandler;
+    }>;
+    protected isPolygonBrushContainGraphicItem(brushMask: IPolygon, graphicItem: IGraphic, offset?: {
+        x: number;
+        y: number;
+    }): boolean;
+    protected isRectBrushContainGraphicItem(brushMask: IPolygon, graphicItem: IGraphic, offset?: {
+        x: number;
+        y: number;
+    }): boolean;
+    protected isBrushContainGraphicItem(brushMask: IPolygon, graphicItem: IGraphic, offset?: {
+        x: number;
+        y: number;
+    }): boolean;
+    handleAfterDraw: () => void;
+    abstract handleBrushUpdate: (options: {
+        operateType: string;
+        operateMask: IPolygon;
+        operatedMaskAABBBounds: {
+            [name: string]: IBounds;
+        };
+    }) => void;
+    unbind(): void;
+    protected dispatchEvent(options: {
+        operateType: string;
+        operateMask: IPolygon;
+        operatedMaskAABBBounds: {
+            [name: string]: IBounds;
+        };
+    }, activeElements: (IElement | IGlyphElement)[]): void;
+}

package/cjs/interactions/brush-base.js

@@ -0,0 +1,106 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.BrushBase = void 0;
+
+const vrender_components_1 = require("@visactor/vrender-components"), base_1 = require("./base"), vutils_1 = require("@visactor/vutils"), graph_1 = require("../graph");
+
+class BrushBase extends base_1.BaseInteraction {
+    constructor(view, options) {
+        super(view, options), this.handleAfterDraw = () => {
+            var _a, _b, _c, _d;
+            const stage = this.view.renderer.stage();
+            if (this._brushComp || !stage) return;
+            const viewBox = this.view.getViewBox();
+            this._brushComp = new vrender_components_1.Brush({
+                interactiveRange: null !== (_a = this.options.interactiveRange) && void 0 !== _a ? _a : {
+                    minX: viewBox.x1,
+                    maxX: viewBox.x2,
+                    minY: viewBox.y1,
+                    maxY: viewBox.y2
+                },
+                xRange: null !== (_b = this.options.xRange) && void 0 !== _b ? _b : [ viewBox.x1, viewBox.x2 ],
+                yRange: null !== (_c = this.options.yRange) && void 0 !== _c ? _c : [ viewBox.y1, viewBox.y2 ],
+                brushMode: null !== (_d = this.options.brushMode) && void 0 !== _d ? _d : "single",
+                brushType: this.options.brushType,
+                brushStyle: this.options.brushStyle,
+                brushMoved: this.options.brushMoved,
+                removeOnClick: this.options.removeOnClick,
+                sizeThreshold: this.options.sizeThreshold,
+                delayType: this.options.delayType,
+                delayTime: this.options.delayTime
+            }), this._brushComp.setUpdateDragMaskCallback(this.handleBrushUpdate), stage.defaultLayer.appendChild(this._brushComp);
+        }, this.options = options, this._marks = view.getMarksBySelector(this.options.selector);
+    }
+    getEvents() {
+        return [ {
+            type: graph_1.HOOK_EVENT.BEFORE_DO_RENDER,
+            handler: this.handleAfterDraw
+        } ];
+    }
+    isPolygonBrushContainGraphicItem(brushMask, graphicItem, offset) {
+        var _a, _b;
+        const points = brushMask.attribute.points, {a: a, b: b, c: c, d: d, e: e, f: f} = brushMask.globalTransMatrix, dx = null !== (_a = null == offset ? void 0 : offset.x) && void 0 !== _a ? _a : 0, dy = null !== (_b = null == offset ? void 0 : offset.y) && void 0 !== _b ? _b : 0, pointsCoord = points.map((p => ({
+            x: a * p.x + c * p.y + e + dx,
+            y: b * p.x + d * p.y + f + dy
+        }))), globalAABBBoundsOffset = brushMask.globalAABBBounds.clone().set(brushMask.globalAABBBounds.x1 + dx, brushMask.globalAABBBounds.y1 + dy, brushMask.globalAABBBounds.x2 + dx, brushMask.globalAABBBounds.y2 + dy), x = graphicItem.globalTransMatrix.e, y = graphicItem.globalTransMatrix.f;
+        if ("symbol" === graphicItem.type || "circle" === graphicItem.type) return globalAABBBoundsOffset.contains(x, y) && (0, 
+        vutils_1.polygonContainPoint)(pointsCoord, x, y);
+        if ("rect" === graphicItem.type) {
+            const {width: width = 0, height: height = 0} = null == graphicItem ? void 0 : graphicItem.attribute, pointsRect = [ {
+                x: x,
+                y: y
+            }, {
+                x: x + width,
+                y: y
+            }, {
+                x: x + width,
+                y: y + height
+            }, {
+                x: x,
+                y: y + height
+            } ];
+            return (0, vutils_1.polygonIntersectPolygon)(pointsCoord, pointsRect);
+        }
+        return brushMask.globalAABBBounds.intersects(graphicItem.globalAABBBounds);
+    }
+    isRectBrushContainGraphicItem(brushMask, graphicItem, offset) {
+        var _a, _b;
+        const dx = null !== (_a = null == offset ? void 0 : offset.x) && void 0 !== _a ? _a : 0, dy = null !== (_b = null == offset ? void 0 : offset.y) && void 0 !== _b ? _b : 0, globalAABBBoundsOffset = brushMask.globalAABBBounds.clone().set(brushMask.globalAABBBounds.x1 + dx, brushMask.globalAABBBounds.y1 + dy, brushMask.globalAABBBounds.x2 + dx, brushMask.globalAABBBounds.y2 + dy), x = graphicItem.globalTransMatrix.e, y = graphicItem.globalTransMatrix.f;
+        if ("symbol" === graphicItem.type || "circle" === graphicItem.type) return globalAABBBoundsOffset.contains(x, y);
+        if ("rect" === graphicItem.type) {
+            const {width: width = 0, height: height = 0} = null == graphicItem ? void 0 : graphicItem.attribute;
+            return (0, vutils_1.isRectIntersect)(globalAABBBoundsOffset, {
+                x1: x,
+                y1: y,
+                x2: x + width,
+                y2: y + height
+            }, !1);
+        }
+        return brushMask.globalAABBBounds.intersects(graphicItem.globalAABBBounds);
+    }
+    isBrushContainGraphicItem(brushMask, graphicItem, offset) {
+        var _a;
+        return !(!((null == brushMask ? void 0 : brushMask.globalTransMatrix) && brushMask.globalAABBBounds && !brushMask.globalAABBBounds.empty() && graphicItem && (null === (_a = null == brushMask ? void 0 : brushMask.attribute) || void 0 === _a ? void 0 : _a.points)) || brushMask.attribute.points.length <= 1) && ("polygon" === this.options.brushType ? this.isPolygonBrushContainGraphicItem(brushMask, graphicItem, offset) : this.isRectBrushContainGraphicItem(brushMask, graphicItem, offset));
+    }
+    unbind() {
+        super.unbind(), this._brushComp && (this._brushComp.releaseBrushEvents(), this._brushComp.release(), 
+        this._brushComp = null);
+    }
+    dispatchEvent(options, activeElements) {
+        const params = {
+            operateType: options.operateType,
+            operateMask: options.operateMask,
+            activeElements: activeElements
+        };
+        options.operateType === vrender_components_1.IOperateType.drawStart || options.operateType === vrender_components_1.IOperateType.moveStart ? (this.view.emit("brushStart", params), 
+        this.options.onStart && this.options.onStart(params)) : options.operateType === vrender_components_1.IOperateType.drawing || options.operateType === vrender_components_1.IOperateType.moving ? (this.view.emit("brushUpdate", params), 
+        this.options.onUpdate && this.options.onEnd(params)) : options.operateType === vrender_components_1.IOperateType.drawEnd || options.operateType === vrender_components_1.IOperateType.moveEnd ? (this.view.emit("brushEnd", params), 
+        this.options.onEnd && this.options.onEnd(params)) : (this.view.emit("brushReset", params), 
+        this.options.onReset && this.options.onReset(params));
+    }
+}
+
+exports.BrushBase = BrushBase;
+//# sourceMappingURL=brush-base.js.map

package/cjs/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/cjs/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/cjs/interactions/brush-filter.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.BrushFilter = void 0;
+
+const brush_base_1 = require("./brush-base"), vutils_1 = require("@visactor/vutils"), graph_1 = require("../graph");
+
+class BrushFilter extends brush_base_1.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((0, vutils_1.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 = (0, vutils_1.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, graph_1.DataFilterRank.brush, null, void 0, ((data, filterValue) => {
+            const nextData = filterValue || data;
+            return transform ? transform(data, filterValue) : nextData;
+        })), super.getEvents();
+    }
+}
+
+exports.BrushFilter = BrushFilter, BrushFilter.type = "brush-filter", BrushFilter.defaultOptions = {};

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/interactions/brush-filter.ts"],"names":[],"mappings":";;;AAEA,6CAAyC;AACzC,6CAAiE;AACjE,oCAA0C;AAO1C,MAAa,WAAY,SAAQ,sBAA6B;IAM5D,YAAY,IAAW,EAAE,MAA2B;QAClD,KAAK,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,WAAW,CAAC,cAAc,EAAE,MAAM,CAAC,CAAC,CAAC;QALrE,SAAI,GAAW,WAAW,CAAC,IAAI,CAAC;QA2BhC,sBAAiB,GAAG,CAAC,OAIpB,EAAE,EAAE;YACH,MAAM,QAAQ,GAAiC,EAAE,CAAC;YAElD,IAAI,WAAW,GAAU,EAAE,CAAC;YAE5B,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;gBACzB,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE;oBACzB,MAAM,QAAQ,GAAG,IAAI,CAAC,yBAAyB,CAAC,OAAO,CAAC,WAAW,EAAE,EAAE,CAAC,cAAc,EAAE,CAAC,CAAC;oBAE1F,IAAI,QAAQ,EAAE;wBACZ,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;wBAClB,WAAW,GAAG,WAAW,CAAC,MAAM,CAAC,IAAA,cAAK,EAAC,EAAE,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC;qBACxD;gBACH,CAAC,CAAC,CAAC;YACL,CAAC,CAAC,CAAC;YAEH,IAAI,IAAI,CAAC,KAAK,EAAE;gBAEd,WAAW,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC,WAAW,CAAC,CAAC,CAAC;gBAG/C,IACE,CAAC,IAAI,CAAC,YAAY;oBAClB,WAAW,CAAC,MAAM,KAAK,IAAI,CAAC,YAAY,CAAC,MAAM;oBAC/C,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,EAC7D;oBACA,IAAI,CAAC,YAAY,GAAG,WAAW,CAAC;oBAChC,IAAI,CAAC,YAAY,EAAE,CAAC;iBACrB;aACF;YAED,IAAI,CAAC,aAAa,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;QACxC,CAAC,CAAC;QAzDA,IAAI,CAAC,KAAK,GAAG,IAAA,iBAAQ,EAAC,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,KAAK,EAAE;YACf,OAAO,EAAE,CAAC;SACX;QAED,MAAM,SAAS,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,SAAS,CAAC;QAChD,MAAM,aAAa,GAAG,CAAC,IAAW,EAAE,WAAgB,EAAE,EAAE;YACtD,MAAM,QAAQ,GAAG,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,WAAW,CAAC;YACnD,OAAO,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC;QAC7D,CAAC,CAAC;QAEF,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,sBAAc,CAAC,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,aAAa,CAAC,CAAC;QAEzF,OAAO,KAAK,CAAC,SAAS,EAAE,CAAC;IAC3B,CAAC;;AA3BH,kCAkEC;AAjEQ,gBAAI,GAAW,cAAc,CAAC;AAG9B,0BAAc,GAAuC,EAAE,CAAC","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/cjs/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/cjs/interactions/brush-highlight.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.BrushHighlight = void 0;
+
+const enums_1 = require("../graph/enums"), brush_base_1 = require("./brush-base"), vrender_components_1 = require("@visactor/vrender-components");
+
+class BrushHighlight extends brush_base_1.BrushBase {
+    constructor(view, option) {
+        super(view, Object.assign({}, BrushHighlight.defaultOptions, option)), this.type = BrushHighlight.type, 
+        this.handleBrushUpdate = options => {
+            const elements = [];
+            options.operateType === vrender_components_1.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);
+        };
+    }
+}
+
+exports.BrushHighlight = BrushHighlight, BrushHighlight.type = "brush-highlight", 
+BrushHighlight.defaultOptions = {
+    highlightState: enums_1.InteractionStateEnum.highlight,
+    blurState: enums_1.InteractionStateEnum.blur
+};
+//# sourceMappingURL=brush-highlight.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/interactions/brush-highlight.ts"],"names":[],"mappings":";;;AACA,0CAAsD;AAEtD,6CAAyC;AAEzC,qEAA4D;AAE5D,MAAa,cAAe,SAAQ,sBAAgC;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,iCAAY,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;;AAXH,wCA8CC;AA7CQ,mBAAI,GAAW,iBAAiB,CAAC;AAGjC,6BAAc,GAA0B;IAC7C,cAAc,EAAE,4BAAoB,CAAC,SAAS;IAC9C,SAAS,EAAE,4BAAoB,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/cjs/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 {};