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

use gpui::{
    Div, ElementId, Hsla, InteractiveElement, IntoElement, ParentElement, RenderOnce, Styled, div,
};

use crate::theme::ActiveTheme;

pub fn shortcut_hint(hint: impl Into<String>) -> ShortcutHint {
    ShortcutHint::new(hint)
}

#[derive(IntoElement)]
pub struct ShortcutHint {
    element_id: ElementId,
    base: Div,
    hint: String,
    tone: Option<Hsla>,
}

impl ShortcutHint {
    pub fn new(hint: impl Into<String>) -> Self {
        Self {
            element_id: "ui:shortcut-hint".into(),
            base: div(),
            hint: hint.into(),
            tone: 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 tone(mut self, color: impl Into<Hsla>) -> Self {
        self.tone = Some(color.into());
        self
    }
}

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

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

impl RenderOnce for ShortcutHint {
    fn render(self, _window: &mut gpui::Window, cx: &mut gpui::App) -> impl IntoElement {
        let bg = self.tone.unwrap_or_else(|| cx.theme().surface.sunken);
        self.base
            .id(self.element_id)
            .px_2()
            .py_1()
            .rounded_sm()
            .bg(bg)
            .text_xs()
            .text_color(cx.theme().content.tertiary)
            .child(self.hint)
    }
}