#![allow(missing_docs)] use std::{cell::RefCell, rc::Rc}; use gpui::{ anchored, deferred, div, point, prelude::FluentBuilder, px, size, AnyElement, Bounds, Corner, DismissEvent, DispatchPhase, Element, ElementId, GlobalElementId, HitboxId, InteractiveElement, IntoElement, LayoutId, Length, ManagedView, MouseDownEvent, ParentElement, Pixels, Point, Style, View, VisualContext, WindowContext, }; use crate::prelude::*; pub trait PopoverTrigger: IntoElement + Clickable + Toggleable + 'static {} impl PopoverTrigger for T {} impl Clickable for gpui::AnimationElement where T: Clickable + 'static, { fn on_click(self, handler: impl Fn(&gpui::ClickEvent, &mut WindowContext) + 'static) -> Self { self.map_element(|e| e.on_click(handler)) } fn cursor_style(self, cursor_style: gpui::CursorStyle) -> Self { self.map_element(|e| e.cursor_style(cursor_style)) } } impl Toggleable for gpui::AnimationElement where T: Toggleable + 'static, { fn toggle_state(self, selected: bool) -> Self { self.map_element(|e| e.toggle_state(selected)) } } pub struct PopoverMenuHandle(Rc>>>); impl Clone for PopoverMenuHandle { fn clone(&self) -> Self { Self(self.0.clone()) } } impl Default for PopoverMenuHandle { fn default() -> Self { Self(Rc::default()) } } struct PopoverMenuHandleState { menu_builder: Rc Option>>, menu: Rc>>>, } impl PopoverMenuHandle { pub fn show(&self, cx: &mut WindowContext) { if let Some(state) = self.0.borrow().as_ref() { show_menu(&state.menu_builder, &state.menu, cx); } } pub fn hide(&self, cx: &mut WindowContext) { if let Some(state) = self.0.borrow().as_ref() { if let Some(menu) = state.menu.borrow().as_ref() { menu.update(cx, |_, cx| cx.emit(DismissEvent)); } } } pub fn toggle(&self, cx: &mut WindowContext) { if let Some(state) = self.0.borrow().as_ref() { if state.menu.borrow().is_some() { self.hide(cx); } else { self.show(cx); } } } pub fn is_deployed(&self) -> bool { self.0 .borrow() .as_ref() .map_or(false, |state| state.menu.borrow().as_ref().is_some()) } pub fn is_focused(&self, cx: &WindowContext) -> bool { self.0.borrow().as_ref().map_or(false, |state| { state .menu .borrow() .as_ref() .map_or(false, |view| view.focus_handle(cx).is_focused(cx)) }) } } pub struct PopoverMenu { id: ElementId, child_builder: Option< Box< dyn FnOnce( Rc>>>, Option Option> + 'static>>, ) -> AnyElement + 'static, >, >, menu_builder: Option Option> + 'static>>, anchor: Corner, attach: Option, offset: Option>, trigger_handle: Option>, full_width: bool, } impl PopoverMenu { /// Returns a new [`PopoverMenu`]. pub fn new(id: impl Into) -> Self { Self { id: id.into(), child_builder: None, menu_builder: None, anchor: Corner::TopLeft, attach: None, offset: None, trigger_handle: None, full_width: false, } } pub fn full_width(mut self, full_width: bool) -> Self { self.full_width = full_width; self } pub fn menu(mut self, f: impl Fn(&mut WindowContext) -> Option> + 'static) -> Self { self.menu_builder = Some(Rc::new(f)); self } pub fn with_handle(mut self, handle: PopoverMenuHandle) -> Self { self.trigger_handle = Some(handle); self } pub fn trigger(mut self, t: T) -> Self { self.child_builder = Some(Box::new(|menu, builder| { let open = menu.borrow().is_some(); t.toggle_state(open) .when_some(builder, |el, builder| { el.on_click(move |_, cx| show_menu(&builder, &menu, cx)) }) .into_any_element() })); self } /// anchor defines which corner of the menu to anchor to the attachment point /// (by default the cursor position, but see attach) pub fn anchor(mut self, anchor: Corner) -> Self { self.anchor = anchor; self } /// attach defines which corner of the handle to attach the menu's anchor to pub fn attach(mut self, attach: Corner) -> Self { self.attach = Some(attach); self } /// offset offsets the position of the content by that many pixels. pub fn offset(mut self, offset: Point) -> Self { self.offset = Some(offset); self } fn resolved_attach(&self) -> Corner { self.attach.unwrap_or(match self.anchor { Corner::TopLeft => Corner::BottomLeft, Corner::TopRight => Corner::BottomRight, Corner::BottomLeft => Corner::TopLeft, Corner::BottomRight => Corner::TopRight, }) } fn resolved_offset(&self, cx: &WindowContext) -> Point { self.offset.unwrap_or_else(|| { // Default offset = 4px padding + 1px border let offset = rems_from_px(5.) * cx.rem_size(); match self.anchor { Corner::TopRight | Corner::BottomRight => point(offset, px(0.)), Corner::TopLeft | Corner::BottomLeft => point(-offset, px(0.)), } }) } } fn show_menu( builder: &Rc Option>>, menu: &Rc>>>, cx: &mut WindowContext, ) { let Some(new_menu) = (builder)(cx) else { return; }; let menu2 = menu.clone(); let previous_focus_handle = cx.focused(); cx.subscribe(&new_menu, move |modal, _: &DismissEvent, cx| { if modal.focus_handle(cx).contains_focused(cx) { if let Some(previous_focus_handle) = previous_focus_handle.as_ref() { cx.focus(previous_focus_handle); } } *menu2.borrow_mut() = None; cx.refresh(); }) .detach(); cx.focus_view(&new_menu); *menu.borrow_mut() = Some(new_menu); cx.refresh(); } pub struct PopoverMenuElementState { menu: Rc>>>, child_bounds: Option>, } impl Clone for PopoverMenuElementState { fn clone(&self) -> Self { Self { menu: Rc::clone(&self.menu), child_bounds: self.child_bounds, } } } impl Default for PopoverMenuElementState { fn default() -> Self { Self { menu: Rc::default(), child_bounds: None, } } } pub struct PopoverMenuFrameState { child_layout_id: Option, child_element: Option, menu_element: Option, menu_handle: Rc>>>, } impl Element for PopoverMenu { type RequestLayoutState = PopoverMenuFrameState; type PrepaintState = Option; fn id(&self) -> Option { Some(self.id.clone()) } fn request_layout( &mut self, global_id: Option<&GlobalElementId>, cx: &mut WindowContext, ) -> (gpui::LayoutId, Self::RequestLayoutState) { cx.with_element_state( global_id.unwrap(), |element_state: Option>, cx| { let element_state = element_state.unwrap_or_default(); let mut menu_layout_id = None; let menu_element = element_state.menu.borrow_mut().as_mut().map(|menu| { let offset = self.resolved_offset(cx); let mut anchored = anchored() .snap_to_window_with_margin(px(8.)) .anchor(self.anchor) .offset(offset); if let Some(child_bounds) = element_state.child_bounds { anchored = anchored.position(child_bounds.corner(self.resolved_attach()) + offset); } let mut element = deferred(anchored.child(div().occlude().child(menu.clone()))) .with_priority(1) .into_any(); menu_layout_id = Some(element.request_layout(cx)); element }); let mut child_element = self.child_builder.take().map(|child_builder| { (child_builder)(element_state.menu.clone(), self.menu_builder.clone()) }); if let Some(trigger_handle) = self.trigger_handle.take() { if let Some(menu_builder) = self.menu_builder.clone() { *trigger_handle.0.borrow_mut() = Some(PopoverMenuHandleState { menu_builder, menu: element_state.menu.clone(), }); } } let child_layout_id = child_element .as_mut() .map(|child_element| child_element.request_layout(cx)); let mut style = Style::default(); if self.full_width { style.size = size(relative(1.).into(), Length::Auto); } let layout_id = cx.request_layout(style, menu_layout_id.into_iter().chain(child_layout_id)); ( ( layout_id, PopoverMenuFrameState { child_element, child_layout_id, menu_element, menu_handle: element_state.menu.clone(), }, ), element_state, ) }, ) } fn prepaint( &mut self, global_id: Option<&GlobalElementId>, _bounds: Bounds, request_layout: &mut Self::RequestLayoutState, cx: &mut WindowContext, ) -> Option { if let Some(child) = request_layout.child_element.as_mut() { child.prepaint(cx); } if let Some(menu) = request_layout.menu_element.as_mut() { menu.prepaint(cx); } request_layout.child_layout_id.map(|layout_id| { let bounds = cx.layout_bounds(layout_id); cx.with_element_state(global_id.unwrap(), |element_state, _cx| { let mut element_state: PopoverMenuElementState = element_state.unwrap(); element_state.child_bounds = Some(bounds); ((), element_state) }); cx.insert_hitbox(bounds, false).id }) } fn paint( &mut self, _id: Option<&GlobalElementId>, _: Bounds, request_layout: &mut Self::RequestLayoutState, child_hitbox: &mut Option, cx: &mut WindowContext, ) { if let Some(mut child) = request_layout.child_element.take() { child.paint(cx); } if let Some(mut menu) = request_layout.menu_element.take() { menu.paint(cx); if let Some(child_hitbox) = *child_hitbox { let menu_handle = request_layout.menu_handle.clone(); // Mouse-downing outside the menu dismisses it, so we don't // want a click on the toggle to re-open it. cx.on_mouse_event(move |_: &MouseDownEvent, phase, cx| { if phase == DispatchPhase::Bubble && child_hitbox.is_hovered(cx) { if let Some(menu) = menu_handle.borrow().as_ref() { menu.update(cx, |_, cx| { cx.emit(DismissEvent); }); } cx.stop_propagation(); } }) } } } } impl IntoElement for PopoverMenu { type Element = Self; fn into_element(self) -> Self::Element { self } }