chore: prefer named exports (#8315)

* chore: prefer named exports

* chore: fix import

src/contact-edit/ContactEdit.tsx

@@ -5,12 +5,12 @@ import { createNamespace } from '../utils';
 import { isMobile } from '../utils/validate/mobile';
 
 // Components
-import Cell from '../cell';
-import Form from '../form';
-import Field from '../field';
-import Button from '../button';
-import Dialog from '../dialog';
-import Switch from '../switch';
+import { Cell } from '../cell';
+import { Form } from '../form';
+import { Field } from '../field';
+import { Button } from '../button';
+import { Dialog } from '../dialog';
+import { Switch } from '../switch';
 
 const [name, bem, t] = createNamespace('contact-edit');
 

src/contact-edit/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-edit/test/index.spec.ts

@@ -1,5 +1,5 @@
 import { VueWrapper } from '@vue/test-utils';
-import ContactEdit, { ContactEditInfo } from '..';
+import { ContactEdit, ContactEditInfo } from '..';
 import { mount, later } from '../../../test';
 
 const contactInfo = {