@visactor/react-vchart 0.0.1-alpha.1 → 0.16.17-alpha.2

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

@@ -18,5 +18,11 @@ 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), __exportStar(require("./Indicator"), exports), 
+__exportStar(require("./Title"), 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;AACzB,8CAA4B;AAC5B,0CAAwB","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/cjs/constants.js

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

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/stage.d.ts

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

package/cjs/context/stage.js.map

@@ -1 +1 @@
-{"version":3,"sources":["context/stage.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAG1B,MAAM,YAAY,GAAG,eAAK,CAAC,aAAa,CAAQ,IAAI,CAAC,CAAC;AACtD,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC;AAE1C,SAAgB,SAAS,CAAI,SAAiC;IAC5D,MAAM,GAAG,GAAG,eAAK,CAAC,UAAU,CAAS,CAAC,KAAQ,EAAE,GAAG,EAAE,EAAE;QACrD,OAAO,8BAAC,YAAY,CAAC,QAAQ,QAAE,GAAG,CAAC,EAAE,CAAC,8BAAC,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;AAND,8BAMC;AAED,kBAAe,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":["context/stage.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAG1B,MAAM,YAAY,GAAG,eAAK,CAAC,aAAa,CAAQ,IAAI,CAAC,CAAC;AACtD,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC;AAE1C,SAAgB,SAAS,CAAI,SAAiC;IAC5D,MAAM,GAAG,GAAG,eAAK,CAAC,UAAU,CAAS,CAAC,KAAQ,EAAE,GAAG,EAAE,EAAE;QACrD,OAAO,8BAAC,YAAY,CAAC,QAAQ,QAAE,GAAG,CAAC,EAAE,CAAC,8BAAC,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;AAND,8BAMC;AAED,kBAAe,YAAY,CAAC","file":"stage.js","sourcesContent":["import React from 'react';\nimport type { Stage } from '@visactor/vrender-core';\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"]}

package/cjs/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/cjs/context/view.js.map

@@ -1 +1 @@
-{"version":3,"sources":["context/view.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAG1B,MAAM,WAAW,GAAG,eAAK,CAAC,aAAa,CAAQ,IAAI,CAAC,CAAC;AACrD,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC;AAExC,SAAgB,QAAQ,CAAI,SAAiC;IAC3D,MAAM,GAAG,GAAG,eAAK,CAAC,UAAU,CAAS,CAAC,KAAQ,EAAE,GAAG,EAAE,EAAE;QACrD,OAAO,CACL,8BAAC,WAAW,CAAC,QAAQ,QAClB,CAAC,GAAG,EAAE,EAAE,CAAC,8BAAC,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;AAVD,4BAUC;AAED,kBAAe,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":["context/view.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAG1B,MAAM,WAAW,GAAG,eAAK,CAAC,aAAa,CAAQ,IAAI,CAAC,CAAC;AACrD,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC;AAExC,SAAgB,QAAQ,CAAI,SAAiC;IAC3D,MAAM,GAAG,GAAG,eAAK,CAAC,UAAU,CAAS,CAAC,KAAQ,EAAE,GAAG,EAAE,EAAE;QACrD,OAAO,8BAAC,WAAW,CAAC,QAAQ,QAAE,GAAG,CAAC,EAAE,CAAC,8BAAC,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;AAND,4BAMC;AAED,kBAAe,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/cjs/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,42 @@ 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 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 +221,34 @@ 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;
     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.CHART_LIFECYCLE_EVENTS = exports.HIERARCHY_EVENTS = exports.DIMENSION_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,37 @@ 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.DIMENSION_EVENTS = {
+    onDimensionHover: "dimensionHover",
+    onDimensionClick: "dimensionClick"
+}, exports.HIERARCHY_EVENTS = {
+    onDrill: "drill"
+}, exports.CHART_LIFECYCLE_EVENTS = {
+    onInitialized: "initialized",
+    onRendered: "rendered",
+    onRenderFinished: "renderFinished",
+    onAnimationFinished: "animationFinished",
+    onLayoutStart: "layoutStart",
+    onLayoutEnd: "layoutEnd"
+}, exports.CHART_EVENTS = Object.assign(Object.assign(Object.assign(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.DIMENSION_EVENTS), exports.CHART_LIFECYCLE_EVENTS), exports.HIERARCHY_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 +110,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 DimensionEventProps {\n  onDimensionHover?: (e: any) => void;\n  onDimensionClick?: (e: any) => void;\n}\n\nexport interface HierarchyEventProps {\n  onDrill?: (e: any) => void;\n}\n\nexport interface ChartLifeCycleEventProps {\n  onInitialized?: (e: any) => void;\n  onRendered?: (e: any) => void;\n  onRenderFinished?: (e: any) => void;\n  onAnimationFinished?: (e: any) => void;\n  onLayoutStart?: (e: any) => void;\n  onLayoutEnd?: (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 DIMENSION_EVENTS = {\n  onDimensionHover: 'dimensionHover',\n  onDimensionClick: 'dimensionClick'\n};\n\nexport const HIERARCHY_EVENTS = {\n  onDrill: 'drill'\n};\n\nexport const CHART_LIFECYCLE_EVENTS = {\n  onInitialized: 'initialized',\n  onRendered: 'rendered',\n  onRenderFinished: 'renderFinished',\n  onAnimationFinished: 'animationFinished',\n  onLayoutStart: 'layoutStart',\n  onLayoutEnd: 'layoutEnd'\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  ...DIMENSION_EVENTS,\n  ...CHART_LIFECYCLE_EVENTS,\n  ...HIERARCHY_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.d.ts

@@ -1,6 +1,6 @@
 export * from './charts';
 export * from './series';
 export * from './components';
-export { VChart } from './VChart';
+export * from './VChart';
 import VChartCore from '@visactor/vchart';
 export { VChartCore };

package/cjs/index.js

@@ -21,18 +21,10 @@ var __createBinding = this && this.__createBinding || (Object.create ? function(
 
 Object.defineProperty(exports, "__esModule", {
     value: !0
-}), exports.VChartCore = exports.VChart = void 0, __exportStar(require("./charts"), exports), 
-__exportStar(require("./series"), exports), __exportStar(require("./components"), exports);
-
-var VChart_1 = require("./VChart");
-
-Object.defineProperty(exports, "VChart", {
-    enumerable: !0,
-    get: function() {
-        return VChart_1.VChart;
-    }
-});
+}), exports.VChartCore = void 0, __exportStar(require("./charts"), exports), __exportStar(require("./series"), exports), 
+__exportStar(require("./components"), exports), __exportStar(require("./VChart"), exports);
 
 const vchart_1 = __importDefault(require("@visactor/vchart"));
 
-exports.VChartCore = vchart_1.default;
+exports.VChartCore = vchart_1.default;
+//# sourceMappingURL=index.js.map

package/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,2CAAyB;AACzB,2CAAyB;AACzB,+CAA6B;AAC7B,mCAAkC;AAAzB,gGAAA,MAAM,OAAA;AAEf,8DAA0C;AACjC,qBADF,gBAAU,CACE","file":"index.js","sourcesContent":["export * from './charts';\nexport * from './series';\nexport * from './components';\nexport { VChart } from './VChart';\n\nimport VChartCore from '@visactor/vchart';\nexport { VChartCore };\n"]}
+{"version":3,"sources":["index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,2CAAyB;AACzB,2CAAyB;AACzB,+CAA6B;AAC7B,2CAAyB;AAEzB,8DAA0C;AACjC,qBADF,gBAAU,CACE","file":"index.js","sourcesContent":["export * from './charts';\nexport * from './series';\nexport * from './components';\nexport * from './VChart';\n\nimport VChartCore from '@visactor/vchart';\nexport { VChartCore };\n"]}

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;
 }>;

package/cjs/series/BaseSeries.js

@@ -24,28 +24,28 @@ const react_1 = __importDefault(require("react")), vutils_1 = require("@visactor
                 (null == bindedEvents ? void 0 : bindedEvents[eventKey]) || (context.chart.on(eventsUtils_1.REACT_TO_VCHART_EVENTS[eventKey], handleEvent), 
                 bindedEvents || (bindedEvents.current = {}), bindedEvents.current[eventKey] = !0);
             })));
-        }, addMarkId = seriesSpec => {
+        }, addMarkId = spec => {
             markNames.forEach((markName => {
                 const defaultMarkId = `${id.current}-${markName}`;
-                (0, vutils_1.isNil)(seriesSpec[markName]) ? seriesSpec[markName] = {
+                (0, vutils_1.isNil)(spec[markName]) ? spec[markName] = {
                     id: defaultMarkId
-                } : (0, vutils_1.isNil)(seriesSpec[markName].id) && (seriesSpec[markName].id = defaultMarkId);
+                } : (0, vutils_1.isNil)(spec[markName].id) && (spec[markName].id = defaultMarkId);
             }));
         }, insertToContext = props => {
             if (context.specFromChildren) {
                 context.specFromChildren.series || (context.specFromChildren.series = []);
-                const seriesSpec = (0, vutils_1.isNil)(type) ? Object.assign(Object.assign({}, props), {
+                const spec = (0, vutils_1.isNil)(type) ? Object.assign(Object.assign({}, props), {
                     id: id.current
                 }) : Object.assign(Object.assign({}, props), {
                     id: id.current,
                     type: type
                 });
-                addMarkId(seriesSpec), context.specFromChildren.series.push(seriesSpec), context.isChildrenUpdated = !0;
+                addMarkId(spec), context.specFromChildren.series.push(spec), context.isChildrenUpdated = !0;
             }
         };
         if (addMarkEvent((0, eventsUtils_1.findEventProps)(props)), props.updateId !== updateId.current) updateId.current = props.updateId; else {
             const newSeriesSpec = (0, vutils_1.pickWithout)(props, notSpecKeys);
-            (0, vutils_1.isEqual)(newSeriesSpec, seriesSpec.current) || (seriesSpec.current = newSeriesSpec, 
+            addMarkId(newSeriesSpec), (0, vutils_1.isEqual)(newSeriesSpec, seriesSpec.current) || (seriesSpec.current = newSeriesSpec, 
             (props => {
                 if (!context.specFromChildren) return;
                 if (!context.specFromChildren.series) return void insertToContext(props);

package/cjs/series/BaseSeries.js.map

@@ -1 +1 @@
-{"version":3,"sources":["series/BaseSeries.tsx"],"names":[],"mappings":"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","file":"BaseSeries.js","sourcesContent":["import React from 'react';\nimport { isNil, isEqual, pickWithout } from '@visactor/vutils';\nimport RootChartContext from '../context/chart';\nimport {\n  REACT_TO_VCHART_EVENTS,\n  EventsProps,\n  findEventProps,\n  COMMON_EVENTK_KEYS,\n  VCHART_TO_REACT_EVENTS\n} from '../eventsUtils';\nimport { uid } from '../util';\n\nexport interface BaseSeriesProps extends EventsProps {\n  id?: string | number;\n}\n\nexport const createSeries = <T extends BaseSeriesProps>(componentName: string, markNames: string[], type?: string) => {\n  const ignoreKeys = ['id', 'updateId'];\n  const notSpecKeys = COMMON_EVENTK_KEYS.concat(ignoreKeys);\n\n  const Comp: React.FC<T & { updateId: number }> = props => {\n    const context = React.useContext(RootChartContext);\n\n    const id = React.useRef<string | number>(isNil(props.id) ? uid(type ?? 'series') : props.id);\n\n    const seriesSpec = React.useRef<Partial<T>>();\n    const bindedEvents = React.useRef<Record<string, boolean>>({});\n    const updateId = React.useRef<number>(props.updateId);\n\n    const handleEvent = (e: any) => {\n      const markIds = markNames.map(markName => `${id.current}-${markName}`);\n      if (e?.mark && markIds.includes(e.mark.getUserId())) {\n        props[VCHART_TO_REACT_EVENTS[e.event.type]](e);\n      }\n    };\n\n    const addMarkEvent = (events: EventsProps) => {\n      if (!events || !context.chart) {\n        return;\n      }\n\n      if (bindedEvents) {\n        Object.keys(bindedEvents).forEach(eventKey => {\n          if (!events[eventKey]) {\n            context.chart.off(REACT_TO_VCHART_EVENTS[eventKey], handleEvent);\n          }\n          bindedEvents.current[eventKey] = false;\n        });\n      }\n\n      Object.keys(events).forEach(eventKey => {\n        if (!bindedEvents?.[eventKey]) {\n          context.chart.on(REACT_TO_VCHART_EVENTS[eventKey], handleEvent);\n\n          if (!bindedEvents) {\n            bindedEvents.current = {};\n          }\n          bindedEvents.current[eventKey] = true;\n        }\n      });\n    };\n\n    const removeMarkEvent = () => {\n      addMarkEvent({});\n    };\n\n    const addMarkId = (seriesSpec: any) => {\n      markNames.forEach(markName => {\n        const defaultMarkId = `${id.current}-${markName}`;\n\n        if (isNil(seriesSpec[markName])) {\n          seriesSpec[markName] = { id: defaultMarkId };\n        } else if (isNil(seriesSpec[markName].id)) {\n          seriesSpec[markName].id = defaultMarkId;\n        }\n      });\n    };\n\n    const insertToContext = (props: Partial<T>) => {\n      if (context.specFromChildren) {\n        if (!context.specFromChildren.series) {\n          context.specFromChildren.series = [];\n        }\n\n        const seriesSpec = isNil(type) ? { ...props, id: id.current } : { ...props, id: id.current, type };\n\n        addMarkId(seriesSpec);\n        context.specFromChildren.series.push(seriesSpec);\n        context.isChildrenUpdated = true;\n      }\n    };\n\n    const updateToContext = (props: Partial<T>) => {\n      if (!context.specFromChildren) {\n        return;\n      }\n\n      if (!context.specFromChildren.series) {\n        insertToContext(props);\n        return;\n      }\n\n      const series = context.specFromChildren.series;\n      const index = series.findIndex((entry: any) => entry.id === id.current);\n\n      if (index >= 0) {\n        series[index] = isNil(type) ? { ...props, id: id.current } : { ...props, id: id.current, type };\n        addMarkId(series[index]);\n      } else {\n        insertToContext(props);\n      }\n      context.isChildrenUpdated = true;\n    };\n\n    const deleteToContext = () => {\n      if (!context.specFromChildren) {\n        return;\n      }\n      const series = context.specFromChildren.series ?? [];\n      const index = series.findIndex((entry: any) => entry.id === id.current);\n\n      if (index >= 0) {\n        const newSeries = series.slice(0, index - 1).concat(series.slice(index + 1));\n        context.specFromChildren.series = newSeries;\n        context.isChildrenUpdated = true;\n      }\n    };\n\n    addMarkEvent(findEventProps(props));\n    if (props.updateId !== updateId.current) {\n      // chart render\n      updateId.current = props.updateId;\n    } else {\n      const newSeriesSpec = pickWithout<T>(props, notSpecKeys);\n      if (!isEqual(newSeriesSpec, seriesSpec.current)) {\n        seriesSpec.current = newSeriesSpec;\n        updateToContext(newSeriesSpec);\n      }\n    }\n\n    React.useEffect(() => {\n      return () => {\n        deleteToContext();\n        removeMarkEvent();\n      };\n    }, []);\n\n    return null;\n  };\n\n  Comp.displayName = componentName;\n  return Comp;\n};\n"]}
+{"version":3,"sources":["series/BaseSeries.tsx"],"names":[],"mappings":"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","file":"BaseSeries.js","sourcesContent":["import React from 'react';\nimport { isNil, isEqual, pickWithout } from '@visactor/vutils';\nimport RootChartContext from '../context/chart';\nimport {\n  REACT_TO_VCHART_EVENTS,\n  EventsProps,\n  findEventProps,\n  COMMON_EVENTK_KEYS,\n  VCHART_TO_REACT_EVENTS\n} from '../eventsUtils';\nimport { uid } from '../util';\n\nexport interface BaseSeriesProps extends EventsProps {\n  id?: string | number;\n}\n\nexport const createSeries = <T extends BaseSeriesProps>(componentName: string, markNames: string[], type?: string) => {\n  const ignoreKeys = ['id', 'updateId'];\n  const notSpecKeys = COMMON_EVENTK_KEYS.concat(ignoreKeys);\n\n  const Comp: React.FC<T & { updateId?: number }> = props => {\n    const context = React.useContext(RootChartContext);\n\n    const id = React.useRef<string | number>(isNil(props.id) ? uid(type ?? 'series') : props.id);\n\n    const seriesSpec = React.useRef<Partial<T>>();\n    const bindedEvents = React.useRef<Record<string, boolean>>({});\n    const updateId = React.useRef<number>(props.updateId);\n\n    const handleEvent = (e: any) => {\n      const markIds = markNames.map(markName => `${id.current}-${markName}`);\n      if (e?.mark && markIds.includes(e.mark.getUserId())) {\n        props[VCHART_TO_REACT_EVENTS[e.event.type]](e);\n      }\n    };\n\n    const addMarkEvent = (events: EventsProps) => {\n      if (!events || !context.chart) {\n        return;\n      }\n\n      if (bindedEvents) {\n        Object.keys(bindedEvents).forEach(eventKey => {\n          if (!events[eventKey]) {\n            context.chart.off(REACT_TO_VCHART_EVENTS[eventKey], handleEvent);\n          }\n          bindedEvents.current[eventKey] = false;\n        });\n      }\n\n      Object.keys(events).forEach(eventKey => {\n        if (!bindedEvents?.[eventKey]) {\n          context.chart.on(REACT_TO_VCHART_EVENTS[eventKey], handleEvent);\n\n          if (!bindedEvents) {\n            bindedEvents.current = {};\n          }\n          bindedEvents.current[eventKey] = true;\n        }\n      });\n    };\n\n    const removeMarkEvent = () => {\n      addMarkEvent({});\n    };\n\n    const addMarkId = (spec: any) => {\n      markNames.forEach(markName => {\n        const defaultMarkId = `${id.current}-${markName}`;\n\n        if (isNil(spec[markName])) {\n          spec[markName] = { id: defaultMarkId };\n        } else if (isNil(spec[markName].id)) {\n          spec[markName].id = defaultMarkId;\n        }\n      });\n    };\n\n    const insertToContext = (props: Partial<T>) => {\n      if (context.specFromChildren) {\n        if (!context.specFromChildren.series) {\n          context.specFromChildren.series = [];\n        }\n\n        const spec = isNil(type) ? { ...props, id: id.current } : { ...props, id: id.current, type };\n\n        addMarkId(spec);\n        context.specFromChildren.series.push(spec);\n        context.isChildrenUpdated = true;\n      }\n    };\n\n    const updateToContext = (props: Partial<T>) => {\n      if (!context.specFromChildren) {\n        return;\n      }\n\n      if (!context.specFromChildren.series) {\n        insertToContext(props);\n        return;\n      }\n\n      const series = context.specFromChildren.series;\n      const index = series.findIndex((entry: any) => entry.id === id.current);\n\n      if (index >= 0) {\n        series[index] = isNil(type) ? { ...props, id: id.current } : { ...props, id: id.current, type };\n        addMarkId(series[index]);\n      } else {\n        insertToContext(props);\n      }\n      context.isChildrenUpdated = true;\n    };\n\n    const deleteToContext = () => {\n      if (!context.specFromChildren) {\n        return;\n      }\n      const series = context.specFromChildren.series ?? [];\n      const index = series.findIndex((entry: any) => entry.id === id.current);\n\n      if (index >= 0) {\n        const newSeries = series.slice(0, index - 1).concat(series.slice(index + 1));\n        context.specFromChildren.series = newSeries;\n        context.isChildrenUpdated = true;\n      }\n    };\n\n    addMarkEvent(findEventProps(props));\n    if (props.updateId !== updateId.current) {\n      // chart render\n      updateId.current = props.updateId;\n    } else {\n      const newSeriesSpec = pickWithout<T>(props, notSpecKeys);\n\n      addMarkId(newSeriesSpec);\n      if (!isEqual(newSeriesSpec, seriesSpec.current)) {\n        seriesSpec.current = newSeriesSpec;\n        updateToContext(newSeriesSpec);\n      }\n    }\n\n    React.useEffect(() => {\n      return () => {\n        deleteToContext();\n        removeMarkEvent();\n      };\n    }, []);\n\n    return null;\n  };\n\n  Comp.displayName = componentName;\n  return Comp;\n};\n"]}