style: add import eslint

Author: tangjinzhou

.eslintrc.js

@@ -11,8 +11,13 @@ module.exports = {
   parserOptions: {
     parser: 'babel-eslint',
   },
-  extends: ['plugin:vue/vue3-recommended', 'prettier'],
-  plugins: ['markdown', 'jest', '@typescript-eslint'],
+  extends: [
+    'plugin:vue/vue3-recommended',
+    'plugin:import/recommended',
+    'plugin:import/typescript',
+    'prettier',
+  ],
+  plugins: ['markdown', 'jest', '@typescript-eslint', 'import'],
   overrides: [
     {
       files: ['*.md'],
@@ -57,6 +62,9 @@ module.exports = {
     },
   ],
   rules: {
+    'import/no-named-as-default': 'off',
+    'import/namespace': [2, { allowComputed: true }],
+    'import/no-named-as-default-member': 'off',
     'comma-dangle': [2, 'always-multiline'],
     'no-var': 'error',
     'no-console': [2, { allow: ['warn', 'error'] }],

components/_util/hooks/useMergedState.ts

@@ -1,9 +1,5 @@
 import type { Ref, UnwrapRef } from 'vue';
-import { toRaw } from 'vue';
-import { watchEffect } from 'vue';
-import { unref } from 'vue';
-import { watch } from 'vue';
-import { ref } from 'vue';
+import { toRaw, watchEffect, unref, watch, ref } from 'vue';
 
 export default function useMergedState<T, R = Ref<T>>(
   defaultStateValue: T | (() => T),

components/_util/transition.tsx

@@ -5,9 +5,14 @@ import type {
   TransitionGroupProps,
   TransitionProps,
 } from 'vue';
-import { onUpdated } from 'vue';
-import { getCurrentInstance } from 'vue';
-import { defineComponent, nextTick, Transition as T, TransitionGroup as TG } from 'vue';
+import {
+  onUpdated,
+  getCurrentInstance,
+  defineComponent,
+  nextTick,
+  Transition as T,
+  TransitionGroup as TG,
+} from 'vue';
 
 export const getTransitionProps = (transitionName: string, opt: TransitionProps = {}) => {
   if (process.env.NODE_ENV === 'test') {

components/avatar/__tests__/Avatar.test.js

@@ -1,5 +1,5 @@
 import { mount } from '@vue/test-utils';
-import { asyncExpect } from '@/tests/utils';
+import { asyncExpect } from '../../../tests/utils';
 import Avatar from '..';
 import useBreakpoint from '../../_util/hooks/useBreakpoint';
 

components/badge/__tests__/index.test.js

@@ -2,7 +2,7 @@ import { mount } from '@vue/test-utils';
 import Badge from '../index';
 import mountTest from '../../../tests/shared/mountTest';
 
-import { asyncExpect } from '@/tests/utils';
+import { asyncExpect } from '../../../tests/utils';
 describe('Badge', () => {
   it('badge dot not scaling count > 9', () => {
     const badge = mount({

components/button/__tests__/wave.test.js

@@ -1,6 +1,6 @@
 import Button from '../index';
 import { mount } from '@vue/test-utils';
-import { asyncExpect, sleep } from '@/tests/utils';
+import { asyncExpect, sleep } from '../../../tests/utils';
 
 describe('click wave effect', () => {
   async function clickButton(wrapper) {

components/calendar/__tests__/index.test.js

@@ -1,11 +1,10 @@
 import dayjs from 'dayjs';
 import { mount } from '@vue/test-utils';
-import { asyncExpect } from '@/tests/utils';
+import { asyncExpect , sleep } from '../../../tests/utils';
 import MockDate from 'mockdate';
 import Calendar from '..';
 import Header from '../Header';
 import mountTest from '../../../tests/shared/mountTest';
-import { sleep } from '../../../tests/utils';
 import generateConfig from '../../vc-picker/generate/dayjs';
 
 describe('Calendar', () => {

components/carousel/__tests__/index.test.js

@@ -1,6 +1,6 @@
 import { mount } from '@vue/test-utils';
 import { h, createVNode } from 'vue';
-import { asyncExpect, sleep } from '@/tests/utils';
+import { asyncExpect, sleep } from '../../../tests/utils';
 import Carousel from '..';
 import mountTest from '../../../tests/shared/mountTest';
 

components/cascader/__tests__/index.test.js

@@ -1,4 +1,4 @@
-import { asyncExpect } from '@/tests/utils';
+import { asyncExpect } from '../../../tests/utils';
 import { mount } from '@vue/test-utils';
 import KeyCode from '../../_util/KeyCode';
 import Cascader from '..';

components/checkbox/__tests__/group.test.js

@@ -1,5 +1,5 @@
 import { mount } from '@vue/test-utils';
-import { asyncExpect, sleep } from '@/tests/utils';
+import { asyncExpect, sleep } from '../../../tests/utils';
 import Checkbox from '../index';
 import mountTest from '../../../tests/shared/mountTest';