@yibozhang/pro-table 11.0.2 → 12.0.1

package/esm2015/lib/table-search-bar/table-search-bar.component.js

@@ -13,8 +13,8 @@ export class TableSearchBarComponent {
 TableSearchBarComponent.decorators = [
     { type: Component, args: [{
                 selector: "app-table-search-bar",
-                template: "<div class=\"table-search-bar\">\r\n  <div\r\n    class=\"table-search-bar-left\"\r\n    style=\"--label-width: {{ labelWidth }}; --label-align: {{ labelAlign }}; --form-item-width: {{ formItemWidth }};\"\r\n  >\r\n    <ng-container *ngTemplateOutlet=\"leftContentTpl\"></ng-container>\r\n  </div>\r\n  <div class=\"table-search-bar-right\">\r\n    <nz-space nzDirection=\"vertical\" nzAlign=\"end\">\r\n      <nz-space-item>\r\n        <ng-container *ngTemplateOutlet=\"actionTextBtnTpl\"></ng-container>\r\n      </nz-space-item>\r\n      <nz-space-item>\r\n        <ng-container *ngTemplateOutlet=\"actionImgBtnTpl\"></ng-container>\r\n      </nz-space-item>\r\n    </nz-space>\r\n    <!-- <ng-container *ngTemplateOutlet=\"rightContentTpl\"></ng-container> -->\r\n  </div>\r\n</div>\r\n",
-                styles: ["::ng-deep .table-search-bar{display:flex;flex-wrap:wrap;width:100%;align-items:flex-start;gap:16px}::ng-deep .table-search-bar-left{display:flex;flex-wrap:wrap;flex:1;row-gap:0;-moz-column-gap:48px;column-gap:48px;min-width:0}@media (min-width:1920px){::ng-deep .table-search-bar-left{-moz-column-gap:56px;column-gap:56px}}::ng-deep .table-search-bar-left ::ng-deep .ant-form-item{width:var(--form-item-width);flex-shrink:0;flex-wrap:nowrap}::ng-deep .table-search-bar-left ::ng-deep .ant-form-item .ant-form-item-label{flex-shrink:0;width:var(--label-width);text-align:var(--label-align)}::ng-deep .table-search-bar-left ::ng-deep .ant-form-item .ant-form-item-label label:after{content:\"\"}::ng-deep .table-search-bar-left ::ng-deep .ant-form-item .ant-picker{width:100%}::ng-deep .table-search-bar-right{display:flex;flex-shrink:0;align-items:flex-start}"]
+                template: "<div class=\"table-search-bar\">\r\n  <div\r\n    class=\"table-search-bar-left\"\r\n    style=\"--label-width: {{ labelWidth }}; --label-align: {{ labelAlign }}; --form-item-width: {{ formItemWidth }};\"\r\n  >\r\n    <ng-container *ngTemplateOutlet=\"leftContentTpl\"></ng-container>\r\n  </div>\r\n  <div class=\"table-search-bar-right\">\r\n    <nz-space nzDirection=\"vertical\" nzAlign=\"end\">\r\n      <ng-template nzSpaceItem>\r\n        <ng-container *ngTemplateOutlet=\"actionTextBtnTpl\"></ng-container>\r\n      </ng-template>\r\n      <ng-template nzSpaceItem>\r\n        <ng-container *ngTemplateOutlet=\"actionImgBtnTpl\"></ng-container>\r\n      </ng-template>\r\n    </nz-space>\r\n    <!-- <ng-container *ngTemplateOutlet=\"rightContentTpl\"></ng-container> -->\r\n  </div>\r\n</div>\r\n",
+                styles: ["::ng-deep .table-search-bar{display:flex;flex-wrap:wrap;width:100%;align-items:flex-start;grid-gap:16px;gap:16px}::ng-deep .table-search-bar-left{display:flex;flex-wrap:wrap;flex:1;grid-row-gap:0px;row-gap:0px;grid-column-gap:48px;-moz-column-gap:48px;column-gap:48px;min-width:0}@media (min-width: 1920px){::ng-deep .table-search-bar-left{grid-column-gap:56px;-moz-column-gap:56px;column-gap:56px}}::ng-deep .table-search-bar-left ::ng-deep .ant-form-item{width:var(--form-item-width);flex-shrink:0;flex-wrap:nowrap}::ng-deep .table-search-bar-left ::ng-deep .ant-form-item .ant-form-item-label{flex-shrink:0;width:var(--label-width);text-align:var(--label-align)}::ng-deep .table-search-bar-left ::ng-deep .ant-form-item .ant-form-item-label label:after{content:\"\"}::ng-deep .table-search-bar-left ::ng-deep .ant-form-item .ant-picker{width:100%}::ng-deep .table-search-bar-right{display:flex;flex-shrink:0;align-items:flex-start}\n"]
             },] }
 ];
 TableSearchBarComponent.ctorParameters = () => [];
@@ -28,4 +28,4 @@ TableSearchBarComponent.propDecorators = {
     actionTextBtnTpl: [{ type: ContentChild, args: ["actionTextBtn",] }],
     actionImgBtnTpl: [{ type: ContentChild, args: ["actionImgBtn",] }]
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFibGUtc2VhcmNoLWJhci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm8tdGFibGUvc3JjL2xpYi90YWJsZS1zZWFyY2gtYmFyL3RhYmxlLXNlYXJjaC1iYXIuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFFTCxTQUFTLEVBQ1QsWUFBWSxFQUNaLEtBQUssR0FHTixNQUFNLGVBQWUsQ0FBQztBQU92QixNQUFNLE9BQU8sdUJBQXVCO0lBVWxDO1FBVFMsZ0JBQVcsR0FBVyxFQUFFLENBQUM7UUFDekIsaUJBQVksR0FBVyxDQUFDLENBQUM7UUFDekIsZUFBVSxHQUFXLE1BQU0sQ0FBQztRQUM1QixlQUFVLEdBQVcsT0FBTyxDQUFDO1FBQzdCLGtCQUFhLEdBQVcsT0FBTyxDQUFDO0lBSzFCLENBQUM7SUFFaEIsUUFBUSxLQUFVLENBQUM7SUFFbkIsZUFBZSxLQUFVLENBQUM7OztZQW5CM0IsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxzQkFBc0I7Z0JBQ2hDLGt5QkFBZ0Q7O2FBRWpEOzs7OzBCQUVFLEtBQUs7MkJBQ0wsS0FBSzt5QkFDTCxLQUFLO3lCQUNMLEtBQUs7NEJBQ0wsS0FBSzs2QkFDTCxZQUFZLFNBQUMsYUFBYTsrQkFDMUIsWUFBWSxTQUFDLGVBQWU7OEJBQzVCLFlBQVksU0FBQyxjQUFjIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcclxuICBBZnRlclZpZXdJbml0LFxyXG4gIENvbXBvbmVudCxcclxuICBDb250ZW50Q2hpbGQsXHJcbiAgSW5wdXQsXHJcbiAgT25Jbml0LFxyXG4gIFRlbXBsYXRlUmVmLFxyXG59IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogXCJhcHAtdGFibGUtc2VhcmNoLWJhclwiLFxyXG4gIHRlbXBsYXRlVXJsOiBcIi4vdGFibGUtc2VhcmNoLWJhci5jb21wb25lbnQuaHRtbFwiLFxyXG4gIHN0eWxlVXJsczogW1wiLi90YWJsZS1zZWFyY2gtYmFyLmNvbXBvbmVudC5sZXNzXCJdLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgVGFibGVTZWFyY2hCYXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIEFmdGVyVmlld0luaXQge1xyXG4gIEBJbnB1dCgpIGxlZnRDb2xTcGFuOiBudW1iZXIgPSAyMTtcclxuICBASW5wdXQoKSByaWdodENvbFNwYW46IG51bWJlciA9IDM7XHJcbiAgQElucHV0KCkgbGFiZWxXaWR0aDogc3RyaW5nID0gXCI5MHB4XCI7XHJcbiAgQElucHV0KCkgbGFiZWxBbGlnbjogc3RyaW5nID0gXCJyaWdodFwiO1xyXG4gIEBJbnB1dCgpIGZvcm1JdGVtV2lkdGg6IHN0cmluZyA9IFwiMjcwcHhcIjtcclxuICBAQ29udGVudENoaWxkKFwibGVmdENvbnRlbnRcIikgbGVmdENvbnRlbnRUcGwhOiBUZW1wbGF0ZVJlZjxhbnk+O1xyXG4gIEBDb250ZW50Q2hpbGQoXCJhY3Rpb25UZXh0QnRuXCIpIGFjdGlvblRleHRCdG5UcGwhOiBUZW1wbGF0ZVJlZjxhbnk+O1xyXG4gIEBDb250ZW50Q2hpbGQoXCJhY3Rpb25JbWdCdG5cIikgYWN0aW9uSW1nQnRuVHBsITogVGVtcGxhdGVSZWY8YW55PjtcclxuXHJcbiAgY29uc3RydWN0b3IoKSB7fVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHt9XHJcblxyXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHt9XHJcbn1cclxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFibGUtc2VhcmNoLWJhci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm8tdGFibGUvc3JjL2xpYi90YWJsZS1zZWFyY2gtYmFyL3RhYmxlLXNlYXJjaC1iYXIuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFFTCxTQUFTLEVBQ1QsWUFBWSxFQUNaLEtBQUssR0FHTixNQUFNLGVBQWUsQ0FBQztBQU92QixNQUFNLE9BQU8sdUJBQXVCO0lBVWxDO1FBVFMsZ0JBQVcsR0FBVyxFQUFFLENBQUM7UUFDekIsaUJBQVksR0FBVyxDQUFDLENBQUM7UUFDekIsZUFBVSxHQUFXLE1BQU0sQ0FBQztRQUM1QixlQUFVLEdBQVcsT0FBTyxDQUFDO1FBQzdCLGtCQUFhLEdBQVcsT0FBTyxDQUFDO0lBSzFCLENBQUM7SUFFaEIsUUFBUSxLQUFVLENBQUM7SUFFbkIsZUFBZSxLQUFVLENBQUM7OztZQW5CM0IsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxzQkFBc0I7Z0JBQ2hDLGt6QkFBZ0Q7O2FBRWpEOzs7OzBCQUVFLEtBQUs7MkJBQ0wsS0FBSzt5QkFDTCxLQUFLO3lCQUNMLEtBQUs7NEJBQ0wsS0FBSzs2QkFDTCxZQUFZLFNBQUMsYUFBYTsrQkFDMUIsWUFBWSxTQUFDLGVBQWU7OEJBQzVCLFlBQVksU0FBQyxjQUFjIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcclxuICBBZnRlclZpZXdJbml0LFxyXG4gIENvbXBvbmVudCxcclxuICBDb250ZW50Q2hpbGQsXHJcbiAgSW5wdXQsXHJcbiAgT25Jbml0LFxyXG4gIFRlbXBsYXRlUmVmLFxyXG59IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogXCJhcHAtdGFibGUtc2VhcmNoLWJhclwiLFxyXG4gIHRlbXBsYXRlVXJsOiBcIi4vdGFibGUtc2VhcmNoLWJhci5jb21wb25lbnQuaHRtbFwiLFxyXG4gIHN0eWxlVXJsczogW1wiLi90YWJsZS1zZWFyY2gtYmFyLmNvbXBvbmVudC5sZXNzXCJdLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgVGFibGVTZWFyY2hCYXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIEFmdGVyVmlld0luaXQge1xyXG4gIEBJbnB1dCgpIGxlZnRDb2xTcGFuOiBudW1iZXIgPSAyMTtcclxuICBASW5wdXQoKSByaWdodENvbFNwYW46IG51bWJlciA9IDM7XHJcbiAgQElucHV0KCkgbGFiZWxXaWR0aDogc3RyaW5nID0gXCI5MHB4XCI7XHJcbiAgQElucHV0KCkgbGFiZWxBbGlnbjogc3RyaW5nID0gXCJyaWdodFwiO1xyXG4gIEBJbnB1dCgpIGZvcm1JdGVtV2lkdGg6IHN0cmluZyA9IFwiMjcwcHhcIjtcclxuICBAQ29udGVudENoaWxkKFwibGVmdENvbnRlbnRcIikgbGVmdENvbnRlbnRUcGwhOiBUZW1wbGF0ZVJlZjxhbnk+O1xyXG4gIEBDb250ZW50Q2hpbGQoXCJhY3Rpb25UZXh0QnRuXCIpIGFjdGlvblRleHRCdG5UcGwhOiBUZW1wbGF0ZVJlZjxhbnk+O1xyXG4gIEBDb250ZW50Q2hpbGQoXCJhY3Rpb25JbWdCdG5cIikgYWN0aW9uSW1nQnRuVHBsITogVGVtcGxhdGVSZWY8YW55PjtcclxuXHJcbiAgY29uc3RydWN0b3IoKSB7fVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHt9XHJcblxyXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHt9XHJcbn1cclxuIl19

package/esm2015/lib/utils/modal-width-detector.js

@@ -63,4 +63,4 @@ export function initModalWidthDetector() {
         observeResize(element);
     });
 }
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwtd2lkdGgtZGV0ZWN0b3IuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm8tdGFibGUvc3JjL2xpYi91dGlscy9tb2RhbC13aWR0aC1kZXRlY3Rvci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7O0dBR0c7QUFDSCxNQUFNLFVBQVUsc0JBQXNCO0lBQ3BDLElBQUksT0FBTyxNQUFNLEtBQUssV0FBVyxJQUFJLE9BQU8sUUFBUSxLQUFLLFdBQVcsRUFBRTtRQUNwRSxPQUFPO0tBQ1I7SUFFRCxZQUFZO0lBQ1osU0FBUyxpQkFBaUIsQ0FBQyxPQUFvQjtRQUM3QyxNQUFNLEtBQUssR0FBRyxPQUFPLENBQUMsV0FBVyxDQUFDO1FBQ2xDLElBQUksS0FBSyxHQUFHLEdBQUcsRUFBRTtZQUNmLE9BQU8sQ0FBQyxTQUFTLENBQUMsR0FBRyxDQUFDLGNBQWMsQ0FBQyxDQUFDO1NBQ3ZDO2FBQU07WUFDTCxPQUFPLENBQUMsU0FBUyxDQUFDLE1BQU0sQ0FBQyxjQUFjLENBQUMsQ0FBQztTQUMxQztJQUNILENBQUM7SUFFRCxnQ0FBZ0M7SUFDaEMsTUFBTSxRQUFRLEdBQUcsSUFBSSxnQkFBZ0IsQ0FBQyxDQUFDLFNBQVMsRUFBRSxFQUFFO1FBQ2xELFNBQVMsQ0FBQyxPQUFPLENBQUMsQ0FBQyxRQUFRLEVBQUUsRUFBRTtZQUM3QixRQUFRLENBQUMsVUFBVSxDQUFDLE9BQU8sQ0FBQyxDQUFDLElBQUksRUFBRSxFQUFFOztnQkFDbkMsSUFBSSxJQUFJLENBQUMsUUFBUSxLQUFLLElBQUksQ0FBQyxZQUFZLEVBQUU7b0JBQ3ZDLE1BQU0sT0FBTyxHQUFHLElBQW1CLENBQUM7b0JBRXBDLG1CQUFtQjtvQkFDbkIsVUFBSSxPQUFPLENBQUMsU0FBUywwQ0FBRSxRQUFRLENBQUMsZ0JBQWdCLEdBQUc7d0JBQ2pELGlCQUFpQixDQUFDLE9BQU8sQ0FBQyxDQUFDO3dCQUMzQixhQUFhLENBQUMsT0FBTyxDQUFDLENBQUM7cUJBQ3hCO29CQUVELHVCQUF1QjtvQkFDdkIsTUFBTSxXQUFXLFNBQUcsT0FBTyxDQUFDLGdCQUFnQiwrQ0FBeEIsT0FBTyxFQUFvQixpQkFBaUIsQ0FBQyxDQUFDO29CQUNsRSxXQUFXLGFBQVgsV0FBVyx1QkFBWCxXQUFXLENBQUUsT0FBTyxDQUFDLENBQUMsU0FBUyxFQUFFLEVBQUU7d0JBQ2pDLGlCQUFpQixDQUFDLFNBQXdCLENBQUMsQ0FBQzt3QkFDNUMsYUFBYSxDQUFDLFNBQXdCLENBQUMsQ0FBQztvQkFDMUMsQ0FBQyxFQUFFO2lCQUNKO1lBQ0gsQ0FBQyxDQUFDLENBQUM7UUFDTCxDQUFDLENBQUMsQ0FBQztJQUNMLENBQUMsQ0FBQyxDQUFDO0lBRUgsNkJBQTZCO0lBQzdCLE1BQU0saUJBQWlCLEdBQUcsSUFBSSxPQUFPLEVBQW9CLENBQUM7SUFFMUQsU0FBUyxhQUFhLENBQUMsT0FBb0I7UUFDekMsSUFBSSxpQkFBaUIsQ0FBQyxHQUFHLENBQUMsT0FBTyxDQUFDLEVBQUU7WUFDbEMsT0FBTztTQUNSO1FBRUQsSUFBSSxPQUFRLE1BQWMsQ0FBQyxjQUFjLEtBQUssV0FBVyxFQUFFO1lBQ3pELE1BQU0sY0FBYyxHQUFHLElBQUssTUFBYyxDQUFDLGNBQWMsQ0FBQyxHQUFHLEVBQUU7Z0JBQzdELGlCQUFpQixDQUFDLE9BQU8sQ0FBQyxDQUFDO1lBQzdCLENBQUMsQ0FBQyxDQUFDO1lBQ0gsY0FBYyxDQUFDLE9BQU8sQ0FBQyxPQUFPLENBQUMsQ0FBQztZQUNoQyxpQkFBaUIsQ0FBQyxHQUFHLENBQUMsT0FBTyxFQUFFLGNBQWMsQ0FBQyxDQUFDO1NBQ2hEO0lBQ0gsQ0FBQztJQUVELGNBQWM7SUFDZCxRQUFRLENBQUMsT0FBTyxDQUFDLFFBQVEsQ0FBQyxJQUFJLEVBQUU7UUFDOUIsU0FBUyxFQUFFLElBQUk7UUFDZixPQUFPLEVBQUUsSUFBSTtLQUNkLENBQUMsQ0FBQztJQUVILG9CQUFvQjtJQUNwQixRQUFRLENBQUMsZ0JBQWdCLENBQUMsaUJBQWlCLENBQUMsQ0FBQyxPQUFPLENBQUMsQ0FBQyxPQUFPLEVBQUUsRUFBRTtRQUMvRCxpQkFBaUIsQ0FBQyxPQUFzQixDQUFDLENBQUM7UUFDMUMsYUFBYSxDQUFDLE9BQXNCLENBQUMsQ0FBQztJQUN4QyxDQUFDLENBQUMsQ0FBQztBQUNMLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcclxuICog6Ieq5Yqo5qOA5rWLIGFudC1tb2RhbC1ib2R5IOeahOWuveW6pu+8jOW5tua3u+WKoCBuYXJyb3ctd2lkdGgg57G75ZCNXHJcbiAqIOW9k+WuveW6puWwj+S6jiA1MDBweCDml7bmt7vliqDnsbvlkI3vvIzlkKbliJnnp7vpmaRcclxuICovXHJcbmV4cG9ydCBmdW5jdGlvbiBpbml0TW9kYWxXaWR0aERldGVjdG9yKCkge1xyXG4gIGlmICh0eXBlb2Ygd2luZG93ID09PSAndW5kZWZpbmVkJyB8fCB0eXBlb2YgZG9jdW1lbnQgPT09ICd1bmRlZmluZWQnKSB7XHJcbiAgICByZXR1cm47XHJcbiAgfVxyXG5cclxuICAvLyDmo4Dmn6XljZXkuKrlhYPntKDnmoTlrr3luqZcclxuICBmdW5jdGlvbiBjaGVja0VsZW1lbnRXaWR0aChlbGVtZW50OiBIVE1MRWxlbWVudCkge1xyXG4gICAgY29uc3Qgd2lkdGggPSBlbGVtZW50Lm9mZnNldFdpZHRoO1xyXG4gICAgaWYgKHdpZHRoIDwgNTAwKSB7XHJcbiAgICAgIGVsZW1lbnQuY2xhc3NMaXN0LmFkZCgnbmFycm93LXdpZHRoJyk7XHJcbiAgICB9IGVsc2Uge1xyXG4gICAgICBlbGVtZW50LmNsYXNzTGlzdC5yZW1vdmUoJ25hcnJvdy13aWR0aCcpO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgLy8g5L2/55SoIE11dGF0aW9uT2JzZXJ2ZXIg55uR5ZCsIERPTSDlj5jljJZcclxuICBjb25zdCBvYnNlcnZlciA9IG5ldyBNdXRhdGlvbk9ic2VydmVyKChtdXRhdGlvbnMpID0+IHtcclxuICAgIG11dGF0aW9ucy5mb3JFYWNoKChtdXRhdGlvbikgPT4ge1xyXG4gICAgICBtdXRhdGlvbi5hZGRlZE5vZGVzLmZvckVhY2goKG5vZGUpID0+IHtcclxuICAgICAgICBpZiAobm9kZS5ub2RlVHlwZSA9PT0gTm9kZS5FTEVNRU5UX05PREUpIHtcclxuICAgICAgICAgIGNvbnN0IGVsZW1lbnQgPSBub2RlIGFzIEhUTUxFbGVtZW50O1xyXG4gICAgICAgICAgXHJcbiAgICAgICAgICAvLyDmo4Dmn6XmmK/lkKbmmK8gbW9kYWwgYm9keVxyXG4gICAgICAgICAgaWYgKGVsZW1lbnQuY2xhc3NMaXN0Py5jb250YWlucygnYW50LW1vZGFsLWJvZHknKSkge1xyXG4gICAgICAgICAgICBjaGVja0VsZW1lbnRXaWR0aChlbGVtZW50KTtcclxuICAgICAgICAgICAgb2JzZXJ2ZVJlc2l6ZShlbGVtZW50KTtcclxuICAgICAgICAgIH1cclxuICAgICAgICAgIFxyXG4gICAgICAgICAgLy8g5qOA5p+l5a2Q5YWD57Sg5Lit5piv5ZCm5pyJIG1vZGFsIGJvZHlcclxuICAgICAgICAgIGNvbnN0IG1vZGFsQm9kaWVzID0gZWxlbWVudC5xdWVyeVNlbGVjdG9yQWxsPy4oJy5hbnQtbW9kYWwtYm9keScpO1xyXG4gICAgICAgICAgbW9kYWxCb2RpZXM/LmZvckVhY2goKG1vZGFsQm9keSkgPT4ge1xyXG4gICAgICAgICAgICBjaGVja0VsZW1lbnRXaWR0aChtb2RhbEJvZHkgYXMgSFRNTEVsZW1lbnQpO1xyXG4gICAgICAgICAgICBvYnNlcnZlUmVzaXplKG1vZGFsQm9keSBhcyBIVE1MRWxlbWVudCk7XHJcbiAgICAgICAgICB9KTtcclxuICAgICAgICB9XHJcbiAgICAgIH0pO1xyXG4gICAgfSk7XHJcbiAgfSk7XHJcblxyXG4gIC8vIOS9v+eUqCBSZXNpemVPYnNlcnZlciDnm5HlkKzlhYPntKDlsLrlr7jlj5jljJZcclxuICBjb25zdCByZXNpemVPYnNlcnZlck1hcCA9IG5ldyBXZWFrTWFwPEhUTUxFbGVtZW50LCBhbnk+KCk7XHJcbiAgXHJcbiAgZnVuY3Rpb24gb2JzZXJ2ZVJlc2l6ZShlbGVtZW50OiBIVE1MRWxlbWVudCkge1xyXG4gICAgaWYgKHJlc2l6ZU9ic2VydmVyTWFwLmhhcyhlbGVtZW50KSkge1xyXG4gICAgICByZXR1cm47XHJcbiAgICB9XHJcblxyXG4gICAgaWYgKHR5cGVvZiAod2luZG93IGFzIGFueSkuUmVzaXplT2JzZXJ2ZXIgIT09ICd1bmRlZmluZWQnKSB7XHJcbiAgICAgIGNvbnN0IHJlc2l6ZU9ic2VydmVyID0gbmV3ICh3aW5kb3cgYXMgYW55KS5SZXNpemVPYnNlcnZlcigoKSA9PiB7XHJcbiAgICAgICAgY2hlY2tFbGVtZW50V2lkdGgoZWxlbWVudCk7XHJcbiAgICAgIH0pO1xyXG4gICAgICByZXNpemVPYnNlcnZlci5vYnNlcnZlKGVsZW1lbnQpO1xyXG4gICAgICByZXNpemVPYnNlcnZlck1hcC5zZXQoZWxlbWVudCwgcmVzaXplT2JzZXJ2ZXIpO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgLy8g5byA5aeL55uR5ZCsIERPTSDlj5jljJZcclxuICBvYnNlcnZlci5vYnNlcnZlKGRvY3VtZW50LmJvZHksIHtcclxuICAgIGNoaWxkTGlzdDogdHJ1ZSxcclxuICAgIHN1YnRyZWU6IHRydWUsXHJcbiAgfSk7XHJcblxyXG4gIC8vIOajgOafpeW3suWtmOWcqOeahCBtb2RhbCBib2R5XHJcbiAgZG9jdW1lbnQucXVlcnlTZWxlY3RvckFsbCgnLmFudC1tb2RhbC1ib2R5JykuZm9yRWFjaCgoZWxlbWVudCkgPT4ge1xyXG4gICAgY2hlY2tFbGVtZW50V2lkdGgoZWxlbWVudCBhcyBIVE1MRWxlbWVudCk7XHJcbiAgICBvYnNlcnZlUmVzaXplKGVsZW1lbnQgYXMgSFRNTEVsZW1lbnQpO1xyXG4gIH0pO1xyXG59XHJcbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwtd2lkdGgtZGV0ZWN0b3IuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm8tdGFibGUvc3JjL2xpYi91dGlscy9tb2RhbC13aWR0aC1kZXRlY3Rvci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7O0dBR0c7QUFDSCxNQUFNLFVBQVUsc0JBQXNCO0lBQ3BDLElBQUksT0FBTyxNQUFNLEtBQUssV0FBVyxJQUFJLE9BQU8sUUFBUSxLQUFLLFdBQVcsRUFBRTtRQUNwRSxPQUFPO0tBQ1I7SUFFRCxZQUFZO0lBQ1osU0FBUyxpQkFBaUIsQ0FBQyxPQUFvQjtRQUM3QyxNQUFNLEtBQUssR0FBRyxPQUFPLENBQUMsV0FBVyxDQUFDO1FBQ2xDLElBQUksS0FBSyxHQUFHLEdBQUcsRUFBRTtZQUNmLE9BQU8sQ0FBQyxTQUFTLENBQUMsR0FBRyxDQUFDLGNBQWMsQ0FBQyxDQUFDO1NBQ3ZDO2FBQU07WUFDTCxPQUFPLENBQUMsU0FBUyxDQUFDLE1BQU0sQ0FBQyxjQUFjLENBQUMsQ0FBQztTQUMxQztJQUNILENBQUM7SUFFRCxnQ0FBZ0M7SUFDaEMsTUFBTSxRQUFRLEdBQUcsSUFBSSxnQkFBZ0IsQ0FBQyxDQUFDLFNBQVMsRUFBRSxFQUFFO1FBQ2xELFNBQVMsQ0FBQyxPQUFPLENBQUMsQ0FBQyxRQUFRLEVBQUUsRUFBRTtZQUM3QixRQUFRLENBQUMsVUFBVSxDQUFDLE9BQU8sQ0FBQyxDQUFDLElBQUksRUFBRSxFQUFFOztnQkFDbkMsSUFBSSxJQUFJLENBQUMsUUFBUSxLQUFLLElBQUksQ0FBQyxZQUFZLEVBQUU7b0JBQ3ZDLE1BQU0sT0FBTyxHQUFHLElBQW1CLENBQUM7b0JBRXBDLG1CQUFtQjtvQkFDbkIsSUFBSSxNQUFBLE9BQU8sQ0FBQyxTQUFTLDBDQUFFLFFBQVEsQ0FBQyxnQkFBZ0IsQ0FBQyxFQUFFO3dCQUNqRCxpQkFBaUIsQ0FBQyxPQUFPLENBQUMsQ0FBQzt3QkFDM0IsYUFBYSxDQUFDLE9BQU8sQ0FBQyxDQUFDO3FCQUN4QjtvQkFFRCx1QkFBdUI7b0JBQ3ZCLE1BQU0sV0FBVyxHQUFHLE1BQUEsT0FBTyxDQUFDLGdCQUFnQiwrQ0FBeEIsT0FBTyxFQUFvQixpQkFBaUIsQ0FBQyxDQUFDO29CQUNsRSxXQUFXLGFBQVgsV0FBVyx1QkFBWCxXQUFXLENBQUUsT0FBTyxDQUFDLENBQUMsU0FBUyxFQUFFLEVBQUU7d0JBQ2pDLGlCQUFpQixDQUFDLFNBQXdCLENBQUMsQ0FBQzt3QkFDNUMsYUFBYSxDQUFDLFNBQXdCLENBQUMsQ0FBQztvQkFDMUMsQ0FBQyxDQUFDLENBQUM7aUJBQ0o7WUFDSCxDQUFDLENBQUMsQ0FBQztRQUNMLENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQyxDQUFDLENBQUM7SUFFSCw2QkFBNkI7SUFDN0IsTUFBTSxpQkFBaUIsR0FBRyxJQUFJLE9BQU8sRUFBb0IsQ0FBQztJQUUxRCxTQUFTLGFBQWEsQ0FBQyxPQUFvQjtRQUN6QyxJQUFJLGlCQUFpQixDQUFDLEdBQUcsQ0FBQyxPQUFPLENBQUMsRUFBRTtZQUNsQyxPQUFPO1NBQ1I7UUFFRCxJQUFJLE9BQVEsTUFBYyxDQUFDLGNBQWMsS0FBSyxXQUFXLEVBQUU7WUFDekQsTUFBTSxjQUFjLEdBQUcsSUFBSyxNQUFjLENBQUMsY0FBYyxDQUFDLEdBQUcsRUFBRTtnQkFDN0QsaUJBQWlCLENBQUMsT0FBTyxDQUFDLENBQUM7WUFDN0IsQ0FBQyxDQUFDLENBQUM7WUFDSCxjQUFjLENBQUMsT0FBTyxDQUFDLE9BQU8sQ0FBQyxDQUFDO1lBQ2hDLGlCQUFpQixDQUFDLEdBQUcsQ0FBQyxPQUFPLEVBQUUsY0FBYyxDQUFDLENBQUM7U0FDaEQ7SUFDSCxDQUFDO0lBRUQsY0FBYztJQUNkLFFBQVEsQ0FBQyxPQUFPLENBQUMsUUFBUSxDQUFDLElBQUksRUFBRTtRQUM5QixTQUFTLEVBQUUsSUFBSTtRQUNmLE9BQU8sRUFBRSxJQUFJO0tBQ2QsQ0FBQyxDQUFDO0lBRUgsb0JBQW9CO0lBQ3BCLFFBQVEsQ0FBQyxnQkFBZ0IsQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxDQUFDLE9BQU8sRUFBRSxFQUFFO1FBQy9ELGlCQUFpQixDQUFDLE9BQXNCLENBQUMsQ0FBQztRQUMxQyxhQUFhLENBQUMsT0FBc0IsQ0FBQyxDQUFDO0lBQ3hDLENBQUMsQ0FBQyxDQUFDO0FBQ0wsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxyXG4gKiDoh6rliqjmo4DmtYsgYW50LW1vZGFsLWJvZHkg55qE5a695bqm77yM5bm25re75YqgIG5hcnJvdy13aWR0aCDnsbvlkI1cclxuICog5b2T5a695bqm5bCP5LqOIDUwMHB4IOaXtua3u+WKoOexu+WQje+8jOWQpuWImeenu+mZpFxyXG4gKi9cclxuZXhwb3J0IGZ1bmN0aW9uIGluaXRNb2RhbFdpZHRoRGV0ZWN0b3IoKSB7XHJcbiAgaWYgKHR5cGVvZiB3aW5kb3cgPT09ICd1bmRlZmluZWQnIHx8IHR5cGVvZiBkb2N1bWVudCA9PT0gJ3VuZGVmaW5lZCcpIHtcclxuICAgIHJldHVybjtcclxuICB9XHJcblxyXG4gIC8vIOajgOafpeWNleS4quWFg+e0oOeahOWuveW6plxyXG4gIGZ1bmN0aW9uIGNoZWNrRWxlbWVudFdpZHRoKGVsZW1lbnQ6IEhUTUxFbGVtZW50KSB7XHJcbiAgICBjb25zdCB3aWR0aCA9IGVsZW1lbnQub2Zmc2V0V2lkdGg7XHJcbiAgICBpZiAod2lkdGggPCA1MDApIHtcclxuICAgICAgZWxlbWVudC5jbGFzc0xpc3QuYWRkKCduYXJyb3ctd2lkdGgnKTtcclxuICAgIH0gZWxzZSB7XHJcbiAgICAgIGVsZW1lbnQuY2xhc3NMaXN0LnJlbW92ZSgnbmFycm93LXdpZHRoJyk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICAvLyDkvb/nlKggTXV0YXRpb25PYnNlcnZlciDnm5HlkKwgRE9NIOWPmOWMllxyXG4gIGNvbnN0IG9ic2VydmVyID0gbmV3IE11dGF0aW9uT2JzZXJ2ZXIoKG11dGF0aW9ucykgPT4ge1xyXG4gICAgbXV0YXRpb25zLmZvckVhY2goKG11dGF0aW9uKSA9PiB7XHJcbiAgICAgIG11dGF0aW9uLmFkZGVkTm9kZXMuZm9yRWFjaCgobm9kZSkgPT4ge1xyXG4gICAgICAgIGlmIChub2RlLm5vZGVUeXBlID09PSBOb2RlLkVMRU1FTlRfTk9ERSkge1xyXG4gICAgICAgICAgY29uc3QgZWxlbWVudCA9IG5vZGUgYXMgSFRNTEVsZW1lbnQ7XHJcbiAgICAgICAgICBcclxuICAgICAgICAgIC8vIOajgOafpeaYr+WQpuaYryBtb2RhbCBib2R5XHJcbiAgICAgICAgICBpZiAoZWxlbWVudC5jbGFzc0xpc3Q/LmNvbnRhaW5zKCdhbnQtbW9kYWwtYm9keScpKSB7XHJcbiAgICAgICAgICAgIGNoZWNrRWxlbWVudFdpZHRoKGVsZW1lbnQpO1xyXG4gICAgICAgICAgICBvYnNlcnZlUmVzaXplKGVsZW1lbnQpO1xyXG4gICAgICAgICAgfVxyXG4gICAgICAgICAgXHJcbiAgICAgICAgICAvLyDmo4Dmn6XlrZDlhYPntKDkuK3mmK/lkKbmnIkgbW9kYWwgYm9keVxyXG4gICAgICAgICAgY29uc3QgbW9kYWxCb2RpZXMgPSBlbGVtZW50LnF1ZXJ5U2VsZWN0b3JBbGw/LignLmFudC1tb2RhbC1ib2R5Jyk7XHJcbiAgICAgICAgICBtb2RhbEJvZGllcz8uZm9yRWFjaCgobW9kYWxCb2R5KSA9PiB7XHJcbiAgICAgICAgICAgIGNoZWNrRWxlbWVudFdpZHRoKG1vZGFsQm9keSBhcyBIVE1MRWxlbWVudCk7XHJcbiAgICAgICAgICAgIG9ic2VydmVSZXNpemUobW9kYWxCb2R5IGFzIEhUTUxFbGVtZW50KTtcclxuICAgICAgICAgIH0pO1xyXG4gICAgICAgIH1cclxuICAgICAgfSk7XHJcbiAgICB9KTtcclxuICB9KTtcclxuXHJcbiAgLy8g5L2/55SoIFJlc2l6ZU9ic2VydmVyIOebkeWQrOWFg+e0oOWwuuWvuOWPmOWMllxyXG4gIGNvbnN0IHJlc2l6ZU9ic2VydmVyTWFwID0gbmV3IFdlYWtNYXA8SFRNTEVsZW1lbnQsIGFueT4oKTtcclxuICBcclxuICBmdW5jdGlvbiBvYnNlcnZlUmVzaXplKGVsZW1lbnQ6IEhUTUxFbGVtZW50KSB7XHJcbiAgICBpZiAocmVzaXplT2JzZXJ2ZXJNYXAuaGFzKGVsZW1lbnQpKSB7XHJcbiAgICAgIHJldHVybjtcclxuICAgIH1cclxuXHJcbiAgICBpZiAodHlwZW9mICh3aW5kb3cgYXMgYW55KS5SZXNpemVPYnNlcnZlciAhPT0gJ3VuZGVmaW5lZCcpIHtcclxuICAgICAgY29uc3QgcmVzaXplT2JzZXJ2ZXIgPSBuZXcgKHdpbmRvdyBhcyBhbnkpLlJlc2l6ZU9ic2VydmVyKCgpID0+IHtcclxuICAgICAgICBjaGVja0VsZW1lbnRXaWR0aChlbGVtZW50KTtcclxuICAgICAgfSk7XHJcbiAgICAgIHJlc2l6ZU9ic2VydmVyLm9ic2VydmUoZWxlbWVudCk7XHJcbiAgICAgIHJlc2l6ZU9ic2VydmVyTWFwLnNldChlbGVtZW50LCByZXNpemVPYnNlcnZlcik7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICAvLyDlvIDlp4vnm5HlkKwgRE9NIOWPmOWMllxyXG4gIG9ic2VydmVyLm9ic2VydmUoZG9jdW1lbnQuYm9keSwge1xyXG4gICAgY2hpbGRMaXN0OiB0cnVlLFxyXG4gICAgc3VidHJlZTogdHJ1ZSxcclxuICB9KTtcclxuXHJcbiAgLy8g5qOA5p+l5bey5a2Y5Zyo55qEIG1vZGFsIGJvZHlcclxuICBkb2N1bWVudC5xdWVyeVNlbGVjdG9yQWxsKCcuYW50LW1vZGFsLWJvZHknKS5mb3JFYWNoKChlbGVtZW50KSA9PiB7XHJcbiAgICBjaGVja0VsZW1lbnRXaWR0aChlbGVtZW50IGFzIEhUTUxFbGVtZW50KTtcclxuICAgIG9ic2VydmVSZXNpemUoZWxlbWVudCBhcyBIVE1MRWxlbWVudCk7XHJcbiAgfSk7XHJcbn1cclxuIl19

package/fesm2015/yibozhang-pro-table.js

@@ -1003,8 +1003,9 @@ class ProTableComponent {
                 });
             }
             else {
-                this._searchParams[key] = (targetColumn === null || targetColumn === void 0 ? void 0 : targetColumn.fieldProps) ? (targetColumn === null || targetColumn === void 0 ? void 0 : targetColumn.fieldProps.value) ||
-                    PRO_TABLE_DEFAULT_PROPS[targetColumn.valueType].value
+                this._searchParams[key] = (targetColumn === null || targetColumn === void 0 ? void 0 : targetColumn.fieldProps)
+                    ? (targetColumn === null || targetColumn === void 0 ? void 0 : targetColumn.fieldProps.value) ||
+                        PRO_TABLE_DEFAULT_PROPS[targetColumn.valueType].value
                     : PRO_TABLE_DEFAULT_PROPS[targetColumn.valueType].value;
             }
         });
@@ -1192,8 +1193,8 @@ class ProTableComponent {
 ProTableComponent.decorators = [
     { type: Component, args: [{
                 selector: "app-pro-table",
-                template: "<app-page-container\r\n  [title]=\"title\"\r\n  [showHeader]=\"showSearchBar\"\r\n  ngClass=\"pro-table-container\"\r\n>\r\n  <ng-template #header>\r\n    <app-table-search-bar\r\n      *ngIf=\"showSearchBar\"\r\n      [labelWidth]=\"labelWidth\"\r\n      [labelAlign]=\"labelAlign\"\r\n      [formItemWidth]=\"formItemWidth\"\r\n    >\r\n      <ng-template #leftContent>\r\n        <nz-form-item\r\n          *ngFor=\"let column of _searchFiledColumns\"\r\n          [ngClass]=\"getFormItemClassName(column)\"\r\n        >\r\n          <nz-form-label *ngIf=\"!getFieldProps(column).hideLabel\" nzNoColon>\r\n            <!-- \u68C0\u67E5\u662F\u5426\u6709\u81EA\u5B9A\u4E49label\u6A21\u677F -->\r\n            <ng-container\r\n              *ngIf=\"\r\n                column.customLabelRender &&\r\n                  getLabelTemplate(column.customLabelRender);\r\n                else defaultLabel\r\n              \"\r\n            >\r\n              <ng-container\r\n                [ngTemplateOutlet]=\"getLabelTemplate(column.customLabelRender)\"\r\n                [ngTemplateOutletContext]=\"{\r\n                  $implicit: column,\r\n                  column: column,\r\n                  fieldProps: getFieldProps(column)\r\n                }\"\r\n              >\r\n              </ng-container>\r\n            </ng-container>\r\n            <ng-template #defaultLabel>\r\n              {{ getFieldProps(column).label || column.title }}\r\n            </ng-template>\r\n          </nz-form-label>\r\n          <nz-form-control *ngIf=\"column.valueType === 'input'\">\r\n            <input\r\n              nz-input\r\n              [name]=\"getFieldProps(column).name || column.prop\"\r\n              [placeholder]=\"getFieldProps(column).placeHolder\"\r\n              [disabled]=\"getFieldProps(column).disabled\"\r\n              [(ngModel)]=\"\r\n                _searchParams[getFieldProps(column).name || column.prop]\r\n              \"\r\n            />\r\n          </nz-form-control>\r\n          <nz-form-control *ngIf=\"column.valueType === 'inputPlate'\">\r\n            <app-plate-input\r\n              [name]=\"getFieldProps(column).name || column.prop\"\r\n              [(ngModel)]=\"\r\n                _searchParams[getFieldProps(column).name || column.prop]\r\n              \"\r\n            ></app-plate-input>\r\n          </nz-form-control>\r\n          <nz-form-control *ngIf=\"column.valueType === 'select'\">\r\n            <nz-select\r\n              [(ngModel)]=\"\r\n                _searchParams[getFieldProps(column).name || column.prop]\r\n              \"\r\n              [nzAllowClear]=\"getFieldProps(column).allowClear\"\r\n              [nzPlaceHolder]=\"getFieldProps(column).placeHolder\"\r\n              [name]=\"getFieldProps(column).name || column.prop\"\r\n              [nzOptions]=\"getFieldProps(column).options\"\r\n              [nzDisabled]=\"getFieldProps(column).disabled\"\r\n            >\r\n            </nz-select>\r\n          </nz-form-control>\r\n          <nz-form-control *ngIf=\"column.valueType === 'selectMultiple'\">\r\n            <nz-select\r\n              [(ngModel)]=\"\r\n                _searchParams[getFieldProps(column).name || column.prop]\r\n              \"\r\n              [nzAllowClear]=\"getFieldProps(column).allowClear\"\r\n              [nzPlaceHolder]=\"getFieldProps(column).placeHolder\"\r\n              [name]=\"getFieldProps(column).name || column.prop\"\r\n              [nzOptions]=\"getFieldProps(column).options\"\r\n              [nzDisabled]=\"getFieldProps(column).disabled\"\r\n              nzMode=\"multiple\"\r\n            >\r\n            </nz-select>\r\n          </nz-form-control>\r\n          <nz-form-control *ngIf=\"column.valueType === 'date'\">\r\n            <nz-date-picker\r\n              [nzShowTime]=\"getFieldProps(column).showTime\"\r\n              [nzFormat]=\"getFieldProps(column).format\"\r\n              [nzPlaceHolder]=\"getFieldProps(column).placeHolder\"\r\n              [nzAllowClear]=\"getFieldProps(column).allowClear\"\r\n              [nzDisabled]=\"getFieldProps(column).disabled\"\r\n              [(ngModel)]=\"\r\n                _searchParams[getFieldProps(column).name || column.prop]\r\n              \"\r\n              [nzMode]=\"getFieldProps(column).mode\"\r\n            ></nz-date-picker>\r\n          </nz-form-control>\r\n          <nz-form-control *ngIf=\"column.valueType === 'checkbox'\">\r\n            <nz-checkbox-group\r\n              [class]=\"\r\n                getFieldProps(column).noStyle\r\n                  ? 'pro-table-checkboxgroup-nostyle'\r\n                  : ''\r\n              \"\r\n              [(ngModel)]=\"getFieldProps(column).options\"\r\n              [nzDisabled]=\"getFieldProps(column).disabled\"\r\n              (ngModelChange)=\"\r\n                handleFieldCheckBoxChange(\r\n                  $event,\r\n                  getFieldProps(column).name || column.prop\r\n                )\r\n              \"\r\n            ></nz-checkbox-group>\r\n          </nz-form-control>\r\n          <nz-form-control *ngIf=\"column.valueType === 'autoComplete'\">\r\n            <input\r\n              nz-input\r\n              [(ngModel)]=\"\r\n                _searchParams[getFieldProps(column)?.name || column.prop]\r\n              \"\r\n              (input)=\"handleAutoCompleteInput($event, column)\"\r\n              [nzAutocomplete]=\"auto\"\r\n              [disabled]=\"getFieldProps(column)?.disabled\"\r\n              [placeholder]=\"getFieldProps(column)?.placeHolder\"\r\n            />\r\n            <nz-autocomplete\r\n              [nzBackfill]=\"getFieldProps(column).backFill\"\r\n              [nzDefaultActiveFirstOption]=\"\r\n                getFieldProps(column).defaultActiveFirstOption\r\n              \"\r\n              [nzWidth]=\"getFieldProps(column).width\"\r\n              #auto\r\n            >\r\n              <nz-auto-option\r\n                *ngFor=\"let option of getAutoCompleteDataSource(column)\"\r\n                [nzValue]=\"\r\n                  getFieldProps(column).returnFullData ? option : option.value\r\n                \"\r\n                [nzLabel]=\"option.label\"\r\n                [nzDisabled]=\"option.disabled\"\r\n              >\r\n                {{ option.label }}\r\n              </nz-auto-option>\r\n            </nz-autocomplete>\r\n          </nz-form-control>\r\n          <nz-form-control *ngIf=\"column.valueType === 'custom'\">\r\n            <app-dynamic-search-field\r\n              [component]=\"getFieldProps(column).component\"\r\n              [value]=\"_searchParams[getFieldProps(column).name || column.prop]\"\r\n              [props]=\"getFieldProps(column)\"\r\n              (valueChange)=\"\r\n                setFieldValue(getFieldProps(column).name || column.prop, $event)\r\n              \"\r\n            ></app-dynamic-search-field>\r\n          </nz-form-control>\r\n          <nz-form-control *ngIf=\"column.valueType === 'inputNumber'\">\r\n            <nz-input-number\r\n              [style.width]=\"'100%'\"\r\n              [(ngModel)]=\"\r\n                _searchParams[getFieldProps(column).name || column.prop]\r\n              \"\r\n              [nzPlaceHolder]=\"getFieldProps(column).placeHolder\"\r\n              [nzDisabled]=\"getFieldProps(column).disabled\"\r\n              [nzFormatter]=\"getFieldProps(column).formatterPercent\"\r\n              [nzParser]=\"getFieldProps(column).parserPercent\"\r\n            ></nz-input-number>\r\n          </nz-form-control>\r\n        </nz-form-item>\r\n      </ng-template>\r\n      <ng-template #actionTextBtn>\r\n        <nz-space [nzSize]=\"4\">\r\n          <nz-space-item *ngIf=\"showSearchBtn\">\r\n            <button nz-button nzType=\"primary\" (click)=\"handleSearch()\">\r\n              {{ confirmBtnText }}\r\n            </button>\r\n          </nz-space-item>\r\n          <nz-space-item *ngIf=\"showClearBtn\">\r\n            <button nz-button (click)=\"handleResetForm()\">\r\n              {{ clearBtnText }}\r\n            </button>\r\n          </nz-space-item>\r\n        </nz-space>\r\n      </ng-template>\r\n      <ng-template #actionImgBtn>\r\n        <nz-space>\r\n          <ng-container *ngTemplateOutlet=\"imgActionBarTpl\"></ng-container>\r\n          <nz-space-item class=\"setting-space-item\" *ngIf=\"showColumnSetting\">\r\n            <span nz-tooltip nzTooltipTitle=\"\u8BBE\u7F6E\u5B57\u6BB5\">\r\n              <app-colmuns-setting\r\n                [columns]=\"columns\"\r\n                [selectedColumns]=\"_serverColumns\"\r\n                [tableName]=\"tableName\"\r\n                (afterConfirm)=\"handleColumnsSettingConfirm()\"\r\n              ></app-colmuns-setting>\r\n            </span>\r\n          </nz-space-item>\r\n        </nz-space>\r\n      </ng-template>\r\n    </app-table-search-bar>\r\n  </ng-template>\r\n\r\n  <ng-template #body>\r\n    <div class=\"mb-4\">\r\n      <ng-container *ngIf=\"showActionBar\">\r\n        <ng-container *ngTemplateOutlet=\"actionBarTpl\"></ng-container>\r\n      </ng-container>\r\n    </div>\r\n    <ng-container *ngIf=\"customTableRender\">\r\n      <ng-container *ngTemplateOutlet=\"customTableRender\"></ng-container>\r\n    </ng-container>\r\n    <nz-table\r\n      *ngIf=\"!customTableRender\"\r\n      #dynamicTable\r\n      nzSize=\"small\"\r\n      nzShowSizeChanger\r\n      [nzBordered]=\"bordered\"\r\n      [nzOuterBordered]=\"outerBordered\"\r\n      [nzData]=\"dataSource\"\r\n      [nzPageIndex]=\"_pageInfo.pageIndex\"\r\n      [nzPageSize]=\"_pageInfo.pageSize\"\r\n      [nzTotal]=\"_pageInfo.total\"\r\n      [nzPageSizeOptions]=\"_pageInfo.pageSizeOptions\"\r\n      [nzShowPagination]=\"showPagination\"\r\n      [nzShowTotal]=\"totalTemplate\"\r\n      [nzLoading]=\"_loading\"\r\n      [nzFrontPagination]=\"frontPagination\"\r\n      [nzScroll]=\"scroll\"\r\n      (nzPageIndexChange)=\"handlePageIndexChange($event)\"\r\n      (nzPageSizeChange)=\"handlePageSizeChange($event)\"\r\n    >\r\n      <thead>\r\n        <tr>\r\n          <!-- \u590D\u9009\u6846\u5217\uFF08\u5F53 showCheckbox=true \u65F6\u663E\u793A\uFF09 -->\r\n          <th\r\n            *ngIf=\"showCheckbox\"\r\n            [nzWidth]=\"'50px'\"\r\n            [nzAlign]=\"'center'\"\r\n            style=\"text-align: center\"\r\n            [(nzChecked)]=\"_checkedAll\"\r\n            [nzIndeterminate]=\"_indeterminate\"\r\n            (nzCheckedChange)=\"toggleCheckAll($event)\"\r\n            (click)=\"$event.stopPropagation()\"\r\n          ></th>\r\n          <th\r\n            *ngFor=\"let column of _columns\"\r\n            [nzWidth]=\"column.width\"\r\n            [nzAlign]=\"column.align\"\r\n            [nzLeft]=\"column.fixedLeft\"\r\n            [nzRight]=\"column.fixedRight\"\r\n            [nzShowSort]=\"!!column.sorter\"\r\n            [nzSortOrder]=\"getSortOrder(column.prop)\"\r\n            (nzSortOrderChange)=\"onSortChange(column.prop, $event)\"\r\n          >\r\n            {{ column.title }}\r\n          </th>\r\n        </tr>\r\n      </thead>\r\n\r\n      <tbody>\r\n        <tr\r\n          style=\"cursor: pointer\"\r\n          *ngFor=\"let data; let i = index; of: dynamicTable.data\"\r\n          [ngClass]=\"{\r\n            'ant-table-custom-row-selected': !!getTableRowChecked(data),\r\n            'ant-table-custom-row-even': i % 2 === 0,\r\n            'ant-table-custom-row-odd': i % 2 !== 0\r\n          }\"\r\n          (click)=\"handleTableRowClick(data)\"\r\n          (dblclick)=\"handleTableRowDbClick(data)\"\r\n        >\r\n          <!-- \u590D\u9009\u6846\u5217\uFF08\u5F53 showCheckbox=true \u65F6\u663E\u793A\uFF09 -->\r\n          <td\r\n            *ngIf=\"showCheckbox\"\r\n            [nzAlign]=\"'center'\"\r\n            style=\"text-align: center; width: 50px\"\r\n            [(nzChecked)]=\"data.checked\"\r\n            [nzDisabled]=\"isRowDisabled(data)\"\r\n            (nzCheckedChange)=\"handleRowCheckedChange(data, $event)\"\r\n            (click)=\"$event.stopPropagation()\"\r\n          ></td>\r\n          <td\r\n            *ngFor=\"let column of _columns\"\r\n            [nzLeft]=\"column.fixedLeft\"\r\n            [nzRight]=\"column.fixedRight\"\r\n            [nzAlign]=\"column.align\"\r\n            [ngClass]=\"{\r\n              'pro-nowrap': true\r\n            }\"\r\n          >\r\n            <!-- \u68C0\u67E5\u662F\u5426\u6709\u81EA\u5B9A\u4E49\u6A21\u677F -->\r\n            <ng-container\r\n              *ngIf=\"\r\n                column.customRender && getTemplate(column.customRender);\r\n                let template\r\n              \"\r\n            >\r\n              <ng-template\r\n                [ngTemplateOutlet]=\"template\"\r\n                [ngTemplateOutletContext]=\"{\r\n                  $implicit: data,\r\n                  data: data,\r\n                  column: column,\r\n                  index: i,\r\n                  pageInfo: _pageInfo\r\n                }\"\r\n              >\r\n              </ng-template>\r\n            </ng-container>\r\n\r\n            <!-- \u9ED8\u8BA4\u6E32\u67D3\u903B\u8F91 -->\r\n            <ng-container\r\n              *ngIf=\"!column.customRender || !getTemplate(column.customRender)\"\r\n            >\r\n              <ng-container *ngIf=\"column.ellipsis\">\r\n                <div\r\n                  class=\"pro-ellipsis\"\r\n                  [title]=\"data[column.prop]\"\r\n                  [ngStyle]=\"{\r\n                    width: 'calc(' + column.width + ' - 25px)'\r\n                  }\"\r\n                >\r\n                  {{ data[column.prop] }}\r\n                </div>\r\n              </ng-container>\r\n              <ng-container *ngIf=\"!column.ellipsis\">\r\n                {{ data[column.prop] }}\r\n              </ng-container>\r\n            </ng-container>\r\n          </td>\r\n        </tr>\r\n        <tr *ngIf=\"summaryData && _pageInfo.total > 0\">\r\n          <!-- \u6C47\u603B\u884C\u7684\u590D\u9009\u6846\u5217\uFF08\u5F53 showCheckbox=true \u65F6\u663E\u793A\uFF0C\u4F46\u4E3A\u7A7A\uFF09 -->\r\n          <td\r\n            *ngIf=\"showCheckbox\"\r\n            style=\"font-weight: bold; border-right: 1px solid #e8e8e8\"\r\n          ></td>\r\n          <td\r\n            *ngFor=\"let column; let i = index; of: _columns\"\r\n            [nzLeft]=\"column.fixedLeft\"\r\n            [nzRight]=\"column.fixedRight\"\r\n            style=\"font-weight: bold; border-right: 1px solid #e8e8e8\"\r\n            [nzAlign]=\"column.align\"\r\n          >\r\n            <span *ngIf=\"i === 0\">\u603B\u8BA1</span>\r\n            <ng-container *ngIf=\"i !== 0 && column.summary\">\r\n              {{\r\n                column.summary?.format\r\n                  ? column.summary?.format(\r\n                      summaryData[column.summary?.name || column.prop]\r\n                    )\r\n                  : summaryData[column.summary?.name || column.prop]\r\n              }}\r\n            </ng-container>\r\n          </td>\r\n        </tr>\r\n      </tbody>\r\n      <ng-template #totalTemplate let-total\r\n        >\u5171 {{ _pageInfo.total }} \u6761\u8BB0\u5F55</ng-template\r\n      >\r\n    </nz-table>\r\n  </ng-template>\r\n</app-page-container>\r\n",
-                styles: [".pro-ellipsis{overflow:hidden;text-overflow:ellipsis}.pro-nowrap{white-space:nowrap}::ng-deep .setting-space-item{margin-right:0!important}::ng-deep .pro-table-checkboxgroup-nostyle{white-space:nowrap}::ng-deep .ant-table-bordered .ant-table-container .ant-table-content .ant-table-body table{border-collapse:separate;border-spacing:0}::ng-deep .ant-table-bordered .ant-table-container .ant-table-content .ant-table-body .ant-table-tbody>tr>td{border-right:1px solid #e8e8e8!important}::ng-deep .ant-table.ant-table-bordered>.ant-table-container>.ant-table-content>table>thead>tr>th{border-right:1px solid #e8e8e8!important;border-bottom:1px solid #e8e8e8!important;white-space:nowrap}::ng-deep .ant-table-bordered .ant-table-container .ant-table-content .ant-table-body .ant-table-tbody>tr>td:first-child,::ng-deep .ant-table-bordered .ant-table-container .ant-table-content .ant-table-body .ant-table-thead>tr>th:first-child{border-left:none!important}::ng-deep .ant-table-bordered .ant-table-container .ant-table-content .ant-table-body .ant-table-cell-fix-left,::ng-deep .ant-table-bordered .ant-table-container .ant-table-content .ant-table-body .ant-table-cell-fix-right,::ng-deep .ant-table-bordered .ant-table-container .ant-table-content .ant-table-header .ant-table-thead>tr>th.ant-table-cell-fix-left,::ng-deep .ant-table-bordered .ant-table-container .ant-table-content .ant-table-header .ant-table-thead>tr>th.ant-table-cell-fix-right{border-right:1px solid #e8e8e8!important;border-bottom:1px solid #e8e8e8!important}::ng-deep .ant-table-bordered .ant-table-container .ant-table-content .ant-table-header .ant-table-thead>tr>th{border-top:1px solid #e8e8e8!important}::ng-deep .ant-table-bordered .ant-table-container .ant-table-content .ant-table-body .ant-table-tbody>tr>td:last-child,::ng-deep .ant-table-bordered .ant-table-container .ant-table-content .ant-table-body .ant-table-thead>tr>th:last-child{border-right:1px solid #e8e8e8!important}::ng-deep .ant-table-bordered .ant-table-container .ant-table-content .ant-table-body .ant-table-tbody>tr:last-child>td{border-bottom:1px solid #e8e8e8!important}::ng-deep .table-search-bar-left .ant-form-item{margin-bottom:4px}::ng-deep .table-search-bar-left .ant-form-item .ant-form-item-label>label{color:#5a5a5a}::ng-deep .pro-table-container .page-container-body{padding:8px 0 0!important}"]
+                template: "<app-page-container\r\n  [title]=\"title\"\r\n  [showHeader]=\"showSearchBar\"\r\n  ngClass=\"pro-table-container\"\r\n>\r\n  <ng-template #header>\r\n    <app-table-search-bar\r\n      *ngIf=\"showSearchBar\"\r\n      [labelWidth]=\"labelWidth\"\r\n      [labelAlign]=\"labelAlign\"\r\n      [formItemWidth]=\"formItemWidth\"\r\n    >\r\n      <ng-template #leftContent>\r\n        <nz-form-item\r\n          *ngFor=\"let column of _searchFiledColumns\"\r\n          [ngClass]=\"getFormItemClassName(column)\"\r\n        >\r\n          <nz-form-label *ngIf=\"!getFieldProps(column).hideLabel\" nzNoColon>\r\n            <!-- \u68C0\u67E5\u662F\u5426\u6709\u81EA\u5B9A\u4E49label\u6A21\u677F -->\r\n            <ng-container\r\n              *ngIf=\"\r\n                column.customLabelRender &&\r\n                  getLabelTemplate(column.customLabelRender);\r\n                else defaultLabel\r\n              \"\r\n            >\r\n              <ng-container\r\n                [ngTemplateOutlet]=\"getLabelTemplate(column.customLabelRender)\"\r\n                [ngTemplateOutletContext]=\"{\r\n                  $implicit: column,\r\n                  column: column,\r\n                  fieldProps: getFieldProps(column)\r\n                }\"\r\n              >\r\n              </ng-container>\r\n            </ng-container>\r\n            <ng-template #defaultLabel>\r\n              {{ getFieldProps(column).label || column.title }}\r\n            </ng-template>\r\n          </nz-form-label>\r\n          <nz-form-control *ngIf=\"column.valueType === 'input'\">\r\n            <input\r\n              nz-input\r\n              [name]=\"getFieldProps(column).name || column.prop\"\r\n              [placeholder]=\"getFieldProps(column).placeHolder\"\r\n              [disabled]=\"getFieldProps(column).disabled\"\r\n              [(ngModel)]=\"\r\n                _searchParams[getFieldProps(column).name || column.prop]\r\n              \"\r\n            />\r\n          </nz-form-control>\r\n          <nz-form-control *ngIf=\"column.valueType === 'inputPlate'\">\r\n            <app-plate-input\r\n              [name]=\"getFieldProps(column).name || column.prop\"\r\n              [(ngModel)]=\"\r\n                _searchParams[getFieldProps(column).name || column.prop]\r\n              \"\r\n            ></app-plate-input>\r\n          </nz-form-control>\r\n          <nz-form-control *ngIf=\"column.valueType === 'select'\">\r\n            <nz-select\r\n              [(ngModel)]=\"\r\n                _searchParams[getFieldProps(column).name || column.prop]\r\n              \"\r\n              [nzAllowClear]=\"getFieldProps(column).allowClear\"\r\n              [nzPlaceHolder]=\"getFieldProps(column).placeHolder\"\r\n              [name]=\"getFieldProps(column).name || column.prop\"\r\n              [nzOptions]=\"getFieldProps(column).options\"\r\n              [nzDisabled]=\"getFieldProps(column).disabled\"\r\n            >\r\n            </nz-select>\r\n          </nz-form-control>\r\n          <nz-form-control *ngIf=\"column.valueType === 'selectMultiple'\">\r\n            <nz-select\r\n              [(ngModel)]=\"\r\n                _searchParams[getFieldProps(column).name || column.prop]\r\n              \"\r\n              [nzAllowClear]=\"getFieldProps(column).allowClear\"\r\n              [nzPlaceHolder]=\"getFieldProps(column).placeHolder\"\r\n              [name]=\"getFieldProps(column).name || column.prop\"\r\n              [nzOptions]=\"getFieldProps(column).options\"\r\n              [nzDisabled]=\"getFieldProps(column).disabled\"\r\n              nzMode=\"multiple\"\r\n            >\r\n            </nz-select>\r\n          </nz-form-control>\r\n          <nz-form-control *ngIf=\"column.valueType === 'date'\">\r\n            <nz-date-picker\r\n              [nzShowTime]=\"getFieldProps(column).showTime\"\r\n              [nzFormat]=\"getFieldProps(column).format\"\r\n              [nzPlaceHolder]=\"getFieldProps(column).placeHolder\"\r\n              [nzAllowClear]=\"getFieldProps(column).allowClear\"\r\n              [nzDisabled]=\"getFieldProps(column).disabled\"\r\n              [(ngModel)]=\"\r\n                _searchParams[getFieldProps(column).name || column.prop]\r\n              \"\r\n              [nzMode]=\"getFieldProps(column).mode\"\r\n            ></nz-date-picker>\r\n          </nz-form-control>\r\n          <nz-form-control *ngIf=\"column.valueType === 'checkbox'\">\r\n            <nz-checkbox-group\r\n              [class]=\"\r\n                getFieldProps(column).noStyle\r\n                  ? 'pro-table-checkboxgroup-nostyle'\r\n                  : ''\r\n              \"\r\n              [(ngModel)]=\"getFieldProps(column).options\"\r\n              [nzDisabled]=\"getFieldProps(column).disabled\"\r\n              (ngModelChange)=\"\r\n                handleFieldCheckBoxChange(\r\n                  $event,\r\n                  getFieldProps(column).name || column.prop\r\n                )\r\n              \"\r\n            ></nz-checkbox-group>\r\n          </nz-form-control>\r\n          <nz-form-control *ngIf=\"column.valueType === 'autoComplete'\">\r\n            <input\r\n              nz-input\r\n              [(ngModel)]=\"\r\n                _searchParams[getFieldProps(column)?.name || column.prop]\r\n              \"\r\n              (input)=\"handleAutoCompleteInput($event, column)\"\r\n              [nzAutocomplete]=\"auto\"\r\n              [disabled]=\"getFieldProps(column)?.disabled\"\r\n              [placeholder]=\"getFieldProps(column)?.placeHolder\"\r\n            />\r\n            <nz-autocomplete\r\n              [nzBackfill]=\"getFieldProps(column).backFill\"\r\n              [nzDefaultActiveFirstOption]=\"\r\n                getFieldProps(column).defaultActiveFirstOption\r\n              \"\r\n              [nzWidth]=\"getFieldProps(column).width\"\r\n              #auto\r\n            >\r\n              <nz-auto-option\r\n                *ngFor=\"let option of getAutoCompleteDataSource(column)\"\r\n                [nzValue]=\"\r\n                  getFieldProps(column).returnFullData ? option : option.value\r\n                \"\r\n                [nzLabel]=\"option.label\"\r\n                [nzDisabled]=\"option.disabled\"\r\n              >\r\n                {{ option.label }}\r\n              </nz-auto-option>\r\n            </nz-autocomplete>\r\n          </nz-form-control>\r\n          <nz-form-control *ngIf=\"column.valueType === 'custom'\">\r\n            <app-dynamic-search-field\r\n              [component]=\"getFieldProps(column).component\"\r\n              [value]=\"_searchParams[getFieldProps(column).name || column.prop]\"\r\n              [props]=\"getFieldProps(column)\"\r\n              (valueChange)=\"\r\n                setFieldValue(getFieldProps(column).name || column.prop, $event)\r\n              \"\r\n            ></app-dynamic-search-field>\r\n          </nz-form-control>\r\n          <nz-form-control *ngIf=\"column.valueType === 'inputNumber'\">\r\n            <nz-input-number\r\n              [style.width]=\"'100%'\"\r\n              [(ngModel)]=\"\r\n                _searchParams[getFieldProps(column).name || column.prop]\r\n              \"\r\n              [nzPlaceHolder]=\"getFieldProps(column).placeHolder\"\r\n              [nzDisabled]=\"getFieldProps(column).disabled\"\r\n              [nzFormatter]=\"getFieldProps(column).formatterPercent\"\r\n              [nzParser]=\"getFieldProps(column).parserPercent\"\r\n            ></nz-input-number>\r\n          </nz-form-control>\r\n        </nz-form-item>\r\n      </ng-template>\r\n      <ng-template #actionTextBtn>\r\n        <nz-space [nzSize]=\"4\">\r\n          <ng-template nzSpaceItem *ngIf=\"showSearchBtn\">\r\n            <button nz-button nzType=\"primary\" (click)=\"handleSearch()\">\r\n              {{ confirmBtnText }}\r\n            </button>\r\n          </ng-template>\r\n          <ng-template nzSpaceItem *ngIf=\"showClearBtn\">\r\n            <button nz-button (click)=\"handleResetForm()\">\r\n              {{ clearBtnText }}\r\n            </button>\r\n          </ng-template>\r\n        </nz-space>\r\n      </ng-template>\r\n      <ng-template #actionImgBtn>\r\n        <nz-space>\r\n          <ng-container *ngTemplateOutlet=\"imgActionBarTpl\"></ng-container>\r\n          <ng-template nzSpaceItem class=\"setting-space-item\" *ngIf=\"showColumnSetting\">\r\n            <span nz-tooltip nzTooltipTitle=\"\u8BBE\u7F6E\u5B57\u6BB5\">\r\n              <app-colmuns-setting\r\n                [columns]=\"columns\"\r\n                [selectedColumns]=\"_serverColumns\"\r\n                [tableName]=\"tableName\"\r\n                (afterConfirm)=\"handleColumnsSettingConfirm()\"\r\n              ></app-colmuns-setting>\r\n            </span>\r\n          </ng-template>\r\n        </nz-space>\r\n      </ng-template>\r\n    </app-table-search-bar>\r\n  </ng-template>\r\n\r\n  <ng-template #body>\r\n    <div class=\"mb-4\">\r\n      <ng-container *ngIf=\"showActionBar\">\r\n        <ng-container *ngTemplateOutlet=\"actionBarTpl\"></ng-container>\r\n      </ng-container>\r\n    </div>\r\n    <ng-container *ngIf=\"customTableRender\">\r\n      <ng-container *ngTemplateOutlet=\"customTableRender\"></ng-container>\r\n    </ng-container>\r\n    <nz-table\r\n      *ngIf=\"!customTableRender\"\r\n      #dynamicTable\r\n      nzSize=\"small\"\r\n      nzShowSizeChanger\r\n      [nzBordered]=\"bordered\"\r\n      [nzOuterBordered]=\"outerBordered\"\r\n      [nzData]=\"dataSource\"\r\n      [nzPageIndex]=\"_pageInfo.pageIndex\"\r\n      [nzPageSize]=\"_pageInfo.pageSize\"\r\n      [nzTotal]=\"_pageInfo.total\"\r\n      [nzPageSizeOptions]=\"_pageInfo.pageSizeOptions\"\r\n      [nzShowPagination]=\"showPagination\"\r\n      [nzShowTotal]=\"totalTemplate\"\r\n      [nzLoading]=\"_loading\"\r\n      [nzFrontPagination]=\"frontPagination\"\r\n      [nzScroll]=\"scroll\"\r\n      (nzPageIndexChange)=\"handlePageIndexChange($event)\"\r\n      (nzPageSizeChange)=\"handlePageSizeChange($event)\"\r\n    >\r\n      <thead>\r\n        <tr>\r\n          <!-- \u590D\u9009\u6846\u5217\uFF08\u5F53 showCheckbox=true \u65F6\u663E\u793A\uFF09 -->\r\n          <th\r\n            *ngIf=\"showCheckbox\"\r\n            [nzWidth]=\"'50px'\"\r\n            [nzAlign]=\"'center'\"\r\n            style=\"text-align: center\"\r\n            [(nzChecked)]=\"_checkedAll\"\r\n            [nzIndeterminate]=\"_indeterminate\"\r\n            (nzCheckedChange)=\"toggleCheckAll($event)\"\r\n            (click)=\"$event.stopPropagation()\"\r\n          ></th>\r\n          <th\r\n            *ngFor=\"let column of _columns\"\r\n            [nzWidth]=\"column.width\"\r\n            [nzAlign]=\"column.align\"\r\n            [nzLeft]=\"column.fixedLeft\"\r\n            [nzRight]=\"column.fixedRight\"\r\n            [nzShowSort]=\"!!column.sorter\"\r\n            [nzSortOrder]=\"getSortOrder(column.prop)\"\r\n            (nzSortOrderChange)=\"onSortChange(column.prop, $event)\"\r\n          >\r\n            {{ column.title }}\r\n          </th>\r\n        </tr>\r\n      </thead>\r\n\r\n      <tbody>\r\n        <tr\r\n          style=\"cursor: pointer\"\r\n          *ngFor=\"let data; let i = index; of: dynamicTable.data\"\r\n          [ngClass]=\"{\r\n            'ant-table-custom-row-selected': !!getTableRowChecked(data),\r\n            'ant-table-custom-row-even': i % 2 === 0,\r\n            'ant-table-custom-row-odd': i % 2 !== 0\r\n          }\"\r\n          (click)=\"handleTableRowClick(data)\"\r\n          (dblclick)=\"handleTableRowDbClick(data)\"\r\n        >\r\n          <!-- \u590D\u9009\u6846\u5217\uFF08\u5F53 showCheckbox=true \u65F6\u663E\u793A\uFF09 -->\r\n          <td\r\n            *ngIf=\"showCheckbox\"\r\n            [nzAlign]=\"'center'\"\r\n            style=\"text-align: center; width: 50px\"\r\n            [(nzChecked)]=\"data.checked\"\r\n            [nzDisabled]=\"isRowDisabled(data)\"\r\n            (nzCheckedChange)=\"handleRowCheckedChange(data, $event)\"\r\n            (click)=\"$event.stopPropagation()\"\r\n          ></td>\r\n          <td\r\n            *ngFor=\"let column of _columns\"\r\n            [nzLeft]=\"column.fixedLeft\"\r\n            [nzRight]=\"column.fixedRight\"\r\n            [nzAlign]=\"column.align\"\r\n            [ngClass]=\"{\r\n              'pro-nowrap': true\r\n            }\"\r\n          >\r\n            <!-- \u68C0\u67E5\u662F\u5426\u6709\u81EA\u5B9A\u4E49\u6A21\u677F -->\r\n            <ng-container\r\n              *ngIf=\"\r\n                column.customRender && getTemplate(column.customRender);\r\n                let template\r\n              \"\r\n            >\r\n              <ng-template\r\n                [ngTemplateOutlet]=\"template\"\r\n                [ngTemplateOutletContext]=\"{\r\n                  $implicit: data,\r\n                  data: data,\r\n                  column: column,\r\n                  index: i,\r\n                  pageInfo: _pageInfo\r\n                }\"\r\n              >\r\n              </ng-template>\r\n            </ng-container>\r\n\r\n            <!-- \u9ED8\u8BA4\u6E32\u67D3\u903B\u8F91 -->\r\n            <ng-container\r\n              *ngIf=\"!column.customRender || !getTemplate(column.customRender)\"\r\n            >\r\n              <ng-container *ngIf=\"column.ellipsis\">\r\n                <div\r\n                  class=\"pro-ellipsis\"\r\n                  [title]=\"data[column.prop]\"\r\n                  [ngStyle]=\"{\r\n                    width: 'calc(' + column.width + ' - 25px)'\r\n                  }\"\r\n                >\r\n                  {{ data[column.prop] }}\r\n                </div>\r\n              </ng-container>\r\n              <ng-container *ngIf=\"!column.ellipsis\">\r\n                {{ data[column.prop] }}\r\n              </ng-container>\r\n            </ng-container>\r\n          </td>\r\n        </tr>\r\n        <tr *ngIf=\"summaryData && _pageInfo.total > 0\">\r\n          <!-- \u6C47\u603B\u884C\u7684\u590D\u9009\u6846\u5217\uFF08\u5F53 showCheckbox=true \u65F6\u663E\u793A\uFF0C\u4F46\u4E3A\u7A7A\uFF09 -->\r\n          <td\r\n            *ngIf=\"showCheckbox\"\r\n            style=\"font-weight: bold; border-right: 1px solid #e8e8e8\"\r\n          ></td>\r\n          <td\r\n            *ngFor=\"let column; let i = index; of: _columns\"\r\n            [nzLeft]=\"column.fixedLeft\"\r\n            [nzRight]=\"column.fixedRight\"\r\n            style=\"font-weight: bold; border-right: 1px solid #e8e8e8\"\r\n            [nzAlign]=\"column.align\"\r\n          >\r\n            <span *ngIf=\"i === 0\">\u603B\u8BA1</span>\r\n            <ng-container *ngIf=\"i !== 0 && column.summary\">\r\n              {{\r\n                column.summary?.format\r\n                  ? column.summary?.format(\r\n                      summaryData[column.summary?.name || column.prop]\r\n                    )\r\n                  : summaryData[column.summary?.name || column.prop]\r\n              }}\r\n            </ng-container>\r\n          </td>\r\n        </tr>\r\n      </tbody>\r\n      <ng-template #totalTemplate let-total\r\n        >\u5171 {{ _pageInfo.total }} \u6761\u8BB0\u5F55</ng-template\r\n      >\r\n    </nz-table>\r\n  </ng-template>\r\n</app-page-container>\r\n",
+                styles: [".pro-ellipsis{overflow:hidden;text-overflow:ellipsis}.pro-nowrap{white-space:nowrap}::ng-deep .setting-space-item{margin-right:0!important}::ng-deep .pro-table-checkboxgroup-nostyle{white-space:nowrap}::ng-deep .ant-table-bordered .ant-table-container .ant-table-content .ant-table-body table{border-collapse:separate;border-spacing:0}::ng-deep .ant-table-bordered .ant-table-container .ant-table-content .ant-table-body .ant-table-tbody>tr>td{border-right:1px solid #e8e8e8!important}::ng-deep .ant-table.ant-table-bordered>.ant-table-container>.ant-table-content>table>thead>tr>th{border-right:1px solid #e8e8e8!important;border-bottom:1px solid #e8e8e8!important;white-space:nowrap}::ng-deep .ant-table-bordered .ant-table-container .ant-table-content .ant-table-body .ant-table-thead>tr>th:first-child,::ng-deep .ant-table-bordered .ant-table-container .ant-table-content .ant-table-body .ant-table-tbody>tr>td:first-child{border-left:none!important}::ng-deep .ant-table-bordered .ant-table-container .ant-table-content .ant-table-body .ant-table-cell-fix-left,::ng-deep .ant-table-bordered .ant-table-container .ant-table-content .ant-table-body .ant-table-cell-fix-right{border-right:1px solid #e8e8e8!important;border-bottom:1px solid #e8e8e8!important}::ng-deep .ant-table-bordered .ant-table-container .ant-table-content .ant-table-header .ant-table-thead>tr>th.ant-table-cell-fix-left,::ng-deep .ant-table-bordered .ant-table-container .ant-table-content .ant-table-header .ant-table-thead>tr>th.ant-table-cell-fix-right{border-right:1px solid #e8e8e8!important;border-bottom:1px solid #e8e8e8!important}::ng-deep .ant-table-bordered .ant-table-container .ant-table-content .ant-table-header .ant-table-thead>tr>th{border-top:1px solid #e8e8e8!important}::ng-deep .ant-table-bordered .ant-table-container .ant-table-content .ant-table-body .ant-table-thead>tr>th:last-child,::ng-deep .ant-table-bordered .ant-table-container .ant-table-content .ant-table-body .ant-table-tbody>tr>td:last-child{border-right:1px solid #e8e8e8!important}::ng-deep .ant-table-bordered .ant-table-container .ant-table-content .ant-table-body .ant-table-tbody>tr:last-child>td{border-bottom:1px solid #e8e8e8!important}::ng-deep .table-search-bar-left .ant-form-item{margin-bottom:4px}::ng-deep .table-search-bar-left .ant-form-item .ant-form-item-label>label{color:#5a5a5a}::ng-deep .pro-table-container .page-container-body{padding:8px 0 0!important}\n"]
             },] }
 ];
 ProTableComponent.ctorParameters = () => [
@@ -1248,7 +1249,7 @@ PageContainerComponent.decorators = [
     { type: Component, args: [{
                 selector: "app-page-container",
                 template: "<nz-card\r\n  [nzBorderless]=\"true\"\r\n  [nzBodyStyle]=\"{ padding: '8px', width: '100%' }\"\r\n>\r\n  <div class=\"page-container-title\" *ngIf=\"title\">{{ title }}</div>\r\n  <div class=\"page-container-header\" *ngIf=\"showHeader\">\r\n    <ng-container *ngTemplateOutlet=\"headerTpl\"></ng-container>\r\n  </div>\r\n  <div class=\"page-container-body\">\r\n    <ng-container *ngTemplateOutlet=\"bodyTpl\"></ng-container>\r\n  </div>\r\n</nz-card>\r\n",
-                styles: [".page-container-title{padding-left:8px;font-size:16px;color:#1d1d1d;margin-bottom:8px}.page-container-title:before{content:\"\";display:inline-block;width:2px;height:16px;position:relative;left:-8px;top:3px;background-color:#096dd9}.page-container-header{box-sizing:border-box;padding:12px 24px;background:#f4f4f5}.page-container-body{box-sizing:border-box;padding:7px}"]
+                styles: [".page-container-title{padding-left:8px;font-size:16px;color:#1d1d1d;margin-bottom:8px}.page-container-title:before{content:\"\";display:inline-block;width:2px;height:16px;position:relative;left:-8px;top:3px;background-color:#096dd9}.page-container-header{box-sizing:border-box;padding:12px 24px;background:#f4f4f5}.page-container-body{box-sizing:border-box;padding:7px}\n"]
             },] }
 ];
 PageContainerComponent.ctorParameters = () => [];
@@ -1420,7 +1421,7 @@ PlateInputComponent.decorators = [
                         multi: true,
                     },
                 ],
-                styles: ["::ng-deep .plate-input-popover{box-sizing:border-box;padding:5px 0}::ng-deep .plate-input-popover .ant-popover-inner-content{width:387px;height:264px;padding:0}::ng-deep .plate-input-popover .ant-popover-inner-content .plate-input-popover-item{height:42px;box-sizing:border-box;padding:6px 12px;cursor:pointer}::ng-deep .plate-input-popover .ant-popover-inner-content .plate-input-popover-item .plate-input-popover-item-label{width:100%;height:100%;display:flex;justify-content:center;align-items:center;border:1px solid #ccc}::ng-deep .plate-input-popover .ant-popover-inner-content .plate-input-popover-item-default:hover{background-color:#eaeaea}::ng-deep .plate-input-popover .ant-popover-inner-content .plate-input-popover-item-active{background-color:#096dd9;color:#fff}::ng-deep .plate-input-prefix:hover:after{content:\"\";position:absolute;top:0;right:0;width:1px;height:100%;background-color:transparent;z-index:2}::ng-deep .plate-antd-input-container{width:100%;display:flex;flex-wrap:nowrap}::ng-deep .plate-antd-input-container .plate-input-prefix{width:60px;text-align:center;min-height:32px;border:1px solid #d9d9d9;border-radius:4px;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;background-color:#fff}::ng-deep .plate-antd-input-container .plate-input-prefix .plate-input-icon-down{position:absolute;top:50%;right:5px;transform:translateY(-50%);font-size:10px}::ng-deep .plate-antd-input-container .plate-input-prefix:hover:not(.plate-input-prefix-disabled){border-color:#096dd9}::ng-deep .plate-antd-input-container .plate-input-prefix-disabled{background-color:#f5f5f5;border-color:#d9d9d9;cursor:not-allowed;color:#7c7c7c}::ng-deep .plate-antd-input-container .plate-input-suffix{width:calc(100% - 60px)}"]
+                styles: ["::ng-deep .plate-input-popover{box-sizing:border-box;padding:5px 0}::ng-deep .plate-input-popover .ant-popover-inner-content{width:387px;height:264px;padding:0}::ng-deep .plate-input-popover .ant-popover-inner-content .plate-input-popover-item{height:42px;box-sizing:border-box;padding:6px 12px;cursor:pointer}::ng-deep .plate-input-popover .ant-popover-inner-content .plate-input-popover-item .plate-input-popover-item-label{width:100%;height:100%;display:flex;justify-content:center;align-items:center;border:1px solid #ccc}::ng-deep .plate-input-popover .ant-popover-inner-content .plate-input-popover-item-default:hover{background-color:#eaeaea}::ng-deep .plate-input-popover .ant-popover-inner-content .plate-input-popover-item-active{background-color:#096dd9;color:#fff}::ng-deep .plate-input-prefix:hover:after{content:\"\";position:absolute;top:0;right:0;width:1px;height:100%;background-color:transparent;z-index:2}::ng-deep .plate-antd-input-container{width:100%;display:flex;flex-wrap:nowrap}::ng-deep .plate-antd-input-container .plate-input-prefix{width:60px;text-align:center;min-height:32px;border:1px solid #d9d9d9;border-radius:4px;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;background-color:#fff}::ng-deep .plate-antd-input-container .plate-input-prefix .plate-input-icon-down{position:absolute;top:50%;right:5px;transform:translateY(-50%);font-size:10px}::ng-deep .plate-antd-input-container .plate-input-prefix:hover:not(.plate-input-prefix-disabled){border-color:#096dd9}::ng-deep .plate-antd-input-container .plate-input-prefix-disabled{background-color:#f5f5f5;border-color:#d9d9d9;cursor:not-allowed;color:#7c7c7c}::ng-deep .plate-antd-input-container .plate-input-suffix{width:calc(100% - 60px)}\n"]
             },] }
 ];
 PlateInputComponent.ctorParameters = () => [
@@ -1535,8 +1536,8 @@ class TableSearchBarComponent {
 TableSearchBarComponent.decorators = [
     { type: Component, args: [{
                 selector: "app-table-search-bar",
-                template: "<div class=\"table-search-bar\">\r\n  <div\r\n    class=\"table-search-bar-left\"\r\n    style=\"--label-width: {{ labelWidth }}; --label-align: {{ labelAlign }}; --form-item-width: {{ formItemWidth }};\"\r\n  >\r\n    <ng-container *ngTemplateOutlet=\"leftContentTpl\"></ng-container>\r\n  </div>\r\n  <div class=\"table-search-bar-right\">\r\n    <nz-space nzDirection=\"vertical\" nzAlign=\"end\">\r\n      <nz-space-item>\r\n        <ng-container *ngTemplateOutlet=\"actionTextBtnTpl\"></ng-container>\r\n      </nz-space-item>\r\n      <nz-space-item>\r\n        <ng-container *ngTemplateOutlet=\"actionImgBtnTpl\"></ng-container>\r\n      </nz-space-item>\r\n    </nz-space>\r\n    <!-- <ng-container *ngTemplateOutlet=\"rightContentTpl\"></ng-container> -->\r\n  </div>\r\n</div>\r\n",
-                styles: ["::ng-deep .table-search-bar{display:flex;flex-wrap:wrap;width:100%;align-items:flex-start;gap:16px}::ng-deep .table-search-bar-left{display:flex;flex-wrap:wrap;flex:1;row-gap:0;-moz-column-gap:48px;column-gap:48px;min-width:0}@media (min-width:1920px){::ng-deep .table-search-bar-left{-moz-column-gap:56px;column-gap:56px}}::ng-deep .table-search-bar-left ::ng-deep .ant-form-item{width:var(--form-item-width);flex-shrink:0;flex-wrap:nowrap}::ng-deep .table-search-bar-left ::ng-deep .ant-form-item .ant-form-item-label{flex-shrink:0;width:var(--label-width);text-align:var(--label-align)}::ng-deep .table-search-bar-left ::ng-deep .ant-form-item .ant-form-item-label label:after{content:\"\"}::ng-deep .table-search-bar-left ::ng-deep .ant-form-item .ant-picker{width:100%}::ng-deep .table-search-bar-right{display:flex;flex-shrink:0;align-items:flex-start}"]
+                template: "<div class=\"table-search-bar\">\r\n  <div\r\n    class=\"table-search-bar-left\"\r\n    style=\"--label-width: {{ labelWidth }}; --label-align: {{ labelAlign }}; --form-item-width: {{ formItemWidth }};\"\r\n  >\r\n    <ng-container *ngTemplateOutlet=\"leftContentTpl\"></ng-container>\r\n  </div>\r\n  <div class=\"table-search-bar-right\">\r\n    <nz-space nzDirection=\"vertical\" nzAlign=\"end\">\r\n      <ng-template nzSpaceItem>\r\n        <ng-container *ngTemplateOutlet=\"actionTextBtnTpl\"></ng-container>\r\n      </ng-template>\r\n      <ng-template nzSpaceItem>\r\n        <ng-container *ngTemplateOutlet=\"actionImgBtnTpl\"></ng-container>\r\n      </ng-template>\r\n    </nz-space>\r\n    <!-- <ng-container *ngTemplateOutlet=\"rightContentTpl\"></ng-container> -->\r\n  </div>\r\n</div>\r\n",
+                styles: ["::ng-deep .table-search-bar{display:flex;flex-wrap:wrap;width:100%;align-items:flex-start;grid-gap:16px;gap:16px}::ng-deep .table-search-bar-left{display:flex;flex-wrap:wrap;flex:1;grid-row-gap:0px;row-gap:0px;grid-column-gap:48px;-moz-column-gap:48px;column-gap:48px;min-width:0}@media (min-width: 1920px){::ng-deep .table-search-bar-left{grid-column-gap:56px;-moz-column-gap:56px;column-gap:56px}}::ng-deep .table-search-bar-left ::ng-deep .ant-form-item{width:var(--form-item-width);flex-shrink:0;flex-wrap:nowrap}::ng-deep .table-search-bar-left ::ng-deep .ant-form-item .ant-form-item-label{flex-shrink:0;width:var(--label-width);text-align:var(--label-align)}::ng-deep .table-search-bar-left ::ng-deep .ant-form-item .ant-form-item-label label:after{content:\"\"}::ng-deep .table-search-bar-left ::ng-deep .ant-form-item .ant-picker{width:100%}::ng-deep .table-search-bar-right{display:flex;flex-shrink:0;align-items:flex-start}\n"]
             },] }
 ];
 TableSearchBarComponent.ctorParameters = () => [];
@@ -1709,7 +1710,7 @@ ColmunsSettingComponent.decorators = [
     { type: Component, args: [{
                 selector: "app-colmuns-setting",
                 template: "<div class=\"action-pic-btn\" (click)=\"handleModalVisible()\" title=\"\u5217\u8BBE\u7F6E\">\r\n  <i nz-icon nzType=\"setting\" nzTheme=\"outline\"></i>\r\n</div>\r\n\r\n<nz-modal\r\n  [(nzVisible)]=\"modalVisible\"\r\n  [nzWidth]=\"820\"\r\n  [nzTitle]=\"modalTitle\"\r\n  (nzOnCancel)=\"handleModalClose()\"\r\n  [nzContent]=\"modalBody\"\r\n  [nzBodyStyle]=\"{ padding: '12px' }\"\r\n  (nzOnOk)=\"handleConfirm()\"\r\n  [nzWrapClassName]=\"'draggable-modal'\"\r\n>\r\n  <ng-template #modalTitle>\r\n    <div\r\n      class=\"modal-drag-handle\"\r\n      cdkDrag\r\n      [cdkDragRootElement]=\"'.draggable-modal .ant-modal'\"\r\n      cdkDragHandle\r\n      [cdkDragBoundary]=\"'.draggable-modal'\"\r\n    >\r\n      <span>\u8BBE\u7F6E\u663E\u793A\u5B57\u6BB5</span>\r\n    </div>\r\n  </ng-template>\r\n  <ng-template #modalBody>\r\n    <div class=\"modal-body\">\r\n      <div class=\"check-box-list\">\r\n        <div class=\"mb-12\">\u53EF\u9009\u5B57\u6BB5</div>\r\n        <nz-checkbox-wrapper style=\"width: 100%\">\r\n          <div nz-row [nzGutter]=\"[24, 24]\">\r\n            <div nz-col nzSpan=\"6\" *ngFor=\"let item of options\">\r\n              <label\r\n                nz-checkbox\r\n                nzValue=\"item.value\"\r\n                [ngModel]=\"item.checked\"\r\n                (ngModelChange)=\"handleCheckBoxChange($event, item)\"\r\n                >{{ item.label }}</label\r\n              >\r\n            </div>\r\n          </div>\r\n        </nz-checkbox-wrapper>\r\n      </div>\r\n      <div class=\"sort-list\">\r\n        <div nz-typography class=\"mb-4\">\u5F53\u524D\u5DF2\u7ECF\u9009\u5B9A\u7684\u5B57\u6BB5</div>\r\n        <div\r\n          nz-typography\r\n          nzType=\"secondary\"\r\n          class=\"mb-4\"\r\n          [style.fontSize]=\"'12px'\"\r\n        >\r\n          \u63D0\u793A\uFF1A\u53EF\u62D6\u52A8\u6392\u5E8F\r\n        </div>\r\n        <div #sortableContainer class=\"sortable-container\">\r\n          <div\r\n            class=\"sort-list-item mb-12\"\r\n            *ngFor=\"let item of selectedColumns; trackBy: trackByColumn\"\r\n          >\r\n            {{ item.title }}\r\n            <a\r\n              href=\"javascript:void(0)\"\r\n              class=\"fieldd-remove\"\r\n              title=\"\u5220\u9664\"\r\n              (click)=\"handleSelectRemove(item.prop)\"\r\n              >\u00D7</a\r\n            >\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </ng-template>\r\n</nz-modal>\r\n",
-                styles: [".action-pic-btn{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px}.modal-body{width:100%;height:600px;display:flex}.modal-body .check-box-list{width:calc(100% - 200px);height:100%}.modal-body .sort-list{width:200px;height:100%;border-left:1px solid #e3e3e3;box-sizing:border-box;padding-left:12px;padding-right:12px;overflow-y:auto}.modal-body .sort-list .sortable-container{min-height:100px}.modal-body .sort-list .sort-list-item{display:flex;justify-content:space-between;align-items:center;cursor:move;-webkit-user-select:none;-moz-user-select:none;user-select:none}.modal-body .sort-list .sort-list-item a{font-size:18px}.modal-drag-handle{cursor:move;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}"]
+                styles: [".action-pic-btn{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px}.modal-body{width:100%;height:600px;display:flex}.modal-body .check-box-list{width:calc(100% - 200px);height:100%}.modal-body .sort-list{width:200px;height:100%;border-left:1px solid #e3e3e3;box-sizing:border-box;padding-left:12px;padding-right:12px;overflow-y:auto}.modal-body .sort-list .sortable-container{min-height:100px}.modal-body .sort-list .sort-list-item{display:flex;justify-content:space-between;align-items:center;cursor:move;-webkit-user-select:none;-moz-user-select:none;user-select:none}.modal-body .sort-list .sort-list-item a{font-size:18px;text-decoration:none}.modal-drag-handle{cursor:move;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}\n"]
             },] }
 ];
 ColmunsSettingComponent.ctorParameters = () => [