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