refactor: reorganize all components (#8303)

src/action-sheet/ActionSheet.tsx

@@ -1,4 +1,4 @@
-import { nextTick, PropType } from 'vue';
+import { nextTick, PropType, defineComponent } from 'vue';
 
 // Utils
 import { createNamespace, pick } from '../utils';
@@ -9,7 +9,7 @@ import Popup from '../popup';
 import Loading from '../loading';
 import { popupSharedProps, popupSharedPropKeys } from '../popup/shared';
 
-const [createComponent, bem] = createNamespace('action-sheet');
+const [name, bem] = createNamespace('action-sheet');
 
 export type ActionSheetAction = {
   name?: string;
@@ -21,7 +21,9 @@ export type ActionSheetAction = {
   className?: unknown;
 };
 
-export default createComponent({
+export default defineComponent({
+  name,
+
   props: {
     ...popupSharedProps,
     title: String,

src/action-sheet/index.ts

@@ -0,0 +1,8 @@
+import { installable } from '../utils';
+import _ActionSheet from './ActionSheet';
+
+const ActionSheet = installable(_ActionSheet);
+
+export default ActionSheet;
+export { ActionSheet };
+export type { ActionSheetAction } from './ActionSheet';