FTXUI/src/ftxui/component/input.cpp

318 lines
9.5 KiB
C++
Raw Normal View History

2022-01-07 18:03:54 +08:00
#include <stddef.h> // for size_t
#include <algorithm> // for max, min
2021-07-10 19:20:43 +08:00
#include <functional> // for function
#include <memory> // for shared_ptr, allocator
2022-01-07 18:03:54 +08:00
#include <string> // for string, wstring
2021-07-10 19:20:43 +08:00
#include <utility> // for move
2022-01-07 18:03:54 +08:00
#include <vector> // for vector
2021-05-10 02:32:27 +08:00
2021-07-10 19:20:43 +08:00
#include "ftxui/component/captured_mouse.hpp" // for CapturedMouse
#include "ftxui/component/component.hpp" // for Make, Input
#include "ftxui/component/component_base.hpp" // for ComponentBase
#include "ftxui/component/component_options.hpp" // for InputOption
#include "ftxui/component/deprecated.hpp" // for Input
2021-05-10 02:32:27 +08:00
#include "ftxui/component/event.hpp" // for Event, Event::ArrowLeft, Event::ArrowRight, Event::Backspace, Event::Custom, Event::Delete, Event::End, Event::Home, Event::Return
#include "ftxui/component/mouse.hpp" // for Mouse, Mouse::Left, Mouse::Pressed
#include "ftxui/component/screen_interactive.hpp" // for Component
2022-01-07 18:03:54 +08:00
#include "ftxui/dom/elements.hpp" // for operator|, text, Element, reflect, inverted, Decorator, flex, focus, hbox, size, bold, dim, frame, select, EQUAL, HEIGHT
2021-07-10 19:20:43 +08:00
#include "ftxui/screen/box.hpp" // for Box
2022-01-07 18:03:54 +08:00
#include "ftxui/screen/string.hpp" // for GlyphPosition, GlyphCount, to_string, CellToGlyphIndex, to_wstring
#include "ftxui/screen/util.hpp" // for clamp
2022-01-07 18:03:54 +08:00
#include "ftxui/util/ref.hpp" // for StringRef, Ref, WideStringRef, ConstStringRef
2021-05-10 02:32:27 +08:00
namespace ftxui {
namespace {
std::string PasswordField(int size) {
std::string out;
out.reserve(2 * size);
while (size--)
out += "";
return out;
}
2021-07-10 20:23:46 +08:00
// An input box. The user can type text into it.
class InputBase : public ComponentBase {
2021-07-10 18:29:39 +08:00
public:
InputBase(StringRef content,
ConstStringRef placeholder,
Ref<InputOption> option)
2021-07-10 18:29:39 +08:00
: content_(content), placeholder_(placeholder), option_(option) {}
int cursor_position_internal_ = 0;
int& cursor_position() {
int& opt = option_->cursor_position();
if (opt != -1)
return opt;
return cursor_position_internal_;
}
2021-07-10 18:29:39 +08:00
// Component implementation:
Element Render() override {
std::string password_content;
if (option_->password())
password_content = PasswordField(content_->size());
std::string& content = option_->password() ? password_content : *content_;
int size = GlyphCount(content);
cursor_position() = std::max(0, std::min<int>(size, cursor_position()));
auto main_decorator = flex | ftxui::size(HEIGHT, EQUAL, 1);
2021-07-10 18:29:39 +08:00
bool is_focused = Focused();
// placeholder.
if (size == 0) {
bool hovered = hovered_;
Decorator decorator = dim | main_decorator;
2021-07-10 18:29:39 +08:00
if (is_focused)
2022-03-14 01:51:46 +08:00
decorator = decorator | focus;
if (hovered || is_focused)
decorator = decorator | inverted;
return text(*placeholder_) | decorator | reflect(box_);
2021-07-10 18:29:39 +08:00
}
2019-01-20 05:06:05 +08:00
2021-07-10 18:29:39 +08:00
// Not focused.
if (!is_focused) {
if (hovered_)
return text(content) | main_decorator | inverted | reflect(box_);
else
return text(content) | main_decorator | reflect(box_);
}
2021-07-10 18:29:39 +08:00
int index_before_cursor = GlyphPosition(content, cursor_position());
int index_after_cursor = GlyphPosition(content, 1, index_before_cursor);
std::string part_before_cursor = content.substr(0, index_before_cursor);
std::string part_at_cursor = " ";
if (cursor_position() < size) {
part_at_cursor = content.substr(index_before_cursor,
index_after_cursor - index_before_cursor);
}
std::string part_after_cursor = content.substr(index_after_cursor);
auto focused = (is_focused || hovered_) ? focus : select;
return hbox({
text(part_before_cursor),
text(part_at_cursor) | focused | inverted | reflect(cursor_box_),
text(part_after_cursor),
}) |
flex | frame | bold | main_decorator | reflect(box_);
2021-07-10 18:29:39 +08:00
}
2021-07-10 18:29:39 +08:00
bool OnEvent(Event event) override {
cursor_position() =
std::max(0, std::min<int>(content_->size(), cursor_position()));
2021-07-10 18:29:39 +08:00
if (event.is_mouse())
return OnMouseEvent(event);
std::string c;
2018-10-19 04:58:38 +08:00
2021-07-10 18:29:39 +08:00
// Backspace.
if (event == Event::Backspace) {
if (cursor_position() == 0)
return false;
size_t start = GlyphPosition(*content_, cursor_position() - 1);
size_t end = GlyphPosition(*content_, cursor_position());
content_->erase(start, end - start);
2021-07-10 18:29:39 +08:00
cursor_position()--;
option_->on_change();
return true;
}
// Delete
if (event == Event::Delete) {
if (cursor_position() == int(content_->size()))
return false;
size_t start = GlyphPosition(*content_, cursor_position());
size_t end = GlyphPosition(*content_, cursor_position() + 1);
content_->erase(start, end - start);
2021-07-10 18:29:39 +08:00
option_->on_change();
return true;
}
// Enter.
if (event == Event::Return) {
option_->on_enter();
return true;
}
2018-10-19 04:58:38 +08:00
2021-07-10 18:29:39 +08:00
if (event == Event::Custom) {
return false;
2021-07-10 18:29:39 +08:00
}
2021-07-10 18:29:39 +08:00
if (event == Event::ArrowLeft && cursor_position() > 0) {
cursor_position()--;
return true;
}
2018-10-19 04:58:38 +08:00
2021-07-10 18:29:39 +08:00
if (event == Event::ArrowRight &&
cursor_position() < (int)content_->size()) {
cursor_position()++;
return true;
}
2019-01-27 09:33:06 +08:00
2021-07-10 18:29:39 +08:00
if (event == Event::Home) {
cursor_position() = 0;
return true;
}
2018-10-21 20:18:11 +08:00
2021-07-10 18:29:39 +08:00
if (event == Event::End) {
cursor_position() = GlyphCount(*content_);
2021-07-10 18:29:39 +08:00
return true;
}
2018-10-21 20:18:11 +08:00
2021-07-10 18:29:39 +08:00
// Content
if (event.is_character()) {
size_t start = GlyphPosition(*content_, cursor_position());
content_->insert(start, event.character());
2021-07-10 18:29:39 +08:00
cursor_position()++;
option_->on_change();
return true;
}
return false;
}
2021-07-10 18:29:39 +08:00
private:
bool OnMouseEvent(Event event) {
hovered_ =
box_.Contain(event.mouse().x, event.mouse().y) && CaptureMouse(event);
if (!hovered_)
2021-07-10 18:29:39 +08:00
return false;
if (event.mouse().button != Mouse::Left ||
event.mouse().motion != Mouse::Pressed) {
2021-07-10 18:29:39 +08:00
return false;
}
2021-07-10 18:29:39 +08:00
TakeFocus();
if (content_->size() == 0)
return true;
auto mapping = CellToGlyphIndex(*content_);
int original_glyph = cursor_position();
original_glyph = util::clamp(original_glyph, 0, int(mapping.size()));
int original_cell = 0;
for (size_t i = 0; i < mapping.size(); i++) {
if (mapping[i] == original_glyph) {
original_cell = i;
break;
}
}
if (mapping[original_cell] != original_glyph)
original_cell = mapping.size();
int target_cell = original_cell + event.mouse().x - cursor_box_.x_min;
int target_glyph = target_cell < (int)mapping.size() ? mapping[target_cell]
: (int)mapping.size();
target_glyph = util::clamp(target_glyph, 0, GlyphCount(*content_));
if (cursor_position() != target_glyph) {
cursor_position() = target_glyph;
option_->on_change();
2021-07-10 18:29:39 +08:00
}
2018-10-19 04:58:38 +08:00
return true;
}
2021-08-06 04:40:40 +08:00
2021-08-07 02:32:33 +08:00
bool Focusable() const final { return true; }
2021-08-06 04:40:40 +08:00
bool hovered_ = false;
StringRef content_;
2021-07-10 18:29:39 +08:00
ConstStringRef placeholder_;
2018-10-19 04:58:38 +08:00
2021-09-08 15:36:37 +08:00
Box box_;
2021-07-10 18:29:39 +08:00
Box cursor_box_;
Ref<InputOption> option_;
};
// An input box. The user can type text into it.
// For convenience, the std::wstring version of Input simply wrap a
// InputBase.
class WideInputBase : public InputBase {
public:
WideInputBase(WideStringRef content,
ConstStringRef placeholder,
Ref<InputOption> option)
: InputBase(&wrapped_content_, std::move(placeholder), std::move(option)),
content_(std::move(content)),
wrapped_content_(to_string(*content_)) {}
Element Render() override {
wrapped_content_ = to_string(*content_);
return InputBase::Render();
}
bool OnEvent(Event event) override {
wrapped_content_ = to_string(*content_);
if (InputBase::OnEvent(event)) {
*content_ = to_wstring(wrapped_content_);
return true;
}
return false;
}
WideStringRef content_;
std::string wrapped_content_;
};
} // namespace
2021-07-10 18:29:39 +08:00
/// @brief An input box for editing text.
/// @param content The editable content.
/// @param placeholder The text displayed when content is still empty.
2021-07-10 20:23:46 +08:00
/// @param option Additional optional parameters.
2021-07-10 18:29:39 +08:00
/// @ingroup component
/// @see InputBase
///
/// ### Example
///
/// ```cpp
/// auto screen = ScreenInteractive::FitComponent();
/// std::string content= "";
/// std::string placeholder = "placeholder";
2021-07-10 18:29:39 +08:00
/// Component input = Input(&content, &placeholder);
/// screen.Loop(input);
/// ```
///
/// ### Output
///
/// ```bash
/// placeholder
/// ```
Component Input(StringRef content,
ConstStringRef placeholder,
Ref<InputOption> option) {
return Make<InputBase>(content, placeholder, std::move(option));
}
/// @brief . An input box for editing text.
/// @param content The editable content.
/// @param placeholder The text displayed when content is still empty.
/// @param option Additional optional parameters.
/// @ingroup component
/// @see InputBase
///
/// ### Example
///
/// ```cpp
/// auto screen = ScreenInteractive::FitComponent();
/// std::string content= "";
/// std::string placeholder = "placeholder";
/// Component input = Input(&content, &placeholder);
/// screen.Loop(input);
/// ```
///
/// ### Output
///
/// ```bash
/// placeholder
/// ```
Component Input(WideStringRef content,
ConstStringRef placeholder,
Ref<InputOption> option) {
return Make<WideInputBase>(content, placeholder, std::move(option));
}
} // namespace ftxui
// Copyright 2020 Arthur Sonzogni. All rights reserved.
// Use of this source code is governed by the MIT license that can be found in
// the LICENSE file.