Advanced text input options

flutter/shell/platform/tizen/BUILD.gn

@@ -143,12 +143,15 @@ template("embedder") {
         "external_texture_pixel_egl.cc",
         "external_texture_surface_egl.cc",
         "flutter_platform_node_delegate_tizen.cc",
+        "tizen_autofill.cc",
         "tizen_renderer_egl.cc",
         "tizen_vsync_waiter.cc",
         "tizen_window_ecore_wl2.cc",
       ]
 
       libs += [
+        "capi-ui-autofill",
+        "capi-ui-autofill-common",
         "ecore_wl2",
         "tdm-client",
         "tizen-extension-client",
@@ -177,12 +180,14 @@ template("embedder") {
     if (api_version == "6.5" && target_name != "flutter_tizen_wearable") {
       sources += [
         "flutter_tizen_nui.cc",
+        "nui_autofill_popup.cc",
         "tizen_view_nui.cc",
       ]
 
       libs += [
         "dali2-adaptor",
         "dali2-core",
+        "dali2-toolkit",
       ]
 
       defines += [ "NUI_SUPPORT" ]

flutter/shell/platform/tizen/channels/text_input_channel.cc

@@ -7,6 +7,9 @@
 #include "flutter/shell/platform/common/json_method_codec.h"
 #include "flutter/shell/platform/tizen/flutter_tizen_engine.h"
 #include "flutter/shell/platform/tizen/logger.h"
+#ifndef WEARABLE_PROFILE
+#include "flutter/shell/platform/tizen/tizen_autofill.h"
+#endif
 
 namespace flutter {
 
@@ -23,8 +26,12 @@ constexpr char kMultilineInputType[] = "TextInputType.multiline";
 constexpr char kUpdateEditingStateMethod[] =
     "TextInputClient.updateEditingState";
 constexpr char kPerformActionMethod[] = "TextInputClient.performAction";
+#ifndef WEARABLE_PROFILE
+constexpr char kRequestAutofillMethod[] = "TextInput.requestAutofill";
+#endif
 constexpr char kSetPlatformViewClient[] = "TextInput.setPlatformViewClient";
 constexpr char kTextCapitalization[] = "textCapitalization";
+constexpr char kTextEnableSuggestions[] = "enableSuggestions";
 constexpr char kTextInputAction[] = "inputAction";
 constexpr char kTextInputType[] = "inputType";
 constexpr char kTextInputTypeName[] = "name";
@@ -40,6 +47,9 @@ constexpr char kSelectionIsDirectionalKey[] = "selectionIsDirectional";
 constexpr char kTextKey[] = "text";
 constexpr char kBadArgumentError[] = "Bad Arguments";
 constexpr char kInternalConsistencyError[] = "Internal Consistency Error";
+constexpr char kAutofill[] = "autofill";
+constexpr char kUniqueIdentifier[] = "uniqueIdentifier";
+constexpr char kHints[] = "hints";
 
 bool IsAsciiPrintableKey(char ch) {
   return ch >= 32 && ch <= 126;
@@ -60,6 +70,13 @@ TextInputChannel::TextInputChannel(
              std::unique_ptr<MethodResult<rapidjson::Document>> result) {
         HandleMethodCall(call, std::move(result));
       });
+
+#ifndef WEARABLE_PROFILE
+  TizenAutofill& autofill = TizenAutofill::GetInstance();
+  autofill.SetOnPopup(
+      [this]() { input_method_context_->PopupAutofillItems(); });
+  autofill.SetOnCommit([this](std::string value) { OnCommit(value); });
+#endif
 }
 
 TextInputChannel::~TextInputChannel() {}
@@ -162,11 +179,21 @@ void TextInputChannel::HandleMethodCall(
     }
 
     client_id_ = client_id_json.GetInt();
+
+    auto enable_suggestions_iter =
+        client_config.FindMember(kTextEnableSuggestions);
+    if (enable_suggestions_iter != client_config.MemberEnd() &&
+        enable_suggestions_iter->value.IsBool()) {
+      bool enable = enable_suggestions_iter->value.GetBool();
+      input_method_context_->SetEnableSuggestions(enable);
+    }
+
     input_action_ = "";
     auto input_action_iter = client_config.FindMember(kTextInputAction);
     if (input_action_iter != client_config.MemberEnd() &&
         input_action_iter->value.IsString()) {
       input_action_ = input_action_iter->value.GetString();
+      input_method_context_->SetInputAction(input_action_);
     }
 
     text_capitalization_ = "";
@@ -211,6 +238,27 @@ void TextInputChannel::HandleMethodCall(
       }
     }
 
+    auto autofill_iter = client_config.FindMember(kAutofill);
+    if (autofill_iter != client_config.MemberEnd() &&
+        autofill_iter->value.IsObject()) {
+      auto unique_identifier_iter =
+          autofill_iter->value.FindMember(kUniqueIdentifier);
+      if (unique_identifier_iter != autofill_iter->value.MemberEnd() &&
+          unique_identifier_iter->value.IsString()) {
+        autofill_id_ = unique_identifier_iter->value.GetString();
+      }
+
+      auto hints_iter = autofill_iter->value.FindMember(kHints);
+      if (hints_iter != autofill_iter->value.MemberEnd() &&
+          hints_iter->value.IsArray()) {
+        autofill_hints_.clear();
+        for (auto hint = hints_iter->value.GetArray().Begin();
+             hint != hints_iter->value.GetArray().End(); hint++) {
+          autofill_hints_.push_back(hint->GetString());
+        }
+      }
+    }
+
     active_model_ = std::make_unique<TextInputModel>();
   } else if (method.compare(kSetEditingStateMethod) == 0) {
     input_method_context_->ResetInputMethodContext();
@@ -273,6 +321,10 @@ void TextInputChannel::HandleMethodCall(
           cursor_offset);
     }
     SendStateUpdate();
+#ifndef WEARABLE_PROFILE
+  } else if (method.compare(kRequestAutofillMethod) == 0) {
+    TizenAutofill::GetInstance().RequestAutofill(autofill_hints_, autofill_id_);
+#endif
   } else {
     result->NotImplemented();
     return;

flutter/shell/platform/tizen/channels/text_input_channel.h

@@ -7,6 +7,7 @@
 
 #include <memory>
 #include <string>
+#include <vector>
 
 #include "flutter/shell/platform/common/client_wrapper/include/flutter/binary_messenger.h"
 #include "flutter/shell/platform/common/client_wrapper/include/flutter/method_channel.h"
@@ -79,6 +80,13 @@ class TextInputChannel {
   // Automatic text capitalization type. See available options:
   // https://api.flutter.dev/flutter/services/TextCapitalization.html
   std::string text_capitalization_ = "";
+
+  // The active autofill client id.
+  std::string autofill_id_;
+
+  // A list of autofill hint strings. See available options:
+  // https://api.flutter.dev/flutter/services/AutofillHints-class.html
+  std::vector<std::string> autofill_hints_;
 };
 
 }  // namespace flutter

flutter/shell/platform/tizen/nui_autofill_popup.cc

@@ -0,0 +1,86 @@
+// Copyright 2023 Samsung Electronics Co., Ltd. All rights reserved.
+// Use of this source code is governed by a BSD-style license that can be
+// found in the LICENSE file.
+
+#include "flutter/shell/platform/tizen/nui_autofill_popup.h"
+
+#include <dali-toolkit/dali-toolkit.h>
+#include <dali-toolkit/devel-api/controls/table-view/table-view.h>
+#include <dali-toolkit/public-api/controls/text-controls/text-label.h>
+
+#include "flutter/shell/platform/tizen/tizen_autofill.h"
+
+namespace flutter {
+
+bool NuiAutofillPopup::Touched(Dali::Actor actor,
+                               const Dali::TouchEvent& event) {
+  const Dali::PointState::Type state = event.GetState(0);
+  if (Dali::PointState::DOWN == state) {
+    std::string text =
+        actor.GetProperty(Dali::Actor::Property::NAME).Get<std::string>();
+    on_commit_(text);
+    popup_.SetDisplayState(Dali::Toolkit::Popup::HIDDEN);
+  }
+  return true;
+}
+
+void NuiAutofillPopup::Hidden() {
+  // TODO(Swanseo0): There is a phenomenon where white traces remain for a
+  // while when popup disappears.
+  popup_.Unparent();
+  popup_.Reset();
+}
+
+void NuiAutofillPopup::OutsideTouched() {
+  popup_.SetDisplayState(Dali::Toolkit::Popup::HIDDEN);
+}
+
+void NuiAutofillPopup::Prepare() {
+  popup_ = Dali::Toolkit::Popup::New();
+  popup_.SetProperty(Dali::Actor::Property::NAME, "popup");
+  popup_.SetProperty(Dali::Actor::Property::PARENT_ORIGIN,
+                     Dali::ParentOrigin::TOP_LEFT);
+  popup_.SetProperty(Dali::Actor::Property::ANCHOR_POINT,
+                     Dali::AnchorPoint::TOP_LEFT);
+  popup_.SetProperty(Dali::Toolkit::Popup::Property::TAIL_VISIBILITY, false);
+  popup_.SetBackgroundColor(Dali::Color::WHITE_SMOKE);
+  popup_.OutsideTouchedSignal().Connect(this,
+                                        &NuiAutofillPopup::OutsideTouched);
+  popup_.HiddenSignal().Connect(this, &NuiAutofillPopup::Hidden);
+  popup_.SetProperty(Dali::Toolkit::Popup::Property::BACKING_ENABLED, false);
+  popup_.SetProperty(Dali::Toolkit::Popup::Property::AUTO_HIDE_DELAY, 2500);
+}
+
+void NuiAutofillPopup::Show(Dali::Actor* actor) {
+  const std::vector<std::unique_ptr<AutofillItem>>& items =
+      TizenAutofill::GetInstance().GetResponseItems();
+  if (!items.empty()) {
+    Prepare();
+    Dali::Toolkit::TableView content =
+        Dali::Toolkit::TableView::New(items.size(), 1);
+    content.SetResizePolicy(Dali::ResizePolicy::FILL_TO_PARENT,
+                            Dali::Dimension::ALL_DIMENSIONS);
+    content.SetProperty(Dali::Actor::Property::PADDING,
+                        Dali::Vector4(10, 10, 0, 0));
+    for (uint32_t i = 0; i < items.size(); ++i) {
+      Dali::Toolkit::TextLabel label =
+          Dali::Toolkit::TextLabel::New(items[i]->label_);
+      label.SetProperty(Dali::Actor::Property::NAME, items[i]->value_);
+      label.SetResizePolicy(Dali::ResizePolicy::DIMENSION_DEPENDENCY,
+                            Dali::Dimension::HEIGHT);
+      label.SetProperty(Dali::Toolkit::TextLabel::Property::TEXT_COLOR,
+                        Dali::Color::WHITE_SMOKE);
+      label.SetProperty(Dali::Toolkit::TextLabel::Property::POINT_SIZE, 7.0f);
+      label.TouchedSignal().Connect(this, &NuiAutofillPopup::Touched);
+      content.AddChild(label, Dali::Toolkit::TableView::CellPosition(i, 0));
+      content.SetFitHeight(i);
+    }
+    popup_.SetProperty(Dali::Actor::Property::SIZE,
+                       Dali::Vector2(140.0f, 35.0f * items.size()));
+    popup_.SetContent(content);
+    popup_.SetDisplayState(Dali::Toolkit::Popup::SHOWN);
+    actor->Add(popup_);
+  }
+}
+
+}  // namespace flutter

flutter/shell/platform/tizen/nui_autofill_popup.h

@@ -0,0 +1,37 @@
+// Copyright 2023 Samsung Electronics Co., Ltd. All rights reserved.
+// Use of this source code is governed by a BSD-style license that can be
+// found in the LICENSE file.
+
+#ifndef EMBEDDER_NUI_AUTOFILL_POPUP_H_
+#define EMBEDDER_NUI_AUTOFILL_POPUP_H_
+
+#include <dali-toolkit/devel-api/controls/popup/popup.h>
+
+#include <functional>
+
+namespace flutter {
+
+class NuiAutofillPopup : public Dali::ConnectionTracker {
+ public:
+  void Prepare();
+
+  void Show(Dali::Actor* actor);
+
+  void SetOnCommit(std::function<void(const std::string&)> callback) {
+    on_commit_ = callback;
+  }
+
+ private:
+  void Hidden();
+
+  void OutsideTouched();
+
+  bool Touched(Dali::Actor actor, const Dali::TouchEvent& event);
+
+  Dali::Toolkit::Popup popup_;
+  std::function<void(const std::string&)> on_commit_;
+};
+
+}  // namespace flutter
+
+#endif