dioxus-element-plug 0.1.0

Element UI theme-chalk components for Dioxus applications with built-in SCSS support
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

//! # Dioxus Element Plug
//!
//! Element UI theme-chalk components for Dioxus applications.
//!
//! This crate provides a set of UI components styled with the popular Element UI theme-chalk CSS framework,
//! designed specifically for use with the Dioxus framework.
//!
//! ## Usage
//!
//! ## Modern DX: Dioxus 0.7+ Built-in SCSS
//!
//! Dioxus Element Plug uses manganis for automatic SCSS compilation:
//!
//! ```rust,ignore
//! use dioxus::prelude::*;
//! use dioxus_element_plug::prelude::*;
//! use manganis::asset;
//!
//! static STYLES: Asset = asset!("/assets/theme-chalk.scss");
//!
//! fn App() -> Element {
//!     rsx! {
//!         Button {
//!             variant: ButtonVariant::Primary,
//!             "Click me!"
//!         }
//!     }
//! }
//! ```
//!

/// Re-export commonly used components
pub mod components;

/// CSS theme utilities and constants
pub mod theme;

/// SCSS asset utilities for Dioxus 0.7+ built-in SCSS support
/// Now always available as manganis is required
pub mod scss;

/// Re-export manganis tools for convenient access
pub use scss::{asset, class_names, helpers, prebuilt};

pub use components::*;
pub use theme::*;

/// Prelude module for easy importing
pub mod prelude {
    pub use crate::components::button::*;
    pub use crate::components::input::*;
    pub use crate::components::layout::*;
    pub use crate::theme::*;
    
    pub use crate::scss::{asset, manganis};
}

// Simple test module to verify the library compiles
#[cfg(test)]
mod tests {
    

    #[test]
    fn test_theme_constants() {
        use crate::theme::colors;
        assert_eq!(colors::PRIMARY, "#409EFF");
        assert_eq!(colors::SUCCESS, "#67C23A");
        assert_eq!(colors::WARNING, "#E6A23C");
    }

    #[test]
    fn test_button_variants() {
        use crate::components::button::ButtonVariant;

        let primary = ButtonVariant::Primary;
        assert_eq!(primary.as_class(), "el-button--primary");

        let default = ButtonVariant::Default;
        assert_eq!(default.as_class(), "el-button");
    }

    #[test]
    fn test_input_variants() {
        use crate::components::input::InputType;

        let text = InputType::Text;
        assert_eq!(text.as_str(), "text");

        let password = InputType::Password;
        assert_eq!(password.as_str(), "password");
    }
}