revue 2.71.1

A Vue-style TUI framework for Rust with CSS styling
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

//! Core SortableList struct definition

use crate::event::drag::DragId;
use crate::style::Color;
use crate::widget::theme::SECONDARY_TEXT;
use crate::widget::traits::{WidgetProps, WidgetState};

use super::types::{generate_id, ReorderCallback, SortableItem};

/// Sortable list widget
pub struct SortableList {
    /// List items
    pub items: Vec<SortableItem>,
    /// Selected item index
    pub selected: Option<usize>,
    /// Scroll offset
    pub scroll: usize,
    /// Item being dragged (index)
    pub dragging: Option<usize>,
    /// Drop target index (where to insert)
    pub drop_target: Option<usize>,
    /// Reorder callback
    pub on_reorder: Option<ReorderCallback>,
    /// Item height (usually 1)
    pub item_height: u16,
    /// Show drag handles
    pub show_handles: bool,
    /// Normal item color
    pub item_color: Color,
    /// Selected item color
    pub selected_color: Color,
    /// Drag indicator color
    pub drag_color: Color,
    /// Widget state
    pub state: WidgetState,
    /// Widget props
    pub props: WidgetProps,
    /// Unique ID for drag operations (for future drag tracking)
    pub _id: DragId,
}

impl SortableList {
    /// Create a new sortable list
    pub fn new<I, S>(items: I) -> Self
    where
        I: IntoIterator<Item = S>,
        S: Into<String>,
    {
        let id = generate_id();

        let items: Vec<SortableItem> = items
            .into_iter()
            .enumerate()
            .map(|(i, s)| SortableItem::new(s, i))
            .collect();

        Self {
            items,
            selected: None,
            scroll: 0,
            dragging: None,
            drop_target: None,
            on_reorder: None,
            item_height: 1,
            show_handles: true,
            item_color: SECONDARY_TEXT,
            selected_color: Color::rgb(100, 150, 255),
            drag_color: Color::rgb(255, 200, 100),
            state: WidgetState::new(),
            props: WidgetProps::new(),
            _id: id,
        }
    }
}