radio components

docs/examples/radio.md

@@ -1 +1,25 @@
+<script>
+export default {
+  data() {
+    return {
+      radio: '1'
+    };
+  }
+};
+</script>
+
 ## Radio组件
+
+### 基础用法
+
+:::demo
+```html
+<o2-radio v-model="radio"></o2-radio>
+```
+:::
+
+### API
+
+| 参数       | 说明      | 类型       | 默认值       | 可选值       |
+|-----------|-----------|-----------|-------------|-------------|
+| disabled | 是否禁用单选框 | Boolean  | false |   |

packages/radio/src/radio-group.vue

@@ -0,0 +1,11 @@
+<template>
+  <div class="o2-radio-group">
+    <slot></slot>
+  </div>
+</template>
+
+<script>
+export default {
+
+};
+</script>

packages/radio/src/radio.vue

@@ -1,11 +1,28 @@
 <template>
-  <div>
-    
-  </div>
+  <o2-cell
+    class="o2-radio"
+    :class="{
+      'is-disabled': disabled
+    }">
+  </o2-cell>
 </template>
 
 <script>
+import O2Cell from 'packages/cell';
+
 export default {
-  name: 'o2-radio'
+  name: 'o2-radio',
+
+  components: {
+    O2Cell
+  },
+
+  props: {
+    disabled: Boolean,
+    value: {}
+  },
+
+  created() {
+  }
 };
 </script>