refactor: reorganize all components (#8303)

src/checkbox/Checkbox.tsx

@@ -1,8 +1,11 @@
-import { computed, watch } from 'vue';
+import { computed, watch, defineComponent } from 'vue';
 
 // Utils
 import { createNamespace, pick } from '../utils';
-import { CHECKBOX_GROUP_KEY, CheckboxGroupProvide } from '../checkbox-group';
+import {
+  CHECKBOX_GROUP_KEY,
+  CheckboxGroupProvide,
+} from '../checkbox-group/CheckboxGroup';
 
 // Composables
 import { useParent } from '@vant/use';
@@ -12,9 +15,11 @@ import { useLinkField } from '../composables/use-link-field';
 // Components
 import Checker, { checkerProps } from './Checker';
 
-const [createComponent, bem] = createNamespace('checkbox');
+const [name, bem] = createNamespace('checkbox');
+
+export default defineComponent({
+  name,
 
-export default createComponent({
   props: {
     ...checkerProps,
     bindGroup: {

src/checkbox/Checker.tsx

@@ -1,4 +1,4 @@
-import { ref, computed, defineComponent, PropType } from 'vue';
+import { ref, computed, PropType, defineComponent } from 'vue';
 import { addUnit, UnknownProp } from '../utils';
 import Icon from '../icon';
 

src/checkbox/index.ts

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