feat(useDropZone): add checkValidity function (#5169)

kolaente · web-flow · commit aee846cb05aa · 2025-11-26T01:50:26.000Z
diff --git a/packages/core/useDropZone/index.ts b/packages/core/useDropZone/index.ts
@@ -16,6 +16,11 @@ export interface UseDropZoneOptions {
    * Also can be a function to check the data types.
    */
   dataTypes?: MaybeRef<readonly string[]> | ((types: readonly string[]) => boolean)
+  /**
+   * Similar to dataTypes, but exposes the DataTransferItemList for custom validation.
+   * If provided, this function takes precedence over dataTypes.
+   */
+  checkValidity?: (items: DataTransferItemList) => boolean
   onDrop?: (files: File[] | null, event: DragEvent) => void
   onEnter?: (files: File[] | null, event: DragEvent) => void
   onLeave?: (files: File[] | null, event: DragEvent) => void
@@ -67,6 +72,10 @@ export function useDropZone(
     }
 
     const checkValidity = (items: DataTransferItemList) => {
+      if (_options.checkValidity) {
+        return _options.checkValidity(items)
+      }
+
       const types = Array.from(items ?? []).map(item => item.type)
 
       const dataTypesValid = checkDataTypes(types)
