natty
/
calckey
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

reverse some changes in MkPagination

This commit is contained in:
cutestnekoaqua 2023-01-12 22:04:56 +01:00
parent ade6b5a5e7
commit 529ba76e6c
No known key found for this signature in database
GPG Key ID: 6BF0964A5069C1E0
1 changed files with 22 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

41
packages/client/src/components/MkPagination.vue
View File

@ -106,13 +106,14 @@ const init = async (): Promise<void> => {
} }
if (!props.pagination.noPaging && (res.length > (props.pagination.limit || 10))) { if (!props.pagination.noPaging && (res.length > (props.pagination.limit || 10))) {
res.pop(); res.pop();
items.value = props.pagination.reversed ? [...res].reverse() : res;
more.value = true; more.value = true;
} else { } else {
items.value = props.pagination.reversed ? [...res].reverse() : res;
more.value = false; more.value = false;
} }
items.value = props.pagination.reversed ? [...res].reverse() : res; if(props.externalItemArray) {
if(props.pagination.externalItemArray) { props.externalItemArray.value = items.value;
props.pagination.externalItemArray.value = items.value;
} }
offset.value = res.length; offset.value = res.length;
error.value = false; error.value = false;
@ -125,8 +126,8 @@ const init = async (): Promise<void> => {
const reload = (): void => { const reload = (): void => {
items.value = []; items.value = [];
if(props.pagination.externalItemArray) { if(props.externalItemArray) {
props.pagination.externalItemArray.value = []; props.externalItemArray.value = [];
} }
init(); init();
}; };
@ -186,13 +187,14 @@ const fetchMore = async (): Promise<void> => {
} }
if (res.length > SECOND_FETCH_LIMIT) { if (res.length > SECOND_FETCH_LIMIT) {
res.pop(); res.pop();
items.value = props.pagination.reversed ? [...res].reverse().concat(items.value) : items.value.concat(res);
more.value = true; more.value = true;
} else { } else {
items.value = props.pagination.reversed ? [...res].reverse().concat(items.value) : items.value.concat(res);
more.value = false; more.value = false;
} }
items.value = props.pagination.reversed ? [...res].reverse().concat(items.value) : items.value.concat(res); if(props.externalItemArray) {
if(props.pagination.externalItemArray) { props.externalItemArray.value = items.value;
props.pagination.externalItemArray.value = items.value;
} }
offset.value += res.length; offset.value += res.length;
moreFetching.value = false; moreFetching.value = false;
@ -218,13 +220,14 @@ const fetchMoreAhead = async (): Promise<void> => {
}).then(res => { }).then(res => {
if (res.length > SECOND_FETCH_LIMIT) { if (res.length > SECOND_FETCH_LIMIT) {
res.pop(); res.pop();
items.value = props.pagination.reversed ? [...res].reverse().concat(items.value) : items.value.concat(res);
more.value = true; more.value = true;
} else { } else {
items.value = props.pagination.reversed ? [...res].reverse().concat(items.value) : items.value.concat(res);
more.value = false; more.value = false;
} }
items.value = props.pagination.reversed ? [...res].reverse().concat(items.value) : items.value.concat(res); if(props.externalItemArray) {
if(props.pagination.externalItemArray) { props.externalItemArray.value = items.value;
props.pagination.externalItemArray.value = items.value;
} }
offset.value += res.length; offset.value += res.length;
moreFetching.value = false; moreFetching.value = false;
@ -251,7 +254,7 @@ const prepend = (item: Item): void => {
//items.value = items.value.slice(-props.displayLimit); //items.value = items.value.slice(-props.displayLimit);
while (items.value.length >= props.displayLimit) { while (items.value.length >= props.displayLimit) {
items.value.shift(); items.value.shift();
if(props.pagination.externalItemArray) props.pagination.externalItemArray.value.shift(); if(props.externalItemArray) props.externalItemArray.value.shift();
} }
more.value = true; more.value = true;
} }
@ -259,13 +262,13 @@ const prepend = (item: Item): void => {
} }
} }
items.value.push(item); items.value.push(item);
if(props.pagination.externalItemArray) props.pagination.externalItemArray.value.push(item); if(props.externalItemArray) props.externalItemArray.value.push(item);
// TODO // TODO
} else { } else {
// 初回表示時はunshiftだけでOK // 初回表示時はunshiftだけでOK
if (!rootEl.value) { if (!rootEl.value) {
items.value.unshift(item); items.value.unshift(item);
if(props.pagination.externalItemArray) props.pagination.externalItemArray.value.unshift(item); if(props.externalItemArray) props.externalItemArray.value.unshift(item);
return; return;
} }
@ -274,7 +277,7 @@ const prepend = (item: Item): void => {
if (isTop) { if (isTop) {
// Prepend the item // Prepend the item
items.value.unshift(item); items.value.unshift(item);
if(props.pagination.externalItemArray) props.pagination.externalItemArray.value.unshift(item); if(props.externalItemArray) props.externalItemArray.value.unshift(item);
// オーバーフローしたら古いアイテムは捨てる // オーバーフローしたら古いアイテムは捨てる
if (items.value.length >= props.displayLimit) { if (items.value.length >= props.displayLimit) {
@ -282,7 +285,7 @@ const prepend = (item: Item): void => {
//this.items = items.value.slice(0, props.displayLimit); //this.items = items.value.slice(0, props.displayLimit);
while (items.value.length >= props.displayLimit) { while (items.value.length >= props.displayLimit) {
items.value.pop(); items.value.pop();
if(props.pagination.externalItemArray) props.pagination.externalItemArray.value.pop(); if(props.externalItemArray) props.externalItemArray.value.pop();
} }
more.value = true; more.value = true;
} }
@ -300,7 +303,7 @@ const prepend = (item: Item): void => {
const append = (item: Item): void => { const append = (item: Item): void => {
items.value.push(item); items.value.push(item);
if(props.pagination.externalItemArray) props.pagination.externalItemArray.value.push(item); if(props.externalItemArray) props.externalItemArray.value.push(item);
}; };
const removeItem = (finder: (item: Item) => boolean): boolean => { const removeItem = (finder: (item: Item) => boolean): boolean => {
@ -310,7 +313,7 @@ const removeItem = (finder: (item: Item) => boolean): boolean => {
} }
items.value.splice(i, 1); items.value.splice(i, 1);
if(props.pagination.externalItemArray) props.pagination.externalItemArray.value.splice(i, 1); if(props.externalItemArray) props.externalItemArray.value.splice(i, 1);
return true; return true;
}; };
@ -321,7 +324,7 @@ const updateItem = (id: Item['id'], replacer: (old: Item) => Item): boolean => {
} }
items.value[i] = replacer(items.value[i]); items.value[i] = replacer(items.value[i]);
if(props.pagination.externalItemArray) props.pagination.externalItemArray.value[i] = items.value[i]; if(props.externalItemArray) props.externalItemArray.value[i] = items.value[i];
return true; return true;
}; };