diogen 0.2.0

Dioxus lib
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

use super::*;

pub static PAGE_OVERLAY_Z_INDEX: u64 = u64::MAX / 2;

#[repr(u8)]
#[derive(Clone)]
#[derive(PartialEq)]
pub enum PageScrollSnap {
    Mandatory,
    Proximity
}

#[derive(Props)]
#[derive(Clone)]
#[derive(PartialEq)]
pub struct PageProps {
    pub scroll_snap: Option<PageScrollSnap>,
    pub class: Option<String>,
    pub style: Option<String>,
    pub overlay: Option<Element>,
    pub children: Option<Element>
}

#[component]
pub fn Page(props: PageProps) -> Element {
    rsx!(
        Stack {
            class: props.class,
            style: format!(
                r#"
                    justify-content: start;
                    {}
                    {}
                "#,
                FILL_VIEW,
                props.style.unwrap_or_default()
            ),
            StackItem {
                z: PAGE_OVERLAY_Z_INDEX,
                style: format!(
                    r#"
                        justify-content: start;
                        overflow-x: hidden;
                        overflow-y: hidden;
                        pointer-events: none;
                        {}
                    "#,
                    FILL
                ),
                { props.overlay }
            }
            StackItem {
                z: 0,
                style: format!(
                    r#"
                        justify-content: start;
                        overflow-x: hidden;
                        overflow-y: auto;
                        scroll-snap-type: {};
                        scroll-behaviour: smooth;
                        {}
                    "#,
                    match props.scroll_snap {
                        Some(PageScrollSnap::Mandatory) => "y mandatory",
                        Some(PageScrollSnap::Proximity) => "y proximity",
                        None => "none"
                    },
                    FILL
                ),
                { props.children }
            }
        }
    )
}