ngx-formly-zorro-antd 18.3.2 → 18.4.0

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

@@ -44,294 +44,294 @@ class FormlyFieldInput extends FieldType {
         return resolveTplName(this.props, this.fieldTemplates, 'addOnAfter');
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: FormlyFieldInput, deps: [{ token: i1.FormlyBoxTemplates, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.12", 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"
-          [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>
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.12", 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"
+          [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]", 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: "18.2.12", 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']"
+          [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>
   `,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     standalone: false