ratatui-kit 0.6.0

//! TextArea 组件：多行文本输入框，支持光标、占位符、行号、禁用按键等。
//!
//! ## 用法示例
//! ```rust
//! let mut value = hooks.use_state(String::new);
//! element!(TextArea(
//!     value: value.read().to_string(),
//!     is_focus: true,
//!     on_change: move |new_value| value.set(new_value),
//!     multiline: true,
//!     placeholder: Some("请输入内容...".to_string()),
//!     line_number_style: Some(Style::default().dim()),
//! ))
//! ```
//! 适合编辑器、表单、聊天输入等场景。

// todo 重构文本输入组件，支持自动换行
use crate::{Component, Handler, Hooks, UseEvents};
use ratatui::{style::Style, widgets::Widget};
use ratatui_kit_macros::Props;
use std::{
    borrow::Cow,
    sync::{Arc, RwLock},
};
pub use tui_textarea::Key;
use tui_textarea::{CursorMove, Input, TextArea as TUITextArea};
#[derive(Props, Default)]
/// TextArea 组件属性。
pub struct TextAreaProps<'a> {
    /// 当前文本内容。
    pub value: Cow<'a, str>,
    /// 是否聚焦。
    pub is_focus: bool,
    /// 内容变更回调。
    pub on_change: Handler<'static, String>,
    /// 是否多行输入。
    pub multiline: bool,
    /// 光标样式。
    pub cursor_style: Style,
    /// 光标所在行样式。
    pub cursor_line_style: Style,
    /// 占位符文本。
    pub placeholder: Option<String>,
    /// 占位符样式。
    pub placeholder_style: Style,
    /// 输入框整体样式。
    pub style: Style,
    /// 禁用的按键。
    pub disable_keys: Vec<Key>,
    /// 行号样式。
    pub line_number_style: Option<Style>,
}

/// TextArea 组件实现。
pub struct TextArea {
    inner: Arc<RwLock<TUITextArea<'static>>>,
}

impl Component for TextArea {
    type Props<'a> = TextAreaProps<'a>;
    fn new(props: &Self::Props<'_>) -> Self {
        let inner = TUITextArea::from(props.value.lines());

        Self {
            inner: Arc::new(RwLock::new(inner)),
        }
    }

    fn update(
        &mut self,
        props: &mut Self::Props<'_>,
        mut hooks: Hooks,
        _updater: &mut crate::ComponentUpdater,
    ) {
        hooks.use_local_events({
            let inner = self.inner.clone();
            let is_focus = props.is_focus;
            let multiline = props.multiline;
            let disable_keys = props.disable_keys.clone();
            let mut handler = props.on_change.take();
            move |event| {
                if is_focus {
                    let input = Input::from(event);
                    let key = input.key;

                    if !multiline && input.key == Key::Enter {
                        return;
                    }

                    if disable_keys.contains(&key) {
                        return;
                    }

                    let mut inner = inner.write().unwrap();

                    inner.input(input);

                    let mut string = inner.lines().join("\n");

                    if multiline && key == Key::Enter {
                        string.push('\n');
                    }

                    handler(string);
                }
            }
        });

        let mut inner = self.inner.write().unwrap();

        let cursor = inner.cursor();

        *inner = TUITextArea::from(props.value.lines());

        inner.move_cursor(CursorMove::Jump(cursor.0 as u16, cursor.1 as u16));
        inner.set_cursor_style(props.cursor_style);
        inner.set_cursor_line_style(props.cursor_line_style);
        inner.set_style(props.style);

        if let Some(line_number_style) = &props.line_number_style {
            inner.set_line_number_style(*line_number_style);
        }

        if let Some(placeholder) = &props.placeholder {
            inner.set_placeholder_text(placeholder);
            inner.set_placeholder_style(props.placeholder_style);
        }
    }

    fn draw(&mut self, drawer: &mut crate::ComponentDrawer<'_, '_>) {
        let inner = self.inner.read().unwrap();
        inner.render(drawer.area, drawer.buffer_mut());
    }
}