vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

Refactor #3832 - icon fixes

pull/3868/head
Tuğçe Küçükoğlu 2023-04-14 11:03:50 +03:00
parent d9d0315bd9
commit 7b3d5f2901
3 changed files with 9 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
components/lib/fieldset/Fieldset.vue
View File

@ -18,7 +18,7 @@
v-bind="{ ...toggleButtonProps, ...ptm('toggler') }" v-bind="{ ...toggleButtonProps, ...ptm('toggler') }"
> >
<slot name="togglericon" :collapsed="d_collapsed"> <slot name="togglericon" :collapsed="d_collapsed">
<component :is="d_collapsed ? 'PlusIcon' : 'MinusIcon'" v-bind="ptm('togglericon')" class="p-fieldset-toggler" /> <component :is="d_collapsed ? 'PlusIcon' : 'MinusIcon'" class="p-fieldset-toggler" v-bind="ptm('togglericon')" />
</slot> </slot>
<slot name="legend"> <slot name="legend">
<span class="p-fieldset-legend-text" v-bind="ptm('legendtitle')">{{ legend }}</span> <span class="p-fieldset-legend-text" v-bind="ptm('legendtitle')">{{ legend }}</span>
@ -37,9 +37,9 @@
<script> <script>
import BaseComponent from 'primevue/basecomponent'; import BaseComponent from 'primevue/basecomponent';
import Ripple from 'primevue/ripple';
import MinusIcon from 'primevue/icon/minus'; import MinusIcon from 'primevue/icon/minus';
import PlusIcon from 'primevue/icon/plus'; import PlusIcon from 'primevue/icon/plus';
import Ripple from 'primevue/ripple';
import { UniqueComponentId } from 'primevue/utils'; import { UniqueComponentId } from 'primevue/utils';
export default { export default {

5
components/lib/inlinemessage/InlineMessage.vue
View File

@ -1,17 +1,18 @@
<template> <template>
<div aria-live="polite" :class="containerClass"> <div aria-live="polite" :class="containerClass">
<slot name="messageicon"> <slot name="messageicon">
<component :is="icon ? 'i' : iconComponent" :class="['p-inline-message-icon', icon]"></component> <component :is="icon ? 'span' : iconComponent" :class="['p-inline-message-icon', icon]"></component>
</slot> </slot>
<span class="p-inline-message-text"><slot>&nbsp;</slot></span> <span class="p-inline-message-text"><slot>&nbsp;</slot></span>
</div> </div>
</template> </template>
<script> <script>
import InfoCircleIcon from 'primevue/icon/infocircle';
import CheckIcon from 'primevue/icon/check'; import CheckIcon from 'primevue/icon/check';
import ExclamationTriangleIcon from 'primevue/icon/exclamationtriangle'; import ExclamationTriangleIcon from 'primevue/icon/exclamationtriangle';
import InfoCircleIcon from 'primevue/icon/infocircle';
import TimesCircleIcon from 'primevue/icon/timescircle'; import TimesCircleIcon from 'primevue/icon/timescircle';
export default { export default {
name: 'InlineMessage', name: 'InlineMessage',
props: { props: {

8
components/lib/message/Message.vue
View File

@ -3,7 +3,7 @@
<div v-show="visible" :class="containerClass" role="alert" aria-live="assertive" aria-atomic="true"> <div v-show="visible" :class="containerClass" role="alert" aria-live="assertive" aria-atomic="true">
<div class="p-message-wrapper"> <div class="p-message-wrapper">
<slot name="messageicon"> <slot name="messageicon">
<component :is="icon ? 'i' : iconComponent" :class="['p-message-icon', icon]"></component> <component :is="icon ? 'span' : iconComponent" :class="['p-message-icon', icon]"></component>
</slot> </slot>
<div class="p-message-text"> <div class="p-message-text">
<slot></slot> <slot></slot>
@ -19,12 +19,12 @@
</template> </template>
<script> <script>
import Ripple from 'primevue/ripple';
import TimesIcon from 'primevue/icon/times';
import InfoCircleIcon from 'primevue/icon/infocircle';
import CheckIcon from 'primevue/icon/check'; import CheckIcon from 'primevue/icon/check';
import ExclamationTriangleIcon from 'primevue/icon/exclamationtriangle'; import ExclamationTriangleIcon from 'primevue/icon/exclamationtriangle';
import InfoCircleIcon from 'primevue/icon/infocircle';
import TimesIcon from 'primevue/icon/times';
import TimesCircleIcon from 'primevue/icon/timescircle'; import TimesCircleIcon from 'primevue/icon/timescircle';
import Ripple from 'primevue/ripple';
export default { export default {
name: 'Message', name: 'Message',