chore(ts-js): more ts day4 (#1019)

* refactor(ts-workflow): re-org spec by module

* refactor(ts-workflow): IRootStore -> TRootStore

* refactor(ts-workflow): drawer store js -> ts, fix

* refactor(ts-workflow): add type syntax when import @SPEC

* refactor(ts-workflow): add type syntax when import @SPEC

* chore(ts-workflow): more store.js -> ts

Author: mydearxym

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'