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

package/esm/interaction/interaction.js

@@ -1,111 +1,107 @@
-import { isEmpty } from "@visactor/vutils";
-
-import { stateToReverse } from "../compile/mark/util";
-
 export class Interaction {
     constructor() {
-        this._stateMarks = new Map, this._stateElements = new Map, this._vgrammarInteractions = new Map, 
-        this._disableTriggerEvent = !1;
-    }
-    addVgrammarInteraction(state, i) {
-        state && (this._vgrammarInteractions.get(state) ? this._vgrammarInteractions.get(state).push(i) : this._vgrammarInteractions.set(state, [ i ]));
-    }
-    static markStateEnable(mark, state) {
-        return !isEmpty(mark.stateStyle[state]);
+        this._stateGraphicsByTrigger = new Map, this._disableTriggerEvent = !1, this._triggerMapByState = new Map;
     }
     setDisableActiveEffect(disable) {
         this._disableTriggerEvent = disable;
     }
-    registerMark(state, mark) {
-        var _a;
-        this._stateMarks.has(state) || this._stateMarks.set(state, []), null === (_a = this._stateMarks.get(state)) || void 0 === _a || _a.push(mark);
-    }
-    getStateMark(state) {
-        return this._stateMarks.get(state);
-    }
-    filterEventMark(params, state) {
-        var _a;
-        return !(!params.mark || !(null === (_a = this._stateMarks.get(state)) || void 0 === _a ? void 0 : _a.includes(params.mark)));
+    addTrigger(trigger) {
+        if (trigger) {
+            [ trigger.getStartState(), trigger.getResetState() ].forEach((state => {
+                if (state) {
+                    const stateTrigger = this._triggerMapByState.get(state);
+                    stateTrigger ? !stateTrigger.includes(trigger) && stateTrigger.push(trigger) : this._triggerMapByState.set(state, [ trigger ]);
+                }
+            }));
+        }
     }
-    getEventElement(stateValue) {
-        var _a;
-        return null !== (_a = this._stateElements.get(stateValue)) && void 0 !== _a ? _a : [];
+    setStatedGraphics(trigger, graphics) {
+        this._stateGraphicsByTrigger.set(trigger, graphics);
     }
-    getEventElementData(stateValue) {
-        return this.getEventElement(stateValue).map((e => e.getDatum()));
+    getStatedGraphics(trigger) {
+        return this._stateGraphicsByTrigger.get(trigger);
     }
-    exchangeEventElement(stateValue, element) {
-        var _a;
-        if (this._disableTriggerEvent) return;
-        const reState = stateToReverse(stateValue);
-        null === (_a = this._stateElements.get(stateValue)) || void 0 === _a || _a.forEach((e => {
-            e.removeState(stateValue), reState && this.addEventElement(reState, e);
-        })), element.getStates().includes(stateValue) || (element.addState(stateValue), 
-        reState && element.removeState(reState)), this._stateElements.set(stateValue, [ element ]);
+    updateStates(trigger, newStatedGraphics, prevStatedGraphics, state, reverseState) {
+        return this._disableTriggerEvent ? [] : newStatedGraphics && newStatedGraphics.length ? (state && reverseState ? prevStatedGraphics && prevStatedGraphics.length ? (this.toggleReverseStateOfGraphics(trigger, newStatedGraphics, prevStatedGraphics, reverseState), 
+        this.toggleStateOfGraphics(trigger, newStatedGraphics, prevStatedGraphics, state)) : this.addBothStateOfGraphics(trigger, newStatedGraphics, state, reverseState) : state && (prevStatedGraphics && prevStatedGraphics.length ? this.toggleStateOfGraphics(trigger, newStatedGraphics, prevStatedGraphics, state) : this.addStateOfGraphics(trigger, newStatedGraphics, state)), 
+        newStatedGraphics) : [];
     }
-    removeEventElement(stateValue, element) {
-        var _a, _b;
-        if (this._disableTriggerEvent) return;
-        element.removeState(stateValue);
-        const list = null !== (_b = null === (_a = this._stateElements.get(stateValue)) || void 0 === _a ? void 0 : _a.filter((e => e !== element))) && void 0 !== _b ? _b : [];
-        this._stateElements.set(stateValue, list);
-        const reState = stateToReverse(stateValue);
-        reState && (0 === list.length ? this.clearEventElement(reState, !1) : this.addEventElement(reState, element));
+    toggleReverseStateOfGraphics(trigger, newStatedGraphics, prevStatedGraphics, reverseState) {
+        const markIdByState = trigger.getMarkIdByState();
+        prevStatedGraphics.forEach((g => {
+            reverseState && markIdByState[reverseState] && markIdByState[reverseState].includes(g.context.markId) && g.addState(reverseState, !0);
+        })), newStatedGraphics.forEach((g => {
+            reverseState && markIdByState[reverseState] && markIdByState[reverseState].includes(g.context.markId) && g.removeState(reverseState);
+        }));
     }
-    addEventElement(stateValue, element) {
-        var _a;
-        if (this._disableTriggerEvent) return;
-        element.getStates().includes(stateValue) || element.addState(stateValue);
-        const list = null !== (_a = this._stateElements.get(stateValue)) && void 0 !== _a ? _a : [];
-        list.push(element), this._stateElements.set(stateValue, list);
+    toggleStateOfGraphics(trigger, newStatedGraphics, prevStatedGraphics, state) {
+        const markIdByState = trigger.getMarkIdByState();
+        prevStatedGraphics.forEach((g => {
+            state && markIdByState[state] && markIdByState[state].includes(g.context.markId) && g.removeState(state);
+        })), newStatedGraphics.forEach((g => {
+            state && markIdByState[state] && markIdByState[state].includes(g.context.markId) && g.addState(state, !0);
+        }));
     }
-    clearEventElement(stateValue, clearReverse) {
-        var _a;
-        if (!this._disableTriggerEvent && (null === (_a = this._stateElements.get(stateValue)) || void 0 === _a || _a.forEach((e => {
-            e.removeState(stateValue);
-        })), this._stateElements.set(stateValue, []), clearReverse)) {
-            const reState = stateToReverse(stateValue);
-            reState && this.clearEventElement(reState, !1);
-        }
+    addBothStateOfGraphics(trigger, statedGraphics, state, reverseState) {
+        const marks = trigger.getMarks(), markIdByState = trigger.getMarkIdByState();
+        marks.forEach((m => {
+            var _a;
+            const hasReverse = reverseState && markIdByState[reverseState] && markIdByState[reverseState].includes(m.id), hasState = state && markIdByState[state] && markIdByState[state].includes(m.id);
+            (hasReverse || hasState) && (null === (_a = m.getGraphics()) || void 0 === _a || _a.forEach((g => {
+                statedGraphics && statedGraphics.includes(g) ? hasState && g.addState(state, !0) : hasReverse && g.addState(reverseState, !0);
+            })));
+        }));
     }
-    clearAllEventElement() {
-        if (!this._disableTriggerEvent) for (const [stateValue, elements] of this._stateElements) elements.forEach((e => {
-            e.clearStates();
-        })), this._stateElements.set(stateValue, []);
+    addStateOfGraphics(trigger, statedGraphics, state) {
+        const marks = trigger.getMarks(), markIdByState = trigger.getMarkIdByState();
+        marks.forEach((mark => {
+            var _a;
+            const hasState = state && markIdByState[state] && markIdByState[state].includes(mark.id);
+            hasState && (null === (_a = mark.getGraphics()) || void 0 === _a || _a.forEach((g => {
+                statedGraphics && statedGraphics.includes(g) && hasState && g.addState(state, !0);
+            })));
+        }));
     }
-    reverseEventElement(stateValue) {
+    clearAllStatesOfTrigger(trigger, state, reverseState) {
         if (this._disableTriggerEvent) return;
-        const state = stateToReverse(stateValue);
-        if (!state) return;
-        const marks = this.getStateMark(state);
-        if (!marks) return;
-        const activeElements = this.getEventElement(stateValue);
-        if (!activeElements.length) return;
-        this.getEventElement(state).length || (1 === activeElements.length ? marks.forEach((m => {
-            m.getProduct().elements.filter((e => e !== activeElements[0])).forEach((e => {
-                this.addEventElement(state, e);
-            }));
-        })) : marks.forEach((m => {
-            m.getProduct().elements.filter((e => !activeElements.includes(e))).forEach((e => {
-                this.addEventElement(state, e);
-            }));
-        })));
+        const statedGraphics = this.getStatedGraphics(trigger);
+        if (!statedGraphics || !statedGraphics.length) return;
+        const marks = trigger.getMarks(), markIdByState = trigger.getMarkIdByState();
+        marks.forEach((mark => {
+            if (mark) {
+                const graphics = mark.getGraphics();
+                graphics && graphics.length && (reverseState && markIdByState[reverseState] && markIdByState[reverseState].includes(mark.id) && graphics.forEach((g => {
+                    g.removeState(reverseState);
+                })), state && markIdByState[state] && markIdByState[state].includes(mark.id) && graphics.forEach((g => {
+                    statedGraphics.includes(g) && g.removeState(state);
+                })));
+            }
+        }));
     }
-    startInteraction(stateValue, element) {
-        const interactions = this._vgrammarInteractions.get(stateValue);
-        interactions && interactions.forEach((vgInteraction => {
-            vgInteraction.start(element);
+    clearAllStates() {
+        this._disableTriggerEvent || this._triggerMapByState.forEach(((triggers, state) => {
+            triggers.forEach((trigger => {
+                this.clearAllStatesOfTrigger(trigger, state, trigger.getResetState());
+            }));
         }));
     }
-    resetInteraction(stateValue, element) {
-        const interactions = this._vgrammarInteractions.get(stateValue);
-        interactions && interactions.forEach((vgInteraction => {
-            vgInteraction.reset(element);
+    clearByState(stateValue) {
+        if (this._disableTriggerEvent) return;
+        const triggers = this._triggerMapByState.get(stateValue);
+        triggers && triggers.length && triggers.forEach((t => {
+            this.clearAllStatesOfTrigger(t, stateValue, t.getResetState()), this.setStatedGraphics(t, []);
         }));
     }
-    resetAllInteraction() {
-        for (const [stateValue, interactions] of this._vgrammarInteractions) interactions && interactions.forEach((vgInteraction => {
-            vgInteraction.reset(null);
+    updateStateOfGraphics(stateValue, markGraphics) {
+        if (this._disableTriggerEvent) return;
+        const triggers = this._triggerMapByState.get(stateValue);
+        triggers && triggers.length && triggers.forEach((t => {
+            const newStatedGraphics = markGraphics.filter((mg => t.getMarks().some((m => {
+                const graphics = m && m.getGraphics();
+                return graphics && graphics.includes(mg);
+            }))));
+            this.updateStates(t, newStatedGraphics, this.getStatedGraphics(t), t.getStartState(), t.getResetState()), 
+            this.setStatedGraphics(t, newStatedGraphics);
         }));
     }
 }

package/esm/interaction/interaction.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/interaction/interaction.ts"],"names":[],"mappings":"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","file":"interaction.js","sourcesContent":["import { isEmpty } from '@visactor/vutils';\nimport type { StateValue } from '../compile/mark';\nimport type { IElement } from '@visactor/vgrammar-core';\nimport type { BaseEventParams } from '../event/interface';\nimport type { IMark } from '../mark/interface';\nimport type { IInteraction } from './interface';\nimport type { IInteraction as IVGrammarInteraction } from '@visactor/vgrammar-core';\n\nimport { stateToReverse } from '../compile/mark/util';\n\nexport class Interaction implements IInteraction {\n  // 数据\n  private _stateMarks: Map<StateValue, IMark[]> = new Map();\n  // active\n  private _stateElements: Map<StateValue, IElement[]> = new Map();\n\n  private _vgrammarInteractions: Map<StateValue, IVGrammarInteraction[]> = new Map();\n  addVgrammarInteraction(state: StateValue, i: IVGrammarInteraction) {\n    if (!state) {\n      return;\n    }\n\n    if (!this._vgrammarInteractions.get(state)) {\n      !this._vgrammarInteractions.set(state, [i]);\n    } else {\n      this._vgrammarInteractions.get(state).push(i);\n    }\n  }\n\n  static markStateEnable(mark: IMark, state: string) {\n    return !isEmpty(mark.stateStyle[state]);\n  }\n\n  private _disableTriggerEvent: boolean = false;\n\n  setDisableActiveEffect(disable: boolean) {\n    this._disableTriggerEvent = disable;\n  }\n\n  registerMark(state: StateValue, mark: IMark): void {\n    if (!this._stateMarks.has(state)) {\n      this._stateMarks.set(state, []);\n    }\n    this._stateMarks.get(state)?.push(mark);\n  }\n\n  getStateMark(state: StateValue): IMark[] | null {\n    return this._stateMarks.get(state);\n  }\n\n  filterEventMark(params: BaseEventParams, state: StateValue): boolean {\n    return !!(params.mark && this._stateMarks.get(state)?.includes(params.mark));\n  }\n\n  getEventElement(stateValue: StateValue) {\n    return this._stateElements.get(stateValue) ?? [];\n  }\n\n  getEventElementData(stateValue: StateValue) {\n    return this.getEventElement(stateValue).map(e => e.getDatum());\n  }\n\n  exchangeEventElement(stateValue: StateValue, element: IElement) {\n    if (this._disableTriggerEvent) {\n      return;\n    }\n    // reverse\n    const reState = stateToReverse(stateValue);\n    this._stateElements.get(stateValue)?.forEach(e => {\n      e.removeState(stateValue);\n      if (reState) {\n        this.addEventElement(reState, e);\n      }\n    });\n    if (!element.getStates().includes(stateValue)) {\n      element.addState(stateValue);\n      if (reState) {\n        element.removeState(reState);\n      }\n    }\n    this._stateElements.set(stateValue, [element]);\n  }\n\n  removeEventElement(stateValue: StateValue, element: IElement) {\n    if (this._disableTriggerEvent) {\n      return;\n    }\n    element.removeState(stateValue);\n    const list = this._stateElements.get(stateValue)?.filter(e => e !== element) ?? [];\n    this._stateElements.set(stateValue, list);\n    // reverse\n    const reState = stateToReverse(stateValue);\n    if (reState) {\n      if (list.length === 0) {\n        // clear reverse\n        this.clearEventElement(reState, false);\n      } else {\n        // add reverse to element\n        this.addEventElement(reState, element);\n      }\n    }\n  }\n\n  addEventElement(stateValue: StateValue, element: IElement) {\n    if (this._disableTriggerEvent) {\n      return;\n    }\n    if (!element.getStates().includes(stateValue)) {\n      element.addState(stateValue);\n    }\n    const list = this._stateElements.get(stateValue) ?? [];\n    list.push(element);\n    this._stateElements.set(stateValue, list);\n  }\n\n  clearEventElement(stateValue: StateValue, clearReverse: boolean) {\n    if (this._disableTriggerEvent) {\n      return;\n    }\n    this._stateElements.get(stateValue)?.forEach(e => {\n      e.removeState(stateValue);\n    });\n    this._stateElements.set(stateValue, []);\n\n    if (clearReverse) {\n      const reState = stateToReverse(stateValue);\n      if (reState) {\n        this.clearEventElement(reState, false);\n      }\n    }\n  }\n\n  clearAllEventElement() {\n    if (this._disableTriggerEvent) {\n      return;\n    }\n    for (const [stateValue, elements] of this._stateElements) {\n      elements.forEach(e => {\n        e.clearStates();\n      });\n      this._stateElements.set(stateValue, []);\n    }\n  }\n\n  /**\n   * 激活交互元素时 进行反选\n   * 需要先将元素添加到已交互状态再使用此方法反选\n   * @param stateValue\n   * @param activeElement\n   * @returns\n   */\n  reverseEventElement(stateValue: StateValue) {\n    if (this._disableTriggerEvent) {\n      return;\n    }\n    // TODO:直接加默认后缀？or再增加一个map？\n    const state = stateToReverse(stateValue);\n    if (!state) {\n      return;\n    }\n    const marks = this.getStateMark(state);\n    if (!marks) {\n      return;\n    }\n    const activeElements = this.getEventElement(stateValue);\n    if (!activeElements.length) {\n      return;\n    }\n    const currentReverse = this.getEventElement(state);\n    if (!currentReverse.length) {\n      // all\n      // for performance array.include\n      // FIXME: 也许并没有太大必要\n      if (activeElements.length === 1) {\n        marks.forEach(m => {\n          m.getProduct()\n            .elements.filter(e => e !== activeElements[0])\n            .forEach(e => {\n              this.addEventElement(state, e);\n            });\n        });\n      } else {\n        marks.forEach(m => {\n          m.getProduct()\n            .elements.filter(e => !activeElements.includes(e))\n            .forEach(e => {\n              this.addEventElement(state, e);\n            });\n        });\n      }\n    }\n  }\n\n  /**\n   * hover/select 交互通过 vgrammar 代理\n   * @param stateValue\n   * @param activeElement\n   * @returns\n   */\n  startInteraction(stateValue: StateValue, element: IElement) {\n    const interactions = this._vgrammarInteractions.get(stateValue);\n    if (interactions) {\n      interactions.forEach(vgInteraction => {\n        vgInteraction.start(element);\n      });\n    }\n  }\n\n  /**\n   * hover/select 交互通过 vgrammar 代理\n   * @param stateValue\n   * @param activeElement\n   * @returns\n   */\n  resetInteraction(stateValue: StateValue, element: IElement) {\n    const interactions = this._vgrammarInteractions.get(stateValue);\n    if (interactions) {\n      interactions.forEach(vgInteraction => {\n        vgInteraction.reset(element);\n      });\n    }\n  }\n\n  /**\n   * 清空所有通过 vgrammar 代理的交互\n   * @returns\n   */\n  resetAllInteraction() {\n    for (const [stateValue, interactions] of this._vgrammarInteractions) {\n      if (interactions) {\n        interactions.forEach(vgInteraction => {\n          vgInteraction.reset(null);\n        });\n      }\n    }\n  }\n}\n"]}
+{"version":3,"sources":["../src/interaction/interaction.ts"],"names":[],"mappings":"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","file":"interaction.js","sourcesContent":["import type { StateValue } from '../compile/mark';\nimport type { IMarkGraphic } from '../mark/interface';\nimport type { IInteraction } from './interface/common';\nimport type { ITrigger } from './interface/trigger';\n\nexport class Interaction implements IInteraction {\n  private _stateGraphicsByTrigger: Map<ITrigger, IMarkGraphic[]> = new Map();\n\n  private _disableTriggerEvent: boolean = false;\n\n  setDisableActiveEffect(disable: boolean) {\n    this._disableTriggerEvent = disable;\n  }\n\n  private _triggerMapByState: Map<StateValue, ITrigger[]> = new Map();\n  addTrigger(trigger: ITrigger) {\n    if (trigger) {\n      const startState = trigger.getStartState();\n      const resetState = trigger.getResetState();\n\n      [startState, resetState].forEach(state => {\n        if (state) {\n          const stateTrigger = this._triggerMapByState.get(state);\n\n          if (stateTrigger) {\n            !stateTrigger.includes(trigger) && stateTrigger.push(trigger);\n          } else {\n            this._triggerMapByState.set(state, [trigger]);\n          }\n        }\n      });\n    }\n  }\n\n  setStatedGraphics(trigger: ITrigger, graphics: IMarkGraphic[]) {\n    this._stateGraphicsByTrigger.set(trigger, graphics);\n  }\n\n  getStatedGraphics(trigger: ITrigger) {\n    return this._stateGraphicsByTrigger.get(trigger);\n  }\n\n  updateStates(\n    trigger: ITrigger,\n    newStatedGraphics: IMarkGraphic[],\n    prevStatedGraphics?: IMarkGraphic[],\n    state?: string,\n    reverseState?: string\n  ) {\n    if (this._disableTriggerEvent) {\n      return [];\n    }\n\n    if (!newStatedGraphics || !newStatedGraphics.length) {\n      return [];\n    }\n    if (state && reverseState) {\n      if (prevStatedGraphics && prevStatedGraphics.length) {\n        // toggle\n        this.toggleReverseStateOfGraphics(trigger, newStatedGraphics, prevStatedGraphics, reverseState);\n        this.toggleStateOfGraphics(trigger, newStatedGraphics, prevStatedGraphics, state);\n      } else {\n        // update all the elements\n        this.addBothStateOfGraphics(trigger, newStatedGraphics, state, reverseState);\n      }\n    } else if (state) {\n      if (prevStatedGraphics && prevStatedGraphics.length) {\n        this.toggleStateOfGraphics(trigger, newStatedGraphics, prevStatedGraphics, state);\n      } else {\n        this.addStateOfGraphics(trigger, newStatedGraphics, state);\n      }\n    }\n\n    return newStatedGraphics;\n  }\n\n  protected toggleReverseStateOfGraphics(\n    trigger: ITrigger,\n    newStatedGraphics: IMarkGraphic[],\n    prevStatedGraphics: IMarkGraphic[],\n    reverseState: string\n  ) {\n    const markIdByState = trigger.getMarkIdByState();\n\n    prevStatedGraphics.forEach(g => {\n      const hasReverse =\n        reverseState && markIdByState[reverseState] && markIdByState[reverseState].includes(g.context.markId);\n\n      if (hasReverse) {\n        g.addState(reverseState, true);\n      }\n    });\n\n    newStatedGraphics.forEach(g => {\n      const hasReverse =\n        reverseState && markIdByState[reverseState] && markIdByState[reverseState].includes(g.context.markId);\n\n      if (hasReverse) {\n        g.removeState(reverseState);\n      }\n    });\n  }\n\n  protected toggleStateOfGraphics(\n    trigger: ITrigger,\n    newStatedGraphics: IMarkGraphic[],\n    prevStatedGraphics: IMarkGraphic[],\n    state: string\n  ) {\n    const markIdByState = trigger.getMarkIdByState();\n\n    prevStatedGraphics.forEach(g => {\n      const hasState = state && markIdByState[state] && markIdByState[state].includes(g.context.markId);\n\n      if (hasState) {\n        g.removeState(state);\n      }\n    });\n\n    newStatedGraphics.forEach(g => {\n      const hasState = state && markIdByState[state] && markIdByState[state].includes(g.context.markId);\n\n      if (hasState) {\n        g.addState(state, true);\n      }\n    });\n  }\n\n  protected addBothStateOfGraphics(\n    trigger: ITrigger,\n    statedGraphics: IMarkGraphic[],\n    state: string,\n    reverseState: string\n  ) {\n    const marks = trigger.getMarks();\n    const markIdByState = trigger.getMarkIdByState();\n\n    marks.forEach(m => {\n      const hasReverse = reverseState && markIdByState[reverseState] && markIdByState[reverseState].includes(m.id);\n      const hasState = state && markIdByState[state] && markIdByState[state].includes(m.id);\n\n      if (!hasReverse && !hasState) {\n        return;\n      }\n\n      m.getGraphics()?.forEach(g => {\n        const isStated = statedGraphics && statedGraphics.includes(g);\n\n        if (isStated) {\n          if (hasState) {\n            g.addState(state, true);\n          }\n        } else {\n          if (hasReverse) {\n            g.addState(reverseState, true);\n          }\n        }\n      });\n    });\n  }\n\n  protected addStateOfGraphics(trigger: ITrigger, statedGraphics: IMarkGraphic[], state: string) {\n    const marks = trigger.getMarks();\n    const markIdByState = trigger.getMarkIdByState();\n\n    marks.forEach(mark => {\n      const hasState = state && markIdByState[state] && markIdByState[state].includes(mark.id);\n\n      if (!hasState) {\n        return;\n      }\n\n      mark.getGraphics()?.forEach(g => {\n        const isStated = statedGraphics && statedGraphics.includes(g);\n\n        if (isStated) {\n          if (hasState) {\n            g.addState(state, true);\n          }\n        }\n      });\n    });\n  }\n\n  clearAllStatesOfTrigger(trigger: ITrigger, state?: string, reverseState?: string) {\n    if (this._disableTriggerEvent) {\n      return;\n    }\n\n    const statedGraphics = this.getStatedGraphics(trigger);\n\n    if (!statedGraphics || !statedGraphics.length) {\n      return;\n    }\n    const marks = trigger.getMarks();\n    const markIdByState = trigger.getMarkIdByState();\n\n    marks.forEach(mark => {\n      if (mark) {\n        const graphics = mark.getGraphics();\n\n        if (graphics && graphics.length) {\n          if (reverseState && markIdByState[reverseState] && markIdByState[reverseState].includes(mark.id)) {\n            graphics.forEach(g => {\n              g.removeState(reverseState);\n            });\n          }\n\n          if (state && markIdByState[state] && markIdByState[state].includes(mark.id)) {\n            graphics.forEach(g => {\n              if (statedGraphics.includes(g)) {\n                g.removeState(state);\n              }\n            });\n          }\n        }\n      }\n    });\n  }\n\n  clearAllStates() {\n    if (this._disableTriggerEvent) {\n      return;\n    }\n\n    this._triggerMapByState.forEach((triggers, state) => {\n      triggers.forEach(trigger => {\n        this.clearAllStatesOfTrigger(trigger, state, trigger.getResetState());\n      });\n    });\n  }\n\n  clearByState(stateValue: string) {\n    if (this._disableTriggerEvent) {\n      return;\n    }\n\n    const triggers = this._triggerMapByState.get(stateValue);\n\n    if (triggers && triggers.length) {\n      triggers.forEach(t => {\n        this.clearAllStatesOfTrigger(t, stateValue, t.getResetState());\n\n        // 更新缓存\n        this.setStatedGraphics(t, []);\n      });\n    }\n  }\n\n  updateStateOfGraphics(stateValue: string, markGraphics: IMarkGraphic[]) {\n    if (this._disableTriggerEvent) {\n      return;\n    }\n    const triggers = this._triggerMapByState.get(stateValue);\n\n    if (triggers && triggers.length) {\n      triggers.forEach(t => {\n        const newStatedGraphics = markGraphics.filter(mg => {\n          return t.getMarks().some(m => {\n            const graphics = m && m.getGraphics();\n\n            return graphics && graphics.includes(mg);\n          });\n        });\n\n        this.updateStates(t, newStatedGraphics, this.getStatedGraphics(t), t.getStartState(), t.getResetState());\n\n        this.setStatedGraphics(t, newStatedGraphics);\n      });\n    }\n  }\n}\n"]}

package/esm/interaction/interface/common.d.ts

@@ -0,0 +1,22 @@
+import type { IMarkGraphic } from '../../mark/interface';
+import type { RenderMode } from '../../typings/spec/common';
+import type { IEventDispatcher } from '../../event/interface';
+import type { IModel } from '../../model/interface';
+import type { ITrigger } from './trigger';
+export interface IInteraction {
+    setDisableActiveEffect: (disable: boolean) => void;
+    addTrigger: (trigger: ITrigger) => void;
+    setStatedGraphics: (trigger: ITrigger, graphics: IMarkGraphic[]) => void;
+    getStatedGraphics: (trigger: ITrigger) => IMarkGraphic[];
+    updateStates: (trigger: ITrigger, newStatedGraphics: IMarkGraphic[], prevStatedGraphics?: IMarkGraphic[], state?: string, reverseState?: string) => IMarkGraphic[];
+    clearAllStates: () => void;
+    clearAllStatesOfTrigger: (trigger: ITrigger, state?: string, reverseState?: string) => void;
+    clearByState: (stateValue: string) => any;
+    updateStateOfGraphics: (stateValue: string, markGraphics: IMarkGraphic[]) => void;
+}
+export interface ITriggerOption {
+    mode: RenderMode;
+    interaction: IInteraction;
+    eventDispatcher: IEventDispatcher;
+    model: IModel;
+}

package/esm/interaction/interface/common.js

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

package/esm/interaction/interface/common.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/interaction/interface/common.ts"],"names":[],"mappings":"","file":"common.js","sourcesContent":["import type { IMarkGraphic } from '../../mark/interface';\nimport type { RenderMode } from '../../typings/spec/common';\nimport type { IEventDispatcher } from '../../event/interface';\nimport type { IModel } from '../../model/interface';\nimport type { ITrigger } from './trigger';\n\nexport interface IInteraction {\n  setDisableActiveEffect: (disable: boolean) => void;\n  addTrigger: (trigger: ITrigger) => void;\n  setStatedGraphics: (trigger: ITrigger, graphics: IMarkGraphic[]) => void;\n  getStatedGraphics: (trigger: ITrigger) => IMarkGraphic[];\n  updateStates: (\n    trigger: ITrigger,\n    newStatedGraphics: IMarkGraphic[],\n    prevStatedGraphics?: IMarkGraphic[],\n    state?: string,\n    reverseState?: string\n  ) => IMarkGraphic[];\n  clearAllStates: () => void;\n  clearAllStatesOfTrigger: (trigger: ITrigger, state?: string, reverseState?: string) => void;\n  clearByState: (stateValue: string) => any;\n  updateStateOfGraphics: (stateValue: string, markGraphics: IMarkGraphic[]) => void;\n}\n\nexport interface ITriggerOption {\n  mode: RenderMode;\n  interaction: IInteraction;\n  eventDispatcher: IEventDispatcher;\n  model: IModel;\n}\n"]}

package/esm/interaction/interface/spec.d.ts

@@ -0,0 +1,53 @@
+import type { EventType } from '../../event/interface';
+import type { StringOrNumber } from '../../typings/common';
+import type { IElementActiveByLegendOptions, IElementActiveOptions, IElementHighlightByLegendOptions, IElementHighlightByNameOptions, IElementHighlightOptions, IElementSelectOptions } from './trigger';
+export interface IBaseInteractionSpec {
+    markIds?: StringOrNumber[];
+    markNames?: StringOrNumber[];
+}
+type Trigger = EventType | EventType[];
+export interface IHoverSpec extends IBaseInteractionSpec {
+    enable?: boolean;
+    trigger?: Trigger;
+    triggerOff?: Trigger;
+}
+export interface ISelectSpec extends IBaseInteractionSpec {
+    enable?: boolean;
+    mode?: 'single' | 'multiple';
+    trigger?: Trigger;
+    triggerOff?: Trigger | number;
+}
+export type IElementActiveSpec = IBaseInteractionSpec & Pick<IElementActiveOptions, 'trigger' | 'triggerOff' | 'state'> & {
+    type: 'element-active';
+};
+export type IElementSelectSpec = IBaseInteractionSpec & Pick<IElementSelectOptions, 'trigger' | 'triggerOff' | 'state' | 'isMultiple' | 'reverseState'> & {
+    type: 'element-select';
+};
+export type IElementHighlightSpec = IBaseInteractionSpec & Pick<IElementHighlightOptions, 'blurState' | 'highlightState' | 'triggerOff' | 'trigger'> & {
+    type: 'element-highlight';
+};
+export type IElementHighlightByKeySpec = IBaseInteractionSpec & Pick<IElementHighlightOptions, 'blurState' | 'highlightState' | 'triggerOff' | 'trigger'> & {
+    type: 'element-highlight-by-key';
+};
+export type IElementHighlightByGroup = IBaseInteractionSpec & Pick<IElementHighlightOptions, 'blurState' | 'highlightState' | 'triggerOff' | 'trigger'> & {
+    type: 'element-highlight-by-group';
+};
+export type IElementActiveByLegend = IBaseInteractionSpec & Pick<IElementActiveByLegendOptions, 'filterType' | 'state'> & {
+    type: 'element-active-by-legend';
+};
+export type IElementHighlightByLegend = IBaseInteractionSpec & Pick<IElementHighlightByLegendOptions, 'filterType' | 'blurState' | 'highlightState'> & {
+    type: 'element-highlight-by-legend';
+};
+export type IElementHighlightByName = IBaseInteractionSpec & Pick<IElementHighlightByNameOptions, 'blurState' | 'highlightState' | 'graphicName' | 'parseData'> & {
+    type: 'element-highlight-by-name';
+};
+export interface ICustomInteraction extends IBaseInteractionSpec {
+    type: string;
+}
+export type IInteractionItemSpec = IElementActiveSpec | IElementSelectSpec | IElementHighlightSpec | IElementHighlightByKeySpec | IElementHighlightByGroup | IElementActiveByLegend | IElementHighlightByLegend | IElementHighlightByName | ICustomInteraction;
+export interface IInteractionSpec {
+    hover?: IHoverSpec | boolean;
+    select?: ISelectSpec | boolean;
+    interactions?: IInteractionItemSpec[];
+}
+export {};

package/esm/interaction/interface/spec.js

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

package/esm/interaction/interface/spec.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/interaction/interface/spec.ts"],"names":[],"mappings":"","file":"spec.js","sourcesContent":["import type { EventType } from '../../event/interface';\nimport type { StringOrNumber } from '../../typings/common';\nimport type {\n  IElementActiveByLegendOptions,\n  IElementActiveOptions,\n  IElementHighlightByLegendOptions,\n  IElementHighlightByNameOptions,\n  IElementHighlightOptions,\n  IElementSelectOptions\n} from './trigger';\n\nexport interface IBaseInteractionSpec {\n  /**\n   * 触发交互的图元id\n   */\n  markIds?: StringOrNumber[];\n  /**\n   * 触发交互的图元名称\n   */\n  markNames?: StringOrNumber[];\n}\n\ntype Trigger = EventType | EventType[];\n\n/**\n * hover 交互详细配置内容\n */\nexport interface IHoverSpec extends IBaseInteractionSpec {\n  /**\n   * hover 交互开关，默认开启\n   */\n  enable?: boolean;\n  /**\n   * hover 交互的触发事件配置\n   */\n  trigger?: Trigger;\n  /**\n   * hover 交互的终止事件配置\n   */\n  triggerOff?: Trigger;\n}\n\n/**\n * select 交互详细配置内容\n */\nexport interface ISelectSpec extends IBaseInteractionSpec {\n  /**\n   * select 交互开关，默认开启。\n   */\n  enable?: boolean;\n  /**\n   * 选中模式配置，默认 single 单选\n   */\n  mode?: 'single' | 'multiple';\n  /**\n   * select 交互的触发事件配置\n   */\n  trigger?: Trigger;\n  /**\n   * select 交互的终止事件配置\n   */\n  triggerOff?: Trigger | number;\n}\n\n/**\n * 将触发元素的状态设置为激活状态，当开启这个交互的时候，可以在系列图元通过 `state.active` 设置激活状态下的视觉编码\n */\nexport type IElementActiveSpec = IBaseInteractionSpec &\n  Pick<IElementActiveOptions, 'trigger' | 'triggerOff' | 'state'> & {\n    /**\n     * 设置交互的类型为 'element-active'\n     */\n    type: 'element-active';\n  };\n\n/**\n * 图元选中相关交互，当开启这个交互的时候，\n * 可以在系列图元通过 `state.selected` 设置激活状态下的视觉编码\n * 可以在系列图元通过 `state.selected_reverse` 设置非激活状态下的视觉编码\n */\nexport type IElementSelectSpec = IBaseInteractionSpec &\n  Pick<IElementSelectOptions, 'trigger' | 'triggerOff' | 'state' | 'isMultiple' | 'reverseState'> & {\n    /**\n     * 设置交互的类型为 'element-select'\n     */\n    type: 'element-select';\n  };\n/**\n * 图元高亮交互配置，当开启这个交互的时候，\n * 可以在系列图元通过 `state.highlight` 设置激活状态下的视觉编码\n * 可以在系列图元通过 `state.blur` 设置非激活状态下的视觉编码\n */\nexport type IElementHighlightSpec = IBaseInteractionSpec &\n  Pick<IElementHighlightOptions, 'blurState' | 'highlightState' | 'triggerOff' | 'trigger'> & {\n    /**\n     * 设置交互的类型为 'element-highlight'\n     */\n    type: 'element-highlight';\n  };\n/**\n * 将触发元素以及和触发元素具有相同key的元素状态设置为高亮状态，其他元素的状态设置为失焦状态；一般需要配合系列的dataKey 配置使用\n */\nexport type IElementHighlightByKeySpec = IBaseInteractionSpec &\n  Pick<IElementHighlightOptions, 'blurState' | 'highlightState' | 'triggerOff' | 'trigger'> & {\n    /**\n     * 设置交互的类型为 'element-highlight-by-key'\n     */\n    type: 'element-highlight-by-key';\n  };\n/**\n * 将触发元素以及和触发元素具有相同分组值（groupKey）的元素状态设置为高亮状态，其他元素的状态设置为失焦状态\n */\nexport type IElementHighlightByGroup = IBaseInteractionSpec &\n  Pick<IElementHighlightOptions, 'blurState' | 'highlightState' | 'triggerOff' | 'trigger'> & {\n    /**\n     * 设置交互的类型为 'element-highlight-by-group'\n     */\n    type: 'element-highlight-by-group';\n  };\n/**\n * 根据图例激活图元，默认触发事件为图例的 `legendItemHover`和`legendItemUnHover`事件\n */\nexport type IElementActiveByLegend = IBaseInteractionSpec &\n  Pick<IElementActiveByLegendOptions, 'filterType' | 'state'> & {\n    /**\n     * 设置交互的类型为 'element-active-by-legend'\n     */\n    type: 'element-active-by-legend';\n  };\n/**\n * 根据图例高亮图元，默认触发事件为图例的 `legendItemHover`和`legendItemUnHover`事件\n */\nexport type IElementHighlightByLegend = IBaseInteractionSpec &\n  Pick<IElementHighlightByLegendOptions, 'filterType' | 'blurState' | 'highlightState'> & {\n    /**\n     * 设置交互的类型为'element-highlight-by-legend'\n     */\n    type: 'element-highlight-by-legend';\n  };\n/**\n * 根据图例高亮图元，默认触发事件为图例的 `legendItemHover`和`legendItemUnHover`事件\n */\nexport type IElementHighlightByName = IBaseInteractionSpec &\n  Pick<IElementHighlightByNameOptions, 'blurState' | 'highlightState' | 'graphicName' | 'parseData'> & {\n    /**\n     * 设置交互的类型为'element-highlight-by-name'\n     */\n    type: 'element-highlight-by-name';\n  };\n\n/**\n * 元素选中交互，将所有相同名称的元素的状态设置为选中状态；注意该交互不建议和默认的select交互同时使用（象形图除外）\n */\nexport interface ICustomInteraction extends IBaseInteractionSpec {\n  type: string;\n}\n\n/**\n * 交互相关配置，目前支持的交互类型包括：\n * - 元素激活\n * - 元素选中\n * - 元素高亮\n * - 根据key值高亮元素\n * - 根据group值高亮元素\n * - 根据legend值激活元素\n * - 根据legend值高亮元素\n * - 根据图元名称高亮元素\n */\nexport type IInteractionItemSpec =\n  | IElementActiveSpec\n  | IElementSelectSpec\n  | IElementHighlightSpec\n  | IElementHighlightByKeySpec\n  | IElementHighlightByGroup\n  | IElementActiveByLegend\n  | IElementHighlightByLegend\n  | IElementHighlightByName\n  | ICustomInteraction;\n\n/**\n *  申明图表交互相关配置\n */\nexport interface IInteractionSpec {\n  /**\n   * 图表hover相关交互配置，当值为boolean类型时，表示开启或者关闭该交互\n   * 也支持更详细的交互配置\n   */\n  hover?: IHoverSpec | boolean;\n  /**\n   * 图表选中相关交互配置，当值为boolean类型时，表示开启或者关闭该交互\n   * 也支持更详细的交互配置\n   */\n  select?: ISelectSpec | boolean;\n  /**\n   * 其他需要按需注册的类型交互\n   */\n  interactions?: IInteractionItemSpec[];\n}\n"]}

package/esm/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/esm/interaction/interface/trigger.js

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

package/esm/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/esm/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/esm/interaction/triggers/base.js

@@ -0,0 +1,73 @@
+import { isArray } from "@visactor/vutils";
+
+import { MarkSet } from "../../mark/mark-set";
+
+import { groupMarksByState } from "./util";
+
+export class BaseTrigger {
+    constructor(options) {
+        this._markSet = new 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) {
+        isArray(mark) ? mark.forEach((m => {
+            this._markSet.addMark(m);
+        })) : this._markSet.addMark(mark);
+    }
+    updateMarkIdByState(states) {
+        this._markIdByState = 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 && (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 && (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));
+    }
+}
+//# sourceMappingURL=base.js.map

package/esm/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"]}