From bd03a91b95cd02f964d2c42a62193155e0eff488 Mon Sep 17 00:00:00 2001
From: vthinkxie <vthinkxie@users.noreply.github.com>
Date: Tue, 26 Feb 2019 13:19:33 +0800
Subject: [PATCH] fix(module:input): fix antd input style change & input
 password demo (#2969)

close #2945 close #2956
---
 components/input/demo/password-input.md      | 14 ++++++++++++
 components/input/demo/password-input.ts      | 24 ++++++++++++++++++++
 components/input/demo/search-input.ts        |  4 ++--
 components/input/nz-input-group.component.ts |  4 ----
 4 files changed, 40 insertions(+), 6 deletions(-)
 create mode 100644 components/input/demo/password-input.md
 create mode 100644 components/input/demo/password-input.ts

diff --git a/components/input/demo/password-input.md b/components/input/demo/password-input.md
new file mode 100644
index 0000000000..9165699808
--- /dev/null
+++ b/components/input/demo/password-input.md
@@ -0,0 +1,14 @@
+---
+order: 10
+title:
+    zh-CN: 密码框
+    en-US: Password box
+---
+
+## zh-CN
+
+密码框。
+
+## en-US
+
+Input type of password.
\ No newline at end of file
diff --git a/components/input/demo/password-input.ts b/components/input/demo/password-input.ts
new file mode 100644
index 0000000000..538462ca7d
--- /dev/null
+++ b/components/input/demo/password-input.ts
@@ -0,0 +1,24 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'nz-demo-input-password-input',
+  template: `
+    <nz-input-group [nzSuffix]="suffixTemplate">
+      <input [type]="passwordVisible?'text':'password'" nz-input placeholder="input password" [(ngModel)]="password">
+    </nz-input-group>
+    <ng-template #suffixTemplate>
+      <i nz-icon [nzType]="passwordVisible? 'eye-invisible':'eye'" (click)="passwordVisible = !passwordVisible"></i>
+    </ng-template>
+  `,
+  styles  : [
+      `
+      i {
+        cursor: pointer;
+      }
+    `
+  ]
+})
+export class NzDemoInputPasswordInputComponent {
+  passwordVisible = false;
+  password;
+}
diff --git a/components/input/demo/search-input.ts b/components/input/demo/search-input.ts
index 47c434499d..258678ad48 100644
--- a/components/input/demo/search-input.ts
+++ b/components/input/demo/search-input.ts
@@ -11,7 +11,7 @@ import { Component } from '@angular/core';
     </ng-template>
     <br>
     <br>
-    <nz-input-group nzSearch [nzSuffix]="suffixIconButton">
+    <nz-input-group nzSearch [nzAddOnAfter]="suffixIconButton">
       <input type="text" nz-input placeholder="input search text">
     </nz-input-group>
     <ng-template #suffixIconButton>
@@ -19,7 +19,7 @@ import { Component } from '@angular/core';
     </ng-template>
     <br>
     <br>
-    <nz-input-group nzSearch nzSize="large" [nzSuffix]="suffixButton">
+    <nz-input-group nzSearch nzSize="large" [nzAddOnAfter]="suffixButton">
       <input type="text" nz-input placeholder="input search text">
     </nz-input-group>
     <ng-template #suffixButton>
diff --git a/components/input/nz-input-group.component.ts b/components/input/nz-input-group.component.ts
index 3bf5388cd9..71b8e21e3b 100644
--- a/components/input/nz-input-group.component.ts
+++ b/components/input/nz-input-group.component.ts
@@ -11,7 +11,6 @@ import {
 import { NgClassType } from '../core/types/ng-class';
 import { NzSizeLDSType } from '../core/types/size';
 import { InputBoolean } from '../core/util/convert';
-
 import { NzInputDirective } from './nz-input.directive';
 
 @Component({
@@ -123,9 +122,6 @@ export class NzInputGroupComponent implements AfterContentInit {
     }
   }
 
-  constructor() {
-  }
-
   ngAfterContentInit(): void {
     this.updateChildrenInputSize();
   }