chore: prefer named exports (#8315)

* chore: prefer named exports

* chore: fix import

src/action-sheet/ActionSheet.tsx

@@ -4,9 +4,9 @@ import { nextTick, PropType, defineComponent } from 'vue';
 import { createNamespace, pick } from '../utils';
 
 // Components
-import Icon from '../icon';
-import Popup from '../popup';
-import Loading from '../loading';
+import { Icon } from '../icon';
+import { Popup } from '../popup';
+import { Loading } from '../loading';
 import { popupSharedProps, popupSharedPropKeys } from '../popup/shared';
 
 const [name, bem] = createNamespace('action-sheet');

src/action-sheet/demo/index.vue

@@ -55,7 +55,7 @@
 import { computed, reactive, toRefs } from 'vue';
 import { useTranslate } from '@demo/use-translate';
 import { ActionSheetAction } from '..';
-import Toast from '../../toast';
+import { Toast } from '../../toast';
 
 const i18n = {
   'zh-CN': {

src/action-sheet/test/index.spec.ts

@@ -1,6 +1,6 @@
 import { nextTick } from 'vue';
 import { mount } from '../../../test';
-import ActionSheet from '..';
+import { ActionSheet } from '..';
 
 test('should emit select event after clicking option', async () => {
   const wrapper = mount(ActionSheet, {