124 lines
5.0 KiB
TypeScript
124 lines
5.0 KiB
TypeScript
/**
|
|
* @license
|
|
* Copyright Google Inc. All Rights Reserved.
|
|
*
|
|
* Use of this source code is governed by an MIT-style license that can be
|
|
* found in the LICENSE file at https://angular.io/license
|
|
*/
|
|
|
|
import {ListWrapper, StringMapWrapper} from '../facade/collection';
|
|
import {BaseException} from '../facade/exceptions';
|
|
import {hasConstructor, isBlank, isPresent, looseIdentical} from '../facade/lang';
|
|
import {FormArray, FormControl, FormGroup} from '../model';
|
|
import {Validators} from '../validators';
|
|
|
|
import {AbstractControlDirective} from './abstract_control_directive';
|
|
import {AbstractFormGroupDirective} from './abstract_form_group_directive';
|
|
import {CheckboxControlValueAccessor} from './checkbox_value_accessor';
|
|
import {ControlContainer} from './control_container';
|
|
import {ControlValueAccessor} from './control_value_accessor';
|
|
import {DefaultValueAccessor} from './default_value_accessor';
|
|
import {NgControl} from './ng_control';
|
|
import {normalizeAsyncValidator, normalizeValidator} from './normalize_validator';
|
|
import {NumberValueAccessor} from './number_value_accessor';
|
|
import {RadioControlValueAccessor} from './radio_control_value_accessor';
|
|
import {FormArrayName} from './reactive_directives/form_array_name';
|
|
import {SelectControlValueAccessor} from './select_control_value_accessor';
|
|
import {SelectMultipleControlValueAccessor} from './select_multiple_control_value_accessor';
|
|
import {AsyncValidatorFn, ValidatorFn} from './validators';
|
|
|
|
|
|
export function controlPath(name: string, parent: ControlContainer): string[] {
|
|
var p = ListWrapper.clone(parent.path);
|
|
p.push(name);
|
|
return p;
|
|
}
|
|
|
|
export function setUpControl(control: FormControl, dir: NgControl): void {
|
|
if (isBlank(control)) _throwError(dir, 'Cannot find control');
|
|
if (isBlank(dir.valueAccessor)) _throwError(dir, 'No value accessor for');
|
|
|
|
control.validator = Validators.compose([control.validator, dir.validator]);
|
|
control.asyncValidator = Validators.composeAsync([control.asyncValidator, dir.asyncValidator]);
|
|
dir.valueAccessor.writeValue(control.value);
|
|
|
|
// view -> model
|
|
dir.valueAccessor.registerOnChange((newValue: any) => {
|
|
dir.viewToModelUpdate(newValue);
|
|
control.updateValue(newValue, {emitModelToViewChange: false});
|
|
control.markAsDirty();
|
|
});
|
|
|
|
// model -> view
|
|
control.registerOnChange((newValue: any) => dir.valueAccessor.writeValue(newValue));
|
|
|
|
// touched
|
|
dir.valueAccessor.registerOnTouched(() => control.markAsTouched());
|
|
}
|
|
|
|
export function setUpFormContainer(
|
|
control: FormGroup | FormArray, dir: AbstractFormGroupDirective | FormArrayName) {
|
|
if (isBlank(control)) _throwError(dir, 'Cannot find control');
|
|
control.validator = Validators.compose([control.validator, dir.validator]);
|
|
control.asyncValidator = Validators.composeAsync([control.asyncValidator, dir.asyncValidator]);
|
|
}
|
|
|
|
function _throwError(dir: AbstractControlDirective, message: string): void {
|
|
var path = dir.path.join(' -> ');
|
|
throw new BaseException(`${message} '${path}'`);
|
|
}
|
|
|
|
export function composeValidators(validators: /* Array<Validator|Function> */ any[]): ValidatorFn {
|
|
return isPresent(validators) ? Validators.compose(validators.map(normalizeValidator)) : null;
|
|
}
|
|
|
|
export function composeAsyncValidators(validators: /* Array<Validator|Function> */ any[]):
|
|
AsyncValidatorFn {
|
|
return isPresent(validators) ? Validators.composeAsync(validators.map(normalizeAsyncValidator)) :
|
|
null;
|
|
}
|
|
|
|
export function isPropertyUpdated(changes: {[key: string]: any}, viewModel: any): boolean {
|
|
if (!StringMapWrapper.contains(changes, 'model')) return false;
|
|
var change = changes['model'];
|
|
|
|
if (change.isFirstChange()) return true;
|
|
return !looseIdentical(viewModel, change.currentValue);
|
|
}
|
|
|
|
// TODO: vsavkin remove it once https://github.com/angular/angular/issues/3011 is implemented
|
|
export function selectValueAccessor(
|
|
dir: NgControl, valueAccessors: ControlValueAccessor[]): ControlValueAccessor {
|
|
if (isBlank(valueAccessors)) return null;
|
|
|
|
var defaultAccessor: ControlValueAccessor;
|
|
var builtinAccessor: ControlValueAccessor;
|
|
var customAccessor: ControlValueAccessor;
|
|
valueAccessors.forEach((v: ControlValueAccessor) => {
|
|
if (hasConstructor(v, DefaultValueAccessor)) {
|
|
defaultAccessor = v;
|
|
|
|
} else if (
|
|
hasConstructor(v, CheckboxControlValueAccessor) || hasConstructor(v, NumberValueAccessor) ||
|
|
hasConstructor(v, SelectControlValueAccessor) ||
|
|
hasConstructor(v, SelectMultipleControlValueAccessor) ||
|
|
hasConstructor(v, RadioControlValueAccessor)) {
|
|
if (isPresent(builtinAccessor))
|
|
_throwError(dir, 'More than one built-in value accessor matches');
|
|
builtinAccessor = v;
|
|
|
|
} else {
|
|
if (isPresent(customAccessor))
|
|
_throwError(dir, 'More than one custom value accessor matches');
|
|
customAccessor = v;
|
|
}
|
|
});
|
|
|
|
if (isPresent(customAccessor)) return customAccessor;
|
|
if (isPresent(builtinAccessor)) return builtinAccessor;
|
|
if (isPresent(defaultAccessor)) return defaultAccessor;
|
|
|
|
_throwError(dir, 'No valid value accessor for');
|
|
return null;
|
|
}
|