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

Refactor #5681

Browse source
This commit is contained in:
tugcekucukoglu 2024-05-06 18:23:01 +03:00
parent 3cc675e50f
commit e1367fd494
89 changed files with 376 additions and 339 deletions
Download patch file Download diff file Expand all files Collapse all files

2
components/lib/inputchips/InputChips.d.ts vendored
View file

@ -102,7 +102,7 @@ export interface InputChipsPassThroughOptions {
* Used to pass attributes to the Chip component.
* @see {@link ChipPassThroughOptions}
*/
chipLabel?: ChipPassThroughOptions<InputChipsSharedPassThroughMethodOptions>;
pcChipLabel?: ChipPassThroughOptions<InputChipsSharedPassThroughMethodOptions>;
/**
* Used to pass attributes to the chip icon's DOM element.
*/

4
components/lib/inputchips/InputChips.vue
View file

@ -28,9 +28,9 @@
v-bind="ptm('chip')"
:data-p-focused="focusedIndex === i"
>
<slot name="chip" :class="cx('chipLabel')" :index="i" :value="val" :removeCallback="(event) => removeOption(event, i)">
<slot name="chip" :class="cx('pcChipLabel')" :index="i" :value="val" :removeCallback="(event) => removeOption(event, i)">
<!-- TODO: removetokenicon and removeTokenIcon deprecated since v4.0. Use chipicon slot and chipIcon prop-->
<Chip :class="cx('chipLabel')" :label="val" :removeIcon="chipIcon || removeTokenIcon" removable :unstyled="unstyled" @remove="removeItem($event, i)" :pt="ptm('chipLabel')">
<Chip :class="cx('pcChipLabel')" :label="val" :removeIcon="chipIcon || removeTokenIcon" removable :unstyled="unstyled" @remove="removeItem($event, i)" :pt="ptm('pcChipLabel')">
<template #removeicon>
<slot :name="$slots.chipicon ? 'chipicon' : 'removetokenicon'" :class="cx('chipIcon')" :index="i" :removeCallback="(event) => removeItem(event, i)" />
</template>

2
components/lib/inputchips/style/InputChipsStyle.js
View file

@ -102,7 +102,7 @@ const classes = {
}
],
chip: ({ state, index }) => ['p-inputchips-chip', { 'p-focus': state.focusedIndex === index }],
chipLabel: 'p-inputchips-chip-label',
pcChipLabel: 'p-inputchips-chip-label',
chipIcon: 'p-inputchips-chip-icon',
inputItem: 'p-inputchips-input-item'
};