container.cpp

Go to the documentation of this file.

// Copyright 2020 Arthur Sonzogni. Todos los derechos reservados.
// El uso de este código fuente se rige por la licencia MIT que se puede encontrar en
// el archivo LICENSE.
#include <algorithm>  // for max, min
#include <cstddef>    // for size_t
#include <memory>  // for make_shared, __shared_ptr_access, allocator, shared_ptr, allocator_traits<>::value_type
#include <utility>  // for move
 
#include "ftxui/component/component.hpp"  // for Horizontal, Vertical, Tab
#include "ftxui/component/component_base.hpp"  // for Components, Component, ComponentBase
#include "ftxui/component/event.hpp"  // for Event, Event::Tab, Event::TabReverse, Event::ArrowDown, Event::ArrowLeft, Event::ArrowRight, Event::ArrowUp, Event::End, Event::Home, Event::PageDown, Event::PageUp
#include "ftxui/component/mouse.hpp"  // for Mouse, Mouse::WheelDown, Mouse::WheelUp
#include "ftxui/dom/elements.hpp"  // for text, Elements, operator|, reflect, Element, hbox, vbox
#include "ftxui/screen/box.hpp"  // for Box
 
namespace ftxui {
 
class ContainerBase : public ComponentBase {
 public:
  ContainerBase(Components children, int* selector)
      : selector_(selector ? selector : &selected_) {
    for (Component& child : children) {
      Add(std::move(child));
    }
  }
 
  // Sobrescritura de Component.
  bool OnEvent(Event event) override {
    if (event.is_mouse()) {
      return OnMouseEvent(event);
    }
 
    if (!Focused()) {
      return false;
    }
 
    if (ActiveChild() && ActiveChild()->OnEvent(event)) {
      return true;
    }
 
    return EventHandler(event);
  }
 
  Component ActiveChild() override {
    if (children_.empty()) {
      return nullptr;
    }
 
    return children_[static_cast<size_t>(*selector_) % children_.size()];
  }
 
  void SetActiveChild(ComponentBase* child) override {
    for (size_t i = 0; i < children_.size(); ++i) {
      if (children_[i].get() == child) {
        *selector_ = static_cast<int>(i);
        return;
      }
    }
  }
 
 protected:
  // Manejadores
  virtual bool EventHandler(Event /*unused*/) { return false; }  // NOLINT
 
  virtual bool OnMouseEvent(Event event) {
    return ComponentBase::OnEvent(std::move(event));
  }
 
  int selected_ = 0;
  int* selector_ = nullptr;
 
  void MoveSelector(int dir) {
    for (int i = *selector_ + dir; i >= 0 && i < int(children_.size());
         i += dir) {
      if (children_[i]->Focusable()) {
        *selector_ = i;
        return;
      }
    }
  }
 
  void MoveSelectorWrap(int dir) {
    if (children_.empty()) {
      return;
    }
    for (size_t offset = 1; offset < children_.size(); ++offset) {
      const size_t i =
          (*selector_ + offset * dir + children_.size()) % children_.size();
      if (children_[i]->Focusable()) {
        *selector_ = int(i);
        return;
      }
    }
  }
};
 
class VerticalContainer : public ContainerBase {
 public:
  using ContainerBase::ContainerBase;
 
  Element OnRender() override {
    Elements elements;
    elements.reserve(children_.size());
    for (auto& it : children_) {
      elements.push_back(it->Render());
    }
    if (elements.empty()) {
      return text("Contenedor vacío") | reflect(box_);
    }
    return vbox(std::move(elements)) | reflect(box_);
  }
 
  bool EventHandler(Event event) override {
    const int old_selected = *selector_;
    if (event == Event::ArrowUp || event == Event::Character('k')) {
      MoveSelector(-1);
    }
    if (event == Event::ArrowDown || event == Event::Character('j')) {
      MoveSelector(+1);
    }
    if (event == Event::PageUp) {
      for (int i = 0; i < box_.y_max - box_.y_min; ++i) {
        MoveSelector(-1);
      }
    }
    if (event == Event::PageDown) {
      for (int i = 0; i < box_.y_max - box_.y_min; ++i) {
        MoveSelector(1);
      }
    }
    if (event == Event::Home) {
      for (size_t i = 0; i < children_.size(); ++i) {
        MoveSelector(-1);
      }
    }
    if (event == Event::End) {
      for (size_t i = 0; i < children_.size(); ++i) {
        MoveSelector(1);
      }
    }
    if (event == Event::Tab) {
      MoveSelectorWrap(+1);
    }
    if (event == Event::TabReverse) {
      MoveSelectorWrap(-1);
    }
 
    *selector_ = std::max(0, std::min(int(children_.size()) - 1, *selector_));
    return old_selected != *selector_;
  }
 
  bool OnMouseEvent(Event event) override {
    if (ContainerBase::OnMouseEvent(event)) {
      return true;
    }
 
    if (event.mouse().button != Mouse::WheelUp &&
        event.mouse().button != Mouse::WheelDown) {
      return false;
    }
 
    if (!box_.Contain(event.mouse().x, event.mouse().y)) {
      return false;
    }
 
    const int old_selected = *selector_;
    if (event.mouse().button == Mouse::WheelUp) {
      MoveSelector(-1);
    }
    if (event.mouse().button == Mouse::WheelDown) {
      MoveSelector(+1);
    }
    *selector_ = std::max(0, std::min(int(children_.size()) - 1, *selector_));
 
    return old_selected != *selector_;
  }
 
  Box box_;
};
 
class HorizontalContainer : public ContainerBase {
 public:
  using ContainerBase::ContainerBase;
 
  Element OnRender() override {
    Elements elements;
    elements.reserve(children_.size());
    for (auto& it : children_) {
      elements.push_back(it->Render());
    }
    if (elements.empty()) {
      return text("Contenedor vacío");
    }
    return hbox(std::move(elements));
  }
 
  bool EventHandler(Event event) override {
    const int old_selected = *selector_;
    if (event == Event::ArrowLeft || event == Event::Character('h')) {
      MoveSelector(-1);
    }
    if (event == Event::ArrowRight || event == Event::Character('l')) {
      MoveSelector(+1);
    }
    if (event == Event::Tab) {
      MoveSelectorWrap(+1);
    }
    if (event == Event::TabReverse) {
      MoveSelectorWrap(-1);
    }
 
    *selector_ = std::max(0, std::min(int(children_.size()) - 1, *selector_));
    return old_selected != *selector_;
  }
};
 
class TabContainer : public ContainerBase {
 public:
  using ContainerBase::ContainerBase;
 
  Element OnRender() override {
    const Component active_child = ActiveChild();
    if (active_child) {
      return active_child->Render();
    }
    return text("Contenedor vacío");
  }
 
  bool Focusable() const override {
    if (children_.empty()) {
      return false;
    }
    return children_[size_t(*selector_) % children_.size()]->Focusable();
  }
 
  bool OnMouseEvent(Event event) override {
    return ActiveChild() && ActiveChild()->OnEvent(event);
  }
};
 
class StackedContainer : public ContainerBase {
 public:
  explicit StackedContainer(Components children)
      : ContainerBase(std::move(children), nullptr) {}
 
 private:
  Element OnRender() final {
    Elements elements;
    for (auto& child : children_) {
      elements.push_back(child->Render());
    }
    // Invierte el orden de los elementos.
    std::reverse(elements.begin(), elements.end());
    return dbox(std::move(elements));
  }
 
  bool Focusable() const final {
    for (const auto& child : children_) {
      if (child->Focusable()) {
        return true;
      }
    }
    return false;
  }
 
  Component ActiveChild() final {
    if (children_.empty()) {
      return nullptr;
    }
    return children_[0];
  }
 
  void SetActiveChild(ComponentBase* child) final {
    if (children_.empty()) {
      return;
    }
 
    // Encuentra `child` y lo coloca al principio sin cambiar el orden de los
    // otros hijos.
    auto it =
        std::find_if(children_.begin(), children_.end(),
                     [child](const Component& c) { return c.get() == child; });
    if (it == children_.end()) {
      return;
    }
    std::rotate(children_.begin(), it, it + 1);
  }
 
  bool OnEvent(Event event) final {
    for (auto& child : children_) {
      if (child->OnEvent(event)) {
        return true;
      }
    }
    return false;
  }
};
 
namespace Container {
 
/// @brief Una lista de componentes, dibujados uno a uno verticalmente y navegados
/// verticalmente usando las teclas de flecha arriba/abajo o las teclas 'j'/'k'.
/// @param children la lista de componentes.
/// @ingroup component
/// @see ContainerBase
///
/// ### Ejemplo
///
/// ```cpp
/// auto container = Container::Vertical({
///   children_1,
///   children_2,
///   children_3,
///   children_4,
/// });
/// ```
Component Vertical(Components children) {
  return Vertical(std::move(children), nullptr);
}
 
/// @brief Una lista de componentes, dibujados uno a uno verticalmente y navegados
/// verticalmente usando las teclas de flecha arriba/abajo o las teclas 'j'/'k'.
/// Esto es útil para implementar un Menú, por ejemplo.
/// @param children la lista de componentes.
/// @param selector Una referencia al índice del hijo seleccionado.
/// @ingroup component
/// @see ContainerBase
///
/// ### Ejemplo
///
/// ```cpp
/// auto container = Container::Vertical({
///   children_1,
///   children_2,
///   children_3,
///   children_4,
/// }, &selected_children);
/// ```
Component Vertical(Components children, int* selector) {
  return std::make_shared<VerticalContainer>(std::move(children), selector);
}
 
/// @brief Una lista de componentes, dibujados uno a uno horizontalmente y navegados
/// horizontalmente usando las teclas de flecha izquierda/derecha o las teclas 'h'/'l'.
/// @param children la lista de componentes.
/// @ingroup component
/// @see ContainerBase
///
/// ### Ejemplo
///
/// ```cpp
/// int selected_children = 2;
/// auto container = Container::Horizontal({
///   children_1,
///   children_2,
///   children_3,
///   children_4,
/// });
/// ```
Component Horizontal(Components children) {
  return Horizontal(std::move(children), nullptr);
}
 
/// @brief Una lista de componentes, dibujados uno a uno horizontalmente y navegados
/// horizontalmente usando las teclas de flecha izquierda/derecha o las teclas 'h'/'l'.
/// @param children la lista de componentes.
/// @param selector Una referencia al índice del hijo seleccionado.
/// @ingroup component
/// @see ContainerBase
///
/// ### Ejemplo
///
/// ```cpp
/// int selected_children = 2;
/// auto container = Container::Horizontal({
///   children_1,
///   children_2,
///   children_3,
///   children_4,
/// }, selected_children);
/// ```
Component Horizontal(Components children, int* selector) {
  return std::make_shared<HorizontalContainer>(std::move(children), selector);
}
 
/// @brief Una lista de componentes, donde solo uno se dibuja e interactúa a la vez.
/// El |selector| da el índice del componente seleccionado. Esto es
/// útil para implementar pestañas.
/// @param children La lista de componentes.
/// @param selector El índice de los hijos dibujados.
/// @ingroup component
/// @see ContainerBase
///
/// ### Ejemplo
///
/// ```cpp
/// int tab_drawn = 0;
/// auto container = Container::Tab({
///   children_1,
///   children_2,
///   children_3,
///   children_4,
/// }, &tab_drawn);
/// ```
Component Tab(Components children, int* selector) {
  return std::make_shared<TabContainer>(std::move(children), selector);
}
 
/// @brief Una lista de componentes que se apilan uno encima del otro.
/// Los eventos se propagan al primer componente, luego al segundo si no
/// se manejan, etc.
/// Los componentes se dibujan en el orden inverso en que se dan.
/// Cuando un componente toma el foco, se coloca al frente, sin cambiar el
/// orden relativo de los otros elementos.
///
/// Esto debe usarse con el componente `Window`.
///
/// @param children La lista de componentes.
/// @ingroup component
/// @see Window
///
/// ### Ejemplo
///
/// ```cpp
/// auto container = Container::Stacked({
///   children_1,
///   children_2,
///   children_3,
///   children_4,
/// });
/// ```
Component Stacked(Components children) {
  return std::make_shared<StackedContainer>(std::move(children));
}
 
}  // namespace Container
 
}  // namespace ftxui