javascript/NativeScript
1
0
Fork 0
mirror of https://github.com/NativeScript/NativeScript.git synced 2025-11-05 13:26:48 +08:00
Code Issues Packages Projects Releases Wiki Activity

chore: format

Browse Source
This commit is contained in:
Nathan Walker
2020-07-05 14:57:06 -07:00
parent 8f2900ad0b
commit da3c0b973d
379 changed files with 71587 additions and 54582 deletions
Download Patch File Download Diff File Expand all files Collapse all files

145
nativescript-core/ui/editable-text-base/editable-text-base-common.ts
View File

@@ -1,72 +1,137 @@
import { EditableTextBase as EditableTextBaseDefinition, KeyboardType, ReturnKeyType, UpdateTextTrigger, AutocapitalizationType } from ".";
import {
EditableTextBase as EditableTextBaseDefinition,
KeyboardType,
ReturnKeyType,
UpdateTextTrigger,
AutocapitalizationType,
} from ".";
import { TextBase } from "../text-base";
import { Property, CssProperty, makeValidator, makeParser } from "../core/properties";
import {PseudoClassHandler } from "../core/view";
import {booleanConverter } from "../core/view-base";
import {Style } from "../styling/style";
import {Color } from "../../color";
import {
Property,
CssProperty,
makeValidator,
makeParser,
} from "../core/properties";
import { PseudoClassHandler } from "../core/view";
import { booleanConverter } from "../core/view-base";
import { Style } from "../styling/style";
import { Color } from "../../color";
export abstract class EditableTextBase extends TextBase implements EditableTextBaseDefinition {
public static blurEvent = "blur";
public static focusEvent = "focus";
public static textChangeEvent = "textChange";
export abstract class EditableTextBase extends TextBase
implements EditableTextBaseDefinition {
public static blurEvent = "blur";
public static focusEvent = "focus";
public static textChangeEvent = "textChange";
public keyboardType: KeyboardType;
public returnKeyType: ReturnKeyType;
public updateTextTrigger: UpdateTextTrigger;
public autocapitalizationType: AutocapitalizationType;
public editable: boolean;
public autocorrect: boolean;
public hint: string;
public maxLength: number;
public keyboardType: KeyboardType;
public returnKeyType: ReturnKeyType;
public updateTextTrigger: UpdateTextTrigger;
public autocapitalizationType: AutocapitalizationType;
public editable: boolean;
public autocorrect: boolean;
public hint: string;
public maxLength: number;
public abstract dismissSoftInput();
public abstract _setInputType(inputType: number): void;
public abstract dismissSoftInput();
public abstract _setInputType(inputType: number): void;
private _focusHandler = () => this._goToVisualState("focus");
private _blurHandler = () => this._goToVisualState("blur");
private _focusHandler = () => this._goToVisualState("focus");
private _blurHandler = () => this._goToVisualState("blur");
@PseudoClassHandler("focus", "blur")
_updateTextBaseFocusStateHandler(subscribe) {
const method = subscribe ? "on" : "off";
@PseudoClassHandler("focus", "blur")
_updateTextBaseFocusStateHandler(subscribe) {
const method = subscribe ? "on" : "off";
this[method]("focus", this._focusHandler);
this[method]("blur", this._blurHandler);
}
this[method]("focus", this._focusHandler);
this[method]("blur", this._blurHandler);
}
}
// TODO: Why not name it - hintColor property??
// TODO: Or rename hintProperty to 'placeholder' and make it CSSProperty??
// https://developer.mozilla.org/en-US/docs/Web/CSS/:-moz-placeholder
export const placeholderColorProperty = new CssProperty<Style, Color>({ name: "placeholderColor", cssName: "placeholder-color", equalityComparer: Color.equals, valueConverter: (v) => new Color(v) });
export const placeholderColorProperty = new CssProperty<Style, Color>({
name: "placeholderColor",
cssName: "placeholder-color",
equalityComparer: Color.equals,
valueConverter: (v) => new Color(v),
});
placeholderColorProperty.register(Style);
const keyboardTypeConverter = makeParser<KeyboardType>(makeValidator<KeyboardType>("datetime", "phone", "number", "url", "email", "integer"));
const keyboardTypeConverter = makeParser<KeyboardType>(
makeValidator<KeyboardType>(
"datetime",
"phone",
"number",
"url",
"email",
"integer"
)
);
export const keyboardTypeProperty = new Property<EditableTextBase, KeyboardType>({ name: "keyboardType", valueConverter: keyboardTypeConverter });
export const keyboardTypeProperty = new Property<
EditableTextBase,
KeyboardType
>({ name: "keyboardType", valueConverter: keyboardTypeConverter });
keyboardTypeProperty.register(EditableTextBase);
const returnKeyTypeConverter = makeParser<ReturnKeyType>(makeValidator<ReturnKeyType>("done", "next", "go", "search", "send"));
const returnKeyTypeConverter = makeParser<ReturnKeyType>(
makeValidator<ReturnKeyType>("done", "next", "go", "search", "send")
);
export const returnKeyTypeProperty = new Property<EditableTextBase, ReturnKeyType>({ name: "returnKeyType", valueConverter: returnKeyTypeConverter });
export const returnKeyTypeProperty = new Property<
EditableTextBase,
ReturnKeyType
>({ name: "returnKeyType", valueConverter: returnKeyTypeConverter });
returnKeyTypeProperty.register(EditableTextBase);
export const editableProperty = new Property<EditableTextBase, boolean>({ name: "editable", defaultValue: true, valueConverter: booleanConverter });
export const editableProperty = new Property<EditableTextBase, boolean>({
name: "editable",
defaultValue: true,
valueConverter: booleanConverter,
});
editableProperty.register(EditableTextBase);
export const updateTextTriggerProperty = new Property<EditableTextBase, UpdateTextTrigger>({ name: "updateTextTrigger", defaultValue: "textChanged" });
export const updateTextTriggerProperty = new Property<
EditableTextBase,
UpdateTextTrigger
>({ name: "updateTextTrigger", defaultValue: "textChanged" });
updateTextTriggerProperty.register(EditableTextBase);
const autocapitalizationTypeConverter = makeParser<AutocapitalizationType>(makeValidator<AutocapitalizationType>("none", "words", "sentences", "allcharacters"));
const autocapitalizationTypeConverter = makeParser<AutocapitalizationType>(
makeValidator<AutocapitalizationType>(
"none",
"words",
"sentences",
"allcharacters"
)
);
export const autocapitalizationTypeProperty = new Property<EditableTextBase, AutocapitalizationType>({ name: "autocapitalizationType", defaultValue: "sentences", valueConverter: autocapitalizationTypeConverter });
export const autocapitalizationTypeProperty = new Property<
EditableTextBase,
AutocapitalizationType
>({
name: "autocapitalizationType",
defaultValue: "sentences",
valueConverter: autocapitalizationTypeConverter,
});
autocapitalizationTypeProperty.register(EditableTextBase);
export const autocorrectProperty = new Property<EditableTextBase, boolean>({ name: "autocorrect", valueConverter: booleanConverter });
export const autocorrectProperty = new Property<EditableTextBase, boolean>({
name: "autocorrect",
valueConverter: booleanConverter,
});
autocorrectProperty.register(EditableTextBase);
export const hintProperty = new Property<EditableTextBase, string>({ name: "hint", defaultValue: "" });
export const hintProperty = new Property<EditableTextBase, string>({
name: "hint",
defaultValue: "",
});
hintProperty.register(EditableTextBase);
export const maxLengthProperty = new Property<EditableTextBase, number>({ name: "maxLength", defaultValue: Number.POSITIVE_INFINITY, valueConverter: parseInt });
export const maxLengthProperty = new Property<EditableTextBase, number>({
name: "maxLength",
defaultValue: Number.POSITIVE_INFINITY,
valueConverter: parseInt,
});
maxLengthProperty.register(EditableTextBase);