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

popover: Fix PopoverContent content build to use ViewContext<Self>. (#254)

Browse source 
And add popover self dismiss example.

## How to dismiss popover from inside.

```rs
cx.emit(DismissEvent);
```
This commit is contained in:
Jason Lee 2024-09-19 10:54:04 +08:00 committed by GitHub
parent 9fc7b29f23
commit 20926b7077
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 29 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

32
crates/story/src/popup_story.rs
View file

@ -14,7 +14,7 @@ use ui::{
popover::{Popover, PopoverContent},
popup_menu::PopupMenuExt,
switch::Switch,
v_flex, IconName, Sizable,
v_flex, ContextModal, IconName, Sizable,
};
#[derive(Clone, PartialEq, Deserialize)]
@ -309,10 +309,32 @@ impl Render for PopupStory {
)
.child(Divider::horizontal())
.child(
Button::new("info1", cx)
.label("Yes")
.w(px(80.))
.small(),
h_flex()
.gap_4()
.child(
Button::new("info1", cx)
.label("Ok")
.w(px(80.))
.small()
.on_click(cx.listener(
|_, _, cx| {
cx.push_notification(
"You have clicked Ok.",
);
cx.emit(DismissEvent);
},
)),
)
.child(
Button::new("close", cx)
.label("Cancel")
.small()
.on_click(cx.listener(
|_, _, cx| {
cx.emit(DismissEvent);
},
)),
),
)
.into_any()
})

4
crates/ui/src/popover.rs
View file

@ -19,14 +19,14 @@ pub fn init(cx: &mut AppContext) {
pub struct PopoverContent {
focus_handle: FocusHandle,
content: Rc<dyn Fn(&mut WindowContext) -> AnyElement>,
content: Rc<dyn Fn(&mut ViewContext<Self>) -> AnyElement>,
max_width: Option<Pixels>,
}
impl PopoverContent {
pub fn new<B>(cx: &mut WindowContext, content: B) -> Self
where
B: Fn(&mut WindowContext) -> AnyElement + 'static,
B: Fn(&mut ViewContext<Self>) -> AnyElement + 'static,
{
let focus_handle = cx.focus_handle();