@visactor/react-vchart 0.0.1-alpha.0

package/cjs/series/Link.d.ts

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

package/cjs/series/Link.js

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

package/cjs/series/Link.js.map

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

package/cjs/series/Map.d.ts

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

package/cjs/series/Map.js

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

package/cjs/series/Map.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["series/Map.tsx"],"names":[],"mappings":";;;AAAA,6CAA6D;AAMhD,QAAA,GAAG,GAAG,IAAA,yBAAY,EAAC,KAAK,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,CAAC","file":"Map.js","sourcesContent":["import { BaseSeriesProps, createSeries } from \"./BaseSeries\";\n\nexport interface MapProps extends BaseSeriesProps {\n  //\n}\n\nexport const Map = createSeries(\"Map\", [\"map\"], \"map\");\n"]}

package/cjs/series/Pie.d.ts

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

package/cjs/series/Pie.js

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

package/cjs/series/Pie.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["series/Pie.tsx"],"names":[],"mappings":";;;AAAA,6CAA6D;AAMhD,QAAA,GAAG,GAAG,IAAA,yBAAY,EAAC,KAAK,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,CAAC","file":"Pie.js","sourcesContent":["import { BaseSeriesProps, createSeries } from \"./BaseSeries\";\n\nexport interface PieProps extends BaseSeriesProps {\n  //\n}\n\nexport const Pie = createSeries(\"Pie\", [\"pie\"], \"pie\");\n"]}

package/cjs/series/Radar.d.ts

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

package/cjs/series/Radar.js

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

package/cjs/series/Radar.js.map

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

package/cjs/series/RangeColumn.d.ts

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

package/cjs/series/RangeColumn.js

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

package/cjs/series/RangeColumn.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["series/RangeColumn.tsx"],"names":[],"mappings":";;;AAAA,6CAA6D;AAMhD,QAAA,WAAW,GAAG,IAAA,yBAAY,EACrC,aAAa,EACb,CAAC,aAAa,CAAC,EACf,aAAa,CACd,CAAC","file":"RangeColumn.js","sourcesContent":["import { BaseSeriesProps, createSeries } from \"./BaseSeries\";\n\nexport interface RangeColumnProps extends BaseSeriesProps {\n  //\n}\n\nexport const RangeColumn = createSeries(\n  \"RangeColumn\",\n  [\"rangeColumn\"],\n  \"rangeColumn\"\n);\n"]}

package/cjs/series/Rose.d.ts

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

package/cjs/series/Rose.js

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

package/cjs/series/Rose.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["series/Rose.tsx"],"names":[],"mappings":";;;AAAA,6CAA6D;AAMhD,QAAA,IAAI,GAAG,IAAA,yBAAY,EAAC,MAAM,EAAE,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC,CAAC","file":"Rose.js","sourcesContent":["import { BaseSeriesProps, createSeries } from \"./BaseSeries\";\n\nexport interface RoseProps extends BaseSeriesProps {\n  //\n}\n\nexport const Rose = createSeries(\"Rose\", [\"rose\"], \"rose\");\n"]}

package/cjs/series/Scatter.d.ts

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

package/cjs/series/Scatter.js

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

package/cjs/series/Scatter.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["series/Scatter.tsx"],"names":[],"mappings":";;;AAAA,6CAA6D;AAMhD,QAAA,OAAO,GAAG,IAAA,yBAAY,EAAC,SAAS,EAAE,CAAC,SAAS,CAAC,EAAE,SAAS,CAAC,CAAC","file":"Scatter.js","sourcesContent":["import { BaseSeriesProps, createSeries } from \"./BaseSeries\";\n\nexport interface ScatterProps extends BaseSeriesProps {\n  //\n}\n\nexport const Scatter = createSeries(\"Scatter\", [\"scatter\"], \"scatter\");\n"]}

package/cjs/series/Series.d.ts

@@ -0,0 +1,7 @@
+import { BaseSeriesProps } from "./BaseSeries";
+export interface SeriesProps extends BaseSeriesProps {
+    type: string;
+}
+export declare const Series: import("react").FC<BaseSeriesProps & {
+    updateId: number;
+}>;

package/cjs/series/Series.js

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

package/cjs/series/Series.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["series/Series.tsx"],"names":[],"mappings":";;;AAAA,6CAA6D;AAMhD,QAAA,MAAM,GAAG,IAAA,yBAAY,EAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC","file":"Series.js","sourcesContent":["import { BaseSeriesProps, createSeries } from \"./BaseSeries\";\n\nexport interface SeriesProps extends BaseSeriesProps {\n  type: string;\n}\n\nexport const Series = createSeries(\"Series\", [\"bar\", \"line\", \"area\"]);\n"]}

package/cjs/series/WordCloud.d.ts

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

package/cjs/series/WordCloud.js

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

package/cjs/series/WordCloud.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["series/WordCloud.tsx"],"names":[],"mappings":";;;AAAA,6CAA6D;AAMhD,QAAA,SAAS,GAAG,IAAA,yBAAY,EAAC,WAAW,EAAE,CAAC,WAAW,CAAC,EAAE,WAAW,CAAC,CAAC","file":"WordCloud.js","sourcesContent":["import { BaseSeriesProps, createSeries } from \"./BaseSeries\";\n\nexport interface WordCloudProps extends BaseSeriesProps {\n  //\n}\n\nexport const WordCloud = createSeries(\"WordCloud\", [\"wordCloud\"], \"wordCloud\");\n"]}

package/cjs/series/index.d.ts

@@ -0,0 +1,17 @@
+export * from './Series';
+export * from './Line';
+export * from './Area';
+export * from './Bar';
+export * from './Scatter';
+export * from './Map';
+export * from './Pie';
+export * from './Rose';
+export * from './Radar';
+export * from './Dot';
+export * from './Link';
+export * from './CircularProgress';
+export * from './WordCloud';
+export * from './Funnel';
+export * from './LinearProgress';
+export * from './RangeColumn';
+export * from './BoxPlot';

package/cjs/series/index.js

@@ -0,0 +1,29 @@
+"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("./Series"), exports), __exportStar(require("./Line"), exports), 
+__exportStar(require("./Area"), exports), __exportStar(require("./Bar"), exports), 
+__exportStar(require("./Scatter"), exports), __exportStar(require("./Map"), exports), 
+__exportStar(require("./Pie"), exports), __exportStar(require("./Rose"), exports), 
+__exportStar(require("./Radar"), exports), __exportStar(require("./Dot"), exports), 
+__exportStar(require("./Link"), exports), __exportStar(require("./CircularProgress"), exports), 
+__exportStar(require("./WordCloud"), exports), __exportStar(require("./Funnel"), exports), 
+__exportStar(require("./LinearProgress"), exports), __exportStar(require("./RangeColumn"), exports), 
+__exportStar(require("./BoxPlot"), exports);
+//# sourceMappingURL=index.js.map

package/cjs/series/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["series/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,2CAAyB;AAEzB,yCAAuB;AACvB,yCAAuB;AACvB,wCAAsB;AACtB,4CAA0B;AAC1B,wCAAsB;AACtB,wCAAsB;AACtB,yCAAuB;AACvB,0CAAwB;AACxB,wCAAsB;AACtB,yCAAuB;AACvB,qDAAmC;AACnC,8CAA4B;AAC5B,2CAAyB;AACzB,mDAAiC;AACjC,gDAA8B;AAC9B,4CAA0B","file":"index.js","sourcesContent":["export * from './Series';\n\nexport * from './Line';\nexport * from './Area';\nexport * from './Bar';\nexport * from './Scatter';\nexport * from './Map';\nexport * from './Pie';\nexport * from './Rose';\nexport * from './Radar';\nexport * from './Dot';\nexport * from './Link';\nexport * from './CircularProgress';\nexport * from './WordCloud';\nexport * from './Funnel';\nexport * from './LinearProgress';\nexport * from './RangeColumn';\nexport * from './BoxPlot';\n"]}

package/cjs/util.d.ts

@@ -0,0 +1,7 @@
+import React, { ReactNode } from 'react';
+export declare const uid: (prefix?: string) => string;
+export declare const getDisplayName: (Comp: any) => any;
+export declare const typeOfComponent: (component: any, customTypeKey?: string) => string;
+export declare const toArray: <T = React.ReactNode, TC = React.ReactNode>(children: T) => TC[];
+export declare const findAllByType: <T extends React.ReactNode, TC = unknown>(children: React.ReactNode, type: TC | TC[]) => T[];
+export declare const findChildByType: <T extends React.ReactNode, TC = unknown>(children: React.ReactNode, type: TC) => T;

package/cjs/util.js

@@ -0,0 +1,57 @@
+"use strict";
+
+var __importDefault = this && this.__importDefault || function(mod) {
+    return mod && mod.__esModule ? mod : {
+        default: mod
+    };
+};
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.findChildByType = exports.findAllByType = exports.toArray = exports.typeOfComponent = exports.getDisplayName = exports.uid = void 0;
+
+const vutils_1 = require("@visactor/vutils"), react_1 = __importDefault(require("react")), react_is_1 = require("react-is");
+
+let id = 0;
+
+const uid = prefix => prefix ? `${prefix}-${id++}` : "" + id++;
+
+exports.uid = uid;
+
+const getDisplayName = Comp => "string" == typeof Comp ? Comp : Comp ? Comp.displayName || Comp.name : "";
+
+exports.getDisplayName = getDisplayName;
+
+const typeOfComponent = (component, customTypeKey = "__TYPE") => (null == component ? void 0 : component.props) && component.props[customTypeKey] || "string" == typeof (null == component ? void 0 : component.type) && component.type || (null == component ? void 0 : component.type) && "symbol" == typeof component.type && "Symbol(react.fragment)" === component.type.toString() && "react.fragment" || "function" == typeof (null == component ? void 0 : component.type) && component.type || "object" == typeof (null == component ? void 0 : component.type) && "Symbol(react.forward_ref)" === component.type.$$typeof.toString() && "react.forward_ref" || "string" == typeof component && "string" || "function" == typeof component && "function" || void 0;
+
+exports.typeOfComponent = typeOfComponent;
+
+const toArray = children => {
+    let result = [];
+    return react_1.default.Children.forEach(children, (child => {
+        (0, vutils_1.isNil)(child) || ((0, react_is_1.isFragment)(child) ? result = result.concat((0, 
+        exports.toArray)(child.props.children)) : result.push(child));
+    })), result;
+};
+
+exports.toArray = toArray;
+
+const findAllByType = (children, type) => {
+    const result = [];
+    let types = [];
+    return types = (0, vutils_1.isArray)(type) ? type.map((t => (0, exports.getDisplayName)(t))) : [ (0, 
+    exports.getDisplayName)(type) ], (0, exports.toArray)(children).forEach((child => {
+        const childType = (0, exports.getDisplayName)((0, exports.typeOfComponent)(child));
+        -1 !== types.indexOf(childType) && result.push(child);
+    })), result;
+};
+
+exports.findAllByType = findAllByType;
+
+const findChildByType = (children, type) => {
+    const result = (0, exports.findAllByType)(children, type);
+    return null == result ? void 0 : result[0];
+};
+
+exports.findChildByType = findChildByType;
+//# sourceMappingURL=util.js.map

package/cjs/util.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["util.ts"],"names":[],"mappings":"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","file":"util.js","sourcesContent":["import { isNil, isArray, isString, isFunction, isPlainObject } from '@visactor/vutils';\nimport React, { ReactNode } from 'react';\nimport { isFragment } from 'react-is';\n\nlet id = 0;\n\nexport const uid = (prefix?: string) => {\n  if (prefix) {\n    return `${prefix}-${id++}`;\n  }\n\n  return `${id++}`;\n};\n\n/**\n * Get the display name of a component\n * @param  {Object} Comp Specified Component\n * @return {String}      Display name of Component\n */\nexport const getDisplayName = (Comp: any) => {\n  if (typeof Comp === 'string') {\n    return Comp;\n  }\n  if (!Comp) {\n    return '';\n  }\n  return Comp.displayName || Comp.name;\n};\n\nexport const typeOfComponent = (component: any, customTypeKey = '__TYPE'): string => {\n  return (\n    (component?.props && component.props[customTypeKey]) ||\n    (typeof component?.type === 'string' && component.type) ||\n    (component?.type &&\n      typeof component.type === 'symbol' &&\n      component.type.toString() === 'Symbol(react.fragment)' &&\n      'react.fragment') ||\n    (typeof component?.type === 'function' && component.type) ||\n    (typeof component?.type === 'object' &&\n      component.type.$$typeof.toString() === 'Symbol(react.forward_ref)' &&\n      'react.forward_ref') ||\n    (typeof component === 'string' && 'string') ||\n    (typeof component === 'function' && 'function') ||\n    undefined\n  );\n};\n\nexport const toArray = <T = ReactNode, TC = ReactNode>(children: T): TC[] => {\n  let result: TC[] = [];\n\n  React.Children.forEach(children, child => {\n    if (isNil(child)) return;\n\n    if (isFragment(child)) {\n      result = result.concat(toArray(child.props.children));\n    } else {\n      result.push(child as unknown as TC);\n    }\n  });\n\n  return result;\n};\n\n/*\n * Find and return all matched children by type. `type` can be a React element class or\n * string\n */\nexport const findAllByType = <T extends React.ReactNode, TC = unknown>(\n  children: React.ReactNode,\n  type: TC | TC[]\n): T[] => {\n  const result: T[] = [];\n  let types: string[] = [];\n\n  if (isArray(type)) {\n    types = type.map(t => getDisplayName(t));\n  } else {\n    types = [getDisplayName(type)];\n  }\n\n  toArray(children).forEach(child => {\n    const childType = getDisplayName(typeOfComponent(child));\n\n    if (types.indexOf(childType) !== -1) {\n      result.push(child as T);\n    }\n  });\n\n  return result;\n};\n/*\n * Return the first matched child by type, return null otherwise.\n * `type` can be a React element class or string.\n */\nexport const findChildByType = <T extends React.ReactNode, TC = unknown>(children: React.ReactNode, type: TC): T => {\n  const result = findAllByType<T, TC>(children, type);\n\n  return result?.[0];\n};\n"]}

package/esm/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/esm/VChart.js

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

package/esm/VChart.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["VChart.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAkB,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAIjE,MAAM,CAAC,MAAM,MAAM,GAAG,WAAW,CAAc,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/esm/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/esm/charts/AreaChart.js

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

package/esm/charts/AreaChart.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["charts/AreaChart.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":"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/esm/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/esm/charts/BarChart.js

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

package/esm/charts/BarChart.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["charts/BarChart.tsx"],"names":[],"mappings":"AACA,OAAO,EAAkB,WAAW,EAAE,MAAM,aAAa,CAAC;AAQ1D,MAAM,CAAC,MAAM,QAAQ,GAAG,WAAW,CAAgB,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/esm/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/esm/charts/BaseChart.js

@@ -0,0 +1,75 @@
+import VChart from "@visactor/vchart";
+
+import React, { useState, useEffect, useRef, useImperativeHandle } from "react";
+
+import withContainer from "../containers/withContainer";
+
+import RootChartContext from "../context/chart";
+
+import { isEqual, pickWithout } from "@visactor/vutils";
+
+import ViewContext from "../context/view";
+
+import { toArray } from "../util";
+
+import { REACT_PRIVATE_PROPS } from "../constants";
+
+import { bindEventsToChart, CHART_EVENTS_KEYS, CHART_EVENTS } from "../eventsUtils";
+
+const notSpecKeys = [ ...REACT_PRIVATE_PROPS, ...CHART_EVENTS_KEYS, "spec", "container", "options" ], BaseChart = React.forwardRef(((props, ref) => {
+    const [updateId, setUpdateId] = useState(0), chartContext = useRef({
+        specFromChildren: {}
+    });
+    useImperativeHandle(ref, (() => chartContext.current.chart));
+    const hasSpec = !!props.spec, [view, setView] = useState(null), isUnmount = useRef(!1), prevSpec = useRef(pickWithout(props, notSpecKeys)), eventsBinded = React.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 useEffect((() => {
+        if (!chartContext.current.chart) return (props => {
+            const cs = new VChart(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), 
+        bindEventsToChart(chartContext.current.chart, props, null, CHART_EVENTS), chartContext.current = Object.assign(Object.assign({}, chartContext.current), {
+            isChildrenUpdated: !1
+        }), void (eventsBinded.current = props);
+        if (bindEventsToChart(chartContext.current.chart, props, eventsBinded.current, CHART_EVENTS), 
+        hasSpec) return void (isEqual(eventsBinded.current.spec, props.spec) || chartContext.current.chart.updateSpec(parseSpec(props)).then(handleChartRender));
+        const newSpec = pickWithout(props, notSpecKeys);
+        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 ]), useEffect((() => () => {
+        chartContext && (chartContext.current.chart && chartContext.current.chart.release(), 
+        chartContext.current = null), isUnmount.current = !0;
+    }), []), React.createElement(RootChartContext.Provider, {
+        value: chartContext.current
+    }, React.createElement(ViewContext.Provider, {
+        value: view
+    }, toArray(props.children).map(((child, index) => {
+        var _a, _b, _c;
+        return React.createElement(React.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.cloneElement(child, {
+            updateId: updateId
+        }));
+    }))));
+}));
+
+export const createChart = (componentName, type, callback) => {
+    const Com = withContainer(BaseChart, componentName, (props => (props.type = type, 
+    callback ? callback(props) : type ? Object.assign(Object.assign({}, props), {
+        type: type
+    }) : props)));
+    return Com.displayName = componentName, Com;
+};
+//# sourceMappingURL=BaseChart.js.map

package/esm/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/esm/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/esm/charts/BoxPlotChart.js

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

package/esm/charts/BoxPlotChart.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["charts/BoxPlotChart.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":"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/esm/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/esm/charts/CircularProgressChart.js

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

package/esm/charts/CircularProgressChart.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["charts/CircularProgressChart.tsx"],"names":[],"mappings":"AACA,OAAO,EAAkB,WAAW,EAAE,MAAM,aAAa,CAAC;AAM1D,MAAM,CAAC,MAAM,qBAAqB,GAAG,WAAW,CAC9C,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/esm/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/esm/charts/CommonChart.js

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

package/esm/charts/CommonChart.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["charts/CommonChart.tsx"],"names":[],"mappings":"AACA,OAAO,EAAkB,WAAW,EAAE,MAAM,aAAa,CAAC;AAM1D,MAAM,CAAC,MAAM,WAAW,GAAG,WAAW,CAAmB,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/esm/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/esm/charts/FunnelChart.js

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

package/esm/charts/FunnelChart.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["charts/FunnelChart.tsx"],"names":[],"mappings":"AACA,OAAO,EAAkB,WAAW,EAAE,MAAM,aAAa,CAAC;AAM1D,MAAM,CAAC,MAAM,WAAW,GAAG,WAAW,CAAmB,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/esm/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/esm/charts/HistogramChart.js

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