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

feat: Checkbox label does not display default value

Browse source
This commit is contained in:
luoxiao 2024-04-02 11:12:17 +08:00 • committed by luoxiaozero
parent c0599acbe9
commit 807cc3c342
1 changed files with 27 additions and 33 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

60
thaw/src/checkbox/checkbox_item.rs
View file

@ -1,7 +1,4 @@
use crate::{
checkbox::{checkbox_group::use_checkbox_group, Checkbox},
SignalWatch,
};
use crate::checkbox::{checkbox_group::use_checkbox_group, Checkbox};
use leptos::*;
use thaw_utils::OptionalProp;
@ -12,41 +9,38 @@ pub fn CheckboxItem(
#[prop(into)] key: String,
) -> impl IntoView {
let checkbox_group_value = use_checkbox_group().0;
let checked = create_rw_signal(false);
let item_key = store_value(key);
let checked = RwSignal::new(false);
let item_key = StoredValue::new(key);
create_effect(move |_| {
let is_checked =
checkbox_group_value.with(|value| item_key.with_value(|key| value.contains(key)));
let is_checked = Memo::new(move |_| {
checkbox_group_value.with(|value| item_key.with_value(|key| value.contains(key)))
});
if is_checked {
if !checked.get_untracked() {
checked.set(true);
}
Effect::new(move |_| {
checked.track();
if is_checked.get_untracked() {
checkbox_group_value.update(move |value| {
item_key.with_value(|key| {
value.remove(key);
});
});
} else if checked.get_untracked() {
checked.set(false);
checkbox_group_value.update(move |value| {
value.insert(item_key.get_value());
});
}
});
_ = checked.watch(move |checked| {
checkbox_group_value.update(move |value| {
if *checked {
value.insert(item_key.get_value());
} else {
value.remove(&item_key.get_value());
}
});
});
let label = if let Some(label) = label {
label
if let Some(label) = label {
view! {
<Checkbox class value=(is_checked, checked.write_only())>
{label}
</Checkbox>
}
} else {
item_key.get_value()
};
view! {
<Checkbox class value=checked>
{label}
</Checkbox>
view! {
<Checkbox class value=(is_checked, checked.write_only()) />
}
}
}