mirror of
https://github.com/yewprint/yewprint
synced 2024-11-21 19:13:05 +00:00
Fix HtmlSelect not resetting properly when value changed (#145)
This commit is contained in:
parent
44d0b453b1
commit
90ce9a15a6
35 changed files with 200 additions and 166 deletions
5
.github/workflows/pr.yml
vendored
5
.github/workflows/pr.yml
vendored
|
@ -12,9 +12,10 @@ jobs:
|
|||
runs-on: ubuntu-latest
|
||||
steps:
|
||||
- uses: actions/checkout@v2
|
||||
- uses: Swatinem/rust-cache@v1
|
||||
- uses: Swatinem/rust-cache@v2
|
||||
with:
|
||||
cache-on-failure: true
|
||||
- run: cargo test --workspace --all-features --verbose
|
||||
|
||||
- uses: actions/checkout@v2
|
||||
- run: rustup install --profile default nightly
|
||||
# NOTE: we use nightly here to enable the options error_on_line_overflow and
|
||||
|
|
|
@ -2,7 +2,7 @@
|
|||
name = "yewprint"
|
||||
version = "0.2.0"
|
||||
authors = ["Cecile Tonglet <cecile.tonglet@cecton.com>"]
|
||||
edition = "2018"
|
||||
edition = "2021"
|
||||
license = "MIT OR Apache-2.0"
|
||||
description = "Port of blueprintjs.com to Yew"
|
||||
repository = "https://github.com/yewprint/yewprint"
|
||||
|
|
2
build.rs
2
build.rs
|
@ -46,7 +46,7 @@ fn main() {
|
|||
|
||||
let mut keys: Vec<_> = keys.iter().collect();
|
||||
keys.sort();
|
||||
src.push_str("#[derive(Debug, Copy, Clone, PartialEq)]\npub enum IconName {\n");
|
||||
src.push_str("#[derive(Debug, Copy, Clone, PartialEq, Eq, Hash)]\npub enum IconName {\n");
|
||||
for icon in keys {
|
||||
src.push_str(icon);
|
||||
src.push_str(",\n");
|
||||
|
|
|
@ -4,11 +4,13 @@ use crate::{Icon, IconName};
|
|||
use web_sys::HtmlSelectElement;
|
||||
use yew::prelude::*;
|
||||
|
||||
#[derive(Debug)]
|
||||
pub struct HtmlSelect<T: Clone + PartialEq + 'static> {
|
||||
select_element: NodeRef,
|
||||
phantom: PhantomData<T>,
|
||||
}
|
||||
|
||||
#[derive(Clone, PartialEq, Properties)]
|
||||
#[derive(Debug, Clone, PartialEq, Properties)]
|
||||
pub struct HtmlSelectProps<T: Clone + PartialEq + 'static> {
|
||||
#[prop_or_default]
|
||||
pub fill: bool,
|
||||
|
@ -37,6 +39,7 @@ impl<T: Clone + PartialEq + 'static> Component for HtmlSelect<T> {
|
|||
|
||||
fn create(_ctx: &Context<Self>) -> Self {
|
||||
Self {
|
||||
select_element: NodeRef::default(),
|
||||
phantom: PhantomData,
|
||||
}
|
||||
}
|
||||
|
@ -55,6 +58,21 @@ impl<T: Clone + PartialEq + 'static> Component for HtmlSelect<T> {
|
|||
false
|
||||
}
|
||||
|
||||
fn changed(&mut self, ctx: &Context<Self>) -> bool {
|
||||
if let Some(value) = ctx.props().value.as_ref() {
|
||||
if let Some(select) = self.select_element.cast::<HtmlSelectElement>() {
|
||||
if let Some(i) = ctx.props().options.iter().position(|(x, _)| x == value) {
|
||||
if let Ok(i) = i.try_into() {
|
||||
if select.selected_index() != i {
|
||||
select.set_selected_index(i);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
true
|
||||
}
|
||||
|
||||
fn view(&self, ctx: &Context<Self>) -> Html {
|
||||
let option_children = ctx
|
||||
.props()
|
||||
|
@ -92,6 +110,7 @@ impl<T: Clone + PartialEq + 'static> Component for HtmlSelect<T> {
|
|||
onchange={ctx.link().callback(|x| x)}
|
||||
title={ctx.props().title.clone()}
|
||||
value={"".to_string()}
|
||||
ref={self.select_element.clone()}
|
||||
>
|
||||
{option_children}
|
||||
</select>
|
||||
|
|
|
@ -3,6 +3,7 @@ use yew::prelude::*;
|
|||
|
||||
const MIN_HORIZONTAL_PADDING: i32 = 10;
|
||||
|
||||
#[derive(Debug)]
|
||||
pub struct InputGroup {
|
||||
left_element_ref: NodeRef,
|
||||
left_element_width: Option<i32>,
|
||||
|
@ -10,7 +11,7 @@ pub struct InputGroup {
|
|||
right_element_width: Option<i32>,
|
||||
}
|
||||
|
||||
#[derive(Copy, Clone, PartialEq, Debug, Hash)]
|
||||
#[derive(Debug, Copy, Clone, PartialEq, Eq, Hash)]
|
||||
pub enum TextInputType {
|
||||
Text,
|
||||
Password,
|
||||
|
|
23
src/lib.rs
23
src/lib.rs
|
@ -2,7 +2,8 @@
|
|||
clippy::redundant_closure,
|
||||
clippy::needless_update,
|
||||
clippy::inconsistent_struct_constructor,
|
||||
clippy::type_complexity
|
||||
clippy::type_complexity,
|
||||
clippy::derive_partial_eq_without_eq
|
||||
)]
|
||||
|
||||
mod button_group;
|
||||
|
@ -78,25 +79,7 @@ const MOUSE_EVENT_BUTTONS_FOURTH: u16 = 8;
|
|||
#[allow(dead_code)]
|
||||
const MOUSE_EVENT_BUTTONS_FIFTH: u16 = 16;
|
||||
|
||||
#[macro_export]
|
||||
macro_rules! if_html {
|
||||
(let $pat:pat = $cond:expr => $($body:tt)+) => {
|
||||
if let $pat = $cond {
|
||||
html!($($body)+)
|
||||
} else {
|
||||
html!()
|
||||
}
|
||||
};
|
||||
($cond:expr => $($body:tt)+) => {
|
||||
if $cond {
|
||||
html($(body)+)
|
||||
} else {
|
||||
html!()
|
||||
}
|
||||
};
|
||||
}
|
||||
|
||||
#[derive(Debug, Copy, Clone, PartialEq, Hash)]
|
||||
#[derive(Debug, Copy, Clone, PartialEq, Eq, Hash)]
|
||||
pub enum Intent {
|
||||
Primary,
|
||||
Success,
|
||||
|
|
|
@ -7,6 +7,7 @@ use web_sys::HtmlInputElement;
|
|||
use yew::html::IntoPropValue;
|
||||
use yew::prelude::*;
|
||||
|
||||
#[derive(Debug)]
|
||||
pub struct NumericInput<T>
|
||||
where
|
||||
T: Add<Output = T>
|
||||
|
@ -208,7 +209,7 @@ where
|
|||
}
|
||||
}
|
||||
|
||||
#[derive(Debug, Clone, PartialEq)]
|
||||
#[derive(Debug, Clone, Copy, PartialEq, Eq)]
|
||||
pub struct NumericInputRangeBounds<T> {
|
||||
pub start: Bound<T>,
|
||||
pub end: Bound<T>,
|
||||
|
|
30
src/tag.rs
30
src/tag.rs
|
@ -1,4 +1,4 @@
|
|||
use crate::{if_html, Icon, IconName, Intent, Text};
|
||||
use crate::{Icon, IconName, Intent, Text};
|
||||
use yew::prelude::*;
|
||||
use yew::virtual_dom::AttrValue;
|
||||
|
||||
|
@ -41,14 +41,20 @@ pub struct TagProps {
|
|||
|
||||
#[function_component(Tag)]
|
||||
pub fn tag(props: &TagProps) -> Html {
|
||||
let icon = if_html!(let Some(icon) = props.icon => <Icon icon={icon} />);
|
||||
let icon = props.icon.map(|icon| {
|
||||
html! {
|
||||
<Icon icon={icon} />
|
||||
}
|
||||
});
|
||||
|
||||
let right_icon =
|
||||
if_html!(let Some(right_icon) = props.right_icon => <Icon icon={right_icon} />);
|
||||
let right_icon = props.right_icon.map(|icon| {
|
||||
html! {
|
||||
<Icon icon={icon} />
|
||||
}
|
||||
});
|
||||
|
||||
let remove_button = if_html! {
|
||||
let Some(callback) = props.onremove.clone() =>
|
||||
html!(
|
||||
let remove_button = props.onremove.clone().map(|callback| {
|
||||
html! {
|
||||
<button
|
||||
class={classes!("bp3-tag-remove")}
|
||||
onclick={callback}
|
||||
|
@ -56,8 +62,8 @@ pub fn tag(props: &TagProps) -> Html {
|
|||
>
|
||||
<Icon icon={IconName::SmallCross} />
|
||||
</button>
|
||||
)
|
||||
};
|
||||
}
|
||||
});
|
||||
|
||||
html! {
|
||||
<span
|
||||
|
@ -75,7 +81,7 @@ pub fn tag(props: &TagProps) -> Html {
|
|||
style={props.style.clone()}
|
||||
onclick={props.onclick.clone()}
|
||||
>
|
||||
{icon}
|
||||
{icon.unwrap_or_default()}
|
||||
<Text
|
||||
class={classes!("bp3-fill")}
|
||||
ellipsize={!props.multiline}
|
||||
|
@ -84,8 +90,8 @@ pub fn tag(props: &TagProps) -> Html {
|
|||
>
|
||||
{props.children.clone()}
|
||||
</Text>
|
||||
{right_icon}
|
||||
{remove_button}
|
||||
{right_icon.unwrap_or_default()}
|
||||
{remove_button.unwrap_or_default()}
|
||||
</span>
|
||||
}
|
||||
}
|
||||
|
|
|
@ -322,7 +322,7 @@ fn switch(route: &DocMenu) -> Html {
|
|||
}
|
||||
}
|
||||
|
||||
#[derive(PartialEq, Clone, Routable)]
|
||||
#[derive(PartialEq, Eq, Hash, Clone, Copy, Routable)]
|
||||
pub enum DocMenu {
|
||||
#[at("/button-group")]
|
||||
ButtonGroup,
|
||||
|
|
|
@ -66,7 +66,7 @@ crate::build_example_prop_component! {
|
|||
<div>
|
||||
<H5>{"Props"}</H5>
|
||||
<Switch
|
||||
onclick={self.update_props(ctx.props(), |props, _| ExampleProps {
|
||||
onclick={self.update_props(ctx, |props, _| ExampleProps {
|
||||
minimal: !props.minimal,
|
||||
..props
|
||||
})}
|
||||
|
@ -74,7 +74,7 @@ crate::build_example_prop_component! {
|
|||
label={html!("Minimal")}
|
||||
/>
|
||||
<Switch
|
||||
onclick={self.update_props(ctx.props(), |props, _| ExampleProps{
|
||||
onclick={self.update_props(ctx, |props, _| ExampleProps{
|
||||
fill: !props.fill,
|
||||
..props
|
||||
})}
|
||||
|
@ -82,7 +82,7 @@ crate::build_example_prop_component! {
|
|||
label={html!("Fill")}
|
||||
/>
|
||||
<Switch
|
||||
onclick={self.update_props(ctx.props(), |props, _| ExampleProps{
|
||||
onclick={self.update_props(ctx, |props, _| ExampleProps{
|
||||
large: !props.large,
|
||||
..props
|
||||
})}
|
||||
|
@ -90,7 +90,7 @@ crate::build_example_prop_component! {
|
|||
label={html!("Large")}
|
||||
/>
|
||||
<Switch
|
||||
onclick={self.update_props(ctx.props(), |props, _| ExampleProps {
|
||||
onclick={self.update_props(ctx, |props, _| ExampleProps {
|
||||
vertical: !props.vertical,
|
||||
..props
|
||||
})}
|
||||
|
|
|
@ -73,7 +73,7 @@ crate::build_example_prop_component! {
|
|||
<div>
|
||||
<H5>{"Props"}</H5>
|
||||
<Switch
|
||||
onclick={self.update_props(ctx.props(), |props, _| ExampleProps {
|
||||
onclick={self.update_props(ctx, |props, _| ExampleProps {
|
||||
minimal: !props.minimal,
|
||||
..props
|
||||
})}
|
||||
|
@ -81,7 +81,7 @@ crate::build_example_prop_component! {
|
|||
label={html!("Minimal")}
|
||||
/>
|
||||
<Switch
|
||||
onclick={self.update_props(ctx.props(), |props, _| ExampleProps {
|
||||
onclick={self.update_props(ctx, |props, _| ExampleProps {
|
||||
fill: !props.fill,
|
||||
..props
|
||||
})}
|
||||
|
@ -89,7 +89,7 @@ crate::build_example_prop_component! {
|
|||
label={html!("Fill")}
|
||||
/>
|
||||
<Switch
|
||||
onclick={self.update_props(ctx.props(), |props, _| ExampleProps {
|
||||
onclick={self.update_props(ctx, |props, _| ExampleProps {
|
||||
small: !props.small,
|
||||
..props
|
||||
})}
|
||||
|
@ -97,7 +97,7 @@ crate::build_example_prop_component! {
|
|||
label={html!("Small")}
|
||||
/>
|
||||
<Switch
|
||||
onclick={self.update_props(ctx.props(), |props, _| ExampleProps {
|
||||
onclick={self.update_props(ctx, |props, _| ExampleProps {
|
||||
outlined: !props.outlined,
|
||||
..props
|
||||
})}
|
||||
|
@ -105,7 +105,7 @@ crate::build_example_prop_component! {
|
|||
label={html!("Outlined")}
|
||||
/>
|
||||
<Switch
|
||||
onclick={self.update_props(ctx.props(), |props, _| ExampleProps {
|
||||
onclick={self.update_props(ctx, |props, _| ExampleProps {
|
||||
loading: !props.loading,
|
||||
..props
|
||||
})}
|
||||
|
@ -113,7 +113,7 @@ crate::build_example_prop_component! {
|
|||
label={html!("Loading")}
|
||||
/>
|
||||
<Switch
|
||||
onclick={self.update_props(ctx.props(), |props, _| ExampleProps {
|
||||
onclick={self.update_props(ctx, |props, _| ExampleProps {
|
||||
large: !props.large,
|
||||
..props
|
||||
})}
|
||||
|
@ -121,7 +121,7 @@ crate::build_example_prop_component! {
|
|||
label={html!("Large")}
|
||||
/>
|
||||
<Switch
|
||||
onclick={self.update_props(ctx.props(), |props, _| ExampleProps {
|
||||
onclick={self.update_props(ctx, |props, _| ExampleProps {
|
||||
active: !props.active,
|
||||
..props
|
||||
})}
|
||||
|
@ -129,7 +129,7 @@ crate::build_example_prop_component! {
|
|||
label={html!("Active")}
|
||||
/>
|
||||
<Switch
|
||||
onclick={self.update_props(ctx.props(), |props, _| ExampleProps {
|
||||
onclick={self.update_props(ctx, |props, _| ExampleProps {
|
||||
disabled: !props.disabled,
|
||||
..props
|
||||
})}
|
||||
|
|
|
@ -65,7 +65,7 @@ crate::build_example_prop_component! {
|
|||
<H5>{"Props"}</H5>
|
||||
<div>
|
||||
<Switch
|
||||
onclick={self.update_props(ctx.props(), |props, _| ExampleProps {
|
||||
onclick={self.update_props(ctx, |props, _| ExampleProps {
|
||||
show_icon: !props.show_icon,
|
||||
..props
|
||||
})}
|
||||
|
@ -73,7 +73,7 @@ crate::build_example_prop_component! {
|
|||
label={html!("Show/hide icon")}
|
||||
/>
|
||||
<Switch
|
||||
onclick={self.update_props(ctx.props(), |props, _| ExampleProps {
|
||||
onclick={self.update_props(ctx, |props, _| ExampleProps {
|
||||
show_title: !props.show_title,
|
||||
..props
|
||||
})}
|
||||
|
@ -89,7 +89,7 @@ crate::build_example_prop_component! {
|
|||
(Some(Intent::Warning), "Warning".to_string()),
|
||||
(Some(Intent::Danger), "Danger".to_string()),
|
||||
]}
|
||||
onchange={self.update_props(ctx.props(), |props, intent| ExampleProps {
|
||||
onchange={self.update_props(ctx, |props, intent| ExampleProps {
|
||||
intent,
|
||||
..props
|
||||
})}
|
||||
|
|
|
@ -59,14 +59,12 @@ impl Component for CardDoc {
|
|||
crate::build_example_prop_component! {
|
||||
CardProps for ExampleProps =>
|
||||
fn view(&self, ctx: &Context<Self>) -> Html {
|
||||
let props = ctx.props();
|
||||
|
||||
html! {
|
||||
<div>
|
||||
<H5>{"Props"}</H5>
|
||||
<div>
|
||||
<Switch
|
||||
onclick={self.update_props(props, |props, _| ExampleProps {
|
||||
onclick={self.update_props(ctx, |props, _| ExampleProps {
|
||||
interactive: !props.interactive,
|
||||
..props
|
||||
})}
|
||||
|
@ -83,7 +81,7 @@ crate::build_example_prop_component! {
|
|||
(Elevation::Level4, "Level 4".to_string()),
|
||||
]}
|
||||
value={ctx.props().example_props.elevation}
|
||||
onchange={self.update_props(props, |props, elevation| ExampleProps {
|
||||
onchange={self.update_props(ctx, |props, elevation| ExampleProps {
|
||||
elevation,
|
||||
..props
|
||||
})}
|
||||
|
|
|
@ -64,7 +64,7 @@ crate::build_example_prop_component! {
|
|||
<div>
|
||||
<H5>{"Props"}</H5>
|
||||
<Switch
|
||||
onclick={self.update_props(ctx.props(), |props, _| ExampleProps {
|
||||
onclick={self.update_props(ctx, |props, _| ExampleProps {
|
||||
disabled: !props.disabled,
|
||||
..props
|
||||
})}
|
||||
|
@ -72,7 +72,7 @@ crate::build_example_prop_component! {
|
|||
label={html!("Disabled")}
|
||||
/>
|
||||
<Switch
|
||||
onclick={self.update_props(ctx.props(), |props, _| ExampleProps {
|
||||
onclick={self.update_props(ctx, |props, _| ExampleProps {
|
||||
inline: !props.inline,
|
||||
..props
|
||||
})}
|
||||
|
@ -80,7 +80,7 @@ crate::build_example_prop_component! {
|
|||
label={html!("Inline")}
|
||||
/>
|
||||
<Switch
|
||||
onclick={self.update_props(ctx.props(), |props, _| ExampleProps {
|
||||
onclick={self.update_props(ctx, |props, _| ExampleProps {
|
||||
large: !props.large,
|
||||
..props
|
||||
})}
|
||||
|
|
|
@ -29,7 +29,7 @@ pub fn example(props: &ExampleProps) -> Html {
|
|||
}
|
||||
}
|
||||
|
||||
#[derive(Debug, Clone, Copy, Hash, PartialEq)]
|
||||
#[derive(Debug, Clone, Copy, Hash, PartialEq, Eq)]
|
||||
pub enum Sorting {
|
||||
NameAscending,
|
||||
NameDescending,
|
||||
|
|
|
@ -64,7 +64,7 @@ crate::build_example_prop_component! {
|
|||
<div>
|
||||
<H5>{"Props"}</H5>
|
||||
<Switch
|
||||
onclick={self.update_props(ctx.props(), |props, _| ExampleProps {
|
||||
onclick={self.update_props(ctx, |props, _| ExampleProps {
|
||||
fill: !props.fill,
|
||||
..props
|
||||
})}
|
||||
|
@ -72,7 +72,7 @@ crate::build_example_prop_component! {
|
|||
label={html!("Fill")}
|
||||
/>
|
||||
<Switch
|
||||
onclick={self.update_props(ctx.props(), |props, _| ExampleProps {
|
||||
onclick={self.update_props(ctx, |props, _| ExampleProps {
|
||||
vertical: !props.vertical,
|
||||
..props
|
||||
})}
|
||||
|
|
|
@ -60,7 +60,7 @@ crate::build_example_prop_component! {
|
|||
<div>
|
||||
<H5>{"Props"}</H5>
|
||||
<Switch
|
||||
onclick={self.update_props(ctx.props(), |props, _| ExampleProps {
|
||||
onclick={self.update_props(ctx, |props, _| ExampleProps {
|
||||
vertical: !props.vertical
|
||||
})}
|
||||
checked={ctx.props().example_props.vertical}
|
||||
|
|
|
@ -100,10 +100,10 @@ macro_rules! build_example_prop_component {
|
|||
/// re-rendered.
|
||||
fn update_props<T>(
|
||||
&self,
|
||||
props: &Self,
|
||||
ctx: &Context<Self>,
|
||||
updater: impl Fn($prop_component, T) -> $prop_component + 'static,
|
||||
) -> Callback<T> {
|
||||
let example_props = props.example_props.clone();
|
||||
let example_props = ctx.props().example_props.clone();
|
||||
self.callback
|
||||
.clone()
|
||||
.reform(move |event| updater(example_props.clone(), event))
|
||||
|
|
|
@ -3,10 +3,12 @@ use yewprint::{HtmlSelect, Text};
|
|||
|
||||
pub struct Example {
|
||||
log_level: LogLevel,
|
||||
reset: usize,
|
||||
}
|
||||
|
||||
#[derive(Clone, PartialEq, Properties)]
|
||||
pub struct ExampleProps {
|
||||
pub reset: usize,
|
||||
pub minimal: bool,
|
||||
pub fill: bool,
|
||||
pub disabled: bool,
|
||||
|
@ -20,6 +22,7 @@ impl Component for Example {
|
|||
fn create(_ctx: &Context<Self>) -> Self {
|
||||
Example {
|
||||
log_level: LogLevel::Info,
|
||||
reset: 0,
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -28,6 +31,14 @@ impl Component for Example {
|
|||
true
|
||||
}
|
||||
|
||||
fn changed(&mut self, ctx: &Context<Self>) -> bool {
|
||||
if self.reset != ctx.props().reset {
|
||||
self.reset = ctx.props().reset;
|
||||
self.log_level = LogLevel::Info;
|
||||
}
|
||||
true
|
||||
}
|
||||
|
||||
fn view(&self, ctx: &Context<Self>) -> Html {
|
||||
html! {
|
||||
<div style="width: 400px; text-align: center;">
|
||||
|
@ -44,7 +55,7 @@ impl Component for Example {
|
|||
fill={ctx.props().fill}
|
||||
disabled={ctx.props().disabled}
|
||||
large={ctx.props().large}
|
||||
value={Some(self.log_level)}
|
||||
value={self.log_level}
|
||||
onchange={ctx.link().callback(|x| x)}
|
||||
title={format!("Selected: {:?}", self.log_level)}
|
||||
/>
|
||||
|
@ -54,7 +65,7 @@ impl Component for Example {
|
|||
}
|
||||
}
|
||||
|
||||
#[derive(Debug, Clone, Copy, PartialEq)]
|
||||
#[derive(Debug, Clone, Copy, PartialEq, Eq, Hash)]
|
||||
pub enum LogLevel {
|
||||
Trace,
|
||||
Debug,
|
||||
|
|
|
@ -3,7 +3,7 @@ mod example;
|
|||
use crate::ExampleContainer;
|
||||
use example::*;
|
||||
use yew::prelude::*;
|
||||
use yewprint::{Switch, H1, H5};
|
||||
use yewprint::{Button, IconName, Switch, H1, H5};
|
||||
|
||||
pub struct HtmlSelectDoc {
|
||||
callback: Callback<ExampleProps>,
|
||||
|
@ -18,6 +18,7 @@ impl Component for HtmlSelectDoc {
|
|||
HtmlSelectDoc {
|
||||
callback: ctx.link().callback(|x| x),
|
||||
state: ExampleProps {
|
||||
reset: 0,
|
||||
minimal: false,
|
||||
fill: false,
|
||||
disabled: false,
|
||||
|
@ -66,39 +67,49 @@ crate::build_example_prop_component! {
|
|||
html! {
|
||||
<div>
|
||||
<H5>{"Props"}</H5>
|
||||
<Switch
|
||||
onclick={self.update_props(ctx.props(), |props, _| ExampleProps {
|
||||
minimal: !props.minimal,
|
||||
..props
|
||||
})}
|
||||
checked={ctx.props().example_props.minimal}
|
||||
label={html!("Minimal")}
|
||||
/>
|
||||
<Switch
|
||||
onclick={self.update_props(ctx.props(), |props, _| ExampleProps{
|
||||
fill: !props.fill,
|
||||
..props
|
||||
})}
|
||||
checked={ctx.props().example_props.fill}
|
||||
label={html!("Fill")}
|
||||
/>
|
||||
<Switch
|
||||
onclick={self.update_props(ctx.props(), |props, _| ExampleProps {
|
||||
disabled: !props.disabled,
|
||||
..props
|
||||
})}
|
||||
checked={ctx.props().example_props.disabled}
|
||||
label={html!("Disabled")}
|
||||
/>
|
||||
<Switch
|
||||
onclick={self.update_props(ctx.props(), |props, _| ExampleProps{
|
||||
large: !props.large,
|
||||
..props
|
||||
})}
|
||||
checked={ctx.props().example_props.large}
|
||||
label={html!("Large")}
|
||||
/>
|
||||
</div>
|
||||
<Switch
|
||||
onclick={self.update_props(ctx, |props, _| ExampleProps {
|
||||
minimal: !props.minimal,
|
||||
..props
|
||||
})}
|
||||
checked={ctx.props().example_props.minimal}
|
||||
label={html!("Minimal")}
|
||||
/>
|
||||
<Switch
|
||||
onclick={self.update_props(ctx, |props, _| ExampleProps{
|
||||
fill: !props.fill,
|
||||
..props
|
||||
})}
|
||||
checked={ctx.props().example_props.fill}
|
||||
label={html!("Fill")}
|
||||
/>
|
||||
<Switch
|
||||
onclick={self.update_props(ctx, |props, _| ExampleProps {
|
||||
disabled: !props.disabled,
|
||||
..props
|
||||
})}
|
||||
checked={ctx.props().example_props.disabled}
|
||||
label={html!("Disabled")}
|
||||
/>
|
||||
<Switch
|
||||
onclick={self.update_props(ctx, |props, _| ExampleProps {
|
||||
large: !props.large,
|
||||
..props
|
||||
})}
|
||||
checked={ctx.props().example_props.large}
|
||||
label={html!("Large")}
|
||||
/>
|
||||
<H5>{"Example"}</H5>
|
||||
<Button
|
||||
icon={IconName::Refresh}
|
||||
onclick={self.update_props(ctx, |props, _| ExampleProps {
|
||||
reset: props.reset.wrapping_add(1),
|
||||
..props
|
||||
})}
|
||||
>
|
||||
{"Reset"}
|
||||
</Button>
|
||||
</div>
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -67,7 +67,7 @@ crate::build_example_prop_component! {
|
|||
<div>
|
||||
<H5>{"Props"}</H5>
|
||||
<Switch
|
||||
onclick={self.update_props(ctx.props(), |props, _| ExampleProps {
|
||||
onclick={self.update_props(ctx, |props, _| ExampleProps {
|
||||
disabled: !props.disabled,
|
||||
..props
|
||||
})}
|
||||
|
@ -75,7 +75,7 @@ crate::build_example_prop_component! {
|
|||
label={html!("Disabled")}
|
||||
/>
|
||||
<Switch
|
||||
onclick={self.update_props(ctx.props(), |props, _| ExampleProps {
|
||||
onclick={self.update_props(ctx, |props, _| ExampleProps {
|
||||
fill: !props.fill,
|
||||
..props
|
||||
})}
|
||||
|
@ -83,7 +83,7 @@ crate::build_example_prop_component! {
|
|||
label={html!("Fill")}
|
||||
/>
|
||||
<Switch
|
||||
onclick={self.update_props(ctx.props(), |props, _| ExampleProps {
|
||||
onclick={self.update_props(ctx, |props, _| ExampleProps {
|
||||
large: !props.large,
|
||||
..props
|
||||
})}
|
||||
|
@ -91,7 +91,7 @@ crate::build_example_prop_component! {
|
|||
label={html!("Large")}
|
||||
/>
|
||||
<Switch
|
||||
onclick={self.update_props(ctx.props(), |props, _| ExampleProps {
|
||||
onclick={self.update_props(ctx, |props, _| ExampleProps {
|
||||
small: !props.small,
|
||||
..props
|
||||
})}
|
||||
|
@ -99,7 +99,7 @@ crate::build_example_prop_component! {
|
|||
label={html!("Small")}
|
||||
/>
|
||||
<Switch
|
||||
onclick={self.update_props(ctx.props(), |props, _| ExampleProps {
|
||||
onclick={self.update_props(ctx, |props, _| ExampleProps {
|
||||
round: !props.round,
|
||||
..props
|
||||
})}
|
||||
|
|
|
@ -1,4 +1,9 @@
|
|||
#![allow(clippy::redundant_closure, clippy::needless_update, dead_code)]
|
||||
#![allow(
|
||||
clippy::redundant_closure,
|
||||
clippy::needless_update,
|
||||
dead_code,
|
||||
clippy::derive_partial_eq_without_eq
|
||||
)]
|
||||
|
||||
mod app;
|
||||
mod button_group;
|
||||
|
|
|
@ -69,7 +69,7 @@ crate::build_example_prop_component! {
|
|||
<div>
|
||||
<H5>{"Props"}</H5>
|
||||
<Switch
|
||||
onclick={self.update_props(ctx.props(), |props, _| ExampleProps {
|
||||
onclick={self.update_props(ctx, |props, _| ExampleProps {
|
||||
fill: !props.fill,
|
||||
..props
|
||||
})}
|
||||
|
@ -77,7 +77,7 @@ crate::build_example_prop_component! {
|
|||
label={html!("Fill")}
|
||||
/>
|
||||
<Switch
|
||||
onclick={self.update_props(ctx.props(), |props, _| ExampleProps {
|
||||
onclick={self.update_props(ctx, |props, _| ExampleProps {
|
||||
disabled: !props.disabled,
|
||||
..props
|
||||
})}
|
||||
|
@ -85,7 +85,7 @@ crate::build_example_prop_component! {
|
|||
label={html!("Disabled")}
|
||||
/>
|
||||
<Switch
|
||||
onclick={self.update_props(ctx.props(), |props, _| ExampleProps {
|
||||
onclick={self.update_props(ctx, |props, _| ExampleProps {
|
||||
large: !props.large,
|
||||
..props
|
||||
})}
|
||||
|
@ -93,7 +93,7 @@ crate::build_example_prop_component! {
|
|||
label={html!("Large")}
|
||||
/>
|
||||
<Switch
|
||||
onclick={self.update_props(ctx.props(), |props, _| ExampleProps {
|
||||
onclick={self.update_props(ctx, |props, _| ExampleProps {
|
||||
disable_buttons: !props.disable_buttons,
|
||||
..props
|
||||
})}
|
||||
|
@ -101,7 +101,7 @@ crate::build_example_prop_component! {
|
|||
label={html!("Disable buttons")}
|
||||
/>
|
||||
<Switch
|
||||
onclick={self.update_props(ctx.props(), |props, _| ExampleProps {
|
||||
onclick={self.update_props(ctx, |props, _| ExampleProps {
|
||||
buttons_on_the_left: !props.buttons_on_the_left,
|
||||
..props
|
||||
})}
|
||||
|
@ -109,7 +109,7 @@ crate::build_example_prop_component! {
|
|||
label={html!("Buttons on the left")}
|
||||
/>
|
||||
<Switch
|
||||
onclick={self.update_props(ctx.props(), |props, _| ExampleProps {
|
||||
onclick={self.update_props(ctx, |props, _| ExampleProps {
|
||||
left_icon: !props.left_icon,
|
||||
..props
|
||||
})}
|
||||
|
|
|
@ -11,7 +11,7 @@ pub struct ExampleProps {
|
|||
pub vertical: bool,
|
||||
}
|
||||
|
||||
#[derive(Debug, PartialEq)]
|
||||
#[derive(Debug, PartialEq, Eq, Hash, Clone, Copy)]
|
||||
pub enum ExampleMessage {
|
||||
OpenPanel2,
|
||||
ClosePanel,
|
||||
|
|
|
@ -65,7 +65,7 @@ crate::build_example_prop_component! {
|
|||
<H5>{"Props"}</H5>
|
||||
<div>
|
||||
<Switch
|
||||
onclick={self.update_props(ctx.props(), |props, _| ExampleProps {
|
||||
onclick={self.update_props(ctx, |props, _| ExampleProps {
|
||||
stripes: !props.stripes,
|
||||
..props
|
||||
})}
|
||||
|
@ -73,7 +73,7 @@ crate::build_example_prop_component! {
|
|||
label={html!("Stripes")}
|
||||
/>
|
||||
<Switch
|
||||
onclick={self.update_props(ctx.props(), |props, _| ExampleProps {
|
||||
onclick={self.update_props(ctx, |props, _| ExampleProps {
|
||||
animate: !props.animate,
|
||||
..props
|
||||
})}
|
||||
|
@ -89,7 +89,7 @@ crate::build_example_prop_component! {
|
|||
(Some(Intent::Warning), "Warning".to_string()),
|
||||
(Some(Intent::Danger), "Danger".to_string()),
|
||||
]}
|
||||
onchange={self.update_props(ctx.props(), |props, intent| ExampleProps {
|
||||
onchange={self.update_props(ctx, |props, intent| ExampleProps {
|
||||
intent,
|
||||
..props
|
||||
})}
|
||||
|
|
|
@ -64,7 +64,7 @@ crate::build_example_prop_component! {
|
|||
<div>
|
||||
<H5>{"Props"}</H5>
|
||||
<Switch
|
||||
onclick={self.update_props(ctx.props(), |props, _| ExampleProps {
|
||||
onclick={self.update_props(ctx, |props, _| ExampleProps {
|
||||
disabled: !props.disabled,
|
||||
..props
|
||||
})}
|
||||
|
@ -72,7 +72,7 @@ crate::build_example_prop_component! {
|
|||
label={html!("Disabled")}
|
||||
/>
|
||||
<Switch
|
||||
onclick={self.update_props(ctx.props(), |props, _| ExampleProps {
|
||||
onclick={self.update_props(ctx, |props, _| ExampleProps {
|
||||
inline: !props.inline,
|
||||
..props
|
||||
})}
|
||||
|
@ -80,7 +80,7 @@ crate::build_example_prop_component! {
|
|||
label={html!("Inline")}
|
||||
/>
|
||||
<Switch
|
||||
onclick={self.update_props(ctx.props(), |props, _| ExampleProps {
|
||||
onclick={self.update_props(ctx, |props, _| ExampleProps {
|
||||
large: !props.large,
|
||||
..props
|
||||
})}
|
||||
|
|
|
@ -103,7 +103,7 @@ impl Component for Example {
|
|||
(LogLevel::Trace, Some("TRACE".into())),
|
||||
]}
|
||||
intent={ctx.props().intent}
|
||||
selected={self.log_level.clone()}
|
||||
selected={self.log_level}
|
||||
onchange={ctx.link().callback(|x| Msg::LogLevelUpdate(x))}
|
||||
/>
|
||||
<Slider<()>
|
||||
|
@ -117,7 +117,7 @@ impl Component for Example {
|
|||
}
|
||||
}
|
||||
|
||||
#[derive(Debug, Clone, PartialEq)]
|
||||
#[derive(Debug, Clone, Copy, PartialEq, Eq, Hash)]
|
||||
pub enum LogLevel {
|
||||
Trace,
|
||||
Debug,
|
||||
|
|
|
@ -109,7 +109,7 @@ crate::build_example_prop_component! {
|
|||
<div>
|
||||
<H5>{"Props"}</H5>
|
||||
<Switch
|
||||
onclick={self.update_props(ctx.props(), |props, _| ExampleProps {
|
||||
onclick={self.update_props(ctx, |props, _| ExampleProps {
|
||||
vertical: !props.vertical,
|
||||
..props
|
||||
})}
|
||||
|
@ -126,7 +126,7 @@ crate::build_example_prop_component! {
|
|||
(Some(Intent::Warning), "Warning".to_string()),
|
||||
(Some(Intent::Danger), "Danger".to_string()),
|
||||
]}
|
||||
onchange={self.update_props(ctx.props(), |props, intent| ExampleProps {
|
||||
onchange={self.update_props(ctx, |props, intent| ExampleProps {
|
||||
intent,
|
||||
..props
|
||||
})}
|
||||
|
|
|
@ -74,7 +74,7 @@ crate::build_example_prop_component! {
|
|||
(Some(Intent::Warning), "Warning".to_string()),
|
||||
(Some(Intent::Danger), "Danger".to_string()),
|
||||
]}
|
||||
onchange={self.update_props(ctx.props(), |props, intent| ExampleProps {
|
||||
onchange={self.update_props(ctx, |props, intent| ExampleProps {
|
||||
intent,
|
||||
..props
|
||||
})}
|
||||
|
@ -98,7 +98,7 @@ crate::build_example_prop_component! {
|
|||
(90, None),
|
||||
(100, Some("100".into())),
|
||||
]}
|
||||
onchange={self.update_props(ctx.props(), |props, size| ExampleProps {
|
||||
onchange={self.update_props(ctx, |props, size| ExampleProps {
|
||||
size,
|
||||
..props
|
||||
})}
|
||||
|
|
|
@ -66,7 +66,7 @@ crate::build_example_prop_component! {
|
|||
<div>
|
||||
<H5>{"Props"}</H5>
|
||||
<Switch
|
||||
onclick={self.update_props(ctx.props(), |props, _| ExampleProps {
|
||||
onclick={self.update_props(ctx, |props, _| ExampleProps {
|
||||
disabled: !props.disabled,
|
||||
..props
|
||||
})}
|
||||
|
@ -74,7 +74,7 @@ crate::build_example_prop_component! {
|
|||
label={html!("Disabled")}
|
||||
/>
|
||||
<Switch
|
||||
onclick={self.update_props(ctx.props(), |props, _| ExampleProps {
|
||||
onclick={self.update_props(ctx, |props, _| ExampleProps {
|
||||
inline: !props.inline,
|
||||
..props
|
||||
})}
|
||||
|
@ -82,7 +82,7 @@ crate::build_example_prop_component! {
|
|||
label={html!("Inline")}
|
||||
/>
|
||||
<Switch
|
||||
onclick={self.update_props(ctx.props(), |props, _| ExampleProps {
|
||||
onclick={self.update_props(ctx, |props, _| ExampleProps {
|
||||
large: !props.large,
|
||||
..props
|
||||
})}
|
||||
|
@ -90,7 +90,7 @@ crate::build_example_prop_component! {
|
|||
label={html!("Large")}
|
||||
/>
|
||||
<Switch
|
||||
onclick={self.update_props(ctx.props(), |props, _| ExampleProps {
|
||||
onclick={self.update_props(ctx, |props, _| ExampleProps {
|
||||
align_right: !props.align_right,
|
||||
..props
|
||||
})}
|
||||
|
|
|
@ -127,7 +127,7 @@ impl Component for Example {
|
|||
}
|
||||
}
|
||||
|
||||
#[derive(Clone, Copy, PartialEq, Hash)]
|
||||
#[derive(Debug, Clone, Copy, PartialEq, Eq, Hash)]
|
||||
pub enum Civilization {
|
||||
Sumer,
|
||||
Minoan,
|
||||
|
|
|
@ -65,7 +65,7 @@ crate::build_example_prop_component! {
|
|||
<div>
|
||||
<H5>{"Props"}</H5>
|
||||
<Switch
|
||||
onclick={self.update_props(ctx.props(), |props, _| ExampleProps {
|
||||
onclick={self.update_props(ctx, |props, _| ExampleProps {
|
||||
animate: !props.animate,
|
||||
..props
|
||||
})}
|
||||
|
@ -73,7 +73,7 @@ crate::build_example_prop_component! {
|
|||
label={html!("Animate indicator")}
|
||||
/>
|
||||
<Switch
|
||||
onclick={self.update_props(ctx.props(), |props, _| ExampleProps {
|
||||
onclick={self.update_props(ctx, |props, _| ExampleProps {
|
||||
vertical: !props.vertical,
|
||||
..props
|
||||
})}
|
||||
|
|
|
@ -84,90 +84,88 @@ impl Component for TagDoc {
|
|||
crate::build_example_prop_component! {
|
||||
TagProps for ExampleProps =>
|
||||
fn view(&self, ctx: &Context<Self>) -> Html {
|
||||
let props = ctx.props();
|
||||
|
||||
html! {
|
||||
<div>
|
||||
<H5>{"Props"}</H5>
|
||||
<div>
|
||||
<Switch
|
||||
onclick={self.update_props(props, |props, _| ExampleProps {
|
||||
onclick={self.update_props(ctx, |props, _| ExampleProps {
|
||||
active: !props.active,
|
||||
..props
|
||||
})}
|
||||
checked={props.example_props.active}
|
||||
checked={ctx.props().example_props.active}
|
||||
label={html!("Active")}
|
||||
/>
|
||||
<Switch
|
||||
onclick={self.update_props(props, |props, _| ExampleProps {
|
||||
onclick={self.update_props(ctx, |props, _| ExampleProps {
|
||||
fill: !props.fill,
|
||||
..props
|
||||
})}
|
||||
checked={props.example_props.fill}
|
||||
checked={ctx.props().example_props.fill}
|
||||
label={html!("Fill")}
|
||||
/>
|
||||
<Switch
|
||||
onclick={self.update_props(props, |props, _| ExampleProps {
|
||||
onclick={self.update_props(ctx, |props, _| ExampleProps {
|
||||
interactive: !props.interactive,
|
||||
..props
|
||||
})}
|
||||
checked={props.example_props.interactive}
|
||||
checked={ctx.props().example_props.interactive}
|
||||
label={html!("Interactive")}
|
||||
/>
|
||||
<Switch
|
||||
onclick={self.update_props(props, |props, _| ExampleProps {
|
||||
onclick={self.update_props(ctx, |props, _| ExampleProps {
|
||||
large: !props.large,
|
||||
..props
|
||||
})}
|
||||
checked={props.example_props.large}
|
||||
checked={ctx.props().example_props.large}
|
||||
label={html!("Large")}
|
||||
/>
|
||||
<Switch
|
||||
onclick={self.update_props(props, |props, _| ExampleProps {
|
||||
onclick={self.update_props(ctx, |props, _| ExampleProps {
|
||||
minimal: !props.minimal,
|
||||
..props
|
||||
})}
|
||||
checked={props.example_props.minimal}
|
||||
checked={ctx.props().example_props.minimal}
|
||||
label={html!("Minimal")}
|
||||
/>
|
||||
<Switch
|
||||
onclick={self.update_props(props, |props, _| ExampleProps {
|
||||
onclick={self.update_props(ctx, |props, _| ExampleProps {
|
||||
multiline: !props.multiline,
|
||||
..props
|
||||
})}
|
||||
checked={props.example_props.multiline}
|
||||
checked={ctx.props().example_props.multiline}
|
||||
label={html!("Multiline")}
|
||||
/>
|
||||
<Switch
|
||||
onclick={self.update_props(props, |props, _| ExampleProps {
|
||||
onclick={self.update_props(ctx, |props, _| ExampleProps {
|
||||
round: !props.round,
|
||||
..props
|
||||
})}
|
||||
checked={props.example_props.round}
|
||||
checked={ctx.props().example_props.round}
|
||||
label={html!("Round")}
|
||||
/>
|
||||
<Switch
|
||||
onclick={self.update_props(props, |props, _| ExampleProps {
|
||||
onclick={self.update_props(ctx, |props, _| ExampleProps {
|
||||
removable: !props.removable,
|
||||
..props
|
||||
})}
|
||||
checked={props.example_props.removable}
|
||||
checked={ctx.props().example_props.removable}
|
||||
label={html!("Removable")}
|
||||
/>
|
||||
<Switch
|
||||
onclick={self.update_props(props, |props, _| ExampleProps {
|
||||
onclick={self.update_props(ctx, |props, _| ExampleProps {
|
||||
icon: !props.icon,
|
||||
..props
|
||||
})}
|
||||
checked={props.example_props.icon}
|
||||
checked={ctx.props().example_props.icon}
|
||||
label={html!("Icon")}
|
||||
/>
|
||||
<Switch
|
||||
onclick={self.update_props(props, |props, _| ExampleProps {
|
||||
onclick={self.update_props(ctx, |props, _| ExampleProps {
|
||||
right_icon: !props.right_icon,
|
||||
..props
|
||||
})}
|
||||
checked={props.example_props.right_icon}
|
||||
checked={ctx.props().example_props.right_icon}
|
||||
label={html!("Right icon")}
|
||||
/>
|
||||
<p>{"Select intent:"}</p>
|
||||
|
@ -182,14 +180,14 @@ crate::build_example_prop_component! {
|
|||
(Some(Intent::Warning), "Warning".to_string()),
|
||||
(Some(Intent::Danger), "Danger".to_string()),
|
||||
]}
|
||||
onchange={self.update_props(props, |props, intent| ExampleProps {
|
||||
onchange={self.update_props(ctx, |props, intent| ExampleProps {
|
||||
intent,
|
||||
..props
|
||||
})}
|
||||
/>
|
||||
<Button
|
||||
icon={IconName::Refresh}
|
||||
onclick={self.update_props(props, |props, _| ExampleProps {
|
||||
onclick={self.update_props(ctx, |props, _| ExampleProps {
|
||||
reset_tags: props.reset_tags + 1,
|
||||
..props.clone()
|
||||
})}
|
||||
|
|
|
@ -66,7 +66,7 @@ crate::build_example_prop_component! {
|
|||
<div>
|
||||
<H5>{"Props"}</H5>
|
||||
<Switch
|
||||
onclick={self.update_props(ctx.props(), |props, _| ExampleProps {
|
||||
onclick={self.update_props(ctx, |props, _| ExampleProps {
|
||||
ellipsize: !props.ellipsize,
|
||||
..props
|
||||
})}
|
||||
|
@ -75,7 +75,7 @@ crate::build_example_prop_component! {
|
|||
/>
|
||||
<input
|
||||
class="bp3-input"
|
||||
onchange={self.update_props(ctx.props(), |props, e: Event| {
|
||||
onchange={self.update_props(ctx, |props, e: Event| {
|
||||
if let Some(input) = e.target_dyn_into::<HtmlInputElement>() {
|
||||
ExampleProps {
|
||||
text: input.value(),
|
||||
|
|
|
@ -67,7 +67,7 @@ crate::build_example_prop_component! {
|
|||
<div>
|
||||
<H5>{"Props"}</H5>
|
||||
<Switch
|
||||
onclick={self.update_props(ctx.props(), |props, _| ExampleProps {
|
||||
onclick={self.update_props(ctx, |props, _| ExampleProps {
|
||||
fill: !props.fill,
|
||||
..props
|
||||
})}
|
||||
|
@ -75,7 +75,7 @@ crate::build_example_prop_component! {
|
|||
label={html!("Fill")}
|
||||
/>
|
||||
<Switch
|
||||
onclick={self.update_props(ctx.props(), |props, _| ExampleProps {
|
||||
onclick={self.update_props(ctx, |props, _| ExampleProps {
|
||||
large: !props.large,
|
||||
..props
|
||||
})}
|
||||
|
@ -83,7 +83,7 @@ crate::build_example_prop_component! {
|
|||
label={html!("Large")}
|
||||
/>
|
||||
<Switch
|
||||
onclick={self.update_props(ctx.props(), |props, _| ExampleProps {
|
||||
onclick={self.update_props(ctx, |props, _| ExampleProps {
|
||||
small: !props.small,
|
||||
..props
|
||||
})}
|
||||
|
@ -98,7 +98,7 @@ crate::build_example_prop_component! {
|
|||
(Some(Intent::Warning), "Warning".to_string()),
|
||||
(Some(Intent::Danger), "Danger".to_string()),
|
||||
]}
|
||||
onchange={self.update_props(ctx.props(), |props, intent| ExampleProps {
|
||||
onchange={self.update_props(ctx, |props, intent| ExampleProps {
|
||||
intent,
|
||||
..props
|
||||
})}
|
||||
|
|
Loading…
Reference in a new issue