ribir_widgets 0.4.0-alpha.57

A non-intrusive declarative GUI framework, to build modern native/wasm cross-platform applications.
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
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96

use ribir_core::prelude::*;

use crate::prelude::*;

/// Divider is a thin horizontal or vertical line, with indent on either side.
///
/// # example
/// ```
/// # use ribir_core::prelude::*;
/// # use ribir_widgets::prelude::*;
///
/// // use default Divider default settings
/// let widget = fn_widget! {
///   @Column {
///     @Container { size: Size::new(10., 0.) }
///     @Divider { }
///     @Container { size: Size::new(10., 0.) }
///   }
/// };
///
/// // with indent settings
/// let widget = fn_widget! {
///   @Column {
///     @Container { size: Size::new(10., 0.) }
///     @Divider {
///       indent: DividerIndent::Start,
///     }
///     @Container { size: Size::new(10., 0.) }
///   }
/// };
/// ```

#[derive(Default, Clone, Copy)]
pub enum DividerIndent {
  /// Does not indent the divider.
  #[default]
  None,
  /// Indents the divider with equal indent on the leading sides.
  Start,
  /// Indents the divider with equal indent on the trailing sides.
  End,
  /// Indents the divider with equal indent on the both sides.
  Both,
}

class_names! {
  #[doc = "class name for horizontal divider"]
  HORIZONTAL_DIVIDER,
  #[doc = "class name for horizontal divider with inset at leading"]
  HORIZONTAL_DIVIDER_INDENT_START,
  #[doc = "class name for horizontal divider with inset at trailing"]
  HORIZONTAL_DIVIDER_INDENT_END,
  #[doc = "class name for horizontal divider with inset at both sides"]
  HORIZONTAL_DIVIDER_INDENT_BOTH,
  #[doc = "class name for vertical divider"]
  VERTICAL_DIVIDER,
  #[doc = "class name for vertical divider with inset at leading"]
  VERTICAL_DIVIDER_INDENT_START,
  #[doc = "class name for vertical divider with inset at trailing"]
  VERTICAL_DIVIDER_INDENT_END,
  #[doc = "class name for vertical divider with inset at both sides"]
  VERTICAL_DIVIDER_INDENT_BOTH,
}

#[derive(Default, Declare)]
pub struct Divider {
  #[declare(default)]
  indent: DividerIndent,

  #[declare(default = Direction::Horizontal)]
  direction: Direction,
}

impl Compose for Divider {
  fn compose(this: impl StateWriter<Value = Self>) -> Widget<'static> {
    fn_widget! {
      @Void {
        class: pipe! {
          let this = $read(this);
          match (this.indent, this.direction) {
            (DividerIndent::None, Direction::Horizontal) => HORIZONTAL_DIVIDER,
            (DividerIndent::Start, Direction::Horizontal) => HORIZONTAL_DIVIDER_INDENT_START,
            (DividerIndent::End, Direction::Horizontal) => HORIZONTAL_DIVIDER_INDENT_END,
            (DividerIndent::Both, Direction::Horizontal) => HORIZONTAL_DIVIDER_INDENT_BOTH,
            (DividerIndent::None, Direction::Vertical) => VERTICAL_DIVIDER,
            (DividerIndent::Start, Direction::Vertical) => VERTICAL_DIVIDER_INDENT_START,
            (DividerIndent::End, Direction::Vertical) => VERTICAL_DIVIDER_INDENT_END,
            (DividerIndent::Both, Direction::Vertical) => VERTICAL_DIVIDER_INDENT_BOTH,
          }
        },

      }
    }
    .into_widget()
  }
}