refactor: reorganize all components (#8303)

src/image-preview/ImagePreview.tsx

@@ -6,6 +6,7 @@ import {
   reactive,
   onMounted,
   CSSProperties,
+  defineComponent,
 } from 'vue';
 
 // Utils
@@ -27,14 +28,16 @@ import Swipe, { SwipeToOptions } from '../swipe';
 import Popup, { PopupCloseIconPosition } from '../popup';
 import ImagePreviewItem from './ImagePreviewItem';
 
-const [createComponent, bem] = createNamespace('image-preview');
+const [name, bem] = createNamespace('image-preview');
 
 export type ScaleEventParams = {
   scale: number;
   index: number;
 };
 
-export default createComponent({
+export default defineComponent({
+  name,
+
   props: {
     show: Boolean,
     closeable: Boolean,