@visactor/react-vchart 0.0.1-alpha.0

package/README.md

@@ -0,0 +1,23 @@
+# React-VChart
+
+---
+
+## Usage:
+
+### build
+
+```
+rush react
+```
+
+### Run demo：
+
+```
+rush react
+```
+
+or
+
+```
+rushx start
+```

package/cjs/VChart.d.ts

@@ -0,0 +1,3 @@
+import { BaseChartProps } from './charts/BaseChart';
+export type VChartProps = Omit<BaseChartProps, 'container'>;
+export declare const VChart: import("react").ForwardRefExoticComponent<import("./containers/withContainer").ContainerProps & import("react").RefAttributes<any>>;

package/cjs/VChart.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.VChart = void 0;
+
+const BaseChart_1 = require("./charts/BaseChart");
+
+exports.VChart = (0, BaseChart_1.createChart)("VChart");

package/cjs/VChart.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["VChart.tsx"],"names":[],"mappings":";;;AAAA,kDAAiE;AAIpD,QAAA,MAAM,GAAG,IAAA,uBAAW,EAAc,QAAQ,CAAC,CAAC","file":"VChart.js","sourcesContent":["import { BaseChartProps, createChart } from './charts/BaseChart';\n\nexport type VChartProps = Omit<BaseChartProps, 'container'>;\n\nexport const VChart = createChart<VChartProps>('VChart');\n"]}

package/cjs/charts/AreaChart.d.ts

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

package/cjs/charts/AreaChart.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.AreaChart = void 0;
+
+const BaseChart_1 = require("./BaseChart");
+
+exports.AreaChart = (0, BaseChart_1.createChart)("AreaChart", "area");
+//# sourceMappingURL=AreaChart.js.map

package/cjs/charts/AreaChart.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["charts/AreaChart.tsx"],"names":[],"mappings":";;;AACA,2CAA0D;AAM7C,QAAA,SAAS,GAAG,IAAA,uBAAW,EAAiB,WAAW,EAAE,MAAM,CAAC,CAAC","file":"AreaChart.js","sourcesContent":["import { IAreaChartSpec } from '@visactor/vchart';\nimport { BaseChartProps, createChart } from './BaseChart';\n\nexport interface AreaChartProps\n  extends Omit<BaseChartProps, 'spec' | 'container' | 'type'>,\n    Omit<IAreaChartSpec, 'type'> {}\n\nexport const AreaChart = createChart<AreaChartProps>('AreaChart', 'area');\n"]}

package/cjs/charts/BarChart.d.ts

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

package/cjs/charts/BarChart.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.BarChart = void 0;
+
+const BaseChart_1 = require("./BaseChart");
+
+exports.BarChart = (0, BaseChart_1.createChart)("BarChart", "bar");
+//# sourceMappingURL=BarChart.js.map

package/cjs/charts/BarChart.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["charts/BarChart.tsx"],"names":[],"mappings":";;;AACA,2CAA0D;AAQ7C,QAAA,QAAQ,GAAG,IAAA,uBAAW,EAAgB,UAAU,EAAE,KAAK,CAAC,CAAC","file":"BarChart.js","sourcesContent":["import { IBarChartSpec } from '@visactor/vchart';\nimport { BaseChartProps, createChart } from './BaseChart';\n\nexport interface BarChartProps\n  extends Omit<BaseChartProps, 'spec' | 'container' | 'type'>,\n    Omit<IBarChartSpec, 'type'> {\n  //\n}\n\nexport const BarChart = createChart<BarChartProps>('BarChart', 'bar');\n"]}

package/cjs/charts/BaseChart.d.ts

@@ -0,0 +1,18 @@
+import VChart, { IData, IInitOption } from '@visactor/vchart';
+import React from 'react';
+import { ContainerProps } from '../containers/withContainer';
+import { EventsProps } from '../eventsUtils';
+export type ChartOptions = Omit<IInitOption, 'dom'>;
+export interface BaseChartProps extends EventsProps {
+    type?: string;
+    container?: HTMLDivElement;
+    spec?: any;
+    data?: IData;
+    width?: number;
+    height?: number;
+    options?: ChartOptions;
+    onReady?: (instance: VChart, isInitial: boolean) => void;
+}
+type Props = React.PropsWithChildren<BaseChartProps>;
+export declare const createChart: <T extends Props>(componentName: string, type?: string, callback?: (props: T) => T) => React.ForwardRefExoticComponent<ContainerProps & React.RefAttributes<any>>;
+export {};

package/cjs/charts/BaseChart.js

@@ -0,0 +1,94 @@
+"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.createChart = void 0;
+
+const vchart_1 = __importDefault(require("@visactor/vchart")), react_1 = __importStar(require("react")), withContainer_1 = __importDefault(require("../containers/withContainer")), chart_1 = __importDefault(require("../context/chart")), vutils_1 = require("@visactor/vutils"), view_1 = __importDefault(require("../context/view")), util_1 = require("../util"), constants_1 = require("../constants"), eventsUtils_1 = require("../eventsUtils"), notSpecKeys = [ ...constants_1.REACT_PRIVATE_PROPS, ...eventsUtils_1.CHART_EVENTS_KEYS, "spec", "container", "options" ], BaseChart = react_1.default.forwardRef(((props, ref) => {
+    const [updateId, setUpdateId] = (0, react_1.useState)(0), chartContext = (0, react_1.useRef)({
+        specFromChildren: {}
+    });
+    (0, react_1.useImperativeHandle)(ref, (() => chartContext.current.chart));
+    const hasSpec = !!props.spec, [view, setView] = (0, react_1.useState)(null), isUnmount = (0, 
+    react_1.useRef)(!1), prevSpec = (0, react_1.useRef)((0, vutils_1.pickWithout)(props, notSpecKeys)), eventsBinded = react_1.default.useRef(null), parseSpec = props => hasSpec && props.spec ? props.spec : Object.assign(Object.assign({}, prevSpec.current), chartContext.current.specFromChildren), handleChartRender = () => {
+        const newView = chartContext.current.chart.getCompiler().getVGrammarView();
+        newView === view || isUnmount.current || (setUpdateId(updateId + 1), props.onReady && props.onReady(chartContext.current.chart, 0 === updateId)), 
+        setView(newView);
+    };
+    return (0, react_1.useEffect)((() => {
+        if (!chartContext.current.chart) return (props => {
+            const cs = new vchart_1.default(parseSpec(props), Object.assign(Object.assign({}, props.options), {
+                autoFit: !0,
+                mode: "desktop-browser",
+                dom: props.container
+            }));
+            chartContext.current = Object.assign(Object.assign({}, chartContext.current), {
+                chart: cs
+            });
+        })(props), chartContext.current.chart && chartContext.current.chart.renderAsync().then(handleChartRender), 
+        (0, eventsUtils_1.bindEventsToChart)(chartContext.current.chart, props, null, eventsUtils_1.CHART_EVENTS), 
+        chartContext.current = Object.assign(Object.assign({}, chartContext.current), {
+            isChildrenUpdated: !1
+        }), void (eventsBinded.current = props);
+        if ((0, eventsUtils_1.bindEventsToChart)(chartContext.current.chart, props, eventsBinded.current, eventsUtils_1.CHART_EVENTS), 
+        hasSpec) return void ((0, vutils_1.isEqual)(eventsBinded.current.spec, props.spec) || chartContext.current.chart.updateSpec(parseSpec(props)).then(handleChartRender));
+        const newSpec = (0, vutils_1.pickWithout)(props, notSpecKeys);
+        (0, vutils_1.isEqual)(newSpec, prevSpec.current) && !chartContext.current.isChildrenUpdated || (prevSpec.current = newSpec, 
+        chartContext.current.chart.updateSpec(parseSpec(props)).then(handleChartRender)), 
+        chartContext.current = Object.assign(Object.assign({}, chartContext.current), {
+            isChildrenUpdated: !1
+        });
+    }), [ props ]), (0, react_1.useEffect)((() => () => {
+        chartContext && (chartContext.current.chart && chartContext.current.chart.release(), 
+        chartContext.current = null), isUnmount.current = !0;
+    }), []), react_1.default.createElement(chart_1.default.Provider, {
+        value: chartContext.current
+    }, react_1.default.createElement(view_1.default.Provider, {
+        value: view
+    }, (0, util_1.toArray)(props.children).map(((child, index) => {
+        var _a, _b, _c;
+        return react_1.default.createElement(react_1.default.Fragment, {
+            key: null !== (_c = null !== (_b = null === (_a = null == child ? void 0 : child.props) || void 0 === _a ? void 0 : _a.id) && void 0 !== _b ? _b : null == child ? void 0 : child.id) && void 0 !== _c ? _c : `child-${index}`
+        }, react_1.default.cloneElement(child, {
+            updateId: updateId
+        }));
+    }))));
+})), createChart = (componentName, type, callback) => {
+    const Com = (0, withContainer_1.default)(BaseChart, componentName, (props => (props.type = type, 
+    callback ? callback(props) : type ? Object.assign(Object.assign({}, props), {
+        type: type
+    }) : props)));
+    return Com.displayName = componentName, Com;
+};
+
+exports.createChart = createChart;
+//# sourceMappingURL=BaseChart.js.map

package/cjs/charts/BaseChart.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["charts/BaseChart.tsx"],"names":[],"mappings":"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","file":"BaseChart.js","sourcesContent":["import VChart, { IData, IInitOption } from '@visactor/vchart';\nimport React, { useState, useEffect, useRef, useImperativeHandle } from 'react';\nimport withContainer, { ContainerProps } from '../containers/withContainer';\nimport RootChartContext, { ChartContextType } from '../context/chart';\nimport type { IView } from '@visactor/vgrammar';\nimport { isEqual, pickWithout } from '@visactor/vutils';\nimport ViewContext from '../context/view';\nimport { toArray } from '../util';\nimport { REACT_PRIVATE_PROPS } from '../constants';\nimport { IMarkElement } from '../components';\nimport { bindEventsToChart, EventsProps, CHART_EVENTS_KEYS, CHART_EVENTS } from '../eventsUtils';\n\nexport type ChartOptions = Omit<IInitOption, 'dom'>;\n\nexport interface BaseChartProps extends EventsProps {\n  type?: string;\n  /** 上层container */\n  container?: HTMLDivElement;\n  /**\n   * used only by <VChart />\n   */\n  spec?: any;\n  /** 数据 */\n  data?: IData;\n  /** 画布宽度 */\n  width?: number;\n  /** 画布高度 */\n  height?: number;\n  /** 图表配置 */\n  options?: ChartOptions;\n\n  /** 图表渲染完成事件 */\n  onReady?: (instance: VChart, isInitial: boolean) => void;\n}\n\ntype Props = React.PropsWithChildren<BaseChartProps>;\n\nconst notSpecKeys = [...REACT_PRIVATE_PROPS, ...CHART_EVENTS_KEYS, 'spec', 'container', 'options'];\n\nconst BaseChart: React.FC<Props> = React.forwardRef((props, ref) => {\n  const [updateId, setUpdateId] = useState<number>(0);\n  const chartContext = useRef<ChartContextType>({\n    specFromChildren: {}\n  });\n\n  useImperativeHandle(ref, () => chartContext.current.chart);\n\n  const hasSpec = !!props.spec;\n  const [view, setView] = useState<IView>(null);\n  const isUnmount = useRef<boolean>(false);\n  const prevSpec = useRef(pickWithout(props, notSpecKeys));\n  const eventsBinded = React.useRef<BaseChartProps>(null);\n\n  const parseSpec = (props: Props) => {\n    if (hasSpec && props.spec) {\n      return props.spec;\n    }\n\n    return {\n      ...prevSpec.current,\n      ...chartContext.current.specFromChildren\n    };\n  };\n\n  const createChart = (props: Props) => {\n    const cs = new VChart(parseSpec(props), {\n      ...props.options,\n      autoFit: true,\n      mode: 'desktop-browser',\n      dom: props.container\n    });\n    chartContext.current = { ...chartContext.current, chart: cs };\n  };\n\n  const handleChartRender = () => {\n    const newView = chartContext.current.chart.getCompiler().getVGrammarView();\n    if (newView !== view && !isUnmount.current) {\n      setUpdateId(updateId + 1);\n      if (props.onReady) {\n        props.onReady(chartContext.current.chart, updateId === 0);\n      }\n    }\n    setView(newView);\n  };\n\n  const renderChart = () => {\n    if (chartContext.current.chart) {\n      // eslint-disable-next-line promise/catch-or-return\n      chartContext.current.chart.renderAsync().then(handleChartRender);\n    }\n  };\n\n  useEffect(() => {\n    if (!chartContext.current.chart) {\n      createChart(props);\n      renderChart();\n      bindEventsToChart(chartContext.current.chart, props, null, CHART_EVENTS);\n      chartContext.current = {\n        ...chartContext.current,\n        isChildrenUpdated: false\n      };\n      eventsBinded.current = props;\n      return;\n    }\n\n    bindEventsToChart(chartContext.current.chart, props, eventsBinded.current, CHART_EVENTS);\n\n    if (hasSpec) {\n      if (!isEqual(eventsBinded.current.spec, props.spec)) {\n        // eslint-disable-next-line promise/catch-or-return\n        chartContext.current.chart.updateSpec(parseSpec(props)).then(handleChartRender);\n      }\n      return;\n    }\n\n    const newSpec = pickWithout(props, notSpecKeys);\n\n    if (!isEqual(newSpec, prevSpec.current) || chartContext.current.isChildrenUpdated) {\n      prevSpec.current = newSpec;\n      // eslint-disable-next-line promise/catch-or-return\n      chartContext.current.chart.updateSpec(parseSpec(props)).then(handleChartRender);\n    }\n    chartContext.current = {\n      ...chartContext.current,\n      isChildrenUpdated: false\n    };\n  }, [props]);\n\n  useEffect(() => {\n    return () => {\n      if (chartContext) {\n        if (chartContext.current.chart) {\n          chartContext.current.chart.release();\n        }\n        chartContext.current = null;\n      }\n      isUnmount.current = true;\n    };\n  }, []);\n\n  return (\n    <RootChartContext.Provider value={chartContext.current}>\n      <ViewContext.Provider value={view}>\n        {toArray(props.children).map((child, index) => {\n          return (\n            <React.Fragment key={(child as any)?.props?.id ?? (child as any)?.id ?? `child-${index}`}>\n              {React.cloneElement(child as IMarkElement, {\n                updateId: updateId\n              })}\n            </React.Fragment>\n          );\n        })}\n      </ViewContext.Provider>\n    </RootChartContext.Provider>\n  );\n});\n\nexport const createChart = <T extends Props>(componentName: string, type?: string, callback?: (props: T) => T) => {\n  const Com = withContainer<ContainerProps, T>(BaseChart as any, componentName, (props: any) => {\n    props.type = type;\n\n    if (callback) {\n      return callback(props);\n    }\n\n    if (type) {\n      return { ...props, type };\n    }\n    return props;\n  });\n  Com.displayName = componentName;\n  return Com;\n};\n"]}

package/cjs/charts/BoxPlotChart.d.ts

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

package/cjs/charts/BoxPlotChart.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.BoxPlotChart = void 0;
+
+const BaseChart_1 = require("./BaseChart");
+
+exports.BoxPlotChart = (0, BaseChart_1.createChart)("BoxPlotChart", "boxPlot");
+//# sourceMappingURL=BoxPlotChart.js.map

package/cjs/charts/BoxPlotChart.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["charts/BoxPlotChart.tsx"],"names":[],"mappings":";;;AACA,2CAA0D;AAM7C,QAAA,YAAY,GAAG,IAAA,uBAAW,EAAoB,cAAc,EAAE,SAAS,CAAC,CAAC","file":"BoxPlotChart.js","sourcesContent":["import { IBoxPlotChartSpec } from '@visactor/vchart';\nimport { BaseChartProps, createChart } from './BaseChart';\n\nexport interface BoxPlotChartProps\n  extends Omit<BaseChartProps, 'spec' | 'container' | 'type'>,\n    Omit<IBoxPlotChartSpec, 'type'> {}\n\nexport const BoxPlotChart = createChart<BoxPlotChartProps>('BoxPlotChart', 'boxPlot');\n"]}

package/cjs/charts/CircularProgressChart.d.ts

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

package/cjs/charts/CircularProgressChart.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.CircularProgressChart = void 0;
+
+const BaseChart_1 = require("./BaseChart");
+
+exports.CircularProgressChart = (0, BaseChart_1.createChart)("CircularProgressChart", "circularProgress");
+//# sourceMappingURL=CircularProgressChart.js.map

package/cjs/charts/CircularProgressChart.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["charts/CircularProgressChart.tsx"],"names":[],"mappings":";;;AACA,2CAA0D;AAM7C,QAAA,qBAAqB,GAAG,IAAA,uBAAW,EAC9C,uBAAuB,EACvB,kBAAkB,CACnB,CAAC","file":"CircularProgressChart.js","sourcesContent":["import { ICircularProgressChartSpec } from '@visactor/vchart';\nimport { BaseChartProps, createChart } from './BaseChart';\n\nexport interface CircularProgressChartProps\n  extends Omit<BaseChartProps, 'spec' | 'container' | 'type'>,\n    Omit<ICircularProgressChartSpec, 'type'> {}\n\nexport const CircularProgressChart = createChart<CircularProgressChartProps>(\n  'CircularProgressChart',\n  'circularProgress'\n);\n"]}

package/cjs/charts/CommonChart.d.ts

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

package/cjs/charts/CommonChart.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.CommonChart = void 0;
+
+const BaseChart_1 = require("./BaseChart");
+
+exports.CommonChart = (0, BaseChart_1.createChart)("CommonChart", "common");
+//# sourceMappingURL=CommonChart.js.map

package/cjs/charts/CommonChart.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["charts/CommonChart.tsx"],"names":[],"mappings":";;;AACA,2CAA0D;AAM7C,QAAA,WAAW,GAAG,IAAA,uBAAW,EAAmB,aAAa,EAAE,QAAQ,CAAC,CAAC","file":"CommonChart.js","sourcesContent":["import { ICommonChartSpec } from '@visactor/vchart';\nimport { BaseChartProps, createChart } from './BaseChart';\n\nexport interface CommonChartProps\n  extends Omit<BaseChartProps, 'spec' | 'container' | 'type'>,\n    Omit<ICommonChartSpec, 'type'> {}\n\nexport const CommonChart = createChart<CommonChartProps>('CommonChart', 'common');\n"]}

package/cjs/charts/FunnelChart.d.ts

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

package/cjs/charts/FunnelChart.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.FunnelChart = void 0;
+
+const BaseChart_1 = require("./BaseChart");
+
+exports.FunnelChart = (0, BaseChart_1.createChart)("FunnelChart", "funnel");
+//# sourceMappingURL=FunnelChart.js.map

package/cjs/charts/FunnelChart.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["charts/FunnelChart.tsx"],"names":[],"mappings":";;;AACA,2CAA0D;AAM7C,QAAA,WAAW,GAAG,IAAA,uBAAW,EAAmB,aAAa,EAAE,QAAQ,CAAC,CAAC","file":"FunnelChart.js","sourcesContent":["import { IFunnelChartSpec } from '@visactor/vchart';\nimport { BaseChartProps, createChart } from './BaseChart';\n\nexport interface FunnelChartProps\n  extends Omit<BaseChartProps, 'spec' | 'container' | 'type'>,\n    Omit<IFunnelChartSpec, 'type'> {}\n\nexport const FunnelChart = createChart<FunnelChartProps>('FunnelChart', 'funnel');\n"]}

package/cjs/charts/HistogramChart.d.ts

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

package/cjs/charts/HistogramChart.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.HistogramChart = void 0;
+
+const BaseChart_1 = require("./BaseChart");
+
+exports.HistogramChart = (0, BaseChart_1.createChart)("HistogramChart", "histogram");
+//# sourceMappingURL=HistogramChart.js.map

package/cjs/charts/HistogramChart.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["charts/HistogramChart.tsx"],"names":[],"mappings":";;;AACA,2CAA0D;AAM7C,QAAA,cAAc,GAAG,IAAA,uBAAW,EAAsB,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/cjs/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/cjs/charts/LineChart.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.LineChart = void 0;
+
+const BaseChart_1 = require("./BaseChart");
+
+exports.LineChart = (0, BaseChart_1.createChart)("LineChart", "line");
+//# sourceMappingURL=LineChart.js.map

package/cjs/charts/LineChart.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["charts/LineChart.tsx"],"names":[],"mappings":";;;AACA,2CAA0D;AAM7C,QAAA,SAAS,GAAG,IAAA,uBAAW,EAAiB,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/cjs/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/cjs/charts/LinearProgressChart.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.LinearProgressChart = void 0;
+
+const BaseChart_1 = require("./BaseChart");
+
+exports.LinearProgressChart = (0, BaseChart_1.createChart)("LinearProgressChart", "linearProgress");

package/cjs/charts/LinearProgressChart.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["charts/LinearProgressChart.tsx"],"names":[],"mappings":";;;AACA,2CAA0D;AAM7C,QAAA,mBAAmB,GAAG,IAAA,uBAAW,EAA2B,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/cjs/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/cjs/charts/MapChart.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.MapChart = void 0;
+
+const BaseChart_1 = require("./BaseChart");
+
+exports.MapChart = (0, BaseChart_1.createChart)("MapChart", "map");
+//# sourceMappingURL=MapChart.js.map

package/cjs/charts/MapChart.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["charts/MapChart.tsx"],"names":[],"mappings":";;;AACA,2CAA0D;AAM7C,QAAA,QAAQ,GAAG,IAAA,uBAAW,EAAgB,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/cjs/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/cjs/charts/PieChart.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.PieChart = void 0;
+
+const BaseChart_1 = require("./BaseChart");
+
+exports.PieChart = (0, BaseChart_1.createChart)("PieChart", "pie");
+//# sourceMappingURL=PieChart.js.map

package/cjs/charts/PieChart.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["charts/PieChart.tsx"],"names":[],"mappings":";;;AACA,2CAA0D;AAM7C,QAAA,QAAQ,GAAG,IAAA,uBAAW,EAAgB,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/cjs/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/cjs/charts/RadarChart.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.RadarChart = void 0;
+
+const BaseChart_1 = require("./BaseChart");
+
+exports.RadarChart = (0, BaseChart_1.createChart)("RadarChart", "radar");
+//# sourceMappingURL=RadarChart.js.map

package/cjs/charts/RadarChart.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["charts/RadarChart.tsx"],"names":[],"mappings":";;;AACA,2CAA0D;AAM7C,QAAA,UAAU,GAAG,IAAA,uBAAW,EAAkB,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/cjs/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/cjs/charts/RangeColumnChart.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.RangeColumnChart = void 0;
+
+const BaseChart_1 = require("./BaseChart");
+
+exports.RangeColumnChart = (0, BaseChart_1.createChart)("RangeColumnChart", "rangeColumn");
+//# sourceMappingURL=RangeColumnChart.js.map

package/cjs/charts/RangeColumnChart.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["charts/RangeColumnChart.tsx"],"names":[],"mappings":";;;AACA,2CAA0D;AAM7C,QAAA,gBAAgB,GAAG,IAAA,uBAAW,EAAwB,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/cjs/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/cjs/charts/RoseChart.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.RoseChart = void 0;
+
+const BaseChart_1 = require("./BaseChart");
+
+exports.RoseChart = (0, BaseChart_1.createChart)("RoseChart", "rose");
+//# sourceMappingURL=RoseChart.js.map

package/cjs/charts/RoseChart.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["charts/RoseChart.tsx"],"names":[],"mappings":";;;AACA,2CAA0D;AAM7C,QAAA,SAAS,GAAG,IAAA,uBAAW,EAAiB,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/cjs/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/cjs/charts/ScatterChart.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.ScatterChart = void 0;
+
+const BaseChart_1 = require("./BaseChart");
+
+exports.ScatterChart = (0, BaseChart_1.createChart)("ScatterChart", "scatter");
+//# sourceMappingURL=ScatterChart.js.map

package/cjs/charts/ScatterChart.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["charts/ScatterChart.tsx"],"names":[],"mappings":";;;AACA,2CAA0D;AAM7C,QAAA,YAAY,GAAG,IAAA,uBAAW,EAAoB,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/cjs/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/cjs/charts/SequenceChart.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.SequenceChart = void 0;
+
+const BaseChart_1 = require("./BaseChart");
+
+exports.SequenceChart = (0, BaseChart_1.createChart)("SequenceChart", "sequence");
+//# sourceMappingURL=SequenceChart.js.map

package/cjs/charts/SequenceChart.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["charts/SequenceChart.tsx"],"names":[],"mappings":";;;AACA,2CAA0D;AAM7C,QAAA,aAAa,GAAG,IAAA,uBAAW,EAAqB,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/cjs/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/cjs/charts/WordCloudChart.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.WordCloudChart = void 0;
+
+const BaseChart_1 = require("./BaseChart");
+
+exports.WordCloudChart = (0, BaseChart_1.createChart)("WordCloudChart", "wordCloud");
+//# sourceMappingURL=WordCloudChart.js.map

package/cjs/charts/WordCloudChart.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["charts/WordCloudChart.tsx"],"names":[],"mappings":";;;AACA,2CAA0D;AAM7C,QAAA,cAAc,GAAG,IAAA,uBAAW,EAAsB,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/cjs/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';