1 /*
2 * Copyright (c) 2021-2024 Huawei Device Co., Ltd.
3 * Licensed under the Apache License, Version 2.0 (the "License");
4 * you may not use this file except in compliance with the License.
5 * You may obtain a copy of the License at
6 *
7 * http://www.apache.org/licenses/LICENSE-2.0
8 *
9 * Unless required by applicable law or agreed to in writing, software
10 * distributed under the License is distributed on an "AS IS" BASIS,
11 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
12 * See the License for the specific language governing permissions and
13 * limitations under the License.
14 */
15
16 #include "frameworks/bridge/declarative_frontend/jsview/js_textinput.h"
17
18 #include <cstdint>
19 #include <optional>
20 #include <string>
21 #include <vector>
22
23 #include "core/common/container.h"
24 #include "frameworks/bridge/common/utils/utils.h"
25 #include "frameworks/bridge/declarative_frontend/engine/functions/js_clipboard_function.h"
26 #include "frameworks/bridge/declarative_frontend/engine/functions/js_function.h"
27 #include "frameworks/bridge/declarative_frontend/jsview/js_text_editable_controller.h"
28 #include "frameworks/bridge/declarative_frontend/jsview/js_textfield.h"
29 #include "frameworks/bridge/declarative_frontend/jsview/js_view_common_def.h"
30 #include "frameworks/bridge/declarative_frontend/view_stack_processor.h"
31 #include "frameworks/core/common/ime/text_input_action.h"
32 #include "frameworks/core/common/ime/text_input_type.h"
33 #include "frameworks/core/components/text_field/text_field_component.h"
34 #include "frameworks/core/components/text_field/textfield_theme.h"
35 #include "frameworks/core/components_ng/pattern/text_field/text_content_type.h"
36
37 namespace OHOS::Ace::Framework {
38
JSBind(BindingTarget globalObj)39 void JSTextInput::JSBind(BindingTarget globalObj)
40 {
41 JSClass<JSTextInput>::Declare("TextInput");
42 MethodOptions opt = MethodOptions::NONE;
43 JSClass<JSTextInput>::StaticMethod("create", &JSTextInput::Create, opt);
44 JSClass<JSTextInput>::StaticMethod("type", &JSTextField::SetType);
45 JSClass<JSTextInput>::StaticMethod("contentType", &JSTextField::SetContentType);
46 JSClass<JSTextInput>::StaticMethod("placeholderColor", &JSTextField::SetPlaceholderColor);
47 JSClass<JSTextInput>::StaticMethod("placeholderFont", &JSTextField::SetPlaceholderFont);
48 JSClass<JSTextInput>::StaticMethod("backgroundColor", &JSTextField::SetBackgroundColor);
49 JSClass<JSTextInput>::StaticMethod("enterKeyType", &JSTextField::SetEnterKeyType);
50 JSClass<JSTextInput>::StaticMethod("caretColor", &JSTextField::SetCaretColor);
51 JSClass<JSTextInput>::StaticMethod("caretPosition", &JSTextField::SetCaretPosition);
52 JSClass<JSTextInput>::StaticMethod("selectedBackgroundColor", &JSTextField::SetSelectedBackgroundColor);
53 JSClass<JSTextInput>::StaticMethod("caretStyle", &JSTextField::SetCaretStyle);
54 JSClass<JSTextInput>::StaticMethod("maxLength", &JSTextField::SetMaxLength);
55 JSClass<JSTextInput>::StaticMethod("width", &JSTextField::JsWidth);
56 JSClass<JSTextInput>::StaticMethod("height", &JSTextField::JsHeight);
57 JSClass<JSTextInput>::StaticMethod("padding", &JSTextField::JsPadding);
58 JSClass<JSTextInput>::StaticMethod("margin", &JSTextField::JsMargin);
59 JSClass<JSTextInput>::StaticMethod("border", &JSTextField::JsBorder);
60 JSClass<JSTextInput>::StaticMethod("borderWidth", &JSTextField::JsBorderWidth);
61 JSClass<JSTextInput>::StaticMethod("borderColor", &JSTextField::JsBorderColor);
62 JSClass<JSTextInput>::StaticMethod("borderStyle", &JSTextField::JsBorderStyle);
63 JSClass<JSTextInput>::StaticMethod("borderRadius", &JSTextField::JsBorderRadius);
64 JSClass<JSTextInput>::StaticMethod("fontSize", &JSTextField::SetFontSize);
65 JSClass<JSTextInput>::StaticMethod("fontColor", &JSTextField::SetTextColor);
66 JSClass<JSTextInput>::StaticMethod("fontWeight", &JSTextField::SetFontWeight);
67 JSClass<JSTextInput>::StaticMethod("fontStyle", &JSTextField::SetFontStyle);
68 JSClass<JSTextInput>::StaticMethod("fontFamily", &JSTextField::SetFontFamily);
69 JSClass<JSTextInput>::StaticMethod("minFontScale", &JSTextField::SetMinFontScale);
70 JSClass<JSTextInput>::StaticMethod("maxFontScale", &JSTextField::SetMaxFontScale);
71 JSClass<JSTextInput>::StaticMethod("inputFilter", &JSTextField::SetInputFilter);
72 JSClass<JSTextInput>::StaticMethod("showPasswordIcon", &JSTextField::SetShowPasswordIcon);
73 JSClass<JSTextInput>::StaticMethod("textAlign", &JSTextField::SetTextAlign);
74 JSClass<JSTextInput>::StaticMethod("style", &JSTextField::SetInputStyle);
75 JSClass<JSTextInput>::StaticMethod("hoverEffect", &JSTextField::JsHoverEffect);
76 JSClass<JSTextInput>::StaticMethod("copyOption", &JSTextField::SetCopyOption);
77 JSClass<JSTextInput>::StaticMethod("foregroundColor", &JSTextField::SetForegroundColor);
78 JSClass<JSTextInput>::StaticMethod("showUnit", &JSTextField::SetShowUnit);
79 JSClass<JSTextInput>::StaticMethod("showError", &JSTextField::SetShowError);
80 JSClass<JSTextInput>::StaticMethod("barState", &JSTextField::SetBarState);
81 JSClass<JSTextInput>::StaticMethod("maxLines", &JSTextField::SetMaxLines);
82 JSClass<JSTextInput>::StaticMethod("wordBreak", &JSTextField::SetWordBreak);
83 JSClass<JSTextInput>::StaticMethod("ellipsisMode", &JSTextField::SetEllipsisMode);
84 // API7 onEditChanged deprecated
85 JSClass<JSTextInput>::StaticMethod("onEditChanged", &JSTextField::SetOnEditChanged);
86 JSClass<JSTextInput>::StaticMethod("onEditChange", &JSTextField::SetOnEditChanged);
87 JSClass<JSTextInput>::StaticMethod("onSecurityStateChange", &JSTextField::SetOnSecurityStateChange);
88 JSClass<JSTextInput>::StaticMethod("onSubmit", &JSTextField::SetOnSubmit);
89 JSClass<JSTextInput>::StaticMethod("onWillChange", &JSTextField::SetOnWillChange);
90 JSClass<JSTextInput>::StaticMethod("onChange", &JSTextField::SetOnChange);
91 JSClass<JSTextInput>::StaticMethod("onTextSelectionChange", &JSTextField::SetOnTextSelectionChange);
92 JSClass<JSTextInput>::StaticMethod("onContentScroll", &JSTextField::SetOnContentScroll);
93 JSClass<JSTextInput>::StaticMethod("onCopy", &JSTextField::SetOnCopy);
94 JSClass<JSTextInput>::StaticMethod("onCut", &JSTextField::SetOnCut);
95 JSClass<JSTextInput>::StaticMethod("onPaste", &JSTextField::SetOnPaste);
96 JSClass<JSTextInput>::StaticMethod("onClick", &JSTextField::SetOnClick);
97 JSClass<JSTextInput>::StaticMethod("requestKeyboardOnFocus", &JSTextField::SetEnableKeyboardOnFocus);
98 JSClass<JSTextInput>::StaticMethod("onTouch", &JSInteractableView::JsOnTouch);
99 JSClass<JSTextInput>::StaticMethod("onHover", &JSInteractableView::JsOnHover);
100 JSClass<JSTextInput>::StaticMethod("onKeyEvent", &JSInteractableView::JsOnKey);
101 JSClass<JSTextInput>::StaticMethod("onDeleteEvent", &JSInteractableView::JsOnDelete);
102 JSClass<JSTextInput>::StaticMethod("onAttach", &JSInteractableView::JsOnAttach);
103 JSClass<JSTextInput>::StaticMethod("onAppear", &JSInteractableView::JsOnAppear);
104 JSClass<JSTextInput>::StaticMethod("onDetach", &JSInteractableView::JsOnDetach);
105 JSClass<JSTextInput>::StaticMethod("onDisAppear", &JSInteractableView::JsOnDisAppear);
106 JSClass<JSTextInput>::StaticMethod("passwordIcon", &JSTextField::SetPasswordIcon);
107 JSClass<JSTextInput>::StaticMethod("showUnderline", &JSTextField::SetShowUnderline);
108 JSClass<JSTextInput>::StaticMethod("underlineColor", &JSTextField::SetUnderlineColor);
109 JSClass<JSTextInput>::StaticMethod("enableKeyboardOnFocus", &JSTextField::SetEnableKeyboardOnFocus);
110 JSClass<JSTextInput>::StaticMethod("selectionMenuHidden", &JSTextField::SetSelectionMenuHidden);
111 JSClass<JSTextInput>::StaticMethod("customKeyboard", &JSTextField::SetCustomKeyboard);
112 JSClass<JSTextInput>::StaticMethod("passwordRules", &JSTextField::SetPasswordRules);
113 JSClass<JSTextInput>::StaticMethod("enableAutoFill", &JSTextField::SetEnableAutoFill);
114 JSClass<JSTextInput>::StaticMethod("cancelButton", &JSTextField::SetCancelButton);
115 JSClass<JSTextInput>::StaticMethod("selectAll", &JSTextField::SetSelectAllValue);
116 JSClass<JSTextInput>::StaticMethod("lineBreakStrategy", &JSTextField::SetLineBreakStrategy);
117 JSClass<JSTextInput>::StaticMethod("showCounter", &JSTextField::SetShowCounter);
118 JSClass<JSTextInput>::StaticMethod("fontFeature", &JSTextField::SetFontFeature);
119 JSClass<JSTextInput>::StaticMethod("decoration", &JSTextField::SetDecoration);
120 JSClass<JSTextInput>::StaticMethod("minFontSize", &JSTextField::SetMinFontSize);
121 JSClass<JSTextInput>::StaticMethod("maxFontSize", &JSTextField::SetMaxFontSize);
122 JSClass<JSTextInput>::StaticMethod("heightAdaptivePolicy", &JSTextField::SetHeightAdaptivePolicy);
123 JSClass<JSTextInput>::StaticMethod("letterSpacing", &JSTextField::SetLetterSpacing);
124 JSClass<JSTextInput>::StaticMethod("lineHeight", &JSTextField::SetLineHeight);
125 JSClass<JSTextInput>::StaticMethod("halfLeading", &JSTextField::SetHalfLeading);
126 JSClass<JSTextInput>::StaticMethod("textOverflow", &JSTextField::SetTextOverflow);
127 JSClass<JSTextInput>::StaticMethod("textIndent", &JSTextField::SetTextIndent);
128 JSClass<JSTextInput>::StaticMethod("showPassword", &JSTextField::ShowPasswordText);
129
130 JSClass<JSTextInput>::StaticMethod("onWillInsert", &JSTextField::OnWillInsertValue);
131 JSClass<JSTextInput>::StaticMethod("onDidInsert", &JSTextField::OnDidInsertValue);
132 JSClass<JSTextInput>::StaticMethod("onWillDelete", &JSTextField::OnWillDelete);
133 JSClass<JSTextInput>::StaticMethod("onDidDelete", &JSTextField::OnDidDelete);
134 JSClass<JSTextInput>::StaticMethod("editMenuOptions", &JSTextField::EditMenuOptions);
135 JSClass<JSTextInput>::StaticMethod("enablePreviewText", &JSTextField::SetEnablePreviewText);
136 JSClass<JSTextInput>::StaticMethod("enableHapticFeedback", &JSTextField::SetEnableHapticFeedback);
137 JSClass<JSTextInput>::StaticMethod("stopBackPress", &JSTextField::SetStopBackPress);
138 JSClass<JSTextInput>::StaticMethod("keyboardAppearance", &JSTextField::SetKeyboardAppearance);
139 JSClass<JSTextInput>::InheritAndBind<JSViewAbstract>(globalObj);
140 }
141
Create(const JSCallbackInfo & info)142 void JSTextInput::Create(const JSCallbackInfo& info)
143 {
144 JSTextField::CreateTextInput(info);
145 }
146
JSBind(BindingTarget globalObj)147 void JSTextInputController::JSBind(BindingTarget globalObj)
148 {
149 JSClass<JSTextEditableController>::Declare("TextInputController");
150 JSTextEditableController::JSBind(globalObj);
151 }
152 } // namespace OHOS::Ace::Framework
153