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

Refactor #3965 - Refactor on class implementation

Browse source
This commit is contained in:
Tuğçe Küçükoğlu 2023-07-06 15:13:28 +03:00
parent eddfa1a5ef
commit b4d07f0176
11 changed files with 12 additions and 17 deletions
Download patch file Download diff file Expand all files Collapse all files

5
components/lib/toast/BaseToast.vue
View file

@ -108,7 +108,6 @@ const classes = {
],
container: ({ props }) => [
'p-toast-message',
props.message.styleClass,
{
'p-toast-message-info': props.message.severity === 'info' || props.message.severity === undefined,
'p-toast-message-warn': props.message.severity === 'warn',
@ -116,7 +115,7 @@ const classes = {
'p-toast-message-success': props.message.severity === 'success'
}
],
content: ({ props }) => `p-toast-message-content ${props.message.contentStyleClass || ''}`,
content: 'p-toast-message-content',
icon: ({ props }) => [
'p-toast-message-icon',
{
@ -130,7 +129,7 @@ const classes = {
summary: 'p-toast-summary',
detail: 'p-toast-detail',
button: 'p-toast-icon-close p-link',
buttonIcon: ({ props }) => ['p-toast-icon-close-icon', props.closeIcon]
buttonIcon: 'p-toast-icon-close-icon'
};
const { load: loadStyle } = useStyle(styles, { name: 'toast', manual: true });

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

@ -35,7 +35,6 @@ export default {
extends: BaseToast,
inheritAttrs: false,
emits: ['close', 'life-end'],
data() {
return {
messages: []

4
components/lib/toast/ToastMessage.vue
View file

@ -1,6 +1,6 @@
<template>
<div :class="cx('container')" role="alert" aria-live="assertive" aria-atomic="true" v-bind="ptm('container')">
<div :class="cx('content')" v-bind="ptm('content')">
<div :class="[cx('content'), message.contentStyleClass]" v-bind="ptm('content')">
<template v-if="!templates.message">
<component :is="templates.icon ? templates.icon : iconComponent && iconComponent.name ? iconComponent : 'span'" :class="cx('icon')" v-bind="ptm('icon')" />
<div :class="cx('text')" v-bind="ptm('text')">
@ -11,7 +11,7 @@
<component v-else :is="templates.message" :message="message"></component>
<div v-if="message.closable !== false" v-bind="ptm('buttonContainer')">
<button v-ripple :class="cx('button')" type="button" :aria-label="closeAriaLabel" @click="onCloseClick" autofocus v-bind="{ ...closeButtonProps, ...ptm('button') }">
<component :is="templates.closeicon || 'TimesIcon'" :class="cx('buttonIcon')" v-bind="ptm('buttonIcon')" />
<component :is="templates.closeicon || 'TimesIcon'" :class="[cx('buttonIcon'), closeIcon]" v-bind="ptm('buttonIcon')" />
</button>
</div>
</div>