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

package/esm/charts/WordCloudChart.d.ts

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

package/esm/charts/index.d.ts

@@ -34,5 +34,6 @@ export * from './WordCloudChart';
 export * from './WordCloud3dChart';
 export * from './WordCloudChart';
 export * from './VennChart';
+export * from './WaterfallChart';
 export type { ChartOptions } from './BaseChart';
 export type { IData, IChartSpec } from '@visactor/vchart';

package/esm/charts/index.js

@@ -69,4 +69,6 @@ export * from "./WordCloud3dChart";
 export * from "./WordCloudChart";
 
 export * from "./VennChart";
+
+export * from "./WaterfallChart";
 //# sourceMappingURL=index.js.map

package/esm/charts/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/charts/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAE/B,cAAc,sBAAsB,CAAC;AACrC,cAAc,yBAAyB,CAAC;AACxC,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AAEnC,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AAEjC,cAAc,uBAAuB,CAAC;AACtC,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAE9B,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AAEjC,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,aAAa,CAAC;AAE5B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAEhC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,aAAa,CAAC","file":"index.js","sourcesContent":["export * from './AreaChart';\nexport * from './BarChart';\nexport * from './Bar3dChart';\nexport * from './BoxPlotChart';\n\nexport * from './CirclePackingChart';\nexport * from './CircularProgressChart';\nexport * from './CommonChart';\nexport * from './CorrelationChart';\n\nexport * from './FunnelChart';\nexport * from './Funnel3dChart';\nexport * from './GaugeChart';\nexport * from './HeatmapChart';\nexport * from './Histogram3dChart';\nexport * from './HistogramChart';\n\nexport * from './LinearProgressChart';\nexport * from './LineChart';\nexport * from './LiquidChart';\n\nexport * from './MapChart';\nexport * from './MosaicChart';\nexport * from './PictogramChart';\n\nexport * from './PieChart';\nexport * from './Pie3dChart';\nexport * from './RadarChart';\nexport * from './RangeAreaChart';\nexport * from './RangeColumnChart';\nexport * from './RangeColumn3dChart';\nexport * from './RoseChart';\n\nexport * from './SankeyChart';\nexport * from './ScatterChart';\nexport * from './SequenceChart';\nexport * from './SunburstChart';\n\nexport * from './TreemapChart';\nexport * from './WordCloudChart';\nexport * from './WordCloud3dChart';\nexport * from './WordCloudChart';\nexport * from './VennChart';\n\nexport type { ChartOptions } from './BaseChart';\nexport type { IData, IChartSpec } from '@visactor/vchart';\n"]}
+{"version":3,"sources":["../src/charts/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAE/B,cAAc,sBAAsB,CAAC;AACrC,cAAc,yBAAyB,CAAC;AACxC,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AAEnC,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AAEjC,cAAc,uBAAuB,CAAC;AACtC,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAE9B,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AAEjC,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,aAAa,CAAC;AAE5B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAEhC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC","file":"index.js","sourcesContent":["export * from './AreaChart';\nexport * from './BarChart';\nexport * from './Bar3dChart';\nexport * from './BoxPlotChart';\n\nexport * from './CirclePackingChart';\nexport * from './CircularProgressChart';\nexport * from './CommonChart';\nexport * from './CorrelationChart';\n\nexport * from './FunnelChart';\nexport * from './Funnel3dChart';\nexport * from './GaugeChart';\nexport * from './HeatmapChart';\nexport * from './Histogram3dChart';\nexport * from './HistogramChart';\n\nexport * from './LinearProgressChart';\nexport * from './LineChart';\nexport * from './LiquidChart';\n\nexport * from './MapChart';\nexport * from './MosaicChart';\nexport * from './PictogramChart';\n\nexport * from './PieChart';\nexport * from './Pie3dChart';\nexport * from './RadarChart';\nexport * from './RangeAreaChart';\nexport * from './RangeColumnChart';\nexport * from './RangeColumn3dChart';\nexport * from './RoseChart';\n\nexport * from './SankeyChart';\nexport * from './ScatterChart';\nexport * from './SequenceChart';\nexport * from './SunburstChart';\n\nexport * from './TreemapChart';\nexport * from './WordCloudChart';\nexport * from './WordCloud3dChart';\nexport * from './WordCloudChart';\nexport * from './VennChart';\nexport * from './WaterfallChart';\n\nexport type { ChartOptions } from './BaseChart';\nexport type { IData, IChartSpec } from '@visactor/vchart';\n"]}

package/esm/components/BaseComponent.js

@@ -10,7 +10,7 @@ import { VChart } from "@visactor/vchart";
 
 export const createComponent = (componentName, specName, supportedEvents, isSingle, registers) => {
     registers && registers.length && VChart.useRegisters(registers);
-    const ignoreKeys = [ "updateId", "componentId" ], notSpecKeys = supportedEvents ? Object.keys(supportedEvents).concat(ignoreKeys) : ignoreKeys, Comp = props => {
+    const ignoreKeys = [ "updateId", "componentId", "children" ], notSpecKeys = supportedEvents ? Object.keys(supportedEvents).concat(ignoreKeys) : ignoreKeys, Comp = props => {
         const context = useContext(RootChartContext), eventsBinded = React.useRef(null), updateId = React.useRef(props.updateId);
         if (props.updateId !== updateId.current) {
             updateId.current = props.updateId;

package/esm/components/BaseComponent.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/BaseComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE/C,OAAO,gBAAgB,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACnD,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAQ1C,MAAM,CAAC,MAAM,eAAe,GAAG,CAC7B,aAAqB,EACrB,QAAgB,EAChB,eAA+C,EAC/C,QAAkB,EAClB,SAA0B,EAC1B,EAAE;IACF,IAAI,SAAS,IAAI,SAAS,CAAC,MAAM,EAAE;QACjC,MAAM,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;KAChC;IAED,MAAM,UAAU,GAAG,CAAC,UAAU,EAAE,aAAa,CAAC,CAAC;IAC/C,MAAM,WAAW,GAAG,eAAe,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC;IAEnG,MAAM,IAAI,GAAgB,CAAC,KAAQ,EAAE,EAAE;QACrC,MAAM,OAAO,GAAG,UAAU,CAAC,gBAAgB,CAAC,CAAC;QAC7C,MAAM,YAAY,GAAG,KAAK,CAAC,MAAM,CAAI,IAAI,CAAC,CAAC;QAC3C,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;YAGlC,MAAM,mBAAmB,GAAG,eAAe;gBACzC,CAAC,CAAC,iBAAiB,CAAC,OAAO,CAAC,KAAK,EAAE,KAAK,EAAE,YAAY,CAAC,OAAO,EAAE,eAAe,CAAC;gBAChF,CAAC,CAAC,KAAK,CAAC;YACV,IAAI,mBAAmB,EAAE;gBACvB,YAAY,CAAC,OAAO,GAAG,KAAK,CAAC;aAC9B;SACF;QAED,SAAS,CAAC,GAAG,EAAE;YACb,OAAO,GAAG,EAAE;gBACV,IAAI,eAAe,EAAE;oBACnB,iBAAiB,CAAC,OAAO,CAAC,KAAK,EAAE,IAAI,EAAE,YAAY,CAAC,OAAO,EAAE,eAAe,CAAC,CAAC;iBAC/E;YACH,CAAC,CAAC;QACJ,CAAC,EAAE,EAAE,CAAC,CAAC;QAEP,OAAO,IAAI,CAAC;IACd,CAAC,CAAC;IAEF,IAAI,CAAC,WAAW,GAAG,aAAa,CAAC;IAChC,IAAY,CAAC,SAAS,GAAG,CAAC,KAAsD,EAAE,EAAE;QACnF,MAAM,gBAAgB,GAAe,WAAW,CAAI,KAAK,EAAE,WAAW,CAAC,CAAC;QAExE,OAAO;YACL,IAAI,EAAE,gBAAgB;YACtB,QAAQ;YACR,QAAQ;SACT,CAAC;IACJ,CAAC,CAAC;IAEF,OAAO,IAAI,CAAC;AACd,CAAC,CAAC","file":"BaseComponent.js","sourcesContent":["import React, { useContext, useEffect } from 'react';\nimport { pickWithout } from '@visactor/vutils';\n\nimport RootChartContext from '../context/chart';\nimport { bindEventsToChart } from '../eventsUtils';\nimport { VChart } from '@visactor/vchart';\n\nexport interface BaseComponentProps {\n  id?: string | number;\n}\n\ntype ComponentProps = BaseComponentProps & { updateId?: number; componentId?: number };\n\nexport const createComponent = <T extends ComponentProps>(\n  componentName: string,\n  specName: string,\n  supportedEvents?: Record<string, string> | null,\n  isSingle?: boolean,\n  registers?: (() => void)[]\n) => {\n  if (registers && registers.length) {\n    VChart.useRegisters(registers);\n  }\n\n  const ignoreKeys = ['updateId', 'componentId'];\n  const notSpecKeys = supportedEvents ? Object.keys(supportedEvents).concat(ignoreKeys) : ignoreKeys;\n\n  const Comp: React.FC<T> = (props: T) => {\n    const context = useContext(RootChartContext);\n    const eventsBinded = React.useRef<T>(null);\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      // rebind events after chart render\n      const hasPrevEventsBinded = supportedEvents\n        ? bindEventsToChart(context.chart, props, eventsBinded.current, supportedEvents)\n        : false;\n      if (hasPrevEventsBinded) {\n        eventsBinded.current = props;\n      }\n    }\n\n    useEffect(() => {\n      return () => {\n        if (supportedEvents) {\n          bindEventsToChart(context.chart, null, eventsBinded.current, supportedEvents);\n        }\n      };\n    }, []);\n\n    return null;\n  };\n\n  Comp.displayName = componentName;\n  (Comp as any).parseSpec = (props: T & { updateId?: number; componentId?: string }) => {\n    const newComponentSpec: Partial<T> = pickWithout<T>(props, notSpecKeys);\n\n    return {\n      spec: newComponentSpec,\n      specName,\n      isSingle\n    };\n  };\n\n  return Comp;\n};\n"]}
+{"version":3,"sources":["../src/components/BaseComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE/C,OAAO,gBAAgB,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACnD,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAQ1C,MAAM,CAAC,MAAM,eAAe,GAAG,CAC7B,aAAqB,EACrB,QAAgB,EAChB,eAA+C,EAC/C,QAAkB,EAClB,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;IAC3D,MAAM,WAAW,GAAG,eAAe,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC;IAEnG,MAAM,IAAI,GAAgB,CAAC,KAAQ,EAAE,EAAE;QACrC,MAAM,OAAO,GAAG,UAAU,CAAC,gBAAgB,CAAC,CAAC;QAC7C,MAAM,YAAY,GAAG,KAAK,CAAC,MAAM,CAAI,IAAI,CAAC,CAAC;QAC3C,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;YAGlC,MAAM,mBAAmB,GAAG,eAAe;gBACzC,CAAC,CAAC,iBAAiB,CAAC,OAAO,CAAC,KAAK,EAAE,KAAK,EAAE,YAAY,CAAC,OAAO,EAAE,eAAe,CAAC;gBAChF,CAAC,CAAC,KAAK,CAAC;YACV,IAAI,mBAAmB,EAAE;gBACvB,YAAY,CAAC,OAAO,GAAG,KAAK,CAAC;aAC9B;SACF;QAED,SAAS,CAAC,GAAG,EAAE;YACb,OAAO,GAAG,EAAE;gBACV,IAAI,eAAe,EAAE;oBACnB,iBAAiB,CAAC,OAAO,CAAC,KAAK,EAAE,IAAI,EAAE,YAAY,CAAC,OAAO,EAAE,eAAe,CAAC,CAAC;iBAC/E;YACH,CAAC,CAAC;QACJ,CAAC,EAAE,EAAE,CAAC,CAAC;QAEP,OAAO,IAAI,CAAC;IACd,CAAC,CAAC;IAEF,IAAI,CAAC,WAAW,GAAG,aAAa,CAAC;IAChC,IAAY,CAAC,SAAS,GAAG,CAAC,KAAsD,EAAE,EAAE;QACnF,MAAM,gBAAgB,GAAe,WAAW,CAAI,KAAK,EAAE,WAAW,CAAC,CAAC;QAExE,OAAO;YACL,IAAI,EAAE,gBAAgB;YACtB,QAAQ;YACR,QAAQ;SACT,CAAC;IACJ,CAAC,CAAC;IAEF,OAAO,IAAI,CAAC;AACd,CAAC,CAAC","file":"BaseComponent.js","sourcesContent":["import React, { useContext, useEffect } from 'react';\nimport { pickWithout } from '@visactor/vutils';\n\nimport RootChartContext from '../context/chart';\nimport { bindEventsToChart } from '../eventsUtils';\nimport { VChart } from '@visactor/vchart';\n\nexport interface BaseComponentProps {\n  id?: string | number;\n}\n\ntype ComponentProps = BaseComponentProps & { updateId?: number; componentId?: number };\n\nexport const createComponent = <T extends ComponentProps>(\n  componentName: string,\n  specName: string,\n  supportedEvents?: Record<string, string> | null,\n  isSingle?: boolean,\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  const notSpecKeys = supportedEvents ? Object.keys(supportedEvents).concat(ignoreKeys) : ignoreKeys;\n\n  const Comp: React.FC<T> = (props: T) => {\n    const context = useContext(RootChartContext);\n    const eventsBinded = React.useRef<T>(null);\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      // rebind events after chart render\n      const hasPrevEventsBinded = supportedEvents\n        ? bindEventsToChart(context.chart, props, eventsBinded.current, supportedEvents)\n        : false;\n      if (hasPrevEventsBinded) {\n        eventsBinded.current = props;\n      }\n    }\n\n    useEffect(() => {\n      return () => {\n        if (supportedEvents) {\n          bindEventsToChart(context.chart, null, eventsBinded.current, supportedEvents);\n        }\n      };\n    }, []);\n\n    return null;\n  };\n\n  Comp.displayName = componentName;\n  (Comp as any).parseSpec = (props: T & { updateId?: number; componentId?: string }) => {\n    const newComponentSpec: Partial<T> = pickWithout<T>(props, notSpecKeys);\n\n    return {\n      spec: newComponentSpec,\n      specName,\n      isSingle\n    };\n  };\n\n  return Comp;\n};\n"]}

package/esm/containers/withContainer.d.ts

@@ -5,4 +5,4 @@ export interface ContainerProps {
     width?: number | string;
     height?: number | string;
 }
-export default function withContainer<Props extends ContainerProps, CompProps>(Comp: any, name?: string, getProps?: (props: any) => CompProps): React.ForwardRefExoticComponent<React.PropsWithoutRef<CompProps & Props> & React.RefAttributes<any>>;
+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,7 +12,7 @@ import React, { useRef, useState, useLayoutEffect } from "react";
 
 export default function withContainer(Comp, name = "ChartContainer", getProps) {
     const Cls = React.forwardRef(((props, ref) => {
-        const container = useRef(), [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} = props, options = __rest(props, [ "className", "style", "width" ]);
         return useLayoutEffect((() => {
             setInited(!0);
         }), []), React.createElement("div", {

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,IAAS,EACT,IAAI,GAAG,gBAAgB,EACvB,QAAoC;IAEpC,MAAM,GAAG,GAAG,KAAK,CAAC,UAAU,CAAyB,CAAC,KAAwB,EAAE,GAAG,EAAE,EAAE;QACrF,MAAM,SAAS,GAAG,MAAM,EAAE,CAAC;QAC3B,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,CAAE,OAAqB,CAAC,EAAI,CAC9G,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<Props extends ContainerProps, CompProps>(\n  Comp: any,\n  name = 'ChartContainer',\n  getProps?: (props: any) => CompProps\n) {\n  const Cls = React.forwardRef<any, CompProps & Props>((props: CompProps & Props, ref) => {\n    const container = useRef();\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 as CompProps))} />\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;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"]}

package/esm/context/chart.d.ts

@@ -5,5 +5,7 @@ export interface ChartContextType {
     isChildrenUpdated?: boolean;
 }
 declare const ChartContext: React.Context<ChartContextType>;
-export declare function withChartInstance<T>(Component: typeof React.Component): React.ForwardRefExoticComponent<React.PropsWithoutRef<T> & React.RefAttributes<any>>;
+export declare function withChartInstance<T>(Component: React.ComponentType<T & {
+    chart?: IVChart;
+}>): React.ForwardRefExoticComponent<React.PropsWithoutRef<T> & React.RefAttributes<any>>;
 export default ChartContext;

package/esm/context/chart.js

@@ -5,11 +5,12 @@ const ChartContext = React.createContext(null);
 ChartContext.displayName = "ChartContext";
 
 export function withChartInstance(Component) {
-    const Com = React.forwardRef(((props, ref) => React.createElement(ChartContext.Consumer, null, (ctx => React.createElement(Component, Object.assign({
-        ref: ref,
+    const Com = React.forwardRef(((props, ref) => React.createElement(ChartContext.Consumer, null, (ctx => React.createElement(Component, Object.assign({}, props, {
         chart: ctx.chart
-    }, props))))));
-    return Com.displayName = Component.name, Com;
+    }, ref ? {
+        ref: ref
+    } : {}))))));
+    return Com.displayName = Component.displayName || Component.name, Com;
 }
 
 export default ChartContext;

package/esm/context/chart.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/context/chart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,MAAM,YAAY,GAAG,KAAK,CAAC,aAAa,CAAmB,IAAI,CAAC,CAAC;AACjE,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC;AAE1C,MAAM,UAAU,iBAAiB,CAAI,SAAiC;IACpE,MAAM,GAAG,GAAG,KAAK,CAAC,UAAU,CAAS,CAAC,KAAQ,EAAE,GAAG,EAAE,EAAE;QACrD,OAAO,CACL,oBAAC,YAAY,CAAC,QAAQ,QACnB,CAAC,GAAqB,EAAE,EAAE,CAAC,oBAAC,SAAS,kBAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,CAAC,KAAK,IAAM,KAAK,EAAI,CAC1D,CACzB,CAAC;IACJ,CAAC,CAAC,CAAC;IACH,GAAG,CAAC,WAAW,GAAG,SAAS,CAAC,IAAI,CAAC;IACjC,OAAO,GAAG,CAAC;AACb,CAAC;AAED,eAAe,YAAY,CAAC","file":"chart.js","sourcesContent":["import React from 'react';\nimport type { IVChart } from '@visactor/vchart';\n\nexport interface ChartContextType {\n  chart?: IVChart;\n  isChildrenUpdated?: boolean;\n}\n\nconst ChartContext = React.createContext<ChartContextType>(null);\nChartContext.displayName = 'ChartContext';\n\nexport function withChartInstance<T>(Component: typeof React.Component) {\n  const Com = React.forwardRef<any, T>((props: T, ref) => {\n    return (\n      <ChartContext.Consumer>\n        {(ctx: ChartContextType) => <Component ref={ref} chart={ctx.chart} {...props} />}\n      </ChartContext.Consumer>\n    );\n  });\n  Com.displayName = Component.name;\n  return Com;\n}\n\nexport default ChartContext;\n"]}
+{"version":3,"sources":["../src/context/chart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,MAAM,YAAY,GAAG,KAAK,CAAC,aAAa,CAAmB,IAAI,CAAC,CAAC;AACjE,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC;AAE1C,MAAM,UAAU,iBAAiB,CAAI,SAAuD;IAC1F,MAAM,GAAG,GAAG,KAAK,CAAC,UAAU,CAAS,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;QAClD,OAAO,CACL,oBAAC,YAAY,CAAC,QAAQ,QACnB,CAAC,GAAqB,EAAE,EAAE,CAAC,CAG1B,oBAAC,SAAS,oBAAM,KAAW,IAAE,KAAK,EAAE,GAAG,CAAC,KAAK,IAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAAI,CAC5E,CACqB,CACzB,CAAC;IACJ,CAAC,CAAC,CAAC;IACH,GAAG,CAAC,WAAW,GAAG,SAAS,CAAC,WAAW,IAAI,SAAS,CAAC,IAAI,CAAC;IAC1D,OAAO,GAAG,CAAC;AACb,CAAC;AAED,eAAe,YAAY,CAAC","file":"chart.js","sourcesContent":["import React from 'react';\nimport type { IVChart } from '@visactor/vchart';\n\nexport interface ChartContextType {\n  chart?: IVChart;\n  isChildrenUpdated?: boolean;\n}\n\nconst ChartContext = React.createContext<ChartContextType>(null);\nChartContext.displayName = 'ChartContext';\n\nexport function withChartInstance<T>(Component: React.ComponentType<T & { chart?: IVChart }>) {\n  const Com = React.forwardRef<any, T>((props, ref) => {\n    return (\n      <ChartContext.Consumer>\n        {(ctx: ChartContextType) => (\n          // Only pass ref if Component supports it (i.e., is a forwardRef component)\n          // Otherwise, omit ref to avoid type errors\n          <Component {...(props as T)} chart={ctx.chart} {...(ref ? { ref } : {})} />\n        )}\n      </ChartContext.Consumer>\n    );\n  });\n  Com.displayName = Component.displayName || Component.name;\n  return Com;\n}\n\nexport default ChartContext;\n"]}

package/esm/context/stage.d.ts

@@ -1,5 +1,9 @@
 import React from 'react';
 import type { IStage } from '@visactor/vrender-core';
 declare const StageContext: React.Context<IStage>;
-export declare function withStage<T>(Component: typeof React.Component): React.ForwardRefExoticComponent<React.PropsWithoutRef<T> & React.RefAttributes<any>>;
+export declare function withStage<T>(Component: React.ComponentType<T & {
+    stage: IStage;
+}>): React.ForwardRefExoticComponent<React.PropsWithoutRef<T & {
+    stage?: IStage;
+}> & React.RefAttributes<any>>;
 export default StageContext;

package/esm/context/stage.js

@@ -1,3 +1,13 @@
+var __rest = this && this.__rest || function(s, e) {
+    var t = {};
+    for (var p in s) Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0 && (t[p] = s[p]);
+    if (null != s && "function" == typeof Object.getOwnPropertySymbols) {
+        var i = 0;
+        for (p = Object.getOwnPropertySymbols(s); i < p.length; i++) e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]) && (t[p[i]] = s[p[i]]);
+    }
+    return t;
+};
+
 import React from "react";
 
 const StageContext = React.createContext(null);
@@ -5,11 +15,14 @@ const StageContext = React.createContext(null);
 StageContext.displayName = "StageContext";
 
 export function withStage(Component) {
-    const Com = React.forwardRef(((props, ref) => React.createElement(StageContext.Consumer, null, (ctx => React.createElement(Component, Object.assign({
-        ref: ref,
-        stage: ctx
-    }, props))))));
-    return Com.displayName = Component.name, Com;
+    const Com = React.forwardRef(((props, ref) => React.createElement(StageContext.Consumer, null, (ctx => {
+        const _a = props, {stage: stage} = _a, restProps = __rest(_a, [ "stage" ]);
+        return React.createElement(Component, Object.assign({}, restProps, {
+            stage: ctx,
+            ref: ref
+        }));
+    }))));
+    return Com.displayName = Component.displayName || Component.name, Com;
 }
 
 export default StageContext;

package/esm/context/stage.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/context/stage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,YAAY,GAAG,KAAK,CAAC,aAAa,CAAS,IAAI,CAAC,CAAC;AACvD,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC;AAE1C,MAAM,UAAU,SAAS,CAAI,SAAiC;IAC5D,MAAM,GAAG,GAAG,KAAK,CAAC,UAAU,CAAS,CAAC,KAAQ,EAAE,GAAG,EAAE,EAAE;QACrD,OAAO,oBAAC,YAAY,CAAC,QAAQ,QAAE,GAAG,CAAC,EAAE,CAAC,oBAAC,SAAS,kBAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,IAAM,KAAK,EAAI,CAAyB,CAAC;IAChH,CAAC,CAAC,CAAC;IACH,GAAG,CAAC,WAAW,GAAG,SAAS,CAAC,IAAI,CAAC;IACjC,OAAO,GAAG,CAAC;AACb,CAAC;AAED,eAAe,YAAY,CAAC","file":"stage.js","sourcesContent":["import React from 'react';\nimport type { IStage } from '@visactor/vrender-core';\n\nconst StageContext = React.createContext<IStage>(null);\nStageContext.displayName = 'StageContext';\n\nexport function withStage<T>(Component: typeof React.Component) {\n  const Com = React.forwardRef<any, T>((props: T, ref) => {\n    return <StageContext.Consumer>{ctx => <Component ref={ref} stage={ctx} {...props} />}</StageContext.Consumer>;\n  });\n  Com.displayName = Component.name;\n  return Com;\n}\n\nexport default StageContext;\n"]}
+{"version":3,"sources":["../src/context/stage.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,YAAY,GAAG,KAAK,CAAC,aAAa,CAAS,IAAI,CAAC,CAAC;AACvD,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC;AAE1C,MAAM,UAAU,SAAS,CAAI,SAAqD;IAChF,MAAM,GAAG,GAAG,KAAK,CAAC,UAAU,CAA8B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;QACvE,OAAO,CACL,oBAAC,YAAY,CAAC,QAAQ,QACnB,GAAG,CAAC,EAAE;YAEL,MAAM,KAA0B,KAA2B,EAArD,EAAE,KAAK,OAA8C,EAAzC,SAAS,cAArB,SAAuB,CAA8B,CAAC;YAC5D,OAAO,oBAAC,SAAS,oBAAM,SAAe,IAAE,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC;QACnE,CAAC,CACqB,CACzB,CAAC;IACJ,CAAC,CAAC,CAAC;IACH,GAAG,CAAC,WAAW,GAAG,SAAS,CAAC,WAAW,IAAI,SAAS,CAAC,IAAI,CAAC;IAC1D,OAAO,GAAG,CAAC;AACb,CAAC;AAED,eAAe,YAAY,CAAC","file":"stage.js","sourcesContent":["import React from 'react';\nimport type { IStage } from '@visactor/vrender-core';\n\nconst StageContext = React.createContext<IStage>(null);\nStageContext.displayName = 'StageContext';\n\nexport function withStage<T>(Component: React.ComponentType<T & { stage: IStage }>) {\n  const Com = React.forwardRef<any, T & { stage?: IStage }>((props, ref) => {\n    return (\n      <StageContext.Consumer>\n        {ctx => {\n          // Omit 'stage' from props to avoid prop type conflicts\n          const { stage, ...restProps } = props as { stage?: IStage };\n          return <Component {...(restProps as T)} stage={ctx} ref={ref} />;\n        }}\n      </StageContext.Consumer>\n    );\n  });\n  Com.displayName = Component.displayName || Component.name;\n  return Com;\n}\n\nexport default StageContext;\n"]}

package/esm/index.d.ts

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

@@ -10,5 +10,5 @@ export * from "./VChartSimple";
 
 export { VChart as VChartCore } from "@visactor/vchart";
 
-export const version = "2.0.0-alpha.0";
+export const version = "2.0.0-alpha.1";
 //# 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,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 { VChart as VChartCore } from '@visactor/vchart';\n\n// export the version, since @1.8.3\nexport const version = \"2.0.0-alpha.0\";\n\nexport type {\n  IAreaChartSpec,\n  IBarChartSpec,\n  IBar3dChartSpec,\n  IBoxPlotChartSpec,\n  ICirclePackingChartSpec,\n  ICommonChartSpec,\n  IFunnelChartSpec,\n  IFunnel3dChartSpec,\n  IGaugeChartSpec,\n  IHeatmapChartSpec,\n  IHistogramChartSpec,\n  IHistogram3dChartSpec,\n  ILineChartSpec,\n  IMapChartSpec,\n  IPieChartSpec,\n  IPie3dChartSpec,\n  ICircularProgressChartSpec,\n  ILinearProgressChartSpec,\n  IRadarChartSpec,\n  IRangeColumnChartSpec,\n  IRangeColumn3dChartSpec,\n  IRangeAreaChartSpec,\n  IRoseChartSpec,\n  IScatterChartSpec,\n  ISankeyChartSpec,\n  ISequenceChartSpec,\n  ISunburstChartSpec,\n  ITreemapChartSpec,\n  IWaterfallChartSpec,\n  ICorrelationChartSpec,\n  ILiquidChartSpec,\n  IWordCloud3dChartSpec,\n  IWordCloudChartSpec,\n  IPolarChartSpec,\n  ICartesianChartSpec,\n  ITheme,\n  IInitOption,\n  ISpec,\n  IVChart\n} from '@visactor/vchart';\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,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 { VChart as VChartCore } from '@visactor/vchart';\n\n// export the version, since @1.8.3\nexport const version = \"2.0.0-alpha.1\";\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/esm/series/Bar3d.d.ts

@@ -1,5 +1,5 @@
-import { BaseSeriesProps } from './BaseSeries';
-import type { IBar3dSeriesSpec } from '@visactor/vchart';
+import type { BaseSeriesProps } from './BaseSeries';
+import type { IBar3dSeriesSpec } from '@visactor/vchart-extension';
 export type Bar3dProps = BaseSeriesProps & Omit<IBar3dSeriesSpec, 'type'>;
 export declare const Bar3d: import("react").FC<BaseSeriesProps & Omit<IBar3dSeriesSpec, "type"> & {
     updateId?: number;

package/esm/series/Bar3d.js

@@ -1,6 +1,6 @@
 import { createSeries } from "./BaseSeries";
 
-import { registerBar3dSeries } from "@visactor/vchart";
+import { registerBar3dSeries } from "@visactor/vchart-extension";
 
 export const Bar3d = createSeries("Bar3d", [ "bar" ], "bar3d", [ registerBar3dSeries ]);
 //# sourceMappingURL=Bar3d.js.map

package/esm/series/Bar3d.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/series/Bar3d.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAmB,YAAY,EAAE,MAAM,cAAc,CAAC;AAE7D,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAIvD,MAAM,CAAC,MAAM,KAAK,GAAG,YAAY,CAAa,OAAO,EAAE,CAAC,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC,mBAAmB,CAAC,CAAC,CAAC","file":"Bar3d.js","sourcesContent":["import { BaseSeriesProps, createSeries } from './BaseSeries';\nimport type { IBar3dSeriesSpec } from '@visactor/vchart';\nimport { registerBar3dSeries } from '@visactor/vchart';\n\nexport type Bar3dProps = BaseSeriesProps & Omit<IBar3dSeriesSpec, 'type'>;\n\nexport const Bar3d = createSeries<Bar3dProps>('Bar3d', ['bar'], 'bar3d', [registerBar3dSeries]);\n"]}
+{"version":3,"sources":["../src/series/Bar3d.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE5C,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAIjE,MAAM,CAAC,MAAM,KAAK,GAAG,YAAY,CAAa,OAAO,EAAE,CAAC,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC,mBAAmB,CAAC,CAAC,CAAC","file":"Bar3d.js","sourcesContent":["import type { BaseSeriesProps } from './BaseSeries';\nimport { createSeries } from './BaseSeries';\nimport type { IBar3dSeriesSpec } from '@visactor/vchart-extension';\nimport { registerBar3dSeries } from '@visactor/vchart-extension';\n\nexport type Bar3dProps = BaseSeriesProps & Omit<IBar3dSeriesSpec, 'type'>;\n\nexport const Bar3d = createSeries<Bar3dProps>('Bar3d', ['bar'], 'bar3d', [registerBar3dSeries]);\n"]}

package/esm/series/Funnel3d.d.ts

@@ -1,5 +1,5 @@
-import { BaseSeriesProps } from './BaseSeries';
-import type { IFunnel3dSeriesSpec } from '@visactor/vchart';
+import type { BaseSeriesProps } from './BaseSeries';
+import type { IFunnel3dSeriesSpec } from '@visactor/vchart-extension';
 export type Funnel3dProps = BaseSeriesProps & Omit<IFunnel3dSeriesSpec, 'type'>;
 export declare const Funnel3d: import("react").FC<BaseSeriesProps & Omit<IFunnel3dSeriesSpec, "type"> & {
     updateId?: number;

package/esm/series/Funnel3d.js

@@ -1,6 +1,6 @@
 import { createSeries } from "./BaseSeries";
 
-import { registerFunnel3dSeries } from "@visactor/vchart";
+import { registerFunnel3dSeries } from "@visactor/vchart-extension";
 
 export const Funnel3d = createSeries("Funnel3d", [ "funnel" ], "funnel3d", [ registerFunnel3dSeries ]);
 //# sourceMappingURL=Funnel3d.js.map

package/esm/series/Funnel3d.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/series/Funnel3d.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAmB,YAAY,EAAE,MAAM,cAAc,CAAC;AAE7D,OAAO,EAAE,sBAAsB,EAAE,MAAM,kBAAkB,CAAC;AAI1D,MAAM,CAAC,MAAM,QAAQ,GAAG,YAAY,CAAgB,UAAU,EAAE,CAAC,QAAQ,CAAC,EAAE,UAAU,EAAE,CAAC,sBAAsB,CAAC,CAAC,CAAC","file":"Funnel3d.js","sourcesContent":["import { BaseSeriesProps, createSeries } from './BaseSeries';\nimport type { IFunnel3dSeriesSpec } from '@visactor/vchart';\nimport { registerFunnel3dSeries } from '@visactor/vchart';\n\nexport type Funnel3dProps = BaseSeriesProps & Omit<IFunnel3dSeriesSpec, 'type'>;\n\nexport const Funnel3d = createSeries<Funnel3dProps>('Funnel3d', ['funnel'], 'funnel3d', [registerFunnel3dSeries]);\n"]}
+{"version":3,"sources":["../src/series/Funnel3d.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE5C,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AAIpE,MAAM,CAAC,MAAM,QAAQ,GAAG,YAAY,CAAgB,UAAU,EAAE,CAAC,QAAQ,CAAC,EAAE,UAAU,EAAE,CAAC,sBAAsB,CAAC,CAAC,CAAC","file":"Funnel3d.js","sourcesContent":["import type { BaseSeriesProps } from './BaseSeries';\nimport { createSeries } from './BaseSeries';\nimport type { IFunnel3dSeriesSpec } from '@visactor/vchart-extension';\nimport { registerFunnel3dSeries } from '@visactor/vchart-extension';\n\nexport type Funnel3dProps = BaseSeriesProps & Omit<IFunnel3dSeriesSpec, 'type'>;\n\nexport const Funnel3d = createSeries<Funnel3dProps>('Funnel3d', ['funnel'], 'funnel3d', [registerFunnel3dSeries]);\n"]}

package/esm/series/Pie3d.d.ts

@@ -1,5 +1,5 @@
-import { BaseSeriesProps } from './BaseSeries';
-import type { IPie3dSeriesSpec } from '@visactor/vchart';
+import type { BaseSeriesProps } from './BaseSeries';
+import type { IPie3dSeriesSpec } from '@visactor/vchart-extension';
 export type Pie3dProps = BaseSeriesProps & Omit<IPie3dSeriesSpec, 'type'>;
 export declare const Pie3d: import("react").FC<BaseSeriesProps & Omit<IPie3dSeriesSpec, "type"> & {
     updateId?: number;

package/esm/series/Pie3d.js

@@ -1,6 +1,6 @@
 import { createSeries } from "./BaseSeries";
 
-import { registerPie3dSeries } from "@visactor/vchart";
+import { registerPie3dSeries } from "@visactor/vchart-extension";
 
 export const Pie3d = createSeries("Pie3d", [ "pie" ], "pie3d", [ registerPie3dSeries ]);
 //# sourceMappingURL=Pie3d.js.map

package/esm/series/Pie3d.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/series/Pie3d.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAmB,YAAY,EAAE,MAAM,cAAc,CAAC;AAE7D,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAIvD,MAAM,CAAC,MAAM,KAAK,GAAG,YAAY,CAAa,OAAO,EAAE,CAAC,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC,mBAAmB,CAAC,CAAC,CAAC","file":"Pie3d.js","sourcesContent":["import { BaseSeriesProps, createSeries } from './BaseSeries';\nimport type { IPie3dSeriesSpec } from '@visactor/vchart';\nimport { registerPie3dSeries } from '@visactor/vchart';\n\nexport type Pie3dProps = BaseSeriesProps & Omit<IPie3dSeriesSpec, 'type'>;\n\nexport const Pie3d = createSeries<Pie3dProps>('Pie3d', ['pie'], 'pie3d', [registerPie3dSeries]);\n"]}
+{"version":3,"sources":["../src/series/Pie3d.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE5C,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAIjE,MAAM,CAAC,MAAM,KAAK,GAAG,YAAY,CAAa,OAAO,EAAE,CAAC,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC,mBAAmB,CAAC,CAAC,CAAC","file":"Pie3d.js","sourcesContent":["import type { BaseSeriesProps } from './BaseSeries';\nimport { createSeries } from './BaseSeries';\nimport type { IPie3dSeriesSpec } from '@visactor/vchart-extension';\nimport { registerPie3dSeries } from '@visactor/vchart-extension';\n\nexport type Pie3dProps = BaseSeriesProps & Omit<IPie3dSeriesSpec, 'type'>;\n\nexport const Pie3d = createSeries<Pie3dProps>('Pie3d', ['pie'], 'pie3d', [registerPie3dSeries]);\n"]}

package/esm/series/RangeColumn3d.d.ts

@@ -1,5 +1,5 @@
-import { BaseSeriesProps } from './BaseSeries';
-import type { IRangeColumn3dSeriesSpec } from '@visactor/vchart';
+import type { BaseSeriesProps } from './BaseSeries';
+import type { IRangeColumn3dSeriesSpec } from '@visactor/vchart-extension';
 export type RangeColumn3dProps = BaseSeriesProps & Omit<IRangeColumn3dSeriesSpec, 'type'>;
 export declare const RangeColumn3d: import("react").FC<BaseSeriesProps & Omit<IRangeColumn3dSeriesSpec, "type"> & {
     updateId?: number;

package/esm/series/RangeColumn3d.js

@@ -1,6 +1,6 @@
 import { createSeries } from "./BaseSeries";
 
-import { registerRangeColumn3dSeries } from "@visactor/vchart";
+import { registerRangeColumn3dSeries } from "@visactor/vchart-extension";
 
 export const RangeColumn3d = createSeries("RangeColumn3d", [ "rangeColumn" ], "rangeColumn3d", [ registerRangeColumn3dSeries ]);
 //# sourceMappingURL=RangeColumn3d.js.map

package/esm/series/RangeColumn3d.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/series/RangeColumn3d.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAmB,YAAY,EAAE,MAAM,cAAc,CAAC;AAE7D,OAAO,EAAE,2BAA2B,EAAE,MAAM,kBAAkB,CAAC;AAI/D,MAAM,CAAC,MAAM,aAAa,GAAG,YAAY,CAAqB,eAAe,EAAE,CAAC,aAAa,CAAC,EAAE,eAAe,EAAE;IAC/G,2BAA2B;CAC5B,CAAC,CAAC","file":"RangeColumn3d.js","sourcesContent":["import { BaseSeriesProps, createSeries } from './BaseSeries';\nimport type { IRangeColumn3dSeriesSpec } from '@visactor/vchart';\nimport { registerRangeColumn3dSeries } from '@visactor/vchart';\n\nexport type RangeColumn3dProps = BaseSeriesProps & Omit<IRangeColumn3dSeriesSpec, 'type'>;\n\nexport const RangeColumn3d = createSeries<RangeColumn3dProps>('RangeColumn3d', ['rangeColumn'], 'rangeColumn3d', [\n  registerRangeColumn3dSeries\n]);\n"]}
+{"version":3,"sources":["../src/series/RangeColumn3d.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE5C,OAAO,EAAE,2BAA2B,EAAE,MAAM,4BAA4B,CAAC;AAIzE,MAAM,CAAC,MAAM,aAAa,GAAG,YAAY,CAAqB,eAAe,EAAE,CAAC,aAAa,CAAC,EAAE,eAAe,EAAE;IAC/G,2BAA2B;CAC5B,CAAC,CAAC","file":"RangeColumn3d.js","sourcesContent":["import type { BaseSeriesProps } from './BaseSeries';\nimport { createSeries } from './BaseSeries';\nimport type { IRangeColumn3dSeriesSpec } from '@visactor/vchart-extension';\nimport { registerRangeColumn3dSeries } from '@visactor/vchart-extension';\n\nexport type RangeColumn3dProps = BaseSeriesProps & Omit<IRangeColumn3dSeriesSpec, 'type'>;\n\nexport const RangeColumn3d = createSeries<RangeColumn3dProps>('RangeColumn3d', ['rangeColumn'], 'rangeColumn3d', [\n  registerRangeColumn3dSeries\n]);\n"]}

package/esm/series/WordCloud3d.d.ts

@@ -1,5 +1,5 @@
-import { BaseSeriesProps } from './BaseSeries';
-import type { IWordCloud3dSeriesSpec } from '@visactor/vchart';
+import type { BaseSeriesProps } from './BaseSeries';
+import type { IWordCloud3dSeriesSpec } from '@visactor/vchart-extension';
 export type WordCloud3dProps = BaseSeriesProps & Omit<IWordCloud3dSeriesSpec, 'type'>;
 export declare const WordCloud3d: import("react").FC<BaseSeriesProps & Omit<IWordCloud3dSeriesSpec, "type"> & {
     updateId?: number;

package/esm/series/WordCloud3d.js

@@ -1,6 +1,6 @@
 import { createSeries } from "./BaseSeries";
 
-import { registerWordCloud3dSeries } from "@visactor/vchart";
+import { registerWordCloud3dSeries } from "@visactor/vchart-extension";
 
 export const WordCloud3d = createSeries("WordCloud3d", [ "wordCloud" ], "wordCloud3d", [ registerWordCloud3dSeries ]);
 //# sourceMappingURL=WordCloud3d.js.map

package/esm/series/WordCloud3d.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/series/WordCloud3d.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAmB,YAAY,EAAE,MAAM,cAAc,CAAC;AAE7D,OAAO,EAAE,yBAAyB,EAAE,MAAM,kBAAkB,CAAC;AAI7D,MAAM,CAAC,MAAM,WAAW,GAAG,YAAY,CAAmB,aAAa,EAAE,CAAC,WAAW,CAAC,EAAE,aAAa,EAAE;IACrG,yBAAyB;CAC1B,CAAC,CAAC","file":"WordCloud3d.js","sourcesContent":["import { BaseSeriesProps, createSeries } from './BaseSeries';\nimport type { IWordCloud3dSeriesSpec } from '@visactor/vchart';\nimport { registerWordCloud3dSeries } from '@visactor/vchart';\n\nexport type WordCloud3dProps = BaseSeriesProps & Omit<IWordCloud3dSeriesSpec, 'type'>;\n\nexport const WordCloud3d = createSeries<WordCloud3dProps>('WordCloud3d', ['wordCloud'], 'wordCloud3d', [\n  registerWordCloud3dSeries\n]);\n"]}
+{"version":3,"sources":["../src/series/WordCloud3d.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE5C,OAAO,EAAE,yBAAyB,EAAE,MAAM,4BAA4B,CAAC;AAIvE,MAAM,CAAC,MAAM,WAAW,GAAG,YAAY,CAAmB,aAAa,EAAE,CAAC,WAAW,CAAC,EAAE,aAAa,EAAE;IACrG,yBAAyB;CAC1B,CAAC,CAAC","file":"WordCloud3d.js","sourcesContent":["import type { BaseSeriesProps } from './BaseSeries';\nimport { createSeries } from './BaseSeries';\nimport type { IWordCloud3dSeriesSpec } from '@visactor/vchart-extension';\nimport { registerWordCloud3dSeries } from '@visactor/vchart-extension';\n\nexport type WordCloud3dProps = BaseSeriesProps & Omit<IWordCloud3dSeriesSpec, 'type'>;\n\nexport const WordCloud3d = createSeries<WordCloud3dProps>('WordCloud3d', ['wordCloud'], 'wordCloud3d', [\n  registerWordCloud3dSeries\n]);\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@visactor/react-vchart",
-  "version": "2.0.0-alpha.0",
+  "version": "2.0.0-alpha.1",
   "sideEffects": false,
   "description": "The react version of VChart 4.x",
   "keywords": [
@@ -23,11 +23,11 @@
     "dist"
   ],
   "dependencies": {
-    "@visactor/vchart": "2.0.0-alpha.0",
-    "@visactor/vutils": "~0.19.4",
-    "@visactor/vrender-core": "0.21.15",
-    "@visactor/vrender-kits": "0.21.15",
-    "@visactor/vgrammar-core": "0.15.6",
+    "@visactor/vchart": "2.0.0-alpha.1",
+    "@visactor/vchart-extension": "2.0.0-alpha.1",
+    "@visactor/vutils": "~1.0.6",
+    "@visactor/vrender-core": "1.0.0-alpha.17",
+    "@visactor/vrender-kits": "1.0.0-alpha.17",
     "react-is": "^18.2.0"
   },
   "devDependencies": {
@@ -55,8 +55,8 @@
     "@vitejs/plugin-react": "3.1.0",
     "vite": "3.2.6",
     "@internal/bundler": "0.0.1",
-    "@internal/eslint-config": "0.0.1",
-    "@internal/ts-config": "0.0.1"
+    "@internal/ts-config": "0.0.1",
+    "@internal/eslint-config": "0.0.1"
   },
   "peerDependencies": {
     "react": ">=16.0.0",

package/cjs/context/view.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import type { IView } from '@visactor/vgrammar-core';
-declare const ViewContext: React.Context<IView>;
-export declare function withView<T>(Component: typeof React.Component): React.ForwardRefExoticComponent<React.PropsWithoutRef<T> & React.RefAttributes<any>>;
-export default ViewContext;

package/cjs/context/view.js

@@ -1,24 +0,0 @@
-"use strict";
-
-var __importDefault = this && this.__importDefault || function(mod) {
-    return mod && mod.__esModule ? mod : {
-        default: mod
-    };
-};
-
-Object.defineProperty(exports, "__esModule", {
-    value: !0
-}), exports.withView = void 0;
-
-const react_1 = __importDefault(require("react")), ViewContext = react_1.default.createContext(null);
-
-function withView(Component) {
-    const Com = react_1.default.forwardRef(((props, ref) => react_1.default.createElement(ViewContext.Consumer, null, (ctx => react_1.default.createElement(Component, Object.assign({
-        ref: ref,
-        view: ctx
-    }, props))))));
-    return Com.displayName = Component.name, Com;
-}
-
-ViewContext.displayName = "ViewContext", exports.withView = withView, exports.default = ViewContext;
-//# sourceMappingURL=view.js.map

package/cjs/context/view.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/context/view.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAG1B,MAAM,WAAW,GAAG,eAAK,CAAC,aAAa,CAAQ,IAAI,CAAC,CAAC;AACrD,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC;AAExC,SAAgB,QAAQ,CAAI,SAAiC;IAC3D,MAAM,GAAG,GAAG,eAAK,CAAC,UAAU,CAAS,CAAC,KAAQ,EAAE,GAAG,EAAE,EAAE;QACrD,OAAO,8BAAC,WAAW,CAAC,QAAQ,QAAE,GAAG,CAAC,EAAE,CAAC,8BAAC,SAAS,kBAAC,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,IAAM,KAAK,EAAI,CAAwB,CAAC;IAC7G,CAAC,CAAC,CAAC;IACH,GAAG,CAAC,WAAW,GAAG,SAAS,CAAC,IAAI,CAAC;IACjC,OAAO,GAAG,CAAC;AACb,CAAC;AAND,4BAMC;AAED,kBAAe,WAAW,CAAC","file":"view.js","sourcesContent":["import React from 'react';\nimport type { IView } from '@visactor/vgrammar-core';\n\nconst ViewContext = React.createContext<IView>(null);\nViewContext.displayName = 'ViewContext';\n\nexport function withView<T>(Component: typeof React.Component) {\n  const Com = React.forwardRef<any, T>((props: T, ref) => {\n    return <ViewContext.Consumer>{ctx => <Component ref={ref} view={ctx} {...props} />}</ViewContext.Consumer>;\n  });\n  Com.displayName = Component.name;\n  return Com;\n}\n\nexport default ViewContext;\n"]}

package/esm/context/view.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import type { IView } from '@visactor/vgrammar-core';
-declare const ViewContext: React.Context<IView>;
-export declare function withView<T>(Component: typeof React.Component): React.ForwardRefExoticComponent<React.PropsWithoutRef<T> & React.RefAttributes<any>>;
-export default ViewContext;

package/esm/context/view.js

@@ -1,16 +0,0 @@
-import React from "react";
-
-const ViewContext = React.createContext(null);
-
-ViewContext.displayName = "ViewContext";
-
-export function withView(Component) {
-    const Com = React.forwardRef(((props, ref) => React.createElement(ViewContext.Consumer, null, (ctx => React.createElement(Component, Object.assign({
-        ref: ref,
-        view: ctx
-    }, props))))));
-    return Com.displayName = Component.name, Com;
-}
-
-export default ViewContext;
-//# sourceMappingURL=view.js.map

package/esm/context/view.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/context/view.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,GAAG,KAAK,CAAC,aAAa,CAAQ,IAAI,CAAC,CAAC;AACrD,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC;AAExC,MAAM,UAAU,QAAQ,CAAI,SAAiC;IAC3D,MAAM,GAAG,GAAG,KAAK,CAAC,UAAU,CAAS,CAAC,KAAQ,EAAE,GAAG,EAAE,EAAE;QACrD,OAAO,oBAAC,WAAW,CAAC,QAAQ,QAAE,GAAG,CAAC,EAAE,CAAC,oBAAC,SAAS,kBAAC,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,IAAM,KAAK,EAAI,CAAwB,CAAC;IAC7G,CAAC,CAAC,CAAC;IACH,GAAG,CAAC,WAAW,GAAG,SAAS,CAAC,IAAI,CAAC;IACjC,OAAO,GAAG,CAAC;AACb,CAAC;AAED,eAAe,WAAW,CAAC","file":"view.js","sourcesContent":["import React from 'react';\nimport type { IView } from '@visactor/vgrammar-core';\n\nconst ViewContext = React.createContext<IView>(null);\nViewContext.displayName = 'ViewContext';\n\nexport function withView<T>(Component: typeof React.Component) {\n  const Com = React.forwardRef<any, T>((props: T, ref) => {\n    return <ViewContext.Consumer>{ctx => <Component ref={ref} view={ctx} {...props} />}</ViewContext.Consumer>;\n  });\n  Com.displayName = Component.name;\n  return Com;\n}\n\nexport default ViewContext;\n"]}