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

package/cjs/event/interface.d.ts

@@ -0,0 +1,153 @@
+import type { IGraphic } from '@visactor/vrender';
+import type { IElement } from '@visactor/vgrammar';
+import type { IChart } from '../chart/interface';
+import type { IModel } from '../model/interface';
+import type { IMark, MarkType } from '../mark/interface';
+import type { VChart } from '../core/vchart';
+import type { DimensionEventParams } from './events/dimension/interface';
+import type { Datum, IPoint, StringOrNumber } from '../typings';
+import type { ChartEvent, Event_Bubble_Level, Event_Source_Type, VGRAMMAR_HOOK_EVENT } from '../constant';
+import type { SeriesType } from '../series/interface';
+import type { TooltipEventParams } from '../component/tooltip/interface/event';
+export type EventType = 'pointerdown' | 'pointerup' | 'pointerupoutside' | 'pointertap' | 'pointerover' | 'pointermove' | 'pointerenter' | 'pointerleave' | 'pointerout' | 'mousedown' | 'mouseup' | 'mouseupoutside' | 'rightdown' | 'rightup' | 'rightupoutside' | 'click' | 'dblclick' | 'mousemove' | 'mouseover' | 'mouseout' | 'mouseenter' | 'mouseleave' | 'wheel' | 'touchstart' | 'touchend' | 'touchendoutside' | 'touchmove' | 'touchcancel' | 'tap' | 'dragstart' | 'drag' | 'dragenter' | 'dragleave' | 'dragover' | 'dragend' | 'drop' | 'pan' | 'panstart' | 'panend' | 'press' | 'pressup' | 'pressend' | 'pinch' | 'pinchstart' | 'pinchend' | 'swipe' | keyof typeof ChartEvent | keyof typeof VGRAMMAR_HOOK_EVENT | string;
+export type EventBubbleLevel = keyof typeof Event_Bubble_Level;
+export type ComponentType = 'axis' | 'dataZoom' | 'indicator' | 'legend' | 'mapLabel' | 'markLine' | 'tooltip' | 'title' | 'label';
+export type EventTargetType = MarkType | ComponentType | SeriesType;
+export type EventSourceType = keyof typeof Event_Source_Type;
+export type EventQuery = {
+    level?: EventBubbleLevel;
+    source?: EventSourceType;
+    nodeName?: string;
+    markName?: string;
+    type?: EventTargetType;
+    id?: StringOrNumber;
+    filter?: (params: Partial<BaseEventParams>) => boolean;
+    throttle?: number;
+    debounce?: number;
+    consume?: boolean;
+};
+export type EventParams = {
+    event?: SuperEvent;
+    value?: any;
+    mark?: IMark;
+    model?: IModel;
+    chart?: IChart;
+    datum?: Datum;
+    node?: IGraphic;
+};
+type SuperEvent = Event & {
+    [key: string]: any;
+};
+export type BaseEventParams = EventParams & {
+    event: SuperEvent;
+    item: IElement;
+    datum: Datum;
+    source: EventSourceType;
+    itemMap: Map<string, any>;
+};
+export type EventCallback<Params extends EventParams> = (params: Params) => boolean | void;
+export type EventFilter = {
+    source: EventSourceType;
+    level: EventBubbleLevel;
+    type: string | null;
+    markName: string | null;
+    nodeName: string | null;
+    userId: StringOrNumber | null;
+    filter: (params: Partial<BaseEventParams>) => boolean | null;
+};
+export type EventHandler<Params extends EventParams> = {
+    callback: EventCallback<Params>;
+    query: EventQuery | null;
+    wrappedCallback?: EventCallback<Params>;
+    filter?: EventFilter;
+};
+export type ExtendEventParam = EventParams & {
+    event?: Event;
+    item?: any;
+    datum?: Datum;
+    source?: EventSourceType;
+    itemMap?: Map<string, any>;
+};
+export type PanEventParam = ExtendEventParam & {
+    delta: [number, number];
+};
+export type ZoomEventParam = ExtendEventParam & {
+    scale: number;
+    scaleCenter: IPoint;
+};
+export type EventParamsDefinition = {
+    pointerdown: BaseEventParams;
+    pointerup: BaseEventParams;
+    pointerupoutside: BaseEventParams;
+    pointertap: BaseEventParams;
+    pointerover: BaseEventParams;
+    pointermove: BaseEventParams;
+    pointerenter: BaseEventParams;
+    pointerleave: BaseEventParams;
+    pointerout: BaseEventParams;
+    mousedown: BaseEventParams;
+    mouseup: BaseEventParams;
+    mouseupoutside: BaseEventParams;
+    rightdown: BaseEventParams;
+    rightup: BaseEventParams;
+    rightupoutside: BaseEventParams;
+    click: BaseEventParams;
+    dblclick: BaseEventParams;
+    mousemove: BaseEventParams;
+    mouseover: BaseEventParams;
+    mouseout: BaseEventParams;
+    mouseenter: BaseEventParams;
+    mouseleave: BaseEventParams;
+    wheel: BaseEventParams;
+    touchstart: BaseEventParams;
+    touchend: BaseEventParams;
+    touchendoutside: BaseEventParams;
+    touchmove: BaseEventParams;
+    touchcancel: BaseEventParams;
+    dragstart: BaseEventParams;
+    drag: BaseEventParams;
+    dragenter: BaseEventParams;
+    dragleave: BaseEventParams;
+    dragover: BaseEventParams;
+    dragend: BaseEventParams;
+    drop: BaseEventParams;
+    tap: BaseEventParams;
+    pan: BaseEventParams;
+    panstart: BaseEventParams;
+    panend: BaseEventParams;
+    press: BaseEventParams;
+    pressup: BaseEventParams;
+    pressend: BaseEventParams;
+    pinch: BaseEventParams;
+    pinchstart: BaseEventParams;
+    pinchend: BaseEventParams;
+    swipe: BaseEventParams;
+    dimension: DimensionEventParams;
+    tooltipShow: TooltipEventParams;
+    tooltipHide: TooltipEventParams;
+    tooltipRelease: TooltipEventParams;
+    [key: string]: ExtendEventParam;
+};
+export interface IEventDispatcher {
+    globalInstance: VChart;
+    register: <Evt extends EventType>(eType: Evt, handler: EventHandler<EventParamsDefinition[Evt]>) => this;
+    unregister: <Evt extends EventType>(eType: Evt, handler?: EventHandler<EventParamsDefinition[Evt]>) => this;
+    dispatch: <Evt extends EventType>(eType: Evt, params?: EventParamsDefinition[Evt], level?: EventBubbleLevel) => this;
+    release: () => void;
+}
+export interface IEvent {
+    on: (<Evt extends EventType>(eType: Evt, callback: EventCallback<EventParamsDefinition[Evt]>) => this) & (<Evt extends EventType>(eType: Evt, query: EventQuery, callback: EventCallback<EventParamsDefinition[Evt]>) => this);
+    off: (<Evt extends EventType>(eType: Evt, callback?: EventCallback<EventParamsDefinition[Evt]>) => this) & (<Evt extends EventType>(eType: Evt, query: EventQuery, callback: EventCallback<EventParamsDefinition[Evt]>) => this);
+    emit: <Evt extends EventType>(eType: Evt, params: EventParamsDefinition[Evt], level?: EventBubbleLevel) => void;
+    release: () => void;
+    getComposedEventMap: () => Map<EventCallback<EventParams>, {
+        eventType: EventType;
+        event: IComposedEvent;
+    }>;
+}
+export interface IComposedEvent {
+    register: <Evt extends EventType>(eType: Evt, handler: EventHandler<EventParamsDefinition[Evt]>) => void;
+    unregister: () => void;
+    dispatch: (v: unknown, opt: unknown) => unknown;
+}
+export {};

package/cjs/event/interface.js

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

package/cjs/event/interface.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/event/interface.ts"],"names":[],"mappings":"","file":"interface.js","sourcesContent":["import type { IGraphic } from '@visactor/vrender';\nimport type { IElement } from '@visactor/vgrammar';\nimport type { IChart } from '../chart/interface';\nimport type { IModel } from '../model/interface';\nimport type { IMark, MarkType } from '../mark/interface';\nimport type { VChart } from '../core/vchart';\nimport type { DimensionEventParams } from './events/dimension/interface';\nimport type { Datum, IPoint, StringOrNumber } from '../typings';\nimport type { ChartEvent, Event_Bubble_Level, Event_Source_Type, VGRAMMAR_HOOK_EVENT } from '../constant';\nimport type { SeriesType } from '../series/interface';\nimport type { TooltipEventParams } from '../component/tooltip/interface/event';\n\nexport type EventType =\n  | 'pointerdown'\n  | 'pointerup'\n  | 'pointerupoutside'\n  | 'pointertap'\n  | 'pointerover'\n  | 'pointermove'\n  | 'pointerenter'\n  | 'pointerleave'\n  | 'pointerout'\n  | 'mousedown'\n  | 'mouseup'\n  | 'mouseupoutside'\n  | 'rightdown'\n  | 'rightup'\n  | 'rightupoutside'\n  | 'click'\n  | 'dblclick'\n  | 'mousemove'\n  | 'mouseover'\n  | 'mouseout'\n  | 'mouseenter'\n  | 'mouseleave'\n  | 'wheel'\n  | 'touchstart'\n  | 'touchend'\n  | 'touchendoutside'\n  | 'touchmove'\n  | 'touchcancel'\n  | 'tap'\n  | 'dragstart'\n  | 'drag'\n  | 'dragenter'\n  | 'dragleave'\n  | 'dragover'\n  | 'dragend'\n  | 'drop'\n  | 'pan'\n  | 'panstart'\n  | 'panend'\n  | 'press'\n  | 'pressup'\n  | 'pressend'\n  | 'pinch'\n  | 'pinchstart'\n  | 'pinchend'\n  | 'swipe'\n  | keyof typeof ChartEvent\n  | keyof typeof VGRAMMAR_HOOK_EVENT\n  | string;\n\nexport type EventBubbleLevel = keyof typeof Event_Bubble_Level;\n\nexport type ComponentType =\n  | 'axis'\n  | 'dataZoom'\n  | 'indicator'\n  | 'legend'\n  | 'mapLabel'\n  | 'markLine'\n  | 'tooltip'\n  | 'title'\n  | 'label';\nexport type EventTargetType = MarkType | ComponentType | SeriesType;\n\nexport type EventSourceType = keyof typeof Event_Source_Type;\n\n/**\n * 事件 API 中的事件筛选配置\n */\nexport type EventQuery = {\n  /**\n   * 事件的冒泡层级配置，其中 model 指的是图表的内部模型，包括 region、series 以及 component\n   */\n  level?: EventBubbleLevel;\n  /**\n   * 事件来源配置。\n   * - `window`: window 事件\n   * - `chart`: 图表事件\n   */\n  source?: EventSourceType;\n\n  /**\n   * vrender 图形节点名称\n   */\n  nodeName?: string;\n  /**\n   * mark 图元名称\n   */\n  markName?: string;\n  /**\n   * 仅在 level 为 'mark' 或者 'model' 的场景下使用，用于筛选 mark 类型或者图表组成元素模型类型\n   */\n  type?: EventTargetType;\n  /**\n   * 用户在 spec 上配置的 id\n   */\n  id?: StringOrNumber;\n  /**\n   * 自定义过滤函数\n   * @param params\n   * @returns\n   */\n  filter?: (params: Partial<BaseEventParams>) => boolean;\n\n  throttle?: number;\n  debounce?: number;\n  /**\n   * 是否阻止冒泡\n   */\n  consume?: boolean;\n};\n\nexport type EventParams = {\n  /**\n   * 事件对象\n   */\n  event?: SuperEvent;\n  /**\n   * 供不同的事件用于存储期望携带的数据\n   */\n  value?: any;\n  /**\n   * 事件来源的 mark\n   */\n  mark?: IMark;\n  /**\n   * 事件来源的 model\n   */\n  model?: IModel;\n  /**\n   * 事件来源的 chart\n   */\n  chart?: IChart;\n  /**\n   * 事件拾取到的图元的数据\n   */\n  datum?: Datum;\n  /**\n   * 拾取到的图形节点\n   */\n  node?: IGraphic;\n};\n\ntype SuperEvent = Event & {\n  [key: string]: any;\n};\n\nexport type BaseEventParams = EventParams & {\n  /**\n   * 事件对象\n   */\n  event: SuperEvent;\n  item: IElement;\n  datum: Datum;\n  source: EventSourceType;\n  itemMap: Map<string, any>;\n};\n\nexport type EventCallback<Params extends EventParams> = (params: Params) => boolean | void;\n\n/**\n * 内部事件分发中所应用的事件筛选配置\n */\nexport type EventFilter = {\n  source: EventSourceType;\n  level: EventBubbleLevel;\n  type: string | null;\n  markName: string | null;\n  nodeName: string | null;\n  userId: StringOrNumber | null;\n  filter: (params: Partial<BaseEventParams>) => boolean | null;\n};\n\nexport type EventHandler<Params extends EventParams> = {\n  callback: EventCallback<Params>;\n  query: EventQuery | null;\n  // 如果有 debounce/throttle 配置则需要封装原始回调函数\n  wrappedCallback?: EventCallback<Params>;\n  // 转换后的事件筛选配置\n  filter?: EventFilter;\n};\n\nexport type ExtendEventParam = EventParams & {\n  event?: Event;\n  item?: any;\n  datum?: Datum;\n  source?: EventSourceType;\n  itemMap?: Map<string, any>;\n};\n\nexport type PanEventParam = ExtendEventParam & {\n  // x/y方向上的偏移值\n  delta: [number, number];\n};\n\nexport type ZoomEventParam = ExtendEventParam & {\n  // 缩放值\n  scale: number;\n  // 缩放中心\n  scaleCenter: IPoint;\n};\n\nexport type EventParamsDefinition = {\n  // 基础事件回调参数\n  pointerdown: BaseEventParams;\n  pointerup: BaseEventParams;\n  pointerupoutside: BaseEventParams;\n  pointertap: BaseEventParams;\n  pointerover: BaseEventParams;\n  pointermove: BaseEventParams;\n  pointerenter: BaseEventParams;\n  pointerleave: BaseEventParams;\n  pointerout: BaseEventParams;\n  mousedown: BaseEventParams;\n  mouseup: BaseEventParams;\n  mouseupoutside: BaseEventParams;\n  rightdown: BaseEventParams;\n  rightup: BaseEventParams;\n  rightupoutside: BaseEventParams;\n  click: BaseEventParams;\n  dblclick: BaseEventParams;\n  mousemove: BaseEventParams;\n  mouseover: BaseEventParams;\n  mouseout: BaseEventParams;\n  mouseenter: BaseEventParams;\n  mouseleave: BaseEventParams;\n  wheel: BaseEventParams;\n  touchstart: BaseEventParams;\n  touchend: BaseEventParams;\n  touchendoutside: BaseEventParams;\n  touchmove: BaseEventParams;\n  touchcancel: BaseEventParams;\n\n  dragstart: BaseEventParams;\n  drag: BaseEventParams;\n  dragenter: BaseEventParams;\n  dragleave: BaseEventParams;\n  dragover: BaseEventParams;\n  dragend: BaseEventParams;\n  drop: BaseEventParams;\n\n  tap: BaseEventParams;\n  pan: BaseEventParams;\n  panstart: BaseEventParams;\n  panend: BaseEventParams;\n  press: BaseEventParams;\n  pressup: BaseEventParams;\n  pressend: BaseEventParams;\n  pinch: BaseEventParams;\n  pinchstart: BaseEventParams;\n  pinchend: BaseEventParams;\n  swipe: BaseEventParams;\n\n  // VChart 内置的扩展组合事件\n  dimension: DimensionEventParams;\n  tooltipShow: TooltipEventParams;\n  tooltipHide: TooltipEventParams;\n  tooltipRelease: TooltipEventParams;\n\n  // 扩展事件参数\n  [key: string]: ExtendEventParam;\n};\n\nexport interface IEventDispatcher {\n  globalInstance: VChart;\n  register: <Evt extends EventType>(eType: Evt, handler: EventHandler<EventParamsDefinition[Evt]>) => this;\n  unregister: <Evt extends EventType>(eType: Evt, handler?: EventHandler<EventParamsDefinition[Evt]>) => this;\n  dispatch: <Evt extends EventType>(eType: Evt, params?: EventParamsDefinition[Evt], level?: EventBubbleLevel) => this;\n  release: () => void;\n}\n\nexport interface IEvent {\n  on: (<Evt extends EventType>(eType: Evt, callback: EventCallback<EventParamsDefinition[Evt]>) => this) &\n    (<Evt extends EventType>(\n      eType: Evt,\n      query: EventQuery,\n      callback: EventCallback<EventParamsDefinition[Evt]>\n    ) => this);\n  off: (<Evt extends EventType>(eType: Evt, callback?: EventCallback<EventParamsDefinition[Evt]>) => this) &\n    (<Evt extends EventType>(\n      eType: Evt,\n      query: EventQuery,\n      callback: EventCallback<EventParamsDefinition[Evt]>\n    ) => this);\n  emit: <Evt extends EventType>(eType: Evt, params: EventParamsDefinition[Evt], level?: EventBubbleLevel) => void;\n  release: () => void;\n\n  getComposedEventMap: () => Map<EventCallback<EventParams>, { eventType: EventType; event: IComposedEvent }>;\n}\n\nexport interface IComposedEvent {\n  register: <Evt extends EventType>(eType: Evt, handler: EventHandler<EventParamsDefinition[Evt]>) => void;\n  unregister: () => void;\n  dispatch: (v: unknown, opt: unknown) => unknown;\n}\n"]}

package/cjs/index.d.ts

@@ -0,0 +1,10 @@
+import { VChart } from './vchart-all';
+export default VChart;
+export * from './core';
+export * from './chart';
+export * from './series';
+export * from './mark';
+export * from './component';
+export * from './layout';
+export * from './typings/spec/index';
+export { ThemeManager } from './theme/index';

package/cjs/index.js

@@ -0,0 +1,36 @@
+"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
+}), exports.ThemeManager = void 0;
+
+const vchart_all_1 = require("./vchart-all");
+
+exports.default = vchart_all_1.VChart, __exportStar(require("./core"), exports), 
+__exportStar(require("./chart"), exports), __exportStar(require("./series"), exports), 
+__exportStar(require("./mark"), exports), __exportStar(require("./component"), exports), 
+__exportStar(require("./layout"), exports), __exportStar(require("./typings/spec/index"), exports);
+
+var index_1 = require("./theme/index");
+
+Object.defineProperty(exports, "ThemeManager", {
+    enumerable: !0,
+    get: function() {
+        return index_1.ThemeManager;
+    }
+});

package/cjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,6CAAsC;AACtC,kBAAe,mBAAM,CAAC;AAEtB,yCAAuB;AAGvB,0CAAwB;AACxB,2CAAyB;AACzB,yCAAuB;AACvB,8CAA4B;AAC5B,2CAAyB;AAIzB,uDAAqC;AAGrC,uCAA6C;AAApC,qGAAA,YAAY,OAAA","file":"index.js","sourcesContent":["import { VChart } from './vchart-all';\nexport default VChart;\n\nexport * from './core';\n\n// chart\nexport * from './chart';\nexport * from './series';\nexport * from './mark';\nexport * from './component';\nexport * from './layout';\n/**\n * spec\n */\nexport * from './typings/spec/index';\n\n// theme\nexport { ThemeManager } from './theme/index';\n"]}

package/cjs/interaction/config.d.ts

@@ -0,0 +1,57 @@
+export declare const defaultInteractionConfig: {
+    "desktop-miniApp": {
+        hover: {
+            enable: boolean;
+            trigger: string;
+            triggerOff: string[];
+        };
+        select: {
+            enable: boolean;
+            trigger: string;
+        };
+    };
+    "desktop-browser": {
+        hover: {
+            enable: boolean;
+            trigger: string;
+            triggerOff: string[];
+        };
+        select: {
+            enable: boolean;
+            trigger: string;
+        };
+    };
+    "mobile-browser": {
+        hover: {
+            enable: boolean;
+            trigger: string;
+            triggerOff: string;
+        };
+        select: {
+            enable: boolean;
+            trigger: string;
+        };
+    };
+    miniApp: {
+        hover: {
+            enable: boolean;
+            trigger: string;
+            triggerOff: string;
+        };
+        select: {
+            enable: boolean;
+            trigger: string;
+        };
+    };
+    lynx: {
+        hover: {
+            enable: boolean;
+            trigger: string;
+            triggerOff: string;
+        };
+        select: {
+            enable: boolean;
+            trigger: string;
+        };
+    };
+};

package/cjs/interaction/config.js

@@ -0,0 +1,66 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.defaultInteractionConfig = void 0;
+
+const common_1 = require("../typings/spec/common");
+
+exports.defaultInteractionConfig = {
+    [common_1.RenderModeEnum["desktop-miniApp"]]: {
+        hover: {
+            enable: !0,
+            trigger: "pointermove",
+            triggerOff: [ "pointermove", "pointerleave" ]
+        },
+        select: {
+            enable: !0,
+            trigger: "pointertap"
+        }
+    },
+    [common_1.RenderModeEnum["desktop-browser"]]: {
+        hover: {
+            enable: !0,
+            trigger: "pointermove",
+            triggerOff: [ "pointermove", "pointerleave" ]
+        },
+        select: {
+            enable: !0,
+            trigger: "pointertap"
+        }
+    },
+    [common_1.RenderModeEnum["mobile-browser"]]: {
+        hover: {
+            enable: !0,
+            trigger: "pointerover",
+            triggerOff: "pointerout"
+        },
+        select: {
+            enable: !0,
+            trigger: "tap"
+        }
+    },
+    [common_1.RenderModeEnum.miniApp]: {
+        hover: {
+            enable: !0,
+            trigger: "pointerover",
+            triggerOff: "pointerout"
+        },
+        select: {
+            enable: !0,
+            trigger: "tap"
+        }
+    },
+    [common_1.RenderModeEnum.lynx]: {
+        hover: {
+            enable: !0,
+            trigger: "pointerover",
+            triggerOff: "pointerout"
+        },
+        select: {
+            enable: !0,
+            trigger: "tap"
+        }
+    }
+};
+//# sourceMappingURL=config.js.map

package/cjs/interaction/config.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/interaction/config.ts"],"names":[],"mappings":";;;AAAA,mDAAwD;AAE3C,QAAA,wBAAwB,GAAG;IACtC,CAAC,uBAAc,CAAC,iBAAiB,CAAC,CAAC,EAAE;QACnC,KAAK,EAAE;YACL,MAAM,EAAE,IAAI;YACZ,OAAO,EAAE,aAAa;YACtB,UAAU,EAAE,CAAC,aAAa,EAAE,cAAc,CAAC;SAC5C;QACD,MAAM,EAAE;YACN,MAAM,EAAE,IAAI;YACZ,OAAO,EAAE,YAAY;SACtB;KACF;IACD,CAAC,uBAAc,CAAC,iBAAiB,CAAC,CAAC,EAAE;QACnC,KAAK,EAAE;YACL,MAAM,EAAE,IAAI;YACZ,OAAO,EAAE,aAAa;YACtB,UAAU,EAAE,CAAC,aAAa,EAAE,cAAc,CAAC;SAC5C;QACD,MAAM,EAAE;YACN,MAAM,EAAE,IAAI;YACZ,OAAO,EAAE,YAAY;SACtB;KACF;IACD,CAAC,uBAAc,CAAC,gBAAgB,CAAC,CAAC,EAAE;QAClC,KAAK,EAAE;YACL,MAAM,EAAE,IAAI;YACZ,OAAO,EAAE,aAAa;YACtB,UAAU,EAAE,YAAY;SACzB;QACD,MAAM,EAAE;YACN,MAAM,EAAE,IAAI;YACZ,OAAO,EAAE,KAAK;SACf;KACF;IACD,CAAC,uBAAc,CAAC,OAAO,CAAC,EAAE;QACxB,KAAK,EAAE;YACL,MAAM,EAAE,IAAI;YACZ,OAAO,EAAE,aAAa;YACtB,UAAU,EAAE,YAAY;SACzB;QACD,MAAM,EAAE;YACN,MAAM,EAAE,IAAI;YACZ,OAAO,EAAE,KAAK;SACf;KACF;IACD,CAAC,uBAAc,CAAC,IAAI,CAAC,EAAE;QACrB,KAAK,EAAE;YACL,MAAM,EAAE,IAAI;YACZ,OAAO,EAAE,aAAa;YACtB,UAAU,EAAE,YAAY;SACzB;QACD,MAAM,EAAE;YACN,MAAM,EAAE,IAAI;YACZ,OAAO,EAAE,KAAK;SACf;KACF;CACF,CAAC","file":"config.js","sourcesContent":["import { RenderModeEnum } from '../typings/spec/common';\n\nexport const defaultInteractionConfig = {\n  [RenderModeEnum['desktop-miniApp']]: {\n    hover: {\n      enable: true,\n      trigger: 'pointermove',\n      triggerOff: ['pointermove', 'pointerleave']\n    },\n    select: {\n      enable: true,\n      trigger: 'pointertap'\n    }\n  },\n  [RenderModeEnum['desktop-browser']]: {\n    hover: {\n      enable: true,\n      trigger: 'pointermove',\n      triggerOff: ['pointermove', 'pointerleave']\n    },\n    select: {\n      enable: true,\n      trigger: 'pointertap'\n    }\n  },\n  [RenderModeEnum['mobile-browser']]: {\n    hover: {\n      enable: true,\n      trigger: 'pointerover',\n      triggerOff: 'pointerout'\n    },\n    select: {\n      enable: true,\n      trigger: 'tap'\n    }\n  },\n  [RenderModeEnum.miniApp]: {\n    hover: {\n      enable: true,\n      trigger: 'pointerover',\n      triggerOff: 'pointerout'\n    },\n    select: {\n      enable: true,\n      trigger: 'tap'\n    }\n  },\n  [RenderModeEnum.lynx]: {\n    hover: {\n      enable: true,\n      trigger: 'pointerover',\n      triggerOff: 'pointerout'\n    },\n    select: {\n      enable: true,\n      trigger: 'tap'\n    }\n  }\n};\n"]}

package/cjs/interaction/dimension-trigger.d.ts

@@ -0,0 +1,32 @@
+import type { IElement } from '@visactor/vgrammar';
+import type { DimensionEventParams } from '../event/events/dimension/interface';
+import type { IMark } from '../mark/interface';
+import type { IEvent } from '../event/interface';
+import type { IHoverSpec, IInteraction, ISelectSpec, ITrigger, ITriggerOption } from './interface';
+import { MarkSet } from '../mark/mark-set';
+export declare class DimensionTrigger implements ITrigger {
+    readonly event: IEvent;
+    protected readonly interaction: IInteraction;
+    protected _option: ITriggerOption;
+    protected _marks: MarkSet;
+    protected _markReverse: MarkSet;
+    protected _lastDimensionEvent: DimensionEventParams;
+    private _hover;
+    get hover(): IHoverSpec;
+    private _select;
+    get select(): ISelectSpec;
+    constructor(option: ITriggerOption);
+    setStateKeys(fields: string[]): void;
+    registerMark(mark: IMark): void;
+    init(): void;
+    release(): void;
+    protected initEvent(): void;
+    protected releaseEvent(): void;
+    private initConfig;
+    protected getEventElement(params: DimensionEventParams, reverse?: boolean): {
+        el: IElement;
+        mark: IMark;
+    }[];
+    protected dimensionDataEqual(params: DimensionEventParams): boolean;
+    private onHover;
+}

package/cjs/interaction/dimension-trigger.js

@@ -0,0 +1,96 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.DimensionTrigger = void 0;
+
+const vutils_1 = require("@visactor/vutils"), interface_1 = require("../event/events/dimension/interface"), mark_set_1 = require("../mark/mark-set"), interface_2 = require("../compile/mark/interface");
+
+class DimensionTrigger {
+    get hover() {
+        return this._hover;
+    }
+    get select() {
+        return this._select;
+    }
+    constructor(option) {
+        this._marks = new mark_set_1.MarkSet, this._markReverse = new mark_set_1.MarkSet, 
+        this._lastDimensionEvent = null, this.onHover = params => {
+            const elements = this.getEventElement(params);
+            switch (params.action) {
+              case "enter":
+                this.interaction.getEventElement(interface_2.STATE_VALUE_ENUM.STATE_DIMENSION_HOVER).forEach((e => {
+                    this.interaction.addEventElement(interface_2.STATE_VALUE_ENUM.STATE_DIMENSION_HOVER_REVERSE, e);
+                })), this.interaction.clearEventElement(interface_2.STATE_VALUE_ENUM.STATE_DIMENSION_HOVER, !1), 
+                elements.forEach((({el: el, mark: mark}) => {
+                    this.interaction.addEventElement(interface_2.STATE_VALUE_ENUM.STATE_DIMENSION_HOVER, el);
+                })), this.interaction.reverseEventElement(interface_2.STATE_VALUE_ENUM.STATE_DIMENSION_HOVER);
+                break;
+
+              case "leave":
+                this.interaction.clearEventElement(interface_2.STATE_VALUE_ENUM.STATE_DIMENSION_HOVER, !0), 
+                params = null;
+            }
+            this._lastDimensionEvent = params;
+        }, this._option = option, this.event = this._option.model.getOption().getChart().getEvent(), 
+        this.interaction = option.interaction, this.initConfig(option.mode);
+    }
+    setStateKeys(fields) {}
+    registerMark(mark) {
+        (0, vutils_1.isEmpty)(mark.stateStyle[interface_2.STATE_VALUE_ENUM.STATE_DIMENSION_HOVER]) || this._marks.addMark(mark), 
+        (0, vutils_1.isEmpty)(mark.stateStyle[interface_2.STATE_VALUE_ENUM.STATE_DIMENSION_HOVER_REVERSE]) || this._markReverse.addMark(mark);
+    }
+    init() {
+        this.initEvent();
+    }
+    release() {
+        this.releaseEvent();
+    }
+    initEvent() {
+        this.event.on(interface_1.DimensionEventEnum.dimensionHover, this.onHover);
+    }
+    releaseEvent() {
+        this.event.release();
+    }
+    initConfig(mode) {}
+    getEventElement(params, reverse = !1) {
+        const items = [];
+        return params.dimensionInfo.forEach((df => {
+            df.data.forEach((dd => {
+                (reverse ? this._markReverse : this._marks).getMarks().filter((m => m.model === dd.series && m.getVisible())).forEach((m => {
+                    const elements = m.getProduct().elements.filter((e => {
+                        const datum = e.getDatum();
+                        let c;
+                        return c = (0, vutils_1.isArray)(datum) ? datum.every(((oneData, i) => oneData === dd.datum[i])) : dd.datum.some((dd_d => dd_d === datum)), 
+                        reverse ? !c : c;
+                    })).map((el => ({
+                        el: el,
+                        mark: m
+                    })));
+                    items.push(...elements);
+                }));
+            }));
+        })), items;
+    }
+    dimensionDataEqual(params) {
+        if (this._lastDimensionEvent === params) return !0;
+        if (!this._lastDimensionEvent || !params) return !1;
+        if (this._lastDimensionEvent.dimensionInfo.length !== params.dimensionInfo.length) return !1;
+        for (let i = 0; i < this._lastDimensionEvent.dimensionInfo.length; i++) {
+            const last = this._lastDimensionEvent.dimensionInfo[i], current = params.dimensionInfo[i];
+            if (last.value !== current.value) return !1;
+            if (last.axis !== current.axis) return !1;
+            if (last.data.length !== current.data.length) return !1;
+            for (let j = 0; j < last.data.length; j++) {
+                const lastData = last.data[j], currentData = current.data[j];
+                if (lastData.series !== currentData.series) return !1;
+                if (lastData.datum.length !== currentData.datum.length) return !1;
+                for (let k = 0; k < lastData.datum.length; k++) if (lastData.datum[k] !== currentData.datum[k]) return !1;
+            }
+        }
+        return !0;
+    }
+}
+
+exports.DimensionTrigger = DimensionTrigger;
+//# sourceMappingURL=dimension-trigger.js.map

package/cjs/interaction/dimension-trigger.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/interaction/dimension-trigger.ts"],"names":[],"mappings":"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","file":"dimension-trigger.js","sourcesContent":["import { isEmpty, isArray } from '@visactor/vutils';\nimport type { IElement } from '@visactor/vgrammar';\nimport type { DimensionEventParams } from '../event/events/dimension/interface';\n// eslint-disable-next-line no-duplicate-imports\nimport { DimensionEventEnum } from '../event/events/dimension/interface';\nimport { Event } from '../event/event';\n\nimport type { IMark } from '../mark/interface';\nimport type { EventCallback, EventParams, IEvent } from '../event/interface';\nimport type { IHoverSpec, IInteraction, ISelectSpec, ITrigger, ITriggerOption } from './interface';\nimport type { RenderMode } from '../typings/spec';\nimport { MarkSet } from '../mark/mark-set';\nimport { STATE_VALUE_ENUM } from '../compile/mark/interface';\n\nexport class DimensionTrigger implements ITrigger {\n  // 事件\n  readonly event: IEvent;\n\n  protected readonly interaction: IInteraction;\n\n  protected _option: ITriggerOption;\n  protected _marks: MarkSet = new MarkSet();\n  protected _markReverse: MarkSet = new MarkSet();\n\n  protected _lastDimensionEvent: DimensionEventParams = null;\n\n  private _hover: IHoverSpec;\n  get hover() {\n    return this._hover;\n  }\n  private _select: ISelectSpec;\n  get select() {\n    return this._select;\n  }\n\n  constructor(option: ITriggerOption) {\n    this._option = option;\n    this.event = this._option.model.getOption().getChart().getEvent(); //  new Event(option.eventDispatcher, option.mode);\n    this.interaction = option.interaction;\n    this.initConfig(option.mode);\n  }\n\n  setStateKeys(fields: string[]): void {\n    // do nothing\n  }\n\n  registerMark(mark: IMark): void {\n    // do nothing\n    if (!isEmpty(mark.stateStyle[STATE_VALUE_ENUM.STATE_DIMENSION_HOVER])) {\n      this._marks.addMark(mark);\n    }\n    if (!isEmpty(mark.stateStyle[STATE_VALUE_ENUM.STATE_DIMENSION_HOVER_REVERSE])) {\n      this._markReverse.addMark(mark);\n    }\n  }\n\n  init(): void {\n    this.initEvent();\n  }\n\n  release(): void {\n    this.releaseEvent();\n  }\n\n  // event\n  protected initEvent() {\n    const event = this.event;\n    event.on(DimensionEventEnum.dimensionHover, this.onHover as EventCallback<EventParams>);\n  }\n\n  protected releaseEvent(): void {\n    this.event.release();\n  }\n\n  private initConfig(mode: RenderMode): void {\n    // do nothing\n  }\n\n  protected getEventElement(params: DimensionEventParams, reverse: boolean = false): { el: IElement; mark: IMark }[] {\n    // items 修改遍历方法从 mark\n\n    const items: { el: IElement; mark: IMark }[] = [] as unknown as { el: IElement; mark: IMark }[];\n    params.dimensionInfo.forEach(df => {\n      df.data.forEach(dd => {\n        const seriesMark = (reverse ? this._markReverse : this._marks)\n          .getMarks()\n          .filter(m => m.model === dd.series && m.getVisible());\n        seriesMark.forEach(m => {\n          const elements = m\n            .getProduct()\n            .elements.filter(e => {\n              const datum = e.getDatum();\n              let c;\n              if (isArray(datum)) {\n                c = datum.every((oneData, i) => oneData === dd.datum[i]);\n              } else {\n                c = dd.datum.some(dd_d => dd_d === datum);\n              }\n              return reverse ? !c : c;\n            })\n            .map(el => {\n              return {\n                el,\n                mark: m\n              };\n            });\n          items.push(...elements);\n        });\n      });\n    });\n    return items;\n  }\n\n  protected dimensionDataEqual(params: DimensionEventParams) {\n    if (this._lastDimensionEvent === params) {\n      return true;\n    }\n    if (!this._lastDimensionEvent || !params) {\n      return false;\n    }\n    if (this._lastDimensionEvent.dimensionInfo.length !== params.dimensionInfo.length) {\n      return false;\n    }\n    for (let i = 0; i < this._lastDimensionEvent.dimensionInfo.length; i++) {\n      const last = this._lastDimensionEvent.dimensionInfo[i];\n      const current = params.dimensionInfo[i];\n      if (last.value !== current.value) {\n        return false;\n      }\n      if (last.axis !== current.axis) {\n        return false;\n      }\n      if (last.data.length !== current.data.length) {\n        return false;\n      }\n      for (let j = 0; j < last.data.length; j++) {\n        const lastData = last.data[j];\n        const currentData = current.data[j];\n        if (lastData.series !== currentData.series) {\n          return false;\n        }\n        if (lastData.datum.length !== currentData.datum.length) {\n          return false;\n        }\n        for (let k = 0; k < lastData.datum.length; k++) {\n          if (lastData.datum[k] !== currentData.datum[k]) {\n            return false;\n          }\n        }\n      }\n    }\n    return true;\n  }\n\n  private onHover = (params: DimensionEventParams) => {\n    const elements = this.getEventElement(params);\n    switch (params.action) {\n      case 'enter':\n        // clear last hover\n        // eslint-disable-next-line no-case-declarations\n        const lastHover = this.interaction.getEventElement(STATE_VALUE_ENUM.STATE_DIMENSION_HOVER);\n        lastHover.forEach(e => {\n          this.interaction.addEventElement(STATE_VALUE_ENUM.STATE_DIMENSION_HOVER_REVERSE, e);\n        });\n        this.interaction.clearEventElement(STATE_VALUE_ENUM.STATE_DIMENSION_HOVER, false);\n        // add new\n        elements.forEach(({ el, mark }) => {\n          this.interaction.addEventElement(STATE_VALUE_ENUM.STATE_DIMENSION_HOVER, el);\n        });\n        this.interaction.reverseEventElement(STATE_VALUE_ENUM.STATE_DIMENSION_HOVER);\n        break;\n      case 'leave':\n        // clear all\n        this.interaction.clearEventElement(STATE_VALUE_ENUM.STATE_DIMENSION_HOVER, true);\n        params = null;\n        break;\n      case 'click':\n      case 'move':\n      default:\n        break;\n    }\n    this._lastDimensionEvent = params;\n  };\n}\n"]}

package/cjs/interaction/drill/drillable.d.ts

@@ -0,0 +1,28 @@
+import type { DataSet, DataView } from '@visactor/vdataset';
+import type { IEvent } from '../../event/interface';
+import type { RenderMode } from '../../typings/spec';
+interface DrillParams {
+    event: IEvent;
+    mode: RenderMode;
+    drillField: () => string;
+    getRawData: () => DataView;
+}
+export interface IDrillable {
+    initDrillable: (params: DrillParams) => void;
+    initDrillableData: (dataSet: DataSet) => void;
+    bindDrillEvent: () => void;
+    drillUp: () => void;
+    drillDown: (drillPath: string[]) => string[];
+}
+export declare class Drillable implements IDrillable {
+    private _drillParams;
+    private _drillInfo;
+    private _getTriggerEvent;
+    private _hideTooltip;
+    initDrillable(params: DrillParams): void;
+    initDrillableData(dataSet: DataSet): void;
+    bindDrillEvent(): void;
+    drillDown(drillPath?: string[]): string[];
+    drillUp(): string[];
+}
+export {};

package/cjs/interaction/drill/drillable.js

@@ -0,0 +1,80 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.Drillable = void 0;
+
+const vutils_1 = require("@visactor/vutils"), drill_1 = require("../../data/transforms/drill"), drill_2 = require("../../data/transforms/drill"), config_1 = require("../../component/common/trigger/config"), util_1 = require("../../util"), constant_1 = require("../../constant"), register_1 = require("../../data/register"), interface_1 = require("../../component/interface");
+
+class Drillable {
+    _getTriggerEvent(type) {
+        var _a;
+        const {mode: mode} = this._drillParams;
+        return null === (_a = config_1.defaultTriggerEvent[mode]) || void 0 === _a ? void 0 : _a[type];
+    }
+    _hideTooltip() {
+        const tooltip = this.getChart().getAllComponents().find((c => c.type === interface_1.ComponentTypeEnum.tooltip));
+        tooltip && tooltip.hideTooltip();
+    }
+    initDrillable(params) {
+        this._drillParams = params;
+    }
+    initDrillableData(dataSet) {
+        const {getRawData: getRawData} = this._drillParams;
+        (0, register_1.registerDataSetInstanceTransform)(dataSet, "drillFilter", drill_1.drillFilter), 
+        getRawData().transform({
+            type: "drillFilter",
+            options: {
+                info: () => this._drillInfo,
+                keyField: () => this._drillParams.drillField()
+            }
+        });
+    }
+    bindDrillEvent() {
+        const {event: event, getRawData: getRawData, drillField: drillField} = this._drillParams, keyField = drillField();
+        this._getTriggerEvent("start") && event.on(this._getTriggerEvent("start"), (e => {
+            var _a, _b, _c;
+            if ((0, vutils_1.isNil)(e.datum) || (0, vutils_1.isNil)(null === (_a = e.datum) || void 0 === _a ? void 0 : _a[keyField])) return void this.drillUp();
+            this._hideTooltip();
+            const dataKey = e.datum[keyField], selectPath = null !== (_c = null === (_b = this._drillInfo) || void 0 === _b ? void 0 : _b.path) && void 0 !== _c ? _c : [], clickedPath = (0, 
+            util_1.findHierarchyPath)(getRawData().rawData, dataKey, keyField, "children");
+            selectPath[selectPath.length - 1] === clickedPath[clickedPath.length - 1] ? this.drillUp() : this.drillDown(clickedPath);
+        }));
+    }
+    drillDown(drillPath = []) {
+        const {getRawData: getRawData, event: event} = this._drillParams;
+        if (!(0, vutils_1.isArray)(drillPath) || (0, vutils_1.isEmpty)(drillPath)) return drillPath;
+        const dataKey = drillPath[drillPath.length - 1];
+        return this._drillInfo = {
+            key: dataKey,
+            path: drillPath,
+            type: drill_2.DrillEnum.DrillDown
+        }, getRawData().reRunAllTransform(), event.emit(constant_1.ChartEvent.drill, {
+            value: {
+                path: drillPath,
+                type: drill_2.DrillEnum.DrillDown
+            },
+            model: this
+        }), drillPath;
+    }
+    drillUp() {
+        var _a, _b;
+        const {getRawData: getRawData, event: event} = this._drillParams, path = null !== (_b = null === (_a = this._drillInfo) || void 0 === _a ? void 0 : _a.path) && void 0 !== _b ? _b : [];
+        if (!(0, vutils_1.isArray)(path) || (0, vutils_1.isEmpty)(path)) return path;
+        const dataKey = path.pop();
+        return this._drillInfo = {
+            key: dataKey,
+            path: path,
+            type: drill_2.DrillEnum.DrillUp
+        }, getRawData().reRunAllTransform(), event.emit(constant_1.ChartEvent.drill, {
+            value: {
+                path: path,
+                type: drill_2.DrillEnum.DrillUp
+            },
+            model: this
+        }), path;
+    }
+}
+
+exports.Drillable = Drillable;
+//# sourceMappingURL=drillable.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/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    if (this._getTriggerEvent('start')) {\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   * 下钻接口\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/cjs/interaction/drill/index.d.ts

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