fix: fix ts type error

Author: kagawagao

scripts/sync.js

@@ -16,10 +16,7 @@ const eslint = new ESLint({
   fix: true,
 })
 
-const g2PlotDir = path.resolve(
-  process.cwd(),
-  'node_modules/@antv/g2plot/src/plots'
-)
+const g2PlotDir = path.resolve(process.cwd(), 'node_modules/@antv/g2plot/src/plots')
 const plotDir = path.resolve(process.cwd(), 'src/plots')
 const testDir = path.resolve(process.cwd(), '__tests__/plots')
 const exportPath = path.resolve(process.cwd(), 'src/index.ts')
@@ -33,9 +30,7 @@ const newCharts = []
 
 plotNames.forEach((chartName) => {
   try {
-    if (
-      !fs.existsSync(path.resolve(plotDir, `${kebabCase(chartName)}/index.tsx`))
-    ) {
+    if (!fs.existsSync(path.resolve(plotDir, `${kebabCase(chartName)}/index.tsx`))) {
       newCharts.push(chartName)
     }
   } catch (error) {}
@@ -72,14 +67,14 @@ export type ${chart}ChartProps = Writeable<Omit<BaseChartProps<${chart}Options>,
 
 const ${chart}Chart = defineComponent<${chart}ChartProps>({
   name: '${chart}Chart',
-  setup(props, ctx) {
+  setup: (props, ctx) => {
     return () => <BaseChart chart={${chart}} {...mergeAttrs(props, ctx.attrs)} />
   },
 })
 
 /* istanbul ignore next */
 ${chart}Chart.install = (app: App) => {
-  app.component(${chart}Chart.name, ${chart}Chart)
+  app.component('${chart}Chart', ${chart}Chart)
 }
 
 export default ${chart}Chart
@@ -118,10 +113,7 @@ const addExport = async () => {
     exportFileContent += content
   })
 
-  const fixedContent = await lintAndFixFileContent(
-    exportFileContent,
-    exportPath
-  )
+  const fixedContent = await lintAndFixFileContent(exportFileContent, exportPath)
 
   writeFile(exportPath, fixedContent, {
     encoding: 'utf8',

src/index.ts

@@ -13,8 +13,8 @@ import { PieChartProps as _PieChartProps } from './plots/pie'
 import { RadarChartProps as _RadarChartProps } from './plots/radar'
 import { RoseChartProps as _RoseChartProps } from './plots/rose'
 import { ScatterChartProps as _ScatterChartProps } from './plots/scatter'
-import { WordCloudChartProps as _WordCloudChartProps } from './plots/word-cloud'
 import { WaterfallChartProps as _WaterfallChartProps } from './plots/waterfall'
+import { WordCloudChartProps as _WordCloudChartProps } from './plots/word-cloud'
 
 // mini plots
 import { ProgressChartProps as _ProgressChartProps } from './plots/progress'
@@ -95,9 +95,9 @@ export type RoseChartProps = _RoseChartProps
 export { default as ScatterChart } from './plots/scatter'
 export type ScatterChartProps = _ScatterChartProps
 
+export { default as WaterfallChart } from './plots/waterfall'
 export { default as WordCloudChart } from './plots/word-cloud'
 export type WordCloudChartProps = _WordCloudChartProps
-export { default as WaterfallChart } from './plots/waterfall'
 export type WaterfallChartProps = _WaterfallChartProps
 
 // mini plots
@@ -113,35 +113,35 @@ export type TinyAreaChartProps = _TinyAreaChartProps
 export { default as TinyColumnChart } from './plots/tiny-column'
 export type TinyColumnChartProps = _TinyColumnChartProps
 
+export { default as BidirectionalBarChart } from './plots/bidirectional-bar'
+export { default as BoxChart } from './plots/box'
+export { default as ChordChart } from './plots/chord'
+export { default as CirclePackingChart } from './plots/circle-packing'
+export { default as DualAxesChart } from './plots/dual-axes'
+export { default as FacetChart } from './plots/facet'
+export { default as MixChart } from './plots/mix'
+export { default as MultiViewChart } from './plots/multi-view'
+export { default as RadialBarChart } from './plots/radial-bar'
+export { default as SankeyChart } from './plots/sankey'
+export { default as StockChart } from './plots/stock'
+export { default as SunburstChart } from './plots/sunburst'
 export { default as TinyLineChart } from './plots/tiny-line'
+export { default as TreemapChart } from './plots/treemap'
+export { default as VennChart } from './plots/venn'
+export { default as ViolinChart } from './plots/violin'
 export type TinyLineChartProps = _TinyLineChartProps
-export { default as DualAxesChart } from './plots/dual-axes'
 export type DualAxesChartProps = _DualAxesChartProps
-export { default as BoxChart } from './plots/box'
 export type BoxChartProps = _BoxChartProps
-export { default as StockChart } from './plots/stock'
 export type StockChartProps = _StockChartProps
-export { default as SunburstChart } from './plots/sunburst'
 export type SunburstChartProps = _SunburstChartProps
-export { default as RadialBarChart } from './plots/radial-bar'
 export type RadialBarChartProps = _RadialBarChartProps
-export { default as BidirectionalBarChart } from './plots/bidirectional-bar'
 export type BidirectionalBarChartProps = _BidirectionalBarChartProps
-export { default as TreemapChart } from './plots/treemap'
 export type TreemapChartProps = _TreemapChartProps
-export { default as SankeyChart } from './plots/sankey'
 export type SankeyChartProps = _SankeyChartProps
-export { default as ChordChart } from './plots/chord'
 export type ChordChartProps = _ChordChartProps
-export { default as MultiViewChart } from './plots/multi-view'
 export type MultiViewChartProps = _MultiViewChartProps
-export { default as MixChart } from './plots/mix'
 export type MixChartProps = _MixChartProps
-export { default as ViolinChart } from './plots/violin'
 export type ViolinChartProps = _ViolinChartProps
-export { default as FacetChart } from './plots/facet'
 export type FacetChartProps = _FacetChartProps
-export { default as CirclePackingChart } from './plots/circle-packing'
 export type CirclePackingChartProps = _CirclePackingChartProps
-export { default as VennChart } from './plots/venn'
 export type VennChartProps = _VennChartProps

src/plots/area/index.tsx

@@ -15,7 +15,7 @@ const AreaChart = defineComponent<AreaChartProps>({
 
 /* istanbul ignore next */
 AreaChart.install = (app: App) => {
-  app.component(AreaChart.name, AreaChart)
+  app.component('AreaChart', AreaChart)
 }
 
 export default AreaChart

src/plots/bar/index.tsx

@@ -15,7 +15,7 @@ const BarChart = defineComponent<BarChartProps>({
 
 /* istanbul ignore next */
 BarChart.install = (app: App) => {
-  app.component(BarChart.name, BarChart)
+  app.component('BarChart', BarChart)
 }
 
 export default BarChart

src/plots/bidirectional-bar/index.tsx

@@ -17,7 +17,7 @@ const BidirectionalBarChart = defineComponent<BidirectionalBarChartProps>({
 
 /* istanbul ignore next */
 BidirectionalBarChart.install = (app: App) => {
-  app.component(BidirectionalBarChart.name, BidirectionalBarChart)
+  app.component('BidirectionalBarChart', BidirectionalBarChart)
 }
 
 export default BidirectionalBarChart

src/plots/box/index.tsx

@@ -15,7 +15,7 @@ const BoxChart = defineComponent<BoxChartProps>({
 
 /* istanbul ignore next */
 BoxChart.install = (app: App) => {
-  app.component(BoxChart.name, BoxChart)
+  app.component('BoxChart', BoxChart)
 }
 
 export default BoxChart

src/plots/bullet/index.tsx

@@ -15,7 +15,7 @@ const BulletChart = defineComponent<BulletChartProps>({
 
 /* istanbul ignore next */
 BulletChart.install = (app: App) => {
-  app.component(BulletChart.name, BulletChart)
+  app.component('BulletChart', BulletChart)
 }
 
 export default BulletChart

src/plots/chord/index.tsx

@@ -15,7 +15,7 @@ const ChordChart = defineComponent<ChordChartProps>({
 
 /* istanbul ignore next */
 ChordChart.install = (app: App) => {
-  app.component(ChordChart.name, ChordChart)
+  app.component('ChordChart', ChordChart)
 }
 
 export default ChordChart

src/plots/circle-packing/index.tsx

@@ -10,14 +10,14 @@ export type CirclePackingChartProps = Writeable<
 
 const CirclePackingChart = defineComponent<CirclePackingChartProps>({
   name: 'CirclePackingChart',
-  setup(props, ctx) {
+  setup: (props, ctx) => {
     return () => <BaseChart chart={CirclePacking} {...mergeAttrs(props, ctx.attrs)} />
   },
 })
 
 /* istanbul ignore next */
 CirclePackingChart.install = (app: App) => {
-  app.component(CirclePackingChart.name, CirclePackingChart)
+  app.component('CirclePackingChart', CirclePackingChart)
 }
 
 export default CirclePackingChart

src/plots/column/index.tsx

@@ -1,4 +1,4 @@
-import { defineComponent, App } from 'vue-demi'
+import { App, defineComponent } from 'vue-demi'
 import { Column, ColumnOptions } from '@antv/g2plot'
 import BaseChart, { BaseChartProps } from '../../components/base'
 import { Writeable } from '../../types'
@@ -15,7 +15,7 @@ const ColumnChart = defineComponent<ColumnChartProps>({
 
 /* istanbul ignore next */
 ColumnChart.install = (app: App) => {
-  app.component(ColumnChart.name, ColumnChart)
+  app.component('ColumnChart', ColumnChart)
 }
 
 export default ColumnChart

src/plots/dual-axes/index.tsx

@@ -15,7 +15,7 @@ const DualAxesChart = defineComponent<DualAxesChartProps>({
 
 /* istanbul ignore next */
 DualAxesChart.install = (app: App) => {
-  app.component(DualAxesChart.name, DualAxesChart)
+  app.component('DualAxesChart', DualAxesChart)
 }
 
 export default DualAxesChart

src/plots/facet/index.tsx

@@ -1,5 +1,5 @@
-import { Facet, FacetOptions } from '@antv/g2plot'
 import { App, defineComponent } from 'vue-demi'
+import { Facet, FacetOptions } from '@antv/g2plot'
 import BaseChart, { BaseChartProps } from '../../components/base'
 import { Writeable } from '../../types'
 import { mergeAttrs } from '../../utils'
@@ -8,14 +8,14 @@ export type FacetChartProps = Writeable<Omit<BaseChartProps<FacetOptions>, 'char
 
 const FacetChart = defineComponent<FacetChartProps>({
   name: 'FacetChart',
-  setup(props, ctx) {
+  setup: (props, ctx) => {
     return () => <BaseChart chart={Facet} {...mergeAttrs(props, ctx.attrs)} />
   },
 })
 
 /* istanbul ignore next */
 FacetChart.install = (app: App) => {
-  app.component(FacetChart.name, FacetChart)
+  app.component('FacetChart', FacetChart)
 }
 
 export default FacetChart

src/plots/funnel/index.tsx

@@ -1,4 +1,4 @@
-import { defineComponent, App } from 'vue-demi'
+import { App, defineComponent } from 'vue-demi'
 import { Funnel, FunnelOptions } from '@antv/g2plot'
 import BaseChart, { BaseChartProps } from '../../components/base'
 import { Writeable } from '../../types'
@@ -15,7 +15,7 @@ const FunnelChart = defineComponent<FunnelChartProps>({
 
 /* istanbul ignore next */
 FunnelChart.install = (app: App) => {
-  app.component(FunnelChart.name, FunnelChart)
+  app.component('FunnelChart', FunnelChart)
 }
 
 export default FunnelChart

src/plots/gauge/index.tsx

@@ -1,4 +1,4 @@
-import { defineComponent, App } from 'vue-demi'
+import { App, defineComponent } from 'vue-demi'
 import { Gauge, GaugeOptions } from '@antv/g2plot'
 import BaseChart, { BaseChartProps } from '../../components/base'
 import { Writeable } from '../../types'
@@ -15,7 +15,7 @@ const GaugeChart = defineComponent<GaugeChartProps>({
 
 /* istanbul ignore next */
 GaugeChart.install = (app: App) => {
-  app.component(GaugeChart.name, GaugeChart)
+  app.component('GaugeChart', GaugeChart)
 }
 
 export default GaugeChart

src/plots/heatmap/index.tsx

@@ -1,4 +1,4 @@
-import { defineComponent, App } from 'vue-demi'
+import { App, defineComponent } from 'vue-demi'
 import { Heatmap, HeatmapOptions } from '@antv/g2plot'
 import BaseChart, { BaseChartProps } from '../../components/base'
 import { Writeable } from '../../types'
@@ -15,7 +15,7 @@ const HeatmapChart = defineComponent<HeatmapChartProps>({
 
 /* istanbul ignore next */
 HeatmapChart.install = (app: App) => {
-  app.component(HeatmapChart.name, HeatmapChart)
+  app.component('HeatmapChart', HeatmapChart)
 }
 
 export default HeatmapChart

src/plots/histogram/index.tsx

@@ -1,4 +1,4 @@
-import { defineComponent, App } from 'vue-demi'
+import { App, defineComponent } from 'vue-demi'
 import { Histogram, HistogramOptions } from '@antv/g2plot'
 import BaseChart, { BaseChartProps } from '../../components/base'
 import { Writeable } from '../../types'
@@ -15,7 +15,7 @@ const HistogramChart = defineComponent<HistogramChartProps>({
 
 /* istanbul ignore next */
 HistogramChart.install = (app: App) => {
-  app.component(HistogramChart.name, HistogramChart)
+  app.component('HistogramChart', HistogramChart)
 }
 
 export default HistogramChart

src/plots/line/index.tsx

@@ -1,4 +1,4 @@
-import { defineComponent, App } from 'vue-demi'
+import { App, defineComponent } from 'vue-demi'
 import { Line, LineOptions } from '@antv/g2plot'
 import BaseChart, { BaseChartProps } from '../../components/base'
 import { Writeable } from '../../types'
@@ -15,7 +15,7 @@ const LineChart = defineComponent<LineChartProps>({
 
 /* istanbul ignore next */
 LineChart.install = (app: App) => {
-  app.component(LineChart.name, LineChart)
+  app.component('LineChart', LineChart)
 }
 
 export default LineChart

src/plots/liquid/index.tsx

@@ -1,4 +1,4 @@
-import { defineComponent, App } from 'vue-demi'
+import { App, defineComponent } from 'vue-demi'
 import { Liquid, LiquidOptions } from '@antv/g2plot'
 import BaseChart, { BaseChartProps } from '../../components/base'
 import { Writeable } from '../../types'
@@ -15,7 +15,7 @@ const LiquidChart = defineComponent<LiquidChartProps>({
 
 /* istanbul ignore next */
 LiquidChart.install = (app: App) => {
-  app.component(LiquidChart.name, LiquidChart)
+  app.component('LiquidChart', LiquidChart)
 }
 
 export default LiquidChart

src/plots/mix/index.tsx

@@ -8,14 +8,14 @@ export type MixChartProps = Writeable<Omit<BaseChartProps<MixOptions>, 'chart' |
 
 const MixChart = defineComponent<MixChartProps>({
   name: 'MixChart',
-  setup(props, ctx) {
+  setup: (props, ctx) => {
     return () => <BaseChart chart={Mix} {...mergeAttrs(props, ctx.attrs)} />
   },
 })
 
 /* istanbul ignore next */
 MixChart.install = (app: App) => {
-  app.component(MixChart.name, MixChart)
+  app.component('MixChart', MixChart)
 }
 
 export default MixChart

src/plots/multi-view/index.tsx

@@ -1,5 +1,5 @@
-import { App, defineComponent } from 'vue-demi'
 import { Mix, MixOptions } from '@antv/g2plot'
+import { App, defineComponent } from 'vue-demi'
 import BaseChart, { BaseChartProps } from '../../components/base'
 import { Writeable } from '../../types'
 import { mergeAttrs } from '../../utils'
@@ -18,7 +18,7 @@ const MultiViewChart = defineComponent<MultiViewChartProps>({
 
 /* istanbul ignore next */
 MultiViewChart.install = (app: App) => {
-  app.component(MultiViewChart.name, MultiViewChart)
+  app.component('MultiViewChart', MultiViewChart)
 }
 
 export default MultiViewChart

src/plots/pie/index.tsx

@@ -1,4 +1,4 @@
-import { defineComponent, App } from 'vue-demi'
+import { App, defineComponent } from 'vue-demi'
 import { Pie, PieOptions } from '@antv/g2plot'
 import BaseChart, { BaseChartProps } from '../../components/base'
 import { Writeable } from '../../types'
@@ -15,7 +15,7 @@ const PieChart = defineComponent<PieChartProps>({
 
 /* istanbul ignore next */
 PieChart.install = (app: App) => {
-  app.component(PieChart.name, PieChart)
+  app.component('PieChart', PieChart)
 }
 
 export default PieChart

src/plots/progress/index.tsx

@@ -1,4 +1,4 @@
-import { defineComponent, App } from 'vue-demi'
+import { App, defineComponent } from 'vue-demi'
 import { Progress, ProgressOptions } from '@antv/g2plot'
 import BaseChart, { BaseChartProps } from '../../components/base'
 import { Writeable } from '../../types'
@@ -15,7 +15,7 @@ const ProgressChart = defineComponent<ProgressChartProps>({
 
 /* istanbul ignore next */
 ProgressChart.install = (app: App) => {
-  app.component(ProgressChart.name, ProgressChart)
+  app.component('ProgressChart', ProgressChart)
 }
 
 export default ProgressChart