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<