feat: support libphonenumber yuyang041060120#23

README.md

@@ -193,35 +193,11 @@ export class AppModule {
 ### phone
 
 ```html
-<input type="text" [(ngModel)]="model.field" name="field" #field="ngModel" [phone]="'zh-CN'"/>
+<input type="text" [(ngModel)]="model.field" name="field" #field="ngModel" phone="CN"/>
 <p *ngIf="field.errors?.phone">error message</p>
 ```
 
-*default*: en-US
-
-**support**
-
-- de-CH
-- de-DE
-- el-GR
-- en-AU
-- en-GB
-- en-HK
-- en-NZ
-- en-US
-- en-ZA
-- en-ZM
-- fr-FR
-- hu-HU
-- nb-NO
-- nl-NL
-- nn-NO
-- pt-BR
-- pt-PT
-- ru-RU
-- vi-VN
-- zh-CN
-- zh-TW
+details see [libphonenumber](https://github.com/halt-hammerzeit/libphonenumber-js)
 
 ### uuid
 

example/main.ts

@@ -1,4 +1,4 @@
-import { platformBrowserDynamic }      from '@angular/platform-browser-dynamic';
+import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
 import { AppModule } from './src/app.module';
 

karma.conf.js

@@ -1,51 +1,51 @@
-module.exports = function (config) {
-    var _config = {
-        basePath: './',
-
-        frameworks: ['jasmine'],
-
-        files: [
-            {pattern: './karma-test-shim.js', watched: false}
-        ],
-
-        preprocessors: {
-            './karma-test-shim.js': ['webpack', 'sourcemap']
-        },
-
-        webpack: {
-            resolve: {
-                extensions: ['', '.ts', '.js']
-            },
-            module: {
-                loaders: [
-                    {
-                        test: /\.ts$/,
-                        loader: 'ts'
-                    },
-                    {
-                        test: /\.html$/,
-                        loader: 'raw'
-                    }
-                ]
-            }
-        },
-
-        webpackMiddleware: {
-            stats: 'errors-only'
-        },
-
-        webpackServer: {
-            noInfo: true
-        },
-
-        reporters: ['progress'],
-        port: 9876,
-        colors: true,
-        logLevel: config.LOG_INFO,
-        autoWatch: false,
-        browsers: ['PhantomJS'],
-        singleRun: true
-    };
-
-    config.set(_config);
+module.exports = function(config) {
+  var _config = {
+    basePath: './',
+
+    frameworks: [ 'jasmine' ],
+
+    files: [
+      { pattern: './karma-test-shim.js', watched: false }
+    ],
+
+    preprocessors: {
+      './karma-test-shim.js': [ 'webpack', 'sourcemap' ]
+    },
+
+    webpack: {
+      resolve: {
+        extensions: [' ', '.js', '.ts']
+      },
+      module: {
+        loaders: [
+          {
+            test: /\.ts$/,
+            loader: 'ts-loader'
+          },
+          {
+            test: /\.html$/,
+            loader: 'raw-loader'
+          }
+        ]
+      }
+    },
+
+    webpackMiddleware: {
+      stats: 'errors-only'
+    },
+
+    webpackServer: {
+      noInfo: true
+    },
+
+    reporters: [ 'progress' ],
+    port: 9876,
+    colors: true,
+    logLevel: config.LOG_INFO,
+    autoWatch: false,
+    browsers: [ 'PhantomJS' ],
+    singleRun: true
+  };
+
+  config.set(_config);
 };

package.json

@@ -64,5 +64,8 @@
     "webpack": "^2.3.2",
     "webpack-dev-server": "^2.4.2",
     "zone.js": "^0.8.4"
+  },
+  "dependencies": {
+    "libphonenumber-js": "^0.4.5"
   }
 }

src/base64/validator.ts

@@ -1,6 +1,6 @@
 import { AbstractControl, Validators, ValidatorFn } from '@angular/forms';
 
-import { isPresent } from '../facade/lang';
+import { isPresent } from '../util/lang';
 
 export const base64: ValidatorFn = (control: AbstractControl): {[key: string]: boolean} => {
   if (isPresent(Validators.required(control))) return null;

src/credit-card/validator.ts

@@ -1,6 +1,6 @@
 import { AbstractControl, Validators, ValidatorFn } from '@angular/forms';
 
-import { isPresent } from '../facade/lang';
+import { isPresent } from '../util/lang';
 
 export const creditCard: ValidatorFn = (control: AbstractControl): {[key: string]: boolean} => {
   if (isPresent(Validators.required(control))) return null;

src/date-ios/validator.ts

@@ -1,6 +1,6 @@
 import { AbstractControl, Validators, ValidatorFn } from '@angular/forms';
 
-import { isPresent, isDate } from '../facade/lang';
+import { isPresent, isDate } from '../util/lang';
 
 export const dateISO: ValidatorFn = (control: AbstractControl): {[key: string]: boolean} => {
   if (isPresent(Validators.required(control))) return null;

src/date/validator.ts

@@ -1,6 +1,6 @@
 import { AbstractControl, Validators, ValidatorFn } from '@angular/forms';
 
-import { isPresent, isDate } from '../facade/lang';
+import { isPresent, isDate } from '../util/lang';
 
 export const date: ValidatorFn = (control: AbstractControl): {[key: string]: boolean} => {
   if (isPresent(Validators.required(control))) return null;

src/digits/validator.ts

@@ -1,6 +1,6 @@
 import { AbstractControl, Validators, ValidatorFn } from '@angular/forms';
 
-import { isPresent } from '../facade/lang';
+import { isPresent } from '../util/lang';
 
 export const digits: ValidatorFn = (control: AbstractControl): {[key: string]: boolean} => {
   if (isPresent(Validators.required(control))) return null;

src/email/validator.ts

@@ -1,6 +1,6 @@
 import { AbstractControl, Validators, ValidatorFn } from '@angular/forms';
 
-import { isPresent } from '../facade/lang';
+import { isPresent } from '../util/lang';
 
 export const email: ValidatorFn = (control: AbstractControl): {[key: string]: boolean} => {
   if (isPresent(Validators.required(control))) return null;

src/equal/validator.ts

@@ -1,6 +1,6 @@
 import { AbstractControl, Validators, ValidatorFn } from '@angular/forms';
 
-import { isPresent } from '../facade/lang';
+import { isPresent } from '../util/lang';
 
 export const equal = (val: any): ValidatorFn => {
   return (control: AbstractControl): {[key: string]: any} => {

src/greater-than-equal/directive.spec.ts

@@ -0,0 +1 @@
+// todo

src/greater-than-equal/directive.ts

@@ -0,0 +1,42 @@
+import { Directive, Input, forwardRef, OnInit, OnChanges, SimpleChanges } from '@angular/core';
+import { NG_VALIDATORS, Validator, ValidatorFn, AbstractControl } from '@angular/forms';
+
+import { gt } from './';
+
+const GREATER_THAN_VALIDATOR: any = {
+  provide: NG_VALIDATORS,
+  useExisting: forwardRef(() => GreaterThanValidator),
+  multi: true
+};
+
+@Directive({
+  selector: '[gt][formControlName],[gt][formControl],[gt][ngModel]',
+  providers: [GREATER_THAN_VALIDATOR]
+})
+export class GreaterThanValidator implements Validator, OnInit, OnChanges {
+  @Input() gt: number;
+
+  private validator: ValidatorFn;
+  private onChange: () => void;
+
+  ngOnInit() {
+    this.validator = gt(this.gt);
+  }
+
+  ngOnChanges(changes: SimpleChanges) {
+    for (let key in changes) {
+      if (key === 'gt') {
+        this.validator = gt(changes[key].currentValue);
+        if (this.onChange) this.onChange();
+      }
+    }
+  }
+
+  validate(c: AbstractControl): {[key: string]: any} {
+    return this.validator(c);
+  }
+
+  registerOnValidatorChange(fn: () => void): void {
+    this.onChange = fn;
+  }
+}

src/greater-than-equal/index.ts

@@ -0,0 +1,2 @@
+export * from './directive';
+export * from './validator';

src/greater-than-equal/validator.spec.ts

@@ -0,0 +1,19 @@
+import { FormControl } from '@angular/forms';
+
+import { gt } from './';
+
+describe('GT', () => {
+  const error = {gt: true};
+
+  it('5 should be gt 3', () => {
+    let control = new FormControl(5);
+
+    expect(gt(3)(control)).toBeNull();
+  });
+
+  it('3 should not be gt 5', () => {
+    let control = new FormControl(3);
+
+    expect(gt(5)(control)).toEqual(error);
+  });
+});

src/greater-than-equal/validator.ts

@@ -0,0 +1,13 @@
+import { AbstractControl, Validators, ValidatorFn } from '@angular/forms';
+
+import { isPresent } from '../util/lang';
+
+export const gt = (gt: number): ValidatorFn => {
+  return (control: AbstractControl): {[key: string]: boolean} => {
+    if (!isPresent(gt)) return null;
+    if (isPresent(Validators.required(control))) return null;
+
+    let v: number = +control.value;
+    return v > +gt ? null : {gt: true};
+  };
+};

src/greater-than/validator.ts

@@ -1,6 +1,6 @@
 import { AbstractControl, Validators, ValidatorFn } from '@angular/forms';
 
-import { isPresent } from '../facade/lang';
+import { isPresent } from '../util/lang';
 
 export const gt = (gt: number): ValidatorFn => {
   return (control: AbstractControl): {[key: string]: boolean} => {

src/json/validator.ts

@@ -1,6 +1,6 @@
 import { AbstractControl, Validators, ValidatorFn } from '@angular/forms';
 
-import { isPresent } from '../facade/lang';
+import { isPresent } from '../util/lang';
 
 export const json: ValidatorFn = (control: AbstractControl): {[key: string]: boolean} => {
   if (isPresent(Validators.required(control))) return null;

src/less-than-equal/directive.spec.ts

@@ -0,0 +1 @@
+// todo