raui_core/widget/component/containers/
flex_box.rs

1use crate::{
2    PropsData, Scalar, make_widget, pre_hooks,
3    widget::{
4        component::interactive::navigation::{
5            NavContainerActive, NavItemActive, NavJumpActive, use_nav_container_active,
6            use_nav_item, use_nav_jump,
7        },
8        context::WidgetContext,
9        node::WidgetNode,
10        unit::flex::{FlexBoxDirection, FlexBoxItemLayout, FlexBoxItemNode, FlexBoxNode},
11        utils::Transform,
12    },
13};
14use serde::{Deserialize, Serialize};
15
16#[derive(PropsData, Debug, Default, Clone, Serialize, Deserialize)]
17#[props_data(crate::props::PropsData)]
18#[prefab(crate::Prefab)]
19pub struct FlexBoxProps {
20    #[serde(default)]
21    pub direction: FlexBoxDirection,
22    #[serde(default)]
23    pub separation: Scalar,
24    #[serde(default)]
25    pub wrap: bool,
26    #[serde(default)]
27    pub transform: Transform,
28}
29
30#[pre_hooks(use_nav_container_active, use_nav_jump, use_nav_item)]
31pub fn nav_flex_box(mut context: WidgetContext) -> WidgetNode {
32    let WidgetContext {
33        key,
34        props,
35        listed_slots,
36        ..
37    } = context;
38
39    let props = props
40        .clone()
41        .without::<NavContainerActive>()
42        .without::<NavJumpActive>()
43        .without::<NavItemActive>();
44
45    make_widget!(flex_box)
46        .key(key)
47        .merge_props(props)
48        .listed_slots(listed_slots)
49        .into()
50}
51
52pub fn flex_box(context: WidgetContext) -> WidgetNode {
53    let WidgetContext {
54        id,
55        props,
56        listed_slots,
57        ..
58    } = context;
59
60    let FlexBoxProps {
61        direction,
62        separation,
63        wrap,
64        transform,
65    } = props.read_cloned_or_default();
66
67    let items = listed_slots
68        .into_iter()
69        .filter_map(|slot| {
70            if let Some(props) = slot.props() {
71                let layout = props.read_cloned_or_default::<FlexBoxItemLayout>();
72                Some(FlexBoxItemNode { slot, layout })
73            } else {
74                None
75            }
76        })
77        .collect::<Vec<_>>();
78
79    FlexBoxNode {
80        id: id.to_owned(),
81        props: props.clone(),
82        items,
83        direction,
84        separation,
85        wrap,
86        transform,
87    }
88    .into()
89}
raui_core/widget/component/containers/flex_box.rs

raui_core/widget/component/containers/
flex_box.rs
