ratatui-kit 0.7.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, UseEventHandler,
    input::{EventOptions, EventPriority, EventResult, EventScope},
};
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,
    ) {
        let mut hooks = hooks.with_context_stack(updater.component_context_stack());

        hooks.use_event_handler_with_options(
            EventScope::Current,
            EventPriority::Normal,
            EventOptions { hit_test: true },
            {
                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 EventResult::Ignored;
                        }

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

                        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);
                    }
                    EventResult::Ignored
                }
            },
        );

        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());
    }
}