@visactor/vchart 0.0.1-alpha.0

package/cjs/event/event-dispatcher.js

@@ -0,0 +1,193 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.EventDispatcher = void 0;
+
+const bubble_1 = require("./bubble"), util_1 = require("../util"), event_1 = require("../constant/event"), componentTypeMap = {
+    cartesianAxis: "axis",
+    "cartesianAxis-band": "axis",
+    "cartesianAxis-linear": "axis",
+    "cartesianAxis-time": "axis",
+    polarAxis: "axis",
+    "polarAxis-band": "axis",
+    "polarAxis-linear": "axis",
+    discreteLegend: "legend",
+    continuousLegend: "legend",
+    colorLegend: "legend",
+    sizeLegend: "legend"
+};
+
+class EventDispatcher {
+    constructor(vchart, compiler) {
+        this._viewBubbles = new Map, this._windowBubbles = new Map, this._viewListeners = new Map, 
+        this._windowListeners = new Map, this.globalInstance = vchart, this._compiler = compiler;
+    }
+    register(eType, handler) {
+        var _a, _b, _c, _d;
+        this._parseQuery(handler);
+        const bubbles = this.getEventBubble((null === (_a = handler.filter) || void 0 === _a ? void 0 : _a.source) || event_1.Event_Source_Type.chart), listeners = this.getEventListeners((null === (_b = handler.filter) || void 0 === _b ? void 0 : _b.source) || event_1.Event_Source_Type.chart);
+        bubbles.get(eType) || bubbles.set(eType, new bubble_1.Bubble);
+        if (bubbles.get(eType).addHandler(handler, null === (_c = handler.filter) || void 0 === _c ? void 0 : _c.level), 
+        this._isValidEvent(eType) && !listeners.has(eType)) {
+            const callback = this._onDelegate.bind(this);
+            this._compiler.addEventListener(null === (_d = handler.filter) || void 0 === _d ? void 0 : _d.source, eType, callback), 
+            listeners.set(eType, callback);
+        }
+        return this;
+    }
+    unregister(eType, handler) {
+        var _a, _b, _c, _d;
+        let clean = !1;
+        const bubbles = this.getEventBubble((null === (_a = null == handler ? void 0 : handler.filter) || void 0 === _a ? void 0 : _a.source) || event_1.Event_Source_Type.chart), listeners = this.getEventListeners((null === (_b = null == handler ? void 0 : handler.filter) || void 0 === _b ? void 0 : _b.source) || event_1.Event_Source_Type.chart);
+        if (handler) {
+            const bubble = bubbles.get(eType);
+            null == bubble || bubble.removeHandler(handler), 0 === (null == bubble ? void 0 : bubble.getCount()) && (null == bubble || bubble.release(), 
+            bubbles.delete(eType), clean = !0), (null === (_c = null == handler ? void 0 : handler.wrappedCallback) || void 0 === _c ? void 0 : _c.cancel) && handler.wrappedCallback.cancel();
+        } else {
+            const bubble = bubbles.get(eType);
+            null == bubble || bubble.release(), bubbles.delete(eType), clean = !0;
+        }
+        if (clean && this._isValidEvent(eType)) {
+            const callback = listeners.get(eType);
+            this._compiler.removeEventListener((null === (_d = null == handler ? void 0 : handler.filter) || void 0 === _d ? void 0 : _d.source) || event_1.Event_Source_Type.chart, eType, callback), 
+            listeners.delete(eType);
+        }
+        return this;
+    }
+    dispatch(eType, params) {
+        const bubble = this.getEventBubble(params.source || event_1.Event_Source_Type.chart).get(eType);
+        if (!bubble) return this;
+        let stopBubble = !1;
+        const handlers = bubble.getHandlers(event_1.Event_Bubble_Level.mark);
+        if (stopBubble = this._invoke(handlers, eType, params), !stopBubble) {
+            const handlers = bubble.getHandlers(event_1.Event_Bubble_Level.model);
+            stopBubble = this._invoke(handlers, eType, params);
+        }
+        if (!stopBubble) {
+            const handlers = bubble.getHandlers(event_1.Event_Bubble_Level.chart);
+            stopBubble = this._invoke(handlers, eType, params);
+        }
+        if (!stopBubble) {
+            const handlers = bubble.getHandlers(event_1.Event_Bubble_Level.vchart);
+            stopBubble = this._invoke(handlers, eType, params);
+        }
+        return this;
+    }
+    release() {
+        for (const entry of this._viewListeners.entries()) this._compiler.removeEventListener(event_1.Event_Source_Type.chart, entry[0], entry[1]);
+        this._viewListeners.clear();
+        for (const entry of this._windowListeners.entries()) this._compiler.removeEventListener(event_1.Event_Source_Type.window, entry[0], entry[1]);
+        this._windowListeners.clear();
+        for (const bubble of this._viewBubbles.values()) bubble.release();
+        this._viewBubbles.clear();
+        for (const bubble of this._windowBubbles.values()) bubble.release();
+        this._windowBubbles.clear();
+    }
+    _filter(filter, evt, params) {
+        var _a, _b;
+        if ((0, util_1.isFunction)(filter.filter) && !filter.filter(params)) return !1;
+        if (filter.nodeName && (0, util_1.get)(params, "node.name") !== filter.nodeName) return !1;
+        if (filter.markName && !(null == params ? void 0 : params.itemMap.has(filter.markName))) return !1;
+        let modelType = null === (_a = params.model) || void 0 === _a ? void 0 : _a.type;
+        return componentTypeMap[modelType] && (modelType = componentTypeMap[modelType]), 
+        (!filter.type || modelType === filter.type) && (!(0, util_1.isValid)(filter.userId) || (null === (_b = params.model) || void 0 === _b ? void 0 : _b.userId) === filter.userId);
+    }
+    _prepareParams(filter, params) {
+        if (filter.markName && params.itemMap) {
+            const item = params.itemMap.get(filter.markName), datum = null == item ? void 0 : item.getDatum();
+            return Object.assign(Object.assign({}, params), {
+                item: item,
+                datum: datum
+            });
+        }
+        return Object.assign({}, params);
+    }
+    _onDelegate(listenerParams) {
+        var _a;
+        const chart = this.globalInstance.getChart(), model = (0, util_1.isValid)(listenerParams.modelId) && (null == chart ? void 0 : chart.getModelById(listenerParams.modelId)) || void 0, mark = (0, 
+        util_1.isValid)(listenerParams.markId) && (null == chart ? void 0 : chart.getMarkById(listenerParams.markId)) || null, itemMap = new Map;
+        let targetMark = null === (_a = listenerParams.item) || void 0 === _a ? void 0 : _a.mark;
+        for (targetMark && (0, util_1.isValid)(targetMark.id()) && itemMap.set(targetMark.id(), listenerParams.item); null == targetMark ? void 0 : targetMark.elements; ) {
+            const id = targetMark.id();
+            (0, util_1.isValid)(id) && !itemMap.has(id) && itemMap.set(id, targetMark.elements[0]), 
+            targetMark = targetMark.group;
+        }
+        const params = {
+            event: listenerParams.event,
+            item: listenerParams.item,
+            datum: listenerParams.datum,
+            source: listenerParams.source,
+            itemMap: itemMap,
+            chart: chart,
+            model: model,
+            mark: null != mark ? mark : void 0,
+            node: (0, util_1.get)(listenerParams.event, "target")
+        };
+        this.dispatch(listenerParams.type, params);
+    }
+    _invoke(handlers, type, params) {
+        return handlers.map((handler => {
+            var _a, _b, _c;
+            const filter = handler.filter;
+            if (!handler.query || this._filter(filter, type, params)) {
+                let stopBubble = (handler.wrappedCallback || handler.callback).call(null, this._prepareParams(filter, params));
+                return (null === (_a = handler.query) || void 0 === _a ? void 0 : _a.consume) && (stopBubble = !0, 
+                null === (_b = params.event) || void 0 === _b || _b.stopPropagation(), null === (_c = params.event) || void 0 === _c || _c.preventDefault()), 
+                stopBubble;
+            }
+        })).some((r => !0 === r));
+    }
+    _getQueryLevel(query) {
+        return query ? query.level ? query.level : (0, util_1.isValid)(query.id) ? event_1.Event_Bubble_Level.model : event_1.Event_Bubble_Level.vchart : event_1.Event_Bubble_Level.vchart;
+    }
+    _parseQuery(handler) {
+        var _a;
+        const query = handler.query;
+        (null == query ? void 0 : query.throttle) ? handler.wrappedCallback = (0, util_1.throttle)(handler.callback, query.throttle) : (null == query ? void 0 : query.debounce) && (handler.wrappedCallback = (0, 
+        util_1.debounce)(handler.callback, query.debounce));
+        let level = this._getQueryLevel(query), type = null, source = event_1.Event_Source_Type.chart, nodeName = null, markName = null, userId = null;
+        return (null == query ? void 0 : query.nodeName) && (nodeName = query.nodeName), 
+        (null == query ? void 0 : query.markName) && (markName = query.markName), !(null == query ? void 0 : query.type) || level !== event_1.Event_Bubble_Level.model && level !== event_1.Event_Bubble_Level.mark || (type = query.type), 
+        (null == query ? void 0 : query.source) && (source = query.source), (0, util_1.isValid)(null == query ? void 0 : query.id) && (userId = null == query ? void 0 : query.id, 
+        level = event_1.Event_Bubble_Level.model), handler.filter = {
+            level: level,
+            markName: markName,
+            type: type,
+            source: source,
+            nodeName: nodeName,
+            userId: userId,
+            filter: null !== (_a = null == query ? void 0 : query.filter) && void 0 !== _a ? _a : null
+        }, handler;
+    }
+    getEventBubble(source) {
+        switch (source) {
+          case event_1.Event_Source_Type.chart:
+            return this._viewBubbles;
+
+          case event_1.Event_Source_Type.window:
+            return this._windowBubbles;
+
+          default:
+            return this._viewBubbles;
+        }
+    }
+    getEventListeners(source) {
+        switch (source) {
+          case event_1.Event_Source_Type.chart:
+            return this._viewListeners;
+
+          case event_1.Event_Source_Type.window:
+            return this._windowListeners;
+
+          default:
+            return this._viewListeners;
+        }
+    }
+    _isValidEvent(eType) {
+        return event_1.BASE_EVENTS.includes(eType) || Object.values(event_1.VGRAMMAR_HOOK_EVENT).includes(eType) || Object.values(event_1.ChartEvent).includes(eType);
+    }
+}
+
+exports.EventDispatcher = EventDispatcher;
+//# sourceMappingURL=event-dispatcher.js.map

package/cjs/event/event-dispatcher.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["event/event-dispatcher.ts"],"names":[],"mappings":"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","file":"event-dispatcher.js","sourcesContent":["import { Bubble } from './bubble';\nimport { isValid, debounce, throttle, get, isFunction } from '../util';\nimport { BASE_EVENTS, ChartEvent, Event_Bubble_Level, Event_Source_Type, VGRAMMAR_HOOK_EVENT } from '../constant/event';\nimport type {\n  EventType,\n  EventQuery,\n  EventHandler,\n  EventParamsDefinition,\n  IEventDispatcher,\n  EventBubbleLevel,\n  BaseEventParams,\n  EventParams,\n  EventFilter,\n  EventSourceType\n} from './interface';\nimport type { VChart } from '../core/vchart';\nimport type { CompilerListenerParameters } from '../compile/interface';\nimport type { Compiler } from '../compile/compiler';\nimport type { StringOrNumber } from '../typings';\n\nconst componentTypeMap = {\n  cartesianAxis: 'axis',\n  'cartesianAxis-band': 'axis',\n  'cartesianAxis-linear': 'axis',\n  'cartesianAxis-time': 'axis',\n  polarAxis: 'axis',\n  'polarAxis-band': 'axis',\n  'polarAxis-linear': 'axis',\n  discreteLegend: 'legend',\n  continuousLegend: 'legend',\n  colorLegend: 'legend',\n  sizeLegend: 'legend'\n};\n\nexport class EventDispatcher implements IEventDispatcher {\n  globalInstance: VChart;\n\n  // view 事件与 window 事件视作为不同类型的事件信息，进行独立的冒泡处理\n  private _viewBubbles: Map<EventType, Bubble> = new Map<EventType, Bubble>();\n  private _windowBubbles: Map<EventType, Bubble> = new Map<EventType, Bubble>();\n\n  private _viewListeners: Map<string, (params: CompilerListenerParameters) => void> = new Map<\n    string,\n    (params: CompilerListenerParameters) => void\n  >();\n  private _windowListeners: Map<string, (params: CompilerListenerParameters) => void> = new Map<\n    string,\n    (params: CompilerListenerParameters) => void\n  >();\n\n  private _compiler: Compiler;\n\n  constructor(vchart: VChart, compiler: Compiler) {\n    this.globalInstance = vchart;\n    this._compiler = compiler;\n  }\n\n  register<Evt extends EventType>(eType: Evt, handler: EventHandler<EventParamsDefinition[Evt]>): this {\n    // 解析 query 配置并生成最终 handler 内容\n    this._parseQuery(handler);\n    // view/window 事件做独立的处理\n    const bubbles = this.getEventBubble(handler.filter?.source || Event_Source_Type.chart);\n    const listeners = this.getEventListeners(handler.filter?.source || Event_Source_Type.chart);\n\n    if (!bubbles.get(eType)) {\n      bubbles.set(eType, new Bubble());\n    }\n\n    // 挂载事件监听\n    const bubble = bubbles.get(eType) as Bubble;\n    bubble.addHandler(handler, handler.filter?.level as EventBubbleLevel);\n    if (this._isValidEvent(eType) && !listeners.has(eType)) {\n      const callback = this._onDelegate.bind(this);\n      this._compiler.addEventListener(handler.filter?.source as EventSourceType, eType, callback);\n      listeners.set(eType, callback);\n    }\n    return this;\n  }\n\n  unregister<Evt extends EventType>(eType: Evt, handler?: EventHandler<EventParamsDefinition[Evt]>): this {\n    let clean: boolean = false;\n    // view/window 事件做独立的处理\n    const bubbles = this.getEventBubble(handler?.filter?.source || Event_Source_Type.chart);\n    const listeners = this.getEventListeners(handler?.filter?.source || Event_Source_Type.chart);\n\n    if (!handler) {\n      const bubble = bubbles.get(eType);\n      bubble?.release();\n      bubbles.delete(eType);\n      clean = true;\n    } else {\n      const bubble = bubbles.get(eType);\n      bubble?.removeHandler(handler);\n      if (bubble?.getCount() === 0) {\n        bubble?.release();\n        bubbles.delete(eType);\n        clean = true;\n      }\n\n      if ((handler?.wrappedCallback as any)?.cancel) {\n        // 取消debounce/throttle事件，释放闭包内部的上下文对象\n        (handler.wrappedCallback as any).cancel();\n      }\n    }\n    // 某个事件下所有的监听取消之后删除语法层事件的代理\n    if (clean && this._isValidEvent(eType)) {\n      const callback = listeners.get(eType) as (params: CompilerListenerParameters) => void;\n      this._compiler.removeEventListener(handler?.filter?.source || Event_Source_Type.chart, eType, callback);\n      listeners.delete(eType);\n    }\n    return this;\n  }\n\n  dispatch<Evt extends EventType>(eType: Evt, params: EventParamsDefinition[Evt]): this {\n    // 默认事件类别为 view\n    const bubble = this.getEventBubble((params as BaseEventParams).source || Event_Source_Type.chart).get(\n      eType\n    ) as Bubble;\n    // 没有任何监听事件时，bubble 不存在\n    if (!bubble) {\n      return this;\n    }\n\n    // 事件冒泡逻辑：Mark -> Model -> Chart -> VChart\n    let stopBubble: boolean = false;\n    // Mark 级别的事件只包含对语法层代理的基础事件\n    const handlers = bubble.getHandlers(Event_Bubble_Level.mark);\n    stopBubble = this._invoke(handlers, eType, params);\n\n    if (!stopBubble) {\n      const handlers = bubble.getHandlers(Event_Bubble_Level.model);\n      stopBubble = this._invoke(handlers, eType, params);\n    }\n    if (!stopBubble) {\n      const handlers = bubble.getHandlers(Event_Bubble_Level.chart);\n      stopBubble = this._invoke(handlers, eType, params);\n    }\n    if (!stopBubble) {\n      const handlers = bubble.getHandlers(Event_Bubble_Level.vchart);\n      stopBubble = this._invoke(handlers, eType, params);\n    }\n\n    return this;\n  }\n\n  release(): void {\n    for (const entry of this._viewListeners.entries()) {\n      this._compiler.removeEventListener(Event_Source_Type.chart, entry[0], entry[1]);\n    }\n    this._viewListeners.clear();\n    for (const entry of this._windowListeners.entries()) {\n      this._compiler.removeEventListener(Event_Source_Type.window, entry[0], entry[1]);\n    }\n    this._windowListeners.clear();\n    for (const bubble of this._viewBubbles.values()) {\n      bubble.release();\n    }\n    this._viewBubbles.clear();\n    for (const bubble of this._windowBubbles.values()) {\n      bubble.release();\n    }\n    this._windowBubbles.clear();\n  }\n\n  /**\n   * 基于转换后的事件筛选配置过滤需要调用的 handler\n   */\n  private _filter<Evt extends EventType>(filter: EventFilter, evt: Evt, params: EventParamsDefinition[Evt]): boolean {\n    if (isFunction(filter.filter) && !filter.filter(params)) {\n      return false;\n    }\n\n    // 事件 level 不需要筛选，在冒泡流程中已经处理了 level 的逻辑\n    if (filter.nodeName && get(params, 'node.name') !== filter.nodeName) {\n      return false;\n    }\n\n    if (filter.markName && !(params as BaseEventParams)?.itemMap.has(filter.markName)) {\n      // 对于 markName 的筛选需要包含所有父级 mark 的 name\n      return false;\n    }\n\n    let modelType = params.model?.type;\n    if (componentTypeMap[modelType]) {\n      modelType = componentTypeMap[modelType];\n    }\n    if (filter.type && modelType !== filter.type) {\n      return false;\n    }\n\n    if (isValid(filter.userId) && params.model?.userId !== filter.userId) {\n      return false;\n    }\n\n    return true;\n  }\n\n  private _prepareParams<Evt extends EventType>(\n    filter: EventFilter,\n    params: EventParamsDefinition[Evt]\n  ): EventParamsDefinition[Evt] {\n    // 如果针对于 mark 做了筛选，则事件参数转为筛选器制定的父级 mark\n    if (filter.markName && (params as BaseEventParams).itemMap) {\n      const item = (params as BaseEventParams).itemMap.get(filter.markName);\n      const datum = item?.getDatum();\n      return { ...params, item, datum };\n    }\n    return { ...params };\n  }\n\n  /**\n   * 代理语法层事件的监听回调\n   */\n  private _onDelegate(listenerParams: CompilerListenerParameters) {\n    const chart = this.globalInstance.getChart();\n    const model = (isValid(listenerParams.modelId) && chart?.getModelById(listenerParams.modelId)) || undefined;\n    const mark = (isValid(listenerParams.markId) && chart?.getMarkById(listenerParams.markId)) || null;\n\n    // FIXME: 这里操作的应当是场景树结构，与 vgrammar 结构无关\n    // 遍历取到所有父级的 mark 以支持子元素响应父元素事件\n    const itemMap = new Map<string, any>();\n    let targetMark: any = listenerParams.item?.mark;\n    if (targetMark && isValid(targetMark.id())) {\n      itemMap.set(targetMark.id(), listenerParams.item);\n    }\n    while (targetMark?.elements) {\n      const id = targetMark.id();\n      // 由于父级的 markName 可能重复，因此只取最近的父级 mark\n      if (isValid(id) && !itemMap.has(id)) {\n        itemMap.set(id, targetMark.elements[0]);\n      }\n      targetMark = targetMark.group;\n    }\n\n    const params: BaseEventParams = {\n      event: listenerParams.event,\n      item: listenerParams.item,\n      datum: listenerParams.datum,\n      source: listenerParams.source,\n      itemMap,\n      chart,\n      model,\n      mark: mark ?? undefined,\n      node: get(listenerParams.event, 'target')\n    };\n    this.dispatch(listenerParams.type, params);\n  }\n\n  /**\n   * 调用相应事件监听下的 handlers\n   */\n  private _invoke<Evt extends EventType>(\n    handlers: EventHandler<EventParams>[],\n    type: EventType,\n    params: EventParamsDefinition[Evt]\n  ): boolean {\n    const result = handlers.map(handler => {\n      const filter = handler.filter as EventFilter;\n      if (!handler.query || this._filter(filter, type, params)) {\n        const callback = handler.wrappedCallback || handler.callback;\n        let stopBubble = callback.call(null, this._prepareParams(filter, params));\n        if (handler.query?.consume) {\n          stopBubble = true;\n          (params as BaseEventParams).event?.stopPropagation();\n          (params as BaseEventParams).event?.preventDefault();\n        }\n        return stopBubble;\n      }\n      return undefined;\n    });\n    // 如果某个事件回调阻止了冒泡，则阻止更高级别事件的调用过程\n    return result.some(r => r === true);\n  }\n\n  /**\n   * 依据事件 query 得到事件冒泡层级\n   */\n  private _getQueryLevel(query: EventQuery | null): EventBubbleLevel {\n    // 事件默认监听在 vchart 层\n    if (!query) {\n      return Event_Bubble_Level.vchart;\n    }\n    if (query.level) {\n      return query.level;\n    }\n    if (isValid(query.id)) {\n      return Event_Bubble_Level.model;\n    }\n\n    return Event_Bubble_Level.vchart;\n  }\n\n  /**\n   * 将用户 query 配置转换为最终事件筛选参数\n   */\n  private _parseQuery(handler: EventHandler<EventParams>): EventHandler<EventParams> {\n    const query = handler.query;\n    // 处理 query 带来的函数封装\n    if (query?.throttle) {\n      handler.wrappedCallback = throttle(handler.callback, query.throttle);\n    } else if (query?.debounce) {\n      handler.wrappedCallback = debounce(handler.callback, query.debounce);\n    }\n    let level = this._getQueryLevel(query);\n    let type: string | null = null;\n    let source: EventSourceType = Event_Source_Type.chart;\n    let nodeName: string | null = null;\n    let markName: string | null = null;\n    let userId: StringOrNumber | null = null;\n\n    if (query?.nodeName) {\n      nodeName = query.nodeName;\n    }\n\n    if (query?.markName) {\n      markName = query.markName;\n    }\n\n    if (query?.type && (level === Event_Bubble_Level.model || level === Event_Bubble_Level.mark)) {\n      type = query.type;\n    }\n    if (query?.source) {\n      source = query.source;\n    }\n\n    if (isValid(query?.id)) {\n      userId = query?.id;\n      level = Event_Bubble_Level.model; // 如果用户配置了 id，那么默认 level 为 model\n    }\n    handler.filter = {\n      level,\n      markName,\n      type,\n      source,\n      nodeName,\n      userId,\n      filter: query?.filter ?? null\n    };\n    return handler;\n  }\n\n  private getEventBubble(source: EventSourceType) {\n    switch (source) {\n      case Event_Source_Type.chart:\n        return this._viewBubbles;\n      case Event_Source_Type.window:\n        return this._windowBubbles;\n      default:\n        return this._viewBubbles;\n    }\n  }\n\n  private getEventListeners(source: EventSourceType) {\n    switch (source) {\n      case Event_Source_Type.chart:\n        return this._viewListeners;\n      case Event_Source_Type.window:\n        return this._windowListeners;\n      default:\n        return this._viewListeners;\n    }\n  }\n\n  private _isValidEvent(eType: string) {\n    return (\n      BASE_EVENTS.includes(eType) ||\n      (Object.values(VGRAMMAR_HOOK_EVENT) as string[]).includes(eType) ||\n      (Object.values(ChartEvent) as string[]).includes(eType)\n    );\n  }\n}\n"]}

package/cjs/event/event.d.ts

@@ -0,0 +1,14 @@
+import type { RenderMode } from '../typings/spec/common';
+import type { EventType, EventQuery, EventCallback, EventParamsDefinition, IEvent, IEventDispatcher } from './interface';
+export declare class Event implements IEvent {
+    private _eventDispatcher;
+    private _mode;
+    private _composedEventMap;
+    constructor(eventDispatcher: IEventDispatcher, mode: RenderMode);
+    on<Evt extends EventType>(eType: Evt, callback: EventCallback<EventParamsDefinition[Evt]>): this;
+    on<Evt extends EventType>(eType: Evt, query: EventQuery, callback: EventCallback<EventParamsDefinition[Evt]>): this;
+    off<Evt extends EventType>(eType: Evt, callback?: EventCallback<EventParamsDefinition[Evt]>): this;
+    off<Evt extends EventType>(eType: Evt, query: EventQuery, callback: EventCallback<EventParamsDefinition[Evt]>): this;
+    emit<Evt extends EventType>(eType: Evt, params: EventParamsDefinition[Evt]): this;
+    release(): void;
+}

package/cjs/event/event.js

@@ -0,0 +1,62 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.Event = void 0;
+
+const events_1 = require("./events");
+
+class Event {
+    constructor(eventDispatcher, mode) {
+        this._composedEventMap = new Map, this._eventDispatcher = eventDispatcher, this._mode = mode;
+    }
+    on(eType, query, callback) {
+        const handler = "function" == typeof query ? {
+            query: null,
+            callback: query
+        } : {
+            query: query,
+            callback: callback
+        };
+        if (events_1.ComposedEventMapper[eType]) {
+            const composedEvent = new events_1.ComposedEventMapper[eType](this._eventDispatcher, this._mode);
+            composedEvent.register(eType, handler), this._composedEventMap.set(callback, {
+                eventType: eType,
+                event: composedEvent
+            });
+        } else this._eventDispatcher.register(eType, handler);
+        return this;
+    }
+    off(eType, query, cb) {
+        var _a, _b;
+        const callback = null != cb ? cb : query;
+        if (events_1.ComposedEventMapper[eType]) if (callback) null === (_a = this._composedEventMap.get(callback)) || void 0 === _a || _a.event.unregister(), 
+        this._composedEventMap.delete(callback); else for (const entry of this._composedEventMap.entries()) entry[1].eventType === eType && (null === (_b = this._composedEventMap.get(entry[0])) || void 0 === _b || _b.event.unregister(), 
+        this._composedEventMap.delete(entry[0])); else if (callback) {
+            const handler = {
+                callback: callback,
+                query: null,
+                filter: {
+                    nodeName: null,
+                    type: eType,
+                    level: null,
+                    source: query.source,
+                    markName: null,
+                    filter: null,
+                    userId: null
+                }
+            };
+            this._eventDispatcher.unregister(eType, handler);
+        } else this._eventDispatcher.unregister(eType);
+        return this;
+    }
+    emit(eType, params) {
+        return this._eventDispatcher.dispatch(eType, params), this;
+    }
+    release() {
+        this._eventDispatcher.release(), this._composedEventMap.clear();
+    }
+}
+
+exports.Event = Event;
+//# sourceMappingURL=event.js.map

package/cjs/event/event.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["event/event.ts"],"names":[],"mappings":";;;AAGA,qCAA+C;AAa/C,MAAa,KAAK;IAOhB,YAAY,eAAiC,EAAE,IAAgB;QAHvD,sBAAiB,GACvB,IAAI,GAAG,EAAE,CAAC;QAGV,IAAI,CAAC,gBAAgB,GAAG,eAAe,CAAC;QACxC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;IACpB,CAAC;IAID,EAAE,CACA,KAAU,EACV,KAA6D,EAC7D,QAAoD;QAEpD,MAAM,OAAO,GACX,OAAO,KAAK,KAAK,UAAU;YACzB,CAAC,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE;YAClC,CAAC,CAAC;gBACE,KAAK;gBACL,QAAQ,EAAE,QAAqD;aAChE,CAAC;QAER,IAAI,4BAAmB,CAAC,KAAe,CAAC,EAAE;YACxC,MAAM,aAAa,GAAG,IAAI,4BAAmB,CAAC,KAAe,CAAC,CAC5D,IAAI,CAAC,gBAAgB,EACrB,IAAI,CAAC,KAAK,CACO,CAAC;YACpB,aAAa,CAAC,QAAQ,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;YACvC,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,QAAqD,EAAE;gBAChF,SAAS,EAAE,KAAK;gBAChB,KAAK,EAAE,aAAa;aACrB,CAAC,CAAC;SACJ;aAAM;YACL,IAAI,CAAC,gBAAgB,CAAC,QAAQ,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;SAChD;QAED,OAAO,IAAI,CAAC;IACd,CAAC;IAID,GAAG,CACD,KAAU,EACV,KAA8D,EAC9D,EAA8C;;QAE9C,MAAM,QAAQ,GAAG,CAAC,EAAE,aAAF,EAAE,cAAF,EAAE,GAAI,KAAK,CAA8C,CAAC;QAC5E,IAAI,4BAAmB,CAAC,KAAe,CAAC,EAAE;YACxC,IAAI,QAAQ,EAAE;gBACZ,MAAA,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,QAAQ,CAAC,0CAAE,KAAK,CAAC,UAAU,EAAE,CAAC;gBACzD,IAAI,CAAC,iBAAiB,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;aACzC;iBAAM;gBACL,KAAK,MAAM,KAAK,IAAI,IAAI,CAAC,iBAAiB,CAAC,OAAO,EAAE,EAAE;oBACpD,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,KAAK,KAAK,EAAE;wBAChC,MAAA,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,0CAAE,KAAK,CAAC,UAAU,EAAE,CAAC;wBACzD,IAAI,CAAC,iBAAiB,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;qBACzC;iBACF;aACF;SACF;aAAM;YACL,IAAI,QAAQ,EAAE;gBACZ,MAAM,OAAO,GAA6C;oBACxD,QAAQ;oBACR,KAAK,EAAE,IAAI;oBAEX,MAAM,EAAE;wBACN,QAAQ,EAAE,IAAI;wBACd,IAAI,EAAE,KAAK;wBACX,KAAK,EAAE,IAAI;wBACX,MAAM,EAAG,KAAoB,CAAC,MAAM;wBACpC,QAAQ,EAAE,IAAI;wBACd,MAAM,EAAE,IAAI;wBACZ,MAAM,EAAE,IAAI;qBACb;iBACF,CAAC;gBACF,IAAI,CAAC,gBAAgB,CAAC,UAAU,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;aAClD;iBAAM;gBACL,IAAI,CAAC,gBAAgB,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;aACzC;SACF;QACD,OAAO,IAAI,CAAC;IACd,CAAC;IAED,IAAI,CAAwB,KAAU,EAAE,MAAkC;QACxE,IAAI,CAAC,gBAAgB,CAAC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;QAC9C,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO;QACL,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,CAAC;QAChC,IAAI,CAAC,iBAAiB,CAAC,KAAK,EAAE,CAAC;IACjC,CAAC;CACF;AAjGD,sBAiGC","file":"event.js","sourcesContent":["/*eslint no-dupe-class-members: \"off\"*/\n\nimport type { RenderMode } from '../typings/spec/common';\nimport { ComposedEventMapper } from './events';\nimport type {\n  EventType,\n  EventQuery,\n  EventCallback,\n  EventParamsDefinition,\n  IEvent,\n  IEventDispatcher,\n  IComposedEvent,\n  EventParams,\n  EventHandler\n} from './interface';\n\nexport class Event implements IEvent {\n  private _eventDispatcher: IEventDispatcher;\n  private _mode: RenderMode;\n\n  private _composedEventMap: Map<EventCallback<EventParams>, { eventType: EventType; event: IComposedEvent }> =\n    new Map();\n\n  constructor(eventDispatcher: IEventDispatcher, mode: RenderMode) {\n    this._eventDispatcher = eventDispatcher;\n    this._mode = mode;\n  }\n\n  on<Evt extends EventType>(eType: Evt, callback: EventCallback<EventParamsDefinition[Evt]>): this;\n  on<Evt extends EventType>(eType: Evt, query: EventQuery, callback: EventCallback<EventParamsDefinition[Evt]>): this;\n  on<Evt extends EventType>(\n    eType: Evt,\n    query: EventQuery | EventCallback<EventParamsDefinition[Evt]>,\n    callback?: EventCallback<EventParamsDefinition[Evt]>\n  ): this {\n    const handler =\n      typeof query === 'function'\n        ? { query: null, callback: query }\n        : {\n            query,\n            callback: callback as EventCallback<EventParamsDefinition[Evt]>\n          };\n\n    if (ComposedEventMapper[eType as string]) {\n      const composedEvent = new ComposedEventMapper[eType as string](\n        this._eventDispatcher,\n        this._mode\n      ) as IComposedEvent;\n      composedEvent.register(eType, handler);\n      this._composedEventMap.set(callback as EventCallback<EventParamsDefinition[Evt]>, {\n        eventType: eType,\n        event: composedEvent\n      });\n    } else {\n      this._eventDispatcher.register(eType, handler);\n    }\n\n    return this;\n  }\n\n  off<Evt extends EventType>(eType: Evt, callback?: EventCallback<EventParamsDefinition[Evt]>): this;\n  off<Evt extends EventType>(eType: Evt, query: EventQuery, callback: EventCallback<EventParamsDefinition[Evt]>): this;\n  off<Evt extends EventType>(\n    eType: Evt,\n    query?: EventQuery | EventCallback<EventParamsDefinition[Evt]>,\n    cb?: EventCallback<EventParamsDefinition[Evt]>\n  ): this {\n    const callback = (cb ?? query) as EventCallback<EventParamsDefinition[Evt]>;\n    if (ComposedEventMapper[eType as string]) {\n      if (callback) {\n        this._composedEventMap.get(callback)?.event.unregister();\n        this._composedEventMap.delete(callback);\n      } else {\n        for (const entry of this._composedEventMap.entries()) {\n          if (entry[1].eventType === eType) {\n            this._composedEventMap.get(entry[0])?.event.unregister();\n            this._composedEventMap.delete(entry[0]);\n          }\n        }\n      }\n    } else {\n      if (callback) {\n        const handler: EventHandler<EventParamsDefinition[Evt]> = {\n          callback,\n          query: null,\n          // 卸载事件时无需处理 source 以外的参数\n          filter: {\n            nodeName: null,\n            type: eType,\n            level: null,\n            source: (query as EventQuery).source,\n            markName: null,\n            filter: null,\n            userId: null\n          }\n        };\n        this._eventDispatcher.unregister(eType, handler);\n      } else {\n        this._eventDispatcher.unregister(eType);\n      }\n    }\n    return this;\n  }\n\n  emit<Evt extends EventType>(eType: Evt, params: EventParamsDefinition[Evt]): this {\n    this._eventDispatcher.dispatch(eType, params);\n    return this;\n  }\n\n  release(): void {\n    this._eventDispatcher.release();\n    this._composedEventMap.clear();\n  }\n}\n"]}

package/cjs/event/events/dimension/base.d.ts

@@ -0,0 +1,15 @@
+import type { RenderMode } from '../../../typings/spec/common';
+import type { BaseEventParams, EventHandler, EventParamsDefinition, IComposedEvent, IEventDispatcher } from '../../interface';
+import type { IChart } from '../../../chart/interface';
+import type { IDimensionInfo } from './interface';
+import type { Maybe } from '../../../typings';
+export declare class DimensionEvent implements IComposedEvent {
+    protected _eventDispatcher: IEventDispatcher;
+    protected _mode: RenderMode;
+    protected _callback: (params: BaseEventParams) => void;
+    protected _chart: Maybe<IChart>;
+    constructor(eventDispatcher: IEventDispatcher, mode: RenderMode);
+    register<Evt extends string>(eType: Evt, handler: EventHandler<EventParamsDefinition[Evt]>): void;
+    unregister(): void;
+    protected getTargetDimensionInfo(x: number, y: number): IDimensionInfo[] | null;
+}

package/cjs/event/events/dimension/base.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.DimensionEvent = void 0;
+
+const util_1 = require("./util");
+
+class DimensionEvent {
+    constructor(eventDispatcher, mode) {
+        var _a, _b;
+        this._eventDispatcher = eventDispatcher, this._mode = mode, this._chart = null === (_b = (_a = this._eventDispatcher.globalInstance).getChart) || void 0 === _b ? void 0 : _b.call(_a);
+    }
+    register(eType, handler) {
+        throw new Error("Method not implemented.");
+    }
+    unregister() {
+        throw new Error("Method not implemented.");
+    }
+    getTargetDimensionInfo(x, y) {
+        var _a, _b;
+        const cartesianInfo = null !== (_a = (0, util_1.getCartesianDimensionInfo)(this._chart, {
+            x: x,
+            y: y
+        })) && void 0 !== _a ? _a : [], polarInfo = null !== (_b = (0, util_1.getPolarDimensionInfo)(this._chart, {
+            x: x,
+            y: y
+        })) && void 0 !== _b ? _b : [], result = [].concat(cartesianInfo, polarInfo);
+        return 0 === result.length ? null : result;
+    }
+}
+
+exports.DimensionEvent = DimensionEvent;
+//# sourceMappingURL=base.js.map

package/cjs/event/events/dimension/base.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["event/events/dimension/base.ts"],"names":[],"mappings":";;;AAUA,iCAA0E;AAG1E,MAAa,cAAc;IAQzB,YAAY,eAAiC,EAAE,IAAgB;;QAC7D,IAAI,CAAC,gBAAgB,GAAG,eAAe,CAAC;QACxC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;QAElB,IAAI,CAAC,MAAM,GAAG,MAAA,MAAA,IAAI,CAAC,gBAAgB,CAAC,cAAc,EAAC,QAAQ,kDAAI,CAAC;IAClE,CAAC;IAED,QAAQ,CAAqB,KAAU,EAAE,OAAiD;QACxF,MAAM,IAAI,KAAK,CAAC,yBAAyB,CAAC,CAAC;IAC7C,CAAC;IACD,UAAU;QACR,MAAM,IAAI,KAAK,CAAC,yBAAyB,CAAC,CAAC;IAC7C,CAAC;IAES,sBAAsB,CAAC,CAAS,EAAE,CAAS;;QACnD,MAAM,aAAa,GAAG,MAAA,IAAA,gCAAyB,EAAC,IAAI,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,mCAAI,EAAE,CAAC;QAC7E,MAAM,SAAS,GAAG,MAAA,IAAA,4BAAqB,EAAC,IAAI,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,mCAAI,EAAE,CAAC;QAErE,MAAM,MAAM,GAAG,EAAE,CAAC,MAAM,CAAC,aAAa,EAAE,SAAS,CAAC,CAAC;QACnD,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC,EAAE;YACvB,OAAO,IAAI,CAAC;SACb;QAED,OAAO,MAAM,CAAC;IAChB,CAAC;CACF;AAjCD,wCAiCC","file":"base.js","sourcesContent":["import type { RenderMode } from '../../../typings/spec/common';\nimport type {\n  BaseEventParams,\n  EventHandler,\n  EventParamsDefinition,\n  IComposedEvent,\n  IEventDispatcher\n} from '../../interface';\nimport type { IChart } from '../../../chart/interface';\nimport type { IDimensionInfo } from './interface';\nimport { getCartesianDimensionInfo, getPolarDimensionInfo } from './util';\nimport type { Maybe } from '../../../typings';\n\nexport class DimensionEvent implements IComposedEvent {\n  protected _eventDispatcher: IEventDispatcher;\n  protected _mode: RenderMode;\n\n  protected _callback!: (params: BaseEventParams) => void;\n\n  protected _chart: Maybe<IChart>;\n\n  constructor(eventDispatcher: IEventDispatcher, mode: RenderMode) {\n    this._eventDispatcher = eventDispatcher;\n    this._mode = mode;\n\n    this._chart = this._eventDispatcher.globalInstance.getChart?.();\n  }\n\n  register<Evt extends string>(eType: Evt, handler: EventHandler<EventParamsDefinition[Evt]>): void {\n    throw new Error('Method not implemented.');\n  }\n  unregister(): void {\n    throw new Error('Method not implemented.');\n  }\n\n  protected getTargetDimensionInfo(x: number, y: number): IDimensionInfo[] | null {\n    const cartesianInfo = getCartesianDimensionInfo(this._chart, { x, y }) ?? [];\n    const polarInfo = getPolarDimensionInfo(this._chart, { x, y }) ?? [];\n\n    const result = [].concat(cartesianInfo, polarInfo);\n    if (result.length === 0) {\n      return null;\n    }\n\n    return result;\n  }\n}\n"]}

package/cjs/event/events/dimension/dimension-click.d.ts

@@ -0,0 +1,9 @@
+import type { RenderMode } from '../../../typings/spec/common';
+import type { EventHandler, EventParamsDefinition, EventType, IEventDispatcher } from '../../interface';
+import { DimensionEvent } from './base';
+export declare class DimensionClickEvent extends DimensionEvent {
+    constructor(eventDispatcher: IEventDispatcher, mode: RenderMode);
+    register<Evt extends EventType>(eType: Evt, handler: EventHandler<EventParamsDefinition[Evt]>): void;
+    unregister(): void;
+    private onClick;
+}

package/cjs/event/events/dimension/dimension-click.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.DimensionClickEvent = void 0;
+
+const constant_1 = require("../../../constant"), base_1 = require("./base");
+
+class DimensionClickEvent extends base_1.DimensionEvent {
+    constructor(eventDispatcher, mode) {
+        super(eventDispatcher, mode), this.onClick = this.onClick.bind(this);
+    }
+    register(eType, handler) {
+        this._callback = handler.callback, this._eventDispatcher.register("pointertap", {
+            query: Object.assign(Object.assign({}, handler.query), {
+                source: constant_1.Event_Source_Type.chart
+            }),
+            callback: this.onClick
+        });
+    }
+    unregister() {
+        this._eventDispatcher.unregister("pointertap", {
+            query: null,
+            callback: this.onClick
+        });
+    }
+    onClick(params) {
+        if (!params) return;
+        const x = params.event.viewX, y = params.event.viewY, targetDimensionInfo = this.getTargetDimensionInfo(x, y);
+        targetDimensionInfo && this._callback.call(null, Object.assign(Object.assign({}, params), {
+            action: "click",
+            dimensionInfo: [ ...targetDimensionInfo ]
+        }));
+    }
+}
+
+exports.DimensionClickEvent = DimensionClickEvent;
+//# sourceMappingURL=dimension-click.js.map

package/cjs/event/events/dimension/dimension-click.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["event/events/dimension/dimension-click.ts"],"names":[],"mappings":";;;AAAA,gDAAsD;AAStD,iCAAwC;AAExC,MAAa,mBAAoB,SAAQ,qBAAc;IACrD,YAAY,eAAiC,EAAE,IAAgB;QAC7D,KAAK,CAAC,eAAe,EAAE,IAAI,CAAC,CAAC;QAE7B,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACzC,CAAC;IAED,QAAQ,CAAwB,KAAU,EAAE,OAAiD;QAC3F,IAAI,CAAC,SAAS,GAAG,OAAO,CAAC,QAAQ,CAAC;QAElC,IAAI,CAAC,gBAAgB,CAAC,QAAQ,CAAe,YAAY,EAAE;YACzD,KAAK,kCAAO,OAAO,CAAC,KAAK,KAAE,MAAM,EAAE,4BAAiB,CAAC,KAAK,GAAE;YAC5D,QAAQ,EAAE,IAAI,CAAC,OAAO;SACvB,CAAC,CAAC;IACL,CAAC;IAED,UAAU;QACR,IAAI,CAAC,gBAAgB,CAAC,UAAU,CAAC,YAAY,EAAE;YAC7C,KAAK,EAAE,IAAI;YACX,QAAQ,EAAE,IAAI,CAAC,OAAO;SACvB,CAAC,CAAC;IACL,CAAC;IAEO,OAAO,CAAC,MAAuB;QACrC,IAAI,CAAC,MAAM,EAAE;YACX,OAAO;SACR;QACD,MAAM,CAAC,GAAI,MAAM,CAAC,KAAa,CAAC,KAAK,CAAC;QACtC,MAAM,CAAC,GAAI,MAAM,CAAC,KAAa,CAAC,KAAK,CAAC;QACtC,MAAM,mBAAmB,GAAG,IAAI,CAAC,sBAAsB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;QAC9D,IAAI,CAAC,mBAAmB,EAAE;YACxB,OAAO;SACR;QACD,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,kCACnB,MAAM,KACT,MAAM,EAAE,OAAO,EACf,aAAa,EAAE,CAAC,GAAG,mBAAmB,CAAC,IACvC,CAAC;IACL,CAAC;CACF;AAvCD,kDAuCC","file":"dimension-click.js","sourcesContent":["import { Event_Source_Type } from '../../../constant';\nimport type { RenderMode } from '../../../typings/spec/common';\nimport type {\n  BaseEventParams,\n  EventHandler,\n  EventParamsDefinition,\n  EventType,\n  IEventDispatcher\n} from '../../interface';\nimport { DimensionEvent } from './base';\n\nexport class DimensionClickEvent extends DimensionEvent {\n  constructor(eventDispatcher: IEventDispatcher, mode: RenderMode) {\n    super(eventDispatcher, mode);\n\n    this.onClick = this.onClick.bind(this);\n  }\n\n  register<Evt extends EventType>(eType: Evt, handler: EventHandler<EventParamsDefinition[Evt]>) {\n    this._callback = handler.callback;\n\n    this._eventDispatcher.register<'pointertap'>('pointertap', {\n      query: { ...handler.query, source: Event_Source_Type.chart },\n      callback: this.onClick\n    });\n  }\n\n  unregister() {\n    this._eventDispatcher.unregister('pointertap', {\n      query: null,\n      callback: this.onClick\n    });\n  }\n\n  private onClick(params: BaseEventParams) {\n    if (!params) {\n      return;\n    }\n    const x = (params.event as any).viewX;\n    const y = (params.event as any).viewY;\n    const targetDimensionInfo = this.getTargetDimensionInfo(x, y);\n    if (!targetDimensionInfo) {\n      return;\n    }\n    this._callback.call(null, {\n      ...params,\n      action: 'click',\n      dimensionInfo: [...targetDimensionInfo]\n    });\n  }\n}\n"]}

package/cjs/event/events/dimension/dimension-hover.d.ts

@@ -0,0 +1,10 @@
+import type { RenderMode } from '../../../typings/spec/common';
+import type { EventHandler, EventParamsDefinition, EventType, IEventDispatcher } from '../../interface';
+import { DimensionEvent } from './base';
+export declare class DimensionHoverEvent extends DimensionEvent {
+    private _cacheDimensionInfo;
+    constructor(eventDispatcher: IEventDispatcher, mode: RenderMode);
+    register<Evt extends EventType>(eType: Evt, handler: EventHandler<EventParamsDefinition[Evt]>): void;
+    unregister(): void;
+    private onMouseMove;
+}

package/cjs/event/events/dimension/dimension-hover.js

@@ -0,0 +1,53 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.DimensionHoverEvent = void 0;
+
+const util_1 = require("../../../util"), base_1 = require("./base"), util_2 = require("./util"), constant_1 = require("../../../constant");
+
+class DimensionHoverEvent extends base_1.DimensionEvent {
+    constructor(eventDispatcher, mode) {
+        super(eventDispatcher, mode), this._cacheDimensionInfo = null, this.onMouseMove = this.onMouseMove.bind(this);
+    }
+    register(eType, handler) {
+        this._callback = handler.callback, this._eventDispatcher.register("pointermove", {
+            query: Object.assign(Object.assign({}, handler.query), {
+                source: constant_1.Event_Source_Type.chart
+            }),
+            callback: this.onMouseMove
+        }), (0, util_1.isMobileLikeMode)(this._mode) && this._eventDispatcher.register("pointerdown", {
+            query: Object.assign(Object.assign({}, handler.query), {
+                source: constant_1.Event_Source_Type.chart
+            }),
+            callback: this.onMouseMove
+        });
+    }
+    unregister() {
+        this._eventDispatcher.unregister("pointermove", {
+            query: null,
+            callback: this.onMouseMove
+        }), (0, util_1.isMobileLikeMode)(this._mode) && this._eventDispatcher.unregister("pointerdown", {
+            query: null,
+            callback: this.onMouseMove
+        });
+    }
+    onMouseMove(params) {
+        if (!params) return;
+        const x = params.event.viewX, y = params.event.viewY, targetDimensionInfo = this.getTargetDimensionInfo(x, y);
+        null === targetDimensionInfo && null !== this._cacheDimensionInfo ? (this._callback.call(null, Object.assign(Object.assign({}, params), {
+            action: "leave",
+            dimensionInfo: [ ...this._cacheDimensionInfo ]
+        })), this._cacheDimensionInfo = targetDimensionInfo) : null === targetDimensionInfo || null !== this._cacheDimensionInfo && targetDimensionInfo.length === this._cacheDimensionInfo.length && !targetDimensionInfo.some(((info, i) => !(0, 
+        util_2.isSameDimensionInfo)(info, this._cacheDimensionInfo[i]))) ? null !== targetDimensionInfo && this._callback.call(null, Object.assign(Object.assign({}, params), {
+            action: "move",
+            dimensionInfo: [ ...targetDimensionInfo ]
+        })) : (this._callback.call(null, Object.assign(Object.assign({}, params), {
+            action: "enter",
+            dimensionInfo: [ ...targetDimensionInfo ]
+        })), this._cacheDimensionInfo = targetDimensionInfo);
+    }
+}
+
+exports.DimensionHoverEvent = DimensionHoverEvent;
+//# sourceMappingURL=dimension-hover.js.map

package/cjs/event/events/dimension/dimension-hover.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["event/events/dimension/dimension-hover.ts"],"names":[],"mappings":";;;AAAA,wCAAiD;AASjD,iCAAwC;AACxC,iCAA6C;AAC7C,gDAAsD;AAGtD,MAAa,mBAAoB,SAAQ,qBAAc;IAGrD,YAAY,eAAiC,EAAE,IAAgB;QAC7D,KAAK,CAAC,eAAe,EAAE,IAAI,CAAC,CAAC;QAHvB,wBAAmB,GAA4B,IAAI,CAAC;QAI1D,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACjD,CAAC;IAED,QAAQ,CAAwB,KAAU,EAAE,OAAiD;QAC3F,IAAI,CAAC,SAAS,GAAG,OAAO,CAAC,QAAQ,CAAC;QAElC,IAAI,CAAC,gBAAgB,CAAC,QAAQ,CAAgB,aAAa,EAAE;YAC3D,KAAK,kCAAO,OAAO,CAAC,KAAK,KAAE,MAAM,EAAE,4BAAiB,CAAC,KAAK,GAAE;YAC5D,QAAQ,EAAE,IAAI,CAAC,WAAW;SAC3B,CAAC,CAAC;QAEH,IAAI,IAAA,uBAAgB,EAAC,IAAI,CAAC,KAAK,CAAC,EAAE;YAEhC,IAAI,CAAC,gBAAgB,CAAC,QAAQ,CAAgB,aAAa,EAAE;gBAC3D,KAAK,kCAAO,OAAO,CAAC,KAAK,KAAE,MAAM,EAAE,4BAAiB,CAAC,KAAK,GAAE;gBAC5D,QAAQ,EAAE,IAAI,CAAC,WAAW;aAC3B,CAAC,CAAC;SACJ;IACH,CAAC;IAED,UAAU;QACR,IAAI,CAAC,gBAAgB,CAAC,UAAU,CAAC,aAAa,EAAE;YAC9C,KAAK,EAAE,IAAI;YACX,QAAQ,EAAE,IAAI,CAAC,WAAW;SAC3B,CAAC,CAAC;QAEH,IAAI,IAAA,uBAAgB,EAAC,IAAI,CAAC,KAAK,CAAC,EAAE;YAEhC,IAAI,CAAC,gBAAgB,CAAC,UAAU,CAAC,aAAa,EAAE;gBAC9C,KAAK,EAAE,IAAI;gBACX,QAAQ,EAAE,IAAI,CAAC,WAAW;aAC3B,CAAC,CAAC;SACJ;IACH,CAAC;IAEO,WAAW,CAAC,MAAuB;QACzC,IAAI,CAAC,MAAM,EAAE;YACX,OAAO;SACR;QACD,MAAM,CAAC,GAAI,MAAM,CAAC,KAAa,CAAC,KAAK,CAAC;QACtC,MAAM,CAAC,GAAI,MAAM,CAAC,KAAa,CAAC,KAAK,CAAC;QACtC,MAAM,mBAAmB,GAAG,IAAI,CAAC,sBAAsB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;QAC9D,IAAI,mBAAmB,KAAK,IAAI,IAAI,IAAI,CAAC,mBAAmB,KAAK,IAAI,EAAE;YAErE,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,kCACnB,MAAM,KACT,MAAM,EAAE,OAAO,EACf,aAAa,EAAE,CAAC,GAAG,IAAI,CAAC,mBAAmB,CAAC,IAC5C,CAAC;YACH,IAAI,CAAC,mBAAmB,GAAG,mBAAmB,CAAC;SAChD;aAAM,IACL,mBAAmB,KAAK,IAAI;YAC5B,CAAC,IAAI,CAAC,mBAAmB,KAAK,IAAI;gBAChC,mBAAmB,CAAC,MAAM,KAAK,IAAI,CAAC,mBAAmB,CAAC,MAAM;gBAC9D,mBAAmB,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,IAAA,0BAAmB,EAAC,IAAI,EAAE,IAAI,CAAC,mBAAoB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAClG;YAEA,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,kCACnB,MAAM,KACT,MAAM,EAAE,OAAO,EACf,aAAa,EAAE,CAAC,GAAG,mBAAmB,CAAC,IACvC,CAAC;YACH,IAAI,CAAC,mBAAmB,GAAG,mBAAmB,CAAC;SAChD;aAAM,IAAI,mBAAmB,KAAK,IAAI,EAAE;YAEvC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,kCACnB,MAAM,KACT,MAAM,EAAE,MAAM,EACd,aAAa,EAAE,CAAC,GAAG,mBAAmB,CAAC,IACvC,CAAC;SACJ;IACH,CAAC;CACF;AA7ED,kDA6EC","file":"dimension-hover.js","sourcesContent":["import { isMobileLikeMode } from '../../../util';\nimport type { RenderMode } from '../../../typings/spec/common';\nimport type {\n  BaseEventParams,\n  EventHandler,\n  EventParamsDefinition,\n  EventType,\n  IEventDispatcher\n} from '../../interface';\nimport { DimensionEvent } from './base';\nimport { isSameDimensionInfo } from './util';\nimport { Event_Source_Type } from '../../../constant';\nimport type { IDimensionInfo } from './interface';\n\nexport class DimensionHoverEvent extends DimensionEvent {\n  private _cacheDimensionInfo: IDimensionInfo[] | null = null;\n\n  constructor(eventDispatcher: IEventDispatcher, mode: RenderMode) {\n    super(eventDispatcher, mode);\n    this.onMouseMove = this.onMouseMove.bind(this);\n  }\n\n  register<Evt extends EventType>(eType: Evt, handler: EventHandler<EventParamsDefinition[Evt]>) {\n    this._callback = handler.callback;\n\n    this._eventDispatcher.register<'pointermove'>('pointermove', {\n      query: { ...handler.query, source: Event_Source_Type.chart },\n      callback: this.onMouseMove\n    });\n\n    if (isMobileLikeMode(this._mode)) {\n      // 移动端点按也出发 hover\n      this._eventDispatcher.register<'pointerdown'>('pointerdown', {\n        query: { ...handler.query, source: Event_Source_Type.chart },\n        callback: this.onMouseMove\n      });\n    }\n  }\n\n  unregister() {\n    this._eventDispatcher.unregister('pointermove', {\n      query: null,\n      callback: this.onMouseMove\n    });\n\n    if (isMobileLikeMode(this._mode)) {\n      // 移动端点按也出发 hover\n      this._eventDispatcher.unregister('pointerdown', {\n        query: null,\n        callback: this.onMouseMove\n      });\n    }\n  }\n\n  private onMouseMove(params: BaseEventParams) {\n    if (!params) {\n      return;\n    }\n    const x = (params.event as any).viewX;\n    const y = (params.event as any).viewY;\n    const targetDimensionInfo = this.getTargetDimensionInfo(x, y);\n    if (targetDimensionInfo === null && this._cacheDimensionInfo !== null) {\n      // 鼠标移出某维度\n      this._callback.call(null, {\n        ...params,\n        action: 'leave',\n        dimensionInfo: [...this._cacheDimensionInfo]\n      });\n      this._cacheDimensionInfo = targetDimensionInfo;\n    } else if (\n      targetDimensionInfo !== null &&\n      (this._cacheDimensionInfo === null ||\n        targetDimensionInfo.length !== this._cacheDimensionInfo.length ||\n        targetDimensionInfo.some((info, i) => !isSameDimensionInfo(info, this._cacheDimensionInfo![i])))\n    ) {\n      // 鼠标移入某维度\n      this._callback.call(null, {\n        ...params,\n        action: 'enter',\n        dimensionInfo: [...targetDimensionInfo]\n      });\n      this._cacheDimensionInfo = targetDimensionInfo;\n    } else if (targetDimensionInfo !== null) {\n      // 鼠标在某维度上滑动\n      this._callback.call(null, {\n        ...params,\n        action: 'move',\n        dimensionInfo: [...targetDimensionInfo]\n      });\n    }\n  }\n}\n"]}

package/cjs/event/events/dimension/index.d.ts

@@ -0,0 +1,3 @@
+export * from './dimension-click';
+export * from './dimension-hover';
+export * from './interface';

package/cjs/event/events/dimension/index.js

@@ -0,0 +1,22 @@
+"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("./dimension-click"), exports), __exportStar(require("./dimension-hover"), exports), 
+__exportStar(require("./interface"), exports);
+//# sourceMappingURL=index.js.map

package/cjs/event/events/dimension/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["event/events/dimension/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,oDAAkC;AAClC,oDAAkC;AAClC,8CAA4B","file":"index.js","sourcesContent":["export * from './dimension-click';\nexport * from './dimension-hover';\nexport * from './interface';\n"]}

package/cjs/event/events/dimension/interface.d.ts

@@ -0,0 +1,22 @@
+import type { BaseEventParams } from '../../interface';
+import type { ISeries } from '../../../series/interface';
+import type { Datum } from '../../../typings';
+import type { AxisComponent } from '../../../component/axis/base-axis';
+export declare enum DimensionEventEnum {
+    dimensionHover = "dimensionHover",
+    dimensionClick = "dimensionClick"
+}
+export interface IDimensionInfo {
+    index?: number;
+    value: string;
+    axis?: AxisComponent;
+    data: IDimensionData[];
+}
+export interface IDimensionData {
+    datum: Datum[];
+    series: ISeries;
+}
+export type DimensionEventParams = BaseEventParams & {
+    action: 'enter' | 'leave' | 'move' | 'click';
+    dimensionInfo: IDimensionInfo[];
+};

package/cjs/event/events/dimension/interface.js

@@ -0,0 +1,10 @@
+"use strict";
+
+var DimensionEventEnum;
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.DimensionEventEnum = void 0, function(DimensionEventEnum) {
+    DimensionEventEnum.dimensionHover = "dimensionHover", DimensionEventEnum.dimensionClick = "dimensionClick";
+}(DimensionEventEnum = exports.DimensionEventEnum || (exports.DimensionEventEnum = {}));
+//# sourceMappingURL=interface.js.map

package/cjs/event/events/dimension/interface.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["event/events/dimension/interface.ts"],"names":[],"mappings":";;;AAKA,IAAY,kBAGX;AAHD,WAAY,kBAAkB;IAC5B,uDAAiC,CAAA;IACjC,uDAAiC,CAAA;AACnC,CAAC,EAHW,kBAAkB,GAAlB,0BAAkB,KAAlB,0BAAkB,QAG7B","file":"interface.js","sourcesContent":["import type { BaseEventParams } from '../../interface';\nimport type { ISeries } from '../../../series/interface';\nimport type { Datum } from '../../../typings';\nimport type { AxisComponent } from '../../../component/axis/base-axis';\n\nexport enum DimensionEventEnum {\n  dimensionHover = 'dimensionHover',\n  dimensionClick = 'dimensionClick'\n}\n\nexport interface IDimensionInfo {\n  /** 维度项索引 */\n  index?: number;\n  /** 维度项标题 */\n  value: string;\n  /** 维度项所在轴 */\n  axis?: AxisComponent;\n  /** 维度项对应数据 */\n  data: IDimensionData[];\n}\n\nexport interface IDimensionData {\n  datum: Datum[];\n  series: ISeries;\n}\n\nexport type DimensionEventParams = BaseEventParams & {\n  action: 'enter' | 'leave' | 'move' | 'click';\n  dimensionInfo: IDimensionInfo[];\n};\n"]}

package/cjs/event/events/dimension/util/cartesian.d.ts

@@ -0,0 +1,4 @@
+import type { IChart } from '../../../../chart/interface';
+import type { ILayoutPoint } from '../../../../model/interface';
+import type { IDimensionInfo } from '../interface';
+export declare const getCartesianDimensionInfo: (chart: IChart | undefined, pos: ILayoutPoint) => IDimensionInfo[] | null;