refactor: reorganize all components (#8303)

src/uploader/Uploader.tsx

@@ -1,16 +1,16 @@
-import { ref, reactive, PropType } from 'vue';
+import { ref, reactive, PropType, defineComponent } from 'vue';
 
 // Utils
 import { pick, isPromise, getSizeStyle, ComponentInstance } from '../utils';
 import {
   bem,
+  name,
   toArray,
   isOversize,
   filterFiles,
   isImageFile,
   FileListItem,
   readFileContent,
-  createComponent,
   UploaderResultType,
 } from './utils';
 
@@ -20,7 +20,7 @@ import { useLinkField } from '../composables/use-link-field';
 
 // Components
 import Icon from '../icon';
-import PreviewItem from './PreviewItem';
+import UploaderPreviewItem from './UploaderPreviewItem';
 import ImagePreview, { ImagePreviewOptions } from '../image-preview';
 
 // Types
@@ -45,7 +45,9 @@ export type UploaderAfterRead = (
   }
 ) => void;
 
-export default createComponent({
+export default defineComponent({
+  name,
+
   props: {
     capture: String,
     multiple: Boolean,
@@ -279,7 +281,7 @@ export default createComponent({
       };
 
       return (
-        <PreviewItem
+        <UploaderPreviewItem
           v-slots={{ 'preview-cover': slots['preview-cover'] }}
           item={item}
           index={index}

src/uploader/UploaderPreviewItem.tsx

@@ -1,4 +1,4 @@
-import { defineComponent, PropType } from 'vue';
+import { PropType, defineComponent } from 'vue';
 
 // Utils
 import { bem, isImageFile, FileListItem } from './utils';

src/uploader/index.ts

@@ -0,0 +1,7 @@
+import { installable } from '../utils';
+import _Uploader from './Uploader';
+
+const Uploader = installable(_Uploader);
+
+export default Uploader;
+export { Uploader };

src/uploader/utils.ts

@@ -2,9 +2,9 @@ import { createNamespace } from '../utils';
 import type { ImageFit } from '../image';
 import type { Interceptor } from '../utils/interceptor';
 
-const [createComponent, bem] = createNamespace('uploader');
+const [name, bem] = createNamespace('uploader');
 
-export { bem, createComponent };
+export { name, bem };
 
 export type UploaderResultType = 'dataUrl' | 'text' | 'file';