@visactor/vchart 0.0.1-alpha.0

package/esm/interaction/drill/drillable.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["interaction/drill/drillable.ts"],"names":[],"mappings":"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","file":"drillable.js","sourcesContent":["/* eslint-disable no-duplicate-imports */\nimport { isArray, isEmpty, isNil } from '@visactor/vutils';\nimport type { DataSet, DataView } from '@visactor/vdataset';\n\nimport type { DrillInfo } from '../../data/transforms/drill';\nimport { drillFilter } from '../../data/transforms/drill';\nimport { DrillEnum } from '../../data/transforms/drill';\nimport type { EventType, IEvent } from '../../event/interface';\nimport type { RenderMode } from '../../typings/spec';\nimport { defaultTriggerEvent } from '../../component/common/trigger/config';\nimport { findHierarchyPath } from '../../util';\nimport { ChartEvent } from '../../constant';\nimport { registerDataSetInstanceTransform } from '../../data/register';\nimport type { IModel } from '../../model/interface';\nimport type { BaseSeries } from '../../series/base/base-series';\nimport { ComponentTypeEnum } from '../../component/interface';\nimport type { Tooltip } from '../../component/tooltip';\n\ninterface DrillParams {\n  event: IEvent;\n  mode: RenderMode;\n  drillField: () => string;\n  getRawData: () => DataView;\n}\n\nexport interface IDrillable {\n  /**\n   * 初始化钻取设置\n   */\n  initDrillable: (params: DrillParams) => void;\n\n  /**\n   * 初始化钻取数据\n   */\n  initDrillableData: (dataSet: DataSet) => void;\n\n  /**\n   * 绑定钻取事件\n   */\n  bindDrillEvent: () => void;\n\n  /**\n   * 上卷\n   */\n  drillUp: () => void;\n\n  /**\n   * 下钻\n   * @param drillPath 钻取路径\n   */\n  drillDown: (drillPath: string[]) => string[];\n}\n\nexport class Drillable implements IDrillable {\n  private _drillParams: DrillParams;\n  private _drillInfo: DrillInfo;\n\n  private _getTriggerEvent(type: string): EventType {\n    const { mode } = this._drillParams;\n    return defaultTriggerEvent[mode][type];\n  }\n\n  private _hideTooltip() {\n    const tooltip = (this as unknown as BaseSeries<null>)\n      .getChart()\n      .getAllComponents()\n      .find(c => c.type === ComponentTypeEnum.tooltip) as Tooltip;\n    tooltip && tooltip.hideTooltip();\n  }\n\n  initDrillable(params: DrillParams) {\n    this._drillParams = params;\n  }\n\n  initDrillableData(dataSet: DataSet) {\n    const { getRawData } = this._drillParams;\n    // 注册筛选方法\n    registerDataSetInstanceTransform(dataSet, 'drillFilter', drillFilter);\n\n    // 调用筛选数据, 用于上卷下钻\n    getRawData().transform({\n      type: 'drillFilter',\n      options: {\n        info: () => this._drillInfo,\n        keyField: () => this._drillParams.drillField()\n      }\n    });\n  }\n\n  bindDrillEvent() {\n    const { event, getRawData, drillField } = this._drillParams;\n    const keyField = drillField();\n    event.on(this._getTriggerEvent('start'), e => {\n      if (isNil(e.datum) || isNil(e.datum?.[keyField])) {\n        this.drillUp();\n        return;\n      }\n\n      // Drill交互后, 隐藏Tooltip\n      this._hideTooltip();\n      // 获取数据key\n      const dataKey = e.datum[keyField];\n      // 已钻取的路径\n      const selectPath = this._drillInfo?.path ?? [];\n      // 用户点击的路径\n      const clickedPath = findHierarchyPath(getRawData().rawData, dataKey, keyField, 'children');\n      // 已钻取过, 则一定上卷\n      if (selectPath[selectPath.length - 1] === clickedPath[clickedPath.length - 1]) {\n        this.drillUp();\n      } else {\n        this.drillDown(clickedPath);\n      }\n    });\n  }\n\n  /**\n   * 下钻接口\n   * @param drillPath 下钻后的路径\n   * @returns 当然路径\n   * @description 根据传入的path, 向指定层级下钻.\n   */\n  drillDown(drillPath: string[] = []): string[] {\n    const { getRawData, event } = this._drillParams;\n    if (!isArray(drillPath) || isEmpty(drillPath)) {\n      return drillPath;\n    }\n\n    // 根据钻取路径, 获得当前需要展示的层级\n    const dataKey = drillPath[drillPath.length - 1];\n\n    this._drillInfo = {\n      key: dataKey,\n      path: drillPath,\n      type: DrillEnum.DrillDown\n    };\n\n    getRawData().reRunAllTransform();\n    event.emit(ChartEvent.drill, {\n      value: { path: drillPath, type: DrillEnum.DrillDown },\n      model: this as unknown as IModel\n    });\n    return drillPath;\n  }\n\n  /**\n   * 上卷接口\n   * @returns 上卷后的路径\n   * @description 根据path信息, 向父层级上卷.\n   */\n  drillUp() {\n    const { getRawData, event } = this._drillParams;\n\n    const path = this._drillInfo?.path ?? [];\n    if (!isArray(path) || isEmpty(path)) {\n      return path;\n    }\n\n    const dataKey = path.pop();\n\n    this._drillInfo = {\n      key: dataKey,\n      path: path,\n      type: DrillEnum.DrillUp\n    };\n\n    getRawData().reRunAllTransform();\n    event.emit(ChartEvent.drill, {\n      value: { path, type: DrillEnum.DrillUp },\n      model: this as unknown as IModel\n    });\n    return path;\n  }\n}\n"]}

package/esm/interaction/drill/index.d.ts

@@ -0,0 +1 @@
+export * from './drillable';

package/esm/interaction/drill/index.js

@@ -0,0 +1,2 @@
+export * from "./drillable";
+//# sourceMappingURL=index.js.map

package/esm/interaction/drill/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["interaction/drill/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC","file":"index.js","sourcesContent":["export * from './drillable';\n"]}

package/esm/interaction/interaction.d.ts

@@ -0,0 +1,20 @@
+import type { StateValue } from '../compile/mark';
+import type { IElement } from '@visactor/vgrammar';
+import type { BaseEventParams } from '../event/interface';
+import type { IMark } from '../mark/interface';
+import type { IInteraction } from './interface';
+export declare class Interaction implements IInteraction {
+    private _stateMarks;
+    private _stateElements;
+    static markStateEnable(mark: IMark, state: string): boolean;
+    registerMark(state: StateValue, mark: IMark): void;
+    getStateMark(state: StateValue): IMark[] | null;
+    filterEventMark(params: BaseEventParams, state: StateValue): boolean;
+    getEventElement(stateValue: StateValue): IElement[];
+    getEventElementData(stateValue: StateValue): any[];
+    exchangeEventElement(stateValue: StateValue, element: IElement): void;
+    removeEventElement(stateValue: StateValue, element: IElement): void;
+    addEventElement(stateValue: StateValue, element: IElement): void;
+    clearEventElement(stateValue: StateValue, clearReverse: boolean): void;
+    reverseEventElement(stateValue: StateValue): void;
+}

package/esm/interaction/interaction.js

@@ -0,0 +1,79 @@
+import { isEmpty } from "@visactor/vutils";
+
+import { stateToReverse } from "../compile/mark/util";
+
+export class Interaction {
+    constructor() {
+        this._stateMarks = new Map, this._stateElements = new Map;
+    }
+    static markStateEnable(mark, state) {
+        return !isEmpty(mark.stateStyle[state]);
+    }
+    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)));
+    }
+    getEventElement(stateValue) {
+        var _a;
+        return null !== (_a = this._stateElements.get(stateValue)) && void 0 !== _a ? _a : [];
+    }
+    getEventElementData(stateValue) {
+        return this.getEventElement(stateValue).map((e => e.getDatum()));
+    }
+    exchangeEventElement(stateValue, element) {
+        var _a;
+        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 ]);
+    }
+    removeEventElement(stateValue, element) {
+        var _a, _b;
+        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));
+    }
+    addEventElement(stateValue, element) {
+        var _a;
+        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);
+    }
+    clearEventElement(stateValue, clearReverse) {
+        var _a;
+        if (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);
+        }
+    }
+    reverseEventElement(stateValue) {
+        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);
+            }));
+        })));
+    }
+}
+//# sourceMappingURL=interaction.js.map

package/esm/interaction/interaction.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["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';\nimport type { BaseEventParams } from '../event/interface';\nimport type { IMark } from '../mark/interface';\nimport type { IInteraction } from './interface';\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  static markStateEnable(mark: IMark, state: string) {\n    return !isEmpty(mark.stateStyle[state]);\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    // 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    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 (!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    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  /**\n   * 激活交互元素时 进行反选\n   * 需要先将元素添加到已交互状态再使用此方法反选\n   * @param stateValue\n   * @param activeElement\n   * @returns\n   */\n  reverseEventElement(stateValue: StateValue) {\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"]}

package/esm/interaction/interface.d.ts

@@ -0,0 +1,49 @@
+import type { IElement } from '@visactor/vgrammar';
+import type { IMark } from '../mark/interface';
+import type { RenderMode } from '../typings/spec/common';
+import type { BaseEventParams, IEventDispatcher, EventType } from '../event/interface';
+import type { IModel } from '../model/interface';
+import type { StateValue } from '../compile/mark';
+export interface IInteraction {
+    registerMark: (state: StateValue, mark: IMark) => void;
+    filterEventMark: (params: BaseEventParams, state: StateValue) => boolean;
+    getStateMark: (state: StateValue) => IMark[] | null;
+    getEventElement: (stateValue: StateValue) => IElement[];
+    getEventElementData: (stateValue: StateValue) => any[];
+    addEventElement: (stateValue: StateValue, element: IElement) => void;
+    removeEventElement: (stateValue: StateValue, elements: IElement) => void;
+    exchangeEventElement: (stateValue: StateValue, elements: IElement) => void;
+    clearEventElement: (stateValue: StateValue, clearReverse: boolean) => void;
+    reverseEventElement: (stateValue: StateValue) => void;
+}
+export interface ITrigger {
+    init: () => void;
+    setStateKeys: (fields: string[]) => void;
+    registerMark: (mark: IMark) => void;
+    release: () => void;
+    hover?: IHoverSpec;
+    select?: ISelectSpec;
+}
+export interface ITriggerOption {
+    mode: RenderMode;
+    interaction: IInteraction;
+    eventDispatcher: IEventDispatcher;
+    model: IModel;
+}
+type Trigger = EventType | EventType[];
+export type IHoverSpec = {
+    enable?: boolean;
+    trigger?: Trigger;
+    triggerOff?: Trigger;
+};
+export type ISelectSpec = {
+    enable?: boolean;
+    mode?: 'single' | 'multiple';
+    trigger?: Trigger;
+    triggerOff?: Trigger;
+};
+export interface ITriggerSpec {
+    hover?: IHoverSpec | boolean;
+    select?: ISelectSpec | boolean;
+}
+export {};

package/esm/interaction/interface.js

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

package/esm/interaction/interface.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["interaction/interface.ts"],"names":[],"mappings":"","file":"interface.js","sourcesContent":["import type { IElement } from '@visactor/vgrammar';\nimport type { IMark } from '../mark/interface';\nimport type { RenderMode } from '../typings/spec/common';\nimport type { BaseEventParams, IEventDispatcher, EventType } from '../event/interface';\nimport type { IModel } from '../model/interface';\nimport type { StateValue } from '../compile/mark';\n\nexport interface IInteraction {\n  registerMark: (state: StateValue, mark: IMark) => void;\n  filterEventMark: (params: BaseEventParams, state: StateValue) => boolean;\n  getStateMark: (state: StateValue) => IMark[] | null;\n\n  getEventElement: (stateValue: StateValue) => IElement[];\n  getEventElementData: (stateValue: StateValue) => any[];\n  addEventElement: (stateValue: StateValue, element: IElement) => void;\n  removeEventElement: (stateValue: StateValue, elements: IElement) => void;\n  exchangeEventElement: (stateValue: StateValue, elements: IElement) => void;\n  clearEventElement: (stateValue: StateValue, clearReverse: boolean) => void;\n  reverseEventElement: (stateValue: StateValue) => void;\n}\n\nexport interface ITrigger {\n  init: () => void;\n  setStateKeys: (fields: string[]) => void;\n  registerMark: (mark: IMark) => void;\n  release: () => void;\n  hover?: IHoverSpec;\n  select?: ISelectSpec;\n}\n\nexport interface ITriggerOption {\n  mode: RenderMode;\n  interaction: IInteraction;\n  eventDispatcher: IEventDispatcher;\n  model: IModel;\n}\n\ntype Trigger = EventType | EventType[];\n\nexport type IHoverSpec = {\n  enable?: boolean;\n  trigger?: Trigger;\n  triggerOff?: Trigger;\n};\n\nexport type ISelectSpec = {\n  enable?: boolean;\n  mode?: 'single' | 'multiple';\n  trigger?: Trigger;\n  triggerOff?: Trigger;\n};\n\nexport interface ITriggerSpec {\n  hover?: IHoverSpec | boolean;\n  select?: ISelectSpec | boolean;\n}\n"]}

package/esm/interaction/trigger.d.ts

@@ -0,0 +1,38 @@
+import type { IMark } from '../mark/interface';
+import type { BaseEventParams, IEvent } from '../event/interface';
+import type { IHoverSpec, IInteraction, ISelectSpec, ITrigger, ITriggerOption, ITriggerSpec } from './interface';
+import { MarkSet } from '../mark/mark-set';
+export declare class Trigger implements ITrigger {
+    readonly event: IEvent;
+    protected readonly interaction: IInteraction;
+    protected _spec: ITriggerSpec;
+    protected _option: ITriggerOption;
+    protected _hover: IHoverSpec;
+    get hover(): IHoverSpec;
+    protected _select: ISelectSpec;
+    get select(): ISelectSpec;
+    protected _fields: string[] | null;
+    protected _marks: MarkSet;
+    protected _markReverse: MarkSet;
+    constructor(spec: ITriggerSpec, option: ITriggerOption);
+    setStateKeys(fields: string[]): void;
+    registerMark(mark: IMark): void;
+    init(): void;
+    release(): void;
+    protected initEvent(): void;
+    protected releaseEvent(): void;
+    private initConfig;
+    private onHover;
+    private onUnHover;
+    private onSelect;
+    private onUnSelect;
+    protected hoverItem(params: BaseEventParams): void;
+    protected unhoverItem(): void;
+    protected handleSingleEventHover(params: BaseEventParams): void;
+    protected selectItems(datums: any[]): void;
+    protected clearSelectedItems(): void;
+    protected unselectItems(params: BaseEventParams): void;
+    protected handleSingleEventSelect(params: BaseEventParams): void;
+    protected filterEventMark(params: BaseEventParams): boolean;
+    protected isDatumEqual(datumA: any, datumB: any): boolean;
+}

package/esm/interaction/trigger.js

@@ -0,0 +1,134 @@
+import { Event } from "../event/event";
+
+import { defaultInteractionConfig } from "./config";
+
+import { merge, isBoolean, isObject, array } from "../util";
+
+import { MarkSet } from "../mark/mark-set";
+
+import { STATE_VALUE_ENUM } from "../compile/mark";
+
+import { Event_Bubble_Level, Event_Source_Type } from "../constant";
+
+export class Trigger {
+    get hover() {
+        return this._hover;
+    }
+    get select() {
+        return this._select;
+    }
+    constructor(spec, option) {
+        this._fields = null, this._marks = new MarkSet, this._markReverse = new MarkSet, 
+        this.onHover = params => {
+            this.filterEventMark(params) && this.hoverItem(params);
+        }, this.onUnHover = params => {
+            this.filterEventMark(params) || this.interaction.filterEventMark(params, STATE_VALUE_ENUM.STATE_HOVER) || this.interaction.getEventElement(STATE_VALUE_ENUM.STATE_HOVER)[0] && this.unhoverItem();
+        }, this.onSelect = params => {
+            this.handleSingleEventSelect(params);
+        }, this.onUnSelect = params => {
+            this.interaction.filterEventMark(params, STATE_VALUE_ENUM.STATE_SELECTED) || this.clearSelectedItems();
+        }, this._spec = spec, this._option = option, this.event = new Event(option.eventDispatcher, option.mode), 
+        this.interaction = option.interaction, this.initConfig(option.mode);
+    }
+    setStateKeys(fields) {
+        this._fields = [ ...fields ];
+    }
+    registerMark(mark) {
+        this._marks.addMark(mark), this._hover.enable && this.interaction.registerMark(STATE_VALUE_ENUM.STATE_HOVER, mark), 
+        this._select.enable && this.interaction.registerMark(STATE_VALUE_ENUM.STATE_SELECTED, mark);
+    }
+    init() {
+        this.initEvent();
+    }
+    release() {
+        this.releaseEvent(), this._marks.clear();
+    }
+    initEvent() {
+        const event = this.event, {enable: hoverEnable, trigger: hoverTrigger, triggerOff: hoverTriggerOff} = this._hover, {enable: selectEnable, trigger: selectTrigger, triggerOff: selectTriggerOff} = this._select;
+        hoverEnable && (array(hoverTrigger).forEach((trigger => {
+            event.on(trigger, {
+                level: Event_Bubble_Level.chart
+            }, this.onHover);
+        })), hoverTriggerOff && "none" !== hoverTriggerOff && array(hoverTriggerOff).forEach((trigger => {
+            event.on(trigger, {
+                level: Event_Bubble_Level.vchart,
+                source: Event_Source_Type.chart
+            }, this.onUnHover);
+        }))), selectEnable && (array(selectTrigger).forEach((trigger => {
+            event.on(trigger, {
+                level: Event_Bubble_Level.mark
+            }, this.onSelect);
+        })), selectTriggerOff && "none" !== selectTriggerOff && array(selectTriggerOff).forEach((trigger => {
+            event.on(trigger, {
+                level: Event_Bubble_Level.mark
+            }, this.onUnSelect);
+        })));
+    }
+    releaseEvent() {
+        this.event.release();
+    }
+    initConfig(mode) {
+        const defaultConfig = defaultInteractionConfig[mode];
+        this._hover = Object.assign({}, null == defaultConfig ? void 0 : defaultConfig.hover), 
+        this._select = Object.assign({}, null == defaultConfig ? void 0 : defaultConfig.select);
+        const hoverSpec = this._spec.hover;
+        isBoolean(hoverSpec) ? this._hover.enable = hoverSpec : isObject(hoverSpec) && (this._hover.enable = !0, 
+        this._hover = merge(this._hover, hoverSpec));
+        const selectSpec = this._spec.select;
+        isBoolean(selectSpec) ? this._select.enable = selectSpec : isObject(selectSpec) && (this._select.enable = !0, 
+        this._select = merge(this._select, selectSpec));
+    }
+    hoverItem(params) {
+        const {datum: datum} = params, lastEl = this.interaction.getEventElement(STATE_VALUE_ENUM.STATE_HOVER)[0];
+        params.item !== lastEl && (this.interaction.exchangeEventElement(STATE_VALUE_ENUM.STATE_HOVER, params.item), 
+        this.interaction.reverseEventElement(STATE_VALUE_ENUM.STATE_HOVER), this.event.emit("hovered", {
+            model: this._option.model,
+            value: [ datum ]
+        }));
+    }
+    unhoverItem() {
+        const lastHoveredDatums = this.interaction.getEventElementData(STATE_VALUE_ENUM.STATE_HOVER);
+        this.interaction.clearEventElement(STATE_VALUE_ENUM.STATE_HOVER, !0), this.event.emit("unhovered", {
+            model: this._option.model,
+            value: lastHoveredDatums
+        });
+    }
+    handleSingleEventHover(params) {
+        this.filterEventMark(params) ? this.hoverItem(params) : this.interaction.getEventElement(STATE_VALUE_ENUM.STATE_HOVER)[0] && !this.interaction.filterEventMark(params, STATE_VALUE_ENUM.STATE_HOVER) && this.unhoverItem();
+    }
+    selectItems(datums) {
+        this.event.emit("selected", {
+            model: this._option.model,
+            value: datums
+        });
+    }
+    clearSelectedItems() {
+        const lastSelectedItem = this.interaction.getEventElementData(STATE_VALUE_ENUM.STATE_SELECTED);
+        this.interaction.clearEventElement(STATE_VALUE_ENUM.STATE_SELECTED, !0), this.event.emit("unselected", {
+            model: this._option.model,
+            value: lastSelectedItem
+        });
+    }
+    unselectItems(params) {
+        this.interaction.removeEventElement(STATE_VALUE_ENUM.STATE_SELECTED, params.item), 
+        this.event.emit("unselected", {
+            model: this._option.model,
+            value: params.item
+        });
+    }
+    handleSingleEventSelect(params) {
+        if (this.filterEventMark(params)) if (params.item.getStates().includes(STATE_VALUE_ENUM.STATE_SELECTED)) this.unselectItems(params); else {
+            if ("multiple" === this._select.mode) this.interaction.addEventElement(STATE_VALUE_ENUM.STATE_SELECTED, params.item); else this.interaction.exchangeEventElement(STATE_VALUE_ENUM.STATE_SELECTED, params.item);
+            this.interaction.reverseEventElement(STATE_VALUE_ENUM.STATE_SELECTED);
+            const items = this.interaction.getEventElementData(STATE_VALUE_ENUM.STATE_SELECTED);
+            this.selectItems(items);
+        } else this.interaction.filterEventMark(params, STATE_VALUE_ENUM.STATE_SELECTED) || this.clearSelectedItems();
+    }
+    filterEventMark(params) {
+        return !(!params.mark || !this._marks.includes(params.mark));
+    }
+    isDatumEqual(datumA, datumB) {
+        return (this._fields ? this._fields : Object.keys(datumA)).every((f => datumA[f] === datumB[f]));
+    }
+}
+//# sourceMappingURL=trigger.js.map

package/esm/interaction/trigger.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["interaction/trigger.ts"],"names":[],"mappings":"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","file":"trigger.js","sourcesContent":["import { Event } from '../event/event';\nimport { defaultInteractionConfig } from './config';\nimport { merge, isBoolean, isObject, array } from '../util';\n\nimport type { IMark } from '../mark/interface';\nimport type { BaseEventParams, EventCallback, EventParams, IEvent } from '../event/interface';\nimport type { IHoverSpec, IInteraction, ISelectSpec, ITrigger, ITriggerOption, ITriggerSpec } from './interface';\nimport type { RenderMode } from '../typings/spec';\nimport { MarkSet } from '../mark/mark-set';\nimport { STATE_VALUE_ENUM } from '../compile/mark';\nimport { Event_Bubble_Level, Event_Source_Type } from '../constant';\n\nexport class Trigger implements ITrigger {\n  // 事件\n  readonly event: IEvent;\n\n  protected readonly interaction: IInteraction;\n\n  protected _spec: ITriggerSpec;\n  protected _option: ITriggerOption;\n\n  protected _hover: IHoverSpec;\n  get hover() {\n    return this._hover;\n  }\n  protected _select: ISelectSpec;\n  get select() {\n    return this._select;\n  }\n\n  protected _fields: string[] | null = null;\n  protected _marks: MarkSet = new MarkSet();\n  protected _markReverse: MarkSet = new MarkSet();\n\n  constructor(spec: ITriggerSpec, option: ITriggerOption) {\n    this._spec = spec;\n    this._option = option;\n    this.event = new Event(option.eventDispatcher, option.mode);\n    this.interaction = option.interaction;\n    this.initConfig(option.mode);\n  }\n\n  setStateKeys(fields: string[]): void {\n    this._fields = [...fields];\n  }\n\n  registerMark(mark: IMark): void {\n    this._marks.addMark(mark);\n    if (this._hover.enable) {\n      this.interaction.registerMark(STATE_VALUE_ENUM.STATE_HOVER, mark);\n    }\n    if (this._select.enable) {\n      this.interaction.registerMark(STATE_VALUE_ENUM.STATE_SELECTED, mark);\n    }\n  }\n\n  init(): void {\n    this.initEvent();\n  }\n\n  release(): void {\n    this.releaseEvent();\n    this._marks.clear();\n  }\n\n  // event\n  protected initEvent() {\n    const event = this.event;\n    const { enable: hoverEnable, trigger: hoverTrigger, triggerOff: hoverTriggerOff } = this._hover;\n    const { enable: selectEnable, trigger: selectTrigger, triggerOff: selectTriggerOff } = this._select;\n    if (hoverEnable) {\n      // 进行 hover 交互相关的事件绑定\n      array(hoverTrigger).forEach(trigger => {\n        event.on(trigger, { level: Event_Bubble_Level.chart }, this.onHover as EventCallback<EventParams>);\n      });\n      if (hoverTriggerOff && hoverTriggerOff !== 'none') {\n        array(hoverTriggerOff).forEach(trigger => {\n          event.on(\n            trigger,\n            { level: Event_Bubble_Level.vchart, source: Event_Source_Type.chart },\n            this.onUnHover as EventCallback<EventParams>\n          );\n        });\n      }\n    }\n\n    if (selectEnable) {\n      // 进行 select 交互相关的事件绑定\n      array(selectTrigger).forEach(trigger => {\n        event.on(trigger, { level: Event_Bubble_Level.mark }, this.onSelect as EventCallback<EventParams>);\n      });\n      if (selectTriggerOff && selectTriggerOff !== 'none') {\n        array(selectTriggerOff).forEach(trigger => {\n          event.on(trigger, { level: Event_Bubble_Level.mark }, this.onUnSelect as EventCallback<EventParams>);\n        });\n      }\n    }\n  }\n\n  protected releaseEvent(): void {\n    this.event.release();\n  }\n\n  private initConfig(mode: RenderMode): void {\n    const defaultConfig = defaultInteractionConfig[mode];\n    this._hover = { ...defaultConfig?.hover };\n    this._select = { ...defaultConfig?.select };\n\n    const hoverSpec = this._spec.hover;\n    if (isBoolean(hoverSpec)) {\n      this._hover.enable = hoverSpec;\n    } else if (isObject(hoverSpec)) {\n      this._hover.enable = true;\n      this._hover = merge(this._hover, hoverSpec);\n    }\n\n    const selectSpec = this._spec.select;\n    if (isBoolean(selectSpec)) {\n      this._select.enable = selectSpec;\n    } else if (isObject(selectSpec)) {\n      this._select.enable = true;\n      this._select = merge(this._select, selectSpec);\n    }\n  }\n\n  private onHover = (params: BaseEventParams) => {\n    if (this.filterEventMark(params)) {\n      this.hoverItem(params);\n    }\n  };\n\n  private onUnHover = (params: BaseEventParams) => {\n    if (this.filterEventMark(params) || this.interaction.filterEventMark(params, STATE_VALUE_ENUM.STATE_HOVER)) {\n      return;\n    }\n    if (this.interaction.getEventElement(STATE_VALUE_ENUM.STATE_HOVER)[0]) {\n      this.unhoverItem();\n    }\n  };\n\n  private onSelect = (params: BaseEventParams) => {\n    this.handleSingleEventSelect(params);\n  };\n\n  private onUnSelect = (params: BaseEventParams) => {\n    if (!this.interaction.filterEventMark(params, STATE_VALUE_ENUM.STATE_SELECTED)) {\n      this.clearSelectedItems();\n    }\n  };\n\n  // hover\n  protected hoverItem(params: BaseEventParams): void {\n    const { datum } = params;\n    const lastEl = this.interaction.getEventElement(STATE_VALUE_ENUM.STATE_HOVER)[0];\n    if (params.item === lastEl) {\n      return;\n    }\n    this.interaction.exchangeEventElement(STATE_VALUE_ENUM.STATE_HOVER, params.item);\n    this.interaction.reverseEventElement(STATE_VALUE_ENUM.STATE_HOVER);\n    this.event.emit('hovered', {\n      model: this._option.model,\n      value: [datum]\n    });\n  }\n\n  protected unhoverItem(): void {\n    const lastHoveredDatums = this.interaction.getEventElementData(STATE_VALUE_ENUM.STATE_HOVER);\n    this.interaction.clearEventElement(STATE_VALUE_ENUM.STATE_HOVER, true);\n\n    this.event.emit('unhovered', {\n      model: this._option.model,\n      value: lastHoveredDatums\n    });\n  }\n\n  protected handleSingleEventHover(params: BaseEventParams): void {\n    if (this.filterEventMark(params)) {\n      this.hoverItem(params);\n    } else if (\n      this.interaction.getEventElement(STATE_VALUE_ENUM.STATE_HOVER)[0] &&\n      !this.interaction.filterEventMark(params, STATE_VALUE_ENUM.STATE_HOVER)\n    ) {\n      this.unhoverItem();\n    }\n  }\n\n  // select\n  protected selectItems(datums: any[]): void {\n    this.event.emit('selected', {\n      model: this._option.model,\n      value: datums\n    });\n  }\n\n  protected clearSelectedItems() {\n    const lastSelectedItem = this.interaction.getEventElementData(STATE_VALUE_ENUM.STATE_SELECTED);\n    this.interaction.clearEventElement(STATE_VALUE_ENUM.STATE_SELECTED, true);\n\n    this.event.emit('unselected', {\n      model: this._option.model,\n      value: lastSelectedItem\n    });\n  }\n\n  protected unselectItems(params: BaseEventParams): void {\n    this.interaction.removeEventElement(STATE_VALUE_ENUM.STATE_SELECTED, params.item);\n    this.event.emit('unselected', {\n      model: this._option.model,\n      value: params.item\n    });\n  }\n\n  protected handleSingleEventSelect(params: BaseEventParams): void {\n    if (this.filterEventMark(params)) {\n      if (params.item.getStates().includes(STATE_VALUE_ENUM.STATE_SELECTED)) {\n        this.unselectItems(params);\n      } else {\n        switch (this._select.mode) {\n          case 'multiple':\n            this.interaction.addEventElement(STATE_VALUE_ENUM.STATE_SELECTED, params.item);\n            break;\n          case 'single':\n          default:\n            this.interaction.exchangeEventElement(STATE_VALUE_ENUM.STATE_SELECTED, params.item);\n        }\n        this.interaction.reverseEventElement(STATE_VALUE_ENUM.STATE_SELECTED);\n        const items = this.interaction.getEventElementData(STATE_VALUE_ENUM.STATE_SELECTED);\n        this.selectItems(items);\n      }\n    } else if (\n      // 不做已选内容的判断，因为选中的元素可能由用户 API 控制\n      // this._selectedItems.length > 0 &&\n      !this.interaction.filterEventMark(params, STATE_VALUE_ENUM.STATE_SELECTED)\n    ) {\n      this.clearSelectedItems();\n    }\n  }\n\n  // util\n  protected filterEventMark(params: BaseEventParams): boolean {\n    return !!(params.mark && this._marks.includes(params.mark));\n  }\n\n  protected isDatumEqual(datumA: any, datumB: any): boolean {\n    const fields = this._fields ? this._fields : Object.keys(datumA);\n    return fields.every(f => datumA[f] === datumB[f]);\n  }\n}\n"]}

package/esm/interaction/zoom/index.d.ts

@@ -0,0 +1 @@
+export * from './zoomable';

package/esm/interaction/zoom/index.js

@@ -0,0 +1,2 @@
+export * from "./zoomable";
+//# sourceMappingURL=index.js.map

package/esm/interaction/zoom/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["interaction/zoom/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC","file":"index.js","sourcesContent":["export * from './zoomable';\n"]}

package/esm/interaction/zoom/zoomable.d.ts

@@ -0,0 +1,72 @@
+import type { BaseEventParams, ExtendEventParam, IEvent } from '../../event/interface';
+import type { IRegion } from '../../region/interface';
+import type { RenderMode } from '../../typings/spec';
+import type { ISeries } from '../../series/interface';
+export interface IZoomEventOptions {
+    shouldZoom?: boolean;
+    zoomCallback?: (params: {
+        zoomDelta: number;
+        zoomX: number;
+        zoomY: number;
+    }, e: BaseEventParams['event']) => void;
+    shouldScroll?: boolean;
+    scrollCallback?: (params: {
+        scrollX: number;
+        scrollY: number;
+    }, e: BaseEventParams['event']) => void;
+}
+export interface IZoomable {
+    initZoomable: (evt: IEvent, mode?: RenderMode) => void;
+    initZoomEventOfSeries: (s: ISeries, callback?: (params: {
+        zoomDelta: number;
+        zoomX: number;
+        zoomY: number;
+    }, e: BaseEventParams['event']) => void) => any;
+    initZoomEventOfRegions: (regions: IRegion[], filter?: (s: ISeries) => boolean, callback?: (params: {
+        zoomDelta: number;
+        zoomX: number;
+        zoomY: number;
+    }, e: BaseEventParams['event']) => void) => void;
+    initScrollEventOfSeries: (s: ISeries, callback?: (params: {
+        scrollX: number;
+        scrollY: number;
+    }, e: BaseEventParams['event']) => void) => any;
+    initScrollEventOfRegions: (regions: IRegion[], filter?: (s: ISeries) => boolean, callback?: (params: {
+        scrollX: number;
+        scrollY: number;
+    }, e: BaseEventParams['event']) => void) => void;
+    initDragEventOfSeries: (s: ISeries, callback?: (delta: [number, number], e: BaseEventParams['event']) => void) => any;
+    initDragEventOfRegions: (regions: IRegion[], filter?: (s: ISeries) => boolean, callback?: (delta: [number, number], e: BaseEventParams['event']) => void) => void;
+}
+export declare class Zoomable implements IZoomable {
+    private _clickEnable;
+    private _zoomableTrigger;
+    private _eventObj;
+    private _renderMode;
+    initZoomable(evt: IEvent, mode?: RenderMode): void;
+    private getTriggerEvent;
+    private _bindZoomEventAsRegion;
+    initZoomEventOfSeries(s: ISeries, callback?: (params: {
+        zoomDelta: number;
+        zoomX: number;
+        zoomY: number;
+    }, e: BaseEventParams['event']) => void): void;
+    initZoomEventOfRegions(regions: IRegion[], filter?: (s: ISeries) => boolean, callback?: (params: {
+        zoomDelta: number;
+        zoomX: number;
+        zoomY: number;
+    }, e: BaseEventParams['event']) => void): void;
+    initScrollEventOfSeries(s: ISeries, callback?: (params: {
+        scrollX: number;
+        scrollY: number;
+    }, e: BaseEventParams['event']) => void): void;
+    initScrollEventOfRegions(regions: IRegion[], filter?: (s: ISeries) => boolean, callback?: (params: {
+        scrollX: number;
+        scrollY: number;
+    }, e: BaseEventParams['event']) => void): void;
+    private _bindScrollEventAsRegion;
+    private _bindDragEventAsRegion;
+    initDragEventOfSeries(s: ISeries, callback?: (delta: [number, number], e: BaseEventParams['event']) => void): void;
+    initDragEventOfRegions(regions: IRegion[], filter?: (s: ISeries) => boolean, callback?: (delta: [number, number], e: BaseEventParams['event']) => void): void;
+    protected _handleDrag(params: ExtendEventParam, callback?: (delta: [number, number], e: BaseEventParams['event']) => void): void;
+}