fix: QRadio issueing @change two times instead of once

Author: rstoenescu

dev/components/form/checkbox.vue

@@ -87,15 +87,15 @@
       <q-list link>
         <q-item tag="label">
           <q-item-side>
-            <q-checkbox v-model="checked"></q-checkbox>
+            <q-checkbox @change="onChange" v-model="checked"></q-checkbox>
           </q-item-side>
           <q-item-main>
             <q-item-tile title>Notification</q-item-tile>
           </q-item-main>
         </q-item>
         <q-item tag="label">
           <q-item-side>
-            <q-checkbox v-model="checked"></q-checkbox>
+            <q-checkbox @change="onChange" v-model="checked"></q-checkbox>
           </q-item-side>
           <q-item-main>
             <q-item-tile label>Notification</q-item-tile>
@@ -104,7 +104,7 @@
         </q-item>
         <q-item tag="label">
           <q-item-side>
-            <q-checkbox v-model="checked"></q-checkbox>
+            <q-checkbox @change="onChange" v-model="checked"></q-checkbox>
           </q-item-side>
           <q-item-main>
             <q-item-tile label>Notification</q-item-tile>
@@ -113,14 +113,6 @@
         </q-item>
       </q-list>
     </div>
-    <input type="checkbox" id="jack" value="Jack" v-model="checkedNames">
-    <label for="jack">Jack</label>
-    <input type="checkbox" id="john" value="John" v-model="checkedNames">
-    <label for="john">John</label>
-    <input type="checkbox" id="mike" value="Mike" v-model="checkedNames" style="width:100px;height:100px;">
-    <label for="mike">Mike</label>
-    <br>
-    <span>Checked names: {{ checkedNames }}</span>
   </div>
 </template>
 
@@ -130,8 +122,7 @@ export default {
     return {
       checked: true,
       group: ['op2'],
-      selection: ['one', 'two', 'three'],
-      checkedNames: []
+      selection: ['one', 'two', 'three']
     }
   },
   methods: {

package.json

@@ -76,7 +76,7 @@
     "parse5": "^2.1.0",
     "postcss-loader": "^1.0.0",
     "progress-bar-webpack-plugin": "^1.9.0",
-    "quasar-extras": "0.0.1",
+    "quasar-extras": "0.x",
     "raw-loader": "^0.5.1",
     "rollup": "^0.41.4",
     "rollup-plugin-babel": "^2.6.1",
@@ -102,6 +102,6 @@
   },
   "peerDependencies": {
     "vue": "^2.3.0",
-    "quasar-extras": "^0.0.1"
+    "quasar-extras": "0.x"
   }
 }

src/components/radio/QRadio.vue

@@ -66,7 +66,6 @@ export default {
       set (val) {
         if (val !== this.value) {
           this.$emit('input', val)
-          this.__onChange(val)
         }
       }
     },
@@ -86,10 +85,7 @@ export default {
       }
     },
     __change (e) {
-      if (this.model !== this.val) {
-        this.__onChange(this.val)
-        this.model = this.val
-      }
+      this.__onChange(this.value)
     },
     __onChange (val) {
       const ref = this.$refs.ripple

src/themes/core/ripples.styl

@@ -59,5 +59,5 @@
 
   &.active:after
     transform scale(0, 0)
-    opacity .5
+    opacity .4
     transition 0s