Add support for :focus pseudo class in TextField/TextView (#7396)

This commit is contained in:
Bundyo (Kamen Bundev)
2019-06-25 15:15:14 +03:00
committed by Dimitar Topuzov
parent 2d68a4061e
commit 0bfddab915

View File

@ -1,5 +1,5 @@
import { EditableTextBase as EditableTextBaseDefinition, KeyboardType, ReturnKeyType, UpdateTextTrigger, AutocapitalizationType } from "."; import { EditableTextBase as EditableTextBaseDefinition, KeyboardType, ReturnKeyType, UpdateTextTrigger, AutocapitalizationType } from ".";
import { TextBase, Property, CssProperty, Style, Color, booleanConverter, makeValidator, makeParser } from "../text-base"; import { TextBase, Property, CssProperty, Style, Color, booleanConverter, makeValidator, makeParser, PseudoClassHandler } from "../text-base";
export * from "../text-base"; export * from "../text-base";
@ -18,6 +18,17 @@ export abstract class EditableTextBase extends TextBase implements EditableTextB
public abstract dismissSoftInput(); public abstract dismissSoftInput();
public abstract _setInputType(inputType: number): void; public abstract _setInputType(inputType: number): void;
private _focusHandler = () => this._goToVisualState("focus");
private _blurHandler = () => this._goToVisualState("blur");
@PseudoClassHandler("focus", "blur")
_updateHandler(subscribe) {
const method = subscribe ? "on" : "off";
this[method]("focus", this._focusHandler);
this[method]("blur", this._blurHandler);
};
} }
// TODO: Why not name it - hintColor property?? // TODO: Why not name it - hintColor property??