gpuikit 0.9.0

A UI toolkit for GPUI applications
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

use crate::theme::{ActiveTheme, Themeable};
use gpui::{
    AnyElement, App, IntoElement, ParentElement, RenderOnce, SharedString, Styled, Svg, Window,
    div, prelude::FluentBuilder, px, rems,
};

pub fn empty() -> Empty {
    Empty::new()
}

#[derive(IntoElement)]
pub struct Empty {
    icon: Option<Svg>,
    title: Option<SharedString>,
    description: Option<SharedString>,
    action: Option<AnyElement>,
}

impl Empty {
    pub fn new() -> Self {
        Empty {
            icon: None,
            title: None,
            description: None,
            action: None,
        }
    }

    /// Set the icon to display above the title.
    pub fn icon(mut self, icon: Svg) -> Self {
        self.icon = Some(icon);
        self
    }

    /// Set the main title/message.
    pub fn title(mut self, title: impl Into<SharedString>) -> Self {
        self.title = Some(title.into());
        self
    }

    /// Set the secondary description text.
    pub fn description(mut self, description: impl Into<SharedString>) -> Self {
        self.description = Some(description.into());
        self
    }

    /// Set an action element (typically a button).
    pub fn action(mut self, action: impl IntoElement) -> Self {
        self.action = Some(action.into_any_element());
        self
    }
}

impl Default for Empty {
    fn default() -> Self {
        Self::new()
    }
}

impl RenderOnce for Empty {
    fn render(self, _window: &mut Window, cx: &mut App) -> impl IntoElement {
        let theme = cx.theme();

        div()
            .flex()
            .flex_col()
            .items_center()
            .justify_center()
            .py(rems(2.0))
            .px(rems(1.5))
            .gap(rems(0.75))
            .when_some(self.icon, |container, icon| {
                container.child(
                    icon.size(px(48.0))
                        .text_color(theme.fg_muted().opacity(0.6)),
                )
            })
            .when_some(self.title, |container, title| {
                container.child(
                    div()
                        .text_base()
                        .font_weight(gpui::FontWeight::MEDIUM)
                        .text_color(theme.fg())
                        .text_center()
                        .child(title),
                )
            })
            .when_some(self.description, |container, description| {
                container.child(
                    div()
                        .text_sm()
                        .text_color(theme.fg_muted())
                        .text_center()
                        .max_w(px(300.0))
                        .child(description),
                )
            })
            .when_some(self.action, |container, action| {
                container.child(div().pt(rems(0.5)).child(action))
            })
    }
}