gpui-component 0.5.1

UI components for building fantastic desktop application by using GPUI.
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

use crate::{h_flex, skeleton::Skeleton, v_flex, ActiveTheme, Size};
use gpui::{prelude::FluentBuilder as _, IntoElement, ParentElement as _, RenderOnce, Styled};

#[derive(IntoElement)]
pub(super) struct Loading {
    size: Size,
}

impl Loading {
    pub(super) fn new() -> Self {
        Self { size: Size::Medium }
    }

    pub(super) fn size(mut self, size: Size) -> Self {
        self.size = size;
        self
    }
}

#[derive(IntoElement)]
struct LoadingRow {
    header: bool,
    size: Size,
}

impl LoadingRow {
    fn header() -> Self {
        Self {
            header: true,
            size: Size::Medium,
        }
    }

    fn row() -> Self {
        Self {
            header: false,
            size: Size::Medium,
        }
    }

    fn size(mut self, size: Size) -> Self {
        self.size = size;
        self
    }
}

impl RenderOnce for LoadingRow {
    fn render(self, _: &mut gpui::Window, cx: &mut gpui::App) -> impl IntoElement {
        let paddings = self.size.table_cell_padding();
        let height = self.size.table_row_height() * 0.5;

        h_flex()
            .gap_3()
            .h(self.size.table_row_height())
            .overflow_hidden()
            .pt(paddings.top)
            .pb(paddings.bottom)
            .pl(paddings.left)
            .pr(paddings.right)
            .items_center()
            .justify_between()
            .overflow_hidden()
            .when(self.header, |this| this.bg(cx.theme().table_head))
            .when(!self.header, |this| {
                this.border_t_1().border_color(cx.theme().table_row_border)
            })
            .child(
                h_flex()
                    .gap_3()
                    .flex_1()
                    .child(
                        Skeleton::new()
                            .when(self.header, |this| this.secondary())
                            .h(height)
                            .w_24(),
                    )
                    .child(
                        Skeleton::new()
                            .when(self.header, |this| this.secondary())
                            .h(height)
                            .w_48(),
                    )
                    .child(
                        Skeleton::new()
                            .when(self.header, |this| this.secondary())
                            .h(height)
                            .w_16(),
                    ),
            )
            .child(
                Skeleton::new()
                    .when(self.header, |this| this.secondary())
                    .h(height)
                    .w_24(),
            )
    }
}

impl RenderOnce for Loading {
    fn render(self, _window: &mut gpui::Window, _cx: &mut gpui::App) -> impl IntoElement {
        v_flex()
            .gap_0()
            .child(LoadingRow::header().size(self.size))
            .child(LoadingRow::row().size(self.size))
            .child(LoadingRow::row().size(self.size))
            .child(LoadingRow::row().size(self.size))
            .child(LoadingRow::row().size(self.size))
    }
}