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

input: Implement styled for number input (#1333)

Browse source
This commit is contained in:
Floyd Wang 2025-10-08 10:36:28 +08:00 committed by GitHub
parent c579db975f
commit c3954b0455
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 11 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
crates/ui/src/input/number_input.rs
View file

@ -1,7 +1,7 @@
use gpui::{ use gpui::{
actions, prelude::FluentBuilder as _, px, AnyElement, App, Context, Entity, EventEmitter, actions, prelude::FluentBuilder as _, px, AnyElement, App, Context, Entity, EventEmitter,
FocusHandle, Focusable, InteractiveElement, IntoElement, KeyBinding, ParentElement, RenderOnce, FocusHandle, Focusable, InteractiveElement, IntoElement, KeyBinding, ParentElement, RenderOnce,
SharedString, Styled, Window, SharedString, StyleRefinement, Styled, Window,
}; };
use crate::{ use crate::{
@ -31,6 +31,7 @@ pub struct NumberInput {
suffix: Option<AnyElement>, suffix: Option<AnyElement>,
appearance: bool, appearance: bool,
disabled: bool, disabled: bool,
style: StyleRefinement,
} }
impl NumberInput { impl NumberInput {
@ -44,6 +45,7 @@ impl NumberInput {
suffix: None, suffix: None,
appearance: true, appearance: true,
disabled: false, disabled: false,
style: StyleRefinement::default(),
} }
} }
@ -133,6 +135,13 @@ impl Sizable for NumberInput {
self self
} }
} }
impl Styled for NumberInput {
fn style(&mut self) -> &mut StyleRefinement {
&mut self.style
}
}
impl RenderOnce for NumberInput { impl RenderOnce for NumberInput {
fn render(self, window: &mut Window, cx: &mut App) -> impl IntoElement { fn render(self, window: &mut Window, cx: &mut App) -> impl IntoElement {
let focused = self.state.focus_handle(cx).is_focused(window); let focused = self.state.focus_handle(cx).is_focused(window);
@ -150,6 +159,7 @@ impl RenderOnce for NumberInput {
.border_color(cx.theme().input) .border_color(cx.theme().input)
.border_1() .border_1()
.rounded(cx.theme().radius) .rounded(cx.theme().radius)
.refine_style(&self.style)
}) })
.when(self.disabled, |this| this.bg(cx.theme().muted)) .when(self.disabled, |this| this.bg(cx.theme().muted))
.when(focused, |this| this.focused_border(cx)) .when(focused, |this| this.focused_border(cx))