UNPKG

@rdkmaster/jigsaw-labs

Version:

Jigsaw, the next generation component set for RDK

90 lines (89 loc) 2.9 kB
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; }