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

Refactor #3965 - For OrderList

pull/4034/head
Tuğçe Küçükoğlu 2023-06-06 16:20:55 +03:00
parent b37904f0d9
commit c98ab6e3fc
2 changed files with 8 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
components/lib/orderlist/BaseOrderList.vue
View File

@ -53,11 +53,11 @@ const classes = {
header: 'p-orderlist-header',
container: 'p-orderlist-list-container',
list: 'p-orderlist-list',
item: ({ context }) => [
item: ({ instance, item, id }) => [
'p-orderlist-item',
{
'p-highlight': context.active,
'p-focus': context.focused
'p-highlight': instance.isSelected(item),
'p-focus': id === instance.focusedOptionId
}
]
};

16
components/lib/orderlist/OrderList.vue
View File

@ -59,20 +59,14 @@
:id="id + '_' + i"
v-ripple
role="option"
:class="
cx('item', {
context: {
active: isSelected(item),
focused: `${id}_${i}` === focusedOptionId
}
})
"
:data-p-highlight="isSelected(item)"
:class="cx('item', { item, id: `${id}_${i}` })"
@click="onItemClick($event, item, i)"
@touchend="onItemTouchEnd"
:aria-selected="isSelected(item)"
@mousedown="onOptionMouseDown(i)"
v-bind="getPTOptions(item, 'item')"
:data-p-highlight="isSelected(item)"
:data-p-focused="`${id}_${i}` === focusedOptionId"
>
<slot name="item" :item="item" :index="i"> </slot>
</li>
@ -448,13 +442,13 @@ export default {
findNextItem(item) {
let nextItem = item.nextElementSibling;
if (nextItem) return !(DomHandler.getAttribute(nextItem, 'data-p-section') === 'item') ? this.findNextItem(nextItem) : nextItem;
if (nextItem) return !(DomHandler.getAttribute(nextItem, 'data-pc-section') === 'item') ? this.findNextItem(nextItem) : nextItem;
else return null;
},
findPrevItem(item) {
let prevItem = item.previousElementSibling;
if (prevItem) return !(DomHandler.getAttribute(nextItem, 'data-p-section') === 'item') ? this.findPrevItem(prevItem) : prevItem;
if (prevItem) return !(DomHandler.getAttribute(nextItem, 'data-pc-section') === 'item') ? this.findPrevItem(prevItem) : prevItem;
else return null;
},
updateListScroll() {