yororen_ui 0.2.0

Reusable UI components and widgets built on top of 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

use gpui::{
    Div, ElementId, InteractiveElement, IntoElement, ParentElement, RenderOnce, SharedString,
    StatefulInteractiveElement, Styled, div, prelude::FluentBuilder,
};

use crate::component::Icon;

pub fn text(text: impl Into<SharedString>) -> Text {
    Text::new(text)
}

#[derive(IntoElement)]
pub struct Text {
    element_id: ElementId,
    base: Div,
    text: SharedString,
    icon: Option<Icon>,
}

impl Text {
    pub fn new(text: impl Into<SharedString>) -> Self {
        Self {
            element_id: "ui:text".into(),
            base: div(),
            text: text.into(),
            icon: None,
        }
    }

    pub fn id(mut self, id: impl Into<ElementId>) -> Self {
        self.element_id = id.into();
        self
    }

    /// Alias for `id(...)`. Use `key(...)` when you want to emphasize state identity.
    pub fn key(self, key: impl Into<ElementId>) -> Self {
        self.id(key)
    }

    pub fn with_icon(mut self, icon: impl Into<Icon>) -> Self {
        self.icon = Some(icon.into());
        self
    }
}

impl ParentElement for Text {
    fn extend(&mut self, elements: impl IntoIterator<Item = gpui::AnyElement>) {
        self.base.extend(elements);
    }
}

impl Styled for Text {
    fn style(&mut self) -> &mut gpui::StyleRefinement {
        self.base.style()
    }
}

impl InteractiveElement for Text {
    fn interactivity(&mut self) -> &mut gpui::Interactivity {
        self.base.interactivity()
    }
}

impl StatefulInteractiveElement for Text {}

impl RenderOnce for Text {
    fn render(self, _window: &mut gpui::Window, _cx: &mut gpui::App) -> impl gpui::IntoElement {
        self.base
            .id(self.element_id)
            .flex()
            .items_center()
            .gap_2()
            .when(self.icon.is_some(), |this| this.child(self.icon.unwrap()))
            .child(self.text)
    }
}