michiu_ui 0.0.3

The michiu library handles layout and rendering.
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

pub mod header;
pub mod main_area;
pub mod sidebar;
pub mod theme;

use crate::app::theme::Theme;
use michiu_ui::prelude::*;

pub fn create_root() -> Element {
    let (theme, _) = create_signal(Theme::dark());
    let (comp_type, _) = create_signal(ComponentType::Div);

    let (search_text, _) = create_signal(SearchText(String::new()));
    let (sort_order, _) = create_signal(SidebarSortOrder::Ascending);

    v_flex(move || {
        ts().size_full()
            .bg_color(theme.get().background)
            .backdrop_acrylic() // 背景色は不透明のため見た目は変化しない
    })
    .provide(theme)
    .provide(comp_type)
    .provide(search_text)
    .provide(sort_order)
    .children([
        header::header(),
        h_flex(ts().grow().size_full().overflow_hidden())
            .children([sidebar::sidebar(), main_area::main_area()]),
    ])
}

#[derive(Debug, Clone, PartialEq, Eq)]
pub struct SearchText(String);

#[derive(Debug, Clone, Copy, PartialEq, Eq)]
pub enum SidebarSortOrder {
    Ascending,
    Descending,
}

#[derive(Debug, Clone, Copy, PartialEq, Eq, strum::Display, strum::EnumIter)]
pub enum ComponentType {
    Button,
    Input,
    InputArea,
    Scrollbar,
    Border,
    Card,
    Background,
    Div,
    Flexbox,
    Dropdown,
    List,
    Hover,
    Color,
    Resizable,
    Draggable,
    Css,
    Gradient,
    Cursor,
    Outline,
    Focusable,
    StressTest,
    Image,
    ExternalVisual,
    Accessibility,
    Size,
}