refactor: reorganize all components (#8303)

src/tabbar/Tabbar.tsx

@@ -1,4 +1,4 @@
-import { ref, PropType } from 'vue';
+import { ref, PropType, defineComponent } from 'vue';
 
 // Utils
 import { createNamespace, getZIndexStyle } from '../utils';
@@ -9,9 +9,9 @@ import { callInterceptor, Interceptor } from '../utils/interceptor';
 import { useChildren } from '@vant/use';
 import { usePlaceholder } from '../composables/use-placeholder';
 
-const [createComponent, bem] = createNamespace('tabbar');
+const [name, bem] = createNamespace('tabbar');
 
-export const TABBAR_KEY = Symbol('Tabbar');
+export const TABBAR_KEY = Symbol(name);
 
 export type TabbarProvide = {
   props: {
@@ -23,7 +23,9 @@ export type TabbarProvide = {
   setActive: (active: number | string) => void;
 };
 
-export default createComponent({
+export default defineComponent({
+  name,
+
   props: {
     route: Boolean,
     zIndex: [Number, String],

src/tabbar/index.ts

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