ngx-formly-zorro-antd 14.2.2 → 14.3.1

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

@@ -16,421 +16,421 @@ import { NzIconModule } from 'ng-zorro-antd/icon';
 import * as i4 from 'ng-zorro-antd/core/transition-patch';
 import * as i5 from 'ng-zorro-antd/core/wave';
 
-/* eslint-disable @typescript-eslint/no-empty-function */
-class UploadNzComponent extends NzUploadComponent {
-    constructor() {
-        super(...arguments);
-        /** 上传按钮的图标 */
-        this.nzeUploadButtonIcon = {
-            type: 'cloud-upload'
-        };
-        /** 样式名 */
-        this.className = '';
-        this.onChange = () => { };
-        this.onTouched = () => { };
-    }
-    writeValue() { }
-    registerOnChange(fn) {
-        this.onChange = fn;
-    }
-    registerOnTouched(fn) {
-        this.onTouched = fn;
-    }
-    setDisabledState(isDisabled) {
-        this.nzDisabled = isDisabled;
-    }
-    fileListChange(list) {
-        this.nzFileListChange.emit(list);
-    }
-    change(value) {
-        this.nzChange.emit(value);
-        if (['removed', 'success'].includes(value.type ?? '')) {
-            if (this.resultMap instanceof Function) {
-                this.onChange(this.resultMap(value.fileList.filter(x => x.status === 'done')));
-            }
-            else {
-                this.onChange(value.fileList.filter(x => x.status === 'done'));
-            }
-        }
-    }
-}
-UploadNzComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: UploadNzComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-UploadNzComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.1", type: UploadNzComponent, selector: "formly-nz-upload", inputs: { nzeText: "nzeText", nzeHint: "nzeHint", nzeShowUploadButton: "nzeShowUploadButton", nzeUploadButton: "nzeUploadButton", nzeUploadButtonIcon: "nzeUploadButtonIcon", className: "className", resultMap: "resultMap" }, 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"
-      [ngClass]="className"
-      (nzChange)="change($event)"
-      (nzFileListChange)="fileListChange($event)"
-    >
-      <ng-container [ngSwitch]="nzType">
-        <ng-container *ngSwitchCase="'drag'">
-          <p class="ant-upload-drag-icon">
-            <span
-              *ngIf="nzeUploadButtonIcon"
-              nz-icon
-              [nzType]="nzeUploadButtonIcon.type"
-              [nzTheme]="nzeUploadButtonIcon.theme || 'outline'"
-              [nzSpin]="nzeUploadButtonIcon.spin!!"
-              [nzTwotoneColor]="nzeUploadButtonIcon.twoToneColor || ''"
-            ></span>
-          </p>
-          <p class="ant-upload-text">{{ nzeText }}</p>
-          <p class="ant-upload-hint">{{ nzeHint }}</p>
-        </ng-container>
-        <ng-container *ngSwitchDefault>
-          <button
-            type="button"
-            nz-button
-            [disabled]="nzDisabled!!"
-            *ngIf="nzeShowUploadButton !== false"
-          >
-            <span
-              *ngIf="nzeUploadButtonIcon"
-              nz-icon
-              [nzType]="nzeUploadButtonIcon.type"
-              [nzTheme]="nzeUploadButtonIcon.theme || 'outline'"
-              [nzSpin]="nzeUploadButtonIcon.spin!!"
-              [nzTwotoneColor]="nzeUploadButtonIcon.twoToneColor || ''"
-            ></span>
-            {{ nzeText }}
-          </button>
-
-          <div *ngIf="nzeShowUploadButton === false">
-            <span
-              *ngIf="nzeUploadButtonIcon"
-              nz-icon
-              [nzType]="nzeUploadButtonIcon.type"
-              [nzTheme]="nzeUploadButtonIcon.theme || 'outline'"
-              [nzSpin]="nzeUploadButtonIcon.spin!!"
-              [nzTwotoneColor]="nzeUploadButtonIcon.twoToneColor || ''"
-            ></span>
-            {{ nzeText }}
-            <div class="ant-upload-hint" style="margin-top: 8px">{{ nzeHint }}</div>
-          </div>
-        </ng-container>
-      </ng-container>
-    </nz-upload>
-  `, isInline: true, dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "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-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]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", 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"
-      [ngClass]="className"
-      (nzChange)="change($event)"
-      (nzFileListChange)="fileListChange($event)"
-    >
-      <ng-container [ngSwitch]="nzType">
-        <ng-container *ngSwitchCase="'drag'">
-          <p class="ant-upload-drag-icon">
-            <span
-              *ngIf="nzeUploadButtonIcon"
-              nz-icon
-              [nzType]="nzeUploadButtonIcon.type"
-              [nzTheme]="nzeUploadButtonIcon.theme || 'outline'"
-              [nzSpin]="nzeUploadButtonIcon.spin!!"
-              [nzTwotoneColor]="nzeUploadButtonIcon.twoToneColor || ''"
-            ></span>
-          </p>
-          <p class="ant-upload-text">{{ nzeText }}</p>
-          <p class="ant-upload-hint">{{ nzeHint }}</p>
-        </ng-container>
-        <ng-container *ngSwitchDefault>
-          <button
-            type="button"
-            nz-button
-            [disabled]="nzDisabled!!"
-            *ngIf="nzeShowUploadButton !== false"
-          >
-            <span
-              *ngIf="nzeUploadButtonIcon"
-              nz-icon
-              [nzType]="nzeUploadButtonIcon.type"
-              [nzTheme]="nzeUploadButtonIcon.theme || 'outline'"
-              [nzSpin]="nzeUploadButtonIcon.spin!!"
-              [nzTwotoneColor]="nzeUploadButtonIcon.twoToneColor || ''"
-            ></span>
-            {{ nzeText }}
-          </button>
-
-          <div *ngIf="nzeShowUploadButton === false">
-            <span
-              *ngIf="nzeUploadButtonIcon"
-              nz-icon
-              [nzType]="nzeUploadButtonIcon.type"
-              [nzTheme]="nzeUploadButtonIcon.theme || 'outline'"
-              [nzSpin]="nzeUploadButtonIcon.spin!!"
-              [nzTwotoneColor]="nzeUploadButtonIcon.twoToneColor || ''"
-            ></span>
-            {{ nzeText }}
-            <div class="ant-upload-hint" style="margin-top: 8px">{{ nzeHint }}</div>
-          </div>
-        </ng-container>
-      </ng-container>
-    </nz-upload>
-  `,
-                    encapsulation: ViewEncapsulation.None,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    providers: [
-                        {
-                            provide: NG_VALUE_ACCESSOR,
-                            useExisting: forwardRef(() => UploadNzComponent),
-                            multi: true
-                        }
-                    ]
-                }]
-        }], propDecorators: { nzeText: [{
-                type: Input
-            }], nzeHint: [{
-                type: Input
-            }], nzeShowUploadButton: [{
-                type: Input
-            }], nzeUploadButton: [{
-                type: Input
-            }], nzeUploadButtonIcon: [{
-                type: Input
-            }], className: [{
-                type: Input
-            }], resultMap: [{
-                type: Input
+/* eslint-disable @typescript-eslint/no-empty-function */
+class UploadNzComponent extends NzUploadComponent {
+    constructor() {
+        super(...arguments);
+        /** 上传按钮的图标 */
+        this.nzeUploadButtonIcon = {
+            type: 'cloud-upload'
+        };
+        /** 样式名 */
+        this.className = '';
+        this.onChange = () => { };
+        this.onTouched = () => { };
+    }
+    writeValue() { }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.nzDisabled = isDisabled;
+    }
+    fileListChange(list) {
+        this.nzFileListChange.emit(list);
+    }
+    change(value) {
+        this.nzChange.emit(value);
+        if (['removed', 'success'].includes(value.type ?? '')) {
+            if (this.resultMap instanceof Function) {
+                this.onChange(this.resultMap(value.fileList.filter(x => x.status === 'done')));
+            }
+            else {
+                this.onChange(value.fileList.filter(x => x.status === 'done'));
+            }
+        }
+    }
+}
+UploadNzComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: UploadNzComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+UploadNzComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.1", type: UploadNzComponent, selector: "formly-nz-upload", inputs: { nzeText: "nzeText", nzeHint: "nzeHint", nzeShowUploadButton: "nzeShowUploadButton", nzeUploadButton: "nzeUploadButton", nzeUploadButtonIcon: "nzeUploadButtonIcon", className: "className", resultMap: "resultMap" }, 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"
+      [ngClass]="className"
+      (nzChange)="change($event)"
+      (nzFileListChange)="fileListChange($event)"
+    >
+      <ng-container [ngSwitch]="nzType">
+        <ng-container *ngSwitchCase="'drag'">
+          <p class="ant-upload-drag-icon">
+            <span
+              *ngIf="nzeUploadButtonIcon"
+              nz-icon
+              [nzType]="nzeUploadButtonIcon.type"
+              [nzTheme]="nzeUploadButtonIcon.theme || 'outline'"
+              [nzSpin]="nzeUploadButtonIcon.spin!!"
+              [nzTwotoneColor]="nzeUploadButtonIcon.twoToneColor || ''"
+            ></span>
+          </p>
+          <p class="ant-upload-text">{{ nzeText }}</p>
+          <p class="ant-upload-hint">{{ nzeHint }}</p>
+        </ng-container>
+        <ng-container *ngSwitchDefault>
+          <button
+            type="button"
+            nz-button
+            [disabled]="nzDisabled!!"
+            *ngIf="nzeShowUploadButton !== false"
+          >
+            <span
+              *ngIf="nzeUploadButtonIcon"
+              nz-icon
+              [nzType]="nzeUploadButtonIcon.type"
+              [nzTheme]="nzeUploadButtonIcon.theme || 'outline'"
+              [nzSpin]="nzeUploadButtonIcon.spin!!"
+              [nzTwotoneColor]="nzeUploadButtonIcon.twoToneColor || ''"
+            ></span>
+            {{ nzeText }}
+          </button>
+
+          <div *ngIf="nzeShowUploadButton === false">
+            <span
+              *ngIf="nzeUploadButtonIcon"
+              nz-icon
+              [nzType]="nzeUploadButtonIcon.type"
+              [nzTheme]="nzeUploadButtonIcon.theme || 'outline'"
+              [nzSpin]="nzeUploadButtonIcon.spin!!"
+              [nzTwotoneColor]="nzeUploadButtonIcon.twoToneColor || ''"
+            ></span>
+            {{ nzeText }}
+            <div class="ant-upload-hint" style="margin-top: 8px">{{ nzeHint }}</div>
+          </div>
+        </ng-container>
+      </ng-container>
+    </nz-upload>
+  `, isInline: true, dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "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-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]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", 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"
+      [ngClass]="className"
+      (nzChange)="change($event)"
+      (nzFileListChange)="fileListChange($event)"
+    >
+      <ng-container [ngSwitch]="nzType">
+        <ng-container *ngSwitchCase="'drag'">
+          <p class="ant-upload-drag-icon">
+            <span
+              *ngIf="nzeUploadButtonIcon"
+              nz-icon
+              [nzType]="nzeUploadButtonIcon.type"
+              [nzTheme]="nzeUploadButtonIcon.theme || 'outline'"
+              [nzSpin]="nzeUploadButtonIcon.spin!!"
+              [nzTwotoneColor]="nzeUploadButtonIcon.twoToneColor || ''"
+            ></span>
+          </p>
+          <p class="ant-upload-text">{{ nzeText }}</p>
+          <p class="ant-upload-hint">{{ nzeHint }}</p>
+        </ng-container>
+        <ng-container *ngSwitchDefault>
+          <button
+            type="button"
+            nz-button
+            [disabled]="nzDisabled!!"
+            *ngIf="nzeShowUploadButton !== false"
+          >
+            <span
+              *ngIf="nzeUploadButtonIcon"
+              nz-icon
+              [nzType]="nzeUploadButtonIcon.type"
+              [nzTheme]="nzeUploadButtonIcon.theme || 'outline'"
+              [nzSpin]="nzeUploadButtonIcon.spin!!"
+              [nzTwotoneColor]="nzeUploadButtonIcon.twoToneColor || ''"
+            ></span>
+            {{ nzeText }}
+          </button>
+
+          <div *ngIf="nzeShowUploadButton === false">
+            <span
+              *ngIf="nzeUploadButtonIcon"
+              nz-icon
+              [nzType]="nzeUploadButtonIcon.type"
+              [nzTheme]="nzeUploadButtonIcon.theme || 'outline'"
+              [nzSpin]="nzeUploadButtonIcon.spin!!"
+              [nzTwotoneColor]="nzeUploadButtonIcon.twoToneColor || ''"
+            ></span>
+            {{ nzeText }}
+            <div class="ant-upload-hint" style="margin-top: 8px">{{ nzeHint }}</div>
+          </div>
+        </ng-container>
+      </ng-container>
+    </nz-upload>
+  `,
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => UploadNzComponent),
+                            multi: true
+                        }
+                    ]
+                }]
+        }], propDecorators: { nzeText: [{
+                type: Input
+            }], nzeHint: [{
+                type: Input
+            }], nzeShowUploadButton: [{
+                type: Input
+            }], nzeUploadButton: [{
+                type: Input
+            }], nzeUploadButtonIcon: [{
+                type: Input
+            }], className: [{
+                type: Input
+            }], resultMap: [{
+                type: Input
             }] } });
 
-class FormlyFieldUpload extends FieldType {
-    constructor() {
-        super(...arguments);
-        this.defaultOptions = {
-            props: {
-                listType: 'text',
-                name: 'file',
-                showUploadList: true,
-                showButton: true,
-                openFileDialogOnClick: true,
-                showUploadButton: true,
-                limit: 0,
-                size: 0,
-                fileList: [],
-                filter: [],
-                text: ''
-            }
-        };
-    }
-    ngOnInit() {
-        const type = this.props.type;
-        if (type) {
-            this.upload.nzType = type;
-        }
-    }
-}
-FormlyFieldUpload.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: FormlyFieldUpload, deps: null, target: i0.ɵɵFactoryTarget.Component });
-FormlyFieldUpload.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.1", type: FormlyFieldUpload, selector: "formly-field-upload", viewQueries: [{ propertyName: "upload", first: true, predicate: ["upload"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: `<formly-nz-upload
-    #upload
-    [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']"
-    (nzChange)="props.change && props.change(field, $event)"
-    [nzDownload]="props['download']"
-    [nzTransformFile]="props['transformFile']"
-    [nzIconRender]="props['iconRender'] ?? null"
-    [nzFileListRender]="props['fileListRender'] ?? null"
-    [resultMap]="props['resultMap']"
-    [nzeHint]="props['hint']"
-    [nzeText]="props['text']"
-    [nzeUploadButtonIcon]="props['uploadButtonIcon']"
-    [nzeShowUploadButton]="props['showUploadButton']"
-    [className]="props['className'] || ''"
-    (nzFileListChange)="props['fileListChange'] && 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: "14.2.1", ngImport: i0, type: FormlyFieldUpload, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'formly-field-upload',
-                    template: `<formly-nz-upload
-    #upload
-    [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']"
-    (nzChange)="props.change && props.change(field, $event)"
-    [nzDownload]="props['download']"
-    [nzTransformFile]="props['transformFile']"
-    [nzIconRender]="props['iconRender'] ?? null"
-    [nzFileListRender]="props['fileListRender'] ?? null"
-    [resultMap]="props['resultMap']"
-    [nzeHint]="props['hint']"
-    [nzeText]="props['text']"
-    [nzeUploadButtonIcon]="props['uploadButtonIcon']"
-    [nzeShowUploadButton]="props['showUploadButton']"
-    [className]="props['className'] || ''"
-    (nzFileListChange)="props['fileListChange'] && props['fileListChange'](field, $event)"
-  >
-  </formly-nz-upload>`,
-                    changeDetection: ChangeDetectionStrategy.OnPush
-                }]
-        }], propDecorators: { upload: [{
-                type: ViewChild,
-                args: ['upload', { static: true }]
+class FormlyFieldUpload extends FieldType {
+    constructor() {
+        super(...arguments);
+        this.defaultOptions = {
+            props: {
+                listType: 'text',
+                name: 'file',
+                showUploadList: true,
+                showButton: true,
+                openFileDialogOnClick: true,
+                showUploadButton: true,
+                limit: 0,
+                size: 0,
+                fileList: [],
+                filter: [],
+                text: ''
+            }
+        };
+    }
+    ngOnInit() {
+        const type = this.props.type;
+        if (type) {
+            this.upload.nzType = type;
+        }
+    }
+}
+FormlyFieldUpload.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: FormlyFieldUpload, deps: null, target: i0.ɵɵFactoryTarget.Component });
+FormlyFieldUpload.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.1", type: FormlyFieldUpload, selector: "formly-field-upload", viewQueries: [{ propertyName: "upload", first: true, predicate: ["upload"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: `<formly-nz-upload
+    #upload
+    [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']"
+    (nzChange)="props.change && props.change(field, $event)"
+    [nzDownload]="props['download']"
+    [nzTransformFile]="props['transformFile']"
+    [nzIconRender]="props['iconRender'] ?? null"
+    [nzFileListRender]="props['fileListRender'] ?? null"
+    [resultMap]="props['resultMap']"
+    [nzeHint]="props['hint']"
+    [nzeText]="props['text']"
+    [nzeUploadButtonIcon]="props['uploadButtonIcon']"
+    [nzeShowUploadButton]="props['showUploadButton']"
+    [className]="props['className'] || ''"
+    (nzFileListChange)="props['fileListChange'] && 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: "14.2.1", ngImport: i0, type: FormlyFieldUpload, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'formly-field-upload',
+                    template: `<formly-nz-upload
+    #upload
+    [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']"
+    (nzChange)="props.change && props.change(field, $event)"
+    [nzDownload]="props['download']"
+    [nzTransformFile]="props['transformFile']"
+    [nzIconRender]="props['iconRender'] ?? null"
+    [nzFileListRender]="props['fileListRender'] ?? null"
+    [resultMap]="props['resultMap']"
+    [nzeHint]="props['hint']"
+    [nzeText]="props['text']"
+    [nzeUploadButtonIcon]="props['uploadButtonIcon']"
+    [nzeShowUploadButton]="props['showUploadButton']"
+    [className]="props['className'] || ''"
+    (nzFileListChange)="props['fileListChange'] && props['fileListChange'](field, $event)"
+  >
+  </formly-nz-upload>`,
+                    changeDetection: ChangeDetectionStrategy.OnPush
+                }]
+        }], propDecorators: { upload: [{
+                type: ViewChild,
+                args: ['upload', { static: true }]
             }] } });
 
-class FormlyNzUploadModule {
-}
-FormlyNzUploadModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: FormlyNzUploadModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-FormlyNzUploadModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.1", ngImport: i0, type: FormlyNzUploadModule, declarations: [FormlyFieldUpload, UploadNzComponent], imports: [CommonModule,
-        ReactiveFormsModule,
-        FormlyNzFormFieldModule,
-        NzUploadModule,
-        NzButtonModule,
-        NzIconModule, i2$1.FormlyModule] });
-FormlyNzUploadModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: FormlyNzUploadModule, imports: [CommonModule,
-        ReactiveFormsModule,
-        FormlyNzFormFieldModule,
-        NzUploadModule,
-        NzButtonModule,
-        NzIconModule,
-        FormlyModule.forChild({
-            types: [
-                {
-                    name: 'upload',
-                    component: FormlyFieldUpload,
-                    wrappers: ['form-field']
-                }
-            ]
-        })] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: FormlyNzUploadModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [FormlyFieldUpload, UploadNzComponent],
-                    imports: [
-                        CommonModule,
-                        ReactiveFormsModule,
-                        FormlyNzFormFieldModule,
-                        NzUploadModule,
-                        NzButtonModule,
-                        NzIconModule,
-                        FormlyModule.forChild({
-                            types: [
-                                {
-                                    name: 'upload',
-                                    component: FormlyFieldUpload,
-                                    wrappers: ['form-field']
-                                }
-                            ]
-                        })
-                    ]
-                }]
+class FormlyNzUploadModule {
+}
+FormlyNzUploadModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: FormlyNzUploadModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+FormlyNzUploadModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.1", ngImport: i0, type: FormlyNzUploadModule, declarations: [FormlyFieldUpload, UploadNzComponent], imports: [CommonModule,
+        ReactiveFormsModule,
+        FormlyNzFormFieldModule,
+        NzUploadModule,
+        NzButtonModule,
+        NzIconModule, i2$1.FormlyModule] });
+FormlyNzUploadModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: FormlyNzUploadModule, imports: [CommonModule,
+        ReactiveFormsModule,
+        FormlyNzFormFieldModule,
+        NzUploadModule,
+        NzButtonModule,
+        NzIconModule,
+        FormlyModule.forChild({
+            types: [
+                {
+                    name: 'upload',
+                    component: FormlyFieldUpload,
+                    wrappers: ['form-field']
+                }
+            ]
+        })] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.1", ngImport: i0, type: FormlyNzUploadModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [FormlyFieldUpload, UploadNzComponent],
+                    imports: [
+                        CommonModule,
+                        ReactiveFormsModule,
+                        FormlyNzFormFieldModule,
+                        NzUploadModule,
+                        NzButtonModule,
+                        NzIconModule,
+                        FormlyModule.forChild({
+                            types: [
+                                {
+                                    name: 'upload',
+                                    component: FormlyFieldUpload,
+                                    wrappers: ['form-field']
+                                }
+                            ]
+                        })
+                    ]
+                }]
         }] });
 
-/**
- * Generated bundle index. Do not edit.
+/**
+ * Generated bundle index. Do not edit.
  */
 
 export { FormlyFieldUpload, FormlyNzUploadModule };