usbharu
/
misskey
mirror of https://github.com/misskey-dev/misskey.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Update use-pagination.ts

This commit is contained in:
syuilo 2025-04-28 20:20:48 +09:00
parent d3bc92daff
commit 1b77f0d2b2
1 changed files with 10 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
packages/frontend/src/use/use-pagination.ts
View File

@ -3,7 +3,7 @@
* SPDX-License-Identifier: AGPL-3.0-only
*/
import { computed, isRef, nextTick, onActivated, onBeforeMount, onBeforeUnmount, onDeactivated, onUnmounted, ref, watch } from 'vue';
import { computed, isRef, ref, watch } from 'vue';
import * as Misskey from 'misskey-js';
import type { ComputedRef, Ref, ShallowRef } from 'vue';
import { misskeyApi } from '@/utility/misskey-api.js';
@ -162,35 +162,23 @@ export function usePagination<T>(props: {
});
};
/**
* 新着アイテムをitemsの先頭に追加し、MAX_ITEMSを適用する
* @param newItems 新しいアイテムの配列
*/
function unshiftItems(newItems: MisskeyEntity[]) {
const length = newItems.length + items.value.size;
items.value = new Map([...arrayToEntries(newItems), ...items.value].slice(0, MAX_ITEMS));
if (length >= MAX_ITEMS) canFetchMore.value = true;
function trim() {
if (items.value.size >= MAX_ITEMS) canFetchMore.value = true;
items.value = new Map([...items.value].slice(0, MAX_ITEMS));
}
/**
* 古いアイテムをitemsの末尾に追加し、MAX_ITEMSを適用する
* @param oldItems 古いアイテムの配列
*/
function concatItems(oldItems: MisskeyEntity[]) {
const length = oldItems.length + items.value.size;
items.value = new Map([...items.value, ...arrayToEntries(oldItems)].slice(0, MAX_ITEMS));
function unshiftItems(newItems: MisskeyEntity[]) {
items.value = new Map([...arrayToEntries(newItems), ...items.value]);
}
if (length >= MAX_ITEMS) canFetchMore.value = true;
function concatItems(oldItems: MisskeyEntity[]) {
items.value = new Map([...items.value, ...arrayToEntries(oldItems)]);
}
function prepend(item: MisskeyEntity) {
unshiftItems([item]);
}
/*
* アイテムを末尾に追加する（使うの？）
*/
const appendItem = (item: MisskeyEntity): void => {
items.value.set(item.id, item);
};
@ -215,6 +203,7 @@ export function usePagination<T>(props: {
fetchMoreAhead,
unshiftItems,
prepend,
trim,
error,
};
}