ngx-formly-zorro-antd 19.3.3 → 20.0.0

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

@@ -1,31 +1,29 @@
 import * as i0 from '@angular/core';
-import { Optional, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
+import { inject, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
-import * as i6 from '@ngx-formly/core';
+import * as i5 from '@ngx-formly/core';
 import { FieldType, FormlyModule } from '@ngx-formly/core';
-import * as i2 from '@angular/forms';
+import * as i1 from '@angular/forms';
 import { ReactiveFormsModule } from '@angular/forms';
 import { FormlyNzFormFieldModule } from 'ngx-formly-zorro-antd/form-field';
-import * as i3 from 'ng-zorro-antd/input';
+import * as i2 from 'ng-zorro-antd/input';
 import { NzInputModule } from 'ng-zorro-antd/input';
-import * as i4 from 'ng-zorro-antd/auto-complete';
+import * as i3 from 'ng-zorro-antd/auto-complete';
 import { NzAutocompleteModule } from 'ng-zorro-antd/auto-complete';
-import * as i5 from 'ng-zorro-antd/icon';
+import * as i4 from 'ng-zorro-antd/icon';
 import { NzIconModule } from 'ng-zorro-antd/icon';
-import * as i1 from 'ngx-formly-zorro-antd/common';
-import { resolveTplName } from 'ngx-formly-zorro-antd/common';
+import { FormlyBoxTemplates, resolveTplName } from 'ngx-formly-zorro-antd/common';
 
 /**
  * @private
  */
 class FormlyFieldInput extends FieldType {
-    constructor(fieldTemplates) {
+    constructor() {
         super();
-        this.fieldTemplates = fieldTemplates;
         this.defaultOptions = {
             props: {
                 borderless: false,
-                compact: false,
+                variant: 'outlined',
                 search: false,
                 allowClear: false,
                 autocompleteOptions: {
@@ -36,6 +34,7 @@ class FormlyFieldInput extends FieldType {
             }
         };
         this.passVisible = false;
+        this.fieldTemplates = inject(FormlyBoxTemplates, { optional: true });
     }
     get addOnBefore() {
         return resolveTplName(this.props, this.fieldTemplates, 'addOnBefore');
@@ -43,302 +42,300 @@ class FormlyFieldInput extends FieldType {
     get addOnAfter() {
         return resolveTplName(this.props, this.fieldTemplates, 'addOnAfter');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: FormlyFieldInput, deps: [{ token: i1.FormlyBoxTemplates, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: FormlyFieldInput, isStandalone: false, selector: "formly-field-input", usesInheritance: true, ngImport: i0, template: `
-    @switch (props.type) {
-      @case ('password') {
-        <nz-input-group
-          [nzPrefixIcon]="props['prefixIcon']"
-          [nzSuffixIcon]="props['suffixIcon']"
-          [nzAddOnAfterIcon]="props['addOnAfterIcon']"
-          [nzAddOnBeforeIcon]="props['addOnBeforeIcon']"
-          [nzAddOnBefore]="addOnBefore"
-          [nzAddOnAfter]="addOnAfter"
-          [class]="props['className']"
-          [style]="props['style']"
-          [nzPrefix]="props['prefix']"
-          [nzCompact]="!!props['compact']"
-          [nzSearch]="!!props['search']"
-          [nzSize]="props['size']!"
-          [nzStatus]="props['status']!"
-          [nzSuffix]="passwordEyeTpl"
-        >
-          <input
-            [type]="passVisible ? 'text' : 'password'"
-            nz-input
-            [formControl]="formControl"
-            [formlyAttributes]="field"
-            [nzBorderless]="!!props['borderless']"
-            (ngModelChange)="props['modelChange']?.(field, $event)"
-          />
-        </nz-input-group>
-      }
-      @case ('autoComplete') {
-        <nz-input-group
-          [nzSize]="props['size']"
-          [nzPrefixIcon]="props['prefixIcon']"
-          [nzSuffixIcon]="props['suffixIcon']"
-          [nzAddOnAfterIcon]="props['addOnAfterIcon']"
-          [nzAddOnBeforeIcon]="props['addOnBeforeIcon']"
-          [nzAddOnBefore]="addOnBefore"
-          [nzAddOnAfter]="addOnAfter"
-          [class]="props['className']"
-          [style]="props['style']"
-          [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
-          >
-            @for (option of props['autocompleteOptions'].dataSource; track option) {
-              <nz-auto-option [nzLabel]="option.label" [nzValue]="option.value" [attr.title]="option.label">
-                {{ option.label }}
-              </nz-auto-option>
-            }
-          </nz-autocomplete>
-        </nz-input-group>
-      }
-      @case ('group') {
-        <nz-input-group
-          [nzPrefixIcon]="props['prefixIcon']"
-          [nzSuffixIcon]="props['suffixIcon']"
-          [nzAddOnAfterIcon]="props['addOnAfterIcon']"
-          [nzAddOnBeforeIcon]="props['addOnBeforeIcon']"
-          [nzAddOnBefore]="addOnBefore"
-          [nzAddOnAfter]="addOnAfter"
-          [class]="props['className']"
-          [style]="props['style']"
-          [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"
-            [formControl]="formControl"
-            [formlyAttributes]="field"
-            [nzBorderless]="!!props['borderless']"
-            (ngModelChange)="props['modelChange']?.(field, $event)"
-          />
-        </nz-input-group>
-      }
-      @default {
-        <input
-          nz-input
-          type="text"
-          [class]="props['className']"
-          [style]="props['style']"
-          [formControl]="formControl"
-          [formlyAttributes]="field"
-          [nzSize]="props['size']"
-          [nzStatus]="props['status']"
-          [nzBorderless]="!!props['borderless']"
-          (ngModelChange)="props['modelChange']?.(field, $event)"
-        />
-      }
-    }
-
-    <!-- 查看密码 -->
-    <ng-template #passwordEyeTpl>
-      <span
-        nz-icon
-        class="cursor-pointer"
-        [nzType]="passVisible ? 'eye-invisible' : 'eye'"
-        (click)="passVisible = !passVisible"
-      ></span>
-
-      @if (formControl.value && props['allowClear']!!) {
-        <span
-          nz-icon
-          class="ant-input-clear-icon"
-          nzTheme="fill"
-          nzType="close-circle"
-          (click)="formControl.setValue(undefined)"
-        ></span>
-      }
-    </ng-template>
-    <!-- 清除数据 -->
-    <ng-template #inputClearTpl>
-      @if (formControl.value && !props['disabled'] && !props['readonly']) {
-        <span
-          nz-icon
-          class="ant-input-clear-icon"
-          nzTheme="fill"
-          nzType="close-circle"
-          (click)="formControl.setValue(undefined)"
-        ></span>
-      }
-    </ng-template>
-  `, isInline: true, dependencies: [{ 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", "nzStepperless", "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,[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 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: FormlyFieldInput, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: FormlyFieldInput, isStandalone: false, selector: "formly-field-input", usesInheritance: true, ngImport: i0, template: `
+    @switch (props.type) {
+      @case ('password') {
+        <nz-input-group
+          [nzPrefixIcon]="props['prefixIcon']"
+          [nzSuffixIcon]="props['suffixIcon']"
+          [nzAddOnAfterIcon]="props['addOnAfterIcon']"
+          [nzAddOnBeforeIcon]="props['addOnBeforeIcon']"
+          [nzAddOnBefore]="addOnBefore"
+          [nzAddOnAfter]="addOnAfter"
+          [class]="props['className']"
+          [style]="props['style']"
+          [nzPrefix]="props['prefix']"
+          [nzSearch]="!!props['search']"
+          [nzSize]="props['size']!"
+          [nzStatus]="props['status']!"
+          [nzSuffix]="passwordEyeTpl"
+        >
+          <input
+            [type]="passVisible ? 'text' : 'password'"
+            nz-input
+            [formControl]="formControl"
+            [formlyAttributes]="field"
+            [nzBorderless]="!!props['borderless']"
+            [nzVariant]="props['variant']"
+            (ngModelChange)="props['modelChange']?.(field, $event)"
+          />
+        </nz-input-group>
+      }
+      @case ('autoComplete') {
+        <nz-input-group
+          [nzSize]="props['size']"
+          [nzPrefixIcon]="props['prefixIcon']"
+          [nzSuffixIcon]="props['suffixIcon']"
+          [nzAddOnAfterIcon]="props['addOnAfterIcon']"
+          [nzAddOnBeforeIcon]="props['addOnBeforeIcon']"
+          [nzAddOnBefore]="addOnBefore"
+          [nzAddOnAfter]="addOnAfter"
+          [class]="props['className']"
+          [style]="props['style']"
+          [nzPrefix]="props['prefix']"
+          [nzSuffix]="props['allowClear'] ? inputClearTpl : props['suffix']"
+        >
+          <input
+            nz-input
+            [nzBorderless]="!!props['borderless']"
+            [nzVariant]="props['variant']"
+            [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
+          >
+            @for (option of props['autocompleteOptions'].dataSource; track option) {
+              <nz-auto-option [nzLabel]="option.label" [nzValue]="option.value" [attr.title]="option.label">
+                {{ option.label }}
+              </nz-auto-option>
+            }
+          </nz-autocomplete>
+        </nz-input-group>
+      }
+      @case ('group') {
+        <nz-input-group
+          [nzPrefixIcon]="props['prefixIcon']"
+          [nzSuffixIcon]="props['suffixIcon']"
+          [nzAddOnAfterIcon]="props['addOnAfterIcon']"
+          [nzAddOnBeforeIcon]="props['addOnBeforeIcon']"
+          [nzAddOnBefore]="addOnBefore"
+          [nzAddOnAfter]="addOnAfter"
+          [class]="props['className']"
+          [style]="props['style']"
+          [nzPrefix]="props['prefix']"
+          [nzSuffix]="props['allowClear'] ? inputClearTpl : props['suffix']"
+          [nzSearch]="!!props['search']"
+          [nzSize]="props['size']!"
+          [nzStatus]="props['status']!"
+        >
+          <input
+            nz-input
+            type="text"
+            [formControl]="formControl"
+            [formlyAttributes]="field"
+            [nzBorderless]="!!props['borderless']"
+            [nzVariant]="props['variant']"
+            (ngModelChange)="props['modelChange']?.(field, $event)"
+          />
+        </nz-input-group>
+      }
+      @default {
+        <input
+          nz-input
+          type="text"
+          [class]="props['className']"
+          [style]="props['style']"
+          [formControl]="formControl"
+          [formlyAttributes]="field"
+          [nzSize]="props['size']"
+          [nzStatus]="props['status']"
+          [nzBorderless]="!!props['borderless']"
+          [nzVariant]="props['variant']"
+          (ngModelChange)="props['modelChange']?.(field, $event)"
+        />
+      }
+    }
+
+    <!-- 查看密码 -->
+    <ng-template #passwordEyeTpl>
+      <nz-icon
+        nz-icon
+        class="cursor-pointer"
+        [nzType]="passVisible ? 'eye-invisible' : 'eye'"
+        (click)="passVisible = !passVisible"
+      />
+
+      @if (formControl.value && props['allowClear']!!) {
+        <nz-icon
+          class="ant-input-clear-icon"
+          nzTheme="fill"
+          nzType="close-circle"
+          (click)="formControl.setValue(undefined)"
+        />
+      }
+    </ng-template>
+    <!-- 清除数据 -->
+    <ng-template #inputClearTpl>
+      @if (formControl.value && !props['disabled'] && !props['readonly']) {
+        <nz-icon
+          class="ant-input-clear-icon"
+          nzTheme="fill"
+          nzType="close-circle"
+          (click)="formControl.setValue(undefined)"
+        />
+      }
+    </ng-template>
+  `, isInline: true, dependencies: [{ kind: "directive", type: i1.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: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.NzInputDirective, selector: "input[nz-input],textarea[nz-input]", inputs: ["nzBorderless", "nzVariant", "nzSize", "nzStepperless", "nzStatus", "disabled"], exportAs: ["nzInput"] }, { kind: "component", type: i2.NzInputGroupComponent, selector: "nz-input-group", inputs: ["nzAddOnBeforeIcon", "nzAddOnAfterIcon", "nzPrefixIcon", "nzSuffixIcon", "nzAddOnBefore", "nzAddOnAfter", "nzPrefix", "nzStatus", "nzSuffix", "nzSize", "nzSearch"], exportAs: ["nzInputGroup"] }, { kind: "directive", type: i2.NzInputGroupWhitSuffixOrPrefixDirective, selector: "nz-input-group[nzSuffix], nz-input-group[nzPrefix]" }, { kind: "component", type: i3.NzAutocompleteComponent, selector: "nz-autocomplete", inputs: ["nzWidth", "nzOverlayClassName", "nzOverlayStyle", "nzDefaultActiveFirstOption", "nzBackfill", "compareWith", "nzDataSource"], outputs: ["selectionChange"], exportAs: ["nzAutocomplete"] }, { kind: "component", type: i3.NzAutocompleteOptionComponent, selector: "nz-auto-option", inputs: ["nzValue", "nzLabel", "nzDisabled"], outputs: ["selectionChange", "mouseEntered"], exportAs: ["nzAutoOption"] }, { kind: "directive", type: i3.NzAutocompleteTriggerDirective, selector: "input[nzAutocomplete], textarea[nzAutocomplete]", inputs: ["nzAutocomplete"], exportAs: ["nzAutocompleteTrigger"] }, { kind: "directive", type: i4.NzIconDirective, selector: "nz-icon,[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "directive", type: i5.ɵFormlyAttributes, selector: "[formlyAttributes]", inputs: ["formlyAttributes", "id"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: FormlyFieldInput, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: FormlyFieldInput, decorators: [{
             type: Component,
             args: [{
                     selector: 'formly-field-input',
-                    template: `
-    @switch (props.type) {
-      @case ('password') {
-        <nz-input-group
-          [nzPrefixIcon]="props['prefixIcon']"
-          [nzSuffixIcon]="props['suffixIcon']"
-          [nzAddOnAfterIcon]="props['addOnAfterIcon']"
-          [nzAddOnBeforeIcon]="props['addOnBeforeIcon']"
-          [nzAddOnBefore]="addOnBefore"
-          [nzAddOnAfter]="addOnAfter"
-          [class]="props['className']"
-          [style]="props['style']"
-          [nzPrefix]="props['prefix']"
-          [nzCompact]="!!props['compact']"
-          [nzSearch]="!!props['search']"
-          [nzSize]="props['size']!"
-          [nzStatus]="props['status']!"
-          [nzSuffix]="passwordEyeTpl"
-        >
-          <input
-            [type]="passVisible ? 'text' : 'password'"
-            nz-input
-            [formControl]="formControl"
-            [formlyAttributes]="field"
-            [nzBorderless]="!!props['borderless']"
-            (ngModelChange)="props['modelChange']?.(field, $event)"
-          />
-        </nz-input-group>
-      }
-      @case ('autoComplete') {
-        <nz-input-group
-          [nzSize]="props['size']"
-          [nzPrefixIcon]="props['prefixIcon']"
-          [nzSuffixIcon]="props['suffixIcon']"
-          [nzAddOnAfterIcon]="props['addOnAfterIcon']"
-          [nzAddOnBeforeIcon]="props['addOnBeforeIcon']"
-          [nzAddOnBefore]="addOnBefore"
-          [nzAddOnAfter]="addOnAfter"
-          [class]="props['className']"
-          [style]="props['style']"
-          [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
-          >
-            @for (option of props['autocompleteOptions'].dataSource; track option) {
-              <nz-auto-option [nzLabel]="option.label" [nzValue]="option.value" [attr.title]="option.label">
-                {{ option.label }}
-              </nz-auto-option>
-            }
-          </nz-autocomplete>
-        </nz-input-group>
-      }
-      @case ('group') {
-        <nz-input-group
-          [nzPrefixIcon]="props['prefixIcon']"
-          [nzSuffixIcon]="props['suffixIcon']"
-          [nzAddOnAfterIcon]="props['addOnAfterIcon']"
-          [nzAddOnBeforeIcon]="props['addOnBeforeIcon']"
-          [nzAddOnBefore]="addOnBefore"
-          [nzAddOnAfter]="addOnAfter"
-          [class]="props['className']"
-          [style]="props['style']"
-          [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"
-            [formControl]="formControl"
-            [formlyAttributes]="field"
-            [nzBorderless]="!!props['borderless']"
-            (ngModelChange)="props['modelChange']?.(field, $event)"
-          />
-        </nz-input-group>
-      }
-      @default {
-        <input
-          nz-input
-          type="text"
-          [class]="props['className']"
-          [style]="props['style']"
-          [formControl]="formControl"
-          [formlyAttributes]="field"
-          [nzSize]="props['size']"
-          [nzStatus]="props['status']"
-          [nzBorderless]="!!props['borderless']"
-          (ngModelChange)="props['modelChange']?.(field, $event)"
-        />
-      }
-    }
-
-    <!-- 查看密码 -->
-    <ng-template #passwordEyeTpl>
-      <span
-        nz-icon
-        class="cursor-pointer"
-        [nzType]="passVisible ? 'eye-invisible' : 'eye'"
-        (click)="passVisible = !passVisible"
-      ></span>
-
-      @if (formControl.value && props['allowClear']!!) {
-        <span
-          nz-icon
-          class="ant-input-clear-icon"
-          nzTheme="fill"
-          nzType="close-circle"
-          (click)="formControl.setValue(undefined)"
-        ></span>
-      }
-    </ng-template>
-    <!-- 清除数据 -->
-    <ng-template #inputClearTpl>
-      @if (formControl.value && !props['disabled'] && !props['readonly']) {
-        <span
-          nz-icon
-          class="ant-input-clear-icon"
-          nzTheme="fill"
-          nzType="close-circle"
-          (click)="formControl.setValue(undefined)"
-        ></span>
-      }
-    </ng-template>
+                    template: `
+    @switch (props.type) {
+      @case ('password') {
+        <nz-input-group
+          [nzPrefixIcon]="props['prefixIcon']"
+          [nzSuffixIcon]="props['suffixIcon']"
+          [nzAddOnAfterIcon]="props['addOnAfterIcon']"
+          [nzAddOnBeforeIcon]="props['addOnBeforeIcon']"
+          [nzAddOnBefore]="addOnBefore"
+          [nzAddOnAfter]="addOnAfter"
+          [class]="props['className']"
+          [style]="props['style']"
+          [nzPrefix]="props['prefix']"
+          [nzSearch]="!!props['search']"
+          [nzSize]="props['size']!"
+          [nzStatus]="props['status']!"
+          [nzSuffix]="passwordEyeTpl"
+        >
+          <input
+            [type]="passVisible ? 'text' : 'password'"
+            nz-input
+            [formControl]="formControl"
+            [formlyAttributes]="field"
+            [nzBorderless]="!!props['borderless']"
+            [nzVariant]="props['variant']"
+            (ngModelChange)="props['modelChange']?.(field, $event)"
+          />
+        </nz-input-group>
+      }
+      @case ('autoComplete') {
+        <nz-input-group
+          [nzSize]="props['size']"
+          [nzPrefixIcon]="props['prefixIcon']"
+          [nzSuffixIcon]="props['suffixIcon']"
+          [nzAddOnAfterIcon]="props['addOnAfterIcon']"
+          [nzAddOnBeforeIcon]="props['addOnBeforeIcon']"
+          [nzAddOnBefore]="addOnBefore"
+          [nzAddOnAfter]="addOnAfter"
+          [class]="props['className']"
+          [style]="props['style']"
+          [nzPrefix]="props['prefix']"
+          [nzSuffix]="props['allowClear'] ? inputClearTpl : props['suffix']"
+        >
+          <input
+            nz-input
+            [nzBorderless]="!!props['borderless']"
+            [nzVariant]="props['variant']"
+            [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
+          >
+            @for (option of props['autocompleteOptions'].dataSource; track option) {
+              <nz-auto-option [nzLabel]="option.label" [nzValue]="option.value" [attr.title]="option.label">
+                {{ option.label }}
+              </nz-auto-option>
+            }
+          </nz-autocomplete>
+        </nz-input-group>
+      }
+      @case ('group') {
+        <nz-input-group
+          [nzPrefixIcon]="props['prefixIcon']"
+          [nzSuffixIcon]="props['suffixIcon']"
+          [nzAddOnAfterIcon]="props['addOnAfterIcon']"
+          [nzAddOnBeforeIcon]="props['addOnBeforeIcon']"
+          [nzAddOnBefore]="addOnBefore"
+          [nzAddOnAfter]="addOnAfter"
+          [class]="props['className']"
+          [style]="props['style']"
+          [nzPrefix]="props['prefix']"
+          [nzSuffix]="props['allowClear'] ? inputClearTpl : props['suffix']"
+          [nzSearch]="!!props['search']"
+          [nzSize]="props['size']!"
+          [nzStatus]="props['status']!"
+        >
+          <input
+            nz-input
+            type="text"
+            [formControl]="formControl"
+            [formlyAttributes]="field"
+            [nzBorderless]="!!props['borderless']"
+            [nzVariant]="props['variant']"
+            (ngModelChange)="props['modelChange']?.(field, $event)"
+          />
+        </nz-input-group>
+      }
+      @default {
+        <input
+          nz-input
+          type="text"
+          [class]="props['className']"
+          [style]="props['style']"
+          [formControl]="formControl"
+          [formlyAttributes]="field"
+          [nzSize]="props['size']"
+          [nzStatus]="props['status']"
+          [nzBorderless]="!!props['borderless']"
+          [nzVariant]="props['variant']"
+          (ngModelChange)="props['modelChange']?.(field, $event)"
+        />
+      }
+    }
+
+    <!-- 查看密码 -->
+    <ng-template #passwordEyeTpl>
+      <nz-icon
+        nz-icon
+        class="cursor-pointer"
+        [nzType]="passVisible ? 'eye-invisible' : 'eye'"
+        (click)="passVisible = !passVisible"
+      />
+
+      @if (formControl.value && props['allowClear']!!) {
+        <nz-icon
+          class="ant-input-clear-icon"
+          nzTheme="fill"
+          nzType="close-circle"
+          (click)="formControl.setValue(undefined)"
+        />
+      }
+    </ng-template>
+    <!-- 清除数据 -->
+    <ng-template #inputClearTpl>
+      @if (formControl.value && !props['disabled'] && !props['readonly']) {
+        <nz-icon
+          class="ant-input-clear-icon"
+          nzTheme="fill"
+          nzType="close-circle"
+          (click)="formControl.setValue(undefined)"
+        />
+      }
+    </ng-template>
   `,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     standalone: false
                 }]
-        }], ctorParameters: () => [{ type: i1.FormlyBoxTemplates, decorators: [{
-                    type: Optional
-                }] }] });
+        }], ctorParameters: () => [] });
 
 function withFormlyFieldInput() {
     return {
@@ -368,14 +365,14 @@ function withFormlyFieldInput() {
 }
 
 class FormlyNzInputModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: FormlyNzInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.14", ngImport: i0, type: FormlyNzInputModule, declarations: [FormlyFieldInput], imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: FormlyNzInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.6", ngImport: i0, type: FormlyNzInputModule, declarations: [FormlyFieldInput], imports: [CommonModule,
             ReactiveFormsModule,
             NzInputModule,
             NzAutocompleteModule,
             NzIconModule,
-            FormlyNzFormFieldModule, i6.FormlyModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: FormlyNzInputModule, imports: [CommonModule,
+            FormlyNzFormFieldModule, i5.FormlyModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: FormlyNzInputModule, imports: [CommonModule,
             ReactiveFormsModule,
             NzInputModule,
             NzAutocompleteModule,
@@ -383,7 +380,7 @@ class FormlyNzInputModule {
             FormlyNzFormFieldModule,
             FormlyModule.forChild(withFormlyFieldInput())] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: FormlyNzInputModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: FormlyNzInputModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [FormlyFieldInput],