fix: export missed charts

docs/index.md

@@ -36,11 +36,11 @@ import { LineChart } from '@opd/g2plot-react'
 
 ```tsx | inline
 import React, { useCallback } from 'react'
-import { LineChart, ColumnChart, PieChart } from '@opd/g2plot-react'
+import { LineChart, ColumnChart, PieChart, BarChart } from '@opd/g2plot-react'
 
 const config = {
-  width: 400,
-  height: 400,
+  width: 375,
+  height: 375,
   padding: 'auto',
   forceFit: true,
   xField: 'year',
@@ -134,6 +134,7 @@ export default () => {
     >
       <LineChart {...config} onMount={handleChartMount} />
       <ColumnChart {...config} />
+      <BarChart {...config} xField="value" yField="year" />
       <PieChart {...pieConfig} />
     </div>
   )

src/index.tsx

@@ -1,44 +1,46 @@
-export { default as LineChart } from './plots/line'
-export { default as StepLineChart } from './plots/step-line'
-export { default as ScatterChart } from './plots/scatter'
-export { default as ColumnChart } from './plots/column'
-export { default as HistogramChart } from './plots/histogram'
-export { default as WaterfallChart } from './plots/waterfall'
-export { default as StackedColumnChart } from './plots/stacked-column'
-export { default as RangeColumnChart } from './plots/range-column'
-export { default as PercentStackedColumnChart } from './plots/percent-stacked-column'
-export { default as GroupedColumnChart } from './plots/grouped-column'
-export { default as BarChart } from './plots/bar'
-export { default as StackedBarChart } from './plots/stacked-bar'
-export { default as RangeBarChart } from './plots/range-bar'
-export { default as PercentStackedBarChart } from './plots/percent-stacked-bar'
-export { default as GroupedBarChart } from './plots/grouped-bar'
+// export { default as MatrixChart } from './plots/matrix'
+// export { default as SunburstChart } from './plots/sunburst'
 export { default as AreaChart } from './plots/area'
+export { default as BarChart } from './plots/bar'
+export { default as BubbleChart } from './plots/bubble'
+export { default as BulletChart } from './plots/bullet'
+export { default as CalendarChart } from './plots/calendar'
+export { default as ColumnChart } from './plots/column'
 export { default as DensityChart } from './plots/density'
 export { default as DensityHeatmapChart } from './plots/density-heatmap'
-export { default as StackedAreaChart } from './plots/stacked-area'
-export { default as PercentStackedAreaChart } from './plots/percent-stacked-area'
-export { default as BubbleChart } from './plots/bubble'
-export { default as PieChart } from './plots/pie'
-export { default as RingChart } from './plots/ring'
-export { default as RadarChart } from './plots/radar'
-export { default as GaugeChart } from './plots/gauge'
+export { default as DonutChart } from './plots/donut'
 export { default as FanGaugeChart } from './plots/fan-gauge'
-export { default as MeterGaugeChart } from './plots/meter-gauge'
+export { default as FunnelChart } from './plots/funnel'
+export { default as GaugeChart } from './plots/gauge'
+export { default as GroupedBarChart } from './plots/grouped-bar'
+export { default as GroupedColumnChart } from './plots/grouped-column'
+export { default as GroupedRoseChart } from './plots/grouped-rose'
 export { default as HeatmapChart } from './plots/heatmap'
-// export { default as MatrixChart } from './plots/matrix'
-// export { default as SunburstChart } from './plots/sunburst'
+export { default as HistogramChart } from './plots/histogram'
+export { default as LineChart } from './plots/line'
+export { default as LiquidChart } from './plots/liquid'
+export { default as MeterGaugeChart } from './plots/meter-gauge'
+export { default as OverlappedComboChart } from './plots/overlapped-combo'
+export { default as PercentStackedAreaChart } from './plots/percent-stacked-area'
+export { default as PercentStackedBarChart } from './plots/percent-stacked-bar'
+export { default as PercentStackedColumnChart } from './plots/percent-stacked-column'
+export { default as PieChart } from './plots/pie'
 export { default as ProgressChart } from './plots/progress'
+export { default as RadarChart } from './plots/radar'
+export { default as RangeBarChart } from './plots/range-bar'
+export { default as RangeColumnChart } from './plots/range-column'
+export { default as RingChart } from './plots/ring'
 export { default as RingProgressChart } from './plots/ring-progress'
-export { default as TinyLineChart } from './plots/tiny-line'
+export { default as RoseChart } from './plots/rose'
+export { default as ScatterChart } from './plots/scatter'
+export { default as StackedAreaChart } from './plots/stacked-area'
+export { default as StackedBarChart } from './plots/stacked-bar'
+export { default as StackedColumnChart } from './plots/stacked-column'
+export { default as StackedRoseChart } from './plots/stacked-rose'
+export { default as StepLineChart } from './plots/step-line'
 export { default as TinyAreaChart } from './plots/tiny-area'
 export { default as TinyColumnChart } from './plots/tiny-column'
-export { default as LiquidChart } from './plots/liquid'
-export { default as FunnelChart } from './plots/funnel'
-export { default as BulletChart } from './plots/bullet'
+export { default as TinyLineChart } from './plots/tiny-line'
 export { default as TreemapChart } from './plots/treemap'
-export { default as OverlappedComboChart } from './plots/overlapped-combo'
-export { default as CalendarChart } from './plots/calendar'
-export { default as DonutChart } from './plots/donut'
-export { default as StackedRoseChart } from './plots/stacked-rose'
-export { default as GroupedRoseChart } from './plots/grouped-rose'
+export { default as WaterfallChart } from './plots/waterfall'
+export { default as WordCloudChart } from './plots/word-cloud'

src/plots/area.tsx → src/plots/area/index.tsx

@@ -1,6 +1,6 @@
 import React, { FC } from 'react'
 import { Area, AreaConfig } from '@antv/g2plot'
-import BaseChart, { BaseChartProps } from './base'
+import BaseChart, { BaseChartProps } from '../../components/base'
 
 export type AreaChartProps = Omit<BaseChartProps, 'chart'> & AreaConfig
 

src/plots/bar.tsx → src/plots/bar/index.tsx

@@ -1,6 +1,6 @@
 import React, { FC } from 'react'
 import { Bar, BarConfig } from '@antv/g2plot'
-import BaseChart, { BaseChartProps } from './base'
+import BaseChart, { BaseChartProps } from '../../components/base'
 
 export type BarChartProps = Omit<BaseChartProps, 'chart'> & BarConfig
 

src/plots/bubble.tsx → src/plots/bubble/index.tsx

@@ -1,6 +1,6 @@
 import React, { FC } from 'react'
 import { Bubble, BubbleConfig } from '@antv/g2plot'
-import BaseChart, { BaseChartProps } from './base'
+import BaseChart, { BaseChartProps } from '../../components/base'
 
 export type BubbleChartProps = Omit<BaseChartProps, 'chart'> & BubbleConfig
 

src/plots/bullet.tsx → src/plots/bullet/index.tsx

@@ -1,6 +1,6 @@
 import React, { FC } from 'react'
 import { Bullet, BulletConfig } from '@antv/g2plot'
-import BaseChart, { BaseChartProps } from './base'
+import BaseChart, { BaseChartProps } from '../../components/base'
 
 export type BulletChartProps = Omit<BaseChartProps, 'chart'> & BulletConfig
 

src/plots/calendar.tsx → src/plots/calendar/index.tsx

@@ -1,6 +1,6 @@
 import React, { FC } from 'react'
 import { Calendar, CalendarConfig } from '@antv/g2plot'
-import BaseChart, { BaseChartProps } from './base'
+import BaseChart, { BaseChartProps } from '../../components/base'
 
 export type CalendarChartProps = Omit<BaseChartProps, 'chart'> & CalendarConfig
 

src/plots/column.tsx → src/plots/column/index.tsx

@@ -1,6 +1,6 @@
 import React, { FC } from 'react'
 import { Column, ColumnConfig } from '@antv/g2plot'
-import BaseChart, { BaseChartProps } from './base'
+import BaseChart, { BaseChartProps } from '../../components/base'
 
 export type ColumnChartProps = Omit<BaseChartProps, 'chart'> & ColumnConfig
 

src/plots/density-heatmap.tsx → src/plots/density-heatmap/index.tsx

@@ -1,6 +1,6 @@
 import React, { FC } from 'react'
 import { DensityHeatmap, DensityHeatmapConfig } from '@antv/g2plot'
-import BaseChart, { BaseChartProps } from './base'
+import BaseChart, { BaseChartProps } from '../../components/base'
 
 export type DensityHeatmapChartProps = Omit<BaseChartProps, 'chart'> &
   DensityHeatmapConfig

src/plots/density.tsx → src/plots/density/index.tsx

@@ -1,6 +1,6 @@
 import React, { FC } from 'react'
 import { Density, DensityConfig } from '@antv/g2plot'
-import BaseChart, { BaseChartProps } from './base'
+import BaseChart, { BaseChartProps } from '../../components/base'
 
 export type DensityChartProps = Omit<BaseChartProps, 'chart'> & DensityConfig
 

src/plots/donut.tsx → src/plots/donut/index.tsx

@@ -1,6 +1,6 @@
 import React, { FC } from 'react'
 import { Donut, DonutConfig } from '@antv/g2plot'
-import BaseChart, { BaseChartProps } from './base'
+import BaseChart, { BaseChartProps } from '../../components/base'
 
 export type DonutChartProps = Omit<BaseChartProps, 'chart'> & DonutConfig
 

src/plots/fan-gauge.tsx → src/plots/fan-gauge/index.tsx

@@ -1,6 +1,6 @@
 import React, { FC } from 'react'
 import { FanGauge, FanGaugeConfig } from '@antv/g2plot'
-import BaseChart, { BaseChartProps } from './base'
+import BaseChart, { BaseChartProps } from '../../components/base'
 
 export type FanGaugeChartProps = Omit<BaseChartProps, 'chart'> & FanGaugeConfig
 

src/plots/funnel.tsx → src/plots/funnel/index.tsx

@@ -1,6 +1,6 @@
 import React, { FC } from 'react'
 import { Funnel, FunnelConfig } from '@antv/g2plot'
-import BaseChart, { BaseChartProps } from './base'
+import BaseChart, { BaseChartProps } from '../../components/base'
 
 export type FunnelChartProps = Omit<BaseChartProps, 'chart'> & FunnelConfig
 

src/plots/gauge.tsx → src/plots/gauge/index.tsx

@@ -1,6 +1,6 @@
 import React, { FC } from 'react'
 import { Gauge, GaugeConfig } from '@antv/g2plot'
-import BaseChart, { BaseChartProps } from './base'
+import BaseChart, { BaseChartProps } from '../../components/base'
 
 export type GaugeChartProps = Omit<BaseChartProps, 'chart'> & GaugeConfig
 

src/plots/grouped-bar.tsx → src/plots/grouped-bar/index.tsx

@@ -1,6 +1,6 @@
 import React, { FC } from 'react'
 import { GroupedBar, GroupedBarConfig } from '@antv/g2plot'
-import BaseChart, { BaseChartProps } from './base'
+import BaseChart, { BaseChartProps } from '../../components/base'
 
 export type GroupBarChartProps = Omit<BaseChartProps, 'chart'> &
   GroupedBarConfig

src/plots/grouped-column.tsx → src/plots/grouped-column/index.tsx

@@ -1,6 +1,6 @@
 import React, { FC } from 'react'
 import { GroupedColumn, GroupedColumnConfig } from '@antv/g2plot'
-import BaseChart, { BaseChartProps } from './base'
+import BaseChart, { BaseChartProps } from '../../components/base'
 
 export type GroupedColumnChartProps = Omit<BaseChartProps, 'chart'> &
   GroupedColumnConfig

src/plots/grouped-rose.tsx → src/plots/grouped-rose/index.tsx

@@ -1,6 +1,6 @@
 import React, { FC } from 'react'
 import { GroupedRose, GroupedRoseConfig } from '@antv/g2plot'
-import BaseChart, { BaseChartProps } from './base'
+import BaseChart, { BaseChartProps } from '../../components/base'
 
 export type GroupedRoseChartProps = Omit<BaseChartProps, 'chart'> &
   GroupedRoseConfig

src/plots/heatmap.tsx → src/plots/heatmap/index.tsx

@@ -1,6 +1,6 @@
 import React, { FC } from 'react'
 import { Heatmap, HeatmapConfig } from '@antv/g2plot'
-import BaseChart, { BaseChartProps } from './base'
+import BaseChart, { BaseChartProps } from '../../components/base'
 
 export type HeatmapChartProps = Omit<BaseChartProps, 'chart'> & HeatmapConfig
 

src/plots/histogram.tsx → src/plots/histogram/index.tsx

@@ -1,6 +1,6 @@
 import React, { FC } from 'react'
 import { Histogram, HistogramConfig } from '@antv/g2plot'
-import BaseChart, { BaseChartProps } from './base'
+import BaseChart, { BaseChartProps } from '../../components/base'
 
 export type HistogramChartProps = Omit<BaseChartProps, 'chart'> &
   HistogramConfig

src/plots/line.tsx → src/plots/line/index.tsx

@@ -1,6 +1,6 @@
 import React, { FC } from 'react'
 import { Line, LineConfig } from '@antv/g2plot'
-import BaseChart, { BaseChartProps } from './base'
+import BaseChart, { BaseChartProps } from '../../components/base'
 
 export type LineChartProps = Omit<BaseChartProps, 'chart'> & LineConfig
 

src/plots/liquid.tsx → src/plots/liquid/index.tsx

@@ -1,6 +1,6 @@
 import React, { FC } from 'react'
 import { Liquid, LiquidConfig } from '@antv/g2plot'
-import BaseChart, { BaseChartProps } from './base'
+import BaseChart, { BaseChartProps } from '../../components/base'
 
 export type LiquidChartProps = Omit<BaseChartProps, 'chart'> & LiquidConfig
 

src/plots/matrix.tsx → src/plots/matrix/index.tsx

@@ -1,6 +1,6 @@
 // import React, { FC } from 'react'
 // import { Matrix, MatrixConfig } from '@antv/g2plot'
-// import BaseChart, { BaseChartProps } from './base'
+// import BaseChart, { BaseChartProps } from '../base'
 
 // export type MatrixChartProps = Omit<BaseChartProps, 'chart'> & MatrixConfig
 

src/plots/meter-gauge.tsx → src/plots/meter-gauge/index.tsx

@@ -1,6 +1,6 @@
 import React, { FC } from 'react'
 import { MeterGauge, MeterGaugeConfig } from '@antv/g2plot'
-import BaseChart, { BaseChartProps } from './base'
+import BaseChart, { BaseChartProps } from '../../components/base'
 
 export type MeterGaugeChartProps = Omit<BaseChartProps, 'chart'> &
   MeterGaugeConfig

src/plots/overlapped-combo.tsx → src/plots/overlapped-combo/index.tsx

@@ -1,6 +1,6 @@
 import React, { FC } from 'react'
 import { OverlappedComboPlot, OverlappedComboPlotConfig } from '@antv/g2plot'
-import ComboChart, { ComboChartProps } from './combo'
+import ComboChart, { ComboChartProps } from '../../components/combo'
 
 export type OverlappedComboPlotChartProps = Omit<ComboChartProps, 'chart'> &
   OverlappedComboPlotConfig

src/plots/percent-stacked-area.tsx → src/plots/percent-stacked-area/index.tsx

@@ -1,6 +1,6 @@
 import React, { FC } from 'react'
 import { PercentStackedArea, PercentStackedAreaConfig } from '@antv/g2plot'
-import BaseChart, { BaseChartProps, Plot } from './base'
+import BaseChart, { BaseChartProps, Plot } from '../../components/base'
 
 export type PercentStackedAreaChartProps = Omit<BaseChartProps, 'chart'> &
   PercentStackedAreaConfig

src/plots/percent-stacked-bar.tsx → src/plots/percent-stacked-bar/index.tsx

@@ -1,6 +1,6 @@
 import React, { FC } from 'react'
 import { PercentStackedBar, PercentStackedBarConfig } from '@antv/g2plot'
-import BaseChart, { BaseChartProps, Plot } from './base'
+import BaseChart, { BaseChartProps, Plot } from '../../components/base'
 
 export type PercentStackedBarChartProps = Omit<BaseChartProps, 'chart'> &
   PercentStackedBarConfig

src/plots/percent-stacked-column.tsx → src/plots/percent-stacked-column/index.tsx

@@ -1,6 +1,6 @@
 import React, { FC } from 'react'
 import { PercentStackedColumn, PercentStackedColumnConfig } from '@antv/g2plot'
-import BaseChart, { BaseChartProps, Plot } from './base'
+import BaseChart, { BaseChartProps, Plot } from '../../components/base'
 
 export type PercentStackedColumnChartProps = Omit<BaseChartProps, 'chart'> &
   PercentStackedColumnConfig

src/plots/pie.tsx → src/plots/pie/index.tsx

@@ -1,6 +1,6 @@
 import React, { FC } from 'react'
 import { Pie, PieConfig } from '@antv/g2plot'
-import BaseChart, { BaseChartProps } from './base'
+import BaseChart, { BaseChartProps } from '../../components/base'
 
 export type PieChartProps = Omit<BaseChartProps, 'chart'> & PieConfig
 

src/plots/progress.tsx → src/plots/progress/index.tsx

@@ -1,6 +1,6 @@
 import React, { FC } from 'react'
 import { Progress, ProgressConfig } from '@antv/g2plot'
-import BaseChart, { BaseChartProps } from './base'
+import BaseChart, { BaseChartProps } from '../../components/base'
 
 export type ProgressChartProps = Omit<BaseChartProps, 'chart'> & ProgressConfig
 

src/plots/radar.tsx → src/plots/radar/index.tsx

@@ -1,6 +1,6 @@
 import React, { FC } from 'react'
 import { Radar, RadarConfig } from '@antv/g2plot'
-import BaseChart, { BaseChartProps } from './base'
+import BaseChart, { BaseChartProps } from '../../components/base'
 
 export type RadarChartProps = Omit<BaseChartProps, 'chart'> & RadarConfig
 

src/plots/range-bar.tsx → src/plots/range-bar/index.tsx

@@ -1,6 +1,6 @@
 import React, { FC } from 'react'
 import { RangeBar, RangeBarConfig } from '@antv/g2plot'
-import BaseChart, { BaseChartProps } from './base'
+import BaseChart, { BaseChartProps } from '../../components/base'
 
 export type RangeBarChartProps = Omit<BaseChartProps, 'chart'> & RangeBarConfig
 

src/plots/range-column.tsx → src/plots/range-column/index.tsx

@@ -1,6 +1,6 @@
 import React, { FC } from 'react'
 import { RangeColumn, RangeColumnConfig } from '@antv/g2plot'
-import BaseChart, { BaseChartProps } from './base'
+import BaseChart, { BaseChartProps } from '../../components/base'
 
 export type RangeColumnChartProps = Omit<BaseChartProps, 'chart'> &
   RangeColumnConfig

src/plots/ring-progress.tsx → src/plots/ring-progress/index.tsx

@@ -1,6 +1,6 @@
 import React, { FC } from 'react'
 import { RingProgress, RingProgressConfig } from '@antv/g2plot'
-import BaseChart, { BaseChartProps } from './base'
+import BaseChart, { BaseChartProps } from '../../components/base'
 
 export type RingProgressChartProps = Omit<BaseChartProps, 'chart'> &
   RingProgressConfig

src/plots/ring.tsx → src/plots/ring/index.tsx

@@ -1,6 +1,6 @@
 import React, { FC } from 'react'
 import { Ring, RingConfig } from '@antv/g2plot'
-import BaseChart, { BaseChartProps } from './base'
+import BaseChart, { BaseChartProps } from '../../components/base'
 
 export type RingChartProps = Omit<BaseChartProps, 'chart'> & RingConfig
 

src/plots/rose.tsx → src/plots/rose/index.tsx

@@ -1,6 +1,6 @@
 import React, { FC } from 'react'
 import { Rose, RoseConfig } from '@antv/g2plot'
-import BaseChart, { BaseChartProps } from './base'
+import BaseChart, { BaseChartProps } from '../../components/base'
 
 export type RoseChartProps = Omit<BaseChartProps, 'chart'> & RoseConfig
 

src/plots/scatter.tsx → src/plots/scatter/index.tsx

@@ -1,6 +1,6 @@
 import React, { FC } from 'react'
 import { Scatter, ScatterConfig } from '@antv/g2plot'
-import BaseChart, { BaseChartProps } from './base'
+import BaseChart, { BaseChartProps } from '../../components/base'
 
 export type ScatterChartProps = Omit<BaseChartProps, 'chart'> & ScatterConfig
 

src/plots/stacked-area.tsx → src/plots/stacked-area/index.tsx

@@ -1,6 +1,6 @@
 import React, { FC } from 'react'
 import { StackedArea, StackedAreaConfig } from '@antv/g2plot'
-import BaseChart, { BaseChartProps } from './base'
+import BaseChart, { BaseChartProps } from '../../components/base'
 
 export type StackedAreaChartProps = Omit<BaseChartProps, 'chart'> &
   StackedAreaConfig

src/plots/stacked-bar.tsx → src/plots/stacked-bar/index.tsx

@@ -1,6 +1,6 @@
 import React, { FC } from 'react'
 import { StackedBar, StackedBarConfig } from '@antv/g2plot'
-import BaseChart, { BaseChartProps } from './base'
+import BaseChart, { BaseChartProps } from '../../components/base'
 
 export type StackedBarChartProps = Omit<BaseChartProps, 'chart'> &
   StackedBarConfig

src/plots/stacked-column.tsx → src/plots/stacked-column/index.tsx

@@ -1,6 +1,6 @@
 import React, { FC } from 'react'
 import { StackedColumn, StackedColumnConfig } from '@antv/g2plot'
-import BaseChart, { BaseChartProps } from './base'
+import BaseChart, { BaseChartProps } from '../../components/base'
 
 export type StackedColumnChartProps = Omit<BaseChartProps, 'chart'> &
   StackedColumnConfig