fix(VTreeview): indent-lines support for footer slot

follow-up after #22100

Author: J-Sek

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

@@ -39,6 +39,7 @@ export type VTreeviewChildrenSlots<T> = {
     loading: boolean
   }
   footer: {
+    props: { indentLines?: IndentLineType[] }
     item: T
     internalItem: InternalListItem<T>
     loading: boolean
@@ -193,6 +194,11 @@ export const VTreeviewChildren = genericComponent<new <T extends InternalListIte
       const treeviewGroupProps = VTreeviewGroup.filterProps(itemProps)
       const treeviewChildrenProps = VTreeviewChildren.filterProps({ ...props, ...treeItemProps })
 
+      const footerProps = {
+        hideActions: props.hideActions,
+        indentLines: indentLines.footer,
+      }
+
       return children ? (
         <VTreeviewGroup
           { ...treeviewGroupProps }
@@ -205,6 +211,7 @@ export const VTreeviewChildren = genericComponent<new <T extends InternalListIte
                 ...itemProps,
                 ...activatorProps,
                 value: itemProps?.value,
+                hideActions: props.hideActions,
                 indentLines: indentLines.node,
                 onToggleExpand: [() => checkChildren(item), activatorProps.onClick] as any,
                 onClick: isClickOnOpen.value
@@ -220,7 +227,6 @@ export const VTreeviewChildren = genericComponent<new <T extends InternalListIte
                     ref={ el => activatorItems.value[index] = el as VTreeviewItem }
                     { ...listItemProps }
                     hasCustomPrepend={ !!slots.prepend }
-                    hideActions={ props.hideActions }
                     value={ props.returnObject ? item.raw : itemProps.value }
                     loading={ loading }
                     v-slots={ slotsWithItem }
@@ -239,7 +245,7 @@ export const VTreeviewChildren = genericComponent<new <T extends InternalListIte
                   returnObject={ props.returnObject }
                   v-slots={ slots }
                 />
-                { slots.footer?.({ item: item.raw, internalItem: item, loading }) }
+                { slots.footer?.({ props: footerProps, item: item.raw, internalItem: item, loading }) }
               </>
             ),
           }}

packages/vuetify/src/util/indentLines.ts

@@ -16,6 +16,7 @@ export type IndentLines = {
   leaf: IndentLineType[] | undefined
   node: IndentLineType[] | undefined
   children: IndentLineType[] | undefined
+  footer: IndentLineType[] | undefined
 }
 
 export function getIndentLines ({
@@ -27,11 +28,16 @@ export function getIndentLines ({
   parentIndentLines,
   variant,
 }: IndentLinesOptions): IndentLines {
+  const isLastLeaf = isLast && (!isLastGroup || separateRoots || depth > 1)
+
   if (!parentIndentLines || !depth) {
     return {
       leaf: undefined,
       node: undefined,
       children: parentIndentLines,
+      footer: parentIndentLines && (!isLastLeaf || variant === 'simple')
+        ? [...parentIndentLines, separateRoots ? 'none' : 'line']
+        : ['none'],
     }
   }
 
@@ -40,11 +46,10 @@ export function getIndentLines ({
       leaf: [...parentIndentLines, 'line'],
       node: [...parentIndentLines, 'line'],
       children: [...parentIndentLines, 'line'],
+      footer: [...parentIndentLines, 'line', 'line'],
     }
   }
 
-  const isLastLeaf = isLast && (!isLastGroup || separateRoots || depth > 1)
-
   return {
     leaf: [
       ...parentIndentLines,
@@ -59,5 +64,9 @@ export function getIndentLines ({
       ...parentIndentLines,
       isLastLeaf ? 'none' : 'line',
     ],
+    footer: [
+      ...parentIndentLines,
+      isLastLeaf ? 'none' : 'line',
+    ],
   }
 }