gpuikit 0.4.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
103
104
105
106
107
108
109

//! Separator component for gpuikit
//!
//! A visual divider that can be horizontal or vertical.

use crate::theme::{ActiveTheme, Themeable};
use crate::traits::orientable::{Orientable, Orientation};
use gpui::{div, px, IntoElement, Pixels, Styled};

/// A separator component for visually dividing content.
#[derive(IntoElement)]
pub struct Separator {
    orientation: Orientation,
    size: Option<Pixels>,
    inset: Option<Pixels>,
}

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

impl Separator {
    pub fn new() -> Self {
        Self {
            orientation: Orientation::Horizontal,
            size: None,
            inset: None,
        }
    }

    /// Set the size (length) of the separator.
    /// For horizontal separators, this sets the width.
    /// For vertical separators, this sets the height.
    /// If not set, the separator will fill its container.
    pub fn size(mut self, size: impl Into<Pixels>) -> Self {
        self.size = Some(size.into());
        self
    }

    /// Set inset (margin) on both ends of the separator
    pub fn inset(mut self, inset: impl Into<Pixels>) -> Self {
        self.inset = Some(inset.into());
        self
    }
}

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

        let base = div().flex_shrink_0().bg(border_color);

        match self.orientation {
            Orientation::Horizontal => {
                let el = base.h(px(1.0)).w_full();
                let el = if let Some(size) = self.size {
                    el.w(size)
                } else {
                    el
                };
                if let Some(inset) = self.inset {
                    el.mx(inset)
                } else {
                    el
                }
            }
            Orientation::Vertical => {
                let el = base.w(px(1.0)).h_full();
                let el = if let Some(size) = self.size {
                    el.h(size)
                } else {
                    el
                };
                if let Some(inset) = self.inset {
                    el.my(inset)
                } else {
                    el
                }
            }
        }
    }
}

/// Convenience function to create a horizontal separator
pub fn separator() -> Separator {
    Separator::new().horizontal()
}

/// Convenience function to create a vertical separator
pub fn vertical_separator() -> Separator {
    Separator::new().vertical()
}

impl Orientable for Separator {
    fn orientation(mut self, orientation: Orientation) -> Self {
        self.orientation = orientation;
        self
    }

    fn horizontal(self) -> Self {
        self.orientation(Orientation::Horizontal)
    }

    fn vertical(self) -> Self {
        self.orientation(Orientation::Vertical)
    }
}