chore(ts-js): more ts day4

src/components/AlertBar/styles/index.ts

@@ -1,6 +1,6 @@
 import styled from 'styled-components'
 
-import { TTestable } from '@/spec'
+import type { TTestable } from '@/spec'
 // import Img from '@/Img'
 // import { theme } from '@/utils'
 

src/components/ArticleEditToolbar/styles/copyright_selector.ts

@@ -1,6 +1,6 @@
 import styled from 'styled-components'
 
-import { TActive } from '@/spec'
+import type { TActive } from '@/spec'
 import { theme, css } from '@/utils'
 import Img from '@/Img'
 

src/components/Buttons/OrButton/HorizontalButton.tsx

@@ -1,7 +1,7 @@
 import React from 'react'
 
+import type { TSIZE } from '@/spec'
 import { SIZE } from '@/constant'
-import { TButtonSize } from '@/spec'
 
 import {
   Wrapper,
@@ -12,7 +12,7 @@ import {
 
 type TProps = {
   activeKey: string
-  size?: TButtonSize
+  size?: TSIZE
   onClick: (key: string) => void
   group: {
     key: string
@@ -22,7 +22,7 @@ type TProps = {
 
 const HorizontalButton: React.FC<TProps> = ({
   onClick,
-  size = SIZE.SMALL as TButtonSize,
+  size = SIZE.SMALL as TSIZE,
   activeKey,
   group,
 }) => {

src/components/Buttons/styles/button.ts

@@ -2,7 +2,7 @@ import styled from 'styled-components'
 import { lighten } from 'polished'
 
 import { css, theme } from '@/utils'
-import { TButtonSize, TButton } from '@/spec'
+import type { TSIZE, TButton } from '@/spec'
 
 import {
   getColor,
@@ -67,7 +67,7 @@ export const Wrapper = styled.button<TButton>`
     opacity: 1;
   }
 `
-export const ChildrenWrapper = styled.div<{ size: TButtonSize }>`
+export const ChildrenWrapper = styled.div<{ size: TSIZE }>`
   ${css.flex('align-both')};
   font-size: ${({ size }) => getFontSize(size)};
   position: relative;

src/components/Buttons/styles/metircs/button.ts

@@ -1,7 +1,7 @@
 import { SIZE } from '@/constant'
 import { theme } from '@/utils'
 
-import { TTheme } from '@/spec'
+import type { TTheme } from '@/spec'
 
 export const getColor = (ghost: boolean, disabled: boolean): TTheme => {
   if (ghost) {

src/components/Buttons/styles/notify_button/index.ts

@@ -1,6 +1,6 @@
 import styled from 'styled-components'
 
-import { TTestable } from '@/spec'
+import type { TTestable } from '@/spec'
 import Img from '@/Img'
 import { css, theme } from '@/utils'
 

src/components/Buttons/styles/or_button/horizontal_button.ts

@@ -1,13 +1,13 @@
 import styled from 'styled-components'
 // import { lighten } from 'polished'
 
-import { TButton, TButtonSize } from '@/spec'
+import type { TButton, TSIZE } from '@/spec'
 import { theme, css } from '@/utils'
 
 import { Wrapper as BaseBtnWrapper } from '../button'
 import { OrSignBase } from './index'
 
-export const Wrapper = styled.div<{ size: TButtonSize }>`
+export const Wrapper = styled.div<{ size: TSIZE }>`
   ${css.flex('align-center')};
   position: relative;
 `

src/components/Buttons/styles/or_button/vertical_button.ts

@@ -1,7 +1,7 @@
 import styled from 'styled-components'
 // import { lighten } from 'polished'
 
-import { TActive } from '@/spec'
+import type { TActive } from '@/spec'
 import { css, theme } from '@/utils'
 
 import { Wrapper as BaseBtnWrapper } from '../button'

src/components/BuyMeChuanChuan/styles/chuan_selector.ts

@@ -1,6 +1,6 @@
 import styled from 'styled-components'
 
-import { TActive } from '@/spec'
+import type { TActive } from '@/spec'
 import { animate, theme, css } from '@/utils'
 import Img from '@/Img'
 

src/components/Charger/styles/index.ts

@@ -1,6 +1,6 @@
 import styled, { css as styledCss, keyframes } from 'styled-components'
 
-import { TTestable } from '@/spec'
+import type { TTestable } from '@/spec'
 import Img from '@/Img'
 import { theme, css } from '@/utils'
 

src/components/Checker/styles/index.ts

@@ -1,6 +1,6 @@
 import styled from 'styled-components'
 
-import { TActive } from '@/spec'
+import type { TActive } from '@/spec'
 import Img from '@/Img'
 import { css, theme } from '@/utils'
 

src/components/CollapseMenu/styles/item.ts

@@ -1,6 +1,6 @@
 import styled from 'styled-components'
 
-import { TActive } from '@/spec'
+import type { TActive } from '@/spec'
 import { theme, css } from '@/utils'
 
 export const Wrapper = styled.div<TActive>`

src/components/Common/index.ts

@@ -1,6 +1,6 @@
 import styled from 'styled-components'
 
-import { TSpace } from '@/spec'
+import type { TSpace } from '@/spec'
 
 export const Br = styled.div<TSpace>`
   margin-top: ${({ top }) => `${top}px` || 0};

src/components/CommunityList/styles/index.ts

@@ -1,6 +1,6 @@
 import styled from 'styled-components'
 
-import { TSpace } from '@/spec'
+import type { TSpace } from '@/spec'
 import { css, theme } from '@/utils'
 import Img from '@/Img'
 

src/components/CommunityStatesPad/styles/index.ts

@@ -1,6 +1,6 @@
 import styled from 'styled-components'
 
-import { TActive } from '@/spec'
+import type { TActive } from '@/spec'
 // import Img from '@/Img'
 import { theme, css } from '@/utils'
 

src/components/ContentFilter/styles/filter_result.ts

@@ -1,6 +1,6 @@
 import styled from 'styled-components'
 
-import { TActive } from '@/spec'
+import type { TActive } from '@/spec'
 import { theme, css } from '@/utils'
 
 export const Wrapper = styled.div`

src/components/ContentFilter/styles/index.ts

@@ -1,6 +1,6 @@
 import styled from 'styled-components'
 
-import { TActive } from '@/spec'
+import type { TActive } from '@/spec'
 import { theme, css } from '@/utils'
 import Img from '@/Img'
 

src/components/CrashErrorHint/styles/index.ts

@@ -1,6 +1,6 @@
 import styled from 'styled-components'
 
-import { TTestable } from '@/spec'
+import type { TTestable } from '@/spec'
 import { css, theme, themeSkins } from '@/utils'
 
 type TThemeName = {

src/components/CustomScroller/styles/index.ts

@@ -1,6 +1,6 @@
 import styled from 'styled-components'
 
-import { TActive } from '@/spec'
+import type { TActive } from '@/spec'
 // import { getShadowWidth } from './helpers'
 
 type TBox = { width: string; height: string }

src/components/DigestSentence/styles/index.ts

@@ -1,6 +1,6 @@
 import styled from 'styled-components'
 
-import { TTestable, TSpace } from '@/spec'
+import type { TTestable, TSpace } from '@/spec'
 import Img from '@/Img'
 import { css, theme } from '@/utils'
 

src/components/DivideText/styles/index.ts

@@ -1,6 +1,6 @@
 import styled from 'styled-components'
 
-import { TTestable } from '@/spec'
+import type { TTestable } from '@/spec'
 // import Img from '@/Img'
 import { css } from '@/utils'
 

src/components/EmailSubscriber/styles/default_layout/index.ts

@@ -1,6 +1,6 @@
 import styled from 'styled-components'
 
-import { TTestable } from '@/spec'
+import type { TTestable } from '@/spec'
 import { css } from '@/utils'
 
 export const Wrapper = styled.div.attrs(({ testid }: TTestable) => ({

src/components/EmailSubscriber/styles/email_hint_icon.ts

@@ -1,6 +1,6 @@
 import styled from 'styled-components'
 
-import { TTestable } from '@/spec'
+import type { TTestable } from '@/spec'
 import Img from '@/Img'
 import { theme, css, animate } from '@/utils'
 

src/components/EmailSubscriber/styles/index.ts

@@ -1,6 +1,6 @@
 import styled from 'styled-components'
 
-import { TTestable } from '@/spec'
+import type { TTestable } from '@/spec'
 
 export const Wrapper = styled.div.attrs(({ testid }: TTestable) => ({
   'data-test-id': testid,

src/components/EmailSubscriber/styles/simple_layout.ts

@@ -1,6 +1,6 @@
 import styled from 'styled-components'
 
-import { TTestable } from '@/spec'
+import type { TTestable } from '@/spec'
 import Img from '@/Img'
 import Input from '@/components/Input'
 import { css } from '@/utils'

src/components/ErrorPage/styles/code_snippets.ts

@@ -1,6 +1,6 @@
 import styled from 'styled-components'
 
-import { TTestable } from '@/spec'
+import type { TTestable } from '@/spec'
 import { theme, css } from '@/utils'
 
 export const Wrapper = styled.div.attrs(({ testid }: TTestable) => ({

src/components/ErrorPage/styles/index.ts

@@ -2,7 +2,7 @@ import styled from 'styled-components'
 
 import { theme, css } from '@/utils'
 
-import { TTestable } from '@/spec'
+import type { TTestable } from '@/spec'
 import Img from '@/Img'
 // import PromptIcon from '@/components/PromptIcon'
 

src/components/ErrorPage/styles/spin_planet.ts

@@ -1,6 +1,6 @@
 import styled from 'styled-components'
 
-import { TTestable } from '@/spec'
+import type { TTestable } from '@/spec'
 import { animate } from '@/utils'
 // import Img from '@/Img'
 // import PromptIcon from '@/components/PromptIcon'

src/components/ExpandIcon/styles/index.ts

@@ -1,6 +1,6 @@
 import styled from 'styled-components'
 
-import { TTestable } from '@/spec'
+import type { TTestable } from '@/spec'
 import Img from '@/Img'
 import { css, theme } from '@/utils'
 

src/components/ExpandIcon/styles/metric.ts

@@ -1,7 +1,7 @@
 import { theme } from '@/utils'
 import { SIZE } from '@/constant'
 
-import { TTheme } from '@/spec'
+import type { TTheme } from '@/spec'
 
 export const getNormalColor = (type: string): TTheme => {
   switch (type) {

src/components/FaqPeekList/styles/index.ts

@@ -1,6 +1,6 @@
 import styled from 'styled-components'
 
-import { TTestable, TActive } from '@/spec'
+import type { TTestable, TActive } from '@/spec'
 import Img from '@/Img'
 import { theme } from '@/utils'
 

src/components/FiltersMenu/styles/filter/index.ts

@@ -1,6 +1,6 @@
 import styled from 'styled-components'
 
-import { TActive } from '@/spec'
+import type { TActive } from '@/spec'
 // import Img from '@/Img'
 import { css, theme } from '@/utils'
 

src/components/FiltersMenu/styles/header.ts

@@ -1,6 +1,6 @@
 import styled from 'styled-components'
 
-import { TTestable, TActive } from '@/spec'
+import type { TTestable, TActive } from '@/spec'
 import Img from '@/Img'
 import { css, theme } from '@/utils'
 

src/components/FiltersMenu/styles/index.ts

@@ -1,6 +1,6 @@
 import styled from 'styled-components'
 
-import { TActive } from '@/spec'
+import type { TActive } from '@/spec'
 import Img from '@/Img'
 import { css, theme } from '@/utils'
 

src/components/FocusLine/styles/index.ts

@@ -1,6 +1,6 @@
 import styled from 'styled-components'
 
-import { TActive } from '@/spec'
+import type { TActive } from '@/spec'
 import { theme, css } from '@/utils'
 import Img from '@/Img'
 

src/components/Folder/styles/index.ts

@@ -1,6 +1,6 @@
 import styled from 'styled-components'
 
-import { TTestable } from '@/spec'
+import type { TTestable } from '@/spec'
 import Img from '@/Img'
 import { css, theme } from '@/utils'
 

src/components/FormItem/styles/index.ts

@@ -1,6 +1,6 @@
 import styled from 'styled-components'
 
-import { TSpace } from '@/spec'
+import type { TSpace } from '@/spec'
 import { theme, css } from '@/utils'
 import Input from '@/components/Input'
 

src/components/GithubRepoPage/styles/index.ts

@@ -1,6 +1,6 @@
 import styled from 'styled-components'
 
-import { TActive } from '@/spec'
+import type { TActive } from '@/spec'
 import { theme, css, animate } from '@/utils'
 import { Button } from '@/components/Buttons'
 

src/components/GotoTop/styles/index.ts

@@ -1,6 +1,6 @@
 import styled from 'styled-components'
 
-import { TTestable } from '@/spec'
+import type { TTestable } from '@/spec'
 import Img from '@/Img'
 import { css, theme } from '@/utils'
 

src/components/IconText/styles/index.ts

@@ -1,6 +1,6 @@
 import styled from 'styled-components'
 
-import { TTestable } from '@/spec'
+import type { TTestable } from '@/spec'
 import Img from '@/Img'
 import { css, theme } from '@/utils'
 

src/components/ImgFallback/styles/avatar.ts

@@ -1,6 +1,6 @@
 import styled from 'styled-components'
 
-import { TTestable, TSpace } from '@/spec'
+import type { TTestable, TSpace } from '@/spec'
 import { css, theme } from '@/utils'
 import { getFontSize } from './metric/avatar'
 

src/components/ImgFallback/styles/index.ts

@@ -1,6 +1,6 @@
 import styled from 'styled-components'
 
-import { TTestable } from '@/spec'
+import type { TTestable } from '@/spec'
 // import Img from '@/Img'
 // import { theme } from '@/utils'
 

src/components/ImgFallback/styles/work.ts

@@ -1,6 +1,6 @@
 import styled from 'styled-components'
 
-import { TTestable, TSpace } from '@/spec'
+import type { TTestable, TSpace } from '@/spec'
 // import Img from '@/Img'
 import { css } from '@/utils'
 

src/components/Input/styles/index.ts

@@ -1,6 +1,6 @@
 import styled from 'styled-components'
 
-import { TTestable, TActive } from '@/spec'
+import type { TTestable, TActive } from '@/spec'
 import Img from '@/Img'
 import { css, theme } from '@/utils'