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

Components update v.3.21.0

Browse source
This commit is contained in:
Bahadır Sofuoğlu 2022-12-08 14:04:25 +03:00
parent 18497d55b1
commit defd6ff6e2
242 changed files with 28022 additions and 17523 deletions
Download patch file Download diff file Expand all files Collapse all files

48
components/toast/Toast.vue
View file

@ -2,17 +2,29 @@
<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" @close="remove($event)" :template="$slots.message" />
<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)"
/>
</transition-group>
</div>
</Portal>
</template>
<script>
import ToastEventBus from 'primevue/toasteventbus';
import ToastMessage from './ToastMessage.vue';
import { ZIndexUtils, UniqueComponentId, ObjectUtils } from 'primevue/utils';
import Portal from 'primevue/portal';
import ToastEventBus from 'primevue/toasteventbus';
import { ObjectUtils, UniqueComponentId, ZIndexUtils } from 'primevue/utils';
import ToastMessage from './ToastMessage.vue';
var messageIdx = 0;
@ -39,6 +51,30 @@ export default {
breakpoints: {
type: Object,
default: null
},
closeIcon: {
type: String,
default: 'pi pi-times'
},
infoIcon: {
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'
},
closeButtonProps: {
type: null,
default: null
}
},
data() {
@ -109,7 +145,9 @@ export default {
},
onLeave() {
if (this.$refs.container && this.autoZIndex && ObjectUtils.isEmpty(this.messages)) {
ZIndexUtils.clear(this.$refs.container);
setTimeout(() => {
ZIndexUtils.clear(this.$refs.container);
}, 200);
}
},
createStyle() {