refactor: reorganize all components (#8303)

src/grid/Grid.tsx

@@ -1,11 +1,11 @@
-import { PropType } from 'vue';
+import { PropType, defineComponent } from 'vue';
 import { createNamespace, addUnit } from '../utils';
 import { BORDER_TOP } from '../utils/constant';
 import { useChildren } from '@vant/use';
 
-const [createComponent, bem] = createNamespace('grid');
+const [name, bem] = createNamespace('grid');
 
-export const GRID_KEY = Symbol('Grid');
+export const GRID_KEY = Symbol(name);
 
 export type GridDirection = 'horizontal' | 'vertical';
 
@@ -22,7 +22,9 @@ export type GridProvide = {
   };
 };
 
-export default createComponent({
+export default defineComponent({
+  name,
+
   props: {
     square: Boolean,
     gutter: [Number, String],

src/grid/index.ts

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