(feat) add drag & drop files

Author: antoine92190

src/lib/Room/Room.vue

@@ -2,6 +2,10 @@
 	<div
 		v-show="(isMobile && !showRoomsList) || !isMobile || singleRoom"
 		class="vac-col-messages"
+		@drop.prevent="onDrop"
+		@dragenter.prevent
+		@dragover.prevent
+		@dragleave.prevent
 		@touchstart="touchStart"
 	>
 		<slot v-if="showNoRoom" name="no-room-selected">
@@ -146,6 +150,7 @@
 			:audio-sample-rate="audioSampleRate"
 			:init-reply-message="initReplyMessage"
 			:init-edit-message="initEditMessage"
+			:dropped-files="droppedFiles"
 			@update-edited-message-id="editedMessageId = $event"
 			@edit-message="$emit('edit-message', $event)"
 			@send-message="$emit('send-message', $event)"
@@ -247,7 +252,8 @@ export default {
 			scrollMessagesCount: 0,
 			newMessages: [],
 			messageSelectionEnabled: false,
-			selectedMessages: []
+			selectedMessages: [],
+			droppedFiles: []
 		}
 	},
 
@@ -543,6 +549,9 @@ export default {
 		},
 		openUserTag(user) {
 			this.$emit('open-user-tag', user)
+		},
+		onDrop(event) {
+			this.droppedFiles = event.dataTransfer.files
 		}
 	}
 }

src/lib/Room/RoomFooter/RoomFooter.vue

@@ -242,7 +242,8 @@ export default {
 		audioBitRate: { type: Number, required: true },
 		audioSampleRate: { type: Number, required: true },
 		initReplyMessage: { type: Object, default: null },
-		initEditMessage: { type: Object, default: null }
+		initEditMessage: { type: Object, default: null },
+		droppedFiles: { type: Array, default: null }
 	},
 
 	emits: [
@@ -327,6 +328,11 @@ export default {
 		},
 		initEditMessage(val) {
 			this.editMessage(val)
+		},
+		droppedFiles(val) {
+			if (val) {
+				this.onFileChange(val)
+			}
 		}
 	},