diff options
| author | かっこかり <67428053+kakkokari-gtyih@users.noreply.github.com> | 2025-12-28 19:53:08 +0900 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2025-12-28 19:53:08 +0900 |
| commit | 7a5430199fdc03131b8f25db99a45a49a8351da2 (patch) | |
| tree | 405c55df3a8f33196c228bf19e2d1464c39d3ec3 /packages/frontend/src/components | |
| parent | Update README.md (diff) | |
| download | misskey-7a5430199fdc03131b8f25db99a45a49a8351da2.tar.gz misskey-7a5430199fdc03131b8f25db99a45a49a8351da2.tar.bz2 misskey-7a5430199fdc03131b8f25db99a45a49a8351da2.zip | |
enhance(frontend): MkDriveで自動でもっと見るを有効化 (#17037)
* enhance(frontend): MkDriveで自動でもっと見るを有効化
* Update Changelog
Diffstat (limited to 'packages/frontend/src/components')
| -rw-r--r-- | packages/frontend/src/components/MkDrive.vue | 15 |
1 files changed, 14 insertions, 1 deletions
diff --git a/packages/frontend/src/components/MkDrive.vue b/packages/frontend/src/components/MkDrive.vue index d8c949d8eb..b67a382748 100644 --- a/packages/frontend/src/components/MkDrive.vue +++ b/packages/frontend/src/components/MkDrive.vue @@ -135,7 +135,14 @@ SPDX-License-Identifier: AGPL-3.0-only /> </TransitionGroup> - <MkButton v-show="filesPaginator.canFetchOlder.value" :class="$style.loadMore" primary rounded @click="filesPaginator.fetchOlder()">{{ i18n.ts.loadMore }}</MkButton> + <MkButton + v-show="filesPaginator.canFetchOlder.value" + v-appear="shouldEnableInfiniteScroll ? filesPaginator.fetchOlder : null" + :class="$style.loadMore" + primary + rounded + @click="filesPaginator.fetchOlder()" + >{{ i18n.ts.loadMore }}</MkButton> <div v-if="filesPaginator.items.value.length == 0 && foldersPaginator.items.value.length == 0 && !fetching" :class="$style.empty"> <div v-if="draghover">{{ i18n.ts.dropHereToUpload }}</div> @@ -182,10 +189,12 @@ const props = withDefaults(defineProps<{ type?: string; multiple?: boolean; select?: 'file' | 'folder' | null; + forceDisableInfiniteScroll?: boolean; }>(), { initialFolder: null, multiple: false, select: null, + forceDisableInfiniteScroll: false, }); const emit = defineEmits<{ @@ -194,6 +203,10 @@ const emit = defineEmits<{ (ev: 'cd', v: Misskey.entities.DriveFolder | null): void; }>(); +const shouldEnableInfiniteScroll = computed(() => { + return prefer.r.enableInfiniteScroll.value && !props.forceDisableInfiniteScroll; +}); + const folder = ref<Misskey.entities.DriveFolder | null>(null); const hierarchyFolders = ref<Misskey.entities.DriveFolder[]>([]); |