fix: react import

Author: sylingd

src/components/DropList/index.tsx

@@ -1,11 +1,11 @@
-import { Component, type PropsWithChildren } from 'react';
+import React, { type PropsWithChildren } from 'react';
 
 interface DropListProps {
   show: boolean;
   onClose?: () => void;
 }
 
-class DropList extends Component<PropsWithChildren<DropListProps>, any> {
+class DropList extends React.Component<PropsWithChildren<DropListProps>, any> {
   constructor(props: any) {
     super(props);
     this.handleClose = this.handleClose.bind(this);

src/components/Icon/index.tsx

@@ -1,5 +1,5 @@
 // Icon
-import * as React from 'react';
+import React from 'react';
 
 interface IconProps {
   type: string;

src/components/NavigationBar/index.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import type React from 'react';
 
 interface NavigationBarProps {
   left?: React.ReactElement[];
@@ -8,7 +8,9 @@ interface NavigationBarProps {
 
 export default function NavigationBar(props: NavigationBarProps) {
   return (
-    <div className={`rc-md-navigation ${props.visible ? 'visible' : 'in-visible'}`}>
+    <div
+      className={`rc-md-navigation ${props.visible ? 'visible' : 'in-visible'}`}
+    >
       <div className="navigation-nav left">
         <div className="button-wrap">{props.left}</div>
       </div>

src/components/ToolBar/index.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import type React from 'react';
 
 interface ToolBarProps {
   style?: React.CSSProperties;

src/editor/index.tsx

@@ -1,5 +1,5 @@
 import { nanoid } from 'nanoid';
-import React, { Component } from 'react';
+import React from 'react';
 import Icon from '../components/Icon';
 import NavigationBar from '../components/NavigationBar';
 import ToolBar from '../components/ToolBar';
@@ -64,7 +64,7 @@ export interface EditorState {
   };
 }
 
-class Editor<C = any> extends Component<EditorProps<C>, EditorState> {
+class Editor<C = any> extends React.Component<EditorProps<C>, EditorState> {
   private static plugins: PluginItem[] = [];
 
   /**

src/editor/preview.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 
 export type HtmlType = string | React.ReactElement;
 

src/plugins/Image/index.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import Icon from '../../components/Icon';
 import i18n from '../../i18n';
 import { isPromise } from '../../utils/tool';

src/plugins/Image/inputFile.tsx

@@ -1,5 +1,5 @@
 // TableList
-import * as React from 'react';
+import React from 'react';
 
 interface InputFileProps {
   accept: string;

src/plugins/autoResize.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { PluginComponent } from './Plugin';
 
 export default class AutoResize extends PluginComponent {
@@ -19,7 +19,9 @@ export default class AutoResize extends PluginComponent {
   constructor(props: any) {
     super(props);
 
-    this.useTimer = this.getConfig('useTimer') || typeof requestAnimationFrame === 'undefined';
+    this.useTimer =
+      this.getConfig('useTimer') ||
+      typeof requestAnimationFrame === 'undefined';
 
     this.handleChange = this.handleChange.bind(this);
     this.doResize = this.doResize.bind(this);
@@ -28,7 +30,10 @@ export default class AutoResize extends PluginComponent {
   doResize() {
     const resizeElement = (e: HTMLElement) => {
       e.style.height = 'auto';
-      const height = Math.min(Math.max(this.getConfig('min'), e.scrollHeight), this.getConfig('max'));
+      const height = Math.min(
+        Math.max(this.getConfig('min'), e.scrollHeight),
+        this.getConfig('max'),
+      );
       e.style.height = `${height}px`;
       return height;
     };

src/plugins/block/code-block.tsx

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import Icon from '../../components/Icon';
 import i18n from '../../i18n';
 import { PluginComponent } from '../Plugin';