refactor: reorganize all components (#8303)

src/action-bar/ActionBar.tsx

@@ -1,11 +1,14 @@
+import { defineComponent } from 'vue';
 import { createNamespace } from '../utils';
 import { useChildren } from '@vant/use';
 
-const [createComponent, bem] = createNamespace('action-bar');
+const [name, bem] = createNamespace('action-bar');
 
-export const ACTION_BAR_KEY = Symbol('ActionBar');
+export const ACTION_BAR_KEY = Symbol(name);
+
+export default defineComponent({
+  name,
 
-export default createComponent({
   props: {
     safeAreaInsetBottom: {
       type: Boolean,

src/action-bar/index.ts

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