gpuikit 0.8.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

use crate::theme::{ActiveTheme, ControlSize, Themeable};
use crate::traits::control_sized::ControlSized;
use gpui::{
    div, App, FontWeight, IntoElement, ParentElement, RenderOnce, SharedString, Styled, Window,
};

pub fn badge(label: impl Into<SharedString>) -> Badge {
    Badge::new(label)
}

#[derive(Default, Clone, Copy, PartialEq, Eq)]
pub enum BadgeVariant {
    #[default]
    Default,
    Secondary,
    Outline,
    Destructive,
}

#[derive(IntoElement)]
pub struct Badge {
    label: SharedString,
    variant: BadgeVariant,
    size: ControlSize,
}

impl Badge {
    pub fn new(label: impl Into<SharedString>) -> Self {
        Badge {
            label: label.into(),
            variant: BadgeVariant::Default,
            size: ControlSize::default(),
        }
    }

    pub fn variant(mut self, variant: BadgeVariant) -> Self {
        self.variant = variant;
        self
    }

    pub fn secondary(mut self) -> Self {
        self.variant = BadgeVariant::Secondary;
        self
    }

    pub fn outline(mut self) -> Self {
        self.variant = BadgeVariant::Outline;
        self
    }

    pub fn destructive(mut self) -> Self {
        self.variant = BadgeVariant::Destructive;
        self
    }
}

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

        let (bg, text_color, border_color) = match self.variant {
            BadgeVariant::Default => (theme.accent(), theme.bg(), theme.accent()),
            BadgeVariant::Secondary => (
                theme.surface_secondary(),
                theme.fg(),
                theme.surface_secondary(),
            ),
            BadgeVariant::Outline => (theme.bg().opacity(0.0), theme.fg(), theme.border()),
            BadgeVariant::Destructive => (theme.danger(), theme.bg(), theme.danger()),
        };

        div()
            // A declared height, rather than padding plus a line box and
            // whatever that came to: the badge sits on the same rung as the
            // controls beside it.
            .h(metrics.height)
            .flex()
            .flex_none()
            .items_center()
            .px(metrics.padding_x)
            .rounded(metrics.radius)
            .text_size(metrics.text_size)
            .font_weight(FontWeight::SEMIBOLD)
            .line_height(metrics.line_height)
            .bg(bg)
            .text_color(text_color)
            .border_1()
            .border_color(border_color)
            .whitespace_nowrap()
            .child(self.label)
    }
}

impl ControlSized for Badge {
    fn control_size(mut self, size: ControlSize) -> Self {
        self.size = size;
        self
    }
}