hj/pleroma-fe
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

stop using vue-virtual-scroller

Browse source
This commit is contained in:
Henry Jameson 2026-09-08 17:21:06 +03:00
commit 5971c5bb79
2 changed files with 19 additions and 28 deletions
Download patch file Download diff file Expand all files Collapse all files

1
src/components/conversation/conversation.js
View file

@ -426,6 +426,7 @@ export default {
// # Main things // # Main things
status, status,
statusReplies, statusReplies,
getReplies,
conversation, conversation,
// # Conversation Expansion // # Conversation Expansion

46
src/components/conversation/conversation.vue
View file

@ -149,39 +149,29 @@
@suspendable-state-change="onStatusSuspendStateChange" @suspendable-state-change="onStatusSuspendStateChange"
/> />
</div> </div>
<DynamicScroller <div
v-else-if="isLinearView" v-else-if="isLinearView"
class="thread-body" class="thread-body"
:min-item-size="15"
:buffer="500"
:items="conversation"
page-mode
flow-mode
role="feed"
item-tag="article"
item-class="panel-body"
> >
<template #default="{ item: status, active }"> <article
<DynamicScrollerItem v-for="status in conversation"
:item="status" class="panel-body"
:active="active" >
> <Status
<Status :key="status.id"
:key="status.id" class="conversation-status"
class="conversation-status" :class="getStatusClasses(status)"
:class="getStatusClasses(status)" :status-id="status.id"
:status-id="status.id" :replies="getReplies(status.id)"
:replies="getReplies(status.id)"
:focused="focused === status.id || focused === status.retweeted_status?.id" :focused="focused === status.id || focused === status.retweeted_status?.id"
@goto="setFocused" @goto="setFocused"
@toggle-expanded="toggleExpanded" @toggle-expanded="toggleExpanded"
@suspendable-state-change="onStatusSuspendStateChange" @suspendable-state-change="onStatusSuspendStateChange"
/> />
</DynamicScrollerItem> </article>
</template> </div>
</DynamicScroller>
</div> </div>
</div> </div>
<div <div