vertumnus/primevue-mirror
1
0
Fork 0
mirror of https://github.com/primefaces/primevue.git synced 2025-05-10 01:12:37 +00:00
Code Issues Projects Releases Packages Wiki Activity

Refactor #5681

Browse source
This commit is contained in:
tugcekucukoglu 2024-05-06 18:23:01 +03:00
parent 3cc675e50f
commit e1367fd494
89 changed files with 376 additions and 339 deletions
Download patch file Download diff file Expand all files Collapse all files

4
components/lib/dialog/Dialog.d.ts vendored
View file

@ -82,12 +82,12 @@ export interface DialogPassThroughOptions<T = any> {
* Used to pass attributes to the maximize Button component.
* @see {@link ButtonPassThroughOptions}
*/
maximizeButton?: ButtonPassThroughOptions<DialogSharedPassThroughMethodOptions>;
pcMaximizeButton?: ButtonPassThroughOptions<DialogSharedPassThroughMethodOptions>;
/**
* Used to pass attributes to the close Button component.
* @see {@link ButtonPassThroughOptions}
*/
closeButton?: ButtonPassThroughOptions<DialogSharedPassThroughMethodOptions>;
pcCloseButton?: ButtonPassThroughOptions<DialogSharedPassThroughMethodOptions>;
/**
* Used to pass attributes to the content's DOM element.
*/

14
components/lib/dialog/Dialog.vue
View file

@ -14,17 +14,17 @@
v-if="maximizable"
:ref="maximizableRef"
:autofocus="focusableMax"
:class="cx('maximizeButton')"
:class="cx('pcMaximizeButton')"
@click="maximize"
:tabindex="maximizable ? '0' : '-1'"
:unstyled="unstyled"
v-bind="maximizeButtonProps"
:pt="ptm('maximizeButton')"
:pt="ptm('pcMaximizeButton')"
data-pc-group-section="headericon"
>
<template #icon="slotProps">
<slot name="maximizeicon" :maximized="maximized">
<component :is="maximizeIconComponent" :class="[slotProps.class, maximized ? minimizeIcon : maximizeIcon]" v-bind="ptm('maximizeButton')['icon']" />
<component :is="maximizeIconComponent" :class="[slotProps.class, maximized ? minimizeIcon : maximizeIcon]" v-bind="ptm('pcMaximizeButton')['icon']" />
</slot>
</template>
</Button>
@ -32,17 +32,17 @@
v-if="closable"
:ref="closeButtonRef"
:autofocus="focusableClose"
:class="cx('closeButton')"
:class="cx('pcCloseButton')"
@click="close"
:aria-label="closeAriaLabel"
:unstyled="unstyled"
v-bind="closeButtonProps"
:pt="ptm('closeButton')"
:pt="ptm('pcCloseButton')"
data-pc-group-section="headericon"
>
<template #icon="slotProps">
<slot name="closeicon" :class="cx('closeButtonIcon')">
<component :is="closeIcon ? 'span' : 'TimesIcon'" :class="[cx('closeButtonIcon'), closeIcon, slotProps.class]" v-bind="ptm('closeButton')['icon']"></component>
<slot name="closeicon">
<component :is="closeIcon ? 'span' : 'TimesIcon'" :class="[closeIcon, slotProps.class]" v-bind="ptm('pcCloseButton')['icon']"></component>
</slot>
</template>
</Button>

4
components/lib/dialog/style/DialogStyle.js
View file

@ -174,8 +174,8 @@ const classes = {
header: 'p-dialog-header',
title: 'p-dialog-title',
headerActions: 'p-dialog-header-actions',
maximizeButton: 'p-dialog-maximize-button',
closeButton: 'p-dialog-close-button',
pcMaximizeButton: 'p-dialog-maximize-button',
pcCloseButton: 'p-dialog-close-button',
content: 'p-dialog-content',
footer: 'p-dialog-footer'
};