add blur events to fabric text field components (#98)

Continuing work done in #83 by @MarcOne68
This commit is contained in:
Ben Grynhaus 2019-03-14 11:58:48 +02:00 коммит произвёл GitHub
Родитель 1d94ddc13b
Коммит 8e997c9872
Не найден ключ, соответствующий данной подписи
Идентификатор ключа GPG: 4AEE18F83AFDEB23
3 изменённых файлов: 8 добавлений и 2 удалений

Просмотреть файл

@ -65,8 +65,9 @@ export class FabBaseTextFieldComponent extends ReactWrapperComponent<ITextFieldP
@Input() renderPrefix?: InputRendererOptions<ITextFieldProps>;
@Input() renderSuffix?: InputRendererOptions<ITextFieldProps>;
@Output() readonly onFocus = new EventEmitter<FocusEvent>();
@Output() readonly onClick = new EventEmitter<MouseEvent>();
@Output() readonly onFocus = new EventEmitter<FocusEvent>();
@Output() readonly onBlur = new EventEmitter<Event>();
@Output() readonly onChange = new EventEmitter<{ event: Event; newValue?: string }>();
@Output() readonly onBeforeChange = new EventEmitter<{ newValue: any }>();
@ -104,9 +105,12 @@ export class FabBaseTextFieldComponent extends ReactWrapperComponent<ITextFieldP
this.onFocus.emit(ev && ev.nativeEvent);
}
onBlurHandler(ev?: React.SyntheticEvent) {
this.onBlur.emit(ev && ev.nativeEvent);
}
onChangeHandler(event: React.FormEvent<HTMLInputElement | HTMLTextAreaElement>, newValue?: string) {
this.onChange.emit({ event: event.nativeEvent, newValue });
this.valueChange.emit(newValue);
}

Просмотреть файл

@ -60,6 +60,7 @@ import { FabBaseTextFieldComponent } from './base-text-field.component';
[NotifyValidationResult]="onNotifyValidationResultHandler"
(onClick)="onClickHandler($event)"
(onFocus)="onFocusHandler($event)"
(onBlur)="onBlurHandler($event)"
>
</MaskedTextField>
`,

Просмотреть файл

@ -60,6 +60,7 @@ import { FabBaseTextFieldComponent } from './base-text-field.component';
[NotifyValidationResult]="onNotifyValidationResultHandler"
(onClick)="onClickHandler($event)"
(onFocus)="onFocusHandler($event)"
(onBlur)="onBlurHandler($event)"
>
</TextField>
`,