chore: prefer named exports (#8315)

* chore: prefer named exports

* chore: fix import

src/contact-list/ContactList.tsx

@@ -5,12 +5,12 @@ import { createNamespace, UnknownProp } from '../utils';
 import { RED } from '../utils/constant';
 
 // Components
-import Tag from '../tag';
-import Icon from '../icon';
-import Cell from '../cell';
-import Radio from '../radio';
-import Button from '../button';
-import RadioGroup from '../radio-group';
+import { Tag } from '../tag';
+import { Icon } from '../icon';
+import { Cell } from '../cell';
+import { Radio } from '../radio';
+import { Button } from '../button';
+import { RadioGroup } from '../radio-group';
 
 const [name, bem, t] = createNamespace('contact-list');
 

src/contact-list/demo/index.vue

@@ -14,7 +14,7 @@
 <script lang="ts">
 import { ref } from 'vue';
 import { useTranslate } from '@demo/use-translate';
-import Toast from '../../toast';
+import { Toast } from '../../toast';
 
 const i18n = {
   'zh-CN': {

src/contact-list/test/index.spec.ts

@@ -1,4 +1,4 @@
-import ContactList from '..';
+import { ContactList } from '..';
 import { mount } from '../../../test';
 
 const contactInfo = {