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

Refactor #3832 Refactor #3833 - For Toast

Browse source
This commit is contained in:
Bahadır Sofuoğlu 2023-04-12 00:25:24 +03:00
parent 64c95f2e03
commit 99d90d3a96
4 changed files with 57 additions and 75 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -2,19 +2,14 @@
<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"
:infoIcon="infoIcon"
:warnIcon="warnIcon"
:errorIcon="errorIcon"
:successIcon="successIcon"
:closeButtonProps="closeButtonProps"
@close="remove($event)"
/>
<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>
</transition-group>
</div>
</Portal>
@ -55,23 +50,11 @@ export default {
},
closeIcon: {
type: String,
default: 'pi pi-times'
default: undefined
},
infoIcon: {
icon: {
type: String,
default: 'pi pi-info-circle'
},
warnIcon: {
type: String,
default: 'pi pi-exclamation-triangle'
},
errorIcon: {
type: String,
default: 'pi pi-times'
},
successIcon: {
type: String,
default: 'pi pi-check'
default: undefined
},
closeButtonProps: {
type: null,