@rdkmaster/jigsaw-labs
Version:
Jigsaw, the next generation component set for RDK
90 lines (89 loc) • 2.9 kB
TypeScript
import { ChangeDetectorRef, ElementRef, EventEmitter, Renderer2 } from '@angular/core';
import { ControlValueAccessor } from "@angular/forms";
import { AbstractJigsawComponent, IJigsawFormControl } from "../common";
/**
* @description 多行输入框组件,常常用于接收用户的文本输入
*
* 这是一个表单友好组件
*/
export declare class JigsawTextarea extends AbstractJigsawComponent implements IJigsawFormControl, ControlValueAccessor {
private _render2;
private _elementRef;
private _changeDetectorRef;
/**
* 在文本框里的文本非空时,是否显示快速清除按钮,默认为显示。用户单击了清除按钮时,文本框里的文本立即被清空。
*
* $demo = textarea/clearable
*/
clearable: boolean;
/**
* 设置按钮不可交互状态的开关,为true则不可交互,为false则可交互。
*
* $demo = textarea/disabled
*/
disabled: boolean;
/**
* 当用户输入非法时,组件给予样式上的提示,以提升易用性,常常和表单配合使用。
*
* $demo = textarea/valid
* $demo = form/template-driven
*/
valid: boolean;
blur: EventEmitter<Event>;
private _focusEmitter;
constructor(_render2: Renderer2, _elementRef: ElementRef, _changeDetectorRef: ChangeDetectorRef);
private _propagateChange;
writeValue(value: any): void;
registerOnChange(fn: any): void;
registerOnTouched(fn: any): void;
private _value;
/**
* 文本框中当前的文本
*
* $demo = textarea/valid
*/
value: string;
/**
* 当文本框中的文本发生变化时,组件会发出此事件。
*
* $demo = textarea/value-change
*/
valueChange: EventEmitter<string>;
private _placeholder;
/**
* 当文本框内无文本时,显示这些文本以提示用户如何输入。
*
* $demo = textarea/valid
*/
placeholder: string;
private _textareaElement;
/**
* 调用此方法可以通过编程方式使得文本获得焦点。
* 当确信用户需要在文本框中输入时,自动让文本框获得焦点可以提升体验。
*
* $demo = textarea/focus
*/
focus(): void;
/**
* 调用此方法可以通过编程方式选中文本框中的所有文本。
* 当确信用户需要修改文本框里的文本时,自动选中所有文本可以提升体验。
*
* $demo = textarea/select
*/
select(): void;
/**
* @internal
*/
_$clearValue(): void;
private _focused;
/**
* 获取文本框是否有焦点
*
* $demo = textarea/focus
*/
readonly focused: boolean;
/**
* @internal
*/
_$handleFocus(event: FocusEvent): void;
}