@visactor/vchart 0.0.1-alpha.0

package/esm/event/interface.d.ts

@@ -0,0 +1,144 @@
+import type { INode } 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';
+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';
+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?: INode;
+};
+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;
+    [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]) => 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]) => void;
+    release: () => void;
+}
+export interface IComposedEvent {
+    register: <Evt extends EventType>(eType: Evt, handler: EventHandler<EventParamsDefinition[Evt]>) => void;
+    unregister: () => void;
+}
+export {};

package/esm/event/interface.js

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

package/esm/event/interface.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["event/interface.ts"],"names":[],"mappings":"","file":"interface.js","sourcesContent":["import type { INode } 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';\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';\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  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?: INode;\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\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]) => 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]) => void;\n  release: () => void;\n}\n\nexport interface IComposedEvent {\n  register: <Evt extends EventType>(eType: Evt, handler: EventHandler<EventParamsDefinition[Evt]>) => void;\n  unregister: () => void;\n}\n"]}

package/esm/index.d.ts

@@ -0,0 +1,30 @@
+import { VChart } from './vchart-all';
+export default VChart;
+export declare const version = "0.0.1-alpha.0";
+export type { IVChart } from './core/interface';
+export * from './event/interface';
+export * from './chart';
+export type { ISeries } from './series/interface';
+export { LineSeries } from './series/line/line';
+export { BarSeries } from './series/bar/bar';
+export { AreaSeries } from './series/area/area';
+export { ScatterSeries } from './series/scatter/scatter';
+export { PieSeries } from './series/pie/pie';
+export { RadarSeries } from './series/radar/radar';
+export { RoseSeries } from './series/rose/rose';
+export { DotSeries } from './series/dot/dot';
+export { LinkSeries } from './series/link/link';
+export { CircularProgressSeries } from './series/progress/circular';
+export { LinearProgressSeries } from './series/progress/linear';
+export { FunnelSeries } from './series/funnel/funnel';
+export { RangeColumnSeries } from './series/range-column/rangeColumn';
+export { RangeAreaSeries } from './series/range-area/range-area';
+export { SankeySeries } from './series/sankey/sankey';
+export { HeatmapSeries } from './series/heatmap/heatmap';
+export * from './component/axis/cartesian/index';
+export * from './component/axis/polar/index';
+export * from './component/map-label/index';
+export * from './layout/index';
+export * from './layout/grid-layout/grid-layout';
+export * from './typings/spec/index';
+export { ThemeManager } from './theme/index';

package/esm/index.js

@@ -0,0 +1,55 @@
+import { VChart } from "./vchart-all";
+
+export default VChart;
+
+export const version = "0.0.1-alpha.0";
+
+export * from "./event/interface";
+
+export * from "./chart";
+
+export { LineSeries } from "./series/line/line";
+
+export { BarSeries } from "./series/bar/bar";
+
+export { AreaSeries } from "./series/area/area";
+
+export { ScatterSeries } from "./series/scatter/scatter";
+
+export { PieSeries } from "./series/pie/pie";
+
+export { RadarSeries } from "./series/radar/radar";
+
+export { RoseSeries } from "./series/rose/rose";
+
+export { DotSeries } from "./series/dot/dot";
+
+export { LinkSeries } from "./series/link/link";
+
+export { CircularProgressSeries } from "./series/progress/circular";
+
+export { LinearProgressSeries } from "./series/progress/linear";
+
+export { FunnelSeries } from "./series/funnel/funnel";
+
+export { RangeColumnSeries } from "./series/range-column/rangeColumn";
+
+export { RangeAreaSeries } from "./series/range-area/range-area";
+
+export { SankeySeries } from "./series/sankey/sankey";
+
+export { HeatmapSeries } from "./series/heatmap/heatmap";
+
+export * from "./component/axis/cartesian/index";
+
+export * from "./component/axis/polar/index";
+
+export * from "./component/map-label/index";
+
+export * from "./layout/index";
+
+export * from "./layout/grid-layout/grid-layout";
+
+export * from "./typings/spec/index";
+
+export { ThemeManager } from "./theme/index";

package/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AACtC,eAAe,MAAM,CAAC;AAEtB,MAAM,CAAC,MAAM,OAAO,GAAG,eAAe,CAAC;AAGvC,cAAc,mBAAmB,CAAC;AAKlC,cAAc,SAAS,CAAC;AAMxB,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AACpE,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AACjE,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAMzD,cAAc,kCAAkC,CAAC;AAEjD,cAAc,8BAA8B,CAAC;AAE7C,cAAc,6BAA6B,CAAC;AAK5C,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kCAAkC,CAAC;AAKjD,cAAc,sBAAsB,CAAC;AAGrC,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC","file":"index.js","sourcesContent":["import { VChart } from './vchart-all';\nexport default VChart;\n// 导出版本号\nexport const version = \"0.0.1-alpha.0\";\n\nexport type { IVChart } from './core/interface';\nexport * from './event/interface';\n\n/*\n * chart\n */\nexport * from './chart';\n\n/*\n * series\n */\nexport type { ISeries } from './series/interface';\nexport { LineSeries } from './series/line/line';\nexport { BarSeries } from './series/bar/bar';\nexport { AreaSeries } from './series/area/area';\nexport { ScatterSeries } from './series/scatter/scatter';\nexport { PieSeries } from './series/pie/pie';\nexport { RadarSeries } from './series/radar/radar';\nexport { RoseSeries } from './series/rose/rose';\nexport { DotSeries } from './series/dot/dot';\nexport { LinkSeries } from './series/link/link';\nexport { CircularProgressSeries } from './series/progress/circular';\nexport { LinearProgressSeries } from './series/progress/linear';\nexport { FunnelSeries } from './series/funnel/funnel';\nexport { RangeColumnSeries } from './series/range-column/rangeColumn';\nexport { RangeAreaSeries } from './series/range-area/range-area';\nexport { SankeySeries } from './series/sankey/sankey';\nexport { HeatmapSeries } from './series/heatmap/heatmap';\n\n/*\n * component\n */\n// cartesian\nexport * from './component/axis/cartesian/index';\n// polar\nexport * from './component/axis/polar/index';\n// map label\nexport * from './component/map-label/index';\n\n/**\n * layout\n */\nexport * from './layout/index';\nexport * from './layout/grid-layout/grid-layout';\n\n/**\n * spec\n */\nexport * from './typings/spec/index';\n\n// theme\nexport { ThemeManager } from './theme/index';\n\n// const\n// export * from './const/index';\n"]}

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

@@ -0,0 +1,60 @@
+import { RenderModeEnum } from "../typings/spec/common";
+
+export const defaultInteractionConfig = {
+    [RenderModeEnum["desktop-miniApp"]]: {
+        hover: {
+            enable: !0,
+            trigger: "pointermove",
+            triggerOff: [ "pointermove", "pointerleave" ]
+        },
+        select: {
+            enable: !0,
+            trigger: "pointertap"
+        }
+    },
+    [RenderModeEnum["desktop-browser"]]: {
+        hover: {
+            enable: !0,
+            trigger: "pointermove",
+            triggerOff: [ "pointermove", "pointerleave" ]
+        },
+        select: {
+            enable: !0,
+            trigger: "pointertap"
+        }
+    },
+    [RenderModeEnum["mobile-browser"]]: {
+        hover: {
+            enable: !0,
+            trigger: "pointerover",
+            triggerOff: "pointerout"
+        },
+        select: {
+            enable: !0,
+            trigger: "tap"
+        }
+    },
+    [RenderModeEnum.miniApp]: {
+        hover: {
+            enable: !0,
+            trigger: "pointerover",
+            triggerOff: "pointerout"
+        },
+        select: {
+            enable: !0,
+            trigger: "tap"
+        }
+    },
+    [RenderModeEnum.lynx]: {
+        hover: {
+            enable: !0,
+            trigger: "pointerover",
+            triggerOff: "pointerout"
+        },
+        select: {
+            enable: !0,
+            trigger: "tap"
+        }
+    }
+};
+//# sourceMappingURL=config.js.map

package/esm/interaction/config.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["interaction/config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD,MAAM,CAAC,MAAM,wBAAwB,GAAG;IACtC,CAAC,cAAc,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,cAAc,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,cAAc,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,cAAc,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,cAAc,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/esm/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/esm/interaction/dimension-trigger.js

@@ -0,0 +1,96 @@
+import { isEmpty, isArray } from "@visactor/vutils";
+
+import { DimensionEventEnum } from "../event/events/dimension/interface";
+
+import { Event } from "../event/event";
+
+import { MarkSet } from "../mark/mark-set";
+
+import { STATE_VALUE_ENUM } from "../compile/mark/interface";
+
+export class DimensionTrigger {
+    get hover() {
+        return this._hover;
+    }
+    get select() {
+        return this._select;
+    }
+    constructor(option) {
+        this._marks = new MarkSet, this._markReverse = new MarkSet, this._lastDimensionEvent = null, 
+        this.onHover = params => {
+            const elements = this.getEventElement(params);
+            switch (params.action) {
+              case "enter":
+                this.interaction.getEventElement(STATE_VALUE_ENUM.STATE_DIMENSION_HOVER).forEach((e => {
+                    this.interaction.addEventElement(STATE_VALUE_ENUM.STATE_DIMENSION_HOVER_REVERSE, e);
+                })), this.interaction.clearEventElement(STATE_VALUE_ENUM.STATE_DIMENSION_HOVER, !1), 
+                elements.forEach((({el: el, mark: mark}) => {
+                    this.interaction.addEventElement(STATE_VALUE_ENUM.STATE_DIMENSION_HOVER, el);
+                })), this.interaction.reverseEventElement(STATE_VALUE_ENUM.STATE_DIMENSION_HOVER);
+                break;
+
+              case "leave":
+                this.interaction.clearEventElement(STATE_VALUE_ENUM.STATE_DIMENSION_HOVER, !0), 
+                params = null;
+            }
+            this._lastDimensionEvent = params;
+        }, this._option = option, this.event = new Event(option.eventDispatcher, option.mode), 
+        this.interaction = option.interaction, this.initConfig(option.mode);
+    }
+    setStateKeys(fields) {}
+    registerMark(mark) {
+        isEmpty(mark.stateStyle[STATE_VALUE_ENUM.STATE_DIMENSION_HOVER]) || this._marks.addMark(mark), 
+        isEmpty(mark.stateStyle[STATE_VALUE_ENUM.STATE_DIMENSION_HOVER_REVERSE]) || this._markReverse.addMark(mark);
+    }
+    init() {
+        this.initEvent();
+    }
+    release() {
+        this.releaseEvent();
+    }
+    initEvent() {
+        this.event.on(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)).forEach((m => {
+                    const elements = m.getProduct().elements.filter((e => {
+                        const datum = e.getDatum();
+                        let c;
+                        return c = 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;
+    }
+}
+//# sourceMappingURL=dimension-trigger.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["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 = 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).getMarks().filter(m => m.model === dd.series);\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/esm/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/esm/interaction/drill/drillable.js

@@ -0,0 +1,83 @@
+import { isArray, isEmpty, isNil } from "@visactor/vutils";
+
+import { drillFilter } from "../../data/transforms/drill";
+
+import { DrillEnum } from "../../data/transforms/drill";
+
+import { defaultTriggerEvent } from "../../component/common/trigger/config";
+
+import { findHierarchyPath } from "../../util";
+
+import { ChartEvent } from "../../constant";
+
+import { registerDataSetInstanceTransform } from "../../data/register";
+
+import { ComponentTypeEnum } from "../../component/interface";
+
+export class Drillable {
+    _getTriggerEvent(type) {
+        const {mode: mode} = this._drillParams;
+        return defaultTriggerEvent[mode][type];
+    }
+    _hideTooltip() {
+        const tooltip = this.getChart().getAllComponents().find((c => c.type === ComponentTypeEnum.tooltip));
+        tooltip && tooltip.hideTooltip();
+    }
+    initDrillable(params) {
+        this._drillParams = params;
+    }
+    initDrillableData(dataSet) {
+        const {getRawData: getRawData} = this._drillParams;
+        registerDataSetInstanceTransform(dataSet, "drillFilter", 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();
+        event.on(this._getTriggerEvent("start"), (e => {
+            var _a, _b, _c;
+            if (isNil(e.datum) || 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 = 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 (!isArray(drillPath) || isEmpty(drillPath)) return drillPath;
+        const dataKey = drillPath[drillPath.length - 1];
+        return this._drillInfo = {
+            key: dataKey,
+            path: drillPath,
+            type: DrillEnum.DrillDown
+        }, getRawData().reRunAllTransform(), event.emit(ChartEvent.drill, {
+            value: {
+                path: drillPath,
+                type: 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 (!isArray(path) || isEmpty(path)) return path;
+        const dataKey = path.pop();
+        return this._drillInfo = {
+            key: dataKey,
+            path: path,
+            type: DrillEnum.DrillUp
+        }, getRawData().reRunAllTransform(), event.emit(ChartEvent.drill, {
+            value: {
+                path: path,
+                type: DrillEnum.DrillUp
+            },
+            model: this
+        }), path;
+    }
+}
+//# sourceMappingURL=drillable.js.map