refactor: reorganize all components (#8303)

src/field/Field.tsx

@@ -7,6 +7,7 @@ import {
   reactive,
   PropType,
   onMounted,
+  defineComponent,
 } from 'vue';
 
 // Utils
@@ -28,6 +29,7 @@ import {
   resizeTextarea,
   runRuleValidator,
 } from './utils';
+import { cellProps } from '../cell/Cell';
 
 // Composables
 import { useParent } from '@vant/use';
@@ -36,7 +38,7 @@ import { FORM_KEY, FIELD_KEY } from '../composables/use-link-field';
 
 // Components
 import Icon from '../icon';
-import Cell, { cellProps } from '../cell';
+import Cell from '../cell';
 
 // Types
 import type {
@@ -50,9 +52,11 @@ import type {
   FieldValidateTrigger,
 } from './types';
 
-const [createComponent, bem] = createNamespace('field');
+const [name, bem] = createNamespace('field');
+
+export default defineComponent({
+  name,
 
-export default createComponent({
   props: {
     ...cellProps,
     rows: [Number, String],

src/field/index.ts

@@ -0,0 +1,17 @@
+import { installable } from '../utils';
+import _Field from './Field';
+
+const Field = installable(_Field);
+
+export default Field;
+export { Field };
+export type {
+  FieldType,
+  FieldRule,
+  FieldTextAlign,
+  FieldClearTrigger,
+  FieldFormatTrigger,
+  FieldValidateError,
+  FieldAutosizeConfig,
+  FieldValidateTrigger,
+} from './types';