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

Refactor #5548 - For Chips

Browse source
This commit is contained in:
tugcekucukoglu 2024-04-08 15:20:51 +03:00
parent 916825df76
commit e53d18f323
2 changed files with 26 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

15
components/lib/chips/Chips.vue
View file

@ -28,11 +28,12 @@
v-bind="ptm('token')"
:data-p-focused="focusedIndex === i"
>
<slot name="chip" :class="cx('label')" :value="val">
<span :class="cx('label')" v-bind="ptm('label')">{{ val }}</span>
</slot>
<slot name="removetokenicon" :class="cx('removeTokenIcon')" :index="i" :onClick="(event) => removeItem(event, i)" :removeCallback="(event) => removeItem(event, i)">
<component :is="removeTokenIcon ? 'span' : 'TimesCircleIcon'" :class="[cx('removeTokenIcon'), removeTokenIcon]" @click="removeItem($event, i)" aria-hidden="true" v-bind="ptm('removeTokenIcon')" />
<slot name="chip" :class="cx('label')" :index="i" :value="val" :removeCallback="(event) => removeOption(event, i)">
<Chip :class="cx('label')" :label="val" :removeIcon="removeTokenIcon" removable @remove="removeItem($event, i)" :pt="ptm('label')">
<template #removeicon>
<slot name="removetokenicon" :class="cx('removeTokenIcon')" :index="i" :removeCallback="(event) => removeItem(event, i)" />
</template>
</Chip>
</slot>
</li>
<li :class="cx('inputToken')" role="option" v-bind="ptm('inputToken')">
@ -58,7 +59,7 @@
</template>
<script>
import TimesCircleIcon from 'primevue/icons/timescircle';
import Chip from 'primevue/chip';
import { UniqueComponentId } from 'primevue/utils';
import BaseChips from './BaseChips.vue';
@ -262,7 +263,7 @@ export default {
}
},
components: {
TimesCircleIcon: TimesCircleIcon
Chip
}
};
</script>