adam/thaw
1
0
Fork 0
mirror of https://github.com/adoyle0/thaw.git synced 2025-02-02 08:34:15 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix: upload component drag style

Browse source
This commit is contained in:
luoxiao 2023-11-06 17:33:52 +08:00
parent f86b2224cb
commit 29068acd1a
1 changed files with 8 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
src/upload/mod.rs
View file

@ -35,7 +35,7 @@ pub fn Upload(
} }
}; };
let is_trigger_dargover = create_rw_signal(false); let is_trigger_dragover = create_rw_signal(false);
let on_trigger_drop = move |event: ev::DragEvent| { let on_trigger_drop = move |event: ev::DragEvent| {
event.prevent_default(); event.prevent_default();
if let Some(data) = event.data_transfer() { if let Some(data) = event.data_transfer() {
@ -43,25 +43,27 @@ pub fn Upload(
on_file_addition(files); on_file_addition(files);
} }
} }
is_trigger_dargover.set(false); is_trigger_dragover.set(false);
}; };
let on_trigger_dragover = move |event: ev::DragEvent| { let on_trigger_dragover = move |event: ev::DragEvent| {
event.prevent_default(); event.prevent_default();
is_trigger_dargover.set(true); is_trigger_dragover.set(true);
}; };
let on_trigger_dragenter = move |event: ev::DragEvent| { let on_trigger_dragenter = move |event: ev::DragEvent| {
event.prevent_default(); event.prevent_default();
}; };
let on_trigger_dragleave = move |event: ev::DragEvent| { let on_trigger_dragleave = move |event: ev::DragEvent| {
event.prevent_default(); event.prevent_default();
is_trigger_dargover.set(false); is_trigger_dragover.set(false);
}; };
view! { view! {
<div class="thaw-upload"> <div
class="thaw-upload"
class=("thaw-upload--drag-over", move || is_trigger_dragover.get())
>
<input <input
class="thaw-upload__input" class="thaw-upload__input"
class=("thaw-upload--drag-over", move || is_trigger_dargover.get())
ref=input_ref ref=input_ref
type="file" type="file"
accept=move || accept.get() accept=move || accept.get()