@visactor/react-vchart 1.1.0-beta.7 → 1.1.0-beta.8

package/cjs/components/Legend.d.ts

@@ -1,9 +1,5 @@
+import type { IDiscreteLegendSpec } from '@visactor/vchart';
+import { LegendEventProps } from '../eventsUtils';
 import { BaseComponentProps } from './BaseComponent';
-export interface LegendProps extends BaseComponentProps {
-    onLegendItemHover: (e: any) => void;
-    onLegendItemUnHover: (e: any) => void;
-    onLegendItemClick: (e: any) => void;
-}
-export declare const Legend: import("react").FC<BaseComponentProps & {
-    updateId?: number;
-}>;
+export type LegendProps = BaseComponentProps & IDiscreteLegendSpec & LegendEventProps;
+export declare const Legend: import("react").FC<LegendProps>;

package/cjs/components/Legend.js.map

@@ -1 +1 @@
-{"version":3,"sources":["components/Legend.tsx"],"names":[],"mappings":";;;AACA,gDAA0D;AAC1D,mDAAsE;AAQzD,QAAA,MAAM,GAAG,IAAA,+BAAe,EAAC,QAAQ,EAAE,SAAS,EAAE,sCAAwB,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":["components/Legend.tsx"],"names":[],"mappings":";;;AACA,gDAA4E;AAC5E,mDAAsE;AAIzD,QAAA,MAAM,GAAG,IAAA,+BAAe,EAAc,QAAQ,EAAE,SAAS,EAAE,sCAAwB,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/cjs/components/Mark.d.ts

@@ -8,7 +8,7 @@ export interface IMarkElement extends React.ReactElement<Props, React.JSXElement
     id: string | number;
 }
 type Props = MarkProps & {
-    updateId: number;
+    updateId?: number;
 };
 export declare const Mark: React.FC<Props>;
 export {};

package/cjs/components/Mark.js.map

@@ -1 +1 @@
-{"version":3,"sources":["components/Mark.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAqD;AACrD,6CAAyC;AAGzC,2DAA0C;AAC1C,kCAA8B;AAavB,MAAM,IAAI,GAAoB,CAAC,KAAY,EAAE,EAAE;IACpD,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,cAAW,CAAC,CAAC;IACxC,MAAM,EAAE,GAAG,eAAK,CAAC,MAAM,CAAkB,IAAA,cAAK,EAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,IAAA,UAAG,EAAC,MAAM,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IACnF,MAAM,QAAQ,GAAG,eAAK,CAAC,MAAM,CAAS,KAAK,CAAC,QAAQ,CAAC,CAAC;IAEtD,IAAI,KAAK,CAAC,QAAQ,KAAK,QAAQ,CAAC,OAAO,EAAE;QAEvC,QAAQ,CAAC,OAAO,GAAG,KAAK,CAAC,QAAQ,CAAC;QAClC,IAAI,OAAO,EAAE;YACX,eAAe,CAAC,OAAO,EAAE,EAAE,CAAC,OAAiB,EAAE,KAAK,CAAC,CAAC;SACvD;KACF;IAED,IAAA,iBAAS,EAAC,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;AAtBW,QAAA,IAAI,QAsBf;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  const updateId = React.useRef<number>(props.updateId);\n\n  if (props.updateId !== updateId.current) {\n    // only update mark when chart finished render\n    updateId.current = props.updateId;\n    if (context) {\n      addOrUpdateMark(context, id.current as string, props);\n    }\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":["components/Mark.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAqD;AACrD,6CAAyC;AAGzC,2DAA0C;AAC1C,kCAA8B;AAavB,MAAM,IAAI,GAAoB,CAAC,KAAY,EAAE,EAAE;IACpD,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,cAAW,CAAC,CAAC;IACxC,MAAM,EAAE,GAAG,eAAK,CAAC,MAAM,CAAkB,IAAA,cAAK,EAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,IAAA,UAAG,EAAC,MAAM,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IACnF,MAAM,QAAQ,GAAG,eAAK,CAAC,MAAM,CAAS,KAAK,CAAC,QAAQ,CAAC,CAAC;IAEtD,IAAI,KAAK,CAAC,QAAQ,KAAK,QAAQ,CAAC,OAAO,EAAE;QAEvC,QAAQ,CAAC,OAAO,GAAG,KAAK,CAAC,QAAQ,CAAC;QAClC,IAAI,OAAO,EAAE;YACX,eAAe,CAAC,OAAO,EAAE,EAAE,CAAC,OAAiB,EAAE,KAAK,CAAC,CAAC;SACvD;KACF;IAED,IAAA,iBAAS,EAAC,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;AAtBW,QAAA,IAAI,QAsBf;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  const updateId = React.useRef<number>(props.updateId);\n\n  if (props.updateId !== updateId.current) {\n    // only update mark when chart finished render\n    updateId.current = props.updateId;\n    if (context) {\n      addOrUpdateMark(context, id.current as string, props);\n    }\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"]}

package/cjs/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/cjs/components/MarkArea.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.MarkArea = void 0;
+
+const BaseComponent_1 = require("./BaseComponent");
+
+exports.MarkArea = (0, BaseComponent_1.createComponent)("MarkArea", "markArea");
+//# sourceMappingURL=MarkArea.js.map

package/cjs/components/MarkArea.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["components/MarkArea.tsx"],"names":[],"mappings":";;;AAAA,mDAAsE;AAKzD,QAAA,QAAQ,GAAG,IAAA,+BAAe,EAAgB,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/cjs/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/cjs/components/MarkLine.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.MarkLine = void 0;
+
+const BaseComponent_1 = require("./BaseComponent");
+
+exports.MarkLine = (0, BaseComponent_1.createComponent)("MarkLine", "markLine");
+//# sourceMappingURL=MarkLine.js.map

package/cjs/components/MarkLine.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["components/MarkLine.tsx"],"names":[],"mappings":";;;AAAA,mDAAsE;AAKzD,QAAA,QAAQ,GAAG,IAAA,+BAAe,EAAgB,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/cjs/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/cjs/components/MarkPoint.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.MarkPoint = void 0;
+
+const BaseComponent_1 = require("./BaseComponent");
+
+exports.MarkPoint = (0, BaseComponent_1.createComponent)("MarkPoint", "markPoint");
+//# sourceMappingURL=MarkPoint.js.map

package/cjs/components/MarkPoint.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["components/MarkPoint.tsx"],"names":[],"mappings":";;;AAAA,mDAAsE;AAKzD,QAAA,SAAS,GAAG,IAAA,+BAAe,EAAiB,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/cjs/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/cjs/components/Player.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.Player = void 0;
+
+const eventsUtils_1 = require("../eventsUtils"), BaseComponent_1 = require("./BaseComponent");
+
+exports.Player = (0, BaseComponent_1.createComponent)("Player", "player", eventsUtils_1.PLAYER_CUSTOMIZED_EVENTS, !0);
+//# sourceMappingURL=Player.js.map

package/cjs/components/Player.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["components/Player.tsx"],"names":[],"mappings":";;;AAAA,gDAA4E;AAC5E,mDAAsE;AAKzD,QAAA,MAAM,GAAG,IAAA,+BAAe,EAAc,QAAQ,EAAE,QAAQ,EAAE,sCAAwB,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/cjs/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/cjs/components/Region.js.map

@@ -1 +1 @@
-{"version":3,"sources":["components/Region.tsx"],"names":[],"mappings":";;;AACA,mDAAkD;AAMrC,QAAA,MAAM,GAAG,IAAA,+BAAe,EAAC,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":["components/Region.tsx"],"names":[],"mappings":";;;AACA,mDAAsE;AAMzD,QAAA,MAAM,GAAG,IAAA,+BAAe,EAAc,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/cjs/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/cjs/components/Scrollbar.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.ScrollBar = void 0;
+
+const eventsUtils_1 = require("../eventsUtils"), BaseComponent_1 = require("./BaseComponent");
+
+exports.ScrollBar = (0, BaseComponent_1.createComponent)("ScrollBar", "scrollBar", eventsUtils_1.SCROLLBAR_CUSTOMIZED_EVENTS);
+//# sourceMappingURL=Scrollbar.js.map

package/cjs/components/Scrollbar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["components/Scrollbar.tsx"],"names":[],"mappings":";;;AAAA,gDAAkF;AAClF,mDAAsE;AAKzD,QAAA,SAAS,GAAG,IAAA,+BAAe,EAAiB,WAAW,EAAE,WAAW,EAAE,yCAA2B,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/cjs/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/cjs/components/Tooltip.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.Tooltip = void 0;
+
+const BaseComponent_1 = require("./BaseComponent");
+
+exports.Tooltip = (0, BaseComponent_1.createComponent)("Tooltip", "tooltip", null, !0);
+//# sourceMappingURL=Tooltip.js.map

package/cjs/components/Tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["components/Tooltip.tsx"],"names":[],"mappings":";;;AAAA,mDAAsE;AAKzD,QAAA,OAAO,GAAG,IAAA,+BAAe,EAAe,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/cjs/components/index.d.ts

@@ -2,3 +2,12 @@ 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';

package/cjs/components/index.js

@@ -18,5 +18,10 @@ var __createBinding = this && this.__createBinding || (Object.create ? function(
 Object.defineProperty(exports, "__esModule", {
     value: !0
 }), __exportStar(require("./Axis"), exports), __exportStar(require("./Mark"), exports), 
-__exportStar(require("./Region"), exports), __exportStar(require("./Legend"), exports);
-//# sourceMappingURL=index.js.map
+__exportStar(require("./Region"), exports), __exportStar(require("./Legend"), exports), 
+__exportStar(require("./Brush"), exports), __exportStar(require("./Crosshair"), exports), 
+__exportStar(require("./DataZoom"), exports), __exportStar(require("./MarkLine"), exports), 
+__exportStar(require("./MarkArea"), exports), __exportStar(require("./MarkPoint"), exports), 
+__exportStar(require("./Scrollbar"), exports), __exportStar(require("./Tooltip"), exports), 
+__exportStar(require("./Player"), exports);
+//# sourceMappingURL=index.js.map

package/cjs/components/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,yCAAuB;AACvB,yCAAuB;AACvB,2CAAyB;AACzB,2CAAyB","file":"index.js","sourcesContent":["export * from './Axis';\nexport * from './Mark';\nexport * from './Region';\nexport * from './Legend';"]}
+{"version":3,"sources":["components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,yCAAuB;AACvB,yCAAuB;AACvB,2CAAyB;AACzB,2CAAyB;AACzB,0CAAwB;AACxB,8CAA4B;AAC5B,6CAA2B;AAC3B,6CAA2B;AAC3B,6CAA2B;AAC3B,8CAA4B;AAC5B,8CAA4B;AAC5B,4CAA0B;AAC1B,2CAAyB","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';\n"]}

package/cjs/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/cjs/containers/withContainer.js.map

@@ -1 +1 @@
-{"version":3,"sources":["containers/withContainer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAiE;AASjE,SAAwB,aAAa,CACnC,IAA4C,EAC5C,OAAe,gBAAgB,EAC/B,QAAoC;IAEpC,MAAM,GAAG,GAAG,eAAK,CAAC,UAAU,CAAa,CAAC,KAAY,EAAE,GAAG,EAAE,EAAE;QAC7D,MAAM,SAAS,GAAG,IAAA,cAAM,GAAE,CAAC;QAC3B,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;QAC5C,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,KAAiB,KAAK,EAAjB,OAAO,UAAK,KAAK,EAA/C,+BAAuC,CAAQ,CAAC;QAEtD,IAAA,uBAAe,EAAC,GAAG,EAAE;YACnB,SAAS,CAAC,IAAI,CAAC,CAAC;QAClB,CAAC,EAAE,EAAE,CAAC,CAAC;QAEP,OAAO,CACL,uCACE,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,8BAAC,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,6DAAK,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;AAvCD,gCAuCC","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":["containers/withContainer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAiE;AASjE,SAAwB,aAAa,CACnC,IAA4C,EAC5C,IAAI,GAAG,gBAAgB,EACvB,QAAoC;IAEpC,MAAM,GAAG,GAAG,eAAK,CAAC,UAAU,CAAyB,CAAC,KAAwB,EAAE,GAAG,EAAE,EAAE;QACrF,MAAM,SAAS,GAAG,IAAA,cAAM,GAAE,CAAC;QAC3B,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;QAC5C,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,KAAiB,KAAK,EAAjB,OAAO,UAAK,KAAK,EAA/C,+BAAuC,CAAQ,CAAC;QAEtD,IAAA,uBAAe,EAAC,GAAG,EAAE;YACnB,SAAS,CAAC,IAAI,CAAC,CAAC;QAClB,CAAC,EAAE,EAAE,CAAC,CAAC;QAEP,OAAO,CACL,uCACE,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,8BAAC,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,6DAAK,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;AAnCD,gCAmCC","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/cjs/context/chart.js

@@ -21,5 +21,4 @@ function withChartInstance(Component) {
 }
 
 ChartContext.displayName = "ChartContext", exports.withChartInstance = withChartInstance, 
-exports.default = ChartContext;
-//# sourceMappingURL=chart.js.map
+exports.default = ChartContext;

package/cjs/eventsUtils.d.ts

@@ -1,50 +1,76 @@
-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 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 +123,27 @@ 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;
+};
+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 CHART_EVENTS: {
     onPointerDown: string;
@@ -144,12 +191,25 @@ export declare const CHART_EVENTS: {
     onWeel: string;
     onClick: string;
     onDblClick: string;
+    onScrollBarChange: string;
+    onDataZoomChange: string;
+    onPlayerPlay: string;
+    onPlayerPause: string;
+    onPlayerEnd: string;
+    onPlayerChange: string;
+    onPlayerForward: string;
+    onPlayerBackward: string;
+    onBrushStart: string;
+    onBrushChange: string;
+    onBrushEnd: 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;

package/cjs/eventsUtils.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, "__esModule", {
     value: !0
-}), exports.bindEventsToChart = exports.findEventProps = exports.VCHART_TO_REACT_EVENTS = exports.COMMON_EVENTK_KEYS = exports.CHART_EVENTS_KEYS = exports.CHART_EVENTS = exports.LEGEND_CUSTOMIZED_EVENTS = exports.REACT_TO_VCHART_EVENTS = void 0, 
+}), exports.bindEventsToChart = exports.findEventProps = exports.VCHART_TO_REACT_EVENTS = exports.COMMON_EVENTK_KEYS = exports.CHART_EVENTS_KEYS = exports.CHART_EVENTS = exports.SCROLLBAR_CUSTOMIZED_EVENTS = exports.PLAYER_CUSTOMIZED_EVENTS = exports.DATAZOOM_CUSTOMIZED_EVENTS = exports.BRUSH_CUSTOMIZED_EVENTS = exports.LEGEND_CUSTOMIZED_EVENTS = exports.REACT_TO_VCHART_EVENTS = void 0, 
 exports.REACT_TO_VCHART_EVENTS = {
     onPointerDown: "pointerdown",
     onPointerUp: "pointerup",
@@ -52,8 +52,25 @@ exports.REACT_TO_VCHART_EVENTS = {
 }, exports.LEGEND_CUSTOMIZED_EVENTS = {
     onLegendItemHover: "legendItemHover",
     onLegendItemUnHover: "legendItemUnHover",
-    onLegendItemClick: "legendItemClick"
-}, exports.CHART_EVENTS = Object.assign(Object.assign({}, exports.LEGEND_CUSTOMIZED_EVENTS), exports.REACT_TO_VCHART_EVENTS), 
+    onLegendItemClick: "legendItemClick",
+    onLegendFilter: "legendFilter",
+    onLegendSelectedDataChange: "legendSelectedDataChange"
+}, exports.BRUSH_CUSTOMIZED_EVENTS = {
+    onBrushStart: "brushStart",
+    onBrushChange: "brushChange",
+    onBrushEnd: "brushEnd"
+}, exports.DATAZOOM_CUSTOMIZED_EVENTS = {
+    onDataZoomChange: "dataZoomChange"
+}, exports.PLAYER_CUSTOMIZED_EVENTS = {
+    onPlayerPlay: "playerPlay",
+    onPlayerPause: "playerPause",
+    onPlayerEnd: "playerEnd",
+    onPlayerChange: "playerChange",
+    onPlayerForward: "playerForward",
+    onPlayerBackward: "playerBackward"
+}, exports.SCROLLBAR_CUSTOMIZED_EVENTS = {
+    onScrollBarChange: "scrollBarChange"
+}, exports.CHART_EVENTS = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, exports.LEGEND_CUSTOMIZED_EVENTS), exports.BRUSH_CUSTOMIZED_EVENTS), exports.PLAYER_CUSTOMIZED_EVENTS), exports.DATAZOOM_CUSTOMIZED_EVENTS), exports.SCROLLBAR_CUSTOMIZED_EVENTS), exports.REACT_TO_VCHART_EVENTS), 
 exports.CHART_EVENTS_KEYS = Object.keys(exports.CHART_EVENTS), exports.COMMON_EVENTK_KEYS = Object.keys(exports.REACT_TO_VCHART_EVENTS), 
 exports.VCHART_TO_REACT_EVENTS = Object.keys(exports.REACT_TO_VCHART_EVENTS).reduce(((res, key) => (res[exports.REACT_TO_VCHART_EVENTS[key]] = key, 
 res)), {});
@@ -81,4 +98,4 @@ const bindEventsToChart = (chart, newProps, prevProps, supportedEvents = exports
 };
 
 exports.bindEventsToChart = bindEventsToChart;
-//# sourceMappingURL=eventsUtils.js.map
+//# sourceMappingURL=eventsUtils.js.map

package/cjs/eventsUtils.js.map

@@ -1 +1 @@
-{"version":3,"sources":["eventsUtils.ts"],"names":[],"mappings":"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","file":"eventsUtils.js","sourcesContent":["import type VChart from '@visactor/vchart';\n\nexport interface EventsProps {\n  onPointerDown?: (e: any) => void | boolean;\n  onPointerUp?: (e: any) => void | boolean;\n  onPointerUpOutside?: (e: any) => void | boolean;\n  onPointerTap?: (e: any) => void | boolean;\n  onPointerOver?: (e: any) => void | boolean;\n  onPointerMove?: (e: any) => void | boolean;\n  onPointerEnter?: (e: any) => void | boolean;\n  onPointerLeave?: (e: any) => void | boolean;\n  onPointerOut?: (e: any) => void | boolean;\n  onMouseDown?: (e: any) => void | boolean;\n  onMouseUp?: (e: any) => void | boolean;\n  onMouseUpOutside?: (e: any) => void | boolean;\n  onMouseMove?: (e: any) => void | boolean;\n  onMouseOver?: (e: any) => void | boolean;\n  onMouseOut?: (e: any) => void | boolean;\n  onMouseEnter?: (e: any) => void | boolean;\n  onMouseLeave?: (e: any) => void | boolean;\n  onPinch?: (e: any) => void | boolean;\n  onPinchStart?: (e: any) => void | boolean;\n  onPinchEnd?: (e: any) => void | boolean;\n  onPan?: (e: any) => void | boolean;\n  onPanStart?: (e: any) => void | boolean;\n  onPanEnd?: (e: any) => void | boolean;\n  onDrag?: (e: any) => void | boolean;\n  onDragStart?: (e: any) => void | boolean;\n  onDragEnter?: (e: any) => void | boolean;\n  onDragLeave?: (e: any) => void | boolean;\n  onDragOver?: (e: any) => void | boolean;\n  onDragEnd?: (e: any) => void | boolean;\n  onRightDown?: (e: any) => void | boolean;\n  onRightUp?: (e: any) => void | boolean;\n  onRightUpOutside?: (e: any) => void | boolean;\n  onTouchStart?: (e: any) => void | boolean;\n  onTouchEnd?: (e: any) => void | boolean;\n  onTouchEndOutside?: (e: any) => void | boolean;\n  onTouchMove?: (e: any) => void | boolean;\n  onTouchCancel?: (e: any) => void | boolean;\n  onPress?: (e: any) => void | boolean;\n  onPressUp?: (e: any) => void | boolean;\n  onPressEnd?: (e: any) => void | boolean;\n  onSwipe?: (e: any) => void | boolean;\n  onDrop?: (e: any) => void | boolean;\n  onWeel?: (e: any) => void | boolean;\n  onClick?: (e: any) => void | boolean;\n  onDblClick?: (e: any) => void | boolean;\n}\n\nexport const REACT_TO_VCHART_EVENTS = {\n  onPointerDown: 'pointerdown',\n  onPointerUp: 'pointerup',\n  onPointerUpOutside: 'pointerupoutside',\n  onPointerTap: 'pointertap',\n  onPointerOver: 'pointerover',\n  onPointerMove: 'pointermove',\n  onPointerEnter: 'pointerenter',\n  onPointerLeave: 'pointerleave',\n  onPointerOut: 'pointerout',\n  onMouseDown: 'mousedown',\n  onMouseUp: 'mouseup',\n  onMouseUpOutside: 'mouseupoutside',\n  onMouseMove: 'mousemove',\n  onMouseOver: 'mouseover',\n  onMouseOut: 'mouseout',\n  onMouseEnter: 'mouseenter',\n  onMouseLeave: 'mouseleave',\n  onPinch: 'pinch',\n  onPinchStart: 'pinchstart',\n  onPinchEnd: 'pinchend',\n  onPan: 'pan',\n  onPanStart: 'panstart',\n  onPanEnd: 'panend',\n  onDrag: 'drag',\n  onDragStart: 'dragstart',\n  onDragEnter: 'dragenter',\n  onDragLeave: 'dragleave',\n  onDragOver: 'dragover',\n  onDragEnd: 'dragend',\n  onRightDown: 'rightdown',\n  onRightUp: 'rightup',\n  onRightUpOutside: 'rightupoutside',\n  onTouchStart: 'touchstart',\n  onTouchEnd: 'touchend',\n  onTouchEndOutside: 'touchendoutside',\n  onTouchMove: 'touchmove',\n  onTouchCancel: 'touchcancel',\n  onPress: 'press',\n  onPressUp: 'pressup',\n  onPressEnd: 'pressend',\n  onSwipe: 'swipe',\n  onDrop: 'drop',\n  onWeel: 'wheel',\n  onClick: 'click',\n  onDblClick: 'dblclick'\n};\n\nexport const LEGEND_CUSTOMIZED_EVENTS = {\n  onLegendItemHover: 'legendItemHover',\n  onLegendItemUnHover: 'legendItemUnHover',\n  onLegendItemClick: 'legendItemClick'\n};\n\nexport const CHART_EVENTS = {\n  ...LEGEND_CUSTOMIZED_EVENTS,\n  ...REACT_TO_VCHART_EVENTS\n};\n\nexport const CHART_EVENTS_KEYS = Object.keys(CHART_EVENTS);\n\nexport const COMMON_EVENTK_KEYS = Object.keys(REACT_TO_VCHART_EVENTS);\n\nexport const VCHART_TO_REACT_EVENTS = Object.keys(REACT_TO_VCHART_EVENTS).reduce((res, key) => {\n  res[REACT_TO_VCHART_EVENTS[key]] = key;\n\n  return res;\n}, {});\n\nexport const findEventProps = <T extends EventsProps>(\n  props: T,\n  supportedEvents: Record<string, string> = REACT_TO_VCHART_EVENTS\n): EventsProps => {\n  const result: EventsProps = {};\n\n  Object.keys(props).forEach(key => {\n    if (supportedEvents[key]) {\n      result[key] = props[key];\n    }\n  });\n\n  return result;\n};\n\nexport const bindEventsToChart = <T>(\n  chart: VChart,\n  newProps?: T | null,\n  prevProps?: T | null,\n  supportedEvents: Record<string, string> = REACT_TO_VCHART_EVENTS\n) => {\n  if ((!newProps && !prevProps) || !chart) {\n    return false;\n  }\n\n  const prevEventProps = prevProps ? findEventProps(prevProps, supportedEvents) : null;\n  const newEventProps = newProps ? findEventProps(newProps, supportedEvents) : null;\n\n  if (prevEventProps) {\n    Object.keys(prevEventProps).forEach(eventKey => {\n      if (!newEventProps || !newEventProps[eventKey] || newEventProps[eventKey] !== prevEventProps[eventKey]) {\n        const res = chart.off(supportedEvents[eventKey], prevProps[eventKey]);\n      }\n    });\n  }\n\n  if (newEventProps) {\n    Object.keys(newEventProps).forEach(eventKey => {\n      if (!prevEventProps || !prevEventProps[eventKey] || prevEventProps[eventKey] !== newEventProps[eventKey]) {\n        chart.on(supportedEvents[eventKey], newEventProps[eventKey]);\n      }\n    });\n  }\n\n  return true;\n};\n"]}
+{"version":3,"sources":["eventsUtils.ts"],"names":[],"mappings":"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","file":"eventsUtils.js","sourcesContent":["import type { IVChart, EventCallback, EventParamsDefinition } from '@visactor/vchart';\n\nexport interface LegendEventProps {\n  onLegendItemHover?: (e: any) => void;\n  onLegendItemUnHover?: (e: any) => void;\n  onLegendItemClick?: (e: any) => void;\n  onLegendFilter?: (e: any) => void;\n  onLegendSelectedDataChange?: (e: any) => void;\n}\n\nexport interface BrushEventProps {\n  onBrushStart?: (e: any) => void;\n  onBrushChange?: (e: any) => void;\n  onBrushEnd?: (e: any) => void;\n}\n\nexport interface DataZoomEventProps {\n  onDataZoomChange?: (e: any) => void;\n}\n\nexport interface PlayerEventProps {\n  onPlayerPlay?: (e: any) => void;\n  onPlayerPause?: (e: any) => void;\n  onPlayerEnd?: (e: any) => void;\n  onPlayerChange?: (e: any) => void;\n  onPlayerForward?: (e: any) => void;\n  onPlayerBackward?: (e: any) => void;\n}\n\nexport interface ScrollBarEventProps {\n  onScrollBarChange?: (e: any) => void;\n}\n\nexport interface EventsProps {\n  onPointerDown?: EventCallback<EventParamsDefinition['pointerdown']>;\n  onPointerUp?: EventCallback<EventParamsDefinition['pointerup']>;\n  onPointerUpOutside?: EventCallback<EventParamsDefinition['pointerupoutside']>;\n  onPointerTap?: EventCallback<EventParamsDefinition['pointertap']>;\n  onPointerOver?: EventCallback<EventParamsDefinition['pointerover']>;\n  onPointerMove?: EventCallback<EventParamsDefinition['pointermove']>;\n  onPointerEnter?: EventCallback<EventParamsDefinition['pointerenter']>;\n  onPointerLeave?: EventCallback<EventParamsDefinition['pointerleave']>;\n  onPointerOut?: EventCallback<EventParamsDefinition['pointerout']>;\n  onMouseDown?: EventCallback<EventParamsDefinition['mousedown']>;\n  onMouseUp?: EventCallback<EventParamsDefinition['mouseup']>;\n  onMouseUpOutside?: EventCallback<EventParamsDefinition['mouseupoutside']>;\n  onMouseMove?: EventCallback<EventParamsDefinition['mousemove']>;\n  onMouseOver?: EventCallback<EventParamsDefinition['mouseover']>;\n  onMouseOut?: EventCallback<EventParamsDefinition['mouseout']>;\n  onMouseEnter?: EventCallback<EventParamsDefinition['mouseenter']>;\n  onMouseLeave?: EventCallback<EventParamsDefinition['mouseleave']>;\n  onPinch?: EventCallback<EventParamsDefinition['pinch']>;\n  onPinchStart?: EventCallback<EventParamsDefinition['pinchstart']>;\n  onPinchEnd?: EventCallback<EventParamsDefinition['pinchend']>;\n  onPan?: EventCallback<EventParamsDefinition['pan']>;\n  onPanStart?: EventCallback<EventParamsDefinition['panstart']>;\n  onPanEnd?: EventCallback<EventParamsDefinition['panend']>;\n  onDrag?: EventCallback<EventParamsDefinition['drag']>;\n  onDragStart?: EventCallback<EventParamsDefinition['dragstart']>;\n  onDragEnter?: EventCallback<EventParamsDefinition['dragenter']>;\n  onDragLeave?: EventCallback<EventParamsDefinition['dragleave']>;\n  onDragOver?: EventCallback<EventParamsDefinition['dragover']>;\n  onDragEnd?: EventCallback<EventParamsDefinition['dragend']>;\n  onRightDown?: EventCallback<EventParamsDefinition['rightdown']>;\n  onRightUp?: EventCallback<EventParamsDefinition['rightup']>;\n  onRightUpOutside?: EventCallback<EventParamsDefinition['rightupoutside']>;\n  onTouchStart?: EventCallback<EventParamsDefinition['touchstart']>;\n  onTouchEnd?: EventCallback<EventParamsDefinition['touchend']>;\n  onTouchEndOutside?: EventCallback<EventParamsDefinition['touchendoutside']>;\n  onTouchMove?: EventCallback<EventParamsDefinition['touchmove']>;\n  onTouchCancel?: EventCallback<EventParamsDefinition['touchcancel']>;\n  onPress?: EventCallback<EventParamsDefinition['press']>;\n  onPressUp?: EventCallback<EventParamsDefinition['pressup']>;\n  onPressEnd?: EventCallback<EventParamsDefinition['pressend']>;\n  onSwipe?: EventCallback<EventParamsDefinition['swipe']>;\n  onDrop?: EventCallback<EventParamsDefinition['drop']>;\n  onWeel?: EventCallback<EventParamsDefinition['weel']>;\n  onClick?: EventCallback<EventParamsDefinition['click']>;\n  onDblClick?: EventCallback<EventParamsDefinition['dblclick']>;\n}\n\nexport const REACT_TO_VCHART_EVENTS = {\n  onPointerDown: 'pointerdown',\n  onPointerUp: 'pointerup',\n  onPointerUpOutside: 'pointerupoutside',\n  onPointerTap: 'pointertap',\n  onPointerOver: 'pointerover',\n  onPointerMove: 'pointermove',\n  onPointerEnter: 'pointerenter',\n  onPointerLeave: 'pointerleave',\n  onPointerOut: 'pointerout',\n  onMouseDown: 'mousedown',\n  onMouseUp: 'mouseup',\n  onMouseUpOutside: 'mouseupoutside',\n  onMouseMove: 'mousemove',\n  onMouseOver: 'mouseover',\n  onMouseOut: 'mouseout',\n  onMouseEnter: 'mouseenter',\n  onMouseLeave: 'mouseleave',\n  onPinch: 'pinch',\n  onPinchStart: 'pinchstart',\n  onPinchEnd: 'pinchend',\n  onPan: 'pan',\n  onPanStart: 'panstart',\n  onPanEnd: 'panend',\n  onDrag: 'drag',\n  onDragStart: 'dragstart',\n  onDragEnter: 'dragenter',\n  onDragLeave: 'dragleave',\n  onDragOver: 'dragover',\n  onDragEnd: 'dragend',\n  onRightDown: 'rightdown',\n  onRightUp: 'rightup',\n  onRightUpOutside: 'rightupoutside',\n  onTouchStart: 'touchstart',\n  onTouchEnd: 'touchend',\n  onTouchEndOutside: 'touchendoutside',\n  onTouchMove: 'touchmove',\n  onTouchCancel: 'touchcancel',\n  onPress: 'press',\n  onPressUp: 'pressup',\n  onPressEnd: 'pressend',\n  onSwipe: 'swipe',\n  onDrop: 'drop',\n  onWeel: 'wheel',\n  onClick: 'click',\n  onDblClick: 'dblclick'\n};\n\nexport const LEGEND_CUSTOMIZED_EVENTS = {\n  onLegendItemHover: 'legendItemHover',\n  onLegendItemUnHover: 'legendItemUnHover',\n  onLegendItemClick: 'legendItemClick',\n  onLegendFilter: 'legendFilter',\n  onLegendSelectedDataChange: 'legendSelectedDataChange'\n};\nexport const BRUSH_CUSTOMIZED_EVENTS = {\n  onBrushStart: 'brushStart',\n  onBrushChange: 'brushChange',\n  onBrushEnd: 'brushEnd'\n};\n\nexport const DATAZOOM_CUSTOMIZED_EVENTS = {\n  onDataZoomChange: 'dataZoomChange'\n};\n\nexport const PLAYER_CUSTOMIZED_EVENTS = {\n  onPlayerPlay: 'playerPlay',\n  onPlayerPause: 'playerPause',\n  onPlayerEnd: 'playerEnd',\n  onPlayerChange: 'playerChange',\n  onPlayerForward: 'playerForward',\n  onPlayerBackward: 'playerBackward'\n};\n\nexport const SCROLLBAR_CUSTOMIZED_EVENTS = {\n  onScrollBarChange: 'scrollBarChange'\n};\n\nexport const CHART_EVENTS = {\n  ...LEGEND_CUSTOMIZED_EVENTS,\n  ...BRUSH_CUSTOMIZED_EVENTS,\n  ...PLAYER_CUSTOMIZED_EVENTS,\n  ...DATAZOOM_CUSTOMIZED_EVENTS,\n  ...SCROLLBAR_CUSTOMIZED_EVENTS,\n  ...REACT_TO_VCHART_EVENTS\n};\n\nexport const CHART_EVENTS_KEYS = Object.keys(CHART_EVENTS);\n\nexport const COMMON_EVENTK_KEYS = Object.keys(REACT_TO_VCHART_EVENTS);\n\nexport const VCHART_TO_REACT_EVENTS = Object.keys(REACT_TO_VCHART_EVENTS).reduce((res, key) => {\n  res[REACT_TO_VCHART_EVENTS[key]] = key;\n\n  return res;\n}, {});\n\nexport const findEventProps = <T extends EventsProps>(\n  props: T,\n  supportedEvents: Record<string, string> = REACT_TO_VCHART_EVENTS\n): EventsProps => {\n  const result: EventsProps = {};\n\n  Object.keys(props).forEach(key => {\n    if (supportedEvents[key]) {\n      result[key] = props[key];\n    }\n  });\n\n  return result;\n};\n\nexport const bindEventsToChart = <T>(\n  chart: IVChart,\n  newProps?: T | null,\n  prevProps?: T | null,\n  supportedEvents: Record<string, string> = REACT_TO_VCHART_EVENTS\n) => {\n  if ((!newProps && !prevProps) || !chart) {\n    return false;\n  }\n\n  const prevEventProps = prevProps ? findEventProps(prevProps, supportedEvents) : null;\n  const newEventProps = newProps ? findEventProps(newProps, supportedEvents) : null;\n\n  if (prevEventProps) {\n    Object.keys(prevEventProps).forEach(eventKey => {\n      if (!newEventProps || !newEventProps[eventKey] || newEventProps[eventKey] !== prevEventProps[eventKey]) {\n        const res = chart.off(supportedEvents[eventKey], prevProps[eventKey]);\n      }\n    });\n  }\n\n  if (newEventProps) {\n    Object.keys(newEventProps).forEach(eventKey => {\n      if (!prevEventProps || !prevEventProps[eventKey] || prevEventProps[eventKey] !== newEventProps[eventKey]) {\n        chart.on(supportedEvents[eventKey], newEventProps[eventKey]);\n      }\n    });\n  }\n\n  return true;\n};\n"]}

package/cjs/index.js

@@ -35,4 +35,5 @@ Object.defineProperty(exports, "VChart", {
 
 const vchart_1 = __importDefault(require("@visactor/vchart"));
 
-exports.VChartCore = vchart_1.default;
+exports.VChartCore = vchart_1.default;
+//# sourceMappingURL=index.js.map

package/cjs/series/Area.d.ts

@@ -1,6 +1,6 @@
-import { BaseSeriesProps } from "./BaseSeries";
-export interface AreaProps extends BaseSeriesProps {
-}
-export declare const Area: import("react").FC<BaseSeriesProps & {
-    updateId: number;
+import { BaseSeriesProps } from './BaseSeries';
+import { IAreaSeriesSpec } from '@visactor/vchart';
+export type AreaProps = BaseSeriesProps & Omit<IAreaSeriesSpec, 'type'>;
+export declare const Area: import("react").FC<BaseSeriesProps & Omit<IAreaSeriesSpec, "type"> & {
+    updateId?: number;
 }>;

package/cjs/series/Area.js.map

@@ -1 +1 @@
-{"version":3,"sources":["series/Area.tsx"],"names":[],"mappings":";;;AAAA,6CAA6D;AAMhD,QAAA,IAAI,GAAG,IAAA,yBAAY,EAAC,MAAM,EAAE,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC,CAAC","file":"Area.js","sourcesContent":["import { BaseSeriesProps, createSeries } from \"./BaseSeries\";\n\nexport interface AreaProps extends BaseSeriesProps {\n  //\n}\n\nexport const Area = createSeries(\"Area\", [\"area\"], \"area\");\n"]}
+{"version":3,"sources":["series/Area.tsx"],"names":[],"mappings":";;;AAAA,6CAA6D;AAIhD,QAAA,IAAI,GAAG,IAAA,yBAAY,EAAY,MAAM,EAAE,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC,CAAC","file":"Area.js","sourcesContent":["import { BaseSeriesProps, createSeries } from './BaseSeries';\nimport { IAreaSeriesSpec } from '@visactor/vchart';\n\nexport type AreaProps = BaseSeriesProps & Omit<IAreaSeriesSpec, 'type'>;\nexport const Area = createSeries<AreaProps>('Area', ['area'], 'area');\n"]}

package/cjs/series/Bar.d.ts

@@ -1,6 +1,6 @@
-import { BaseSeriesProps } from "./BaseSeries";
-export interface BarProps extends BaseSeriesProps {
-}
-export declare const Bar: import("react").FC<BaseSeriesProps & {
-    updateId: number;
+import { BaseSeriesProps } from './BaseSeries';
+import { IBarSeriesSpec } from '@visactor/vchart';
+export type BarProps = BaseSeriesProps & Omit<IBarSeriesSpec, 'type'>;
+export declare const Bar: import("react").FC<BaseSeriesProps & Omit<IBarSeriesSpec, "type"> & {
+    updateId?: number;
 }>;

package/cjs/series/Bar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["series/Bar.tsx"],"names":[],"mappings":";;;AAAA,6CAA6D;AAMhD,QAAA,GAAG,GAAG,IAAA,yBAAY,EAAC,KAAK,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,CAAC","file":"Bar.js","sourcesContent":["import { BaseSeriesProps, createSeries } from \"./BaseSeries\";\n\nexport interface BarProps extends BaseSeriesProps {\n  //\n}\n\nexport const Bar = createSeries(\"Bar\", [\"bar\"], \"bar\");\n"]}
+{"version":3,"sources":["series/Bar.tsx"],"names":[],"mappings":";;;AAAA,6CAA6D;AAMhD,QAAA,GAAG,GAAG,IAAA,yBAAY,EAAW,KAAK,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,CAAC","file":"Bar.js","sourcesContent":["import { BaseSeriesProps, createSeries } from './BaseSeries';\n\nimport { IBarSeriesSpec } from '@visactor/vchart';\n\nexport type BarProps = BaseSeriesProps & Omit<IBarSeriesSpec, 'type'>;\n\nexport const Bar = createSeries<BarProps>('Bar', ['bar'], 'bar');\n"]}

package/cjs/series/BaseSeries.d.ts

@@ -4,5 +4,5 @@ export interface BaseSeriesProps extends EventsProps {
     id?: string | number;
 }
 export declare const createSeries: <T extends BaseSeriesProps>(componentName: string, markNames: string[], type?: string) => React.FC<T & {
-    updateId: number;
+    updateId?: number;
 }>;