respo 0.1.17

a tiny virtual DOM library migrated from ClojureScript
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

//! provide some frequestly used aliases,
//! for the rest, use `RespoNode::make_tag(tag_name)` to create you own.

use std::fmt::Debug;

use super::RespoElement;
use crate::css::{respo_style, ConvertRespoCssSize};

/// a macro for creating a function with a named node
/// ```ignore
/// declare_tag!(div, "about `<div/>`");
/// ```
#[macro_export]
macro_rules! declare_tag {
  ( $name:ident, $doc: expr) => {
    #[doc=$doc]
    #[allow(dead_code)]
    pub fn $name<T>() -> RespoElement<T>
    where
      T: Debug + Clone,
    {
      $crate::node::RespoElement::named(stringify!($name))
    }
  };
}

declare_tag!(div, "`<div/>`");
declare_tag!(header, "`<header/>`");
declare_tag!(section, "`<section/>`");
declare_tag!(footer, "`<footer/>`");
declare_tag!(br, "`<br/>`");
declare_tag!(span, "`<span/>`");
declare_tag!(input, "`<input/>`");
declare_tag!(textarea, "`<input/>`");
declare_tag!(link, "`<link/>`");
declare_tag!(button, "`<button/>`");
declare_tag!(pre, "`<pre/>`");
declare_tag!(img, "`<img/>`");
declare_tag!(video, "`<video/>`");
declare_tag!(code, "`<code/>`");
declare_tag!(a, "`<a/>`");
declare_tag!(h1, "`<h1/>`");
declare_tag!(h2, "`<h2/>`");
declare_tag!(h3, "`<h3/>`");
declare_tag!(h4, "`<h4/>`");
declare_tag!(blockquote, "`<blockquote/>`");
declare_tag!(ul, "`<ul/>`");
declare_tag!(li, "`<li/>`");
declare_tag!(label, "`<label/>`");
declare_tag!(canvas, "`<canvas/>`");

/// special function to return `<div/>` with width/height that can be used as a space
pub fn space<T>(w: Option<i32>, h: Option<i32>) -> RespoElement<T>
where
  T: Clone + Debug,
{
  match (w, h) {
    (Some(wv), Some(hv)) => div().style(
      respo_style()
        .width(wv.px())
        .height(hv.px())
        .display(crate::node::css::CssDisplay::InlineBlock),
    ),
    (Some(wv), None) => span().style(respo_style().width(wv.px()).display(crate::node::css::CssDisplay::InlineBlock)),
    (None, Some(hv)) => div().style(
      respo_style()
        .height(hv.px())
        .width(1.px())
        .display(crate::node::css::CssDisplay::Block),
    ),
    (None, None) => span().style(
      respo_style()
        .width(8.px())
        .height(8.px())
        .display(crate::node::css::CssDisplay::InlineBlock),
    ),
  }
}