refactor: reorganize all components (#8303)

src/notice-bar/NoticeBar.tsx

@@ -1,4 +1,4 @@
-import { ref, watch, reactive, PropType } from 'vue';
+import { ref, watch, reactive, PropType, defineComponent } from 'vue';
 import { isDef, createNamespace } from '../utils';
 
 // Composables
@@ -15,9 +15,11 @@ import Icon from '../icon';
 
 export type NoticeBarMode = 'closeable' | 'link';
 
-const [createComponent, bem] = createNamespace('notice-bar');
+const [name, bem] = createNamespace('notice-bar');
+
+export default defineComponent({
+  name,
 
-export default createComponent({
   props: {
     text: String,
     mode: String as PropType<NoticeBarMode>,

src/notice-bar/index.ts

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