chore: prefer named exports (#8315)

* chore: prefer named exports

* chore: fix import

src/area/Area.tsx

@@ -19,7 +19,7 @@ import { pickerProps } from '../picker/Picker';
 import { useExpose } from '../composables/use-expose';
 
 // Components
-import Picker from '../picker';
+import { Picker } from '../picker';
 
 const [name, bem] = createNamespace('area');
 

src/area/demo/area-en.ts

@@ -1,4 +1,4 @@
-export default {
+export const areaListEn = {
   province_list: {
     110000: 'Beijing',
     330000: 'Zhejiang',

src/area/demo/area-simple.ts

@@ -1,4 +1,4 @@
-export default {
+export const areaList = {
   province_list: {
     110000: '北京市',
     120000: '天津市',

src/area/demo/area.ts

@@ -1,4 +1,4 @@
-export default {
+export const areaList = {
   province_list: {
     110000: '北京市',
     120000: '天津市',

src/area/demo/index.vue

@@ -22,8 +22,8 @@
 
 <script lang="ts">
 import { ref } from 'vue';
-import AreaList from './area';
-import AreaListEn from './area-en';
+import { areaList } from './area';
+import { areaListEn } from './area-en';
 import { useTranslate } from '@demo/use-translate';
 
 const i18n = {
@@ -32,14 +32,14 @@ const i18n = {
     title3: '配置显示列',
     title4: '配置列占位提示文字',
     columnsPlaceholder: ['请选择', '请选择', '请选择'],
-    areaList: AreaList,
+    areaList,
   },
   'en-US': {
     title2: 'Initial Value',
     title3: 'Columns Number',
     title4: 'Columns Placeholder',
     columnsPlaceholder: ['Choose', 'Choose', 'Choose'],
-    areaList: AreaListEn,
+    areaList: areaListEn,
   },
 };
 

src/area/test/index.spec.js

@@ -1,5 +1,5 @@
-import Area from '..';
-import areaList from '../demo/area-simple';
+import { Area } from '..';
+import { areaList } from '../demo/area-simple';
 import { mount, later, triggerDrag } from '../../../test';
 
 const firstOption = [