ngx-formly-zorro-antd 13.0.0 → 14.0.1

package/fesm2015/ngx-formly-zorro-antd-input.mjs

@@ -1,355 +1,399 @@
 import * as i0 from '@angular/core';
 import { Component, ChangeDetectionStrategy, NgModule } from '@angular/core';
-import * as i3 from '@angular/common';
+import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
-import * as i5 from '@ngx-formly/core';
+import * as i6 from '@ngx-formly/core';
 import { FieldType, FormlyModule } from '@ngx-formly/core';
-import * as i4 from '@angular/forms';
+import * as i2 from '@angular/forms';
 import { ReactiveFormsModule } from '@angular/forms';
 import { FormlyNzFormFieldModule } from 'ngx-formly-zorro-antd/form-field';
-import * as i1 from 'ng-zorro-antd/input';
+import * as i3 from 'ng-zorro-antd/input';
 import { NzInputModule } from 'ng-zorro-antd/input';
-import * as i2 from 'ng-zorro-antd/auto-complete';
+import * as i4 from 'ng-zorro-antd/auto-complete';
 import { NzAutocompleteModule } from 'ng-zorro-antd/auto-complete';
-import * as i6 from 'ng-zorro-antd/icon';
+import * as i5 from 'ng-zorro-antd/icon';
 import { NzIconModule } from 'ng-zorro-antd/icon';
 
-class FormlyFieldInput extends FieldType {
-    constructor() {
-        super(...arguments);
-        this.defaultOptions = {
-            props: {
-                borderless: false,
-                compact: false,
-                search: false,
-                allowClear: false,
-                autocompleteOptions: {
-                    backfill: false,
-                    defaultActiveFirstOption: true,
-                    compareWith: (o1, o2) => o1 === o2
-                }
-            }
-        };
-        this.passwordVisible = false;
-    }
-}
-FormlyFieldInput.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FormlyFieldInput, deps: null, target: i0.ɵɵFactoryTarget.Component });
-FormlyFieldInput.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: FormlyFieldInput, selector: "formly-field-input", usesInheritance: true, ngImport: i0, template: `
-    <ng-container [ngSwitch]="props.type">
-      <ng-container *ngSwitchCase="'password'">
-        <nz-input-group
-          [nzPrefixIcon]="props['prefixIcon']"
-          [nzSuffixIcon]="props['suffixIcon']"
-          [nzAddOnAfterIcon]="props['addOnAfterIcon']"
-          [nzAddOnBeforeIcon]="props['addOnBeforeIcon']"
-          [nzAddOnBefore]="props['addOnBefore']"
-          [nzAddOnAfter]="props['addOnAfter']"
-          [nzPrefix]="props['prefix']"
-          [nzCompact]="props['compact']!!"
-          [nzSearch]="props['search']!!"
-          [nzSize]="props['size']!"
-          [nzStatus]="props['status']!"
-          [nzSuffix]="suffixpassword"
-        >
-          <input
-            [type]="passwordVisible ? 'text' : 'password'"
-            nz-input
-            [formControl]="formControl"
-            [formlyAttributes]="field"
-            [nzBorderless]="props['borderless']!!"
-            (ngModelChange)="props.change && props.change(field, $event)"
-          />
-        </nz-input-group>
-
-        <ng-template #suffixpassword>
-          <span
-            nz-icon
-            class="cursor-pointer"
-            [nzType]="passwordVisible ? 'eye-invisible' : 'eye'"
-            (click)="passwordVisible = !passwordVisible"
-          ></span>
-        </ng-template>
-      </ng-container>
-
-      <nz-input-group
-        *ngSwitchCase="'autoComplete'"
-        [nzSize]="props['size']"
-        [nzPrefixIcon]="props['prefixIcon']"
-        [nzSuffixIcon]="props['suffixIcon']"
-        [nzAddOnAfterIcon]="props['addOnAfterIcon']"
-        [nzAddOnBeforeIcon]="props['addOnBeforeIcon']"
-        [nzAddOnBefore]="props['addOnBefore']"
-        [nzAddOnAfter]="props['addOnAfter']"
-        [nzPrefix]="props['prefix']"
-        [nzSuffix]="props['suffix']"
-      >
-        <input
-          nz-input
-          [nzBorderless]="props['borderless']"
-          [nzAutocomplete]="auto"
-          [formControl]="formControl"
-          [formlyAttributes]="field"
-        />
-        <nz-autocomplete
-          [nzBackfill]="props['autocompleteOptions']?.backfill"
-          [nzDefaultActiveFirstOption]="props['autocompleteOptions']?.defaultActiveFirstOption"
-          [nzWidth]="props['autocompleteOptions']?.width"
-          [nzOverlayClassName]="props['autocompleteOptions']?.overlayClassName"
-          [nzOverlayStyle]="props['autocompleteOptions']?.overlayStyle"
-          [compareWith]="props['autocompleteOptions']?.compareWith"
-          #auto
-        >
-          <nz-auto-option
-            *ngFor="let option of props['autocompleteOptions'].dataSource"
-            [nzLabel]="option.label"
-            [nzValue]="option.value"
-          >
-            {{ option.label }}
-          </nz-auto-option>
-        </nz-autocomplete>
-      </nz-input-group>
-
-      <nz-input-group
-        *ngSwitchCase="'group'"
-        [nzPrefixIcon]="props['prefixIcon']"
-        [nzSuffixIcon]="props['suffixIcon']"
-        [nzAddOnAfterIcon]="props['addOnAfterIcon']"
-        [nzAddOnBeforeIcon]="props['addOnBeforeIcon']"
-        [nzAddOnBefore]="props['addOnBefore']"
-        [nzAddOnAfter]="props['addOnAfter']"
-        [nzPrefix]="props['prefix']"
-        [nzSuffix]="props['suffix']"
-        [nzCompact]="props['compact']!!"
-        [nzSearch]="props['search']!!"
-        [nzSize]="props['size']!"
-        [nzStatus]="props['status']!"
-      >
-        <input
-          nz-input
-          type="text"
-          [formControl]="formControl"
-          [formlyAttributes]="field"
-          [nzBorderless]="!!props['borderless']!!"
-          (ngModelChange)="props.change && props.change(field, $event)"
-        />
-      </nz-input-group>
-
-      <input
-        *ngSwitchDefault
-        nz-input
-        type="text"
-        [formControl]="formControl"
-        [formlyAttributes]="field"
-        [nzSize]="props['size']"
-        [nzStatus]="props['status']"
-        [nzBorderless]="props['borderless']!!"
-        (ngModelChange)="props.change && props.change(field, $event)"
-      />
-    </ng-container>
-  `, isInline: true, components: [{ type: i1.NzInputGroupComponent, selector: "nz-input-group", inputs: ["nzAddOnBeforeIcon", "nzAddOnAfterIcon", "nzPrefixIcon", "nzSuffixIcon", "nzAddOnBefore", "nzAddOnAfter", "nzPrefix", "nzStatus", "nzSuffix", "nzSize", "nzSearch", "nzCompact"], exportAs: ["nzInputGroup"] }, { type: i2.NzAutocompleteComponent, selector: "nz-autocomplete", inputs: ["nzWidth", "nzOverlayClassName", "nzOverlayStyle", "nzDefaultActiveFirstOption", "nzBackfill", "compareWith", "nzDataSource"], outputs: ["selectionChange"], exportAs: ["nzAutocomplete"] }, { type: i2.NzAutocompleteOptionComponent, selector: "nz-auto-option", inputs: ["nzValue", "nzLabel", "nzDisabled"], outputs: ["selectionChange", "mouseEntered"], exportAs: ["nzAutoOption"] }], directives: [{ type: i3.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i3.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i1.NzInputGroupWhitSuffixOrPrefixDirective, selector: "nz-input-group[nzSuffix], nz-input-group[nzPrefix]" }, { type: i1.NzInputDirective, selector: "input[nz-input],textarea[nz-input]", inputs: ["nzBorderless", "nzSize", "nzStatus", "disabled"], exportAs: ["nzInput"] }, { type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i5.ɵFormlyAttributes, selector: "[formlyAttributes]", inputs: ["formlyAttributes", "id"] }, { type: i6.NzIconDirective, selector: "[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { type: i2.NzAutocompleteTriggerDirective, selector: "input[nzAutocomplete], textarea[nzAutocomplete]", inputs: ["nzAutocomplete"], exportAs: ["nzAutocompleteTrigger"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.NgSwitchDefault, selector: "[ngSwitchDefault]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FormlyFieldInput, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'formly-field-input',
-                    template: `
-    <ng-container [ngSwitch]="props.type">
-      <ng-container *ngSwitchCase="'password'">
-        <nz-input-group
-          [nzPrefixIcon]="props['prefixIcon']"
-          [nzSuffixIcon]="props['suffixIcon']"
-          [nzAddOnAfterIcon]="props['addOnAfterIcon']"
-          [nzAddOnBeforeIcon]="props['addOnBeforeIcon']"
-          [nzAddOnBefore]="props['addOnBefore']"
-          [nzAddOnAfter]="props['addOnAfter']"
-          [nzPrefix]="props['prefix']"
-          [nzCompact]="props['compact']!!"
-          [nzSearch]="props['search']!!"
-          [nzSize]="props['size']!"
-          [nzStatus]="props['status']!"
-          [nzSuffix]="suffixpassword"
-        >
-          <input
-            [type]="passwordVisible ? 'text' : 'password'"
-            nz-input
-            [formControl]="formControl"
-            [formlyAttributes]="field"
-            [nzBorderless]="props['borderless']!!"
-            (ngModelChange)="props.change && props.change(field, $event)"
-          />
-        </nz-input-group>
-
-        <ng-template #suffixpassword>
-          <span
-            nz-icon
-            class="cursor-pointer"
-            [nzType]="passwordVisible ? 'eye-invisible' : 'eye'"
-            (click)="passwordVisible = !passwordVisible"
-          ></span>
-        </ng-template>
-      </ng-container>
-
-      <nz-input-group
-        *ngSwitchCase="'autoComplete'"
-        [nzSize]="props['size']"
-        [nzPrefixIcon]="props['prefixIcon']"
-        [nzSuffixIcon]="props['suffixIcon']"
-        [nzAddOnAfterIcon]="props['addOnAfterIcon']"
-        [nzAddOnBeforeIcon]="props['addOnBeforeIcon']"
-        [nzAddOnBefore]="props['addOnBefore']"
-        [nzAddOnAfter]="props['addOnAfter']"
-        [nzPrefix]="props['prefix']"
-        [nzSuffix]="props['suffix']"
-      >
-        <input
-          nz-input
-          [nzBorderless]="props['borderless']"
-          [nzAutocomplete]="auto"
-          [formControl]="formControl"
-          [formlyAttributes]="field"
-        />
-        <nz-autocomplete
-          [nzBackfill]="props['autocompleteOptions']?.backfill"
-          [nzDefaultActiveFirstOption]="props['autocompleteOptions']?.defaultActiveFirstOption"
-          [nzWidth]="props['autocompleteOptions']?.width"
-          [nzOverlayClassName]="props['autocompleteOptions']?.overlayClassName"
-          [nzOverlayStyle]="props['autocompleteOptions']?.overlayStyle"
-          [compareWith]="props['autocompleteOptions']?.compareWith"
-          #auto
-        >
-          <nz-auto-option
-            *ngFor="let option of props['autocompleteOptions'].dataSource"
-            [nzLabel]="option.label"
-            [nzValue]="option.value"
-          >
-            {{ option.label }}
-          </nz-auto-option>
-        </nz-autocomplete>
-      </nz-input-group>
-
-      <nz-input-group
-        *ngSwitchCase="'group'"
-        [nzPrefixIcon]="props['prefixIcon']"
-        [nzSuffixIcon]="props['suffixIcon']"
-        [nzAddOnAfterIcon]="props['addOnAfterIcon']"
-        [nzAddOnBeforeIcon]="props['addOnBeforeIcon']"
-        [nzAddOnBefore]="props['addOnBefore']"
-        [nzAddOnAfter]="props['addOnAfter']"
-        [nzPrefix]="props['prefix']"
-        [nzSuffix]="props['suffix']"
-        [nzCompact]="props['compact']!!"
-        [nzSearch]="props['search']!!"
-        [nzSize]="props['size']!"
-        [nzStatus]="props['status']!"
-      >
-        <input
-          nz-input
-          type="text"
-          [formControl]="formControl"
-          [formlyAttributes]="field"
-          [nzBorderless]="!!props['borderless']!!"
-          (ngModelChange)="props.change && props.change(field, $event)"
-        />
-      </nz-input-group>
-
-      <input
-        *ngSwitchDefault
-        nz-input
-        type="text"
-        [formControl]="formControl"
-        [formlyAttributes]="field"
-        [nzSize]="props['size']"
-        [nzStatus]="props['status']"
-        [nzBorderless]="props['borderless']!!"
-        (ngModelChange)="props.change && props.change(field, $event)"
-      />
-    </ng-container>
-  `,
-                    changeDetection: ChangeDetectionStrategy.OnPush
-                }]
+class FormlyFieldInput extends FieldType {
+    constructor() {
+        super(...arguments);
+        this.defaultOptions = {
+            props: {
+                borderless: false,
+                compact: false,
+                search: false,
+                allowClear: false,
+                autocompleteOptions: {
+                    backfill: false,
+                    defaultActiveFirstOption: true,
+                    compareWith: (o1, o2) => o1 === o2
+                }
+            }
+        };
+        this.passwordVisible = false;
+    }
+}
+FormlyFieldInput.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: FormlyFieldInput, deps: null, target: i0.ɵɵFactoryTarget.Component });
+FormlyFieldInput.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.1", type: FormlyFieldInput, selector: "formly-field-input", usesInheritance: true, ngImport: i0, template: `
+    <ng-container [ngSwitch]="props.type">
+      <ng-container *ngSwitchCase="'password'">
+        <nz-input-group
+          [nzPrefixIcon]="props['prefixIcon']"
+          [nzSuffixIcon]="props['suffixIcon']"
+          [nzAddOnAfterIcon]="props['addOnAfterIcon']"
+          [nzAddOnBeforeIcon]="props['addOnBeforeIcon']"
+          [nzAddOnBefore]="props['addOnBefore']"
+          [nzAddOnAfter]="props['addOnAfter']"
+          [nzPrefix]="props['prefix']"
+          [nzCompact]="props['compact']!!"
+          [nzSearch]="props['search']!!"
+          [nzSize]="props['size']!"
+          [nzStatus]="props['status']!"
+          [nzSuffix]="passwordEyeTpl"
+        >
+          <input
+            [type]="passwordVisible ? 'text' : 'password'"
+            nz-input
+            [formControl]="formControl"
+            [formlyAttributes]="field"
+            [nzBorderless]="props['borderless']!!"
+            (ngModelChange)="props['modelChange'] && props['modelChange'](field, $event)"
+          />
+        </nz-input-group>
+      </ng-container>
+
+      <nz-input-group
+        *ngSwitchCase="'autoComplete'"
+        [nzSize]="props['size']"
+        [nzPrefixIcon]="props['prefixIcon']"
+        [nzSuffixIcon]="props['suffixIcon']"
+        [nzAddOnAfterIcon]="props['addOnAfterIcon']"
+        [nzAddOnBeforeIcon]="props['addOnBeforeIcon']"
+        [nzAddOnBefore]="props['addOnBefore']"
+        [nzAddOnAfter]="props['addOnAfter']"
+        [nzPrefix]="props['prefix']"
+        [nzSuffix]="props['allowClear']!! ? inputClearTpl : props['suffix']"
+      >
+        <input
+          nz-input
+          [nzBorderless]="props['borderless']"
+          [nzAutocomplete]="auto"
+          [formControl]="formControl"
+          [formlyAttributes]="field"
+        />
+        <nz-autocomplete
+          [nzBackfill]="props['autocompleteOptions']?.backfill"
+          [nzDefaultActiveFirstOption]="props['autocompleteOptions']?.defaultActiveFirstOption"
+          [nzWidth]="props['autocompleteOptions']?.width"
+          [nzOverlayClassName]="props['autocompleteOptions']?.overlayClassName"
+          [nzOverlayStyle]="props['autocompleteOptions']?.overlayStyle"
+          [compareWith]="props['autocompleteOptions']?.compareWith"
+          #auto
+        >
+          <nz-auto-option
+            *ngFor="let option of props['autocompleteOptions'].dataSource"
+            [nzLabel]="option.label"
+            [nzValue]="option.value"
+          >
+            {{ option.label }}
+          </nz-auto-option>
+        </nz-autocomplete>
+      </nz-input-group>
+
+      <nz-input-group
+        *ngSwitchCase="'group'"
+        [nzPrefixIcon]="props['prefixIcon']"
+        [nzSuffixIcon]="props['suffixIcon']"
+        [nzAddOnAfterIcon]="props['addOnAfterIcon']"
+        [nzAddOnBeforeIcon]="props['addOnBeforeIcon']"
+        [nzAddOnBefore]="props['addOnBefore']"
+        [nzAddOnAfter]="props['addOnAfter']"
+        [nzPrefix]="props['prefix']"
+        [nzSuffix]="props['allowClear']!! ? inputClearTpl : props['suffix']"
+        [nzCompact]="props['compact']!!"
+        [nzSearch]="props['search']!!"
+        [nzSize]="props['size']!"
+        [nzStatus]="props['status']!"
+      >
+        <input
+          nz-input
+          type="text"
+          [ngClass]="props['className']!"
+          [formControl]="formControl"
+          [formlyAttributes]="field"
+          [nzBorderless]="!!props['borderless']!!"
+          (ngModelChange)="props['modelChange'] && props['modelChange'](field, $event)"
+        />
+      </nz-input-group>
+
+      <input
+        *ngSwitchDefault
+        nz-input
+        type="text"
+        [ngClass]="props['className']!"
+        [formControl]="formControl"
+        [formlyAttributes]="field"
+        [nzSize]="props['size']"
+        [nzStatus]="props['status']"
+        [nzBorderless]="props['borderless']!!"
+        (ngModelChange)="props['modelChange'] && props['modelChange'](field, $event)"
+      />
+    </ng-container>
+
+    <!-- 查看密码 -->
+    <ng-template #passwordEyeTpl>
+      <span
+        nz-icon
+        class="cursor-pointer"
+        [nzType]="passwordVisible ? 'eye-invisible' : 'eye'"
+        (click)="passwordVisible = !passwordVisible"
+      ></span>
+
+      <span
+        nz-icon
+        class="ant-input-clear-icon"
+        nzTheme="fill"
+        nzType="close-circle"
+        *ngIf="formControl.value && props['allowClear']!!"
+        (click)="formControl.reset()"
+      ></span>
+    </ng-template>
+    <!-- 清除数据 -->
+    <ng-template #inputClearTpl>
+      <span
+        nz-icon
+        class="ant-input-clear-icon"
+        nzTheme="fill"
+        nzType="close-circle"
+        *ngIf="formControl.value"
+        (click)="formControl.reset()"
+      ></span>
+    </ng-template>
+  `, isInline: true, dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.NzInputDirective, selector: "input[nz-input],textarea[nz-input]", inputs: ["nzBorderless", "nzSize", "nzStatus", "disabled"], exportAs: ["nzInput"] }, { kind: "component", type: i3.NzInputGroupComponent, selector: "nz-input-group", inputs: ["nzAddOnBeforeIcon", "nzAddOnAfterIcon", "nzPrefixIcon", "nzSuffixIcon", "nzAddOnBefore", "nzAddOnAfter", "nzPrefix", "nzStatus", "nzSuffix", "nzSize", "nzSearch", "nzCompact"], exportAs: ["nzInputGroup"] }, { kind: "directive", type: i3.NzInputGroupWhitSuffixOrPrefixDirective, selector: "nz-input-group[nzSuffix], nz-input-group[nzPrefix]" }, { kind: "component", type: i4.NzAutocompleteComponent, selector: "nz-autocomplete", inputs: ["nzWidth", "nzOverlayClassName", "nzOverlayStyle", "nzDefaultActiveFirstOption", "nzBackfill", "compareWith", "nzDataSource"], outputs: ["selectionChange"], exportAs: ["nzAutocomplete"] }, { kind: "component", type: i4.NzAutocompleteOptionComponent, selector: "nz-auto-option", inputs: ["nzValue", "nzLabel", "nzDisabled"], outputs: ["selectionChange", "mouseEntered"], exportAs: ["nzAutoOption"] }, { kind: "directive", type: i4.NzAutocompleteTriggerDirective, selector: "input[nzAutocomplete], textarea[nzAutocomplete]", inputs: ["nzAutocomplete"], exportAs: ["nzAutocompleteTrigger"] }, { kind: "directive", type: i5.NzIconDirective, selector: "[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "directive", type: i6.ɵFormlyAttributes, selector: "[formlyAttributes]", inputs: ["formlyAttributes", "id"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: FormlyFieldInput, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'formly-field-input',
+                    template: `
+    <ng-container [ngSwitch]="props.type">
+      <ng-container *ngSwitchCase="'password'">
+        <nz-input-group
+          [nzPrefixIcon]="props['prefixIcon']"
+          [nzSuffixIcon]="props['suffixIcon']"
+          [nzAddOnAfterIcon]="props['addOnAfterIcon']"
+          [nzAddOnBeforeIcon]="props['addOnBeforeIcon']"
+          [nzAddOnBefore]="props['addOnBefore']"
+          [nzAddOnAfter]="props['addOnAfter']"
+          [nzPrefix]="props['prefix']"
+          [nzCompact]="props['compact']!!"
+          [nzSearch]="props['search']!!"
+          [nzSize]="props['size']!"
+          [nzStatus]="props['status']!"
+          [nzSuffix]="passwordEyeTpl"
+        >
+          <input
+            [type]="passwordVisible ? 'text' : 'password'"
+            nz-input
+            [formControl]="formControl"
+            [formlyAttributes]="field"
+            [nzBorderless]="props['borderless']!!"
+            (ngModelChange)="props['modelChange'] && props['modelChange'](field, $event)"
+          />
+        </nz-input-group>
+      </ng-container>
+
+      <nz-input-group
+        *ngSwitchCase="'autoComplete'"
+        [nzSize]="props['size']"
+        [nzPrefixIcon]="props['prefixIcon']"
+        [nzSuffixIcon]="props['suffixIcon']"
+        [nzAddOnAfterIcon]="props['addOnAfterIcon']"
+        [nzAddOnBeforeIcon]="props['addOnBeforeIcon']"
+        [nzAddOnBefore]="props['addOnBefore']"
+        [nzAddOnAfter]="props['addOnAfter']"
+        [nzPrefix]="props['prefix']"
+        [nzSuffix]="props['allowClear']!! ? inputClearTpl : props['suffix']"
+      >
+        <input
+          nz-input
+          [nzBorderless]="props['borderless']"
+          [nzAutocomplete]="auto"
+          [formControl]="formControl"
+          [formlyAttributes]="field"
+        />
+        <nz-autocomplete
+          [nzBackfill]="props['autocompleteOptions']?.backfill"
+          [nzDefaultActiveFirstOption]="props['autocompleteOptions']?.defaultActiveFirstOption"
+          [nzWidth]="props['autocompleteOptions']?.width"
+          [nzOverlayClassName]="props['autocompleteOptions']?.overlayClassName"
+          [nzOverlayStyle]="props['autocompleteOptions']?.overlayStyle"
+          [compareWith]="props['autocompleteOptions']?.compareWith"
+          #auto
+        >
+          <nz-auto-option
+            *ngFor="let option of props['autocompleteOptions'].dataSource"
+            [nzLabel]="option.label"
+            [nzValue]="option.value"
+          >
+            {{ option.label }}
+          </nz-auto-option>
+        </nz-autocomplete>
+      </nz-input-group>
+
+      <nz-input-group
+        *ngSwitchCase="'group'"
+        [nzPrefixIcon]="props['prefixIcon']"
+        [nzSuffixIcon]="props['suffixIcon']"
+        [nzAddOnAfterIcon]="props['addOnAfterIcon']"
+        [nzAddOnBeforeIcon]="props['addOnBeforeIcon']"
+        [nzAddOnBefore]="props['addOnBefore']"
+        [nzAddOnAfter]="props['addOnAfter']"
+        [nzPrefix]="props['prefix']"
+        [nzSuffix]="props['allowClear']!! ? inputClearTpl : props['suffix']"
+        [nzCompact]="props['compact']!!"
+        [nzSearch]="props['search']!!"
+        [nzSize]="props['size']!"
+        [nzStatus]="props['status']!"
+      >
+        <input
+          nz-input
+          type="text"
+          [ngClass]="props['className']!"
+          [formControl]="formControl"
+          [formlyAttributes]="field"
+          [nzBorderless]="!!props['borderless']!!"
+          (ngModelChange)="props['modelChange'] && props['modelChange'](field, $event)"
+        />
+      </nz-input-group>
+
+      <input
+        *ngSwitchDefault
+        nz-input
+        type="text"
+        [ngClass]="props['className']!"
+        [formControl]="formControl"
+        [formlyAttributes]="field"
+        [nzSize]="props['size']"
+        [nzStatus]="props['status']"
+        [nzBorderless]="props['borderless']!!"
+        (ngModelChange)="props['modelChange'] && props['modelChange'](field, $event)"
+      />
+    </ng-container>
+
+    <!-- 查看密码 -->
+    <ng-template #passwordEyeTpl>
+      <span
+        nz-icon
+        class="cursor-pointer"
+        [nzType]="passwordVisible ? 'eye-invisible' : 'eye'"
+        (click)="passwordVisible = !passwordVisible"
+      ></span>
+
+      <span
+        nz-icon
+        class="ant-input-clear-icon"
+        nzTheme="fill"
+        nzType="close-circle"
+        *ngIf="formControl.value && props['allowClear']!!"
+        (click)="formControl.reset()"
+      ></span>
+    </ng-template>
+    <!-- 清除数据 -->
+    <ng-template #inputClearTpl>
+      <span
+        nz-icon
+        class="ant-input-clear-icon"
+        nzTheme="fill"
+        nzType="close-circle"
+        *ngIf="formControl.value"
+        (click)="formControl.reset()"
+      ></span>
+    </ng-template>
+  `,
+                    changeDetection: ChangeDetectionStrategy.OnPush
+                }]
         }] });
 
-class FormlyNzInputModule {
-}
-FormlyNzInputModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FormlyNzInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-FormlyNzInputModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FormlyNzInputModule, declarations: [FormlyFieldInput], imports: [CommonModule,
-        ReactiveFormsModule,
-        NzInputModule,
-        NzAutocompleteModule,
-        NzIconModule,
-        FormlyNzFormFieldModule, i5.FormlyModule] });
-FormlyNzInputModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FormlyNzInputModule, imports: [[
-            CommonModule,
-            ReactiveFormsModule,
-            NzInputModule,
-            NzAutocompleteModule,
-            NzIconModule,
-            FormlyNzFormFieldModule,
-            FormlyModule.forChild({
-                types: [
-                    {
-                        name: 'input',
-                        component: FormlyFieldInput,
-                        wrappers: ['form-field'],
-                        defaultOptions: {
-                            props: {
-                                type: 'input'
-                            }
-                        }
-                    },
-                    { name: 'string', extends: 'input' },
-                    {
-                        name: 'password',
-                        extends: 'input',
-                        defaultOptions: {
-                            props: {
-                                type: 'password'
-                            }
-                        }
-                    }
-                ]
-            })
-        ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FormlyNzInputModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [FormlyFieldInput],
-                    imports: [
-                        CommonModule,
-                        ReactiveFormsModule,
-                        NzInputModule,
-                        NzAutocompleteModule,
-                        NzIconModule,
-                        FormlyNzFormFieldModule,
-                        FormlyModule.forChild({
-                            types: [
-                                {
-                                    name: 'input',
-                                    component: FormlyFieldInput,
-                                    wrappers: ['form-field'],
-                                    defaultOptions: {
-                                        props: {
-                                            type: 'input'
-                                        }
-                                    }
-                                },
-                                { name: 'string', extends: 'input' },
-                                {
-                                    name: 'password',
-                                    extends: 'input',
-                                    defaultOptions: {
-                                        props: {
-                                            type: 'password'
-                                        }
-                                    }
-                                }
-                            ]
-                        })
-                    ]
-                }]
+class FormlyNzInputModule {
+}
+FormlyNzInputModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: FormlyNzInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+FormlyNzInputModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.1", ngImport: i0, type: FormlyNzInputModule, declarations: [FormlyFieldInput], imports: [CommonModule,
+        ReactiveFormsModule,
+        NzInputModule,
+        NzAutocompleteModule,
+        NzIconModule,
+        FormlyNzFormFieldModule, i6.FormlyModule] });
+FormlyNzInputModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: FormlyNzInputModule, imports: [CommonModule,
+        ReactiveFormsModule,
+        NzInputModule,
+        NzAutocompleteModule,
+        NzIconModule,
+        FormlyNzFormFieldModule,
+        FormlyModule.forChild({
+            types: [
+                {
+                    name: 'input',
+                    component: FormlyFieldInput,
+                    wrappers: ['form-field'],
+                    defaultOptions: {
+                        props: {
+                            type: 'input'
+                        }
+                    }
+                },
+                { name: 'string', extends: 'input' },
+                {
+                    name: 'password',
+                    extends: 'input',
+                    defaultOptions: {
+                        props: {
+                            type: 'password'
+                        }
+                    }
+                }
+            ]
+        })] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: FormlyNzInputModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [FormlyFieldInput],
+                    imports: [
+                        CommonModule,
+                        ReactiveFormsModule,
+                        NzInputModule,
+                        NzAutocompleteModule,
+                        NzIconModule,
+                        FormlyNzFormFieldModule,
+                        FormlyModule.forChild({
+                            types: [
+                                {
+                                    name: 'input',
+                                    component: FormlyFieldInput,
+                                    wrappers: ['form-field'],
+                                    defaultOptions: {
+                                        props: {
+                                            type: 'input'
+                                        }
+                                    }
+                                },
+                                { name: 'string', extends: 'input' },
+                                {
+                                    name: 'password',
+                                    extends: 'input',
+                                    defaultOptions: {
+                                        props: {
+                                            type: 'password'
+                                        }
+                                    }
+                                }
+                            ]
+                        })
+                    ]
+                }]
         }] });
 
-/**
- * Generated bundle index. Do not edit.
+/**
+ * Generated bundle index. Do not edit.
  */
 
 export { FormlyFieldInput, FormlyNzInputModule };