refactor: reorganize all components (#8303)

src/area/Area.tsx

@@ -7,19 +7,21 @@ import {
   nextTick,
   PropType,
   onMounted,
+  defineComponent,
 } from 'vue';
 
 // Utils
 import { deepClone } from '../utils/deep-clone';
 import { pick, createNamespace, ComponentInstance } from '../utils';
+import { pickerProps } from '../picker/Picker';
 
 // Composables
 import { useExpose } from '../composables/use-expose';
 
 // Components
-import Picker, { pickerProps } from '../picker';
+import Picker from '../picker';
 
-const [createComponent, bem] = createNamespace('area');
+const [name, bem] = createNamespace('area');
 
 const EMPTY_CODE = '000000';
 
@@ -40,7 +42,9 @@ export type AreaColumnOption = {
 
 type ColumnType = 'province' | 'county' | 'city';
 
-export default createComponent({
+export default defineComponent({
+  name,
+
   props: {
     ...pickerProps,
     value: String,

src/area/index.ts

@@ -0,0 +1,8 @@
+import { installable } from '../utils';
+import _Area from './Area';
+
+const Area = installable(_Area);
+
+export default Area;
+export { Area };
+export type { AreaList, AreaColumnOption } from './Area';