fix(radio): checked calculation simplified

__tests__/radio.test.js

@@ -165,12 +165,20 @@ describe('RadioButton', () => {
           disabled: true
         }
       });
+    });
 
+    test('event is not emitted', () => {
       const label = wrapper.find('label');
       label.trigger('click');
+
+      expect(wrapper.emitted()['input']).toBeUndefined();
     });
 
-    test('event is not emitted', () => {
+    test('toggle doesn\'t emit event', () => {
+      const toggleResult = wrapper.vm.toggle({
+        target: { value: 'blue' }
+      });
+      expect(toggleResult).toBeUndefined();
       expect(wrapper.emitted()['input']).toBeUndefined();
     });
 

docs/.vuepress/components/radio-basic.vue

@@ -2,6 +2,7 @@
   <div class="playground">
     <vnt-radio name="abc" value="123" v-model="radioValue">Radio 1</vnt-radio>
     <vnt-radio name="abc" value="456" v-model="radioValue">Radio 2</vnt-radio>
+    <vnt-radio name="abc" value="789" v-model="radioValue">Radio 3</vnt-radio>
     <div class="result">radioValue: {{ radioValue }}</div>
   </div>
 </template>
@@ -16,7 +17,7 @@ export default {
   },
   data() {
     return {
-      radioValue: '123'
+      radioValue: '456'
     }
   }
 }

docs/components/radio.md

@@ -9,6 +9,7 @@
 ```html
 <vnt-radio name="abc" value="123" v-model="radioValue">Radio 1</vnt-radio>
 <vnt-radio name="abc" value="456" v-model="radioValue">Radio 2</vnt-radio>
+<vnt-radio name="abc" value="789" v-model="radioValue">Radio 3</vnt-radio>
 ```
 
 ## Disabled

src/components/radio/RadioButton.vue

@@ -2,6 +2,7 @@
   <label class="vnt-radio">
     <input class="vnt-radio__input"
            type="radio"
+           :checked="checked"
            :disabled="disabled"
            :name="name"
            v-bind="$attrs"
@@ -17,7 +18,16 @@
 export default {
   name: 'VntRadio',
 
+  model: {
+    prop: 'model',
+    event: 'input'
+  },
+
   props: {
+    model: {
+      type: [String, Number, Boolean, Object],
+      default: undefined
+    },
     disabled: {
       type: Boolean,
       default: false
@@ -32,17 +42,9 @@ export default {
     }
   },
 
-  mounted() {
-    if (!this.$vnode) {
-      return;
-    }
-
-    const vModel = this.$vnode.data.model || {};
-    const vModelValue = vModel.value;
-
-    if (!!vModelValue && vModelValue === this.$attrs.value) {
-      const input = this.$el.querySelector('input');
-      input.setAttribute('checked', true);
+  computed: {
+    checked() {
+      return this.$attrs.value === this.model;
     }
   },