refactor: reorganize all components (#8303)

src/icon/Icon.tsx

@@ -1,14 +1,16 @@
-import { PropType } from 'vue';
+import { PropType, defineComponent } from 'vue';
 import { addUnit, createNamespace } from '../utils';
 import Badge from '../badge';
 
-const [createComponent, bem] = createNamespace('icon');
+const [name, bem] = createNamespace('icon');
 
 function isImage(name?: string) {
   return name ? name.includes('/') : false;
 }
 
-export default createComponent({
+export default defineComponent({
+  name,
+
   props: {
     dot: Boolean,
     name: String,

src/icon/index.ts

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