npm - ng-zorro-antd-extension - Versions diffs - 18.1.2 → 18.1.4 - Mend

ng-zorro-antd-extension 18.1.2 → 18.1.4

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 (63) hide show

package/esm2022/dynamic-form/wrapper/item/built-in-item-wrapper.mjs ADDED Viewed

@@ -0,0 +1,27 @@
+import { Component } from '@angular/core';
+import { NzxDFAbstractItemWrapper } from './abstract-item-wrapper';
+import * as i0 from "@angular/core";
+import * as i1 from "ng-zorro-antd/grid";
+import * as i2 from "ng-zorro-antd/form";
+export class NzxDFBuiltInItemWrapperComponent extends NzxDFAbstractItemWrapper {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NzxDFBuiltInItemWrapperComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: NzxDFBuiltInItemWrapperComponent, selector: "nzx-built-in-item-wrapper", usesInheritance: true, ngImport: i0, template: `
+    <nz-form-item>
+      <ng-template #dfLabelWrapperTpl></ng-template>
+      <ng-template #dfControlWrapperTpl></ng-template>
+    </nz-form-item>
+  `, isInline: true, dependencies: [{ kind: "directive", type: i1.NzRowDirective, selector: "[nz-row],nz-row,nz-form-item", inputs: ["nzAlign", "nzJustify", "nzGutter"], exportAs: ["nzRow"] }, { kind: "component", type: i2.NzFormItemComponent, selector: "nz-form-item", exportAs: ["nzFormItem"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NzxDFBuiltInItemWrapperComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'nzx-built-in-item-wrapper',
+                    template: `
+    <nz-form-item>
+      <ng-template #dfLabelWrapperTpl></ng-template>
+      <ng-template #dfControlWrapperTpl></ng-template>
+    </nz-form-item>
+  `,
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnVpbHQtaW4taXRlbS13cmFwcGVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vY29tcG9uZW50cy9keW5hbWljLWZvcm0vd3JhcHBlci9pdGVtL2J1aWx0LWluLWl0ZW0td3JhcHBlci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzFDLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLHlCQUF5QixDQUFDOzs7O0FBV25FLE1BQU0sT0FBTyxnQ0FBaUMsU0FBUSx3QkFBd0I7K0dBQWpFLGdDQUFnQzttR0FBaEMsZ0NBQWdDLHdGQVBqQzs7Ozs7R0FLVDs7NEZBRVUsZ0NBQWdDO2tCQVQ1QyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSwyQkFBMkI7b0JBQ3JDLFFBQVEsRUFBRTs7Ozs7R0FLVDtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTnp4REZBYnN0cmFjdEl0ZW1XcmFwcGVyIH0gZnJvbSAnLi9hYnN0cmFjdC1pdGVtLXdyYXBwZXInO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICduengtYnVpbHQtaW4taXRlbS13cmFwcGVyJyxcbiAgdGVtcGxhdGU6IGBcbiAgICA8bnotZm9ybS1pdGVtPlxuICAgICAgPG5nLXRlbXBsYXRlICNkZkxhYmVsV3JhcHBlclRwbD48L25nLXRlbXBsYXRlPlxuICAgICAgPG5nLXRlbXBsYXRlICNkZkNvbnRyb2xXcmFwcGVyVHBsPjwvbmctdGVtcGxhdGU+XG4gICAgPC9uei1mb3JtLWl0ZW0+XG4gIGAsXG59KVxuZXhwb3J0IGNsYXNzIE56eERGQnVpbHRJbkl0ZW1XcmFwcGVyQ29tcG9uZW50IGV4dGVuZHMgTnp4REZBYnN0cmFjdEl0ZW1XcmFwcGVyIHt9XG4iXX0=

package/esm2022/dynamic-form/wrapper/label/abstract-label-wrapper.mjs ADDED Viewed

@@ -0,0 +1,10 @@
+import { Directive } from '@angular/core';
+import * as i0 from "@angular/core";
+export class NzxDFAbstractLabelWrapper {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NzxDFAbstractLabelWrapper, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: NzxDFAbstractLabelWrapper, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NzxDFAbstractLabelWrapper, decorators: [{
+            type: Directive
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWJzdHJhY3QtbGFiZWwtd3JhcHBlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvZHluYW1pYy1mb3JtL3dyYXBwZXIvbGFiZWwvYWJzdHJhY3QtbGFiZWwtd3JhcHBlci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQUcxQyxNQUFNLE9BQU8seUJBQXlCOytHQUF6Qix5QkFBeUI7bUdBQXpCLHlCQUF5Qjs7NEZBQXpCLHlCQUF5QjtrQkFEckMsU0FBUyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpcmVjdGl2ZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5ARGlyZWN0aXZlKClcbmV4cG9ydCBjbGFzcyBOenhERkFic3RyYWN0TGFiZWxXcmFwcGVyIHt9XG4iXX0=

package/esm2022/dynamic-form/wrapper/label/built-in-label-wrapper.mjs ADDED Viewed

@@ -0,0 +1,17 @@
+import { Component } from '@angular/core';
+import { NzxDFAbstractLabelWrapper } from './abstract-label-wrapper';
+import * as i0 from "@angular/core";
+import * as i1 from "ng-zorro-antd/grid";
+import * as i2 from "ng-zorro-antd/form";
+export class NzxDFBuiltInLabelWrapperComponent extends NzxDFAbstractLabelWrapper {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NzxDFBuiltInLabelWrapperComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: NzxDFBuiltInLabelWrapperComponent, selector: "nzx-built-in-label-wrapper", usesInheritance: true, ngImport: i0, template: ` <nz-form-label>我是label</nz-form-label> `, isInline: true, dependencies: [{ kind: "directive", type: i1.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: "component", type: i2.NzFormLabelComponent, selector: "nz-form-label", inputs: ["nzFor", "nzRequired", "nzNoColon", "nzTooltipTitle", "nzTooltipIcon", "nzLabelAlign", "nzLabelWrap"], exportAs: ["nzFormLabel"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NzxDFBuiltInLabelWrapperComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'nzx-built-in-label-wrapper',
+                    template: ` <nz-form-label>我是label</nz-form-label> `,
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnVpbHQtaW4tbGFiZWwtd3JhcHBlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvZHluYW1pYy1mb3JtL3dyYXBwZXIvbGFiZWwvYnVpbHQtaW4tbGFiZWwtd3JhcHBlci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzFDLE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxNQUFNLDBCQUEwQixDQUFDOzs7O0FBTXJFLE1BQU0sT0FBTyxpQ0FBa0MsU0FBUSx5QkFBeUI7K0dBQW5FLGlDQUFpQzttR0FBakMsaUNBQWlDLHlGQUZsQywwQ0FBMEM7OzRGQUV6QyxpQ0FBaUM7a0JBSjdDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLDRCQUE0QjtvQkFDdEMsUUFBUSxFQUFFLDBDQUEwQztpQkFDckQiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE56eERGQWJzdHJhY3RMYWJlbFdyYXBwZXIgfSBmcm9tICcuL2Fic3RyYWN0LWxhYmVsLXdyYXBwZXInO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICduengtYnVpbHQtaW4tbGFiZWwtd3JhcHBlcicsXG4gIHRlbXBsYXRlOiBgIDxuei1mb3JtLWxhYmVsPuaIkeaYr2xhYmVsPC9uei1mb3JtLWxhYmVsPiBgLFxufSlcbmV4cG9ydCBjbGFzcyBOenhERkJ1aWx0SW5MYWJlbFdyYXBwZXJDb21wb25lbnQgZXh0ZW5kcyBOenhERkFic3RyYWN0TGFiZWxXcmFwcGVyIHt9XG4iXX0=

package/esm2022/print/nzx-print-content.directive.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-import { Directive, Input } from "@angular/core";
+import { Directive, Input } from '@angular/core';
 import * as i0 from "@angular/core";
 export class NzxPrintContentDirective {
     constructor(elementRef) {
@@ -19,4 +19,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             }], customStyle: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibnp4LXByaW50LWNvbnRlbnQuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9wcmludC9uengtcHJpbnQtY29udGVudC5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBYyxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBSzdELE1BQU0sT0FBTyx3QkFBd0I7SUFHcEMsWUFBbUIsVUFBc0I7UUFBdEIsZUFBVSxHQUFWLFVBQVUsQ0FBWTtRQUZoQyxrQkFBYSxHQUFzQixFQUFFLENBQUM7UUFDdEMsZ0JBQVcsR0FBRyxFQUFFLENBQUM7SUFDa0IsQ0FBQzsrR0FIakMsd0JBQXdCO21HQUF4Qix3QkFBd0I7OzRGQUF4Qix3QkFBd0I7a0JBSHBDLFNBQVM7bUJBQUM7b0JBQ1YsUUFBUSxFQUFFLG1CQUFtQjtpQkFDN0I7K0VBRVMsYUFBYTtzQkFBckIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGlyZWN0aXZlLCBFbGVtZW50UmVmLCBJbnB1dCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5cbkBEaXJlY3RpdmUoe1xuXHRzZWxlY3RvcjogJ1tuenhQcmludENvbnRlbnRdJyxcbn0pXG5leHBvcnQgY2xhc3MgTnp4UHJpbnRDb250ZW50RGlyZWN0aXZlIHtcblx0QElucHV0KCkgaWRlbnRpZmllclN0cjogc3RyaW5nIHwgc3RyaW5nW10gPSAnJztcblx0QElucHV0KCkgY3VzdG9tU3R5bGUgPSAnJztcblx0Y29uc3RydWN0b3IocHVibGljIGVsZW1lbnRSZWY6IEVsZW1lbnRSZWYpIHt9XG59XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibnp4LXByaW50LWNvbnRlbnQuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9wcmludC9uengtcHJpbnQtY29udGVudC5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBYyxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBSzdELE1BQU0sT0FBTyx3QkFBd0I7SUFHbkMsWUFBbUIsVUFBc0I7UUFBdEIsZUFBVSxHQUFWLFVBQVUsQ0FBWTtRQUZoQyxrQkFBYSxHQUFzQixFQUFFLENBQUM7UUFDdEMsZ0JBQVcsR0FBRyxFQUFFLENBQUM7SUFDa0IsQ0FBQzsrR0FIbEMsd0JBQXdCO21HQUF4Qix3QkFBd0I7OzRGQUF4Qix3QkFBd0I7a0JBSHBDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLG1CQUFtQjtpQkFDOUI7K0VBRVUsYUFBYTtzQkFBckIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGlyZWN0aXZlLCBFbGVtZW50UmVmLCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdbbnp4UHJpbnRDb250ZW50XScsXG59KVxuZXhwb3J0IGNsYXNzIE56eFByaW50Q29udGVudERpcmVjdGl2ZSB7XG4gIEBJbnB1dCgpIGlkZW50aWZpZXJTdHI6IHN0cmluZyB8IHN0cmluZ1tdID0gJyc7XG4gIEBJbnB1dCgpIGN1c3RvbVN0eWxlID0gJyc7XG4gIGNvbnN0cnVjdG9yKHB1YmxpYyBlbGVtZW50UmVmOiBFbGVtZW50UmVmKSB7fVxufVxuIl19

package/esm2022/print/nzx-print.module.mjs CHANGED Viewed

@@ -36,4 +36,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                     ],
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibnp4LXByaW50Lm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvcHJpbnQvbnp4LXByaW50Lm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUMxRCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUMxRCxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUM3RCxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUM5RCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDbEQsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sK0JBQStCLENBQUM7O0FBaUJ6RSxNQUFNLE9BQU8sY0FBYzsrR0FBZCxjQUFjO2dIQUFkLGNBQWMsaUJBYnpCLGlCQUFpQjtZQUNqQixrQkFBa0I7WUFDbEIsaUJBQWlCO1lBQ2pCLHdCQUF3QixhQUVmLFlBQVksRUFBRSxZQUFZLEVBQUUsa0JBQWtCLGFBRXZELGlCQUFpQjtZQUNqQixrQkFBa0I7WUFDbEIsd0JBQXdCO1lBQ3hCLGlCQUFpQjtnSEFHTixjQUFjLFlBUmhCLFlBQVksRUFBRSxZQUFZLEVBQUUsa0JBQWtCOzs0RkFRNUMsY0FBYztrQkFmMUIsUUFBUTttQkFBQztvQkFDVCxZQUFZLEVBQUU7d0JBQ2IsaUJBQWlCO3dCQUNqQixrQkFBa0I7d0JBQ2xCLGlCQUFpQjt3QkFDakIsd0JBQXdCO3FCQUN4QjtvQkFDRCxPQUFPLEVBQUUsQ0FBQyxZQUFZLEVBQUUsWUFBWSxFQUFFLGtCQUFrQixDQUFDO29CQUN6RCxPQUFPLEVBQUU7d0JBQ1IsaUJBQWlCO3dCQUNqQixrQkFBa0I7d0JBQ2xCLHdCQUF3Qjt3QkFDeEIsaUJBQWlCO3FCQUNqQjtpQkFDRCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTnp4UHJpbnRDb21wb25lbnQgfSBmcm9tICcuL256eC1wcmludC5jb21wb25lbnQnO1xuaW1wb3J0IHsgTnp4UHJpbnREaXJlY3RpdmUgfSBmcm9tICcuL256eC1wcmludC5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgTnp4UHJpbnRWQ29tcG9uZW50IH0gZnJvbSAnLi9uengtcHJpbnQtdi5jb21wb25lbnQnO1xuaW1wb3J0IHsgTnpQYWdpbmF0aW9uTW9kdWxlIH0gZnJvbSAnbmctem9ycm8tYW50ZC9wYWdpbmF0aW9uJztcbmltcG9ydCB7IE56R3JpZE1vZHVsZSB9IGZyb20gJ25nLXpvcnJvLWFudGQvZ3JpZCc7XG5pbXBvcnQgeyBOenhQcmludENvbnRlbnREaXJlY3RpdmUgfSBmcm9tICcuL256eC1wcmludC1jb250ZW50LmRpcmVjdGl2ZSc7XG5cbkBOZ01vZHVsZSh7XG5cdGRlY2xhcmF0aW9uczogW1xuXHRcdE56eFByaW50Q29tcG9uZW50LFxuXHRcdE56eFByaW50VkNvbXBvbmVudCxcblx0XHROenhQcmludERpcmVjdGl2ZSxcblx0XHROenhQcmludENvbnRlbnREaXJlY3RpdmUsXG5cdF0sXG5cdGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIE56R3JpZE1vZHVsZSwgTnpQYWdpbmF0aW9uTW9kdWxlXSxcblx0ZXhwb3J0czogW1xuXHRcdE56eFByaW50Q29tcG9uZW50LFxuXHRcdE56eFByaW50VkNvbXBvbmVudCxcblx0XHROenhQcmludENvbnRlbnREaXJlY3RpdmUsXG5cdFx0Tnp4UHJpbnREaXJlY3RpdmUsXG5cdF0sXG59KVxuZXhwb3J0IGNsYXNzIE56eFByaW50TW9kdWxlIHt9XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibnp4LXByaW50Lm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvcHJpbnQvbnp4LXByaW50Lm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUMxRCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUMxRCxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUM3RCxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUM5RCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDbEQsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sK0JBQStCLENBQUM7O0FBaUJ6RSxNQUFNLE9BQU8sY0FBYzsrR0FBZCxjQUFjO2dIQUFkLGNBQWMsaUJBYnZCLGlCQUFpQjtZQUNqQixrQkFBa0I7WUFDbEIsaUJBQWlCO1lBQ2pCLHdCQUF3QixhQUVoQixZQUFZLEVBQUUsWUFBWSxFQUFFLGtCQUFrQixhQUV0RCxpQkFBaUI7WUFDakIsa0JBQWtCO1lBQ2xCLHdCQUF3QjtZQUN4QixpQkFBaUI7Z0hBR1IsY0FBYyxZQVJmLFlBQVksRUFBRSxZQUFZLEVBQUUsa0JBQWtCOzs0RkFRN0MsY0FBYztrQkFmMUIsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUU7d0JBQ1osaUJBQWlCO3dCQUNqQixrQkFBa0I7d0JBQ2xCLGlCQUFpQjt3QkFDakIsd0JBQXdCO3FCQUN6QjtvQkFDRCxPQUFPLEVBQUUsQ0FBQyxZQUFZLEVBQUUsWUFBWSxFQUFFLGtCQUFrQixDQUFDO29CQUN6RCxPQUFPLEVBQUU7d0JBQ1AsaUJBQWlCO3dCQUNqQixrQkFBa0I7d0JBQ2xCLHdCQUF3Qjt3QkFDeEIsaUJBQWlCO3FCQUNsQjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTnp4UHJpbnRDb21wb25lbnQgfSBmcm9tICcuL256eC1wcmludC5jb21wb25lbnQnO1xuaW1wb3J0IHsgTnp4UHJpbnREaXJlY3RpdmUgfSBmcm9tICcuL256eC1wcmludC5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgTnp4UHJpbnRWQ29tcG9uZW50IH0gZnJvbSAnLi9uengtcHJpbnQtdi5jb21wb25lbnQnO1xuaW1wb3J0IHsgTnpQYWdpbmF0aW9uTW9kdWxlIH0gZnJvbSAnbmctem9ycm8tYW50ZC9wYWdpbmF0aW9uJztcbmltcG9ydCB7IE56R3JpZE1vZHVsZSB9IGZyb20gJ25nLXpvcnJvLWFudGQvZ3JpZCc7XG5pbXBvcnQgeyBOenhQcmludENvbnRlbnREaXJlY3RpdmUgfSBmcm9tICcuL256eC1wcmludC1jb250ZW50LmRpcmVjdGl2ZSc7XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW1xuICAgIE56eFByaW50Q29tcG9uZW50LFxuICAgIE56eFByaW50VkNvbXBvbmVudCxcbiAgICBOenhQcmludERpcmVjdGl2ZSxcbiAgICBOenhQcmludENvbnRlbnREaXJlY3RpdmUsXG4gIF0sXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIE56R3JpZE1vZHVsZSwgTnpQYWdpbmF0aW9uTW9kdWxlXSxcbiAgZXhwb3J0czogW1xuICAgIE56eFByaW50Q29tcG9uZW50LFxuICAgIE56eFByaW50VkNvbXBvbmVudCxcbiAgICBOenhQcmludENvbnRlbnREaXJlY3RpdmUsXG4gICAgTnp4UHJpbnREaXJlY3RpdmUsXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIE56eFByaW50TW9kdWxlIHt9XG4iXX0=

package/esm2022/util/lib/getElementByTag.mjs CHANGED Viewed

@@ -1,3 +1,4 @@
+import { isString } from './isString';
 /**
  * 获取当前document下所有指定标签
  * @param tagName 标签名
@@ -11,7 +12,7 @@ export function getElementByTag(tagName, identifier) {
         if (Array.isArray(identifier)) {
             identifiers = [...identifier];
         }
-        else {
+        else if (isString(identifier)) {
             identifiers = [identifier];
         }
     }
@@ -19,13 +20,19 @@ export function getElementByTag(tagName, identifier) {
     const elements = document.getElementsByTagName(tagName);
     const length = elements.length;
     for (let index = 0; index < length; index++) {
-        identifiers.forEach((s) => {
-            if (elements[index].outerHTML.includes(s)) {
-                const formateStr = elements[index].outerHTML.replace(/\/\*[\s\S]*?\*\//g, '');
-                html.push(formateStr);
-            }
-        });
+        if (identifiers.length) {
+            identifiers.forEach((s) => {
+                if (elements[index].outerHTML.includes(s)) {
+                    const formateStr = elements[index].outerHTML.replace(/\/\*[\s\S]*?\*\//g, '');
+                    html.push(formateStr);
+                }
+            });
+        }
+        else {
+            const formateStr = elements[index].outerHTML.replace(/\/\*[\s\S]*?\*\//g, '');
+            html.push(formateStr);
+        }
     }
     return html.join('\r\n');
 }
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2V0RWxlbWVudEJ5VGFnLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vY29tcG9uZW50cy91dGlsL2xpYi9nZXRFbGVtZW50QnlUYWcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7OztHQU1HO0FBQ0gsTUFBTSxVQUFVLGVBQWUsQ0FDN0IsT0FBb0MsRUFDcEMsVUFBOEI7SUFFOUIsSUFBSSxXQUFXLEdBQWEsRUFBRSxDQUFDO0lBQy9CLElBQUksVUFBVSxFQUFFLENBQUM7UUFDZixJQUFJLEtBQUssQ0FBQyxPQUFPLENBQUMsVUFBVSxDQUFDLEVBQUUsQ0FBQztZQUM5QixXQUFXLEdBQUcsQ0FBQyxHQUFHLFVBQVUsQ0FBQyxDQUFDO1FBQ2hDLENBQUM7YUFBTSxDQUFDO1lBQ04sV0FBVyxHQUFHLENBQUMsVUFBVSxDQUFDLENBQUM7UUFDN0IsQ0FBQztJQUNILENBQUM7SUFDRCxNQUFNLElBQUksR0FBYSxFQUFFLENBQUM7SUFDMUIsTUFBTSxRQUFRLEdBQUcsUUFBUSxDQUFDLG9CQUFvQixDQUFDLE9BQU8sQ0FBQyxDQUFDO0lBQ3hELE1BQU0sTUFBTSxHQUFHLFFBQVEsQ0FBQyxNQUFNLENBQUM7SUFDL0IsS0FBSyxJQUFJLEtBQUssR0FBRyxDQUFDLEVBQUUsS0FBSyxHQUFHLE1BQU0sRUFBRSxLQUFLLEVBQUUsRUFBRSxDQUFDO1FBQzVDLFdBQVcsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRTtZQUN4QixJQUFJLFFBQVEsQ0FBQyxLQUFLLENBQUMsQ0FBQyxTQUFTLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUM7Z0JBQzFDLE1BQU0sVUFBVSxHQUFHLFFBQVEsQ0FBQyxLQUFLLENBQUMsQ0FBQyxTQUFTLENBQUMsT0FBTyxDQUNsRCxtQkFBbUIsRUFDbkIsRUFBRSxDQUNILENBQUM7Z0JBQ0YsSUFBSSxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQztZQUN4QixDQUFDO1FBQ0gsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDO0lBQ0QsT0FBTyxJQUFJLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0FBQzNCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIOiOt+WPluW9k+WJjWRvY3VtZW505LiL5omA5pyJ5oyH5a6a5qCH562+XG4gKiBAcGFyYW0gdGFnTmFtZSDmoIfnrb7lkI1cbiAqIEBwYXJhbSBpZGVudGlmaWVyIOWUr+S4gOagh+ivhuespu+8jOmAieWPluagh+etvuWGheWuuVxuICpcbiAqIEByZXR1cm5zIHN0cmluZyDmoIfnrb7lrZfnrKbkuLJcbiAqL1xuZXhwb3J0IGZ1bmN0aW9uIGdldEVsZW1lbnRCeVRhZyhcbiAgdGFnTmFtZToga2V5b2YgSFRNTEVsZW1lbnRUYWdOYW1lTWFwLFxuICBpZGVudGlmaWVyPzogc3RyaW5nIHwgc3RyaW5nW11cbik6IHN0cmluZyB7XG4gIGxldCBpZGVudGlmaWVyczogc3RyaW5nW10gPSBbXTtcbiAgaWYgKGlkZW50aWZpZXIpIHtcbiAgICBpZiAoQXJyYXkuaXNBcnJheShpZGVudGlmaWVyKSkge1xuICAgICAgaWRlbnRpZmllcnMgPSBbLi4uaWRlbnRpZmllcl07XG4gICAgfSBlbHNlIHtcbiAgICAgIGlkZW50aWZpZXJzID0gW2lkZW50aWZpZXJdO1xuICAgIH1cbiAgfVxuICBjb25zdCBodG1sOiBzdHJpbmdbXSA9IFtdO1xuICBjb25zdCBlbGVtZW50cyA9IGRvY3VtZW50LmdldEVsZW1lbnRzQnlUYWdOYW1lKHRhZ05hbWUpO1xuICBjb25zdCBsZW5ndGggPSBlbGVtZW50cy5sZW5ndGg7XG4gIGZvciAobGV0IGluZGV4ID0gMDsgaW5kZXggPCBsZW5ndGg7IGluZGV4KyspIHtcbiAgICBpZGVudGlmaWVycy5mb3JFYWNoKChzKSA9PiB7XG4gICAgICBpZiAoZWxlbWVudHNbaW5kZXhdLm91dGVySFRNTC5pbmNsdWRlcyhzKSkge1xuICAgICAgICBjb25zdCBmb3JtYXRlU3RyID0gZWxlbWVudHNbaW5kZXhdLm91dGVySFRNTC5yZXBsYWNlKFxuICAgICAgICAgIC9cXC9cXCpbXFxzXFxTXSo/XFwqXFwvL2csXG4gICAgICAgICAgJydcbiAgICAgICAgKTtcbiAgICAgICAgaHRtbC5wdXNoKGZvcm1hdGVTdHIpO1xuICAgICAgfVxuICAgIH0pO1xuICB9XG4gIHJldHVybiBodG1sLmpvaW4oJ1xcclxcbicpO1xufVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2V0RWxlbWVudEJ5VGFnLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vY29tcG9uZW50cy91dGlsL2xpYi9nZXRFbGVtZW50QnlUYWcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLFlBQVksQ0FBQztBQUV0Qzs7Ozs7O0dBTUc7QUFDSCxNQUFNLFVBQVUsZUFBZSxDQUM3QixPQUFvQyxFQUNwQyxVQUE4QjtJQUU5QixJQUFJLFdBQVcsR0FBYSxFQUFFLENBQUM7SUFDL0IsSUFBSSxVQUFVLEVBQUUsQ0FBQztRQUNmLElBQUksS0FBSyxDQUFDLE9BQU8sQ0FBQyxVQUFVLENBQUMsRUFBRSxDQUFDO1lBQzlCLFdBQVcsR0FBRyxDQUFDLEdBQUcsVUFBVSxDQUFDLENBQUM7UUFDaEMsQ0FBQzthQUFNLElBQUksUUFBUSxDQUFDLFVBQVUsQ0FBQyxFQUFFLENBQUM7WUFDaEMsV0FBVyxHQUFHLENBQUMsVUFBVSxDQUFDLENBQUM7UUFDN0IsQ0FBQztJQUNILENBQUM7SUFDRCxNQUFNLElBQUksR0FBYSxFQUFFLENBQUM7SUFDMUIsTUFBTSxRQUFRLEdBQUcsUUFBUSxDQUFDLG9CQUFvQixDQUFDLE9BQU8sQ0FBQyxDQUFDO0lBQ3hELE1BQU0sTUFBTSxHQUFHLFFBQVEsQ0FBQyxNQUFNLENBQUM7SUFDL0IsS0FBSyxJQUFJLEtBQUssR0FBRyxDQUFDLEVBQUUsS0FBSyxHQUFHLE1BQU0sRUFBRSxLQUFLLEVBQUUsRUFBRSxDQUFDO1FBQzVDLElBQUksV0FBVyxDQUFDLE1BQU0sRUFBRSxDQUFDO1lBQ3ZCLFdBQVcsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRTtnQkFDeEIsSUFBSSxRQUFRLENBQUMsS0FBSyxDQUFDLENBQUMsU0FBUyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDO29CQUMxQyxNQUFNLFVBQVUsR0FBRyxRQUFRLENBQUMsS0FBSyxDQUFDLENBQUMsU0FBUyxDQUFDLE9BQU8sQ0FDbEQsbUJBQW1CLEVBQ25CLEVBQUUsQ0FDSCxDQUFDO29CQUNGLElBQUksQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUM7Z0JBQ3hCLENBQUM7WUFDSCxDQUFDLENBQUMsQ0FBQztRQUNMLENBQUM7YUFBTSxDQUFDO1lBQ04sTUFBTSxVQUFVLEdBQUcsUUFBUSxDQUFDLEtBQUssQ0FBQyxDQUFDLFNBQVMsQ0FBQyxPQUFPLENBQ2xELG1CQUFtQixFQUNuQixFQUFFLENBQ0gsQ0FBQztZQUNGLElBQUksQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUM7UUFDeEIsQ0FBQztJQUNILENBQUM7SUFDRCxPQUFPLElBQUksQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7QUFDM0IsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGlzU3RyaW5nIH0gZnJvbSAnLi9pc1N0cmluZyc7XG5cbi8qKlxuICog6I635Y+W5b2T5YmNZG9jdW1lbnTkuIvmiYDmnInmjIflrprmoIfnrb5cbiAqIEBwYXJhbSB0YWdOYW1lIOagh+etvuWQjVxuICogQHBhcmFtIGlkZW50aWZpZXIg5ZSv5LiA5qCH6K+G56ym77yM6YCJ5Y+W5qCH562+5YaF5a65XG4gKlxuICogQHJldHVybnMgc3RyaW5nIOagh+etvuWtl+espuS4slxuICovXG5leHBvcnQgZnVuY3Rpb24gZ2V0RWxlbWVudEJ5VGFnKFxuICB0YWdOYW1lOiBrZXlvZiBIVE1MRWxlbWVudFRhZ05hbWVNYXAsXG4gIGlkZW50aWZpZXI/OiBzdHJpbmcgfCBzdHJpbmdbXVxuKTogc3RyaW5nIHtcbiAgbGV0IGlkZW50aWZpZXJzOiBzdHJpbmdbXSA9IFtdO1xuICBpZiAoaWRlbnRpZmllcikge1xuICAgIGlmIChBcnJheS5pc0FycmF5KGlkZW50aWZpZXIpKSB7XG4gICAgICBpZGVudGlmaWVycyA9IFsuLi5pZGVudGlmaWVyXTtcbiAgICB9IGVsc2UgaWYgKGlzU3RyaW5nKGlkZW50aWZpZXIpKSB7XG4gICAgICBpZGVudGlmaWVycyA9IFtpZGVudGlmaWVyXTtcbiAgICB9XG4gIH1cbiAgY29uc3QgaHRtbDogc3RyaW5nW10gPSBbXTtcbiAgY29uc3QgZWxlbWVudHMgPSBkb2N1bWVudC5nZXRFbGVtZW50c0J5VGFnTmFtZSh0YWdOYW1lKTtcbiAgY29uc3QgbGVuZ3RoID0gZWxlbWVudHMubGVuZ3RoO1xuICBmb3IgKGxldCBpbmRleCA9IDA7IGluZGV4IDwgbGVuZ3RoOyBpbmRleCsrKSB7XG4gICAgaWYgKGlkZW50aWZpZXJzLmxlbmd0aCkge1xuICAgICAgaWRlbnRpZmllcnMuZm9yRWFjaCgocykgPT4ge1xuICAgICAgICBpZiAoZWxlbWVudHNbaW5kZXhdLm91dGVySFRNTC5pbmNsdWRlcyhzKSkge1xuICAgICAgICAgIGNvbnN0IGZvcm1hdGVTdHIgPSBlbGVtZW50c1tpbmRleF0ub3V0ZXJIVE1MLnJlcGxhY2UoXG4gICAgICAgICAgICAvXFwvXFwqW1xcc1xcU10qP1xcKlxcLy9nLFxuICAgICAgICAgICAgJydcbiAgICAgICAgICApO1xuICAgICAgICAgIGh0bWwucHVzaChmb3JtYXRlU3RyKTtcbiAgICAgICAgfVxuICAgICAgfSk7XG4gICAgfSBlbHNlIHtcbiAgICAgIGNvbnN0IGZvcm1hdGVTdHIgPSBlbGVtZW50c1tpbmRleF0ub3V0ZXJIVE1MLnJlcGxhY2UoXG4gICAgICAgIC9cXC9cXCpbXFxzXFxTXSo/XFwqXFwvL2csXG4gICAgICAgICcnXG4gICAgICApO1xuICAgICAgaHRtbC5wdXNoKGZvcm1hdGVTdHIpO1xuICAgIH1cbiAgfVxuICByZXR1cm4gaHRtbC5qb2luKCdcXHJcXG4nKTtcbn1cbiJdfQ==

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

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Directive, Input, Component, InjectionToken, Injectable, Optional, Inject, ViewContainerRef, ViewChild, EventEmitter, ChangeDetectionStrategy, Output, ContentChildren, NgModule } from '@angular/core';
+import { Directive, Input, Component, ChangeDetectionStrategy, InjectionToken, Injectable, Optional, Inject, ViewContainerRef, ViewChild, EventEmitter, Output, ContentChildren, NgModule } from '@angular/core';
 import { updateControlStatus } from 'ng-zorro-antd-extension/util';
 import { BehaviorSubject, Subject, takeUntil, fromEvent } from 'rxjs';
 import * as i1$1 from 'ng-zorro-antd/i18n';
@@ -16,7 +16,11 @@ import * as i6 from 'ng-zorro-antd/button';
 import { NzButtonModule } from 'ng-zorro-antd/button';
 import * as i7 from 'ng-zorro-antd/core/transition-patch';
 import * as i8 from 'ng-zorro-antd/core/wave';
-import * as i9 from 'ng-zorro-antd/icon';
+import * as i9 from 'ng-zorro-antd/card';
+import { NzCardModule } from 'ng-zorro-antd/card';
+import * as i10 from 'ng-zorro-antd/space';
+import { NzSpaceModule } from 'ng-zorro-antd/space';
+import * as i11 from 'ng-zorro-antd/icon';
 import { NzIconModule } from 'ng-zorro-antd/icon';
 import * as i3 from 'ng-zorro-antd/date-picker';
 import { NzDatePickerModule } from 'ng-zorro-antd/date-picker';
@@ -45,6 +49,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
  * 用来动态添加control type类型控件，类型控件需要继承此控件
  */
 class NzxAbstractControl {
+    get formControl() {
+        return this.form.get(this.control.controlName);
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NzxAbstractControl, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: NzxAbstractControl, inputs: { form: "form", control: "control" }, ngImport: i0 }); }
 }
@@ -62,12 +69,12 @@ class NzxDatePickerControlComponent extends NzxAbstractControl {
     <ng-container [formGroup]="form">
       <nz-date-picker
         [ngStyle]="{ width: '100%' }"
-        [formControlName]="control.controlName!"
+        [formControl]="formControl"
         [nzPlaceHolder]="control.placeholder!"
       >
       </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-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"] }] }); }
+  `, 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.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NzxDatePickerControlComponent, decorators: [{
             type: Component,
@@ -77,12 +84,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
     <ng-container [formGroup]="form">
       <nz-date-picker
         [ngStyle]="{ width: '100%' }"
-        [formControlName]="control.controlName!"
+        [formControl]="formControl"
         [nzPlaceHolder]="control.placeholder!"
       >
       </nz-date-picker>
     </ng-container>
   `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
                 }]
         }] });
@@ -91,13 +99,13 @@ class NzxInputControlComponent extends NzxAbstractControl {
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: NzxInputControlComponent, selector: "nzx-input-control", usesInheritance: true, ngImport: i0, template: `
     <ng-container [formGroup]="form">
       <input
+        [formControl]="formControl"
         nz-input
         type="text"
         [placeholder]="control.placeholder"
-        [formControlName]="control.controlName!"
       />
     </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"] }] }); }
+  `, 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.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$1.NzInputDirective, selector: "input[nz-input],textarea[nz-input]", inputs: ["nzBorderless", "nzSize", "nzStepperless", "nzStatus", "disabled"], exportAs: ["nzInput"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NzxInputControlComponent, decorators: [{
             type: Component,
@@ -106,13 +114,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                     template: `
     <ng-container [formGroup]="form">
       <input
+        [formControl]="formControl"
         nz-input
         type="text"
         [placeholder]="control.placeholder"
-        [formControlName]="control.controlName!"
       />
     </ng-container>
   `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
                 }]
         }] });
@@ -121,12 +130,12 @@ class NzxRangePickerControlComponent extends NzxAbstractControl {
     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: `
     <ng-container [formGroup]="form">
       <nz-range-picker
+        [formControl]="formControl"
         [ngStyle]="{ width: '100%' }"
-        [formControlName]="control.controlName!"
       >
       </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-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"] }] }); }
+  `, 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.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NzxRangePickerControlComponent, decorators: [{
             type: Component,
@@ -135,12 +144,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                     template: `
     <ng-container [formGroup]="form">
       <nz-range-picker
+        [formControl]="formControl"
         [ngStyle]="{ width: '100%' }"
-        [formControlName]="control.controlName!"
       >
       </nz-range-picker>
     </ng-container>
   `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
                 }]
         }] });
@@ -149,7 +159,7 @@ class NzxSelectControlComponent extends NzxAbstractControl {
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: NzxSelectControlComponent, selector: "nzx-select-control", usesInheritance: true, ngImport: i0, template: `
     <ng-container [formGroup]="form">
       <nz-select
-        [formControlName]="control.controlName!"
+        [formControl]="formControl"
         [nzShowSearch]="control.nzxShowSearch ?? true"
         [nzAllowClear]="control.nzxAllowClear ?? true"
         [nzPlaceHolder]="control.placeholder!"
@@ -162,7 +172,7 @@ class NzxSelectControlComponent extends NzxAbstractControl {
         </nz-option>
       </nz-select>
     </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"] }] }); }
+  `, 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.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NzxSelectControlComponent, decorators: [{
             type: Component,
@@ -171,7 +181,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                     template: `
     <ng-container [formGroup]="form">
       <nz-select
-        [formControlName]="control.controlName!"
+        [formControl]="formControl"
         [nzShowSearch]="control.nzxShowSearch ?? true"
         [nzAllowClear]="control.nzxAllowClear ?? true"
         [nzPlaceHolder]="control.placeholder!"
@@ -185,6 +195,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
       </nz-select>
     </ng-container>
   `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
                 }]
         }] });
@@ -194,11 +205,11 @@ class NzxTemplateControlComponent extends NzxAbstractControl {
     <ng-container
       *ngTemplateOutlet="
         control.templateRef!;
-        context: { $implicit: form.get(control.controlName!), formGroup: form }
+        context: { $implicit: formControl, formGroup: form }
       "
     >
     </ng-container>
-  `, isInline: true, dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
+  `, isInline: true, dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NzxTemplateControlComponent, decorators: [{
             type: Component,
@@ -208,11 +219,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
     <ng-container
       *ngTemplateOutlet="
         control.templateRef!;
-        context: { $implicit: form.get(control.controlName!), formGroup: form }
+        context: { $implicit: formControl, formGroup: form }
       "
     >
     </ng-container>
   `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
                 }]
         }] });
@@ -240,6 +252,7 @@ class NzxQueryConfigService {
             }
         }
     }
+    /** 添加controlType 类型控件 */
     addControlType(controlType) {
         const find = this.controlTypePoll.some((i) => i.key === controlType.key);
         if (find) {
@@ -247,6 +260,7 @@ class NzxQueryConfigService {
         }
         this.controlTypePoll.push(controlType);
     }
+    /** 删除controlType 类型控件 */
     removeControlType(key) {
         const find = this.controlTypePoll.some((i) => i.key === key);
         if (find) {
@@ -256,6 +270,7 @@ class NzxQueryConfigService {
             throw `ControlType:: ${key} not exists !`;
         }
     }
+    /** 刷新 */
     refreshControlType() {
         this.controlTypes$.next(this.controlTypePoll);
     }
@@ -318,7 +333,7 @@ class NzxConfigurableQueryItemComponent {
         <ng-template #controlTemp></ng-template>
       </nz-form-control>
     </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"] }] }); }
+  `, 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NzxConfigurableQueryItemComponent, decorators: [{
             type: Component,
@@ -340,6 +355,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
       </nz-form-control>
     </nz-form-item>
   `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
                 }]
         }], ctorParameters: () => [{ type: NzxQueryConfigService }], propDecorators: { form: [{
                 type: Input
@@ -355,13 +371,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
  * 支持模板自定义，在使用模板自定义时，要注意controlType应该设置为Template并且确保controlName与指令上的nzxControl应该相同
  */
 class NzxConfigurableQueryComponent {
-    /** 查询组件出参*/
+    /** 组件最终的查询参数 */
     get queryParams() {
         return this._queryParams;
     }
     set queryParams(value) {
         this._queryParams = value;
     }
+    /** 判断当前组件是否展示展开折叠按钮 */
     get nzxCollapse() {
         return this.controls.some((i) => i.hasOwnProperty('collapse'));
     }
@@ -369,19 +386,21 @@ class NzxConfigurableQueryComponent {
         this.i18n = i18n;
         this.fb = fb;
         this.cd = cd;
-        /** 配置项 */
+        /**
+         * 配置项用来生成查询表单
+         */
         this.controls = [];
-        /** 查询表单排列方式 */
+        /** 查询表单排列方式默认start */
         this.nzxJustify = 'start';
-        /** 查询项间隔 */
+        /** 查询项间隔默认为8 */
         this.nzxGutter = 8;
-        /** 一行展示多少查询项 */
+        /** 一行展示多少查询项默认展示3个 */
         this.lineNumber = 3;
         /** 操作按钮所占栅格数，24则换行 */
         this.nzxBtnSpan = null;
-        /** 初始化时，主动查询 */
+        /** 初始化时，是否主动触发查询 */
         this.initQuery = false;
-        /** 缺省 固定参数 */
+        /** 缺省 固定参数会固定携带在抛出事件中 */
         this.fixedParams = {};
         /** 查询时会触发抛出查询参数 */
         this.queryChange = new EventEmitter();
@@ -549,6 +568,7 @@ class NzxConfigurableQueryComponent {
         this.destroy$.next();
         this.destroy$.complete();
     }
+    /** 计算展开收起icon、文案 */
     calculateText() {
         if (this.controls.some((i) => i.collapse === true)) {
             this.collapseIcon = 'down';
@@ -607,11 +627,11 @@ class NzxConfigurableQueryComponent {
         }
     }
     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 }); }
-    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 }); }
+    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: "<nz-card>\n  <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          <nz-space>\n            <button\n              *nzSpaceItem\n              nz-button\n              nzType=\"primary\"\n              type=\"button\"\n              title=\"Enter\"\n              (click)=\"search()\"\n            >\n              {{ locale['query'] }}\n            </button>\n            <button\n              *nzSpaceItem\n              nz-button\n              type=\"button\"\n              title=\"ctrl+r\"\n              (click)=\"reset()\"\n            >\n              {{ locale['reset'] }}\n            </button>\n            <ng-container *nzSpaceItem>\n              <ng-content></ng-content>\n            </ng-container>\n            <ng-container *ngIf=\"nzxCollapse\">\n              <a\n                *nzSpaceItem\n                nz-button\n                nzType=\"link\"\n                (click)=\"toggleCollapse()\"\n              >\n                {{ collapseText }}\n                <i nz-icon [nzType]=\"collapseIcon\"></i>\n              </a>\n            </ng-container>\n          </nz-space>\n        </div>\n      </div>\n    </div>\n  </form>\n</nz-card>\n", styles: [".nzx-query-container [nz-form-label]{overflow:visible}.nzx-query-container .nzx-query-btn{flex-grow:2;max-width:none}\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: "component", type: i9.NzCardComponent, selector: "nz-card", inputs: ["nzBordered", "nzBorderless", "nzLoading", "nzHoverable", "nzBodyStyle", "nzCover", "nzActions", "nzType", "nzSize", "nzTitle", "nzExtra"], exportAs: ["nzCard"] }, { kind: "component", type: i10.NzSpaceComponent, selector: "nz-space, [nz-space]", inputs: ["nzDirection", "nzAlign", "nzSplit", "nzWrap", "nzSize"], exportAs: ["NzSpace"] }, { kind: "directive", type: i10.NzSpaceItemDirective, selector: "[nzSpaceItem]" }, { kind: "directive", type: i11.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: "18.2.13", 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  <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"] }]
+            args: [{ selector: 'nzx-configurable-query', changeDetection: ChangeDetectionStrategy.OnPush, exportAs: 'NzxConfigurableQuery', template: "<nz-card>\n  <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          <nz-space>\n            <button\n              *nzSpaceItem\n              nz-button\n              nzType=\"primary\"\n              type=\"button\"\n              title=\"Enter\"\n              (click)=\"search()\"\n            >\n              {{ locale['query'] }}\n            </button>\n            <button\n              *nzSpaceItem\n              nz-button\n              type=\"button\"\n              title=\"ctrl+r\"\n              (click)=\"reset()\"\n            >\n              {{ locale['reset'] }}\n            </button>\n            <ng-container *nzSpaceItem>\n              <ng-content></ng-content>\n            </ng-container>\n            <ng-container *ngIf=\"nzxCollapse\">\n              <a\n                *nzSpaceItem\n                nz-button\n                nzType=\"link\"\n                (click)=\"toggleCollapse()\"\n              >\n                {{ collapseText }}\n                <i nz-icon [nzType]=\"collapseIcon\"></i>\n              </a>\n            </ng-container>\n          </nz-space>\n        </div>\n      </div>\n    </div>\n  </form>\n</nz-card>\n", styles: [".nzx-query-container [nz-form-label]{overflow:visible}.nzx-query-container .nzx-query-btn{flex-grow:2;max-width:none}\n"] }]
         }], ctorParameters: () => [{ type: i1$1.NzI18nService }, { type: i2.FormBuilder }, { type: i0.ChangeDetectorRef }], propDecorators: { controls: [{
                 type: Input
             }], nzxJustify: [{
@@ -678,6 +698,8 @@ class NzxConfigurableQueryModule {
             NzButtonModule,
             NzSelectModule,
             NzDatePickerModule,
+            NzCardModule,
+            NzSpaceModule,
             NzIconModule,
             NzI18nModule], exports: [NzxControlDirective, NzxConfigurableQueryComponent] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NzxConfigurableQueryModule, imports: [CommonModule,
@@ -688,6 +710,8 @@ class NzxConfigurableQueryModule {
             NzButtonModule,
             NzSelectModule,
             NzDatePickerModule,
+            NzCardModule,
+            NzSpaceModule,
             NzIconModule,
             NzI18nModule] }); }
 }
@@ -713,6 +737,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         NzButtonModule,
                         NzSelectModule,
                         NzDatePickerModule,
+                        NzCardModule,
+                        NzSpaceModule,
                         NzIconModule,
                         NzI18nModule,
                     ],