refactor: reorganize all components (#8303)

src/action-bar-button/ActionBarButton.tsx

@@ -1,6 +1,6 @@
-import { computed, PropType } from 'vue';
+import { computed, PropType, defineComponent } from 'vue';
 import { createNamespace } from '../utils';
-import { ACTION_BAR_KEY } from '../action-bar';
+import { ACTION_BAR_KEY } from '../action-bar/ActionBar';
 
 // Composables
 import { useParent } from '@vant/use';
@@ -10,9 +10,11 @@ import { useRoute, routeProps } from '../composables/use-route';
 // Components
 import Button, { ButtonType } from '../button';
 
-const [createComponent, bem] = createNamespace('action-bar-button');
+const [name, bem] = createNamespace('action-bar-button');
+
+export default defineComponent({
+  name,
 
-export default createComponent({
   props: {
     ...routeProps,
     type: String as PropType<ButtonType>,

src/action-bar-button/index.ts

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