@visactor/react-vchart 2.0.0-alpha.4 → 2.0.1-alpha.0

package/esm/charts/RangeColumn3dChart.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/charts/RangeColumn3dChart.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAElD,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,0BAA0B,EAAE,MAAM,4BAA4B,CAAC;AAOxE,MAAM,CAAC,MAAM,kBAAkB,GAAG,WAAW,CAG3C,oBAAoB,EACpB;IACE,IAAI,EAAE,eAAe;IACrB,kBAAkB,EAAE,MAA4B;CACjD,EACD,CAAC,0BAA0B,EAAE,aAAa,EAAE,GAAG,SAAS,CAAC,CAC1D,CAAC","file":"RangeColumn3dChart.js","sourcesContent":["import type React from 'react';\nimport type { IVChartConstructor } from '@visactor/vchart';\nimport { VChart, registerLabel } from '@visactor/vchart';\nimport { registers } from './registers/cartesian';\nimport type { BaseChartProps } from './BaseChart';\nimport { createChart } from './BaseChart';\nimport { registerRangeColumn3dChart } from '@visactor/vchart-extension';\nimport type { IRangeColumn3dChartSpec } from '@visactor/vchart-extension';\n\nexport interface RangeColumn3dChartProps\n  extends Omit<BaseChartProps, 'container' | 'type' | 'data'>,\n    Omit<Partial<IRangeColumn3dChartSpec>, 'type'> {}\n\nexport const RangeColumn3dChart = createChart<\n  React.PropsWithChildren<RangeColumn3dChartProps> & { type?: 'rangeColumn3d' }\n>(\n  'RangeColumn3dChart',\n  {\n    type: 'rangeColumn3d',\n    vchartConstrouctor: VChart as IVChartConstructor\n  },\n  [registerRangeColumn3dChart, registerLabel, ...registers]\n);\n"]}
+{"version":3,"sources":["../src/charts/RangeColumn3dChart.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAElD,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,0BAA0B,EAAE,MAAM,4BAA4B,CAAC;AAOxE,MAAM,CAAC,MAAM,kBAAkB,GAAG,WAAW,CAG3C,oBAAoB,EACpB;IACE,IAAI,EAAE,eAAe;IACrB,iBAAiB,EAAE,MAA4B;CAChD,EACD,CAAC,0BAA0B,EAAE,aAAa,EAAE,GAAG,SAAS,CAAC,CAC1D,CAAC","file":"RangeColumn3dChart.js","sourcesContent":["import type React from 'react';\nimport type { IVChartConstructor } from '@visactor/vchart';\nimport { VChart, registerLabel } from '@visactor/vchart';\nimport { registers } from './registers/cartesian';\nimport type { BaseChartProps } from './BaseChart';\nimport { createChart } from './BaseChart';\nimport { registerRangeColumn3dChart } from '@visactor/vchart-extension';\nimport type { IRangeColumn3dChartSpec } from '@visactor/vchart-extension';\n\nexport interface RangeColumn3dChartProps\n  extends Omit<BaseChartProps, 'container' | 'type' | 'data'>,\n    Omit<Partial<IRangeColumn3dChartSpec>, 'type'> {}\n\nexport const RangeColumn3dChart = createChart<\n  React.PropsWithChildren<RangeColumn3dChartProps> & { type?: 'rangeColumn3d' }\n>(\n  'RangeColumn3dChart',\n  {\n    type: 'rangeColumn3d',\n    vchartConstructor: VChart as IVChartConstructor\n  },\n  [registerRangeColumn3dChart, registerLabel, ...registers]\n);\n"]}

package/esm/charts/RangeColumnChart.js

@@ -6,6 +6,6 @@ import { createChart } from "./BaseChart";
 
 export const RangeColumnChart = createChart("RangeColumnChart", {
     type: "rangeColumn",
-    vchartConstrouctor: VChart
+    vchartConstructor: VChart
 }, [ registerRangeColumnChart, registerLabel, ...registers ]);
 //# sourceMappingURL=RangeColumnChart.js.map

package/esm/charts/RangeColumnChart.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/charts/RangeColumnChart.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,wBAAwB,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACnF,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAElD,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAM1C,MAAM,CAAC,MAAM,gBAAgB,GAAG,WAAW,CACzC,kBAAkB,EAClB;IACE,IAAI,EAAE,aAAa;IACnB,kBAAkB,EAAE,MAA4B;CACjD,EACD,CAAC,wBAAwB,EAAE,aAAa,EAAE,GAAG,SAAS,CAAC,CACxD,CAAC","file":"RangeColumnChart.js","sourcesContent":["import type React from 'react';\nimport type { IRangeColumnChartSpec, IVChartConstructor } from '@visactor/vchart';\nimport { VChart, registerRangeColumnChart, registerLabel } from '@visactor/vchart';\nimport { registers } from './registers/cartesian';\nimport type { BaseChartProps } from './BaseChart';\nimport { createChart } from './BaseChart';\n\nexport interface RangeColumnChartProps\n  extends Omit<BaseChartProps, 'container' | 'type' | 'data'>,\n    Omit<Partial<IRangeColumnChartSpec>, 'type'> {}\n\nexport const RangeColumnChart = createChart<React.PropsWithChildren<RangeColumnChartProps> & { type?: 'rangeColumn' }>(\n  'RangeColumnChart',\n  {\n    type: 'rangeColumn',\n    vchartConstrouctor: VChart as IVChartConstructor\n  },\n  [registerRangeColumnChart, registerLabel, ...registers]\n);\n"]}
+{"version":3,"sources":["../src/charts/RangeColumnChart.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,wBAAwB,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACnF,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAElD,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAM1C,MAAM,CAAC,MAAM,gBAAgB,GAAG,WAAW,CACzC,kBAAkB,EAClB;IACE,IAAI,EAAE,aAAa;IACnB,iBAAiB,EAAE,MAA4B;CAChD,EACD,CAAC,wBAAwB,EAAE,aAAa,EAAE,GAAG,SAAS,CAAC,CACxD,CAAC","file":"RangeColumnChart.js","sourcesContent":["import type React from 'react';\nimport type { IRangeColumnChartSpec, IVChartConstructor } from '@visactor/vchart';\nimport { VChart, registerRangeColumnChart, registerLabel } from '@visactor/vchart';\nimport { registers } from './registers/cartesian';\nimport type { BaseChartProps } from './BaseChart';\nimport { createChart } from './BaseChart';\n\nexport interface RangeColumnChartProps\n  extends Omit<BaseChartProps, 'container' | 'type' | 'data'>,\n    Omit<Partial<IRangeColumnChartSpec>, 'type'> {}\n\nexport const RangeColumnChart = createChart<React.PropsWithChildren<RangeColumnChartProps> & { type?: 'rangeColumn' }>(\n  'RangeColumnChart',\n  {\n    type: 'rangeColumn',\n    vchartConstructor: VChart as IVChartConstructor\n  },\n  [registerRangeColumnChart, registerLabel, ...registers]\n);\n"]}

package/esm/charts/RoseChart.js

@@ -6,6 +6,6 @@ import { registers } from "./registers/polar";
 
 export const RoseChart = createChart("RoseChart", {
     type: "rose",
-    vchartConstrouctor: VChart
+    vchartConstructor: VChart
 }, [ registerRoseChart, registerLabel, ...registers ]);
 //# sourceMappingURL=RoseChart.js.map

package/esm/charts/RoseChart.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/charts/RoseChart.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,iBAAiB,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAE5E,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAM9C,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,SAAS,CAAC,CACjD,CAAC","file":"RoseChart.js","sourcesContent":["import type React from 'react';\nimport type { IRoseChartSpec, IVChartConstructor } from '@visactor/vchart';\nimport { VChart, registerRoseChart, registerLabel } from '@visactor/vchart';\nimport type { BaseChartProps } from './BaseChart';\nimport { createChart } from './BaseChart';\nimport { registers } from './registers/polar';\n\nexport interface RoseChartProps\n  extends Omit<BaseChartProps, 'container' | 'type' | 'data'>,\n    Omit<Partial<IRoseChartSpec>, 'type'> {}\n\nexport const RoseChart = createChart<React.PropsWithChildren<RoseChartProps> & { type?: 'rose' }>(\n  'RoseChart',\n  {\n    type: 'rose',\n    vchartConstrouctor: VChart as IVChartConstructor\n  },\n  [registerRoseChart, registerLabel, ...registers]\n);\n"]}
+{"version":3,"sources":["../src/charts/RoseChart.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,iBAAiB,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAE5E,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAM9C,MAAM,CAAC,MAAM,SAAS,GAAG,WAAW,CAClC,WAAW,EACX;IACE,IAAI,EAAE,MAAM;IACZ,iBAAiB,EAAE,MAA4B;CAChD,EACD,CAAC,iBAAiB,EAAE,aAAa,EAAE,GAAG,SAAS,CAAC,CACjD,CAAC","file":"RoseChart.js","sourcesContent":["import type React from 'react';\nimport type { IRoseChartSpec, IVChartConstructor } from '@visactor/vchart';\nimport { VChart, registerRoseChart, registerLabel } from '@visactor/vchart';\nimport type { BaseChartProps } from './BaseChart';\nimport { createChart } from './BaseChart';\nimport { registers } from './registers/polar';\n\nexport interface RoseChartProps\n  extends Omit<BaseChartProps, 'container' | 'type' | 'data'>,\n    Omit<Partial<IRoseChartSpec>, 'type'> {}\n\nexport const RoseChart = createChart<React.PropsWithChildren<RoseChartProps> & { type?: 'rose' }>(\n  'RoseChart',\n  {\n    type: 'rose',\n    vchartConstructor: VChart as IVChartConstructor\n  },\n  [registerRoseChart, registerLabel, ...registers]\n);\n"]}

package/esm/charts/SankeyChart.js

@@ -6,6 +6,6 @@ import { createChart } from "./BaseChart";
 
 export const SankeyChart = createChart("SankeyChart", {
     type: "sankey",
-    vchartConstrouctor: VChart
+    vchartConstructor: VChart
 }, [ registerSankeyChart, registerLabel, ...registers ]);
 //# sourceMappingURL=SankeyChart.js.map

package/esm/charts/SankeyChart.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/charts/SankeyChart.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC9E,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAE/C,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAM1C,MAAM,CAAC,MAAM,WAAW,GAAG,WAAW,CACpC,aAAa,EACb;IACE,IAAI,EAAE,QAAQ;IACd,kBAAkB,EAAE,MAA4B;CACjD,EACD,CAAC,mBAAmB,EAAE,aAAa,EAAE,GAAG,SAAS,CAAC,CACnD,CAAC","file":"SankeyChart.js","sourcesContent":["import type React from 'react';\nimport type { ISankeyChartSpec, IVChartConstructor } from '@visactor/vchart';\nimport { VChart, registerLabel, registerSankeyChart } from '@visactor/vchart';\nimport { registers } from './registers/simple';\nimport type { BaseChartProps } from './BaseChart';\nimport { createChart } from './BaseChart';\n\nexport interface SankeyChartProps\n  extends Omit<BaseChartProps, 'container' | 'type' | 'data'>,\n    Omit<Partial<ISankeyChartSpec>, 'type'> {}\n\nexport const SankeyChart = createChart<React.PropsWithChildren<SankeyChartProps> & { type?: 'sankey' }>(\n  'SankeyChart',\n  {\n    type: 'sankey',\n    vchartConstrouctor: VChart as IVChartConstructor\n  },\n  [registerSankeyChart, registerLabel, ...registers]\n);\n"]}
+{"version":3,"sources":["../src/charts/SankeyChart.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC9E,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAE/C,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAM1C,MAAM,CAAC,MAAM,WAAW,GAAG,WAAW,CACpC,aAAa,EACb;IACE,IAAI,EAAE,QAAQ;IACd,iBAAiB,EAAE,MAA4B;CAChD,EACD,CAAC,mBAAmB,EAAE,aAAa,EAAE,GAAG,SAAS,CAAC,CACnD,CAAC","file":"SankeyChart.js","sourcesContent":["import type React from 'react';\nimport type { ISankeyChartSpec, IVChartConstructor } from '@visactor/vchart';\nimport { VChart, registerLabel, registerSankeyChart } from '@visactor/vchart';\nimport { registers } from './registers/simple';\nimport type { BaseChartProps } from './BaseChart';\nimport { createChart } from './BaseChart';\n\nexport interface SankeyChartProps\n  extends Omit<BaseChartProps, 'container' | 'type' | 'data'>,\n    Omit<Partial<ISankeyChartSpec>, 'type'> {}\n\nexport const SankeyChart = createChart<React.PropsWithChildren<SankeyChartProps> & { type?: 'sankey' }>(\n  'SankeyChart',\n  {\n    type: 'sankey',\n    vchartConstructor: VChart as IVChartConstructor\n  },\n  [registerSankeyChart, registerLabel, ...registers]\n);\n"]}

package/esm/charts/ScatterChart.js

@@ -6,6 +6,6 @@ import { createChart } from "./BaseChart";
 
 export const ScatterChart = createChart("ScatterChart", {
     type: "scatter",
-    vchartConstrouctor: VChart
+    vchartConstructor: VChart
 }, [ registerScatterChart, registerLabel, ...registers ]);
 //# sourceMappingURL=ScatterChart.js.map

package/esm/charts/ScatterChart.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/charts/ScatterChart.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,oBAAoB,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAC/E,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAElD,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAM1C,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,SAAS,CAAC,CACpD,CAAC","file":"ScatterChart.js","sourcesContent":["import type React from 'react';\nimport type { IScatterChartSpec, IVChartConstructor } from '@visactor/vchart';\nimport { VChart, registerScatterChart, registerLabel } from '@visactor/vchart';\nimport { registers } from './registers/cartesian';\nimport type { BaseChartProps } from './BaseChart';\nimport { createChart } from './BaseChart';\n\nexport interface ScatterChartProps\n  extends Omit<BaseChartProps, 'container' | 'type' | 'data'>,\n    Omit<Partial<IScatterChartSpec>, 'type'> {}\n\nexport const ScatterChart = createChart<React.PropsWithChildren<ScatterChartProps> & { type?: 'scatter' }>(\n  'ScatterChart',\n  {\n    type: 'scatter',\n    vchartConstrouctor: VChart as IVChartConstructor\n  },\n  [registerScatterChart, registerLabel, ...registers]\n);\n"]}
+{"version":3,"sources":["../src/charts/ScatterChart.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,oBAAoB,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAC/E,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAElD,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAM1C,MAAM,CAAC,MAAM,YAAY,GAAG,WAAW,CACrC,cAAc,EACd;IACE,IAAI,EAAE,SAAS;IACf,iBAAiB,EAAE,MAA4B;CAChD,EACD,CAAC,oBAAoB,EAAE,aAAa,EAAE,GAAG,SAAS,CAAC,CACpD,CAAC","file":"ScatterChart.js","sourcesContent":["import type React from 'react';\nimport type { IScatterChartSpec, IVChartConstructor } from '@visactor/vchart';\nimport { VChart, registerScatterChart, registerLabel } from '@visactor/vchart';\nimport { registers } from './registers/cartesian';\nimport type { BaseChartProps } from './BaseChart';\nimport { createChart } from './BaseChart';\n\nexport interface ScatterChartProps\n  extends Omit<BaseChartProps, 'container' | 'type' | 'data'>,\n    Omit<Partial<IScatterChartSpec>, 'type'> {}\n\nexport const ScatterChart = createChart<React.PropsWithChildren<ScatterChartProps> & { type?: 'scatter' }>(\n  'ScatterChart',\n  {\n    type: 'scatter',\n    vchartConstructor: VChart as IVChartConstructor\n  },\n  [registerScatterChart, registerLabel, ...registers]\n);\n"]}

package/esm/charts/SequenceChart.js

@@ -6,5 +6,5 @@ import { createChart } from "./BaseChart";
 
 export const SequenceChart = createChart("SequenceChart", {
     type: "sequence",
-    vchartConstrouctor: VChart
+    vchartConstructor: VChart
 }, [ registerSequenceChart, ...registers ]);

package/esm/charts/SequenceChart.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/charts/SequenceChart.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AACjE,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAElD,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAM1C,MAAM,CAAC,MAAM,aAAa,GAAG,WAAW,CACtC,eAAe,EACf;IACE,IAAI,EAAE,UAAU;IAChB,kBAAkB,EAAE,MAA4B;CACjD,EACD,CAAC,qBAAqB,EAAE,GAAG,SAAS,CAAC,CACtC,CAAC","file":"SequenceChart.js","sourcesContent":["import type React from 'react';\nimport type { ISequenceChartSpec, IVChartConstructor } from '@visactor/vchart';\nimport { VChart, registerSequenceChart } from '@visactor/vchart';\nimport { registers } from './registers/cartesian';\nimport type { BaseChartProps } from './BaseChart';\nimport { createChart } from './BaseChart';\n\nexport interface SequenceChartProps\n  extends Omit<BaseChartProps, 'container' | 'type' | 'data'>,\n    Omit<Partial<ISequenceChartSpec>, 'type'> {}\n\nexport const SequenceChart = createChart<React.PropsWithChildren<SequenceChartProps> & { type?: 'sequence' }>(\n  'SequenceChart',\n  {\n    type: 'sequence',\n    vchartConstrouctor: VChart as IVChartConstructor\n  },\n  [registerSequenceChart, ...registers]\n);\n"]}
+{"version":3,"sources":["../src/charts/SequenceChart.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AACjE,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAElD,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAM1C,MAAM,CAAC,MAAM,aAAa,GAAG,WAAW,CACtC,eAAe,EACf;IACE,IAAI,EAAE,UAAU;IAChB,iBAAiB,EAAE,MAA4B;CAChD,EACD,CAAC,qBAAqB,EAAE,GAAG,SAAS,CAAC,CACtC,CAAC","file":"SequenceChart.js","sourcesContent":["import type React from 'react';\nimport type { ISequenceChartSpec, IVChartConstructor } from '@visactor/vchart';\nimport { VChart, registerSequenceChart } from '@visactor/vchart';\nimport { registers } from './registers/cartesian';\nimport type { BaseChartProps } from './BaseChart';\nimport { createChart } from './BaseChart';\n\nexport interface SequenceChartProps\n  extends Omit<BaseChartProps, 'container' | 'type' | 'data'>,\n    Omit<Partial<ISequenceChartSpec>, 'type'> {}\n\nexport const SequenceChart = createChart<React.PropsWithChildren<SequenceChartProps> & { type?: 'sequence' }>(\n  'SequenceChart',\n  {\n    type: 'sequence',\n    vchartConstructor: VChart as IVChartConstructor\n  },\n  [registerSequenceChart, ...registers]\n);\n"]}

package/esm/charts/SunburstChart.js

@@ -6,6 +6,6 @@ import { createChart } from "./BaseChart";
 
 export const SunburstChart = createChart("SunburstChart", {
     type: "sunburst",
-    vchartConstrouctor: VChart
+    vchartConstructor: VChart
 }, [ registerSunburstChart, registerLabel, ...registers ]);
 //# sourceMappingURL=SunburstChart.js.map

package/esm/charts/SunburstChart.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/charts/SunburstChart.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AAChF,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAE/C,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAM1C,MAAM,CAAC,MAAM,aAAa,GAAG,WAAW,CACtC,eAAe,EACf;IACE,IAAI,EAAE,UAAU;IAChB,kBAAkB,EAAE,MAA4B;CACjD,EACD,CAAC,qBAAqB,EAAE,aAAa,EAAE,GAAG,SAAS,CAAC,CACrD,CAAC","file":"SunburstChart.js","sourcesContent":["import type React from 'react';\nimport type { ISunburstChartSpec, IVChartConstructor } from '@visactor/vchart';\nimport { VChart, registerLabel, registerSunburstChart } from '@visactor/vchart';\nimport { registers } from './registers/simple';\nimport type { BaseChartProps } from './BaseChart';\nimport { createChart } from './BaseChart';\n\nexport interface SunburstChartProps\n  extends Omit<BaseChartProps, 'container' | 'type' | 'data'>,\n    Omit<Partial<ISunburstChartSpec>, 'type'> {}\n\nexport const SunburstChart = createChart<React.PropsWithChildren<SunburstChartProps> & { type?: 'sunburst' }>(\n  'SunburstChart',\n  {\n    type: 'sunburst',\n    vchartConstrouctor: VChart as IVChartConstructor\n  },\n  [registerSunburstChart, registerLabel, ...registers]\n);\n"]}
+{"version":3,"sources":["../src/charts/SunburstChart.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AAChF,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAE/C,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAM1C,MAAM,CAAC,MAAM,aAAa,GAAG,WAAW,CACtC,eAAe,EACf;IACE,IAAI,EAAE,UAAU;IAChB,iBAAiB,EAAE,MAA4B;CAChD,EACD,CAAC,qBAAqB,EAAE,aAAa,EAAE,GAAG,SAAS,CAAC,CACrD,CAAC","file":"SunburstChart.js","sourcesContent":["import type React from 'react';\nimport type { ISunburstChartSpec, IVChartConstructor } from '@visactor/vchart';\nimport { VChart, registerLabel, registerSunburstChart } from '@visactor/vchart';\nimport { registers } from './registers/simple';\nimport type { BaseChartProps } from './BaseChart';\nimport { createChart } from './BaseChart';\n\nexport interface SunburstChartProps\n  extends Omit<BaseChartProps, 'container' | 'type' | 'data'>,\n    Omit<Partial<ISunburstChartSpec>, 'type'> {}\n\nexport const SunburstChart = createChart<React.PropsWithChildren<SunburstChartProps> & { type?: 'sunburst' }>(\n  'SunburstChart',\n  {\n    type: 'sunburst',\n    vchartConstructor: VChart as IVChartConstructor\n  },\n  [registerSunburstChart, registerLabel, ...registers]\n);\n"]}

package/esm/charts/TreemapChart.js

@@ -6,6 +6,6 @@ import { createChart } from "./BaseChart";
 
 export const TreemapChart = createChart("TreemapChart", {
     type: "treemap",
-    vchartConstrouctor: VChart
+    vchartConstructor: VChart
 }, [ registerTreemapChart, registerLabel, ...registers ]);
 //# sourceMappingURL=TreemapChart.js.map

package/esm/charts/TreemapChart.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/charts/TreemapChart.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAC/E,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAE/C,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAM1C,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,SAAS,CAAC,CACpD,CAAC","file":"TreemapChart.js","sourcesContent":["import type React from 'react';\nimport type { ITreemapChartSpec, IVChartConstructor } from '@visactor/vchart';\nimport { VChart, registerLabel, registerTreemapChart } from '@visactor/vchart';\nimport { registers } from './registers/simple';\nimport type { BaseChartProps } from './BaseChart';\nimport { createChart } from './BaseChart';\n\nexport interface TreemapChartProps\n  extends Omit<BaseChartProps, 'container' | 'type' | 'data'>,\n    Omit<Partial<ITreemapChartSpec>, 'type'> {}\n\nexport const TreemapChart = createChart<React.PropsWithChildren<TreemapChartProps> & { type?: 'treemap' }>(\n  'TreemapChart',\n  {\n    type: 'treemap',\n    vchartConstrouctor: VChart as IVChartConstructor\n  },\n  [registerTreemapChart, registerLabel, ...registers]\n);\n"]}
+{"version":3,"sources":["../src/charts/TreemapChart.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAC/E,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAE/C,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAM1C,MAAM,CAAC,MAAM,YAAY,GAAG,WAAW,CACrC,cAAc,EACd;IACE,IAAI,EAAE,SAAS;IACf,iBAAiB,EAAE,MAA4B;CAChD,EACD,CAAC,oBAAoB,EAAE,aAAa,EAAE,GAAG,SAAS,CAAC,CACpD,CAAC","file":"TreemapChart.js","sourcesContent":["import type React from 'react';\nimport type { ITreemapChartSpec, IVChartConstructor } from '@visactor/vchart';\nimport { VChart, registerLabel, registerTreemapChart } from '@visactor/vchart';\nimport { registers } from './registers/simple';\nimport type { BaseChartProps } from './BaseChart';\nimport { createChart } from './BaseChart';\n\nexport interface TreemapChartProps\n  extends Omit<BaseChartProps, 'container' | 'type' | 'data'>,\n    Omit<Partial<ITreemapChartSpec>, 'type'> {}\n\nexport const TreemapChart = createChart<React.PropsWithChildren<TreemapChartProps> & { type?: 'treemap' }>(\n  'TreemapChart',\n  {\n    type: 'treemap',\n    vchartConstructor: VChart as IVChartConstructor\n  },\n  [registerTreemapChart, registerLabel, ...registers]\n);\n"]}

package/esm/charts/VennChart.js

@@ -6,6 +6,6 @@ import { registers } from "./registers/simple";
 
 export const VennChart = createChart("VennChart", {
     type: "venn",
-    vchartConstrouctor: VChart
+    vchartConstructor: VChart
 }, [ registerVennChart, registerLabel, ...registers ]);
 //# sourceMappingURL=VennChart.js.map

package/esm/charts/VennChart.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/charts/VennChart.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAE5E,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAM/C,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,SAAS,CAAC,CACjD,CAAC","file":"VennChart.js","sourcesContent":["import type React from 'react';\nimport type { IVennChartSpec, IVChartConstructor } from '@visactor/vchart';\nimport { VChart, registerLabel, registerVennChart } from '@visactor/vchart';\nimport type { BaseChartProps } from './BaseChart';\nimport { createChart } from './BaseChart';\nimport { registers } from './registers/simple';\n\nexport interface VennChartProps\n  extends Omit<BaseChartProps, 'container' | 'type' | 'data'>,\n    Omit<IVennChartSpec, 'type'> {}\n\nexport const VennChart = createChart<React.PropsWithChildren<VennChartProps> & { type: 'venn' }>(\n  'VennChart',\n  {\n    type: 'venn',\n    vchartConstrouctor: VChart as IVChartConstructor\n  },\n  [registerVennChart, registerLabel, ...registers]\n);\n"]}
+{"version":3,"sources":["../src/charts/VennChart.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAE5E,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAM/C,MAAM,CAAC,MAAM,SAAS,GAAG,WAAW,CAClC,WAAW,EACX;IACE,IAAI,EAAE,MAAM;IACZ,iBAAiB,EAAE,MAA4B;CAChD,EACD,CAAC,iBAAiB,EAAE,aAAa,EAAE,GAAG,SAAS,CAAC,CACjD,CAAC","file":"VennChart.js","sourcesContent":["import type React from 'react';\nimport type { IVennChartSpec, IVChartConstructor } from '@visactor/vchart';\nimport { VChart, registerLabel, registerVennChart } from '@visactor/vchart';\nimport type { BaseChartProps } from './BaseChart';\nimport { createChart } from './BaseChart';\nimport { registers } from './registers/simple';\n\nexport interface VennChartProps\n  extends Omit<BaseChartProps, 'container' | 'type' | 'data'>,\n    Omit<IVennChartSpec, 'type'> {}\n\nexport const VennChart = createChart<React.PropsWithChildren<VennChartProps> & { type: 'venn' }>(\n  'VennChart',\n  {\n    type: 'venn',\n    vchartConstructor: VChart as IVChartConstructor\n  },\n  [registerVennChart, registerLabel, ...registers]\n);\n"]}

package/esm/charts/WaterfallChart.js

@@ -6,6 +6,6 @@ import { createChart } from "./BaseChart";
 
 export const WaterfallChart = createChart("WaterfallChart", {
     type: "waterfall",
-    vchartConstrouctor: VChart
+    vchartConstructor: VChart
 }, [ registerWaterfallChart, registerLabel, registerTotalLabel, ...registers ]);
 //# sourceMappingURL=WaterfallChart.js.map

package/esm/charts/WaterfallChart.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/charts/WaterfallChart.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,sBAAsB,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AACrG,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAElD,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAQ1C,MAAM,CAAC,MAAM,cAAc,GAAG,WAAW,CACvC,gBAAgB,EAChB;IACE,IAAI,EAAE,WAAW;IACjB,kBAAkB,EAAE,MAA4B;CACjD,EACD,CAAC,sBAAsB,EAAE,aAAa,EAAE,kBAAkB,EAAE,GAAG,SAAS,CAAC,CAC1E,CAAC","file":"WaterfallChart.js","sourcesContent":["import type React from 'react';\nimport type { IWaterfallChartSpec, IVChartConstructor } from '@visactor/vchart';\nimport { VChart, registerWaterfallChart, registerLabel, registerTotalLabel } from '@visactor/vchart';\nimport { registers } from './registers/cartesian';\nimport type { BaseChartProps } from './BaseChart';\nimport { createChart } from './BaseChart';\n\nexport interface WaterfallChartProps\n  extends Omit<BaseChartProps, 'container' | 'type' | 'data'>,\n    Omit<Partial<IWaterfallChartSpec>, 'type'> {\n  //\n}\n\nexport const WaterfallChart = createChart<React.PropsWithChildren<WaterfallChartProps> & { type?: 'waterfall' }>(\n  'WaterfallChart',\n  {\n    type: 'waterfall',\n    vchartConstrouctor: VChart as IVChartConstructor\n  },\n  [registerWaterfallChart, registerLabel, registerTotalLabel, ...registers]\n);\n"]}
+{"version":3,"sources":["../src/charts/WaterfallChart.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,sBAAsB,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AACrG,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAElD,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAQ1C,MAAM,CAAC,MAAM,cAAc,GAAG,WAAW,CACvC,gBAAgB,EAChB;IACE,IAAI,EAAE,WAAW;IACjB,iBAAiB,EAAE,MAA4B;CAChD,EACD,CAAC,sBAAsB,EAAE,aAAa,EAAE,kBAAkB,EAAE,GAAG,SAAS,CAAC,CAC1E,CAAC","file":"WaterfallChart.js","sourcesContent":["import type React from 'react';\nimport type { IWaterfallChartSpec, IVChartConstructor } from '@visactor/vchart';\nimport { VChart, registerWaterfallChart, registerLabel, registerTotalLabel } from '@visactor/vchart';\nimport { registers } from './registers/cartesian';\nimport type { BaseChartProps } from './BaseChart';\nimport { createChart } from './BaseChart';\n\nexport interface WaterfallChartProps\n  extends Omit<BaseChartProps, 'container' | 'type' | 'data'>,\n    Omit<Partial<IWaterfallChartSpec>, 'type'> {\n  //\n}\n\nexport const WaterfallChart = createChart<React.PropsWithChildren<WaterfallChartProps> & { type?: 'waterfall' }>(\n  'WaterfallChart',\n  {\n    type: 'waterfall',\n    vchartConstructor: VChart as IVChartConstructor\n  },\n  [registerWaterfallChart, registerLabel, registerTotalLabel, ...registers]\n);\n"]}

package/esm/charts/WordCloud3dChart.js

@@ -8,6 +8,6 @@ import { registerWordCloud3dChart } from "@visactor/vchart-extension";
 
 export const WordCloud3dChart = createChart("WordCloud3dChart", {
     type: "wordCloud3d",
-    vchartConstrouctor: VChart
+    vchartConstructor: VChart
 }, [ registerWordCloud3dChart, ...registers ]);
 //# sourceMappingURL=WordCloud3dChart.js.map

package/esm/charts/WordCloud3dChart.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/charts/WordCloud3dChart.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAE/C,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAOtE,MAAM,CAAC,MAAM,gBAAgB,GAAG,WAAW,CACzC,kBAAkB,EAClB;IACE,IAAI,EAAE,aAAa;IACnB,kBAAkB,EAAE,MAA4B;CACjD,EACD,CAAC,wBAAwB,EAAE,GAAG,SAAS,CAAC,CACzC,CAAC","file":"WordCloud3dChart.js","sourcesContent":["import type React from 'react';\nimport type { IVChartConstructor } from '@visactor/vchart';\nimport { VChart } from '@visactor/vchart';\nimport { registers } from './registers/simple';\nimport type { BaseChartProps } from './BaseChart';\nimport { createChart } from './BaseChart';\nimport { registerWordCloud3dChart } from '@visactor/vchart-extension';\nimport type { IWordCloud3dChartSpec } from '@visactor/vchart-extension';\n\nexport interface WordCloud3dChartProps\n  extends Omit<BaseChartProps, 'container' | 'type' | 'data'>,\n    Omit<Partial<IWordCloud3dChartSpec>, 'type'> {}\n\nexport const WordCloud3dChart = createChart<React.PropsWithChildren<WordCloud3dChartProps> & { type?: 'wordCloud3d' }>(\n  'WordCloud3dChart',\n  {\n    type: 'wordCloud3d',\n    vchartConstrouctor: VChart as IVChartConstructor\n  },\n  [registerWordCloud3dChart, ...registers]\n);\n"]}
+{"version":3,"sources":["../src/charts/WordCloud3dChart.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAE/C,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAOtE,MAAM,CAAC,MAAM,gBAAgB,GAAG,WAAW,CACzC,kBAAkB,EAClB;IACE,IAAI,EAAE,aAAa;IACnB,iBAAiB,EAAE,MAA4B;CAChD,EACD,CAAC,wBAAwB,EAAE,GAAG,SAAS,CAAC,CACzC,CAAC","file":"WordCloud3dChart.js","sourcesContent":["import type React from 'react';\nimport type { IVChartConstructor } from '@visactor/vchart';\nimport { VChart } from '@visactor/vchart';\nimport { registers } from './registers/simple';\nimport type { BaseChartProps } from './BaseChart';\nimport { createChart } from './BaseChart';\nimport { registerWordCloud3dChart } from '@visactor/vchart-extension';\nimport type { IWordCloud3dChartSpec } from '@visactor/vchart-extension';\n\nexport interface WordCloud3dChartProps\n  extends Omit<BaseChartProps, 'container' | 'type' | 'data'>,\n    Omit<Partial<IWordCloud3dChartSpec>, 'type'> {}\n\nexport const WordCloud3dChart = createChart<React.PropsWithChildren<WordCloud3dChartProps> & { type?: 'wordCloud3d' }>(\n  'WordCloud3dChart',\n  {\n    type: 'wordCloud3d',\n    vchartConstructor: VChart as IVChartConstructor\n  },\n  [registerWordCloud3dChart, ...registers]\n);\n"]}

package/esm/charts/WordCloudChart.js

@@ -6,6 +6,6 @@ import { registers } from "./registers/simple";
 
 export const WordCloudChart = createChart("WordCloudChart", {
     type: "wordCloud",
-    vchartConstrouctor: VChart
+    vchartConstructor: VChart
 }, [ registerWordCloudChart, ...registers ]);
 //# sourceMappingURL=WordCloudChart.js.map

package/esm/charts/WordCloudChart.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/charts/WordCloudChart.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,sBAAsB,EAAE,MAAM,kBAAkB,CAAC;AAElE,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAM/C,MAAM,CAAC,MAAM,cAAc,GAAG,WAAW,CACvC,gBAAgB,EAChB;IACE,IAAI,EAAE,WAAW;IACjB,kBAAkB,EAAE,MAA4B;CACjD,EACD,CAAC,sBAAsB,EAAE,GAAG,SAAS,CAAC,CACvC,CAAC","file":"WordCloudChart.js","sourcesContent":["import type React from 'react';\nimport type { IWordCloudChartSpec, IVChartConstructor } from '@visactor/vchart';\nimport { VChart, registerWordCloudChart } from '@visactor/vchart';\nimport type { BaseChartProps } from './BaseChart';\nimport { createChart } from './BaseChart';\nimport { registers } from './registers/simple';\n\nexport interface WordCloudChartProps\n  extends Omit<BaseChartProps, 'container' | 'type' | 'data'>,\n    Omit<Partial<IWordCloudChartSpec>, 'type'> {}\n\nexport const WordCloudChart = createChart<React.PropsWithChildren<WordCloudChartProps> & { type?: 'wordCloud' }>(\n  'WordCloudChart',\n  {\n    type: 'wordCloud',\n    vchartConstrouctor: VChart as IVChartConstructor\n  },\n  [registerWordCloudChart, ...registers]\n);\n"]}
+{"version":3,"sources":["../src/charts/WordCloudChart.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,sBAAsB,EAAE,MAAM,kBAAkB,CAAC;AAElE,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAM/C,MAAM,CAAC,MAAM,cAAc,GAAG,WAAW,CACvC,gBAAgB,EAChB;IACE,IAAI,EAAE,WAAW;IACjB,iBAAiB,EAAE,MAA4B;CAChD,EACD,CAAC,sBAAsB,EAAE,GAAG,SAAS,CAAC,CACvC,CAAC","file":"WordCloudChart.js","sourcesContent":["import type React from 'react';\nimport type { IWordCloudChartSpec, IVChartConstructor } from '@visactor/vchart';\nimport { VChart, registerWordCloudChart } from '@visactor/vchart';\nimport type { BaseChartProps } from './BaseChart';\nimport { createChart } from './BaseChart';\nimport { registers } from './registers/simple';\n\nexport interface WordCloudChartProps\n  extends Omit<BaseChartProps, 'container' | 'type' | 'data'>,\n    Omit<Partial<IWordCloudChartSpec>, 'type'> {}\n\nexport const WordCloudChart = createChart<React.PropsWithChildren<WordCloudChartProps> & { type?: 'wordCloud' }>(\n  'WordCloudChart',\n  {\n    type: 'wordCloud',\n    vchartConstructor: VChart as IVChartConstructor\n  },\n  [registerWordCloudChart, ...registers]\n);\n"]}

package/esm/components/tooltip/BaseTooltip.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import type { TooltipRender } from './interface';
+export interface BaseTooltipProps {
+    id?: string | number;
+    tooltipRender?: TooltipRender;
+    children?: React.ReactNode;
+}
+type TooltipProps = BaseTooltipProps & {
+    updateId?: number;
+    componentId?: number;
+};
+export declare const createTooltip: <T extends TooltipProps>(componentName: string, specName: string, registers?: (() => void)[]) => React.FC<T>;
+export {};

package/esm/components/tooltip/BaseTooltip.js

@@ -0,0 +1,27 @@
+import React from "react";
+
+import { isObject, pickWithout } from "@visactor/vutils";
+
+import { VChart } from "@visactor/vchart";
+
+export const createTooltip = (componentName, specName, registers) => {
+    registers && registers.length && VChart.useRegisters(registers);
+    const ignoreKeys = [ "updateId", "componentId", "children" ], Comp = props => {
+        const updateId = React.useRef(props.updateId);
+        return props.updateId !== updateId.current && (updateId.current = props.updateId), 
+        null;
+    };
+    return Comp.displayName = componentName, Comp.parseSpec = props => {
+        const newTooltipSpec = pickWithout(props, ignoreKeys);
+        return !props.tooltipRender && props.children && (newTooltipSpec.tooltipRender = (tooltipElement, actualTooltip, params) => React.Children.map(props.children, (child => isObject(child) ? React.cloneElement(child, {
+            tooltipElement: tooltipElement,
+            actualTooltip: actualTooltip,
+            params: params
+        }) : child))), {
+            spec: newTooltipSpec,
+            specName: specName,
+            isSingle: !0
+        };
+    }, Comp;
+};
+//# sourceMappingURL=BaseTooltip.js.map

package/esm/components/tooltip/BaseTooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/tooltip/BaseTooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AACzD,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAW1C,MAAM,CAAC,MAAM,aAAa,GAAG,CAC3B,aAAqB,EACrB,QAAgB,EAChB,SAA0B,EAC1B,EAAE;IACF,IAAI,SAAS,IAAI,SAAS,CAAC,MAAM,EAAE;QACjC,MAAM,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;KAChC;IAGD,MAAM,UAAU,GAAG,CAAC,UAAU,EAAE,aAAa,EAAE,UAAU,CAAC,CAAC;IAE3D,MAAM,IAAI,GAAgB,CAAC,KAAQ,EAAE,EAAE;QACrC,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAS,KAAK,CAAC,QAAQ,CAAC,CAAC;QACtD,IAAI,KAAK,CAAC,QAAQ,KAAK,QAAQ,CAAC,OAAO,EAAE;YAEvC,QAAQ,CAAC,OAAO,GAAG,KAAK,CAAC,QAAQ,CAAC;SACnC;QAED,OAAO,IAAI,CAAC;IACd,CAAC,CAAC;IAEF,IAAI,CAAC,WAAW,GAAG,aAAa,CAAC;IAChC,IAAY,CAAC,SAAS,GAAG,CAAC,KAAsD,EAAE,EAAE;QACnF,MAAM,cAAc,GAAe,WAAW,CAAI,KAAK,EAAE,UAAU,CAAC,CAAC;QAErE,IAAI,CAAC,KAAK,CAAC,aAAa,IAAI,KAAK,CAAC,QAAQ,EAAE;YAC1C,cAAc,CAAC,aAAa,GAAG,CAAC,cAAc,EAAE,aAAa,EAAE,MAAM,EAAE,EAAE,CACvE,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,QAAQ,EAAE,KAAK,CAAC,EAAE,CACzC,QAAQ,CAAC,KAAK,CAAC;gBACb,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,KAAkE,EAAE;oBACrF,cAAc;oBACd,aAAa;oBACb,MAAM;iBACP,CAAC;gBACJ,CAAC,CAAC,KAAK,CACV,CAAC;SACL;QAED,OAAO;YACL,IAAI,EAAE,cAAc;YACpB,QAAQ;YACR,QAAQ,EAAE,IAAI;SACf,CAAC;IACJ,CAAC,CAAC;IAEF,OAAO,IAAI,CAAC;AACd,CAAC,CAAC","file":"BaseTooltip.js","sourcesContent":["import React from 'react';\nimport { isObject, pickWithout } from '@visactor/vutils';\nimport { VChart } from '@visactor/vchart';\nimport type { TooltipRender } from './interface';\n\nexport interface BaseTooltipProps {\n  id?: string | number;\n  tooltipRender?: TooltipRender;\n  children?: React.ReactNode;\n}\n\ntype TooltipProps = BaseTooltipProps & { updateId?: number; componentId?: number };\n\nexport const createTooltip = <T extends TooltipProps>(\n  componentName: string,\n  specName: string,\n  registers?: (() => void)[]\n) => {\n  if (registers && registers.length) {\n    VChart.useRegisters(registers);\n  }\n\n  // tooltip component 不支持 children，其他组件暂时也都不支持\n  const ignoreKeys = ['updateId', 'componentId', 'children'];\n\n  const Comp: React.FC<T> = (props: T) => {\n    const updateId = React.useRef<number>(props.updateId);\n    if (props.updateId !== updateId.current) {\n      // update triggered by chart when chart is rendered\n      updateId.current = props.updateId;\n    }\n\n    return null;\n  };\n\n  Comp.displayName = componentName;\n  (Comp as any).parseSpec = (props: T & { updateId?: number; componentId?: string }) => {\n    const newTooltipSpec: Partial<T> = pickWithout<T>(props, ignoreKeys);\n\n    if (!props.tooltipRender && props.children) {\n      newTooltipSpec.tooltipRender = (tooltipElement, actualTooltip, params) =>\n        React.Children.map(props.children, child =>\n          isObject(child)\n            ? React.cloneElement(child as React.ReactElement<any, React.JSXElementConstructor<any>>, {\n                tooltipElement,\n                actualTooltip,\n                params\n              })\n            : child\n        );\n    }\n\n    return {\n      spec: newTooltipSpec,\n      specName,\n      isSingle: true\n    };\n  };\n\n  return Comp;\n};\n"]}

package/esm/components/tooltip/CanvasTooltip.d.ts

@@ -1,2 +1,2 @@
-import { TooltipProps } from './interface';
+import type { TooltipProps } from './interface';
 export declare const CanvasTooltip: import("react").FC<TooltipProps>;

package/esm/components/tooltip/CanvasTooltip.js

@@ -1,6 +1,6 @@
-import { createComponent } from "../BaseComponent";
+import { createTooltip } from "./BaseTooltip";
 
 import { registerTooltip, registerCanvasTooltipHandler } from "@visactor/vchart";
 
-export const CanvasTooltip = createComponent("CanvasTooltip", "tooltip", null, !0, [ registerTooltip, registerCanvasTooltipHandler ]);
+export const CanvasTooltip = createTooltip("CanvasTooltip", "tooltip", [ registerTooltip, registerCanvasTooltipHandler ]);
 //# sourceMappingURL=CanvasTooltip.js.map

package/esm/components/tooltip/CanvasTooltip.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/tooltip/CanvasTooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAEnD,OAAO,EAAE,eAAe,EAAE,4BAA4B,EAAE,MAAM,kBAAkB,CAAC;AAEjF,MAAM,CAAC,MAAM,aAAa,GAAG,eAAe,CAAe,eAAe,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE;IACjG,eAAe;IACf,4BAA4B;CAC7B,CAAC,CAAC","file":"CanvasTooltip.js","sourcesContent":["import { createComponent } from '../BaseComponent';\nimport { TooltipProps } from './interface';\nimport { registerTooltip, registerCanvasTooltipHandler } from '@visactor/vchart';\n\nexport const CanvasTooltip = createComponent<TooltipProps>('CanvasTooltip', 'tooltip', null, true, [\n  registerTooltip,\n  registerCanvasTooltipHandler\n]);\n"]}
+{"version":3,"sources":["../src/components/tooltip/CanvasTooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAE9C,OAAO,EAAE,eAAe,EAAE,4BAA4B,EAAE,MAAM,kBAAkB,CAAC;AAEjF,MAAM,CAAC,MAAM,aAAa,GAAG,aAAa,CAAe,eAAe,EAAE,SAAS,EAAE;IACnF,eAAe;IACf,4BAA4B;CAC7B,CAAC,CAAC","file":"CanvasTooltip.js","sourcesContent":["import { createTooltip } from './BaseTooltip';\nimport type { TooltipProps } from './interface';\nimport { registerTooltip, registerCanvasTooltipHandler } from '@visactor/vchart';\n\nexport const CanvasTooltip = createTooltip<TooltipProps>('CanvasTooltip', 'tooltip', [\n  registerTooltip,\n  registerCanvasTooltipHandler\n]);\n"]}

package/esm/components/tooltip/Tooltip.d.ts

@@ -1,2 +1,2 @@
-import { TooltipProps } from './interface';
+import type { TooltipProps } from './interface';
 export declare const Tooltip: import("react").FC<TooltipProps>;

package/esm/components/tooltip/Tooltip.js

@@ -1,6 +1,6 @@
-import { createComponent } from "../BaseComponent";
+import { createTooltip } from "./BaseTooltip";
 
 import { registerTooltip, registerDomTooltipHandler } from "@visactor/vchart";
 
-export const Tooltip = createComponent("Tooltip", "tooltip", null, !0, [ registerTooltip, registerDomTooltipHandler ]);
+export const Tooltip = createTooltip("Tooltip", "tooltip", [ registerTooltip, registerDomTooltipHandler ]);
 //# sourceMappingURL=Tooltip.js.map

package/esm/components/tooltip/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAEnD,OAAO,EAAE,eAAe,EAAE,yBAAyB,EAAE,MAAM,kBAAkB,CAAC;AAE9E,MAAM,CAAC,MAAM,OAAO,GAAG,eAAe,CAAe,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE;IACrF,eAAe;IACf,yBAAyB;CAC1B,CAAC,CAAC","file":"Tooltip.js","sourcesContent":["import { createComponent } from '../BaseComponent';\nimport { TooltipProps } from './interface';\nimport { registerTooltip, registerDomTooltipHandler } from '@visactor/vchart';\n\nexport const Tooltip = createComponent<TooltipProps>('Tooltip', 'tooltip', null, true, [\n  registerTooltip,\n  registerDomTooltipHandler\n]);\n"]}
+{"version":3,"sources":["../src/components/tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAE9C,OAAO,EAAE,eAAe,EAAE,yBAAyB,EAAE,MAAM,kBAAkB,CAAC;AAE9E,MAAM,CAAC,MAAM,OAAO,GAAG,aAAa,CAAe,SAAS,EAAE,SAAS,EAAE,CAAC,eAAe,EAAE,yBAAyB,CAAC,CAAC,CAAC","file":"Tooltip.js","sourcesContent":["import { createTooltip } from './BaseTooltip';\nimport type { TooltipProps } from './interface';\nimport { registerTooltip, registerDomTooltipHandler } from '@visactor/vchart';\n\nexport const Tooltip = createTooltip<TooltipProps>('Tooltip', 'tooltip', [registerTooltip, registerDomTooltipHandler]);\n"]}

package/esm/components/tooltip/util.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import type { BaseChartProps } from '../../charts/BaseChart';
-import { TooltipProps } from './interface';
-import { ITooltipSpec } from '@visactor/vchart';
+import type { TooltipProps } from './interface';
+import type { ITooltipSpec } from '@visactor/vchart';
 export declare const initCustomTooltip: (setTooltipNode: React.Dispatch<React.SetStateAction<React.ReactNode>>, props: BaseChartProps, spec?: TooltipProps) => ITooltipSpec;

package/esm/components/tooltip/util.js

@@ -1,7 +1,5 @@
 import React from "react";
 
-import { isObject } from "@visactor/vutils";
-
 import { REACT_TOOLTIP_ClASS_NAME } from "./constant";
 
 import { createPortal } from "react-dom";
@@ -9,11 +7,8 @@ import { createPortal } from "react-dom";
 export const initCustomTooltip = (setTooltipNode, props, spec) => {
     let render;
     if ((null == spec ? void 0 : spec.tooltipRender) ? (render = spec.tooltipRender, 
-    delete spec.tooltipRender) : (null == spec ? void 0 : spec.children) ? render = (tooltipElement, actualTooltip, params) => React.Children.map(spec.children, (child => isObject(child) ? React.cloneElement(child, {
-        tooltipElement: tooltipElement,
-        actualTooltip: actualTooltip,
-        params: params
-    }) : child)) : props.tooltipRender && (render = props.tooltipRender), render) {
+    delete spec.tooltipRender) : props.tooltipRender && (render = props.tooltipRender), 
+    render) {
         let reserve;
         return (null == spec ? void 0 : spec.reserveDefaultTooltip) ? (reserve = spec.reserveDefaultTooltip, 
         delete spec.reserveDefaultTooltip) : reserve = props.reserveDefaultTooltip, Object.assign(Object.assign({}, spec), {

package/esm/components/tooltip/util.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/tooltip/util.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE5C,OAAO,EAAE,wBAAwB,EAAE,MAAM,YAAY,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAGzC,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAC/B,cAAqE,EACrE,KAAqB,EACrB,IAAmB,EACnB,EAAE;IACF,IAAI,MAAM,GAAkB,SAAS,CAAC;IACtC,IAAI,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,aAAa,EAAE;QACvB,MAAM,GAAG,IAAI,CAAC,aAAa,CAAC;QAC5B,OAAO,IAAI,CAAC,aAAa,CAAC;KAC3B;SAAM,IAAI,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,QAAQ,EAAE;QACzB,MAAM,GAAG,CAAC,cAAc,EAAE,aAAa,EAAE,MAAM,EAAE,EAAE,CACjD,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,QAAQ,EAAE,KAAK,CAAC,EAAE,CACxC,QAAQ,CAAC,KAAK,CAAC;YACb,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,KAAkE,EAAE;gBACrF,cAAc;gBACd,aAAa;gBACb,MAAM;aACP,CAAC;YACJ,CAAC,CAAC,KAAK,CACV,CAAC;KACL;SAAM,IAAI,KAAK,CAAC,aAAa,EAAE;QAC9B,MAAM,GAAG,KAAK,CAAC,aAAa,CAAC;KAC9B;IAED,IAAI,MAAM,EAAE;QACV,IAAI,OAAO,GAAY,SAAS,CAAC;QACjC,IAAI,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,qBAAqB,EAAE;YAC/B,OAAO,GAAG,IAAI,CAAC,qBAAqB,CAAC;YACrC,OAAO,IAAI,CAAC,qBAAqB,CAAC;SACnC;aAAM;YACL,OAAO,GAAG,KAAK,CAAC,qBAAqB,CAAC;SACvC;QACD,OAAO,gCACF,IAAI,KACP,aAAa,EAAE,CAAC,EAAE,EAAE,aAAa,EAAE,MAAM,EAAE,EAAE;gBAC3C,MAAM,EAAE,kBAAkB,EAAE,GAAG,MAAM,CAAC;gBACtC,IAAI,kBAAkB,EAAE;oBACtB,OAAO;iBACR;gBACD,IAAI,CAAC,OAAO,EAAE;oBACZ,EAAE,CAAC,KAAK,CAAC,KAAK,GAAG,MAAM,CAAC;oBACxB,EAAE,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;oBACzB,EAAE,CAAC,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC;oBAC5B,EAAE,CAAC,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC;oBACzB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;wBAC3C,MAAM,SAAS,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAgB,CAAC;wBAChD,IAAI,SAAS,CAAC,SAAS,KAAK,wBAAwB,IAAI,SAAS,CAAC,KAAK,CAAC,OAAO,KAAK,MAAM,EAAE;4BAC1F,SAAS,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC;yBAClC;qBACF;iBACF;gBACD,cAAc,CACZ,YAAY,CAAC,6BAAK,SAAS,EAAE,wBAAwB,IAAG,MAAM,CAAC,EAAE,EAAE,aAAa,EAAE,MAAM,CAAC,CAAO,EAAE,EAAE,CAAC,CACtG,CAAC;YACJ,CAAC,GACc,CAAC;KACnB;IAED,OAAO,IAAoB,CAAC;AAC9B,CAAC,CAAC","file":"util.js","sourcesContent":["import React from 'react';\nimport type { BaseChartProps } from '../../charts/BaseChart';\nimport { TooltipProps, TooltipRender } from './interface';\nimport { isObject } from '@visactor/vutils';\nimport { ITooltipSpec } from '@visactor/vchart';\nimport { REACT_TOOLTIP_ClASS_NAME } from './constant';\nimport { createPortal } from 'react-dom';\n\n/** tooltip 自定义插槽 */\nexport const initCustomTooltip = (\n  setTooltipNode: React.Dispatch<React.SetStateAction<React.ReactNode>>,\n  props: BaseChartProps,\n  spec?: TooltipProps\n) => {\n  let render: TooltipRender = undefined;\n  if (spec?.tooltipRender) {\n    render = spec.tooltipRender;\n    delete spec.tooltipRender;\n  } else if (spec?.children) {\n    render = (tooltipElement, actualTooltip, params) =>\n      React.Children.map(spec.children, child =>\n        isObject(child)\n          ? React.cloneElement(child as React.ReactElement<any, React.JSXElementConstructor<any>>, {\n              tooltipElement,\n              actualTooltip,\n              params\n            })\n          : child\n      );\n  } else if (props.tooltipRender) {\n    render = props.tooltipRender;\n  }\n\n  if (render) {\n    let reserve: boolean = undefined;\n    if (spec?.reserveDefaultTooltip) {\n      reserve = spec.reserveDefaultTooltip;\n      delete spec.reserveDefaultTooltip;\n    } else {\n      reserve = props.reserveDefaultTooltip;\n    }\n    return {\n      ...spec,\n      updateElement: (el, actualTooltip, params) => {\n        const { changePositionOnly } = params;\n        if (changePositionOnly) {\n          return;\n        }\n        if (!reserve) {\n          el.style.width = 'auto';\n          el.style.height = 'auto';\n          el.style.minHeight = 'auto';\n          el.style.padding = '0px';\n          for (let i = 0; i < el.children.length; i++) {\n            const childNode = el.children[i] as HTMLElement;\n            if (childNode.className !== REACT_TOOLTIP_ClASS_NAME && childNode.style.display !== 'none') {\n              childNode.style.display = 'none';\n            }\n          }\n        }\n        setTooltipNode(\n          createPortal(<div className={REACT_TOOLTIP_ClASS_NAME}>{render(el, actualTooltip, params)}</div>, el)\n        );\n      }\n    } as ITooltipSpec;\n  }\n\n  return spec as ITooltipSpec;\n};\n"]}
+{"version":3,"sources":["../src/components/tooltip/util.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,wBAAwB,EAAE,MAAM,YAAY,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAGzC,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAC/B,cAAqE,EACrE,KAAqB,EACrB,IAAmB,EACnB,EAAE;IACF,IAAI,MAAqB,CAAC;IAC1B,IAAI,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,aAAa,EAAE;QACvB,MAAM,GAAG,IAAI,CAAC,aAAa,CAAC;QAC5B,OAAO,IAAI,CAAC,aAAa,CAAC;KAC3B;SAAM,IAAI,KAAK,CAAC,aAAa,EAAE;QAC9B,MAAM,GAAG,KAAK,CAAC,aAAa,CAAC;KAC9B;IAED,IAAI,MAAM,EAAE;QACV,IAAI,OAAgB,CAAC;QACrB,IAAI,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,qBAAqB,EAAE;YAC/B,OAAO,GAAG,IAAI,CAAC,qBAAqB,CAAC;YACrC,OAAO,IAAI,CAAC,qBAAqB,CAAC;SACnC;aAAM;YACL,OAAO,GAAG,KAAK,CAAC,qBAAqB,CAAC;SACvC;QACD,OAAO,gCACF,IAAI,KACP,aAAa,EAAE,CAAC,EAAE,EAAE,aAAa,EAAE,MAAM,EAAE,EAAE;gBAC3C,MAAM,EAAE,kBAAkB,EAAE,GAAG,MAAM,CAAC;gBACtC,IAAI,kBAAkB,EAAE;oBACtB,OAAO;iBACR;gBACD,IAAI,CAAC,OAAO,EAAE;oBACZ,EAAE,CAAC,KAAK,CAAC,KAAK,GAAG,MAAM,CAAC;oBACxB,EAAE,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;oBACzB,EAAE,CAAC,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC;oBAC5B,EAAE,CAAC,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC;oBACzB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;wBAC3C,MAAM,SAAS,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAgB,CAAC;wBAChD,IAAI,SAAS,CAAC,SAAS,KAAK,wBAAwB,IAAI,SAAS,CAAC,KAAK,CAAC,OAAO,KAAK,MAAM,EAAE;4BAC1F,SAAS,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC;yBAClC;qBACF;iBACF;gBAED,cAAc,CACZ,YAAY,CAAC,6BAAK,SAAS,EAAE,wBAAwB,IAAG,MAAM,CAAC,EAAE,EAAE,aAAa,EAAE,MAAM,CAAC,CAAO,EAAE,EAAE,CAAC,CACtG,CAAC;YACJ,CAAC,GACc,CAAC;KACnB;IAED,OAAO,IAAoB,CAAC;AAC9B,CAAC,CAAC","file":"util.js","sourcesContent":["// eslint-disable-next-line @typescript-eslint/consistent-type-imports\nimport React from 'react';\nimport type { BaseChartProps } from '../../charts/BaseChart';\nimport type { TooltipProps, TooltipRender } from './interface';\nimport type { ITooltipSpec } from '@visactor/vchart';\nimport { REACT_TOOLTIP_ClASS_NAME } from './constant';\nimport { createPortal } from 'react-dom';\n\n/** tooltip 自定义插槽 */\nexport const initCustomTooltip = (\n  setTooltipNode: React.Dispatch<React.SetStateAction<React.ReactNode>>,\n  props: BaseChartProps,\n  spec?: TooltipProps\n) => {\n  let render: TooltipRender;\n  if (spec?.tooltipRender) {\n    render = spec.tooltipRender;\n    delete spec.tooltipRender;\n  } else if (props.tooltipRender) {\n    render = props.tooltipRender;\n  }\n\n  if (render) {\n    let reserve: boolean;\n    if (spec?.reserveDefaultTooltip) {\n      reserve = spec.reserveDefaultTooltip;\n      delete spec.reserveDefaultTooltip;\n    } else {\n      reserve = props.reserveDefaultTooltip;\n    }\n    return {\n      ...spec,\n      updateElement: (el, actualTooltip, params) => {\n        const { changePositionOnly } = params;\n        if (changePositionOnly) {\n          return;\n        }\n        if (!reserve) {\n          el.style.width = 'auto';\n          el.style.height = 'auto';\n          el.style.minHeight = 'auto';\n          el.style.padding = '0px';\n          for (let i = 0; i < el.children.length; i++) {\n            const childNode = el.children[i] as HTMLElement;\n            if (childNode.className !== REACT_TOOLTIP_ClASS_NAME && childNode.style.display !== 'none') {\n              childNode.style.display = 'none';\n            }\n          }\n        }\n\n        setTooltipNode(\n          createPortal(<div className={REACT_TOOLTIP_ClASS_NAME}>{render(el, actualTooltip, params)}</div>, el)\n        );\n      }\n    } as ITooltipSpec;\n  }\n\n  return spec as ITooltipSpec;\n};\n"]}

package/esm/containers/withContainer.d.ts

@@ -4,5 +4,6 @@ export interface ContainerProps {
     className?: string;
     width?: number | string;
     height?: number | string;
+    id?: string;
 }
 export default function withContainer<P extends ContainerProps>(Comp: React.ComponentType<any>, name?: string, getProps?: (props: any) => any): React.ForwardRefExoticComponent<React.PropsWithoutRef<P> & React.RefAttributes<any>>;

package/esm/containers/withContainer.js

@@ -12,16 +12,17 @@ import React, { useRef, useState, useLayoutEffect } from "react";
 
 export default function withContainer(Comp, name = "ChartContainer", getProps) {
     const Cls = React.forwardRef(((props, ref) => {
-        const container = useRef(null), [inited, setInited] = useState(!1), {className: className, style: style, width: width} = props, options = __rest(props, [ "className", "style", "width" ]);
+        const container = useRef(null), [inited, setInited] = useState(!1), {className: className, style: style, width: width, height: height, id: id} = props, options = __rest(props, [ "className", "style", "width", "height", "id" ]);
         return useLayoutEffect((() => {
             setInited(!0);
         }), []), React.createElement("div", {
             ref: container,
+            id: id,
             className: className,
             style: Object.assign({
                 position: "relative",
-                height: props.height || "100%",
-                width: props.width || "100%"
+                height: height || "100%",
+                width: width || "100%"
             }, style)
         }, inited ? React.createElement(Comp, Object.assign({
             ref: ref,

package/esm/containers/withContainer.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/containers/withContainer.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,OAAO,CAAC;AASjE,MAAM,CAAC,OAAO,UAAU,aAAa,CACnC,IAA8B,EAC9B,IAAI,GAAG,gBAAgB,EACvB,QAA8B;IAE9B,MAAM,GAAG,GAAG,KAAK,CAAC,UAAU,CAAS,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;QAClD,MAAM,SAAS,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;QAC/C,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;QAC5C,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,KAAiB,KAAK,EAAjB,OAAO,UAAK,KAAK,EAA/C,+BAAuC,CAAQ,CAAC;QAEtD,eAAe,CAAC,GAAG,EAAE;YACnB,SAAS,CAAC,IAAI,CAAC,CAAC;QAClB,CAAC,EAAE,EAAE,CAAC,CAAC;QAEP,OAAO,CACL,6BACE,GAAG,EAAE,SAAS,EACd,SAAS,EAAE,SAAS,EACpB,KAAK,kBACH,QAAQ,EAAE,UAAU,EACpB,MAAM,EAAE,KAAK,CAAC,MAAM,IAAI,MAAM,EAC9B,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,MAAM,IACzB,KAAK,KAGT,MAAM,CAAC,CAAC,CAAC,CACR,oBAAC,IAAI,kBAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,SAAS,CAAC,OAAO,IAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,EAAI,CAC/F,CAAC,CAAC,CAAC,CACF,yCAAK,CACN,CACG,CACP,CAAC;IACJ,CAAC,CAAC,CAAC;IACH,GAAG,CAAC,WAAW,GAAG,IAAI,IAAI,IAAI,CAAC,IAAI,CAAC;IACpC,OAAO,GAAG,CAAC;AACb,CAAC","file":"withContainer.js","sourcesContent":["import React, { useRef, useState, useLayoutEffect } from 'react';\n\nexport interface ContainerProps {\n  style?: React.CSSProperties;\n  className?: string;\n  width?: number | string;\n  height?: number | string;\n}\n\nexport default function withContainer<P extends ContainerProps>(\n  Comp: React.ComponentType<any>,\n  name = 'ChartContainer',\n  getProps?: (props: any) => any\n) {\n  const Cls = React.forwardRef<any, P>((props, ref) => {\n    const container = useRef<HTMLDivElement>(null);\n    const [inited, setInited] = useState(false);\n    const { className, style, width, ...options } = props;\n\n    useLayoutEffect(() => {\n      setInited(true);\n    }, []);\n\n    return (\n      <div\n        ref={container}\n        className={className}\n        style={{\n          position: 'relative',\n          height: props.height || '100%',\n          width: props.width || '100%',\n          ...style\n        }}\n      >\n        {inited ? (\n          <Comp ref={ref} container={container.current} {...(getProps ? getProps(options) : options)} />\n        ) : (\n          <></>\n        )}\n      </div>\n    );\n  });\n  Cls.displayName = name || Comp.name;\n  return Cls;\n}\n"]}
+{"version":3,"sources":["../src/containers/withContainer.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,OAAO,CAAC;AAUjE,MAAM,CAAC,OAAO,UAAU,aAAa,CACnC,IAA8B,EAC9B,IAAI,GAAG,gBAAgB,EACvB,QAA8B;IAE9B,MAAM,GAAG,GAAG,KAAK,CAAC,UAAU,CAAS,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;QAClD,MAAM,SAAS,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;QAC/C,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;QAC5C,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,KAAiB,KAAK,EAAjB,OAAO,UAAK,KAAK,EAA3D,+CAAmD,CAAQ,CAAC;QAElE,eAAe,CAAC,GAAG,EAAE;YACnB,SAAS,CAAC,IAAI,CAAC,CAAC;QAClB,CAAC,EAAE,EAAE,CAAC,CAAC;QAEP,OAAO,CACL,6BACE,GAAG,EAAE,SAAS,EACd,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS,EACpB,KAAK,kBACH,QAAQ,EAAE,UAAU,EACpB,MAAM,EAAE,MAAM,IAAI,MAAM,EACxB,KAAK,EAAE,KAAK,IAAI,MAAM,IACnB,KAAK,KAGT,MAAM,CAAC,CAAC,CAAC,CACR,oBAAC,IAAI,kBAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,SAAS,CAAC,OAAO,IAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,EAAI,CAC/F,CAAC,CAAC,CAAC,CACF,yCAAK,CACN,CACG,CACP,CAAC;IACJ,CAAC,CAAC,CAAC;IACH,GAAG,CAAC,WAAW,GAAG,IAAI,IAAI,IAAI,CAAC,IAAI,CAAC;IACpC,OAAO,GAAG,CAAC;AACb,CAAC","file":"withContainer.js","sourcesContent":["import React, { useRef, useState, useLayoutEffect } from 'react';\n\nexport interface ContainerProps {\n  style?: React.CSSProperties;\n  className?: string;\n  width?: number | string;\n  height?: number | string;\n  id?: string;\n}\n\nexport default function withContainer<P extends ContainerProps>(\n  Comp: React.ComponentType<any>,\n  name = 'ChartContainer',\n  getProps?: (props: any) => any\n) {\n  const Cls = React.forwardRef<any, P>((props, ref) => {\n    const container = useRef<HTMLDivElement>(null);\n    const [inited, setInited] = useState(false);\n    const { className, style, width, height, id, ...options } = props;\n\n    useLayoutEffect(() => {\n      setInited(true);\n    }, []);\n\n    return (\n      <div\n        ref={container}\n        id={id}\n        className={className}\n        style={{\n          position: 'relative',\n          height: height || '100%',\n          width: width || '100%',\n          ...style\n        }}\n      >\n        {inited ? (\n          <Comp ref={ref} container={container.current} {...(getProps ? getProps(options) : options)} />\n        ) : (\n          <></>\n        )}\n      </div>\n    );\n  });\n  Cls.displayName = name || Comp.name;\n  return Cls;\n}\n"]}

package/esm/index.d.ts

@@ -5,6 +5,6 @@ export * from './VChart';
 export * from './VChartSimple';
 export * from './register';
 export { VChart as VChartCore } from '@visactor/vchart';
-export declare const version = "2.0.0-alpha.4";
+export declare const version = "2.0.1-alpha.0";
 export type { IAreaChartSpec, IBarChartSpec, IBoxPlotChartSpec, ICirclePackingChartSpec, ICommonChartSpec, IFunnelChartSpec, IGaugeChartSpec, IHeatmapChartSpec, IHistogramChartSpec, ILineChartSpec, IMapChartSpec, IPieChartSpec, ICircularProgressChartSpec, ILinearProgressChartSpec, IRadarChartSpec, IRangeColumnChartSpec, IRangeAreaChartSpec, IRoseChartSpec, IScatterChartSpec, ISankeyChartSpec, ISequenceChartSpec, ISunburstChartSpec, ITreemapChartSpec, IWaterfallChartSpec, ICorrelationChartSpec, ILiquidChartSpec, IWordCloudChartSpec, IPolarChartSpec, ICartesianChartSpec, ITheme, IInitOption, ISpec, IVChart } from '@visactor/vchart';
 export type { IBar3dChartSpec, IFunnel3dChartSpec, IHistogram3dChartSpec, IPie3dChartSpec, IRangeColumn3dChartSpec, IWordCloud3dChartSpec } from '@visactor/vchart-extension';

package/esm/index.js

@@ -12,5 +12,5 @@ export * from "./register";
 
 export { VChart as VChartCore } from "@visactor/vchart";
 
-export const version = "2.0.0-alpha.4";
+export const version = "2.0.1-alpha.0";
 //# sourceMappingURL=index.js.map

package/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAGxD,MAAM,CAAC,MAAM,OAAO,GAAG,eAAe,CAAC","file":"index.js","sourcesContent":["export * from './charts';\nexport * from './series';\nexport * from './components';\nexport * from './VChart';\nexport * from './VChartSimple';\nexport * from './register';\nexport { VChart as VChartCore } from '@visactor/vchart';\n\n// export the version, since @1.8.3\nexport const version = \"2.0.0-alpha.4\";\n\nexport type {\n  IAreaChartSpec,\n  IBarChartSpec,\n  IBoxPlotChartSpec,\n  ICirclePackingChartSpec,\n  ICommonChartSpec,\n  IFunnelChartSpec,\n  IGaugeChartSpec,\n  IHeatmapChartSpec,\n  IHistogramChartSpec,\n  ILineChartSpec,\n  IMapChartSpec,\n  IPieChartSpec,\n  ICircularProgressChartSpec,\n  ILinearProgressChartSpec,\n  IRadarChartSpec,\n  IRangeColumnChartSpec,\n  IRangeAreaChartSpec,\n  IRoseChartSpec,\n  IScatterChartSpec,\n  ISankeyChartSpec,\n  ISequenceChartSpec,\n  ISunburstChartSpec,\n  ITreemapChartSpec,\n  IWaterfallChartSpec,\n  ICorrelationChartSpec,\n  ILiquidChartSpec,\n  IWordCloudChartSpec,\n  IPolarChartSpec,\n  ICartesianChartSpec,\n  ITheme,\n  IInitOption,\n  ISpec,\n  IVChart\n} from '@visactor/vchart';\n\nexport type {\n  IBar3dChartSpec,\n  IFunnel3dChartSpec,\n  IHistogram3dChartSpec,\n  IPie3dChartSpec,\n  IRangeColumn3dChartSpec,\n  IWordCloud3dChartSpec\n} from '@visactor/vchart-extension';\n"]}
+{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAGxD,MAAM,CAAC,MAAM,OAAO,GAAG,eAAe,CAAC","file":"index.js","sourcesContent":["export * from './charts';\nexport * from './series';\nexport * from './components';\nexport * from './VChart';\nexport * from './VChartSimple';\nexport * from './register';\nexport { VChart as VChartCore } from '@visactor/vchart';\n\n// export the version, since @1.8.3\nexport const version = \"2.0.1-alpha.0\";\n\nexport type {\n  IAreaChartSpec,\n  IBarChartSpec,\n  IBoxPlotChartSpec,\n  ICirclePackingChartSpec,\n  ICommonChartSpec,\n  IFunnelChartSpec,\n  IGaugeChartSpec,\n  IHeatmapChartSpec,\n  IHistogramChartSpec,\n  ILineChartSpec,\n  IMapChartSpec,\n  IPieChartSpec,\n  ICircularProgressChartSpec,\n  ILinearProgressChartSpec,\n  IRadarChartSpec,\n  IRangeColumnChartSpec,\n  IRangeAreaChartSpec,\n  IRoseChartSpec,\n  IScatterChartSpec,\n  ISankeyChartSpec,\n  ISequenceChartSpec,\n  ISunburstChartSpec,\n  ITreemapChartSpec,\n  IWaterfallChartSpec,\n  ICorrelationChartSpec,\n  ILiquidChartSpec,\n  IWordCloudChartSpec,\n  IPolarChartSpec,\n  ICartesianChartSpec,\n  ITheme,\n  IInitOption,\n  ISpec,\n  IVChart\n} from '@visactor/vchart';\n\nexport type {\n  IBar3dChartSpec,\n  IFunnel3dChartSpec,\n  IHistogram3dChartSpec,\n  IPie3dChartSpec,\n  IRangeColumn3dChartSpec,\n  IWordCloud3dChartSpec\n} from '@visactor/vchart-extension';\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@visactor/react-vchart",
-  "version": "2.0.0-alpha.4",
+  "version": "2.0.1-alpha.0",
   "sideEffects": false,
   "description": "The react version of VChart 4.x",
   "keywords": [
@@ -23,11 +23,11 @@
     "dist"
   ],
   "dependencies": {
-    "@visactor/vchart": "2.0.0-alpha.4",
-    "@visactor/vchart-extension": "2.0.0-alpha.4",
+    "@visactor/vchart": "2.0.1-alpha.0",
+    "@visactor/vchart-extension": "2.0.1-alpha.0",
     "@visactor/vutils": "~1.0.6",
-    "@visactor/vrender-core": "1.0.0-alpha.23",
-    "@visactor/vrender-kits": "1.0.0-alpha.23",
+    "@visactor/vrender-core": "1.0.4",
+    "@visactor/vrender-kits": "1.0.4",
     "react-is": "^18.2.0"
   },
   "devDependencies": {