@visactor/react-vchart 0.0.1-alpha.0

package/esm/charts/HistogramChart.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["charts/HistogramChart.tsx"],"names":[],"mappings":"AACA,OAAO,EAAkB,WAAW,EAAE,MAAM,aAAa,CAAC;AAM1D,MAAM,CAAC,MAAM,cAAc,GAAG,WAAW,CAAsB,gBAAgB,EAAE,WAAW,CAAC,CAAC","file":"HistogramChart.js","sourcesContent":["import { IHistogramChartSpec } from '@visactor/vchart';\nimport { BaseChartProps, createChart } from './BaseChart';\n\nexport interface HistogramChartProps\n  extends Omit<BaseChartProps, 'spec' | 'container' | 'type'>,\n    Omit<IHistogramChartSpec, 'type'> {}\n\nexport const HistogramChart = createChart<HistogramChartProps>('HistogramChart', 'histogram');\n"]}

package/esm/charts/LineChart.d.ts

@@ -0,0 +1,5 @@
+import { ILineChartSpec } from '@visactor/vchart';
+import { BaseChartProps } from './BaseChart';
+export interface LineChartProps extends Omit<BaseChartProps, 'spec' | 'container' | 'type'>, Omit<ILineChartSpec, 'type'> {
+}
+export declare const LineChart: import("react").ForwardRefExoticComponent<import("../containers/withContainer").ContainerProps & import("react").RefAttributes<any>>;

package/esm/charts/LineChart.js

@@ -0,0 +1,4 @@
+import { createChart } from "./BaseChart";
+
+export const LineChart = createChart("LineChart", "line");
+//# sourceMappingURL=LineChart.js.map

package/esm/charts/LineChart.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["charts/LineChart.tsx"],"names":[],"mappings":"AACA,OAAO,EAAkB,WAAW,EAAE,MAAM,aAAa,CAAC;AAM1D,MAAM,CAAC,MAAM,SAAS,GAAG,WAAW,CAAiB,WAAW,EAAE,MAAM,CAAC,CAAC","file":"LineChart.js","sourcesContent":["import { ILineChartSpec } from '@visactor/vchart';\nimport { BaseChartProps, createChart } from './BaseChart';\n\nexport interface LineChartProps\n  extends Omit<BaseChartProps, 'spec' | 'container' | 'type'>,\n    Omit<ILineChartSpec, 'type'> {}\n\nexport const LineChart = createChart<LineChartProps>('LineChart', 'line');\n"]}

package/esm/charts/LinearProgressChart.d.ts

@@ -0,0 +1,5 @@
+import { ILinearProgressChartSpec } from '@visactor/vchart';
+import { BaseChartProps } from './BaseChart';
+export interface LinearProgressChartProps extends Omit<BaseChartProps, 'spec' | 'container' | 'type'>, Omit<ILinearProgressChartSpec, 'type'> {
+}
+export declare const LinearProgressChart: import("react").ForwardRefExoticComponent<import("../containers/withContainer").ContainerProps & import("react").RefAttributes<any>>;

package/esm/charts/LinearProgressChart.js

@@ -0,0 +1,3 @@
+import { createChart } from "./BaseChart";
+
+export const LinearProgressChart = createChart("LinearProgressChart", "linearProgress");

package/esm/charts/LinearProgressChart.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["charts/LinearProgressChart.tsx"],"names":[],"mappings":"AACA,OAAO,EAAkB,WAAW,EAAE,MAAM,aAAa,CAAC;AAM1D,MAAM,CAAC,MAAM,mBAAmB,GAAG,WAAW,CAA2B,qBAAqB,EAAE,gBAAgB,CAAC,CAAC","file":"LinearProgressChart.js","sourcesContent":["import { ILinearProgressChartSpec } from '@visactor/vchart';\nimport { BaseChartProps, createChart } from './BaseChart';\n\nexport interface LinearProgressChartProps\n  extends Omit<BaseChartProps, 'spec' | 'container' | 'type'>,\n    Omit<ILinearProgressChartSpec, 'type'> {}\n\nexport const LinearProgressChart = createChart<LinearProgressChartProps>('LinearProgressChart', 'linearProgress');\n"]}

package/esm/charts/MapChart.d.ts

@@ -0,0 +1,5 @@
+import { IMapChartSpec } from '@visactor/vchart';
+import { BaseChartProps } from './BaseChart';
+export interface MapChartProps extends Omit<BaseChartProps, 'spec' | 'container' | 'type'>, Omit<IMapChartSpec, 'type'> {
+}
+export declare const MapChart: import("react").ForwardRefExoticComponent<import("../containers/withContainer").ContainerProps & import("react").RefAttributes<any>>;

package/esm/charts/MapChart.js

@@ -0,0 +1,4 @@
+import { createChart } from "./BaseChart";
+
+export const MapChart = createChart("MapChart", "map");
+//# sourceMappingURL=MapChart.js.map

package/esm/charts/MapChart.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["charts/MapChart.tsx"],"names":[],"mappings":"AACA,OAAO,EAAkB,WAAW,EAAE,MAAM,aAAa,CAAC;AAM1D,MAAM,CAAC,MAAM,QAAQ,GAAG,WAAW,CAAgB,UAAU,EAAE,KAAK,CAAC,CAAC","file":"MapChart.js","sourcesContent":["import { IMapChartSpec } from '@visactor/vchart';\nimport { BaseChartProps, createChart } from './BaseChart';\n\nexport interface MapChartProps\n  extends Omit<BaseChartProps, 'spec' | 'container' | 'type'>,\n    Omit<IMapChartSpec, 'type'> {}\n\nexport const MapChart = createChart<MapChartProps>('MapChart', 'map');\n"]}

package/esm/charts/PieChart.d.ts

@@ -0,0 +1,5 @@
+import { IPieChartSpec } from '@visactor/vchart';
+import { BaseChartProps } from './BaseChart';
+export interface PieChartProps extends Omit<BaseChartProps, 'spec' | 'container' | 'type'>, Omit<IPieChartSpec, 'type'> {
+}
+export declare const PieChart: import("react").ForwardRefExoticComponent<import("../containers/withContainer").ContainerProps & import("react").RefAttributes<any>>;

package/esm/charts/PieChart.js

@@ -0,0 +1,4 @@
+import { createChart } from "./BaseChart";
+
+export const PieChart = createChart("PieChart", "pie");
+//# sourceMappingURL=PieChart.js.map

package/esm/charts/PieChart.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["charts/PieChart.tsx"],"names":[],"mappings":"AACA,OAAO,EAAkB,WAAW,EAAE,MAAM,aAAa,CAAC;AAM1D,MAAM,CAAC,MAAM,QAAQ,GAAG,WAAW,CAAgB,UAAU,EAAE,KAAK,CAAC,CAAC","file":"PieChart.js","sourcesContent":["import { IPieChartSpec } from '@visactor/vchart';\nimport { BaseChartProps, createChart } from './BaseChart';\n\nexport interface PieChartProps\n  extends Omit<BaseChartProps, 'spec' | 'container' | 'type'>,\n    Omit<IPieChartSpec, 'type'> {}\n\nexport const PieChart = createChart<PieChartProps>('PieChart', 'pie');\n"]}

package/esm/charts/RadarChart.d.ts

@@ -0,0 +1,5 @@
+import { IRadarChartSpec } from '@visactor/vchart';
+import { BaseChartProps } from './BaseChart';
+export interface RadarChartProps extends Omit<BaseChartProps, 'spec' | 'container' | 'type'>, Omit<IRadarChartSpec, 'type'> {
+}
+export declare const RadarChart: import("react").ForwardRefExoticComponent<import("../containers/withContainer").ContainerProps & import("react").RefAttributes<any>>;

package/esm/charts/RadarChart.js

@@ -0,0 +1,4 @@
+import { createChart } from "./BaseChart";
+
+export const RadarChart = createChart("RadarChart", "radar");
+//# sourceMappingURL=RadarChart.js.map

package/esm/charts/RadarChart.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["charts/RadarChart.tsx"],"names":[],"mappings":"AACA,OAAO,EAAkB,WAAW,EAAE,MAAM,aAAa,CAAC;AAM1D,MAAM,CAAC,MAAM,UAAU,GAAG,WAAW,CAAkB,YAAY,EAAE,OAAO,CAAC,CAAC","file":"RadarChart.js","sourcesContent":["import { IRadarChartSpec } from '@visactor/vchart';\nimport { BaseChartProps, createChart } from './BaseChart';\n\nexport interface RadarChartProps\n  extends Omit<BaseChartProps, 'spec' | 'container' | 'type'>,\n    Omit<IRadarChartSpec, 'type'> {}\n\nexport const RadarChart = createChart<RadarChartProps>('RadarChart', 'radar');\n"]}

package/esm/charts/RangeColumnChart.d.ts

@@ -0,0 +1,5 @@
+import { IRangeColumnChartSpec } from '@visactor/vchart';
+import { BaseChartProps } from './BaseChart';
+export interface RangeColumnChartProps extends Omit<BaseChartProps, 'spec' | 'container' | 'type'>, Omit<IRangeColumnChartSpec, 'type'> {
+}
+export declare const RangeColumnChart: import("react").ForwardRefExoticComponent<import("../containers/withContainer").ContainerProps & import("react").RefAttributes<any>>;

package/esm/charts/RangeColumnChart.js

@@ -0,0 +1,4 @@
+import { createChart } from "./BaseChart";
+
+export const RangeColumnChart = createChart("RangeColumnChart", "rangeColumn");
+//# sourceMappingURL=RangeColumnChart.js.map

package/esm/charts/RangeColumnChart.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["charts/RangeColumnChart.tsx"],"names":[],"mappings":"AACA,OAAO,EAAkB,WAAW,EAAE,MAAM,aAAa,CAAC;AAM1D,MAAM,CAAC,MAAM,gBAAgB,GAAG,WAAW,CAAwB,kBAAkB,EAAE,aAAa,CAAC,CAAC","file":"RangeColumnChart.js","sourcesContent":["import { IRangeColumnChartSpec } from '@visactor/vchart';\nimport { BaseChartProps, createChart } from './BaseChart';\n\nexport interface RangeColumnChartProps\n  extends Omit<BaseChartProps, 'spec' | 'container' | 'type'>,\n    Omit<IRangeColumnChartSpec, 'type'> {}\n\nexport const RangeColumnChart = createChart<RangeColumnChartProps>('RangeColumnChart', 'rangeColumn');\n"]}

package/esm/charts/RoseChart.d.ts

@@ -0,0 +1,5 @@
+import { IRoseChartSpec } from '@visactor/vchart';
+import { BaseChartProps } from './BaseChart';
+export interface RoseChartProps extends Omit<BaseChartProps, 'spec' | 'container' | 'type'>, Omit<IRoseChartSpec, 'type'> {
+}
+export declare const RoseChart: import("react").ForwardRefExoticComponent<import("../containers/withContainer").ContainerProps & import("react").RefAttributes<any>>;

package/esm/charts/RoseChart.js

@@ -0,0 +1,4 @@
+import { createChart } from "./BaseChart";
+
+export const RoseChart = createChart("RoseChart", "rose");
+//# sourceMappingURL=RoseChart.js.map

package/esm/charts/RoseChart.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["charts/RoseChart.tsx"],"names":[],"mappings":"AACA,OAAO,EAAkB,WAAW,EAAE,MAAM,aAAa,CAAC;AAM1D,MAAM,CAAC,MAAM,SAAS,GAAG,WAAW,CAAiB,WAAW,EAAE,MAAM,CAAC,CAAC","file":"RoseChart.js","sourcesContent":["import { IRoseChartSpec } from '@visactor/vchart';\nimport { BaseChartProps, createChart } from './BaseChart';\n\nexport interface RoseChartProps\n  extends Omit<BaseChartProps, 'spec' | 'container' | 'type'>,\n    Omit<IRoseChartSpec, 'type'> {}\n\nexport const RoseChart = createChart<RoseChartProps>('RoseChart', 'rose');\n"]}

package/esm/charts/ScatterChart.d.ts

@@ -0,0 +1,5 @@
+import { IScatterChartSpec } from '@visactor/vchart';
+import { BaseChartProps } from './BaseChart';
+export interface ScatterChartProps extends Omit<BaseChartProps, 'spec' | 'container' | 'type'>, Omit<IScatterChartSpec, 'type'> {
+}
+export declare const ScatterChart: import("react").ForwardRefExoticComponent<import("../containers/withContainer").ContainerProps & import("react").RefAttributes<any>>;

package/esm/charts/ScatterChart.js

@@ -0,0 +1,4 @@
+import { createChart } from "./BaseChart";
+
+export const ScatterChart = createChart("ScatterChart", "scatter");
+//# sourceMappingURL=ScatterChart.js.map

package/esm/charts/ScatterChart.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["charts/ScatterChart.tsx"],"names":[],"mappings":"AACA,OAAO,EAAkB,WAAW,EAAE,MAAM,aAAa,CAAC;AAM1D,MAAM,CAAC,MAAM,YAAY,GAAG,WAAW,CAAoB,cAAc,EAAE,SAAS,CAAC,CAAC","file":"ScatterChart.js","sourcesContent":["import { IScatterChartSpec } from '@visactor/vchart';\nimport { BaseChartProps, createChart } from './BaseChart';\n\nexport interface ScatterChartProps\n  extends Omit<BaseChartProps, 'spec' | 'container' | 'type'>,\n    Omit<IScatterChartSpec, 'type'> {}\n\nexport const ScatterChart = createChart<ScatterChartProps>('ScatterChart', 'scatter');\n"]}

package/esm/charts/SequenceChart.d.ts

@@ -0,0 +1,5 @@
+import { ISequenceChartSpec } from '@visactor/vchart';
+import { BaseChartProps } from './BaseChart';
+export interface SequenceChartProps extends Omit<BaseChartProps, 'spec' | 'container' | 'type'>, Omit<ISequenceChartSpec, 'type'> {
+}
+export declare const SequenceChart: import("react").ForwardRefExoticComponent<import("../containers/withContainer").ContainerProps & import("react").RefAttributes<any>>;

package/esm/charts/SequenceChart.js

@@ -0,0 +1,4 @@
+import { createChart } from "./BaseChart";
+
+export const SequenceChart = createChart("SequenceChart", "sequence");
+//# sourceMappingURL=SequenceChart.js.map

package/esm/charts/SequenceChart.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["charts/SequenceChart.tsx"],"names":[],"mappings":"AACA,OAAO,EAAkB,WAAW,EAAE,MAAM,aAAa,CAAC;AAM1D,MAAM,CAAC,MAAM,aAAa,GAAG,WAAW,CAAqB,eAAe,EAAE,UAAU,CAAC,CAAC","file":"SequenceChart.js","sourcesContent":["import { ISequenceChartSpec } from '@visactor/vchart';\nimport { BaseChartProps, createChart } from './BaseChart';\n\nexport interface SequenceChartProps\n  extends Omit<BaseChartProps, 'spec' | 'container' | 'type'>,\n    Omit<ISequenceChartSpec, 'type'> {}\n\nexport const SequenceChart = createChart<SequenceChartProps>('SequenceChart', 'sequence');\n"]}

package/esm/charts/WordCloudChart.d.ts

@@ -0,0 +1,5 @@
+import { IWordCloudChartSpec } from '@visactor/vchart';
+import { BaseChartProps } from './BaseChart';
+export interface WordCloudChartProps extends Omit<BaseChartProps, 'spec' | 'container' | 'type'>, Omit<IWordCloudChartSpec, 'type'> {
+}
+export declare const WordCloudChart: import("react").ForwardRefExoticComponent<import("../containers/withContainer").ContainerProps & import("react").RefAttributes<any>>;

package/esm/charts/WordCloudChart.js

@@ -0,0 +1,4 @@
+import { createChart } from "./BaseChart";
+
+export const WordCloudChart = createChart("WordCloudChart", "wordCloud");
+//# sourceMappingURL=WordCloudChart.js.map

package/esm/charts/WordCloudChart.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["charts/WordCloudChart.tsx"],"names":[],"mappings":"AACA,OAAO,EAAkB,WAAW,EAAE,MAAM,aAAa,CAAC;AAM1D,MAAM,CAAC,MAAM,cAAc,GAAG,WAAW,CAAsB,gBAAgB,EAAE,WAAW,CAAC,CAAC","file":"WordCloudChart.js","sourcesContent":["import { IWordCloudChartSpec } from '@visactor/vchart';\nimport { BaseChartProps, createChart } from './BaseChart';\n\nexport interface WordCloudChartProps\n  extends Omit<BaseChartProps, 'spec' | 'container' | 'type'>,\n    Omit<IWordCloudChartSpec, 'type'> {}\n\nexport const WordCloudChart = createChart<WordCloudChartProps>('WordCloudChart', 'wordCloud');\n"]}

package/esm/charts/index.d.ts

@@ -0,0 +1,16 @@
+export { AreaChart } from './AreaChart';
+export { BarChart } from './BarChart';
+export { LineChart } from './LineChart';
+export { ScatterChart } from './ScatterChart';
+export { PieChart } from './PieChart';
+export { RoseChart } from './RoseChart';
+export { RadarChart } from './RadarChart';
+export { MapChart } from './MapChart';
+export { HistogramChart } from './HistogramChart';
+export { WordCloudChart } from './WordCloudChart';
+export { FunnelChart } from './FunnelChart';
+export { BoxPlotChart } from './BoxPlotChart';
+export { CircularProgressChart } from './CircularProgressChart';
+export { LinearProgressChart } from './LinearProgressChart';
+export { RangeColumnChart } from './RangeColumnChart';
+export { CommonChart } from './CommonChart';

package/esm/charts/index.js

@@ -0,0 +1,32 @@
+export { AreaChart } from "./AreaChart";
+
+export { BarChart } from "./BarChart";
+
+export { LineChart } from "./LineChart";
+
+export { ScatterChart } from "./ScatterChart";
+
+export { PieChart } from "./PieChart";
+
+export { RoseChart } from "./RoseChart";
+
+export { RadarChart } from "./RadarChart";
+
+export { MapChart } from "./MapChart";
+
+export { HistogramChart } from "./HistogramChart";
+
+export { WordCloudChart } from "./WordCloudChart";
+
+export { FunnelChart } from "./FunnelChart";
+
+export { BoxPlotChart } from "./BoxPlotChart";
+
+export { CircularProgressChart } from "./CircularProgressChart";
+
+export { LinearProgressChart } from "./LinearProgressChart";
+
+export { RangeColumnChart } from "./RangeColumnChart";
+
+export { CommonChart } from "./CommonChart";
+//# sourceMappingURL=index.js.map

package/esm/charts/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["charts/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAE7C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAEvC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAEzC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAE7C,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAA;AAC/D,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AAErD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA","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/esm/components/Axis.d.ts

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

package/esm/components/Axis.js

@@ -0,0 +1,4 @@
+import { createComponent } from "./BaseComponent";
+
+export const Axis = createComponent("Axis", "axes");
+//# sourceMappingURL=Axis.js.map

package/esm/components/Axis.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["components/Axis.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAMlD,MAAM,CAAC,MAAM,IAAI,GAAG,eAAe,CAAC,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/esm/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/esm/components/BaseComponent.js

@@ -0,0 +1,47 @@
+import React, { useContext, useEffect } from "react";
+
+import { isNil, pickWithout } from "@visactor/vutils";
+
+import RootChartContext from "../context/chart";
+
+import { bindEventsToChart } from "../eventsUtils";
+
+import { uid } from "../util";
+
+export const createComponent = (componentName, specName, supportedEvents, isSingle) => {
+    const ignoreKeys = [ "id", "updateId" ], notSpecKeys = supportedEvents ? Object.keys(supportedEvents).concat(ignoreKeys) : ignoreKeys, Comp = props => {
+        const context = useContext(RootChartContext), id = React.useRef(isNil(props.id) ? uid(specName) : props.id), eventsBinded = React.useRef(null), updateId = React.useRef(props.updateId), componentSpec = pickWithout(props, notSpecKeys);
+        return !!supportedEvents && 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), 
+        useEffect((() => () => {
+            supportedEvents && bindEventsToChart(context.chart, null, eventsBinded.current, supportedEvents), 
+            deleteToContext(context, id.current, specName, isSingle);
+        }), []), null;
+    };
+    return Comp.displayName = componentName, Comp;
+};
+
+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/esm/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/esm/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/esm/components/Legend.js

@@ -0,0 +1,6 @@
+import { LEGEND_CUSTOMIZED_EVENTS } from "../eventsUtils";
+
+import { createComponent } from "./BaseComponent";
+
+export const Legend = createComponent("Legend", "legends", LEGEND_CUSTOMIZED_EVENTS);
+//# sourceMappingURL=Legend.js.map

package/esm/components/Legend.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["components/Legend.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,wBAAwB,EAAE,MAAM,gBAAgB,CAAC;AAC1D,OAAO,EAAsB,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAQtE,MAAM,CAAC,MAAM,MAAM,GAAG,eAAe,CAAC,QAAQ,EAAE,SAAS,EAAE,wBAAwB,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/esm/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/esm/components/Mark.js

@@ -0,0 +1,40 @@
+var __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;
+};
+
+import React, { useContext, useEffect } from "react";
+
+import { isNil } from "@visactor/vutils";
+
+import ViewContext from "../context/view";
+
+import { uid } from "../util";
+
+export const Mark = props => {
+    const context = useContext(ViewContext), id = React.useRef(isNil(props.id) ? uid("mark") : props.id);
+    return context && addOrUpdateMark(context, id.current, props), useEffect((() => () => {
+        context && removeMark(context, id.current);
+    }), []), null;
+};
+
+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/esm/components/Mark.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["components/Mark.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAGzC,OAAO,WAAW,MAAM,iBAAiB,CAAC;AAC1C,OAAO,EAAE,GAAG,EAAE,MAAM,SAAS,CAAC;AAa9B,MAAM,CAAC,MAAM,IAAI,GAAoB,CAAC,KAAY,EAAE,EAAE;IACpD,MAAM,OAAO,GAAG,UAAU,CAAC,WAAW,CAAC,CAAC;IACxC,MAAM,EAAE,GAAG,KAAK,CAAC,MAAM,CAAkB,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,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,SAAS,CAAC,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;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/esm/components/Region.d.ts

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

package/esm/components/Region.js

@@ -0,0 +1,4 @@
+import { createComponent } from "./BaseComponent";
+
+export const Region = createComponent("Region", "region");
+//# sourceMappingURL=Region.js.map

package/esm/components/Region.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["components/Region.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAMlD,MAAM,CAAC,MAAM,MAAM,GAAG,eAAe,CAAC,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/esm/components/index.d.ts

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

package/esm/components/index.js

@@ -0,0 +1,8 @@
+export * from "./Axis";
+
+export * from "./Mark";
+
+export * from "./Region";
+
+export * from "./Legend";
+//# sourceMappingURL=index.js.map

package/esm/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["components/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC","file":"index.js","sourcesContent":["export * from './Axis';\nexport * from './Mark';\nexport * from './Region';\nexport * from './Legend';"]}

package/esm/constants.d.ts

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

package/esm/constants.js

@@ -0,0 +1,2 @@
+export const REACT_PRIVATE_PROPS = [ "children", "hooks", "ref" ];
+//# sourceMappingURL=constants.js.map

package/esm/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,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/esm/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/esm/containers/withContainer.js

@@ -0,0 +1,33 @@
+var __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;
+};
+
+import React, { useRef, useState, useLayoutEffect } from "react";
+
+export default function withContainer(Comp, name = "ChartContainer", getProps) {
+    const Cls = React.forwardRef(((props, ref) => {
+        const container = useRef(), [inited, setInited] = useState(!1), {className: className, style: style, width: width} = props, options = __rest(props, [ "className", "style", "width" ]);
+        return useLayoutEffect((() => {
+            setInited(!0);
+        }), []), React.createElement("div", {
+            ref: container,
+            className: className,
+            style: Object.assign({
+                position: "relative",
+                height: props.height || "100%",
+                width: props.width || "100%"
+            }, style)
+        }, inited ? React.createElement(Comp, Object.assign({
+            ref: ref,
+            container: container.current
+        }, getProps ? getProps(options) : options)) : React.createElement(React.Fragment, null));
+    }));
+    return Cls.displayName = name || Comp.name, Cls;
+}
+//# sourceMappingURL=withContainer.js.map

package/esm/containers/withContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["containers/withContainer.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,OAAO,CAAC;AASjE,MAAM,CAAC,OAAO,UAAU,aAAa,CACnC,IAA4C,EAC5C,OAAe,gBAAgB,EAC/B,QAAoC;IAEpC,MAAM,GAAG,GAAG,KAAK,CAAC,UAAU,CAAa,CAAC,KAAY,EAAE,GAAG,EAAE,EAAE;QAC7D,MAAM,SAAS,GAAG,MAAM,EAAE,CAAC;QAC3B,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;QAC5C,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,KAAiB,KAAK,EAAjB,OAAO,UAAK,KAAK,EAA/C,+BAAuC,CAAQ,CAAC;QAEtD,eAAe,CAAC,GAAG,EAAE;YACnB,SAAS,CAAC,IAAI,CAAC,CAAC;QAClB,CAAC,EAAE,EAAE,CAAC,CAAC;QAEP,OAAO,CACL,6BACE,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,oBAAC,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,yCAAK,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","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/esm/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/esm/context/chart.js

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

package/esm/context/chart.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["context/chart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,MAAM,YAAY,GAAG,KAAK,CAAC,aAAa,CAAmB,IAAI,CAAC,CAAC;AACjE,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC;AAE1C,MAAM,UAAU,iBAAiB,CAAI,SAAiC;IACpE,MAAM,GAAG,GAAG,KAAK,CAAC,UAAU,CAAS,CAAC,KAAQ,EAAE,GAAG,EAAE,EAAE;QACrD,OAAO,CACL,oBAAC,YAAY,CAAC,QAAQ,QACnB,CAAC,GAAqB,EAAE,EAAE,CAAC,oBAAC,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;AAED,eAAe,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/esm/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/esm/context/stage.js

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

package/esm/context/stage.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["context/stage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,YAAY,GAAG,KAAK,CAAC,aAAa,CAAQ,IAAI,CAAC,CAAC;AACtD,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC;AAE1C,MAAM,UAAU,SAAS,CAAI,SAAiC;IAC5D,MAAM,GAAG,GAAG,KAAK,CAAC,UAAU,CAAS,CAAC,KAAQ,EAAE,GAAG,EAAE,EAAE;QACrD,OAAO,oBAAC,YAAY,CAAC,QAAQ,QAAE,GAAG,CAAC,EAAE,CAAC,oBAAC,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;AAED,eAAe,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/esm/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;