@visactor/react-vchart 2.0.0-alpha.0 → 2.0.0-alpha.2

package/README.md

@@ -1,18 +1,18 @@
 # @visactor/react-vchart
 
-`@visactor/react-vchart` 是由 [VisActor](visactor.io) 为您提供的 React 封装版本 VChart 图表库。它提供了一系列易于使用的 React 组件，用于方便的在 React 开发环境中创建各种类型的图表，包括折线图、柱状图、饼图等。`@visactor/react-vchart` 的组件具有高度的可定制性和可扩展性，可以通过传递不同的参数和配置来实现不同的图表效果。
+`@visactor/react-vchart` is a React wrapper version of the VChart library provided by [VisActor](visactor.io). It offers a series of easy-to-use React components for creating various types of charts in a React development environment, including line charts, bar charts, pie charts, and more. The components in `@visactor/react-vchart` are highly customizable and extensible, allowing you to achieve different chart effects through various parameters and configurations.
 
-`@visactor/react-vchart` 的主要特点包括：
+Key features of `@visactor/react-vchart` include:
 
-- **易于使用**：`@visactor/react-vchart` 提供了一系列易于使用的 React 组件，可以快速创建各种类型的图表。
-- **可定制性强**：`@visactor/react-vchart` 的组件具有高度的可定制性，可以通过传递不同的参数和配置来实现不同的图表效果。
-- **可扩展性强**：`@visactor/react-vchart` 的组件可以轻松地扩展和定制，可以根据需要添加新的功能和特性。
-- **兼容性好**：`@visactor/react-vchart` 完全继承了 VChart 的可视化能力，可以在不同的浏览器和设备上运行。
-- **支持多种图表类型**：`@visactor/react-vchart` 支持多种类型的图表，包括折线图、柱状图、饼图、雷达图等。
+- **Easy to Use**: `@visactor/react-vchart` provides a series of user-friendly React components for quickly creating various types of charts.
+- **Highly Customizable**: The components in `@visactor/react-vchart` are highly customizable, allowing you to achieve different chart effects through various parameters and configurations.
+- **Extensible**: `@visactor/react-vchart` components can be easily extended and customized, allowing you to add new functionalities and features as needed.
+- **Good Compatibility**: `@visactor/react-vchart` fully inherits VChart's visualization capabilities and can run on different browsers and devices.
+- **Support for Multiple Chart Types**: `@visactor/react-vchart` supports various types of charts, including line charts, bar charts, pie charts, radar charts, and more.
 
-`@visactor/react-vchart` 在能力上完全对齐 VChart，并且 API 配置也与 VChart 几乎一致，关于图表的定义和配置可参考[VChart](https://www.visactor.io/vchart)。
+`@visactor/react-vchart` is fully aligned with VChart in terms of capabilities, and its API configuration is almost identical to VChart. For chart definitions and configurations, please refer to [VChart](https://www.visactor.io/vchart).
 
-## 开发指引
+## Development Guide
 
 ### Build
 
@@ -35,20 +35,12 @@ $ cd packages/react-vchart
 $ rushx start
 ```
 
-## 文档指引
-
-项目文档位于 `@visactor/react-vchart` 目录中的 [docs](./docs) 路径。
-
-1. [快速开始](./docs/1.%20%E5%BF%AB%E9%80%9F%E5%BC%80%E5%A7%8B.md)
-   - 环境要求
-   - 安装
-   - 引入 `@visactor/react-vchart`
-   - 绘制一个简单的柱状图
-2. 入门
-   - [API 设计](./docs/2.1%20API%E8%AE%BE%E8%AE%A1.md)
-   - [统一图表标签](./docs//2.2%20%E7%BB%9F%E4%B8%80%E5%9B%BE%E8%A1%A8%E6%A0%87%E7%AD%BE.md)
-   - [语法化标签](./docs/2.3%20%E8%AF%AD%E6%B3%95%E5%8C%96%E6%A0%87%E7%AD%BE.md)
-3. [事件交互](./docs/3.%20%E4%BA%8B%E4%BB%B6%E4%BA%A4%E4%BA%92.md)
-4. [主题样式](./docs/4.%20%E4%B8%BB%E9%A2%98%E6%A0%B7%E5%BC%8F.md)
-5. [FAQ](./docs/5.%20FAQ.md)
-6. [更新日志](./docs/6.%20%E6%9B%B4%E6%96%B0%E6%97%A5%E5%BF%97.md)
+## Documentation Guide
+
+[guide](https://github.com/VisActor/VChart/blob/develop/docs/assets/guide/zh/tutorial_docs/Cross-terminal_and_Developer_Ecology/react.md)
+
+[demo](https://github.com/VisActor/VChart/tree/develop/docs/assets/examples-react)
+
+[online guide](https://www.visactor.io/vchart/guide/tutorial_docs/Cross-terminal_and_Developer_Ecology/react)
+
+[online demo](https://www.visactor.io/vchart/example-react)

package/cjs/VChart.d.ts

@@ -1,3 +1,3 @@
 import { BaseChartProps } from './charts/BaseChart';
 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>>;
+export declare const VChart: import("react").ForwardRefExoticComponent<VChartProps & import("react").RefAttributes<any>>;

package/cjs/VChartSimple.d.ts

@@ -3,4 +3,4 @@ import { BaseChartProps } from './charts/BaseChart';
 export type VChartSimpleProps = Omit<BaseChartProps, 'container' | 'data' | 'width' | 'height' | 'vchartConstrouctor'>;
 export declare const VChartSimple: import("react").ForwardRefExoticComponent<VChartSimpleProps & {
     vchartConstrouctor: IVChartConstructor;
-} & import("./containers/withContainer").ContainerProps & import("react").RefAttributes<any>>;
+} & import("react").RefAttributes<any>>;

package/cjs/charts/AreaChart.d.ts

@@ -7,4 +7,4 @@ export declare const AreaChart: React.ForwardRefExoticComponent<AreaChartProps &
     children?: React.ReactNode;
 } & {
     type?: 'area';
-} & import("../containers/withContainer").ContainerProps & React.RefAttributes<any>>;
+} & React.RefAttributes<any>>;

package/cjs/charts/Bar3dChart.d.ts

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

package/cjs/charts/Bar3dChart.js

@@ -4,10 +4,10 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.Bar3dChart = void 0;
 
-const vchart_1 = require("@visactor/vchart"), BaseChart_1 = require("./BaseChart"), cartesian_1 = require("./registers/cartesian");
+const vchart_1 = require("@visactor/vchart"), vchart_extension_1 = require("@visactor/vchart-extension"), BaseChart_1 = require("./BaseChart"), cartesian_1 = require("./registers/cartesian");
 
 exports.Bar3dChart = (0, BaseChart_1.createChart)("Bar3dChart", {
     type: "bar3d",
     vchartConstrouctor: vchart_1.VChart
-}, [ vchart_1.registerBar3dChart, vchart_1.registerLabel, vchart_1.registerTotalLabel, ...cartesian_1.registers ]);
+}, [ vchart_extension_1.registerBar3dChart, vchart_1.registerLabel, vchart_1.registerTotalLabel, ...cartesian_1.registers ]);
 //# sourceMappingURL=Bar3dChart.js.map

package/cjs/charts/Bar3dChart.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/charts/Bar3dChart.tsx"],"names":[],"mappings":";;;AAEA,6CAAiG;AAEjG,2CAA0C;AAC1C,qDAAkD;AAQrC,QAAA,UAAU,GAAG,IAAA,uBAAW,EACnC,YAAY,EACZ;IACE,IAAI,EAAE,OAAO;IACb,kBAAkB,EAAE,eAA4B;CACjD,EACD,CAAC,2BAAkB,EAAE,sBAAa,EAAE,2BAAkB,EAAE,GAAG,qBAAS,CAAC,CACtE,CAAC","file":"Bar3dChart.js","sourcesContent":["import type React from 'react';\nimport type { IBar3dChartSpec, IVChartConstructor } from '@visactor/vchart';\nimport { VChart, registerBar3dChart, registerLabel, registerTotalLabel } from '@visactor/vchart';\nimport type { BaseChartProps } from './BaseChart';\nimport { createChart } from './BaseChart';\nimport { registers } from './registers/cartesian';\n\nexport interface Bar3dChartProps\n  extends Omit<BaseChartProps, 'container' | 'type' | 'data'>,\n    Omit<Partial<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, ...registers]\n);\n"]}
+{"version":3,"sources":["../src/charts/Bar3dChart.tsx"],"names":[],"mappings":";;;AAEA,6CAA6E;AAC7E,iEAAgE;AAGhE,2CAA0C;AAC1C,qDAAkD;AAQrC,QAAA,UAAU,GAAG,IAAA,uBAAW,EACnC,YAAY,EACZ;IACE,IAAI,EAAE,OAAO;IACb,kBAAkB,EAAE,eAA4B;CACjD,EACD,CAAC,qCAAkB,EAAE,sBAAa,EAAE,2BAAkB,EAAE,GAAG,qBAAS,CAAC,CACtE,CAAC","file":"Bar3dChart.js","sourcesContent":["import type React from 'react';\nimport type { IVChartConstructor } from '@visactor/vchart';\nimport { VChart, registerLabel, registerTotalLabel } from '@visactor/vchart';\nimport { registerBar3dChart } from '@visactor/vchart-extension';\nimport type { IBar3dChartSpec } from '@visactor/vchart-extension';\nimport type { BaseChartProps } from './BaseChart';\nimport { createChart } from './BaseChart';\nimport { registers } from './registers/cartesian';\n\nexport interface Bar3dChartProps\n  extends Omit<BaseChartProps, 'container' | 'type' | 'data'>,\n    Omit<Partial<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, ...registers]\n);\n"]}

package/cjs/charts/BarChart.d.ts

@@ -7,4 +7,4 @@ export declare const BarChart: React.ForwardRefExoticComponent<BarChartProps & {
     children?: React.ReactNode;
 } & {
     type?: 'bar';
-} & import("../containers/withContainer").ContainerProps & React.RefAttributes<any>>;
+} & React.RefAttributes<any>>;

package/cjs/charts/BaseChart.d.ts

@@ -1,6 +1,5 @@
 import type { IVChart, IData, IInitOption, ISpec, IVChartConstructor, IHierarchyData, IVChartRenderOption } from '@visactor/vchart';
 import React from 'react';
-import type { ContainerProps } from '../containers/withContainer';
 import type { EventsProps, LegendEventProps, ScrollBarEventProps, BrushEventProps, DataZoomEventProps, PlayerEventProps, DimensionEventProps, HierarchyEventProps, ChartLifeCycleEventProps } from '../eventsUtils';
 import type { IReactTooltipProps } from '../components/tooltip/interface';
 export type ChartOptions = Omit<IInitOption, 'dom'>;
@@ -20,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>, registers?: (() => void)[]) => 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> & React.RefAttributes<any>>;
 export {};

package/cjs/charts/BaseChart.js

@@ -33,7 +33,7 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.createChart = void 0;
 
-const react_1 = __importStar(require("react")), withContainer_1 = __importDefault(require("../containers/withContainer")), chart_1 = __importDefault(require("../context/chart")), vutils_1 = require("@visactor/vutils"), view_1 = __importDefault(require("../context/view")), util_1 = require("../util"), constants_1 = require("../constants"), eventsUtils_1 = require("../eventsUtils"), util_2 = require("../components/tooltip/util"), notSpecKeys = [ ...constants_1.REACT_PRIVATE_PROPS, ...eventsUtils_1.CHART_EVENTS_KEYS, "vchartConstrouctor", "useSyncRender", "skipFunctionDiff", "onError", "onReady", "spec", "container", "options", "morphConfig" ], defaultMorphConfig = {
+const react_1 = __importStar(require("react")), withContainer_1 = __importDefault(require("../containers/withContainer")), chart_1 = __importDefault(require("../context/chart")), vutils_1 = require("@visactor/vutils"), util_1 = require("../util"), constants_1 = require("../constants"), eventsUtils_1 = require("../eventsUtils"), util_2 = require("../components/tooltip/util"), notSpecKeys = [ ...constants_1.REACT_PRIVATE_PROPS, ...eventsUtils_1.CHART_EVENTS_KEYS, "vchartConstrouctor", "useSyncRender", "skipFunctionDiff", "onError", "onReady", "spec", "container", "options", "morphConfig" ], defaultMorphConfig = {
     morph: !1,
     enableExitAnimation: !1
 }, getComponentId = (child, index) => `${child && child.type && (child.type.displayName || child.type.name)}-${index}`, parseSpecFromChildren = props => {
@@ -54,8 +54,8 @@ const react_1 = __importStar(require("react")), withContainer_1 = __importDefaul
         var _a;
         return null === (_a = chartContext.current) || void 0 === _a ? void 0 : _a.chart;
     }));
-    const hasSpec = !!props.spec, [view, setView] = (0, react_1.useState)(null), isUnmount = (0, 
-    react_1.useRef)(!1), prevSpec = (0, react_1.useRef)((0, vutils_1.pickWithout)(props, notSpecKeys)), specFromChildren = (0, 
+    const hasSpec = !!props.spec, isUnmount = (0, react_1.useRef)(!1), prevSpec = (0, 
+    react_1.useRef)((0, vutils_1.pickWithout)(props, notSpecKeys)), specFromChildren = (0, 
     react_1.useRef)(null), eventsBinded = react_1.default.useRef(null), skipFunctionDiff = !!props.skipFunctionDiff, [tooltipNode, setTooltipNode] = (0, 
     react_1.useState)(null), parseSpec = props => {
         let spec;
@@ -64,13 +64,11 @@ const react_1 = __importStar(require("react")), withContainer_1 = __importDefaul
         }))) : spec = Object.assign(Object.assign({}, prevSpec.current), specFromChildren.current);
         const tooltipSpec = (0, util_2.initCustomTooltip)(setTooltipNode, props, spec.tooltip);
         return tooltipSpec && (spec.tooltip = tooltipSpec), spec;
-    }, handleChartRender = () => {
+    }, handleChartRender = rebindEvent => {
         if (!isUnmount.current) {
             if (!chartContext.current || !chartContext.current.chart) return;
-            (0, eventsUtils_1.bindEventsToChart)(chartContext.current.chart, props, eventsBinded.current, eventsUtils_1.CHART_EVENTS);
-            const newView = chartContext.current.chart.getCompiler().getVGrammarView();
-            setUpdateId(updateId + 1), props.onReady && props.onReady(chartContext.current.chart, 0 === updateId), 
-            setView(newView);
+            rebindEvent && (0, eventsUtils_1.bindEventsToChart)(chartContext.current.chart, props, eventsBinded.current, eventsUtils_1.CHART_EVENTS), 
+            setUpdateId(updateId + 1), props.onReady && props.onReady(chartContext.current.chart, 0 === updateId);
         }
     };
     return (0, react_1.useEffect)((() => {
@@ -86,27 +84,28 @@ const react_1 = __importStar(require("react")), withContainer_1 = __importDefaul
             chartContext.current = Object.assign(Object.assign({}, chartContext.current), {
                 chart: cs
             }), isUnmount.current = !1;
-        })(props), chartContext.current.chart && (chartContext.current.chart.renderSync({
+        })(props), chartContext.current.chart && ((0, eventsUtils_1.bindEventsToChart)(chartContext.current.chart, props, eventsBinded.current, eventsUtils_1.CHART_EVENTS), 
+        chartContext.current.chart.renderSync({
             reuse: !1
         }), handleChartRender()), void (eventsBinded.current = props);
         if (hasSpec) return void ((0, vutils_1.isEqual)(eventsBinded.current.spec, props.spec, {
             skipFunction: skipFunctionDiff
         }) ? eventsBinded.current.data !== props.data && (chartContext.current.chart.updateFullDataSync(props.data), 
-        handleChartRender(), eventsBinded.current = props) : (chartContext.current.chart.updateSpecSync(parseSpec(props), void 0, null !== (_b = props.morphConfig) && void 0 !== _b ? _b : defaultMorphConfig), 
-        handleChartRender(), eventsBinded.current = props));
+        handleChartRender(!0), eventsBinded.current = props) : (chartContext.current.chart.updateSpecSync(parseSpec(props), void 0, null !== (_b = props.morphConfig) && void 0 !== _b ? _b : defaultMorphConfig), 
+        handleChartRender(!0), eventsBinded.current = props));
         const newSpec = (0, vutils_1.pickWithout)(props, notSpecKeys);
         (0, vutils_1.isEqual)(newSpec, prevSpec.current, {
             skipFunction: skipFunctionDiff
-        }) && (0, vutils_1.isEqual)(newSpecFromChildren, specFromChildren.current) || (prevSpec.current = newSpec, 
-        specFromChildren.current = newSpecFromChildren, chartContext.current.chart.updateSpecSync(parseSpec(props), void 0, null !== (_c = props.morphConfig) && void 0 !== _c ? _c : defaultMorphConfig), 
-        handleChartRender(), eventsBinded.current = props);
+        }) && (0, vutils_1.isEqual)(newSpecFromChildren, specFromChildren.current, {
+            skipFunction: skipFunctionDiff
+        }) || (prevSpec.current = newSpec, specFromChildren.current = newSpecFromChildren, 
+        chartContext.current.chart.updateSpecSync(parseSpec(props), void 0, null !== (_c = props.morphConfig) && void 0 !== _c ? _c : defaultMorphConfig), 
+        handleChartRender(!0), eventsBinded.current = props);
     }), [ props ]), (0, react_1.useEffect)((() => () => {
         chartContext && chartContext.current && chartContext.current.chart && (chartContext.current.chart.release(), 
         chartContext.current.chart = null), eventsBinded.current = null, isUnmount.current = !0;
     }), []), react_1.default.createElement(chart_1.default.Provider, {
         value: chartContext.current
-    }, react_1.default.createElement(view_1.default.Provider, {
-        value: view
     }, (0, util_1.toArray)(props.children).map(((child, index) => {
         if ("string" == typeof child) return null;
         const childId = getComponentId(child, index);
@@ -116,7 +115,7 @@ const react_1 = __importStar(require("react")), withContainer_1 = __importDefaul
             updateId: updateId,
             componentId: childId
         }));
-    })), tooltipNode));
+    })), tooltipNode);
 })), createChart = (componentName, defaultProps, registers) => {
     registers && registers.length && defaultProps.vchartConstrouctor && defaultProps.vchartConstrouctor.useRegisters(registers);
     const Com = (0, withContainer_1.default)(BaseChart, componentName, (props => defaultProps ? Object.assign(props, defaultProps) : props));

package/cjs/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 {\n  IVChart,\n  IData,\n  IInitOption,\n  ISpec,\n  IVChartConstructor,\n  IHierarchyData,\n  IVChartRenderOption\n} from '@visactor/vchart';\nimport type { ReactNode } from 'react';\nimport React, { useState, useEffect, useRef, useImperativeHandle } from 'react';\nimport type { ContainerProps } from '../containers/withContainer';\nimport withContainer from '../containers/withContainer';\nimport type { ChartContextType } from '../context/chart';\nimport RootChartContext 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 type {\n  EventsProps,\n  LegendEventProps,\n  ScrollBarEventProps,\n  BrushEventProps,\n  DataZoomEventProps,\n  PlayerEventProps,\n  DimensionEventProps,\n  HierarchyEventProps,\n  ChartLifeCycleEventProps\n} from '../eventsUtils';\nimport { bindEventsToChart, CHART_EVENTS_KEYS, CHART_EVENTS } from '../eventsUtils';\nimport type { 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   * add `morphConfig` for chart\n   * @since 1.12.7\n   */\n  morphConfig?: IVChartRenderOption['morphConfig'];\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  'morphConfig'\n];\nconst defaultMorphConfig = {\n  morph: false,\n  enableExitAnimation: false\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 as any)[specResult.specName] = specResult.spec;\n      } else {\n        if (!(specFromChildren as any)[specResult.specName]) {\n          (specFromChildren as any)[specResult.specName] = [];\n        }\n\n        (specFromChildren as any)[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;\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      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, props.morphConfig ?? defaultMorphConfig);\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, props.morphConfig ?? defaultMorphConfig);\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 null;\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"]}
+{"version":3,"sources":["../src/charts/BaseChart.tsx"],"names":[],"mappings":"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","file":"BaseChart.js","sourcesContent":["import type {\n  IVChart,\n  IData,\n  IInitOption,\n  ISpec,\n  IVChartConstructor,\n  IHierarchyData,\n  IVChartRenderOption\n} from '@visactor/vchart';\nimport type { ReactNode } from 'react';\nimport React, { useState, useEffect, useRef, useImperativeHandle } from 'react';\nimport type { ContainerProps } from '../containers/withContainer';\nimport withContainer from '../containers/withContainer';\nimport type { ChartContextType } from '../context/chart';\nimport RootChartContext from '../context/chart';\nimport { isEqual, isNil, isValid, pickWithout } from '@visactor/vutils';\nimport { toArray } from '../util';\nimport { REACT_PRIVATE_PROPS } from '../constants';\nimport type {\n  EventsProps,\n  LegendEventProps,\n  ScrollBarEventProps,\n  BrushEventProps,\n  DataZoomEventProps,\n  PlayerEventProps,\n  DimensionEventProps,\n  HierarchyEventProps,\n  ChartLifeCycleEventProps\n} from '../eventsUtils';\nimport { bindEventsToChart, CHART_EVENTS_KEYS, CHART_EVENTS } from '../eventsUtils';\nimport type { 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   * add `morphConfig` for chart\n   * @since 1.12.7\n   */\n  morphConfig?: IVChartRenderOption['morphConfig'];\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  'morphConfig'\n];\nconst defaultMorphConfig = {\n  morph: false,\n  enableExitAnimation: false\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 as any)[specResult.specName] = specResult.spec;\n      } else {\n        if (!(specFromChildren as any)[specResult.specName]) {\n          (specFromChildren as any)[specResult.specName] = [];\n        }\n\n        (specFromChildren as any)[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 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;\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 = (rebindEvent?: boolean) => {\n    // rebind events after render\n    if (!isUnmount.current) {\n      if (!chartContext.current || !chartContext.current.chart) {\n        return;\n      }\n\n      if (rebindEvent) {\n        bindEventsToChart(chartContext.current.chart, props, eventsBinded.current, CHART_EVENTS);\n      }\n\n      setUpdateId(updateId + 1);\n      if (props.onReady) {\n        props.onReady(chartContext.current.chart, updateId === 0);\n      }\n    }\n  };\n\n  const renderChart = () => {\n    if (chartContext.current.chart) {\n      // event should bind before render when the chart has not been rendered\n      bindEventsToChart(chartContext.current.chart, props, eventsBinded.current, CHART_EVENTS);\n\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, props.morphConfig ?? defaultMorphConfig);\n        handleChartRender(true);\n        eventsBinded.current = props;\n      } else if (eventsBinded.current.data !== props.data) {\n        chartContext.current.chart.updateFullDataSync(props.data as any);\n        handleChartRender(true);\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, { skipFunction: skipFunctionDiff })\n    ) {\n      prevSpec.current = newSpec;\n      specFromChildren.current = newSpecFromChildren;\n\n      chartContext.current.chart.updateSpecSync(parseSpec(props), undefined, props.morphConfig ?? defaultMorphConfig);\n      handleChartRender(true);\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      {toArray(props.children).map((child, index) => {\n        if (typeof child === 'string') {\n          return null;\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    </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<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/cjs/charts/BoxPlotChart.d.ts

@@ -7,4 +7,4 @@ export declare const BoxPlotChart: React.ForwardRefExoticComponent<BoxPlotChartP
     children?: React.ReactNode;
 } & {
     type?: 'boxPlot';
-} & import("../containers/withContainer").ContainerProps & React.RefAttributes<any>>;
+} & React.RefAttributes<any>>;

package/cjs/charts/CirclePackingChart.d.ts

@@ -7,4 +7,4 @@ export declare const CirclePackingChart: React.ForwardRefExoticComponent<CircleP
     children?: React.ReactNode;
 } & {
     type?: 'circlePacking';
-} & import("../containers/withContainer").ContainerProps & React.RefAttributes<any>>;
+} & React.RefAttributes<any>>;

package/cjs/charts/CircularProgressChart.d.ts

@@ -7,4 +7,4 @@ export declare const CircularProgressChart: React.ForwardRefExoticComponent<Circ
     children?: React.ReactNode;
 } & {
     type?: 'circularProgress';
-} & import("../containers/withContainer").ContainerProps & React.RefAttributes<any>>;
+} & React.RefAttributes<any>>;

package/cjs/charts/CommonChart.d.ts

@@ -7,4 +7,4 @@ export declare const CommonChart: React.ForwardRefExoticComponent<CommonChartPro
     children?: React.ReactNode;
 } & {
     type?: 'common';
-} & import("../containers/withContainer").ContainerProps & React.RefAttributes<any>>;
+} & React.RefAttributes<any>>;

package/cjs/charts/CorrelationChart.d.ts

@@ -7,4 +7,4 @@ export declare const CorrelationChart: React.ForwardRefExoticComponent<Correlati
     children?: React.ReactNode;
 } & {
     type?: 'correlation';
-} & import("../containers/withContainer").ContainerProps & React.RefAttributes<any>>;
+} & React.RefAttributes<any>>;

package/cjs/charts/Funnel3dChart.d.ts

@@ -1,10 +1,10 @@
 import type React from 'react';
-import type { IFunnel3dChartSpec } from '@visactor/vchart';
 import type { BaseChartProps } from './BaseChart';
+import type { IFunnel3dChartSpec } from '@visactor/vchart-extension';
 export interface Funnel3dChartProps extends Omit<BaseChartProps, 'container' | 'type' | 'data'>, Omit<Partial<IFunnel3dChartSpec>, 'type'> {
 }
 export declare const Funnel3dChart: React.ForwardRefExoticComponent<Funnel3dChartProps & {
     children?: React.ReactNode;
 } & {
     type?: 'funnel3d';
-} & import("../containers/withContainer").ContainerProps & React.RefAttributes<any>>;
+} & React.RefAttributes<any>>;

package/cjs/charts/Funnel3dChart.js

@@ -4,10 +4,10 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.Funnel3dChart = void 0;
 
-const vchart_1 = require("@visactor/vchart"), BaseChart_1 = require("./BaseChart"), simple_1 = require("./registers/simple");
+const vchart_1 = require("@visactor/vchart"), BaseChart_1 = require("./BaseChart"), simple_1 = require("./registers/simple"), vchart_extension_1 = require("@visactor/vchart-extension");
 
 exports.Funnel3dChart = (0, BaseChart_1.createChart)("Funnel3dChart", {
     type: "funnel3d",
     vchartConstrouctor: vchart_1.VChart
-}, [ vchart_1.registerFunnel3dChart, vchart_1.registerLabel, ...simple_1.registers ]);
+}, [ vchart_extension_1.registerFunnel3dChart, vchart_1.registerLabel, ...simple_1.registers ]);
 //# sourceMappingURL=Funnel3dChart.js.map

package/cjs/charts/Funnel3dChart.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/charts/Funnel3dChart.tsx"],"names":[],"mappings":";;;AAEA,6CAAgF;AAEhF,2CAA0C;AAC1C,+CAA+C;AAMlC,QAAA,aAAa,GAAG,IAAA,uBAAW,EACtC,eAAe,EACf;IACE,IAAI,EAAE,UAAU;IAChB,kBAAkB,EAAE,eAA4B;CACjD,EACD,CAAC,8BAAqB,EAAE,sBAAa,EAAE,GAAG,kBAAS,CAAC,CACrD,CAAC","file":"Funnel3dChart.js","sourcesContent":["import type React from 'react';\nimport type { IFunnel3dChartSpec, IVChartConstructor } from '@visactor/vchart';\nimport { VChart, registerFunnel3dChart, registerLabel } from '@visactor/vchart';\nimport type { BaseChartProps } from './BaseChart';\nimport { createChart } from './BaseChart';\nimport { registers } from './registers/simple';\n\nexport interface Funnel3dChartProps\n  extends Omit<BaseChartProps, 'container' | 'type' | 'data'>,\n    Omit<Partial<IFunnel3dChartSpec>, 'type'> {}\n\nexport const Funnel3dChart = createChart<React.PropsWithChildren<Funnel3dChartProps> & { type?: 'funnel3d' }>(\n  'Funnel3dChart',\n  {\n    type: 'funnel3d',\n    vchartConstrouctor: VChart as IVChartConstructor\n  },\n  [registerFunnel3dChart, registerLabel, ...registers]\n);\n"]}
+{"version":3,"sources":["../src/charts/Funnel3dChart.tsx"],"names":[],"mappings":";;;AAEA,6CAAyD;AAEzD,2CAA0C;AAC1C,+CAA+C;AAE/C,iEAAmE;AAMtD,QAAA,aAAa,GAAG,IAAA,uBAAW,EACtC,eAAe,EACf;IACE,IAAI,EAAE,UAAU;IAChB,kBAAkB,EAAE,eAA4B;CACjD,EACD,CAAC,wCAAqB,EAAE,sBAAa,EAAE,GAAG,kBAAS,CAAC,CACrD,CAAC","file":"Funnel3dChart.js","sourcesContent":["import type React from 'react';\nimport type { IVChartConstructor } from '@visactor/vchart';\nimport { VChart, registerLabel } from '@visactor/vchart';\nimport type { BaseChartProps } from './BaseChart';\nimport { createChart } from './BaseChart';\nimport { registers } from './registers/simple';\nimport type { IFunnel3dChartSpec } from '@visactor/vchart-extension';\nimport { registerFunnel3dChart } from '@visactor/vchart-extension';\n\nexport interface Funnel3dChartProps\n  extends Omit<BaseChartProps, 'container' | 'type' | 'data'>,\n    Omit<Partial<IFunnel3dChartSpec>, 'type'> {}\n\nexport const Funnel3dChart = createChart<React.PropsWithChildren<Funnel3dChartProps> & { type?: 'funnel3d' }>(\n  'Funnel3dChart',\n  {\n    type: 'funnel3d',\n    vchartConstrouctor: VChart as IVChartConstructor\n  },\n  [registerFunnel3dChart, registerLabel, ...registers]\n);\n"]}

package/cjs/charts/FunnelChart.d.ts

@@ -7,4 +7,4 @@ export declare const FunnelChart: React.ForwardRefExoticComponent<FunnelChartPro
     children?: React.ReactNode;
 } & {
     type?: 'funnel';
-} & import("../containers/withContainer").ContainerProps & React.RefAttributes<any>>;
+} & React.RefAttributes<any>>;

package/cjs/charts/GaugeChart.d.ts

@@ -7,4 +7,4 @@ export declare const GaugeChart: React.ForwardRefExoticComponent<GaugeChartProps
     children?: React.ReactNode;
 } & {
     type?: 'gauge';
-} & import("../containers/withContainer").ContainerProps & React.RefAttributes<any>>;
+} & React.RefAttributes<any>>;

package/cjs/charts/HeatmapChart.d.ts

@@ -7,4 +7,4 @@ export declare const HeatmapChart: React.ForwardRefExoticComponent<HeatmapChartP
     children?: React.ReactNode;
 } & {
     type?: 'heatmap';
-} & import("../containers/withContainer").ContainerProps & React.RefAttributes<any>>;
+} & React.RefAttributes<any>>;

package/cjs/charts/Histogram3dChart.d.ts

@@ -1,10 +1,10 @@
 import type React from 'react';
-import type { IHistogram3dChartSpec } from '@visactor/vchart';
 import type { BaseChartProps } from './BaseChart';
+import type { IHistogram3dChartSpec } from '@visactor/vchart-extension';
 export interface Histogram3dChartProps extends Omit<BaseChartProps, 'container' | 'type' | 'data'>, Omit<Partial<IHistogram3dChartSpec>, 'type'> {
 }
 export declare const Histogram3dChart: React.ForwardRefExoticComponent<Histogram3dChartProps & {
     children?: React.ReactNode;
 } & {
     type?: 'histogram3d';
-} & import("../containers/withContainer").ContainerProps & React.RefAttributes<any>>;
+} & React.RefAttributes<any>>;

package/cjs/charts/Histogram3dChart.js

@@ -4,10 +4,10 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.Histogram3dChart = void 0;
 
-const vchart_1 = require("@visactor/vchart"), BaseChart_1 = require("./BaseChart"), cartesian_1 = require("./registers/cartesian");
+const vchart_1 = require("@visactor/vchart"), BaseChart_1 = require("./BaseChart"), cartesian_1 = require("./registers/cartesian"), vchart_extension_1 = require("@visactor/vchart-extension");
 
 exports.Histogram3dChart = (0, BaseChart_1.createChart)("Histogram3dChart", {
     type: "histogram3d",
     vchartConstrouctor: vchart_1.VChart
-}, [ vchart_1.registerHistogram3dChart, vchart_1.registerLabel, ...cartesian_1.registers ]);
+}, [ vchart_extension_1.registerHistogram3dChart, vchart_1.registerLabel, ...cartesian_1.registers ]);
 //# sourceMappingURL=Histogram3dChart.js.map

package/cjs/charts/Histogram3dChart.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/charts/Histogram3dChart.tsx"],"names":[],"mappings":";;;AAEA,6CAAmF;AAEnF,2CAA0C;AAC1C,qDAAkD;AAMrC,QAAA,gBAAgB,GAAG,IAAA,uBAAW,EACzC,kBAAkB,EAClB;IACE,IAAI,EAAE,aAAa;IACnB,kBAAkB,EAAE,eAA4B;CACjD,EACD,CAAC,iCAAwB,EAAE,sBAAa,EAAE,GAAG,qBAAS,CAAC,CACxD,CAAC","file":"Histogram3dChart.js","sourcesContent":["import type React from 'react';\nimport type { IHistogram3dChartSpec, IVChartConstructor } from '@visactor/vchart';\nimport { VChart, registerHistogram3dChart, registerLabel } from '@visactor/vchart';\nimport type { BaseChartProps } from './BaseChart';\nimport { createChart } from './BaseChart';\nimport { registers } from './registers/cartesian';\n\nexport interface Histogram3dChartProps\n  extends Omit<BaseChartProps, 'container' | 'type' | 'data'>,\n    Omit<Partial<IHistogram3dChartSpec>, 'type'> {}\n\nexport const Histogram3dChart = createChart<React.PropsWithChildren<Histogram3dChartProps> & { type?: 'histogram3d' }>(\n  'Histogram3dChart',\n  {\n    type: 'histogram3d',\n    vchartConstrouctor: VChart as IVChartConstructor\n  },\n  [registerHistogram3dChart, registerLabel, ...registers]\n);\n"]}
+{"version":3,"sources":["../src/charts/Histogram3dChart.tsx"],"names":[],"mappings":";;;AAEA,6CAAyD;AAEzD,2CAA0C;AAC1C,qDAAkD;AAElD,iEAAsE;AAMzD,QAAA,gBAAgB,GAAG,IAAA,uBAAW,EACzC,kBAAkB,EAClB;IACE,IAAI,EAAE,aAAa;IACnB,kBAAkB,EAAE,eAA4B;CACjD,EACD,CAAC,2CAAwB,EAAE,sBAAa,EAAE,GAAG,qBAAS,CAAC,CACxD,CAAC","file":"Histogram3dChart.js","sourcesContent":["import type React from 'react';\nimport type { IVChartConstructor } from '@visactor/vchart';\nimport { VChart, registerLabel } from '@visactor/vchart';\nimport type { BaseChartProps } from './BaseChart';\nimport { createChart } from './BaseChart';\nimport { registers } from './registers/cartesian';\nimport type { IHistogram3dChartSpec } from '@visactor/vchart-extension';\nimport { registerHistogram3dChart } from '@visactor/vchart-extension';\n\nexport interface Histogram3dChartProps\n  extends Omit<BaseChartProps, 'container' | 'type' | 'data'>,\n    Omit<Partial<IHistogram3dChartSpec>, 'type'> {}\n\nexport const Histogram3dChart = createChart<React.PropsWithChildren<Histogram3dChartProps> & { type?: 'histogram3d' }>(\n  'Histogram3dChart',\n  {\n    type: 'histogram3d',\n    vchartConstrouctor: VChart as IVChartConstructor\n  },\n  [registerHistogram3dChart, registerLabel, ...registers]\n);\n"]}

package/cjs/charts/HistogramChart.d.ts

@@ -7,4 +7,4 @@ export declare const HistogramChart: React.ForwardRefExoticComponent<HistogramCh
     children?: React.ReactNode;
 } & {
     type?: 'histogram';
-} & import("../containers/withContainer").ContainerProps & React.RefAttributes<any>>;
+} & React.RefAttributes<any>>;

package/cjs/charts/LineChart.d.ts

@@ -7,4 +7,4 @@ export declare const LineChart: React.ForwardRefExoticComponent<LineChartProps &
     children?: React.ReactNode;
 } & {
     type?: 'line';
-} & import("../containers/withContainer").ContainerProps & React.RefAttributes<any>>;
+} & React.RefAttributes<any>>;

package/cjs/charts/LinearProgressChart.d.ts

@@ -7,4 +7,4 @@ export declare const LinearProgressChart: React.ForwardRefExoticComponent<Linear
     children?: React.ReactNode;
 } & {
     type?: 'linearProgress';
-} & import("../containers/withContainer").ContainerProps & React.RefAttributes<any>>;
+} & React.RefAttributes<any>>;

package/cjs/charts/LiquidChart.d.ts

@@ -7,4 +7,4 @@ export declare const LiquidChart: React.ForwardRefExoticComponent<LiquidChartPro
     children?: React.ReactNode;
 } & {
     type?: 'liquid';
-} & import("../containers/withContainer").ContainerProps & React.RefAttributes<any>>;
+} & React.RefAttributes<any>>;

package/cjs/charts/MapChart.d.ts

@@ -7,4 +7,4 @@ export declare const MapChart: React.ForwardRefExoticComponent<MapChartProps & {
     children?: React.ReactNode;
 } & {
     type?: 'map';
-} & import("../containers/withContainer").ContainerProps & React.RefAttributes<any>>;
+} & React.RefAttributes<any>>;

package/cjs/charts/MosaicChart.d.ts

@@ -7,4 +7,4 @@ export declare const MosaicChart: React.ForwardRefExoticComponent<MosaicChartPro
     children?: React.ReactNode;
 } & {
     type?: 'mosaic';
-} & import("../containers/withContainer").ContainerProps & React.RefAttributes<any>>;
+} & React.RefAttributes<any>>;

package/cjs/charts/PictogramChart.d.ts

@@ -7,4 +7,4 @@ export declare const PictogramChart: React.ForwardRefExoticComponent<Omit<Pictog
     children?: React.ReactNode;
 } & {
     type?: 'pictogram';
-} & import("../containers/withContainer").ContainerProps, "ref"> & React.RefAttributes<any>>;
+}, "ref"> & React.RefAttributes<any>>;

package/cjs/charts/Pie3dChart.d.ts

@@ -1,10 +1,10 @@
 import type React from 'react';
-import type { IPie3dChartSpec } from '@visactor/vchart';
 import type { BaseChartProps } from './BaseChart';
+import type { IPie3dChartSpec } from '@visactor/vchart-extension';
 export interface Pie3dChartProps extends Omit<BaseChartProps, 'container' | 'type' | 'data'>, Omit<Partial<IPie3dChartSpec>, 'type'> {
 }
 export declare const Pie3dChart: React.ForwardRefExoticComponent<Pie3dChartProps & {
     children?: React.ReactNode;
 } & {
     type?: 'pie3d';
-} & import("../containers/withContainer").ContainerProps & React.RefAttributes<any>>;
+} & React.RefAttributes<any>>;

package/cjs/charts/Pie3dChart.js

@@ -4,10 +4,10 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.Pie3dChart = void 0;
 
-const vchart_1 = require("@visactor/vchart"), BaseChart_1 = require("./BaseChart"), simple_1 = require("./registers/simple");
+const vchart_1 = require("@visactor/vchart"), BaseChart_1 = require("./BaseChart"), simple_1 = require("./registers/simple"), vchart_extension_1 = require("@visactor/vchart-extension");
 
 exports.Pie3dChart = (0, BaseChart_1.createChart)("Pie3dChart", {
     type: "pie3d",
     vchartConstrouctor: vchart_1.VChart
-}, [ vchart_1.registerPie3dChart, vchart_1.registerLabel, vchart_1.registerIndicator, ...simple_1.registers ]);
+}, [ vchart_extension_1.registerPie3dChart, vchart_1.registerLabel, vchart_1.registerIndicator, ...simple_1.registers ]);
 //# sourceMappingURL=Pie3dChart.js.map

package/cjs/charts/Pie3dChart.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/charts/Pie3dChart.tsx"],"names":[],"mappings":";;;AAEA,6CAAgG;AAEhG,2CAA0C;AAC1C,+CAA+C;AAMlC,QAAA,UAAU,GAAG,IAAA,uBAAW,EACnC,YAAY,EACZ;IACE,IAAI,EAAE,OAAO;IACb,kBAAkB,EAAE,eAA4B;CACjD,EACD,CAAC,2BAAkB,EAAE,sBAAa,EAAE,0BAAiB,EAAE,GAAG,kBAAS,CAAC,CACrE,CAAC","file":"Pie3dChart.js","sourcesContent":["import type React from 'react';\nimport type { IPie3dChartSpec, IVChartConstructor } from '@visactor/vchart';\nimport { VChart, registerPie3dChart, registerIndicator, registerLabel } from '@visactor/vchart';\nimport type { BaseChartProps } from './BaseChart';\nimport { createChart } from './BaseChart';\nimport { registers } from './registers/simple';\n\nexport interface Pie3dChartProps\n  extends Omit<BaseChartProps, 'container' | 'type' | 'data'>,\n    Omit<Partial<IPie3dChartSpec>, 'type'> {}\n\nexport const Pie3dChart = createChart<React.PropsWithChildren<Pie3dChartProps> & { type?: 'pie3d' }>(\n  'Pie3dChart',\n  {\n    type: 'pie3d',\n    vchartConstrouctor: VChart as IVChartConstructor\n  },\n  [registerPie3dChart, registerLabel, registerIndicator, ...registers]\n);\n"]}
+{"version":3,"sources":["../src/charts/Pie3dChart.tsx"],"names":[],"mappings":";;;AAEA,6CAA4E;AAE5E,2CAA0C;AAC1C,+CAA+C;AAC/C,iEAAgE;AAOnD,QAAA,UAAU,GAAG,IAAA,uBAAW,EACnC,YAAY,EACZ;IACE,IAAI,EAAE,OAAO;IACb,kBAAkB,EAAE,eAA4B;CACjD,EACD,CAAC,qCAAkB,EAAE,sBAAa,EAAE,0BAAiB,EAAE,GAAG,kBAAS,CAAC,CACrE,CAAC","file":"Pie3dChart.js","sourcesContent":["import type React from 'react';\nimport type { IVChartConstructor } from '@visactor/vchart';\nimport { VChart, registerIndicator, registerLabel } from '@visactor/vchart';\nimport type { BaseChartProps } from './BaseChart';\nimport { createChart } from './BaseChart';\nimport { registers } from './registers/simple';\nimport { registerPie3dChart } from '@visactor/vchart-extension';\nimport type { IPie3dChartSpec } from '@visactor/vchart-extension';\n\nexport interface Pie3dChartProps\n  extends Omit<BaseChartProps, 'container' | 'type' | 'data'>,\n    Omit<Partial<IPie3dChartSpec>, 'type'> {}\n\nexport const Pie3dChart = createChart<React.PropsWithChildren<Pie3dChartProps> & { type?: 'pie3d' }>(\n  'Pie3dChart',\n  {\n    type: 'pie3d',\n    vchartConstrouctor: VChart as IVChartConstructor\n  },\n  [registerPie3dChart, registerLabel, registerIndicator, ...registers]\n);\n"]}

package/cjs/charts/PieChart.d.ts

@@ -7,4 +7,4 @@ export declare const PieChart: React.ForwardRefExoticComponent<PieChartProps & {
     children?: React.ReactNode;
 } & {
     type?: 'pie';
-} & import("../containers/withContainer").ContainerProps & React.RefAttributes<any>>;
+} & React.RefAttributes<any>>;

package/cjs/charts/RadarChart.d.ts

@@ -7,4 +7,4 @@ export declare const RadarChart: React.ForwardRefExoticComponent<RadarChartProps
     children?: React.ReactNode;
 } & {
     type?: 'radar';
-} & import("../containers/withContainer").ContainerProps & React.RefAttributes<any>>;
+} & React.RefAttributes<any>>;

package/cjs/charts/RangeAreaChart.d.ts

@@ -7,4 +7,4 @@ export declare const RangeAreaChart: React.ForwardRefExoticComponent<RangeAreaCh
     children?: React.ReactNode;
 } & {
     type?: 'rangeArea';
-} & import("../containers/withContainer").ContainerProps & React.RefAttributes<any>>;
+} & React.RefAttributes<any>>;

package/cjs/charts/RangeColumn3dChart.d.ts

@@ -1,10 +1,10 @@
 import type React from 'react';
-import type { IRangeColumn3dChartSpec } from '@visactor/vchart';
 import type { BaseChartProps } from './BaseChart';
+import type { IRangeColumn3dChartSpec } from '@visactor/vchart-extension';
 export interface RangeColumn3dChartProps extends Omit<BaseChartProps, 'container' | 'type' | 'data'>, Omit<Partial<IRangeColumn3dChartSpec>, 'type'> {
 }
 export declare const RangeColumn3dChart: React.ForwardRefExoticComponent<RangeColumn3dChartProps & {
     children?: React.ReactNode;
 } & {
     type?: 'rangeColumn3d';
-} & import("../containers/withContainer").ContainerProps & React.RefAttributes<any>>;
+} & React.RefAttributes<any>>;

package/cjs/charts/RangeColumn3dChart.js

@@ -4,10 +4,10 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.RangeColumn3dChart = void 0;
 
-const vchart_1 = require("@visactor/vchart"), cartesian_1 = require("./registers/cartesian"), BaseChart_1 = require("./BaseChart");
+const vchart_1 = require("@visactor/vchart"), cartesian_1 = require("./registers/cartesian"), BaseChart_1 = require("./BaseChart"), vchart_extension_1 = require("@visactor/vchart-extension");
 
 exports.RangeColumn3dChart = (0, BaseChart_1.createChart)("RangeColumn3dChart", {
     type: "rangeColumn3d",
     vchartConstrouctor: vchart_1.VChart
-}, [ vchart_1.registerRangeColumn3dChart, vchart_1.registerLabel, ...cartesian_1.registers ]);
+}, [ vchart_extension_1.registerRangeColumn3dChart, vchart_1.registerLabel, ...cartesian_1.registers ]);
 //# sourceMappingURL=RangeColumn3dChart.js.map