refactor: reorganize all components (#8303)

src/row/Row.tsx

@@ -1,10 +1,10 @@
-import { computed, PropType, ComputedRef } from 'vue';
+import { computed, PropType, ComputedRef, defineComponent } from 'vue';
 import { createNamespace, ComponentInstance } from '../utils';
 import { useChildren } from '@vant/use';
 
-const [createComponent, bem] = createNamespace('row');
+const [name, bem] = createNamespace('row');
 
-export const ROW_KEY = Symbol('Row');
+export const ROW_KEY = Symbol(name);
 
 export type RowSpaces = { left?: number; right: number }[];
 
@@ -21,7 +21,9 @@ export type RowJustify =
   | 'space-around'
   | 'space-between';
 
-export default createComponent({
+export default defineComponent({
+  name,
+
   props: {
     align: String as PropType<RowAlign>,
     justify: String as PropType<RowJustify>,

src/row/index.ts

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