fix(VTreeview): select trunk nodes on click when openOnClick=false

fixes #21599

Author: KaelWD

packages/vuetify/src/components/VTreeview/VTreeviewChildren.tsx

@@ -8,7 +8,7 @@ import { makeDensityProps } from '@/composables/density'
 import { IconValue } from '@/composables/icons'
 
 // Utilities
-import { computed, reactive, toRaw } from 'vue'
+import { computed, reactive, ref, toRaw } from 'vue'
 import { genericComponent, propsFactory } from '@/util'
 
 // Types
@@ -74,8 +74,14 @@ export const VTreeviewChildren = genericComponent<new <T extends InternalListIte
 
   setup (props, { slots }) {
     const isLoading = reactive(new Set<unknown>())
+    const activatorItems = ref<VTreeviewItem[]>([])
 
-    const isClickOnOpen = computed(() => !props.disabled && (props.openOnClick != null ? props.openOnClick : props.selectable))
+    const isClickOnOpen = computed(() => (
+      !props.disabled && (
+        props.openOnClick != null
+          ? props.openOnClick
+          : props.selectable
+      )))
 
     async function checkChildren (item: InternalListItem) {
       try {
@@ -161,11 +167,14 @@ export const VTreeviewChildren = genericComponent<new <T extends InternalListIte
                 ...activatorProps,
                 value: itemProps?.value,
                 onToggleExpand: [() => checkChildren(item), activatorProps.onClick] as any,
-                onClick: isClickOnOpen.value ? [() => checkChildren(item), activatorProps.onClick] as any : undefined,
+                onClick: isClickOnOpen.value
+                  ? [() => checkChildren(item), activatorProps.onClick] as any
+                  : () => selectItem(activatorItems.value[index]?.select, !activatorItems.value[index]?.isSelected),
               }
 
               return (
                 <VTreeviewItem
+                  ref={ el => activatorItems.value[index] = el as VTreeviewItem }
                   { ...listItemProps }
                   value={ props.returnObject ? item.raw : itemProps.value }
                   loading={ loading }

packages/vuetify/src/components/VTreeview/VTreeviewItem.tsx

@@ -8,6 +8,7 @@ import { makeVListItemProps, VListItem } from '@/components/VList/VListItem'
 import { VProgressCircular } from '@/components/VProgressCircular'
 
 // Composables
+import { forwardRefs } from '@/composables/forwardRefs'
 import { IconValue } from '@/composables/icons'
 
 // Utilities
@@ -124,7 +125,7 @@ export const VTreeviewItem = genericComponent<VListItemSlots>()({
       )
     })
 
-    return {}
+    return forwardRefs({}, vListItemRef)
   },
 })