zio/elk
2
0
Fork 0
Code Releases 2 Packages 1 Activity

feat: grouped follow notification

Browse source
This commit is contained in:
Anthony Fu 2022-11-30 08:47:54 +08:00
parent 07209a7d29
commit a6406abc52
6 changed files with 118 additions and 25 deletions
Download patch file Download diff file Expand all files Collapse all files

38
components/common/CommonPaginator.vue
View file

@ -29,24 +29,26 @@ const { items, prevItems, update, state, endAnchor, error } = usePaginator(pagin
<template>
<div>
<slot v-if="prevItems.length" name="updater" v-bind="{ number: prevItems.length, update }" />
<template v-if="virtualScroller">
<DynamicScroller
v-slot="{ item, active }"
:items="items"
:min-item-size="200"
:key-field="keyProp"
page-mode
>
<slot :item="item" :active="active" />
</DynamicScroller>
</template>
<template v-else>
<slot
v-for="item of items"
:key="item[keyProp]"
:item="item"
/>
</template>
<slot name="items" :items="items">
<template v-if="virtualScroller">
<DynamicScroller
v-slot="{ item, active }"
:items="items"
:min-item-size="200"
:key-field="keyProp"
page-mode
>
<slot :item="item" :active="active" />
</DynamicScroller>
</template>
<template v-else>
<slot
v-for="item of items"
:key="item[keyProp]"
:item="item"
/>
</template>
</slot>
<div ref="endAnchor" />
<slot v-if="state === 'loading'" name="loading">
<div p5 text-center flex="~ col" items-center animate-pulse>