@visactor/vgrammar-core 0.7.7 → 0.8.0

package/cjs/types/component.d.ts

@@ -1,14 +1,14 @@
-import type { IGraphicAttribute, ISymbolGraphicAttribute, ITextAttribute, ITextGraphicAttribute } from '@visactor/vrender';
-import type { AxisBaseAttributes, BaseCrosshairAttrs, BaseLabelAttrs, DataLabelAttrs, DataZoomAttributes, Direction, GridBaseAttributes, LegendBaseAttributes, OrientType, PlayerAttributes, ScrollBarAttributes, SliderAttributes, TitleAttrs, TooltipAttributes, TooltipRowAttrs } from '@visactor/vrender-components';
+import type { IGraphicAttribute, ITextAttribute } from '@visactor/vrender-core';
+import type { AxisBaseAttributes, BaseLabelAttrs, DataLabelAttrs, DataZoomAttributes, Direction, GridBaseAttributes, LegendBaseAttributes, OrientType, PlayerAttributes, ScrollBarAttributes, SliderAttributes, TitleAttrs } from '@visactor/vrender-components';
 import type { AxisEnum, ComponentEnum } from '../graph';
 import type { Nil } from './base';
 import type { IComponent, IData, IGroupMark, IMark, IScale } from './grammar';
-import type { ChannelEncodeType, ComponentSpec, FieldEncodeType, GenerateBasicEncoderSpec, MarkFunctionType, ScaleEncodeType } from './mark';
-import type { IPointLike } from '@visactor/vutils';
-import type { IElement } from './element';
+import type { ChannelEncodeType, ComponentSpec, GenerateBasicEncoderSpec, MarkFunctionType, ScaleEncodeType } from './mark';
 import type { IView } from './view';
+import type { IBaseScale } from '@visactor/vscale';
 export interface IScaleComponent extends IComponent {
     scale: (scale?: IScale | string | Nil) => this;
+    getScale: () => IScale;
 }
 export interface ScaleComponentSpec<BasicEncoderSpec extends GenerateBasicEncoderSpec<IGraphicAttribute> = GenerateBasicEncoderSpec<IGraphicAttribute>> extends ComponentSpec<BasicEncoderSpec> {
     scale?: IScale | string;
@@ -49,32 +49,13 @@ export interface GridSpec extends ScaleComponentSpec<Partial<GridBaseAttributes>
 export type LegendType = 'auto' | 'discrete' | 'color' | 'size';
 export interface ILegend extends IScaleComponent {
     legendType: (legendType: LegendType | Nil) => this;
-    target: (data: IData | string | Nil, filter: string | ((datum: any, legendValues: any) => boolean) | Nil) => this;
     setSelected: (selectedValues: any[]) => this;
+    isContinuousLegend: () => boolean;
 }
 export interface LegendSpec extends ScaleComponentSpec<LegendBaseAttributes> {
     componentType: ComponentEnum.legend;
     legendType?: LegendType;
     shapeScale?: IScale | string;
-    target?: {
-        data: IData | string;
-        filter: string | ((datum: any, legendValues: any[]) => boolean);
-    };
-}
-export type CrosshairType = 'x' | 'y' | 'angle' | 'radius' | 'radius-polygon';
-export type CrosshairShape = 'line' | 'rect';
-export interface ICrosshair extends IScaleComponent {
-    crosshairType: (crosshairType: CrosshairType | Nil) => this;
-    crosshairShape: (crosshairShape: CrosshairShape | Nil) => this;
-}
-export interface CrosshairSpec extends ScaleComponentSpec<BaseCrosshairAttrs> {
-    componentType: ComponentEnum.crosshair;
-    crosshairType?: CrosshairType;
-    crosshairShape?: CrosshairShape;
-    componentConfig?: {
-        radius?: number;
-        center?: IPointLike;
-    };
 }
 export type SliderFilterValue = {
     start: number;
@@ -83,17 +64,12 @@ export type SliderFilterValue = {
 export interface ISlider extends IComponent {
     min: (min: MarkFunctionType<number> | Nil) => this;
     max: (max: MarkFunctionType<number> | Nil) => this;
-    target: (data: IData | string | Nil, filter: string | ((datum: any, value: SliderFilterValue) => boolean) | Nil) => this;
     setStartEndValue: (start?: number, end?: number) => this;
 }
 export interface SliderSpec extends ComponentSpec<Partial<SliderAttributes>> {
     componentType: ComponentEnum.slider;
     min?: MarkFunctionType<number>;
     max?: MarkFunctionType<number>;
-    target?: {
-        data: IData | string;
-        filter: string | ((datum: any, value: SliderFilterValue) => boolean);
-    };
 }
 export type DatazoomFilterValue = {
     start: number;
@@ -103,8 +79,13 @@ export type DatazoomFilterValue = {
 };
 export interface IDatazoom extends IComponent {
     preview: (data: IData | string | Nil, x: ScaleEncodeType | Nil, y: ScaleEncodeType | Nil, x1?: ChannelEncodeType | Nil, y1?: ChannelEncodeType | Nil) => this;
-    target: (data: IData | string | Nil, filter: string | ((datum: any, value: DatazoomFilterValue) => boolean) | Nil) => this;
     setStartEndValue: (start?: number, end?: number) => this;
+    getStartEndValue: () => {
+        start: number;
+        end: number;
+    } | Nil;
+    invertDatazoomRatio: (ratio: number) => any;
+    getDatazoomMainScale: () => IBaseScale;
 }
 export type DataZoomEncoderSpec = GenerateBasicEncoderSpec<Partial<DataZoomAttributes> & {
     x1?: number;
@@ -119,10 +100,6 @@ export interface DatazoomSpec extends ComponentSpec<DataZoomEncoderSpec> {
         x1?: ChannelEncodeType;
         y1?: ChannelEncodeType;
     };
-    target?: {
-        data: IData | string;
-        filter: string | ((datum: any, value: DatazoomFilterValue) => boolean);
-    };
 }
 export interface ILabel extends IComponent {
     labelStyle: (attributes: MarkFunctionType<Partial<BaseLabelAttrs>>) => this;
@@ -145,7 +122,7 @@ export type PlayerFilterValue = {
 };
 export interface IPlayer extends IComponent {
     playerType: (playerType: PlayerType) => this;
-    target: (data: IData | string | Nil, source: IData | string | any[] | Nil) => this;
+    source: (source: IData | string | any[] | Nil) => this;
     play: () => this;
     pause: () => this;
     backward: () => this;
@@ -154,52 +131,7 @@ export interface IPlayer extends IComponent {
 export interface PlayerSpec extends ComponentSpec<Partial<PlayerAttributes>> {
     componentType: ComponentEnum.player;
     playerType?: PlayerType;
-    target?: {
-        data: IData | string;
-        source: IData | string | any[];
-    };
-}
-export type CustomTooltipCallback = (datum: any, element: IElement, parameters: any) => TooltipRowAttrs | TooltipRowAttrs[];
-export interface ITooltipRow {
-    visible?: boolean;
-    key?: MarkFunctionType<string | Partial<ITextGraphicAttribute>> | FieldEncodeType;
-    value?: MarkFunctionType<string | Partial<ITextGraphicAttribute>> | FieldEncodeType;
-    symbol?: MarkFunctionType<string | Partial<ISymbolGraphicAttribute>> | FieldEncodeType;
-}
-export interface IBaseTooltip extends IComponent {
-    title: (title: ITooltipRow | string | CustomTooltipCallback | Nil) => this;
-    content: (content: ITooltipRow | ITooltipRow[] | CustomTooltipCallback | Nil) => this;
-}
-export interface ITooltip extends IBaseTooltip {
-    target: (mark: IMark | IMark[] | string | string[] | Nil) => this;
-}
-export interface BaseTooltipSpec extends ComponentSpec<TooltipAttributes> {
-    title?: ITooltipRow | string | CustomTooltipCallback;
-    content?: ITooltipRow | ITooltipRow[] | CustomTooltipCallback;
-}
-export interface TooltipSpec extends BaseTooltipSpec {
-    componentType: ComponentEnum.tooltip;
-    target?: IMark | IMark[] | string | string[];
-}
-export type TooltipType = 'x' | 'y' | 'angle' | 'radius';
-export interface IDimensionTooltip extends IBaseTooltip {
-    scale: (scale?: IScale | string | Nil) => this;
-    tooltipType: (tooltipType: TooltipType | Nil) => this;
-    target: (data: IData | string | Nil, filter: string | ((datum: any, tooltipValue: any) => boolean) | Nil) => this;
-    avoidMark: (mark: IMark | IMark[] | string | string[] | Nil) => this;
-}
-export interface DimensionTooltipSpec extends BaseTooltipSpec {
-    componentType: ComponentEnum.dimensionTooltip;
-    scale?: IScale | string;
-    tooltipType?: TooltipType;
-    target?: {
-        data: IData | string;
-        filter: string | ((datum: any, tooltipValue: any) => boolean);
-    };
-    avoidMark?: IMark | IMark[] | string | string[];
-    componentConfig?: {
-        center?: IPointLike;
-    };
+    source?: IData | string | any[];
 }
 export interface ITitle extends IComponent {
     title: (text: MarkFunctionType<string | number | number[] | string[]> | Nil) => this;
@@ -217,23 +149,19 @@ export type ScrollbarFilterValue = {
     endRatio: number;
 };
 export interface IScrollbar extends IScaleComponent {
-    target: (data: IData | string | Nil, filter: string | ((datum: any, value: ScrollbarFilterValue) => boolean) | Nil) => this;
     container: (container: IGroupMark | string | Nil) => this;
     direction: (direction: MarkFunctionType<Direction> | Nil) => this;
     position: (position: MarkFunctionType<OrientType> | Nil) => this;
     setScrollStart: (start: number) => this;
+    getScrollRange: () => [number, number] | Nil;
 }
 export interface ScrollbarSpec extends ScaleComponentSpec<Partial<ScrollBarAttributes>> {
     componentType: ComponentEnum.scrollbar;
-    target?: {
-        data: IData | string;
-        filter: string | ((datum: any, value: ScrollbarFilterValue) => boolean);
-    };
     container?: IGroupMark | string;
     direction?: MarkFunctionType<Direction>;
     position?: MarkFunctionType<OrientType>;
 }
-export type BuiltInComponentSpec = AxisSpec | LegendSpec | CrosshairSpec | SliderSpec | DatazoomSpec | LabelSpec | PlayerSpec | TooltipSpec | DimensionTooltipSpec | TitleSpec | ScrollbarSpec;
+export type BuiltInComponentSpec = AxisSpec | LegendSpec | SliderSpec | DatazoomSpec | LabelSpec | PlayerSpec | TitleSpec | ScrollbarSpec;
 export interface IComponentConstructor {
     readonly componentType: string;
     new (view: IView, group?: IGroupMark, mode?: '2d' | '3d'): IComponent;

package/cjs/types/component.js

@@ -3,4 +3,4 @@
 Object.defineProperty(exports, "__esModule", {
     value: !0
 });
-//# sourceMappingURL=component.js.map
+//# sourceMappingURL=component.js.map

package/cjs/types/component.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/types/component.ts"],"names":[],"mappings":"","file":"component.js","sourcesContent":["import type {\n  IGraphicAttribute,\n  ISymbolGraphicAttribute,\n  ITextAttribute,\n  ITextGraphicAttribute\n} from '@visactor/vrender';\nimport type {\n  AxisBaseAttributes,\n  BaseCrosshairAttrs,\n  BaseLabelAttrs,\n  DataLabelAttrs,\n  DataZoomAttributes,\n  Direction,\n  GridBaseAttributes,\n  LegendBaseAttributes,\n  OrientType,\n  PlayerAttributes,\n  ScrollBarAttributes,\n  SliderAttributes,\n  TitleAttrs,\n  TooltipAttributes,\n  TooltipRowAttrs\n} from '@visactor/vrender-components';\nimport type { AxisEnum, ComponentEnum } from '../graph';\nimport type { Nil } from './base';\nimport type { IComponent, IData, IGroupMark, IMark, IScale } from './grammar';\nimport type {\n  ChannelEncodeType,\n  ComponentSpec,\n  FieldEncodeType,\n  GenerateBasicEncoderSpec,\n  MarkFunctionType,\n  ScaleEncodeType\n} from './mark';\nimport type { IPointLike } from '@visactor/vutils';\nimport type { IElement } from './element';\nimport type { IView } from './view';\n\n// scale component\n\nexport interface IScaleComponent extends IComponent {\n  scale: (scale?: IScale | string | Nil) => this;\n}\n\nexport interface ScaleComponentSpec<\n  BasicEncoderSpec extends GenerateBasicEncoderSpec<IGraphicAttribute> = GenerateBasicEncoderSpec<IGraphicAttribute>\n> extends ComponentSpec<BasicEncoderSpec> {\n  scale?: IScale | string;\n}\n\n// axis component\n\nexport type AxisType = 'line' | 'circle';\n\nexport interface IAxis extends IScaleComponent {\n  axisType: (axisType: AxisType | Nil) => this;\n  tickCount: (tickCount: MarkFunctionType<number> | Nil) => this;\n  inside: (inside: MarkFunctionType<boolean> | Nil) => this;\n  baseValue: (baseValue: MarkFunctionType<number> | Nil) => this;\n\n  // internal interface\n  getAxisComponentType: () => keyof typeof AxisEnum;\n}\n\nexport interface AxisSpec extends ScaleComponentSpec<Partial<AxisBaseAttributes>> {\n  componentType: ComponentEnum.axis;\n  axisType?: AxisType;\n  tickCount?: MarkFunctionType<number>;\n  inside?: MarkFunctionType<boolean>;\n  baseValue?: MarkFunctionType<number>;\n}\n\n// grid component\n\nexport type GridShape = 'line' | 'circle' | 'polygon';\n\nexport interface IGrid extends IScaleComponent {\n  gridType: (gridType: AxisType | Nil) => this;\n  gridShape: (gridShape: GridShape | Nil) => this;\n  target: (axis: IAxis | string | Nil) => this;\n  tickCount: (tickCount: MarkFunctionType<number> | Nil) => this;\n  inside: (inside: MarkFunctionType<boolean> | Nil) => this;\n  baseValue: (baseValue: MarkFunctionType<number> | Nil) => this;\n}\n\nexport interface GridSpec extends ScaleComponentSpec<Partial<GridBaseAttributes>> {\n  componentType: ComponentEnum.grid;\n  gridType?: AxisType;\n  gridShape?: GridShape;\n  target?: IAxis | string;\n  tickCount?: MarkFunctionType<number>;\n  inside?: MarkFunctionType<boolean>;\n  baseValue?: MarkFunctionType<number>;\n}\n\n// legend component\n\nexport type LegendType = 'auto' | 'discrete' | 'color' | 'size';\n\nexport interface ILegend extends IScaleComponent {\n  legendType: (legendType: LegendType | Nil) => this;\n  target: (data: IData | string | Nil, filter: string | ((datum: any, legendValues: any) => boolean) | Nil) => this;\n\n  // immediate functions\n  setSelected: (selectedValues: any[]) => this;\n}\n\nexport interface LegendSpec extends ScaleComponentSpec<LegendBaseAttributes> {\n  componentType: ComponentEnum.legend;\n  legendType?: LegendType;\n  shapeScale?: IScale | string;\n  target?: {\n    data: IData | string;\n    filter: string | ((datum: any, legendValues: any[]) => boolean);\n  };\n}\n\n// crosshair component\n\nexport type CrosshairType = 'x' | 'y' | 'angle' | 'radius' | 'radius-polygon';\n\nexport type CrosshairShape = 'line' | 'rect';\n\nexport interface ICrosshair extends IScaleComponent {\n  crosshairType: (crosshairType: CrosshairType | Nil) => this;\n  crosshairShape: (crosshairShape: CrosshairShape | Nil) => this;\n}\n\nexport interface CrosshairSpec extends ScaleComponentSpec<BaseCrosshairAttrs> {\n  componentType: ComponentEnum.crosshair;\n  crosshairType?: CrosshairType;\n  crosshairShape?: CrosshairShape;\n  componentConfig?: { radius?: number; center?: IPointLike };\n}\n\n// slider component\n\nexport type SliderFilterValue = { start: number; end: number };\n\nexport interface ISlider extends IComponent {\n  min: (min: MarkFunctionType<number> | Nil) => this;\n  max: (max: MarkFunctionType<number> | Nil) => this;\n  target: (\n    data: IData | string | Nil,\n    filter: string | ((datum: any, value: SliderFilterValue) => boolean) | Nil\n  ) => this;\n\n  // immediate functions\n  setStartEndValue: (start?: number, end?: number) => this;\n}\n\nexport interface SliderSpec extends ComponentSpec<Partial<SliderAttributes>> {\n  componentType: ComponentEnum.slider;\n  min?: MarkFunctionType<number>;\n  max?: MarkFunctionType<number>;\n  target?: {\n    data: IData | string;\n    filter: string | ((datum: any, value: SliderFilterValue) => boolean);\n  };\n}\n\n// datazoom component\n\nexport type DatazoomFilterValue = { start: number; end: number; startRatio: number; endRatio: number };\n\nexport interface IDatazoom extends IComponent {\n  preview: (\n    data: IData | string | Nil,\n    x: ScaleEncodeType | Nil,\n    y: ScaleEncodeType | Nil,\n    x1?: ChannelEncodeType | Nil,\n    y1?: ChannelEncodeType | Nil\n  ) => this;\n  target: (\n    data: IData | string | Nil,\n    filter: string | ((datum: any, value: DatazoomFilterValue) => boolean) | Nil\n  ) => this;\n\n  // immediate functions\n  setStartEndValue: (start?: number, end?: number) => this;\n}\n\nexport type DataZoomEncoderSpec = GenerateBasicEncoderSpec<Partial<DataZoomAttributes> & { x1?: number; y1?: number }>;\nexport interface DatazoomSpec extends ComponentSpec<DataZoomEncoderSpec> {\n  componentType: ComponentEnum.datazoom;\n  preview?: {\n    data: IData | string;\n    x?: ScaleEncodeType;\n    y?: ScaleEncodeType;\n    x1?: ChannelEncodeType;\n    y1?: ChannelEncodeType;\n  };\n  target?: {\n    data: IData | string;\n    filter: string | ((datum: any, value: DatazoomFilterValue) => boolean);\n  };\n}\n\n// label component\n\nexport interface ILabel extends IComponent {\n  labelStyle: (attributes: MarkFunctionType<Partial<BaseLabelAttrs>>) => this;\n  size: (attributes: MarkFunctionType<DataLabelAttrs['size']>) => this;\n  target: (mark: IMark | IMark[] | string | string[] | Nil) => this;\n}\n\nexport type LabelEncoderSpec = GenerateBasicEncoderSpec<Partial<BaseLabelAttrs> & { text?: ITextAttribute['text'] }>;\nexport interface LabelSpec extends ComponentSpec<LabelEncoderSpec> {\n  componentType: ComponentEnum.label;\n  labelStyle?: MarkFunctionType<Partial<BaseLabelAttrs>>;\n  size?: MarkFunctionType<DataLabelAttrs['size']>;\n  target?: IMark | IMark[] | string | string[];\n}\n\n// player component\n\nexport type PlayerType = 'auto' | 'discrete' | 'continuous';\n\nexport type PlayerFilterValue = { index: number; value: any };\n\nexport interface IPlayer extends IComponent {\n  playerType: (playerType: PlayerType) => this;\n  target: (data: IData | string | Nil, source: IData | string | any[] | Nil) => this;\n\n  // immediate functions\n  play: () => this;\n  pause: () => this;\n  backward: () => this;\n  forward: () => this;\n}\n\nexport interface PlayerSpec extends ComponentSpec<Partial<PlayerAttributes>> {\n  componentType: ComponentEnum.player;\n  playerType?: PlayerType;\n  target?: {\n    data: IData | string;\n    source: IData | string | any[];\n  };\n}\n\n// tooltip component\n\nexport type CustomTooltipCallback = (\n  datum: any,\n  element: IElement,\n  parameters: any\n) => TooltipRowAttrs | TooltipRowAttrs[];\n\nexport interface ITooltipRow {\n  visible?: boolean;\n  key?: MarkFunctionType<string | Partial<ITextGraphicAttribute>> | FieldEncodeType;\n  value?: MarkFunctionType<string | Partial<ITextGraphicAttribute>> | FieldEncodeType;\n  symbol?: MarkFunctionType<string | Partial<ISymbolGraphicAttribute>> | FieldEncodeType;\n}\n\nexport interface IBaseTooltip extends IComponent {\n  title: (title: ITooltipRow | string | CustomTooltipCallback | Nil) => this;\n  content: (content: ITooltipRow | ITooltipRow[] | CustomTooltipCallback | Nil) => this;\n}\n\nexport interface ITooltip extends IBaseTooltip {\n  target: (mark: IMark | IMark[] | string | string[] | Nil) => this;\n}\n\nexport interface BaseTooltipSpec extends ComponentSpec<TooltipAttributes> {\n  title?: ITooltipRow | string | CustomTooltipCallback;\n  content?: ITooltipRow | ITooltipRow[] | CustomTooltipCallback;\n}\n\nexport interface TooltipSpec extends BaseTooltipSpec {\n  componentType: ComponentEnum.tooltip;\n  target?: IMark | IMark[] | string | string[];\n}\n\nexport type TooltipType = 'x' | 'y' | 'angle' | 'radius';\n\nexport interface IDimensionTooltip extends IBaseTooltip {\n  scale: (scale?: IScale | string | Nil) => this;\n  tooltipType: (tooltipType: TooltipType | Nil) => this;\n  target: (data: IData | string | Nil, filter: string | ((datum: any, tooltipValue: any) => boolean) | Nil) => this;\n  avoidMark: (mark: IMark | IMark[] | string | string[] | Nil) => this;\n}\n\nexport interface DimensionTooltipSpec extends BaseTooltipSpec {\n  componentType: ComponentEnum.dimensionTooltip;\n  scale?: IScale | string;\n  tooltipType?: TooltipType;\n  target?: {\n    data: IData | string;\n    filter: string | ((datum: any, tooltipValue: any) => boolean);\n  };\n  avoidMark?: IMark | IMark[] | string | string[];\n  componentConfig?: { center?: IPointLike };\n}\n\n// title component\n\nexport interface ITitle extends IComponent {\n  title: (text: MarkFunctionType<string | number | number[] | string[]> | Nil) => this;\n  subTitle: (text: MarkFunctionType<string | number | number[] | string[]> | Nil) => this;\n}\n\nexport interface TitleSpec extends ComponentSpec<Partial<TitleAttrs>> {\n  componentType: ComponentEnum.title;\n  title?: MarkFunctionType<string | number | number[] | string[]>;\n  subTitle?: MarkFunctionType<string | number | number[] | string[]>;\n}\n\n// scrollbar component\n\nexport type ScrollbarFilterValue = { start?: number; end?: number; startRatio: number; endRatio: number };\n\nexport interface IScrollbar extends IScaleComponent {\n  target: (\n    data: IData | string | Nil,\n    filter: string | ((datum: any, value: ScrollbarFilterValue) => boolean) | Nil\n  ) => this;\n  container: (container: IGroupMark | string | Nil) => this;\n  direction: (direction: MarkFunctionType<Direction> | Nil) => this;\n  position: (position: MarkFunctionType<OrientType> | Nil) => this;\n\n  // immediate functions\n  setScrollStart: (start: number) => this;\n}\n\nexport interface ScrollbarSpec extends ScaleComponentSpec<Partial<ScrollBarAttributes>> {\n  componentType: ComponentEnum.scrollbar;\n  target?: {\n    data: IData | string;\n    filter: string | ((datum: any, value: ScrollbarFilterValue) => boolean);\n  };\n  container?: IGroupMark | string;\n  direction?: MarkFunctionType<Direction>;\n  position?: MarkFunctionType<OrientType>;\n}\n\n// built-in components\n\nexport type BuiltInComponentSpec =\n  | AxisSpec\n  | LegendSpec\n  | CrosshairSpec\n  | SliderSpec\n  | DatazoomSpec\n  | LabelSpec\n  | PlayerSpec\n  | TooltipSpec\n  | DimensionTooltipSpec\n  | TitleSpec\n  | ScrollbarSpec;\n\nexport interface IComponentConstructor {\n  readonly componentType: string;\n\n  new (view: IView, group?: IGroupMark, mode?: '2d' | '3d'): IComponent;\n}\n"]}
+{"version":3,"sources":["../src/types/component.ts"],"names":[],"mappings":"","file":"component.js","sourcesContent":["import type { IGraphicAttribute, ITextAttribute } from '@visactor/vrender-core';\nimport type {\n  AxisBaseAttributes,\n  BaseLabelAttrs,\n  DataLabelAttrs,\n  DataZoomAttributes,\n  Direction,\n  GridBaseAttributes,\n  LegendBaseAttributes,\n  OrientType,\n  PlayerAttributes,\n  ScrollBarAttributes,\n  SliderAttributes,\n  TitleAttrs\n} from '@visactor/vrender-components';\nimport type { AxisEnum, ComponentEnum } from '../graph';\nimport type { Nil } from './base';\nimport type { IComponent, IData, IGroupMark, IMark, IScale } from './grammar';\nimport type {\n  ChannelEncodeType,\n  ComponentSpec,\n  GenerateBasicEncoderSpec,\n  MarkFunctionType,\n  ScaleEncodeType\n} from './mark';\nimport type { IView } from './view';\nimport type { IBaseScale } from '@visactor/vscale';\n\n// scale component\n\nexport interface IScaleComponent extends IComponent {\n  scale: (scale?: IScale | string | Nil) => this;\n\n  // internal interface\n  getScale: () => IScale;\n}\n\nexport interface ScaleComponentSpec<\n  BasicEncoderSpec extends GenerateBasicEncoderSpec<IGraphicAttribute> = GenerateBasicEncoderSpec<IGraphicAttribute>\n> extends ComponentSpec<BasicEncoderSpec> {\n  scale?: IScale | string;\n}\n\n// axis component\n\nexport type AxisType = 'line' | 'circle';\n\nexport interface IAxis extends IScaleComponent {\n  axisType: (axisType: AxisType | Nil) => this;\n  tickCount: (tickCount: MarkFunctionType<number> | Nil) => this;\n  inside: (inside: MarkFunctionType<boolean> | Nil) => this;\n  baseValue: (baseValue: MarkFunctionType<number> | Nil) => this;\n\n  // internal interface\n  getAxisComponentType: () => keyof typeof AxisEnum;\n}\n\nexport interface AxisSpec extends ScaleComponentSpec<Partial<AxisBaseAttributes>> {\n  componentType: ComponentEnum.axis;\n  axisType?: AxisType;\n  tickCount?: MarkFunctionType<number>;\n  inside?: MarkFunctionType<boolean>;\n  baseValue?: MarkFunctionType<number>;\n}\n\n// grid component\n\nexport type GridShape = 'line' | 'circle' | 'polygon';\n\nexport interface IGrid extends IScaleComponent {\n  gridType: (gridType: AxisType | Nil) => this;\n  gridShape: (gridShape: GridShape | Nil) => this;\n  target: (axis: IAxis | string | Nil) => this;\n  tickCount: (tickCount: MarkFunctionType<number> | Nil) => this;\n  inside: (inside: MarkFunctionType<boolean> | Nil) => this;\n  baseValue: (baseValue: MarkFunctionType<number> | Nil) => this;\n}\n\nexport interface GridSpec extends ScaleComponentSpec<Partial<GridBaseAttributes>> {\n  componentType: ComponentEnum.grid;\n  gridType?: AxisType;\n  gridShape?: GridShape;\n  target?: IAxis | string;\n  tickCount?: MarkFunctionType<number>;\n  inside?: MarkFunctionType<boolean>;\n  baseValue?: MarkFunctionType<number>;\n}\n\n// legend component\n\nexport type LegendType = 'auto' | 'discrete' | 'color' | 'size';\n\nexport interface ILegend extends IScaleComponent {\n  legendType: (legendType: LegendType | Nil) => this;\n\n  // immediate functions\n  setSelected: (selectedValues: any[]) => this;\n\n  // internal interface\n  isContinuousLegend: () => boolean;\n}\n\nexport interface LegendSpec extends ScaleComponentSpec<LegendBaseAttributes> {\n  componentType: ComponentEnum.legend;\n  legendType?: LegendType;\n  shapeScale?: IScale | string;\n}\n\n// slider component\n\nexport type SliderFilterValue = { start: number; end: number };\n\nexport interface ISlider extends IComponent {\n  min: (min: MarkFunctionType<number> | Nil) => this;\n  max: (max: MarkFunctionType<number> | Nil) => this;\n\n  // immediate functions\n  setStartEndValue: (start?: number, end?: number) => this;\n}\n\nexport interface SliderSpec extends ComponentSpec<Partial<SliderAttributes>> {\n  componentType: ComponentEnum.slider;\n  min?: MarkFunctionType<number>;\n  max?: MarkFunctionType<number>;\n}\n\n// datazoom component\n\nexport type DatazoomFilterValue = { start: number; end: number; startRatio: number; endRatio: number };\n\nexport interface IDatazoom extends IComponent {\n  preview: (\n    data: IData | string | Nil,\n    x: ScaleEncodeType | Nil,\n    y: ScaleEncodeType | Nil,\n    x1?: ChannelEncodeType | Nil,\n    y1?: ChannelEncodeType | Nil\n  ) => this;\n\n  // immediate functions\n  setStartEndValue: (start?: number, end?: number) => this;\n  getStartEndValue: () => { start: number; end: number } | Nil;\n\n  // internal interface\n  invertDatazoomRatio: (ratio: number) => any;\n  getDatazoomMainScale: () => IBaseScale;\n}\n\nexport type DataZoomEncoderSpec = GenerateBasicEncoderSpec<Partial<DataZoomAttributes> & { x1?: number; y1?: number }>;\nexport interface DatazoomSpec extends ComponentSpec<DataZoomEncoderSpec> {\n  componentType: ComponentEnum.datazoom;\n  preview?: {\n    data: IData | string;\n    x?: ScaleEncodeType;\n    y?: ScaleEncodeType;\n    x1?: ChannelEncodeType;\n    y1?: ChannelEncodeType;\n  };\n}\n\n// label component\n\nexport interface ILabel extends IComponent {\n  labelStyle: (attributes: MarkFunctionType<Partial<BaseLabelAttrs>>) => this;\n  size: (attributes: MarkFunctionType<DataLabelAttrs['size']>) => this;\n  target: (mark: IMark | IMark[] | string | string[] | Nil) => this;\n}\n\nexport type LabelEncoderSpec = GenerateBasicEncoderSpec<Partial<BaseLabelAttrs> & { text?: ITextAttribute['text'] }>;\nexport interface LabelSpec extends ComponentSpec<LabelEncoderSpec> {\n  componentType: ComponentEnum.label;\n  labelStyle?: MarkFunctionType<Partial<BaseLabelAttrs>>;\n  size?: MarkFunctionType<DataLabelAttrs['size']>;\n  target?: IMark | IMark[] | string | string[];\n}\n\n// player component\n\nexport type PlayerType = 'auto' | 'discrete' | 'continuous';\n\nexport type PlayerFilterValue = { index: number; value: any };\n\nexport interface IPlayer extends IComponent {\n  playerType: (playerType: PlayerType) => this;\n  source: (source: IData | string | any[] | Nil) => this;\n\n  // immediate functions\n  play: () => this;\n  pause: () => this;\n  backward: () => this;\n  forward: () => this;\n}\n\nexport interface PlayerSpec extends ComponentSpec<Partial<PlayerAttributes>> {\n  componentType: ComponentEnum.player;\n  playerType?: PlayerType;\n  source?: IData | string | any[];\n}\n\n// title component\n\nexport interface ITitle extends IComponent {\n  title: (text: MarkFunctionType<string | number | number[] | string[]> | Nil) => this;\n  subTitle: (text: MarkFunctionType<string | number | number[] | string[]> | Nil) => this;\n}\n\nexport interface TitleSpec extends ComponentSpec<Partial<TitleAttrs>> {\n  componentType: ComponentEnum.title;\n  title?: MarkFunctionType<string | number | number[] | string[]>;\n  subTitle?: MarkFunctionType<string | number | number[] | string[]>;\n}\n\n// scrollbar component\n\nexport type ScrollbarFilterValue = { start?: number; end?: number; startRatio: number; endRatio: number };\n\nexport interface IScrollbar extends IScaleComponent {\n  container: (container: IGroupMark | string | Nil) => this;\n  direction: (direction: MarkFunctionType<Direction> | Nil) => this;\n  position: (position: MarkFunctionType<OrientType> | Nil) => this;\n\n  // immediate functions\n  setScrollStart: (start: number) => this;\n  getScrollRange: () => [number, number] | Nil;\n}\n\nexport interface ScrollbarSpec extends ScaleComponentSpec<Partial<ScrollBarAttributes>> {\n  componentType: ComponentEnum.scrollbar;\n  container?: IGroupMark | string;\n  direction?: MarkFunctionType<Direction>;\n  position?: MarkFunctionType<OrientType>;\n}\n\n// built-in components\n\nexport type BuiltInComponentSpec =\n  | AxisSpec\n  | LegendSpec\n  | SliderSpec\n  | DatazoomSpec\n  | LabelSpec\n  | PlayerSpec\n  | TitleSpec\n  | ScrollbarSpec;\n\nexport interface IComponentConstructor {\n  readonly componentType: string;\n\n  new (view: IView, group?: IGroupMark, mode?: '2d' | '3d'): IComponent;\n}\n"]}

package/cjs/types/coordinate.js

@@ -3,4 +3,4 @@
 Object.defineProperty(exports, "__esModule", {
     value: !0
 });
-//# sourceMappingURL=coordinate.js.map
+//# sourceMappingURL=coordinate.js.map

package/cjs/types/data.js

@@ -2,4 +2,5 @@
 
 Object.defineProperty(exports, "__esModule", {
     value: !0
-});
+});
+//# sourceMappingURL=data.js.map

package/cjs/types/dataflow.js

@@ -3,4 +3,4 @@
 Object.defineProperty(exports, "__esModule", {
     value: !0
 });
-//# sourceMappingURL=dataflow.js.map
+//# sourceMappingURL=dataflow.js.map

package/cjs/types/element.d.ts

@@ -1,4 +1,4 @@
-import type { IArc, IArc3d, IArea, ICircle, IGlyph, IGraphic, IGroup, IImage, ILine, IPath, IPolygon, IPyramid3d, IRect, IRect3d, IRichText, ISymbol, IText } from '@visactor/vrender';
+import type { IArc, IArc3d, IArea, ICircle, IGlyph, IGraphic, IGroup, IImage, ILine, IPath, IPolygon, IPyramid3d, IRect, IRect3d, IRichText, ISymbol, IText } from '@visactor/vrender-core';
 import type { DiffState } from '../graph/enums';
 import type { IMark, IGlyphMark } from './grammar';
 import type { BaseEncodeSpec, IMarkConfig, MarkFunctionType, MarkKeySpec, MarkType } from './mark';

package/cjs/types/element.js

@@ -3,4 +3,4 @@
 Object.defineProperty(exports, "__esModule", {
     value: !0
 });
-//# sourceMappingURL=element.js.map
+//# sourceMappingURL=element.js.map

package/cjs/types/element.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/types/element.ts"],"names":[],"mappings":"","file":"element.js","sourcesContent":["import type {\n  IArc,\n  IArc3d,\n  IArea,\n  ICircle,\n  IGlyph,\n  IGraphic,\n  IGroup,\n  IImage,\n  ILine,\n  IPath,\n  IPolygon,\n  IPyramid3d,\n  IRect,\n  IRect3d,\n  IRichText,\n  ISymbol,\n  IText\n} from '@visactor/vrender';\nimport type { DiffState } from '../graph/enums';\nimport type { IMark, IGlyphMark } from './grammar';\nimport type { BaseEncodeSpec, IMarkConfig, MarkFunctionType, MarkKeySpec, MarkType } from './mark';\n\nexport interface ElementGraphicMap {\n  circle: ICircle;\n  arc: IArc;\n  area: IArea;\n  image: IImage;\n  line: ILine;\n  path: IPath;\n  rule: ILine;\n  shape: IPath;\n  symbol: ISymbol;\n  text: IText;\n  richtext: IRichText;\n  polygon: IPolygon;\n  cell: ISymbol;\n  interval: IGraphic;\n  rect: IRect;\n  rect3d: IRect3d;\n  arc3d: IArc3d;\n  pyramid3d: IPyramid3d;\n  group: IGroup;\n  glyph: IGlyph;\n  linkPath: IGlyph;\n  treePath: IGlyph;\n  wave: IGlyph;\n  ripplePoint: IGlyph;\n  barBoxplot: IGlyph;\n  boxPlot: IGlyph;\n  component: IGroup;\n  axis: IGroup;\n  legend: IGroup;\n  corsshair: IGroup;\n  slider: IGroup;\n  datazoom: IGroup;\n  label: IGroup;\n  player: IGroup;\n}\n\nexport type GetGraphicByType<T> = T extends keyof ElementGraphicMap ? ElementGraphicMap[T] : IGraphic;\n\n/**\n * 保存graphicItem状态\n */\nexport interface MarkElementItem {\n  /** 唯一key */\n  key: string;\n  /** 原始数据 */\n  datum: any;\n  /** VGrammar view */\n  view: any;\n  /** 当前渲染帧下graphicItem对应的最新属性 */\n  nextAttrs?: any;\n  /** 是否初始化过，用于解决collection mark对应的item，可能跳过enter状态的问题 */\n  // hasEntered: boolean;\n}\nexport interface IElement {\n  mark: IMark;\n  isReserved: boolean;\n  diffState: DiffState;\n  key: string;\n  groupKey?: string;\n  data?: any[];\n  /**\n   * 不推荐使用，但是collection图元暂时可能回涉及到相关修改\n   */\n  items: MarkElementItem[];\n\n  initGraphicItem: (attrs?: any) => void;\n  updateGraphicItem: (config: IMarkConfig) => void;\n\n  getDatum: () => any;\n  getBounds: () => any;\n  getGraphicItem: () => IGraphic;\n\n  /**\n   * 获取 graphic 视觉通道属性\n   * @param channel 视觉通道\n   * @param prev 是否从之前的 graphic 属性上获取，默认为 false\n   * @returns 视觉通道值\n   */\n  getGraphicAttribute: (channel: string, prev?: boolean) => any;\n  /**\n   * 设置 graphic 视觉通道属性\n   * @param channel 视觉通道\n   * @param value 视觉通道属性\n   * @param final 是否更新 graphic 最终变更的视觉通道结果，默认为 false\n   */\n  setGraphicAttribute: (channel: string, value: any, final?: boolean) => void;\n  /**\n   * 设置一系列 graphic 视觉通道属性\n   * @param attributes 视觉通道键值对\n   * @param final 是否更新 graphic 最终变更的视觉通道结果，默认为 false\n   */\n  setGraphicAttributes: (attributes: { [channel: string]: any }, final?: boolean) => void;\n\n  /**\n   * 【慎重使用】获取 VGrammar 自身的视觉通道属性\n   * 只有在 'afterEncodeItems' 时机的mark transform中才能调用\n   */\n  getItemAttribute: (channel?: string) => any;\n  /**\n   * 【慎重使用】设置 VGrammar 自身的视觉通道\n   * 只有在 'afterEncodeItems' 时机的mark transform中才能调用\n   * @param attributes\n   * @returns\n   */\n  setItemAttributes: (attributes: { [channel: string]: any } | any[]) => void;\n\n  // element 执行流程相关接口\n  updateData: (groupKey: string, data: any[], keyGenerator: MarkKeySpec, view: any) => void;\n  state: (markState: MarkFunctionType<string | string[]>, parameters?: any) => void;\n  encodeItems: (items: MarkElementItem[], encoders: BaseEncodeSpec, isReentered?: boolean, parameters?: any) => void;\n  encodeGraphic: (attributes?: any) => void;\n  transformElementItems: (items: MarkElementItem[], markType: MarkType, computePoints?: boolean) => Record<string, any>;\n  remove: () => void;\n  release: () => void;\n\n  // 动画相关接口\n\n  getFinalGraphicAttributes: () => { [key: string]: any };\n  getPrevGraphicAttributes: () => { [key: string]: any };\n  getNextGraphicAttributes: () => { [key: string]: any };\n  clearChangedGraphicAttributes: () => void;\n  clearGraphicAttributes: () => void;\n\n  // state相关接口\n  getStates: () => string[];\n  hasState: (state: string) => boolean;\n  clearStates: (noAnimation?: boolean) => void;\n  addState: (state: string | string[], attrs?: any) => void;\n  removeState: (state: string | string[]) => void;\n  useStates: (states: string[], noAnimation?: boolean) => void;\n}\n\nexport interface IGlyphElement<P = any> extends IElement {\n  mark: IGlyphMark;\n\n  getGlyphGraphicItems: () => { [markName: string]: any };\n\n  getGraphicAttribute: (channel: string, prev?: boolean, markName?: any) => any;\n  setGraphicAttribute: (channel: string, value: any, final?: boolean, markName?: any) => void;\n  setGraphicAttributes: (attributes: { [channel: string]: any }, final?: boolean, markName?: any) => void;\n\n  getFinalGraphicAttributes: (markName?: string) => { [key: string]: any };\n  getPrevGraphicAttributes: (markName?: string) => { [key: string]: any };\n  getNextGraphicAttributes: (markName?: string) => { [key: string]: any };\n\n  encodeCustom: (nextAttrs?: any) => { [markName: string]: any };\n}\n"]}
+{"version":3,"sources":["../src/types/element.ts"],"names":[],"mappings":"","file":"element.js","sourcesContent":["import type {\n  IArc,\n  IArc3d,\n  IArea,\n  ICircle,\n  IGlyph,\n  IGraphic,\n  IGroup,\n  IImage,\n  ILine,\n  IPath,\n  IPolygon,\n  IPyramid3d,\n  IRect,\n  IRect3d,\n  IRichText,\n  ISymbol,\n  IText\n} from '@visactor/vrender-core';\nimport type { DiffState } from '../graph/enums';\nimport type { IMark, IGlyphMark } from './grammar';\nimport type { BaseEncodeSpec, IMarkConfig, MarkFunctionType, MarkKeySpec, MarkType } from './mark';\n\nexport interface ElementGraphicMap {\n  circle: ICircle;\n  arc: IArc;\n  area: IArea;\n  image: IImage;\n  line: ILine;\n  path: IPath;\n  rule: ILine;\n  shape: IPath;\n  symbol: ISymbol;\n  text: IText;\n  richtext: IRichText;\n  polygon: IPolygon;\n  cell: ISymbol;\n  interval: IGraphic;\n  rect: IRect;\n  rect3d: IRect3d;\n  arc3d: IArc3d;\n  pyramid3d: IPyramid3d;\n  group: IGroup;\n  glyph: IGlyph;\n  linkPath: IGlyph;\n  treePath: IGlyph;\n  wave: IGlyph;\n  ripplePoint: IGlyph;\n  barBoxplot: IGlyph;\n  boxPlot: IGlyph;\n  component: IGroup;\n  axis: IGroup;\n  legend: IGroup;\n  corsshair: IGroup;\n  slider: IGroup;\n  datazoom: IGroup;\n  label: IGroup;\n  player: IGroup;\n}\n\nexport type GetGraphicByType<T> = T extends keyof ElementGraphicMap ? ElementGraphicMap[T] : IGraphic;\n\n/**\n * 保存graphicItem状态\n */\nexport interface MarkElementItem {\n  /** 唯一key */\n  key: string;\n  /** 原始数据 */\n  datum: any;\n  /** VGrammar view */\n  view: any;\n  /** 当前渲染帧下graphicItem对应的最新属性 */\n  nextAttrs?: any;\n  /** 是否初始化过，用于解决collection mark对应的item，可能跳过enter状态的问题 */\n  // hasEntered: boolean;\n}\nexport interface IElement {\n  mark: IMark;\n  isReserved: boolean;\n  diffState: DiffState;\n  key: string;\n  groupKey?: string;\n  data?: any[];\n  /**\n   * 不推荐使用，但是collection图元暂时可能回涉及到相关修改\n   */\n  items: MarkElementItem[];\n\n  initGraphicItem: (attrs?: any) => void;\n  updateGraphicItem: (config: IMarkConfig) => void;\n\n  getDatum: () => any;\n  getBounds: () => any;\n  getGraphicItem: () => IGraphic;\n\n  /**\n   * 获取 graphic 视觉通道属性\n   * @param channel 视觉通道\n   * @param prev 是否从之前的 graphic 属性上获取，默认为 false\n   * @returns 视觉通道值\n   */\n  getGraphicAttribute: (channel: string, prev?: boolean) => any;\n  /**\n   * 设置 graphic 视觉通道属性\n   * @param channel 视觉通道\n   * @param value 视觉通道属性\n   * @param final 是否更新 graphic 最终变更的视觉通道结果，默认为 false\n   */\n  setGraphicAttribute: (channel: string, value: any, final?: boolean) => void;\n  /**\n   * 设置一系列 graphic 视觉通道属性\n   * @param attributes 视觉通道键值对\n   * @param final 是否更新 graphic 最终变更的视觉通道结果，默认为 false\n   */\n  setGraphicAttributes: (attributes: { [channel: string]: any }, final?: boolean) => void;\n\n  /**\n   * 【慎重使用】获取 VGrammar 自身的视觉通道属性\n   * 只有在 'afterEncodeItems' 时机的mark transform中才能调用\n   */\n  getItemAttribute: (channel?: string) => any;\n  /**\n   * 【慎重使用】设置 VGrammar 自身的视觉通道\n   * 只有在 'afterEncodeItems' 时机的mark transform中才能调用\n   * @param attributes\n   * @returns\n   */\n  setItemAttributes: (attributes: { [channel: string]: any } | any[]) => void;\n\n  // element 执行流程相关接口\n  updateData: (groupKey: string, data: any[], keyGenerator: MarkKeySpec, view: any) => void;\n  state: (markState: MarkFunctionType<string | string[]>, parameters?: any) => void;\n  encodeItems: (items: MarkElementItem[], encoders: BaseEncodeSpec, isReentered?: boolean, parameters?: any) => void;\n  encodeGraphic: (attributes?: any) => void;\n  transformElementItems: (items: MarkElementItem[], markType: MarkType, computePoints?: boolean) => Record<string, any>;\n  remove: () => void;\n  release: () => void;\n\n  // 动画相关接口\n\n  getFinalGraphicAttributes: () => { [key: string]: any };\n  getPrevGraphicAttributes: () => { [key: string]: any };\n  getNextGraphicAttributes: () => { [key: string]: any };\n  clearChangedGraphicAttributes: () => void;\n  clearGraphicAttributes: () => void;\n\n  // state相关接口\n  getStates: () => string[];\n  hasState: (state: string) => boolean;\n  clearStates: (noAnimation?: boolean) => void;\n  addState: (state: string | string[], attrs?: any) => void;\n  removeState: (state: string | string[]) => void;\n  useStates: (states: string[], noAnimation?: boolean) => void;\n}\n\nexport interface IGlyphElement<P = any> extends IElement {\n  mark: IGlyphMark;\n\n  getGlyphGraphicItems: () => { [markName: string]: any };\n\n  getGraphicAttribute: (channel: string, prev?: boolean, markName?: any) => any;\n  setGraphicAttribute: (channel: string, value: any, final?: boolean, markName?: any) => void;\n  setGraphicAttributes: (attributes: { [channel: string]: any }, final?: boolean, markName?: any) => void;\n\n  getFinalGraphicAttributes: (markName?: string) => { [key: string]: any };\n  getPrevGraphicAttributes: (markName?: string) => { [key: string]: any };\n  getNextGraphicAttributes: (markName?: string) => { [key: string]: any };\n\n  encodeCustom: (nextAttrs?: any) => { [markName: string]: any };\n}\n"]}

package/cjs/types/event.d.ts

@@ -1,4 +1,5 @@
-import type { IAnimationConfig, IElement, IMark } from '.';
+import type { CustomEvent, FederatedEvent } from '@visactor/vrender-core';
+import type { IAnimationConfig, IElement, IGlyphElement, IMark } from '.';
 import type { MarkType } from './mark';
 import type { SignalDependency } from './signal';
 export type AnimationEvent = {
@@ -6,16 +7,22 @@ export type AnimationEvent = {
     animationState: string;
     animationConfig: IAnimationConfig;
 };
-export type GrammarEvent = MouseEvent & TouchEvent & KeyboardEvent & AnimationEvent;
+export type InteractionEvent = (FederatedEvent | CustomEvent) & {
+    element?: IElement | IGlyphElement;
+};
+export type GrammarEvent = InteractionEvent | AnimationEvent;
 export type EventHandler<T> = (event?: GrammarEvent, value?: T) => void;
-export type BaseEventHandler = EventHandler<any>;
+export type BaseEventHandler = AnimationEventHandler | InteractionEventHandler;
+export type AnimationEventHandler = (event?: AnimationEvent) => void;
+export type InteractionEventHandler = (event?: InteractionEvent, element?: IElement | IGlyphElement) => void;
 export type ResizeHandler = EventHandler<{
     width?: number;
     height?: number;
 }>;
 export type AnimationEventType = 'animationStart' | 'animationEnd' | 'elementAnimationStart' | 'elementAnimationEnd';
 export type AnimationListenerHandler = (event?: AnimationEvent, el?: IElement) => void;
-export type EventType = 'pointerdown' | 'pointerup' | 'pointerupoutside' | 'pointertap' | 'pointerover' | 'pointerenter' | 'pointerleave' | 'pointerout' | 'mousedown' | 'mouseup' | 'mouseupoutside' | 'rightdown' | 'rightup' | 'rightupoutside' | 'click' | 'dblclick' | 'mousemove' | 'mouseover' | 'mouseout' | 'mouseenter' | 'mouseleave' | 'wheel' | 'tap' | 'touchstart' | 'touchend' | 'touchendoutside' | 'touchmove' | 'touchcancel' | 'dragstart' | 'drag' | 'dragenter' | 'dragleave' | 'dragover' | 'dragend' | 'drop' | 'pan' | 'panstart' | 'panend' | 'press' | 'pressup' | 'pressend' | 'pinch' | 'pinchstart' | 'pinchend' | 'swipe' | 'resize';
+export type ViewEventType = 'view:pointerdown' | 'view:pointerup' | 'view:pointerupoutside' | 'view:pointertap' | 'view:pointerover' | 'view:pointerenter' | 'view:pointerleave' | 'view:pointerout' | 'view:mousedown' | 'view:mouseup' | 'view:mouseupoutside' | 'view:rightdown' | 'view:rightup' | 'view:rightupoutside' | 'view:click' | 'view:dblclick' | 'view:mousemove' | 'view:mouseover' | 'view:mouseout' | 'view:mouseenter' | 'view:mouseleave' | 'view:wheel' | 'view:tap' | 'view:touchstart' | 'view:touchend' | 'view:touchendoutside' | 'view:touchmove' | 'view:touchcancel' | 'view:dragstart' | 'view:drag' | 'view:dragenter' | 'view:dragleave' | 'view:dragover' | 'view:dragend' | 'view:drop' | 'view:pan' | 'view:panstart' | 'view:panend' | 'view:press' | 'view:pressup' | 'view:pressend' | 'view:pinch' | 'view:pinchstart' | 'view:pinchend' | 'view:swipe';
+export type EventType = 'pointerdown' | 'pointerup' | 'pointermove' | 'pointerupoutside' | 'pointertap' | 'pointerover' | 'pointermove' | 'pointerenter' | 'pointerleave' | 'pointerout' | 'mousedown' | 'mouseup' | 'mouseupoutside' | 'rightdown' | 'rightup' | 'rightupoutside' | 'click' | 'dblclick' | 'mousemove' | 'mouseover' | 'mouseout' | 'mouseenter' | 'mouseleave' | 'wheel' | 'tap' | 'touchstart' | 'touchend' | 'touchendoutside' | 'touchmove' | 'touchcancel' | 'dragstart' | 'drag' | 'dragenter' | 'dragleave' | 'dragover' | 'dragend' | 'drop' | 'pan' | 'panstart' | 'panend' | 'press' | 'pressup' | 'pressend' | 'pinch' | 'pinchstart' | 'pinchend' | 'swipe' | 'resize';
 export type WindowEventType = string;
 export interface EventCallbackContext extends Event {
     element?: any;

package/cjs/types/event.js

@@ -3,4 +3,4 @@
 Object.defineProperty(exports, "__esModule", {
     value: !0
 });
-//# sourceMappingURL=event.js.map
+//# sourceMappingURL=event.js.map

package/cjs/types/event.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/types/event.ts"],"names":[],"mappings":"","file":"event.js","sourcesContent":["import type { IAnimationConfig, IElement, IMark } from '.';\nimport type { MarkType } from './mark';\nimport type { SignalDependency } from './signal';\n\nexport type AnimationEvent = {\n  mark: IMark;\n  animationState: string;\n  animationConfig: IAnimationConfig;\n};\n\nexport type GrammarEvent = MouseEvent & TouchEvent & KeyboardEvent & AnimationEvent;\n\nexport type EventHandler<T> = (event?: GrammarEvent, value?: T) => void;\nexport type BaseEventHandler = EventHandler<any>;\nexport type ResizeHandler = EventHandler<{ width?: number; height?: number }>;\n\nexport type AnimationEventType = 'animationStart' | 'animationEnd' | 'elementAnimationStart' | 'elementAnimationEnd';\n\nexport type AnimationListenerHandler = (event?: AnimationEvent, el?: IElement) => void;\n\nexport type EventType =\n  | 'pointerdown'\n  | 'pointerup'\n  // 指针抬起与按下的图形不同时触发\n  | 'pointerupoutside'\n  | 'pointertap'\n  | 'pointerover'\n  | 'pointerenter'\n  | 'pointerleave'\n  | 'pointerout'\n  | 'mousedown'\n  | 'mouseup'\n  | 'mouseupoutside'\n  // 右键操作\n  | 'rightdown'\n  | 'rightup'\n  | 'rightupoutside'\n  | 'click'\n  // 双击\n  | 'dblclick'\n  | 'mousemove'\n  | 'mouseover'\n  | 'mouseout'\n  // 不会冒泡\n  | 'mouseenter'\n  // 不会冒泡\n  | 'mouseleave'\n  | 'wheel'\n  | 'tap'\n  | 'touchstart'\n  | 'touchend'\n  | 'touchendoutside'\n  | 'touchmove'\n  | 'touchcancel'\n  // dragNdrop\n  | 'dragstart'\n  | 'drag'\n  | 'dragenter'\n  | 'dragleave'\n  | 'dragover'\n  | 'dragend'\n  | 'drop'\n  // gesture\n  | 'pan'\n  | 'panstart'\n  | 'panend'\n  | 'press'\n  | 'pressup'\n  | 'pressend'\n  | 'pinch'\n  | 'pinchstart'\n  | 'pinchend'\n  | 'swipe'\n  // resize\n  | 'resize';\n\nexport type WindowEventType = string;\n\nexport interface EventCallbackContext extends Event {\n  element?: any;\n  datum?: any;\n}\n\nexport type EventCallback = (context: EventCallbackContext, params?: any) => any;\nexport interface BaseEventSpec {\n  type: string;\n  filter?: (context: EventCallbackContext) => boolean;\n  throttle?: number;\n  debounce?: number;\n  /** 阻止事件的执行和传播 */\n  consume?: boolean;\n  callback?: EventCallback;\n  dependency?: SignalDependency | SignalDependency[];\n  target?:\n    | string\n    | Array<{\n        target: string;\n        callback: EventCallback;\n      }>;\n}\n\nexport type MergeEventSpec = Omit<BaseEventSpec, 'type'> & { merge: string[] | BaseEventSpec[] };\n\nexport interface ParsedViewEventSpec extends BaseEventSpec {\n  source?: 'view';\n  type: EventType;\n  markId?: string;\n  markName?: string;\n  markType?: string;\n}\n\nexport interface ParsedWindowEventSpec extends BaseEventSpec {\n  source: 'window';\n  type: WindowEventType;\n  markId?: string;\n  markName?: string;\n  markType?: MarkType;\n}\n\nexport type EventSpec =\n  | BaseEventSpec\n  | ({\n      between: [BaseEventSpec, BaseEventSpec];\n    } & BaseEventSpec)\n  | MergeEventSpec;\n\nexport type EventSourceType = 'window' | 'view';\n"]}
+{"version":3,"sources":["../src/types/event.ts"],"names":[],"mappings":"","file":"event.js","sourcesContent":["import type { CustomEvent, FederatedEvent } from '@visactor/vrender-core';\nimport type { IAnimationConfig, IElement, IGlyphElement, IMark } from '.';\nimport type { MarkType } from './mark';\nimport type { SignalDependency } from './signal';\n\nexport type AnimationEvent = {\n  mark: IMark;\n  animationState: string;\n  animationConfig: IAnimationConfig;\n};\n\nexport type InteractionEvent = (FederatedEvent | CustomEvent) & { element?: IElement | IGlyphElement };\nexport type GrammarEvent = InteractionEvent | AnimationEvent;\n\nexport type EventHandler<T> = (event?: GrammarEvent, value?: T) => void;\nexport type BaseEventHandler = AnimationEventHandler | InteractionEventHandler;\nexport type AnimationEventHandler = (event?: AnimationEvent) => void;\nexport type InteractionEventHandler = (event?: InteractionEvent, element?: IElement | IGlyphElement) => void;\nexport type ResizeHandler = EventHandler<{ width?: number; height?: number }>;\n\nexport type AnimationEventType = 'animationStart' | 'animationEnd' | 'elementAnimationStart' | 'elementAnimationEnd';\n\nexport type AnimationListenerHandler = (event?: AnimationEvent, el?: IElement) => void;\n\nexport type ViewEventType =\n  | 'view:pointerdown'\n  | 'view:pointerup'\n  | 'view:pointerupoutside'\n  | 'view:pointertap'\n  | 'view:pointerover'\n  | 'view:pointerenter'\n  | 'view:pointerleave'\n  | 'view:pointerout'\n  | 'view:mousedown'\n  | 'view:mouseup'\n  | 'view:mouseupoutside'\n  // 右键操作\n  | 'view:rightdown'\n  | 'view:rightup'\n  | 'view:rightupoutside'\n  | 'view:click'\n  // 双击\n  | 'view:dblclick'\n  | 'view:mousemove'\n  | 'view:mouseover'\n  | 'view:mouseout'\n  // 不会冒泡\n  | 'view:mouseenter'\n  // 不会冒泡\n  | 'view:mouseleave'\n  | 'view:wheel'\n  | 'view:tap'\n  | 'view:touchstart'\n  | 'view:touchend'\n  | 'view:touchendoutside'\n  | 'view:touchmove'\n  | 'view:touchcancel'\n  // dragNdrop\n  | 'view:dragstart'\n  | 'view:drag'\n  | 'view:dragenter'\n  | 'view:dragleave'\n  | 'view:dragover'\n  | 'view:dragend'\n  | 'view:drop'\n  // gesture\n  | 'view:pan'\n  | 'view:panstart'\n  | 'view:panend'\n  | 'view:press'\n  | 'view:pressup'\n  | 'view:pressend'\n  | 'view:pinch'\n  | 'view:pinchstart'\n  | 'view:pinchend'\n  | 'view:swipe';\n\nexport type EventType =\n  | 'pointerdown'\n  | 'pointerup'\n  | 'pointermove'\n  // 指针抬起与按下的图形不同时触发\n  | 'pointerupoutside'\n  | 'pointertap'\n  | 'pointerover'\n  | 'pointermove'\n  | 'pointerenter'\n  | 'pointerleave'\n  | 'pointerout'\n  | 'mousedown'\n  | 'mouseup'\n  | 'mouseupoutside'\n  // 右键操作\n  | 'rightdown'\n  | 'rightup'\n  | 'rightupoutside'\n  | 'click'\n  // 双击\n  | 'dblclick'\n  | 'mousemove'\n  | 'mouseover'\n  | 'mouseout'\n  // 不会冒泡\n  | 'mouseenter'\n  // 不会冒泡\n  | 'mouseleave'\n  | 'wheel'\n  | 'tap'\n  | 'touchstart'\n  | 'touchend'\n  | 'touchendoutside'\n  | 'touchmove'\n  | 'touchcancel'\n  // dragNdrop\n  | 'dragstart'\n  | 'drag'\n  | 'dragenter'\n  | 'dragleave'\n  | 'dragover'\n  | 'dragend'\n  | 'drop'\n  // gesture\n  | 'pan'\n  | 'panstart'\n  | 'panend'\n  | 'press'\n  | 'pressup'\n  | 'pressend'\n  | 'pinch'\n  | 'pinchstart'\n  | 'pinchend'\n  | 'swipe'\n  // resize\n  | 'resize';\n\nexport type WindowEventType = string;\n\nexport interface EventCallbackContext extends Event {\n  element?: any;\n  datum?: any;\n}\n\nexport type EventCallback = (context: EventCallbackContext, params?: any) => any;\nexport interface BaseEventSpec {\n  type: string;\n  filter?: (context: EventCallbackContext) => boolean;\n  throttle?: number;\n  debounce?: number;\n  /** 阻止事件的执行和传播 */\n  consume?: boolean;\n  callback?: EventCallback;\n  dependency?: SignalDependency | SignalDependency[];\n  target?:\n    | string\n    | Array<{\n        target: string;\n        callback: EventCallback;\n      }>;\n}\n\nexport type MergeEventSpec = Omit<BaseEventSpec, 'type'> & { merge: string[] | BaseEventSpec[] };\n\nexport interface ParsedViewEventSpec extends BaseEventSpec {\n  source?: 'view';\n  type: EventType;\n  markId?: string;\n  markName?: string;\n  markType?: string;\n}\n\nexport interface ParsedWindowEventSpec extends BaseEventSpec {\n  source: 'window';\n  type: WindowEventType;\n  markId?: string;\n  markName?: string;\n  markType?: MarkType;\n}\n\nexport type EventSpec =\n  | BaseEventSpec\n  | ({\n      between: [BaseEventSpec, BaseEventSpec];\n    } & BaseEventSpec)\n  | MergeEventSpec;\n\nexport type EventSourceType = 'window' | 'view';\n"]}

package/cjs/types/glyph.js

@@ -3,4 +3,4 @@
 Object.defineProperty(exports, "__esModule", {
     value: !0
 });
-//# sourceMappingURL=glyph.js.map
+//# sourceMappingURL=glyph.js.map

package/cjs/types/grammar.d.ts

@@ -1,6 +1,6 @@
 import type { EventEmitter, IBounds, IPointLike } from '@visactor/vutils';
-import type { IGraphic, IGroup } from '@visactor/vrender';
-import type { IBaseScale, TickData } from '@visactor/vscale';
+import type { IGraphic, IGroup } from '@visactor/vrender-core';
+import type { IBaseScale, ScaleFishEyeOptions, TickData } from '@visactor/vscale';
 import type { ITransform, TransformSpec } from './transform';
 import type { DataFormatSpec, IDataFilter } from './data';
 import type { ParameterFunctionType, SignalFunctionType } from './signal';
@@ -79,6 +79,10 @@ export interface IScale extends IGrammarBase {
     domain: (domain: ScaleFunctionType<any[]> | ScaleData | MultiScaleData | Nil) => this;
     range: (range: ScaleFunctionType<any[]> | ScaleData | MultiScaleData | Nil) => this;
     configure: (config: ScaleConfigureSpec | Nil) => this;
+    getRangeFactor: () => [number, number] | Nil;
+    setRangeFactor: (range?: [number, number]) => this;
+    getFishEye: () => ScaleFishEyeOptions | Nil;
+    setFishEye: (option?: ScaleFishEyeOptions) => this;
     getScaleType: () => GrammarScaleType;
     getScale: () => IBaseScale;
     ticks: (count?: number) => TickData[];

package/cjs/types/grammar.js

@@ -3,4 +3,4 @@
 Object.defineProperty(exports, "__esModule", {
     value: !0
 });
-//# sourceMappingURL=grammar.js.map
+//# sourceMappingURL=grammar.js.map

package/cjs/types/grammar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/types/grammar.ts"],"names":[],"mappings":"","file":"grammar.js","sourcesContent":["import type { EventEmitter, IBounds, IPointLike } from '@visactor/vutils';\nimport type { IGraphic, IGroup } from '@visactor/vrender';\nimport type { IBaseScale, TickData } from '@visactor/vscale';\nimport type { ITransform, TransformSpec } from './transform';\nimport type { DataFormatSpec, IDataFilter } from './data';\nimport type { ParameterFunctionType, SignalFunctionType } from './signal';\nimport type { IAnimate } from './animate';\nimport type { IGlyphMeta } from './glyph';\nimport type { GrammarTypeEnum } from '../graph/enums';\nimport type { Nil } from './base';\nimport type { CoordinateFunctionType } from './coordinate';\nimport type { IElement } from './element';\nimport type {\n  MarkFunctionType,\n  MarkAnimationSpec,\n  MarkType,\n  MarkLayoutSpec,\n  MarkLayoutCallback,\n  MarkSortSpec,\n  MarkKeySpec,\n  IMarkConfig,\n  ChannelEncodeType,\n  AttributeTransform,\n  BaseSignleEncodeSpec\n} from './mark';\nimport type { ScaleConfigureSpec, ScaleData, ScaleFunctionType, GrammarScaleType, MultiScaleData } from './scale';\nimport type { IView } from './view';\nimport type { BaseEventHandler } from './event';\nimport type { ICartesianCoordinate, IPolarCoordinate } from '@visactor/vgrammar-coordinate';\n\nexport type BuiltInGrammarType = keyof typeof GrammarTypeEnum;\nexport type GrammarType = BuiltInGrammarType | string;\n\n/** 语法元素内置运行的任务 */\nexport interface IGrammarTask extends ITransform {\n  /**\n   * 参数依赖\n   * 只做一级解析\n   */\n  options?: Record<string, any | IGrammarBase> | (IGrammarBase | any)[];\n  /**\n   * 依赖的语法元素\n   */\n  references?: IGrammarBase[];\n  /**\n   * 是否只支持简单的options配置，不支持在options引用语法元素\n   */\n  isRawOptions?: boolean;\n}\n\nexport interface GrammarSpec {\n  id?: string;\n  dependency?: IGrammarBase[] | IGrammarBase | string[] | string;\n}\n\nexport interface IGrammarBase {\n  readonly grammarType: GrammarType;\n  readonly view: IView;\n  readonly uid: number;\n  /**\n   * 执行的上游节点\n   */\n  grammarSource: IGrammarBase;\n  /**\n   * 影响的下游节点\n   */\n  targets: IGrammarBase[];\n  /**\n   * 依赖的上游节点，由于不同 spec 配置项中可能引用同一个节点，需要进行计数\n   */\n  references: Map<IGrammarBase, number>;\n\n  depend: (grammar: IGrammarBase[] | IGrammarBase | string[] | string) => this;\n\n  addEventListener: (type: string, handler: BaseEventHandler, options?: any) => this;\n  removeEventListener: (type: string, handler: BaseEventHandler) => this;\n\n  // extended from EventEmitter\n  emit: <T extends EventEmitter.EventNames<string | symbol>>(\n    event: T,\n    ...args: EventEmitter.EventArgs<string | symbol, T>\n  ) => boolean;\n  emitGrammarEvent: <T extends EventEmitter.EventNames<string | symbol>>(\n    event: T,\n    ...args: EventEmitter.EventArgs<string | symbol, T>\n  ) => boolean;\n\n  tasks?: IGrammarTask[];\n  // value?: any;\n  /** FIXME: operator执行顺序，改造后，dataflow执行元素，应该抽象出来 */\n  rank?: number;\n  // todo\n  set: (value: any) => boolean;\n  id: (() => string) & ((id: string) => this);\n  name: (() => string) & ((name: string) => this);\n  attach: (reference: IGrammarBase | IGrammarBase[], count?: number) => this;\n  detach: (reference: IGrammarBase | IGrammarBase[], count?: number) => this;\n  detachAll: () => void;\n  commit: () => void;\n  output: () => any;\n  parse: (spec: any) => this;\n  parameters: () => { [key: string]: any };\n  evaluateSync?: (upstream: any, parameters: any) => this;\n  getSpec: () => any;\n  reuse: (grammar: IGrammarBase) => this;\n  /** clear references */\n  clear: () => void;\n  /** release all memory storage */\n  release: () => void;\n}\n\nexport interface IData extends IGrammarBase {\n  values: (values: any | Nil, format?: ParameterFunctionType<DataFormatSpec>, load?: boolean) => this;\n  url: (\n    url: ParameterFunctionType<string> | Nil,\n    format?: ParameterFunctionType<DataFormatSpec>,\n    load?: boolean\n  ) => this;\n  source: (\n    source: string | string[] | IData | IData[],\n    format?: ParameterFunctionType<DataFormatSpec>,\n    load?: boolean\n  ) => this;\n  transform: (transform: TransformSpec[] | Nil) => this;\n\n  // only used in VGrammar\n  addDataFilter: (filter: IDataFilter | IDataFilter[]) => this;\n  removeDataFilter: (filter: IDataFilter | IDataFilter[]) => this;\n\n  // data util methods\n  field: (field: string) => any[];\n  getValue: () => any[];\n  getInput: () => any[];\n  getDataIDKey: () => string;\n}\n\n/** 语法元素,TODO */\nexport interface ISignal<T> extends IGrammarBase {\n  value: (value: T | Nil) => this;\n  update: (update: SignalFunctionType<T> | Nil) => this;\n\n  getValue: () => T;\n}\n\n/** 语法元素,TODO */\nexport interface IScale extends IGrammarBase {\n  domain: (domain: ScaleFunctionType<any[]> | ScaleData | MultiScaleData | Nil) => this;\n  range: (range: ScaleFunctionType<any[]> | ScaleData | MultiScaleData | Nil) => this;\n  configure: (config: ScaleConfigureSpec | Nil) => this;\n\n  // scale util methods\n  getScaleType: () => GrammarScaleType;\n  getScale: () => IBaseScale;\n  ticks: (count?: number) => TickData[];\n  getCoordinateAxisPoints: (baseValue?: number) => [IPointLike, IPointLike];\n  getCoordinate: () => IPolarCoordinate | ICartesianCoordinate;\n  getCoordinateAxisPosition: () => 'top' | 'bottom' | 'left' | 'right' | 'inside' | 'outside' | 'start' | 'end';\n}\n\nexport interface ICoordinate extends IGrammarBase {\n  start: (start: CoordinateFunctionType<[number, number]> | Nil) => this;\n  end: (end: CoordinateFunctionType<[number, number]> | Nil) => this;\n  origin: (origin: CoordinateFunctionType<[number, number]> | Nil) => this;\n\n  translate: (offset: CoordinateFunctionType<[number, number]> | Nil) => this;\n  rotate: (angle: CoordinateFunctionType<number> | Nil) => this;\n  scale: (ratio: CoordinateFunctionType<[number, number]> | Nil) => this;\n  transpose: (isTransposed: CoordinateFunctionType<boolean> | Nil) => this;\n\n  // coordinate util methods\n}\n\n/** 语法元素,TODO */\n\n/** group mark */\nexport interface IGroupMark extends IMark {\n  children: (IMark | IGroupMark | IGlyphMark)[];\n\n  layoutChildren?: (IMark | IGroupMark | IGlyphMark)[];\n\n  appendChild: (mark: IMark | IGroupMark | IGlyphMark) => this;\n  removeChild: (mark: IMark | IGroupMark | IGlyphMark) => this;\n  includesChild: (mark: IMark, descendant?: boolean) => boolean;\n\n  updateLayoutChildren: () => this;\n}\n\nexport interface IGlyphMark extends IMark {\n  glyphType: string;\n  getGlyphMeta: () => IGlyphMeta;\n  configureGlyph: (config: any) => this;\n  getGlyphConfig: () => any;\n}\n\nexport interface IComponent extends IMark {\n  componentType: string;\n  configureComponent: (config: any) => this;\n}\n\nexport interface IProgressiveGrammar {\n  /** 是否启动了增量渲染模式 */\n  isProgressive: () => boolean;\n  /** 是否正在执行增量渲染 */\n  isDoingProgressive: () => boolean;\n  /** 清除增量渲染相关状态 */\n  clearProgressive: () => void;\n  /** 从第一帧开始增量计算 */\n  restartProgressive: () => void;\n  /** 分片执行 */\n  evaluateProgressive: () => void;\n}\n\nexport interface IMark extends IGrammarBase, IProgressiveGrammar {\n  group?: IGroupMark;\n\n  markType: MarkType;\n  context: any;\n  coord: ICoordinate;\n  /**\n   * disable coordinate transform when need\n   */\n  disableCoordinateTransform?: boolean;\n  elements: IElement[];\n  elementMap: Map<string, IElement>;\n  graphicIndex: number;\n  graphicItem?: IGroup;\n  animate: IAnimate;\n\n  join: (\n    data: IData | string | Nil,\n    key?: MarkKeySpec,\n    sort?: MarkSortSpec,\n    groupBy?: MarkKeySpec,\n    groupSort?: MarkSortSpec\n  ) => this;\n  coordinate: (coordinate: ICoordinate | string | Nil) => this;\n  state: (state: MarkFunctionType<string | string[]> | Nil) => this;\n  encode: ((encoders: BaseSignleEncodeSpec) => this) & ((channel: string, value: ChannelEncodeType) => this);\n  encodeState: ((state: string, channel: string, value: ChannelEncodeType) => this) &\n    ((state: string, encoders: BaseSignleEncodeSpec) => this);\n  animation: (animationConfig: MarkAnimationSpec | Nil) => this;\n  animationState: (animationState: MarkFunctionType<string> | Nil) => this;\n  layout: (layout: MarkLayoutSpec | MarkLayoutCallback | Nil) => this;\n  configure: (config: IMarkConfig | Nil) => this;\n  transform: (transform: TransformSpec[] | Nil) => this;\n\n  needAnimate: () => boolean;\n  getBounds: () => IBounds;\n  isCollectionMark: () => boolean;\n  getAllElements: () => IElement[];\n\n  // position: () => this;\n  // color: () => this;\n  // shape: () => this;\n\n  // mark 执行流程相关接口\n\n  isUpdated: boolean;\n  getGroupGraphicItem: () => any;\n  cleanExitElements: () => void;\n  addGraphicItem: (attrs: any, groupKey?: string) => IGraphic;\n  getMorphConfig: () => { morph: boolean; morphKey: string | undefined; morphElementKey: string | undefined };\n  prepareRelease: () => void;\n\n  layoutBounds?: IBounds;\n  relativePosition?: { top?: number; bottom?: number; left?: number; right?: number };\n  needLayout: () => boolean;\n  handleLayoutEnd: () => void;\n  handleRenderEnd: () => void;\n  isLargeMode: () => boolean;\n  getAttributeTransforms: () => AttributeTransform[];\n\n  getScalesByChannel: () => Record<string, IBaseScale> | undefined;\n  getFieldsByChannel: () => Record<string, string> | undefined;\n  getScales: () => Record<string, IBaseScale> | undefined;\n}\n\nexport interface IGrammarBaseConstructor {\n  new (view: IView): IGrammarBase;\n}\n\nexport interface ProgressiveContext {\n  currentIndex: number;\n  totalStep: number;\n  step: number;\n  data: any[];\n  groupKeys?: string[];\n  groupedData?: Map<string, any[]>;\n}\n"]}
+{"version":3,"sources":["../src/types/grammar.ts"],"names":[],"mappings":"","file":"grammar.js","sourcesContent":["import type { EventEmitter, IBounds, IPointLike } from '@visactor/vutils';\nimport type { IGraphic, IGroup } from '@visactor/vrender-core';\nimport type { IBaseScale, ScaleFishEyeOptions, TickData } from '@visactor/vscale';\nimport type { ITransform, TransformSpec } from './transform';\nimport type { DataFormatSpec, IDataFilter } from './data';\nimport type { ParameterFunctionType, SignalFunctionType } from './signal';\nimport type { IAnimate } from './animate';\nimport type { IGlyphMeta } from './glyph';\nimport type { GrammarTypeEnum } from '../graph/enums';\nimport type { Nil } from './base';\nimport type { CoordinateFunctionType } from './coordinate';\nimport type { IElement } from './element';\nimport type {\n  MarkFunctionType,\n  MarkAnimationSpec,\n  MarkType,\n  MarkLayoutSpec,\n  MarkLayoutCallback,\n  MarkSortSpec,\n  MarkKeySpec,\n  IMarkConfig,\n  ChannelEncodeType,\n  AttributeTransform,\n  BaseSignleEncodeSpec\n} from './mark';\nimport type { ScaleConfigureSpec, ScaleData, ScaleFunctionType, GrammarScaleType, MultiScaleData } from './scale';\nimport type { IView } from './view';\nimport type { BaseEventHandler } from './event';\nimport type { ICartesianCoordinate, IPolarCoordinate } from '@visactor/vgrammar-coordinate';\n\nexport type BuiltInGrammarType = keyof typeof GrammarTypeEnum;\nexport type GrammarType = BuiltInGrammarType | string;\n\n/** 语法元素内置运行的任务 */\nexport interface IGrammarTask extends ITransform {\n  /**\n   * 参数依赖\n   * 只做一级解析\n   */\n  options?: Record<string, any | IGrammarBase> | (IGrammarBase | any)[];\n  /**\n   * 依赖的语法元素\n   */\n  references?: IGrammarBase[];\n  /**\n   * 是否只支持简单的options配置，不支持在options引用语法元素\n   */\n  isRawOptions?: boolean;\n}\n\nexport interface GrammarSpec {\n  id?: string;\n  dependency?: IGrammarBase[] | IGrammarBase | string[] | string;\n}\n\nexport interface IGrammarBase {\n  readonly grammarType: GrammarType;\n  readonly view: IView;\n  readonly uid: number;\n  /**\n   * 执行的上游节点\n   */\n  grammarSource: IGrammarBase;\n  /**\n   * 影响的下游节点\n   */\n  targets: IGrammarBase[];\n  /**\n   * 依赖的上游节点，由于不同 spec 配置项中可能引用同一个节点，需要进行计数\n   */\n  references: Map<IGrammarBase, number>;\n\n  depend: (grammar: IGrammarBase[] | IGrammarBase | string[] | string) => this;\n\n  addEventListener: (type: string, handler: BaseEventHandler, options?: any) => this;\n  removeEventListener: (type: string, handler: BaseEventHandler) => this;\n\n  // extended from EventEmitter\n  emit: <T extends EventEmitter.EventNames<string | symbol>>(\n    event: T,\n    ...args: EventEmitter.EventArgs<string | symbol, T>\n  ) => boolean;\n  emitGrammarEvent: <T extends EventEmitter.EventNames<string | symbol>>(\n    event: T,\n    ...args: EventEmitter.EventArgs<string | symbol, T>\n  ) => boolean;\n\n  tasks?: IGrammarTask[];\n  // value?: any;\n  /** FIXME: operator执行顺序，改造后，dataflow执行元素，应该抽象出来 */\n  rank?: number;\n  // todo\n  set: (value: any) => boolean;\n  id: (() => string) & ((id: string) => this);\n  name: (() => string) & ((name: string) => this);\n  attach: (reference: IGrammarBase | IGrammarBase[], count?: number) => this;\n  detach: (reference: IGrammarBase | IGrammarBase[], count?: number) => this;\n  detachAll: () => void;\n  commit: () => void;\n  output: () => any;\n  parse: (spec: any) => this;\n  parameters: () => { [key: string]: any };\n  evaluateSync?: (upstream: any, parameters: any) => this;\n  getSpec: () => any;\n  reuse: (grammar: IGrammarBase) => this;\n  /** clear references */\n  clear: () => void;\n  /** release all memory storage */\n  release: () => void;\n}\n\nexport interface IData extends IGrammarBase {\n  values: (values: any | Nil, format?: ParameterFunctionType<DataFormatSpec>, load?: boolean) => this;\n  url: (\n    url: ParameterFunctionType<string> | Nil,\n    format?: ParameterFunctionType<DataFormatSpec>,\n    load?: boolean\n  ) => this;\n  source: (\n    source: string | string[] | IData | IData[],\n    format?: ParameterFunctionType<DataFormatSpec>,\n    load?: boolean\n  ) => this;\n  transform: (transform: TransformSpec[] | Nil) => this;\n\n  // only used in VGrammar\n  addDataFilter: (filter: IDataFilter | IDataFilter[]) => this;\n  removeDataFilter: (filter: IDataFilter | IDataFilter[]) => this;\n\n  // data util methods\n  field: (field: string) => any[];\n  getValue: () => any[];\n  getInput: () => any[];\n  getDataIDKey: () => string;\n}\n\n/** 语法元素,TODO */\nexport interface ISignal<T> extends IGrammarBase {\n  value: (value: T | Nil) => this;\n  update: (update: SignalFunctionType<T> | Nil) => this;\n\n  getValue: () => T;\n}\n\n/** 语法元素,TODO */\nexport interface IScale extends IGrammarBase {\n  domain: (domain: ScaleFunctionType<any[]> | ScaleData | MultiScaleData | Nil) => this;\n  range: (range: ScaleFunctionType<any[]> | ScaleData | MultiScaleData | Nil) => this;\n  configure: (config: ScaleConfigureSpec | Nil) => this;\n\n  // only used in VGrammar\n  getRangeFactor: () => [number, number] | Nil;\n  setRangeFactor: (range?: [number, number]) => this;\n  getFishEye: () => ScaleFishEyeOptions | Nil;\n  setFishEye: (option?: ScaleFishEyeOptions) => this;\n\n  // scale util methods\n  getScaleType: () => GrammarScaleType;\n  getScale: () => IBaseScale;\n  ticks: (count?: number) => TickData[];\n  getCoordinateAxisPoints: (baseValue?: number) => [IPointLike, IPointLike];\n  getCoordinate: () => IPolarCoordinate | ICartesianCoordinate;\n  getCoordinateAxisPosition: () => 'top' | 'bottom' | 'left' | 'right' | 'inside' | 'outside' | 'start' | 'end';\n}\n\nexport interface ICoordinate extends IGrammarBase {\n  start: (start: CoordinateFunctionType<[number, number]> | Nil) => this;\n  end: (end: CoordinateFunctionType<[number, number]> | Nil) => this;\n  origin: (origin: CoordinateFunctionType<[number, number]> | Nil) => this;\n\n  translate: (offset: CoordinateFunctionType<[number, number]> | Nil) => this;\n  rotate: (angle: CoordinateFunctionType<number> | Nil) => this;\n  scale: (ratio: CoordinateFunctionType<[number, number]> | Nil) => this;\n  transpose: (isTransposed: CoordinateFunctionType<boolean> | Nil) => this;\n\n  // coordinate util methods\n}\n\n/** 语法元素,TODO */\n\n/** group mark */\nexport interface IGroupMark extends IMark {\n  children: (IMark | IGroupMark | IGlyphMark)[];\n\n  layoutChildren?: (IMark | IGroupMark | IGlyphMark)[];\n\n  appendChild: (mark: IMark | IGroupMark | IGlyphMark) => this;\n  removeChild: (mark: IMark | IGroupMark | IGlyphMark) => this;\n  includesChild: (mark: IMark, descendant?: boolean) => boolean;\n\n  updateLayoutChildren: () => this;\n}\n\nexport interface IGlyphMark extends IMark {\n  glyphType: string;\n  getGlyphMeta: () => IGlyphMeta;\n  configureGlyph: (config: any) => this;\n  getGlyphConfig: () => any;\n}\n\nexport interface IComponent extends IMark {\n  componentType: string;\n  configureComponent: (config: any) => this;\n}\n\nexport interface IProgressiveGrammar {\n  /** 是否启动了增量渲染模式 */\n  isProgressive: () => boolean;\n  /** 是否正在执行增量渲染 */\n  isDoingProgressive: () => boolean;\n  /** 清除增量渲染相关状态 */\n  clearProgressive: () => void;\n  /** 从第一帧开始增量计算 */\n  restartProgressive: () => void;\n  /** 分片执行 */\n  evaluateProgressive: () => void;\n}\n\nexport interface IMark extends IGrammarBase, IProgressiveGrammar {\n  group?: IGroupMark;\n\n  markType: MarkType;\n  context: any;\n  coord: ICoordinate;\n  /**\n   * disable coordinate transform when need\n   */\n  disableCoordinateTransform?: boolean;\n  elements: IElement[];\n  elementMap: Map<string, IElement>;\n  graphicIndex: number;\n  graphicItem?: IGroup;\n  animate: IAnimate;\n\n  join: (\n    data: IData | string | Nil,\n    key?: MarkKeySpec,\n    sort?: MarkSortSpec,\n    groupBy?: MarkKeySpec,\n    groupSort?: MarkSortSpec\n  ) => this;\n  coordinate: (coordinate: ICoordinate | string | Nil) => this;\n  state: (state: MarkFunctionType<string | string[]> | Nil) => this;\n  encode: ((encoders: BaseSignleEncodeSpec) => this) & ((channel: string, value: ChannelEncodeType) => this);\n  encodeState: ((state: string, channel: string, value: ChannelEncodeType) => this) &\n    ((state: string, encoders: BaseSignleEncodeSpec) => this);\n  animation: (animationConfig: MarkAnimationSpec | Nil) => this;\n  animationState: (animationState: MarkFunctionType<string> | Nil) => this;\n  layout: (layout: MarkLayoutSpec | MarkLayoutCallback | Nil) => this;\n  configure: (config: IMarkConfig | Nil) => this;\n  transform: (transform: TransformSpec[] | Nil) => this;\n\n  needAnimate: () => boolean;\n  getBounds: () => IBounds;\n  isCollectionMark: () => boolean;\n  getAllElements: () => IElement[];\n\n  // position: () => this;\n  // color: () => this;\n  // shape: () => this;\n\n  // mark 执行流程相关接口\n\n  isUpdated: boolean;\n  getGroupGraphicItem: () => any;\n  cleanExitElements: () => void;\n  addGraphicItem: (attrs: any, groupKey?: string) => IGraphic;\n  getMorphConfig: () => { morph: boolean; morphKey: string | undefined; morphElementKey: string | undefined };\n  prepareRelease: () => void;\n\n  layoutBounds?: IBounds;\n  relativePosition?: { top?: number; bottom?: number; left?: number; right?: number };\n  needLayout: () => boolean;\n  handleLayoutEnd: () => void;\n  handleRenderEnd: () => void;\n  isLargeMode: () => boolean;\n  getAttributeTransforms: () => AttributeTransform[];\n\n  getScalesByChannel: () => Record<string, IBaseScale> | undefined;\n  getFieldsByChannel: () => Record<string, string> | undefined;\n  getScales: () => Record<string, IBaseScale> | undefined;\n}\n\nexport interface IGrammarBaseConstructor {\n  new (view: IView): IGrammarBase;\n}\n\nexport interface ProgressiveContext {\n  currentIndex: number;\n  totalStep: number;\n  step: number;\n  data: any[];\n  groupKeys?: string[];\n  groupedData?: Map<string, any[]>;\n}\n"]}

package/cjs/types/hooks.js

@@ -3,4 +3,4 @@
 Object.defineProperty(exports, "__esModule", {
     value: !0
 });
-//# sourceMappingURL=hooks.js.map
+//# sourceMappingURL=hooks.js.map

package/cjs/types/index.d.ts

@@ -20,3 +20,4 @@ export * from './theme';
 export * from './transform';
 export * from './view';
 export * from './plot';
+export * from './interaction';

package/cjs/types/index.js

@@ -27,5 +27,6 @@ __exportStar(require("./mark"), exports), __exportStar(require("./morph"), expor
 __exportStar(require("./projection"), exports), __exportStar(require("./renderer"), exports), 
 __exportStar(require("./scale"), exports), __exportStar(require("./signal"), exports), 
 __exportStar(require("./theme"), exports), __exportStar(require("./transform"), exports), 
-__exportStar(require("./view"), exports), __exportStar(require("./plot"), exports);
-//# sourceMappingURL=index.js.map
+__exportStar(require("./view"), exports), __exportStar(require("./plot"), exports), 
+__exportStar(require("./interaction"), exports);
+//# sourceMappingURL=index.js.map

package/cjs/types/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/types/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,4CAA0B;AAC1B,yCAAuB;AACvB,8CAA4B;AAC5B,+CAA6B;AAC7B,yCAAuB;AACvB,6CAA2B;AAC3B,4CAA0B;AAC1B,0CAAwB;AACxB,0CAAwB;AACxB,4CAA0B;AAC1B,0CAAwB;AACxB,2CAAyB;AACzB,yCAAuB;AACvB,0CAAwB;AACxB,+CAA6B;AAC7B,6CAA2B;AAC3B,0CAAwB;AACxB,2CAAyB;AACzB,0CAAwB;AACxB,8CAA4B;AAC5B,yCAAuB;AACvB,yCAAuB","file":"index.js","sourcesContent":["export * from './animate';\nexport * from './base';\nexport * from './component';\nexport * from './coordinate';\nexport * from './data';\nexport * from './dataflow';\nexport * from './element';\nexport * from './event';\nexport * from './glyph';\nexport * from './grammar';\nexport * from './hooks';\nexport * from './layout';\nexport * from './mark';\nexport * from './morph';\nexport * from './projection';\nexport * from './renderer';\nexport * from './scale';\nexport * from './signal';\nexport * from './theme';\nexport * from './transform';\nexport * from './view';\nexport * from './plot';\n"]}
+{"version":3,"sources":["../src/types/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,4CAA0B;AAC1B,yCAAuB;AACvB,8CAA4B;AAC5B,+CAA6B;AAC7B,yCAAuB;AACvB,6CAA2B;AAC3B,4CAA0B;AAC1B,0CAAwB;AACxB,0CAAwB;AACxB,4CAA0B;AAC1B,0CAAwB;AACxB,2CAAyB;AACzB,yCAAuB;AACvB,0CAAwB;AACxB,+CAA6B;AAC7B,6CAA2B;AAC3B,0CAAwB;AACxB,2CAAyB;AACzB,0CAAwB;AACxB,8CAA4B;AAC5B,yCAAuB;AACvB,yCAAuB;AACvB,gDAA8B","file":"index.js","sourcesContent":["export * from './animate';\nexport * from './base';\nexport * from './component';\nexport * from './coordinate';\nexport * from './data';\nexport * from './dataflow';\nexport * from './element';\nexport * from './event';\nexport * from './glyph';\nexport * from './grammar';\nexport * from './hooks';\nexport * from './layout';\nexport * from './mark';\nexport * from './morph';\nexport * from './projection';\nexport * from './renderer';\nexport * from './scale';\nexport * from './signal';\nexport * from './theme';\nexport * from './transform';\nexport * from './view';\nexport * from './plot';\nexport * from './interaction';\n"]}