1use crate::{
2 phi, point, rems, AbsoluteLength, BorrowAppContext, BorrowWindow, Bounds, ContentMask, Corners,
3 CornersRefinement, DefiniteLength, Edges, EdgesRefinement, Font, FontFeatures, FontStyle,
4 FontWeight, Hsla, Length, Pixels, Point, PointRefinement, Quad, Rems, Result, RunStyle,
5 SharedString, Size, SizeRefinement, ViewContext, WindowContext,
6};
7use refineable::Refineable;
8pub use taffy::style::{
9 AlignContent, AlignItems, AlignSelf, Display, FlexDirection, FlexWrap, JustifyContent,
10 Overflow, Position,
11};
12
13#[derive(Clone, Refineable, Debug)]
14#[refineable(debug)]
15pub struct Style {
16 /// What layout strategy should be used?
17 pub display: Display,
18
19 // Overflow properties
20 /// How children overflowing their container should affect layout
21 #[refineable]
22 pub overflow: Point<Overflow>,
23 /// How much space (in points) should be reserved for the scrollbars of `Overflow::Scroll` and `Overflow::Auto` nodes.
24 pub scrollbar_width: f32,
25
26 // Position properties
27 /// What should the `position` value of this struct use as a base offset?
28 pub position: Position,
29 /// How should the position of this element be tweaked relative to the layout defined?
30 #[refineable]
31 pub inset: Edges<Length>,
32
33 // Size properies
34 /// Sets the initial size of the item
35 #[refineable]
36 pub size: Size<Length>,
37 /// Controls the minimum size of the item
38 #[refineable]
39 pub min_size: Size<Length>,
40 /// Controls the maximum size of the item
41 #[refineable]
42 pub max_size: Size<Length>,
43 /// Sets the preferred aspect ratio for the item. The ratio is calculated as width divided by height.
44 pub aspect_ratio: Option<f32>,
45
46 // Spacing Properties
47 /// How large should the margin be on each side?
48 #[refineable]
49 pub margin: Edges<Length>,
50 /// How large should the padding be on each side?
51 #[refineable]
52 pub padding: Edges<DefiniteLength>,
53 /// How large should the border be on each side?
54 #[refineable]
55 pub border_widths: Edges<AbsoluteLength>,
56
57 // Alignment properties
58 /// How this node's children aligned in the cross/block axis?
59 pub align_items: Option<AlignItems>,
60 /// How this node should be aligned in the cross/block axis. Falls back to the parents [`AlignItems`] if not set
61 pub align_self: Option<AlignSelf>,
62 /// How should content contained within this item be aligned in the cross/block axis
63 pub align_content: Option<AlignContent>,
64 /// How should contained within this item be aligned in the main/inline axis
65 pub justify_content: Option<JustifyContent>,
66 /// How large should the gaps between items in a flex container be?
67 #[refineable]
68 pub gap: Size<DefiniteLength>,
69
70 // Flexbox properies
71 /// Which direction does the main axis flow in?
72 pub flex_direction: FlexDirection,
73 /// Should elements wrap, or stay in a single line?
74 pub flex_wrap: FlexWrap,
75 /// Sets the initial main axis size of the item
76 pub flex_basis: Length,
77 /// The relative rate at which this item grows when it is expanding to fill space, 0.0 is the default value, and this value must be positive.
78 pub flex_grow: f32,
79 /// The relative rate at which this item shrinks when it is contracting to fit into space, 1.0 is the default value, and this value must be positive.
80 pub flex_shrink: f32,
81
82 /// The fill color of this element
83 pub fill: Option<Fill>,
84
85 /// The border color of this element
86 pub border_color: Option<Hsla>,
87
88 /// The radius of the corners of this element
89 #[refineable]
90 pub corner_radii: Corners<AbsoluteLength>,
91
92 /// TEXT
93 pub text: TextStyleRefinement,
94}
95
96#[derive(Refineable, Clone, Debug)]
97#[refineable(debug)]
98pub struct TextStyle {
99 pub color: Hsla,
100 pub font_family: SharedString,
101 pub font_features: FontFeatures,
102 pub font_size: Rems,
103 pub line_height: DefiniteLength,
104 pub font_weight: FontWeight,
105 pub font_style: FontStyle,
106 pub underline: Option<UnderlineStyle>,
107}
108
109impl Default for TextStyle {
110 fn default() -> Self {
111 TextStyle {
112 color: Hsla::default(),
113 font_family: SharedString::default(),
114 font_features: FontFeatures::default(),
115 font_size: rems(1.),
116 line_height: phi(),
117 font_weight: FontWeight::default(),
118 font_style: FontStyle::default(),
119 underline: None,
120 }
121 }
122}
123
124impl TextStyle {
125 pub fn highlight(mut self, style: HighlightStyle) -> Result<Self> {
126 if let Some(weight) = style.font_weight {
127 self.font_weight = weight;
128 }
129 if let Some(style) = style.font_style {
130 self.font_style = style;
131 }
132
133 if let Some(color) = style.color {
134 self.color = self.color.blend(color);
135 }
136
137 if let Some(factor) = style.fade_out {
138 self.color.fade_out(factor);
139 }
140
141 if let Some(underline) = style.underline {
142 self.underline = Some(underline);
143 }
144
145 Ok(self)
146 }
147
148 pub fn to_run(&self) -> RunStyle {
149 RunStyle {
150 font: Font {
151 family: self.font_family.clone(),
152 features: Default::default(),
153 weight: self.font_weight,
154 style: self.font_style,
155 },
156 color: self.color,
157 underline: self.underline.clone(),
158 }
159 }
160}
161
162#[derive(Clone, Debug, Default, PartialEq)]
163pub struct HighlightStyle {
164 pub color: Option<Hsla>,
165 pub font_weight: Option<FontWeight>,
166 pub font_style: Option<FontStyle>,
167 pub underline: Option<UnderlineStyle>,
168 pub fade_out: Option<f32>,
169}
170
171impl Eq for HighlightStyle {}
172
173impl Style {
174 pub fn text_style(&self, _cx: &WindowContext) -> Option<&TextStyleRefinement> {
175 if self.text.is_some() {
176 Some(&self.text)
177 } else {
178 None
179 }
180 }
181
182 pub fn apply_text_style<C, F, R>(&self, cx: &mut C, f: F) -> R
183 where
184 C: BorrowAppContext,
185 F: FnOnce(&mut C) -> R,
186 {
187 if self.text.is_some() {
188 cx.with_text_style(self.text.clone(), f)
189 } else {
190 f(cx)
191 }
192 }
193
194 /// Apply overflow to content mask
195 pub fn apply_overflow<C, F, R>(&self, bounds: Bounds<Pixels>, cx: &mut C, f: F) -> R
196 where
197 C: BorrowWindow,
198 F: FnOnce(&mut C) -> R,
199 {
200 let current_mask = cx.content_mask();
201
202 let min = current_mask.bounds.origin;
203 let max = current_mask.bounds.lower_right();
204
205 let mut mask_corner_radii = Corners::default();
206 let mask_bounds = match (
207 self.overflow.x == Overflow::Visible,
208 self.overflow.y == Overflow::Visible,
209 ) {
210 // x and y both visible
211 (true, true) => return f(cx),
212 // x visible, y hidden
213 (true, false) => Bounds::from_corners(
214 point(min.x, bounds.origin.y),
215 point(max.x, bounds.lower_right().y),
216 ),
217 // x hidden, y visible
218 (false, true) => Bounds::from_corners(
219 point(bounds.origin.x, min.y),
220 point(bounds.lower_right().x, max.y),
221 ),
222 // both hidden
223 (false, false) => {
224 mask_corner_radii = self.corner_radii.to_pixels(bounds, cx.rem_size());
225 bounds
226 }
227 };
228 let mask = ContentMask {
229 bounds: mask_bounds,
230 corner_radii: mask_corner_radii,
231 };
232
233 cx.with_content_mask(mask, f)
234 }
235
236 /// Paints the background of an element styled with this style.
237 pub fn paint<V: 'static>(&self, order: u32, bounds: Bounds<Pixels>, cx: &mut ViewContext<V>) {
238 let rem_size = cx.rem_size();
239 let scale = cx.scale_factor();
240
241 let background_color = self.fill.as_ref().and_then(Fill::color);
242 if background_color.is_some() || self.is_border_visible() {
243 let layer_id = cx.current_layer_id();
244 cx.scene().insert(
245 layer_id,
246 Quad {
247 order,
248 bounds: bounds.scale(scale),
249 clip_bounds: bounds.scale(scale), // todo!
250 clip_corner_radii: self
251 .corner_radii
252 .map(|length| length.to_pixels(rem_size).scale(scale)),
253 background: background_color.unwrap_or_default(),
254 border_color: self.border_color.unwrap_or_default(),
255 corner_radii: self
256 .corner_radii
257 .map(|length| length.to_pixels(rem_size).scale(scale)),
258 border_widths: self
259 .border_widths
260 .map(|length| length.to_pixels(rem_size).scale(scale)),
261 },
262 );
263 }
264 }
265
266 fn is_border_visible(&self) -> bool {
267 self.border_color
268 .map_or(false, |color| !color.is_transparent())
269 && self.border_widths.any(|length| !length.is_zero())
270 }
271}
272
273impl Default for Style {
274 fn default() -> Self {
275 Style {
276 display: Display::Block,
277 overflow: Point {
278 x: Overflow::Visible,
279 y: Overflow::Visible,
280 },
281 scrollbar_width: 0.0,
282 position: Position::Relative,
283 inset: Edges::auto(),
284 margin: Edges::<Length>::zero(),
285 padding: Edges::<DefiniteLength>::zero(),
286 border_widths: Edges::<AbsoluteLength>::zero(),
287 size: Size::auto(),
288 min_size: Size::auto(),
289 max_size: Size::auto(),
290 aspect_ratio: None,
291 gap: Size::zero(),
292 // Aligment
293 align_items: None,
294 align_self: None,
295 align_content: None,
296 justify_content: None,
297 // Flexbox
298 flex_direction: FlexDirection::Row,
299 flex_wrap: FlexWrap::NoWrap,
300 flex_grow: 0.0,
301 flex_shrink: 1.0,
302 flex_basis: Length::Auto,
303 fill: None,
304 border_color: None,
305 corner_radii: Corners::default(),
306 text: TextStyleRefinement::default(),
307 }
308 }
309}
310
311#[derive(Refineable, Clone, Default, Debug, PartialEq, Eq)]
312#[refineable(debug)]
313pub struct UnderlineStyle {
314 pub thickness: Pixels,
315 pub color: Option<Hsla>,
316 pub squiggly: bool,
317}
318
319#[derive(Clone, Debug)]
320pub enum Fill {
321 Color(Hsla),
322}
323
324impl Fill {
325 pub fn color(&self) -> Option<Hsla> {
326 match self {
327 Fill::Color(color) => Some(*color),
328 }
329 }
330}
331
332impl Default for Fill {
333 fn default() -> Self {
334 Self::Color(Hsla::default())
335 }
336}
337
338impl From<Hsla> for Fill {
339 fn from(color: Hsla) -> Self {
340 Self::Color(color)
341 }
342}
343
344impl From<TextStyle> for HighlightStyle {
345 fn from(other: TextStyle) -> Self {
346 Self::from(&other)
347 }
348}
349
350impl From<&TextStyle> for HighlightStyle {
351 fn from(other: &TextStyle) -> Self {
352 Self {
353 color: Some(other.color),
354 font_weight: Some(other.font_weight),
355 font_style: Some(other.font_style),
356 underline: other.underline.clone(),
357 fade_out: None,
358 }
359 }
360}
361
362impl HighlightStyle {
363 pub fn highlight(&mut self, other: HighlightStyle) {
364 match (self.color, other.color) {
365 (Some(self_color), Some(other_color)) => {
366 self.color = Some(Hsla::blend(other_color, self_color));
367 }
368 (None, Some(other_color)) => {
369 self.color = Some(other_color);
370 }
371 _ => {}
372 }
373
374 if other.font_weight.is_some() {
375 self.font_weight = other.font_weight;
376 }
377
378 if other.font_style.is_some() {
379 self.font_style = other.font_style;
380 }
381
382 if other.underline.is_some() {
383 self.underline = other.underline;
384 }
385
386 match (other.fade_out, self.fade_out) {
387 (Some(source_fade), None) => self.fade_out = Some(source_fade),
388 (Some(source_fade), Some(dest_fade)) => {
389 self.fade_out = Some((dest_fade * (1. + source_fade)).clamp(0., 1.));
390 }
391 _ => {}
392 }
393 }
394}
395
396impl From<Hsla> for HighlightStyle {
397 fn from(color: Hsla) -> Self {
398 Self {
399 color: Some(color),
400 ..Default::default()
401 }
402 }
403}