types(Radio): use tsx (#8129)

src/radio/index.tsx

@@ -0,0 +1,41 @@
+import { pick, createNamespace } from '../utils';
+import { useParent } from '@vant/use';
+import Checker, { checkerProps } from '../checkbox/Checker';
+import { RADIO_KEY, RadioGroupProvide } from '../radio-group';
+
+const [createComponent, bem] = createNamespace('radio');
+
+export default createComponent({
+  props: checkerProps,
+
+  emits: ['update:modelValue'],
+
+  setup(props, { emit, slots }) {
+    const { parent } = useParent<RadioGroupProvide>(RADIO_KEY);
+
+    const checked = () => {
+      const value = parent ? parent.props.modelValue : props.modelValue;
+      return value === props.name;
+    };
+
+    const toggle = () => {
+      if (parent) {
+        parent.updateModelValue(props.name);
+      } else {
+        emit('update:modelValue', props.name);
+      }
+    };
+
+    return () => (
+      <Checker
+        v-slots={pick(slots, ['default', 'icon'])}
+        bem={bem}
+        role="radio"
+        parent={parent}
+        checked={checked()}
+        onToggle={toggle}
+        {...props}
+      />
+    );
+  },
+});