refactor: reorganize all components (#8303)

src/nav-bar/NavBar.tsx

@@ -1,4 +1,4 @@
-import { ref, CSSProperties } from 'vue';
+import { ref, CSSProperties, defineComponent } from 'vue';
 
 // Utils
 import { createNamespace, getZIndexStyle } from '../utils';
@@ -10,9 +10,11 @@ import { usePlaceholder } from '../composables/use-placeholder';
 // Components
 import Icon from '../icon';
 
-const [createComponent, bem] = createNamespace('nav-bar');
+const [name, bem] = createNamespace('nav-bar');
+
+export default defineComponent({
+  name,
 
-export default createComponent({
   props: {
     title: String,
     fixed: Boolean,

src/nav-bar/index.ts

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