leptos-struct-component 0.2.0

Define Leptos components using structs.
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132

use std::fmt::{self, Display};

use leptos::{ev::MouseEvent, prelude::*};
use leptos_node_ref::AnyNodeRef;
use leptos_struct_component::{StructComponent, struct_component};

#[derive(Clone, Copy, Debug, Default, Eq, PartialEq)]
pub enum BoxAs {
    #[default]
    Div,
    Span,
}

impl Display for BoxAs {
    fn fmt(&self, f: &mut fmt::Formatter<'_>) -> fmt::Result {
        write!(
            f,
            "{}",
            match self {
                BoxAs::Div => "div",
                BoxAs::Span => "span",
            }
        )
    }
}

#[derive(Clone, StructComponent)]
pub struct BoxChildProps {
    #[struct_component(dynamic_tag = [BoxAs::Div, BoxAs::Span])]
    pub r#as: BoxAs,
    pub node_ref: AnyNodeRef,
    // pub attributes: Attributes,

    // Global attributes
    pub class: MaybeProp<String>,
    pub id: MaybeProp<String>,
    pub style: MaybeProp<String>,
}

#[component]
pub fn Box(
    #[prop(into, optional)] r#as: BoxAs,

    // Global attributes
    #[prop(into, optional)] id: MaybeProp<String>,
    #[prop(into, optional)] class: MaybeProp<String>,
    #[prop(into, optional)] style: MaybeProp<String>,

    #[prop(into, optional)] node_ref: AnyNodeRef,
    // #[prop(into, optional)] attributes: Attributes,
    #[prop(into, optional)] as_child: Option<Callback<BoxChildProps, AnyView>>,
    #[prop(optional)] children: Option<Children>,
) -> impl IntoView {
    let child_props = BoxChildProps {
        r#as,
        node_ref,
        // attributes: attributes.clone(),

        // Global attributes
        class,
        id,
        style,
    };

    if let Some(as_child) = as_child {
        as_child.run(child_props)
    } else {
        child_props.render(children)
    }
}

#[derive(Clone, StructComponent)]
#[struct_component(tag = "img", no_children = true)]
pub struct ImageChildProps {
    pub node_ref: AnyNodeRef,
    // pub attributes: Attributes,

    // Global attributes
    pub class: MaybeProp<String>,
    pub id: MaybeProp<String>,
    pub style: MaybeProp<String>,

    // Event handler attributes
    pub onclick: Option<Callback<MouseEvent>>,
}

#[component]
pub fn Image(
    // Global attributes
    #[prop(into, optional)] id: MaybeProp<String>,
    #[prop(into, optional)] class: MaybeProp<String>,
    #[prop(into, optional)] style: MaybeProp<String>,

    // Event handler attributes
    #[prop(into, optional)] on_click: Option<Callback<MouseEvent>>,

    #[prop(into, optional)] node_ref: AnyNodeRef,
    // #[prop(into, optional)] attributes: Attributes,
    #[prop(into, optional)] as_child: Option<Callback<ImageChildProps, AnyView>>,
) -> impl IntoView {
    let child_props = ImageChildProps {
        node_ref,
        // attributes: attributes.clone().with_defaults([("alt", "Image")]),

        // Global attributes
        class,
        id,
        style,

        // Event handler attributes
        onclick: on_click,
    };

    if let Some(as_child) = as_child {
        as_child.run(child_props)
    } else {
        child_props.render()
    }
}

#[component]
pub fn App() -> impl IntoView {
    view! {
        <Box>
            <Image
                // attributes={[
                //     ("src", "https://picsum.photos/id/10/200/300")
                // ]}
            />
        </Box>
    }
}