feat(VConfirmEdit): pass props to actions

closes #20704
vuetifyjs · Nov 20, 2024 · 7aae81e · 7aae81e
1 parent 797cd88
commit 7aae81e
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 7 deletions.
diff --git a/packages/vuetify/src/components/VConfirmEdit/VConfirmEdit.tsx b/packages/vuetify/src/components/VConfirmEdit/VConfirmEdit.tsx
@@ -19,7 +19,7 @@ export type VConfirmEditSlots<T> = {
     save: () => void
     cancel: () => void
     isPristine: boolean
-    get actions (): VNode
+    get actions (): (props?: {}) => VNode
   }
 }
 
@@ -77,16 +77,16 @@ export const VConfirmEdit = genericComponent<new <T> (
       emit('cancel')
     }
 
-    let actionsUsed = false
-    useRender(() => {
-      const actions = (
+    function actions (actionsProps?: {}) {
+      return (
         <>
           <VBtn
             disabled={ isPristine.value }
             variant="text"
             color={ props.color }
             onClick={ cancel }
             text={ t(props.cancelText) }
+            { ...actionsProps }
           />
 
           <VBtn
@@ -95,9 +95,14 @@ export const VConfirmEdit = genericComponent<new <T> (
             color={ props.color }
             onClick={ save }
             text={ t(props.okText) }
+            { ...actionsProps }
           />
         </>
       )
+    }
+
+    let actionsUsed = false
+    useRender(() => {
       return (
         <>
           {
@@ -113,7 +118,7 @@ export const VConfirmEdit = genericComponent<new <T> (
             })
           }
 
-          { !actionsUsed && actions }
+          { !actionsUsed && actions() }
         </>
       )
     })

diff --git a/packages/vuetify/src/components/VConfirmEdit/__test__/VConfirmEdit.spec.browser.tsx b/packages/vuetify/src/components/VConfirmEdit/__test__/VConfirmEdit.spec.browser.tsx
@@ -79,7 +79,7 @@ describe('VConfirmEdit', () => {
     it('render actions', () => {
       render(() => (
         <VConfirmEdit>
-          { ({ actions }) => actions }
+          { ({ actions }) => actions() }
         </VConfirmEdit>
       ))
       expect(screen.getAllByCSS('button')).toHaveLength(2)

diff --git a/packages/vuetify/src/labs/VDateInput/VDateInput.tsx b/packages/vuetify/src/labs/VDateInput/VDateInput.tsx
@@ -146,7 +146,7 @@ export const VDateInput = genericComponent()({
                       onMousedown={ (e: MouseEvent) => e.preventDefault() }
                     >
                       {{
-                        actions: !props.hideActions ? () => actions : undefined,
+                        actions: !props.hideActions ? actions : undefined,
                       }}
                     </VDatePicker>
                   )