impl Trait(can run)

src/view/component.rs

@@ -0,0 +1,13 @@
+use std::io;
+
+use crossterm::event::Event;
+use ratatui::widgets::Widget;
+
+pub mod block;
+pub mod input;
+pub mod table;
+
+pub trait Component {
+    fn widget(&self) -> impl Widget;
+    fn event_handler(&mut self, event: Event) -> io::Result<()>;
+}

src/view/component/block.rs

@@ -0,0 +1,14 @@
+use std::marker::PhantomData;
+
+use ratatui::widgets::{Block, Borders};
+
+#[derive(Default)]
+pub struct BlockWidget<'a> {
+    _phantom: PhantomData<&'a ()>,
+}
+
+impl<'a> BlockWidget<'a> {
+    pub fn widget(&self) -> Block<'a> {
+        Block::default().borders(Borders::ALL)
+    }
+}

src/view/component/input.rs

@@ -0,0 +1,50 @@
+use std::{io, marker::PhantomData, u32};
+
+use super::{block::BlockWidget, Component};
+use crossterm::event::{Event, KeyCode, KeyEvent, KeyEventKind, KeyModifiers};
+use ratatui::{
+    prelude::Rect,
+    widgets::{Block, Paragraph, Widget},
+    Frame,
+};
+
+#[derive(Default)]
+pub struct InputWidget {
+    name: String,
+    value: String,
+    cursor_idx: usize,
+}
+
+impl InputWidget {
+    pub fn new() -> Self {
+        InputWidget::default()
+    }
+}
+impl Component for InputWidget {
+    fn widget(&self) -> impl Widget {
+        let block = BlockWidget::default().widget();
+        let input = Paragraph::new(self.value.clone()).block(block);
+        input
+    }
+
+    fn event_handler(&mut self, event: Event) -> io::Result<()> {
+        match event {
+            Event::Key(KeyEvent {
+                kind: KeyEventKind::Press,
+                code,
+                modifiers,
+                ..
+            }) => {
+                use KeyCode::*;
+                match (code, modifiers) {
+                    (Char(c), KeyModifiers::SHIFT | KeyModifiers::NONE) => {
+                        self.value.push(c);
+                    }
+                    _ => {}
+                }
+            },
+            _ => {}
+        }
+        Ok(())
+    }
+}

src/view/component/table.rs

@@ -0,0 +1,29 @@
+use std::marker::PhantomData;
+
+use super::{block::BlockWidget, Component};
+use crossterm::event::{self, Event};
+use ratatui::{
+    prelude::Rect,
+    widgets::{Block, Paragraph, Widget},
+    Frame,
+};
+
+#[derive(Default)]
+pub struct TableWidget {}
+
+impl TableWidget {
+    pub fn new() -> Self {
+        TableWidget::default()
+    }
+}
+impl Component for TableWidget {
+    fn widget(&self) -> impl Widget {
+        let block = BlockWidget::default().widget();
+        let input = Paragraph::new("sss").block(block);
+        input
+    }
+    
+    fn event_handler(&mut self, event: Event) -> std::io::Result<()> {
+        Ok(())
+    }
+}

src/view/home.rs

@@ -0,0 +1,36 @@
+use std::io;
+
+use crossterm::event::{ Event, KeyCode, KeyEvent, KeyEventKind, KeyModifiers};
+use ratatui::{
+    layout::{Constraint, Direction, Layout, Rect},
+    widgets::Paragraph,
+    Frame,
+};
+
+use super::component::{input::InputWidget, table::TableWidget, Component};
+
+#[derive(Default)]
+pub struct Home {
+    input: InputWidget,
+    table: TableWidget,
+}
+
+impl Home {
+    pub fn draw(&self, frame: &mut Frame) {
+        let layout = Layout::default()
+            .direction(Direction::Vertical)
+            .constraints(vec![
+                Constraint::Length(3),
+                Constraint::Min(5),
+                Constraint::Length(3),
+            ])
+            .split(frame.area());
+        frame.render_widget(self.input.widget(), layout[0]);
+        frame.render_widget(self.table.widget(), layout[1]);
+    }
+
+    pub fn handle_event(&mut self, event: Event) -> io::Result<()> {
+        self.input.event_handler(event)?;
+        Ok(())
+    }
+}