ngx-formly-zorro-antd 20.0.0 → 20.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (67) hide show
  1. package/README.md +1 -1
  2. package/cascader/index.d.ts +6 -0
  3. package/fesm2022/ngx-formly-zorro-antd-button.mjs +124 -124
  4. package/fesm2022/ngx-formly-zorro-antd-button.mjs.map +1 -1
  5. package/fesm2022/ngx-formly-zorro-antd-card-wrapper.mjs +42 -42
  6. package/fesm2022/ngx-formly-zorro-antd-card-wrapper.mjs.map +1 -1
  7. package/fesm2022/ngx-formly-zorro-antd-card.mjs +52 -52
  8. package/fesm2022/ngx-formly-zorro-antd-card.mjs.map +1 -1
  9. package/fesm2022/ngx-formly-zorro-antd-cascader.mjs +78 -75
  10. package/fesm2022/ngx-formly-zorro-antd-cascader.mjs.map +1 -1
  11. package/fesm2022/ngx-formly-zorro-antd-checkbox.mjs +52 -52
  12. package/fesm2022/ngx-formly-zorro-antd-checkbox.mjs.map +1 -1
  13. package/fesm2022/ngx-formly-zorro-antd-common.mjs +7 -7
  14. package/fesm2022/ngx-formly-zorro-antd-common.mjs.map +1 -1
  15. package/fesm2022/ngx-formly-zorro-antd-datepicker.mjs +152 -152
  16. package/fesm2022/ngx-formly-zorro-antd-datepicker.mjs.map +1 -1
  17. package/fesm2022/ngx-formly-zorro-antd-extension.mjs.map +1 -1
  18. package/fesm2022/ngx-formly-zorro-antd-flex.mjs +40 -40
  19. package/fesm2022/ngx-formly-zorro-antd-flex.mjs.map +1 -1
  20. package/fesm2022/ngx-formly-zorro-antd-form-field.mjs +144 -144
  21. package/fesm2022/ngx-formly-zorro-antd-form-field.mjs.map +1 -1
  22. package/fesm2022/ngx-formly-zorro-antd-grid.mjs +64 -64
  23. package/fesm2022/ngx-formly-zorro-antd-grid.mjs.map +1 -1
  24. package/fesm2022/ngx-formly-zorro-antd-helpers.mjs.map +1 -1
  25. package/fesm2022/ngx-formly-zorro-antd-input-group.mjs +46 -46
  26. package/fesm2022/ngx-formly-zorro-antd-input-group.mjs.map +1 -1
  27. package/fesm2022/ngx-formly-zorro-antd-input-number.mjs +92 -92
  28. package/fesm2022/ngx-formly-zorro-antd-input-number.mjs.map +1 -1
  29. package/fesm2022/ngx-formly-zorro-antd-input-otp.mjs +30 -30
  30. package/fesm2022/ngx-formly-zorro-antd-input-otp.mjs.map +1 -1
  31. package/fesm2022/ngx-formly-zorro-antd-input.mjs +288 -288
  32. package/fesm2022/ngx-formly-zorro-antd-input.mjs.map +1 -1
  33. package/fesm2022/ngx-formly-zorro-antd-radio.mjs +50 -50
  34. package/fesm2022/ngx-formly-zorro-antd-radio.mjs.map +1 -1
  35. package/fesm2022/ngx-formly-zorro-antd-rate.mjs +36 -36
  36. package/fesm2022/ngx-formly-zorro-antd-rate.mjs.map +1 -1
  37. package/fesm2022/ngx-formly-zorro-antd-ref-template.mjs +14 -14
  38. package/fesm2022/ngx-formly-zorro-antd-ref-template.mjs.map +1 -1
  39. package/fesm2022/ngx-formly-zorro-antd-select.mjs +114 -113
  40. package/fesm2022/ngx-formly-zorro-antd-select.mjs.map +1 -1
  41. package/fesm2022/ngx-formly-zorro-antd-slider.mjs +36 -36
  42. package/fesm2022/ngx-formly-zorro-antd-slider.mjs.map +1 -1
  43. package/fesm2022/ngx-formly-zorro-antd-space-compact.mjs +18 -18
  44. package/fesm2022/ngx-formly-zorro-antd-space-compact.mjs.map +1 -1
  45. package/fesm2022/ngx-formly-zorro-antd-space.mjs +30 -30
  46. package/fesm2022/ngx-formly-zorro-antd-space.mjs.map +1 -1
  47. package/fesm2022/ngx-formly-zorro-antd-switch.mjs +30 -30
  48. package/fesm2022/ngx-formly-zorro-antd-switch.mjs.map +1 -1
  49. package/fesm2022/ngx-formly-zorro-antd-tabs.mjs +78 -78
  50. package/fesm2022/ngx-formly-zorro-antd-tabs.mjs.map +1 -1
  51. package/fesm2022/ngx-formly-zorro-antd-text-value.mjs +14 -14
  52. package/fesm2022/ngx-formly-zorro-antd-text-value.mjs.map +1 -1
  53. package/fesm2022/ngx-formly-zorro-antd-textarea.mjs +114 -114
  54. package/fesm2022/ngx-formly-zorro-antd-textarea.mjs.map +1 -1
  55. package/fesm2022/ngx-formly-zorro-antd-timepicker.mjs +66 -66
  56. package/fesm2022/ngx-formly-zorro-antd-timepicker.mjs.map +1 -1
  57. package/fesm2022/ngx-formly-zorro-antd-transfer.mjs +102 -102
  58. package/fesm2022/ngx-formly-zorro-antd-transfer.mjs.map +1 -1
  59. package/fesm2022/ngx-formly-zorro-antd-tree-select.mjs +79 -79
  60. package/fesm2022/ngx-formly-zorro-antd-tree-select.mjs.map +1 -1
  61. package/fesm2022/ngx-formly-zorro-antd-upload.mjs +240 -240
  62. package/fesm2022/ngx-formly-zorro-antd-upload.mjs.map +1 -1
  63. package/fesm2022/ngx-formly-zorro-antd.mjs +4 -4
  64. package/fesm2022/ngx-formly-zorro-antd.mjs.map +1 -1
  65. package/package.json +9 -9
  66. package/select/index.d.ts +1 -0
  67. package/space/index.d.ts +1 -1
@@ -25,22 +25,22 @@ class UploadNzComponent extends NzUploadComponent {
25
25
  constructor() {
26
26
  super(...arguments);
27
27
  /** 上传显示文本信息 */
28
- this.nzeText = input();
28
+ this.nzeText = input(...(ngDevMode ? [undefined, { debugName: "nzeText" }] : []));
29
29
  /** 上传的提示信息 */
30
- this.nzeHint = input();
30
+ this.nzeHint = input(...(ngDevMode ? [undefined, { debugName: "nzeHint" }] : []));
31
31
  /** 是否显示上传按钮, 如果是nzType="drag" 隐藏按钮 */
32
- this.nzeShowUploadButton = input(false, { transform: booleanAttribute });
32
+ this.nzeShowUploadButton = input(false, ...(ngDevMode ? [{ debugName: "nzeShowUploadButton", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
33
33
  /**
34
34
  * 自定义按钮或显示内容
35
35
  */
36
- this.nzeUploadButton = input();
36
+ this.nzeUploadButton = input(...(ngDevMode ? [undefined, { debugName: "nzeUploadButton" }] : []));
37
37
  /** 上传按钮的图标 */
38
38
  this.nzeUploadButtonIcon = input({
39
39
  type: 'cloud-upload'
40
- });
40
+ }, ...(ngDevMode ? [{ debugName: "nzeUploadButtonIcon" }] : []));
41
41
  /** 样式名 */
42
- this.className = input();
43
- this.resultMap = input();
42
+ this.className = input(...(ngDevMode ? [undefined, { debugName: "className" }] : []));
43
+ this.resultMap = input(...(ngDevMode ? [undefined, { debugName: "resultMap" }] : []));
44
44
  this.onChange = () => { };
45
45
  this.onTouched = () => { };
46
46
  }
@@ -69,161 +69,161 @@ class UploadNzComponent extends NzUploadComponent {
69
69
  }
70
70
  }
71
71
  }
72
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: UploadNzComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
73
- 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: [
72
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: UploadNzComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
73
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.8", 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: [
74
74
  {
75
75
  provide: NG_VALUE_ACCESSOR,
76
76
  useExisting: forwardRef(() => UploadNzComponent),
77
77
  multi: true
78
78
  }
79
- ], usesInheritance: true, ngImport: i0, template: `
80
- <nz-upload
81
- [nzType]="nzType"
82
- [nzAccept]="nzAccept"
83
- [nzAction]="nzAction"
84
- [nzDirectory]="nzDirectory"
85
- [nzBeforeUpload]="nzBeforeUpload"
86
- [nzCustomRequest]="nzCustomRequest"
87
- [nzData]="nzData"
88
- [nzDisabled]="nzDisabled"
89
- [(nzFileList)]="nzFileList"
90
- [nzLimit]="nzLimit"
91
- [nzSize]="nzSize"
92
- [nzFileType]="nzFileType"
93
- [nzFilter]="nzFilter"
94
- [nzHeaders]="nzHeaders"
95
- [nzListType]="nzListType"
96
- [nzMultiple]="nzMultiple"
97
- [nzName]="nzName"
98
- [nzShowUploadList]="nzShowUploadList"
99
- [nzShowButton]="nzShowButton"
100
- [nzWithCredentials]="nzWithCredentials"
101
- [nzOpenFileDialogOnClick]="nzOpenFileDialogOnClick"
102
- [nzPreview]="nzPreview"
103
- [nzPreviewFile]="nzPreviewFile"
104
- [nzPreviewIsImage]="nzPreviewIsImage"
105
- [nzRemove]="nzRemove"
106
- [nzDownload]="nzDownload"
107
- [nzTransformFile]="nzTransformFile"
108
- [nzIconRender]="nzIconRender"
109
- [nzFileListRender]="nzFileListRender"
110
- [class]="className()"
111
- (nzChange)="change($event)"
112
- (nzFileListChange)="fileListChange($event)"
113
- >
114
- @switch (nzType) {
115
- @case ('drag') {
116
- <p class="ant-upload-drag-icon">
117
- <ng-container *ngTemplateOutlet="uploadButtonIconTpl"></ng-container>
118
- </p>
119
- <p class="ant-upload-text">{{ nzeText() }}</p>
120
- <p class="ant-upload-hint">{{ nzeHint() }}</p>
121
- }
122
- @default {
123
- @if (nzeShowUploadButton() !== false) {
124
- <button type="button" nz-button [disabled]="nzDisabled!!">
125
- <ng-container *ngTemplateOutlet="uploadButtonIconTpl"></ng-container>
126
- {{ nzeText() }}
127
- </button>
128
- } @else if (nzeShowUploadButton() === false) {
129
- <div>
130
- <ng-container *ngTemplateOutlet="uploadButtonIconTpl"></ng-container>
131
- {{ nzeText() }}
132
- <div class="ant-upload-hint" style="margin-top: 8px">{{ nzeHint() }}</div>
133
- </div>
134
- }
135
- }
136
- }
137
- <ng-template #uploadButtonIconTpl>
138
- @let icon = nzeUploadButtonIcon();
139
- @if (icon) {
140
- <span
141
- nz-icon
142
- [nzType]="icon.type"
143
- [nzTheme]="icon.theme || 'outline'"
144
- [nzSpin]="icon.spin!!"
145
- [nzTwotoneColor]="icon.twoToneColor || ''"
146
- ></span>
147
- }
148
- </ng-template>
149
- </nz-upload>
79
+ ], usesInheritance: true, ngImport: i0, template: `
80
+ <nz-upload
81
+ [nzType]="nzType"
82
+ [nzAccept]="nzAccept"
83
+ [nzAction]="nzAction"
84
+ [nzDirectory]="nzDirectory"
85
+ [nzBeforeUpload]="nzBeforeUpload"
86
+ [nzCustomRequest]="nzCustomRequest"
87
+ [nzData]="nzData"
88
+ [nzDisabled]="nzDisabled"
89
+ [(nzFileList)]="nzFileList"
90
+ [nzLimit]="nzLimit"
91
+ [nzSize]="nzSize"
92
+ [nzFileType]="nzFileType"
93
+ [nzFilter]="nzFilter"
94
+ [nzHeaders]="nzHeaders"
95
+ [nzListType]="nzListType"
96
+ [nzMultiple]="nzMultiple"
97
+ [nzName]="nzName"
98
+ [nzShowUploadList]="nzShowUploadList"
99
+ [nzShowButton]="nzShowButton"
100
+ [nzWithCredentials]="nzWithCredentials"
101
+ [nzOpenFileDialogOnClick]="nzOpenFileDialogOnClick"
102
+ [nzPreview]="nzPreview"
103
+ [nzPreviewFile]="nzPreviewFile"
104
+ [nzPreviewIsImage]="nzPreviewIsImage"
105
+ [nzRemove]="nzRemove"
106
+ [nzDownload]="nzDownload"
107
+ [nzTransformFile]="nzTransformFile"
108
+ [nzIconRender]="nzIconRender"
109
+ [nzFileListRender]="nzFileListRender"
110
+ [class]="className()"
111
+ (nzChange)="change($event)"
112
+ (nzFileListChange)="fileListChange($event)"
113
+ >
114
+ @switch (nzType) {
115
+ @case ('drag') {
116
+ <p class="ant-upload-drag-icon">
117
+ <ng-container *ngTemplateOutlet="uploadButtonIconTpl"></ng-container>
118
+ </p>
119
+ <p class="ant-upload-text">{{ nzeText() }}</p>
120
+ <p class="ant-upload-hint">{{ nzeHint() }}</p>
121
+ }
122
+ @default {
123
+ @if (nzeShowUploadButton() !== false) {
124
+ <button type="button" nz-button [disabled]="nzDisabled!!">
125
+ <ng-container *ngTemplateOutlet="uploadButtonIconTpl"></ng-container>
126
+ {{ nzeText() }}
127
+ </button>
128
+ } @else if (nzeShowUploadButton() === false) {
129
+ <div>
130
+ <ng-container *ngTemplateOutlet="uploadButtonIconTpl"></ng-container>
131
+ {{ nzeText() }}
132
+ <div class="ant-upload-hint" style="margin-top: 8px">{{ nzeHint() }}</div>
133
+ </div>
134
+ }
135
+ }
136
+ }
137
+ <ng-template #uploadButtonIconTpl>
138
+ @let icon = nzeUploadButtonIcon();
139
+ @if (icon) {
140
+ <span
141
+ nz-icon
142
+ [nzType]="icon.type"
143
+ [nzTheme]="icon.theme || 'outline'"
144
+ [nzSpin]="icon.spin!!"
145
+ [nzTwotoneColor]="icon.twoToneColor || ''"
146
+ ></span>
147
+ }
148
+ </ng-template>
149
+ </nz-upload>
150
150
  `, 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 }); }
151
151
  }
152
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: UploadNzComponent, decorators: [{
152
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: UploadNzComponent, decorators: [{
153
153
  type: Component,
154
154
  args: [{
155
155
  selector: 'formly-nz-upload',
156
- template: `
157
- <nz-upload
158
- [nzType]="nzType"
159
- [nzAccept]="nzAccept"
160
- [nzAction]="nzAction"
161
- [nzDirectory]="nzDirectory"
162
- [nzBeforeUpload]="nzBeforeUpload"
163
- [nzCustomRequest]="nzCustomRequest"
164
- [nzData]="nzData"
165
- [nzDisabled]="nzDisabled"
166
- [(nzFileList)]="nzFileList"
167
- [nzLimit]="nzLimit"
168
- [nzSize]="nzSize"
169
- [nzFileType]="nzFileType"
170
- [nzFilter]="nzFilter"
171
- [nzHeaders]="nzHeaders"
172
- [nzListType]="nzListType"
173
- [nzMultiple]="nzMultiple"
174
- [nzName]="nzName"
175
- [nzShowUploadList]="nzShowUploadList"
176
- [nzShowButton]="nzShowButton"
177
- [nzWithCredentials]="nzWithCredentials"
178
- [nzOpenFileDialogOnClick]="nzOpenFileDialogOnClick"
179
- [nzPreview]="nzPreview"
180
- [nzPreviewFile]="nzPreviewFile"
181
- [nzPreviewIsImage]="nzPreviewIsImage"
182
- [nzRemove]="nzRemove"
183
- [nzDownload]="nzDownload"
184
- [nzTransformFile]="nzTransformFile"
185
- [nzIconRender]="nzIconRender"
186
- [nzFileListRender]="nzFileListRender"
187
- [class]="className()"
188
- (nzChange)="change($event)"
189
- (nzFileListChange)="fileListChange($event)"
190
- >
191
- @switch (nzType) {
192
- @case ('drag') {
193
- <p class="ant-upload-drag-icon">
194
- <ng-container *ngTemplateOutlet="uploadButtonIconTpl"></ng-container>
195
- </p>
196
- <p class="ant-upload-text">{{ nzeText() }}</p>
197
- <p class="ant-upload-hint">{{ nzeHint() }}</p>
198
- }
199
- @default {
200
- @if (nzeShowUploadButton() !== false) {
201
- <button type="button" nz-button [disabled]="nzDisabled!!">
202
- <ng-container *ngTemplateOutlet="uploadButtonIconTpl"></ng-container>
203
- {{ nzeText() }}
204
- </button>
205
- } @else if (nzeShowUploadButton() === false) {
206
- <div>
207
- <ng-container *ngTemplateOutlet="uploadButtonIconTpl"></ng-container>
208
- {{ nzeText() }}
209
- <div class="ant-upload-hint" style="margin-top: 8px">{{ nzeHint() }}</div>
210
- </div>
211
- }
212
- }
213
- }
214
- <ng-template #uploadButtonIconTpl>
215
- @let icon = nzeUploadButtonIcon();
216
- @if (icon) {
217
- <span
218
- nz-icon
219
- [nzType]="icon.type"
220
- [nzTheme]="icon.theme || 'outline'"
221
- [nzSpin]="icon.spin!!"
222
- [nzTwotoneColor]="icon.twoToneColor || ''"
223
- ></span>
224
- }
225
- </ng-template>
226
- </nz-upload>
156
+ template: `
157
+ <nz-upload
158
+ [nzType]="nzType"
159
+ [nzAccept]="nzAccept"
160
+ [nzAction]="nzAction"
161
+ [nzDirectory]="nzDirectory"
162
+ [nzBeforeUpload]="nzBeforeUpload"
163
+ [nzCustomRequest]="nzCustomRequest"
164
+ [nzData]="nzData"
165
+ [nzDisabled]="nzDisabled"
166
+ [(nzFileList)]="nzFileList"
167
+ [nzLimit]="nzLimit"
168
+ [nzSize]="nzSize"
169
+ [nzFileType]="nzFileType"
170
+ [nzFilter]="nzFilter"
171
+ [nzHeaders]="nzHeaders"
172
+ [nzListType]="nzListType"
173
+ [nzMultiple]="nzMultiple"
174
+ [nzName]="nzName"
175
+ [nzShowUploadList]="nzShowUploadList"
176
+ [nzShowButton]="nzShowButton"
177
+ [nzWithCredentials]="nzWithCredentials"
178
+ [nzOpenFileDialogOnClick]="nzOpenFileDialogOnClick"
179
+ [nzPreview]="nzPreview"
180
+ [nzPreviewFile]="nzPreviewFile"
181
+ [nzPreviewIsImage]="nzPreviewIsImage"
182
+ [nzRemove]="nzRemove"
183
+ [nzDownload]="nzDownload"
184
+ [nzTransformFile]="nzTransformFile"
185
+ [nzIconRender]="nzIconRender"
186
+ [nzFileListRender]="nzFileListRender"
187
+ [class]="className()"
188
+ (nzChange)="change($event)"
189
+ (nzFileListChange)="fileListChange($event)"
190
+ >
191
+ @switch (nzType) {
192
+ @case ('drag') {
193
+ <p class="ant-upload-drag-icon">
194
+ <ng-container *ngTemplateOutlet="uploadButtonIconTpl"></ng-container>
195
+ </p>
196
+ <p class="ant-upload-text">{{ nzeText() }}</p>
197
+ <p class="ant-upload-hint">{{ nzeHint() }}</p>
198
+ }
199
+ @default {
200
+ @if (nzeShowUploadButton() !== false) {
201
+ <button type="button" nz-button [disabled]="nzDisabled!!">
202
+ <ng-container *ngTemplateOutlet="uploadButtonIconTpl"></ng-container>
203
+ {{ nzeText() }}
204
+ </button>
205
+ } @else if (nzeShowUploadButton() === false) {
206
+ <div>
207
+ <ng-container *ngTemplateOutlet="uploadButtonIconTpl"></ng-container>
208
+ {{ nzeText() }}
209
+ <div class="ant-upload-hint" style="margin-top: 8px">{{ nzeHint() }}</div>
210
+ </div>
211
+ }
212
+ }
213
+ }
214
+ <ng-template #uploadButtonIconTpl>
215
+ @let icon = nzeUploadButtonIcon();
216
+ @if (icon) {
217
+ <span
218
+ nz-icon
219
+ [nzType]="icon.type"
220
+ [nzTheme]="icon.theme || 'outline'"
221
+ [nzSpin]="icon.spin!!"
222
+ [nzTwotoneColor]="icon.twoToneColor || ''"
223
+ ></span>
224
+ }
225
+ </ng-template>
226
+ </nz-upload>
227
227
  `,
228
228
  encapsulation: ViewEncapsulation.None,
229
229
  changeDetection: ChangeDetectionStrategy.OnPush,
@@ -272,95 +272,95 @@ class FormlyFieldUpload extends FieldType {
272
272
  get nzFileListRender() {
273
273
  return resolveTplName(this.props, this.fieldTemplates, 'fileListRender');
274
274
  }
275
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: FormlyFieldUpload, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
276
- 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
277
- #uploadTpl
278
- [formControl]="formControl"
279
- [formlyAttributes]="field"
280
- [nzAccept]="props['accept']"
281
- [nzAction]="props['action']"
282
- [nzDirectory]="!!props['directory']"
283
- [nzBeforeUpload]="props['beforeUpload']"
284
- [nzCustomRequest]="props['customRequest']"
285
- [nzData]="props['data']"
286
- [nzDisabled]="props['disabled']!!"
287
- [(nzFileList)]="props['fileList']"
288
- [nzLimit]="props['limit']"
289
- [nzSize]="props['size']"
290
- [nzFileType]="props['fileType']"
291
- [nzFilter]="props['filter']!"
292
- [nzHeaders]="props['headers']"
293
- [nzListType]="props['listType']!"
294
- [nzMultiple]="props['multiple']!!"
295
- [nzName]="props.name ?? ''"
296
- [nzShowUploadList]="props['showUploadList']"
297
- [nzShowButton]="props['showButton']!!"
298
- [nzWithCredentials]="props['withCredentials']!!"
299
- [nzOpenFileDialogOnClick]="props['openFileDialogOnClick']!!"
300
- [nzPreview]="props['preview']"
301
- [nzPreviewFile]="props['previewFile']"
302
- [nzPreviewIsImage]="props['previewIsImage']"
303
- [nzRemove]="props['remove']"
304
- [nzDownload]="props['download']"
305
- [nzTransformFile]="props['transformFile']"
306
- [nzIconRender]="nzIconRender ?? null"
307
- [nzFileListRender]="nzFileListRender ?? null"
308
- [resultMap]="props['resultMap']"
309
- [nzeHint]="props['hint']"
310
- [nzeText]="props['text']"
311
- [nzeUploadButtonIcon]="props['uploadButtonIcon']"
312
- [nzeShowUploadButton]="props['showUploadButton']"
313
- [className]="props['className']"
314
- (nzChange)="props.change?.(field, $event)"
315
- (nzFileListChange)="props['fileListChange']?.(field, $event)"
316
- >
275
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: FormlyFieldUpload, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
276
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.1.8", 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
277
+ #uploadTpl
278
+ [formControl]="formControl"
279
+ [formlyAttributes]="field"
280
+ [nzAccept]="props['accept']"
281
+ [nzAction]="props['action']"
282
+ [nzDirectory]="!!props['directory']"
283
+ [nzBeforeUpload]="props['beforeUpload']"
284
+ [nzCustomRequest]="props['customRequest']"
285
+ [nzData]="props['data']"
286
+ [nzDisabled]="props['disabled']!!"
287
+ [(nzFileList)]="props['fileList']"
288
+ [nzLimit]="props['limit']"
289
+ [nzSize]="props['size']"
290
+ [nzFileType]="props['fileType']"
291
+ [nzFilter]="props['filter']!"
292
+ [nzHeaders]="props['headers']"
293
+ [nzListType]="props['listType']!"
294
+ [nzMultiple]="props['multiple']!!"
295
+ [nzName]="props.name ?? ''"
296
+ [nzShowUploadList]="props['showUploadList']"
297
+ [nzShowButton]="props['showButton']!!"
298
+ [nzWithCredentials]="props['withCredentials']!!"
299
+ [nzOpenFileDialogOnClick]="props['openFileDialogOnClick']!!"
300
+ [nzPreview]="props['preview']"
301
+ [nzPreviewFile]="props['previewFile']"
302
+ [nzPreviewIsImage]="props['previewIsImage']"
303
+ [nzRemove]="props['remove']"
304
+ [nzDownload]="props['download']"
305
+ [nzTransformFile]="props['transformFile']"
306
+ [nzIconRender]="nzIconRender ?? null"
307
+ [nzFileListRender]="nzFileListRender ?? null"
308
+ [resultMap]="props['resultMap']"
309
+ [nzeHint]="props['hint']"
310
+ [nzeText]="props['text']"
311
+ [nzeUploadButtonIcon]="props['uploadButtonIcon']"
312
+ [nzeShowUploadButton]="props['showUploadButton']"
313
+ [className]="props['className']"
314
+ (nzChange)="props.change?.(field, $event)"
315
+ (nzFileListChange)="props['fileListChange']?.(field, $event)"
316
+ >
317
317
  </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 }); }
318
318
  }
319
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: FormlyFieldUpload, decorators: [{
319
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: FormlyFieldUpload, decorators: [{
320
320
  type: Component,
321
321
  args: [{
322
322
  selector: 'formly-field-upload',
323
- template: `<formly-nz-upload
324
- #uploadTpl
325
- [formControl]="formControl"
326
- [formlyAttributes]="field"
327
- [nzAccept]="props['accept']"
328
- [nzAction]="props['action']"
329
- [nzDirectory]="!!props['directory']"
330
- [nzBeforeUpload]="props['beforeUpload']"
331
- [nzCustomRequest]="props['customRequest']"
332
- [nzData]="props['data']"
333
- [nzDisabled]="props['disabled']!!"
334
- [(nzFileList)]="props['fileList']"
335
- [nzLimit]="props['limit']"
336
- [nzSize]="props['size']"
337
- [nzFileType]="props['fileType']"
338
- [nzFilter]="props['filter']!"
339
- [nzHeaders]="props['headers']"
340
- [nzListType]="props['listType']!"
341
- [nzMultiple]="props['multiple']!!"
342
- [nzName]="props.name ?? ''"
343
- [nzShowUploadList]="props['showUploadList']"
344
- [nzShowButton]="props['showButton']!!"
345
- [nzWithCredentials]="props['withCredentials']!!"
346
- [nzOpenFileDialogOnClick]="props['openFileDialogOnClick']!!"
347
- [nzPreview]="props['preview']"
348
- [nzPreviewFile]="props['previewFile']"
349
- [nzPreviewIsImage]="props['previewIsImage']"
350
- [nzRemove]="props['remove']"
351
- [nzDownload]="props['download']"
352
- [nzTransformFile]="props['transformFile']"
353
- [nzIconRender]="nzIconRender ?? null"
354
- [nzFileListRender]="nzFileListRender ?? null"
355
- [resultMap]="props['resultMap']"
356
- [nzeHint]="props['hint']"
357
- [nzeText]="props['text']"
358
- [nzeUploadButtonIcon]="props['uploadButtonIcon']"
359
- [nzeShowUploadButton]="props['showUploadButton']"
360
- [className]="props['className']"
361
- (nzChange)="props.change?.(field, $event)"
362
- (nzFileListChange)="props['fileListChange']?.(field, $event)"
363
- >
323
+ template: `<formly-nz-upload
324
+ #uploadTpl
325
+ [formControl]="formControl"
326
+ [formlyAttributes]="field"
327
+ [nzAccept]="props['accept']"
328
+ [nzAction]="props['action']"
329
+ [nzDirectory]="!!props['directory']"
330
+ [nzBeforeUpload]="props['beforeUpload']"
331
+ [nzCustomRequest]="props['customRequest']"
332
+ [nzData]="props['data']"
333
+ [nzDisabled]="props['disabled']!!"
334
+ [(nzFileList)]="props['fileList']"
335
+ [nzLimit]="props['limit']"
336
+ [nzSize]="props['size']"
337
+ [nzFileType]="props['fileType']"
338
+ [nzFilter]="props['filter']!"
339
+ [nzHeaders]="props['headers']"
340
+ [nzListType]="props['listType']!"
341
+ [nzMultiple]="props['multiple']!!"
342
+ [nzName]="props.name ?? ''"
343
+ [nzShowUploadList]="props['showUploadList']"
344
+ [nzShowButton]="props['showButton']!!"
345
+ [nzWithCredentials]="props['withCredentials']!!"
346
+ [nzOpenFileDialogOnClick]="props['openFileDialogOnClick']!!"
347
+ [nzPreview]="props['preview']"
348
+ [nzPreviewFile]="props['previewFile']"
349
+ [nzPreviewIsImage]="props['previewIsImage']"
350
+ [nzRemove]="props['remove']"
351
+ [nzDownload]="props['download']"
352
+ [nzTransformFile]="props['transformFile']"
353
+ [nzIconRender]="nzIconRender ?? null"
354
+ [nzFileListRender]="nzFileListRender ?? null"
355
+ [resultMap]="props['resultMap']"
356
+ [nzeHint]="props['hint']"
357
+ [nzeText]="props['text']"
358
+ [nzeUploadButtonIcon]="props['uploadButtonIcon']"
359
+ [nzeShowUploadButton]="props['showUploadButton']"
360
+ [className]="props['className']"
361
+ (nzChange)="props.change?.(field, $event)"
362
+ (nzFileListChange)="props['fileListChange']?.(field, $event)"
363
+ >
364
364
  </formly-nz-upload>`,
365
365
  changeDetection: ChangeDetectionStrategy.OnPush,
366
366
  standalone: false
@@ -380,14 +380,14 @@ function withFormlyFieldUpload() {
380
380
  }
381
381
 
382
382
  class FormlyNzUploadModule {
383
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: FormlyNzUploadModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
384
- static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.6", ngImport: i0, type: FormlyNzUploadModule, declarations: [FormlyFieldUpload, UploadNzComponent], imports: [CommonModule,
383
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: FormlyNzUploadModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
384
+ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.8", ngImport: i0, type: FormlyNzUploadModule, declarations: [FormlyFieldUpload, UploadNzComponent], imports: [CommonModule,
385
385
  ReactiveFormsModule,
386
386
  FormlyNzFormFieldModule,
387
387
  NzUploadModule,
388
388
  NzButtonModule,
389
389
  NzIconModule, i2$1.FormlyModule] }); }
390
- static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: FormlyNzUploadModule, imports: [CommonModule,
390
+ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: FormlyNzUploadModule, imports: [CommonModule,
391
391
  ReactiveFormsModule,
392
392
  FormlyNzFormFieldModule,
393
393
  NzUploadModule,
@@ -395,7 +395,7 @@ class FormlyNzUploadModule {
395
395
  NzIconModule,
396
396
  FormlyModule.forChild(withFormlyFieldUpload())] }); }
397
397
  }
398
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: FormlyNzUploadModule, decorators: [{
398
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.8", ngImport: i0, type: FormlyNzUploadModule, decorators: [{
399
399
  type: NgModule,
400
400
  args: [{
401
401
  declarations: [FormlyFieldUpload, UploadNzComponent],