fix: onDragEnter -> onDragenter, onDragOver -> onDragover, onDragLeave -> onDragleave

Author: Yaxian

examples/package.json

@@ -7,7 +7,7 @@
   },
   "dependencies": {
     "vue": "^3.0.4",
-    "vue3-dropzone": "^0.0.4"
+    "vue3-dropzone": "file:../"
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^1.1.5",

examples/src/components/HelloWorld.vue

@@ -7,14 +7,17 @@
       <div v-if="isFocused" id="focus">
         focused
       </div>
+      <div v-if="isDragReject" id="isDragReject">
+        isDragReject: {{ isDragReject }}
+      </div>
     </div>
     <button @click="onClick">open</button>
   </div>
 </template>
 
 <script lang="ts">
 import { defineComponent, reactive } from 'vue'
-import { useDropzone } from 'vue3-dropzone'
+import { useDropzone } from 'vue3-dropzone/src'
 export default defineComponent({
   name: 'HelloWorld',
   props: {
@@ -37,7 +40,7 @@ export default defineComponent({
     }
 
     const options = reactive({
-      multiple: true,
+      multiple: false,
       onDrop,
       accept: '.jpg',
     })

examples/yarn.lock

@@ -428,10 +428,8 @@ vite@^2.0.4:
   optionalDependencies:
     fsevents "~2.3.1"
 
-vue3-dropzone@^0.0.4:
-  version "0.0.4"
-  resolved "https://registry.yarnpkg.com/vue3-dropzone/-/vue3-dropzone-0.0.4.tgz#7f04759267c9a7634d1797cc3c67dac1e74ba145"
-  integrity sha512-UQBAJdzfa0sW/SEn4wQsIsCLXw7ED6YnjcdCp+PrZxgYingKnImF/FtUP5TQi9jkCscQRyzqo6YArCYjzTRfiA==
+"vue3-dropzone@file:..":
+  version "0.0.5"
   dependencies:
     attr-accept "^2.2.2"
     file-selector "^0.2.4"

src/useDropzone.ts

@@ -538,12 +538,13 @@ export function useDropzone(options: Partial<FileUploadOptions> = {}) {
     onFocus,
     onBlur,
     onClick,
-    /* eslint-disable no-shadow */
     onDragEnter,
+    onDragenter,
     onDragOver,
+    onDragover,
     onDragLeave,
+    onDragleave,
     onDrop,
-    /* eslint-enable no-shadow */
     ...rest
   }: {
     [key: string] : any
@@ -552,9 +553,9 @@ export function useDropzone(options: Partial<FileUploadOptions> = {}) {
     onFocus: composeKeyboardHandler(composeEventHandlers(onFocus, onFocusCb)),
     onBlur: composeKeyboardHandler(composeEventHandlers(onBlur, onBlurCb)),
     onClick: composeHandler(composeEventHandlers(onClick, onClickCb)),
-    onDragEnter: composeDragHandler(composeEventHandlers(onDragEnter, onDragEnterCb)),
-    onDragOver: composeDragHandler(composeEventHandlers(onDragOver, onDragOverCb)),
-    onDragLeave: composeDragHandler(composeEventHandlers(onDragLeave, onDragLeaveCb)),
+    onDragenter: composeDragHandler(composeEventHandlers(onDragEnter, onDragenter, onDragEnterCb)),
+    onDragover: composeDragHandler(composeEventHandlers(onDragOver, onDragover, onDragOverCb)),
+    onDragleave: composeDragHandler(composeEventHandlers(onDragLeave, onDragleave, onDragLeaveCb)),
     onDrop: composeDragHandler(composeEventHandlers(onDrop, onDropCb)),
     ref: rootRef,
     ...(!optionsRef.value.disabled && !optionsRef.value.noKeyboard ? { tabIndex: 0 } : {}),