@visactor/react-vchart 0.10.0-alpha.3 → 0.11.6-alpha.2

package/cjs/series/index.js

@@ -17,13 +17,20 @@ var __createBinding = this && this.__createBinding || (Object.create ? function(
 
 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);
+}), __exportStar(require("./Series"), exports), __exportStar(require("./Area"), exports), 
+__exportStar(require("./Bar"), exports), __exportStar(require("./Bar3d"), exports), 
+__exportStar(require("./BoxPlot"), exports), __exportStar(require("./CirclePacking"), exports), 
+__exportStar(require("./CircularProgress"), exports), __exportStar(require("./Correlation"), exports), 
+__exportStar(require("./Dot"), exports), __exportStar(require("./Funnel"), exports), 
+__exportStar(require("./Funnel3d"), exports), __exportStar(require("./Gauge"), exports), 
+__exportStar(require("./Heatmap"), exports), __exportStar(require("./Line"), exports), 
+__exportStar(require("./LinearProgress"), exports), __exportStar(require("./Link"), exports), 
+__exportStar(require("./Liquid"), exports), __exportStar(require("./Map"), exports), 
+__exportStar(require("./Pie"), exports), __exportStar(require("./Pie3d"), exports), 
+__exportStar(require("./Radar"), exports), __exportStar(require("./RangeColumn"), exports), 
+__exportStar(require("./RangeColumn3d"), exports), __exportStar(require("./Rose"), exports), 
+__exportStar(require("./Sankey"), exports), __exportStar(require("./Scatter"), exports), 
+__exportStar(require("./Sunburst"), exports), __exportStar(require("./Treemap"), exports), 
+__exportStar(require("./Waterfall"), exports), __exportStar(require("./WordCloud"), exports), 
+__exportStar(require("./WordCloud3d"), exports);
 //# sourceMappingURL=index.js.map

package/cjs/series/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/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"]}
+{"version":3,"sources":["../src/series/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,2CAAyB;AAEzB,yCAAuB;AACvB,wCAAsB;AACtB,0CAAwB;AACxB,4CAA0B;AAE1B,kDAAgC;AAChC,qDAAmC;AACnC,gDAA8B;AAC9B,wCAAsB;AACtB,2CAAyB;AACzB,6CAA2B;AAE3B,0CAAwB;AACxB,4CAA0B;AAC1B,yCAAuB;AACvB,mDAAiC;AACjC,yCAAuB;AACvB,2CAAyB;AAEzB,wCAAsB;AACtB,wCAAsB;AACtB,0CAAwB;AACxB,0CAAwB;AACxB,gDAA8B;AAC9B,kDAAgC;AAChC,yCAAuB;AAEvB,2CAAyB;AACzB,4CAA0B;AAC1B,6CAA2B;AAC3B,4CAA0B;AAC1B,8CAA4B;AAC5B,8CAA4B;AAC5B,gDAA8B","file":"index.js","sourcesContent":["export * from './Series';\n\nexport * from './Area';\nexport * from './Bar';\nexport * from './Bar3d';\nexport * from './BoxPlot';\n\nexport * from './CirclePacking';\nexport * from './CircularProgress';\nexport * from './Correlation';\nexport * from './Dot';\nexport * from './Funnel';\nexport * from './Funnel3d';\n\nexport * from './Gauge';\nexport * from './Heatmap';\nexport * from './Line';\nexport * from './LinearProgress';\nexport * from './Link';\nexport * from './Liquid';\n\nexport * from './Map';\nexport * from './Pie';\nexport * from './Pie3d';\nexport * from './Radar';\nexport * from './RangeColumn';\nexport * from './RangeColumn3d';\nexport * from './Rose';\n\nexport * from './Sankey';\nexport * from './Scatter';\nexport * from './Sunburst';\nexport * from './Treemap';\nexport * from './Waterfall';\nexport * from './WordCloud';\nexport * from './WordCloud3d';\n"]}

package/cjs/util.d.ts

@@ -1,5 +1,4 @@
 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[];

package/cjs/util.js

@@ -8,17 +8,9 @@ var __importDefault = this && this.__importDefault || function(mod) {
 
 Object.defineProperty(exports, "__esModule", {
     value: !0
-}), exports.findChildByType = exports.findAllByType = exports.toArray = exports.typeOfComponent = exports.getDisplayName = exports.uid = void 0;
+}), exports.findChildByType = exports.findAllByType = exports.toArray = exports.typeOfComponent = exports.getDisplayName = 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 : "";
+const vutils_1 = require("@visactor/vutils"), react_1 = __importDefault(require("react")), react_is_1 = require("react-is"), getDisplayName = Comp => "string" == typeof Comp ? Comp : Comp ? Comp.displayName || Comp.name : "";
 
 exports.getDisplayName = getDisplayName;
 

package/cjs/util.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/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"]}
+{"version":3,"sources":["../src/util.ts"],"names":[],"mappings":";;;;;;AAAA,6CAAkD;AAClD,kDAAyC;AACzC,uCAAsC;AAO/B,MAAM,cAAc,GAAG,CAAC,IAAS,EAAE,EAAE;IAC1C,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE;QAC5B,OAAO,IAAI,CAAC;KACb;IACD,IAAI,CAAC,IAAI,EAAE;QACT,OAAO,EAAE,CAAC;KACX;IACD,OAAO,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,IAAI,CAAC;AACvC,CAAC,CAAC;AARW,QAAA,cAAc,kBAQzB;AAEK,MAAM,eAAe,GAAG,CAAC,SAAc,EAAE,aAAa,GAAG,QAAQ,EAAU,EAAE;IAClF,OAAO,CACL,CAAC,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,KAAK,KAAI,SAAS,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC;QACpD,CAAC,OAAO,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,IAAI,CAAA,KAAK,QAAQ,IAAI,SAAS,CAAC,IAAI,CAAC;QACvD,CAAC,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,IAAI;YACd,OAAO,SAAS,CAAC,IAAI,KAAK,QAAQ;YAClC,SAAS,CAAC,IAAI,CAAC,QAAQ,EAAE,KAAK,wBAAwB;YACtD,gBAAgB,CAAC;QACnB,CAAC,OAAO,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,IAAI,CAAA,KAAK,UAAU,IAAI,SAAS,CAAC,IAAI,CAAC;QACzD,CAAC,OAAO,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,IAAI,CAAA,KAAK,QAAQ;YAClC,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE,KAAK,2BAA2B;YAClE,mBAAmB,CAAC;QACtB,CAAC,OAAO,SAAS,KAAK,QAAQ,IAAI,QAAQ,CAAC;QAC3C,CAAC,OAAO,SAAS,KAAK,UAAU,IAAI,UAAU,CAAC;QAC/C,SAAS,CACV,CAAC;AACJ,CAAC,CAAC;AAhBW,QAAA,eAAe,mBAgB1B;AAEK,MAAM,OAAO,GAAG,CAAgC,QAAW,EAAQ,EAAE;IAC1E,IAAI,MAAM,GAAS,EAAE,CAAC;IAEtB,eAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,EAAE,KAAK,CAAC,EAAE;QACvC,IAAI,IAAA,cAAK,EAAC,KAAK,CAAC;YAAE,OAAO;QAEzB,IAAI,IAAA,qBAAU,EAAC,KAAK,CAAC,EAAE;YACrB,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,IAAA,eAAO,EAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;SACvD;aAAM;YACL,MAAM,CAAC,IAAI,CAAC,KAAsB,CAAC,CAAC;SACrC;IACH,CAAC,CAAC,CAAC;IAEH,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;AAdW,QAAA,OAAO,WAclB;AAMK,MAAM,aAAa,GAAG,CAC3B,QAAyB,EACzB,IAAe,EACV,EAAE;IACP,MAAM,MAAM,GAAQ,EAAE,CAAC;IACvB,IAAI,KAAK,GAAa,EAAE,CAAC;IAEzB,IAAI,IAAA,gBAAO,EAAC,IAAI,CAAC,EAAE;QACjB,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,IAAA,sBAAc,EAAC,CAAC,CAAC,CAAC,CAAC;KAC1C;SAAM;QACL,KAAK,GAAG,CAAC,IAAA,sBAAc,EAAC,IAAI,CAAC,CAAC,CAAC;KAChC;IAED,IAAA,eAAO,EAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;QAChC,MAAM,SAAS,GAAG,IAAA,sBAAc,EAAC,IAAA,uBAAe,EAAC,KAAK,CAAC,CAAC,CAAC;QAEzD,IAAI,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,EAAE;YACnC,MAAM,CAAC,IAAI,CAAC,KAAU,CAAC,CAAC;SACzB;IACH,CAAC,CAAC,CAAC;IAEH,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;AAtBW,QAAA,aAAa,iBAsBxB;AAKK,MAAM,eAAe,GAAG,CAA0C,QAAyB,EAAE,IAAQ,EAAK,EAAE;IACjH,MAAM,MAAM,GAAG,IAAA,qBAAa,EAAQ,QAAQ,EAAE,IAAI,CAAC,CAAC;IAEpD,OAAO,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAG,CAAC,CAAC,CAAC;AACrB,CAAC,CAAC;AAJW,QAAA,eAAe,mBAI1B","file":"util.js","sourcesContent":["import { isNil, isArray } from '@visactor/vutils';\nimport React, { ReactNode } from 'react';\nimport { isFragment } from 'react-is';\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

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

package/esm/VChart.js

@@ -1,8 +1,6 @@
 import { createChart } from "./charts/BaseChart";
 
-import VChartCore from "@visactor/vchart";
-
-export { VChartCore };
+import { default as VChartCore } from "@visactor/vchart";
 
 export const VChart = createChart("VChart", {
     vchartConstrouctor: VChartCore

package/esm/VChart.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/VChart.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAkB,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAEjE,OAAO,UAAU,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,CAAC;AAItB,MAAM,CAAC,MAAM,MAAM,GAAG,WAAW,CAAc,QAAQ,EAAE;IACvD,kBAAkB,EAAE,UAAU;CAC/B,CAAC,CAAC","file":"VChart.js","sourcesContent":["import { BaseChartProps, createChart } from './charts/BaseChart';\nimport type { IVChartConstructor } from '@visactor/vchart';\nimport VChartCore from '@visactor/vchart';\nexport { VChartCore };\n\nexport type VChartProps = Omit<BaseChartProps, 'container' | 'data' | 'width' | 'height' | 'type'>;\n\nexport const VChart = createChart<VChartProps>('VChart', {\n  vchartConstrouctor: VChartCore\n});\n"]}
+{"version":3,"sources":["../src/VChart.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAkB,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAGzD,MAAM,CAAC,MAAM,MAAM,GAAG,WAAW,CAAc,QAAQ,EAAE;IACvD,kBAAkB,EAAE,UAAU;CAC/B,CAAC,CAAC","file":"VChart.js","sourcesContent":["import { BaseChartProps, createChart } from './charts/BaseChart';\nimport { default as VChartCore } from '@visactor/vchart';\nexport type VChartProps = Omit<BaseChartProps, 'container' | 'width' | 'height' | 'type'>;\n\nexport const VChart = createChart<VChartProps>('VChart', {\n  vchartConstrouctor: VChartCore\n});\n"]}

package/esm/charts/AreaChart.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import type { IAreaChartSpec } from '@visactor/vchart';
 import { BaseChartProps } from './BaseChart';
-export interface AreaChartProps extends Omit<BaseChartProps, 'spec' | 'container' | 'type'>, Omit<IAreaChartSpec, 'type'> {
+export interface AreaChartProps extends Omit<BaseChartProps, 'spec' | 'container' | 'type' | 'data'>, Omit<IAreaChartSpec, 'type'> {
 }
 export declare const AreaChart: React.ForwardRefExoticComponent<AreaChartProps & {
     children?: React.ReactNode;

package/esm/charts/AreaChart.js

@@ -1,9 +1,11 @@
-import { default as VChart } from "@visactor/vchart";
+import { VChart, registerAreaChart, registerLabel } from "@visactor/vchart";
 
 import { createChart } from "./BaseChart";
 
+import { cartesianComponentsRegisters } from "./register";
+
 export const AreaChart = createChart("AreaChart", {
     type: "area",
     vchartConstrouctor: VChart
-});
+}, [ registerAreaChart, registerLabel, ...cartesianComponentsRegisters ]);
 //# sourceMappingURL=AreaChart.js.map

package/esm/charts/AreaChart.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/charts/AreaChart.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAkB,WAAW,EAAE,MAAM,aAAa,CAAC;AAM1D,MAAM,CAAC,MAAM,SAAS,GAAG,WAAW,CAA6D,WAAW,EAAE;IAC5G,IAAI,EAAE,MAAM;IACZ,kBAAkB,EAAE,MAAM;CAC3B,CAAC,CAAC","file":"AreaChart.js","sourcesContent":["import React from 'react';\nimport type { IAreaChartSpec } from '@visactor/vchart';\nimport { default as VChart } 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<React.PropsWithChildren<AreaChartProps> & { type: 'area' }>('AreaChart', {\n  type: 'area',\n  vchartConstrouctor: VChart\n});\n"]}
+{"version":3,"sources":["../src/charts/AreaChart.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,iBAAiB,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAC5E,OAAO,EAAkB,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1D,OAAO,EAAE,4BAA4B,EAAE,MAAM,YAAY,CAAC;AAM1D,MAAM,CAAC,MAAM,SAAS,GAAG,WAAW,CAClC,WAAW,EACX;IACE,IAAI,EAAE,MAAM;IACZ,kBAAkB,EAAE,MAA4B;CACjD,EACD,CAAC,iBAAiB,EAAE,aAAa,EAAE,GAAG,4BAA4B,CAAC,CACpE,CAAC","file":"AreaChart.js","sourcesContent":["import React from 'react';\nimport type { IAreaChartSpec, IVChartConstructor } from '@visactor/vchart';\nimport { VChart, registerAreaChart, registerLabel } from '@visactor/vchart';\nimport { BaseChartProps, createChart } from './BaseChart';\nimport { cartesianComponentsRegisters } from './register';\n\nexport interface AreaChartProps\n  extends Omit<BaseChartProps, 'spec' | 'container' | 'type' | 'data'>,\n    Omit<IAreaChartSpec, 'type'> {}\n\nexport const AreaChart = createChart<React.PropsWithChildren<AreaChartProps> & { type: 'area' }>(\n  'AreaChart',\n  {\n    type: 'area',\n    vchartConstrouctor: VChart as IVChartConstructor\n  },\n  [registerAreaChart, registerLabel, ...cartesianComponentsRegisters]\n);\n"]}

package/esm/charts/Bar3dChart.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { IBar3dChartSpec } from '@visactor/vchart';
+import { BaseChartProps } from './BaseChart';
+export interface Bar3dChartProps extends Omit<BaseChartProps, 'spec' | 'container' | 'type' | 'data'>, Omit<IBar3dChartSpec, 'type'> {
+}
+export declare const Bar3dChart: React.ForwardRefExoticComponent<Bar3dChartProps & {
+    children?: React.ReactNode;
+} & {
+    type: 'bar3d';
+} & import("../containers/withContainer").ContainerProps & React.RefAttributes<any>>;

package/esm/charts/Bar3dChart.js

@@ -0,0 +1,11 @@
+import { VChart, registerBar3dChart, registerLabel, registerTotalLabel } from "@visactor/vchart";
+
+import { createChart } from "./BaseChart";
+
+import { cartesianComponentsRegisters } from "./register";
+
+export const Bar3dChart = createChart("Bar3dChart", {
+    type: "bar3d",
+    vchartConstrouctor: VChart
+}, [ registerBar3dChart, registerLabel, registerTotalLabel, ...cartesianComponentsRegisters ]);
+//# sourceMappingURL=Bar3dChart.js.map

package/esm/charts/Bar3dChart.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/charts/Bar3dChart.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,kBAAkB,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AACjG,OAAO,EAAkB,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1D,OAAO,EAAE,4BAA4B,EAAE,MAAM,YAAY,CAAC;AAQ1D,MAAM,CAAC,MAAM,UAAU,GAAG,WAAW,CACnC,YAAY,EACZ;IACE,IAAI,EAAE,OAAO;IACb,kBAAkB,EAAE,MAA4B;CACjD,EACD,CAAC,kBAAkB,EAAE,aAAa,EAAE,kBAAkB,EAAE,GAAG,4BAA4B,CAAC,CACzF,CAAC","file":"Bar3dChart.js","sourcesContent":["import React from 'react';\nimport type { IBar3dChartSpec, IVChartConstructor } from '@visactor/vchart';\nimport { VChart, registerBar3dChart, registerLabel, registerTotalLabel } from '@visactor/vchart';\nimport { BaseChartProps, createChart } from './BaseChart';\nimport { cartesianComponentsRegisters } from './register';\n\nexport interface Bar3dChartProps\n  extends Omit<BaseChartProps, 'spec' | 'container' | 'type' | 'data'>,\n    Omit<IBar3dChartSpec, 'type'> {\n  //\n}\n\nexport const Bar3dChart = createChart<React.PropsWithChildren<Bar3dChartProps> & { type: 'bar3d' }>(\n  'Bar3dChart',\n  {\n    type: 'bar3d',\n    vchartConstrouctor: VChart as IVChartConstructor\n  },\n  [registerBar3dChart, registerLabel, registerTotalLabel, ...cartesianComponentsRegisters]\n);\n"]}

package/esm/charts/BarChart.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import type { IBarChartSpec } from '@visactor/vchart';
 import { BaseChartProps } from './BaseChart';
-export interface BarChartProps extends Omit<BaseChartProps, 'spec' | 'container' | 'type'>, Omit<IBarChartSpec, 'type'> {
+export interface BarChartProps extends Omit<BaseChartProps, 'spec' | 'container' | 'type' | 'data'>, Omit<IBarChartSpec, 'type'> {
 }
 export declare const BarChart: React.ForwardRefExoticComponent<BarChartProps & {
     children?: React.ReactNode;

package/esm/charts/BarChart.js

@@ -1,9 +1,11 @@
-import { default as VChart } from "@visactor/vchart";
+import { VChart, registerBarChart, registerLabel, registerTotalLabel } from "@visactor/vchart";
 
 import { createChart } from "./BaseChart";
 
+import { cartesianComponentsRegisters } from "./register";
+
 export const BarChart = createChart("BarChart", {
     type: "bar",
     vchartConstrouctor: VChart
-});
+}, [ registerBarChart, registerLabel, registerTotalLabel, ...cartesianComponentsRegisters ]);
 //# sourceMappingURL=BarChart.js.map

package/esm/charts/BarChart.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/charts/BarChart.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAkB,WAAW,EAAE,MAAM,aAAa,CAAC;AAQ1D,MAAM,CAAC,MAAM,QAAQ,GAAG,WAAW,CAA2D,UAAU,EAAE;IACxG,IAAI,EAAE,KAAK;IACX,kBAAkB,EAAE,MAAM;CAC3B,CAAC,CAAC","file":"BarChart.js","sourcesContent":["import React from 'react';\nimport type { IBarChartSpec } from '@visactor/vchart';\nimport { default as VChart } 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<React.PropsWithChildren<BarChartProps> & { type: 'bar' }>('BarChart', {\n  type: 'bar',\n  vchartConstrouctor: VChart\n});\n"]}
+{"version":3,"sources":["../src/charts/BarChart.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,gBAAgB,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAC/F,OAAO,EAAkB,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1D,OAAO,EAAE,4BAA4B,EAAE,MAAM,YAAY,CAAC;AAQ1D,MAAM,CAAC,MAAM,QAAQ,GAAG,WAAW,CACjC,UAAU,EACV;IACE,IAAI,EAAE,KAAK;IACX,kBAAkB,EAAE,MAA4B;CACjD,EACD,CAAC,gBAAgB,EAAE,aAAa,EAAE,kBAAkB,EAAE,GAAG,4BAA4B,CAAC,CACvF,CAAC","file":"BarChart.js","sourcesContent":["import React from 'react';\nimport type { IBarChartSpec, IVChartConstructor } from '@visactor/vchart';\nimport { VChart, registerBarChart, registerLabel, registerTotalLabel } from '@visactor/vchart';\nimport { BaseChartProps, createChart } from './BaseChart';\nimport { cartesianComponentsRegisters } from './register';\n\nexport interface BarChartProps\n  extends Omit<BaseChartProps, 'spec' | 'container' | 'type' | 'data'>,\n    Omit<IBarChartSpec, 'type'> {\n  //\n}\n\nexport const BarChart = createChart<React.PropsWithChildren<BarChartProps> & { type: 'bar' }>(\n  'BarChart',\n  {\n    type: 'bar',\n    vchartConstrouctor: VChart as IVChartConstructor\n  },\n  [registerBarChart, registerLabel, registerTotalLabel, ...cartesianComponentsRegisters]\n);\n"]}

package/esm/charts/BaseChart.d.ts

@@ -1,14 +1,15 @@
-import type { IVChart, IData, IInitOption, ISpec, IVChartConstructor } from '@visactor/vchart';
+import type { IVChart, IData, IInitOption, ISpec, IVChartConstructor, IHierarchyData } from '@visactor/vchart';
 import React from 'react';
 import { ContainerProps } from '../containers/withContainer';
 import { EventsProps, LegendEventProps, ScrollBarEventProps, BrushEventProps, DataZoomEventProps, PlayerEventProps, DimensionEventProps, HierarchyEventProps, ChartLifeCycleEventProps } from '../eventsUtils';
+import { IReactTooltipProps } from '../components/tooltip/interface';
 export type ChartOptions = Omit<IInitOption, 'dom'>;
-export interface BaseChartProps extends EventsProps, LegendEventProps, ScrollBarEventProps, BrushEventProps, DataZoomEventProps, PlayerEventProps, DimensionEventProps, HierarchyEventProps, ChartLifeCycleEventProps {
+export interface BaseChartProps extends EventsProps, LegendEventProps, ScrollBarEventProps, BrushEventProps, DataZoomEventProps, PlayerEventProps, DimensionEventProps, HierarchyEventProps, ChartLifeCycleEventProps, IReactTooltipProps {
     vchartConstrouctor?: IVChartConstructor;
     type?: string;
     container?: HTMLDivElement;
     spec?: ISpec;
-    data?: IData;
+    data?: IData | IHierarchyData;
     width?: number;
     height?: number;
     options?: ChartOptions;
@@ -18,5 +19,5 @@ export interface BaseChartProps extends EventsProps, LegendEventProps, ScrollBar
     useSyncRender?: boolean;
 }
 type Props = React.PropsWithChildren<BaseChartProps>;
-export declare const createChart: <T extends Props>(componentName: string, defaultProps?: Partial<T>, callback?: (props: T, defaultProps?: Partial<T>) => T) => React.ForwardRefExoticComponent<React.PropsWithoutRef<T & ContainerProps> & React.RefAttributes<any>>;
+export declare const createChart: <T extends Props>(componentName: string, defaultProps?: Partial<T>, registers?: (() => void)[]) => React.ForwardRefExoticComponent<React.PropsWithoutRef<T & ContainerProps> & React.RefAttributes<any>>;
 export {};

package/esm/charts/BaseChart.js

@@ -4,7 +4,7 @@ import withContainer from "../containers/withContainer";
 
 import RootChartContext from "../context/chart";
 
-import { isEqual, pickWithout } from "@visactor/vutils";
+import { isEqual, isNil, isValid, pickWithout } from "@visactor/vutils";
 
 import ViewContext from "../context/view";
 
@@ -14,12 +14,16 @@ import { REACT_PRIVATE_PROPS } from "../constants";
 
 import { bindEventsToChart, CHART_EVENTS_KEYS, CHART_EVENTS } from "../eventsUtils";
 
-const notSpecKeys = [ ...REACT_PRIVATE_PROPS, ...CHART_EVENTS_KEYS, "vchartConstrouctor", "useSyncRender", "skipFunctionDiff", "onError", "onReady", "spec", "container", "options" ], parseSpecFromChildren = props => {
+import { initCustomTooltip } from "../components/tooltip/util";
+
+const notSpecKeys = [ ...REACT_PRIVATE_PROPS, ...CHART_EVENTS_KEYS, "vchartConstrouctor", "useSyncRender", "skipFunctionDiff", "onError", "onReady", "spec", "container", "options" ], getComponentId = (child, index) => `${child && child.type && (child.type.displayName || child.type.name)}-${index}`, parseSpecFromChildren = props => {
     const specFromChildren = {};
-    return toArray(props.children).map((child => {
+    return toArray(props.children).map(((child, index) => {
         const parseSpec = child && child.type && child.type.parseSpec;
         if (parseSpec && child.props) {
-            const specResult = parseSpec(child.props);
+            const specResult = parseSpec(isNil(child.props.componentId) ? Object.assign(Object.assign({}, child.props), {
+                componentId: getComponentId(child, index)
+            }) : child.props);
             specResult.isSingle ? specFromChildren[specResult.specName] = specResult.spec : (specFromChildren[specResult.specName] || (specFromChildren[specResult.specName] = []), 
             specFromChildren[specResult.specName].push(specResult.spec));
         }
@@ -30,12 +34,19 @@ const notSpecKeys = [ ...REACT_PRIVATE_PROPS, ...CHART_EVENTS_KEYS, "vchartConst
         var _a;
         return null === (_a = chartContext.current) || void 0 === _a ? void 0 : _a.chart;
     }));
-    const hasSpec = !!props.spec, [view, setView] = useState(null), isUnmount = useRef(!1), prevSpec = useRef(pickWithout(props, notSpecKeys)), specFromChildren = useRef(null), eventsBinded = React.useRef(null), skipFunctionDiff = !!props.skipFunctionDiff, parseSpec = props => hasSpec && props.spec ? props.spec : Object.assign(Object.assign({}, prevSpec.current), specFromChildren.current), handleChartRender = () => {
+    const hasSpec = !!props.spec, [view, setView] = useState(null), isUnmount = useRef(!1), prevSpec = useRef(pickWithout(props, notSpecKeys)), specFromChildren = useRef(null), eventsBinded = React.useRef(null), skipFunctionDiff = !!props.skipFunctionDiff, [tooltipNode, setTooltipNode] = useState(null), parseSpec = props => {
+        let spec;
+        hasSpec && props.spec ? (spec = props.spec, isValid(props.data) && (spec = Object.assign(Object.assign({}, props.spec), {
+            data: props.data
+        }))) : spec = Object.assign(Object.assign({}, prevSpec.current), specFromChildren.current);
+        const tooltipSpec = initCustomTooltip(setTooltipNode, props, spec.tooltip);
+        return tooltipSpec && (spec.tooltip = tooltipSpec), spec;
+    }, handleChartRender = () => {
         if (!isUnmount.current) {
             if (!chartContext.current || !chartContext.current.chart) return;
             bindEventsToChart(chartContext.current.chart, props, eventsBinded.current, CHART_EVENTS);
             const newView = chartContext.current.chart.getCompiler().getVGrammarView();
-            setUpdateId(updateId + 1), props.onReady && props.onReady(chartContext.current.chart, 0 === updateId), 
+            setUpdateId(updateId + 1), window.vchart = chartContext.current.chart, props.onReady && props.onReady(chartContext.current.chart, 0 === updateId), 
             setView(newView);
         }
     };
@@ -51,17 +62,17 @@ const notSpecKeys = [ ...REACT_PRIVATE_PROPS, ...CHART_EVENTS_KEYS, "vchartConst
             }));
             chartContext.current = Object.assign(Object.assign({}, chartContext.current), {
                 chart: cs
-            });
+            }), isUnmount.current = !1;
         })(props), chartContext.current.chart && (chartContext.current.chart.renderSync({
             reuse: !1
-        }), handleChartRender()), bindEventsToChart(chartContext.current.chart, props, null, CHART_EVENTS), 
-        void (eventsBinded.current = props);
+        }), handleChartRender()), void (eventsBinded.current = props);
         if (hasSpec) return void (isEqual(eventsBinded.current.spec, props.spec, {
             skipFunction: skipFunctionDiff
-        }) || (eventsBinded.current = props, chartContext.current.chart.updateSpecSync(parseSpec(props), void 0, {
+        }) ? eventsBinded.current.data !== props.data && (chartContext.current.chart.updateFullDataSync(props.data), 
+        handleChartRender(), eventsBinded.current = props) : (chartContext.current.chart.updateSpecSync(parseSpec(props), void 0, {
             morph: !1,
             enableExitAnimation: !1
-        }), handleChartRender()));
+        }), handleChartRender(), eventsBinded.current = props));
         const newSpec = pickWithout(props, notSpecKeys);
         isEqual(newSpec, prevSpec.current, {
             skipFunction: skipFunctionDiff
@@ -69,28 +80,29 @@ const notSpecKeys = [ ...REACT_PRIVATE_PROPS, ...CHART_EVENTS_KEYS, "vchartConst
         specFromChildren.current = newSpecFromChildren, chartContext.current.chart.updateSpecSync(parseSpec(props), void 0, {
             morph: !1,
             enableExitAnimation: !1
-        }), handleChartRender());
+        }), handleChartRender(), eventsBinded.current = props);
     }), [ props ]), useEffect((() => () => {
         chartContext && chartContext.current && chartContext.current.chart && (chartContext.current.chart.release(), 
-        chartContext.current.chart = null), isUnmount.current = !0;
+        chartContext.current.chart = null), eventsBinded.current = null, isUnmount.current = !0;
     }), []), React.createElement(RootChartContext.Provider, {
         value: chartContext.current
     }, React.createElement(ViewContext.Provider, {
         value: view
     }, toArray(props.children).map(((child, index) => {
         if ("string" == typeof child) return;
-        const childId = `${child && child.type && (child.type.displayName || child.type.name)}-${index}`;
+        const childId = getComponentId(child, index);
         return React.createElement(React.Fragment, {
             key: childId
         }, React.cloneElement(child, {
             updateId: updateId,
             componentId: childId
         }));
-    }))));
+    })), tooltipNode));
 }));
 
-export const createChart = (componentName, defaultProps, callback) => {
-    const Com = withContainer(BaseChart, componentName, (props => callback ? callback(props, defaultProps) : defaultProps ? Object.assign(props, defaultProps) : props));
+export const createChart = (componentName, defaultProps, registers) => {
+    registers && registers.length && defaultProps.vchartConstrouctor && defaultProps.vchartConstrouctor.useRegisters(registers);
+    const Com = withContainer(BaseChart, componentName, (props => defaultProps ? Object.assign(props, defaultProps) : props));
     return Com.displayName = componentName, Com;
 };
 //# sourceMappingURL=BaseChart.js.map

package/esm/charts/BaseChart.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/charts/BaseChart.tsx"],"names":[],"mappings":"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","file":"BaseChart.js","sourcesContent":["import type { IVChart, IData, IInitOption, ISpec, IVChartConstructor } 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-core';\nimport { isEqual, pickWithout } from '@visactor/vutils';\nimport ViewContext from '../context/view';\nimport { toArray } from '../util';\nimport { REACT_PRIVATE_PROPS } from '../constants';\nimport {\n  bindEventsToChart,\n  EventsProps,\n  CHART_EVENTS_KEYS,\n  CHART_EVENTS,\n  LegendEventProps,\n  ScrollBarEventProps,\n  BrushEventProps,\n  DataZoomEventProps,\n  PlayerEventProps,\n  DimensionEventProps,\n  HierarchyEventProps,\n  ChartLifeCycleEventProps\n} from '../eventsUtils';\n\nexport type ChartOptions = Omit<IInitOption, 'dom'>;\n\nexport interface BaseChartProps\n  extends EventsProps,\n    LegendEventProps,\n    ScrollBarEventProps,\n    BrushEventProps,\n    DataZoomEventProps,\n    PlayerEventProps,\n    DimensionEventProps,\n    HierarchyEventProps,\n    ChartLifeCycleEventProps {\n  vchartConstrouctor?: IVChartConstructor;\n  type?: string;\n  /** 上层container */\n  container?: HTMLDivElement;\n  /**\n   * used only by <VChart />\n   */\n  spec?: ISpec;\n  /** 数据 */\n  data?: IData;\n  /** 画布宽度 */\n  width?: number;\n  /** 画布高度 */\n  height?: number;\n  /** 图表配置 */\n  options?: ChartOptions;\n  /** skip function diff when component update */\n  skipFunctionDiff?: boolean;\n  /** 图表渲染完成事件 */\n  onReady?: (instance: IVChart, isInitial: boolean) => void;\n  /** throw error when chart run into an error */\n  onError?: (err: Error) => void;\n  /**\n   * use sync render\n   *\n   * @since 1.8.3\n   * @deprecated 1.9.0\n   **/\n  useSyncRender?: boolean;\n}\n\ntype Props = React.PropsWithChildren<BaseChartProps>;\n\nconst notSpecKeys = [\n  ...REACT_PRIVATE_PROPS,\n  ...CHART_EVENTS_KEYS,\n  'vchartConstrouctor',\n  'useSyncRender',\n  'skipFunctionDiff',\n  'onError',\n  'onReady',\n  'spec',\n  'container',\n  'options'\n];\n\nconst parseSpecFromChildren = (props: Props) => {\n  const specFromChildren: Omit<ISpec, 'type' | 'data' | 'width' | 'height'> = {};\n\n  toArray(props.children).map(child => {\n    const parseSpec = child && (child as any).type && (child as any).type.parseSpec;\n\n    if (parseSpec && (child as any).props) {\n      const specResult = parseSpec((child as any).props);\n\n      if (specResult.isSingle) {\n        specFromChildren[specResult.specName] = specResult.spec;\n      } else {\n        if (!specFromChildren[specResult.specName]) {\n          specFromChildren[specResult.specName] = [];\n        }\n\n        specFromChildren[specResult.specName].push(specResult.spec);\n      }\n    }\n  });\n\n  return specFromChildren;\n};\n\nconst BaseChart: React.FC<Props> = React.forwardRef((props, ref) => {\n  const [updateId, setUpdateId] = useState<number>(0);\n  const chartContext = useRef<ChartContextType>({});\n  useImperativeHandle(ref, () => chartContext.current?.chart);\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 specFromChildren = useRef<Omit<ISpec, 'type' | 'data' | 'width' | 'height'>>(null);\n  const eventsBinded = React.useRef<BaseChartProps>(null);\n  const skipFunctionDiff = !!props.skipFunctionDiff;\n\n  const parseSpec = (props: Props) => {\n    if (hasSpec && props.spec) {\n      return props.spec;\n    }\n\n    return {\n      ...prevSpec.current,\n      ...specFromChildren.current\n    } as ISpec;\n  };\n\n  const createChart = (props: Props) => {\n    const cs = new props.vchartConstrouctor(parseSpec(props), {\n      ...props.options,\n      onError: props.onError,\n      autoFit: true,\n      dom: props.container\n    });\n    chartContext.current = { ...chartContext.current, chart: cs };\n  };\n\n  const handleChartRender = () => {\n    // rebind events after render\n    if (!isUnmount.current) {\n      if (!chartContext.current || !chartContext.current.chart) {\n        return;\n      }\n\n      bindEventsToChart(chartContext.current.chart, props, eventsBinded.current, CHART_EVENTS);\n\n      const newView = chartContext.current.chart.getCompiler().getVGrammarView();\n\n      setUpdateId(updateId + 1);\n      if (props.onReady) {\n        props.onReady(chartContext.current.chart, updateId === 0);\n      }\n      setView(newView);\n    }\n  };\n\n  const renderChart = () => {\n    if (chartContext.current.chart) {\n      chartContext.current.chart.renderSync({\n        reuse: false\n      });\n      handleChartRender();\n    }\n  };\n\n  useEffect(() => {\n    const newSpecFromChildren = hasSpec ? null : parseSpecFromChildren(props);\n\n    if (!chartContext.current?.chart) {\n      if (!hasSpec) {\n        specFromChildren.current = newSpecFromChildren;\n      }\n\n      createChart(props);\n      renderChart();\n      bindEventsToChart(chartContext.current.chart, props, null, CHART_EVENTS);\n      eventsBinded.current = props;\n      return;\n    }\n\n    if (hasSpec) {\n      if (!isEqual(eventsBinded.current.spec, props.spec, { skipFunction: skipFunctionDiff })) {\n        eventsBinded.current = props;\n        chartContext.current.chart.updateSpecSync(parseSpec(props), undefined, {\n          morph: false,\n          enableExitAnimation: false\n        });\n        handleChartRender();\n      }\n      return;\n    }\n\n    const newSpec = pickWithout(props, notSpecKeys);\n\n    if (\n      !isEqual(newSpec, prevSpec.current, { skipFunction: skipFunctionDiff }) ||\n      !isEqual(newSpecFromChildren, specFromChildren.current)\n    ) {\n      prevSpec.current = newSpec;\n      specFromChildren.current = newSpecFromChildren;\n\n      chartContext.current.chart.updateSpecSync(parseSpec(props), undefined, {\n        morph: false,\n        enableExitAnimation: false\n      });\n      handleChartRender();\n    }\n  }, [props]);\n\n  useEffect(() => {\n    return () => {\n      if (chartContext) {\n        if (chartContext.current && chartContext.current.chart) {\n          chartContext.current.chart.release();\n          chartContext.current.chart = null;\n        }\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          if (typeof child === 'string') {\n            return;\n          }\n\n          const componentName =\n            child && (child as any).type && ((child as any).type.displayName || (child as any).type.name);\n          const childId = `${componentName}-${index}`;\n\n          return (\n            <React.Fragment key={childId}>\n              {React.cloneElement(child as React.ReactElement<any, React.JSXElementConstructor<any>>, {\n                updateId: updateId,\n                componentId: childId\n              })}\n            </React.Fragment>\n          );\n        })}\n      </ViewContext.Provider>\n    </RootChartContext.Provider>\n  );\n});\n\nexport const createChart = <T extends Props>(\n  componentName: string,\n  defaultProps?: Partial<T>,\n  callback?: (props: T, defaultProps?: Partial<T>) => T\n) => {\n  const Com = withContainer<ContainerProps, T>(BaseChart as any, componentName, (props: T) => {\n    if (callback) {\n      return callback(props, defaultProps);\n    }\n\n    if (defaultProps) {\n      return Object.assign(props, defaultProps);\n    }\n    return props;\n  });\n  Com.displayName = componentName;\n  return Com;\n};\n"]}
+{"version":3,"sources":["../src/charts/BaseChart.tsx"],"names":[],"mappings":"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","file":"BaseChart.js","sourcesContent":["import type { IVChart, IData, IInitOption, ISpec, IVChartConstructor, IHierarchyData } from '@visactor/vchart';\nimport React, { useState, useEffect, useRef, useImperativeHandle, ReactNode } from 'react';\nimport withContainer, { ContainerProps } from '../containers/withContainer';\nimport RootChartContext, { ChartContextType } from '../context/chart';\nimport type { IView } from '@visactor/vgrammar-core';\nimport { isEqual, isNil, isValid, pickWithout } from '@visactor/vutils';\nimport ViewContext from '../context/view';\nimport { toArray } from '../util';\nimport { REACT_PRIVATE_PROPS } from '../constants';\nimport {\n  bindEventsToChart,\n  EventsProps,\n  CHART_EVENTS_KEYS,\n  CHART_EVENTS,\n  LegendEventProps,\n  ScrollBarEventProps,\n  BrushEventProps,\n  DataZoomEventProps,\n  PlayerEventProps,\n  DimensionEventProps,\n  HierarchyEventProps,\n  ChartLifeCycleEventProps\n} from '../eventsUtils';\nimport { IReactTooltipProps } from '../components/tooltip/interface';\nimport { initCustomTooltip } from '../components/tooltip/util';\n\nexport type ChartOptions = Omit<IInitOption, 'dom'>;\n\nexport interface BaseChartProps\n  extends EventsProps,\n    LegendEventProps,\n    ScrollBarEventProps,\n    BrushEventProps,\n    DataZoomEventProps,\n    PlayerEventProps,\n    DimensionEventProps,\n    HierarchyEventProps,\n    ChartLifeCycleEventProps,\n    IReactTooltipProps {\n  vchartConstrouctor?: IVChartConstructor;\n  type?: string;\n  /** 上层container */\n  container?: HTMLDivElement;\n  /**\n   * used only by <VChart />\n   */\n  spec?: ISpec;\n  /** 数据 */\n  data?: IData | IHierarchyData;\n  /** 画布宽度 */\n  width?: number;\n  /** 画布高度 */\n  height?: number;\n  /** 图表配置 */\n  options?: ChartOptions;\n  /** skip function diff when component update */\n  skipFunctionDiff?: boolean;\n  /** 图表渲染完成事件 */\n  onReady?: (instance: IVChart, isInitial: boolean) => void;\n  /** throw error when chart run into an error */\n  onError?: (err: Error) => void;\n  /**\n   * use sync render\n   *\n   * @since 1.8.3\n   * @deprecated 1.9.0\n   **/\n  useSyncRender?: boolean;\n}\n\ntype Props = React.PropsWithChildren<BaseChartProps>;\n\nconst notSpecKeys = [\n  ...REACT_PRIVATE_PROPS,\n  ...CHART_EVENTS_KEYS,\n  'vchartConstrouctor',\n  'useSyncRender',\n  'skipFunctionDiff',\n  'onError',\n  'onReady',\n  'spec',\n  'container',\n  'options'\n];\n\nconst getComponentId = (child: React.ReactNode, index: number) => {\n  const componentName = child && (child as any).type && ((child as any).type.displayName || (child as any).type.name);\n  return `${componentName}-${index}`;\n};\n\nconst parseSpecFromChildren = (props: Props) => {\n  const specFromChildren: Omit<ISpec, 'type' | 'data' | 'width' | 'height'> = {};\n\n  toArray(props.children).map((child, index) => {\n    const parseSpec = child && (child as any).type && (child as any).type.parseSpec;\n\n    if (parseSpec && (child as any).props) {\n      const childProps = isNil((child as any).props.componentId)\n        ? {\n            ...(child as any).props,\n            componentId: getComponentId(child, index)\n          }\n        : (child as any).props;\n\n      const specResult = parseSpec(childProps);\n\n      if (specResult.isSingle) {\n        specFromChildren[specResult.specName] = specResult.spec;\n      } else {\n        if (!specFromChildren[specResult.specName]) {\n          specFromChildren[specResult.specName] = [];\n        }\n\n        specFromChildren[specResult.specName].push(specResult.spec);\n      }\n    }\n  });\n\n  return specFromChildren;\n};\n\nconst BaseChart: React.FC<Props> = React.forwardRef((props, ref) => {\n  const [updateId, setUpdateId] = useState<number>(0);\n  const chartContext = useRef<ChartContextType>({});\n  useImperativeHandle(ref, () => chartContext.current?.chart);\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 specFromChildren = useRef<Omit<ISpec, 'type' | 'data' | 'width' | 'height'>>(null);\n  const eventsBinded = React.useRef<BaseChartProps>(null);\n  const skipFunctionDiff = !!props.skipFunctionDiff;\n  const [tooltipNode, setTooltipNode] = useState<ReactNode>(null);\n\n  const parseSpec = (props: Props) => {\n    let spec: ISpec = undefined;\n\n    if (hasSpec && props.spec) {\n      spec = props.spec;\n\n      if (isValid(props.data)) {\n        spec = {\n          ...props.spec,\n          data: props.data\n        } as ISpec;\n      }\n    } else {\n      spec = {\n        ...prevSpec.current,\n        ...specFromChildren.current\n      } as ISpec;\n    }\n\n    const tooltipSpec = initCustomTooltip(setTooltipNode, props, spec.tooltip);\n    if (tooltipSpec) {\n      spec.tooltip = tooltipSpec;\n    }\n    return spec;\n  };\n\n  const createChart = (props: Props) => {\n    const cs = new props.vchartConstrouctor(parseSpec(props), {\n      ...props.options,\n      onError: props.onError,\n      autoFit: true,\n      dom: props.container\n    });\n    chartContext.current = { ...chartContext.current, chart: cs };\n    isUnmount.current = false;\n  };\n\n  const handleChartRender = () => {\n    // rebind events after render\n    if (!isUnmount.current) {\n      if (!chartContext.current || !chartContext.current.chart) {\n        return;\n      }\n\n      bindEventsToChart(chartContext.current.chart, props, eventsBinded.current, CHART_EVENTS);\n\n      const newView = chartContext.current.chart.getCompiler().getVGrammarView();\n\n      setUpdateId(updateId + 1);\n      window.vchart = chartContext.current.chart;\n      if (props.onReady) {\n        props.onReady(chartContext.current.chart, updateId === 0);\n      }\n      setView(newView);\n    }\n  };\n\n  const renderChart = () => {\n    if (chartContext.current.chart) {\n      chartContext.current.chart.renderSync({\n        reuse: false\n      });\n      handleChartRender();\n    }\n  };\n\n  useEffect(() => {\n    const newSpecFromChildren = hasSpec ? null : parseSpecFromChildren(props);\n\n    if (!chartContext.current?.chart) {\n      if (!hasSpec) {\n        specFromChildren.current = newSpecFromChildren;\n      }\n\n      createChart(props);\n      renderChart();\n      eventsBinded.current = props;\n      return;\n    }\n\n    if (hasSpec) {\n      if (!isEqual(eventsBinded.current.spec, props.spec, { skipFunction: skipFunctionDiff })) {\n        chartContext.current.chart.updateSpecSync(parseSpec(props), undefined, {\n          morph: false,\n          enableExitAnimation: false\n        });\n        handleChartRender();\n        eventsBinded.current = props;\n      } else if (eventsBinded.current.data !== props.data) {\n        chartContext.current.chart.updateFullDataSync(props.data as any);\n        handleChartRender();\n        eventsBinded.current = props;\n      }\n      return;\n    }\n\n    const newSpec = pickWithout(props, notSpecKeys);\n\n    if (\n      !isEqual(newSpec, prevSpec.current, { skipFunction: skipFunctionDiff }) ||\n      !isEqual(newSpecFromChildren, specFromChildren.current)\n    ) {\n      prevSpec.current = newSpec;\n      specFromChildren.current = newSpecFromChildren;\n\n      chartContext.current.chart.updateSpecSync(parseSpec(props), undefined, {\n        morph: false,\n        enableExitAnimation: false\n      });\n      handleChartRender();\n      eventsBinded.current = props;\n    }\n  }, [props]);\n\n  useEffect(() => {\n    return () => {\n      if (chartContext) {\n        if (chartContext.current && chartContext.current.chart) {\n          chartContext.current.chart.release();\n          chartContext.current.chart = null;\n        }\n      }\n      eventsBinded.current = null;\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          if (typeof child === 'string') {\n            return;\n          }\n\n          const childId = getComponentId(child, index);\n\n          return (\n            <React.Fragment key={childId}>\n              {React.cloneElement(child as React.ReactElement<any, React.JSXElementConstructor<any>>, {\n                updateId: updateId,\n                componentId: childId\n              })}\n            </React.Fragment>\n          );\n        })}\n        {tooltipNode}\n      </ViewContext.Provider>\n    </RootChartContext.Provider>\n  );\n});\n\nexport const createChart = <T extends Props>(\n  componentName: string,\n  defaultProps?: Partial<T>,\n  registers?: (() => void)[]\n) => {\n  if (registers && registers.length && defaultProps.vchartConstrouctor) {\n    defaultProps.vchartConstrouctor.useRegisters(registers);\n  }\n\n  const Com = withContainer<ContainerProps, T>(BaseChart as any, componentName, (props: T) => {\n    if (defaultProps) {\n      return Object.assign(props, defaultProps);\n    }\n    return props;\n  });\n  Com.displayName = componentName;\n  return Com;\n};\n"]}

package/esm/charts/BoxPlotChart.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { IBoxPlotChartSpec } from '@visactor/vchart';
 import { BaseChartProps } from './BaseChart';
-export interface BoxPlotChartProps extends Omit<BaseChartProps, 'spec' | 'container' | 'type'>, Omit<IBoxPlotChartSpec, 'type'> {
+export interface BoxPlotChartProps extends Omit<BaseChartProps, 'spec' | 'container' | 'type' | 'data'>, Omit<IBoxPlotChartSpec, 'type'> {
 }
 export declare const BoxPlotChart: React.ForwardRefExoticComponent<BoxPlotChartProps & {
     children?: React.ReactNode;

package/esm/charts/BoxPlotChart.js

@@ -1,9 +1,11 @@
-import { default as VChart } from "@visactor/vchart";
+import { VChart, registerBoxplotChart, registerLabel } from "@visactor/vchart";
 
 import { createChart } from "./BaseChart";
 
+import { cartesianComponentsRegisters } from "./register";
+
 export const BoxPlotChart = createChart("BoxPlotChart", {
     type: "boxPlot",
     vchartConstrouctor: VChart
-});
+}, [ registerBoxplotChart, registerLabel, ...cartesianComponentsRegisters ]);
 //# sourceMappingURL=BoxPlotChart.js.map

package/esm/charts/BoxPlotChart.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/charts/BoxPlotChart.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAkB,WAAW,EAAE,MAAM,aAAa,CAAC;AAM1D,MAAM,CAAC,MAAM,YAAY,GAAG,WAAW,CACrC,cAAc,EACd;IACE,IAAI,EAAE,SAAS;IACf,kBAAkB,EAAE,MAAM;CAC3B,CACF,CAAC","file":"BoxPlotChart.js","sourcesContent":["import React from 'react';\nimport { IBoxPlotChartSpec } from '@visactor/vchart';\nimport { default as VChart } 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<React.PropsWithChildren<BoxPlotChartProps> & { type: 'boxPlot' }>(\n  'BoxPlotChart',\n  {\n    type: 'boxPlot',\n    vchartConstrouctor: VChart\n  }\n);\n"]}
+{"version":3,"sources":["../src/charts/BoxPlotChart.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,oBAAoB,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAC/E,OAAO,EAAkB,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1D,OAAO,EAAE,4BAA4B,EAAE,MAAM,YAAY,CAAC;AAM1D,MAAM,CAAC,MAAM,YAAY,GAAG,WAAW,CACrC,cAAc,EACd;IACE,IAAI,EAAE,SAAS;IACf,kBAAkB,EAAE,MAA4B;CACjD,EACD,CAAC,oBAAoB,EAAE,aAAa,EAAE,GAAG,4BAA4B,CAAC,CACvE,CAAC","file":"BoxPlotChart.js","sourcesContent":["import React from 'react';\nimport { IBoxPlotChartSpec, IVChartConstructor } from '@visactor/vchart';\nimport { VChart, registerBoxplotChart, registerLabel } from '@visactor/vchart';\nimport { BaseChartProps, createChart } from './BaseChart';\nimport { cartesianComponentsRegisters } from './register';\n\nexport interface BoxPlotChartProps\n  extends Omit<BaseChartProps, 'spec' | 'container' | 'type' | 'data'>,\n    Omit<IBoxPlotChartSpec, 'type'> {}\n\nexport const BoxPlotChart = createChart<React.PropsWithChildren<BoxPlotChartProps> & { type: 'boxPlot' }>(\n  'BoxPlotChart',\n  {\n    type: 'boxPlot',\n    vchartConstrouctor: VChart as IVChartConstructor\n  },\n  [registerBoxplotChart, registerLabel, ...cartesianComponentsRegisters]\n);\n"]}

package/esm/charts/CirclePackingChart.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { ICirclePackingChartSpec } from '@visactor/vchart';
+import { BaseChartProps } from './BaseChart';
+export interface CirclePackingChartProps extends Omit<BaseChartProps, 'spec' | 'container' | 'type' | 'data'>, Omit<ICirclePackingChartSpec, 'type'> {
+}
+export declare const CirclePackingChart: React.ForwardRefExoticComponent<CirclePackingChartProps & {
+    children?: React.ReactNode;
+} & {
+    type: 'circlePacking';
+} & import("../containers/withContainer").ContainerProps & React.RefAttributes<any>>;

package/esm/charts/CirclePackingChart.js

@@ -0,0 +1,11 @@
+import { VChart, registerCirclePackingChart } from "@visactor/vchart";
+
+import { createChart } from "./BaseChart";
+
+import { simpleComponentsRegisters } from "./register";
+
+export const CirclePackingChart = createChart("CirclePackingChart", {
+    type: "circlePacking",
+    vchartConstrouctor: VChart
+}, [ registerCirclePackingChart, ...simpleComponentsRegisters ]);
+//# sourceMappingURL=CirclePackingChart.js.map

package/esm/charts/CirclePackingChart.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/charts/CirclePackingChart.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,0BAA0B,EAAE,MAAM,kBAAkB,CAAC;AACtE,OAAO,EAAkB,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1D,OAAO,EAAE,yBAAyB,EAAE,MAAM,YAAY,CAAC;AAMvD,MAAM,CAAC,MAAM,kBAAkB,GAAG,WAAW,CAG3C,oBAAoB,EACpB;IACE,IAAI,EAAE,eAAe;IACrB,kBAAkB,EAAE,MAA4B;CACjD,EACD,CAAC,0BAA0B,EAAE,GAAG,yBAAyB,CAAC,CAC3D,CAAC","file":"CirclePackingChart.js","sourcesContent":["import React from 'react';\nimport { ICirclePackingChartSpec, IVChartConstructor } from '@visactor/vchart';\nimport { VChart, registerCirclePackingChart } from '@visactor/vchart';\nimport { BaseChartProps, createChart } from './BaseChart';\nimport { simpleComponentsRegisters } from './register';\n\nexport interface CirclePackingChartProps\n  extends Omit<BaseChartProps, 'spec' | 'container' | 'type' | 'data'>,\n    Omit<ICirclePackingChartSpec, 'type'> {}\n\nexport const CirclePackingChart = createChart<\n  React.PropsWithChildren<CirclePackingChartProps> & { type: 'circlePacking' }\n>(\n  'CirclePackingChart',\n  {\n    type: 'circlePacking',\n    vchartConstrouctor: VChart as IVChartConstructor\n  },\n  [registerCirclePackingChart, ...simpleComponentsRegisters]\n);\n"]}

package/esm/charts/CircularProgressChart.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { ICircularProgressChartSpec } from '@visactor/vchart';
 import { BaseChartProps } from './BaseChart';
-export interface CircularProgressChartProps extends Omit<BaseChartProps, 'spec' | 'container' | 'type'>, Omit<ICircularProgressChartSpec, 'type'> {
+export interface CircularProgressChartProps extends Omit<BaseChartProps, 'spec' | 'container' | 'type' | 'data'>, Omit<ICircularProgressChartSpec, 'type'> {
 }
 export declare const CircularProgressChart: React.ForwardRefExoticComponent<CircularProgressChartProps & {
     children?: React.ReactNode;

package/esm/charts/CircularProgressChart.js

@@ -1,9 +1,11 @@
-import { default as VChart } from "@visactor/vchart";
+import { VChart, registerCircularProgressChart, registerLabel } from "@visactor/vchart";
 
 import { createChart } from "./BaseChart";
 
+import { polarComponentsRegisters } from "./register";
+
 export const CircularProgressChart = createChart("CircularProgressChart", {
     type: "circularProgress",
     vchartConstrouctor: VChart
-});
+}, [ registerCircularProgressChart, registerLabel, ...polarComponentsRegisters ]);
 //# sourceMappingURL=CircularProgressChart.js.map

package/esm/charts/CircularProgressChart.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/charts/CircularProgressChart.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAkB,WAAW,EAAE,MAAM,aAAa,CAAC;AAM1D,MAAM,CAAC,MAAM,qBAAqB,GAAG,WAAW,CAE9C,uBAAuB,EAAE;IACzB,IAAI,EAAE,kBAAkB;IACxB,kBAAkB,EAAE,MAAM;CAC3B,CAAC,CAAC","file":"CircularProgressChart.js","sourcesContent":["import React from 'react';\nimport { ICircularProgressChartSpec } from '@visactor/vchart';\nimport { default as VChart } 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<\n  React.PropsWithChildren<CircularProgressChartProps> & { type: 'circularProgress' }\n>('CircularProgressChart', {\n  type: 'circularProgress',\n  vchartConstrouctor: VChart\n});\n"]}
+{"version":3,"sources":["../src/charts/CircularProgressChart.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,6BAA6B,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACxF,OAAO,EAAkB,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1D,OAAO,EAAE,wBAAwB,EAAE,MAAM,YAAY,CAAC;AAMtD,MAAM,CAAC,MAAM,qBAAqB,GAAG,WAAW,CAG9C,uBAAuB,EACvB;IACE,IAAI,EAAE,kBAAkB;IACxB,kBAAkB,EAAE,MAA4B;CACjD,EACD,CAAC,6BAA6B,EAAE,aAAa,EAAE,GAAG,wBAAwB,CAAC,CAC5E,CAAC","file":"CircularProgressChart.js","sourcesContent":["import React from 'react';\nimport { ICircularProgressChartSpec, IVChartConstructor } from '@visactor/vchart';\nimport { VChart, registerCircularProgressChart, registerLabel } from '@visactor/vchart';\nimport { BaseChartProps, createChart } from './BaseChart';\nimport { polarComponentsRegisters } from './register';\n\nexport interface CircularProgressChartProps\n  extends Omit<BaseChartProps, 'spec' | 'container' | 'type' | 'data'>,\n    Omit<ICircularProgressChartSpec, 'type'> {}\n\nexport const CircularProgressChart = createChart<\n  React.PropsWithChildren<CircularProgressChartProps> & { type: 'circularProgress' }\n>(\n  'CircularProgressChart',\n  {\n    type: 'circularProgress',\n    vchartConstrouctor: VChart as IVChartConstructor\n  },\n  [registerCircularProgressChart, registerLabel, ...polarComponentsRegisters]\n);\n"]}

package/esm/charts/CommonChart.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { ICommonChartSpec } from '@visactor/vchart';
 import { BaseChartProps } from './BaseChart';
-export interface CommonChartProps extends Omit<BaseChartProps, 'spec' | 'container' | 'type'>, Omit<ICommonChartSpec, 'type'> {
+export interface CommonChartProps extends Omit<BaseChartProps, 'spec' | 'container' | 'type' | 'data'>, Omit<ICommonChartSpec, 'type'> {
 }
 export declare const CommonChart: React.ForwardRefExoticComponent<CommonChartProps & {
     children?: React.ReactNode;

package/esm/charts/CommonChart.js

@@ -1,9 +1,9 @@
-import { default as VChart } from "@visactor/vchart";
+import { VChart, registerCommonChart, registerCartesianLinearAxis, registerCartesianBandAxis, registerCartesianTimeAxis, registerCartesianLogAxis, registerCartesianCrossHair, registerLabel, registerTotalLabel, registerAreaSeries, registerBarSeries, registerLineSeries, registerScatterSeries, registerPieSeries } from "@visactor/vchart";
 
 import { createChart } from "./BaseChart";
 
 export const CommonChart = createChart("CommonChart", {
     type: "common",
     vchartConstrouctor: VChart
-});
+}, [ registerCommonChart, registerCartesianLinearAxis, registerCartesianBandAxis, registerCartesianTimeAxis, registerCartesianLogAxis, registerCartesianCrossHair, registerLabel, registerTotalLabel, registerAreaSeries, registerBarSeries, registerLineSeries, registerScatterSeries, registerPieSeries ]);
 //# sourceMappingURL=CommonChart.js.map

package/esm/charts/CommonChart.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/charts/CommonChart.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAkB,WAAW,EAAE,MAAM,aAAa,CAAC;AAM1D,MAAM,CAAC,MAAM,WAAW,GAAG,WAAW,CAAiE,aAAa,EAAE;IACpH,IAAI,EAAE,QAAQ;IACd,kBAAkB,EAAE,MAAM;CAC3B,CAAC,CAAC","file":"CommonChart.js","sourcesContent":["import React from 'react';\nimport { ICommonChartSpec } from '@visactor/vchart';\nimport { default as VChart } 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<React.PropsWithChildren<CommonChartProps> & { type: 'common' }>('CommonChart', {\n  type: 'common',\n  vchartConstrouctor: VChart\n});\n"]}
+{"version":3,"sources":["../src/charts/CommonChart.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,MAAM,EACN,mBAAmB,EACnB,2BAA2B,EAC3B,yBAAyB,EACzB,yBAAyB,EACzB,wBAAwB,EACxB,0BAA0B,EAC1B,aAAa,EACb,kBAAkB,EAClB,kBAAkB,EAClB,iBAAiB,EACjB,kBAAkB,EAClB,qBAAqB,EACrB,iBAAiB,EAClB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAkB,WAAW,EAAE,MAAM,aAAa,CAAC;AAM1D,MAAM,CAAC,MAAM,WAAW,GAAG,WAAW,CACpC,aAAa,EACb;IACE,IAAI,EAAE,QAAQ;IACd,kBAAkB,EAAE,MAA4B;CACjD,EACD;IACE,mBAAmB;IACnB,2BAA2B;IAC3B,yBAAyB;IACzB,yBAAyB;IACzB,wBAAwB;IACxB,0BAA0B;IAE1B,aAAa;IACb,kBAAkB;IAElB,kBAAkB;IAClB,iBAAiB;IACjB,kBAAkB;IAClB,qBAAqB;IACrB,iBAAiB;CAClB,CACF,CAAC","file":"CommonChart.js","sourcesContent":["import React from 'react';\nimport { ICommonChartSpec, IVChartConstructor } from '@visactor/vchart';\nimport {\n  VChart,\n  registerCommonChart,\n  registerCartesianLinearAxis,\n  registerCartesianBandAxis,\n  registerCartesianTimeAxis, // 非必选\n  registerCartesianLogAxis, // 非必选\n  registerCartesianCrossHair,\n  registerLabel,\n  registerTotalLabel,\n  registerAreaSeries,\n  registerBarSeries,\n  registerLineSeries,\n  registerScatterSeries,\n  registerPieSeries\n} from '@visactor/vchart';\nimport { BaseChartProps, createChart } from './BaseChart';\n\nexport interface CommonChartProps\n  extends Omit<BaseChartProps, 'spec' | 'container' | 'type' | 'data'>,\n    Omit<ICommonChartSpec, 'type'> {}\n\nexport const CommonChart = createChart<React.PropsWithChildren<CommonChartProps> & { type: 'common' }>(\n  'CommonChart',\n  {\n    type: 'common',\n    vchartConstrouctor: VChart as IVChartConstructor\n  },\n  [\n    registerCommonChart,\n    registerCartesianLinearAxis,\n    registerCartesianBandAxis,\n    registerCartesianTimeAxis, // 非必选\n    registerCartesianLogAxis, // 非必选\n    registerCartesianCrossHair,\n\n    registerLabel,\n    registerTotalLabel,\n\n    registerAreaSeries,\n    registerBarSeries,\n    registerLineSeries,\n    registerScatterSeries,\n    registerPieSeries\n  ]\n);\n"]}

package/esm/charts/CorrelationChart.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { ICorrelationChartSpec } from '@visactor/vchart';
+import { BaseChartProps } from './BaseChart';
+export interface CorrelationChartProps extends Omit<BaseChartProps, 'spec' | 'container' | 'type' | 'data'>, Omit<ICorrelationChartSpec, 'type'> {
+}
+export declare const CorrelationChart: React.ForwardRefExoticComponent<CorrelationChartProps & {
+    children?: React.ReactNode;
+} & {
+    type: 'correlation';
+} & import("../containers/withContainer").ContainerProps & React.RefAttributes<any>>;