feat: use jsx-runtime

Author: kagawagao

babel.config.js

@@ -1,4 +1,13 @@
 module.exports = {
-  presets: ['@opd/babel-preset-component'],
+  presets: [
+    '@opd/babel-preset-component',
+    require.resolve('@babel/preset-typescript'),
+    [
+      require.resolve('@babel/preset-react'),
+      {
+        runtime: 'automatic',
+      },
+    ],
+  ],
   ignore: ['src/.umi/**/*.ts'],
 }

src/components/base/index.tsx

@@ -1,19 +1,19 @@
-import React, {
-  HTMLAttributes,
+import { Plot as BasePlot } from '@antv/g2plot'
+import cloneDeep from 'lodash/cloneDeep'
+import isEmpty from 'lodash/isEmpty'
+import isEqual from 'lodash/isEqual'
+import {
   forwardRef,
-  useRef,
-  useEffect,
-  Ref,
+  HTMLAttributes,
   MutableRefObject,
   ReactElement,
+  Ref,
   RefAttributes,
-  useImperativeHandle,
   RefCallback,
+  useEffect,
+  useImperativeHandle,
+  useRef,
 } from 'react'
-import isEqual from 'lodash/isEqual'
-import isEmpty from 'lodash/isEmpty'
-import cloneDeep from 'lodash/cloneDeep'
-import { Plot as BasePlot } from '@antv/g2plot'
 
 interface Options {
   [x: string]: any

src/plots/area/index.tsx

@@ -1,5 +1,5 @@
-import React, { forwardRef } from 'react'
 import { Area, AreaOptions } from '@antv/g2plot'
+import { forwardRef } from 'react'
 import BaseChart, { BaseChartProps } from '../../components/base'
 
 export type AreaChartProps = Omit<

src/plots/bar/index.tsx

@@ -1,5 +1,5 @@
-import React, { forwardRef } from 'react'
 import { Bar, BarOptions } from '@antv/g2plot'
+import { forwardRef } from 'react'
 import BaseChart, { BaseChartProps } from '../../components/base'
 
 export type BarChartProps = Omit<BaseChartProps<BarOptions>, 'chart' | 'data'> &

src/plots/bidirectional-bar/index.tsx

@@ -1,5 +1,5 @@
-import React, { forwardRef } from 'react'
 import { BidirectionalBar, BidirectionalBarOptions } from '@antv/g2plot'
+import { forwardRef } from 'react'
 import BaseChart, { BaseChartProps } from '../../components/base'
 
 export type BidirectionalBarChartProps = Omit<

src/plots/box/index.tsx

@@ -1,5 +1,5 @@
-import React, { forwardRef } from 'react'
 import { Box, BoxOptions } from '@antv/g2plot'
+import { forwardRef } from 'react'
 import BaseChart, { BaseChartProps } from '../../components/base'
 
 export type BoxChartProps = Omit<BaseChartProps<BoxOptions>, 'chart' | 'data'> &

src/plots/bullet/index.tsx

@@ -1,5 +1,5 @@
-import React, { forwardRef } from 'react'
 import { Bullet, BulletOptions } from '@antv/g2plot'
+import { forwardRef } from 'react'
 import BaseChart, { BaseChartProps } from '../../components/base'
 
 export type BulletChartProps = Omit<

src/plots/chord/index.tsx

@@ -1,5 +1,5 @@
-import React, { forwardRef } from 'react'
 import { Chord, ChordOptions } from '@antv/g2plot'
+import { forwardRef } from 'react'
 import BaseChart, { BaseChartProps } from '../../components/base'
 
 export type ChordChartProps = Omit<

src/plots/circle-packing/index.tsx

@@ -1,5 +1,5 @@
-import React, { forwardRef } from 'react'
 import { CirclePacking, CirclePackingOptions } from '@antv/g2plot'
+import { forwardRef } from 'react'
 import BaseChart, { BaseChartProps } from '../../components/base'
 
 export type CirclePackingChartProps = Omit<

src/plots/column/index.tsx

@@ -1,5 +1,5 @@
-import React, { forwardRef } from 'react'
 import { Column, ColumnOptions } from '@antv/g2plot'
+import { forwardRef } from 'react'
 import BaseChart, { BaseChartProps } from '../../components/base'
 
 export type ColumnChartProps = Omit<

src/plots/dual-axes/index.tsx

@@ -1,5 +1,5 @@
-import React, { forwardRef } from 'react'
 import { DualAxes, DualAxesOptions } from '@antv/g2plot'
+import { forwardRef } from 'react'
 import BaseChart, { BaseChartProps } from '../../components/base'
 
 export type DualAxesChartProps = Omit<

src/plots/facet/index.tsx

@@ -1,5 +1,5 @@
-import React, { forwardRef } from 'react'
 import { Facet, FacetOptions } from '@antv/g2plot'
+import { forwardRef } from 'react'
 import BaseChart, { BaseChartProps } from '../../components/base'
 
 export type FacetChartProps = Omit<

src/plots/funnel/index.tsx

@@ -1,5 +1,5 @@
-import React, { forwardRef } from 'react'
 import { Funnel, FunnelOptions } from '@antv/g2plot'
+import { forwardRef } from 'react'
 import BaseChart, { BaseChartProps } from '../../components/base'
 
 export type FunnelChartProps = Omit<

src/plots/gauge/index.tsx

@@ -1,5 +1,5 @@
-import React, { forwardRef } from 'react'
 import { Gauge, GaugeOptions } from '@antv/g2plot'
+import { forwardRef } from 'react'
 import BaseChart, { BaseChartProps } from '../../components/base'
 
 export type GaugeChartProps = Omit<

src/plots/heatmap/index.tsx

@@ -1,5 +1,5 @@
-import React, { forwardRef } from 'react'
 import { Heatmap, HeatmapOptions } from '@antv/g2plot'
+import { forwardRef } from 'react'
 import BaseChart, { BaseChartProps } from '../../components/base'
 
 export type HeatmapChartProps = Omit<

src/plots/histogram/index.tsx

@@ -1,5 +1,5 @@
-import React, { forwardRef } from 'react'
 import { Histogram, HistogramOptions } from '@antv/g2plot'
+import { forwardRef } from 'react'
 import BaseChart, { BaseChartProps } from '../../components/base'
 
 export type HistogramChartProps = Omit<

src/plots/line/index.tsx

@@ -1,5 +1,5 @@
-import React, { forwardRef } from 'react'
 import { Line, LineOptions } from '@antv/g2plot'
+import { forwardRef } from 'react'
 import BaseChart, { BaseChartProps } from '../../components/base'
 
 export type LineChartProps = Omit<

src/plots/liquid/index.tsx

@@ -1,5 +1,5 @@
-import React, { forwardRef } from 'react'
 import { Liquid, LiquidOptions } from '@antv/g2plot'
+import { forwardRef } from 'react'
 import BaseChart, { BaseChartProps } from '../../components/base'
 
 export type LiquidChartProps = Omit<

src/plots/mix/index.tsx

@@ -1,5 +1,5 @@
-import React, { forwardRef } from 'react'
 import { Mix, MixOptions } from '@antv/g2plot'
+import { forwardRef } from 'react'
 import BaseChart, { BaseChartProps } from '../../components/base'
 
 export type MixChartProps = Omit<BaseChartProps<MixOptions>, 'chart' | 'data'> &

src/plots/multi-view/index.tsx

@@ -1,5 +1,5 @@
-import React, { forwardRef } from 'react'
 import { Mix, MixOptions } from '@antv/g2plot'
+import { forwardRef } from 'react'
 import BaseChart, { BaseChartProps } from '../../components/base'
 
 export type MultiViewChartProps = Omit<

src/plots/pie/index.tsx

@@ -1,5 +1,5 @@
-import React, { forwardRef } from 'react'
 import { Pie, PieOptions } from '@antv/g2plot'
+import { forwardRef } from 'react'
 import BaseChart, { BaseChartProps } from '../../components/base'
 
 export type PieChartProps = Omit<BaseChartProps<PieOptions>, 'chart' | 'data'> &

src/plots/progress/index.tsx

@@ -1,5 +1,5 @@
-import React, { forwardRef } from 'react'
 import { Progress, ProgressOptions } from '@antv/g2plot'
+import { forwardRef } from 'react'
 import BaseChart, { BaseChartProps } from '../../components/base'
 
 export type ProgressChartProps = Omit<

src/plots/radar/index.tsx

@@ -1,5 +1,5 @@
-import React, { forwardRef } from 'react'
 import { Radar, RadarOptions } from '@antv/g2plot'
+import { forwardRef } from 'react'
 import BaseChart, { BaseChartProps } from '../../components/base'
 
 export type RadarChartProps = Omit<

src/plots/radial-bar/index.tsx

@@ -1,5 +1,5 @@
-import React, { forwardRef } from 'react'
 import { RadialBar, RadialBarOptions } from '@antv/g2plot'
+import { forwardRef } from 'react'
 import BaseChart, { BaseChartProps } from '../../components/base'
 
 export type RadialBarChartProps = Omit<

src/plots/ring-progress/index.tsx

@@ -1,5 +1,5 @@
-import React, { forwardRef } from 'react'
 import { RingProgress, RingProgressOptions } from '@antv/g2plot'
+import { forwardRef } from 'react'
 import BaseChart, { BaseChartProps } from '../../components/base'
 
 export type RingProgressChartProps = Omit<

src/plots/rose/index.tsx

@@ -1,5 +1,5 @@
-import React, { forwardRef } from 'react'
 import { Rose, RoseOptions } from '@antv/g2plot'
+import { forwardRef } from 'react'
 import BaseChart, { BaseChartProps } from '../../components/base'
 
 export type RoseChartProps = Omit<

src/plots/sankey/index.tsx

@@ -1,5 +1,5 @@
-import React, { forwardRef } from 'react'
 import { Sankey, SankeyOptions } from '@antv/g2plot'
+import { forwardRef } from 'react'
 import BaseChart, { BaseChartProps } from '../../components/base'
 
 export type SankeyChartProps = Omit<

src/plots/scatter/index.tsx

@@ -1,5 +1,5 @@
-import React, { forwardRef } from 'react'
 import { Scatter, ScatterOptions } from '@antv/g2plot'
+import { forwardRef } from 'react'
 import BaseChart, { BaseChartProps } from '../../components/base'
 
 export type ScatterChartProps = Omit<

src/plots/stock/index.tsx

@@ -1,5 +1,5 @@
-import React, { forwardRef } from 'react'
 import { Stock, StockOptions } from '@antv/g2plot'
+import { forwardRef } from 'react'
 import BaseChart, { BaseChartProps } from '../../components/base'
 
 export type StockChartProps = Omit<

src/plots/sunburst/index.tsx

@@ -1,5 +1,5 @@
-import React, { forwardRef } from 'react'
 import { Sunburst, SunburstOptions } from '@antv/g2plot'
+import { forwardRef } from 'react'
 import BaseChart, { BaseChartProps } from '../../components/base'
 
 export type SunburstChartProps = Omit<

src/plots/tiny-area/index.tsx

@@ -1,5 +1,5 @@
-import React, { forwardRef } from 'react'
 import { TinyArea, TinyAreaOptions } from '@antv/g2plot'
+import { forwardRef } from 'react'
 import BaseChart, { BaseChartProps } from '../../components/base'
 
 export type TinyAreaChartProps = Omit<

src/plots/tiny-column/index.tsx

@@ -1,5 +1,5 @@
-import React, { forwardRef } from 'react'
 import { TinyColumn, TinyColumnOptions } from '@antv/g2plot'
+import { forwardRef } from 'react'
 import BaseChart, { BaseChartProps } from '../../components/base'
 
 export type TinyColumnChartProps = Omit<

src/plots/tiny-line/index.tsx

@@ -1,5 +1,5 @@
-import React, { forwardRef } from 'react'
 import { TinyLine, TinyLineOptions } from '@antv/g2plot'
+import { forwardRef } from 'react'
 import BaseChart, { BaseChartProps } from '../../components/base'
 
 export type TinyLineChartProps = Omit<

src/plots/treemap/index.tsx

@@ -1,5 +1,5 @@
-import React, { forwardRef } from 'react'
 import { Treemap, TreemapOptions } from '@antv/g2plot'
+import { forwardRef } from 'react'
 import BaseChart, { BaseChartProps } from '../../components/base'
 
 export type TreemapChartProps = Omit<

src/plots/venn/index.tsx

@@ -1,5 +1,5 @@
-import React, { forwardRef } from 'react'
 import { Venn, VennOptions } from '@antv/g2plot'
+import { forwardRef } from 'react'
 import BaseChart, { BaseChartProps } from '../../components/base'
 
 export type VennChartProps = Omit<BaseChartProps<VennOptions>, 'chart'> &

src/plots/violin/index.tsx

@@ -1,5 +1,5 @@
-import React, { forwardRef } from 'react'
 import { Violin, ViolinOptions } from '@antv/g2plot'
+import { forwardRef } from 'react'
 import BaseChart, { BaseChartProps } from '../../components/base'
 
 export type ViolinChartProps = Omit<

src/plots/waterfall/index.tsx

@@ -1,5 +1,5 @@
-import React, { forwardRef } from 'react'
 import { Waterfall, WaterfallOptions } from '@antv/g2plot'
+import { forwardRef } from 'react'
 import BaseChart, { BaseChartProps } from '../../components/base'
 
 export type WaterfallChartProps = Omit<

src/plots/word-cloud/index.tsx

@@ -1,5 +1,5 @@
-import React, { forwardRef } from 'react'
 import { WordCloud, WordCloudOptions } from '@antv/g2plot'
+import { forwardRef } from 'react'
 import BaseChart, { BaseChartProps } from '../../components/base'
 
 export type WordCloudChartProps = Omit<