move component into gpui
This commit is contained in:
parent
3623a9ca5e
commit
7d3ffae47d
3 changed files with 95 additions and 95 deletions
|
@ -1,9 +1,8 @@
|
||||||
use button_component::Button;
|
use button_component::Button;
|
||||||
|
|
||||||
use component::Component;
|
|
||||||
use gpui::{
|
use gpui::{
|
||||||
color::Color,
|
color::Color,
|
||||||
elements::{ContainerStyle, Flex, Label, ParentElement},
|
elements::{Component, ContainerStyle, Flex, Label, ParentElement},
|
||||||
fonts::{self, TextStyle},
|
fonts::{self, TextStyle},
|
||||||
platform::WindowOptions,
|
platform::WindowOptions,
|
||||||
AnyElement, App, Element, Entity, View, ViewContext,
|
AnyElement, App, Element, Entity, View, ViewContext,
|
||||||
|
@ -115,12 +114,12 @@ mod theme {
|
||||||
// Component creation:
|
// Component creation:
|
||||||
mod toggleable_button {
|
mod toggleable_button {
|
||||||
use gpui::{
|
use gpui::{
|
||||||
elements::{ContainerStyle, LabelStyle},
|
elements::{Component, ContainerStyle, LabelStyle},
|
||||||
scene::MouseClick,
|
scene::MouseClick,
|
||||||
EventContext, View,
|
EventContext, View,
|
||||||
};
|
};
|
||||||
|
|
||||||
use crate::{button_component::Button, component::Component, theme::Toggleable};
|
use crate::{button_component::Button, theme::Toggleable};
|
||||||
|
|
||||||
pub struct ToggleableButton<V: View> {
|
pub struct ToggleableButton<V: View> {
|
||||||
active: bool,
|
active: bool,
|
||||||
|
@ -172,14 +171,12 @@ mod toggleable_button {
|
||||||
mod button_component {
|
mod button_component {
|
||||||
|
|
||||||
use gpui::{
|
use gpui::{
|
||||||
elements::{ContainerStyle, Label, LabelStyle, MouseEventHandler},
|
elements::{Component, ContainerStyle, Label, LabelStyle, MouseEventHandler},
|
||||||
platform::MouseButton,
|
platform::MouseButton,
|
||||||
scene::MouseClick,
|
scene::MouseClick,
|
||||||
AnyElement, Element, EventContext, TypeTag, View, ViewContext,
|
AnyElement, Element, EventContext, TypeTag, View, ViewContext,
|
||||||
};
|
};
|
||||||
|
|
||||||
use crate::component::Component;
|
|
||||||
|
|
||||||
type ClickHandler<V> = Box<dyn Fn(MouseClick, &mut V, &mut EventContext<V>)>;
|
type ClickHandler<V> = Box<dyn Fn(MouseClick, &mut V, &mut EventContext<V>)>;
|
||||||
|
|
||||||
pub struct Button<V: View> {
|
pub struct Button<V: View> {
|
||||||
|
@ -238,88 +235,3 @@ mod button_component {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
mod component {
|
|
||||||
|
|
||||||
use gpui::{AnyElement, Element, View, ViewContext};
|
|
||||||
use pathfinder_geometry::vector::Vector2F;
|
|
||||||
|
|
||||||
pub trait Component<V: View> {
|
|
||||||
fn render(self, v: &mut V, cx: &mut ViewContext<V>) -> AnyElement<V>;
|
|
||||||
|
|
||||||
fn into_element(self) -> ComponentAdapter<V, Self>
|
|
||||||
where
|
|
||||||
Self: Sized,
|
|
||||||
{
|
|
||||||
ComponentAdapter::new(self)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
pub struct ComponentAdapter<V, E> {
|
|
||||||
component: Option<E>,
|
|
||||||
phantom: std::marker::PhantomData<V>,
|
|
||||||
}
|
|
||||||
|
|
||||||
impl<E, V> ComponentAdapter<V, E> {
|
|
||||||
pub fn new(e: E) -> Self {
|
|
||||||
Self {
|
|
||||||
component: Some(e),
|
|
||||||
phantom: std::marker::PhantomData,
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
impl<V: View, C: Component<V> + 'static> Element<V> for ComponentAdapter<V, C> {
|
|
||||||
type LayoutState = AnyElement<V>;
|
|
||||||
|
|
||||||
type PaintState = ();
|
|
||||||
|
|
||||||
fn layout(
|
|
||||||
&mut self,
|
|
||||||
constraint: gpui::SizeConstraint,
|
|
||||||
view: &mut V,
|
|
||||||
cx: &mut gpui::LayoutContext<V>,
|
|
||||||
) -> (Vector2F, Self::LayoutState) {
|
|
||||||
let component = self.component.take().unwrap();
|
|
||||||
let mut element = component.render(view, cx.view_context());
|
|
||||||
let constraint = element.layout(constraint, view, cx);
|
|
||||||
(constraint, element)
|
|
||||||
}
|
|
||||||
|
|
||||||
fn paint(
|
|
||||||
&mut self,
|
|
||||||
scene: &mut gpui::SceneBuilder,
|
|
||||||
bounds: gpui::geometry::rect::RectF,
|
|
||||||
visible_bounds: gpui::geometry::rect::RectF,
|
|
||||||
layout: &mut Self::LayoutState,
|
|
||||||
view: &mut V,
|
|
||||||
cx: &mut gpui::PaintContext<V>,
|
|
||||||
) -> Self::PaintState {
|
|
||||||
layout.paint(scene, bounds.origin(), visible_bounds, view, cx)
|
|
||||||
}
|
|
||||||
|
|
||||||
fn rect_for_text_range(
|
|
||||||
&self,
|
|
||||||
_: std::ops::Range<usize>,
|
|
||||||
_: gpui::geometry::rect::RectF,
|
|
||||||
_: gpui::geometry::rect::RectF,
|
|
||||||
_: &Self::LayoutState,
|
|
||||||
_: &Self::PaintState,
|
|
||||||
_: &V,
|
|
||||||
_: &ViewContext<V>,
|
|
||||||
) -> Option<gpui::geometry::rect::RectF> {
|
|
||||||
todo!()
|
|
||||||
}
|
|
||||||
|
|
||||||
fn debug(
|
|
||||||
&self,
|
|
||||||
_: gpui::geometry::rect::RectF,
|
|
||||||
_: &Self::LayoutState,
|
|
||||||
_: &Self::PaintState,
|
|
||||||
_: &V,
|
|
||||||
_: &ViewContext<V>,
|
|
||||||
) -> serde_json::Value {
|
|
||||||
todo!()
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
|
@ -1,6 +1,7 @@
|
||||||
mod align;
|
mod align;
|
||||||
mod canvas;
|
mod canvas;
|
||||||
mod clipped;
|
mod clipped;
|
||||||
|
mod component;
|
||||||
mod constrained_box;
|
mod constrained_box;
|
||||||
mod container;
|
mod container;
|
||||||
mod empty;
|
mod empty;
|
||||||
|
@ -21,9 +22,9 @@ mod tooltip;
|
||||||
mod uniform_list;
|
mod uniform_list;
|
||||||
|
|
||||||
pub use self::{
|
pub use self::{
|
||||||
align::*, canvas::*, constrained_box::*, container::*, empty::*, flex::*, hook::*, image::*,
|
align::*, canvas::*, component::*, constrained_box::*, container::*, empty::*, flex::*,
|
||||||
keystroke_label::*, label::*, list::*, mouse_event_handler::*, overlay::*, resizable::*,
|
hook::*, image::*, keystroke_label::*, label::*, list::*, mouse_event_handler::*, overlay::*,
|
||||||
stack::*, svg::*, text::*, tooltip::*, uniform_list::*,
|
resizable::*, stack::*, svg::*, text::*, tooltip::*, uniform_list::*,
|
||||||
};
|
};
|
||||||
pub use crate::window::ChildView;
|
pub use crate::window::ChildView;
|
||||||
|
|
||||||
|
|
87
crates/gpui/src/elements/component.rs
Normal file
87
crates/gpui/src/elements/component.rs
Normal file
|
@ -0,0 +1,87 @@
|
||||||
|
use std::marker::PhantomData;
|
||||||
|
|
||||||
|
use pathfinder_geometry::{rect::RectF, vector::Vector2F};
|
||||||
|
|
||||||
|
use crate::{
|
||||||
|
AnyElement, Element, LayoutContext, PaintContext, SceneBuilder, SizeConstraint, View,
|
||||||
|
ViewContext,
|
||||||
|
};
|
||||||
|
|
||||||
|
pub trait Component<V: View> {
|
||||||
|
fn render(self, v: &mut V, cx: &mut ViewContext<V>) -> AnyElement<V>;
|
||||||
|
|
||||||
|
fn into_element(self) -> ComponentAdapter<V, Self>
|
||||||
|
where
|
||||||
|
Self: Sized,
|
||||||
|
{
|
||||||
|
ComponentAdapter::new(self)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
pub struct ComponentAdapter<V, E> {
|
||||||
|
component: Option<E>,
|
||||||
|
phantom: PhantomData<V>,
|
||||||
|
}
|
||||||
|
|
||||||
|
impl<E, V> ComponentAdapter<V, E> {
|
||||||
|
pub fn new(e: E) -> Self {
|
||||||
|
Self {
|
||||||
|
component: Some(e),
|
||||||
|
phantom: PhantomData,
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
impl<V: View, C: Component<V> + 'static> Element<V> for ComponentAdapter<V, C> {
|
||||||
|
type LayoutState = AnyElement<V>;
|
||||||
|
|
||||||
|
type PaintState = ();
|
||||||
|
|
||||||
|
fn layout(
|
||||||
|
&mut self,
|
||||||
|
constraint: SizeConstraint,
|
||||||
|
view: &mut V,
|
||||||
|
cx: &mut LayoutContext<V>,
|
||||||
|
) -> (Vector2F, Self::LayoutState) {
|
||||||
|
let component = self.component.take().unwrap();
|
||||||
|
let mut element = component.render(view, cx.view_context());
|
||||||
|
let constraint = element.layout(constraint, view, cx);
|
||||||
|
(constraint, element)
|
||||||
|
}
|
||||||
|
|
||||||
|
fn paint(
|
||||||
|
&mut self,
|
||||||
|
scene: &mut SceneBuilder,
|
||||||
|
bounds: RectF,
|
||||||
|
visible_bounds: RectF,
|
||||||
|
layout: &mut Self::LayoutState,
|
||||||
|
view: &mut V,
|
||||||
|
cx: &mut PaintContext<V>,
|
||||||
|
) -> Self::PaintState {
|
||||||
|
layout.paint(scene, bounds.origin(), visible_bounds, view, cx)
|
||||||
|
}
|
||||||
|
|
||||||
|
fn rect_for_text_range(
|
||||||
|
&self,
|
||||||
|
range_utf16: std::ops::Range<usize>,
|
||||||
|
_: RectF,
|
||||||
|
_: RectF,
|
||||||
|
element: &Self::LayoutState,
|
||||||
|
_: &Self::PaintState,
|
||||||
|
view: &V,
|
||||||
|
cx: &ViewContext<V>,
|
||||||
|
) -> Option<RectF> {
|
||||||
|
element.rect_for_text_range(range_utf16, view, cx)
|
||||||
|
}
|
||||||
|
|
||||||
|
fn debug(
|
||||||
|
&self,
|
||||||
|
_: RectF,
|
||||||
|
element: &Self::LayoutState,
|
||||||
|
_: &Self::PaintState,
|
||||||
|
view: &V,
|
||||||
|
cx: &ViewContext<V>,
|
||||||
|
) -> serde_json::Value {
|
||||||
|
element.debug(view, cx)
|
||||||
|
}
|
||||||
|
}
|
Loading…
Add table
Add a link
Reference in a new issue