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 #3832 Refactor #3833 - For Toast

Browse source
This commit is contained in:
Tuğçe Küçükoğlu 2023-04-14 15:03:58 +03:00
parent f9f39cb8fc
commit a86f8faa39
3 changed files with 81 additions and 34 deletions
Download patch file Download diff file Expand all files Collapse all files

35
components/lib/toast/Toast.vue
View file

@ -2,14 +2,19 @@
<Portal>
<div ref="container" :class="containerClass" v-bind="$attrs">
<transition-group name="p-toast-message" tag="div" @enter="onEnter" @leave="onLeave">
<ToastMessage v-for="msg of messages" :key="msg.id" :message="msg" :template="$slots.message" :closeIcon="closeIcon" :icon="msg.icon || icon" :closeButtonProps="closeButtonProps" @close="remove($event)">
<template #closeicon>
<slot name="closeicon" />
</template>
<template #icon>
<slot name="icon" />
</template>
</ToastMessage>
<ToastMessage
v-for="msg of messages"
:key="msg.id"
:message="msg"
:templates="$slots"
:closeIcon="closeIcon"
:infoIcon="infoIcon"
:warnIcon="warnIcon"
:errorIcon="errorIcon"
:successIcon="successIcon"
:closeButtonProps="closeButtonProps"
@close="remove($event)"
/>
</transition-group>
</div>
</Portal>
@ -52,7 +57,19 @@ export default {
type: String,
default: undefined
},
icon: {
infoIcon: {
type: String,
default: undefined
},
warnIcon: {
type: String,
default: undefined
},
errorIcon: {
type: String,
default: undefined
},
successIcon: {
type: String,
default: undefined
},