iridium/neko
2
2
Fork 0
mirror of https://github.com/m1k1o/neko.git synced 2024-07-24 14:40:50 +12:00
Code Issues Packages Projects Releases Wiki Activity

drag events correctly emiting to server.

Browse Source
This commit is contained in:
Miroslav Šedivý 2021-01-08 22:15:49 +01:00
parent dc5699e425
commit 6bd3352a5f
1 changed files with 20 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
src/component/overlay.vue
View File

@ -11,9 +11,9 @@
@mouseup.stop.prevent="onMouseUp" @mouseup.stop.prevent="onMouseUp"
@mouseenter.stop.prevent="onMouseEnter" @mouseenter.stop.prevent="onMouseEnter"
@mouseleave.stop.prevent="onMouseLeave" @mouseleave.stop.prevent="onMouseLeave"
@dragenter.stop.prevent="onDrag" @dragenter.stop.prevent="onDragEnter"
@dragleave.stop.prevent="onDrag" @dragleave.stop.prevent="onDragLeave"
@dragover.stop.prevent="onDrag" @dragover.stop.prevent="onDragOver"
@drop.stop.prevent="onDrop" @drop.stop.prevent="onDrop"
/> />
</template> </template>
@ -194,22 +194,28 @@
} }
} }
onDrag(e: DragEvent) { onDragEnter(e: DragEvent) {
e.preventDefault() this.onMouseEnter(e as MouseEvent)
e.stopPropagation() }
onDragLeave(e: DragEvent) {
this.onMouseLeave(e as MouseEvent)
}
onDragOver(e: DragEvent) {
this.onMouseMove(e as MouseEvent)
} }
onDrop(e: DragEvent) { onDrop(e: DragEvent) {
e.preventDefault() if (this.isControling || this.implicitControl) {
e.stopPropagation() let dt = e.dataTransfer
if (!dt) return
let dt = e.dataTransfer let files = [...dt.files]
if (!dt) return if (!files) return
let files = [...dt.files] this.$emit('drop-files', { ...this.getMousePos(e.clientX, e.clientY), files })
if (!files) return }
this.$emit('drop-files', { ...this.getMousePos(e.clientX, e.clientY), files })
} }
isRequesting = false isRequesting = false