Mizah/Sharkey
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

wip: migrate paging components to composition api

Browse source
This commit is contained in:
syuilo 2022-01-10 00:45:20 +09:00
parent d3315bda11
commit f9882a0c5c
4 changed files with 52 additions and 17 deletions
Download patch file Download diff file Expand all files Collapse all files

13
packages/client/src/components/ui/pagination.vue
View file

@ -205,7 +205,6 @@ const prepend = (item) => {
// TODO
} else {
const isTop = isBackTop.value || (document.body.contains(rootEl.value) && isTopVisible(rootEl.value));
console.log(item, top);
if (isTop) {
// Prepend the item
@ -236,7 +235,15 @@ const append = (item) => {
items.value.push(item);
};
watch(props.pagination.params, init, { deep: true });
const updateItem = (id, replacer: (item: any) => any): void => {
const i = items.value.findIndex(item => item.id === id);
items.value[i] = replacer(items.value[i]);
};
if (props.pagination.params && isRef(props.pagination.params)) {
watch(props.pagination.params, init, { deep: true });
}
watch(queue, (a, b) => {
if (a.length === 0 && b.length === 0) return;
emit('queue', queue.value.length);
@ -253,11 +260,11 @@ onDeactivated(() => {
});
defineExpose({
items,
reload,
fetchMoreAhead,
prepend,
append,
updateItem,
});
</script>