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

Refactor #3832 Refactor #3833 - Icon props deprecation

Browse source
This commit is contained in:
mertsincan 2023-04-18 10:35:20 +03:00
parent a2cd63672b
commit a8f3e2d5e3
12 changed files with 56 additions and 41 deletions
Download patch file Download diff file Expand all files Collapse all files

15
components/lib/chip/Chip.vue
View file

@ -1,12 +1,14 @@
<template>
<div v-if="visible" :class="containerClass" :aria-label="label">
<slot>
<slot></slot>
<template v-if="!$slots.default">
<img v-if="image" :src="image" />
<span v-else-if="icon" :class="iconClass"></span>
<component v-else-if="$slots.icon" :is="$slots.icon" class="p-chip-icon" />
<span v-else-if="icon" :class="['p-chip-icon', icon]" />
<div v-if="label" class="p-chip-text">{{ label }}</div>
</slot>
<slot name="removeicon" :click="close" :keydown="onKeydown">
<component v-if="removable" :is="removeIcon ? 'span' : 'TimesCircleIcon'" tabindex="0" :class="['p-chip-remove-icon', removeIcon]" @click="close" @keydown="onKeydown"></component>
</template>
<slot v-if="removable" name="removeicon" :onClick="close" :onKeydown="onKeydown">
<component :is="removeIcon ? 'span' : 'TimesCircleIcon'" tabindex="0" :class="['p-chip-remove-icon', removeIcon]" @click="close" @keydown="onKeydown"></component>
</slot>
</div>
</template>
@ -63,9 +65,6 @@ export default {
'p-chip-image': this.image != null
}
];
},
iconClass() {
return ['p-chip-icon', this.icon];
}
},
components: {