refactor: reorganize all components (#8303)

src/grid-item/GridItem.tsx

@@ -1,9 +1,9 @@
-import { computed, CSSProperties } from 'vue';
+import { computed, CSSProperties, defineComponent } from 'vue';
 
 // Utils
 import { createNamespace, addUnit } from '../utils';
 import { BORDER } from '../utils/constant';
-import { GRID_KEY, GridProvide } from '../grid';
+import { GRID_KEY, GridProvide } from '../grid/Grid';
 
 // Composables
 import { useParent } from '@vant/use';
@@ -13,9 +13,11 @@ import { useRoute, routeProps } from '../composables/use-route';
 import Icon from '../icon';
 import Badge from '../badge';
 
-const [createComponent, bem] = createNamespace('grid-item');
+const [name, bem] = createNamespace('grid-item');
+
+export default defineComponent({
+  name,
 
-export default createComponent({
   props: {
     ...routeProps,
     dot: Boolean,

src/grid-item/index.ts

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