refactor: reorganize all components (#8303)

src/dialog/Dialog.tsx

@@ -1,4 +1,4 @@
-import { PropType, reactive } from 'vue';
+import { PropType, reactive, defineComponent } from 'vue';
 
 // Utils
 import { callInterceptor, Interceptor } from '../utils/interceptor';
@@ -12,7 +12,7 @@ import ActionBar from '../action-bar';
 import ActionBarButton from '../action-bar-button';
 import { popupSharedProps, popupSharedPropKeys } from '../popup/shared';
 
-const [createComponent, bem, t] = createNamespace('dialog');
+const [name, bem, t] = createNamespace('dialog');
 
 export type DialogTheme = 'default' | 'round-button';
 export type DialogAction = 'confirm' | 'cancel';
@@ -24,7 +24,9 @@ const popupKeys = [
   'closeOnPopstate',
 ] as const;
 
-export default createComponent({
+export default defineComponent({
+  name,
+
   props: {
     ...popupSharedProps,
     title: String,