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/ark_theme/theme_apply/js_textinput_theme.h"
31 #include "frameworks/bridge/declarative_frontend/view_stack_processor.h"
32 #include "frameworks/core/common/ime/text_input_action.h"
33 #include "frameworks/core/common/ime/text_input_type.h"
34 #include "frameworks/core/components/text_field/text_field_component.h"
35 #include "frameworks/core/components/text_field/textfield_theme.h"
36 #include "frameworks/core/components_ng/pattern/text_field/text_content_type.h"
37 
38 namespace OHOS::Ace::Framework {
39 
JSBind(BindingTarget globalObj)40 void JSTextInput::JSBind(BindingTarget globalObj)
41 {
42     JSClass<JSTextInput>::Declare("TextInput");
43     MethodOptions opt = MethodOptions::NONE;
44     JSClass<JSTextInput>::StaticMethod("create", &JSTextInput::Create, opt);
45     JSClass<JSTextInput>::StaticMethod("type", &JSTextField::SetType);
46     JSClass<JSTextInput>::StaticMethod("contentType", &JSTextField::SetContentType);
47     JSClass<JSTextInput>::StaticMethod("placeholderColor", &JSTextField::SetPlaceholderColor);
48     JSClass<JSTextInput>::StaticMethod("placeholderFont", &JSTextField::SetPlaceholderFont);
49     JSClass<JSTextInput>::StaticMethod("backgroundColor", &JSTextField::SetBackgroundColor);
50     JSClass<JSTextInput>::StaticMethod("enterKeyType", &JSTextField::SetEnterKeyType);
51     JSClass<JSTextInput>::StaticMethod("caretColor", &JSTextField::SetCaretColor);
52     JSClass<JSTextInput>::StaticMethod("caretPosition", &JSTextField::SetCaretPosition);
53     JSClass<JSTextInput>::StaticMethod("selectedBackgroundColor", &JSTextField::SetSelectedBackgroundColor);
54     JSClass<JSTextInput>::StaticMethod("caretStyle", &JSTextField::SetCaretStyle);
55     JSClass<JSTextInput>::StaticMethod("maxLength", &JSTextField::SetMaxLength);
56     JSClass<JSTextInput>::StaticMethod("width", &JSTextField::JsWidth);
57     JSClass<JSTextInput>::StaticMethod("height", &JSTextField::JsHeight);
58     JSClass<JSTextInput>::StaticMethod("padding", &JSTextField::JsPadding);
59     JSClass<JSTextInput>::StaticMethod("margin", &JSTextField::JsMargin);
60     JSClass<JSTextInput>::StaticMethod("border", &JSTextField::JsBorder);
61     JSClass<JSTextInput>::StaticMethod("borderWidth", &JSTextField::JsBorderWidth);
62     JSClass<JSTextInput>::StaticMethod("borderColor", &JSTextField::JsBorderColor);
63     JSClass<JSTextInput>::StaticMethod("borderStyle", &JSTextField::JsBorderStyle);
64     JSClass<JSTextInput>::StaticMethod("borderRadius", &JSTextField::JsBorderRadius);
65     JSClass<JSTextInput>::StaticMethod("fontSize", &JSTextField::SetFontSize);
66     JSClass<JSTextInput>::StaticMethod("fontColor", &JSTextField::SetTextColor);
67     JSClass<JSTextInput>::StaticMethod("fontWeight", &JSTextField::SetFontWeight);
68     JSClass<JSTextInput>::StaticMethod("fontStyle", &JSTextField::SetFontStyle);
69     JSClass<JSTextInput>::StaticMethod("fontFamily", &JSTextField::SetFontFamily);
70     JSClass<JSTextInput>::StaticMethod("inputFilter", &JSTextField::SetInputFilter);
71     JSClass<JSTextInput>::StaticMethod("showPasswordIcon", &JSTextField::SetShowPasswordIcon);
72     JSClass<JSTextInput>::StaticMethod("textAlign", &JSTextField::SetTextAlign);
73     JSClass<JSTextInput>::StaticMethod("style", &JSTextField::SetInputStyle);
74     JSClass<JSTextInput>::StaticMethod("hoverEffect", &JSTextField::JsHoverEffect);
75     JSClass<JSTextInput>::StaticMethod("copyOption", &JSTextField::SetCopyOption);
76     JSClass<JSTextInput>::StaticMethod("foregroundColor", &JSTextField::SetForegroundColor);
77     JSClass<JSTextInput>::StaticMethod("showUnit", &JSTextField::SetShowUnit);
78     JSClass<JSTextInput>::StaticMethod("showError", &JSTextField::SetShowError);
79     JSClass<JSTextInput>::StaticMethod("barState", &JSTextField::SetBarState);
80     JSClass<JSTextInput>::StaticMethod("maxLines", &JSTextField::SetMaxLines);
81     JSClass<JSTextInput>::StaticMethod("wordBreak", &JSTextField::SetWordBreak);
82     // API7 onEditChanged deprecated
83     JSClass<JSTextInput>::StaticMethod("onEditChanged", &JSTextField::SetOnEditChanged);
84     JSClass<JSTextInput>::StaticMethod("onEditChange", &JSTextField::SetOnEditChanged);
85     JSClass<JSTextInput>::StaticMethod("onSecurityStateChange", &JSTextField::SetOnSecurityStateChange);
86     JSClass<JSTextInput>::StaticMethod("onSubmit", &JSTextField::SetOnSubmit);
87     JSClass<JSTextInput>::StaticMethod("onChange", &JSTextField::SetOnChange);
88     JSClass<JSTextInput>::StaticMethod("onTextSelectionChange", &JSTextField::SetOnTextSelectionChange);
89     JSClass<JSTextInput>::StaticMethod("onContentScroll", &JSTextField::SetOnContentScroll);
90     JSClass<JSTextInput>::StaticMethod("onCopy", &JSTextField::SetOnCopy);
91     JSClass<JSTextInput>::StaticMethod("onCut", &JSTextField::SetOnCut);
92     JSClass<JSTextInput>::StaticMethod("onPaste", &JSTextField::SetOnPaste);
93     JSClass<JSTextInput>::StaticMethod("onClick", &JSTextField::SetOnClick);
94     JSClass<JSTextInput>::StaticMethod("requestKeyboardOnFocus", &JSTextField::SetEnableKeyboardOnFocus);
95     JSClass<JSTextInput>::StaticMethod("onTouch", &JSInteractableView::JsOnTouch);
96     JSClass<JSTextInput>::StaticMethod("onHover", &JSInteractableView::JsOnHover);
97     JSClass<JSTextInput>::StaticMethod("onKeyEvent", &JSInteractableView::JsOnKey);
98     JSClass<JSTextInput>::StaticMethod("onDeleteEvent", &JSInteractableView::JsOnDelete);
99     JSClass<JSTextInput>::StaticMethod("onAttach", &JSInteractableView::JsOnAttach);
100     JSClass<JSTextInput>::StaticMethod("onAppear", &JSInteractableView::JsOnAppear);
101     JSClass<JSTextInput>::StaticMethod("onDetach", &JSInteractableView::JsOnDetach);
102     JSClass<JSTextInput>::StaticMethod("onDisAppear", &JSInteractableView::JsOnDisAppear);
103     JSClass<JSTextInput>::StaticMethod("passwordIcon", &JSTextField::SetPasswordIcon);
104     JSClass<JSTextInput>::StaticMethod("showUnderline", &JSTextField::SetShowUnderline);
105     JSClass<JSTextInput>::StaticMethod("underlineColor", &JSTextField::SetUnderlineColor);
106     JSClass<JSTextInput>::StaticMethod("enableKeyboardOnFocus", &JSTextField::SetEnableKeyboardOnFocus);
107     JSClass<JSTextInput>::StaticMethod("selectionMenuHidden", &JSTextField::SetSelectionMenuHidden);
108     JSClass<JSTextInput>::StaticMethod("customKeyboard", &JSTextField::SetCustomKeyboard);
109     JSClass<JSTextInput>::StaticMethod("passwordRules", &JSTextField::SetPasswordRules);
110     JSClass<JSTextInput>::StaticMethod("enableAutoFill", &JSTextField::SetEnableAutoFill);
111     JSClass<JSTextInput>::StaticMethod("cancelButton", &JSTextField::SetCancelButton);
112     JSClass<JSTextInput>::StaticMethod("selectAll", &JSTextField::SetSelectAllValue);
113     JSClass<JSTextInput>::StaticMethod("lineBreakStrategy", &JSTextField::SetLineBreakStrategy);
114     JSClass<JSTextInput>::StaticMethod("showCounter", &JSTextField::SetShowCounter);
115     JSClass<JSTextInput>::StaticMethod("fontFeature", &JSTextField::SetFontFeature);
116     JSClass<JSTextInput>::StaticMethod("decoration", &JSTextField::SetDecoration);
117     JSClass<JSTextInput>::StaticMethod("minFontSize", &JSTextField::SetMinFontSize);
118     JSClass<JSTextInput>::StaticMethod("maxFontSize", &JSTextField::SetMaxFontSize);
119     JSClass<JSTextInput>::StaticMethod("heightAdaptivePolicy", &JSTextField::SetHeightAdaptivePolicy);
120     JSClass<JSTextInput>::StaticMethod("letterSpacing", &JSTextField::SetLetterSpacing);
121     JSClass<JSTextInput>::StaticMethod("lineHeight", &JSTextField::SetLineHeight);
122     JSClass<JSTextInput>::StaticMethod("textOverflow", &JSTextField::SetTextOverflow);
123     JSClass<JSTextInput>::StaticMethod("textIndent", &JSTextField::SetTextIndent);
124     JSClass<JSTextInput>::StaticMethod("showPassword", &JSTextField::ShowPasswordText);
125 
126     JSClass<JSTextInput>::StaticMethod("onWillInsert", &JSTextField::OnWillInsertValue);
127     JSClass<JSTextInput>::StaticMethod("onDidInsert", &JSTextField::OnDidInsertValue);
128     JSClass<JSTextInput>::StaticMethod("onWillDelete", &JSTextField::OnWillDelete);
129     JSClass<JSTextInput>::StaticMethod("onDidDelete", &JSTextField::OnDidDelete);
130     JSClass<JSTextInput>::StaticMethod("editMenuOptions", &JSTextField::EditMenuOptions);
131     JSClass<JSTextInput>::StaticMethod("enablePreviewText", &JSTextField::SetEnablePreviewText);
132     JSClass<JSTextInput>::StaticMethod("enableHapticFeedback", &JSTextField::SetEnableHapticFeedback);
133     JSClass<JSTextInput>::InheritAndBind<JSViewAbstract>(globalObj);
134 }
135 
Create(const JSCallbackInfo & info)136 void JSTextInput::Create(const JSCallbackInfo& info)
137 {
138     JSTextField::CreateTextInput(info);
139     JSTextInputTheme::ApplyTheme();
140 }
141 
JSBind(BindingTarget globalObj)142 void JSTextInputController::JSBind(BindingTarget globalObj)
143 {
144     JSClass<JSTextEditableController>::Declare("TextInputController");
145     JSTextEditableController::JSBind(globalObj);
146 }
147 } // namespace OHOS::Ace::Framework
148