ngx-formly-zorro-antd 17.0.10 → 17.1.0

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

@@ -1,22 +1,25 @@
 import * as i0 from '@angular/core';
-import { Component, ChangeDetectionStrategy, NgModule } from '@angular/core';
-import * as i1 from '@angular/common';
+import { Component, ChangeDetectionStrategy, Optional, NgModule } from '@angular/core';
+import * as i2 from '@angular/common';
 import { CommonModule } from '@angular/common';
-import * as i6 from '@ngx-formly/core';
+import * as i7 from '@ngx-formly/core';
 import { FieldType, FormlyModule } from '@ngx-formly/core';
-import * as i2 from '@angular/forms';
+import * as i3 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 i4 from 'ng-zorro-antd/input';
 import { NzInputModule } from 'ng-zorro-antd/input';
-import * as i4 from 'ng-zorro-antd/auto-complete';
+import * as i5 from 'ng-zorro-antd/auto-complete';
 import { NzAutocompleteModule } from 'ng-zorro-antd/auto-complete';
-import * as i5 from 'ng-zorro-antd/icon';
+import * as i6 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';
 
 class FormlyFieldInput extends FieldType {
-    constructor() {
-        super(...arguments);
+    constructor(fieldTemplates) {
+        super();
+        this.fieldTemplates = fieldTemplates;
         this.defaultOptions = {
             props: {
                 borderless: false,
@@ -32,291 +35,299 @@ class FormlyFieldInput extends FieldType {
         };
         this.passwordVisible = false;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: FormlyFieldInput, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.0.6", type: FormlyFieldInput, 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]="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>
-      }
-      @case ('autoComplete') {
-        <nz-input-group
-          [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
-          >
-            @for (option of props['autocompleteOptions'].dataSource; track option) {
-              <nz-auto-option [nzLabel]="option.label" [nzValue]="option.value">
-                {{ 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]="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']"
-            [ngStyle]="props['style']"
-            [formControl]="formControl"
-            [formlyAttributes]="field"
-            [nzBorderless]="!!props['borderless']!!"
-            (ngModelChange)="props['modelChange']?.(field, $event)"
-          />
-        </nz-input-group>
-      }
-      @default {
-        <input
-          nz-input
-          type="text"
-          [ngClass]="props['className']"
-          [ngStyle]="props['style']"
-          [formControl]="formControl"
-          [formlyAttributes]="field"
-          [nzSize]="props['size']"
-          [nzStatus]="props['status']"
-          [nzBorderless]="props['borderless']!!"
-          (ngModelChange)="props['modelChange'] && props['modelChange'](field, $event)"
-        />
-      }
+    get addOnBefore() {
+        return resolveTplName(this.props, this.fieldTemplates, 'addOnBefore');
     }
-
-    <!-- 查看密码 -->
-    <ng-template #passwordEyeTpl>
-      <span
-        nz-icon
-        class="cursor-pointer"
-        [nzType]="passwordVisible ? 'eye-invisible' : 'eye'"
-        (click)="passwordVisible = !passwordVisible"
-      ></span>
-
-      @if (formControl.value && props['allowClear']!!) {
-        <span
-          nz-icon
-          class="ant-input-clear-icon"
-          nzTheme="fill"
-          nzType="close-circle"
-          (click)="formControl.reset()"
-        ></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.reset()"
-        ></span>
-      }
-    </ng-template>
-  `, isInline: true, dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { 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]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "directive", type: i6.ɵFormlyAttributes, selector: "[formlyAttributes]", inputs: ["formlyAttributes", "id"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    get addOnAfter() {
+        return resolveTplName(this.props, this.fieldTemplates, 'addOnAfter');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: FormlyFieldInput, deps: [{ token: i1.FormlyBoxTemplates, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.0.6", type: FormlyFieldInput, 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"
+          [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>
+      }
+      @case ('autoComplete') {
+        <nz-input-group
+          [nzSize]="props['size']"
+          [nzPrefixIcon]="props['prefixIcon']"
+          [nzSuffixIcon]="props['suffixIcon']"
+          [nzAddOnAfterIcon]="props['addOnAfterIcon']"
+          [nzAddOnBeforeIcon]="props['addOnBeforeIcon']"
+          [nzAddOnBefore]="addOnBefore"
+          [nzAddOnAfter]="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
+          >
+            @for (option of props['autocompleteOptions'].dataSource; track option) {
+              <nz-auto-option [nzLabel]="option.label" [nzValue]="option.value">
+                {{ 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"
+          [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['ngClass']"
+            [ngStyle]="props['ngStyle']"
+            [formControl]="formControl"
+            [formlyAttributes]="field"
+            [nzBorderless]="!!props['borderless']!!"
+            (ngModelChange)="props['modelChange']?.(field, $event)"
+          />
+        </nz-input-group>
+      }
+      @default {
+        <input
+          nz-input
+          type="text"
+          [ngClass]="props['ngClass']"
+          [ngStyle]="props['ngStyle']"
+          [formControl]="formControl"
+          [formlyAttributes]="field"
+          [nzSize]="props['size']"
+          [nzStatus]="props['status']"
+          [nzBorderless]="props['borderless']!!"
+          (ngModelChange)="props['modelChange'] && props['modelChange'](field, $event)"
+        />
+      }
+    }
+
+    <!-- 查看密码 -->
+    <ng-template #passwordEyeTpl>
+      <span
+        nz-icon
+        class="cursor-pointer"
+        [nzType]="passwordVisible ? 'eye-invisible' : 'eye'"
+        (click)="passwordVisible = !passwordVisible"
+      ></span>
+
+      @if (formControl.value && props['allowClear']!!) {
+        <span
+          nz-icon
+          class="ant-input-clear-icon"
+          nzTheme="fill"
+          nzType="close-circle"
+          (click)="formControl.reset()"
+        ></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.reset()"
+        ></span>
+      }
+    </ng-template>
+  `, isInline: true, dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i3.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: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i4.NzInputDirective, selector: "input[nz-input],textarea[nz-input]", inputs: ["nzBorderless", "nzSize", "nzStepperless", "nzStatus", "disabled"], exportAs: ["nzInput"] }, { kind: "component", type: i4.NzInputGroupComponent, selector: "nz-input-group", inputs: ["nzAddOnBeforeIcon", "nzAddOnAfterIcon", "nzPrefixIcon", "nzSuffixIcon", "nzAddOnBefore", "nzAddOnAfter", "nzPrefix", "nzStatus", "nzSuffix", "nzSize", "nzSearch", "nzCompact"], exportAs: ["nzInputGroup"] }, { kind: "directive", type: i4.NzInputGroupWhitSuffixOrPrefixDirective, selector: "nz-input-group[nzSuffix], nz-input-group[nzPrefix]" }, { kind: "component", type: i5.NzAutocompleteComponent, selector: "nz-autocomplete", inputs: ["nzWidth", "nzOverlayClassName", "nzOverlayStyle", "nzDefaultActiveFirstOption", "nzBackfill", "compareWith", "nzDataSource"], outputs: ["selectionChange"], exportAs: ["nzAutocomplete"] }, { kind: "component", type: i5.NzAutocompleteOptionComponent, selector: "nz-auto-option", inputs: ["nzValue", "nzLabel", "nzDisabled"], outputs: ["selectionChange", "mouseEntered"], exportAs: ["nzAutoOption"] }, { kind: "directive", type: i5.NzAutocompleteTriggerDirective, selector: "input[nzAutocomplete], textarea[nzAutocomplete]", inputs: ["nzAutocomplete"], exportAs: ["nzAutocompleteTrigger"] }, { kind: "directive", type: i6.NzIconDirective, selector: "[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "directive", type: i7.ɵFormlyAttributes, selector: "[formlyAttributes]", inputs: ["formlyAttributes", "id"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.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]="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>
-      }
-      @case ('autoComplete') {
-        <nz-input-group
-          [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
-          >
-            @for (option of props['autocompleteOptions'].dataSource; track option) {
-              <nz-auto-option [nzLabel]="option.label" [nzValue]="option.value">
-                {{ 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]="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']"
-            [ngStyle]="props['style']"
-            [formControl]="formControl"
-            [formlyAttributes]="field"
-            [nzBorderless]="!!props['borderless']!!"
-            (ngModelChange)="props['modelChange']?.(field, $event)"
-          />
-        </nz-input-group>
-      }
-      @default {
-        <input
-          nz-input
-          type="text"
-          [ngClass]="props['className']"
-          [ngStyle]="props['style']"
-          [formControl]="formControl"
-          [formlyAttributes]="field"
-          [nzSize]="props['size']"
-          [nzStatus]="props['status']"
-          [nzBorderless]="props['borderless']!!"
-          (ngModelChange)="props['modelChange'] && props['modelChange'](field, $event)"
-        />
-      }
-    }
-
-    <!-- 查看密码 -->
-    <ng-template #passwordEyeTpl>
-      <span
-        nz-icon
-        class="cursor-pointer"
-        [nzType]="passwordVisible ? 'eye-invisible' : 'eye'"
-        (click)="passwordVisible = !passwordVisible"
-      ></span>
-
-      @if (formControl.value && props['allowClear']!!) {
-        <span
-          nz-icon
-          class="ant-input-clear-icon"
-          nzTheme="fill"
-          nzType="close-circle"
-          (click)="formControl.reset()"
-        ></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.reset()"
-        ></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"
+          [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>
+      }
+      @case ('autoComplete') {
+        <nz-input-group
+          [nzSize]="props['size']"
+          [nzPrefixIcon]="props['prefixIcon']"
+          [nzSuffixIcon]="props['suffixIcon']"
+          [nzAddOnAfterIcon]="props['addOnAfterIcon']"
+          [nzAddOnBeforeIcon]="props['addOnBeforeIcon']"
+          [nzAddOnBefore]="addOnBefore"
+          [nzAddOnAfter]="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
+          >
+            @for (option of props['autocompleteOptions'].dataSource; track option) {
+              <nz-auto-option [nzLabel]="option.label" [nzValue]="option.value">
+                {{ 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"
+          [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['ngClass']"
+            [ngStyle]="props['ngStyle']"
+            [formControl]="formControl"
+            [formlyAttributes]="field"
+            [nzBorderless]="!!props['borderless']!!"
+            (ngModelChange)="props['modelChange']?.(field, $event)"
+          />
+        </nz-input-group>
+      }
+      @default {
+        <input
+          nz-input
+          type="text"
+          [ngClass]="props['ngClass']"
+          [ngStyle]="props['ngStyle']"
+          [formControl]="formControl"
+          [formlyAttributes]="field"
+          [nzSize]="props['size']"
+          [nzStatus]="props['status']"
+          [nzBorderless]="props['borderless']!!"
+          (ngModelChange)="props['modelChange'] && props['modelChange'](field, $event)"
+        />
+      }
+    }
+
+    <!-- 查看密码 -->
+    <ng-template #passwordEyeTpl>
+      <span
+        nz-icon
+        class="cursor-pointer"
+        [nzType]="passwordVisible ? 'eye-invisible' : 'eye'"
+        (click)="passwordVisible = !passwordVisible"
+      ></span>
+
+      @if (formControl.value && props['allowClear']!!) {
+        <span
+          nz-icon
+          class="ant-input-clear-icon"
+          nzTheme="fill"
+          nzType="close-circle"
+          (click)="formControl.reset()"
+        ></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.reset()"
+        ></span>
+      }
+    </ng-template>
   `,
                     changeDetection: ChangeDetectionStrategy.OnPush
                 }]
-        }] });
+        }], ctorParameters: () => [{ type: i1.FormlyBoxTemplates, decorators: [{
+                    type: Optional
+                }] }] });
 
 class FormlyNzInputModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: FormlyNzInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
@@ -325,7 +336,7 @@ class FormlyNzInputModule {
             NzInputModule,
             NzAutocompleteModule,
             NzIconModule,
-            FormlyNzFormFieldModule, i6.FormlyModule] }); }
+            FormlyNzFormFieldModule, i7.FormlyModule] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: FormlyNzInputModule, imports: [CommonModule,
             ReactiveFormsModule,
             NzInputModule,