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
use crate::theme::{ThemeColor, ThemeProps, ThemedTextMaterial, ThemedWidgetProps}; use raui_core::prelude::*; use serde::{Deserialize, Serialize}; #[derive(Debug, Default, Clone, Serialize, Deserialize)] pub struct TextPaperProps { #[serde(default)] pub text: String, #[serde(default)] pub width: TextBoxSizeValue, #[serde(default)] pub height: TextBoxSizeValue, #[serde(default)] pub variant: String, #[serde(default)] pub use_main_color: bool, #[serde(default)] pub alignment_override: Option<TextBoxAlignment>, #[serde(default)] pub transform: Transform, } implement_props_data!(TextPaperProps, "TextPaperProps"); widget_component! { pub text_paper(key, props, shared_props) { let TextPaperProps { text, width, height, variant, use_main_color, alignment_override, transform, } = props.read_cloned_or_default(); let themed_props = props.read_cloned_or_default::<ThemedWidgetProps>(); let ThemedTextMaterial { mut alignment, direction, font, } = match shared_props.read::<ThemeProps>() { Ok(props) => props .text_variants .get(&variant) .cloned() .unwrap_or_default(), Err(_) => Default::default(), }; if let Some(alignment_override) = alignment_override { alignment = alignment_override; } let color = match shared_props.read::<ThemeProps>() { Ok(props) => if use_main_color { match themed_props.color { ThemeColor::Default => props.active_colors.main.default.main, ThemeColor::Primary => props.active_colors.main.primary.main, ThemeColor::Secondary => props.active_colors.main.secondary.main, } } else { match themed_props.color { ThemeColor::Default => props.active_colors.contrast.default.main, ThemeColor::Primary => props.active_colors.contrast.primary.main, ThemeColor::Secondary => props.active_colors.contrast.secondary.main, } }, Err(_) => Default::default(), }; let props = TextBoxProps { text, width, height, alignment, direction, font, color, transform, }; widget! { (#{key} text_box: {props}) } } }