@visactor/react-vchart 0.0.1-alpha.2 → 0.10.0-alpha.3

package/esm/components/Legend.js.map

@@ -1 +1 @@
-{"version":3,"sources":["components/Legend.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,wBAAwB,EAAE,MAAM,gBAAgB,CAAC;AAC1D,OAAO,EAAsB,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAQtE,MAAM,CAAC,MAAM,MAAM,GAAG,eAAe,CAAC,QAAQ,EAAE,SAAS,EAAE,wBAAwB,CAAC,CAAC","file":"Legend.js","sourcesContent":["// import type { IDiscreteLegendSpec } from '@visactor/vchart'\nimport { LEGEND_CUSTOMIZED_EVENTS } from '../eventsUtils';\nimport { BaseComponentProps, createComponent } from './BaseComponent';\n\nexport interface LegendProps extends BaseComponentProps {\n  onLegendItemHover: (e: any) => void;\n  onLegendItemUnHover: (e: any) => void;\n  onLegendItemClick: (e: any) => void;\n}\n\nexport const Legend = createComponent('Legend', 'legends', LEGEND_CUSTOMIZED_EVENTS);\n"]}
+{"version":3,"sources":["../src/components/Legend.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,wBAAwB,EAAoB,MAAM,gBAAgB,CAAC;AAC5E,OAAO,EAAsB,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAItE,MAAM,CAAC,MAAM,MAAM,GAAG,eAAe,CAAc,QAAQ,EAAE,SAAS,EAAE,wBAAwB,CAAC,CAAC","file":"Legend.js","sourcesContent":["import type { IDiscreteLegendSpec } from '@visactor/vchart';\nimport { LEGEND_CUSTOMIZED_EVENTS, LegendEventProps } from '../eventsUtils';\nimport { BaseComponentProps, createComponent } from './BaseComponent';\n\nexport type LegendProps = BaseComponentProps & IDiscreteLegendSpec & LegendEventProps;\n\nexport const Legend = createComponent<LegendProps>('Legend', 'legends', LEGEND_CUSTOMIZED_EVENTS);\n"]}

package/esm/components/Mark.d.ts

@@ -1,14 +1,4 @@
-import React from 'react';
-import type { MarkSpec } from '@visactor/vgrammar';
-export interface MarkProps extends Omit<MarkSpec, 'name' | 'id'> {
-    id?: string | number;
-    glyphType?: string;
-}
-export interface IMarkElement extends React.ReactElement<Props, React.JSXElementConstructor<Props>> {
-    id: string | number;
-}
-type Props = MarkProps & {
-    updateId: number;
-};
-export declare const Mark: React.FC<Props>;
-export {};
+import type { ICustomMarkSpec, EnableMarkType } from '@visactor/vchart';
+import { BaseComponentProps } from './BaseComponent';
+export type MarkProps = ICustomMarkSpec<EnableMarkType> & BaseComponentProps;
+export declare const Mark: import("react").FC<MarkProps>;

package/esm/components/Mark.js

@@ -1,40 +1,4 @@
-var __rest = this && this.__rest || function(s, e) {
-    var t = {};
-    for (var p in s) Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0 && (t[p] = s[p]);
-    if (null != s && "function" == typeof Object.getOwnPropertySymbols) {
-        var i = 0;
-        for (p = Object.getOwnPropertySymbols(s); i < p.length; i++) e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]) && (t[p[i]] = s[p[i]]);
-    }
-    return t;
-};
+import { createComponent } from "./BaseComponent";
 
-import React, { useContext, useEffect } from "react";
-
-import { isNil } from "@visactor/vutils";
-
-import ViewContext from "../context/view";
-
-import { uid } from "../util";
-
-export const Mark = props => {
-    const context = useContext(ViewContext), id = React.useRef(isNil(props.id) ? uid("mark") : props.id);
-    return context && addOrUpdateMark(context, id.current, props), useEffect((() => () => {
-        context && removeMark(context, id.current);
-    }), []), null;
-};
-
-const addOrUpdateMark = (view, id, props) => {
-    var _a;
-    if (!view.renderer) return;
-    let mark = view.getMarkById(id);
-    const {group: group, glyphType: glyphType, updateId: updateId} = props, others = __rest(props, [ "group", "glyphType", "updateId" ]);
-    mark || (mark = view.mark(props.type, null !== (_a = props.group) && void 0 !== _a ? _a : view.rootMark, props.glyphType ? {
-        glyphType: props.glyphType
-    } : null).name(id)), mark.parse(others), view.runAsync();
-}, removeMark = (view, id) => {
-    if (view.renderer) {
-        view.getMarkById(id);
-        view.removeGrammar(id);
-    }
-};
+export const Mark = createComponent("Mark", "customMark");
 //# sourceMappingURL=Mark.js.map

package/esm/components/Mark.js.map

@@ -1 +1 @@
-{"version":3,"sources":["components/Mark.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAGzC,OAAO,WAAW,MAAM,iBAAiB,CAAC;AAC1C,OAAO,EAAE,GAAG,EAAE,MAAM,SAAS,CAAC;AAa9B,MAAM,CAAC,MAAM,IAAI,GAAoB,CAAC,KAAY,EAAE,EAAE;IACpD,MAAM,OAAO,GAAG,UAAU,CAAC,WAAW,CAAC,CAAC;IACxC,MAAM,EAAE,GAAG,KAAK,CAAC,MAAM,CAAkB,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IAEnF,IAAI,OAAO,EAAE;QACX,eAAe,CAAC,OAAO,EAAE,EAAE,CAAC,OAAiB,EAAE,KAAK,CAAC,CAAC;KACvD;IAED,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,GAAG,EAAE;YACV,IAAI,OAAO,EAAE;gBACX,UAAU,CAAC,OAAO,EAAE,EAAE,CAAC,OAAiB,CAAC,CAAC;aAC3C;QACH,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAEF,MAAM,eAAe,GAAG,CAAC,IAAW,EAAE,EAAU,EAAE,KAAY,EAAE,EAAE;;IAChE,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;QAElB,OAAO;KACR;IAED,IAAI,IAAI,GAAG,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;IAChC,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,KAAgB,KAAK,EAAhB,MAAM,UAAK,KAAK,EAAjD,kCAAyC,CAAQ,CAAC;IACxD,IAAI,CAAC,IAAI,EAAE;QACT,IAAI,GAAI,IAAY;aACjB,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,MAAA,KAAK,CAAC,KAAK,mCAAI,IAAI,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;aACvG,IAAI,CAAC,EAAE,CAAC,CAAC;KACb;IAED,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IACnB,IAAI,CAAC,QAAQ,EAAE,CAAC;AAClB,CAAC,CAAC;AAEF,MAAM,UAAU,GAAG,CAAC,IAAW,EAAE,EAAU,EAAE,EAAE;IAC7C,IAAI,IAAI,CAAC,QAAQ,EAAE;QACjB,MAAM,IAAI,GAAG,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;QACjC,IAAY,CAAC,aAAa,CAAC,EAAE,CAAC,CAAC;KACjC;AACH,CAAC,CAAC","file":"Mark.js","sourcesContent":["import React, { useContext, useEffect } from 'react';\nimport { isNil } from '@visactor/vutils';\nimport type { IView, MarkSpec } from '@visactor/vgrammar';\n\nimport ViewContext from '../context/view';\nimport { uid } from '../util';\n\nexport interface MarkProps extends Omit<MarkSpec, 'name' | 'id'> {\n  id?: string | number;\n  glyphType?: string;\n}\n\nexport interface IMarkElement extends React.ReactElement<Props, React.JSXElementConstructor<Props>> {\n  id: string | number;\n}\n\ntype Props = MarkProps & { updateId: number };\n\nexport const Mark: React.FC<Props> = (props: Props) => {\n  const context = useContext(ViewContext);\n  const id = React.useRef<string | number>(isNil(props.id) ? uid('mark') : props.id);\n\n  if (context) {\n    addOrUpdateMark(context, id.current as string, props);\n  }\n\n  useEffect(() => {\n    return () => {\n      if (context) {\n        removeMark(context, id.current as string);\n      }\n    };\n  }, []);\n\n  return null;\n};\n\nconst addOrUpdateMark = (view: IView, id: string, props: Props) => {\n  if (!view.renderer) {\n    // view has been released\n    return;\n  }\n\n  let mark = view.getMarkById(id);\n  const { group, glyphType, updateId, ...others } = props;\n  if (!mark) {\n    mark = (view as any)\n      .mark(props.type, props.group ?? view.rootMark, props.glyphType ? { glyphType: props.glyphType } : null)\n      .name(id);\n  }\n\n  mark.parse(others);\n  view.runAsync();\n};\n\nconst removeMark = (view: IView, id: string) => {\n  if (view.renderer) {\n    const mark = view.getMarkById(id);\n    (view as any).removeGrammar(id);\n  }\n};\n"]}
+{"version":3,"sources":["../src/components/Mark.tsx"],"names":[],"mappings":"AACA,OAAO,EAAsB,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAItE,MAAM,CAAC,MAAM,IAAI,GAAG,eAAe,CAAY,MAAM,EAAE,YAAY,CAAC,CAAC","file":"Mark.js","sourcesContent":["import type { ICustomMarkSpec, EnableMarkType } from '@visactor/vchart';\nimport { BaseComponentProps, createComponent } from './BaseComponent';\n\nexport type MarkProps = ICustomMarkSpec<EnableMarkType> & BaseComponentProps;\n\nexport const Mark = createComponent<MarkProps>('Mark', 'customMark');\n"]}

package/esm/components/MarkArea.d.ts

@@ -0,0 +1,4 @@
+import { BaseComponentProps } from './BaseComponent';
+import type { IMarkAreaSpec } from '@visactor/vchart';
+export type MarkAreaProps = IMarkAreaSpec & BaseComponentProps;
+export declare const MarkArea: import("react").FC<MarkAreaProps>;

package/esm/components/MarkArea.js

@@ -0,0 +1,4 @@
+import { createComponent } from "./BaseComponent";
+
+export const MarkArea = createComponent("MarkArea", "markArea");
+//# sourceMappingURL=MarkArea.js.map

package/esm/components/MarkArea.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/MarkArea.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAsB,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAKtE,MAAM,CAAC,MAAM,QAAQ,GAAG,eAAe,CAAgB,UAAU,EAAE,UAAU,CAAC,CAAC","file":"MarkArea.js","sourcesContent":["import { BaseComponentProps, createComponent } from './BaseComponent';\nimport type { IMarkAreaSpec } from '@visactor/vchart';\n\nexport type MarkAreaProps = IMarkAreaSpec & BaseComponentProps;\n\nexport const MarkArea = createComponent<MarkAreaProps>('MarkArea', 'markArea');\n"]}

package/esm/components/MarkLine.d.ts

@@ -0,0 +1,4 @@
+import { BaseComponentProps } from './BaseComponent';
+import type { IMarkLineSpec } from '@visactor/vchart';
+export type MarkLineProps = IMarkLineSpec & BaseComponentProps;
+export declare const MarkLine: import("react").FC<MarkLineProps>;

package/esm/components/MarkLine.js

@@ -0,0 +1,4 @@
+import { createComponent } from "./BaseComponent";
+
+export const MarkLine = createComponent("MarkLine", "markLine");
+//# sourceMappingURL=MarkLine.js.map

package/esm/components/MarkLine.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/MarkLine.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAsB,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAKtE,MAAM,CAAC,MAAM,QAAQ,GAAG,eAAe,CAAgB,UAAU,EAAE,UAAU,CAAC,CAAC","file":"MarkLine.js","sourcesContent":["import { BaseComponentProps, createComponent } from './BaseComponent';\nimport type { IMarkLineSpec } from '@visactor/vchart';\n\nexport type MarkLineProps = IMarkLineSpec & BaseComponentProps;\n\nexport const MarkLine = createComponent<MarkLineProps>('MarkLine', 'markLine');\n"]}

package/esm/components/MarkPoint.d.ts

@@ -0,0 +1,4 @@
+import { BaseComponentProps } from './BaseComponent';
+import type { IMarkPointSpec } from '@visactor/vchart';
+export type MarkPointProps = IMarkPointSpec & BaseComponentProps;
+export declare const MarkPoint: import("react").FC<MarkPointProps>;

package/esm/components/MarkPoint.js

@@ -0,0 +1,4 @@
+import { createComponent } from "./BaseComponent";
+
+export const MarkPoint = createComponent("MarkPoint", "markPoint");
+//# sourceMappingURL=MarkPoint.js.map

package/esm/components/MarkPoint.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/MarkPoint.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAsB,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAKtE,MAAM,CAAC,MAAM,SAAS,GAAG,eAAe,CAAiB,WAAW,EAAE,WAAW,CAAC,CAAC","file":"MarkPoint.js","sourcesContent":["import { BaseComponentProps, createComponent } from './BaseComponent';\nimport type { IMarkPointSpec } from '@visactor/vchart';\n\nexport type MarkPointProps = IMarkPointSpec & BaseComponentProps;\n\nexport const MarkPoint = createComponent<MarkPointProps>('MarkPoint', 'markPoint');\n"]}

package/esm/components/Player.d.ts

@@ -0,0 +1,5 @@
+import { PlayerEventProps } from '../eventsUtils';
+import { BaseComponentProps } from './BaseComponent';
+import type { IPlayerSpec } from '@visactor/vchart';
+export type PlayerProps = IPlayerSpec & BaseComponentProps & PlayerEventProps;
+export declare const Player: import("react").FC<PlayerProps>;

package/esm/components/Player.js

@@ -0,0 +1,6 @@
+import { PLAYER_CUSTOMIZED_EVENTS } from "../eventsUtils";
+
+import { createComponent } from "./BaseComponent";
+
+export const Player = createComponent("Player", "player", PLAYER_CUSTOMIZED_EVENTS, !0);
+//# sourceMappingURL=Player.js.map

package/esm/components/Player.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Player.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAoB,MAAM,gBAAgB,CAAC;AAC5E,OAAO,EAAsB,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAKtE,MAAM,CAAC,MAAM,MAAM,GAAG,eAAe,CAAc,QAAQ,EAAE,QAAQ,EAAE,wBAAwB,EAAE,IAAI,CAAC,CAAC","file":"Player.js","sourcesContent":["import { PLAYER_CUSTOMIZED_EVENTS, PlayerEventProps } from '../eventsUtils';\nimport { BaseComponentProps, createComponent } from './BaseComponent';\nimport type { IPlayerSpec } from '@visactor/vchart';\n\nexport type PlayerProps = IPlayerSpec & BaseComponentProps & PlayerEventProps;\n\nexport const Player = createComponent<PlayerProps>('Player', 'player', PLAYER_CUSTOMIZED_EVENTS, true);\n"]}

package/esm/components/Region.d.ts

@@ -1,5 +1,5 @@
-export interface RegionProps {
+import type { IRegionSpec } from '@visactor/vchart';
+import { BaseComponentProps } from './BaseComponent';
+export interface RegionProps extends BaseComponentProps, IRegionSpec {
 }
-export declare const Region: import("react").FC<import("./BaseComponent").BaseComponentProps & {
-    updateId?: number;
-}>;
+export declare const Region: import("react").FC<RegionProps>;

package/esm/components/Region.js

@@ -1,4 +1,3 @@
 import { createComponent } from "./BaseComponent";
 
-export const Region = createComponent("Region", "region");
-//# sourceMappingURL=Region.js.map
+export const Region = createComponent("Region", "region");

package/esm/components/Region.js.map

@@ -1 +1 @@
-{"version":3,"sources":["components/Region.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAMlD,MAAM,CAAC,MAAM,MAAM,GAAG,eAAe,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC","file":"Region.js","sourcesContent":["// import type { IRegionSpec } from '@visactor/vchart'\nimport { createComponent } from './BaseComponent';\n\nexport interface RegionProps {\n  //\n}\n\nexport const Region = createComponent('Region', 'region');\n"]}
+{"version":3,"sources":["../src/components/Region.tsx"],"names":[],"mappings":"AACA,OAAO,EAAsB,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAMtE,MAAM,CAAC,MAAM,MAAM,GAAG,eAAe,CAAc,QAAQ,EAAE,QAAQ,CAAC,CAAC","file":"Region.js","sourcesContent":["import type { IRegionSpec } from '@visactor/vchart';\nimport { BaseComponentProps, createComponent } from './BaseComponent';\n\nexport interface RegionProps extends BaseComponentProps, IRegionSpec {\n  //\n}\n\nexport const Region = createComponent<RegionProps>('Region', 'region');\n"]}

package/esm/components/ScrollBar.d.ts

@@ -0,0 +1,5 @@
+import { ScrollBarEventProps } from '../eventsUtils';
+import { BaseComponentProps } from './BaseComponent';
+import type { IScrollBarSpec } from '@visactor/vchart';
+export type ScrollBarProps = IScrollBarSpec & BaseComponentProps & ScrollBarEventProps;
+export declare const ScrollBar: import("react").FC<ScrollBarProps>;

package/esm/components/ScrollBar.js

@@ -0,0 +1,6 @@
+import { SCROLLBAR_CUSTOMIZED_EVENTS } from "../eventsUtils";
+
+import { createComponent } from "./BaseComponent";
+
+export const ScrollBar = createComponent("ScrollBar", "scrollBar", SCROLLBAR_CUSTOMIZED_EVENTS);
+//# sourceMappingURL=ScrollBar.js.map

package/esm/components/ScrollBar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ScrollBar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,2BAA2B,EAAuB,MAAM,gBAAgB,CAAC;AAClF,OAAO,EAAsB,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAKtE,MAAM,CAAC,MAAM,SAAS,GAAG,eAAe,CAAiB,WAAW,EAAE,WAAW,EAAE,2BAA2B,CAAC,CAAC","file":"ScrollBar.js","sourcesContent":["import { SCROLLBAR_CUSTOMIZED_EVENTS, ScrollBarEventProps } from '../eventsUtils';\nimport { BaseComponentProps, createComponent } from './BaseComponent';\nimport type { IScrollBarSpec } from '@visactor/vchart';\n\nexport type ScrollBarProps = IScrollBarSpec & BaseComponentProps & ScrollBarEventProps;\n\nexport const ScrollBar = createComponent<ScrollBarProps>('ScrollBar', 'scrollBar', SCROLLBAR_CUSTOMIZED_EVENTS);\n"]}

package/esm/components/Title.d.ts

@@ -0,0 +1,4 @@
+import { BaseComponentProps } from './BaseComponent';
+import type { ITitleSpec } from '@visactor/vchart';
+export type TitleProps = ITitleSpec & BaseComponentProps;
+export declare const Title: import("react").FC<TitleProps>;

package/esm/components/Title.js

@@ -0,0 +1,4 @@
+import { createComponent } from "./BaseComponent";
+
+export const Title = createComponent("Title", "title", null, !0);
+//# sourceMappingURL=Title.js.map

package/esm/components/Title.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Title.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAsB,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAKtE,MAAM,CAAC,MAAM,KAAK,GAAG,eAAe,CAAa,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC","file":"Title.js","sourcesContent":["import { BaseComponentProps, createComponent } from './BaseComponent';\nimport type { ITitleSpec } from '@visactor/vchart';\n\nexport type TitleProps = ITitleSpec & BaseComponentProps;\n\nexport const Title = createComponent<TitleProps>('Title', 'title', null, true);\n"]}

package/esm/components/Tooltip.d.ts

@@ -0,0 +1,4 @@
+import { BaseComponentProps } from './BaseComponent';
+import type { ITooltipSpec } from '@visactor/vchart';
+export type TooltipProps = ITooltipSpec & BaseComponentProps;
+export declare const Tooltip: import("react").FC<TooltipProps>;

package/esm/components/Tooltip.js

@@ -0,0 +1,4 @@
+import { createComponent } from "./BaseComponent";
+
+export const Tooltip = createComponent("Tooltip", "tooltip", null, !0);
+//# sourceMappingURL=Tooltip.js.map

package/esm/components/Tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAsB,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAKtE,MAAM,CAAC,MAAM,OAAO,GAAG,eAAe,CAAe,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC","file":"Tooltip.js","sourcesContent":["import { BaseComponentProps, createComponent } from './BaseComponent';\nimport type { ITooltipSpec } from '@visactor/vchart';\n\nexport type TooltipProps = ITooltipSpec & BaseComponentProps;\n\nexport const Tooltip = createComponent<TooltipProps>('Tooltip', 'tooltip', null, true);\n"]}

package/esm/components/index.d.ts

@@ -2,3 +2,14 @@ export * from './Axis';
 export * from './Mark';
 export * from './Region';
 export * from './Legend';
+export * from './Brush';
+export * from './Crosshair';
+export * from './DataZoom';
+export * from './MarkLine';
+export * from './MarkArea';
+export * from './MarkPoint';
+export * from './ScrollBar';
+export * from './Tooltip';
+export * from './Player';
+export * from './Indicator';
+export * from './Title';

package/esm/components/index.js

@@ -5,4 +5,26 @@ export * from "./Mark";
 export * from "./Region";
 
 export * from "./Legend";
-//# sourceMappingURL=index.js.map
+
+export * from "./Brush";
+
+export * from "./Crosshair";
+
+export * from "./DataZoom";
+
+export * from "./MarkLine";
+
+export * from "./MarkArea";
+
+export * from "./MarkPoint";
+
+export * from "./ScrollBar";
+
+export * from "./Tooltip";
+
+export * from "./Player";
+
+export * from "./Indicator";
+
+export * from "./Title";
+//# sourceMappingURL=index.js.map

package/esm/components/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["components/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC","file":"index.js","sourcesContent":["export * from './Axis';\nexport * from './Mark';\nexport * from './Region';\nexport * from './Legend';"]}
+{"version":3,"sources":["../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC","file":"index.js","sourcesContent":["export * from './Axis';\nexport * from './Mark';\nexport * from './Region';\nexport * from './Legend';\nexport * from './Brush';\nexport * from './Crosshair';\nexport * from './DataZoom';\nexport * from './MarkLine';\nexport * from './MarkArea';\nexport * from './MarkPoint';\nexport * from './ScrollBar';\nexport * from './Tooltip';\nexport * from './Player';\nexport * from './Indicator';\nexport * from './Title';\n"]}

package/esm/constants.js

@@ -1,2 +1,2 @@
 export const REACT_PRIVATE_PROPS = [ "children", "hooks", "ref" ];
-//# sourceMappingURL=constants.js.map
+//# sourceMappingURL=constants.js.map

package/esm/constants.js.map

@@ -1 +1 @@
-{"version":3,"sources":["constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,UAAU,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC","file":"constants.js","sourcesContent":["export const REACT_PRIVATE_PROPS = [\"children\", \"hooks\", \"ref\"];\n\n"]}
+{"version":3,"sources":["../src/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,UAAU,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC","file":"constants.js","sourcesContent":["export const REACT_PRIVATE_PROPS = [\"children\", \"hooks\", \"ref\"];\n\n"]}

package/esm/containers/withContainer.d.ts

@@ -1,8 +1,8 @@
-import React from "react";
+import React from 'react';
 export interface ContainerProps {
     style?: React.CSSProperties;
     className?: string;
     width?: number | string;
     height?: number | string;
 }
-export default function withContainer<Props extends ContainerProps, CompProps>(Comp: typeof React.Component<any, CompProps>, name?: string, getProps?: (props: any) => CompProps): React.ForwardRefExoticComponent<React.PropsWithoutRef<Props> & React.RefAttributes<any>>;
+export default function withContainer<Props extends ContainerProps, CompProps>(Comp: typeof React.Component<any, CompProps>, name?: string, getProps?: (props: any) => CompProps): React.ForwardRefExoticComponent<React.PropsWithoutRef<CompProps & Props> & React.RefAttributes<any>>;

package/esm/containers/withContainer.js.map

@@ -1 +1 @@
-{"version":3,"sources":["containers/withContainer.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,OAAO,CAAC;AASjE,MAAM,CAAC,OAAO,UAAU,aAAa,CACnC,IAA4C,EAC5C,OAAe,gBAAgB,EAC/B,QAAoC;IAEpC,MAAM,GAAG,GAAG,KAAK,CAAC,UAAU,CAAa,CAAC,KAAY,EAAE,GAAG,EAAE,EAAE;QAC7D,MAAM,SAAS,GAAG,MAAM,EAAE,CAAC;QAC3B,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;QAC5C,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,KAAiB,KAAK,EAAjB,OAAO,UAAK,KAAK,EAA/C,+BAAuC,CAAQ,CAAC;QAEtD,eAAe,CAAC,GAAG,EAAE;YACnB,SAAS,CAAC,IAAI,CAAC,CAAC;QAClB,CAAC,EAAE,EAAE,CAAC,CAAC;QAEP,OAAO,CACL,6BACE,GAAG,EAAE,SAAS,EACd,SAAS,EAAE,SAAS,EACpB,KAAK,kBACH,QAAQ,EAAE,UAAU,EACpB,MAAM,EAAE,KAAK,CAAC,MAAM,IAAI,MAAM,EAC9B,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,MAAM,IACzB,KAAK,KAGT,MAAM,CAAC,CAAC,CAAC,CACR,oBAAC,IAAI,kBACH,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,SAAS,CAAC,OAAO,IACxB,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,CAAE,OAAqB,CAAC,EAC3D,CACH,CAAC,CAAC,CAAC,CACF,yCAAK,CACN,CACG,CACP,CAAC;IACJ,CAAC,CAAC,CAAC;IACH,GAAG,CAAC,WAAW,GAAG,IAAI,IAAI,IAAI,CAAC,IAAI,CAAC;IACpC,OAAO,GAAG,CAAC;AACb,CAAC","file":"withContainer.js","sourcesContent":["import React, { useRef, useState, useLayoutEffect } from \"react\";\n\nexport interface ContainerProps {\n  style?: React.CSSProperties;\n  className?: string;\n  width?: number | string;\n  height?: number | string;\n}\n\nexport default function withContainer<Props extends ContainerProps, CompProps>(\n  Comp: typeof React.Component<any, CompProps>,\n  name: string = \"ChartContainer\",\n  getProps?: (props: any) => CompProps\n) {\n  const Cls = React.forwardRef<any, Props>((props: Props, ref) => {\n    const container = useRef();\n    const [inited, setInited] = useState(false);\n    const { className, style, width, ...options } = props;\n\n    useLayoutEffect(() => {\n      setInited(true);\n    }, []);\n\n    return (\n      <div\n        ref={container}\n        className={className}\n        style={{\n          position: \"relative\",\n          height: props.height || \"100%\",\n          width: props.width || \"100%\",\n          ...style,\n        }}\n      >\n        {inited ? (\n          <Comp\n            ref={ref}\n            container={container.current}\n            {...(getProps ? getProps(options) : (options as CompProps))}\n          />\n        ) : (\n          <></>\n        )}\n      </div>\n    );\n  });\n  Cls.displayName = name || Comp.name;\n  return Cls;\n}\n"]}
+{"version":3,"sources":["../src/containers/withContainer.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,OAAO,CAAC;AASjE,MAAM,CAAC,OAAO,UAAU,aAAa,CACnC,IAA4C,EAC5C,IAAI,GAAG,gBAAgB,EACvB,QAAoC;IAEpC,MAAM,GAAG,GAAG,KAAK,CAAC,UAAU,CAAyB,CAAC,KAAwB,EAAE,GAAG,EAAE,EAAE;QACrF,MAAM,SAAS,GAAG,MAAM,EAAE,CAAC;QAC3B,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;QAC5C,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,KAAiB,KAAK,EAAjB,OAAO,UAAK,KAAK,EAA/C,+BAAuC,CAAQ,CAAC;QAEtD,eAAe,CAAC,GAAG,EAAE;YACnB,SAAS,CAAC,IAAI,CAAC,CAAC;QAClB,CAAC,EAAE,EAAE,CAAC,CAAC;QAEP,OAAO,CACL,6BACE,GAAG,EAAE,SAAS,EACd,SAAS,EAAE,SAAS,EACpB,KAAK,kBACH,QAAQ,EAAE,UAAU,EACpB,MAAM,EAAE,KAAK,CAAC,MAAM,IAAI,MAAM,EAC9B,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,MAAM,IACzB,KAAK,KAGT,MAAM,CAAC,CAAC,CAAC,CACR,oBAAC,IAAI,kBAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,SAAS,CAAC,OAAO,IAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,CAAE,OAAqB,CAAC,EAAI,CAC9G,CAAC,CAAC,CAAC,CACF,yCAAK,CACN,CACG,CACP,CAAC;IACJ,CAAC,CAAC,CAAC;IACH,GAAG,CAAC,WAAW,GAAG,IAAI,IAAI,IAAI,CAAC,IAAI,CAAC;IACpC,OAAO,GAAG,CAAC;AACb,CAAC","file":"withContainer.js","sourcesContent":["import React, { useRef, useState, useLayoutEffect } from 'react';\n\nexport interface ContainerProps {\n  style?: React.CSSProperties;\n  className?: string;\n  width?: number | string;\n  height?: number | string;\n}\n\nexport default function withContainer<Props extends ContainerProps, CompProps>(\n  Comp: typeof React.Component<any, CompProps>,\n  name = 'ChartContainer',\n  getProps?: (props: any) => CompProps\n) {\n  const Cls = React.forwardRef<any, CompProps & Props>((props: CompProps & Props, ref) => {\n    const container = useRef();\n    const [inited, setInited] = useState(false);\n    const { className, style, width, ...options } = props;\n\n    useLayoutEffect(() => {\n      setInited(true);\n    }, []);\n\n    return (\n      <div\n        ref={container}\n        className={className}\n        style={{\n          position: 'relative',\n          height: props.height || '100%',\n          width: props.width || '100%',\n          ...style\n        }}\n      >\n        {inited ? (\n          <Comp ref={ref} container={container.current} {...(getProps ? getProps(options) : (options as CompProps))} />\n        ) : (\n          <></>\n        )}\n      </div>\n    );\n  });\n  Cls.displayName = name || Comp.name;\n  return Cls;\n}\n"]}

package/esm/context/chart.d.ts

@@ -1,8 +1,7 @@
 import React from 'react';
-import type VChart from '@visactor/vchart';
+import type { IVChart } from '@visactor/vchart';
 export interface ChartContextType {
-    chart?: VChart;
-    specFromChildren: any;
+    chart?: IVChart;
     isChildrenUpdated?: boolean;
 }
 declare const ChartContext: React.Context<ChartContextType>;

package/esm/context/chart.js.map

@@ -1 +1 @@
-{"version":3,"sources":["context/chart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,MAAM,YAAY,GAAG,KAAK,CAAC,aAAa,CAAmB,IAAI,CAAC,CAAC;AACjE,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC;AAE1C,MAAM,UAAU,iBAAiB,CAAI,SAAiC;IACpE,MAAM,GAAG,GAAG,KAAK,CAAC,UAAU,CAAS,CAAC,KAAQ,EAAE,GAAG,EAAE,EAAE;QACrD,OAAO,CACL,oBAAC,YAAY,CAAC,QAAQ,QACnB,CAAC,GAAqB,EAAE,EAAE,CAAC,oBAAC,SAAS,kBAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,CAAC,KAAK,IAAM,KAAK,EAAI,CAC1D,CACzB,CAAC;IACJ,CAAC,CAAC,CAAC;IACH,GAAG,CAAC,WAAW,GAAG,SAAS,CAAC,IAAI,CAAC;IACjC,OAAO,GAAG,CAAC;AACb,CAAC;AAED,eAAe,YAAY,CAAC","file":"chart.js","sourcesContent":["import React from 'react';\nimport type VChart from '@visactor/vchart';\n\nexport interface ChartContextType {\n  chart?: VChart;\n  specFromChildren: any;\n  isChildrenUpdated?: boolean;\n}\n\nconst ChartContext = React.createContext<ChartContextType>(null);\nChartContext.displayName = 'ChartContext';\n\nexport function withChartInstance<T>(Component: typeof React.Component) {\n  const Com = React.forwardRef<any, T>((props: T, ref) => {\n    return (\n      <ChartContext.Consumer>\n        {(ctx: ChartContextType) => <Component ref={ref} chart={ctx.chart} {...props} />}\n      </ChartContext.Consumer>\n    );\n  });\n  Com.displayName = Component.name;\n  return Com;\n}\n\nexport default ChartContext;\n"]}
+{"version":3,"sources":["../src/context/chart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,MAAM,YAAY,GAAG,KAAK,CAAC,aAAa,CAAmB,IAAI,CAAC,CAAC;AACjE,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC;AAE1C,MAAM,UAAU,iBAAiB,CAAI,SAAiC;IACpE,MAAM,GAAG,GAAG,KAAK,CAAC,UAAU,CAAS,CAAC,KAAQ,EAAE,GAAG,EAAE,EAAE;QACrD,OAAO,CACL,oBAAC,YAAY,CAAC,QAAQ,QACnB,CAAC,GAAqB,EAAE,EAAE,CAAC,oBAAC,SAAS,kBAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,CAAC,KAAK,IAAM,KAAK,EAAI,CAC1D,CACzB,CAAC;IACJ,CAAC,CAAC,CAAC;IACH,GAAG,CAAC,WAAW,GAAG,SAAS,CAAC,IAAI,CAAC;IACjC,OAAO,GAAG,CAAC;AACb,CAAC;AAED,eAAe,YAAY,CAAC","file":"chart.js","sourcesContent":["import React from 'react';\nimport type { IVChart } from '@visactor/vchart';\n\nexport interface ChartContextType {\n  chart?: IVChart;\n  isChildrenUpdated?: boolean;\n}\n\nconst ChartContext = React.createContext<ChartContextType>(null);\nChartContext.displayName = 'ChartContext';\n\nexport function withChartInstance<T>(Component: typeof React.Component) {\n  const Com = React.forwardRef<any, T>((props: T, ref) => {\n    return (\n      <ChartContext.Consumer>\n        {(ctx: ChartContextType) => <Component ref={ref} chart={ctx.chart} {...props} />}\n      </ChartContext.Consumer>\n    );\n  });\n  Com.displayName = Component.name;\n  return Com;\n}\n\nexport default ChartContext;\n"]}

package/esm/context/stage.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { Stage } from '@visactor/vrender';
-declare const StageContext: React.Context<Stage>;
+import type { IStage } from '@visactor/vrender-core';
+declare const StageContext: React.Context<IStage>;
 export declare function withStage<T>(Component: typeof React.Component): React.ForwardRefExoticComponent<React.PropsWithoutRef<T> & React.RefAttributes<any>>;
 export default StageContext;

package/esm/context/stage.js.map

@@ -1 +1 @@
-{"version":3,"sources":["context/stage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,YAAY,GAAG,KAAK,CAAC,aAAa,CAAQ,IAAI,CAAC,CAAC;AACtD,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC;AAE1C,MAAM,UAAU,SAAS,CAAI,SAAiC;IAC5D,MAAM,GAAG,GAAG,KAAK,CAAC,UAAU,CAAS,CAAC,KAAQ,EAAE,GAAG,EAAE,EAAE;QACrD,OAAO,oBAAC,YAAY,CAAC,QAAQ,QAAE,GAAG,CAAC,EAAE,CAAC,oBAAC,SAAS,kBAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,IAAM,KAAK,EAAI,CAAyB,CAAC;IAChH,CAAC,CAAC,CAAC;IACH,GAAG,CAAC,WAAW,GAAG,SAAS,CAAC,IAAI,CAAC;IACjC,OAAO,GAAG,CAAC;AACb,CAAC;AAED,eAAe,YAAY,CAAC","file":"stage.js","sourcesContent":["import React from 'react';\nimport type { Stage } from '@visactor/vrender';\n\nconst StageContext = React.createContext<Stage>(null);\nStageContext.displayName = 'StageContext';\n\nexport function withStage<T>(Component: typeof React.Component) {\n  const Com = React.forwardRef<any, T>((props: T, ref) => {\n    return <StageContext.Consumer>{ctx => <Component ref={ref} stage={ctx} {...props} />}</StageContext.Consumer>;\n  });\n  Com.displayName = Component.name;\n  return Com;\n}\n\nexport default StageContext;\n"]}
+{"version":3,"sources":["../src/context/stage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,YAAY,GAAG,KAAK,CAAC,aAAa,CAAS,IAAI,CAAC,CAAC;AACvD,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC;AAE1C,MAAM,UAAU,SAAS,CAAI,SAAiC;IAC5D,MAAM,GAAG,GAAG,KAAK,CAAC,UAAU,CAAS,CAAC,KAAQ,EAAE,GAAG,EAAE,EAAE;QACrD,OAAO,oBAAC,YAAY,CAAC,QAAQ,QAAE,GAAG,CAAC,EAAE,CAAC,oBAAC,SAAS,kBAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,IAAM,KAAK,EAAI,CAAyB,CAAC;IAChH,CAAC,CAAC,CAAC;IACH,GAAG,CAAC,WAAW,GAAG,SAAS,CAAC,IAAI,CAAC;IACjC,OAAO,GAAG,CAAC;AACb,CAAC;AAED,eAAe,YAAY,CAAC","file":"stage.js","sourcesContent":["import React from 'react';\nimport type { IStage } from '@visactor/vrender-core';\n\nconst StageContext = React.createContext<IStage>(null);\nStageContext.displayName = 'StageContext';\n\nexport function withStage<T>(Component: typeof React.Component) {\n  const Com = React.forwardRef<any, T>((props: T, ref) => {\n    return <StageContext.Consumer>{ctx => <Component ref={ref} stage={ctx} {...props} />}</StageContext.Consumer>;\n  });\n  Com.displayName = Component.name;\n  return Com;\n}\n\nexport default StageContext;\n"]}

package/esm/context/view.d.ts

@@ -1,5 +1,5 @@
-import React from "react";
-import type { IView } from "@visactor/vgrammar";
+import React from 'react';
+import type { IView } from '@visactor/vgrammar-core';
 declare const ViewContext: React.Context<IView>;
 export declare function withView<T>(Component: typeof React.Component): React.ForwardRefExoticComponent<React.PropsWithoutRef<T> & React.RefAttributes<any>>;
 export default ViewContext;

package/esm/context/view.js.map

@@ -1 +1 @@
-{"version":3,"sources":["context/view.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,GAAG,KAAK,CAAC,aAAa,CAAQ,IAAI,CAAC,CAAC;AACrD,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC;AAExC,MAAM,UAAU,QAAQ,CAAI,SAAiC;IAC3D,MAAM,GAAG,GAAG,KAAK,CAAC,UAAU,CAAS,CAAC,KAAQ,EAAE,GAAG,EAAE,EAAE;QACrD,OAAO,CACL,oBAAC,WAAW,CAAC,QAAQ,QAClB,CAAC,GAAG,EAAE,EAAE,CAAC,oBAAC,SAAS,kBAAC,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,IAAM,KAAK,EAAI,CAClC,CACxB,CAAC;IACJ,CAAC,CAAC,CAAC;IACH,GAAG,CAAC,WAAW,GAAG,SAAS,CAAC,IAAI,CAAC;IACjC,OAAO,GAAG,CAAC;AACb,CAAC;AAED,eAAe,WAAW,CAAC","file":"view.js","sourcesContent":["import React from \"react\";\nimport type { IView } from \"@visactor/vgrammar\";\n\nconst ViewContext = React.createContext<IView>(null);\nViewContext.displayName = \"ViewContext\";\n\nexport function withView<T>(Component: typeof React.Component) {\n  const Com = React.forwardRef<any, T>((props: T, ref) => {\n    return (\n      <ViewContext.Consumer>\n        {(ctx) => <Component ref={ref} view={ctx} {...props} />}\n      </ViewContext.Consumer>\n    );\n  });\n  Com.displayName = Component.name;\n  return Com;\n}\n\nexport default ViewContext;\n"]}
+{"version":3,"sources":["../src/context/view.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,GAAG,KAAK,CAAC,aAAa,CAAQ,IAAI,CAAC,CAAC;AACrD,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC;AAExC,MAAM,UAAU,QAAQ,CAAI,SAAiC;IAC3D,MAAM,GAAG,GAAG,KAAK,CAAC,UAAU,CAAS,CAAC,KAAQ,EAAE,GAAG,EAAE,EAAE;QACrD,OAAO,oBAAC,WAAW,CAAC,QAAQ,QAAE,GAAG,CAAC,EAAE,CAAC,oBAAC,SAAS,kBAAC,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,IAAM,KAAK,EAAI,CAAwB,CAAC;IAC7G,CAAC,CAAC,CAAC;IACH,GAAG,CAAC,WAAW,GAAG,SAAS,CAAC,IAAI,CAAC;IACjC,OAAO,GAAG,CAAC;AACb,CAAC;AAED,eAAe,WAAW,CAAC","file":"view.js","sourcesContent":["import React from 'react';\nimport type { IView } from '@visactor/vgrammar-core';\n\nconst ViewContext = React.createContext<IView>(null);\nViewContext.displayName = 'ViewContext';\n\nexport function withView<T>(Component: typeof React.Component) {\n  const Com = React.forwardRef<any, T>((props: T, ref) => {\n    return <ViewContext.Consumer>{ctx => <Component ref={ref} view={ctx} {...props} />}</ViewContext.Consumer>;\n  });\n  Com.displayName = Component.name;\n  return Com;\n}\n\nexport default ViewContext;\n"]}

package/esm/eventsUtils.d.ts

@@ -1,50 +1,91 @@
-import type VChart from '@visactor/vchart';
+import type { IVChart, EventCallback, EventParamsDefinition } from '@visactor/vchart';
+export interface LegendEventProps {
+    onLegendItemHover?: (e: any) => void;
+    onLegendItemUnHover?: (e: any) => void;
+    onLegendItemClick?: (e: any) => void;
+    onLegendFilter?: (e: any) => void;
+    onLegendSelectedDataChange?: (e: any) => void;
+}
+export interface BrushEventProps {
+    onBrushStart?: (e: any) => void;
+    onBrushChange?: (e: any) => void;
+    onBrushEnd?: (e: any) => void;
+}
+export interface DataZoomEventProps {
+    onDataZoomChange?: (e: any) => void;
+}
+export interface PlayerEventProps {
+    onPlayerPlay?: (e: any) => void;
+    onPlayerPause?: (e: any) => void;
+    onPlayerEnd?: (e: any) => void;
+    onPlayerChange?: (e: any) => void;
+    onPlayerForward?: (e: any) => void;
+    onPlayerBackward?: (e: any) => void;
+}
+export interface ScrollBarEventProps {
+    onScrollBarChange?: (e: any) => void;
+}
+export interface DimensionEventProps {
+    onDimensionHover?: (e: any) => void;
+    onDimensionClick?: (e: any) => void;
+}
+export interface HierarchyEventProps {
+    onDrill?: (e: any) => void;
+}
+export interface ChartLifeCycleEventProps {
+    onInitialized?: (e: any) => void;
+    onRendered?: (e: any) => void;
+    onRenderFinished?: (e: any) => void;
+    onAnimationFinished?: (e: any) => void;
+    onLayoutStart?: (e: any) => void;
+    onLayoutEnd?: (e: any) => void;
+}
 export interface EventsProps {
-    onPointerDown?: (e: any) => void | boolean;
-    onPointerUp?: (e: any) => void | boolean;
-    onPointerUpOutside?: (e: any) => void | boolean;
-    onPointerTap?: (e: any) => void | boolean;
-    onPointerOver?: (e: any) => void | boolean;
-    onPointerMove?: (e: any) => void | boolean;
-    onPointerEnter?: (e: any) => void | boolean;
-    onPointerLeave?: (e: any) => void | boolean;
-    onPointerOut?: (e: any) => void | boolean;
-    onMouseDown?: (e: any) => void | boolean;
-    onMouseUp?: (e: any) => void | boolean;
-    onMouseUpOutside?: (e: any) => void | boolean;
-    onMouseMove?: (e: any) => void | boolean;
-    onMouseOver?: (e: any) => void | boolean;
-    onMouseOut?: (e: any) => void | boolean;
-    onMouseEnter?: (e: any) => void | boolean;
-    onMouseLeave?: (e: any) => void | boolean;
-    onPinch?: (e: any) => void | boolean;
-    onPinchStart?: (e: any) => void | boolean;
-    onPinchEnd?: (e: any) => void | boolean;
-    onPan?: (e: any) => void | boolean;
-    onPanStart?: (e: any) => void | boolean;
-    onPanEnd?: (e: any) => void | boolean;
-    onDrag?: (e: any) => void | boolean;
-    onDragStart?: (e: any) => void | boolean;
-    onDragEnter?: (e: any) => void | boolean;
-    onDragLeave?: (e: any) => void | boolean;
-    onDragOver?: (e: any) => void | boolean;
-    onDragEnd?: (e: any) => void | boolean;
-    onRightDown?: (e: any) => void | boolean;
-    onRightUp?: (e: any) => void | boolean;
-    onRightUpOutside?: (e: any) => void | boolean;
-    onTouchStart?: (e: any) => void | boolean;
-    onTouchEnd?: (e: any) => void | boolean;
-    onTouchEndOutside?: (e: any) => void | boolean;
-    onTouchMove?: (e: any) => void | boolean;
-    onTouchCancel?: (e: any) => void | boolean;
-    onPress?: (e: any) => void | boolean;
-    onPressUp?: (e: any) => void | boolean;
-    onPressEnd?: (e: any) => void | boolean;
-    onSwipe?: (e: any) => void | boolean;
-    onDrop?: (e: any) => void | boolean;
-    onWeel?: (e: any) => void | boolean;
-    onClick?: (e: any) => void | boolean;
-    onDblClick?: (e: any) => void | boolean;
+    onPointerDown?: EventCallback<EventParamsDefinition['pointerdown']>;
+    onPointerUp?: EventCallback<EventParamsDefinition['pointerup']>;
+    onPointerUpOutside?: EventCallback<EventParamsDefinition['pointerupoutside']>;
+    onPointerTap?: EventCallback<EventParamsDefinition['pointertap']>;
+    onPointerOver?: EventCallback<EventParamsDefinition['pointerover']>;
+    onPointerMove?: EventCallback<EventParamsDefinition['pointermove']>;
+    onPointerEnter?: EventCallback<EventParamsDefinition['pointerenter']>;
+    onPointerLeave?: EventCallback<EventParamsDefinition['pointerleave']>;
+    onPointerOut?: EventCallback<EventParamsDefinition['pointerout']>;
+    onMouseDown?: EventCallback<EventParamsDefinition['mousedown']>;
+    onMouseUp?: EventCallback<EventParamsDefinition['mouseup']>;
+    onMouseUpOutside?: EventCallback<EventParamsDefinition['mouseupoutside']>;
+    onMouseMove?: EventCallback<EventParamsDefinition['mousemove']>;
+    onMouseOver?: EventCallback<EventParamsDefinition['mouseover']>;
+    onMouseOut?: EventCallback<EventParamsDefinition['mouseout']>;
+    onMouseEnter?: EventCallback<EventParamsDefinition['mouseenter']>;
+    onMouseLeave?: EventCallback<EventParamsDefinition['mouseleave']>;
+    onPinch?: EventCallback<EventParamsDefinition['pinch']>;
+    onPinchStart?: EventCallback<EventParamsDefinition['pinchstart']>;
+    onPinchEnd?: EventCallback<EventParamsDefinition['pinchend']>;
+    onPan?: EventCallback<EventParamsDefinition['pan']>;
+    onPanStart?: EventCallback<EventParamsDefinition['panstart']>;
+    onPanEnd?: EventCallback<EventParamsDefinition['panend']>;
+    onDrag?: EventCallback<EventParamsDefinition['drag']>;
+    onDragStart?: EventCallback<EventParamsDefinition['dragstart']>;
+    onDragEnter?: EventCallback<EventParamsDefinition['dragenter']>;
+    onDragLeave?: EventCallback<EventParamsDefinition['dragleave']>;
+    onDragOver?: EventCallback<EventParamsDefinition['dragover']>;
+    onDragEnd?: EventCallback<EventParamsDefinition['dragend']>;
+    onRightDown?: EventCallback<EventParamsDefinition['rightdown']>;
+    onRightUp?: EventCallback<EventParamsDefinition['rightup']>;
+    onRightUpOutside?: EventCallback<EventParamsDefinition['rightupoutside']>;
+    onTouchStart?: EventCallback<EventParamsDefinition['touchstart']>;
+    onTouchEnd?: EventCallback<EventParamsDefinition['touchend']>;
+    onTouchEndOutside?: EventCallback<EventParamsDefinition['touchendoutside']>;
+    onTouchMove?: EventCallback<EventParamsDefinition['touchmove']>;
+    onTouchCancel?: EventCallback<EventParamsDefinition['touchcancel']>;
+    onPress?: EventCallback<EventParamsDefinition['press']>;
+    onPressUp?: EventCallback<EventParamsDefinition['pressup']>;
+    onPressEnd?: EventCallback<EventParamsDefinition['pressend']>;
+    onSwipe?: EventCallback<EventParamsDefinition['swipe']>;
+    onDrop?: EventCallback<EventParamsDefinition['drop']>;
+    onWeel?: EventCallback<EventParamsDefinition['weel']>;
+    onClick?: EventCallback<EventParamsDefinition['click']>;
+    onDblClick?: EventCallback<EventParamsDefinition['dblclick']>;
 }
 export declare const REACT_TO_VCHART_EVENTS: {
     onPointerDown: string;
@@ -97,6 +138,43 @@ export declare const LEGEND_CUSTOMIZED_EVENTS: {
     onLegendItemHover: string;
     onLegendItemUnHover: string;
     onLegendItemClick: string;
+    onLegendFilter: string;
+    onLegendSelectedDataChange: string;
+};
+export declare const BRUSH_CUSTOMIZED_EVENTS: {
+    onBrushStart: string;
+    onBrushChange: string;
+    onBrushEnd: string;
+    onBrushClear: string;
+};
+export declare const DATAZOOM_CUSTOMIZED_EVENTS: {
+    onDataZoomChange: string;
+};
+export declare const PLAYER_CUSTOMIZED_EVENTS: {
+    onPlayerPlay: string;
+    onPlayerPause: string;
+    onPlayerEnd: string;
+    onPlayerChange: string;
+    onPlayerForward: string;
+    onPlayerBackward: string;
+};
+export declare const SCROLLBAR_CUSTOMIZED_EVENTS: {
+    onScrollBarChange: string;
+};
+export declare const DIMENSION_EVENTS: {
+    onDimensionHover: string;
+    onDimensionClick: string;
+};
+export declare const HIERARCHY_EVENTS: {
+    onDrill: string;
+};
+export declare const CHART_LIFECYCLE_EVENTS: {
+    onInitialized: string;
+    onRendered: string;
+    onRenderFinished: string;
+    onAnimationFinished: string;
+    onLayoutStart: string;
+    onLayoutEnd: string;
 };
 export declare const CHART_EVENTS: {
     onPointerDown: string;
@@ -144,12 +222,35 @@ export declare const CHART_EVENTS: {
     onWeel: string;
     onClick: string;
     onDblClick: string;
+    onDrill: string;
+    onInitialized: string;
+    onRendered: string;
+    onRenderFinished: string;
+    onAnimationFinished: string;
+    onLayoutStart: string;
+    onLayoutEnd: string;
+    onDimensionHover: string;
+    onDimensionClick: string;
+    onScrollBarChange: string;
+    onDataZoomChange: string;
+    onPlayerPlay: string;
+    onPlayerPause: string;
+    onPlayerEnd: string;
+    onPlayerChange: string;
+    onPlayerForward: string;
+    onPlayerBackward: string;
+    onBrushStart: string;
+    onBrushChange: string;
+    onBrushEnd: string;
+    onBrushClear: string;
     onLegendItemHover: string;
     onLegendItemUnHover: string;
     onLegendItemClick: string;
+    onLegendFilter: string;
+    onLegendSelectedDataChange: string;
 };
 export declare const CHART_EVENTS_KEYS: string[];
 export declare const COMMON_EVENTK_KEYS: string[];
 export declare const VCHART_TO_REACT_EVENTS: {};
 export declare const findEventProps: <T extends EventsProps>(props: T, supportedEvents?: Record<string, string>) => EventsProps;
-export declare const bindEventsToChart: <T>(chart: VChart, newProps?: T, prevProps?: T, supportedEvents?: Record<string, string>) => boolean;
+export declare const bindEventsToChart: <T>(chart: IVChart, newProps?: T, prevProps?: T, supportedEvents?: Record<string, string>) => boolean;