chore: adjust ts template (#1072)

* chore(ts-template): wip

* chore(ts-template): wip

Author: mydearxym

src/components/AlertBar/index.tsx

@@ -4,7 +4,7 @@
  *
  */
 
-import React from 'react'
+import React, { FC } from 'react'
 
 import { buildLog } from '@/utils'
 
@@ -17,7 +17,7 @@ type TProps = {
   children: React.ReactNode
 }
 
-const AlertBar: React.FC<TProps> = ({ children }) => {
+const AlertBar: FC<TProps> = ({ children }) => {
   return <Wrapper testid="alertBar">{children}</Wrapper>
 }
 

src/components/AvatarsRow/MoreItem.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import React, { FC } from 'react'
 
 import { prettyNum } from '@/utils'
 import { Br } from '@/components/Common'
@@ -21,7 +21,7 @@ type TProps = Pick<
   'size' | 'total' | 'showTotalNumber' | 'onTotalSelect'
 >
 
-const MoreItem: React.FC<TProps> = ({
+const MoreItem: FC<TProps> = ({
   size,
   total,
   onTotalSelect,

src/components/AvatarsRow/RealAvatar.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import React, { FC } from 'react'
 
 import type { TUser } from '@/spec'
 import Tooltip from '@/components/Tooltip'
@@ -20,7 +20,7 @@ type TProps = {
   onUserSelect: (user: TUser) => void
 }
 
-const RealAvatar: React.FC<TProps> = ({ user, size, onUserSelect }) => {
+const RealAvatar: FC<TProps> = ({ user, size, onUserSelect }) => {
   return (
     <Tooltip
       content={<UserPopContent>{user.nickname}</UserPopContent>}

src/components/AvatarsRow/index.tsx

@@ -4,7 +4,7 @@
  *
  */
 
-import React from 'react'
+import React, { FC } from 'react'
 import { compose, not, isNil, filter, reverse as reverseFn, slice } from 'ramda'
 import { trackWindowScroll } from 'react-lazy-load-image-component'
 
@@ -52,7 +52,7 @@ export type TProps = {
   onTotalSelect: () => void
 }
 
-const AvatarsRow: React.FC<TProps> = ({
+const AvatarsRow: FC<TProps> = ({
   size = SIZE.SMALL,
   total,
   users = [],

src/components/Buttons/ArrowButton.tsx

@@ -4,7 +4,7 @@
  *
  */
 
-import React, { useRef, useState, useEffect } from 'react'
+import React, { FC, useRef, useState, useEffect } from 'react'
 
 import type { TSIZE } from '@/spec'
 import { ICON } from '@/config'
@@ -26,7 +26,7 @@ type TProps = {
   arrowStyle?: 'default' | 'simple'
 }
 
-const ArrowButton: React.FC<TProps> = ({
+const ArrowButton: FC<TProps> = ({
   children = '下一步',
   onClick = log,
   size = SIZE.SMALL,

src/components/Buttons/ArrowLink.tsx

@@ -4,7 +4,7 @@
  *
  */
 
-import React from 'react'
+import React, { FC } from 'react'
 
 import type { TSIZE } from '@/spec'
 import { ICON_CMD } from '@/config'
@@ -26,7 +26,7 @@ type TProps = {
   hoverColor?: string
 }
 
-const ArrowLink: React.FC<TProps> = ({
+const ArrowLink: FC<TProps> = ({
   className = '',
   children = '下一步',
   size = SIZE.SMALL,

src/components/Buttons/Button.tsx

@@ -1,4 +1,4 @@
-import React, { useEffect, useState } from 'react'
+import React, { FC, useEffect, useState } from 'react'
 
 import type { TSIZE_TSM } from '@/spec'
 import { SIZE } from '@/constant'
@@ -33,7 +33,7 @@ type TProps = {
   disabled?: boolean
 }
 
-const Button: React.FC<TProps> = ({
+const Button: FC<TProps> = ({
   children = 'button',
   ghost = false,
   type = 'primary',

src/components/Buttons/OrButton/HorizontalButton.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import React, { FC } from 'react'
 
 import type { TProps as TButtonProps } from './index'
 import { SIZE } from '@/constant'
@@ -12,7 +12,7 @@ import {
 
 type TProps = Omit<TButtonProps, 'direction'>
 
-const HorizontalButton: React.FC<TProps> = ({
+const HorizontalButton: FC<TProps> = ({
   onClick,
   size = SIZE.SMALL,
   activeKey,

src/components/Buttons/OrButton/VerticalButton.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import React, { FC } from 'react'
 
 import type { TProps as TButtonProps } from './index'
 import { SIZE } from '@/constant'
@@ -12,7 +12,7 @@ import {
 
 type TProps = Omit<TButtonProps, 'direction'>
 
-const VerticalButton: React.FC<TProps> = ({
+const VerticalButton: FC<TProps> = ({
   onClick,
   size = SIZE.SMALL,
   activeKey,

src/components/Buttons/OrButton/index.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import React, { FC } from 'react'
 
 import type { TSIZE_SM } from '@/spec'
 
@@ -16,7 +16,7 @@ export type TProps = {
   }[]
 }
 
-const OrButton: React.FC<TProps> = ({ direction = 'row', ...restProps }) => {
+const OrButton: FC<TProps> = ({ direction = 'row', ...restProps }) => {
   return direction === 'row' ? (
     <HorizontalButton {...restProps} />
   ) : (