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
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
use crate::{
component::containers::{paper::PaperProps, wrap_paper::wrap_paper},
theme::{ThemeColor, ThemedWidgetProps},
};
use raui_core::prelude::*;
use serde::{Deserialize, Serialize};
#[derive(PropsData, Debug, Copy, Clone, Serialize, Deserialize)]
#[props_data(raui_core::props::PropsData)]
#[prefab(raui_core::Prefab)]
pub struct TooltipPaperProps {
#[serde(default = "TooltipPaperProps::default_margin")]
pub margin: Rect,
#[serde(default = "TooltipPaperProps::default_frame")]
pub frame: Option<Scalar>,
}
impl Default for TooltipPaperProps {
fn default() -> Self {
Self {
margin: Self::default_margin(),
frame: Self::default_frame(),
}
}
}
impl TooltipPaperProps {
fn default_margin() -> Rect {
Rect {
left: 10.0,
right: 10.0,
top: 10.0,
bottom: 10.0,
}
}
#[allow(clippy::unnecessary_wraps)]
fn default_frame() -> Option<Scalar> {
Some(2.0)
}
}
pub fn tooltip_paper(context: WidgetContext) -> WidgetNode {
let WidgetContext {
idref,
key,
props,
named_slots,
..
} = context;
unpack_named_slots!(named_slots => {content, tooltip});
let TooltipPaperProps { margin, frame } = props.read_cloned_or_default();
let size_props = SizeBoxProps {
width: SizeBoxSizeValue::Content,
height: SizeBoxSizeValue::Content,
..Default::default()
};
let themed_props = props.read_cloned_or_else(|| ThemedWidgetProps {
color: ThemeColor::Primary,
..Default::default()
});
let paper_props = props.read_cloned_or_else(|| PaperProps {
frame: frame.map(|v| ImageBoxFrame::from((v, true))),
..Default::default()
});
let wrap_props = props
.clone()
.with(themed_props)
.with(paper_props)
.with(WrapBoxProps {
margin,
..Default::default()
});
widget! {
(#{key} | {idref.cloned()} portals_tooltip_box: {props.clone()} {
content = {content}
tooltip = (#{"size"} size_box: {size_props} {
content = (#{"wrap"} wrap_paper: {wrap_props} {
content = {tooltip}
})
})
})
}
}