fix: ts type

Author: Yaxian

.yarnrc

@@ -1 +0,0 @@
-re

examples/src/components/HelloWorld.vue

@@ -1,7 +1,7 @@
 <template>
   <div>
     <div v-bind="getRootProps()">
-      <input v-bind="getInputProps()" >
+      <input v-bind="getInputProps()">
       <p v-if="isDragActive">Drop the files here ...</p>
       <p v-else>Drag 'n' drop some files here, or click to select files</p>
       <div v-if="isFocused" id="focus">
@@ -11,51 +11,34 @@
         isDragReject: {{ isDragReject }}
       </div>
     </div>
-    <button @click="onClick">open</button>
+    <button @click="open">open</button>
   </div>
 </template>
 
-<script lang="ts">
-import { defineComponent, reactive } from 'vue'
+<script lang="ts" setup>
+import { reactive } from 'vue'
 import { useDropzone } from 'vue3-dropzone/src'
-export default defineComponent({
-  name: 'HelloWorld',
-  props: {
-    msg: String
-  },
-  methods: {
-    onClick() {
-      if (this.open) {
-        this.open()
-      }
-    },
-    toggleMulti() {
-      this.options.multiple = !this.options.multiple
-    }
-  },
-  setup() {
-    function onDrop(acceptedFiles, rejectReasons) {
-      console.log('acceptedFiles', acceptedFiles)
-      console.log('rejectReasons', rejectReasons)
-    }
+import type { FileRejectReason } from 'vue3-dropzone/src/useDropzone'
 
-    const options = reactive({
-      multiple: false,
-      onDrop,
-      accept: '.jpg',
-    })
+function onDrop(acceptedFiles: File[], rejectReasons: FileRejectReason[]) {
+  console.log('acceptedFiles', acceptedFiles)
+  console.log('rejectReasons', rejectReasons)
+}
 
-    const {
-      getRootProps,
-      getInputProps,
-      ...rest
-    } = useDropzone(options)
-    return {
-      options,
-      getRootProps,
-      getInputProps,
-      ...rest
-    }
-  }
+const options = reactive({
+  multiple: false,
+  onDrop,
+  accept: '.jpg',
 })
+
+const {
+  getRootProps,
+  getInputProps,
+  isDragActive,
+  isFocused,
+  isDragReject,
+  open
+} = useDropzone(options)
+
+
 </script>

package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue3-dropzone",
-  "version": "0.0.7",
+  "version": "2.0.0",
   "description": "",
   "main": "dist/index.common.js",
   "unpkg": "dist/index.umd.js",

src/index.ts

@@ -1 +1,2 @@
-export { useDropzone } from './useDropzone'
+export { useDropzone } from './useDropzone'
+export type { FileUploadOptions, FileRejectReason } from './useDropzone'

src/useDropzone.ts

@@ -16,7 +16,7 @@ type FileRejectionError = { code: FileErrorCode, message: string } | null | bool
 
 type InputFile = (FileWithPath | DataTransferItem) & { size?: number }
 
-type FileRejectReason = { file: InputFile; errors: FileRejectionError[] }
+export type FileRejectReason = { file: InputFile; errors: FileRejectionError[] }
 
 export interface FileUploadOptions {
   accept: FileAccept
@@ -29,7 +29,7 @@ export interface FileUploadOptions {
   onDragEnter: FileHandler
   onDragLeave: FileHandler
   onDragOver: FileHandler
-  onDrop: (acceptedFiles: InputFile[], rejectReasons: FileRejectReason[], event: Event) => void
+  onDrop: (acceptedFiles: any[], rejectReasons: FileRejectReason[], event: Event) => void
   onDropAccepted: (acceptedFiles: InputFile[], event: Event) => void
   onDropRejected: (rejectReasons: FileRejectReason[], event: Event) => void
   onFileDialogCancel: () => void
@@ -527,11 +527,11 @@ export function useDropzone(options: Partial<FileUploadOptions> = {}) {
     dispatch({ type: 'reset' })
   }
 
-  const composeHandler = (fn: ComposeFunction) => (optionsRef.value.disabled ? null : fn)
+  const composeHandler = (fn: ComposeFunction) => (optionsRef.value.disabled ? undefined : fn)
 
-  const composeKeyboardHandler = (fn: ComposeFunction) => (optionsRef.value.noKeyboard ? null : composeHandler(fn))
+  const composeKeyboardHandler = (fn: ComposeFunction) => (optionsRef.value.noKeyboard ? undefined : composeHandler(fn))
 
-  const composeDragHandler = (fn: ComposeFunction) => (optionsRef.value.noDrag ? null : composeHandler(fn))
+  const composeDragHandler = (fn: ComposeFunction) => (optionsRef.value.noDrag ? undefined : composeHandler(fn))
 
   const getRootProps = ({
     onKeyDown,
@@ -572,7 +572,7 @@ export function useDropzone(options: Partial<FileUploadOptions> = {}) {
     ...rest
   }: { onChange?: () => void; onClick?: () => void } = {}) {
     const inputProps = {
-      accept: optionsRef.value.accept,
+      accept: optionsRef.value.accept as string,
       multiple: optionsRef.value.multiple,
       style: 'display: none',
       type: 'file',