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

Refactor #3885 - button updates

Browse source
This commit is contained in:
Tuğçe Küçükoğlu 2023-05-02 11:01:27 +03:00
parent 21ab0ad7d0
commit cadc7e87c4
8 changed files with 32 additions and 47 deletions
Download patch file Download diff file Expand all files Collapse all files

22
components/lib/confirmdialog/ConfirmDialog.d.ts vendored
View file

@ -8,6 +8,7 @@
*
*/
import { VNode } from 'vue';
import { ButtonPassThroughOptions } from '../button';
import { ConfirmationOptions } from '../confirmationoptions';
import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
@ -40,12 +41,9 @@ export interface ConfirmDialogPassThroughOptions {
headerTitle?: ConfirmDialogPassThroughOptionType;
/**
* Uses to pass attributes to the close button's DOM element.
* @see {@link ButtonPassThroughOptions}
*/
closeButton?: ConfirmDialogPassThroughOptionType;
/**
* Uses to pass attributes to the close icon's DOM element.
*/
closeIcon?: ConfirmDialogPassThroughOptionType;
closeButton?: ButtonPassThroughOptions;
/**
* Uses to pass attributes to the content's DOM element.
*/
@ -64,20 +62,14 @@ export interface ConfirmDialogPassThroughOptions {
message?: ConfirmDialogPassThroughOptionType;
/**
* Uses to pass attributes to the reject button's DOM element.
* @see {@link ButtonPassThroughOptions}
*/
rejectButton?: ConfirmDialogPassThroughOptionType;
/**
* Uses to pass attributes to the reject icon's DOM element.
*/
rejectIcon?: ConfirmDialogPassThroughOptionType;
rejectButton?: ButtonPassThroughOptions;
/**
* Uses to pass attributes to the accept button's DOM element.
* @see {@link ButtonPassThroughOptions}
*/
acceptButton?: ConfirmDialogPassThroughOptionType;
/**
* Uses to pass attributes to the accept icon's DOM element.
*/
acceptIcon?: ConfirmDialogPassThroughOptionType;
acceptButton?: ButtonPassThroughOptions;
}
/**

8
components/lib/confirmdialog/ConfirmDialog.vue
View file

@ -22,17 +22,17 @@
</template>
<component v-else :is="$slots.message" :message="confirmation"></component>
<template #footer>
<CDButton :label="rejectLabel" :class="rejectClass" iconPos="left" @click="reject()" :autofocus="autoFocusReject" v-bind="ptm('rejectButton')">
<CDButton :label="rejectLabel" :class="rejectClass" iconPos="left" @click="reject()" :autofocus="autoFocusReject" :pt="ptm('rejectButton')">
<template #icon="iconProps">
<slot name="rejecticon">
<span :class="[rejectIcon, iconProps.class]" v-bind="ptm('rejectIcon')" />
<span :class="[rejectIcon, iconProps.class]" v-bind="ptm('rejectButton')['icon']" />
</slot>
</template>
</CDButton>
<CDButton :label="acceptLabel" :class="acceptClass" iconPos="left" @click="accept()" :autofocus="autoFocusAccept" v-bind="ptm('acceptButton')">
<CDButton :label="acceptLabel" :class="acceptClass" iconPos="left" @click="accept()" :autofocus="autoFocusAccept" :pt="ptm('acceptButton')">
<template #icon="iconProps">
<slot name="accepticon">
<span :class="[acceptIcon, iconProps.class]" v-bind="ptm('acceptIcon')" />
<span :class="[acceptIcon, iconProps.class]" v-bind="ptm('acceptButton')['icon']" />
</slot>
</template>
</CDButton>