@visactor/vchart 1.15.5-alpha.8 → 2.0.0-alpha.0

package/cjs/interaction/interface/trigger.d.ts

@@ -0,0 +1,87 @@
+import type { GraphicEventType } from '@visactor/vrender-core';
+import type { IMark, IMarkGraphic } from '../../mark/interface/common';
+import type { RenderMode } from '../../typings/spec/common';
+import type { IInteraction } from './common';
+import type { BaseEventParams } from '../../event/interface';
+export type ITriggerEventHandler = (e: any, markGraphic?: IMarkGraphic) => void;
+export interface ITrigger<TriggerOptions extends IBaseTriggerOptions = any> {
+    readonly options: TriggerOptions;
+    readonly type: string;
+    registerMark: (mark: IMark | IMark[]) => void;
+    release: () => void;
+    init: () => void;
+    start: (g: any) => void;
+    reset: (g?: IMarkGraphic) => void;
+    getStartState: () => string;
+    getResetState: () => string;
+    updateMarkIdByState: (states: string[]) => void;
+    getMarkIdByState: () => Record<string, number[]>;
+    getMarks: () => IMark[];
+    getMarksByState: (state: string) => IMark[];
+}
+export interface IBaseTriggerOptions {
+    type?: string;
+    marks?: IMark[];
+    mode?: RenderMode;
+    event: {
+        on: (eType: string, callback: ITriggerEventHandler) => void;
+        off: (eType: string, callback?: ITriggerEventHandler) => void;
+        emit: (eType: string, params: any) => void;
+    };
+    interaction: IInteraction;
+    id?: string;
+    shouldStart?: (e: any) => boolean;
+    shouldUpdate?: (e: any) => boolean;
+    shouldEnd?: (e: any) => boolean;
+    shouldReset?: (e: any) => boolean;
+    onStart?: (e: any) => boolean;
+    onUpdate?: (e: any) => boolean;
+    onEnd?: (e: any) => boolean;
+    onReset?: (e: any) => boolean;
+}
+export type IElementSelectTriggerOff = GraphicEventType | string | 'empty' | 'none' | number;
+export interface IElementSelectOptions extends IBaseTriggerOptions {
+    trigger?: GraphicEventType | GraphicEventType[];
+    state?: string;
+    reverseState?: string;
+    triggerOff?: IElementSelectTriggerOff | IElementSelectTriggerOff[];
+    isMultiple?: boolean;
+}
+export interface IDimensionHoverOptions extends IBaseTriggerOptions {
+    state?: string;
+    reverseState?: string;
+    trigger?: string;
+}
+export interface IElementActiveOptions extends IBaseTriggerOptions {
+    trigger?: GraphicEventType | GraphicEventType[];
+    triggerOff?: GraphicEventType | GraphicEventType[] | 'none';
+    state?: string;
+}
+export interface IElementHighlightOptions extends IBaseTriggerOptions {
+    trigger?: GraphicEventType;
+    triggerOff?: GraphicEventType | 'none';
+    highlightState?: string;
+    blurState?: string;
+}
+export interface IElementFilterOptions {
+    filterType?: 'key' | 'groupKey';
+    filterField?: string;
+}
+export interface IElementActiveByLegendOptions extends IBaseTriggerOptions, IElementFilterOptions {
+    state?: string;
+}
+export interface IElementHighlightByLegendOptions extends IBaseTriggerOptions, IElementFilterOptions {
+    highlightState?: string;
+    blurState?: string;
+}
+export interface IElementHighlightByNameOptions extends IElementHighlightByLegendOptions {
+    graphicName?: string | string[];
+    trigger?: GraphicEventType;
+    triggerOff?: GraphicEventType | 'none';
+    parseData?: (e: BaseEventParams) => any;
+}
+export type IElementHighlightByGraphicNameOptions = IElementHighlightOptions;
+export interface ITriggerConstructor<T extends IBaseTriggerOptions = IBaseTriggerOptions> {
+    readonly type: string;
+    new (options?: T): ITrigger<T>;
+}

package/cjs/{component/crosshair/interface/cartesian.js → interaction/interface/trigger.js}

@@ -3,4 +3,4 @@
 Object.defineProperty(exports, "__esModule", {
     value: !0
 });
-//# sourceMappingURL=cartesian.js.map
+//# sourceMappingURL=trigger.js.map

package/cjs/interaction/interface/trigger.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/interaction/interface/trigger.ts"],"names":[],"mappings":"","file":"trigger.js","sourcesContent":["import type { GraphicEventType } from '@visactor/vrender-core';\nimport type { IMark, IMarkGraphic } from '../../mark/interface/common';\nimport type { RenderMode } from '../../typings/spec/common';\nimport type { IInteraction } from './common';\nimport type { BaseEventParams } from '../../event/interface';\n\nexport type ITriggerEventHandler = (e: any, markGraphic?: IMarkGraphic) => void;\n\nexport interface ITrigger<TriggerOptions extends IBaseTriggerOptions = any> {\n  readonly options: TriggerOptions;\n  readonly type: string;\n  registerMark: (mark: IMark | IMark[]) => void;\n  release: () => void;\n\n  init: () => void;\n  start: (g: any) => void;\n  reset: (g?: IMarkGraphic) => void;\n  getStartState: () => string;\n  getResetState: () => string;\n  updateMarkIdByState: (states: string[]) => void;\n  getMarkIdByState: () => Record<string, number[]>;\n  getMarks: () => IMark[];\n  getMarksByState: (state: string) => IMark[];\n}\n\nexport interface IBaseTriggerOptions {\n  type?: string;\n  /**\n   * 需要处理状态的所有图元\n   */\n  marks?: IMark[];\n  mode?: RenderMode;\n  event: {\n    on: (eType: string, callback: ITriggerEventHandler) => void;\n    off: (eType: string, callback?: ITriggerEventHandler) => void;\n    emit: (eType: string, params: any) => void;\n  };\n  interaction: IInteraction;\n\n  id?: string;\n\n  shouldStart?: (e: any) => boolean;\n\n  shouldUpdate?: (e: any) => boolean;\n\n  shouldEnd?: (e: any) => boolean;\n\n  shouldReset?: (e: any) => boolean;\n\n  onStart?: (e: any) => boolean;\n\n  onUpdate?: (e: any) => boolean;\n\n  onEnd?: (e: any) => boolean;\n\n  onReset?: (e: any) => boolean;\n}\n\nexport type IElementSelectTriggerOff = GraphicEventType | string | 'empty' | 'none' | number;\n\nexport interface IElementSelectOptions extends IBaseTriggerOptions {\n  /**\n   * the trigger event name\n   */\n  trigger?: GraphicEventType | GraphicEventType[];\n  /**\n   * the selected state name\n   */\n  state?: string;\n  /**\n   * the non-selected state name\n   */\n  reverseState?: string;\n  /**\n   * the reset trigger event name\n   */\n  triggerOff?: IElementSelectTriggerOff | IElementSelectTriggerOff[];\n  /**\n   * whether or not support multiple selected\n   */\n  isMultiple?: boolean;\n}\n\nexport interface IDimensionHoverOptions extends IBaseTriggerOptions {\n  /**\n   * the selected state name\n   */\n  state?: string;\n  /**\n   * the non-selected state name\n   */\n  reverseState?: string;\n\n  trigger?: string;\n}\n\nexport interface IElementActiveOptions extends IBaseTriggerOptions {\n  /**\n   * the trigger event name\n   */\n  trigger?: GraphicEventType | GraphicEventType[];\n  /**\n   * the reset trigger event name\n   */\n  triggerOff?: GraphicEventType | GraphicEventType[] | 'none';\n  /**\n   * the active state name\n   */\n  state?: string;\n}\n\nexport interface IElementHighlightOptions extends IBaseTriggerOptions {\n  /**\n   * the trigger event name\n   */\n  trigger?: GraphicEventType;\n  /**\n   * the reset trigger event name\n   */\n  triggerOff?: GraphicEventType | 'none';\n  /**\n   * the highlight state name\n   */\n  highlightState?: string;\n  /**\n   * the blur state name\n   */\n  blurState?: string;\n}\n\nexport interface IElementFilterOptions {\n  /**\n   * the filter type of element\n   */\n  filterType?: 'key' | 'groupKey';\n  /**\n   * the field to be filtered\n   */\n  filterField?: string;\n}\n\n/**\n * the interaction to set the active state of specified marks trigger by legend\n */\nexport interface IElementActiveByLegendOptions extends IBaseTriggerOptions, IElementFilterOptions {\n  /**\n   * the active state name\n   */\n  state?: string;\n}\n\n/**\n * the interaction to set the active state of specified marks trigger by legend\n */\nexport interface IElementHighlightByLegendOptions extends IBaseTriggerOptions, IElementFilterOptions {\n  /**\n   * the highlight state name\n   */\n  highlightState?: string;\n  /**\n   * the blur state name\n   */\n  blurState?: string;\n}\n\nexport interface IElementHighlightByNameOptions extends IElementHighlightByLegendOptions {\n  graphicName?: string | string[];\n  /**\n   * the trigger event name\n   */\n  trigger?: GraphicEventType;\n  /**\n   * the reset trigger event name\n   */\n  triggerOff?: GraphicEventType | 'none';\n\n  parseData?: (e: BaseEventParams) => any;\n}\n\nexport type IElementHighlightByGraphicNameOptions = IElementHighlightOptions;\n\nexport interface ITriggerConstructor<T extends IBaseTriggerOptions = IBaseTriggerOptions> {\n  readonly type: string;\n\n  new (options?: T): ITrigger<T>;\n}\n"]}

package/cjs/interaction/triggers/base.d.ts

@@ -0,0 +1,28 @@
+import type { IBaseTriggerOptions, ITrigger, ITriggerEventHandler } from '../interface/trigger';
+import type { IMark, IMarkGraphic } from '../../mark/interface/common';
+import { MarkSet } from '../../mark/mark-set';
+export declare abstract class BaseTrigger<T extends IBaseTriggerOptions> implements ITrigger<T> {
+    options: T;
+    type: string;
+    protected _markSet: MarkSet;
+    protected _markIdByState: Record<string, number[]>;
+    constructor(options: T);
+    getMarks(): IMark[];
+    getMarksByState(state: string): IMark[];
+    registerMark(mark: IMark | IMark[]): void;
+    updateMarkIdByState(states: string[]): void;
+    getMarkIdByState(): Record<string, number[]>;
+    isGraphicInStateMark(g: IMarkGraphic, state: string): boolean;
+    isGraphicInMark(g: IMarkGraphic): boolean;
+    protected abstract getEvents(): Array<{
+        type: string | string[];
+        handler: ITriggerEventHandler;
+    }>;
+    getStartState(): string;
+    getResetState(): string;
+    init(): void;
+    release(): void;
+    start(g: IMarkGraphic | string): void;
+    reset(g?: IMarkGraphic): void;
+    protected dispatchEvent(type: 'start' | 'reset' | 'update' | 'end', params: any): void;
+}

package/cjs/interaction/triggers/base.js

@@ -0,0 +1,77 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.BaseTrigger = void 0;
+
+const vutils_1 = require("@visactor/vutils"), mark_set_1 = require("../../mark/mark-set"), util_1 = require("./util");
+
+class BaseTrigger {
+    constructor(options) {
+        this._markSet = new mark_set_1.MarkSet, this.options = options, options.marks && options.marks.length && options.marks.forEach((m => {
+            this.registerMark(m);
+        }));
+    }
+    getMarks() {
+        return this._markSet.getMarks();
+    }
+    getMarksByState(state) {
+        if (this._markIdByState && this._markSet) {
+            const markIds = this._markIdByState[state];
+            return markIds ? this.getMarks().filter((mark => mark && markIds.includes(mark.id))) : [];
+        }
+        return [];
+    }
+    registerMark(mark) {
+        (0, vutils_1.isArray)(mark) ? mark.forEach((m => {
+            this._markSet.addMark(m);
+        })) : this._markSet.addMark(mark);
+    }
+    updateMarkIdByState(states) {
+        this._markIdByState = (0, util_1.groupMarksByState)(this.getMarks(), states);
+    }
+    getMarkIdByState() {
+        var _a;
+        return null !== (_a = this._markIdByState) && void 0 !== _a ? _a : {};
+    }
+    isGraphicInStateMark(g, state) {
+        var _a;
+        const markIdByState = this.getMarkIdByState();
+        return markIdByState && markIdByState[state] && markIdByState[state].includes(null === (_a = g.context) || void 0 === _a ? void 0 : _a.markId);
+    }
+    isGraphicInMark(g) {
+        var _a;
+        return !!this._markSet.getMarkInId(null === (_a = g.context) || void 0 === _a ? void 0 : _a.markId);
+    }
+    getStartState() {
+        return null;
+    }
+    getResetState() {
+        return null;
+    }
+    init() {
+        const events = this.getEvents();
+        events && this.options.event && events.forEach((evt => {
+            evt.type && evt.handler && ((0, vutils_1.isArray)(evt.type) ? evt.type.forEach((evtType => {
+                evtType && "none" !== evtType && this.options.event.on(evtType, evt.handler);
+            })) : "none" !== evt.type && this.options.event.on(evt.type, evt.handler));
+        }));
+    }
+    release() {
+        const events = this.getEvents();
+        events && this.options.event && (null != events ? events : []).forEach((evt => {
+            evt.type && evt.handler && ((0, vutils_1.isArray)(evt.type) ? evt.type.forEach((evtType => {
+                evtType && "none" !== evtType && this.options.event.on(evtType, evt.handler);
+            })) : "none" !== evt.type && this.options.event.off(evt.type, evt.handler));
+        }));
+    }
+    start(g) {}
+    reset(g) {}
+    dispatchEvent(type, params) {
+        this.options.event && (this.options.event.emit(`${this.type}:${type}`, params), 
+        "start" === type && this.options.onStart ? this.options.onStart(params) : "reset" === type && this.options.onReset ? this.options.onReset(params) : "update" === type && this.options.onUpdate ? this.options.onUpdate(params) : "end" === type && this.options.onEnd && this.options.onEnd(params));
+    }
+}
+
+exports.BaseTrigger = BaseTrigger;
+//# sourceMappingURL=base.js.map

package/cjs/interaction/triggers/base.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/interaction/triggers/base.ts"],"names":[],"mappings":"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","file":"base.js","sourcesContent":["import { isArray } from '@visactor/vutils';\nimport type { IBaseTriggerOptions, ITrigger, ITriggerEventHandler } from '../interface/trigger';\nimport type { IMark, IMarkGraphic } from '../../mark/interface/common';\nimport { MarkSet } from '../../mark/mark-set';\nimport { groupMarksByState } from './util';\n\nexport abstract class BaseTrigger<T extends IBaseTriggerOptions> implements ITrigger<T> {\n  options: T;\n  type: string;\n\n  protected _markSet: MarkSet = new MarkSet();\n\n  protected _markIdByState: Record<string, number[]>;\n\n  constructor(options: T) {\n    this.options = options;\n\n    if (options.marks && options.marks.length) {\n      options.marks.forEach(m => {\n        this.registerMark(m);\n      });\n    }\n  }\n\n  getMarks(): IMark[] {\n    return this._markSet.getMarks();\n  }\n\n  getMarksByState(state: string): IMark[] {\n    if (this._markIdByState && this._markSet) {\n      const markIds = this._markIdByState[state];\n\n      return markIds ? this.getMarks().filter(mark => mark && markIds.includes(mark.id)) : [];\n    }\n\n    return [];\n  }\n\n  registerMark(mark: IMark | IMark[]) {\n    if (isArray(mark)) {\n      mark.forEach(m => {\n        this._markSet.addMark(m);\n      });\n    } else {\n      this._markSet.addMark(mark);\n    }\n  }\n\n  updateMarkIdByState(states: string[]) {\n    this._markIdByState = groupMarksByState(this.getMarks(), states);\n  }\n\n  getMarkIdByState() {\n    return this._markIdByState ?? {};\n  }\n\n  isGraphicInStateMark(g: IMarkGraphic, state: string) {\n    const markIdByState = this.getMarkIdByState();\n\n    return markIdByState && markIdByState[state] && markIdByState[state].includes(g.context?.markId);\n  }\n\n  isGraphicInMark(g: IMarkGraphic) {\n    return !!this._markSet.getMarkInId(g.context?.markId);\n  }\n\n  protected abstract getEvents(): Array<{ type: string | string[]; handler: ITriggerEventHandler }>;\n\n  getStartState(): string {\n    return null;\n  }\n\n  getResetState(): string {\n    return null;\n  }\n\n  init() {\n    const events = this.getEvents();\n\n    if (events && this.options.event) {\n      events.forEach(evt => {\n        if (evt.type && evt.handler) {\n          if (isArray(evt.type)) {\n            evt.type.forEach(evtType => {\n              evtType && evtType !== 'none' && this.options.event.on(evtType, evt.handler);\n            });\n          } else {\n            evt.type !== 'none' && this.options.event.on(evt.type, evt.handler);\n          }\n        }\n      });\n    }\n  }\n\n  release() {\n    // unbind events\n    const events = this.getEvents();\n\n    if (events && this.options.event) {\n      (events ?? []).forEach(evt => {\n        if (evt.type && evt.handler) {\n          if (isArray(evt.type)) {\n            evt.type.forEach(evtType => {\n              evtType && evtType !== 'none' && this.options.event.on(evtType, evt.handler);\n            });\n          } else {\n            evt.type !== 'none' && this.options.event.off(evt.type, evt.handler);\n          }\n        }\n      });\n    }\n  }\n\n  start(g: IMarkGraphic | string) {\n    // do nothing\n  }\n\n  reset(g?: IMarkGraphic) {\n    // do nothing\n  }\n\n  protected dispatchEvent(type: 'start' | 'reset' | 'update' | 'end', params: any) {\n    if (this.options.event) {\n      this.options.event.emit(`${this.type}:${type}`, params);\n\n      if (type === 'start' && this.options.onStart) {\n        this.options.onStart(params);\n      } else if (type === 'reset' && this.options.onReset) {\n        this.options.onReset(params);\n      } else if (type === 'update' && this.options.onUpdate) {\n        this.options.onUpdate(params);\n      } else if (type === 'end' && this.options.onEnd) {\n        this.options.onEnd(params);\n      }\n    }\n  }\n}\n"]}

package/cjs/interaction/triggers/dimension-hover.d.ts

@@ -0,0 +1,22 @@
+import type { DimensionEventParams } from '../../event/events/dimension/interface';
+import type { IMarkGraphic } from '../../mark/interface';
+import type { IDimensionHoverOptions, ITrigger } from '../interface/trigger';
+import { BaseTrigger } from './base';
+export declare class DimensionHover extends BaseTrigger<IDimensionHoverOptions> implements ITrigger<IDimensionHoverOptions> {
+    static type: string;
+    type: string;
+    static defaultOptions: Partial<IDimensionHoverOptions>;
+    protected _resetType: ('view' | 'self' | 'timeout')[];
+    protected _statedGraphics?: IMarkGraphic[];
+    constructor(options?: IDimensionHoverOptions);
+    getStartState(): string;
+    getResetState(): string;
+    protected getEvents(): {
+        type: string;
+        handler: (params: DimensionEventParams) => void;
+    }[];
+    resetAll: () => void;
+    protected getStatedGraphics(params: DimensionEventParams, reverse?: boolean): IMarkGraphic[];
+    handleStart: (params: DimensionEventParams) => void;
+}
+export declare const registerDimensionHover: () => void;

package/cjs/interaction/triggers/dimension-hover.js

@@ -0,0 +1,77 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.registerDimensionHover = exports.DimensionHover = void 0;
+
+const vutils_1 = require("@visactor/vutils"), interface_1 = require("../../event/events/dimension/interface"), interface_2 = require("../../compile/mark/interface"), util_1 = require("../../util"), base_1 = require("./base"), factory_1 = require("../../core/factory"), defaultOptions = {
+    state: interface_2.STATE_VALUE_ENUM.STATE_DIMENSION_HOVER,
+    reverseState: interface_2.STATE_VALUE_ENUM.STATE_DIMENSION_HOVER_REVERSE,
+    trigger: interface_1.DimensionEventEnum.dimensionHover
+};
+
+class DimensionHover extends base_1.BaseTrigger {
+    constructor(options) {
+        super(options), this.type = "dimension-hover", this._resetType = [], this.resetAll = () => {
+            const {state: state, reverseState: reverseState, interaction: interaction} = this.options, statedGraphics = interaction.getStatedGraphics(this);
+            statedGraphics && statedGraphics.length && (interaction.clearAllStatesOfTrigger(this, state, reverseState), 
+            this.dispatchEvent("reset", {
+                graphics: statedGraphics,
+                options: this.options
+            }), interaction.setStatedGraphics(this, []));
+        }, this.handleStart = params => {
+            const interaction = this.options.interaction;
+            switch (params.action) {
+              case "enter":
+                const newStated = this.getStatedGraphics(params);
+                interaction.updateStates(this, this.getStatedGraphics(params), interaction.getStatedGraphics(this), this.options.state, this.options.reverseState), 
+                interaction.setStatedGraphics(this, newStated);
+                break;
+
+              case "leave":
+                interaction.clearAllStatesOfTrigger(this, this.options.state, this.options.reverseState), 
+                interaction.setStatedGraphics(this, []);
+            }
+        }, this.options = Object.assign({}, defaultOptions, options), this.updateMarkIdByState([ this.options.state, this.options.reverseState ]);
+    }
+    getStartState() {
+        return this.options.state;
+    }
+    getResetState() {
+        return this.options.reverseState;
+    }
+    getEvents() {
+        return [ {
+            type: this.options.trigger,
+            handler: this.handleStart
+        } ];
+    }
+    getStatedGraphics(params, reverse = !1) {
+        const marks = this.getMarksByState(reverse ? this.options.reverseState : this.options.state), items = [];
+        return params.dimensionInfo.forEach((df => {
+            df.data.forEach((dd => {
+                marks.filter((m => m.model === dd.series && m.getVisible())).forEach((m => {
+                    const graphics = m.getGraphics();
+                    if (!graphics || !graphics.length) return;
+                    const elements = graphics.filter((g => {
+                        const datum = (0, util_1.getDatumOfGraphic)(g);
+                        let c;
+                        return c = (0, vutils_1.isArray)(datum) ? datum.every(((oneData, i) => oneData === dd.datum[i])) : dd.datum.some((dd_d => dd_d === datum)), 
+                        reverse ? !c : c;
+                    }));
+                    items.push(...elements);
+                }));
+            }));
+        })), items;
+    }
+}
+
+exports.DimensionHover = DimensionHover, DimensionHover.type = "dimension-hover", 
+DimensionHover.defaultOptions = defaultOptions;
+
+const registerDimensionHover = () => {
+    factory_1.Factory.registerInteractionTrigger(DimensionHover.type, DimensionHover);
+};
+
+exports.registerDimensionHover = registerDimensionHover;
+//# sourceMappingURL=dimension-hover.js.map

package/cjs/interaction/triggers/dimension-hover.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/interaction/triggers/dimension-hover.ts"],"names":[],"mappings":"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","file":"dimension-hover.js","sourcesContent":["import { isArray } from '@visactor/vutils';\nimport type { DimensionEventParams } from '../../event/events/dimension/interface';\n// eslint-disable-next-line no-duplicate-imports\nimport { DimensionEventEnum } from '../../event/events/dimension/interface';\nimport type { IMarkGraphic } from '../../mark/interface';\nimport { STATE_VALUE_ENUM } from '../../compile/mark/interface';\nimport { getDatumOfGraphic } from '../../util';\nimport type { ISeries } from '../../series';\nimport type { IDimensionHoverOptions, ITrigger } from '../interface/trigger';\nimport { BaseTrigger } from './base';\nimport { Factory } from '../../core/factory';\nimport { TRIGGER_TYPE_ENUM } from './enum';\n\nconst defaultOptions: Partial<IDimensionHoverOptions> = {\n  state: STATE_VALUE_ENUM.STATE_DIMENSION_HOVER,\n  reverseState: STATE_VALUE_ENUM.STATE_DIMENSION_HOVER_REVERSE,\n  trigger: DimensionEventEnum.dimensionHover\n};\n\nexport class DimensionHover extends BaseTrigger<IDimensionHoverOptions> implements ITrigger<IDimensionHoverOptions> {\n  static type: string = TRIGGER_TYPE_ENUM.DIMENSION_HOVER;\n  type: string = TRIGGER_TYPE_ENUM.DIMENSION_HOVER;\n\n  static defaultOptions = defaultOptions;\n  protected _resetType: ('view' | 'self' | 'timeout')[] = [];\n\n  protected _statedGraphics?: IMarkGraphic[];\n\n  constructor(options?: IDimensionHoverOptions) {\n    super(options);\n    this.options = Object.assign({}, defaultOptions, options);\n\n    // this._marks = view.getMarksBySelector(this.options.selector);\n    this.updateMarkIdByState([this.options.state, this.options.reverseState]);\n  }\n\n  getStartState(): string {\n    return this.options.state;\n  }\n\n  getResetState(): string {\n    return this.options.reverseState;\n  }\n\n  protected getEvents() {\n    const trigger = this.options.trigger;\n\n    return [\n      {\n        type: trigger,\n        handler: this.handleStart\n      }\n    ];\n  }\n\n  resetAll = () => {\n    const { state, reverseState, interaction } = this.options;\n    const statedGraphics = interaction.getStatedGraphics(this);\n\n    if (statedGraphics && statedGraphics.length) {\n      interaction.clearAllStatesOfTrigger(this, state, reverseState);\n      this.dispatchEvent('reset', { graphics: statedGraphics, options: this.options });\n\n      interaction.setStatedGraphics(this, []);\n    }\n  };\n\n  protected getStatedGraphics(params: DimensionEventParams, reverse: boolean = false) {\n    const marks = this.getMarksByState(reverse ? this.options.reverseState : this.options.state);\n\n    const items: IMarkGraphic[] = [];\n    params.dimensionInfo.forEach(df => {\n      df.data.forEach(dd => {\n        const seriesMark = marks.filter(m => (m.model as unknown as ISeries) === dd.series && m.getVisible());\n\n        seriesMark.forEach(m => {\n          const graphics = m.getGraphics();\n          if (!graphics || !graphics.length) {\n            return;\n          }\n\n          const elements = graphics.filter(g => {\n            const datum = getDatumOfGraphic(g);\n            let c;\n            if (isArray(datum)) {\n              c = datum.every((oneData, i) => oneData === dd.datum[i]);\n            } else {\n              c = dd.datum.some(dd_d => dd_d === datum);\n            }\n            return reverse ? !c : c;\n          });\n          items.push(...elements);\n        });\n      });\n    });\n\n    return items;\n  }\n\n  handleStart = (params: DimensionEventParams) => {\n    const interaction = this.options.interaction;\n\n    switch (params.action) {\n      case 'enter':\n        const newStated = this.getStatedGraphics(params);\n        interaction.updateStates(\n          this,\n          this.getStatedGraphics(params),\n          interaction.getStatedGraphics(this),\n          this.options.state,\n          this.options.reverseState\n        );\n\n        interaction.setStatedGraphics(this, newStated);\n\n        break;\n      case 'leave':\n        interaction.clearAllStatesOfTrigger(this, this.options.state, this.options.reverseState);\n        interaction.setStatedGraphics(this, []);\n        break;\n      case 'click':\n      case 'move':\n      default:\n        break;\n    }\n  };\n}\n\nexport const registerDimensionHover = () => {\n  Factory.registerInteractionTrigger(DimensionHover.type, DimensionHover);\n};\n"]}

package/cjs/interaction/triggers/element-active-by-legend.d.ts

@@ -0,0 +1,21 @@
+import { BaseTrigger } from './base';
+import type { IElementActiveByLegendOptions, ITrigger, ITriggerEventHandler } from '../interface/trigger';
+import type { IMarkGraphic } from '../../mark/interface';
+import type { BaseEventParams } from '../../core';
+export declare class ElementActiveByLegend extends BaseTrigger<IElementActiveByLegendOptions> implements ITrigger<IElementActiveByLegendOptions> {
+    static type: string;
+    type: string;
+    static defaultOptions: Partial<IElementActiveByLegendOptions>;
+    constructor(options?: IElementActiveByLegendOptions);
+    protected getEvents(): Array<{
+        type: string | string[];
+        handler: ITriggerEventHandler;
+    }>;
+    getStartState(): string;
+    start(itemKey: string): void;
+    resetAll(): void;
+    reset(g?: IMarkGraphic): void;
+    handleStart: (e: BaseEventParams) => void;
+    handleReset: (e: BaseEventParams) => void;
+}
+export declare const registerElementActiveByLegend: () => void;

package/cjs/interaction/triggers/element-active-by-legend.js

@@ -0,0 +1,66 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.registerElementActiveByLegend = exports.ElementActiveByLegend = void 0;
+
+const factory_1 = require("../../core/factory"), base_1 = require("./base"), event_1 = require("../../constant/event"), vutils_1 = require("@visactor/vutils"), util_1 = require("./util"), interface_1 = require("../../compile/mark/interface"), type = "element-active-by-legend", defaultOptions = {
+    state: interface_1.STATE_VALUE_ENUM.STATE_ACTIVE,
+    filterType: "groupKey"
+};
+
+class ElementActiveByLegend extends base_1.BaseTrigger {
+    constructor(options) {
+        super(options), this.type = type, this.handleStart = e => {
+            var _a, _b;
+            const event = e.event;
+            event && this.start(null === (_b = null === (_a = event.detail) || void 0 === _a ? void 0 : _a.data) || void 0 === _b ? void 0 : _b.id);
+        }, this.handleReset = e => {
+            this.resetAll();
+        }, this.options = Object.assign({}, defaultOptions, options), this.updateMarkIdByState([ this.options.state ]);
+    }
+    getEvents() {
+        return [ {
+            type: event_1.ChartEvent.legendItemHover,
+            handler: this.handleStart
+        }, {
+            type: event_1.ChartEvent.legendItemUnHover,
+            handler: this.handleReset
+        } ];
+    }
+    getStartState() {
+        return this.options.state;
+    }
+    start(itemKey) {
+        if ((0, vutils_1.isNil)(itemKey)) return;
+        const {interaction: interaction, state: state} = this.options, filterValue = (0, 
+        util_1.generateFilterValue)(this.options), statedGraphics = interaction.getStatedGraphics(this), newStatedGraphics = [];
+        this.getMarks().forEach((m => {
+            var _a;
+            null === (_a = m.getGraphics()) || void 0 === _a || _a.forEach((g => {
+                filterValue(g) === itemKey && newStatedGraphics.push(g);
+            }));
+        })), interaction.updateStates(this, newStatedGraphics, statedGraphics, state), interaction.setStatedGraphics(this, newStatedGraphics);
+    }
+    resetAll() {
+        const {interaction: interaction, state: state} = this.options;
+        interaction.clearAllStatesOfTrigger(this, state), interaction.setStatedGraphics(this, []);
+    }
+    reset(g) {
+        const {state: state, interaction: interaction} = this.options;
+        if (g) {
+            const statedGraphics = interaction.getStatedGraphics(this);
+            statedGraphics && statedGraphics.includes(g) && (g.removeState(state), interaction.setStatedGraphics(this, statedGraphics.filter((sg => sg !== g))));
+        } else this.resetAll();
+    }
+}
+
+exports.ElementActiveByLegend = ElementActiveByLegend, ElementActiveByLegend.type = type, 
+ElementActiveByLegend.defaultOptions = defaultOptions;
+
+const registerElementActiveByLegend = () => {
+    factory_1.Factory.registerInteractionTrigger(type, ElementActiveByLegend);
+};
+
+exports.registerElementActiveByLegend = registerElementActiveByLegend;
+//# sourceMappingURL=element-active-by-legend.js.map

package/cjs/interaction/triggers/element-active-by-legend.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/interaction/triggers/element-active-by-legend.ts"],"names":[],"mappings":"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","file":"element-active-by-legend.js","sourcesContent":["import { Factory } from '../../core/factory';\nimport { BaseTrigger } from './base';\nimport type { IElementActiveByLegendOptions, ITrigger, ITriggerEventHandler } from '../interface/trigger';\nimport { ChartEvent } from '../../constant/event';\nimport { isNil } from '@visactor/vutils';\nimport { generateFilterValue } from './util';\nimport type { IMarkGraphic } from '../../mark/interface';\nimport type { BaseEventParams } from '../../core';\nimport { STATE_VALUE_ENUM } from '../../compile/mark/interface';\n\nconst type = 'element-active-by-legend';\nconst defaultOptions: Partial<IElementActiveByLegendOptions> = {\n  state: STATE_VALUE_ENUM.STATE_ACTIVE,\n  filterType: 'groupKey'\n};\n\nexport class ElementActiveByLegend\n  extends BaseTrigger<IElementActiveByLegendOptions>\n  implements ITrigger<IElementActiveByLegendOptions>\n{\n  static type: string = type;\n  type: string = type;\n\n  static defaultOptions = defaultOptions;\n\n  constructor(options?: IElementActiveByLegendOptions) {\n    super(options);\n    this.options = Object.assign({}, defaultOptions, options);\n\n    this.updateMarkIdByState([this.options.state]);\n  }\n  protected getEvents(): Array<{ type: string | string[]; handler: ITriggerEventHandler }> {\n    return [\n      {\n        type: ChartEvent.legendItemHover,\n        handler: this.handleStart\n      },\n      {\n        type: ChartEvent.legendItemUnHover,\n        handler: this.handleReset\n      }\n    ];\n  }\n\n  getStartState(): string {\n    return this.options.state;\n  }\n  start(itemKey: string) {\n    if (isNil(itemKey)) {\n      return;\n    }\n    const { interaction, state } = this.options;\n    const filterValue = generateFilterValue(this.options);\n    const statedGraphics = interaction.getStatedGraphics(this);\n    const newStatedGraphics: IMarkGraphic[] = [];\n\n    this.getMarks().forEach(m => {\n      m.getGraphics()?.forEach(g => {\n        if (filterValue(g) === itemKey) {\n          newStatedGraphics.push(g);\n        }\n      });\n    });\n\n    interaction.updateStates(this, newStatedGraphics, statedGraphics, state);\n    interaction.setStatedGraphics(this, newStatedGraphics);\n  }\n\n  resetAll() {\n    const { interaction, state } = this.options;\n\n    interaction.clearAllStatesOfTrigger(this, state);\n\n    interaction.setStatedGraphics(this, []);\n  }\n\n  reset(g?: IMarkGraphic) {\n    const { state, interaction } = this.options;\n\n    if (g) {\n      const statedGraphics = interaction.getStatedGraphics(this);\n      if (statedGraphics && statedGraphics.includes(g)) {\n        g.removeState(state);\n        interaction.setStatedGraphics(\n          this,\n          statedGraphics.filter(sg => sg !== g)\n        );\n      }\n    } else {\n      this.resetAll();\n    }\n  }\n\n  handleStart = (e: BaseEventParams) => {\n    const event = e.event;\n\n    if (event) {\n      this.start(event.detail?.data?.id);\n    }\n  };\n\n  handleReset = (e: BaseEventParams) => {\n    this.resetAll();\n  };\n}\n\nexport const registerElementActiveByLegend = () => {\n  Factory.registerInteractionTrigger(type, ElementActiveByLegend);\n};\n"]}

package/cjs/interaction/triggers/element-active.d.ts

@@ -0,0 +1,20 @@
+import { BaseTrigger } from './base';
+import type { IElementActiveOptions, ITrigger, ITriggerEventHandler } from '../interface/trigger';
+import type { IMarkGraphic } from '../../mark/interface';
+import type { BaseEventParams } from '../../event/interface';
+export declare class ElementActive extends BaseTrigger<IElementActiveOptions> implements ITrigger<IElementActiveOptions> {
+    static type: string;
+    type: string;
+    static defaultOptions: Partial<IElementActiveOptions>;
+    constructor(options?: IElementActiveOptions);
+    protected getEvents(): Array<{
+        type: string | string[];
+        handler: ITriggerEventHandler;
+    }>;
+    getStartState(): string;
+    start(g: IMarkGraphic): void;
+    reset(graphic?: IMarkGraphic): void;
+    handleStart: (e: BaseEventParams) => void;
+    handleReset: (e: BaseEventParams) => void;
+}
+export declare const registerElementActive: () => void;

package/cjs/interaction/triggers/element-active.js

@@ -0,0 +1,52 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.registerElementActive = exports.ElementActive = void 0;
+
+const factory_1 = require("../../core/factory"), base_1 = require("./base"), interface_1 = require("../../compile/mark/interface"), defaultOptions = {
+    state: interface_1.STATE_VALUE_ENUM.STATE_ACTIVE,
+    trigger: "pointerover",
+    triggerOff: "pointerout"
+};
+
+class ElementActive extends base_1.BaseTrigger {
+    constructor(options) {
+        super(options), this.type = "element-active", this.handleStart = e => {
+            this.start(e.item);
+        }, this.handleReset = e => {
+            this.reset(e.item);
+        }, this.options = Object.assign({}, defaultOptions, options), this.updateMarkIdByState([ this.options.state ]);
+    }
+    getEvents() {
+        return [ {
+            type: this.options.trigger,
+            handler: this.handleStart
+        }, {
+            type: this.options.triggerOff,
+            handler: this.handleReset
+        } ];
+    }
+    getStartState() {
+        return this.options.state;
+    }
+    start(g) {
+        if (g) {
+            const {state: state, interaction: interaction} = this.options;
+            this.isGraphicInStateMark(g, state) && (g.addState(state, !0), interaction.setStatedGraphics(this, [ g ]));
+        }
+    }
+    reset(graphic) {
+        const {interaction: interaction, state: state} = this.options, statedGraphics = interaction.getStatedGraphics(this), g = null != graphic ? graphic : null == statedGraphics ? void 0 : statedGraphics[0];
+        g && statedGraphics.includes(g) && (g.removeState(state), interaction.setStatedGraphics(this, statedGraphics.filter((sg => sg !== g))));
+    }
+}
+
+exports.ElementActive = ElementActive, ElementActive.type = "element-active", ElementActive.defaultOptions = defaultOptions;
+
+const registerElementActive = () => {
+    factory_1.Factory.registerInteractionTrigger(ElementActive.type, ElementActive);
+};
+
+exports.registerElementActive = registerElementActive;
+//# sourceMappingURL=element-active.js.map

package/cjs/interaction/triggers/element-active.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/interaction/triggers/element-active.ts"],"names":[],"mappings":";;;AAAA,gDAA6C;AAC7C,iCAAqC;AAGrC,4DAAgE;AAIhE,MAAM,cAAc,GAAmC;IACrD,KAAK,EAAE,4BAAgB,CAAC,YAAY;IACpC,OAAO,EAAE,aAAa;IACtB,UAAU,EAAE,YAAY;CACzB,CAAC;AAEF,MAAa,aAAc,SAAQ,kBAAkC;IAMnE,YAAY,OAA+B;QACzC,KAAK,CAAC,OAAO,CAAC,CAAC;QALjB,SAAI,oBAA4C;QAmDhD,gBAAW,GAAG,CAAC,CAAkB,EAAE,EAAE;YACnC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;QACrB,CAAC,CAAC;QAEF,gBAAW,GAAG,CAAC,CAAkB,EAAE,EAAE;YACnC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;QACrB,CAAC,CAAC;QAnDA,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,cAAc,EAAE,OAAO,CAAC,CAAC;QAE1D,IAAI,CAAC,mBAAmB,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC;IACjD,CAAC;IACS,SAAS;QACjB,OAAO;YACL;gBACE,IAAI,EAAE,IAAI,CAAC,OAAO,CAAC,OAAO;gBAC1B,OAAO,EAAE,IAAI,CAAC,WAAW;aAC1B;YACD,EAAE,IAAI,EAAE,IAAI,CAAC,OAAO,CAAC,UAAU,EAAE,OAAO,EAAE,IAAI,CAAC,WAAW,EAAE;SAC7D,CAAC;IACJ,CAAC;IAED,aAAa;QACX,OAAO,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC;IAC5B,CAAC;IAED,KAAK,CAAC,CAAe;QACnB,IAAI,CAAC,EAAE;YACL,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,IAAI,CAAC,OAAO,CAAC;YAE5C,IAAI,IAAI,CAAC,oBAAoB,CAAC,CAAC,EAAE,KAAK,CAAC,EAAE;gBACvC,CAAC,CAAC,QAAQ,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;gBAExB,WAAW,CAAC,iBAAiB,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;aAC1C;SACF;IACH,CAAC;IAED,KAAK,CAAC,OAAsB;QAC1B,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,OAAO,CAAC;QAE5C,MAAM,cAAc,GAAG,WAAW,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC;QAC3D,MAAM,CAAC,GAAG,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAG,CAAC,CAAC,CAAC;QAEzC,IAAI,CAAC,IAAI,cAAc,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE;YACnC,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;YACrB,WAAW,CAAC,iBAAiB,CAC3B,IAAI,EACJ,cAAc,CAAC,MAAM,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC,CACtC,CAAC;SACH;IACH,CAAC;;AAnDH,sCA4DC;AA3DQ,kBAAI,oBAA4C;AAGhD,4BAAc,GAAG,cAAc,CAAC;AA0DlC,MAAM,qBAAqB,GAAG,GAAG,EAAE;IACxC,iBAAO,CAAC,0BAA0B,CAAC,aAAa,CAAC,IAAI,EAAE,aAAa,CAAC,CAAC;AACxE,CAAC,CAAC;AAFW,QAAA,qBAAqB,yBAEhC","file":"element-active.js","sourcesContent":["import { Factory } from '../../core/factory';\nimport { BaseTrigger } from './base';\nimport type { IElementActiveOptions, ITrigger, ITriggerEventHandler } from '../interface/trigger';\nimport { TRIGGER_TYPE_ENUM } from './enum';\nimport { STATE_VALUE_ENUM } from '../../compile/mark/interface';\nimport type { IMarkGraphic } from '../../mark/interface';\nimport type { BaseEventParams } from '../../event/interface';\n\nconst defaultOptions: Partial<IElementActiveOptions> = {\n  state: STATE_VALUE_ENUM.STATE_ACTIVE,\n  trigger: 'pointerover',\n  triggerOff: 'pointerout'\n};\n\nexport class ElementActive extends BaseTrigger<IElementActiveOptions> implements ITrigger<IElementActiveOptions> {\n  static type: string = TRIGGER_TYPE_ENUM.ELEMENT_ACTIVE;\n  type: string = TRIGGER_TYPE_ENUM.ELEMENT_ACTIVE;\n\n  static defaultOptions = defaultOptions;\n\n  constructor(options?: IElementActiveOptions) {\n    super(options);\n    this.options = Object.assign({}, defaultOptions, options);\n\n    this.updateMarkIdByState([this.options.state]);\n  }\n  protected getEvents(): Array<{ type: string | string[]; handler: ITriggerEventHandler }> {\n    return [\n      {\n        type: this.options.trigger,\n        handler: this.handleStart\n      },\n      { type: this.options.triggerOff, handler: this.handleReset }\n    ];\n  }\n\n  getStartState(): string {\n    return this.options.state;\n  }\n\n  start(g: IMarkGraphic) {\n    if (g) {\n      const { state, interaction } = this.options;\n\n      if (this.isGraphicInStateMark(g, state)) {\n        g.addState(state, true);\n\n        interaction.setStatedGraphics(this, [g]);\n      }\n    }\n  }\n\n  reset(graphic?: IMarkGraphic) {\n    const { interaction, state } = this.options;\n\n    const statedGraphics = interaction.getStatedGraphics(this);\n    const g = graphic ?? statedGraphics?.[0];\n\n    if (g && statedGraphics.includes(g)) {\n      g.removeState(state);\n      interaction.setStatedGraphics(\n        this,\n        statedGraphics.filter(sg => sg !== g)\n      );\n    }\n  }\n\n  handleStart = (e: BaseEventParams) => {\n    this.start(e.item);\n  };\n\n  handleReset = (e: BaseEventParams) => {\n    this.reset(e.item);\n  };\n}\n\nexport const registerElementActive = () => {\n  Factory.registerInteractionTrigger(ElementActive.type, ElementActive);\n};\n"]}

package/cjs/interaction/triggers/element-highlight-by-graphic-name.d.ts

@@ -0,0 +1,13 @@
+import { ElementHighlight } from './element-highlight';
+import type { BaseEventParams } from '../../event/interface';
+export declare class ElementHighlightByGraphicName extends ElementHighlight {
+    static type: string;
+    type: string;
+    protected _filterByName(e: BaseEventParams): boolean;
+    protected _parseTargetKey(e: BaseEventParams): string;
+    start(itemKey: any): void;
+    reset(): void;
+    handleStart: (e: BaseEventParams) => void;
+    handleReset: (e: BaseEventParams) => void;
+}
+export declare const registerElementHighlightByGraphicName: () => void;

package/cjs/interaction/triggers/element-highlight-by-graphic-name.js

@@ -0,0 +1,53 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.registerElementHighlightByGraphicName = exports.ElementHighlightByGraphicName = void 0;
+
+const factory_1 = require("../../core/factory"), element_highlight_1 = require("./element-highlight"), vutils_1 = require("@visactor/vutils"), type = "element-highlight-by-graphic-name";
+
+class ElementHighlightByGraphicName extends element_highlight_1.ElementHighlight {
+    constructor() {
+        super(...arguments), this.type = type, this.handleStart = e => {
+            if (e && e.item && this.isGraphicInMark(e.item)) {
+                if (this.options.shouldStart ? this.options.shouldStart(e) : this._filterByName(e)) {
+                    const itemKey = this._parseTargetKey(e);
+                    this.start(itemKey);
+                }
+            }
+        }, this.handleReset = e => {
+            e && e.item && this.isGraphicInMark(e.item) && this.reset();
+        };
+    }
+    _filterByName(e) {
+        var _a;
+        return !!(null === (_a = null == e ? void 0 : e.node) || void 0 === _a ? void 0 : _a.name);
+    }
+    _parseTargetKey(e) {
+        return e.node.name;
+    }
+    start(itemKey) {
+        if ((0, vutils_1.isNil)(itemKey)) return;
+        const {interaction: interaction, highlightState: highlightState, blurState: blurState} = this.options, statedGraphics = interaction.getStatedGraphics(this), newStatedGraphics = [];
+        this.getMarks().forEach((m => {
+            var _a;
+            null === (_a = m.getGraphics()) || void 0 === _a || _a.forEach((g => {
+                g.name === itemKey && newStatedGraphics.push(g);
+            }));
+        })), interaction.updateStates(this, newStatedGraphics, statedGraphics, highlightState, blurState), 
+        interaction.setStatedGraphics(this, newStatedGraphics);
+    }
+    reset() {
+        const {highlightState: highlightState, blurState: blurState, interaction: interaction} = this.options;
+        interaction.clearAllStatesOfTrigger(this, highlightState, blurState), interaction.setStatedGraphics(this, []);
+    }
+}
+
+exports.ElementHighlightByGraphicName = ElementHighlightByGraphicName, ElementHighlightByGraphicName.type = type;
+
+const registerElementHighlightByGraphicName = () => {
+    factory_1.Factory.registerInteractionTrigger(ElementHighlightByGraphicName.type, ElementHighlightByGraphicName);
+};
+
+exports.registerElementHighlightByGraphicName = registerElementHighlightByGraphicName;
+//# sourceMappingURL=element-highlight-by-graphic-name.js.map

package/cjs/interaction/triggers/element-highlight-by-graphic-name.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/interaction/triggers/element-highlight-by-graphic-name.ts"],"names":[],"mappings":";;;AAAA,gDAA6C;AAC7C,2DAAuD;AAEvD,6CAAyC;AAGzC,MAAM,IAAI,GAAG,mCAAmC,CAAC;AAEjD,MAAa,6BAA8B,SAAQ,oCAAgB;IAAnE;;QAEE,SAAI,GAAW,IAAI,CAAC;QAuCpB,gBAAW,GAAG,CAAC,CAAkB,EAAE,EAAE;YACnC,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI,IAAI,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE;gBAC/C,MAAM,WAAW,GAAG,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;gBACnG,IAAI,WAAW,EAAE;oBACf,MAAM,OAAO,GAAG,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC;oBACxC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;iBACrB;aACF;QACH,CAAC,CAAC;QAEF,gBAAW,GAAG,CAAC,CAAkB,EAAE,EAAE;YACnC,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI,IAAI,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE;gBAC/C,IAAI,CAAC,KAAK,EAAE,CAAC;aACd;QACH,CAAC,CAAC;IACJ,CAAC;IApDW,aAAa,CAAC,CAAkB;;QACxC,MAAM,IAAI,GAAG,MAAA,CAAC,aAAD,CAAC,uBAAD,CAAC,CAAE,IAAI,0CAAE,IAAI,CAAC;QAC3B,OAAO,CAAC,CAAC,IAAI,CAAC;IAChB,CAAC;IAES,eAAe,CAAC,CAAkB;QAC1C,OAAO,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC;IACrB,CAAC;IAED,KAAK,CAAC,OAAY;QAChB,IAAI,IAAA,cAAK,EAAC,OAAO,CAAC,EAAE;YAClB,OAAO;SACR;QAED,MAAM,EAAE,WAAW,EAAE,cAAc,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC,OAAO,CAAC;QAChE,MAAM,cAAc,GAAG,WAAW,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC;QAC3D,MAAM,iBAAiB,GAAmB,EAAE,CAAC;QAE7C,IAAI,CAAC,QAAQ,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;;YAC1B,MAAA,CAAC,CAAC,WAAW,EAAE,0CAAE,OAAO,CAAC,CAAC,CAAC,EAAE;gBAC3B,IAAI,CAAC,CAAC,IAAI,KAAK,OAAO,EAAE;oBACtB,iBAAiB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;iBAC3B;YACH,CAAC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;QAEH,WAAW,CAAC,YAAY,CAAC,IAAI,EAAE,iBAAiB,EAAE,cAAc,EAAE,cAAc,EAAE,SAAS,CAAC,CAAC;QAC7F,WAAW,CAAC,iBAAiB,CAAC,IAAI,EAAE,iBAAiB,CAAC,CAAC;IACzD,CAAC;IAED,KAAK;QACH,MAAM,EAAE,cAAc,EAAE,SAAS,EAAE,WAAW,EAAE,GAAG,IAAI,CAAC,OAAO,CAAC;QAEhE,WAAW,CAAC,uBAAuB,CAAC,IAAI,EAAE,cAAc,EAAE,SAAS,CAAC,CAAC;QACrE,WAAW,CAAC,iBAAiB,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;IAC1C,CAAC;;AAvCH,sEAwDC;AAvDQ,kCAAI,GAAW,IAAI,CAAC;AAyDtB,MAAM,qCAAqC,GAAG,GAAG,EAAE;IACxD,iBAAO,CAAC,0BAA0B,CAAC,6BAA6B,CAAC,IAAI,EAAE,6BAA6B,CAAC,CAAC;AACxG,CAAC,CAAC;AAFW,QAAA,qCAAqC,yCAEhD","file":"element-highlight-by-graphic-name.js","sourcesContent":["import { Factory } from '../../core/factory';\nimport { ElementHighlight } from './element-highlight';\nimport type { BaseEventParams } from '../../event/interface';\nimport { isNil } from '@visactor/vutils';\nimport type { IMarkGraphic } from '../../mark/interface/common';\n\nconst type = 'element-highlight-by-graphic-name';\n\nexport class ElementHighlightByGraphicName extends ElementHighlight {\n  static type: string = type;\n  type: string = type;\n\n  protected _filterByName(e: BaseEventParams) {\n    const name = e?.node?.name;\n    return !!name;\n  }\n\n  protected _parseTargetKey(e: BaseEventParams) {\n    return e.node.name;\n  }\n\n  start(itemKey: any) {\n    if (isNil(itemKey)) {\n      return;\n    }\n\n    const { interaction, highlightState, blurState } = this.options;\n    const statedGraphics = interaction.getStatedGraphics(this);\n    const newStatedGraphics: IMarkGraphic[] = [];\n\n    this.getMarks().forEach(m => {\n      m.getGraphics()?.forEach(g => {\n        if (g.name === itemKey) {\n          newStatedGraphics.push(g);\n        }\n      });\n    });\n\n    interaction.updateStates(this, newStatedGraphics, statedGraphics, highlightState, blurState);\n    interaction.setStatedGraphics(this, newStatedGraphics);\n  }\n\n  reset() {\n    const { highlightState, blurState, interaction } = this.options;\n\n    interaction.clearAllStatesOfTrigger(this, highlightState, blurState);\n    interaction.setStatedGraphics(this, []);\n  }\n\n  handleStart = (e: BaseEventParams) => {\n    if (e && e.item && this.isGraphicInMark(e.item)) {\n      const shouldStart = this.options.shouldStart ? this.options.shouldStart(e) : this._filterByName(e);\n      if (shouldStart) {\n        const itemKey = this._parseTargetKey(e);\n        this.start(itemKey);\n      }\n    }\n  };\n\n  handleReset = (e: BaseEventParams) => {\n    if (e && e.item && this.isGraphicInMark(e.item)) {\n      this.reset();\n    }\n  };\n}\n\nexport const registerElementHighlightByGraphicName = () => {\n  Factory.registerInteractionTrigger(ElementHighlightByGraphicName.type, ElementHighlightByGraphicName);\n};\n"]}