mirror of
https://github.com/NativeScript/NativeScript.git
synced 2025-11-05 13:26:48 +08:00
chore: default tabs
This commit is contained in:
Nathan Walker
@@ -5,29 +5,29 @@ export * from '../text-base';
|
||||
|
||||
@CSSType('TextView')
|
||||
export class TextView extends TextViewBaseCommon {
|
||||
public _configureEditText(editText: android.widget.EditText) {
|
||||
editText.setInputType(android.text.InputType.TYPE_CLASS_TEXT | android.text.InputType.TYPE_TEXT_VARIATION_NORMAL | android.text.InputType.TYPE_TEXT_FLAG_CAP_SENTENCES | android.text.InputType.TYPE_TEXT_FLAG_MULTI_LINE | android.text.InputType.TYPE_TEXT_FLAG_NO_SUGGESTIONS);
|
||||
editText.setGravity(android.view.Gravity.TOP | android.view.Gravity.START);
|
||||
}
|
||||
public _configureEditText(editText: android.widget.EditText) {
|
||||
editText.setInputType(android.text.InputType.TYPE_CLASS_TEXT | android.text.InputType.TYPE_TEXT_VARIATION_NORMAL | android.text.InputType.TYPE_TEXT_FLAG_CAP_SENTENCES | android.text.InputType.TYPE_TEXT_FLAG_MULTI_LINE | android.text.InputType.TYPE_TEXT_FLAG_NO_SUGGESTIONS);
|
||||
editText.setGravity(android.view.Gravity.TOP | android.view.Gravity.START);
|
||||
}
|
||||
|
||||
public resetNativeView(): void {
|
||||
super.resetNativeView();
|
||||
this.nativeTextViewProtected.setGravity(android.view.Gravity.TOP | android.view.Gravity.START);
|
||||
}
|
||||
public resetNativeView(): void {
|
||||
super.resetNativeView();
|
||||
this.nativeTextViewProtected.setGravity(android.view.Gravity.TOP | android.view.Gravity.START);
|
||||
}
|
||||
|
||||
[maxLinesProperty.getDefault](): number {
|
||||
return 0;
|
||||
}
|
||||
[maxLinesProperty.getDefault](): number {
|
||||
return 0;
|
||||
}
|
||||
|
||||
[maxLinesProperty.setNative](value: number) {
|
||||
if (value <= 0) {
|
||||
this.nativeTextViewProtected.setMaxLines(Number.MAX_VALUE);
|
||||
[maxLinesProperty.setNative](value: number) {
|
||||
if (value <= 0) {
|
||||
this.nativeTextViewProtected.setMaxLines(Number.MAX_VALUE);
|
||||
|
||||
return;
|
||||
}
|
||||
return;
|
||||
}
|
||||
|
||||
this.nativeTextViewProtected.setMaxLines(value);
|
||||
}
|
||||
this.nativeTextViewProtected.setMaxLines(value);
|
||||
}
|
||||
}
|
||||
|
||||
TextView.prototype.recycleNativeView = 'auto';
|
||||
|
||||
24
nativescript-core/ui/text-view/index.d.ts
vendored
24
nativescript-core/ui/text-view/index.d.ts
vendored
@@ -5,20 +5,20 @@ import { Property } from '../core/properties';
|
||||
* Represents an editable multiline text view.
|
||||
*/
|
||||
export class TextView extends EditableTextBase {
|
||||
/**
|
||||
* Gets the native [android widget](http://developer.android.com/reference/android/widget/EditText.html) that represents the user interface for this component. Valid only when running on Android OS.
|
||||
*/
|
||||
android: any /* android.widget.EditText */;
|
||||
/**
|
||||
* Gets the native [android widget](http://developer.android.com/reference/android/widget/EditText.html) that represents the user interface for this component. Valid only when running on Android OS.
|
||||
*/
|
||||
android: any /* android.widget.EditText */;
|
||||
|
||||
/**
|
||||
* Gets the native iOS [UITextView](https://developer.apple.com/library/ios/documentation/UIKit/Reference/UITextView_Class/) that represents the user interface for this component. Valid only when running on iOS.
|
||||
*/
|
||||
ios: any /* UITextView */;
|
||||
/**
|
||||
* Gets the native iOS [UITextView](https://developer.apple.com/library/ios/documentation/UIKit/Reference/UITextView_Class/) that represents the user interface for this component. Valid only when running on iOS.
|
||||
*/
|
||||
ios: any /* UITextView */;
|
||||
|
||||
/**
|
||||
* Limits input to a certain number of lines.
|
||||
*/
|
||||
maxLines: number;
|
||||
/**
|
||||
* Limits input to a certain number of lines.
|
||||
*/
|
||||
maxLines: number;
|
||||
}
|
||||
|
||||
export const maxLinesProperty: Property<EditableTextBase, number>;
|
||||
|
||||
@@ -12,405 +12,405 @@ import { profile } from '../../profiling';
|
||||
const majorVersion = ios.MajorVersion;
|
||||
|
||||
class UITextViewDelegateImpl extends NSObject implements UITextViewDelegate {
|
||||
public static ObjCProtocols = [UITextViewDelegate];
|
||||
public static ObjCProtocols = [UITextViewDelegate];
|
||||
|
||||
private _owner: WeakRef<TextView>;
|
||||
private _owner: WeakRef<TextView>;
|
||||
|
||||
public static initWithOwner(owner: WeakRef<TextView>): UITextViewDelegateImpl {
|
||||
const impl = <UITextViewDelegateImpl>UITextViewDelegateImpl.new();
|
||||
impl._owner = owner;
|
||||
public static initWithOwner(owner: WeakRef<TextView>): UITextViewDelegateImpl {
|
||||
const impl = <UITextViewDelegateImpl>UITextViewDelegateImpl.new();
|
||||
impl._owner = owner;
|
||||
|
||||
return impl;
|
||||
}
|
||||
return impl;
|
||||
}
|
||||
|
||||
public textViewShouldBeginEditing(textView: UITextView): boolean {
|
||||
const owner = this._owner.get();
|
||||
if (owner) {
|
||||
return owner.textViewShouldBeginEditing(textView);
|
||||
}
|
||||
public textViewShouldBeginEditing(textView: UITextView): boolean {
|
||||
const owner = this._owner.get();
|
||||
if (owner) {
|
||||
return owner.textViewShouldBeginEditing(textView);
|
||||
}
|
||||
|
||||
return true;
|
||||
}
|
||||
return true;
|
||||
}
|
||||
|
||||
public textViewDidBeginEditing(textView: UITextView): void {
|
||||
const owner = this._owner.get();
|
||||
if (owner) {
|
||||
owner.textViewDidBeginEditing(textView);
|
||||
}
|
||||
}
|
||||
public textViewDidBeginEditing(textView: UITextView): void {
|
||||
const owner = this._owner.get();
|
||||
if (owner) {
|
||||
owner.textViewDidBeginEditing(textView);
|
||||
}
|
||||
}
|
||||
|
||||
public textViewDidEndEditing(textView: UITextView): void {
|
||||
const owner = this._owner.get();
|
||||
if (owner) {
|
||||
owner.textViewDidEndEditing(textView);
|
||||
}
|
||||
}
|
||||
public textViewDidEndEditing(textView: UITextView): void {
|
||||
const owner = this._owner.get();
|
||||
if (owner) {
|
||||
owner.textViewDidEndEditing(textView);
|
||||
}
|
||||
}
|
||||
|
||||
public textViewDidChange(textView: UITextView): void {
|
||||
const owner = this._owner.get();
|
||||
if (owner) {
|
||||
owner.textViewDidChange(textView);
|
||||
}
|
||||
}
|
||||
public textViewDidChange(textView: UITextView): void {
|
||||
const owner = this._owner.get();
|
||||
if (owner) {
|
||||
owner.textViewDidChange(textView);
|
||||
}
|
||||
}
|
||||
|
||||
public textViewShouldChangeTextInRangeReplacementText(textView: UITextView, range: NSRange, replacementString: string): boolean {
|
||||
const owner = this._owner.get();
|
||||
if (owner) {
|
||||
return owner.textViewShouldChangeTextInRangeReplacementText(textView, range, replacementString);
|
||||
}
|
||||
public textViewShouldChangeTextInRangeReplacementText(textView: UITextView, range: NSRange, replacementString: string): boolean {
|
||||
const owner = this._owner.get();
|
||||
if (owner) {
|
||||
return owner.textViewShouldChangeTextInRangeReplacementText(textView, range, replacementString);
|
||||
}
|
||||
|
||||
return true;
|
||||
}
|
||||
return true;
|
||||
}
|
||||
|
||||
public scrollViewDidScroll(sv: UIScrollView): void {
|
||||
const owner = this._owner.get();
|
||||
if (owner) {
|
||||
return owner.scrollViewDidScroll(sv);
|
||||
}
|
||||
}
|
||||
public scrollViewDidScroll(sv: UIScrollView): void {
|
||||
const owner = this._owner.get();
|
||||
if (owner) {
|
||||
return owner.scrollViewDidScroll(sv);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
class NoScrollAnimationUITextView extends UITextView {
|
||||
// see https://github.com/NativeScript/NativeScript/issues/6863
|
||||
// UITextView internally scrolls the text you are currently typing to visible when newline character
|
||||
// is typed but the scroll animation is not needed because at the same time we are expanding
|
||||
// the textview (setting its frame)
|
||||
public setContentOffsetAnimated(contentOffset: CGPoint, animated: boolean): void {
|
||||
super.setContentOffsetAnimated(contentOffset, false);
|
||||
}
|
||||
// see https://github.com/NativeScript/NativeScript/issues/6863
|
||||
// UITextView internally scrolls the text you are currently typing to visible when newline character
|
||||
// is typed but the scroll animation is not needed because at the same time we are expanding
|
||||
// the textview (setting its frame)
|
||||
public setContentOffsetAnimated(contentOffset: CGPoint, animated: boolean): void {
|
||||
super.setContentOffsetAnimated(contentOffset, false);
|
||||
}
|
||||
}
|
||||
|
||||
@CSSType('TextView')
|
||||
export class TextView extends TextViewBaseCommon {
|
||||
nativeViewProtected: UITextView;
|
||||
private _delegate: UITextViewDelegateImpl;
|
||||
_isShowingHint: boolean;
|
||||
public _isEditing: boolean;
|
||||
nativeViewProtected: UITextView;
|
||||
private _delegate: UITextViewDelegateImpl;
|
||||
_isShowingHint: boolean;
|
||||
public _isEditing: boolean;
|
||||
|
||||
private _hintColor = majorVersion <= 12 || !UIColor.placeholderTextColor ? UIColor.blackColor.colorWithAlphaComponent(0.22) : UIColor.placeholderTextColor;
|
||||
private _textColor = majorVersion <= 12 || !UIColor.labelColor ? null : UIColor.labelColor;
|
||||
private _hintColor = majorVersion <= 12 || !UIColor.placeholderTextColor ? UIColor.blackColor.colorWithAlphaComponent(0.22) : UIColor.placeholderTextColor;
|
||||
private _textColor = majorVersion <= 12 || !UIColor.labelColor ? null : UIColor.labelColor;
|
||||
|
||||
createNativeView() {
|
||||
const textView = NoScrollAnimationUITextView.new();
|
||||
if (!textView.font) {
|
||||
textView.font = UIFont.systemFontOfSize(12);
|
||||
}
|
||||
createNativeView() {
|
||||
const textView = NoScrollAnimationUITextView.new();
|
||||
if (!textView.font) {
|
||||
textView.font = UIFont.systemFontOfSize(12);
|
||||
}
|
||||
|
||||
return textView;
|
||||
}
|
||||
return textView;
|
||||
}
|
||||
|
||||
initNativeView() {
|
||||
super.initNativeView();
|
||||
this._delegate = UITextViewDelegateImpl.initWithOwner(new WeakRef(this));
|
||||
}
|
||||
initNativeView() {
|
||||
super.initNativeView();
|
||||
this._delegate = UITextViewDelegateImpl.initWithOwner(new WeakRef(this));
|
||||
}
|
||||
|
||||
disposeNativeView() {
|
||||
this._delegate = null;
|
||||
super.disposeNativeView();
|
||||
}
|
||||
disposeNativeView() {
|
||||
this._delegate = null;
|
||||
super.disposeNativeView();
|
||||
}
|
||||
|
||||
@profile
|
||||
public onLoaded() {
|
||||
super.onLoaded();
|
||||
this.ios.delegate = this._delegate;
|
||||
}
|
||||
@profile
|
||||
public onLoaded() {
|
||||
super.onLoaded();
|
||||
this.ios.delegate = this._delegate;
|
||||
}
|
||||
|
||||
public onUnloaded() {
|
||||
this.ios.delegate = null;
|
||||
super.onUnloaded();
|
||||
}
|
||||
public onUnloaded() {
|
||||
this.ios.delegate = null;
|
||||
super.onUnloaded();
|
||||
}
|
||||
|
||||
get ios(): UITextView {
|
||||
return this.nativeViewProtected;
|
||||
}
|
||||
get ios(): UITextView {
|
||||
return this.nativeViewProtected;
|
||||
}
|
||||
|
||||
public textViewShouldBeginEditing(textView: UITextView): boolean {
|
||||
if (this._isShowingHint) {
|
||||
this.showText();
|
||||
}
|
||||
public textViewShouldBeginEditing(textView: UITextView): boolean {
|
||||
if (this._isShowingHint) {
|
||||
this.showText();
|
||||
}
|
||||
|
||||
return true;
|
||||
}
|
||||
return true;
|
||||
}
|
||||
|
||||
public textViewDidBeginEditing(textView: UITextView): void {
|
||||
this._isEditing = true;
|
||||
this.notify({ eventName: TextView.focusEvent, object: this });
|
||||
}
|
||||
public textViewDidBeginEditing(textView: UITextView): void {
|
||||
this._isEditing = true;
|
||||
this.notify({ eventName: TextView.focusEvent, object: this });
|
||||
}
|
||||
|
||||
public textViewDidEndEditing(textView: UITextView): void {
|
||||
if (this.updateTextTrigger === 'focusLost') {
|
||||
textProperty.nativeValueChange(this, textView.text);
|
||||
}
|
||||
public textViewDidEndEditing(textView: UITextView): void {
|
||||
if (this.updateTextTrigger === 'focusLost') {
|
||||
textProperty.nativeValueChange(this, textView.text);
|
||||
}
|
||||
|
||||
this._isEditing = false;
|
||||
this.dismissSoftInput();
|
||||
this._refreshHintState(this.hint, textView.text);
|
||||
}
|
||||
this._isEditing = false;
|
||||
this.dismissSoftInput();
|
||||
this._refreshHintState(this.hint, textView.text);
|
||||
}
|
||||
|
||||
public textViewDidChange(textView: UITextView): void {
|
||||
if (this.updateTextTrigger === 'textChanged') {
|
||||
textProperty.nativeValueChange(this, textView.text);
|
||||
}
|
||||
this.requestLayout();
|
||||
}
|
||||
public textViewDidChange(textView: UITextView): void {
|
||||
if (this.updateTextTrigger === 'textChanged') {
|
||||
textProperty.nativeValueChange(this, textView.text);
|
||||
}
|
||||
this.requestLayout();
|
||||
}
|
||||
|
||||
public textViewShouldChangeTextInRangeReplacementText(textView: UITextView, range: NSRange, replacementString: string): boolean {
|
||||
const delta = replacementString.length - range.length;
|
||||
if (delta > 0) {
|
||||
if (textView.text.length + delta > this.maxLength) {
|
||||
return false;
|
||||
}
|
||||
}
|
||||
public textViewShouldChangeTextInRangeReplacementText(textView: UITextView, range: NSRange, replacementString: string): boolean {
|
||||
const delta = replacementString.length - range.length;
|
||||
if (delta > 0) {
|
||||
if (textView.text.length + delta > this.maxLength) {
|
||||
return false;
|
||||
}
|
||||
}
|
||||
|
||||
if (this.formattedText) {
|
||||
_updateCharactersInRangeReplacementString(this.formattedText, range.location, range.length, replacementString);
|
||||
}
|
||||
if (this.formattedText) {
|
||||
_updateCharactersInRangeReplacementString(this.formattedText, range.location, range.length, replacementString);
|
||||
}
|
||||
|
||||
return true;
|
||||
}
|
||||
return true;
|
||||
}
|
||||
|
||||
public scrollViewDidScroll(sv: UIScrollView): void {
|
||||
const contentOffset = this.nativeViewProtected.contentOffset;
|
||||
this.notify(<ScrollEventData>{
|
||||
object: this,
|
||||
eventName: 'scroll',
|
||||
scrollX: contentOffset.x,
|
||||
scrollY: contentOffset.y,
|
||||
});
|
||||
}
|
||||
public scrollViewDidScroll(sv: UIScrollView): void {
|
||||
const contentOffset = this.nativeViewProtected.contentOffset;
|
||||
this.notify(<ScrollEventData>{
|
||||
object: this,
|
||||
eventName: 'scroll',
|
||||
scrollX: contentOffset.x,
|
||||
scrollY: contentOffset.y,
|
||||
});
|
||||
}
|
||||
|
||||
public _refreshHintState(hint: string, text: string) {
|
||||
if (this.formattedText) {
|
||||
return;
|
||||
}
|
||||
public _refreshHintState(hint: string, text: string) {
|
||||
if (this.formattedText) {
|
||||
return;
|
||||
}
|
||||
|
||||
if (text !== null && text !== undefined && text !== '') {
|
||||
this.showText();
|
||||
} else if (!this._isEditing && hint !== null && hint !== undefined && hint !== '') {
|
||||
this.showHint(hint);
|
||||
} else {
|
||||
this._isShowingHint = false;
|
||||
this.nativeTextViewProtected.text = '';
|
||||
}
|
||||
}
|
||||
if (text !== null && text !== undefined && text !== '') {
|
||||
this.showText();
|
||||
} else if (!this._isEditing && hint !== null && hint !== undefined && hint !== '') {
|
||||
this.showHint(hint);
|
||||
} else {
|
||||
this._isShowingHint = false;
|
||||
this.nativeTextViewProtected.text = '';
|
||||
}
|
||||
}
|
||||
|
||||
private _refreshColor() {
|
||||
if (this._isShowingHint) {
|
||||
const placeholderColor = this.style.placeholderColor;
|
||||
const color = this.style.color;
|
||||
private _refreshColor() {
|
||||
if (this._isShowingHint) {
|
||||
const placeholderColor = this.style.placeholderColor;
|
||||
const color = this.style.color;
|
||||
|
||||
if (placeholderColor) {
|
||||
this.nativeTextViewProtected.textColor = placeholderColor.ios;
|
||||
} else if (color) {
|
||||
// Use semi-transparent version of color for back-compatibility
|
||||
this.nativeTextViewProtected.textColor = color.ios.colorWithAlphaComponent(0.22);
|
||||
} else {
|
||||
this.nativeTextViewProtected.textColor = this._hintColor;
|
||||
}
|
||||
} else {
|
||||
const color = this.style.color;
|
||||
if (placeholderColor) {
|
||||
this.nativeTextViewProtected.textColor = placeholderColor.ios;
|
||||
} else if (color) {
|
||||
// Use semi-transparent version of color for back-compatibility
|
||||
this.nativeTextViewProtected.textColor = color.ios.colorWithAlphaComponent(0.22);
|
||||
} else {
|
||||
this.nativeTextViewProtected.textColor = this._hintColor;
|
||||
}
|
||||
} else {
|
||||
const color = this.style.color;
|
||||
|
||||
if (color) {
|
||||
this.nativeTextViewProtected.textColor = color.ios;
|
||||
this.nativeTextViewProtected.tintColor = color.ios;
|
||||
} else {
|
||||
this.nativeTextViewProtected.textColor = this._textColor;
|
||||
this.nativeTextViewProtected.tintColor = this._textColor;
|
||||
}
|
||||
}
|
||||
}
|
||||
if (color) {
|
||||
this.nativeTextViewProtected.textColor = color.ios;
|
||||
this.nativeTextViewProtected.tintColor = color.ios;
|
||||
} else {
|
||||
this.nativeTextViewProtected.textColor = this._textColor;
|
||||
this.nativeTextViewProtected.tintColor = this._textColor;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
public showHint(hint: string) {
|
||||
const nativeView = this.nativeTextViewProtected;
|
||||
public showHint(hint: string) {
|
||||
const nativeView = this.nativeTextViewProtected;
|
||||
|
||||
this._isShowingHint = true;
|
||||
this._refreshColor();
|
||||
this._isShowingHint = true;
|
||||
this._refreshColor();
|
||||
|
||||
const hintAsString: string = hint === null || hint === undefined ? '' : hint.toString();
|
||||
nativeView.text = hintAsString;
|
||||
}
|
||||
const hintAsString: string = hint === null || hint === undefined ? '' : hint.toString();
|
||||
nativeView.text = hintAsString;
|
||||
}
|
||||
|
||||
public showText() {
|
||||
this._isShowingHint = false;
|
||||
this._refreshColor();
|
||||
this._setNativeText();
|
||||
this.requestLayout();
|
||||
}
|
||||
public showText() {
|
||||
this._isShowingHint = false;
|
||||
this._refreshColor();
|
||||
this._setNativeText();
|
||||
this.requestLayout();
|
||||
}
|
||||
|
||||
[textProperty.getDefault](): string {
|
||||
return '';
|
||||
}
|
||||
[textProperty.setNative](value: string) {
|
||||
this._refreshHintState(this.hint, value);
|
||||
}
|
||||
[textProperty.getDefault](): string {
|
||||
return '';
|
||||
}
|
||||
[textProperty.setNative](value: string) {
|
||||
this._refreshHintState(this.hint, value);
|
||||
}
|
||||
|
||||
[hintProperty.getDefault](): string {
|
||||
return '';
|
||||
}
|
||||
[hintProperty.setNative](value: string) {
|
||||
this._refreshHintState(value, this.text);
|
||||
}
|
||||
[hintProperty.getDefault](): string {
|
||||
return '';
|
||||
}
|
||||
[hintProperty.setNative](value: string) {
|
||||
this._refreshHintState(value, this.text);
|
||||
}
|
||||
|
||||
[editableProperty.getDefault](): boolean {
|
||||
return this.nativeTextViewProtected.editable;
|
||||
}
|
||||
[editableProperty.setNative](value: boolean) {
|
||||
this.nativeTextViewProtected.editable = value;
|
||||
}
|
||||
[editableProperty.getDefault](): boolean {
|
||||
return this.nativeTextViewProtected.editable;
|
||||
}
|
||||
[editableProperty.setNative](value: boolean) {
|
||||
this.nativeTextViewProtected.editable = value;
|
||||
}
|
||||
|
||||
[colorProperty.setNative](color: Color) {
|
||||
this._refreshColor();
|
||||
}
|
||||
[placeholderColorProperty.setNative](value: Color) {
|
||||
this._refreshColor();
|
||||
}
|
||||
[colorProperty.setNative](color: Color) {
|
||||
this._refreshColor();
|
||||
}
|
||||
[placeholderColorProperty.setNative](value: Color) {
|
||||
this._refreshColor();
|
||||
}
|
||||
|
||||
[borderTopWidthProperty.getDefault](): Length {
|
||||
return {
|
||||
value: this.nativeTextViewProtected.textContainerInset.top,
|
||||
unit: 'px',
|
||||
};
|
||||
}
|
||||
[borderTopWidthProperty.setNative](value: Length) {
|
||||
let inset = this.nativeTextViewProtected.textContainerInset;
|
||||
let top = layout.toDeviceIndependentPixels(this.effectivePaddingTop + this.effectiveBorderTopWidth);
|
||||
this.nativeTextViewProtected.textContainerInset = {
|
||||
top: top,
|
||||
left: inset.left,
|
||||
bottom: inset.bottom,
|
||||
right: inset.right,
|
||||
};
|
||||
}
|
||||
[borderTopWidthProperty.getDefault](): Length {
|
||||
return {
|
||||
value: this.nativeTextViewProtected.textContainerInset.top,
|
||||
unit: 'px',
|
||||
};
|
||||
}
|
||||
[borderTopWidthProperty.setNative](value: Length) {
|
||||
let inset = this.nativeTextViewProtected.textContainerInset;
|
||||
let top = layout.toDeviceIndependentPixels(this.effectivePaddingTop + this.effectiveBorderTopWidth);
|
||||
this.nativeTextViewProtected.textContainerInset = {
|
||||
top: top,
|
||||
left: inset.left,
|
||||
bottom: inset.bottom,
|
||||
right: inset.right,
|
||||
};
|
||||
}
|
||||
|
||||
[borderRightWidthProperty.getDefault](): Length {
|
||||
return {
|
||||
value: this.nativeTextViewProtected.textContainerInset.right,
|
||||
unit: 'px',
|
||||
};
|
||||
}
|
||||
[borderRightWidthProperty.setNative](value: Length) {
|
||||
let inset = this.nativeTextViewProtected.textContainerInset;
|
||||
let right = layout.toDeviceIndependentPixels(this.effectivePaddingRight + this.effectiveBorderRightWidth);
|
||||
this.nativeTextViewProtected.textContainerInset = {
|
||||
top: inset.top,
|
||||
left: inset.left,
|
||||
bottom: inset.bottom,
|
||||
right: right,
|
||||
};
|
||||
}
|
||||
[borderRightWidthProperty.getDefault](): Length {
|
||||
return {
|
||||
value: this.nativeTextViewProtected.textContainerInset.right,
|
||||
unit: 'px',
|
||||
};
|
||||
}
|
||||
[borderRightWidthProperty.setNative](value: Length) {
|
||||
let inset = this.nativeTextViewProtected.textContainerInset;
|
||||
let right = layout.toDeviceIndependentPixels(this.effectivePaddingRight + this.effectiveBorderRightWidth);
|
||||
this.nativeTextViewProtected.textContainerInset = {
|
||||
top: inset.top,
|
||||
left: inset.left,
|
||||
bottom: inset.bottom,
|
||||
right: right,
|
||||
};
|
||||
}
|
||||
|
||||
[borderBottomWidthProperty.getDefault](): Length {
|
||||
return {
|
||||
value: this.nativeTextViewProtected.textContainerInset.bottom,
|
||||
unit: 'px',
|
||||
};
|
||||
}
|
||||
[borderBottomWidthProperty.setNative](value: Length) {
|
||||
let inset = this.nativeTextViewProtected.textContainerInset;
|
||||
let bottom = layout.toDeviceIndependentPixels(this.effectivePaddingBottom + this.effectiveBorderBottomWidth);
|
||||
this.nativeTextViewProtected.textContainerInset = {
|
||||
top: inset.top,
|
||||
left: inset.left,
|
||||
bottom: bottom,
|
||||
right: inset.right,
|
||||
};
|
||||
}
|
||||
[borderBottomWidthProperty.getDefault](): Length {
|
||||
return {
|
||||
value: this.nativeTextViewProtected.textContainerInset.bottom,
|
||||
unit: 'px',
|
||||
};
|
||||
}
|
||||
[borderBottomWidthProperty.setNative](value: Length) {
|
||||
let inset = this.nativeTextViewProtected.textContainerInset;
|
||||
let bottom = layout.toDeviceIndependentPixels(this.effectivePaddingBottom + this.effectiveBorderBottomWidth);
|
||||
this.nativeTextViewProtected.textContainerInset = {
|
||||
top: inset.top,
|
||||
left: inset.left,
|
||||
bottom: bottom,
|
||||
right: inset.right,
|
||||
};
|
||||
}
|
||||
|
||||
[borderLeftWidthProperty.getDefault](): Length {
|
||||
return {
|
||||
value: this.nativeTextViewProtected.textContainerInset.left,
|
||||
unit: 'px',
|
||||
};
|
||||
}
|
||||
[borderLeftWidthProperty.setNative](value: Length) {
|
||||
let inset = this.nativeTextViewProtected.textContainerInset;
|
||||
let left = layout.toDeviceIndependentPixels(this.effectivePaddingLeft + this.effectiveBorderLeftWidth);
|
||||
this.nativeTextViewProtected.textContainerInset = {
|
||||
top: inset.top,
|
||||
left: left,
|
||||
bottom: inset.bottom,
|
||||
right: inset.right,
|
||||
};
|
||||
}
|
||||
[borderLeftWidthProperty.getDefault](): Length {
|
||||
return {
|
||||
value: this.nativeTextViewProtected.textContainerInset.left,
|
||||
unit: 'px',
|
||||
};
|
||||
}
|
||||
[borderLeftWidthProperty.setNative](value: Length) {
|
||||
let inset = this.nativeTextViewProtected.textContainerInset;
|
||||
let left = layout.toDeviceIndependentPixels(this.effectivePaddingLeft + this.effectiveBorderLeftWidth);
|
||||
this.nativeTextViewProtected.textContainerInset = {
|
||||
top: inset.top,
|
||||
left: left,
|
||||
bottom: inset.bottom,
|
||||
right: inset.right,
|
||||
};
|
||||
}
|
||||
|
||||
[paddingTopProperty.getDefault](): Length {
|
||||
return {
|
||||
value: this.nativeTextViewProtected.textContainerInset.top,
|
||||
unit: 'px',
|
||||
};
|
||||
}
|
||||
[paddingTopProperty.setNative](value: Length) {
|
||||
let inset = this.nativeTextViewProtected.textContainerInset;
|
||||
let top = layout.toDeviceIndependentPixels(this.effectivePaddingTop + this.effectiveBorderTopWidth);
|
||||
this.nativeTextViewProtected.textContainerInset = {
|
||||
top: top,
|
||||
left: inset.left,
|
||||
bottom: inset.bottom,
|
||||
right: inset.right,
|
||||
};
|
||||
}
|
||||
[paddingTopProperty.getDefault](): Length {
|
||||
return {
|
||||
value: this.nativeTextViewProtected.textContainerInset.top,
|
||||
unit: 'px',
|
||||
};
|
||||
}
|
||||
[paddingTopProperty.setNative](value: Length) {
|
||||
let inset = this.nativeTextViewProtected.textContainerInset;
|
||||
let top = layout.toDeviceIndependentPixels(this.effectivePaddingTop + this.effectiveBorderTopWidth);
|
||||
this.nativeTextViewProtected.textContainerInset = {
|
||||
top: top,
|
||||
left: inset.left,
|
||||
bottom: inset.bottom,
|
||||
right: inset.right,
|
||||
};
|
||||
}
|
||||
|
||||
[paddingRightProperty.getDefault](): Length {
|
||||
return {
|
||||
value: this.nativeTextViewProtected.textContainerInset.right,
|
||||
unit: 'px',
|
||||
};
|
||||
}
|
||||
[paddingRightProperty.setNative](value: Length) {
|
||||
let inset = this.nativeTextViewProtected.textContainerInset;
|
||||
let right = layout.toDeviceIndependentPixels(this.effectivePaddingRight + this.effectiveBorderRightWidth);
|
||||
this.nativeTextViewProtected.textContainerInset = {
|
||||
top: inset.top,
|
||||
left: inset.left,
|
||||
bottom: inset.bottom,
|
||||
right: right,
|
||||
};
|
||||
}
|
||||
[paddingRightProperty.getDefault](): Length {
|
||||
return {
|
||||
value: this.nativeTextViewProtected.textContainerInset.right,
|
||||
unit: 'px',
|
||||
};
|
||||
}
|
||||
[paddingRightProperty.setNative](value: Length) {
|
||||
let inset = this.nativeTextViewProtected.textContainerInset;
|
||||
let right = layout.toDeviceIndependentPixels(this.effectivePaddingRight + this.effectiveBorderRightWidth);
|
||||
this.nativeTextViewProtected.textContainerInset = {
|
||||
top: inset.top,
|
||||
left: inset.left,
|
||||
bottom: inset.bottom,
|
||||
right: right,
|
||||
};
|
||||
}
|
||||
|
||||
[paddingBottomProperty.getDefault](): Length {
|
||||
return {
|
||||
value: this.nativeTextViewProtected.textContainerInset.bottom,
|
||||
unit: 'px',
|
||||
};
|
||||
}
|
||||
[paddingBottomProperty.setNative](value: Length) {
|
||||
let inset = this.nativeTextViewProtected.textContainerInset;
|
||||
let bottom = layout.toDeviceIndependentPixels(this.effectivePaddingBottom + this.effectiveBorderBottomWidth);
|
||||
this.nativeTextViewProtected.textContainerInset = {
|
||||
top: inset.top,
|
||||
left: inset.left,
|
||||
bottom: bottom,
|
||||
right: inset.right,
|
||||
};
|
||||
}
|
||||
[paddingLeftProperty.getDefault](): Length {
|
||||
return {
|
||||
value: this.nativeTextViewProtected.textContainerInset.left,
|
||||
unit: 'px',
|
||||
};
|
||||
}
|
||||
[paddingLeftProperty.setNative](value: Length) {
|
||||
let inset = this.nativeTextViewProtected.textContainerInset;
|
||||
let left = layout.toDeviceIndependentPixels(this.effectivePaddingLeft + this.effectiveBorderLeftWidth);
|
||||
this.nativeTextViewProtected.textContainerInset = {
|
||||
top: inset.top,
|
||||
left: left,
|
||||
bottom: inset.bottom,
|
||||
right: inset.right,
|
||||
};
|
||||
}
|
||||
[maxLinesProperty.getDefault](): number {
|
||||
return 0;
|
||||
}
|
||||
[maxLinesProperty.setNative](value: number) {
|
||||
this.nativeTextViewProtected.textContainer.maximumNumberOfLines = value;
|
||||
[paddingBottomProperty.getDefault](): Length {
|
||||
return {
|
||||
value: this.nativeTextViewProtected.textContainerInset.bottom,
|
||||
unit: 'px',
|
||||
};
|
||||
}
|
||||
[paddingBottomProperty.setNative](value: Length) {
|
||||
let inset = this.nativeTextViewProtected.textContainerInset;
|
||||
let bottom = layout.toDeviceIndependentPixels(this.effectivePaddingBottom + this.effectiveBorderBottomWidth);
|
||||
this.nativeTextViewProtected.textContainerInset = {
|
||||
top: inset.top,
|
||||
left: inset.left,
|
||||
bottom: bottom,
|
||||
right: inset.right,
|
||||
};
|
||||
}
|
||||
[paddingLeftProperty.getDefault](): Length {
|
||||
return {
|
||||
value: this.nativeTextViewProtected.textContainerInset.left,
|
||||
unit: 'px',
|
||||
};
|
||||
}
|
||||
[paddingLeftProperty.setNative](value: Length) {
|
||||
let inset = this.nativeTextViewProtected.textContainerInset;
|
||||
let left = layout.toDeviceIndependentPixels(this.effectivePaddingLeft + this.effectiveBorderLeftWidth);
|
||||
this.nativeTextViewProtected.textContainerInset = {
|
||||
top: inset.top,
|
||||
left: left,
|
||||
bottom: inset.bottom,
|
||||
right: inset.right,
|
||||
};
|
||||
}
|
||||
[maxLinesProperty.getDefault](): number {
|
||||
return 0;
|
||||
}
|
||||
[maxLinesProperty.setNative](value: number) {
|
||||
this.nativeTextViewProtected.textContainer.maximumNumberOfLines = value;
|
||||
|
||||
if (value !== 0) {
|
||||
this.nativeTextViewProtected.textContainer.lineBreakMode = NSLineBreakMode.ByTruncatingTail;
|
||||
} else {
|
||||
this.nativeTextViewProtected.textContainer.lineBreakMode = NSLineBreakMode.ByWordWrapping;
|
||||
}
|
||||
}
|
||||
if (value !== 0) {
|
||||
this.nativeTextViewProtected.textContainer.lineBreakMode = NSLineBreakMode.ByTruncatingTail;
|
||||
} else {
|
||||
this.nativeTextViewProtected.textContainer.lineBreakMode = NSLineBreakMode.ByWordWrapping;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
TextView.prototype.recycleNativeView = 'auto';
|
||||
|
||||
@@ -3,11 +3,11 @@ import { EditableTextBase } from '../editable-text-base';
|
||||
import { Property } from '../core/properties';
|
||||
|
||||
export class TextViewBase extends EditableTextBase implements TextViewDefinition {
|
||||
public maxLines: number;
|
||||
public maxLines: number;
|
||||
}
|
||||
|
||||
export const maxLinesProperty = new Property<EditableTextBase, number>({
|
||||
name: 'maxLines',
|
||||
valueConverter: parseInt,
|
||||
name: 'maxLines',
|
||||
valueConverter: parseInt,
|
||||
});
|
||||
maxLinesProperty.register(EditableTextBase);
|
||||
|
||||
Reference in New Issue
Block a user