@visactor/react-vchart 0.0.1-alpha.0

package/esm/context/view.js

@@ -0,0 +1,16 @@
+import React from "react";
+
+const ViewContext = React.createContext(null);
+
+ViewContext.displayName = "ViewContext";
+
+export function withView(Component) {
+    const Com = React.forwardRef(((props, ref) => React.createElement(ViewContext.Consumer, null, (ctx => React.createElement(Component, Object.assign({
+        ref: ref,
+        view: ctx
+    }, props))))));
+    return Com.displayName = Component.name, Com;
+}
+
+export default ViewContext;
+//# sourceMappingURL=view.js.map

package/esm/context/view.js.map

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

package/esm/eventsUtils.d.ts

@@ -0,0 +1,155 @@
+import type VChart from '@visactor/vchart';
+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;
+}
+export declare const REACT_TO_VCHART_EVENTS: {
+    onPointerDown: string;
+    onPointerUp: string;
+    onPointerUpOutside: string;
+    onPointerTap: string;
+    onPointerOver: string;
+    onPointerMove: string;
+    onPointerEnter: string;
+    onPointerLeave: string;
+    onPointerOut: string;
+    onMouseDown: string;
+    onMouseUp: string;
+    onMouseUpOutside: string;
+    onMouseMove: string;
+    onMouseOver: string;
+    onMouseOut: string;
+    onMouseEnter: string;
+    onMouseLeave: string;
+    onPinch: string;
+    onPinchStart: string;
+    onPinchEnd: string;
+    onPan: string;
+    onPanStart: string;
+    onPanEnd: string;
+    onDrag: string;
+    onDragStart: string;
+    onDragEnter: string;
+    onDragLeave: string;
+    onDragOver: string;
+    onDragEnd: string;
+    onRightDown: string;
+    onRightUp: string;
+    onRightUpOutside: string;
+    onTouchStart: string;
+    onTouchEnd: string;
+    onTouchEndOutside: string;
+    onTouchMove: string;
+    onTouchCancel: string;
+    onPress: string;
+    onPressUp: string;
+    onPressEnd: string;
+    onSwipe: string;
+    onDrop: string;
+    onWeel: string;
+    onClick: string;
+    onDblClick: string;
+};
+export declare const LEGEND_CUSTOMIZED_EVENTS: {
+    onLegendItemHover: string;
+    onLegendItemUnHover: string;
+    onLegendItemClick: string;
+};
+export declare const CHART_EVENTS: {
+    onPointerDown: string;
+    onPointerUp: string;
+    onPointerUpOutside: string;
+    onPointerTap: string;
+    onPointerOver: string;
+    onPointerMove: string;
+    onPointerEnter: string;
+    onPointerLeave: string;
+    onPointerOut: string;
+    onMouseDown: string;
+    onMouseUp: string;
+    onMouseUpOutside: string;
+    onMouseMove: string;
+    onMouseOver: string;
+    onMouseOut: string;
+    onMouseEnter: string;
+    onMouseLeave: string;
+    onPinch: string;
+    onPinchStart: string;
+    onPinchEnd: string;
+    onPan: string;
+    onPanStart: string;
+    onPanEnd: string;
+    onDrag: string;
+    onDragStart: string;
+    onDragEnter: string;
+    onDragLeave: string;
+    onDragOver: string;
+    onDragEnd: string;
+    onRightDown: string;
+    onRightUp: string;
+    onRightUpOutside: string;
+    onTouchStart: string;
+    onTouchEnd: string;
+    onTouchEndOutside: string;
+    onTouchMove: string;
+    onTouchCancel: string;
+    onPress: string;
+    onPressUp: string;
+    onPressEnd: string;
+    onSwipe: string;
+    onDrop: string;
+    onWeel: string;
+    onClick: string;
+    onDblClick: string;
+    onLegendItemHover: string;
+    onLegendItemUnHover: string;
+    onLegendItemClick: 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;

package/esm/eventsUtils.js

@@ -0,0 +1,82 @@
+export const REACT_TO_VCHART_EVENTS = {
+    onPointerDown: "pointerdown",
+    onPointerUp: "pointerup",
+    onPointerUpOutside: "pointerupoutside",
+    onPointerTap: "pointertap",
+    onPointerOver: "pointerover",
+    onPointerMove: "pointermove",
+    onPointerEnter: "pointerenter",
+    onPointerLeave: "pointerleave",
+    onPointerOut: "pointerout",
+    onMouseDown: "mousedown",
+    onMouseUp: "mouseup",
+    onMouseUpOutside: "mouseupoutside",
+    onMouseMove: "mousemove",
+    onMouseOver: "mouseover",
+    onMouseOut: "mouseout",
+    onMouseEnter: "mouseenter",
+    onMouseLeave: "mouseleave",
+    onPinch: "pinch",
+    onPinchStart: "pinchstart",
+    onPinchEnd: "pinchend",
+    onPan: "pan",
+    onPanStart: "panstart",
+    onPanEnd: "panend",
+    onDrag: "drag",
+    onDragStart: "dragstart",
+    onDragEnter: "dragenter",
+    onDragLeave: "dragleave",
+    onDragOver: "dragover",
+    onDragEnd: "dragend",
+    onRightDown: "rightdown",
+    onRightUp: "rightup",
+    onRightUpOutside: "rightupoutside",
+    onTouchStart: "touchstart",
+    onTouchEnd: "touchend",
+    onTouchEndOutside: "touchendoutside",
+    onTouchMove: "touchmove",
+    onTouchCancel: "touchcancel",
+    onPress: "press",
+    onPressUp: "pressup",
+    onPressEnd: "pressend",
+    onSwipe: "swipe",
+    onDrop: "drop",
+    onWeel: "wheel",
+    onClick: "click",
+    onDblClick: "dblclick"
+};
+
+export const LEGEND_CUSTOMIZED_EVENTS = {
+    onLegendItemHover: "legendItemHover",
+    onLegendItemUnHover: "legendItemUnHover",
+    onLegendItemClick: "legendItemClick"
+};
+
+export const CHART_EVENTS = Object.assign(Object.assign({}, LEGEND_CUSTOMIZED_EVENTS), REACT_TO_VCHART_EVENTS);
+
+export const CHART_EVENTS_KEYS = Object.keys(CHART_EVENTS);
+
+export const COMMON_EVENTK_KEYS = Object.keys(REACT_TO_VCHART_EVENTS);
+
+export const VCHART_TO_REACT_EVENTS = Object.keys(REACT_TO_VCHART_EVENTS).reduce(((res, key) => (res[REACT_TO_VCHART_EVENTS[key]] = key, 
+res)), {});
+
+export const findEventProps = (props, supportedEvents = REACT_TO_VCHART_EVENTS) => {
+    const result = {};
+    return Object.keys(props).forEach((key => {
+        supportedEvents[key] && (result[key] = props[key]);
+    })), result;
+};
+
+export const bindEventsToChart = (chart, newProps, prevProps, supportedEvents = REACT_TO_VCHART_EVENTS) => {
+    if (!newProps && !prevProps || !chart) return !1;
+    const prevEventProps = prevProps ? findEventProps(prevProps, supportedEvents) : null, newEventProps = newProps ? findEventProps(newProps, supportedEvents) : null;
+    return prevEventProps && Object.keys(prevEventProps).forEach((eventKey => {
+        if (!newEventProps || !newEventProps[eventKey] || newEventProps[eventKey] !== prevEventProps[eventKey]) {
+            chart.off(supportedEvents[eventKey], prevProps[eventKey]);
+        }
+    })), newEventProps && Object.keys(newEventProps).forEach((eventKey => {
+        prevEventProps && prevEventProps[eventKey] && prevEventProps[eventKey] === newEventProps[eventKey] || chart.on(supportedEvents[eventKey], newEventProps[eventKey]);
+    })), !0;
+};
+//# sourceMappingURL=eventsUtils.js.map

package/esm/eventsUtils.js.map

@@ -0,0 +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"]}

package/esm/index.d.ts

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

package/esm/index.js

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

package/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,OAAO,UAAU,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,CAAC","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"]}

package/esm/series/Area.d.ts

@@ -0,0 +1,6 @@
+import { BaseSeriesProps } from "./BaseSeries";
+export interface AreaProps extends BaseSeriesProps {
+}
+export declare const Area: import("react").FC<BaseSeriesProps & {
+    updateId: number;
+}>;

package/esm/series/Area.js

@@ -0,0 +1,4 @@
+import { createSeries } from "./BaseSeries";
+
+export const Area = createSeries("Area", [ "area" ], "area");
+//# sourceMappingURL=Area.js.map

package/esm/series/Area.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["series/Area.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAmB,YAAY,EAAE,MAAM,cAAc,CAAC;AAM7D,MAAM,CAAC,MAAM,IAAI,GAAG,YAAY,CAAC,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"]}

package/esm/series/Bar.d.ts

@@ -0,0 +1,6 @@
+import { BaseSeriesProps } from "./BaseSeries";
+export interface BarProps extends BaseSeriesProps {
+}
+export declare const Bar: import("react").FC<BaseSeriesProps & {
+    updateId: number;
+}>;

package/esm/series/Bar.js

@@ -0,0 +1,4 @@
+import { createSeries } from "./BaseSeries";
+
+export const Bar = createSeries("Bar", [ "bar" ], "bar");
+//# sourceMappingURL=Bar.js.map

package/esm/series/Bar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["series/Bar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAmB,YAAY,EAAE,MAAM,cAAc,CAAC;AAM7D,MAAM,CAAC,MAAM,GAAG,GAAG,YAAY,CAAC,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"]}

package/esm/series/BaseSeries.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { EventsProps } from '../eventsUtils';
+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;
+}>;

package/esm/series/BaseSeries.js

@@ -0,0 +1,72 @@
+import React from "react";
+
+import { isNil, isEqual, pickWithout } from "@visactor/vutils";
+
+import RootChartContext from "../context/chart";
+
+import { REACT_TO_VCHART_EVENTS, findEventProps, COMMON_EVENTK_KEYS, VCHART_TO_REACT_EVENTS } from "../eventsUtils";
+
+import { uid } from "../util";
+
+export const createSeries = (componentName, markNames, type) => {
+    const notSpecKeys = COMMON_EVENTK_KEYS.concat([ "id", "updateId" ]), Comp = props => {
+        const context = React.useContext(RootChartContext), id = React.useRef(isNil(props.id) ? uid(null != type ? type : "series") : props.id), seriesSpec = React.useRef(), bindedEvents = React.useRef({}), updateId = React.useRef(props.updateId), handleEvent = e => {
+            const markIds = markNames.map((markName => `${id.current}-${markName}`));
+            (null == e ? void 0 : e.mark) && markIds.includes(e.mark.getUserId()) && props[VCHART_TO_REACT_EVENTS[e.event.type]](e);
+        }, addMarkEvent = events => {
+            events && context.chart && (bindedEvents && Object.keys(bindedEvents).forEach((eventKey => {
+                events[eventKey] || context.chart.off(REACT_TO_VCHART_EVENTS[eventKey], handleEvent), 
+                bindedEvents.current[eventKey] = !1;
+            })), Object.keys(events).forEach((eventKey => {
+                (null == bindedEvents ? void 0 : bindedEvents[eventKey]) || (context.chart.on(REACT_TO_VCHART_EVENTS[eventKey], handleEvent), 
+                bindedEvents || (bindedEvents.current = {}), bindedEvents.current[eventKey] = !0);
+            })));
+        }, addMarkId = seriesSpec => {
+            markNames.forEach((markName => {
+                const defaultMarkId = `${id.current}-${markName}`;
+                isNil(seriesSpec[markName]) ? seriesSpec[markName] = {
+                    id: defaultMarkId
+                } : isNil(seriesSpec[markName].id) && (seriesSpec[markName].id = defaultMarkId);
+            }));
+        }, insertToContext = props => {
+            if (context.specFromChildren) {
+                context.specFromChildren.series || (context.specFromChildren.series = []);
+                const seriesSpec = 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;
+            }
+        };
+        if (addMarkEvent(findEventProps(props)), props.updateId !== updateId.current) updateId.current = props.updateId; else {
+            const newSeriesSpec = pickWithout(props, notSpecKeys);
+            isEqual(newSeriesSpec, seriesSpec.current) || (seriesSpec.current = newSeriesSpec, 
+            (props => {
+                if (!context.specFromChildren) return;
+                if (!context.specFromChildren.series) return void insertToContext(props);
+                const series = context.specFromChildren.series, index = series.findIndex((entry => entry.id === id.current));
+                index >= 0 ? (series[index] = isNil(type) ? Object.assign(Object.assign({}, props), {
+                    id: id.current
+                }) : Object.assign(Object.assign({}, props), {
+                    id: id.current,
+                    type: type
+                }), addMarkId(series[index])) : insertToContext(props), context.isChildrenUpdated = !0;
+            })(newSeriesSpec));
+        }
+        return React.useEffect((() => () => {
+            (() => {
+                var _a;
+                if (!context.specFromChildren) return;
+                const series = null !== (_a = context.specFromChildren.series) && void 0 !== _a ? _a : [], index = series.findIndex((entry => entry.id === id.current));
+                if (index >= 0) {
+                    const newSeries = series.slice(0, index - 1).concat(series.slice(index + 1));
+                    context.specFromChildren.series = newSeries, context.isChildrenUpdated = !0;
+                }
+            })(), addMarkEvent({});
+        }), []), null;
+    };
+    return Comp.displayName = componentName, Comp;
+};
+//# sourceMappingURL=BaseSeries.js.map

package/esm/series/BaseSeries.js.map

@@ -0,0 +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"]}

package/esm/series/BoxPlot.d.ts

@@ -0,0 +1,6 @@
+import { BaseSeriesProps } from "./BaseSeries";
+export interface BoxPlotProps extends BaseSeriesProps {
+}
+export declare const BoxPlot: import("react").FC<BaseSeriesProps & {
+    updateId: number;
+}>;

package/esm/series/BoxPlot.js

@@ -0,0 +1,4 @@
+import { createSeries } from "./BaseSeries";
+
+export const BoxPlot = createSeries("BoxPlot", [ "boxPlot" ], "boxPlot");
+//# sourceMappingURL=BoxPlot.js.map

package/esm/series/BoxPlot.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["series/BoxPlot.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAmB,YAAY,EAAE,MAAM,cAAc,CAAC;AAM7D,MAAM,CAAC,MAAM,OAAO,GAAG,YAAY,CAAC,SAAS,EAAE,CAAC,SAAS,CAAC,EAAE,SAAS,CAAC,CAAC","file":"BoxPlot.js","sourcesContent":["import { BaseSeriesProps, createSeries } from \"./BaseSeries\";\n\nexport interface BoxPlotProps extends BaseSeriesProps {\n  //\n}\n\nexport const BoxPlot = createSeries(\"BoxPlot\", [\"boxPlot\"], \"boxPlot\");\n"]}

package/esm/series/CircularProgress.d.ts

@@ -0,0 +1,6 @@
+import { BaseSeriesProps } from "./BaseSeries";
+export interface CircularProgressProps extends BaseSeriesProps {
+}
+export declare const CircularProgress: import("react").FC<BaseSeriesProps & {
+    updateId: number;
+}>;

package/esm/series/CircularProgress.js

@@ -0,0 +1,4 @@
+import { createSeries } from "./BaseSeries";
+
+export const CircularProgress = createSeries("CircularProgress", [ "circularProgress" ], "circularProgress");
+//# sourceMappingURL=CircularProgress.js.map

package/esm/series/CircularProgress.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["series/CircularProgress.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAmB,YAAY,EAAE,MAAM,cAAc,CAAC;AAM7D,MAAM,CAAC,MAAM,gBAAgB,GAAG,YAAY,CAC1C,kBAAkB,EAClB,CAAC,kBAAkB,CAAC,EACpB,kBAAkB,CACnB,CAAC","file":"CircularProgress.js","sourcesContent":["import { BaseSeriesProps, createSeries } from \"./BaseSeries\";\n\nexport interface CircularProgressProps extends BaseSeriesProps {\n  //\n}\n\nexport const CircularProgress = createSeries(\n  \"CircularProgress\",\n  [\"circularProgress\"],\n  \"circularProgress\"\n);\n"]}

package/esm/series/Dot.d.ts

@@ -0,0 +1,6 @@
+import { BaseSeriesProps } from "./BaseSeries";
+export interface DotProps extends BaseSeriesProps {
+}
+export declare const Dot: import("react").FC<BaseSeriesProps & {
+    updateId: number;
+}>;

package/esm/series/Dot.js

@@ -0,0 +1,4 @@
+import { createSeries } from "./BaseSeries";
+
+export const Dot = createSeries("Dot", [ "dot" ], "dot");
+//# sourceMappingURL=Dot.js.map

package/esm/series/Dot.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["series/Dot.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAmB,YAAY,EAAE,MAAM,cAAc,CAAC;AAM7D,MAAM,CAAC,MAAM,GAAG,GAAG,YAAY,CAAC,KAAK,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,CAAC","file":"Dot.js","sourcesContent":["import { BaseSeriesProps, createSeries } from \"./BaseSeries\";\n\nexport interface DotProps extends BaseSeriesProps {\n  //\n}\n\nexport const Dot = createSeries(\"Dot\", [\"dot\"], \"dot\");\n"]}

package/esm/series/Funnel.d.ts

@@ -0,0 +1,6 @@
+import { BaseSeriesProps } from "./BaseSeries";
+export interface FunnelProps extends BaseSeriesProps {
+}
+export declare const Funnel: import("react").FC<BaseSeriesProps & {
+    updateId: number;
+}>;

package/esm/series/Funnel.js

@@ -0,0 +1,4 @@
+import { createSeries } from "./BaseSeries";
+
+export const Funnel = createSeries("Funnel", [ "funnel" ], "funnel");
+//# sourceMappingURL=Funnel.js.map

package/esm/series/Funnel.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["series/Funnel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAmB,YAAY,EAAE,MAAM,cAAc,CAAC;AAM7D,MAAM,CAAC,MAAM,MAAM,GAAG,YAAY,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,EAAE,QAAQ,CAAC,CAAC","file":"Funnel.js","sourcesContent":["import { BaseSeriesProps, createSeries } from \"./BaseSeries\";\n\nexport interface FunnelProps extends BaseSeriesProps {\n  //\n}\n\nexport const Funnel = createSeries(\"Funnel\", [\"funnel\"], \"funnel\");\n"]}

package/esm/series/Line.d.ts

@@ -0,0 +1,6 @@
+import { BaseSeriesProps } from "./BaseSeries";
+export interface LineProps extends BaseSeriesProps {
+}
+export declare const Line: import("react").FC<BaseSeriesProps & {
+    updateId: number;
+}>;

package/esm/series/Line.js

@@ -0,0 +1,3 @@
+import { createSeries } from "./BaseSeries";
+
+export const Line = createSeries("Line", [ "line" ], "line");

package/esm/series/Line.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["series/Line.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAmB,YAAY,EAAE,MAAM,cAAc,CAAC;AAM7D,MAAM,CAAC,MAAM,IAAI,GAAG,YAAY,CAAC,MAAM,EAAE,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC,CAAC","file":"Line.js","sourcesContent":["import { BaseSeriesProps, createSeries } from \"./BaseSeries\";\n\nexport interface LineProps extends BaseSeriesProps {\n  //\n}\n\nexport const Line = createSeries(\"Line\", [\"line\"], \"line\");\n"]}

package/esm/series/LinearProgress.d.ts

@@ -0,0 +1,6 @@
+import { BaseSeriesProps } from "./BaseSeries";
+export interface LinearProgressProps extends BaseSeriesProps {
+}
+export declare const LinearProgress: import("react").FC<BaseSeriesProps & {
+    updateId: number;
+}>;

package/esm/series/LinearProgress.js

@@ -0,0 +1,4 @@
+import { createSeries } from "./BaseSeries";
+
+export const LinearProgress = createSeries("LinearProgress", [ "linearProgress" ], "linearProgress");
+//# sourceMappingURL=LinearProgress.js.map

package/esm/series/LinearProgress.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["series/LinearProgress.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAmB,YAAY,EAAE,MAAM,cAAc,CAAC;AAM7D,MAAM,CAAC,MAAM,cAAc,GAAG,YAAY,CACxC,gBAAgB,EAChB,CAAC,gBAAgB,CAAC,EAClB,gBAAgB,CACjB,CAAC","file":"LinearProgress.js","sourcesContent":["import { BaseSeriesProps, createSeries } from \"./BaseSeries\";\n\nexport interface LinearProgressProps extends BaseSeriesProps {\n  //\n}\n\nexport const LinearProgress = createSeries(\n  \"LinearProgress\",\n  [\"linearProgress\"],\n  \"linearProgress\"\n);\n"]}

package/esm/series/Link.d.ts

@@ -0,0 +1,6 @@
+import { BaseSeriesProps } from "./BaseSeries";
+export interface LinkProps extends BaseSeriesProps {
+}
+export declare const Link: import("react").FC<BaseSeriesProps & {
+    updateId: number;
+}>;

package/esm/series/Link.js

@@ -0,0 +1,4 @@
+import { createSeries } from "./BaseSeries";
+
+export const Link = createSeries("Link", [ "link" ], "link");
+//# sourceMappingURL=Link.js.map

package/esm/series/Link.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["series/Link.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAmB,YAAY,EAAE,MAAM,cAAc,CAAC;AAM7D,MAAM,CAAC,MAAM,IAAI,GAAG,YAAY,CAAC,MAAM,EAAE,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC,CAAC","file":"Link.js","sourcesContent":["import { BaseSeriesProps, createSeries } from \"./BaseSeries\";\n\nexport interface LinkProps extends BaseSeriesProps {\n  //\n}\n\nexport const Link = createSeries(\"Link\", [\"link\"], \"link\");\n"]}

package/esm/series/Map.d.ts

@@ -0,0 +1,6 @@
+import { BaseSeriesProps } from "./BaseSeries";
+export interface MapProps extends BaseSeriesProps {
+}
+export declare const Map: import("react").FC<BaseSeriesProps & {
+    updateId: number;
+}>;

package/esm/series/Map.js

@@ -0,0 +1,4 @@
+import { createSeries } from "./BaseSeries";
+
+export const Map = createSeries("Map", [ "map" ], "map");
+//# sourceMappingURL=Map.js.map

package/esm/series/Map.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["series/Map.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAmB,YAAY,EAAE,MAAM,cAAc,CAAC;AAM7D,MAAM,CAAC,MAAM,GAAG,GAAG,YAAY,CAAC,KAAK,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,CAAC","file":"Map.js","sourcesContent":["import { BaseSeriesProps, createSeries } from \"./BaseSeries\";\n\nexport interface MapProps extends BaseSeriesProps {\n  //\n}\n\nexport const Map = createSeries(\"Map\", [\"map\"], \"map\");\n"]}

package/esm/series/Pie.d.ts

@@ -0,0 +1,6 @@
+import { BaseSeriesProps } from "./BaseSeries";
+export interface PieProps extends BaseSeriesProps {
+}
+export declare const Pie: import("react").FC<BaseSeriesProps & {
+    updateId: number;
+}>;

package/esm/series/Pie.js

@@ -0,0 +1,4 @@
+import { createSeries } from "./BaseSeries";
+
+export const Pie = createSeries("Pie", [ "pie" ], "pie");
+//# sourceMappingURL=Pie.js.map

package/esm/series/Pie.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["series/Pie.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAmB,YAAY,EAAE,MAAM,cAAc,CAAC;AAM7D,MAAM,CAAC,MAAM,GAAG,GAAG,YAAY,CAAC,KAAK,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,CAAC","file":"Pie.js","sourcesContent":["import { BaseSeriesProps, createSeries } from \"./BaseSeries\";\n\nexport interface PieProps extends BaseSeriesProps {\n  //\n}\n\nexport const Pie = createSeries(\"Pie\", [\"pie\"], \"pie\");\n"]}

package/esm/series/Radar.d.ts

@@ -0,0 +1,6 @@
+import { BaseSeriesProps } from "./BaseSeries";
+export interface RadarProps extends BaseSeriesProps {
+}
+export declare const Radar: import("react").FC<BaseSeriesProps & {
+    updateId: number;
+}>;

package/esm/series/Radar.js

@@ -0,0 +1,4 @@
+import { createSeries } from "./BaseSeries";
+
+export const Radar = createSeries("Radar", [ "radar" ], "radar");
+//# sourceMappingURL=Radar.js.map

package/esm/series/Radar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["series/Radar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAmB,YAAY,EAAE,MAAM,cAAc,CAAC;AAM7D,MAAM,CAAC,MAAM,KAAK,GAAG,YAAY,CAAC,OAAO,EAAE,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC,CAAC","file":"Radar.js","sourcesContent":["import { BaseSeriesProps, createSeries } from \"./BaseSeries\";\n\nexport interface RadarProps extends BaseSeriesProps {\n  //\n}\n\nexport const Radar = createSeries(\"Radar\", [\"radar\"], \"radar\");\n"]}