ngx-formly-zorro-antd 17.0.11 → 17.1.1
Sign up to get free protection for your applications and to get access to all the features.
- package/README.md +1 -1
- package/autocomplete/autocomplete.props.d.ts +2 -4
- package/autocomplete/package.json +3 -0
- package/button/package.json +3 -0
- package/button-group/package.json +3 -0
- package/card/card.module.d.ts +1 -1
- package/card/package.json +3 -0
- package/card-wrapper/card-wrapper.props.d.ts +3 -2
- package/card-wrapper/package.json +3 -0
- package/cascader/package.json +3 -0
- package/checkbox/package.json +3 -0
- package/common/interface.d.ts +3 -1
- package/common/package.json +3 -0
- package/datepicker/package.json +3 -0
- package/esm2022/autocomplete/autocomplete.props.mjs +1 -1
- package/esm2022/autocomplete/public_api.mjs +1 -1
- package/esm2022/button/button.module.mjs +1 -1
- package/esm2022/button/button.type.mjs +123 -123
- package/esm2022/button/public_api.mjs +1 -1
- package/esm2022/button-group/button-group.module.mjs +1 -1
- package/esm2022/button-group/button-group.type.mjs +67 -67
- package/esm2022/button-group/public_api.mjs +1 -1
- package/esm2022/card/card.module.mjs +3 -4
- package/esm2022/card/card.type.mjs +51 -51
- package/esm2022/card/public_api.mjs +1 -1
- package/esm2022/card-wrapper/card-wrapper.module.mjs +1 -1
- package/esm2022/card-wrapper/card-wrapper.props.mjs +1 -1
- package/esm2022/card-wrapper/card.wrapper.mjs +37 -37
- package/esm2022/card-wrapper/public_api.mjs +1 -1
- package/esm2022/cascader/cascader.module.mjs +1 -1
- package/esm2022/cascader/cascader.type.mjs +65 -65
- package/esm2022/cascader/public_api.mjs +1 -1
- package/esm2022/checkbox/checkbox.module.mjs +1 -1
- package/esm2022/checkbox/checkbox.type.mjs +39 -39
- package/esm2022/checkbox/public_api.mjs +1 -1
- package/esm2022/common/common.module.mjs +1 -1
- package/esm2022/common/formly-box-templates.directive.mjs +1 -1
- package/esm2022/common/formly-utils.mjs +1 -1
- package/esm2022/common/interface.mjs +1 -1
- package/esm2022/common/public_api.mjs +1 -1
- package/esm2022/datepicker/datepicker.module.mjs +1 -1
- package/esm2022/datepicker/datepicker.props.mjs +1 -1
- package/esm2022/datepicker/datepicker.type.mjs +149 -149
- package/esm2022/datepicker/public_api.mjs +1 -1
- package/esm2022/extension/public_api.mjs +1 -1
- package/esm2022/extension/value-changes-extension.mjs +1 -1
- package/esm2022/form-field/form-field.module.mjs +1 -1
- package/esm2022/form-field/form-field.props.mjs +1 -1
- package/esm2022/form-field/form-field.wrapper.mjs +159 -125
- package/esm2022/form-field/public_api.mjs +1 -1
- package/esm2022/grid/grid.module.mjs +1 -1
- package/esm2022/grid/grid.props.mjs +1 -1
- package/esm2022/grid/grid.type.mjs +59 -59
- package/esm2022/grid/public_api.mjs +1 -1
- package/esm2022/index.mjs +1 -1
- package/esm2022/input/input.module.mjs +1 -1
- package/esm2022/input/input.props.mjs +1 -1
- package/esm2022/input/input.type.mjs +275 -275
- package/esm2022/input/public_api.mjs +1 -1
- package/esm2022/input-group/input-group.module.mjs +1 -1
- package/esm2022/input-group/input-group.props.mjs +1 -1
- package/esm2022/input-group/input-group.type.mjs +39 -39
- package/esm2022/input-group/public_api.mjs +1 -1
- package/esm2022/input-number/input-number.module.mjs +1 -1
- package/esm2022/input-number/input-number.props.mjs +1 -1
- package/esm2022/input-number/input-number.type.mjs +89 -89
- package/esm2022/input-number/public_api.mjs +1 -1
- package/esm2022/lib/ui-ng-zorro-antd.mjs +1 -1
- package/esm2022/lib/ui-ng-zorro-antd.module.mjs +1 -1
- package/esm2022/radio/public_api.mjs +1 -1
- package/esm2022/radio/radio.module.mjs +1 -1
- package/esm2022/radio/radio.type.mjs +81 -81
- package/esm2022/rate/public_api.mjs +1 -1
- package/esm2022/rate/rate.module.mjs +1 -1
- package/esm2022/rate/rate.type.mjs +33 -33
- package/esm2022/ref-template/public_api.mjs +1 -1
- package/esm2022/ref-template/ref-template.module.mjs +1 -1
- package/esm2022/ref-template/ref-template.type.mjs +9 -9
- package/esm2022/select/public_api.mjs +1 -1
- package/esm2022/select/select.module.mjs +1 -1
- package/esm2022/select/select.props.mjs +1 -1
- package/esm2022/select/select.type.mjs +123 -123
- package/esm2022/slider/public_api.mjs +1 -1
- package/esm2022/slider/slider.module.mjs +1 -1
- package/esm2022/slider/slider.type.mjs +33 -33
- package/esm2022/space/public_api.mjs +1 -1
- package/esm2022/space/space.module.mjs +1 -1
- package/esm2022/space/space.type.mjs +27 -27
- package/esm2022/switch/public_api.mjs +1 -1
- package/esm2022/switch/switch.module.mjs +1 -1
- package/esm2022/switch/switch.type.mjs +25 -25
- package/esm2022/tabs/public_api.mjs +1 -1
- package/esm2022/tabs/tabs.module.mjs +1 -1
- package/esm2022/tabs/tabs.props.mjs +1 -1
- package/esm2022/tabs/tabs.wrapper.mjs +79 -79
- package/esm2022/text-value/ngx-formly-zorro-antd-text-value.mjs +5 -0
- package/esm2022/text-value/public_api.mjs +3 -0
- package/esm2022/text-value/text-value.module.mjs +46 -0
- package/esm2022/text-value/text-value.type.mjs +68 -0
- package/esm2022/textarea/public_api.mjs +1 -1
- package/esm2022/textarea/textarea.module.mjs +1 -1
- package/esm2022/textarea/textarea.type.mjs +113 -113
- package/esm2022/timepicker/public_api.mjs +1 -1
- package/esm2022/timepicker/timepicker.module.mjs +1 -1
- package/esm2022/timepicker/timepicker.type.mjs +61 -61
- package/esm2022/transfer/public_api.mjs +1 -1
- package/esm2022/transfer/transfer.component.mjs +49 -49
- package/esm2022/transfer/transfer.module.mjs +1 -1
- package/esm2022/transfer/transfer.type.mjs +47 -47
- package/esm2022/tree-select/public_api.mjs +1 -1
- package/esm2022/tree-select/tree-select.module.mjs +1 -1
- package/esm2022/tree-select/tree-select.type.mjs +69 -69
- package/esm2022/upload/public_api.mjs +1 -1
- package/esm2022/upload/upload.component.mjs +145 -145
- package/esm2022/upload/upload.module.mjs +1 -1
- package/esm2022/upload/upload.props.mjs +1 -1
- package/esm2022/upload/upload.type.mjs +88 -87
- package/extension/package.json +3 -0
- package/fesm2022/ngx-formly-zorro-antd-button-group.mjs +66 -66
- package/fesm2022/ngx-formly-zorro-antd-button-group.mjs.map +1 -1
- package/fesm2022/ngx-formly-zorro-antd-button.mjs +122 -122
- package/fesm2022/ngx-formly-zorro-antd-button.mjs.map +1 -1
- package/fesm2022/ngx-formly-zorro-antd-card-wrapper.mjs +36 -36
- package/fesm2022/ngx-formly-zorro-antd-card-wrapper.mjs.map +1 -1
- package/fesm2022/ngx-formly-zorro-antd-card.mjs +52 -53
- package/fesm2022/ngx-formly-zorro-antd-card.mjs.map +1 -1
- package/fesm2022/ngx-formly-zorro-antd-cascader.mjs +64 -64
- package/fesm2022/ngx-formly-zorro-antd-cascader.mjs.map +1 -1
- package/fesm2022/ngx-formly-zorro-antd-checkbox.mjs +38 -38
- package/fesm2022/ngx-formly-zorro-antd-checkbox.mjs.map +1 -1
- package/fesm2022/ngx-formly-zorro-antd-common.mjs.map +1 -1
- package/fesm2022/ngx-formly-zorro-antd-datepicker.mjs +148 -148
- 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-form-field.mjs +158 -124
- package/fesm2022/ngx-formly-zorro-antd-form-field.mjs.map +1 -1
- package/fesm2022/ngx-formly-zorro-antd-grid.mjs +58 -58
- package/fesm2022/ngx-formly-zorro-antd-grid.mjs.map +1 -1
- package/fesm2022/ngx-formly-zorro-antd-input-group.mjs +38 -38
- package/fesm2022/ngx-formly-zorro-antd-input-group.mjs.map +1 -1
- package/fesm2022/ngx-formly-zorro-antd-input-number.mjs +88 -88
- package/fesm2022/ngx-formly-zorro-antd-input-number.mjs.map +1 -1
- package/fesm2022/ngx-formly-zorro-antd-input.mjs +274 -274
- package/fesm2022/ngx-formly-zorro-antd-input.mjs.map +1 -1
- package/fesm2022/ngx-formly-zorro-antd-radio.mjs +80 -80
- package/fesm2022/ngx-formly-zorro-antd-radio.mjs.map +1 -1
- package/fesm2022/ngx-formly-zorro-antd-rate.mjs +32 -32
- package/fesm2022/ngx-formly-zorro-antd-rate.mjs.map +1 -1
- package/fesm2022/ngx-formly-zorro-antd-ref-template.mjs +8 -8
- package/fesm2022/ngx-formly-zorro-antd-ref-template.mjs.map +1 -1
- package/fesm2022/ngx-formly-zorro-antd-select.mjs +122 -122
- package/fesm2022/ngx-formly-zorro-antd-select.mjs.map +1 -1
- package/fesm2022/ngx-formly-zorro-antd-slider.mjs +32 -32
- package/fesm2022/ngx-formly-zorro-antd-slider.mjs.map +1 -1
- package/fesm2022/ngx-formly-zorro-antd-space.mjs +26 -26
- package/fesm2022/ngx-formly-zorro-antd-space.mjs.map +1 -1
- package/fesm2022/ngx-formly-zorro-antd-switch.mjs +24 -24
- 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 +115 -0
- package/fesm2022/ngx-formly-zorro-antd-text-value.mjs.map +1 -0
- package/fesm2022/ngx-formly-zorro-antd-textarea.mjs +112 -112
- package/fesm2022/ngx-formly-zorro-antd-textarea.mjs.map +1 -1
- package/fesm2022/ngx-formly-zorro-antd-timepicker.mjs +60 -60
- package/fesm2022/ngx-formly-zorro-antd-timepicker.mjs.map +1 -1
- package/fesm2022/ngx-formly-zorro-antd-transfer.mjs +94 -94
- package/fesm2022/ngx-formly-zorro-antd-transfer.mjs.map +1 -1
- package/fesm2022/ngx-formly-zorro-antd-tree-select.mjs +68 -68
- package/fesm2022/ngx-formly-zorro-antd-tree-select.mjs.map +1 -1
- package/fesm2022/ngx-formly-zorro-antd-upload.mjs +230 -230
- package/fesm2022/ngx-formly-zorro-antd-upload.mjs.map +1 -1
- package/fesm2022/ngx-formly-zorro-antd.mjs.map +1 -1
- package/form-field/form-field.props.d.ts +24 -16
- package/form-field/form-field.wrapper.d.ts +4 -0
- package/form-field/package.json +3 -0
- package/grid/grid.props.d.ts +6 -9
- package/grid/package.json +3 -0
- package/input/package.json +3 -0
- package/input-group/package.json +3 -0
- package/input-number/package.json +3 -0
- package/package.json +19 -13
- package/radio/package.json +3 -0
- package/rate/package.json +3 -0
- package/ref-template/package.json +3 -0
- package/select/package.json +3 -0
- package/slider/package.json +3 -0
- package/space/package.json +3 -0
- package/switch/package.json +3 -0
- package/tabs/package.json +3 -0
- package/text-value/index.d.ts +5 -0
- package/text-value/package.json +3 -0
- package/text-value/public_api.d.ts +2 -0
- package/text-value/text-value.module.d.ts +11 -0
- package/text-value/text-value.type.d.ts +37 -0
- package/textarea/package.json +3 -0
- package/timepicker/package.json +3 -0
- package/transfer/package.json +3 -0
- package/tree-select/package.json +3 -0
- package/tree-select/tree-select.type.d.ts +2 -3
- package/upload/package.json +3 -0
- package/upload/upload.component.d.ts +3 -4
@@ -30,6 +30,18 @@ class FormlyWrapperFormField extends FieldWrapper {
|
|
30
30
|
get label() {
|
31
31
|
return resolveTplName(this.props, this.fieldTemplates, 'label');
|
32
32
|
}
|
33
|
+
get afterText() {
|
34
|
+
return resolveTplName(this.props, this.fieldTemplates, 'afterText');
|
35
|
+
}
|
36
|
+
get nzSuccessTip() {
|
37
|
+
return resolveTplName(this.props, this.fieldTemplates, 'successTip');
|
38
|
+
}
|
39
|
+
get nzValidatingTip() {
|
40
|
+
return resolveTplName(this.props, this.fieldTemplates, 'validatingTip');
|
41
|
+
}
|
42
|
+
get nzWarningTip() {
|
43
|
+
return resolveTplName(this.props, this.fieldTemplates, 'warningTip');
|
44
|
+
}
|
33
45
|
get hasError() {
|
34
46
|
return (this.formControl?.dirty || this.formControl?.touched) && this.formControl.errors;
|
35
47
|
}
|
@@ -37,134 +49,156 @@ class FormlyWrapperFormField extends FieldWrapper {
|
|
37
49
|
return this.hasError ? 'error' : 'success';
|
38
50
|
}
|
39
51
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: FormlyWrapperFormField, deps: [{ token: i1.FormlyBoxTemplates, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
|
40
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.0.6", type: FormlyWrapperFormField, selector: "formly-wrapper-nz-form-field", usesInheritance: true, ngImport: i0, template: `
|
41
|
-
<nz-form-item [ngClass]="props.itemClass">
|
42
|
-
@if (hasLabel && props['hideLabel'] !== true) {
|
43
|
-
<nz-form-label
|
44
|
-
[nzFlex]="props.labelFlex || formState.labelFlex"
|
45
|
-
[nzOffset]="props.labelOffset || formState.labelOffset"
|
46
|
-
[nzOrder]="props.labelOrder || formState.labelOrder"
|
47
|
-
[nzPull]="props.labelPull || formState.labelPull"
|
48
|
-
[nzPush]="props.labelPush || formState.labelPush"
|
49
|
-
[nzSpan]="props.labelSpan || formState.labelSpan"
|
50
|
-
[nzXs]="props.labelXs || formState.labelXs"
|
51
|
-
[nzSm]="props.labelSm || formState.labelSm"
|
52
|
-
[nzMd]="props.labelMd || formState.labelMd"
|
53
|
-
[nzLg]="props.labelLg || formState.labelLg"
|
54
|
-
[nzXl]="props.labelXl || formState.labelXl"
|
55
|
-
[nzXXl]="props.labelXXl || formState.labelXXl"
|
56
|
-
[ngClass]="props.labelClass || formState.labelClass"
|
57
|
-
[ngStyle]="props.labelStyle || formState.labelStyle"
|
58
|
-
[nzRequired]="props.required && props['hideRequiredMarker'] !== true"
|
59
|
-
[nzFor]="id"
|
60
|
-
[nzNoColon]="props['noColon'] ?? formState.noColon!!"
|
61
|
-
[nzTooltipTitle]="nzTooltipTitle"
|
62
|
-
[nzTooltipIcon]="props['tooltipIcon']!"
|
63
|
-
[nzLabelAlign]="props['labelAlign'] || 'right'"
|
64
|
-
[nzLabelWrap]="props['labelWrap'] ?? formState.labelWrap!!"
|
65
|
-
>
|
66
|
-
<ng-container
|
67
|
-
*nzStringTemplateOutlet="label; context: { $implicit: field, options: props }"
|
68
|
-
>
|
69
|
-
<div class="formly-label-text" [attr.title]="label" [innerHTML]="label"></div>
|
70
|
-
</ng-container>
|
71
|
-
</nz-form-label>
|
72
|
-
}
|
73
|
-
<nz-form-control
|
74
|
-
[nzValidateStatus]="validateStatus"
|
75
|
-
[nzHasFeedback]="props['hasFeedback']!!"
|
76
|
-
[nzExtra]="props.description || nzExtra"
|
77
|
-
[nzErrorTip]="errorTip"
|
78
|
-
[
|
79
|
-
[
|
80
|
-
[
|
81
|
-
[
|
82
|
-
[
|
83
|
-
[
|
84
|
-
[
|
85
|
-
[
|
86
|
-
[
|
87
|
-
[
|
88
|
-
[
|
89
|
-
[
|
90
|
-
[
|
91
|
-
[
|
92
|
-
|
93
|
-
|
94
|
-
|
95
|
-
|
96
|
-
|
97
|
-
|
98
|
-
|
99
|
-
|
100
|
-
|
101
|
-
|
52
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.0.6", type: FormlyWrapperFormField, selector: "formly-wrapper-nz-form-field", usesInheritance: true, ngImport: i0, template: `
|
53
|
+
<nz-form-item [ngClass]="props.itemClass">
|
54
|
+
@if (hasLabel && props['hideLabel'] !== true) {
|
55
|
+
<nz-form-label
|
56
|
+
[nzFlex]="props.labelFlex || formState.labelFlex"
|
57
|
+
[nzOffset]="props.labelOffset || formState.labelOffset"
|
58
|
+
[nzOrder]="props.labelOrder || formState.labelOrder"
|
59
|
+
[nzPull]="props.labelPull || formState.labelPull"
|
60
|
+
[nzPush]="props.labelPush || formState.labelPush"
|
61
|
+
[nzSpan]="props.labelSpan || formState.labelSpan"
|
62
|
+
[nzXs]="props.labelXs || formState.labelXs"
|
63
|
+
[nzSm]="props.labelSm || formState.labelSm"
|
64
|
+
[nzMd]="props.labelMd || formState.labelMd"
|
65
|
+
[nzLg]="props.labelLg || formState.labelLg"
|
66
|
+
[nzXl]="props.labelXl || formState.labelXl"
|
67
|
+
[nzXXl]="props.labelXXl || formState.labelXXl"
|
68
|
+
[ngClass]="props.labelClass || formState.labelClass"
|
69
|
+
[ngStyle]="props.labelStyle || formState.labelStyle"
|
70
|
+
[nzRequired]="props.required && props['hideRequiredMarker'] !== true"
|
71
|
+
[nzFor]="id"
|
72
|
+
[nzNoColon]="props['noColon'] ?? formState.noColon!!"
|
73
|
+
[nzTooltipTitle]="nzTooltipTitle"
|
74
|
+
[nzTooltipIcon]="props['tooltipIcon']!"
|
75
|
+
[nzLabelAlign]="props['labelAlign'] || 'right'"
|
76
|
+
[nzLabelWrap]="props['labelWrap'] ?? formState.labelWrap!!"
|
77
|
+
>
|
78
|
+
<ng-container
|
79
|
+
*nzStringTemplateOutlet="label; context: { $implicit: field, options: props }"
|
80
|
+
>
|
81
|
+
<div class="formly-label-text" [attr.title]="label" [innerHTML]="label"></div>
|
82
|
+
</ng-container>
|
83
|
+
</nz-form-label>
|
84
|
+
}
|
85
|
+
<nz-form-control
|
86
|
+
[nzValidateStatus]="validateStatus"
|
87
|
+
[nzHasFeedback]="props['hasFeedback']!!"
|
88
|
+
[nzExtra]="props.description || nzExtra"
|
89
|
+
[nzErrorTip]="errorTip"
|
90
|
+
[nzSuccessTip]="nzSuccessTip || formState.successTip"
|
91
|
+
[nzValidatingTip]="nzValidatingTip || formState.validatingTip"
|
92
|
+
[nzWarningTip]="nzWarningTip || formState.warningTip"
|
93
|
+
[nzAutoTips]="props['autoTips'] || formState.autoTips"
|
94
|
+
[nzDisableAutoTips]="props['disableAutoTips'] || formState.disableAutoTips"
|
95
|
+
[ngClass]="props.controlClass || formState.controlClass"
|
96
|
+
[ngStyle]="props.controlStyle || formState.controlStyle"
|
97
|
+
[nzFlex]="props.controlFlex || formState.controlFlex"
|
98
|
+
[nzOffset]="props.controlOffset || formState.controlOffset"
|
99
|
+
[nzOrder]="props.controlOrder || formState.controlOrder"
|
100
|
+
[nzPull]="props.controlPull || formState.controlPull"
|
101
|
+
[nzPush]="props.controlPush || formState.controlPush"
|
102
|
+
[nzSpan]="props.controlSpan || formState.controlSpan"
|
103
|
+
[nzXs]="props.controlXs || formState.controlXs"
|
104
|
+
[nzSm]="props.controlSm || formState.controlSm"
|
105
|
+
[nzMd]="props.controlMd || formState.controlMd"
|
106
|
+
[nzLg]="props.controlLg || formState.controlLg"
|
107
|
+
[nzXl]="props.controlXl || formState.controlXl"
|
108
|
+
[nzXXl]="props.controlXXl || formState.controlXXl"
|
109
|
+
>
|
110
|
+
<ng-container #fieldComponent></ng-container>
|
111
|
+
|
112
|
+
<ng-container
|
113
|
+
*nzStringTemplateOutlet="afterText; context: { $implicit: field, options: props }"
|
114
|
+
>
|
115
|
+
<span class="formly-label-text" [innerHTML]="afterText"></span>
|
116
|
+
</ng-container>
|
117
|
+
|
118
|
+
<ng-template #errorTip let-control>
|
119
|
+
@if (hasError) {
|
120
|
+
<formly-validation-message [field]="field"></formly-validation-message>
|
121
|
+
}
|
122
|
+
</ng-template>
|
123
|
+
</nz-form-control>
|
124
|
+
</nz-form-item>
|
102
125
|
`, isInline: true, styles: [":host .formly-label-text{overflow:hidden;text-overflow:ellipsis}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i3.NzColDirective, selector: "[nz-col],nz-col,nz-form-control,nz-form-label", inputs: ["nzFlex", "nzSpan", "nzOrder", "nzOffset", "nzPush", "nzPull", "nzXs", "nzSm", "nzMd", "nzLg", "nzXl", "nzXXl"], exportAs: ["nzCol"] }, { kind: "directive", type: i3.NzRowDirective, selector: "[nz-row],nz-row,nz-form-item", inputs: ["nzAlign", "nzJustify", "nzGutter"], exportAs: ["nzRow"] }, { kind: "component", type: i4.NzFormItemComponent, selector: "nz-form-item", exportAs: ["nzFormItem"] }, { kind: "component", type: i4.NzFormLabelComponent, selector: "nz-form-label", inputs: ["nzFor", "nzRequired", "nzNoColon", "nzTooltipTitle", "nzTooltipIcon", "nzLabelAlign", "nzLabelWrap"], exportAs: ["nzFormLabel"] }, { kind: "component", type: i4.NzFormControlComponent, selector: "nz-form-control", inputs: ["nzSuccessTip", "nzWarningTip", "nzErrorTip", "nzValidatingTip", "nzExtra", "nzAutoTips", "nzDisableAutoTips", "nzHasFeedback", "nzValidateStatus"], exportAs: ["nzFormControl"] }, { kind: "directive", type: i5.NzStringTemplateOutletDirective, selector: "[nzStringTemplateOutlet]", inputs: ["nzStringTemplateOutletContext", "nzStringTemplateOutlet"], exportAs: ["nzStringTemplateOutlet"] }, { kind: "component", type: i6.ɵFormlyValidationMessage, selector: "formly-validation-message", inputs: ["field"] }] }); }
|
103
126
|
}
|
104
127
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: FormlyWrapperFormField, decorators: [{
|
105
128
|
type: Component,
|
106
|
-
args: [{ selector: 'formly-wrapper-nz-form-field', template: `
|
107
|
-
<nz-form-item [ngClass]="props.itemClass">
|
108
|
-
@if (hasLabel && props['hideLabel'] !== true) {
|
109
|
-
<nz-form-label
|
110
|
-
[nzFlex]="props.labelFlex || formState.labelFlex"
|
111
|
-
[nzOffset]="props.labelOffset || formState.labelOffset"
|
112
|
-
[nzOrder]="props.labelOrder || formState.labelOrder"
|
113
|
-
[nzPull]="props.labelPull || formState.labelPull"
|
114
|
-
[nzPush]="props.labelPush || formState.labelPush"
|
115
|
-
[nzSpan]="props.labelSpan || formState.labelSpan"
|
116
|
-
[nzXs]="props.labelXs || formState.labelXs"
|
117
|
-
[nzSm]="props.labelSm || formState.labelSm"
|
118
|
-
[nzMd]="props.labelMd || formState.labelMd"
|
119
|
-
[nzLg]="props.labelLg || formState.labelLg"
|
120
|
-
[nzXl]="props.labelXl || formState.labelXl"
|
121
|
-
[nzXXl]="props.labelXXl || formState.labelXXl"
|
122
|
-
[ngClass]="props.labelClass || formState.labelClass"
|
123
|
-
[ngStyle]="props.labelStyle || formState.labelStyle"
|
124
|
-
[nzRequired]="props.required && props['hideRequiredMarker'] !== true"
|
125
|
-
[nzFor]="id"
|
126
|
-
[nzNoColon]="props['noColon'] ?? formState.noColon!!"
|
127
|
-
[nzTooltipTitle]="nzTooltipTitle"
|
128
|
-
[nzTooltipIcon]="props['tooltipIcon']!"
|
129
|
-
[nzLabelAlign]="props['labelAlign'] || 'right'"
|
130
|
-
[nzLabelWrap]="props['labelWrap'] ?? formState.labelWrap!!"
|
131
|
-
>
|
132
|
-
<ng-container
|
133
|
-
*nzStringTemplateOutlet="label; context: { $implicit: field, options: props }"
|
134
|
-
>
|
135
|
-
<div class="formly-label-text" [attr.title]="label" [innerHTML]="label"></div>
|
136
|
-
</ng-container>
|
137
|
-
</nz-form-label>
|
138
|
-
}
|
139
|
-
<nz-form-control
|
140
|
-
[nzValidateStatus]="validateStatus"
|
141
|
-
[nzHasFeedback]="props['hasFeedback']!!"
|
142
|
-
[nzExtra]="props.description || nzExtra"
|
143
|
-
[nzErrorTip]="errorTip"
|
144
|
-
[
|
145
|
-
[
|
146
|
-
[
|
147
|
-
[
|
148
|
-
[
|
149
|
-
[
|
150
|
-
[
|
151
|
-
[
|
152
|
-
[
|
153
|
-
[
|
154
|
-
[
|
155
|
-
[
|
156
|
-
[
|
157
|
-
[
|
158
|
-
|
159
|
-
|
160
|
-
|
161
|
-
|
162
|
-
|
163
|
-
|
164
|
-
|
165
|
-
|
166
|
-
|
167
|
-
|
129
|
+
args: [{ selector: 'formly-wrapper-nz-form-field', template: `
|
130
|
+
<nz-form-item [ngClass]="props.itemClass">
|
131
|
+
@if (hasLabel && props['hideLabel'] !== true) {
|
132
|
+
<nz-form-label
|
133
|
+
[nzFlex]="props.labelFlex || formState.labelFlex"
|
134
|
+
[nzOffset]="props.labelOffset || formState.labelOffset"
|
135
|
+
[nzOrder]="props.labelOrder || formState.labelOrder"
|
136
|
+
[nzPull]="props.labelPull || formState.labelPull"
|
137
|
+
[nzPush]="props.labelPush || formState.labelPush"
|
138
|
+
[nzSpan]="props.labelSpan || formState.labelSpan"
|
139
|
+
[nzXs]="props.labelXs || formState.labelXs"
|
140
|
+
[nzSm]="props.labelSm || formState.labelSm"
|
141
|
+
[nzMd]="props.labelMd || formState.labelMd"
|
142
|
+
[nzLg]="props.labelLg || formState.labelLg"
|
143
|
+
[nzXl]="props.labelXl || formState.labelXl"
|
144
|
+
[nzXXl]="props.labelXXl || formState.labelXXl"
|
145
|
+
[ngClass]="props.labelClass || formState.labelClass"
|
146
|
+
[ngStyle]="props.labelStyle || formState.labelStyle"
|
147
|
+
[nzRequired]="props.required && props['hideRequiredMarker'] !== true"
|
148
|
+
[nzFor]="id"
|
149
|
+
[nzNoColon]="props['noColon'] ?? formState.noColon!!"
|
150
|
+
[nzTooltipTitle]="nzTooltipTitle"
|
151
|
+
[nzTooltipIcon]="props['tooltipIcon']!"
|
152
|
+
[nzLabelAlign]="props['labelAlign'] || 'right'"
|
153
|
+
[nzLabelWrap]="props['labelWrap'] ?? formState.labelWrap!!"
|
154
|
+
>
|
155
|
+
<ng-container
|
156
|
+
*nzStringTemplateOutlet="label; context: { $implicit: field, options: props }"
|
157
|
+
>
|
158
|
+
<div class="formly-label-text" [attr.title]="label" [innerHTML]="label"></div>
|
159
|
+
</ng-container>
|
160
|
+
</nz-form-label>
|
161
|
+
}
|
162
|
+
<nz-form-control
|
163
|
+
[nzValidateStatus]="validateStatus"
|
164
|
+
[nzHasFeedback]="props['hasFeedback']!!"
|
165
|
+
[nzExtra]="props.description || nzExtra"
|
166
|
+
[nzErrorTip]="errorTip"
|
167
|
+
[nzSuccessTip]="nzSuccessTip || formState.successTip"
|
168
|
+
[nzValidatingTip]="nzValidatingTip || formState.validatingTip"
|
169
|
+
[nzWarningTip]="nzWarningTip || formState.warningTip"
|
170
|
+
[nzAutoTips]="props['autoTips'] || formState.autoTips"
|
171
|
+
[nzDisableAutoTips]="props['disableAutoTips'] || formState.disableAutoTips"
|
172
|
+
[ngClass]="props.controlClass || formState.controlClass"
|
173
|
+
[ngStyle]="props.controlStyle || formState.controlStyle"
|
174
|
+
[nzFlex]="props.controlFlex || formState.controlFlex"
|
175
|
+
[nzOffset]="props.controlOffset || formState.controlOffset"
|
176
|
+
[nzOrder]="props.controlOrder || formState.controlOrder"
|
177
|
+
[nzPull]="props.controlPull || formState.controlPull"
|
178
|
+
[nzPush]="props.controlPush || formState.controlPush"
|
179
|
+
[nzSpan]="props.controlSpan || formState.controlSpan"
|
180
|
+
[nzXs]="props.controlXs || formState.controlXs"
|
181
|
+
[nzSm]="props.controlSm || formState.controlSm"
|
182
|
+
[nzMd]="props.controlMd || formState.controlMd"
|
183
|
+
[nzLg]="props.controlLg || formState.controlLg"
|
184
|
+
[nzXl]="props.controlXl || formState.controlXl"
|
185
|
+
[nzXXl]="props.controlXXl || formState.controlXXl"
|
186
|
+
>
|
187
|
+
<ng-container #fieldComponent></ng-container>
|
188
|
+
|
189
|
+
<ng-container
|
190
|
+
*nzStringTemplateOutlet="afterText; context: { $implicit: field, options: props }"
|
191
|
+
>
|
192
|
+
<span class="formly-label-text" [innerHTML]="afterText"></span>
|
193
|
+
</ng-container>
|
194
|
+
|
195
|
+
<ng-template #errorTip let-control>
|
196
|
+
@if (hasError) {
|
197
|
+
<formly-validation-message [field]="field"></formly-validation-message>
|
198
|
+
}
|
199
|
+
</ng-template>
|
200
|
+
</nz-form-control>
|
201
|
+
</nz-form-item>
|
168
202
|
`, styles: [":host .formly-label-text{overflow:hidden;text-overflow:ellipsis}\n"] }]
|
169
203
|
}], ctorParameters: () => [{ type: i1.FormlyBoxTemplates, decorators: [{
|
170
204
|
type: Optional
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"ngx-formly-zorro-antd-form-field.mjs","sources":["../../../../packages/formlyantd/form-field/src/form-field.wrapper.ts","../../../../packages/formlyantd/form-field/src/form-field.module.ts","../../../../packages/formlyantd/form-field/src/ngx-formly-zorro-antd-form-field.ts"],"sourcesContent":["import { Component, Optional } from '@angular/core';\r\nimport { FieldWrapper } from '@ngx-formly/core';\r\nimport type { NzFormWrapperProps } from './form-field.props';\r\nimport type { NzFormlyFieldConfig } from 'ngx-formly-zorro-antd/common';\r\nimport { resolveTplName, hasTplNameValue, FormlyBoxTemplates } from 'ngx-formly-zorro-antd/common';\r\n\r\nexport type FormlyFieldProps = NzFormWrapperProps;\r\n\r\n@Component({\r\n selector: 'formly-wrapper-nz-form-field',\r\n styleUrls: ['./form-field.wrapper.scss'],\r\n template: `\r\n <nz-form-item [ngClass]=\"props.itemClass\">\r\n @if (hasLabel && props['hideLabel'] !== true) {\r\n <nz-form-label\r\n [nzFlex]=\"props.labelFlex || formState.labelFlex\"\r\n [nzOffset]=\"props.labelOffset || formState.labelOffset\"\r\n [nzOrder]=\"props.labelOrder || formState.labelOrder\"\r\n [nzPull]=\"props.labelPull || formState.labelPull\"\r\n [nzPush]=\"props.labelPush || formState.labelPush\"\r\n [nzSpan]=\"props.labelSpan || formState.labelSpan\"\r\n [nzXs]=\"props.labelXs || formState.labelXs\"\r\n [nzSm]=\"props.labelSm || formState.labelSm\"\r\n [nzMd]=\"props.labelMd || formState.labelMd\"\r\n [nzLg]=\"props.labelLg || formState.labelLg\"\r\n [nzXl]=\"props.labelXl || formState.labelXl\"\r\n [nzXXl]=\"props.labelXXl || formState.labelXXl\"\r\n [ngClass]=\"props.labelClass || formState.labelClass\"\r\n [ngStyle]=\"props.labelStyle || formState.labelStyle\"\r\n [nzRequired]=\"props.required && props['hideRequiredMarker'] !== true\"\r\n [nzFor]=\"id\"\r\n [nzNoColon]=\"props['noColon'] ?? formState.noColon!!\"\r\n [nzTooltipTitle]=\"nzTooltipTitle\"\r\n [nzTooltipIcon]=\"props['tooltipIcon']!\"\r\n [nzLabelAlign]=\"props['labelAlign'] || 'right'\"\r\n [nzLabelWrap]=\"props['labelWrap'] ?? formState.labelWrap!!\"\r\n >\r\n <ng-container\r\n *nzStringTemplateOutlet=\"label; context: { $implicit: field, options: props }\"\r\n >\r\n <div class=\"formly-label-text\" [attr.title]=\"label\" [innerHTML]=\"label\"></div>\r\n </ng-container>\r\n </nz-form-label>\r\n }\r\n <nz-form-control\r\n [nzValidateStatus]=\"validateStatus\"\r\n [nzHasFeedback]=\"props['hasFeedback']!!\"\r\n [nzExtra]=\"props.description || nzExtra\"\r\n [nzErrorTip]=\"errorTip\"\r\n [ngClass]=\"props.controlClass || formState.controlClass\"\r\n [ngStyle]=\"props.controlStyle || formState.controlStyle\"\r\n [nzFlex]=\"props.controlFlex || formState.controlFlex\"\r\n [nzOffset]=\"props.controlOffset || formState.controlOffset\"\r\n [nzOrder]=\"props.controlOrder || formState.controlOrder\"\r\n [nzPull]=\"props.controlPull || formState.controlPull\"\r\n [nzPush]=\"props.controlPush || formState.controlPush\"\r\n [nzSpan]=\"props.controlSpan || formState.controlSpan\"\r\n [nzXs]=\"props.controlXs || formState.controlXs\"\r\n [nzSm]=\"props.controlSm || formState.controlSm\"\r\n [nzMd]=\"props.controlMd || formState.controlMd\"\r\n [nzLg]=\"props.controlLg || formState.controlLg\"\r\n [nzXl]=\"props.controlXl || formState.controlXl\"\r\n [nzXXl]=\"props.controlXXl || formState.controlXXl\"\r\n >\r\n <ng-container #fieldComponent></ng-container>\r\n\r\n <ng-template #errorTip let-control>\r\n @if (hasError) {\r\n <formly-validation-message [field]=\"field\"></formly-validation-message>\r\n }\r\n </ng-template>\r\n </nz-form-control>\r\n </nz-form-item>\r\n `\r\n})\r\nexport class FormlyWrapperFormField extends FieldWrapper<NzFormlyFieldConfig<FormlyFieldProps>> {\r\n constructor(@Optional() public fieldTemplates: FormlyBoxTemplates) {\r\n super();\r\n }\r\n\r\n get nzTooltipTitle() {\r\n return resolveTplName(this.props, this.fieldTemplates, 'tooltipTitle');\r\n }\r\n get nzExtra() {\r\n return resolveTplName(this.props, this.fieldTemplates, 'extra');\r\n }\r\n get hasLabel() {\r\n return hasTplNameValue(this.props, 'label');\r\n }\r\n\r\n get label() {\r\n return resolveTplName(this.props, this.fieldTemplates, 'label');\r\n }\r\n\r\n get hasError() {\r\n return (this.formControl?.dirty || this.formControl?.touched) && this.formControl.errors;\r\n }\r\n get validateStatus() {\r\n return this.hasError ? 'error' : 'success';\r\n }\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { ReactiveFormsModule } from '@angular/forms';\r\nimport { FormlyModule } from '@ngx-formly/core';\r\nimport { NzFormModule } from 'ng-zorro-antd/form';\r\nimport { FormlyWrapperFormField } from './form-field.wrapper';\r\nimport { NzOutletModule } from 'ng-zorro-antd/core/outlet';\r\n\r\n@NgModule({\r\n declarations: [FormlyWrapperFormField],\r\n imports: [\r\n CommonModule,\r\n ReactiveFormsModule,\r\n NzFormModule,\r\n NzOutletModule,\r\n FormlyModule.forChild({\r\n wrappers: [\r\n {\r\n name: 'form-field',\r\n component: FormlyWrapperFormField\r\n }\r\n ]\r\n })\r\n ]\r\n})\r\nexport class FormlyNzFormFieldModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":["i1"],"mappings":"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"}
|
1
|
+
{"version":3,"file":"ngx-formly-zorro-antd-form-field.mjs","sources":["../../../../packages/formlyantd/form-field/src/form-field.wrapper.ts","../../../../packages/formlyantd/form-field/src/form-field.module.ts","../../../../packages/formlyantd/form-field/src/ngx-formly-zorro-antd-form-field.ts"],"sourcesContent":["import { Component, Optional } from '@angular/core';\nimport { FieldWrapper } from '@ngx-formly/core';\nimport type { NzFormWrapperProps } from './form-field.props';\nimport type { NzFormlyFieldConfig } from 'ngx-formly-zorro-antd/common';\nimport { resolveTplName, hasTplNameValue, FormlyBoxTemplates } from 'ngx-formly-zorro-antd/common';\n\nexport type FormlyFieldProps = NzFormWrapperProps;\n\n@Component({\n selector: 'formly-wrapper-nz-form-field',\n styleUrls: ['./form-field.wrapper.scss'],\n template: `\n <nz-form-item [ngClass]=\"props.itemClass\">\n @if (hasLabel && props['hideLabel'] !== true) {\n <nz-form-label\n [nzFlex]=\"props.labelFlex || formState.labelFlex\"\n [nzOffset]=\"props.labelOffset || formState.labelOffset\"\n [nzOrder]=\"props.labelOrder || formState.labelOrder\"\n [nzPull]=\"props.labelPull || formState.labelPull\"\n [nzPush]=\"props.labelPush || formState.labelPush\"\n [nzSpan]=\"props.labelSpan || formState.labelSpan\"\n [nzXs]=\"props.labelXs || formState.labelXs\"\n [nzSm]=\"props.labelSm || formState.labelSm\"\n [nzMd]=\"props.labelMd || formState.labelMd\"\n [nzLg]=\"props.labelLg || formState.labelLg\"\n [nzXl]=\"props.labelXl || formState.labelXl\"\n [nzXXl]=\"props.labelXXl || formState.labelXXl\"\n [ngClass]=\"props.labelClass || formState.labelClass\"\n [ngStyle]=\"props.labelStyle || formState.labelStyle\"\n [nzRequired]=\"props.required && props['hideRequiredMarker'] !== true\"\n [nzFor]=\"id\"\n [nzNoColon]=\"props['noColon'] ?? formState.noColon!!\"\n [nzTooltipTitle]=\"nzTooltipTitle\"\n [nzTooltipIcon]=\"props['tooltipIcon']!\"\n [nzLabelAlign]=\"props['labelAlign'] || 'right'\"\n [nzLabelWrap]=\"props['labelWrap'] ?? formState.labelWrap!!\"\n >\n <ng-container\n *nzStringTemplateOutlet=\"label; context: { $implicit: field, options: props }\"\n >\n <div class=\"formly-label-text\" [attr.title]=\"label\" [innerHTML]=\"label\"></div>\n </ng-container>\n </nz-form-label>\n }\n <nz-form-control\n [nzValidateStatus]=\"validateStatus\"\n [nzHasFeedback]=\"props['hasFeedback']!!\"\n [nzExtra]=\"props.description || nzExtra\"\n [nzErrorTip]=\"errorTip\"\n [nzSuccessTip]=\"nzSuccessTip || formState.successTip\"\n [nzValidatingTip]=\"nzValidatingTip || formState.validatingTip\"\n [nzWarningTip]=\"nzWarningTip || formState.warningTip\"\n [nzAutoTips]=\"props['autoTips'] || formState.autoTips\"\n [nzDisableAutoTips]=\"props['disableAutoTips'] || formState.disableAutoTips\"\n [ngClass]=\"props.controlClass || formState.controlClass\"\n [ngStyle]=\"props.controlStyle || formState.controlStyle\"\n [nzFlex]=\"props.controlFlex || formState.controlFlex\"\n [nzOffset]=\"props.controlOffset || formState.controlOffset\"\n [nzOrder]=\"props.controlOrder || formState.controlOrder\"\n [nzPull]=\"props.controlPull || formState.controlPull\"\n [nzPush]=\"props.controlPush || formState.controlPush\"\n [nzSpan]=\"props.controlSpan || formState.controlSpan\"\n [nzXs]=\"props.controlXs || formState.controlXs\"\n [nzSm]=\"props.controlSm || formState.controlSm\"\n [nzMd]=\"props.controlMd || formState.controlMd\"\n [nzLg]=\"props.controlLg || formState.controlLg\"\n [nzXl]=\"props.controlXl || formState.controlXl\"\n [nzXXl]=\"props.controlXXl || formState.controlXXl\"\n >\n <ng-container #fieldComponent></ng-container>\n\n <ng-container\n *nzStringTemplateOutlet=\"afterText; context: { $implicit: field, options: props }\"\n >\n <span class=\"formly-label-text\" [innerHTML]=\"afterText\"></span>\n </ng-container>\n\n <ng-template #errorTip let-control>\n @if (hasError) {\n <formly-validation-message [field]=\"field\"></formly-validation-message>\n }\n </ng-template>\n </nz-form-control>\n </nz-form-item>\n `\n})\nexport class FormlyWrapperFormField extends FieldWrapper<NzFormlyFieldConfig<FormlyFieldProps>> {\n constructor(@Optional() public fieldTemplates: FormlyBoxTemplates) {\n super();\n }\n\n get nzTooltipTitle() {\n return resolveTplName(this.props, this.fieldTemplates, 'tooltipTitle');\n }\n get nzExtra() {\n return resolveTplName(this.props, this.fieldTemplates, 'extra');\n }\n get hasLabel() {\n return hasTplNameValue(this.props, 'label');\n }\n\n get label() {\n return resolveTplName(this.props, this.fieldTemplates, 'label');\n }\n\n get afterText() {\n return resolveTplName(this.props, this.fieldTemplates, 'afterText');\n }\n\n get nzSuccessTip() {\n return resolveTplName(this.props, this.fieldTemplates, 'successTip');\n }\n get nzValidatingTip() {\n return resolveTplName(this.props, this.fieldTemplates, 'validatingTip');\n }\n get nzWarningTip() {\n return resolveTplName(this.props, this.fieldTemplates, 'warningTip');\n }\n\n get hasError() {\n return (this.formControl?.dirty || this.formControl?.touched) && this.formControl.errors;\n }\n get validateStatus() {\n return this.hasError ? 'error' : 'success';\n }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { FormlyModule } from '@ngx-formly/core';\nimport { NzFormModule } from 'ng-zorro-antd/form';\nimport { FormlyWrapperFormField } from './form-field.wrapper';\nimport { NzOutletModule } from 'ng-zorro-antd/core/outlet';\n\n@NgModule({\n declarations: [FormlyWrapperFormField],\n imports: [\n CommonModule,\n ReactiveFormsModule,\n NzFormModule,\n NzOutletModule,\n FormlyModule.forChild({\n wrappers: [\n {\n name: 'form-field',\n component: FormlyWrapperFormField\n }\n ]\n })\n ]\n})\nexport class FormlyNzFormFieldModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":["i1"],"mappings":"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"}
|
@@ -9,70 +9,70 @@ import { NzGridModule } from 'ng-zorro-antd/grid';
|
|
9
9
|
|
10
10
|
class FormlyFieldGrid extends FieldType {
|
11
11
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: FormlyFieldGrid, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
12
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.0.6", type: FormlyFieldGrid, selector: "formly-field-grid", usesInheritance: true, ngImport: i0, template: `
|
13
|
-
<div
|
14
|
-
nz-row
|
15
|
-
[ngStyle]="props['
|
16
|
-
[ngClass]="props['
|
17
|
-
[nzAlign]="props.align ?? null"
|
18
|
-
[nzGutter]="props.gutter ?? null"
|
19
|
-
[nzJustify]="props.justify ?? null"
|
20
|
-
[formlyAttributes]="field"
|
21
|
-
>
|
22
|
-
@for (item of field.fieldGroup; track item.id) {
|
23
|
-
<formly-field
|
24
|
-
[field]="item"
|
25
|
-
nz-col
|
26
|
-
[nzFlex]="item.props?.['flex'] || props.flex"
|
27
|
-
[nzOffset]="item.props?.['offset'] || props.offset"
|
28
|
-
[nzOrder]="item.props?.['order'] || props.order"
|
29
|
-
[nzPull]="item.props?.['pull'] || props.pull"
|
30
|
-
[nzPush]="item.props?.['push'] || props.push"
|
31
|
-
[nzSpan]="item.props?.['span'] || props.span"
|
32
|
-
[nzXs]="item.props?.['xs'] || props.xs"
|
33
|
-
[nzSm]="item.props?.['sm'] || props.sm"
|
34
|
-
[nzMd]="item.props?.['md'] || props.md"
|
35
|
-
[nzLg]="item.props?.['lg'] || props.lg"
|
36
|
-
[nzXl]="item.props?.['xl'] || props.xl"
|
37
|
-
[nzXXl]="item.props?.['xxl'] || props.xxl"
|
38
|
-
></formly-field>
|
39
|
-
}
|
40
|
-
</div>
|
12
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.0.6", type: FormlyFieldGrid, selector: "formly-field-grid", usesInheritance: true, ngImport: i0, template: `
|
13
|
+
<div
|
14
|
+
nz-row
|
15
|
+
[ngStyle]="props['ngStyle']"
|
16
|
+
[ngClass]="props['ngClass']"
|
17
|
+
[nzAlign]="props.align ?? null"
|
18
|
+
[nzGutter]="props.gutter ?? null"
|
19
|
+
[nzJustify]="props.justify ?? null"
|
20
|
+
[formlyAttributes]="field"
|
21
|
+
>
|
22
|
+
@for (item of field.fieldGroup; track item.id) {
|
23
|
+
<formly-field
|
24
|
+
[field]="item"
|
25
|
+
nz-col
|
26
|
+
[nzFlex]="item.props?.['flex'] || props.flex"
|
27
|
+
[nzOffset]="item.props?.['offset'] || props.offset"
|
28
|
+
[nzOrder]="item.props?.['order'] || props.order"
|
29
|
+
[nzPull]="item.props?.['pull'] || props.pull"
|
30
|
+
[nzPush]="item.props?.['push'] || props.push"
|
31
|
+
[nzSpan]="item.props?.['span'] || props.span"
|
32
|
+
[nzXs]="item.props?.['xs'] || props.xs"
|
33
|
+
[nzSm]="item.props?.['sm'] || props.sm"
|
34
|
+
[nzMd]="item.props?.['md'] || props.md"
|
35
|
+
[nzLg]="item.props?.['lg'] || props.lg"
|
36
|
+
[nzXl]="item.props?.['xl'] || props.xl"
|
37
|
+
[nzXXl]="item.props?.['xxl'] || props.xxl"
|
38
|
+
></formly-field>
|
39
|
+
}
|
40
|
+
</div>
|
41
41
|
`, isInline: true, dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2.NzColDirective, selector: "[nz-col],nz-col,nz-form-control,nz-form-label", inputs: ["nzFlex", "nzSpan", "nzOrder", "nzOffset", "nzPush", "nzPull", "nzXs", "nzSm", "nzMd", "nzLg", "nzXl", "nzXXl"], exportAs: ["nzCol"] }, { kind: "directive", type: i2.NzRowDirective, selector: "[nz-row],nz-row,nz-form-item", inputs: ["nzAlign", "nzJustify", "nzGutter"], exportAs: ["nzRow"] }, { kind: "component", type: i3.FormlyField, selector: "formly-field", inputs: ["field"] }, { kind: "directive", type: i3.ɵFormlyAttributes, selector: "[formlyAttributes]", inputs: ["formlyAttributes", "id"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
42
42
|
}
|
43
43
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: FormlyFieldGrid, decorators: [{
|
44
44
|
type: Component,
|
45
45
|
args: [{
|
46
46
|
selector: 'formly-field-grid',
|
47
|
-
template: `
|
48
|
-
<div
|
49
|
-
nz-row
|
50
|
-
[ngStyle]="props['
|
51
|
-
[ngClass]="props['
|
52
|
-
[nzAlign]="props.align ?? null"
|
53
|
-
[nzGutter]="props.gutter ?? null"
|
54
|
-
[nzJustify]="props.justify ?? null"
|
55
|
-
[formlyAttributes]="field"
|
56
|
-
>
|
57
|
-
@for (item of field.fieldGroup; track item.id) {
|
58
|
-
<formly-field
|
59
|
-
[field]="item"
|
60
|
-
nz-col
|
61
|
-
[nzFlex]="item.props?.['flex'] || props.flex"
|
62
|
-
[nzOffset]="item.props?.['offset'] || props.offset"
|
63
|
-
[nzOrder]="item.props?.['order'] || props.order"
|
64
|
-
[nzPull]="item.props?.['pull'] || props.pull"
|
65
|
-
[nzPush]="item.props?.['push'] || props.push"
|
66
|
-
[nzSpan]="item.props?.['span'] || props.span"
|
67
|
-
[nzXs]="item.props?.['xs'] || props.xs"
|
68
|
-
[nzSm]="item.props?.['sm'] || props.sm"
|
69
|
-
[nzMd]="item.props?.['md'] || props.md"
|
70
|
-
[nzLg]="item.props?.['lg'] || props.lg"
|
71
|
-
[nzXl]="item.props?.['xl'] || props.xl"
|
72
|
-
[nzXXl]="item.props?.['xxl'] || props.xxl"
|
73
|
-
></formly-field>
|
74
|
-
}
|
75
|
-
</div>
|
47
|
+
template: `
|
48
|
+
<div
|
49
|
+
nz-row
|
50
|
+
[ngStyle]="props['ngStyle']"
|
51
|
+
[ngClass]="props['ngClass']"
|
52
|
+
[nzAlign]="props.align ?? null"
|
53
|
+
[nzGutter]="props.gutter ?? null"
|
54
|
+
[nzJustify]="props.justify ?? null"
|
55
|
+
[formlyAttributes]="field"
|
56
|
+
>
|
57
|
+
@for (item of field.fieldGroup; track item.id) {
|
58
|
+
<formly-field
|
59
|
+
[field]="item"
|
60
|
+
nz-col
|
61
|
+
[nzFlex]="item.props?.['flex'] || props.flex"
|
62
|
+
[nzOffset]="item.props?.['offset'] || props.offset"
|
63
|
+
[nzOrder]="item.props?.['order'] || props.order"
|
64
|
+
[nzPull]="item.props?.['pull'] || props.pull"
|
65
|
+
[nzPush]="item.props?.['push'] || props.push"
|
66
|
+
[nzSpan]="item.props?.['span'] || props.span"
|
67
|
+
[nzXs]="item.props?.['xs'] || props.xs"
|
68
|
+
[nzSm]="item.props?.['sm'] || props.sm"
|
69
|
+
[nzMd]="item.props?.['md'] || props.md"
|
70
|
+
[nzLg]="item.props?.['lg'] || props.lg"
|
71
|
+
[nzXl]="item.props?.['xl'] || props.xl"
|
72
|
+
[nzXXl]="item.props?.['xxl'] || props.xxl"
|
73
|
+
></formly-field>
|
74
|
+
}
|
75
|
+
</div>
|
76
76
|
`,
|
77
77
|
changeDetection: ChangeDetectionStrategy.OnPush
|
78
78
|
}]
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"ngx-formly-zorro-antd-grid.mjs","sources":["../../../../packages/formlyantd/grid/src/grid.type.ts","../../../../packages/formlyantd/grid/src/grid.module.ts","../../../../packages/formlyantd/grid/src/ngx-formly-zorro-antd-grid.ts"],"sourcesContent":["import { Component, Type, ChangeDetectionStrategy } from '@angular/core';\
|
1
|
+
{"version":3,"file":"ngx-formly-zorro-antd-grid.mjs","sources":["../../../../packages/formlyantd/grid/src/grid.type.ts","../../../../packages/formlyantd/grid/src/grid.module.ts","../../../../packages/formlyantd/grid/src/ngx-formly-zorro-antd-grid.ts"],"sourcesContent":["import { Component, Type, ChangeDetectionStrategy } from '@angular/core';\nimport { FieldType, FieldTypeConfig } from '@ngx-formly/core';\nimport type { NzFormlyFieldConfig } from 'ngx-formly-zorro-antd/common';\nimport type { GridProps } from './grid.props';\n\nexport interface FormlyGridFieldConfig extends NzFormlyFieldConfig<GridProps> {\n type: 'grid' | Type<FormlyFieldGrid>;\n}\n\n@Component({\n selector: 'formly-field-grid',\n template: `\n <div\n nz-row\n [ngStyle]=\"props['ngStyle']\"\n [ngClass]=\"props['ngClass']\"\n [nzAlign]=\"props.align ?? null\"\n [nzGutter]=\"props.gutter ?? null\"\n [nzJustify]=\"props.justify ?? null\"\n [formlyAttributes]=\"field\"\n >\n @for (item of field.fieldGroup; track item.id) {\n <formly-field\n [field]=\"item\"\n nz-col\n [nzFlex]=\"item.props?.['flex'] || props.flex\"\n [nzOffset]=\"item.props?.['offset'] || props.offset\"\n [nzOrder]=\"item.props?.['order'] || props.order\"\n [nzPull]=\"item.props?.['pull'] || props.pull\"\n [nzPush]=\"item.props?.['push'] || props.push\"\n [nzSpan]=\"item.props?.['span'] || props.span\"\n [nzXs]=\"item.props?.['xs'] || props.xs\"\n [nzSm]=\"item.props?.['sm'] || props.sm\"\n [nzMd]=\"item.props?.['md'] || props.md\"\n [nzLg]=\"item.props?.['lg'] || props.lg\"\n [nzXl]=\"item.props?.['xl'] || props.xl\"\n [nzXXl]=\"item.props?.['xxl'] || props.xxl\"\n ></formly-field>\n }\n </div>\n `,\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class FormlyFieldGrid extends FieldType<FieldTypeConfig<GridProps>> {}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormlyModule } from '@ngx-formly/core';\n\nimport { FormlyFieldGrid } from './grid.type';\n\nimport { NzGridModule } from 'ng-zorro-antd/grid';\n\n@NgModule({\n declarations: [FormlyFieldGrid],\n imports: [\n CommonModule,\n NzGridModule,\n\n FormlyModule.forChild({\n types: [\n {\n name: 'grid',\n component: FormlyFieldGrid\n }\n ]\n })\n ]\n})\nexport class FormlyNzGridModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":["i1"],"mappings":"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"}
|
@@ -18,50 +18,50 @@ class FormlyFieldInputGroup extends FieldType {
|
|
18
18
|
};
|
19
19
|
}
|
20
20
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: FormlyFieldInputGroup, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
21
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.0.6", type: FormlyFieldInputGroup, selector: "formly-field-input-group", usesInheritance: true, ngImport: i0, template: `
|
22
|
-
<nz-input-group
|
23
|
-
[nzPrefixIcon]="props['prefixIcon']"
|
24
|
-
[nzSuffixIcon]="props['suffixIcon']"
|
25
|
-
[nzAddOnAfterIcon]="props['addOnAfterIcon']"
|
26
|
-
[nzAddOnBeforeIcon]="props['addOnBeforeIcon']"
|
27
|
-
[nzAddOnBefore]="props['addOnBefore']"
|
28
|
-
[nzAddOnAfter]="props['addOnAfter']"
|
29
|
-
[nzPrefix]="props['prefix']"
|
30
|
-
[nzSuffix]="props['suffix']"
|
31
|
-
[nzCompact]="props['compact']!!"
|
32
|
-
[nzSearch]="props['search']!!"
|
33
|
-
[nzSize]="props['size']!"
|
34
|
-
[nzStatus]="props['status']!"
|
35
|
-
>
|
36
|
-
@for (g of field.fieldGroup; track g.id) {
|
37
|
-
<formly-field [field]="g"></formly-field>
|
38
|
-
}
|
39
|
-
</nz-input-group>
|
21
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.0.6", type: FormlyFieldInputGroup, selector: "formly-field-input-group", usesInheritance: true, ngImport: i0, template: `
|
22
|
+
<nz-input-group
|
23
|
+
[nzPrefixIcon]="props['prefixIcon']"
|
24
|
+
[nzSuffixIcon]="props['suffixIcon']"
|
25
|
+
[nzAddOnAfterIcon]="props['addOnAfterIcon']"
|
26
|
+
[nzAddOnBeforeIcon]="props['addOnBeforeIcon']"
|
27
|
+
[nzAddOnBefore]="props['addOnBefore']"
|
28
|
+
[nzAddOnAfter]="props['addOnAfter']"
|
29
|
+
[nzPrefix]="props['prefix']"
|
30
|
+
[nzSuffix]="props['suffix']"
|
31
|
+
[nzCompact]="props['compact']!!"
|
32
|
+
[nzSearch]="props['search']!!"
|
33
|
+
[nzSize]="props['size']!"
|
34
|
+
[nzStatus]="props['status']!"
|
35
|
+
>
|
36
|
+
@for (g of field.fieldGroup; track g.id) {
|
37
|
+
<formly-field [field]="g"></formly-field>
|
38
|
+
}
|
39
|
+
</nz-input-group>
|
40
40
|
`, isInline: true, dependencies: [{ kind: "component", type: i1.NzInputGroupComponent, selector: "nz-input-group", inputs: ["nzAddOnBeforeIcon", "nzAddOnAfterIcon", "nzPrefixIcon", "nzSuffixIcon", "nzAddOnBefore", "nzAddOnAfter", "nzPrefix", "nzStatus", "nzSuffix", "nzSize", "nzSearch", "nzCompact"], exportAs: ["nzInputGroup"] }, { kind: "directive", type: i1.NzInputGroupWhitSuffixOrPrefixDirective, selector: "nz-input-group[nzSuffix], nz-input-group[nzPrefix]" }, { kind: "component", type: i2.FormlyField, selector: "formly-field", inputs: ["field"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
41
41
|
}
|
42
42
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: FormlyFieldInputGroup, decorators: [{
|
43
43
|
type: Component,
|
44
44
|
args: [{
|
45
45
|
selector: 'formly-field-input-group',
|
46
|
-
template: `
|
47
|
-
<nz-input-group
|
48
|
-
[nzPrefixIcon]="props['prefixIcon']"
|
49
|
-
[nzSuffixIcon]="props['suffixIcon']"
|
50
|
-
[nzAddOnAfterIcon]="props['addOnAfterIcon']"
|
51
|
-
[nzAddOnBeforeIcon]="props['addOnBeforeIcon']"
|
52
|
-
[nzAddOnBefore]="props['addOnBefore']"
|
53
|
-
[nzAddOnAfter]="props['addOnAfter']"
|
54
|
-
[nzPrefix]="props['prefix']"
|
55
|
-
[nzSuffix]="props['suffix']"
|
56
|
-
[nzCompact]="props['compact']!!"
|
57
|
-
[nzSearch]="props['search']!!"
|
58
|
-
[nzSize]="props['size']!"
|
59
|
-
[nzStatus]="props['status']!"
|
60
|
-
>
|
61
|
-
@for (g of field.fieldGroup; track g.id) {
|
62
|
-
<formly-field [field]="g"></formly-field>
|
63
|
-
}
|
64
|
-
</nz-input-group>
|
46
|
+
template: `
|
47
|
+
<nz-input-group
|
48
|
+
[nzPrefixIcon]="props['prefixIcon']"
|
49
|
+
[nzSuffixIcon]="props['suffixIcon']"
|
50
|
+
[nzAddOnAfterIcon]="props['addOnAfterIcon']"
|
51
|
+
[nzAddOnBeforeIcon]="props['addOnBeforeIcon']"
|
52
|
+
[nzAddOnBefore]="props['addOnBefore']"
|
53
|
+
[nzAddOnAfter]="props['addOnAfter']"
|
54
|
+
[nzPrefix]="props['prefix']"
|
55
|
+
[nzSuffix]="props['suffix']"
|
56
|
+
[nzCompact]="props['compact']!!"
|
57
|
+
[nzSearch]="props['search']!!"
|
58
|
+
[nzSize]="props['size']!"
|
59
|
+
[nzStatus]="props['status']!"
|
60
|
+
>
|
61
|
+
@for (g of field.fieldGroup; track g.id) {
|
62
|
+
<formly-field [field]="g"></formly-field>
|
63
|
+
}
|
64
|
+
</nz-input-group>
|
65
65
|
`,
|
66
66
|
changeDetection: ChangeDetectionStrategy.OnPush
|
67
67
|
}]
|