refactor: reorganize all components (#8303)

src/loading/Loading.tsx

@@ -1,7 +1,7 @@
-import { computed, PropType } from 'vue';
+import { computed, PropType, defineComponent } from 'vue';
 import { createNamespace, addUnit, getSizeStyle } from '../utils';
 
-const [createComponent, bem] = createNamespace('loading');
+const [name, bem] = createNamespace('loading');
 
 const SpinIcon: JSX.Element[] = Array(12).fill(<i />);
 
@@ -13,7 +13,9 @@ const CircularIcon = (
 
 export type LoadingType = 'circular' | 'spinner';
 
-export default createComponent({
+export default defineComponent({
+  name,
+
   props: {
     size: [Number, String],
     color: String,

src/loading/index.ts

@@ -0,0 +1,8 @@
+import { installable } from '../utils';
+import _Loading from './Loading';
+
+const Loading = installable(_Loading);
+
+export default Loading;
+export { Loading };
+export type { LoadingType } from './Loading';