chore: prefer named exports (#8315)

* chore: prefer named exports

* chore: fix import

src/image-preview/test/function.spec.ts

@@ -1,5 +1,5 @@
 import { createApp } from 'vue';
-import ImagePreview from '..';
+import { ImagePreview } from '..';
 import ImagePreviewComponent from '../ImagePreview';
 
 test('should expose ImagePreviewComponent in ImagePreview.Component', () => {

src/image-preview/test/index.spec.ts

@@ -1,14 +1,14 @@
+import { nextTick } from 'vue';
+import { DOMWrapper } from '@vue/test-utils/dist/domWrapper';
 import {
   mount,
   later,
+  trigger,
   triggerDrag,
   mockGetBoundingClientRect,
-  trigger,
 } from '../../../test';
+import { ImagePreview } from '..';
 import ImagePreviewComponent from '../ImagePreview';
-import ImagePreview from '..';
-import { nextTick } from 'vue';
-import { DOMWrapper } from '@vue/test-utils/dist/domWrapper';
 
 const images = [
   'https://img.yzcdn.cn/1.png',