graphite/Sharkey
1
0
Fork 0
mirror of https://git.joinsharkey.org/Sharkey/Sharkey.git synced 2024-11-27 08:43:10 +02:00
Code Issues Projects Releases Packages Wiki Activity

✌️

Browse source
This commit is contained in:
tamaina 2023-07-13 04:15:32 +00:00
parent af00c2c96c
commit 88315d3e80
1 changed files with 8 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
packages/frontend/src/components/MkPagination.vue
View file

@ -231,7 +231,7 @@ watch([$$(weakBacked), $$(contentEl)], () => {
* アイテムを上に追加した場合に追加分だけスクロールを下にずらす
* @param fn DOM操作(unshiftItemsなどで)
*/
function adjustScroll(fn: () => void) {
function adjustScroll(fn: () => void): Promise<void> {
const oldHeight = scrollableElement.scrollHeight;
const oldScroll = scrollableElement.scrollTop;
fn();
@ -493,7 +493,7 @@ const prepend = (item: MisskeyEntity): void => {
if (
queueSize.value === 0 && // キューに残っている場合はキューに追加する
!backed && // 先頭に表示されていない時はキューに追加する
!isPausingUpdate && // タブがバックグラウンドの時はキューに追加する
!isPausingUpdate && // タブがバックグラウンドの時/スクロール調整中はキューに追加する
active.value // keepAliveで隠されている間はキューに追加する
) {
if (items.value.has(item.id)) return; // 既にタイムラインにある場合は何もしない
@ -528,15 +528,17 @@ function concatItems(oldItems: MisskeyEntity[]) {
async function executeQueue() {
const queueArr = Array.from(queue.value.entries());
adjustScroll(() => {
queue.value = new Map(queueArr.slice(props.pagination.limit));
isPausingUpdate = true;
await adjustScroll(() => {
unshiftItems(
queueArr.slice(0, props.pagination.limit).map(v => v[1]).reverse(),
Infinity,
);
}).then(() => {
items.value = new Map([...items.value].slice(0, displayLimit.value));
});
queue.value = new Map(queueArr.slice(props.pagination.limit));
items.value = new Map([...items.value].slice(0, displayLimit.value));
await nextTick();
isPausingUpdate = false;
}
function prependQueue(newItem: MisskeyEntity) {