@visactor/react-vchart 0.0.1-alpha.0

package/cjs/context/view.js

@@ -0,0 +1,24 @@
+"use strict";
+
+var __importDefault = this && this.__importDefault || function(mod) {
+    return mod && mod.__esModule ? mod : {
+        default: mod
+    };
+};
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.withView = void 0;
+
+const react_1 = __importDefault(require("react")), ViewContext = react_1.default.createContext(null);
+
+function withView(Component) {
+    const Com = react_1.default.forwardRef(((props, ref) => react_1.default.createElement(ViewContext.Consumer, null, (ctx => react_1.default.createElement(Component, Object.assign({
+        ref: ref,
+        view: ctx
+    }, props))))));
+    return Com.displayName = Component.name, Com;
+}
+
+ViewContext.displayName = "ViewContext", exports.withView = withView, exports.default = ViewContext;
+//# sourceMappingURL=view.js.map

package/cjs/context/view.js.map

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

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

@@ -0,0 +1,84 @@
+"use strict";
+
+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.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"
+}, 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), 
+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)), {});
+
+const findEventProps = (props, supportedEvents = exports.REACT_TO_VCHART_EVENTS) => {
+    const result = {};
+    return Object.keys(props).forEach((key => {
+        supportedEvents[key] && (result[key] = props[key]);
+    })), result;
+};
+
+exports.findEventProps = findEventProps;
+
+const bindEventsToChart = (chart, newProps, prevProps, supportedEvents = exports.REACT_TO_VCHART_EVENTS) => {
+    if (!newProps && !prevProps || !chart) return !1;
+    const prevEventProps = prevProps ? (0, exports.findEventProps)(prevProps, supportedEvents) : null, newEventProps = newProps ? (0, 
+    exports.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;
+};
+
+exports.bindEventsToChart = bindEventsToChart;
+//# sourceMappingURL=eventsUtils.js.map

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

@@ -0,0 +1,38 @@
+"use strict";
+
+var __createBinding = this && this.__createBinding || (Object.create ? function(o, m, k, k2) {
+    void 0 === k2 && (k2 = k);
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    desc && !("get" in desc ? !m.__esModule : desc.writable || desc.configurable) || (desc = {
+        enumerable: !0,
+        get: function() {
+            return m[k];
+        }
+    }), Object.defineProperty(o, k2, desc);
+} : function(o, m, k, k2) {
+    void 0 === k2 && (k2 = k), o[k2] = m[k];
+}), __exportStar = this && this.__exportStar || function(m, exports) {
+    for (var p in m) "default" === p || Object.prototype.hasOwnProperty.call(exports, p) || __createBinding(exports, m, p);
+}, __importDefault = this && this.__importDefault || function(mod) {
+    return mod && mod.__esModule ? mod : {
+        default: mod
+    };
+};
+
+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;
+    }
+});
+
+const vchart_1 = __importDefault(require("@visactor/vchart"));
+
+exports.VChartCore = vchart_1.default;

package/cjs/index.js.map

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

package/cjs/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/cjs/series/Area.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.Area = void 0;
+
+const BaseSeries_1 = require("./BaseSeries");
+
+exports.Area = (0, BaseSeries_1.createSeries)("Area", [ "area" ], "area");
+//# sourceMappingURL=Area.js.map

package/cjs/series/Area.js.map

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

package/cjs/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/cjs/series/Bar.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.Bar = void 0;
+
+const BaseSeries_1 = require("./BaseSeries");
+
+exports.Bar = (0, BaseSeries_1.createSeries)("Bar", [ "bar" ], "bar");
+//# sourceMappingURL=Bar.js.map

package/cjs/series/Bar.js.map

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

package/cjs/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/cjs/series/BaseSeries.js

@@ -0,0 +1,77 @@
+"use strict";
+
+var __importDefault = this && this.__importDefault || function(mod) {
+    return mod && mod.__esModule ? mod : {
+        default: mod
+    };
+};
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.createSeries = void 0;
+
+const react_1 = __importDefault(require("react")), vutils_1 = require("@visactor/vutils"), chart_1 = __importDefault(require("../context/chart")), eventsUtils_1 = require("../eventsUtils"), util_1 = require("../util"), createSeries = (componentName, markNames, type) => {
+    const notSpecKeys = eventsUtils_1.COMMON_EVENTK_KEYS.concat([ "id", "updateId" ]), Comp = props => {
+        const context = react_1.default.useContext(chart_1.default), id = react_1.default.useRef((0, 
+        vutils_1.isNil)(props.id) ? (0, util_1.uid)(null != type ? type : "series") : props.id), seriesSpec = react_1.default.useRef(), bindedEvents = react_1.default.useRef({}), updateId = react_1.default.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[eventsUtils_1.VCHART_TO_REACT_EVENTS[e.event.type]](e);
+        }, addMarkEvent = events => {
+            events && context.chart && (bindedEvents && Object.keys(bindedEvents).forEach((eventKey => {
+                events[eventKey] || context.chart.off(eventsUtils_1.REACT_TO_VCHART_EVENTS[eventKey], handleEvent), 
+                bindedEvents.current[eventKey] = !1;
+            })), Object.keys(events).forEach((eventKey => {
+                (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 => {
+            markNames.forEach((markName => {
+                const defaultMarkId = `${id.current}-${markName}`;
+                (0, vutils_1.isNil)(seriesSpec[markName]) ? seriesSpec[markName] = {
+                    id: defaultMarkId
+                } : (0, vutils_1.isNil)(seriesSpec[markName].id) && (seriesSpec[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), {
+                    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((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, 
+            (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] = (0, vutils_1.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_1.default.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;
+};
+
+exports.createSeries = createSeries;
+//# sourceMappingURL=BaseSeries.js.map

package/cjs/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/cjs/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/cjs/series/BoxPlot.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.BoxPlot = void 0;
+
+const BaseSeries_1 = require("./BaseSeries");
+
+exports.BoxPlot = (0, BaseSeries_1.createSeries)("BoxPlot", [ "boxPlot" ], "boxPlot");
+//# sourceMappingURL=BoxPlot.js.map

package/cjs/series/BoxPlot.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["series/BoxPlot.tsx"],"names":[],"mappings":";;;AAAA,6CAA6D;AAMhD,QAAA,OAAO,GAAG,IAAA,yBAAY,EAAC,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/cjs/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/cjs/series/CircularProgress.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.CircularProgress = void 0;
+
+const BaseSeries_1 = require("./BaseSeries");
+
+exports.CircularProgress = (0, BaseSeries_1.createSeries)("CircularProgress", [ "circularProgress" ], "circularProgress");
+//# sourceMappingURL=CircularProgress.js.map

package/cjs/series/CircularProgress.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["series/CircularProgress.tsx"],"names":[],"mappings":";;;AAAA,6CAA6D;AAMhD,QAAA,gBAAgB,GAAG,IAAA,yBAAY,EAC1C,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/cjs/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/cjs/series/Dot.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.Dot = void 0;
+
+const BaseSeries_1 = require("./BaseSeries");
+
+exports.Dot = (0, BaseSeries_1.createSeries)("Dot", [ "dot" ], "dot");
+//# sourceMappingURL=Dot.js.map

package/cjs/series/Dot.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["series/Dot.tsx"],"names":[],"mappings":";;;AAAA,6CAA6D;AAMhD,QAAA,GAAG,GAAG,IAAA,yBAAY,EAAC,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/cjs/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/cjs/series/Funnel.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.Funnel = void 0;
+
+const BaseSeries_1 = require("./BaseSeries");
+
+exports.Funnel = (0, BaseSeries_1.createSeries)("Funnel", [ "funnel" ], "funnel");
+//# sourceMappingURL=Funnel.js.map

package/cjs/series/Funnel.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["series/Funnel.tsx"],"names":[],"mappings":";;;AAAA,6CAA6D;AAMhD,QAAA,MAAM,GAAG,IAAA,yBAAY,EAAC,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/cjs/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/cjs/series/Line.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.Line = void 0;
+
+const BaseSeries_1 = require("./BaseSeries");
+
+exports.Line = (0, BaseSeries_1.createSeries)("Line", [ "line" ], "line");

package/cjs/series/Line.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["series/Line.tsx"],"names":[],"mappings":";;;AAAA,6CAA6D;AAMhD,QAAA,IAAI,GAAG,IAAA,yBAAY,EAAC,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/cjs/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/cjs/series/LinearProgress.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.LinearProgress = void 0;
+
+const BaseSeries_1 = require("./BaseSeries");
+
+exports.LinearProgress = (0, BaseSeries_1.createSeries)("LinearProgress", [ "linearProgress" ], "linearProgress");
+//# sourceMappingURL=LinearProgress.js.map

package/cjs/series/LinearProgress.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["series/LinearProgress.tsx"],"names":[],"mappings":";;;AAAA,6CAA6D;AAMhD,QAAA,cAAc,GAAG,IAAA,yBAAY,EACxC,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"]}