ngx-formly-zorro-antd 19.3.3 → 20.0.0

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

@@ -1,10 +1,10 @@
 import * as i0 from '@angular/core';
-import { input, booleanAttribute, forwardRef, ChangeDetectionStrategy, ViewEncapsulation, Component, viewChild, Optional, NgModule } from '@angular/core';
+import { input, booleanAttribute, forwardRef, ChangeDetectionStrategy, ViewEncapsulation, Component, viewChild, inject, NgModule } from '@angular/core';
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
-import * as i3$1 from '@ngx-formly/core';
+import * as i2$1 from '@ngx-formly/core';
 import { FieldType, FormlyModule } from '@ngx-formly/core';
-import * as i2$1 from '@angular/forms';
+import * as i1$1 from '@angular/forms';
 import { NG_VALUE_ACCESSOR, ReactiveFormsModule } from '@angular/forms';
 import { FormlyNzFormFieldModule } from 'ngx-formly-zorro-antd/form-field';
 import * as i2 from 'ng-zorro-antd/upload';
@@ -13,8 +13,7 @@ import * as i3 from 'ng-zorro-antd/button';
 import { NzButtonModule } from 'ng-zorro-antd/button';
 import * as i6 from 'ng-zorro-antd/icon';
 import { NzIconModule } from 'ng-zorro-antd/icon';
-import * as i1$1 from 'ngx-formly-zorro-antd/common';
-import { resolveTplName } from 'ngx-formly-zorro-antd/common';
+import { FormlyBoxTemplates, resolveTplName } from 'ngx-formly-zorro-antd/common';
 import * as i4 from 'ng-zorro-antd/core/transition-patch';
 import * as i5 from 'ng-zorro-antd/core/wave';
 
@@ -70,161 +69,161 @@ class UploadNzComponent extends NzUploadComponent {
             }
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: UploadNzComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: UploadNzComponent, isStandalone: false, selector: "formly-nz-upload", inputs: { nzeText: { classPropertyName: "nzeText", publicName: "nzeText", isSignal: true, isRequired: false, transformFunction: null }, nzeHint: { classPropertyName: "nzeHint", publicName: "nzeHint", isSignal: true, isRequired: false, transformFunction: null }, nzeShowUploadButton: { classPropertyName: "nzeShowUploadButton", publicName: "nzeShowUploadButton", isSignal: true, isRequired: false, transformFunction: null }, nzeUploadButton: { classPropertyName: "nzeUploadButton", publicName: "nzeUploadButton", isSignal: true, isRequired: false, transformFunction: null }, nzeUploadButtonIcon: { classPropertyName: "nzeUploadButtonIcon", publicName: "nzeUploadButtonIcon", isSignal: true, isRequired: false, transformFunction: null }, className: { classPropertyName: "className", publicName: "className", isSignal: true, isRequired: false, transformFunction: null }, resultMap: { classPropertyName: "resultMap", publicName: "resultMap", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: UploadNzComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: UploadNzComponent, isStandalone: false, selector: "formly-nz-upload", inputs: { nzeText: { classPropertyName: "nzeText", publicName: "nzeText", isSignal: true, isRequired: false, transformFunction: null }, nzeHint: { classPropertyName: "nzeHint", publicName: "nzeHint", isSignal: true, isRequired: false, transformFunction: null }, nzeShowUploadButton: { classPropertyName: "nzeShowUploadButton", publicName: "nzeShowUploadButton", isSignal: true, isRequired: false, transformFunction: null }, nzeUploadButton: { classPropertyName: "nzeUploadButton", publicName: "nzeUploadButton", isSignal: true, isRequired: false, transformFunction: null }, nzeUploadButtonIcon: { classPropertyName: "nzeUploadButtonIcon", publicName: "nzeUploadButtonIcon", isSignal: true, isRequired: false, transformFunction: null }, className: { classPropertyName: "className", publicName: "className", isSignal: true, isRequired: false, transformFunction: null }, resultMap: { classPropertyName: "resultMap", publicName: "resultMap", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => UploadNzComponent),
                 multi: true
             }
-        ], usesInheritance: true, ngImport: i0, template: `
-    <nz-upload
-      [nzType]="nzType"
-      [nzAccept]="nzAccept"
-      [nzAction]="nzAction"
-      [nzDirectory]="nzDirectory"
-      [nzBeforeUpload]="nzBeforeUpload"
-      [nzCustomRequest]="nzCustomRequest"
-      [nzData]="nzData"
-      [nzDisabled]="nzDisabled"
-      [(nzFileList)]="nzFileList"
-      [nzLimit]="nzLimit"
-      [nzSize]="nzSize"
-      [nzFileType]="nzFileType"
-      [nzFilter]="nzFilter"
-      [nzHeaders]="nzHeaders"
-      [nzListType]="nzListType"
-      [nzMultiple]="nzMultiple"
-      [nzName]="nzName"
-      [nzShowUploadList]="nzShowUploadList"
-      [nzShowButton]="nzShowButton"
-      [nzWithCredentials]="nzWithCredentials"
-      [nzOpenFileDialogOnClick]="nzOpenFileDialogOnClick"
-      [nzPreview]="nzPreview"
-      [nzPreviewFile]="nzPreviewFile"
-      [nzPreviewIsImage]="nzPreviewIsImage"
-      [nzRemove]="nzRemove"
-      [nzDownload]="nzDownload"
-      [nzTransformFile]="nzTransformFile"
-      [nzIconRender]="nzIconRender"
-      [nzFileListRender]="nzFileListRender"
-      [class]="className()"
-      (nzChange)="change($event)"
-      (nzFileListChange)="fileListChange($event)"
-    >
-      @switch (nzType) {
-        @case ('drag') {
-          <p class="ant-upload-drag-icon">
-            <ng-container *ngTemplateOutlet="uploadButtonIconTpl"></ng-container>
-          </p>
-          <p class="ant-upload-text">{{ nzeText() }}</p>
-          <p class="ant-upload-hint">{{ nzeHint() }}</p>
-        }
-        @default {
-          @if (nzeShowUploadButton() !== false) {
-            <button type="button" nz-button [disabled]="nzDisabled!!">
-              <ng-container *ngTemplateOutlet="uploadButtonIconTpl"></ng-container>
-              {{ nzeText() }}
-            </button>
-          } @else if (nzeShowUploadButton() === false) {
-            <div>
-              <ng-container *ngTemplateOutlet="uploadButtonIconTpl"></ng-container>
-              {{ nzeText() }}
-              <div class="ant-upload-hint" style="margin-top: 8px">{{ nzeHint() }}</div>
-            </div>
-          }
-        }
-      }
-      <ng-template #uploadButtonIconTpl>
-        @let icon = nzeUploadButtonIcon();
-        @if (icon) {
-          <span
-            nz-icon
-            [nzType]="icon.type"
-            [nzTheme]="icon.theme || 'outline'"
-            [nzSpin]="icon.spin!!"
-            [nzTwotoneColor]="icon.twoToneColor || ''"
-          ></span>
-        }
-      </ng-template>
-    </nz-upload>
-  `, isInline: true, dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.NzUploadComponent, selector: "nz-upload", inputs: ["nzType", "nzLimit", "nzSize", "nzFileType", "nzAccept", "nzAction", "nzDirectory", "nzOpenFileDialogOnClick", "nzBeforeUpload", "nzCustomRequest", "nzData", "nzFilter", "nzFileList", "nzDisabled", "nzHeaders", "nzListType", "nzMultiple", "nzName", "nzShowUploadList", "nzShowButton", "nzWithCredentials", "nzRemove", "nzPreview", "nzPreviewFile", "nzPreviewIsImage", "nzTransformFile", "nzDownload", "nzIconRender", "nzFileListRender"], outputs: ["nzChange", "nzFileListChange"], exportAs: ["nzUpload"] }, { kind: "component", type: i3.NzButtonComponent, selector: "button[nz-button], a[nz-button]", inputs: ["nzBlock", "nzGhost", "nzSearch", "nzLoading", "nzDanger", "disabled", "tabIndex", "nzType", "nzShape", "nzSize"], exportAs: ["nzButton"] }, { kind: "directive", type: i4.ɵNzTransitionPatchDirective, selector: "[nz-button], nz-button-group, [nz-icon], nz-icon, [nz-menu-item], [nz-submenu], nz-select-top-control, nz-select-placeholder, nz-input-group", inputs: ["hidden"] }, { kind: "directive", type: i5.NzWaveDirective, selector: "[nz-wave],button[nz-button]:not([nzType=\"link\"]):not([nzType=\"text\"])", inputs: ["nzWaveExtraNode"], exportAs: ["nzWave"] }, { kind: "directive", type: i6.NzIconDirective, selector: "nz-icon,[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+        ], usesInheritance: true, ngImport: i0, template: `
+    <nz-upload
+      [nzType]="nzType"
+      [nzAccept]="nzAccept"
+      [nzAction]="nzAction"
+      [nzDirectory]="nzDirectory"
+      [nzBeforeUpload]="nzBeforeUpload"
+      [nzCustomRequest]="nzCustomRequest"
+      [nzData]="nzData"
+      [nzDisabled]="nzDisabled"
+      [(nzFileList)]="nzFileList"
+      [nzLimit]="nzLimit"
+      [nzSize]="nzSize"
+      [nzFileType]="nzFileType"
+      [nzFilter]="nzFilter"
+      [nzHeaders]="nzHeaders"
+      [nzListType]="nzListType"
+      [nzMultiple]="nzMultiple"
+      [nzName]="nzName"
+      [nzShowUploadList]="nzShowUploadList"
+      [nzShowButton]="nzShowButton"
+      [nzWithCredentials]="nzWithCredentials"
+      [nzOpenFileDialogOnClick]="nzOpenFileDialogOnClick"
+      [nzPreview]="nzPreview"
+      [nzPreviewFile]="nzPreviewFile"
+      [nzPreviewIsImage]="nzPreviewIsImage"
+      [nzRemove]="nzRemove"
+      [nzDownload]="nzDownload"
+      [nzTransformFile]="nzTransformFile"
+      [nzIconRender]="nzIconRender"
+      [nzFileListRender]="nzFileListRender"
+      [class]="className()"
+      (nzChange)="change($event)"
+      (nzFileListChange)="fileListChange($event)"
+    >
+      @switch (nzType) {
+        @case ('drag') {
+          <p class="ant-upload-drag-icon">
+            <ng-container *ngTemplateOutlet="uploadButtonIconTpl"></ng-container>
+          </p>
+          <p class="ant-upload-text">{{ nzeText() }}</p>
+          <p class="ant-upload-hint">{{ nzeHint() }}</p>
+        }
+        @default {
+          @if (nzeShowUploadButton() !== false) {
+            <button type="button" nz-button [disabled]="nzDisabled!!">
+              <ng-container *ngTemplateOutlet="uploadButtonIconTpl"></ng-container>
+              {{ nzeText() }}
+            </button>
+          } @else if (nzeShowUploadButton() === false) {
+            <div>
+              <ng-container *ngTemplateOutlet="uploadButtonIconTpl"></ng-container>
+              {{ nzeText() }}
+              <div class="ant-upload-hint" style="margin-top: 8px">{{ nzeHint() }}</div>
+            </div>
+          }
+        }
+      }
+      <ng-template #uploadButtonIconTpl>
+        @let icon = nzeUploadButtonIcon();
+        @if (icon) {
+          <span
+            nz-icon
+            [nzType]="icon.type"
+            [nzTheme]="icon.theme || 'outline'"
+            [nzSpin]="icon.spin!!"
+            [nzTwotoneColor]="icon.twoToneColor || ''"
+          ></span>
+        }
+      </ng-template>
+    </nz-upload>
+  `, isInline: true, dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.NzUploadComponent, selector: "nz-upload", inputs: ["nzType", "nzLimit", "nzSize", "nzFileType", "nzAccept", "nzAction", "nzDirectory", "nzOpenFileDialogOnClick", "nzBeforeUpload", "nzCustomRequest", "nzData", "nzFilter", "nzFileList", "nzDisabled", "nzHeaders", "nzListType", "nzMultiple", "nzName", "nzShowUploadList", "nzShowButton", "nzWithCredentials", "nzRemove", "nzPreview", "nzPreviewFile", "nzPreviewIsImage", "nzTransformFile", "nzDownload", "nzIconRender", "nzFileListRender"], outputs: ["nzChange", "nzFileListChange"], exportAs: ["nzUpload"] }, { kind: "component", type: i3.NzButtonComponent, selector: "button[nz-button], a[nz-button]", inputs: ["nzBlock", "nzGhost", "nzSearch", "nzLoading", "nzDanger", "disabled", "tabIndex", "nzType", "nzShape", "nzSize"], exportAs: ["nzButton"] }, { kind: "directive", type: i4.ɵNzTransitionPatchDirective, selector: "[nz-button], [nz-icon], nz-icon, [nz-menu-item], [nz-submenu], nz-select-top-control, nz-select-placeholder, nz-input-group", inputs: ["hidden"] }, { kind: "directive", type: i5.NzWaveDirective, selector: "[nz-wave],button[nz-button]:not([nzType=\"link\"]):not([nzType=\"text\"])", inputs: ["nzWaveExtraNode"], exportAs: ["nzWave"] }, { kind: "directive", type: i6.NzIconDirective, selector: "nz-icon,[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: UploadNzComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: UploadNzComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'formly-nz-upload',
-                    template: `
-    <nz-upload
-      [nzType]="nzType"
-      [nzAccept]="nzAccept"
-      [nzAction]="nzAction"
-      [nzDirectory]="nzDirectory"
-      [nzBeforeUpload]="nzBeforeUpload"
-      [nzCustomRequest]="nzCustomRequest"
-      [nzData]="nzData"
-      [nzDisabled]="nzDisabled"
-      [(nzFileList)]="nzFileList"
-      [nzLimit]="nzLimit"
-      [nzSize]="nzSize"
-      [nzFileType]="nzFileType"
-      [nzFilter]="nzFilter"
-      [nzHeaders]="nzHeaders"
-      [nzListType]="nzListType"
-      [nzMultiple]="nzMultiple"
-      [nzName]="nzName"
-      [nzShowUploadList]="nzShowUploadList"
-      [nzShowButton]="nzShowButton"
-      [nzWithCredentials]="nzWithCredentials"
-      [nzOpenFileDialogOnClick]="nzOpenFileDialogOnClick"
-      [nzPreview]="nzPreview"
-      [nzPreviewFile]="nzPreviewFile"
-      [nzPreviewIsImage]="nzPreviewIsImage"
-      [nzRemove]="nzRemove"
-      [nzDownload]="nzDownload"
-      [nzTransformFile]="nzTransformFile"
-      [nzIconRender]="nzIconRender"
-      [nzFileListRender]="nzFileListRender"
-      [class]="className()"
-      (nzChange)="change($event)"
-      (nzFileListChange)="fileListChange($event)"
-    >
-      @switch (nzType) {
-        @case ('drag') {
-          <p class="ant-upload-drag-icon">
-            <ng-container *ngTemplateOutlet="uploadButtonIconTpl"></ng-container>
-          </p>
-          <p class="ant-upload-text">{{ nzeText() }}</p>
-          <p class="ant-upload-hint">{{ nzeHint() }}</p>
-        }
-        @default {
-          @if (nzeShowUploadButton() !== false) {
-            <button type="button" nz-button [disabled]="nzDisabled!!">
-              <ng-container *ngTemplateOutlet="uploadButtonIconTpl"></ng-container>
-              {{ nzeText() }}
-            </button>
-          } @else if (nzeShowUploadButton() === false) {
-            <div>
-              <ng-container *ngTemplateOutlet="uploadButtonIconTpl"></ng-container>
-              {{ nzeText() }}
-              <div class="ant-upload-hint" style="margin-top: 8px">{{ nzeHint() }}</div>
-            </div>
-          }
-        }
-      }
-      <ng-template #uploadButtonIconTpl>
-        @let icon = nzeUploadButtonIcon();
-        @if (icon) {
-          <span
-            nz-icon
-            [nzType]="icon.type"
-            [nzTheme]="icon.theme || 'outline'"
-            [nzSpin]="icon.spin!!"
-            [nzTwotoneColor]="icon.twoToneColor || ''"
-          ></span>
-        }
-      </ng-template>
-    </nz-upload>
+                    template: `
+    <nz-upload
+      [nzType]="nzType"
+      [nzAccept]="nzAccept"
+      [nzAction]="nzAction"
+      [nzDirectory]="nzDirectory"
+      [nzBeforeUpload]="nzBeforeUpload"
+      [nzCustomRequest]="nzCustomRequest"
+      [nzData]="nzData"
+      [nzDisabled]="nzDisabled"
+      [(nzFileList)]="nzFileList"
+      [nzLimit]="nzLimit"
+      [nzSize]="nzSize"
+      [nzFileType]="nzFileType"
+      [nzFilter]="nzFilter"
+      [nzHeaders]="nzHeaders"
+      [nzListType]="nzListType"
+      [nzMultiple]="nzMultiple"
+      [nzName]="nzName"
+      [nzShowUploadList]="nzShowUploadList"
+      [nzShowButton]="nzShowButton"
+      [nzWithCredentials]="nzWithCredentials"
+      [nzOpenFileDialogOnClick]="nzOpenFileDialogOnClick"
+      [nzPreview]="nzPreview"
+      [nzPreviewFile]="nzPreviewFile"
+      [nzPreviewIsImage]="nzPreviewIsImage"
+      [nzRemove]="nzRemove"
+      [nzDownload]="nzDownload"
+      [nzTransformFile]="nzTransformFile"
+      [nzIconRender]="nzIconRender"
+      [nzFileListRender]="nzFileListRender"
+      [class]="className()"
+      (nzChange)="change($event)"
+      (nzFileListChange)="fileListChange($event)"
+    >
+      @switch (nzType) {
+        @case ('drag') {
+          <p class="ant-upload-drag-icon">
+            <ng-container *ngTemplateOutlet="uploadButtonIconTpl"></ng-container>
+          </p>
+          <p class="ant-upload-text">{{ nzeText() }}</p>
+          <p class="ant-upload-hint">{{ nzeHint() }}</p>
+        }
+        @default {
+          @if (nzeShowUploadButton() !== false) {
+            <button type="button" nz-button [disabled]="nzDisabled!!">
+              <ng-container *ngTemplateOutlet="uploadButtonIconTpl"></ng-container>
+              {{ nzeText() }}
+            </button>
+          } @else if (nzeShowUploadButton() === false) {
+            <div>
+              <ng-container *ngTemplateOutlet="uploadButtonIconTpl"></ng-container>
+              {{ nzeText() }}
+              <div class="ant-upload-hint" style="margin-top: 8px">{{ nzeHint() }}</div>
+            </div>
+          }
+        }
+      }
+      <ng-template #uploadButtonIconTpl>
+        @let icon = nzeUploadButtonIcon();
+        @if (icon) {
+          <span
+            nz-icon
+            [nzType]="icon.type"
+            [nzTheme]="icon.theme || 'outline'"
+            [nzSpin]="icon.spin!!"
+            [nzTwotoneColor]="icon.twoToneColor || ''"
+          ></span>
+        }
+      </ng-template>
+    </nz-upload>
   `,
                     encapsulation: ViewEncapsulation.None,
                     changeDetection: ChangeDetectionStrategy.OnPush,
@@ -241,9 +240,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
 
 /** @private */
 class FormlyFieldUpload extends FieldType {
-    constructor(fieldTemplates) {
+    constructor() {
         super();
-        this.fieldTemplates = fieldTemplates;
         this.defaultOptions = {
             props: {
                 listType: 'text',
@@ -260,6 +258,7 @@ class FormlyFieldUpload extends FieldType {
             }
         };
         this.upload = viewChild.required('uploadTpl');
+        this.fieldTemplates = inject(FormlyBoxTemplates, { optional: true });
     }
     ngOnInit() {
         const type = this.props.type;
@@ -273,102 +272,100 @@ class FormlyFieldUpload extends FieldType {
     get nzFileListRender() {
         return resolveTplName(this.props, this.fieldTemplates, 'fileListRender');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: FormlyFieldUpload, deps: [{ token: i1$1.FormlyBoxTemplates, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.14", type: FormlyFieldUpload, isStandalone: false, selector: "formly-field-upload", viewQueries: [{ propertyName: "upload", first: true, predicate: ["uploadTpl"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: `<formly-nz-upload
-    #uploadTpl
-    [formControl]="formControl"
-    [formlyAttributes]="field"
-    [nzAccept]="props['accept']"
-    [nzAction]="props['action']"
-    [nzDirectory]="!!props['directory']"
-    [nzBeforeUpload]="props['beforeUpload']"
-    [nzCustomRequest]="props['customRequest']"
-    [nzData]="props['data']"
-    [nzDisabled]="props['disabled']!!"
-    [(nzFileList)]="props['fileList']"
-    [nzLimit]="props['limit']"
-    [nzSize]="props['size']"
-    [nzFileType]="props['fileType']"
-    [nzFilter]="props['filter']!"
-    [nzHeaders]="props['headers']"
-    [nzListType]="props['listType']!"
-    [nzMultiple]="props['multiple']!!"
-    [nzName]="props.name ?? ''"
-    [nzShowUploadList]="props['showUploadList']"
-    [nzShowButton]="props['showButton']!!"
-    [nzWithCredentials]="props['withCredentials']!!"
-    [nzOpenFileDialogOnClick]="props['openFileDialogOnClick']!!"
-    [nzPreview]="props['preview']"
-    [nzPreviewFile]="props['previewFile']"
-    [nzPreviewIsImage]="props['previewIsImage']"
-    [nzRemove]="props['remove']"
-    [nzDownload]="props['download']"
-    [nzTransformFile]="props['transformFile']"
-    [nzIconRender]="nzIconRender ?? null"
-    [nzFileListRender]="nzFileListRender ?? null"
-    [resultMap]="props['resultMap']"
-    [nzeHint]="props['hint']"
-    [nzeText]="props['text']"
-    [nzeUploadButtonIcon]="props['uploadButtonIcon']"
-    [nzeShowUploadButton]="props['showUploadButton']"
-    [className]="props['className']"
-    (nzChange)="props.change?.(field, $event)"
-    (nzFileListChange)="props['fileListChange']?.(field, $event)"
-  >
-  </formly-nz-upload>`, isInline: true, dependencies: [{ kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i3$1.ɵFormlyAttributes, selector: "[formlyAttributes]", inputs: ["formlyAttributes", "id"] }, { kind: "component", type: UploadNzComponent, selector: "formly-nz-upload", inputs: ["nzeText", "nzeHint", "nzeShowUploadButton", "nzeUploadButton", "nzeUploadButtonIcon", "className", "resultMap"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: FormlyFieldUpload, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.0.6", type: FormlyFieldUpload, isStandalone: false, selector: "formly-field-upload", viewQueries: [{ propertyName: "upload", first: true, predicate: ["uploadTpl"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: `<formly-nz-upload
+    #uploadTpl
+    [formControl]="formControl"
+    [formlyAttributes]="field"
+    [nzAccept]="props['accept']"
+    [nzAction]="props['action']"
+    [nzDirectory]="!!props['directory']"
+    [nzBeforeUpload]="props['beforeUpload']"
+    [nzCustomRequest]="props['customRequest']"
+    [nzData]="props['data']"
+    [nzDisabled]="props['disabled']!!"
+    [(nzFileList)]="props['fileList']"
+    [nzLimit]="props['limit']"
+    [nzSize]="props['size']"
+    [nzFileType]="props['fileType']"
+    [nzFilter]="props['filter']!"
+    [nzHeaders]="props['headers']"
+    [nzListType]="props['listType']!"
+    [nzMultiple]="props['multiple']!!"
+    [nzName]="props.name ?? ''"
+    [nzShowUploadList]="props['showUploadList']"
+    [nzShowButton]="props['showButton']!!"
+    [nzWithCredentials]="props['withCredentials']!!"
+    [nzOpenFileDialogOnClick]="props['openFileDialogOnClick']!!"
+    [nzPreview]="props['preview']"
+    [nzPreviewFile]="props['previewFile']"
+    [nzPreviewIsImage]="props['previewIsImage']"
+    [nzRemove]="props['remove']"
+    [nzDownload]="props['download']"
+    [nzTransformFile]="props['transformFile']"
+    [nzIconRender]="nzIconRender ?? null"
+    [nzFileListRender]="nzFileListRender ?? null"
+    [resultMap]="props['resultMap']"
+    [nzeHint]="props['hint']"
+    [nzeText]="props['text']"
+    [nzeUploadButtonIcon]="props['uploadButtonIcon']"
+    [nzeShowUploadButton]="props['showUploadButton']"
+    [className]="props['className']"
+    (nzChange)="props.change?.(field, $event)"
+    (nzFileListChange)="props['fileListChange']?.(field, $event)"
+  >
+  </formly-nz-upload>`, isInline: true, dependencies: [{ kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$1.ɵFormlyAttributes, selector: "[formlyAttributes]", inputs: ["formlyAttributes", "id"] }, { kind: "component", type: UploadNzComponent, selector: "formly-nz-upload", inputs: ["nzeText", "nzeHint", "nzeShowUploadButton", "nzeUploadButton", "nzeUploadButtonIcon", "className", "resultMap"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: FormlyFieldUpload, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: FormlyFieldUpload, decorators: [{
             type: Component,
             args: [{
                     selector: 'formly-field-upload',
-                    template: `<formly-nz-upload
-    #uploadTpl
-    [formControl]="formControl"
-    [formlyAttributes]="field"
-    [nzAccept]="props['accept']"
-    [nzAction]="props['action']"
-    [nzDirectory]="!!props['directory']"
-    [nzBeforeUpload]="props['beforeUpload']"
-    [nzCustomRequest]="props['customRequest']"
-    [nzData]="props['data']"
-    [nzDisabled]="props['disabled']!!"
-    [(nzFileList)]="props['fileList']"
-    [nzLimit]="props['limit']"
-    [nzSize]="props['size']"
-    [nzFileType]="props['fileType']"
-    [nzFilter]="props['filter']!"
-    [nzHeaders]="props['headers']"
-    [nzListType]="props['listType']!"
-    [nzMultiple]="props['multiple']!!"
-    [nzName]="props.name ?? ''"
-    [nzShowUploadList]="props['showUploadList']"
-    [nzShowButton]="props['showButton']!!"
-    [nzWithCredentials]="props['withCredentials']!!"
-    [nzOpenFileDialogOnClick]="props['openFileDialogOnClick']!!"
-    [nzPreview]="props['preview']"
-    [nzPreviewFile]="props['previewFile']"
-    [nzPreviewIsImage]="props['previewIsImage']"
-    [nzRemove]="props['remove']"
-    [nzDownload]="props['download']"
-    [nzTransformFile]="props['transformFile']"
-    [nzIconRender]="nzIconRender ?? null"
-    [nzFileListRender]="nzFileListRender ?? null"
-    [resultMap]="props['resultMap']"
-    [nzeHint]="props['hint']"
-    [nzeText]="props['text']"
-    [nzeUploadButtonIcon]="props['uploadButtonIcon']"
-    [nzeShowUploadButton]="props['showUploadButton']"
-    [className]="props['className']"
-    (nzChange)="props.change?.(field, $event)"
-    (nzFileListChange)="props['fileListChange']?.(field, $event)"
-  >
+                    template: `<formly-nz-upload
+    #uploadTpl
+    [formControl]="formControl"
+    [formlyAttributes]="field"
+    [nzAccept]="props['accept']"
+    [nzAction]="props['action']"
+    [nzDirectory]="!!props['directory']"
+    [nzBeforeUpload]="props['beforeUpload']"
+    [nzCustomRequest]="props['customRequest']"
+    [nzData]="props['data']"
+    [nzDisabled]="props['disabled']!!"
+    [(nzFileList)]="props['fileList']"
+    [nzLimit]="props['limit']"
+    [nzSize]="props['size']"
+    [nzFileType]="props['fileType']"
+    [nzFilter]="props['filter']!"
+    [nzHeaders]="props['headers']"
+    [nzListType]="props['listType']!"
+    [nzMultiple]="props['multiple']!!"
+    [nzName]="props.name ?? ''"
+    [nzShowUploadList]="props['showUploadList']"
+    [nzShowButton]="props['showButton']!!"
+    [nzWithCredentials]="props['withCredentials']!!"
+    [nzOpenFileDialogOnClick]="props['openFileDialogOnClick']!!"
+    [nzPreview]="props['preview']"
+    [nzPreviewFile]="props['previewFile']"
+    [nzPreviewIsImage]="props['previewIsImage']"
+    [nzRemove]="props['remove']"
+    [nzDownload]="props['download']"
+    [nzTransformFile]="props['transformFile']"
+    [nzIconRender]="nzIconRender ?? null"
+    [nzFileListRender]="nzFileListRender ?? null"
+    [resultMap]="props['resultMap']"
+    [nzeHint]="props['hint']"
+    [nzeText]="props['text']"
+    [nzeUploadButtonIcon]="props['uploadButtonIcon']"
+    [nzeShowUploadButton]="props['showUploadButton']"
+    [className]="props['className']"
+    (nzChange)="props.change?.(field, $event)"
+    (nzFileListChange)="props['fileListChange']?.(field, $event)"
+  >
   </formly-nz-upload>`,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     standalone: false
                 }]
-        }], ctorParameters: () => [{ type: i1$1.FormlyBoxTemplates, decorators: [{
-                    type: Optional
-                }] }] });
+        }], ctorParameters: () => [] });
 
 function withFormlyFieldUpload() {
     return {
@@ -383,14 +380,14 @@ function withFormlyFieldUpload() {
 }
 
 class FormlyNzUploadModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: FormlyNzUploadModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.14", ngImport: i0, type: FormlyNzUploadModule, declarations: [FormlyFieldUpload, UploadNzComponent], imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: FormlyNzUploadModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.6", ngImport: i0, type: FormlyNzUploadModule, declarations: [FormlyFieldUpload, UploadNzComponent], imports: [CommonModule,
             ReactiveFormsModule,
             FormlyNzFormFieldModule,
             NzUploadModule,
             NzButtonModule,
-            NzIconModule, i3$1.FormlyModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: FormlyNzUploadModule, imports: [CommonModule,
+            NzIconModule, i2$1.FormlyModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: FormlyNzUploadModule, imports: [CommonModule,
             ReactiveFormsModule,
             FormlyNzFormFieldModule,
             NzUploadModule,
@@ -398,7 +395,7 @@ class FormlyNzUploadModule {
             NzIconModule,
             FormlyModule.forChild(withFormlyFieldUpload())] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: FormlyNzUploadModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: FormlyNzUploadModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [FormlyFieldUpload, UploadNzComponent],