fix(VListGroup): support return-object

vuetifyjs · Oct 20, 2024 · 4d40591 · 4d40591
1 parent b0d1215
commit 4d40591
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 3 deletions.
diff --git a/packages/vuetify/src/components/VList/VListChildren.tsx b/packages/vuetify/src/components/VList/VListChildren.tsx
@@ -67,8 +67,9 @@ export const VListChildren = genericComponent<new <T extends InternalListItem>(
 
       return children ? (
         <VListGroup
-          value={ itemProps?.value }
           { ...listGroupProps }
+          value={ props.returnObject ? item : itemProps?.value }
+          id={ itemProps?.value }
         >
           {{
             activator: ({ props: activatorProps }) => {

diff --git a/packages/vuetify/src/components/VList/VListGroup.tsx b/packages/vuetify/src/components/VList/VListGroup.tsx
@@ -43,6 +43,7 @@ export const makeVListGroupProps = propsFactory({
     type: IconValue,
     default: '$expand',
   },
+  id: String,
   prependIcon: IconValue,
   appendIcon: IconValue,
   fluid: Boolean,
@@ -61,7 +62,7 @@ export const VListGroup = genericComponent<VListGroupSlots>()({
 
   setup (props, { slots }) {
     const { isOpen, open, id: _id } = useNestedItem(toRef(props, 'value'), true)
-    const id = computed(() => `v-list-group--id-${String(_id.value)}`)
+    const id = computed(() => `v-list-group--id-${String(props.value ?? _id.value)}`)
     const list = useList()
     const { isBooted } = useSsrBoot()
 

diff --git a/packages/vuetify/src/labs/VTreeview/VTreeviewChildren.tsx b/packages/vuetify/src/labs/VTreeview/VTreeviewChildren.tsx
@@ -128,7 +128,7 @@ export const VTreeviewChildren = genericComponent<new <T extends InternalListIte
       return children ? (
         <VTreeviewGroup
           { ...treeviewGroupProps }
-          value={ treeviewGroupProps?.value }
+          value={ props.returnObject ? item.raw : treeviewGroupProps?.value }
         >
           {{
             activator: ({ props: activatorProps }) => {