build(eslint): 增加 import, exoprt type 规则校验，并修复现存 imoprt 语句 (#526)

* temp

* auto fix

.eslintrc.js

@@ -1,5 +1,13 @@
 module.exports = {
     extends: ['@webank/eslint-config-ts/vue.js'],
+
+    parserOptions: {
+        // https://typescript-eslint.io/linting/troubleshooting/#i-get-errors-telling-me-eslint-was-configured-to-run--however-that-tsconfig-does-not--none-of-those-tsconfigs-include-this-file
+        project: './tsconfig.eslint.json',
+        // https://typescript-eslint.io/linting/troubleshooting/#i-use-a-framework-like-vue-that-requires-custom-file-extensions-and-i-get-errors-like-you-should-add-parseroptionsextrafileextensions-to-your-config
+        extraFileExtensions: ['.vue'],
+    },
+
     overrides: [
         {
             files: [
@@ -47,5 +55,11 @@ module.exports = {
         // 保留现状，允许 vue 文件中 :a="{ b: { c: 500 } }" 的写法
         'vue/object-curly-spacing': 'off',
         'no-unused-expressions': 'off',
+        // import, export type
+        '@typescript-eslint/consistent-type-exports': 'warn',
+        '@typescript-eslint/consistent-type-imports': [
+            'warn',
+            { fixStyle: 'inline-type-imports' },
+        ],
     },
 };

components/_theme/useTheme.ts

@@ -1,4 +1,4 @@
-import { Ref, ref, watch } from 'vue';
+import { type Ref, ref, watch } from 'vue';
 import { createSharedComposable } from '@vueuse/core';
 
 import { useConfig } from '../config-provider';

components/_util/components/fadeInExpandTransition.tsx

@@ -1,4 +1,10 @@
-import { h, Transition, TransitionGroup, defineComponent, PropType } from 'vue';
+import {
+    h,
+    Transition,
+    TransitionGroup,
+    defineComponent,
+    type PropType,
+} from 'vue';
 
 export default defineComponent({
     name: 'FadeInExpandTransition',

components/_util/noticeManager.tsx

@@ -5,9 +5,9 @@ import {
     onMounted,
     ref,
     TransitionGroup,
-    CSSProperties,
-    VNodeChild,
-    VNode,
+    type CSSProperties,
+    type VNodeChild,
+    type VNode,
     cloneVNode,
 } from 'vue';
 import {

components/_util/use/useClickOutSide.ts

@@ -1,4 +1,4 @@
-import { unref, watch, onBeforeUnmount, ref, Ref } from 'vue';
+import { unref, watch, onBeforeUnmount, ref, type Ref } from 'vue';
 import getElementFromVueInstance from '../getElementFromVueInstance';
 
 export default function useClickOutSide(

components/_util/use/useEsc.ts

@@ -1,4 +1,4 @@
-import { isRef, onBeforeUnmount, onMounted, watch, Ref } from 'vue';
+import { isRef, onBeforeUnmount, onMounted, watch, type Ref } from 'vue';
 
 export default function useEsc(
     action: (event: KeyboardEvent) => void,

components/_util/use/useFormAdaptor.ts

@@ -1,4 +1,4 @@
-import { inject, isRef, watch, ref, Ref, provide } from 'vue';
+import { inject, isRef, watch, ref, type Ref, provide } from 'vue';
 import { isString, isFunction } from 'lodash-es';
 import { noop } from '../utils';
 import { FORM_ITEM_INJECTION_KEY } from '../constants';

components/_util/use/useLockScreen.ts

@@ -1,4 +1,4 @@
-import { watch, onUnmounted, Ref } from 'vue';
+import { watch, onUnmounted, type Ref } from 'vue';
 import {
     addClass,
     getScrollBarWidth,

components/_util/use/useModel.ts

@@ -1,4 +1,4 @@
-import { ref, watch, computed, WritableComputedRef } from 'vue';
+import { ref, watch, computed, type WritableComputedRef } from 'vue';
 import { isEqual as isEqualFunc, isArray, isUndefined } from 'lodash-es';
 
 type UseNormalModelOptions = {

components/_util/use/useResize.ts

@@ -3,7 +3,7 @@ import {
     watch,
     computed,
     unref,
-    Ref,
+    type Ref,
     onMounted,
     nextTick,
 } from 'vue';

components/_util/use/useScrollX.ts

@@ -1,4 +1,4 @@
-import { onBeforeUnmount, onMounted, Ref } from 'vue';
+import { onBeforeUnmount, onMounted, type Ref } from 'vue';
 
 export default function useScrollX(targetRef: Ref<HTMLElement>) {
     function handleWheelEvent(event: WheelEvent) {

components/_util/vnode.ts

@@ -3,10 +3,10 @@ import {
     Text,
     Comment,
     createTextVNode,
-    VNode,
-    VNodeChild,
+    type VNode,
+    type VNodeChild,
     isVNode,
-    Slots,
+    type Slots,
 } from 'vue';
 
 const TEMPLATE = 'template';

components/_util/withInstall.ts

@@ -1,4 +1,4 @@
-import { Component, App, Plugin } from 'vue';
+import { type Component, type App, type Plugin } from 'vue';
 import { noop } from './utils';
 import type { FObjectDirective } from './interface';
 

components/alert/alert.tsx

@@ -1,4 +1,4 @@
-import { ref, Transition, computed, defineComponent, PropType } from 'vue';
+import { ref, Transition, computed, defineComponent, type PropType } from 'vue';
 import getPrefixCls from '../_util/getPrefixCls';
 import CloseCircleOutlined from '../icon/CloseCircleOutlined';
 import { CLOSE_EVENT } from '../_util/constants';

components/button/button.tsx

@@ -1,4 +1,4 @@
-import { defineComponent, computed, ref, PropType } from 'vue';
+import { defineComponent, computed, ref, type PropType } from 'vue';
 import LoadingOutlined from '../icon/LoadingOutlined';
 import getPrefixCls from '../_util/getPrefixCls';
 import { useAnimate } from '../_util/use/useAnimate';

components/calendar/calendar.tsx

@@ -1,8 +1,8 @@
 import {
-    CSSProperties,
-    SlotsType,
-    VNode,
-    VNodeChild,
+    type CSSProperties,
+    type SlotsType,
+    type VNode,
+    type VNodeChild,
     computed,
     defineComponent,
 } from 'vue';

components/calendar/calendarNavigator.tsx

@@ -1,6 +1,6 @@
 import {
-    ComponentObjectPropsOptions,
-    PropType,
+    type ComponentObjectPropsOptions,
+    type PropType,
     computed,
     defineComponent,
 } from 'vue';

components/calendar/props.ts

@@ -1,9 +1,9 @@
 import {
-    ComponentObjectPropsOptions,
-    DefineComponent,
-    PropType,
-    SetupContext,
-    SlotsType,
+    type ComponentObjectPropsOptions,
+    type DefineComponent,
+    type PropType,
+    type SetupContext,
+    type SlotsType,
 } from 'vue';
 import { UPDATE_MODEL_EVENT } from '../_util/constants';
 import { type UnixTime } from './types';

components/calendar/useWeekNames.ts

@@ -1,4 +1,4 @@
-import { Ref, computed } from 'vue';
+import { type Ref, computed } from 'vue';
 import { type Day } from 'date-fns';
 import { useLocale } from '../config-provider/useLocale';
 import { type CalendarMode } from './props';

components/card/index.ts

@@ -1,7 +1,7 @@
 import { withInstall } from '../_util/withInstall';
 import Card from './card.vue';
 
-import { cardProps } from './props';
+import { type cardProps } from './props';
 import type {
     SFCWithInstall,
     ExtractPublicPropTypes,

components/carousel/carousel-item.tsx

@@ -7,7 +7,7 @@ import {
     onUnmounted,
     inject,
     getCurrentInstance,
-    ComputedRef,
+    type ComputedRef,
 } from 'vue';
 import { useTheme } from '../_theme/useTheme';
 import {

components/carousel/carousel.tsx

@@ -1,4 +1,4 @@
-import { defineComponent, watch, ref, PropType } from 'vue';
+import { defineComponent, watch, ref, type PropType } from 'vue';
 import { useTheme } from '../_theme/useTheme';
 import useResize from '../_util/use/useResize';
 import { CAROUSEL_NAME, CHANGE_EVENT } from './const';

components/carousel/interface.ts

@@ -1,4 +1,4 @@
-import useCarousel from './useCarousel';
+import type useCarousel from './useCarousel';
 import type { ExtractPublicPropTypes } from '../_util/interface';
 
 export type Placement = 'top' | 'bottom' | 'left' | 'right';

components/carousel/useCarouselItem.ts

@@ -1,4 +1,4 @@
-import { ref, Ref } from 'vue';
+import { ref, type Ref } from 'vue';
 import { CAROUSEL_NAME } from './const';
 import type { CarouselItemData } from './interface';
 

components/carousel/useCarouselPlay.ts

@@ -1,4 +1,4 @@
-import { watch, onMounted, onBeforeUnmount, nextTick, Ref } from 'vue';
+import { watch, onMounted, onBeforeUnmount, nextTick, type Ref } from 'vue';
 
 interface UseCarouselPlayType {
     loop: boolean;

components/carousel/useCarouselStyle.ts

@@ -1,4 +1,4 @@
-import { computed, ComputedRef } from 'vue';
+import { computed, type ComputedRef } from 'vue';
 import type { Direction } from './interface';
 
 interface UseCarouselStyleType {

components/cascader/cascaderMenu.tsx

@@ -1,11 +1,11 @@
 import {
     defineComponent,
-    ExtractPropTypes,
+    type ExtractPropTypes,
     nextTick,
     onMounted,
-    PropType,
+    type PropType,
     ref,
-    VNodeChild,
+    type VNodeChild,
     watch,
 } from 'vue';
 import { isFunction, isString } from 'lodash-es';

components/cascader/cascaderNode.tsx

@@ -2,8 +2,8 @@ import {
     defineComponent,
     computed,
     ref,
-    ExtractPropTypes,
-    PropType,
+    type ExtractPropTypes,
+    type PropType,
     nextTick,
 } from 'vue';
 import { isArray, isUndefined } from 'lodash-es';

components/cascader/useData.ts

@@ -1,4 +1,4 @@
-import { ref, reactive, watch, computed, Ref, nextTick } from 'vue';
+import { ref, reactive, watch, computed, type Ref, nextTick } from 'vue';
 import { isArray, isEmpty, isNil } from 'lodash-es';
 import { ROOT_MENU_KEY } from './const';
 import type {

components/checkbox/checkbox.vue

@@ -13,7 +13,7 @@
 </template>
 
 <script lang="ts">
-import { PropType, computed, defineComponent } from 'vue';
+import { type PropType, computed, defineComponent } from 'vue';
 import getPrefixCls from '../_util/getPrefixCls';
 import useSelect from '../_util/use/useSelect';
 import { name, checkboxGroupKey } from '../checkbox-group/const';

components/collapse/useCollapseItem.ts

@@ -1,4 +1,4 @@
-import { Ref, computed, inject, ref, unref } from 'vue';
+import { type Ref, computed, inject, ref, unref } from 'vue';
 import { collapseContextKey, generateId } from './common';
 import { useNamespace } from './useNamespace';
 import type { CollapseItemProps } from './collapseItemExpose';

components/date-picker/calendar.vue

@@ -115,9 +115,9 @@ import {
     watch,
     computed,
     defineComponent,
-    PropType,
-    ExtractPropTypes,
-    Ref,
+    type PropType,
+    type ExtractPropTypes,
+    type Ref,
 } from 'vue';
 import { isValid, format } from 'date-fns';
 import {
@@ -141,7 +141,7 @@ import {
     RANGE_POSITION,
     COMMON_PROPS,
     YEAR_COUNT,
-    SELECTED_STATUS,
+    type SELECTED_STATUS,
 } from './const';
 
 import {

components/date-picker/calendars.vue

@@ -97,8 +97,8 @@ import {
     computed,
     watch,
     defineComponent,
-    PropType,
-    ExtractPropTypes,
+    type PropType,
+    type ExtractPropTypes,
 } from 'vue';
 import { isFunction, isArray, isNumber } from 'lodash-es';
 import getPrefixCls from '../_util/getPrefixCls';

components/date-picker/datePicker.vue

@@ -92,11 +92,11 @@ import {
     computed,
     ref,
     watch,
-    Ref,
+    type Ref,
     defineComponent,
-    PropType,
-    ComputedRef,
-    ComponentPublicInstance,
+    type PropType,
+    type ComputedRef,
+    type ComponentPublicInstance,
 } from 'vue';
 import { format, isValid } from 'date-fns';
 import { isEqual, isNil, isArray } from 'lodash-es';

components/date-picker/rangeInput.vue

@@ -51,8 +51,8 @@ import {
     watch,
     ref,
     defineComponent,
-    PropType,
-    ExtractPropTypes,
+    type PropType,
+    type ExtractPropTypes,
     nextTick,
 } from 'vue';
 import { isArray } from 'lodash-es';

components/date-picker/useCalendar.ts

@@ -1,4 +1,4 @@
-import { watch, watchEffect, ref, reactive, computed, Ref } from 'vue';
+import { watch, watchEffect, ref, reactive, computed, type Ref } from 'vue';
 import { isNil } from 'lodash-es';
 import { endOfMonth } from 'date-fns';
 import getPrefixCls from '../_util/getPrefixCls';

components/date-picker/useRange.ts

@@ -1,4 +1,4 @@
-import { watch, ref, Ref } from 'vue';
+import { watch, ref, type Ref } from 'vue';
 
 import { getTimestampFromFormat, isBeyondRangeTime } from './helper';
 import { SELECTED_STATUS, RANGE_POSITION } from './const';

components/descriptions/descriptions.tsx

@@ -2,8 +2,8 @@ import {
     defineComponent,
     provide,
     computed,
-    PropType,
-    CSSProperties,
+    type PropType,
+    type CSSProperties,
 } from 'vue';
 import getPrefixCls from '../_util/getPrefixCls';
 import { DESCRIPTIONS_PROVIDE_KEY } from './constants';

components/descriptions/descriptionsItem.tsx

@@ -2,8 +2,8 @@ import {
     defineComponent,
     inject,
     computed,
-    PropType,
-    CSSProperties,
+    type PropType,
+    type CSSProperties,
 } from 'vue';
 import getPrefixCls from '../_util/getPrefixCls';
 import { DESCRIPTIONS_PROVIDE_KEY } from './constants';

components/divider/divider.tsx

@@ -1,4 +1,4 @@
-import { defineComponent, computed, PropType } from 'vue';
+import { defineComponent, computed, type PropType } from 'vue';
 import getPrefixCls from '../_util/getPrefixCls';
 import { useTheme } from '../_theme/useTheme';
 import type { ExtractPublicPropTypes } from '../_util/interface';

components/draggable/directive.ts

@@ -2,12 +2,12 @@ import {
     computed,
     reactive,
     ref,
-    SetupContext,
+    type SetupContext,
     watch,
-    DirectiveBinding,
+    type DirectiveBinding,
 } from 'vue';
 import {
-    DraggableItem,
+    type DraggableItem,
     DRAG_END_EVENT,
     DRAG_START_EVENT,
     UPDATE_MODEL_EVENT,

components/draggable/draggable.tsx

@@ -2,8 +2,8 @@ import {
     computed,
     defineComponent,
     ref,
-    SetupContext,
-    PropType,
+    type SetupContext,
+    type PropType,
     cloneVNode,
 } from 'vue';
 import { mergeWith } from 'lodash-es';