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
97
98
99
100
101
102
103
104
105
106
use gpui::*;
use fluix::{Select, SelectOption};
fn main() {
env_logger::init();
let app = Application::new().with_assets(fluix::Assets);
app.run(move |cx| {
let window_options = WindowOptions {
window_bounds: Some(WindowBounds::Windowed(Bounds {
origin: point(px(100.), px(100.)),
size: size(px(600.), px(400.)),
})),
titlebar: Some(TitlebarOptions {
title: Some("Fluix Select Default Demo".into()),
appears_transparent: false,
..Default::default()
}),
..Default::default()
};
cx.open_window(window_options, |window, cx| {
cx.new(|cx| SelectDefaultDemo::new(window, cx))
}).unwrap();
});
}
struct SelectDefaultDemo {
scroll_handle: ScrollHandle,
select: Entity<Select>,
}
impl SelectDefaultDemo {
fn new(_window: &mut Window, cx: &mut Context<Self>) -> Self {
let scroll_handle = ScrollHandle::new();
let select = cx.new(|cx| {
Select::new(cx)
.placeholder("Select framework...")
.options(vec![
SelectOption::new("react", "React"),
SelectOption::new("vue", "Vue.js"),
SelectOption::new("angular", "Angular"),
SelectOption::new("svelte", "Svelte"),
])
});
Self {
scroll_handle,
select,
}
}
}
impl Render for SelectDefaultDemo {
fn render(&mut self, _: &mut Window, _cx: &mut Context<Self>) -> impl IntoElement {
div()
.size_full()
.overflow_hidden()
.child(
div()
.id("scroll-container")
.size_full()
.overflow_y_scroll()
.track_scroll(&self.scroll_handle)
.child(
div()
.flex()
.flex_col()
.w_full()
.h_full()
.bg(rgb(0xF5F5F5))
.p_8()
.gap_8()
.items_center()
.justify_center()
.child(
div()
.flex()
.flex_col()
.w_full()
.max_w(px(400.))
.gap_4()
.p_6()
.bg(rgb(0xFFFFFF))
.border_1()
.border_color(rgb(0xE0E0E0))
.rounded(px(8.))
.child(
div()
.text_sm()
.text_color(rgb(0x666666))
.mb_2()
.child("Default Select")
)
.child(
div()
.w_full()
.child(self.select.clone())
)
)
)
)
}
}