ratatui_kit/components/
view.rs

1//! View 组件：基础布局容器，支持 flex 布局、嵌套、间距、对齐等属性。
2//!
3//! 常用于包裹和组织多个子组件，是构建 UI 结构的基础。
4//!
5//! ## 示例
6//! ```rust
7//! element!(View(flex_direction: Direction::Vertical, gap: 1) {
8//!     element!(Child1()),
9//!     element!(Child2()),
10//! })
11//! ```
12//! 可通过 `flex_direction`、`gap`、`margin` 等属性灵活控制布局。
13
14use ratatui_kit_macros::{Props, with_layout_style};
15
16use crate::{AnyElement, Component};
17
18#[with_layout_style]
19#[derive(Default, Props)]
20/// View 组件属性。
21pub struct ViewProps<'a> {
22    /// 子元素列表。
23    pub children: Vec<AnyElement<'a>>,
24}
25
26/// View 组件实现。
27pub struct View;
28
29impl Component for View {
30    type Props<'a> = ViewProps<'a>;
31
32    fn new(_props: &Self::Props<'_>) -> Self {
33        Self
34    }
35
36    fn update(
37        &mut self,
38        props: &mut Self::Props<'_>,
39        _hooks: crate::Hooks,
40        updater: &mut crate::ComponentUpdater,
41    ) {
42        updater.set_layout_style(props.layout_style());
43        updater.update_children(&mut props.children, None);
44    }
45}
ratatui_kit/components/view.rs

ratatui_kit/components/
view.rs
