fix(VStepperVertical): move vertical actions class and omit unrelated…

… hideActions prop
vuetifyjs · May 10, 2024 · ad72118 · ad72118
1 parent 822d2db
commit ad72118
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 4 deletions.
diff --git a/packages/vuetify/src/labs/VStepperVertical/VStepperVerticalActions.tsx b/packages/vuetify/src/labs/VStepperVertical/VStepperVerticalActions.tsx
@@ -50,6 +50,7 @@ export const VStepperVerticalActions = genericComponent<VStepperActionsSlots>()(
 
       return (
         <VStepperActions
+          class="v-stepper-vertical-actions"
           { ...stepperActionsProps }
           nextText={ props.finish ? props.finishText : undefined }
         >

diff --git a/packages/vuetify/src/labs/VStepperVertical/VStepperVerticalItem.tsx b/packages/vuetify/src/labs/VStepperVertical/VStepperVerticalItem.tsx
@@ -11,7 +11,7 @@ import { makeStepperItemProps } from '@/components/VStepper/VStepperItem'
 
 // Utilities
 import { computed, ref } from 'vue'
-import { genericComponent, propsFactory, useRender } from '@/util'
+import { genericComponent, omit, propsFactory, useRender } from '@/util'
 
 // Types
 import type { StepperItemSlot } from '@/components/VStepper/VStepperItem'
@@ -28,11 +28,13 @@ export type VStepperVerticalItemSlots = {
 }
 
 export const makeVStepperVerticalItemProps = propsFactory({
+  hideActions: Boolean,
+
   ...makeStepperItemProps(),
-  ...makeVExpansionPanelProps({
+  ...omit(makeVExpansionPanelProps({
     expandIcon: '',
     collapseIcon: '',
-  }),
+  }), ['hideActions']),
 }, 'VStepperVerticalItem')
 
 export const VStepperVerticalItem = genericComponent<VStepperVerticalItemSlots>()({
@@ -164,7 +166,6 @@ export const VStepperVerticalItem = genericComponent<VStepperVerticalItemSlots>(
                 { hasActions && (
                   slots.actions?.(slotProps.value) ?? (
                     <VStepperVerticalActions
-                      class="v-stepper-vertical-actions"
                       disabled={ disabled.value }
                       onClick:next={ onClickNext }
                       onClick:prev={ onClickPrev }