chore: use type import (#4260)

Author: ajuner

.eslintrc

@@ -30,6 +30,7 @@
       "rules": {
         "@typescript-eslint/no-explicit-any": 0,
         "@typescript-eslint/ban-types": 0,
+        "@typescript-eslint/consistent-type-imports": 1,
         "@typescript-eslint/explicit-module-boundary-types": 0,
         "@typescript-eslint/no-empty-function": 0,
         "@typescript-eslint/no-non-null-assertion": 0,

components/_util/colors.ts

@@ -1,4 +1,5 @@
-import { ElementOf, tuple } from './type';
+import type { ElementOf } from './type';
+import { tuple } from './type';
 
 export const PresetStatusColorTypes = tuple('success', 'processing', 'error', 'default', 'warning');
 

components/_util/hooks/useBreakpoint.ts

@@ -1,5 +1,7 @@
-import { onMounted, onUnmounted, Ref, ref } from 'vue';
-import ResponsiveObserve, { ScreenMap } from '../../_util/responsiveObserve';
+import type { Ref } from 'vue';
+import { onMounted, onUnmounted, ref } from 'vue';
+import type { ScreenMap } from '../../_util/responsiveObserve';
+import ResponsiveObserve from '../../_util/responsiveObserve';
 
 function useBreakpoint(): Ref<ScreenMap> {
   const screens = ref<ScreenMap>({});

components/_util/hooks/useConfigInject.ts

@@ -1,11 +1,8 @@
-import { RequiredMark } from '../../form/Form';
-import { computed, ComputedRef, inject, UnwrapRef, VNodeChild } from 'vue';
-import {
-  ConfigProviderProps,
-  defaultConfigProvider,
-  Direction,
-  SizeType,
-} from '../../config-provider';
+import type { RequiredMark } from '../../form/Form';
+import type { ComputedRef, UnwrapRef, VNodeChild } from 'vue';
+import { computed, inject } from 'vue';
+import type { ConfigProviderProps, Direction, SizeType } from '../../config-provider';
+import { defaultConfigProvider } from '../../config-provider';
 
 export default (
   name: string,

components/_util/hooks/useMemo.ts

@@ -1,4 +1,5 @@
-import { Ref, ref, watch } from 'vue';
+import type { Ref } from 'vue';
+import { ref, watch } from 'vue';
 
 export default function useMemo<T>(
   getValue: () => T,

components/_util/hooks/usePrefixCls.ts

@@ -1,4 +1,5 @@
-import { computed, ComputedRef, inject } from 'vue';
+import type { ComputedRef } from 'vue';
+import { computed, inject } from 'vue';
 import { defaultConfigProvider } from '../../config-provider';
 
 export default (name: string, props: Record<any, any>): ComputedRef<string> => {

components/_util/hooks/useRef.ts

@@ -1,4 +1,5 @@
-import { onBeforeUpdate, ref, Ref } from 'vue';
+import type { Ref } from 'vue';
+import { onBeforeUpdate, ref } from 'vue';
 
 export type UseRef = [(el: any, key: string | number) => void, Ref<any>];
 

components/_util/hooks/useSize.ts

@@ -1,5 +1,7 @@
-import { computed, ComputedRef, inject, provide, UnwrapRef } from 'vue';
-import { ConfigProviderProps, defaultConfigProvider, SizeType } from '../../config-provider';
+import type { ComputedRef, UnwrapRef } from 'vue';
+import { computed, inject, provide } from 'vue';
+import type { ConfigProviderProps, SizeType } from '../../config-provider';
+import { defaultConfigProvider } from '../../config-provider';
 
 const sizeProvider = Symbol('SizeProvider');
 

components/_util/props-util/initDefaultProps.ts

@@ -1,5 +1,5 @@
-import { PropType } from 'vue';
-import { VueTypeValidableDef, VueTypeDef } from 'vue-types';
+import type { PropType } from 'vue';
+import type { VueTypeValidableDef, VueTypeDef } from 'vue-types';
 
 const initDefaultProps = <T>(
   types: T,

components/_util/setStyle.ts

@@ -1,4 +1,4 @@
-import { CSSProperties } from 'vue';
+import type { CSSProperties } from 'vue';
 
 /**
  * Easy to set element style, return previous style