chore: prefer named exports (#8315)

* chore: prefer named exports

* chore: fix import

src/uploader/Uploader.tsx

@@ -19,9 +19,9 @@ import { useExpose } from '../composables/use-expose';
 import { useLinkField } from '../composables/use-link-field';
 
 // Components
-import Icon from '../icon';
+import { Icon } from '../icon';
+import { ImagePreview, ImagePreviewOptions } from '../image-preview';
 import UploaderPreviewItem from './UploaderPreviewItem';
-import ImagePreview, { ImagePreviewOptions } from '../image-preview';
 
 // Types
 import type { ImageFit } from '../image';

src/uploader/UploaderPreviewItem.tsx

@@ -6,9 +6,9 @@ import { isDef, getSizeStyle } from '../utils';
 import { callInterceptor, Interceptor } from '../utils/interceptor';
 
 // Components
-import Icon from '../icon';
-import Image, { ImageFit } from '../image';
-import Loading from '../loading';
+import { Icon } from '../icon';
+import { Image, ImageFit } from '../image';
+import { Loading } from '../loading';
 
 export default defineComponent({
   props: {

src/uploader/demo/index.vue

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

src/uploader/test/index.legacy.js

@@ -1,4 +1,4 @@
-import Uploader from '..';
+import { Uploader } from '..';
 import { mount, later, triggerDrag } from '../../../test';
 
 window.File = function () {