mirror of
https://github.com/NativeScript/NativeScript.git
synced 2025-08-15 02:54:11 +08:00

* chore: move tns-core-modules to nativescript-core * chore: preparing compat generate script * chore: add missing definitions * chore: no need for http-request to be private * chore: packages chore * test: generate tests for tns-core-modules * chore: add anroid module for consistency * chore: add .npmignore * chore: added privateModulesWhitelist * chore(webpack): added bundle-entry-points * chore: scripts * chore: tests changed to use @ns/core * test: add scoped-packages test project * test: fix types * test: update test project * chore: build scripts * chore: update build script * chore: npm scripts cleanup * chore: make the compat pgk work with old wp config * test: generate diff friendly tests * chore: create barrel exports * chore: move files after rebase * chore: typedoc config * chore: compat mode * chore: review of barrels * chore: remove tns-core-modules import after rebase * chore: dev workflow setup * chore: update developer-workflow * docs: experiment with API extractor * chore: api-extractor and barrel exports * chore: api-extractor configs * chore: generate d.ts rollup with api-extractor * refactor: move methods inside Frame * chore: fic tests to use Frame static methods * refactor: create Builder class * refactor: use Builder class in tests * refactor: include Style in ui barrel * chore: separate compat build script * chore: fix tslint errors * chore: update NATIVESCRIPT_CORE_ARGS * chore: fix compat pack * chore: fix ui-test-app build with linked modules * chore: Application, ApplicationSettings, Connectivity and Http * chore: export Trace, Profiling and Utils * refactor: Static create methods for ImageSource * chore: fix deprecated usages of ImageSource * chore: move Span and FormattedString to ui * chore: add events-args and ImageSource to index files * chore: check for CLI >= 6.2 when building for IOS * chore: update travis build * chore: copy Pod file to compat package * chore: update error msg ui-tests-app * refactor: Apply suggestions from code review Co-Authored-By: Martin Yankov <m.i.yankov@gmail.com> * chore: typings and refs * chore: add missing d.ts files for public API * chore: adress code review FB * chore: update api-report * chore: dev-workflow for other apps * chore: api update * chore: update api-report
460 lines
17 KiB
TypeScript
460 lines
17 KiB
TypeScript
import {
|
|
EditableTextBase as EditableTextBaseCommon, keyboardTypeProperty,
|
|
returnKeyTypeProperty, editableProperty,
|
|
autocapitalizationTypeProperty, autocorrectProperty, hintProperty, resetSymbol,
|
|
textProperty, placeholderColorProperty, Color, textTransformProperty, maxLengthProperty
|
|
} from "./editable-text-base-common";
|
|
|
|
import { ad } from "../../utils/utils";
|
|
|
|
export * from "./editable-text-base-common";
|
|
|
|
//https://github.com/NativeScript/NativeScript/issues/2942
|
|
export let dismissKeyboardTimeoutId: NodeJS.Timer;
|
|
export let dismissKeyboardOwner: WeakRef<EditableTextBase>;
|
|
|
|
interface EditTextListeners extends android.text.TextWatcher, android.view.View.OnFocusChangeListener, android.widget.TextView.OnEditorActionListener {
|
|
}
|
|
|
|
interface EditTextListenersClass {
|
|
prototype: EditTextListeners;
|
|
new(owner: EditableTextBase): EditTextListeners;
|
|
}
|
|
|
|
let EditTextListeners: EditTextListenersClass;
|
|
|
|
function clearDismissTimer(): void {
|
|
dismissKeyboardOwner = null;
|
|
if (dismissKeyboardTimeoutId) {
|
|
clearTimeout(dismissKeyboardTimeoutId);
|
|
dismissKeyboardTimeoutId = null;
|
|
}
|
|
}
|
|
|
|
function dismissSoftInput(owner: EditableTextBase): void {
|
|
clearDismissTimer();
|
|
if (!dismissKeyboardTimeoutId) {
|
|
dismissKeyboardTimeoutId = setTimeout(() => {
|
|
const owner = dismissKeyboardOwner && dismissKeyboardOwner.get();
|
|
const activity = (owner && owner._context) as androidx.appcompat.app.AppCompatActivity;
|
|
const nativeView = owner && owner.nativeViewProtected;
|
|
dismissKeyboardTimeoutId = null;
|
|
dismissKeyboardOwner = null;
|
|
const focused = activity && activity.getCurrentFocus();
|
|
if (!focused || !(focused instanceof android.widget.EditText)) {
|
|
ad.dismissSoftInput(nativeView);
|
|
}
|
|
}, 10);
|
|
}
|
|
}
|
|
function initializeEditTextListeners(): void {
|
|
if (EditTextListeners) {
|
|
return;
|
|
}
|
|
|
|
@Interfaces([android.text.TextWatcher, android.view.View.OnFocusChangeListener, android.widget.TextView.OnEditorActionListener])
|
|
class EditTextListenersImpl extends java.lang.Object implements android.text.TextWatcher, android.view.View.OnFocusChangeListener, android.widget.TextView.OnEditorActionListener {
|
|
constructor(private owner: EditableTextBase) {
|
|
super();
|
|
|
|
return global.__native(this);
|
|
}
|
|
|
|
public beforeTextChanged(text: string, start: number, count: number, after: number): void {
|
|
//
|
|
}
|
|
|
|
public onTextChanged(text: string, start: number, before: number, count: number): void {
|
|
// const owner = this.owner;
|
|
// let selectionStart = owner.android.getSelectionStart();
|
|
// owner.android.removeTextChangedListener(owner._editTextListeners);
|
|
// owner.android.addTextChangedListener(owner._editTextListeners);
|
|
// owner.android.setSelection(selectionStart);
|
|
}
|
|
|
|
public afterTextChanged(editable: android.text.Editable): void {
|
|
const owner = this.owner;
|
|
if (!owner || owner._changeFromCode) {
|
|
return;
|
|
}
|
|
|
|
switch (owner.updateTextTrigger) {
|
|
case "focusLost":
|
|
owner._dirtyTextAccumulator = editable.toString();
|
|
break;
|
|
case "textChanged":
|
|
textProperty.nativeValueChange(owner, editable.toString());
|
|
break;
|
|
default:
|
|
throw new Error("Invalid updateTextTrigger: " + owner.updateTextTrigger);
|
|
}
|
|
}
|
|
|
|
public onFocusChange(view: android.view.View, hasFocus: boolean): void {
|
|
const owner = this.owner;
|
|
if (!owner) {
|
|
return;
|
|
}
|
|
|
|
if (hasFocus) {
|
|
clearDismissTimer();
|
|
owner.notify({ eventName: EditableTextBase.focusEvent, object: owner });
|
|
} else {
|
|
if (owner._dirtyTextAccumulator || owner._dirtyTextAccumulator === "") {
|
|
textProperty.nativeValueChange(owner, owner._dirtyTextAccumulator);
|
|
owner._dirtyTextAccumulator = undefined;
|
|
}
|
|
|
|
owner.notify({ eventName: EditableTextBase.blurEvent, object: owner });
|
|
dismissSoftInput(owner);
|
|
}
|
|
}
|
|
|
|
public onEditorAction(textView: android.widget.TextView, actionId: number, event: android.view.KeyEvent): boolean {
|
|
const owner = this.owner;
|
|
if (!owner) {
|
|
return false;
|
|
}
|
|
|
|
if (actionId === android.view.inputmethod.EditorInfo.IME_ACTION_DONE ||
|
|
actionId === android.view.inputmethod.EditorInfo.IME_ACTION_UNSPECIFIED ||
|
|
(event && event.getKeyCode() === android.view.KeyEvent.KEYCODE_ENTER)) {
|
|
// If it is TextField, close the keyboard. If it is TextView, do not close it since the TextView is multiline
|
|
// https://github.com/NativeScript/NativeScript/issues/3111
|
|
if (textView.getMaxLines() === 1) {
|
|
owner.dismissSoftInput();
|
|
}
|
|
|
|
owner._onReturnPress();
|
|
} else if (actionId === android.view.inputmethod.EditorInfo.IME_ACTION_NEXT ||
|
|
actionId === android.view.inputmethod.EditorInfo.IME_ACTION_PREVIOUS) {
|
|
// do not close keyboard for ACTION_NEXT or ACTION_PREVIOUS
|
|
owner._onReturnPress();
|
|
}
|
|
|
|
return false;
|
|
}
|
|
}
|
|
|
|
EditTextListeners = EditTextListenersImpl;
|
|
}
|
|
|
|
export abstract class EditableTextBase extends EditableTextBaseCommon {
|
|
/* tslint:disable */
|
|
_dirtyTextAccumulator: string;
|
|
/* tslint:enable */
|
|
|
|
nativeViewProtected: android.widget.EditText;
|
|
private _keyListenerCache: android.text.method.KeyListener;
|
|
private _inputType: number;
|
|
|
|
public _changeFromCode: boolean;
|
|
|
|
public abstract _configureEditText(editText: android.widget.EditText): void;
|
|
|
|
public _onReturnPress(): void {
|
|
//
|
|
}
|
|
|
|
public createNativeView() {
|
|
return new android.widget.EditText(this._context);
|
|
}
|
|
|
|
public initNativeView(): void {
|
|
super.initNativeView();
|
|
const editText = this.nativeTextViewProtected;
|
|
this._configureEditText(editText);
|
|
initializeEditTextListeners();
|
|
const listeners = new EditTextListeners(this);
|
|
editText.addTextChangedListener(listeners);
|
|
editText.setOnFocusChangeListener(listeners);
|
|
editText.setOnEditorActionListener(listeners);
|
|
(<any>editText).listener = listeners;
|
|
this._inputType = editText.getInputType();
|
|
}
|
|
|
|
public disposeNativeView(): void {
|
|
(<any>this.nativeTextViewProtected).listener.owner = null;
|
|
this._keyListenerCache = null;
|
|
super.disposeNativeView();
|
|
}
|
|
|
|
public resetNativeView(): void {
|
|
super.resetNativeView();
|
|
this.nativeTextViewProtected.setInputType(this._inputType);
|
|
}
|
|
|
|
public onUnloaded() {
|
|
this.dismissSoftInput();
|
|
super.onUnloaded();
|
|
}
|
|
|
|
public dismissSoftInput() {
|
|
const nativeView = this.nativeTextViewProtected;
|
|
if (!nativeView) {
|
|
return;
|
|
}
|
|
|
|
ad.dismissSoftInput(nativeView);
|
|
}
|
|
|
|
public focus(): boolean {
|
|
const nativeView = this.nativeTextViewProtected;
|
|
if (!nativeView) {
|
|
return;
|
|
}
|
|
|
|
const result = super.focus();
|
|
if (result) {
|
|
ad.showSoftInput(this.nativeTextViewProtected);
|
|
}
|
|
|
|
return result;
|
|
}
|
|
|
|
public _setInputType(inputType: number): void {
|
|
const nativeView = this.nativeTextViewProtected;
|
|
try {
|
|
this._changeFromCode = true;
|
|
nativeView.setInputType(inputType);
|
|
} finally {
|
|
this._changeFromCode = false;
|
|
}
|
|
|
|
// setInputType will change the keyListener so we should cache it again
|
|
const listener = nativeView.getKeyListener();
|
|
if (listener) {
|
|
this._keyListenerCache = listener;
|
|
}
|
|
|
|
// clear the listener if editable is false
|
|
if (!this.editable) {
|
|
nativeView.setKeyListener(null);
|
|
}
|
|
}
|
|
|
|
[textProperty.getDefault](): number | symbol {
|
|
return resetSymbol;
|
|
}
|
|
[textProperty.setNative](value: string | number | symbol) {
|
|
try {
|
|
this._changeFromCode = true;
|
|
this._setNativeText(value === resetSymbol);
|
|
} finally {
|
|
this._changeFromCode = false;
|
|
}
|
|
}
|
|
|
|
[keyboardTypeProperty.getDefault](): number {
|
|
return this.nativeTextViewProtected.getInputType();
|
|
}
|
|
[keyboardTypeProperty.setNative](value: "datetime" | "phone" | "number" | "url" | "email" | number) {
|
|
let newInputType;
|
|
switch (value) {
|
|
case "datetime":
|
|
newInputType = android.text.InputType.TYPE_CLASS_DATETIME | android.text.InputType.TYPE_DATETIME_VARIATION_NORMAL;
|
|
break;
|
|
|
|
case "phone":
|
|
newInputType = android.text.InputType.TYPE_CLASS_PHONE;
|
|
break;
|
|
|
|
case "number":
|
|
newInputType = android.text.InputType.TYPE_CLASS_NUMBER | android.text.InputType.TYPE_NUMBER_VARIATION_NORMAL | android.text.InputType.TYPE_NUMBER_FLAG_SIGNED | android.text.InputType.TYPE_NUMBER_FLAG_DECIMAL;
|
|
break;
|
|
|
|
case "url":
|
|
newInputType = android.text.InputType.TYPE_CLASS_TEXT | android.text.InputType.TYPE_TEXT_VARIATION_URI;
|
|
break;
|
|
|
|
case "email":
|
|
newInputType = android.text.InputType.TYPE_CLASS_TEXT | android.text.InputType.TYPE_TEXT_VARIATION_EMAIL_ADDRESS;
|
|
break;
|
|
|
|
default:
|
|
newInputType = value;
|
|
break;
|
|
}
|
|
|
|
this._setInputType(newInputType);
|
|
}
|
|
|
|
[returnKeyTypeProperty.getDefault](): "done" | "next" | "go" | "search" | "send" | string {
|
|
let ime = this.nativeTextViewProtected.getImeOptions();
|
|
switch (ime) {
|
|
case android.view.inputmethod.EditorInfo.IME_ACTION_DONE:
|
|
return "done";
|
|
|
|
case android.view.inputmethod.EditorInfo.IME_ACTION_GO:
|
|
return "go";
|
|
|
|
case android.view.inputmethod.EditorInfo.IME_ACTION_NEXT:
|
|
return "next";
|
|
|
|
case android.view.inputmethod.EditorInfo.IME_ACTION_SEARCH:
|
|
return "search";
|
|
|
|
case android.view.inputmethod.EditorInfo.IME_ACTION_SEND:
|
|
return "send";
|
|
|
|
default:
|
|
return ime.toString();
|
|
}
|
|
}
|
|
[returnKeyTypeProperty.setNative](value: "done" | "next" | "go" | "search" | "send" | string) {
|
|
let newImeOptions;
|
|
switch (value) {
|
|
case "done":
|
|
newImeOptions = android.view.inputmethod.EditorInfo.IME_ACTION_DONE;
|
|
break;
|
|
case "go":
|
|
newImeOptions = android.view.inputmethod.EditorInfo.IME_ACTION_GO;
|
|
break;
|
|
case "next":
|
|
newImeOptions = android.view.inputmethod.EditorInfo.IME_ACTION_NEXT;
|
|
break;
|
|
case "search":
|
|
newImeOptions = android.view.inputmethod.EditorInfo.IME_ACTION_SEARCH;
|
|
break;
|
|
case "send":
|
|
newImeOptions = android.view.inputmethod.EditorInfo.IME_ACTION_SEND;
|
|
break;
|
|
default:
|
|
let ime = +value;
|
|
if (!isNaN(ime)) {
|
|
newImeOptions = ime;
|
|
} else {
|
|
newImeOptions = android.view.inputmethod.EditorInfo.IME_ACTION_UNSPECIFIED;
|
|
}
|
|
break;
|
|
}
|
|
|
|
this.nativeTextViewProtected.setImeOptions(newImeOptions);
|
|
}
|
|
|
|
[editableProperty.setNative](value: boolean) {
|
|
const nativeView = this.nativeTextViewProtected;
|
|
if (value) {
|
|
nativeView.setKeyListener(this._keyListenerCache);
|
|
} else {
|
|
if (!this._keyListenerCache) {
|
|
this._keyListenerCache = nativeView.getKeyListener();
|
|
}
|
|
nativeView.setKeyListener(null);
|
|
}
|
|
}
|
|
|
|
[autocapitalizationTypeProperty.getDefault](): "none" | "words" | "sentences" | "allcharacters" | string {
|
|
let inputType = this.nativeTextViewProtected.getInputType();
|
|
if ((inputType & android.text.InputType.TYPE_TEXT_FLAG_CAP_WORDS) === android.text.InputType.TYPE_TEXT_FLAG_CAP_WORDS) {
|
|
return "words";
|
|
} else if ((inputType & android.text.InputType.TYPE_TEXT_FLAG_CAP_SENTENCES) === android.text.InputType.TYPE_TEXT_FLAG_CAP_SENTENCES) {
|
|
return "sentences";
|
|
} else if ((inputType & android.text.InputType.TYPE_TEXT_FLAG_CAP_CHARACTERS) === android.text.InputType.TYPE_TEXT_FLAG_CAP_CHARACTERS) {
|
|
return "allcharacters";
|
|
} else {
|
|
return inputType.toString();
|
|
}
|
|
}
|
|
[autocapitalizationTypeProperty.setNative](value: string) {
|
|
let inputType = this.nativeTextViewProtected.getInputType();
|
|
inputType = inputType & ~28672; //28672 (0x00070000) 13,14,15bits (111 0000 0000 0000)
|
|
|
|
switch (value) {
|
|
case "none":
|
|
//Do nothing, we have lowered the three bits above.
|
|
break;
|
|
case "words":
|
|
inputType = inputType | android.text.InputType.TYPE_TEXT_FLAG_CAP_WORDS; //8192 (0x00020000) 14th bit
|
|
break;
|
|
case "sentences":
|
|
inputType = inputType | android.text.InputType.TYPE_TEXT_FLAG_CAP_SENTENCES; //16384(0x00040000) 15th bit
|
|
break;
|
|
case "allcharacters":
|
|
inputType = inputType | android.text.InputType.TYPE_TEXT_FLAG_CAP_CHARACTERS; //4096 (0x00010000) 13th bit
|
|
break;
|
|
default:
|
|
let number = +value;
|
|
// We set the default value.
|
|
if (!isNaN(number)) {
|
|
inputType = number;
|
|
} else {
|
|
inputType = inputType | android.text.InputType.TYPE_TEXT_FLAG_CAP_SENTENCES;
|
|
}
|
|
break;
|
|
}
|
|
|
|
this._setInputType(inputType);
|
|
}
|
|
|
|
[autocorrectProperty.getDefault](): boolean {
|
|
let autocorrect = this.nativeTextViewProtected.getInputType();
|
|
if ((autocorrect & android.text.InputType.TYPE_TEXT_FLAG_AUTO_CORRECT) === android.text.InputType.TYPE_TEXT_FLAG_AUTO_CORRECT) {
|
|
return true;
|
|
}
|
|
|
|
return false;
|
|
}
|
|
[autocorrectProperty.setNative](value: boolean) {
|
|
let inputType = this.nativeTextViewProtected.getInputType();
|
|
switch (value) {
|
|
case true:
|
|
inputType = inputType | android.text.InputType.TYPE_TEXT_FLAG_AUTO_COMPLETE;
|
|
inputType = inputType | android.text.InputType.TYPE_TEXT_FLAG_AUTO_CORRECT;
|
|
inputType = inputType & ~android.text.InputType.TYPE_TEXT_FLAG_NO_SUGGESTIONS;
|
|
break;
|
|
case false:
|
|
inputType = inputType & ~android.text.InputType.TYPE_TEXT_FLAG_AUTO_COMPLETE;
|
|
inputType = inputType & ~android.text.InputType.TYPE_TEXT_FLAG_AUTO_CORRECT;
|
|
inputType = inputType | android.text.InputType.TYPE_TEXT_FLAG_NO_SUGGESTIONS;
|
|
break;
|
|
default:
|
|
// We can't do anything.
|
|
break;
|
|
}
|
|
|
|
this._setInputType(inputType);
|
|
}
|
|
|
|
[hintProperty.getDefault](): string {
|
|
return this.nativeTextViewProtected.getHint();
|
|
}
|
|
[hintProperty.setNative](value: string) {
|
|
const text = (value === null || value === undefined) ? null : value.toString();
|
|
this.nativeTextViewProtected.setHint(text);
|
|
}
|
|
|
|
[placeholderColorProperty.getDefault](): android.content.res.ColorStateList {
|
|
return this.nativeTextViewProtected.getHintTextColors();
|
|
}
|
|
[placeholderColorProperty.setNative](value: Color | android.content.res.ColorStateList) {
|
|
const color = value instanceof Color ? value.android : value;
|
|
this.nativeTextViewProtected.setHintTextColor(<any>color);
|
|
}
|
|
|
|
[textTransformProperty.setNative](value: "default") {
|
|
//
|
|
}
|
|
|
|
[maxLengthProperty.setNative](value: number) {
|
|
if (value === Number.POSITIVE_INFINITY) {
|
|
this.nativeTextViewProtected.setFilters([]);
|
|
} else {
|
|
const lengthFilter = new android.text.InputFilter.LengthFilter(value);
|
|
const filters = this.nativeTextViewProtected.getFilters();
|
|
const newFilters = [];
|
|
|
|
// retain existing filters
|
|
for (let i = 0; i < filters.length; i++) {
|
|
const filter = filters[i];
|
|
if (!(filter instanceof android.text.InputFilter.LengthFilter)) {
|
|
newFilters.push(filter);
|
|
}
|
|
}
|
|
|
|
newFilters.push(lengthFilter);
|
|
this.nativeTextViewProtected.setFilters(newFilters);
|
|
}
|
|
}
|
|
}
|