From 0cc105262f15eb9ee9b97526133543c700bc890a Mon Sep 17 00:00:00 2001 From: okosohor <kosogor2007@gmail.com> Date: Fri, 15 Nov 2024 16:46:21 +0200 Subject: [PATCH] fix: add multiple prop to dropzone --- src/lib/forms/Dropzone.svelte | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/src/lib/forms/Dropzone.svelte b/src/lib/forms/Dropzone.svelte index bc6c1f77f..aa6f41ac0 100644 --- a/src/lib/forms/Dropzone.svelte +++ b/src/lib/forms/Dropzone.svelte @@ -6,6 +6,7 @@ value?: string; files?: FileList | undefined; defaultClass?: string; + multiple?: boolean; } type $$Props = DropzoneProps & HTMLInputAttributes; @@ -13,6 +14,7 @@ export let value: $$Props['value'] = ''; export let files: $$Props['files'] = undefined; export let defaultClass: $$Props['defaultClass'] = 'flex flex-col justify-center items-center w-full h-64 bg-gray-50 rounded-lg border-2 border-gray-300 border-dashed cursor-pointer dark:hover:bg-bray-800 dark:bg-gray-700 hover:bg-gray-100 dark:border-gray-600 dark:hover:border-gray-500 dark:hover:bg-gray-600'; + export let multiple: $$Props['multiple'] = false; let input: HTMLInputElement; @@ -33,7 +35,7 @@ <slot /> </button> <label class="hidden"> - <input {...$$restProps} bind:value bind:files bind:this={input} on:change on:click type="file" /> + <input {...$$restProps} {multiple} bind:value bind:files bind:this={input} on:change on:click type="file" /> </label> <!-- @@ -43,4 +45,5 @@ @prop export let value: $$Props['value'] = ''; @prop export let files: $$Props['files'] = undefined; @prop export let defaultClass: $$Props['defaultClass'] = 'flex flex-col justify-center items-center w-full h-64 bg-gray-50 rounded-lg border-2 border-gray-300 border-dashed cursor-pointer dark:hover:bg-bray-800 dark:bg-gray-700 hover:bg-gray-100 dark:border-gray-600 dark:hover:border-gray-500 dark:hover:bg-gray-600'; +@prop export let multiple: $$Props['multiple'] = false; -->