fix(VItem): support disabled effect (#14941)

yuwu9145 · web-flow · commit 415322d4d15b · 2023-07-06T02:42:28.000+10:00
fixes #14923
diff --git a/packages/vuetify/src/components/VItemGroup/VItem.sass b/packages/vuetify/src/components/VItemGroup/VItem.sass
@@ -0,0 +1,4 @@
+.v-item--disabled
+  &,
+  & *
+    pointer-events: none
diff --git a/packages/vuetify/src/components/VItemGroup/VItem.ts b/packages/vuetify/src/components/VItemGroup/VItem.ts
@@ -1,3 +1,6 @@
+// Styles
+import './VItem.sass'
+
 // Mixins
 import { factory as GroupableFactory } from '../../mixins/groupable'
 
@@ -16,6 +19,7 @@ export const BaseItem = Vue.extend({
     value: {
       required: false,
     },
+    disabled: Boolean,
   },
 
   data: () => ({
@@ -56,9 +60,16 @@ export const BaseItem = Vue.extend({
     }
 
     element.data = this._b(element.data || {}, element.tag!, {
-      class: { [this.activeClass]: this.isActive },
+      class: {
+        [this.activeClass]: this.isActive,
+        'v-item--disabled': this.disabled,
+      },
     })
 
+    if (this.disabled) {
+      element.data.attrs = { ...element.data.attrs, tabindex: -1 }
+    }
+
     return element
   },
 })
diff --git a/packages/vuetify/src/mixins/groupable/index.ts b/packages/vuetify/src/mixins/groupable/index.ts
@@ -11,7 +11,7 @@ export type Groupable<T extends string, C extends VueConstructor | null = null>
   isActive: boolean
   disabled: boolean
   groupClasses: object
-  toggle (): void
+  toggle (e?: Event): void
 }>
 
 export function factory<T extends string, C extends VueConstructor | null = null> (
@@ -59,7 +59,14 @@ export function factory<T extends string, C extends VueConstructor | null = null
     },
 
     methods: {
-      toggle () {
+      toggle (e?: Event) {
+        if (this.disabled && e) {
+          // Prevent keyboard actions
+          // from children elements
+          // within disabled tabs
+          e.preventDefault()
+          return
+        }
         this.$emit('change')
       },
     },

-Original file line number
+Diff line change
@@ @@ -0,0 +1,4 @@ @@
 +.v-item--disabled
 +  &,
 +  & *
 +    pointer-events: none