refactor: reorganize all components (#8303)

src/sidebar/Sidebar.tsx

@@ -1,16 +1,19 @@
+import { defineComponent } from 'vue';
 import { createNamespace } from '../utils';
 import { useChildren } from '@vant/use';
 
-const [createComponent, bem] = createNamespace('sidebar');
+const [name, bem] = createNamespace('sidebar');
 
-export const SIDEBAR_KEY = Symbol('Sidebar');
+export const SIDEBAR_KEY = Symbol(name);
 
 export type SidebarProvide = {
   getActive: () => number;
   setActive: (value: number) => void;
 };
 
-export default createComponent({
+export default defineComponent({
+  name,
+
   props: {
     modelValue: {
       type: [Number, String],

src/sidebar/index.ts

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