mcp/carbon-components-svelte
1
0
Fork 0
mirror of https://github.com/carbon-design-system/carbon-components-svelte.git synced 2025-09-20 12:23:02 +00:00
Code Issues Projects Releases Packages Wiki Activity

feat(file-uploader-drop-container): add files prop

Browse source
This commit is contained in:
Eric Liu 2022-02-21 10:23:21 -08:00
commit 8bfdb7f4e1
1 changed files with 10 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

12
src/FileUploader/FileUploaderDropContainer.svelte
View file

@ -9,6 +9,12 @@
*/ */
export let accept = []; export let accept = [];
/**
* Obtain a reference to the uploaded files
* @type {File[]}
*/
export let files = [];
/** Set to `true` to allow multiple files */ /** Set to `true` to allow multiple files */
export let multiple = false; export let multiple = false;
@ -68,7 +74,8 @@
on:drop|preventDefault|stopPropagation="{({ dataTransfer }) => { on:drop|preventDefault|stopPropagation="{({ dataTransfer }) => {
if (!disabled) { if (!disabled) {
over = false; over = false;
dispatch('add', validateFiles([...dataTransfer.files])); files = validateFiles([...dataTransfer.files]);
dispatch('add', files);
} }
}}" }}"
> >
@ -106,7 +113,8 @@
class:bx--file-input="{true}" class:bx--file-input="{true}"
on:change on:change
on:change="{({ target }) => { on:change="{({ target }) => {
dispatch('add', validateFiles([...target.files])); files = validateFiles([...target.files]);
dispatch('add', files);
}}" }}"
on:click on:click
on:click="{({ target }) => { on:click="{({ target }) => {