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.
- package/README.md +1 -1
- package/cascader/index.d.ts +6 -0
- package/fesm2022/ngx-formly-zorro-antd-button.mjs +124 -124
- package/fesm2022/ngx-formly-zorro-antd-button.mjs.map +1 -1
- package/fesm2022/ngx-formly-zorro-antd-card-wrapper.mjs +42 -42
- package/fesm2022/ngx-formly-zorro-antd-card-wrapper.mjs.map +1 -1
- package/fesm2022/ngx-formly-zorro-antd-card.mjs +52 -52
- package/fesm2022/ngx-formly-zorro-antd-card.mjs.map +1 -1
- package/fesm2022/ngx-formly-zorro-antd-cascader.mjs +78 -75
- package/fesm2022/ngx-formly-zorro-antd-cascader.mjs.map +1 -1
- package/fesm2022/ngx-formly-zorro-antd-checkbox.mjs +52 -52
- package/fesm2022/ngx-formly-zorro-antd-checkbox.mjs.map +1 -1
- package/fesm2022/ngx-formly-zorro-antd-common.mjs +7 -7
- package/fesm2022/ngx-formly-zorro-antd-common.mjs.map +1 -1
- package/fesm2022/ngx-formly-zorro-antd-datepicker.mjs +152 -152
- package/fesm2022/ngx-formly-zorro-antd-datepicker.mjs.map +1 -1
- package/fesm2022/ngx-formly-zorro-antd-extension.mjs.map +1 -1
- package/fesm2022/ngx-formly-zorro-antd-flex.mjs +40 -40
- package/fesm2022/ngx-formly-zorro-antd-flex.mjs.map +1 -1
- package/fesm2022/ngx-formly-zorro-antd-form-field.mjs +144 -144
- package/fesm2022/ngx-formly-zorro-antd-form-field.mjs.map +1 -1
- package/fesm2022/ngx-formly-zorro-antd-grid.mjs +64 -64
- package/fesm2022/ngx-formly-zorro-antd-grid.mjs.map +1 -1
- package/fesm2022/ngx-formly-zorro-antd-helpers.mjs.map +1 -1
- package/fesm2022/ngx-formly-zorro-antd-input-group.mjs +46 -46
- package/fesm2022/ngx-formly-zorro-antd-input-group.mjs.map +1 -1
- package/fesm2022/ngx-formly-zorro-antd-input-number.mjs +92 -92
- package/fesm2022/ngx-formly-zorro-antd-input-number.mjs.map +1 -1
- package/fesm2022/ngx-formly-zorro-antd-input-otp.mjs +30 -30
- package/fesm2022/ngx-formly-zorro-antd-input-otp.mjs.map +1 -1
- package/fesm2022/ngx-formly-zorro-antd-input.mjs +288 -288
- package/fesm2022/ngx-formly-zorro-antd-input.mjs.map +1 -1
- package/fesm2022/ngx-formly-zorro-antd-radio.mjs +50 -50
- package/fesm2022/ngx-formly-zorro-antd-radio.mjs.map +1 -1
- package/fesm2022/ngx-formly-zorro-antd-rate.mjs +36 -36
- package/fesm2022/ngx-formly-zorro-antd-rate.mjs.map +1 -1
- package/fesm2022/ngx-formly-zorro-antd-ref-template.mjs +14 -14
- package/fesm2022/ngx-formly-zorro-antd-ref-template.mjs.map +1 -1
- package/fesm2022/ngx-formly-zorro-antd-select.mjs +114 -113
- package/fesm2022/ngx-formly-zorro-antd-select.mjs.map +1 -1
- package/fesm2022/ngx-formly-zorro-antd-slider.mjs +36 -36
- package/fesm2022/ngx-formly-zorro-antd-slider.mjs.map +1 -1
- package/fesm2022/ngx-formly-zorro-antd-space-compact.mjs +18 -18
- package/fesm2022/ngx-formly-zorro-antd-space-compact.mjs.map +1 -1
- package/fesm2022/ngx-formly-zorro-antd-space.mjs +30 -30
- package/fesm2022/ngx-formly-zorro-antd-space.mjs.map +1 -1
- package/fesm2022/ngx-formly-zorro-antd-switch.mjs +30 -30
- package/fesm2022/ngx-formly-zorro-antd-switch.mjs.map +1 -1
- package/fesm2022/ngx-formly-zorro-antd-tabs.mjs +78 -78
- package/fesm2022/ngx-formly-zorro-antd-tabs.mjs.map +1 -1
- package/fesm2022/ngx-formly-zorro-antd-text-value.mjs +14 -14
- package/fesm2022/ngx-formly-zorro-antd-text-value.mjs.map +1 -1
- package/fesm2022/ngx-formly-zorro-antd-textarea.mjs +114 -114
- package/fesm2022/ngx-formly-zorro-antd-textarea.mjs.map +1 -1
- package/fesm2022/ngx-formly-zorro-antd-timepicker.mjs +66 -66
- package/fesm2022/ngx-formly-zorro-antd-timepicker.mjs.map +1 -1
- package/fesm2022/ngx-formly-zorro-antd-transfer.mjs +102 -102
- package/fesm2022/ngx-formly-zorro-antd-transfer.mjs.map +1 -1
- package/fesm2022/ngx-formly-zorro-antd-tree-select.mjs +79 -79
- package/fesm2022/ngx-formly-zorro-antd-tree-select.mjs.map +1 -1
- package/fesm2022/ngx-formly-zorro-antd-upload.mjs +240 -240
- package/fesm2022/ngx-formly-zorro-antd-upload.mjs.map +1 -1
- package/fesm2022/ngx-formly-zorro-antd.mjs +4 -4
- package/fesm2022/ngx-formly-zorro-antd.mjs.map +1 -1
- package/package.json +9 -9
- package/select/index.d.ts +1 -0
- 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.
|
73
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.
|
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.
|
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.
|
276
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.
|
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.
|
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.
|
384
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.
|
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.
|
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.
|
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],
|