vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

Fixed #4301 - Dialog: Icon classes not being correctly exposed

pull/4343/head
Tuğçe Küçükoğlu 2023-08-23 09:39:17 +03:00
parent 6afad4b9ee
commit 13019b4816
2 changed files with 13 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
components/lib/dialog/Dialog.d.ts vendored
View File

@ -286,8 +286,14 @@ export interface DialogSlots {
footer(): VNode[];
/**
* Custom close icon template.
* @param {Object} scope - close icon slot's params.
*/
closeicon(): VNode[];
closeicon(scope: {
/**
* Style class of the close icon
*/
class: any;
}): VNode[];
/**
* Custom maximize icon template of dialog.
* @param {Object} scope - maximize icon slot's params.
@ -297,6 +303,10 @@ export interface DialogSlots {
* Maximized state as a boolean
*/
maximized: boolean;
/**
* Style class of the maximize icon
*/
class: any;
}): VNode[];
}

4
components/lib/dialog/Dialog.vue
View File

@ -20,7 +20,7 @@
v-bind="ptm('maximizableButton')"
data-pc-group-section="headericon"
>
<slot name="maximizeicon" :maximized="maximized">
<slot name="maximizeicon" :maximized="maximized" :class="cx('maximizableIcon')">
<component :is="maximizeIconComponent" :class="[cx('maximizableIcon'), maximized ? minimizeIcon : maximizeIcon]" v-bind="ptm('maximizableIcon')" />
</slot>
</button>
@ -36,7 +36,7 @@
v-bind="{ ...closeButtonProps, ...ptm('closeButton') }"
data-pc-group-section="headericon"
>
<slot name="closeicon">
<slot name="closeicon" :class="cx('closeButtonIcon')">
<component :is="closeIcon ? 'span' : 'TimesIcon'" :class="[cx('closeButtonIcon'), closeIcon]" v-bind="ptm('closeButtonIcon')"></component>
</slot>
</button>