radio component

packages/radio/src/radio-group.vue

@@ -9,7 +9,14 @@ export default {
   name: 'z-radio-group',
 
   props: {
-    value: [String, Number]
+    value: {},
+    disabled: Boolean
+  },
+
+  watch: {
+    value(value) {
+      this.$emit('change', value);
+    }
   }
 };
 </script>

packages/radio/src/radio.vue

@@ -2,10 +2,15 @@
   <div
     class="z-radio"
     :class="{
-      'is-disabled': disabled
+      'is-disabled': isDisabled
     }">
     <span class="z-radio__input">
-      <input type="radio" class="z-radio__control">
+      <input
+        :value="name"
+        v-model="currentValue"
+        type="radio"
+        class="z-radio__control"
+        :disabled="isDisabled">
       <span class="z-radio__circle"></span>
     </span>
     <span class="z-radio__label">
@@ -21,35 +26,50 @@ export default {
   props: {
     disabled: Boolean,
     value: {},
-    parentGroup: null
+    name: [String, Number]
   },
 
   computed: {
     isGroup() {
-      let parent = this.$parent;
-      while (parent) {
-        if (parent.$options.name === 'z-radio-group') {
-          this.parentGroup = parent;
-          return true;
-        } else {
-          parent = parent.$parent;
-        }
-      }
-      return false;
+      return !!this.findRadioGroup()
     },
 
-    model: {
+    currentValue: {
       get() {
         return this.isGroup ? this.parentGroup.value : this.value;
       },
 
       set(val) {
         if (this.isGroup) {
-
+          this.parentGroup.$emit('input', val);
         } else {
           this.$emit('input', val);
         }
       }
+    },
+
+    isDisabled() {
+      return this.isGroup
+          ? this.parentGroup.disabled || this.disabled
+          : this.disabled;
+    }
+  },
+
+  methods: {
+    findRadioGroup() {
+      if (this.parentGroup) return;
+
+      let parent = this.$parent;
+      while (parent) {
+        if (parent.$options.name === 'z-radio-group') {
+          this.parentGroup = parent;
+          break;
+        } else {
+          parent = parent.$parent;
+        }
+      }
+
+      return this.parentGroup;
     }
   }
 };