@visactor/react-vchart 0.0.1-alpha.0

package/cjs/charts/index.js

@@ -0,0 +1,150 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.CommonChart = exports.RangeColumnChart = exports.LinearProgressChart = exports.CircularProgressChart = exports.BoxPlotChart = exports.FunnelChart = exports.WordCloudChart = exports.HistogramChart = exports.MapChart = exports.RadarChart = exports.RoseChart = exports.PieChart = exports.ScatterChart = exports.LineChart = exports.BarChart = exports.AreaChart = void 0;
+
+var AreaChart_1 = require("./AreaChart");
+
+Object.defineProperty(exports, "AreaChart", {
+    enumerable: !0,
+    get: function() {
+        return AreaChart_1.AreaChart;
+    }
+});
+
+var BarChart_1 = require("./BarChart");
+
+Object.defineProperty(exports, "BarChart", {
+    enumerable: !0,
+    get: function() {
+        return BarChart_1.BarChart;
+    }
+});
+
+var LineChart_1 = require("./LineChart");
+
+Object.defineProperty(exports, "LineChart", {
+    enumerable: !0,
+    get: function() {
+        return LineChart_1.LineChart;
+    }
+});
+
+var ScatterChart_1 = require("./ScatterChart");
+
+Object.defineProperty(exports, "ScatterChart", {
+    enumerable: !0,
+    get: function() {
+        return ScatterChart_1.ScatterChart;
+    }
+});
+
+var PieChart_1 = require("./PieChart");
+
+Object.defineProperty(exports, "PieChart", {
+    enumerable: !0,
+    get: function() {
+        return PieChart_1.PieChart;
+    }
+});
+
+var RoseChart_1 = require("./RoseChart");
+
+Object.defineProperty(exports, "RoseChart", {
+    enumerable: !0,
+    get: function() {
+        return RoseChart_1.RoseChart;
+    }
+});
+
+var RadarChart_1 = require("./RadarChart");
+
+Object.defineProperty(exports, "RadarChart", {
+    enumerable: !0,
+    get: function() {
+        return RadarChart_1.RadarChart;
+    }
+});
+
+var MapChart_1 = require("./MapChart");
+
+Object.defineProperty(exports, "MapChart", {
+    enumerable: !0,
+    get: function() {
+        return MapChart_1.MapChart;
+    }
+});
+
+var HistogramChart_1 = require("./HistogramChart");
+
+Object.defineProperty(exports, "HistogramChart", {
+    enumerable: !0,
+    get: function() {
+        return HistogramChart_1.HistogramChart;
+    }
+});
+
+var WordCloudChart_1 = require("./WordCloudChart");
+
+Object.defineProperty(exports, "WordCloudChart", {
+    enumerable: !0,
+    get: function() {
+        return WordCloudChart_1.WordCloudChart;
+    }
+});
+
+var FunnelChart_1 = require("./FunnelChart");
+
+Object.defineProperty(exports, "FunnelChart", {
+    enumerable: !0,
+    get: function() {
+        return FunnelChart_1.FunnelChart;
+    }
+});
+
+var BoxPlotChart_1 = require("./BoxPlotChart");
+
+Object.defineProperty(exports, "BoxPlotChart", {
+    enumerable: !0,
+    get: function() {
+        return BoxPlotChart_1.BoxPlotChart;
+    }
+});
+
+var CircularProgressChart_1 = require("./CircularProgressChart");
+
+Object.defineProperty(exports, "CircularProgressChart", {
+    enumerable: !0,
+    get: function() {
+        return CircularProgressChart_1.CircularProgressChart;
+    }
+});
+
+var LinearProgressChart_1 = require("./LinearProgressChart");
+
+Object.defineProperty(exports, "LinearProgressChart", {
+    enumerable: !0,
+    get: function() {
+        return LinearProgressChart_1.LinearProgressChart;
+    }
+});
+
+var RangeColumnChart_1 = require("./RangeColumnChart");
+
+Object.defineProperty(exports, "RangeColumnChart", {
+    enumerable: !0,
+    get: function() {
+        return RangeColumnChart_1.RangeColumnChart;
+    }
+});
+
+var CommonChart_1 = require("./CommonChart");
+
+Object.defineProperty(exports, "CommonChart", {
+    enumerable: !0,
+    get: function() {
+        return CommonChart_1.CommonChart;
+    }
+});
+//# sourceMappingURL=index.js.map

package/cjs/charts/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["charts/index.ts"],"names":[],"mappings":";;;AAAA,yCAAuC;AAA9B,sGAAA,SAAS,OAAA;AAClB,uCAAqC;AAA5B,oGAAA,QAAQ,OAAA;AACjB,yCAAuC;AAA9B,sGAAA,SAAS,OAAA;AAClB,+CAA6C;AAApC,4GAAA,YAAY,OAAA;AAErB,uCAAqC;AAA5B,oGAAA,QAAQ,OAAA;AACjB,yCAAuC;AAA9B,sGAAA,SAAS,OAAA;AAElB,2CAAyC;AAAhC,wGAAA,UAAU,OAAA;AAEnB,uCAAqC;AAA5B,oGAAA,QAAQ,OAAA;AACjB,mDAAiD;AAAxC,gHAAA,cAAc,OAAA;AACvB,mDAAiD;AAAxC,gHAAA,cAAc,OAAA;AACvB,6CAA2C;AAAlC,0GAAA,WAAW,OAAA;AACpB,+CAA6C;AAApC,4GAAA,YAAY,OAAA;AAErB,iEAA+D;AAAtD,8HAAA,qBAAqB,OAAA;AAC9B,6DAA2D;AAAlD,0HAAA,mBAAmB,OAAA;AAC5B,uDAAqD;AAA5C,oHAAA,gBAAgB,OAAA;AAEzB,6CAA2C;AAAlC,0GAAA,WAAW,OAAA","file":"index.js","sourcesContent":["export { AreaChart } from './AreaChart'\nexport { BarChart } from './BarChart'\nexport { LineChart } from './LineChart'\nexport { ScatterChart } from './ScatterChart'\n\nexport { PieChart } from './PieChart'\nexport { RoseChart } from './RoseChart'\n\nexport { RadarChart } from './RadarChart'\n\nexport { MapChart } from './MapChart'\nexport { HistogramChart } from './HistogramChart'\nexport { WordCloudChart } from './WordCloudChart'\nexport { FunnelChart } from './FunnelChart'\nexport { BoxPlotChart } from './BoxPlotChart'\n\nexport { CircularProgressChart } from './CircularProgressChart'\nexport { LinearProgressChart } from './LinearProgressChart'\nexport { RangeColumnChart } from './RangeColumnChart'\n\nexport { CommonChart } from './CommonChart'"]}

package/cjs/components/Axis.d.ts

@@ -0,0 +1,5 @@
+export interface AxisProps {
+}
+export declare const Axis: import("react").FC<import("./BaseComponent").BaseComponentProps & {
+    updateId?: number;
+}>;

package/cjs/components/Axis.js

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

package/cjs/components/Axis.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["components/Axis.tsx"],"names":[],"mappings":";;;AAAA,mDAAkD;AAMrC,QAAA,IAAI,GAAG,IAAA,+BAAe,EAAC,MAAM,EAAE,MAAM,CAAC,CAAC","file":"Axis.js","sourcesContent":["import { createComponent } from \"./BaseComponent\";\n\nexport interface AxisProps {\n  //\n}\n\nexport const Axis = createComponent(\"Axis\", \"axes\");\n"]}

package/cjs/components/BaseComponent.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+export interface BaseComponentProps {
+    id?: string | number;
+}
+type ComponentProps = BaseComponentProps & {
+    updateId?: number;
+};
+export declare const createComponent: <T extends ComponentProps>(componentName: string, specName: string, supportedEvents?: Record<string, string> | null, isSingle?: boolean) => React.FC<T>;
+export {};

package/cjs/components/BaseComponent.js

@@ -0,0 +1,76 @@
+"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];
+}), __setModuleDefault = this && this.__setModuleDefault || (Object.create ? function(o, v) {
+    Object.defineProperty(o, "default", {
+        enumerable: !0,
+        value: v
+    });
+} : function(o, v) {
+    o.default = v;
+}), __importStar = this && this.__importStar || function(mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (null != mod) for (var k in mod) "default" !== k && Object.prototype.hasOwnProperty.call(mod, k) && __createBinding(result, mod, k);
+    return __setModuleDefault(result, mod), result;
+}, __importDefault = this && this.__importDefault || function(mod) {
+    return mod && mod.__esModule ? mod : {
+        default: mod
+    };
+};
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.createComponent = void 0;
+
+const react_1 = __importStar(require("react")), vutils_1 = require("@visactor/vutils"), chart_1 = __importDefault(require("../context/chart")), eventsUtils_1 = require("../eventsUtils"), util_1 = require("../util"), createComponent = (componentName, specName, supportedEvents, isSingle) => {
+    const ignoreKeys = [ "id", "updateId" ], notSpecKeys = supportedEvents ? Object.keys(supportedEvents).concat(ignoreKeys) : ignoreKeys, Comp = props => {
+        const context = (0, react_1.useContext)(chart_1.default), id = react_1.default.useRef((0, 
+        vutils_1.isNil)(props.id) ? (0, util_1.uid)(specName) : props.id), eventsBinded = react_1.default.useRef(null), updateId = react_1.default.useRef(props.updateId), componentSpec = (0, 
+        vutils_1.pickWithout)(props, notSpecKeys);
+        return !!supportedEvents && (0, eventsUtils_1.bindEventsToChart)(context.chart, props, eventsBinded.current, supportedEvents) && (eventsBinded.current = props), 
+        props.updateId !== updateId.current ? updateId.current = props.updateId : updateToContext(context, id.current, specName, isSingle, componentSpec), 
+        (0, react_1.useEffect)((() => () => {
+            supportedEvents && (0, eventsUtils_1.bindEventsToChart)(context.chart, null, eventsBinded.current, supportedEvents), 
+            deleteToContext(context, id.current, specName, isSingle);
+        }), []), null;
+    };
+    return Comp.displayName = componentName, Comp;
+};
+
+exports.createComponent = createComponent;
+
+const updateToContext = (context, id, specName, isSingle, props) => {
+    if (context.specFromChildren) {
+        if (isSingle) context.specFromChildren[specName] = Object.assign({}, props); else {
+            context.specFromChildren[specName] || (context.specFromChildren[specName] = []);
+            const comps = context.specFromChildren[specName], index = comps.findIndex((entry => entry.id === id));
+            index >= 0 ? comps[index] = Object.assign({
+                id: id
+            }, props) : context.specFromChildren[specName].push(Object.assign({
+                id: id
+            }, props));
+        }
+        context.isChildrenUpdated = !0;
+    }
+}, deleteToContext = (context, id, specName, isSingle) => {
+    var _a;
+    if (context.specFromChildren) if (isSingle) context.specFromChildren[specName] = null; else {
+        const comps = null !== (_a = context.specFromChildren[specName]) && void 0 !== _a ? _a : [], index = comps.findIndex((entry => entry.id === id));
+        if (index >= 0) {
+            const newComps = comps.slice(0, index - 1).concat(comps.slice(index + 1));
+            context.specFromChildren[specName] = newComps, context.isChildrenUpdated = !0;
+        }
+    }
+};
+//# sourceMappingURL=BaseComponent.js.map

package/cjs/components/BaseComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["components/BaseComponent.tsx"],"names":[],"mappings":"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","file":"BaseComponent.js","sourcesContent":["import React, { useContext, useEffect } from \"react\";\nimport { isNil, pickWithout } from \"@visactor/vutils\";\n\nimport RootChartContext, { ChartContextType } from \"../context/chart\";\nimport { bindEventsToChart } from \"../eventsUtils\";\nimport { uid } from \"../util\";\n\nexport interface BaseComponentProps {\n  id?: string | number;\n}\n\ntype ComponentProps = BaseComponentProps & { updateId?: number };\n\nexport const createComponent = <T extends ComponentProps>(\n  componentName: string,\n  specName: string,\n  supportedEvents?: Record<string, string> | null,\n  isSingle?: boolean\n) => {\n  const ignoreKeys = [\"id\", \"updateId\"];\n  const notSpecKeys = supportedEvents\n    ? Object.keys(supportedEvents).concat(ignoreKeys)\n    : ignoreKeys;\n\n  const Comp: React.FC<T> = (props: T) => {\n    const context = useContext(RootChartContext);\n    const id = React.useRef<string | number>(\n      isNil(props.id) ? uid(specName) : props.id\n    );\n\n    const eventsBinded = React.useRef<T>(null);\n    const updateId = React.useRef<number>(props.updateId);\n\n    const componentSpec: Partial<T> = pickWithout<T>(props, notSpecKeys);\n    const hasPrevEventsBinded =\n      !!supportedEvents &&\n      bindEventsToChart(\n        context.chart,\n        props,\n        eventsBinded.current,\n        supportedEvents\n      );\n    if (hasPrevEventsBinded) {\n      eventsBinded.current = props;\n    }\n\n    if (props.updateId !== updateId.current) {\n      updateId.current = props.updateId;\n    } else {\n      updateToContext(context, id.current, specName, isSingle, componentSpec);\n    }\n\n    useEffect(() => {\n      return () => {\n        !!supportedEvents &&\n          bindEventsToChart(\n            context.chart,\n            null,\n            eventsBinded.current,\n            supportedEvents\n          );\n        deleteToContext(context, id.current, specName, isSingle);\n      };\n    }, []);\n\n    return null;\n  };\n\n  Comp.displayName = componentName;\n  return Comp;\n};\n\nconst updateToContext = (\n  context: ChartContextType,\n  id: string | number,\n  specName: string,\n  isSingle: boolean,\n  props: Partial<ComponentProps>\n) => {\n  if (!context.specFromChildren) {\n    return;\n  }\n\n  if (isSingle) {\n    context.specFromChildren[specName] = { ...props };\n  } else {\n    if (!context.specFromChildren[specName]) {\n      context.specFromChildren[specName] = [];\n    }\n\n    const comps = context.specFromChildren[specName];\n    const index = comps.findIndex((entry: any) => entry.id === id);\n\n    if (index >= 0) {\n      comps[index] = {\n        id,\n        ...props,\n      };\n    } else {\n      context.specFromChildren[specName].push({\n        id,\n        ...props,\n      });\n    }\n  }\n  context.isChildrenUpdated = true;\n};\n\nconst deleteToContext = (\n  context: ChartContextType,\n  id: string | number,\n  specName: string,\n  isSingle: boolean\n) => {\n  if (!context.specFromChildren) {\n    return;\n  }\n\n  if (isSingle) {\n    context.specFromChildren[specName] = null;\n  } else {\n    const comps = context.specFromChildren[specName] ?? [];\n    const index = comps.findIndex((entry: any) => entry.id === id);\n\n    if (index >= 0) {\n      const newComps = comps.slice(0, index - 1).concat(comps.slice(index + 1));\n\n      context.specFromChildren[specName] = newComps;\n      context.isChildrenUpdated = true;\n    }\n  }\n};\n"]}

package/cjs/components/Legend.d.ts

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

package/cjs/components/Legend.js

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

package/cjs/components/Legend.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["components/Legend.tsx"],"names":[],"mappings":";;;AACA,gDAA0D;AAC1D,mDAAsE;AAQzD,QAAA,MAAM,GAAG,IAAA,+BAAe,EAAC,QAAQ,EAAE,SAAS,EAAE,sCAAwB,CAAC,CAAC","file":"Legend.js","sourcesContent":["// import type { IDiscreteLegendSpec } from '@visactor/vchart'\nimport { LEGEND_CUSTOMIZED_EVENTS } from '../eventsUtils';\nimport { BaseComponentProps, createComponent } from './BaseComponent';\n\nexport interface LegendProps extends BaseComponentProps {\n  onLegendItemHover: (e: any) => void;\n  onLegendItemUnHover: (e: any) => void;\n  onLegendItemClick: (e: any) => void;\n}\n\nexport const Legend = createComponent('Legend', 'legends', LEGEND_CUSTOMIZED_EVENTS);\n"]}

package/cjs/components/Mark.d.ts

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

package/cjs/components/Mark.js

@@ -0,0 +1,68 @@
+"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];
+}), __setModuleDefault = this && this.__setModuleDefault || (Object.create ? function(o, v) {
+    Object.defineProperty(o, "default", {
+        enumerable: !0,
+        value: v
+    });
+} : function(o, v) {
+    o.default = v;
+}), __importStar = this && this.__importStar || function(mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (null != mod) for (var k in mod) "default" !== k && Object.prototype.hasOwnProperty.call(mod, k) && __createBinding(result, mod, k);
+    return __setModuleDefault(result, mod), result;
+}, __rest = this && this.__rest || function(s, e) {
+    var t = {};
+    for (var p in s) Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0 && (t[p] = s[p]);
+    if (null != s && "function" == typeof Object.getOwnPropertySymbols) {
+        var i = 0;
+        for (p = Object.getOwnPropertySymbols(s); i < p.length; i++) e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]) && (t[p[i]] = s[p[i]]);
+    }
+    return t;
+}, __importDefault = this && this.__importDefault || function(mod) {
+    return mod && mod.__esModule ? mod : {
+        default: mod
+    };
+};
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.Mark = void 0;
+
+const react_1 = __importStar(require("react")), vutils_1 = require("@visactor/vutils"), view_1 = __importDefault(require("../context/view")), util_1 = require("../util"), Mark = props => {
+    const context = (0, react_1.useContext)(view_1.default), id = react_1.default.useRef((0, 
+    vutils_1.isNil)(props.id) ? (0, util_1.uid)("mark") : props.id);
+    return context && addOrUpdateMark(context, id.current, props), (0, react_1.useEffect)((() => () => {
+        context && removeMark(context, id.current);
+    }), []), null;
+};
+
+exports.Mark = Mark;
+
+const addOrUpdateMark = (view, id, props) => {
+    var _a;
+    if (!view.renderer) return;
+    let mark = view.getMarkById(id);
+    const {group: group, glyphType: glyphType, updateId: updateId} = props, others = __rest(props, [ "group", "glyphType", "updateId" ]);
+    mark || (mark = view.mark(props.type, null !== (_a = props.group) && void 0 !== _a ? _a : view.rootMark, props.glyphType ? {
+        glyphType: props.glyphType
+    } : null).name(id)), mark.parse(others), view.runAsync();
+}, removeMark = (view, id) => {
+    if (view.renderer) {
+        view.getMarkById(id);
+        view.removeGrammar(id);
+    }
+};
+//# sourceMappingURL=Mark.js.map

package/cjs/components/Mark.js.map

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

package/cjs/components/Region.d.ts

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

package/cjs/components/Region.js

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

package/cjs/components/Region.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["components/Region.tsx"],"names":[],"mappings":";;;AACA,mDAAkD;AAMrC,QAAA,MAAM,GAAG,IAAA,+BAAe,EAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC","file":"Region.js","sourcesContent":["// import type { IRegionSpec } from '@visactor/vchart'\nimport { createComponent } from './BaseComponent';\n\nexport interface RegionProps {\n  //\n}\n\nexport const Region = createComponent('Region', 'region');\n"]}

package/cjs/components/index.d.ts

@@ -0,0 +1,4 @@
+export * from './Axis';
+export * from './Mark';
+export * from './Region';
+export * from './Legend';

package/cjs/components/index.js

@@ -0,0 +1,22 @@
+"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);
+};
+
+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

package/cjs/components/index.js.map

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

package/cjs/constants.d.ts

@@ -0,0 +1 @@
+export declare const REACT_PRIVATE_PROPS: string[];

package/cjs/constants.js

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

package/cjs/constants.js.map

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

package/cjs/containers/withContainer.d.ts

@@ -0,0 +1,8 @@
+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>>;

package/cjs/containers/withContainer.js

@@ -0,0 +1,64 @@
+"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];
+}), __setModuleDefault = this && this.__setModuleDefault || (Object.create ? function(o, v) {
+    Object.defineProperty(o, "default", {
+        enumerable: !0,
+        value: v
+    });
+} : function(o, v) {
+    o.default = v;
+}), __importStar = this && this.__importStar || function(mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (null != mod) for (var k in mod) "default" !== k && Object.prototype.hasOwnProperty.call(mod, k) && __createBinding(result, mod, k);
+    return __setModuleDefault(result, mod), result;
+}, __rest = this && this.__rest || function(s, e) {
+    var t = {};
+    for (var p in s) Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0 && (t[p] = s[p]);
+    if (null != s && "function" == typeof Object.getOwnPropertySymbols) {
+        var i = 0;
+        for (p = Object.getOwnPropertySymbols(s); i < p.length; i++) e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]) && (t[p[i]] = s[p[i]]);
+    }
+    return t;
+};
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+});
+
+const react_1 = __importStar(require("react"));
+
+function withContainer(Comp, name = "ChartContainer", getProps) {
+    const Cls = react_1.default.forwardRef(((props, ref) => {
+        const container = (0, react_1.useRef)(), [inited, setInited] = (0, react_1.useState)(!1), {className: className, style: style, width: width} = props, options = __rest(props, [ "className", "style", "width" ]);
+        return (0, react_1.useLayoutEffect)((() => {
+            setInited(!0);
+        }), []), react_1.default.createElement("div", {
+            ref: container,
+            className: className,
+            style: Object.assign({
+                position: "relative",
+                height: props.height || "100%",
+                width: props.width || "100%"
+            }, style)
+        }, inited ? react_1.default.createElement(Comp, Object.assign({
+            ref: ref,
+            container: container.current
+        }, getProps ? getProps(options) : options)) : react_1.default.createElement(react_1.default.Fragment, null));
+    }));
+    return Cls.displayName = name || Comp.name, Cls;
+}
+
+exports.default = withContainer;
+//# sourceMappingURL=withContainer.js.map

package/cjs/containers/withContainer.js.map

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

package/cjs/context/chart.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type VChart from '@visactor/vchart';
+export interface ChartContextType {
+    chart?: VChart;
+    specFromChildren: any;
+    isChildrenUpdated?: boolean;
+}
+declare const ChartContext: React.Context<ChartContextType>;
+export declare function withChartInstance<T>(Component: typeof React.Component): React.ForwardRefExoticComponent<React.PropsWithoutRef<T> & React.RefAttributes<any>>;
+export default ChartContext;

package/cjs/context/chart.js

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

package/cjs/context/chart.js.map

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

package/cjs/context/stage.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+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

@@ -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.withStage = void 0;
+
+const react_1 = __importDefault(require("react")), StageContext = react_1.default.createContext(null);
+
+function withStage(Component) {
+    const Com = react_1.default.forwardRef(((props, ref) => react_1.default.createElement(StageContext.Consumer, null, (ctx => react_1.default.createElement(Component, Object.assign({
+        ref: ref,
+        stage: ctx
+    }, props))))));
+    return Com.displayName = Component.name, Com;
+}
+
+StageContext.displayName = "StageContext", exports.withStage = withStage, exports.default = StageContext;
+//# sourceMappingURL=stage.js.map

package/cjs/context/stage.js.map

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

package/cjs/context/view.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import type { IView } from "@visactor/vgrammar";
+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;