adam/thaw
1
0
Fork 0
mirror of https://github.com/adoyle0/thaw.git synced 2025-01-22 22:09:22 -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| {
event.prevent_default();
if let Some(data) = event.data_transfer() {
@ -43,25 +43,27 @@ pub fn Upload(
on_file_addition(files);
}
}
is_trigger_dargover.set(false);
is_trigger_dragover.set(false);
};
let on_trigger_dragover = move |event: ev::DragEvent| {
event.prevent_default();
is_trigger_dargover.set(true);
is_trigger_dragover.set(true);
};
let on_trigger_dragenter = move |event: ev::DragEvent| {
event.prevent_default();
};
let on_trigger_dragleave = move |event: ev::DragEvent| {
event.prevent_default();
is_trigger_dargover.set(false);
is_trigger_dragover.set(false);
};
view! {
<div class="thaw-upload">
<div
class="thaw-upload"
class=("thaw-upload--drag-over", move || is_trigger_dragover.get())
>
<input
class="thaw-upload__input"
class=("thaw-upload--drag-over", move || is_trigger_dargover.get())
ref=input_ref
type="file"
accept=move || accept.get()