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

Update MkDrive.vue

This commit is contained in:
syuilo 2025-05-10 14:59:50 +09:00
parent b21b287bc5
commit 293aa9512c
1 changed files with 26 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

45
packages/frontend/src/components/MkDrive.vue
View File

@ -142,6 +142,23 @@ const emit = defineEmits<{
(ev: 'open-folder', v: Misskey.entities.DriveFolder): void; (ev: 'open-folder', v: Misskey.entities.DriveFolder): void;
}>(); }>();
const folder = ref<Misskey.entities.DriveFolder | null>(null);
const hierarchyFolders = ref<Misskey.entities.DriveFolder[]>([]);
const selectedFiles = ref<Misskey.entities.DriveFile[]>([]);
const selectedFolders = ref<Misskey.entities.DriveFolder[]>([]);
const uploadings = uploads;
// ドロップされようとしているか
const draghover = ref(false);
// 自身の所有するアイテムがドラッグをスタートさせたか
// (自分自身の階層にドロップできないようにするためのフラグ)
const isDragSource = ref(false);
const fetching = ref(true);
const sortModeSelect = ref<NonNullable<Misskey.entities.DriveFilesRequest['sort']>>('+createdAt');
const filesPaginator = usePagination({ const filesPaginator = usePagination({
ctx: { ctx: {
endpoint: 'drive/files', endpoint: 'drive/files',
@ -166,23 +183,6 @@ const foldersPaginator = usePagination({
autoInit: false, autoInit: false,
}); });
const folder = ref<Misskey.entities.DriveFolder | null>(null);
const hierarchyFolders = ref<Misskey.entities.DriveFolder[]>([]);
const selectedFiles = ref<Misskey.entities.DriveFile[]>([]);
const selectedFolders = ref<Misskey.entities.DriveFolder[]>([]);
const uploadings = uploads;
// ドロップされようとしているか
const draghover = ref(false);
// 自身の所有するアイテムがドラッグをスタートさせたか
// (自分自身の階層にドロップできないようにするためのフラグ)
const isDragSource = ref(false);
const fetching = ref(true);
const sortModeSelect = ref<NonNullable<Misskey.entities.DriveFilesRequest['sort']>>('+createdAt');
watch(folder, () => emit('cd', folder.value)); watch(folder, () => emit('cd', folder.value));
watch(sortModeSelect, () => { watch(sortModeSelect, () => {
initialize(); initialize();
@ -627,8 +627,13 @@ function closeTip() {
store.set('readDriveTip', true); store.set('readDriveTip', true);
} }
let connection: Misskey.ChannelConnection<Misskey.Channels['drive']> | null = null;
onMounted(() => { onMounted(() => {
connection.on('fileCreated', onStreamDriveFileCreated); if (store.s.realtimeMode) {
connection = useStream().useChannel('drive');
connection.on('fileCreated', onStreamDriveFileCreated);
}
if (props.initialFolder) { if (props.initialFolder) {
move(props.initialFolder); move(props.initialFolder);
@ -641,7 +646,9 @@ onActivated(() => {
}); });
onBeforeUnmount(() => { onBeforeUnmount(() => {
connection.dispose(); if (connection != null) {
connection.dispose();
}
}); });
</script> </script>