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

Add disabled state for the dropdown (#190)

Browse source
This commit is contained in:
Floyd Wang 2024-08-30 09:56:12 +08:00 committed by GitHub
parent fd2f5e46f2
commit 14af8998bf
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 27 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
crates/story/src/dropdown_story.rs
View file

@ -52,6 +52,7 @@ pub struct DropdownStory {
simple_dropdown1: View<Dropdown<Vec<SharedString>>>,
simple_dropdown2: View<Dropdown<Vec<SharedString>>>,
simple_dropdown3: View<Dropdown<Vec<SharedString>>>,
disabled_dropdown: View<Dropdown<Vec<SharedString>>>,
}
impl DropdownStory {
@ -134,6 +135,11 @@ impl DropdownStory {
.child("No Data")
})
}),
disabled_dropdown: cx.new_view(|cx| {
Dropdown::new("disabled-dropdown", Vec::<SharedString>::new(), None, cx)
.small()
.disabled()
}),
}
})
}
@ -227,7 +233,8 @@ impl Render for DropdownStory {
.gap_2()
.child(self.simple_dropdown1.clone())
.child(self.simple_dropdown2.clone())
.child(self.simple_dropdown3.clone()),
.child(self.simple_dropdown3.clone())
.child(self.disabled_dropdown.clone()),
)
}
}

23
crates/ui/src/dropdown.rs
View file

@ -226,6 +226,7 @@ pub struct Dropdown<D: DropdownDelegate + 'static> {
menu_width: Length,
/// Store the bounds of the input
bounds: Bounds<Pixels>,
disabled: bool,
}
pub struct SearchableVec<T> {
@ -338,6 +339,7 @@ where
width: Length::Auto,
menu_width: Length::Auto,
bounds: Bounds::default(),
disabled: false,
};
this.set_selected_index(selected_index, cx);
this
@ -383,6 +385,12 @@ where
self
}
/// Set the disable state for the dropdown.
pub fn disabled(mut self) -> Self {
self.disabled = true;
self
}
pub fn empty<E, F>(mut self, f: F) -> Self
where
E: IntoElement,
@ -492,7 +500,7 @@ where
}
fn display_title(&self, cx: &WindowContext) -> impl IntoElement {
if let Some(selected_index) = &self.selected_index(cx) {
let title = if let Some(selected_index) = &self.selected_index(cx) {
let title = self
.list
.read(cx)
@ -513,7 +521,12 @@ where
div()
.text_color(cx.theme().accent_foreground)
.child(self.placeholder.clone())
}
};
title.when(self.disabled, |this| {
this.cursor_not_allowed()
.text_color(cx.theme().muted_foreground)
})
}
}
@ -551,6 +564,8 @@ where
let show_clean = self.cleanable && self.selected_index(cx).is_some();
let view = cx.view().clone();
let bounds = self.bounds;
let allow_open = !(self.open || self.disabled);
let outline_visible = is_focused && !self.disabled;
div()
.id(self.id.clone())
@ -582,9 +597,9 @@ where
Length::Definite(l) => this.flex_none().w(l),
Length::Auto => this.w_full(),
})
.when(is_focused, |this| this.outline(cx))
.when(outline_visible, |this| this.outline(cx))
.input_size(self.size)
.when(!self.open, |this| {
.when(allow_open, |this| {
this.on_click(cx.listener(Self::toggle_menu))
})
.child(