ng-zorro-antd-extension 18.0.0 → 18.1.1

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 (105) hide show
  1. package/README.md +8 -9
  2. package/configurable-query/configurable-query.component.d.ts +16 -3
  3. package/configurable-query/controls/date-picker.control.d.ts +1 -1
  4. package/configurable-query/controls/input.control.d.ts +1 -1
  5. package/configurable-query/controls/range-picker.control.d.ts +1 -1
  6. package/configurable-query/controls/select.control.d.ts +1 -1
  7. package/configurable-query/controls/template.control.d.ts +1 -1
  8. package/esm2022/acl/nzx-acl.directive.mjs +4 -4
  9. package/esm2022/acl/nzx-acl.module.mjs +5 -5
  10. package/esm2022/acl/nzx-acl.service.mjs +4 -4
  11. package/esm2022/blank-field/blank-field.component.mjs +4 -4
  12. package/esm2022/blank-field/blank-field.module.mjs +5 -5
  13. package/esm2022/checkbox/checkbox-group.component.mjs +4 -4
  14. package/esm2022/checkbox/checkbox.module.mjs +5 -5
  15. package/esm2022/configurable-query/configurable-query-item/configurable-query-item.component.mjs +4 -4
  16. package/esm2022/configurable-query/configurable-query.component.mjs +48 -33
  17. package/esm2022/configurable-query/configurable-query.module.mjs +5 -5
  18. package/esm2022/configurable-query/control.directive.mjs +4 -4
  19. package/esm2022/configurable-query/controls/abstract.control.mjs +4 -4
  20. package/esm2022/configurable-query/controls/date-picker.control.mjs +5 -4
  21. package/esm2022/configurable-query/controls/input.control.mjs +5 -4
  22. package/esm2022/configurable-query/controls/range-picker.control.mjs +5 -4
  23. package/esm2022/configurable-query/controls/select.control.mjs +5 -4
  24. package/esm2022/configurable-query/controls/template.control.mjs +7 -6
  25. package/esm2022/configurable-query/query-config.service.mjs +4 -4
  26. package/esm2022/core/config/config.service.mjs +4 -4
  27. package/esm2022/editable/editable.component.mjs +4 -4
  28. package/esm2022/editable/editable.module.mjs +5 -5
  29. package/esm2022/jigsaw/jigsaw.component.mjs +4 -4
  30. package/esm2022/jigsaw/jigsaw.module.mjs +5 -5
  31. package/esm2022/pipes/map.pipe.mjs +4 -4
  32. package/esm2022/pipes/pipes.module.mjs +5 -5
  33. package/esm2022/pipes/safe-html.pipe.mjs +4 -4
  34. package/esm2022/pipes/safe-null.pipe.mjs +4 -4
  35. package/esm2022/pipes/safe-resource-url.pipe.mjs +4 -4
  36. package/esm2022/pipes/safe-script.pipe.mjs +4 -4
  37. package/esm2022/pipes/safe-style.pipe.mjs +4 -4
  38. package/esm2022/pipes/safe-url.pipe.mjs +4 -4
  39. package/esm2022/print/nzx-print-content.directive.mjs +4 -4
  40. package/esm2022/print/nzx-print-v.component.mjs +4 -4
  41. package/esm2022/print/nzx-print.component.mjs +4 -4
  42. package/esm2022/print/nzx-print.directive.mjs +4 -4
  43. package/esm2022/print/nzx-print.module.mjs +5 -5
  44. package/esm2022/simple-table/directive/expand.directive.mjs +4 -4
  45. package/esm2022/simple-table/directive/td.directive.mjs +4 -4
  46. package/esm2022/simple-table/directive/th.directive.mjs +4 -4
  47. package/esm2022/simple-table/simple-table.component.mjs +4 -4
  48. package/esm2022/simple-table/simple-table.module.mjs +5 -5
  49. package/esm2022/table-adaptor/page-table-basic.mjs +4 -4
  50. package/esm2022/table-adaptor/table-adaptor.directive.mjs +4 -4
  51. package/esm2022/table-adaptor/table-adaptor.module.mjs +5 -5
  52. package/esm2022/table-form/directive/table-expand.directive.mjs +4 -4
  53. package/esm2022/table-form/directive/table-td.directive.mjs +4 -4
  54. package/esm2022/table-form/directive/table-th.directive.mjs +4 -4
  55. package/esm2022/table-form/table-form.component.mjs +4 -4
  56. package/esm2022/table-form/table-form.module.mjs +5 -5
  57. package/esm2022/table-select/abstract-table-select.mjs +4 -4
  58. package/esm2022/table-select/key.directive.mjs +4 -4
  59. package/esm2022/table-select/nzx-table-select.module.mjs +5 -5
  60. package/esm2022/table-select/page-table-select/page-table-select.component.mjs +4 -4
  61. package/esm2022/table-select/table-select/table-select.component.mjs +4 -4
  62. package/esm2022/timer-button/timer-button.directive.mjs +4 -4
  63. package/esm2022/timer-button/timer-button.module.mjs +5 -5
  64. package/esm2022/trim/trim.directive.mjs +4 -4
  65. package/esm2022/trim/trim.module.mjs +5 -5
  66. package/esm2022/util/lib/fileUtil.mjs +2 -2
  67. package/esm2022/wang-editor/wang-editor.component.mjs +4 -4
  68. package/esm2022/wang-editor/wang-editor.module.mjs +5 -5
  69. package/esm2022/wang-editor/wang-toolbar.component.mjs +4 -4
  70. package/fesm2022/ng-zorro-antd-extension-acl.mjs +10 -10
  71. package/fesm2022/ng-zorro-antd-extension-acl.mjs.map +1 -1
  72. package/fesm2022/ng-zorro-antd-extension-blank-field.mjs +7 -7
  73. package/fesm2022/ng-zorro-antd-extension-blank-field.mjs.map +1 -1
  74. package/fesm2022/ng-zorro-antd-extension-checkbox.mjs +7 -7
  75. package/fesm2022/ng-zorro-antd-extension-checkbox.mjs.map +1 -1
  76. package/fesm2022/ng-zorro-antd-extension-configurable-query.mjs +85 -65
  77. package/fesm2022/ng-zorro-antd-extension-configurable-query.mjs.map +1 -1
  78. package/fesm2022/ng-zorro-antd-extension-core-config.mjs +3 -3
  79. package/fesm2022/ng-zorro-antd-extension-core-config.mjs.map +1 -1
  80. package/fesm2022/ng-zorro-antd-extension-editable.mjs +7 -7
  81. package/fesm2022/ng-zorro-antd-extension-editable.mjs.map +1 -1
  82. package/fesm2022/ng-zorro-antd-extension-jigsaw.mjs +7 -7
  83. package/fesm2022/ng-zorro-antd-extension-jigsaw.mjs.map +1 -1
  84. package/fesm2022/ng-zorro-antd-extension-pipes.mjs +25 -25
  85. package/fesm2022/ng-zorro-antd-extension-pipes.mjs.map +1 -1
  86. package/fesm2022/ng-zorro-antd-extension-print.mjs +16 -16
  87. package/fesm2022/ng-zorro-antd-extension-print.mjs.map +1 -1
  88. package/fesm2022/ng-zorro-antd-extension-simple-table.mjs +16 -16
  89. package/fesm2022/ng-zorro-antd-extension-simple-table.mjs.map +1 -1
  90. package/fesm2022/ng-zorro-antd-extension-table-adaptor.mjs +10 -10
  91. package/fesm2022/ng-zorro-antd-extension-table-adaptor.mjs.map +1 -1
  92. package/fesm2022/ng-zorro-antd-extension-table-form.mjs +16 -16
  93. package/fesm2022/ng-zorro-antd-extension-table-form.mjs.map +1 -1
  94. package/fesm2022/ng-zorro-antd-extension-table-select.mjs +16 -16
  95. package/fesm2022/ng-zorro-antd-extension-table-select.mjs.map +1 -1
  96. package/fesm2022/ng-zorro-antd-extension-timer-button.mjs +7 -7
  97. package/fesm2022/ng-zorro-antd-extension-timer-button.mjs.map +1 -1
  98. package/fesm2022/ng-zorro-antd-extension-trim.mjs +7 -7
  99. package/fesm2022/ng-zorro-antd-extension-trim.mjs.map +1 -1
  100. package/fesm2022/ng-zorro-antd-extension-util.mjs +1 -1
  101. package/fesm2022/ng-zorro-antd-extension-util.mjs.map +1 -1
  102. package/fesm2022/ng-zorro-antd-extension-wang-editor.mjs +10 -10
  103. package/fesm2022/ng-zorro-antd-extension-wang-editor.mjs.map +1 -1
  104. package/package.json +7 -7
  105. package/table-select/abstract-table-select.d.ts +1 -1
@@ -29,10 +29,10 @@ class NzxControlDirective {
29
29
  constructor(templateRef) {
30
30
  this.templateRef = templateRef;
31
31
  }
32
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: NzxControlDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
33
- static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.3", type: NzxControlDirective, selector: "[nzxControl]", inputs: { nzxControl: "nzxControl" }, ngImport: i0 }); }
32
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NzxControlDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
33
+ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: NzxControlDirective, selector: "[nzxControl]", inputs: { nzxControl: "nzxControl" }, ngImport: i0 }); }
34
34
  }
35
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: NzxControlDirective, decorators: [{
35
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NzxControlDirective, decorators: [{
36
36
  type: Directive,
37
37
  args: [{
38
38
  selector: '[nzxControl]',
@@ -45,10 +45,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImpor
45
45
  * 用来动态添加control type类型控件,类型控件需要继承此控件
46
46
  */
47
47
  class NzxAbstractControl {
48
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: NzxAbstractControl, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
49
- static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.3", type: NzxAbstractControl, inputs: { form: "form", control: "control" }, ngImport: i0 }); }
48
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NzxAbstractControl, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
49
+ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: NzxAbstractControl, inputs: { form: "form", control: "control" }, ngImport: i0 }); }
50
50
  }
51
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: NzxAbstractControl, decorators: [{
51
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NzxAbstractControl, decorators: [{
52
52
  type: Directive
53
53
  }], propDecorators: { form: [{
54
54
  type: Input
@@ -57,8 +57,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImpor
57
57
  }] } });
58
58
 
59
59
  class NzxDatePickerControlComponent extends NzxAbstractControl {
60
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: NzxDatePickerControlComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
61
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: NzxDatePickerControlComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
60
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NzxDatePickerControlComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
61
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: NzxDatePickerControlComponent, selector: "nzx-date-picker-control", usesInheritance: true, ngImport: i0, template: `
62
62
  <ng-container [formGroup]="form">
63
63
  <nz-date-picker
64
64
  [ngStyle]="{ width: '100%' }"
@@ -69,9 +69,10 @@ class NzxDatePickerControlComponent extends NzxAbstractControl {
69
69
  </ng-container>
70
70
  `, isInline: true, dependencies: [{ kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i3.NzDatePickerComponent, selector: "nz-date-picker,nz-week-picker,nz-month-picker,nz-quarter-picker,nz-year-picker,nz-range-picker", inputs: ["nzAllowClear", "nzAutoFocus", "nzDisabled", "nzBorderless", "nzInputReadOnly", "nzInline", "nzOpen", "nzDisabledDate", "nzLocale", "nzPlaceHolder", "nzPopupStyle", "nzDropdownClassName", "nzSize", "nzStatus", "nzFormat", "nzDateRender", "nzDisabledTime", "nzRenderExtraFooter", "nzShowToday", "nzMode", "nzShowNow", "nzRanges", "nzDefaultPickerValue", "nzSeparator", "nzSuffixIcon", "nzBackdrop", "nzId", "nzPlacement", "nzShowWeekNumber", "nzShowTime"], outputs: ["nzOnPanelChange", "nzOnCalendarChange", "nzOnOk", "nzOnOpenChange"], exportAs: ["nzDatePicker"] }] }); }
71
71
  }
72
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: NzxDatePickerControlComponent, decorators: [{
72
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NzxDatePickerControlComponent, decorators: [{
73
73
  type: Component,
74
74
  args: [{
75
+ selector: 'nzx-date-picker-control',
75
76
  template: `
76
77
  <ng-container [formGroup]="form">
77
78
  <nz-date-picker
@@ -86,8 +87,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImpor
86
87
  }] });
87
88
 
88
89
  class NzxInputControlComponent extends NzxAbstractControl {
89
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: NzxInputControlComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
90
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: NzxInputControlComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
90
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NzxInputControlComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
91
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: NzxInputControlComponent, selector: "nzx-input-control", usesInheritance: true, ngImport: i0, template: `
91
92
  <ng-container [formGroup]="form">
92
93
  <input
93
94
  nz-input
@@ -98,9 +99,10 @@ class NzxInputControlComponent extends NzxAbstractControl {
98
99
  </ng-container>
99
100
  `, isInline: true, dependencies: [{ kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i2$1.NzInputDirective, selector: "input[nz-input],textarea[nz-input]", inputs: ["nzBorderless", "nzSize", "nzStepperless", "nzStatus", "disabled"], exportAs: ["nzInput"] }] }); }
100
101
  }
101
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: NzxInputControlComponent, decorators: [{
102
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NzxInputControlComponent, decorators: [{
102
103
  type: Component,
103
104
  args: [{
105
+ selector: 'nzx-input-control',
104
106
  template: `
105
107
  <ng-container [formGroup]="form">
106
108
  <input
@@ -115,8 +117,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImpor
115
117
  }] });
116
118
 
117
119
  class NzxRangePickerControlComponent extends NzxAbstractControl {
118
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: NzxRangePickerControlComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
119
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: NzxRangePickerControlComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
120
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NzxRangePickerControlComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
121
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: NzxRangePickerControlComponent, selector: "nzx-range-picker-control", usesInheritance: true, ngImport: i0, template: `
120
122
  <ng-container [formGroup]="form">
121
123
  <nz-range-picker
122
124
  [ngStyle]="{ width: '100%' }"
@@ -126,9 +128,10 @@ class NzxRangePickerControlComponent extends NzxAbstractControl {
126
128
  </ng-container>
127
129
  `, isInline: true, dependencies: [{ kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i3.NzDatePickerComponent, selector: "nz-date-picker,nz-week-picker,nz-month-picker,nz-quarter-picker,nz-year-picker,nz-range-picker", inputs: ["nzAllowClear", "nzAutoFocus", "nzDisabled", "nzBorderless", "nzInputReadOnly", "nzInline", "nzOpen", "nzDisabledDate", "nzLocale", "nzPlaceHolder", "nzPopupStyle", "nzDropdownClassName", "nzSize", "nzStatus", "nzFormat", "nzDateRender", "nzDisabledTime", "nzRenderExtraFooter", "nzShowToday", "nzMode", "nzShowNow", "nzRanges", "nzDefaultPickerValue", "nzSeparator", "nzSuffixIcon", "nzBackdrop", "nzId", "nzPlacement", "nzShowWeekNumber", "nzShowTime"], outputs: ["nzOnPanelChange", "nzOnCalendarChange", "nzOnOk", "nzOnOpenChange"], exportAs: ["nzDatePicker"] }, { kind: "directive", type: i3.NzRangePickerComponent, selector: "nz-range-picker", exportAs: ["nzRangePicker"] }] }); }
128
130
  }
129
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: NzxRangePickerControlComponent, decorators: [{
131
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NzxRangePickerControlComponent, decorators: [{
130
132
  type: Component,
131
133
  args: [{
134
+ selector: 'nzx-range-picker-control',
132
135
  template: `
133
136
  <ng-container [formGroup]="form">
134
137
  <nz-range-picker
@@ -142,8 +145,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImpor
142
145
  }] });
143
146
 
144
147
  class NzxSelectControlComponent extends NzxAbstractControl {
145
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: NzxSelectControlComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
146
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: NzxSelectControlComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
148
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NzxSelectControlComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
149
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: NzxSelectControlComponent, selector: "nzx-select-control", usesInheritance: true, ngImport: i0, template: `
147
150
  <ng-container [formGroup]="form">
148
151
  <nz-select
149
152
  [formControlName]="control.controlName!"
@@ -161,9 +164,10 @@ class NzxSelectControlComponent extends NzxAbstractControl {
161
164
  </ng-container>
162
165
  `, isInline: true, dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i3$1.NzOptionComponent, selector: "nz-option", inputs: ["nzTitle", "nzLabel", "nzValue", "nzKey", "nzDisabled", "nzHide", "nzCustomContent"], exportAs: ["nzOption"] }, { kind: "component", type: i3$1.NzSelectComponent, selector: "nz-select", inputs: ["nzId", "nzSize", "nzStatus", "nzOptionHeightPx", "nzOptionOverflowSize", "nzDropdownClassName", "nzDropdownMatchSelectWidth", "nzDropdownStyle", "nzNotFoundContent", "nzPlaceHolder", "nzPlacement", "nzMaxTagCount", "nzDropdownRender", "nzCustomTemplate", "nzSuffixIcon", "nzClearIcon", "nzRemoveIcon", "nzMenuItemSelectedIcon", "nzTokenSeparators", "nzMaxTagPlaceholder", "nzMaxMultipleCount", "nzMode", "nzFilterOption", "compareWith", "nzAllowClear", "nzBorderless", "nzShowSearch", "nzLoading", "nzAutoFocus", "nzAutoClearSearchValue", "nzServerSearch", "nzDisabled", "nzOpen", "nzSelectOnTab", "nzBackdrop", "nzOptions", "nzShowArrow"], outputs: ["nzOnSearch", "nzScrollToBottom", "nzOpenChange", "nzBlur", "nzFocus"], exportAs: ["nzSelect"] }] }); }
163
166
  }
164
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: NzxSelectControlComponent, decorators: [{
167
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NzxSelectControlComponent, decorators: [{
165
168
  type: Component,
166
169
  args: [{
170
+ selector: 'nzx-select-control',
167
171
  template: `
168
172
  <ng-container [formGroup]="form">
169
173
  <nz-select
@@ -185,25 +189,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImpor
185
189
  }] });
186
190
 
187
191
  class NzxTemplateControlComponent extends NzxAbstractControl {
188
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: NzxTemplateControlComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
189
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: NzxTemplateControlComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
192
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NzxTemplateControlComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
193
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: NzxTemplateControlComponent, selector: "nzx-template-control", usesInheritance: true, ngImport: i0, template: `
190
194
  <ng-container
191
195
  *ngTemplateOutlet="
192
196
  control.templateRef!;
193
- context: { $implicit: form.get(control.controlName!) }
197
+ context: { $implicit: form.get(control.controlName!), formGroup: form }
194
198
  "
195
199
  >
196
200
  </ng-container>
197
201
  `, isInline: true, dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
198
202
  }
199
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: NzxTemplateControlComponent, decorators: [{
203
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NzxTemplateControlComponent, decorators: [{
200
204
  type: Component,
201
205
  args: [{
206
+ selector: 'nzx-template-control',
202
207
  template: `
203
208
  <ng-container
204
209
  *ngTemplateOutlet="
205
210
  control.templateRef!;
206
- context: { $implicit: form.get(control.controlName!) }
211
+ context: { $implicit: form.get(control.controlName!), formGroup: form }
207
212
  "
208
213
  >
209
214
  </ng-container>
@@ -254,10 +259,10 @@ class NzxQueryConfigService {
254
259
  refreshControlType() {
255
260
  this.controlTypes$.next(this.controlTypePoll);
256
261
  }
257
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: NzxQueryConfigService, deps: [{ token: QUERY_CONFIG, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
258
- static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: NzxQueryConfigService, providedIn: 'root' }); }
262
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NzxQueryConfigService, deps: [{ token: QUERY_CONFIG, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
263
+ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NzxQueryConfigService, providedIn: 'root' }); }
259
264
  }
260
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: NzxQueryConfigService, decorators: [{
265
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NzxQueryConfigService, decorators: [{
261
266
  type: Injectable,
262
267
  args: [{ providedIn: 'root' }]
263
268
  }], ctorParameters: () => [{ type: undefined, decorators: [{
@@ -297,8 +302,8 @@ class NzxConfigurableQueryItemComponent {
297
302
  throw `ControlType:: '${this.control.controlType}' is invalidate`;
298
303
  }
299
304
  }
300
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: NzxConfigurableQueryItemComponent, deps: [{ token: NzxQueryConfigService }], target: i0.ɵɵFactoryTarget.Component }); }
301
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: NzxConfigurableQueryItemComponent, selector: "nzx-configurable-query-item", inputs: { form: "form", control: "control" }, viewQueries: [{ propertyName: "controlTemplateView", first: true, predicate: ["controlTemp"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: `
305
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NzxConfigurableQueryItemComponent, deps: [{ token: NzxQueryConfigService }], target: i0.ɵɵFactoryTarget.Component }); }
306
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: NzxConfigurableQueryItemComponent, selector: "nzx-configurable-query-item", inputs: { form: "form", control: "control" }, viewQueries: [{ propertyName: "controlTemplateView", first: true, predicate: ["controlTemp"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: `
302
307
  <nz-form-item>
303
308
  <nz-form-label *ngIf="control.label" [nzSpan]="control.nzxLSpan || 6">
304
309
  {{ control.label }}
@@ -315,7 +320,7 @@ class NzxConfigurableQueryItemComponent {
315
320
  </nz-form-item>
316
321
  `, isInline: true, dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3$2.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$2.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"] }] }); }
317
322
  }
318
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: NzxConfigurableQueryItemComponent, decorators: [{
323
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NzxConfigurableQueryItemComponent, decorators: [{
319
324
  type: Component,
320
325
  args: [{
321
326
  selector: 'nzx-configurable-query-item',
@@ -385,6 +390,7 @@ class NzxConfigurableQueryComponent {
385
390
  this.collapseIcon = 'down';
386
391
  this.collapseText = '';
387
392
  this._queryParams = {};
393
+ /** 重置时用来给查询框默认值 */
388
394
  this.defaultValue = {};
389
395
  this.cacheParams = {};
390
396
  this.destroy$ = new Subject();
@@ -445,29 +451,28 @@ class NzxConfigurableQueryComponent {
445
451
  }
446
452
  /**
447
453
  * 根据controlName设置config值
454
+ * @param defaultValueResettable 添加的表单控件默认值是否可以重置,默认不可以
448
455
  */
449
- setControl(controlName, config) {
450
- setTimeout(() => {
451
- const control = this.getControl(controlName);
452
- if (control) {
453
- Object.keys(config).forEach((key) => {
454
- control[key] = config[key];
455
- });
456
- this.cd.markForCheck();
457
- }
458
- }, 0);
456
+ setControl(controlName, config, defaultValueResettable = false) {
457
+ const control = this.getControl(controlName);
458
+ if (control) {
459
+ Object.keys(config).forEach((key) => {
460
+ control[key] = config[key];
461
+ });
462
+ this.generateControl(control, defaultValueResettable);
463
+ this.cd.markForCheck();
464
+ }
459
465
  }
460
466
  /**
461
467
  * 动态添加控件
462
468
  * @param config 配置项
463
469
  * @param position 添加位置 不传为末尾
470
+ * @param defaultValueResettable 添加的表单控件默认值是否可以重置,默认不可以
464
471
  */
465
- addControl(config, position) {
472
+ addControl(config, position, defaultValueResettable = false) {
466
473
  const control = this.getControl(config.controlName);
467
474
  if (!control) {
468
- if (config.controlName) {
469
- this.queryForm.addControl(config.controlName, config.controlInstance ?? this.fb.control(config.default ?? null));
470
- }
475
+ this.generateControl(config, defaultValueResettable);
471
476
  if (position === void 0 || position === null) {
472
477
  this.controls.push(config);
473
478
  }
@@ -517,10 +522,6 @@ class NzxConfigurableQueryComponent {
517
522
  }
518
523
  /** 重置 */
519
524
  reset() {
520
- if (this.queryForm.invalid) {
521
- updateControlStatus(this.queryForm);
522
- return;
523
- }
524
525
  this.queryForm.reset(this.defaultValue);
525
526
  this.resetChange.emit(this._queryParams);
526
527
  }
@@ -559,19 +560,11 @@ class NzxConfigurableQueryComponent {
559
560
  this.queryForm.removeControl(key);
560
561
  });
561
562
  }
562
- /** 生成表单 */
563
+ /** 生成 queryForm 表单 */
563
564
  generateForm(controlConfigs) {
564
565
  this.clearFormControl();
565
566
  for (const config of controlConfigs) {
566
- if (config.controlType === 'Template') {
567
- const item = this.controlTemplateList.find((directive) => directive.nzxControl === config.controlName);
568
- if (item) {
569
- config.templateRef = item.templateRef;
570
- }
571
- }
572
- if (config.controlName) {
573
- this.queryForm.addControl(config.controlName, config.controlInstance ?? this.fb.control(config.default ?? null));
574
- }
567
+ this.generateControl(config);
575
568
  }
576
569
  this.defaultValue = this.queryForm.getRawValue();
577
570
  if (this.cacheParams) {
@@ -580,12 +573,39 @@ class NzxConfigurableQueryComponent {
580
573
  }
581
574
  this.calculateText();
582
575
  }
583
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: NzxConfigurableQueryComponent, deps: [{ token: i1$1.NzI18nService }, { token: i2.FormBuilder }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
584
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: NzxConfigurableQueryComponent, selector: "nzx-configurable-query", inputs: { controls: "controls", nzxJustify: "nzxJustify", nzxGutter: "nzxGutter", lineNumber: "lineNumber", nzxBtnSpan: "nzxBtnSpan", initQuery: "initQuery", fixedParams: "fixedParams" }, outputs: { queryChange: "queryChange", resetChange: "resetChange" }, queries: [{ propertyName: "controlTemplateList", predicate: NzxControlDirective, descendants: true }], viewQueries: [{ propertyName: "queyFormEl", first: true, predicate: ["queyForm"], descendants: true }], exportAs: ["NzxConfigurableQuery"], usesOnChanges: true, ngImport: i0, template: "<form #queyForm class=\"nzx-query-container\" nz-form [formGroup]=\"queryForm\">\n <div nz-row [nzGutter]=\"nzxGutter\" [nzJustify]=\"nzxJustify\">\n <ng-container *ngFor=\"let config of controls; let i = index\">\n <div\n *ngIf=\"!config.hidden\"\n nz-col\n [nzSpan]=\"config.nzxSpan || 24 / lineNumber\"\n [hidden]=\"config.collapse\"\n [nzOrder]=\"i\"\n >\n <nzx-configurable-query-item\n *ngIf=\"config.controlName\"\n [form]=\"queryForm\"\n [control]=\"config\"\n ></nzx-configurable-query-item>\n </div>\n </ng-container>\n\n <div\n class=\"nzx-query-btn\"\n nz-col\n [nzOrder]=\"controls.length\"\n [nzSpan]=\"nzxBtnSpan || 24 / lineNumber\"\n >\n <div nz-row nzJustify=\"end\" nzAlign=\"middle\">\n <button\n nz-button\n nzType=\"primary\"\n type=\"button\"\n title=\"Enter\"\n (click)=\"search()\"\n >\n {{ locale['query'] }}\n </button>\n <button nz-button type=\"button\" title=\"ctrl+r\" (click)=\"reset()\">\n {{ locale['reset'] }}\n </button>\n <ng-content></ng-content>\n <a\n *ngIf=\"nzxCollapse\"\n nz-button\n nzType=\"link\"\n (click)=\"toggleCollapse()\"\n >\n {{ collapseText }}\n <i nz-icon [nzType]=\"collapseIcon\"></i>\n </a>\n </div>\n </div>\n </div>\n</form>\n", styles: [".nzx-query-container{padding:12px;background-color:#fff;border-radius:8px}.nzx-query-container [nz-form-label]{overflow:visible}.nzx-query-container .nzx-query-btn{flex-grow:2;max-width:none}.nzx-query-container .nzx-query-btn button{margin:0 4px}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3$2.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$2.NzRowDirective, selector: "[nz-row],nz-row,nz-form-item", inputs: ["nzAlign", "nzJustify", "nzGutter"], exportAs: ["nzRow"] }, { kind: "directive", type: i4.NzFormDirective, selector: "[nz-form]", inputs: ["nzLayout", "nzNoColon", "nzAutoTips", "nzDisableAutoTips", "nzTooltipIcon", "nzLabelAlign", "nzLabelWrap"], exportAs: ["nzForm"] }, { kind: "component", type: i6.NzButtonComponent, selector: "button[nz-button], a[nz-button]", inputs: ["nzBlock", "nzGhost", "nzSearch", "nzLoading", "nzDanger", "disabled", "tabIndex", "nzType", "nzShape", "nzSize"], exportAs: ["nzButton"] }, { kind: "directive", type: i7.ɵNzTransitionPatchDirective, selector: "[nz-button], nz-button-group, [nz-icon], [nz-menu-item], [nz-submenu], nz-select-top-control, nz-select-placeholder, nz-input-group", inputs: ["hidden"] }, { kind: "directive", type: i8.NzWaveDirective, selector: "[nz-wave],button[nz-button]:not([nzType=\"link\"]):not([nzType=\"text\"])", inputs: ["nzWaveExtraNode"], exportAs: ["nzWave"] }, { kind: "directive", type: i9.NzIconDirective, selector: "[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "component", type: NzxConfigurableQueryItemComponent, selector: "nzx-configurable-query-item", inputs: ["form", "control"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
576
+ /**
577
+ *
578
+ * @param controlConfig control配置
579
+ * @param defaultValueResettable 添加的表单控件默认值是否可以重置,默认不可以
580
+ *
581
+ * 1. 生成单个表单控件并将其添加到queryForm中
582
+ * 2. 如果没有templateRef根据controlName获取投影的templateList中的templateRef给 templateRef 赋值
583
+ *
584
+ **/
585
+ generateControl(config, defaultValueResettable = false) {
586
+ if (config.controlName) {
587
+ if (!config?.templateRef) {
588
+ const d = this.controlTemplateList.find((d) => d.nzxControl === config.controlName);
589
+ if (d) {
590
+ config.templateRef = d.templateRef;
591
+ }
592
+ }
593
+ this.queryForm.setControl(config.controlName, config.controlInstance ?? this.fb.control(config.default ?? null));
594
+ if (!defaultValueResettable) {
595
+ const control = this.queryForm.get(config.controlName);
596
+ this.defaultValue = {
597
+ ...this.defaultValue,
598
+ [config.controlName]: control.value,
599
+ };
600
+ }
601
+ }
602
+ }
603
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NzxConfigurableQueryComponent, deps: [{ token: i1$1.NzI18nService }, { token: i2.FormBuilder }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
604
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: NzxConfigurableQueryComponent, selector: "nzx-configurable-query", inputs: { controls: "controls", nzxJustify: "nzxJustify", nzxGutter: "nzxGutter", lineNumber: "lineNumber", nzxBtnSpan: "nzxBtnSpan", initQuery: "initQuery", fixedParams: "fixedParams" }, outputs: { queryChange: "queryChange", resetChange: "resetChange" }, queries: [{ propertyName: "controlTemplateList", predicate: NzxControlDirective, descendants: true }], viewQueries: [{ propertyName: "queyFormEl", first: true, predicate: ["queyForm"], descendants: true }], exportAs: ["NzxConfigurableQuery"], usesOnChanges: true, ngImport: i0, template: "<form #queyForm class=\"nzx-query-container\" nz-form [formGroup]=\"queryForm\">\n <div nz-row [nzGutter]=\"nzxGutter\" [nzJustify]=\"nzxJustify\">\n <ng-container *ngFor=\"let config of controls; let i = index\">\n <div\n *ngIf=\"!config.hidden\"\n nz-col\n [nzSpan]=\"config.nzxSpan || 24 / lineNumber\"\n [hidden]=\"config.collapse\"\n [nzOrder]=\"i\"\n >\n <nzx-configurable-query-item\n *ngIf=\"config.controlName\"\n [form]=\"queryForm\"\n [control]=\"config\"\n ></nzx-configurable-query-item>\n </div>\n </ng-container>\n\n <div\n [nzOrder]=\"controls.length\"\n class=\"nzx-query-btn\"\n nz-col\n [nzSpan]=\"nzxBtnSpan || 24 / lineNumber\"\n >\n <div nz-row nzJustify=\"end\" nzAlign=\"middle\">\n <button\n nz-button\n nzType=\"primary\"\n type=\"button\"\n title=\"Enter\"\n (click)=\"search()\"\n >\n {{ locale['query'] }}\n </button>\n <button nz-button type=\"button\" title=\"ctrl+r\" (click)=\"reset()\">\n {{ locale['reset'] }}\n </button>\n <ng-content></ng-content>\n <a\n *ngIf=\"nzxCollapse\"\n nz-button\n nzType=\"link\"\n (click)=\"toggleCollapse()\"\n >\n {{ collapseText }}\n <i nz-icon [nzType]=\"collapseIcon\"></i>\n </a>\n </div>\n </div>\n </div>\n</form>\n", styles: [".nzx-query-container{padding:12px;background-color:#fff;border-radius:8px}.nzx-query-container [nz-form-label]{overflow:visible}.nzx-query-container .nzx-query-btn{flex-grow:2;max-width:none}.nzx-query-container .nzx-query-btn button{margin:0 4px}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3$2.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$2.NzRowDirective, selector: "[nz-row],nz-row,nz-form-item", inputs: ["nzAlign", "nzJustify", "nzGutter"], exportAs: ["nzRow"] }, { kind: "directive", type: i4.NzFormDirective, selector: "[nz-form]", inputs: ["nzLayout", "nzNoColon", "nzAutoTips", "nzDisableAutoTips", "nzTooltipIcon", "nzLabelAlign", "nzLabelWrap"], exportAs: ["nzForm"] }, { kind: "component", type: i6.NzButtonComponent, selector: "button[nz-button], a[nz-button]", inputs: ["nzBlock", "nzGhost", "nzSearch", "nzLoading", "nzDanger", "disabled", "tabIndex", "nzType", "nzShape", "nzSize"], exportAs: ["nzButton"] }, { kind: "directive", type: i7.ɵNzTransitionPatchDirective, selector: "[nz-button], nz-button-group, [nz-icon], [nz-menu-item], [nz-submenu], nz-select-top-control, nz-select-placeholder, nz-input-group", inputs: ["hidden"] }, { kind: "directive", type: i8.NzWaveDirective, selector: "[nz-wave],button[nz-button]:not([nzType=\"link\"]):not([nzType=\"text\"])", inputs: ["nzWaveExtraNode"], exportAs: ["nzWave"] }, { kind: "directive", type: i9.NzIconDirective, selector: "[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "component", type: NzxConfigurableQueryItemComponent, selector: "nzx-configurable-query-item", inputs: ["form", "control"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
585
605
  }
586
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: NzxConfigurableQueryComponent, decorators: [{
606
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NzxConfigurableQueryComponent, decorators: [{
587
607
  type: Component,
588
- args: [{ selector: 'nzx-configurable-query', changeDetection: ChangeDetectionStrategy.OnPush, exportAs: 'NzxConfigurableQuery', template: "<form #queyForm class=\"nzx-query-container\" nz-form [formGroup]=\"queryForm\">\n <div nz-row [nzGutter]=\"nzxGutter\" [nzJustify]=\"nzxJustify\">\n <ng-container *ngFor=\"let config of controls; let i = index\">\n <div\n *ngIf=\"!config.hidden\"\n nz-col\n [nzSpan]=\"config.nzxSpan || 24 / lineNumber\"\n [hidden]=\"config.collapse\"\n [nzOrder]=\"i\"\n >\n <nzx-configurable-query-item\n *ngIf=\"config.controlName\"\n [form]=\"queryForm\"\n [control]=\"config\"\n ></nzx-configurable-query-item>\n </div>\n </ng-container>\n\n <div\n class=\"nzx-query-btn\"\n nz-col\n [nzOrder]=\"controls.length\"\n [nzSpan]=\"nzxBtnSpan || 24 / lineNumber\"\n >\n <div nz-row nzJustify=\"end\" nzAlign=\"middle\">\n <button\n nz-button\n nzType=\"primary\"\n type=\"button\"\n title=\"Enter\"\n (click)=\"search()\"\n >\n {{ locale['query'] }}\n </button>\n <button nz-button type=\"button\" title=\"ctrl+r\" (click)=\"reset()\">\n {{ locale['reset'] }}\n </button>\n <ng-content></ng-content>\n <a\n *ngIf=\"nzxCollapse\"\n nz-button\n nzType=\"link\"\n (click)=\"toggleCollapse()\"\n >\n {{ collapseText }}\n <i nz-icon [nzType]=\"collapseIcon\"></i>\n </a>\n </div>\n </div>\n </div>\n</form>\n", styles: [".nzx-query-container{padding:12px;background-color:#fff;border-radius:8px}.nzx-query-container [nz-form-label]{overflow:visible}.nzx-query-container .nzx-query-btn{flex-grow:2;max-width:none}.nzx-query-container .nzx-query-btn button{margin:0 4px}\n"] }]
608
+ args: [{ selector: 'nzx-configurable-query', changeDetection: ChangeDetectionStrategy.OnPush, exportAs: 'NzxConfigurableQuery', template: "<form #queyForm class=\"nzx-query-container\" nz-form [formGroup]=\"queryForm\">\n <div nz-row [nzGutter]=\"nzxGutter\" [nzJustify]=\"nzxJustify\">\n <ng-container *ngFor=\"let config of controls; let i = index\">\n <div\n *ngIf=\"!config.hidden\"\n nz-col\n [nzSpan]=\"config.nzxSpan || 24 / lineNumber\"\n [hidden]=\"config.collapse\"\n [nzOrder]=\"i\"\n >\n <nzx-configurable-query-item\n *ngIf=\"config.controlName\"\n [form]=\"queryForm\"\n [control]=\"config\"\n ></nzx-configurable-query-item>\n </div>\n </ng-container>\n\n <div\n [nzOrder]=\"controls.length\"\n class=\"nzx-query-btn\"\n nz-col\n [nzSpan]=\"nzxBtnSpan || 24 / lineNumber\"\n >\n <div nz-row nzJustify=\"end\" nzAlign=\"middle\">\n <button\n nz-button\n nzType=\"primary\"\n type=\"button\"\n title=\"Enter\"\n (click)=\"search()\"\n >\n {{ locale['query'] }}\n </button>\n <button nz-button type=\"button\" title=\"ctrl+r\" (click)=\"reset()\">\n {{ locale['reset'] }}\n </button>\n <ng-content></ng-content>\n <a\n *ngIf=\"nzxCollapse\"\n nz-button\n nzType=\"link\"\n (click)=\"toggleCollapse()\"\n >\n {{ collapseText }}\n <i nz-icon [nzType]=\"collapseIcon\"></i>\n </a>\n </div>\n </div>\n </div>\n</form>\n", styles: [".nzx-query-container{padding:12px;background-color:#fff;border-radius:8px}.nzx-query-container [nz-form-label]{overflow:visible}.nzx-query-container .nzx-query-btn{flex-grow:2;max-width:none}.nzx-query-container .nzx-query-btn button{margin:0 4px}\n"] }]
589
609
  }], ctorParameters: () => [{ type: i1$1.NzI18nService }, { type: i2.FormBuilder }, { type: i0.ChangeDetectorRef }], propDecorators: { controls: [{
590
610
  type: Input
591
611
  }], nzxJustify: [{
@@ -636,8 +656,8 @@ class NzxConfigurableQueryModule {
636
656
  ],
637
657
  };
638
658
  }
639
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: NzxConfigurableQueryModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
640
- static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.3", ngImport: i0, type: NzxConfigurableQueryModule, declarations: [NzxConfigurableQueryComponent,
659
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NzxConfigurableQueryModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
660
+ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: NzxConfigurableQueryModule, declarations: [NzxConfigurableQueryComponent,
641
661
  NzxControlDirective,
642
662
  NzxConfigurableQueryItemComponent,
643
663
  NzxInputControlComponent,
@@ -654,7 +674,7 @@ class NzxConfigurableQueryModule {
654
674
  NzDatePickerModule,
655
675
  NzIconModule,
656
676
  NzI18nModule], exports: [NzxControlDirective, NzxConfigurableQueryComponent] }); }
657
- static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: NzxConfigurableQueryModule, imports: [CommonModule,
677
+ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NzxConfigurableQueryModule, imports: [CommonModule,
658
678
  ReactiveFormsModule,
659
679
  NzInputModule,
660
680
  NzFormModule,
@@ -665,7 +685,7 @@ class NzxConfigurableQueryModule {
665
685
  NzIconModule,
666
686
  NzI18nModule] }); }
667
687
  }
668
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: NzxConfigurableQueryModule, decorators: [{
688
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NzxConfigurableQueryModule, decorators: [{
669
689
  type: NgModule,
670
690
  args: [{
671
691
  declarations: [