@visactor/vchart 1.3.1-test.2 → 1.3.1-test.3

package/cjs/interaction/drill/index.js

@@ -0,0 +1,21 @@
+"use strict";
+
+var __createBinding = this && this.__createBinding || (Object.create ? function(o, m, k, k2) {
+    void 0 === k2 && (k2 = k);
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    desc && !("get" in desc ? !m.__esModule : desc.writable || desc.configurable) || (desc = {
+        enumerable: !0,
+        get: function() {
+            return m[k];
+        }
+    }), Object.defineProperty(o, k2, desc);
+} : function(o, m, k, k2) {
+    void 0 === k2 && (k2 = k), o[k2] = m[k];
+}), __exportStar = this && this.__exportStar || function(m, exports) {
+    for (var p in m) "default" === p || Object.prototype.hasOwnProperty.call(exports, p) || __createBinding(exports, m, p);
+};
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), __exportStar(require("./drillable"), exports);
+//# sourceMappingURL=index.js.map

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

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

package/cjs/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/cjs/interaction/interaction.js

@@ -0,0 +1,85 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.Interaction = void 0;
+
+const vutils_1 = require("@visactor/vutils"), util_1 = require("../compile/mark/util");
+
+class Interaction {
+    constructor() {
+        this._stateMarks = new Map, this._stateElements = new Map;
+    }
+    static markStateEnable(mark, state) {
+        return !(0, vutils_1.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 = (0, util_1.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 = (0, util_1.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 = (0, util_1.stateToReverse)(stateValue);
+            reState && this.clearEventElement(reState, !1);
+        }
+    }
+    reverseEventElement(stateValue) {
+        const state = (0, util_1.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);
+            }));
+        })));
+    }
+}
+
+exports.Interaction = Interaction;
+//# sourceMappingURL=interaction.js.map

package/cjs/interaction/interaction.js.map

@@ -0,0 +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';\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/cjs/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/cjs/interaction/interface.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+});
+//# sourceMappingURL=interface.js.map

package/cjs/interaction/interface.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/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/cjs/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/cjs/interaction/trigger.js

@@ -0,0 +1,137 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.Trigger = void 0;
+
+const event_1 = require("../event/event"), config_1 = require("./config"), util_1 = require("../util"), mark_set_1 = require("../mark/mark-set"), mark_1 = require("../compile/mark"), constant_1 = require("../constant");
+
+class Trigger {
+    get hover() {
+        return this._hover;
+    }
+    get select() {
+        return this._select;
+    }
+    constructor(spec, option) {
+        this._fields = null, this._marks = new mark_set_1.MarkSet, this._markReverse = new mark_set_1.MarkSet, 
+        this.onHover = params => {
+            this.filterEventMark(params) && this.hoverItem(params);
+        }, this.onUnHover = params => {
+            this.filterEventMark(params) || this.interaction.filterEventMark(params, mark_1.STATE_VALUE_ENUM.STATE_HOVER) || this.interaction.getEventElement(mark_1.STATE_VALUE_ENUM.STATE_HOVER)[0] && this.unhoverItem();
+        }, this.onSelect = params => {
+            this.handleSingleEventSelect(params);
+        }, this.onUnSelect = params => {
+            this.interaction.filterEventMark(params, mark_1.STATE_VALUE_ENUM.STATE_SELECTED) || this.clearSelectedItems();
+        }, this._spec = spec, this._option = option, this.event = new event_1.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(mark_1.STATE_VALUE_ENUM.STATE_HOVER, mark), 
+        this._select.enable && this.interaction.registerMark(mark_1.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 && ((0, util_1.array)(hoverTrigger).forEach((trigger => {
+            event.on(trigger, {
+                level: constant_1.Event_Bubble_Level.chart
+            }, this.onHover);
+        })), hoverTriggerOff && "none" !== hoverTriggerOff && (0, util_1.array)(hoverTriggerOff).forEach((trigger => {
+            event.on(trigger, {
+                level: constant_1.Event_Bubble_Level.vchart,
+                source: constant_1.Event_Source_Type.chart
+            }, this.onUnHover);
+        }))), selectEnable && ((0, util_1.array)(selectTrigger).forEach((trigger => {
+            event.on(trigger, {
+                level: constant_1.Event_Bubble_Level.mark
+            }, this.onSelect);
+        })), selectTriggerOff && "none" !== selectTriggerOff && (0, util_1.array)(selectTriggerOff).forEach((trigger => {
+            event.on(trigger, {
+                level: constant_1.Event_Bubble_Level.mark
+            }, this.onUnSelect);
+        })), selectTriggerOff || (0, util_1.array)(null != selectTriggerOff ? selectTriggerOff : selectTrigger).forEach((trigger => {
+            event.on(trigger, {
+                level: constant_1.Event_Bubble_Level.vchart
+            }, this.onUnSelect);
+        })));
+    }
+    releaseEvent() {
+        this.event.release();
+    }
+    initConfig(mode) {
+        const defaultConfig = config_1.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;
+        (0, util_1.isBoolean)(hoverSpec) ? this._hover.enable = hoverSpec : (0, util_1.isObject)(hoverSpec) && (this._hover.enable = !0, 
+        this._hover = (0, util_1.mergeSpec)(this._hover, hoverSpec));
+        const selectSpec = this._spec.select;
+        (0, util_1.isBoolean)(selectSpec) ? this._select.enable = selectSpec : (0, util_1.isObject)(selectSpec) && (this._select.enable = !0, 
+        this._select = (0, util_1.mergeSpec)(this._select, selectSpec));
+    }
+    hoverItem(params) {
+        const {datum: datum} = params, lastEl = this.interaction.getEventElement(mark_1.STATE_VALUE_ENUM.STATE_HOVER)[0];
+        params.item !== lastEl && (this.interaction.exchangeEventElement(mark_1.STATE_VALUE_ENUM.STATE_HOVER, params.item), 
+        this.interaction.reverseEventElement(mark_1.STATE_VALUE_ENUM.STATE_HOVER), this.event.emit("hovered", {
+            model: this._option.model,
+            value: [ datum ]
+        }));
+    }
+    unhoverItem() {
+        const lastHoveredDatums = this.interaction.getEventElementData(mark_1.STATE_VALUE_ENUM.STATE_HOVER);
+        this.interaction.clearEventElement(mark_1.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(mark_1.STATE_VALUE_ENUM.STATE_HOVER)[0] && !this.interaction.filterEventMark(params, mark_1.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(mark_1.STATE_VALUE_ENUM.STATE_SELECTED);
+        this.interaction.clearEventElement(mark_1.STATE_VALUE_ENUM.STATE_SELECTED, !0), 
+        this.event.emit("unselected", {
+            model: this._option.model,
+            value: lastSelectedItem
+        });
+    }
+    unselectItems(params) {
+        this.interaction.removeEventElement(mark_1.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(mark_1.STATE_VALUE_ENUM.STATE_SELECTED)) this.unselectItems(params); else {
+            if ("multiple" === this._select.mode) this.interaction.addEventElement(mark_1.STATE_VALUE_ENUM.STATE_SELECTED, params.item); else this.interaction.exchangeEventElement(mark_1.STATE_VALUE_ENUM.STATE_SELECTED, params.item);
+            this.interaction.reverseEventElement(mark_1.STATE_VALUE_ENUM.STATE_SELECTED);
+            const items = this.interaction.getEventElementData(mark_1.STATE_VALUE_ENUM.STATE_SELECTED);
+            this.selectItems(items);
+        } else this.interaction.filterEventMark(params, mark_1.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]));
+    }
+}
+
+exports.Trigger = Trigger;
+//# sourceMappingURL=trigger.js.map

package/cjs/interaction/trigger.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/interaction/trigger.ts"],"names":[],"mappings":"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","file":"trigger.js","sourcesContent":["import { Event } from '../event/event';\nimport { defaultInteractionConfig } from './config';\nimport { mergeSpec, 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      // default triggerOff: active without mark , unselected\n      if (!selectTriggerOff) {\n        array(selectTriggerOff ?? selectTrigger).forEach(trigger => {\n          event.on(trigger, { level: Event_Bubble_Level.vchart }, 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 = mergeSpec(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 = mergeSpec(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/cjs/interaction/zoom/index.d.ts

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

package/cjs/interaction/zoom/index.js

@@ -0,0 +1,21 @@
+"use strict";
+
+var __createBinding = this && this.__createBinding || (Object.create ? function(o, m, k, k2) {
+    void 0 === k2 && (k2 = k);
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    desc && !("get" in desc ? !m.__esModule : desc.writable || desc.configurable) || (desc = {
+        enumerable: !0,
+        get: function() {
+            return m[k];
+        }
+    }), Object.defineProperty(o, k2, desc);
+} : function(o, m, k, k2) {
+    void 0 === k2 && (k2 = k), o[k2] = m[k];
+}), __exportStar = this && this.__exportStar || function(m, exports) {
+    for (var p in m) "default" === p || Object.prototype.hasOwnProperty.call(exports, p) || __createBinding(exports, m, p);
+};
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), __exportStar(require("./zoomable"), exports);
+//# sourceMappingURL=index.js.map

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

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

package/cjs/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;
+}