guise-ui 1.4.0

A component library for gpui, Zed's GPU-accelerated UI framework: a themed palette, sizing tokens, 130+ composable components, a reactive state layer, and an in-app Safari-style inspector.
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64

//! `Draggable` — make any element the source of a typed drag.

use gpui::prelude::*;
use gpui::{div, AnyElement, App, ElementId, IntoElement, SharedString, Window};

use super::chip::DragChip;
use crate::devtools::Probed;

/// Wraps a child so dragging it carries `payload`; pair with a
/// [`DropTarget`](super::DropTarget) of the same payload type.
///
/// ```ignore
/// Draggable::new("card-3", CardId(3))
///     .label("Q3 report")
///     .child(Card::new().child(summary))
/// ```
#[derive(IntoElement)]
pub struct Draggable<T: Clone + 'static> {
    id: ElementId,
    payload: T,
    label: SharedString,
    child: Option<AnyElement>,
}

impl<T: Clone + 'static> Draggable<T> {
    pub fn new(id: impl Into<ElementId>, payload: T) -> Self {
        Draggable {
            id: id.into(),
            payload,
            label: SharedString::new_static("…"),
            child: None,
        }
    }

    /// Text on the chip that follows the pointer (default "…").
    pub fn label(mut self, label: impl Into<SharedString>) -> Self {
        self.label = label.into();
        self
    }

    pub fn child(mut self, child: impl IntoElement) -> Self {
        self.child = Some(child.into_any_element());
        self
    }
}

impl<T: Clone + 'static> RenderOnce for Draggable<T> {
    fn render(self, _window: &mut Window, _cx: &mut App) -> impl IntoElement {
        let chip = DragChip {
            value: self.payload,
            label: self.label,
        };
        let mut root = div()
            .id(self.id)
            .cursor_grab()
            .on_drag(chip, |dragged: &DragChip<T>, _offset, _window, cx| {
                cx.new(|_| dragged.clone())
            });
        if let Some(child) = self.child {
            root = root.child(child);
        }
        root.probe("Draggable")
    }
}