dan/gpui-component
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

alert: Add to support styled. (#736)

Browse source
This commit is contained in:
Jason Lee 2025-03-25 15:04:28 +08:00 committed by GitHub
parent 22d9394266
commit 814ea0e824
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 79 additions and 69 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

58
README.md
View file

@ -7,38 +7,38 @@ UI components for building fantastic desktop application by using [GPUI](https:/
## Features ## Features
- Accordion
- Alert
- Badge
- Breadcrumb
- Button, Link
- Checkbox, Radio, Switch
- ColorPicker
- DatePicker, DateRangePicker, Calendar
- Dock, Tiles
- Drawer
- Dropdown
- Icon
- Label
- List
- Menu
- Modal
- Notification
- Popover
- Progress & Indicator
- Resizable
- Sidebar
- Skeleton
- Slider
- Table
- Tabs
- TextInput, TextArea, OtpInput
- TextView (Markdown, Simple HTML) to native rendering, syntax highlighting.
- Theming - Theming
- TitleBar - TitleBar
- Dock, Tiles
- TextInput, TextArea, OtpInput
- Button, Link
- Label
- Icon
- Checkbox, Radio, Switch
- Dropdown
- Tabs
- Notification
- Tooltip
- Popover
- Resizable
- Progress & Indicator
- Slider
- Skeleton
- DatePicker, DateRangePicker, Calendar
- ColorPicker
- List
- Table
- Menu
- Drawer
- Modal
- WebView
- Accordion
- Sidebar
- Breadcrumb
- Badge
- TextView (Markdown, Simple HTML) to native rendering, syntax highlighting.
- Toggle, ToggleGroup - Toggle, ToggleGroup
- Alert - Tooltip
- WebView
## Showcase ## Showcase

14
crates/ui/src/alert.rs
View file

@ -1,6 +1,6 @@
use gpui::{ use gpui::{
div, prelude::FluentBuilder as _, px, relative, App, Hsla, IntoElement, ParentElement as _, div, prelude::FluentBuilder as _, px, relative, App, Div, Hsla, IntoElement,
RenderOnce, SharedString, Styled, Window, ParentElement as _, RenderOnce, SharedString, Styled, Window,
}; };
use crate::{h_flex, text::Text, ActiveTheme as _, Icon, IconName, Sizable, Size, StyledExt}; use crate::{h_flex, text::Text, ActiveTheme as _, Icon, IconName, Sizable, Size, StyledExt};
@ -37,6 +37,7 @@ impl AlertVariant {
/// Alert used to display a message to the user. /// Alert used to display a message to the user.
#[derive(IntoElement)] #[derive(IntoElement)]
pub struct Alert { pub struct Alert {
base: Div,
variant: AlertVariant, variant: AlertVariant,
icon: Option<Icon>, icon: Option<Icon>,
title: Option<SharedString>, title: Option<SharedString>,
@ -48,6 +49,7 @@ impl Alert {
/// Create a new alert with the given message. /// Create a new alert with the given message.
fn new(message: impl Into<Text>) -> Self { fn new(message: impl Into<Text>) -> Self {
Self { Self {
base: div(),
variant: AlertVariant::default(), variant: AlertVariant::default(),
icon: None, icon: None,
title: None, title: None,
@ -110,6 +112,12 @@ impl Sizable for Alert {
} }
} }
impl Styled for Alert {
fn style(&mut self) -> &mut gpui::StyleRefinement {
self.base.style()
}
}
impl RenderOnce for Alert { impl RenderOnce for Alert {
fn render(self, _: &mut Window, cx: &mut App) -> impl IntoElement { fn render(self, _: &mut Window, cx: &mut App) -> impl IntoElement {
let (radius, padding_x, padding_y, gap, line_height, icon_mt) = match self.size { let (radius, padding_x, padding_y, gap, line_height, icon_mt) = match self.size {
@ -135,6 +143,7 @@ impl RenderOnce for Alert {
let color = self.variant.color(cx); let color = self.variant.color(cx);
self.base.child(
h_flex() h_flex()
.rounded(radius) .rounded(radius)
.border_1() .border_1()
@ -173,6 +182,7 @@ impl RenderOnce for Alert {
) )
}) })
.child(div().overflow_hidden().child(self.message)), .child(div().overflow_hidden().child(self.message)),
),
) )
} }
} }