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

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

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