ng-zorro-antd-extension 17.2.0 → 18.0.0

package/fesm2022/ng-zorro-antd-extension-configurable-query.mjs

@@ -29,10 +29,10 @@ class NzxControlDirective {
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.3", ngImport: i0, type: NzxControlDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.3", type: NzxControlDirective, selector: "[nzxControl]", inputs: { nzxControl: "nzxControl" }, ngImport: i0 }); }
+    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 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.3", type: NzxControlDirective, selector: "[nzxControl]", inputs: { nzxControl: "nzxControl" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.3", ngImport: i0, type: NzxControlDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: NzxControlDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[nzxControl]',
@@ -45,10 +45,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.3", ngImpor
  * 用来动态添加control type类型控件，类型控件需要继承此控件
  */
 class NzxAbstractControl {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.3", ngImport: i0, type: NzxAbstractControl, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.3", type: NzxAbstractControl, inputs: { form: "form", control: "control" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: NzxAbstractControl, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.3", type: NzxAbstractControl, inputs: { form: "form", control: "control" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.3", ngImport: i0, type: NzxAbstractControl, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: NzxAbstractControl, decorators: [{
             type: Directive
         }], propDecorators: { form: [{
                 type: Input
@@ -57,8 +57,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.3", ngImpor
             }] } });
 
 class NzxDatePickerControlComponent extends NzxAbstractControl {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.3", ngImport: i0, type: NzxDatePickerControlComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.3", type: NzxDatePickerControlComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: NzxDatePickerControlComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: NzxDatePickerControlComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
     <ng-container [formGroup]="form">
       <nz-date-picker
         [ngStyle]="{ width: '100%' }"
@@ -67,9 +67,9 @@ class NzxDatePickerControlComponent extends NzxAbstractControl {
       >
       </nz-date-picker>
     </ng-container>
-  `, 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-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"] }] }); }
+  `, 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"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.3", ngImport: i0, type: NzxDatePickerControlComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: NzxDatePickerControlComponent, decorators: [{
             type: Component,
             args: [{
                     template: `
@@ -86,8 +86,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.3", ngImpor
         }] });
 
 class NzxInputControlComponent extends NzxAbstractControl {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.3", ngImport: i0, type: NzxInputControlComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.3", type: NzxInputControlComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: NzxInputControlComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: NzxInputControlComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
     <ng-container [formGroup]="form">
       <input
         nz-input
@@ -98,7 +98,7 @@ class NzxInputControlComponent extends NzxAbstractControl {
     </ng-container>
   `, 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"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.3", ngImport: i0, type: NzxInputControlComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: NzxInputControlComponent, decorators: [{
             type: Component,
             args: [{
                     template: `
@@ -115,8 +115,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.3", ngImpor
         }] });
 
 class NzxRangePickerControlComponent extends NzxAbstractControl {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.3", ngImport: i0, type: NzxRangePickerControlComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.3", type: NzxRangePickerControlComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: NzxRangePickerControlComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: NzxRangePickerControlComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
     <ng-container [formGroup]="form">
       <nz-range-picker
         [ngStyle]="{ width: '100%' }"
@@ -124,9 +124,9 @@ class NzxRangePickerControlComponent extends NzxAbstractControl {
       >
       </nz-range-picker>
     </ng-container>
-  `, 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-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"] }] }); }
+  `, 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"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.3", ngImport: i0, type: NzxRangePickerControlComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: NzxRangePickerControlComponent, decorators: [{
             type: Component,
             args: [{
                     template: `
@@ -142,8 +142,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.3", ngImpor
         }] });
 
 class NzxSelectControlComponent extends NzxAbstractControl {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.3", ngImport: i0, type: NzxSelectControlComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.3", type: NzxSelectControlComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: NzxSelectControlComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: NzxSelectControlComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
     <ng-container [formGroup]="form">
       <nz-select
         [formControlName]="control.controlName!"
@@ -161,7 +161,7 @@ class NzxSelectControlComponent extends NzxAbstractControl {
     </ng-container>
   `, 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"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.3", ngImport: i0, type: NzxSelectControlComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: NzxSelectControlComponent, decorators: [{
             type: Component,
             args: [{
                     template: `
@@ -185,8 +185,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.3", ngImpor
         }] });
 
 class NzxTemplateControlComponent extends NzxAbstractControl {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.3", ngImport: i0, type: NzxTemplateControlComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.3", type: NzxTemplateControlComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: NzxTemplateControlComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: NzxTemplateControlComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
     <ng-container
       *ngTemplateOutlet="
         control.templateRef!;
@@ -196,7 +196,7 @@ class NzxTemplateControlComponent extends NzxAbstractControl {
     </ng-container>
   `, isInline: true, dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.3", ngImport: i0, type: NzxTemplateControlComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: NzxTemplateControlComponent, decorators: [{
             type: Component,
             args: [{
                     template: `
@@ -254,10 +254,10 @@ class NzxQueryConfigService {
     refreshControlType() {
         this.controlTypes$.next(this.controlTypePoll);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.3", ngImport: i0, type: NzxQueryConfigService, deps: [{ token: QUERY_CONFIG, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.3", ngImport: i0, type: NzxQueryConfigService, providedIn: 'root' }); }
+    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 }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: NzxQueryConfigService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.3", ngImport: i0, type: NzxQueryConfigService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: NzxQueryConfigService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [{ type: undefined, decorators: [{
@@ -297,8 +297,8 @@ class NzxConfigurableQueryItemComponent {
             throw `ControlType:: '${this.control.controlType}' is invalidate`;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.3", ngImport: i0, type: NzxConfigurableQueryItemComponent, deps: [{ token: NzxQueryConfigService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.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: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: NzxConfigurableQueryItemComponent, deps: [{ token: NzxQueryConfigService }], target: i0.ɵɵFactoryTarget.Component }); }
+    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: `
     <nz-form-item>
       <nz-form-label *ngIf="control.label" [nzSpan]="control.nzxLSpan || 6">
         {{ control.label }}
@@ -315,7 +315,7 @@ class NzxConfigurableQueryItemComponent {
     </nz-form-item>
   `, 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"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.3", ngImport: i0, type: NzxConfigurableQueryItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: NzxConfigurableQueryItemComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'nzx-configurable-query-item',
@@ -388,29 +388,8 @@ class NzxConfigurableQueryComponent {
         this.defaultValue = {};
         this.cacheParams = {};
         this.destroy$ = new Subject();
-        this._nzxBtnSpan = null;
         this.queryForm = this.fb.group({});
     }
-    ngAfterViewInit() {
-        if (this.queyFormEl) {
-            fromEvent(this.queyFormEl.nativeElement, 'keydown')
-                .pipe(takeUntil(this.destroy$))
-                .subscribe((event) => {
-                if (event.key === 'Enter') {
-                    event.stopPropagation();
-                    event.preventDefault();
-                    this.search();
-                }
-                // 检查是否同时按下了Ctrl键（在Windows/Linux上）和S键
-                if ((event.ctrlKey || event.metaKey) && event.key === 'r') {
-                    // 注意：event.metaKey用于兼容Mac的Command键
-                    event.preventDefault(); // 阻止浏览器默认的保存行为
-                    event.stopPropagation();
-                    this.reset();
-                }
-            });
-        }
-    }
     ngOnChanges(changes) {
         if (changes['controls'] && !changes['controls'].isFirstChange()) {
             const controls = changes['controls'].currentValue;
@@ -432,7 +411,26 @@ class NzxConfigurableQueryComponent {
                 ...this.fixedParams,
             };
         });
-        this._nzxBtnSpan = this.nzxBtnSpan;
+    }
+    ngAfterViewInit() {
+        if (this.queyFormEl) {
+            fromEvent(this.queyFormEl.nativeElement, 'keydown')
+                .pipe(takeUntil(this.destroy$))
+                .subscribe((event) => {
+                if (event.key === 'Enter') {
+                    event.stopPropagation();
+                    event.preventDefault();
+                    this.search();
+                }
+                // 检查是否同时按下了Ctrl键（在Windows/Linux上）和S键
+                if ((event.ctrlKey || event.metaKey) && event.key === 'r') {
+                    // 注意：event.metaKey用于兼容Mac的Command键
+                    event.preventDefault(); // 阻止浏览器默认的保存行为
+                    event.stopPropagation();
+                    this.reset();
+                }
+            });
+        }
     }
     ngAfterContentInit() {
         this.generateForm(this.controls);
@@ -449,14 +447,15 @@ class NzxConfigurableQueryComponent {
      * 根据controlName设置config值
      */
     setControl(controlName, config) {
-        Promise.resolve().then(() => {
+        setTimeout(() => {
             const control = this.getControl(controlName);
             if (control) {
                 Object.keys(config).forEach((key) => {
                     control[key] = config[key];
                 });
+                this.cd.markForCheck();
             }
-        });
+        }, 0);
     }
     /**
      * 动态添加控件
@@ -509,10 +508,7 @@ class NzxConfigurableQueryComponent {
         return this.queryForm.get(path);
     }
     /** 查询 */
-    search(event) {
-        if (event) {
-            event.stopPropagation();
-        }
+    search() {
         if (this.queryForm.invalid) {
             updateControlStatus(this.queryForm);
             return;
@@ -584,12 +580,12 @@ class NzxConfigurableQueryComponent {
         }
         this.calculateText();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.3", ngImport: i0, type: NzxConfigurableQueryComponent, deps: [{ token: i1$1.NzI18nService }, { token: i2.FormBuilder }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.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\t<div nz-row [nzGutter]=\"nzxGutter\" [nzJustify]=\"nzxJustify\">\n\t\t<ng-container *ngFor=\"let config of controls; let i = index\">\n\t\t\t<div\n\t\t\t\t*ngIf=\"!config.hidden\"\n\t\t\t\tnz-col\n\t\t\t\t[nzSpan]=\"config.nzxSpan || 24 / lineNumber\"\n\t\t\t\t[hidden]=\"config.collapse\"\n\t\t\t\t[nzOrder]=\"i\"\n\t\t\t>\n\t\t\t\t<nzx-configurable-query-item\n\t\t\t\t\t*ngIf=\"config.controlName\"\n\t\t\t\t\t[form]=\"queryForm\"\n\t\t\t\t\t[control]=\"config\"\n\t\t\t\t></nzx-configurable-query-item>\n\t\t\t</div>\n\t\t</ng-container>\n\n\t\t<div\n\t\t\t[nzOrder]=\"controls.length\"\n\t\t\tclass=\"nzx-query-btn\"\n\t\t\tnz-col\n\t\t\t[nzSpan]=\"nzxBtnSpan || 24 / lineNumber\"\n\t\t>\n\t\t\t<div nz-row nzJustify=\"end\" nzAlign=\"middle\">\n\t\t\t\t<button\n\t\t\t\t\tnz-button\n\t\t\t\t\tnzType=\"primary\"\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\ttitle=\"Enter\"\n\t\t\t\t\t(click)=\"search($event)\"\n\t\t\t\t>\n\t\t\t\t\t{{ locale['query'] }}\n\t\t\t\t</button>\n\t\t\t\t<button nz-button type=\"button\" title=\"ctrl+r\" (click)=\"reset()\">\n\t\t\t\t\t{{ locale['reset'] }}\n\t\t\t\t</button>\n\t\t\t\t<ng-content></ng-content>\n\t\t\t\t<a\n\t\t\t\t\t*ngIf=\"nzxCollapse\"\n\t\t\t\t\tnz-button\n\t\t\t\t\tnzType=\"link\"\n\t\t\t\t\t(click)=\"toggleCollapse()\"\n\t\t\t\t>\n\t\t\t\t\t{{ collapseText }}\n\t\t\t\t\t<i nz-icon [nzType]=\"collapseIcon\"></i>\n\t\t\t\t</a>\n\t\t\t</div>\n\t\t</div>\n\t</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 }); }
+    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 }); }
+    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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.3", ngImport: i0, type: NzxConfigurableQueryComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: NzxConfigurableQueryComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'nzx-configurable-query', changeDetection: ChangeDetectionStrategy.OnPush, exportAs: 'NzxConfigurableQuery', template: "<form #queyForm class=\"nzx-query-container\" nz-form [formGroup]=\"queryForm\">\n\t<div nz-row [nzGutter]=\"nzxGutter\" [nzJustify]=\"nzxJustify\">\n\t\t<ng-container *ngFor=\"let config of controls; let i = index\">\n\t\t\t<div\n\t\t\t\t*ngIf=\"!config.hidden\"\n\t\t\t\tnz-col\n\t\t\t\t[nzSpan]=\"config.nzxSpan || 24 / lineNumber\"\n\t\t\t\t[hidden]=\"config.collapse\"\n\t\t\t\t[nzOrder]=\"i\"\n\t\t\t>\n\t\t\t\t<nzx-configurable-query-item\n\t\t\t\t\t*ngIf=\"config.controlName\"\n\t\t\t\t\t[form]=\"queryForm\"\n\t\t\t\t\t[control]=\"config\"\n\t\t\t\t></nzx-configurable-query-item>\n\t\t\t</div>\n\t\t</ng-container>\n\n\t\t<div\n\t\t\t[nzOrder]=\"controls.length\"\n\t\t\tclass=\"nzx-query-btn\"\n\t\t\tnz-col\n\t\t\t[nzSpan]=\"nzxBtnSpan || 24 / lineNumber\"\n\t\t>\n\t\t\t<div nz-row nzJustify=\"end\" nzAlign=\"middle\">\n\t\t\t\t<button\n\t\t\t\t\tnz-button\n\t\t\t\t\tnzType=\"primary\"\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\ttitle=\"Enter\"\n\t\t\t\t\t(click)=\"search($event)\"\n\t\t\t\t>\n\t\t\t\t\t{{ locale['query'] }}\n\t\t\t\t</button>\n\t\t\t\t<button nz-button type=\"button\" title=\"ctrl+r\" (click)=\"reset()\">\n\t\t\t\t\t{{ locale['reset'] }}\n\t\t\t\t</button>\n\t\t\t\t<ng-content></ng-content>\n\t\t\t\t<a\n\t\t\t\t\t*ngIf=\"nzxCollapse\"\n\t\t\t\t\tnz-button\n\t\t\t\t\tnzType=\"link\"\n\t\t\t\t\t(click)=\"toggleCollapse()\"\n\t\t\t\t>\n\t\t\t\t\t{{ collapseText }}\n\t\t\t\t\t<i nz-icon [nzType]=\"collapseIcon\"></i>\n\t\t\t\t</a>\n\t\t\t</div>\n\t\t</div>\n\t</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"] }]
+            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"] }]
         }], ctorParameters: () => [{ type: i1$1.NzI18nService }, { type: i2.FormBuilder }, { type: i0.ChangeDetectorRef }], propDecorators: { controls: [{
                 type: Input
             }], nzxJustify: [{
@@ -640,8 +636,8 @@ class NzxConfigurableQueryModule {
             ],
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.3", ngImport: i0, type: NzxConfigurableQueryModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.3", ngImport: i0, type: NzxConfigurableQueryModule, declarations: [NzxConfigurableQueryComponent,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: NzxConfigurableQueryModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.3", ngImport: i0, type: NzxConfigurableQueryModule, declarations: [NzxConfigurableQueryComponent,
             NzxControlDirective,
             NzxConfigurableQueryItemComponent,
             NzxInputControlComponent,
@@ -658,7 +654,7 @@ class NzxConfigurableQueryModule {
             NzDatePickerModule,
             NzIconModule,
             NzI18nModule], exports: [NzxControlDirective, NzxConfigurableQueryComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.3", ngImport: i0, type: NzxConfigurableQueryModule, imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: NzxConfigurableQueryModule, imports: [CommonModule,
             ReactiveFormsModule,
             NzInputModule,
             NzFormModule,
@@ -669,7 +665,7 @@ class NzxConfigurableQueryModule {
             NzIconModule,
             NzI18nModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.3", ngImport: i0, type: NzxConfigurableQueryModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: NzxConfigurableQueryModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [