dioxus_element_plug/components/
tree_select.rs

1use dioxus::prelude::*;
2
3/// TreeSelect props
4#[derive(Props, Clone, PartialEq)]
5pub struct TreeSelectProps {
6    #[props(default)]
7    pub model_value: Option<String>,
8
9    #[props(default = "Select".to_string())]
10    pub placeholder: String,
11
12    #[props(default = false)]
13    pub disabled: bool,
14
15    #[props(default = false)]
16    pub clearable: bool,
17
18    #[props(default = false)]
19    pub check_strictly: bool,
20
21    #[props(default = "select".to_string())]
22    pub select_type: String,
23
24    #[props(default)]
25    pub on_change: Option<EventHandler<String>>,
26
27    #[props(default)]
28    pub class: Option<String>,
29
30    #[props(default)]
31    pub style: Option<String>,
32}
33
34/// TreeSelect component for selecting from a tree structure
35#[component]
36pub fn TreeSelect(props: TreeSelectProps) -> Element {
37    let mut class_names = vec!["el-tree-select".to_string()];
38    if props.disabled { class_names.push("is-disabled".to_string()); }
39    if let Some(ref c) = props.class { class_names.push(c.clone()); }
40
41    rsx! {
42        div {
43            class: "{class_names.join(\" \")}",
44            style: props.style.clone().unwrap_or_default(),
45            div {
46                class: "el-select el-select__wrapper",
47                onclick: move |_| {
48                    // Toggle dropdown
49                },
50                span {
51                    class: "el-select__selected-item",
52                    if props.model_value.is_some() {
53                        "{props.model_value.as_ref().unwrap()}"
54                    } else {
55                        "{props.placeholder}"
56                    }
57                }
58                i { class: "el-icon-arrow-down" }
59            }
60        }
61    }
62}
dioxus_element_plug/components/tree_select.rs

dioxus_element_plug/components/
tree_select.rs
