From 1fcd49d91777ef69947efda31f35412a35c63b80 Mon Sep 17 00:00:00 2001
From: saeid <saeidkhakbazan@gmail.com>
Date: Wed, 6 Jan 2021 21:02:05 +0330
Subject: [PATCH] feat: add disable in radio group

---
 resources/js/Global/components/Inputs/RadioGroup.vue | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/resources/js/Global/components/Inputs/RadioGroup.vue b/resources/js/Global/components/Inputs/RadioGroup.vue
index 11fbea3..c3b01ed 100644
--- a/resources/js/Global/components/Inputs/RadioGroup.vue
+++ b/resources/js/Global/components/Inputs/RadioGroup.vue
@@ -1,7 +1,7 @@
 <template>
     <v-row :class="`radio-group ${theme}`">
         <v-col v-for="(item, index) in items" :key="index"  :xl="item[itemSize]" :lg="item[itemSize]" class="pt-0"  @click="changeSelected($event, item || {})">
-            <div :class="{'active': isActive(item), [item[itemTheme]]: true, ['theme-' + item[itemColor] ]: true, ['bubble']: true}">
+            <div :disabled="item[itemDisabled]" :class="{'active': isActive(item), [item[itemTheme]]: true, ['theme-' + item[itemColor] ]: true, ['bubble']: true}">
                 <div class="body">
                     <div v-if="item[itemIcon]" :class="`icon ${(item[itemIconClass]) ? item[itemIconClass] : ''}`">
                         <v-icon>WMi-{{ item[itemIcon] }}</v-icon>
@@ -34,6 +34,7 @@
             multiple: {default: false},
             name: {default: 'default_name'},
             theme: String,
+            itemDisabled: {default: 'disabled'},
         },
         computed: {
             currentSelect: {
@@ -47,6 +48,9 @@
         },
         methods: {
             changeSelected($event, item) {
+                if (item[this.itemDisabled]) {
+                    return true;
+                }
                 if (Array.isArray(this.value) || this.multiple) {
                     this.changeSelectedMultiple(item);
                 } else {
@@ -165,7 +169,7 @@
         }
     }
 
-    .bubble:hover, .bubble.active {
+    .bubble:not([disabled=disabled]):hover, .bubble.active {
         opacity: 1;
     }