fantasy-ngzorro 2.1.0 → 2.1.2

package/bundles/fantasy-ngzorro.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/forms'), require('ng-zorro-antd/layout'), require('ng-zorro-antd'), require('ng-zorro-antd/button'), require('ng-zorro-antd/icon'), require('ng-zorro-antd/descriptions'), require('@angular/cdk/drag-drop'), require('lodash'), require('ng-zorro-antd/core'), require('ng-zorro-antd/table'), require('ng-zorro-antd/cascader'), require('ng-zorro-antd/date-picker'), require('ng-zorro-antd/form'), require('ng-zorro-antd/grid'), require('ng-zorro-antd/input'), require('ng-zorro-antd/input-number'), require('ng-zorro-antd/select'), require('ng-zorro-antd/tooltip'), require('rxjs'), require('rxjs/operators'), require('ng-zorro-antd/switch'), require('ng-zorro-antd/time-picker'), require('ng-zorro-antd/modal'), require('ng-zorro-antd/dropdown'), require('ng-zorro-antd/popconfirm'), require('ng-zorro-antd/resizable'), require('ng-zorro-antd/tree'), require('localforage')) :
-    typeof define === 'function' && define.amd ? define('fantasy-ngzorro', ['exports', '@angular/core', '@angular/common', '@angular/forms', 'ng-zorro-antd/layout', 'ng-zorro-antd', 'ng-zorro-antd/button', 'ng-zorro-antd/icon', 'ng-zorro-antd/descriptions', '@angular/cdk/drag-drop', 'lodash', 'ng-zorro-antd/core', 'ng-zorro-antd/table', 'ng-zorro-antd/cascader', 'ng-zorro-antd/date-picker', 'ng-zorro-antd/form', 'ng-zorro-antd/grid', 'ng-zorro-antd/input', 'ng-zorro-antd/input-number', 'ng-zorro-antd/select', 'ng-zorro-antd/tooltip', 'rxjs', 'rxjs/operators', 'ng-zorro-antd/switch', 'ng-zorro-antd/time-picker', 'ng-zorro-antd/modal', 'ng-zorro-antd/dropdown', 'ng-zorro-antd/popconfirm', 'ng-zorro-antd/resizable', 'ng-zorro-antd/tree', 'localforage'], factory) :
-    (global = global || self, factory(global['fantasy-ngzorro'] = {}, global.ng.core, global.ng.common, global.ng.forms, global.layout, global.ngZorroAntd, global.button, global.icon, global.descriptions, global.ng.cdk['drag-drop'], global.lodash, global.core$1, global.table, global.cascader, global.datePicker, global.form, global.grid, global.input, global.inputNumber, global.select, global.tooltip, global.rxjs, global.rxjs.operators, global._switch, global.timePicker, global.modal, global.dropdown, global.popconfirm, global.resizable, global.tree, global.localforage));
-}(this, (function (exports, core, common, forms, layout, ngZorroAntd, button, icon, descriptions, dragDrop, lodash, core$1, table, cascader, datePicker, form, grid, input, inputNumber, select, tooltip, rxjs, operators, _switch, timePicker, modal, dropdown, popconfirm, resizable, tree, localforage) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/forms'), require('ng-zorro-antd'), require('@angular/cdk/drag-drop'), require('ng-zorro-antd/table'), require('lodash'), require('ng-zorro-antd/core'), require('rxjs'), require('rxjs/operators'), require('ng-zorro-antd/modal'), require('ng-zorro-antd/dropdown'), require('ng-zorro-antd/icon'), require('ng-zorro-antd/popconfirm'), require('ng-zorro-antd/resizable'), require('ng-zorro-antd/tooltip'), require('ng-zorro-antd/tree'), require('localforage')) :
+    typeof define === 'function' && define.amd ? define('fantasy-ngzorro', ['exports', '@angular/core', '@angular/common', '@angular/forms', 'ng-zorro-antd', '@angular/cdk/drag-drop', 'ng-zorro-antd/table', 'lodash', 'ng-zorro-antd/core', 'rxjs', 'rxjs/operators', 'ng-zorro-antd/modal', 'ng-zorro-antd/dropdown', 'ng-zorro-antd/icon', 'ng-zorro-antd/popconfirm', 'ng-zorro-antd/resizable', 'ng-zorro-antd/tooltip', 'ng-zorro-antd/tree', 'localforage'], factory) :
+    (global = global || self, factory(global['fantasy-ngzorro'] = {}, global.ng.core, global.ng.common, global.ng.forms, global.ngZorroAntd, global.ng.cdk['drag-drop'], global.table, global.lodash, global.core$1, global.rxjs, global.rxjs.operators, global.modal, global.dropdown, global.icon, global.popconfirm, global.resizable, global.tooltip, global.tree, global.localforage));
+}(this, (function (exports, core, common, forms, ngZorroAntd, dragDrop, table, lodash, core$1, rxjs, operators, modal, dropdown, icon, popconfirm, resizable, tooltip, tree, localforage) { 'use strict';
 
     /*! *****************************************************************************
     Copyright (c) Microsoft Corporation.
@@ -242,7 +242,7 @@
             { type: core.Component, args: [{
                         selector: 'hd-button-group',
                         template: "<nz-content class=\"hd-button-group-container\">\n  <div class=\"hd-button-group-left\">\n    <ng-container *ngTemplateOutlet=\"buttonGroupLeft\"></ng-container>\n  </div>\n  <div class=\"hd-button-group-right\">\n    <ng-container *ngTemplateOutlet=\"buttonGroupRight\"></ng-container>\n  </div>\n</nz-content>\n",
-                        styles: ["::ng-deep .common-btn-group>a{font-size:12px;font-weight:400;color:#12a34f!important;white-space:nowrap}::ng-deep .common-btn-group .common-danger-btn:hover{color:#f05b24!important}::ng-deep .common-btn-group>a:hover{color:#20bd62!important}::ng-deep .common-btn-group>a:not(:last-child)::after{content:'';margin:0 2px}::ng-deep .common-billNumber>a{color:#3b77e3}button{box-shadow:unset;text-shadow:unset}::ng-deep .ant-form-item-label>label{color:#4b504e}::ng-deep .ant-input-number-input{height:28px}::ng-deep .ant-input-number{height:28px}textarea.ant-input{height:auto;min-height:28px}::ng-deep .ant-select-selection--multiple{min-height:28px}::ng-deep .ant-select-selection__rendered>ul>li{height:22px!important;margin-top:3px!important;line-height:22px!important}::ng-deep .ant-advanced-search-form .ant-form-item{margin-bottom:0!important}::ng-deep .ant-select-selection--single{height:28px!important}::ng-deep .ant-input{height:28px}::ng-deep .ant-input[disabled]:hover{border-color:#d9d9d9!important}::ng-deep .ant-select-selection__rendered{line-height:28px!important}::ng-deep .ant-calendar-range-picker-input{text-align:left!important}::ng-deep .ant-calendar-picker{width:100%!important}::ng-deep .ant-row{margin-right:0!important;margin-left:0!important}::ng-deep .ant-col-6{padding-left:12px;padding-right:12px}::ng-deep .ant-col-12{padding-left:12px;padding-right:12px}::ng-deep .ant-col-18{padding-left:12px;padding-right:12px}::ng-deep .ant-col-24{padding-left:12px;padding-right:12px}::ng-deep .ant-alert-info{background-color:#f5f8f6;border:1px solid #cfe3d4}:host ::ng-deep th{background:#f5f8f6!important;font-weight:700!important;white-space:nowrap;font-size:12px;font-family:PingFangSC-Medium,PingFang SC;color:#2a3634;padding:8px!important;box-sizing:border-box}:host ::ng-deep td{font-weight:400;font-style:normal;font-size:12px;color:#2a3634;text-align:left;white-space:nowrap;padding:8px!important;box-sizing:border-box}::ng-deep .ant-pagination-options{display:inline-flex;align-items:center}::ng-deep .ant-time-picker{width:100%}.ant-input-number-disabled,.ant-input[disabled],.ant-select-disabled{color:#4b504e}.hd-button-group-container{display:flex;align-items:center;justify-content:space-between}.hd-button-group-container .hd-button-group-left ::ng-deep hd-button{margin-right:12px}.hd-button-group-container .hd-button-group-right ::ng-deep hd-button{margin-left:12px}"]
+                        styles: ["::ng-deep .common-btn-group>a{font-size:14px;font-weight:400;color:#20b95d!important;white-space:nowrap}::ng-deep .common-btn-group .common-danger-btn:hover{color:#f05b24!important}::ng-deep .common-btn-group>a:hover{color:#20bd62!important}::ng-deep .common-btn-group>a:not(:last-child)::after{content:'';margin:0 2px}::ng-deep .common-billNumber>a{color:#3b77e3}button{box-shadow:unset;text-shadow:unset}::ng-deep .ant-form-item-label>label{color:#4b504e;font-size:14px}::ng-deep .ant-input-number-input{height:32px}::ng-deep .ant-input-number{height:32px}textarea.ant-input{height:auto;min-height:32px}::ng-deep .ant-select-selection--multiple{min-height:32px}::ng-deep .ant-select-selection__rendered>ul>li{height:26px!important;margin-top:3px!important;line-height:26px!important}::ng-deep .ant-advanced-search-form .ant-form-item{margin-bottom:0!important}::ng-deep .ant-select-selection--single{height:32px!important}::ng-deep .ant-input{height:32px}::ng-deep .ant-input[disabled]:hover{border-color:#d9d9d9!important}::ng-deep .ant-select-selection__rendered{line-height:32px!important}::ng-deep .ant-calendar-range-picker-input{text-align:left!important}::ng-deep .ant-calendar-picker{width:100%!important}::ng-deep .ant-row{margin-right:0!important;margin-left:0!important}::ng-deep .ant-col-6{padding-left:12px;padding-right:12px}::ng-deep .ant-col-12{padding-left:12px;padding-right:12px}::ng-deep .ant-col-18{padding-left:12px;padding-right:12px}::ng-deep .ant-col-24{padding-left:12px;padding-right:12px}::ng-deep .ant-alert-info{background-color:#f5f8f6;border:1px solid #cfe3d4}:host ::ng-deep th{background:#f5f8f6!important;font-weight:700!important;white-space:nowrap;font-size:14px;font-family:PingFangSC-Medium,PingFang SC;color:#2a3634;padding:8px!important;box-sizing:border-box}:host ::ng-deep td{font-weight:400;font-style:normal;font-size:14px;color:#2a3634;text-align:left;white-space:nowrap;padding:8px!important;box-sizing:border-box}::ng-deep .ant-pagination-options{display:inline-flex;align-items:center}::ng-deep .ant-time-picker{width:100%}.ant-input-number-disabled,.ant-input[disabled],.ant-select-disabled{color:#4b504e}.hd-button-group-container{display:flex;align-items:center;justify-content:space-between}.hd-button-group-container .hd-button-group-left ::ng-deep hd-button{margin-right:12px}.hd-button-group-container .hd-button-group-right ::ng-deep hd-button{margin-left:12px}"]
                     }] }
         ];
         /** @nocollapse */
@@ -272,7 +272,7 @@
                         imports: [
                             common.CommonModule,
                             forms.FormsModule,
-                            layout.NzLayoutModule
+                            ngZorroAntd.NgZorroAntdModule
                         ],
                         declarations: [HdButtonGroupComponent],
                         exports: [HdButtonGroupComponent]
@@ -343,22 +343,18 @@
                 throw '禁止使用submit类型的按钮，请使用普通按钮+click事件触发表单提交!';
             }
         };
-        /**
-         * @param {?} changes
-         * @return {?}
-         */
-        HdButtonComponent.prototype.ngOnChanges = /**
-         * @param {?} changes
-         * @return {?}
-         */
-        function (changes) {
-            if (changes && changes['loading']) {
-                if ((changes['loading']['currentValue'] === true && changes['loading']['previousValue'] === false)
-                    || (changes['loading']['currentValue'] === false && changes['loading']['previousValue'] === true)) {
-                    this.disabled = !this.disabled;
-                }
-            }
-        };
+        Object.defineProperty(HdButtonComponent.prototype, "isDisabled", {
+            /** loading 时一并禁用，避免与外部 [disabled] 绑定互相翻转状态 */
+            get: /**
+             * loading 时一并禁用，避免与外部 [disabled] 绑定互相翻转状态
+             * @return {?}
+             */
+            function () {
+                return this.disabled || this.loading;
+            },
+            enumerable: true,
+            configurable: true
+        });
         /**
          * @param {?} option
          * @return {?}
@@ -377,8 +373,8 @@
         HdButtonComponent.decorators = [
             { type: core.Component, args: [{
                         selector: 'hd-button',
-                        template: "<nz-content class=\"hd-button-container\">\n  <button nz-button [nzType]=\"type\" [disabled]=\"disabled\" [nzLoading]=\"loading\"\n    [class]=\"size==='small'? 'hd-button-small' : '' + type==='add'? 'ant-btn-primary' : ''\"\n    (click)=\"innerClickAction($event)\">\n    <i nz-icon *ngIf=\"type==='add'\" nzType=\"plus\" style=\"margin-right: 4px;\"></i>\n    <!-- \u63D2\u69FD -->\n    <ng-content></ng-content>\n  </button>\n</nz-content>",
-                        styles: ["::ng-deep .common-btn-group>a{font-size:12px;font-weight:400;color:#12a34f!important;white-space:nowrap}::ng-deep .common-btn-group .common-danger-btn:hover{color:#f05b24!important}::ng-deep .common-btn-group>a:hover{color:#20bd62!important}::ng-deep .common-btn-group>a:not(:last-child)::after{content:'';margin:0 2px}::ng-deep .common-billNumber>a{color:#3b77e3}button{box-shadow:unset;text-shadow:unset}::ng-deep .ant-form-item-label>label{color:#4b504e}::ng-deep .ant-input-number-input{height:28px}::ng-deep .ant-input-number{height:28px}textarea.ant-input{height:auto;min-height:28px}::ng-deep .ant-select-selection--multiple{min-height:28px}::ng-deep .ant-select-selection__rendered>ul>li{height:22px!important;margin-top:3px!important;line-height:22px!important}::ng-deep .ant-advanced-search-form .ant-form-item{margin-bottom:0!important}::ng-deep .ant-select-selection--single{height:28px!important}::ng-deep .ant-input{height:28px}::ng-deep .ant-input[disabled]:hover{border-color:#d9d9d9!important}::ng-deep .ant-select-selection__rendered{line-height:28px!important}::ng-deep .ant-calendar-range-picker-input{text-align:left!important}::ng-deep .ant-calendar-picker{width:100%!important}::ng-deep .ant-row{margin-right:0!important;margin-left:0!important}::ng-deep .ant-col-6{padding-left:12px;padding-right:12px}::ng-deep .ant-col-12{padding-left:12px;padding-right:12px}::ng-deep .ant-col-18{padding-left:12px;padding-right:12px}::ng-deep .ant-col-24{padding-left:12px;padding-right:12px}::ng-deep .ant-alert-info{background-color:#f5f8f6;border:1px solid #cfe3d4}:host ::ng-deep th{background:#f5f8f6!important;font-weight:700!important;white-space:nowrap;font-size:12px;font-family:PingFangSC-Medium,PingFang SC;color:#2a3634;padding:8px!important;box-sizing:border-box}:host ::ng-deep td{font-weight:400;font-style:normal;font-size:12px;color:#2a3634;text-align:left;white-space:nowrap;padding:8px!important;box-sizing:border-box}::ng-deep .ant-pagination-options{display:inline-flex;align-items:center}::ng-deep .ant-time-picker{width:100%}.ant-input-number-disabled,.ant-input[disabled],.ant-select-disabled{color:#4b504e}.hd-button-container{display:inline-block}.hd-button-container button{height:28px;line-height:28px;padding:0 16px!important;border:0;font-size:12px;border-radius:4px}.hd-button-container .hd-button-small{padding:0 6px!important}.hd-button-container button[disabled]{background-color:#c8c8c8;color:#fff}.hd-button-container .ant-btn-reset{color:#fff;background:#5d7267}.hd-button-container .ant-btn-reset:hover{background:#72877b}.hd-button-container .ant-btn-default{background:#fff;border-radius:4px;border:1px solid #ced0da;font-size:12px;font-weight:400;color:#2a3634;height:28px;line-height:26px}.hd-button-container .ant-btn-default:hover{color:#12a34f;border:1px solid #12a34f}.hd-button-container .ant-btn-warning{background:#fff;border-radius:4px;border:1px solid #ced0da;font-size:12px;font-weight:400;color:#2a3634;height:28px;line-height:26px}.hd-button-container .ant-btn-warning:hover{color:#f05b24;border:1px solid #f05b24}"]
+                        template: "<nz-content class=\"hd-button-container\">\n  <button nz-button [nzType]=\"type\" [disabled]=\"isDisabled\" [nzLoading]=\"loading\"\n    [class]=\"size==='small'? 'hd-button-small' : '' + type==='add'? 'ant-btn-primary' : ''\"\n    (click)=\"innerClickAction($event)\">\n    <i nz-icon *ngIf=\"type==='add'\" nzType=\"plus\" style=\"margin-right: 4px;\"></i>\n    <!-- \u63D2\u69FD -->\n    <ng-content></ng-content>\n  </button>\n</nz-content>",
+                        styles: ["::ng-deep .common-btn-group>a{font-size:14px;font-weight:400;color:#20b95d!important;white-space:nowrap}::ng-deep .common-btn-group .common-danger-btn:hover{color:#f05b24!important}::ng-deep .common-btn-group>a:hover{color:#20bd62!important}::ng-deep .common-btn-group>a:not(:last-child)::after{content:'';margin:0 2px}::ng-deep .common-billNumber>a{color:#3b77e3}button{box-shadow:unset;text-shadow:unset}::ng-deep .ant-form-item-label>label{color:#4b504e;font-size:14px}::ng-deep .ant-input-number-input{height:32px}::ng-deep .ant-input-number{height:32px}textarea.ant-input{height:auto;min-height:32px}::ng-deep .ant-select-selection--multiple{min-height:32px}::ng-deep .ant-select-selection__rendered>ul>li{height:26px!important;margin-top:3px!important;line-height:26px!important}::ng-deep .ant-advanced-search-form .ant-form-item{margin-bottom:0!important}::ng-deep .ant-select-selection--single{height:32px!important}::ng-deep .ant-input{height:32px}::ng-deep .ant-input[disabled]:hover{border-color:#d9d9d9!important}::ng-deep .ant-select-selection__rendered{line-height:32px!important}::ng-deep .ant-calendar-range-picker-input{text-align:left!important}::ng-deep .ant-calendar-picker{width:100%!important}::ng-deep .ant-row{margin-right:0!important;margin-left:0!important}::ng-deep .ant-col-6{padding-left:12px;padding-right:12px}::ng-deep .ant-col-12{padding-left:12px;padding-right:12px}::ng-deep .ant-col-18{padding-left:12px;padding-right:12px}::ng-deep .ant-col-24{padding-left:12px;padding-right:12px}::ng-deep .ant-alert-info{background-color:#f5f8f6;border:1px solid #cfe3d4}:host ::ng-deep th{background:#f5f8f6!important;font-weight:700!important;white-space:nowrap;font-size:14px;font-family:PingFangSC-Medium,PingFang SC;color:#2a3634;padding:8px!important;box-sizing:border-box}:host ::ng-deep td{font-weight:400;font-style:normal;font-size:14px;color:#2a3634;text-align:left;white-space:nowrap;padding:8px!important;box-sizing:border-box}::ng-deep .ant-pagination-options{display:inline-flex;align-items:center}::ng-deep .ant-time-picker{width:100%}.ant-input-number-disabled,.ant-input[disabled],.ant-select-disabled{color:#4b504e}.hd-button-container{display:inline-block}.hd-button-container button{height:32px;line-height:32px;padding:0 16px!important;border:0;font-size:14px;border-radius:4px}.hd-button-container .hd-button-small{padding:0 6px!important}.hd-button-container button[disabled]{background-color:#c8c8c8;color:#fff}.hd-button-container .ant-btn-reset{color:#fff;background:#5d7267}.hd-button-container .ant-btn-reset:hover{background:#72877b}.hd-button-container .ant-btn-default{background:#fff;border-radius:4px;border:1px solid #ced0da;font-size:14px;font-weight:400;color:#2a3634;height:32px;line-height:30px}.hd-button-container .ant-btn-default:hover{color:#20b95d;border:1px solid #20b95d}.hd-button-container .ant-btn-warning{background:#fff;border-radius:4px;border:1px solid #ced0da;font-size:14px;font-weight:400;color:#2a3634;height:32px;line-height:30px}.hd-button-container .ant-btn-warning:hover{color:#f05b24;border:1px solid #f05b24}"]
                     }] }
         ];
         /** @nocollapse */
@@ -428,9 +424,7 @@
                         imports: [
                             common.CommonModule,
                             forms.FormsModule,
-                            button.NzButtonModule,
-                            icon.NzIconModule,
-                            layout.NzLayoutModule
+                            ngZorroAntd.NgZorroAntdModule
                         ],
                         declarations: [HdButtonComponent],
                         exports: [HdButtonComponent]
@@ -446,6 +440,10 @@
     var HdDetailFormComponent = /** @class */ (function () {
         function HdDetailFormComponent() {
             this.formCols = new Array();
+            /**
+             * 列数，支持数字或响应式配置，默认按屏幕宽度自适应
+             */
+            this.nzColumn = { xxl: 4, xl: 3, lg: 3, md: 3, sm: 2, xs: 1 };
         }
         /**
          * @return {?}
@@ -499,20 +497,26 @@
         HdDetailFormComponent.decorators = [
             { type: core.Component, args: [{
                         selector: 'hd-detail-form',
-                        template: "<nz-content class=\"hd-detail-form-container\">\n  <nz-descriptions [nzColumn]=\"{ xxl: 4, xl: 3, lg: 3, md: 3, sm: 2, xs: 1 }\">\n    <ng-container *ngFor=\"let col of formCols\">\n      <nz-descriptions-item *ngIf=\"!col.click\" [nzTitle]=\"col.label\">\n        <span [ngStyle]=\"{'color': col?.color ? col.color : null}\">{{(col.value === '0' || col.value === 0 || col.value\n          )? col.value : '&lt;\u7A7A&gt;'}}</span>\n      </nz-descriptions-item>\n      <nz-descriptions-item *ngIf=\"col.click\" [nzTitle]=\"col.label\">\n        <span [ngStyle]=\"{'color': col?.color ? col.color : null}\" *ngIf=\"col.clickText\">\n          {{(col.value === '0' || col.value === 0 || col.value\n            )? col.value : '&lt;\u7A7A&gt;'}}\n          <a (click)=\"triggerEvent(col.click || null)\">&nbsp;&nbsp;&nbsp;&nbsp;{{ col.clickText }}</a>\n        </span>\n        <span [ngStyle]=\"{'color': col?.color ? col.color : null}\" *ngIf=\"!col.clickText\">\n          <a (click)=\"triggerEvent(col.click || null)\">{{(col.value === '0' || col.value === 0 || col.value\n            )? col.value : '&lt;\u7A7A&gt;'}}</a>\n        </span>\n      </nz-descriptions-item>\n    </ng-container>\n  </nz-descriptions>\n</nz-content>\n",
-                        styles: ["::ng-deep .common-btn-group>a{font-size:12px;font-weight:400;color:#12a34f!important;white-space:nowrap}::ng-deep .common-btn-group .common-danger-btn:hover{color:#f05b24!important}::ng-deep .common-btn-group>a:hover{color:#20bd62!important}::ng-deep .common-btn-group>a:not(:last-child)::after{content:'';margin:0 2px}::ng-deep .common-billNumber>a{color:#3b77e3}button{box-shadow:unset;text-shadow:unset}::ng-deep .ant-form-item-label>label{color:#4b504e}::ng-deep .ant-input-number-input{height:28px}::ng-deep .ant-input-number{height:28px}textarea.ant-input{height:auto;min-height:28px}::ng-deep .ant-select-selection--multiple{min-height:28px}::ng-deep .ant-select-selection__rendered>ul>li{height:22px!important;margin-top:3px!important;line-height:22px!important}::ng-deep .ant-advanced-search-form .ant-form-item{margin-bottom:0!important}::ng-deep .ant-select-selection--single{height:28px!important}::ng-deep .ant-input{height:28px}::ng-deep .ant-input[disabled]:hover{border-color:#d9d9d9!important}::ng-deep .ant-select-selection__rendered{line-height:28px!important}::ng-deep .ant-calendar-range-picker-input{text-align:left!important}::ng-deep .ant-calendar-picker{width:100%!important}::ng-deep .ant-row{margin-right:0!important;margin-left:0!important}::ng-deep .ant-col-6{padding-left:12px;padding-right:12px}::ng-deep .ant-col-12{padding-left:12px;padding-right:12px}::ng-deep .ant-col-18{padding-left:12px;padding-right:12px}::ng-deep .ant-col-24{padding-left:12px;padding-right:12px}::ng-deep .ant-alert-info{background-color:#f5f8f6;border:1px solid #cfe3d4}:host ::ng-deep th{background:#f5f8f6!important;font-weight:700!important;white-space:nowrap;font-size:12px;font-family:PingFangSC-Medium,PingFang SC;color:#2a3634;padding:8px!important;box-sizing:border-box}:host ::ng-deep td{font-weight:400;font-style:normal;font-size:12px;color:#2a3634;text-align:left;white-space:nowrap;padding:8px!important;box-sizing:border-box}::ng-deep .ant-pagination-options{display:inline-flex;align-items:center}::ng-deep .ant-time-picker{width:100%}.ant-input-number-disabled,.ant-input[disabled],.ant-select-disabled{color:#4b504e}.hd-detail-form-container ::ng-deep .ant-descriptions-item-content{word-break:break-all;color:rgba(0,0,0,.85);font-weight:400}.hd-detail-form-container ::ng-deep .ant-descriptions-item-label{color:rgba(0,0,0,.65)}.hd-detail-form-container ::ng-deep .ant-descriptions-item{padding-top:6px!important;padding-bottom:6px!important}.hd-detail-form-container ::ng-deep td{white-space:unset!important}.hd-detail-form-container .ng-star-inserted,.hd-detail-form-container ::ng-deep .ant-descriptions-item{padding-left:0!important}"]
+                        template: "<nz-content class=\"hd-detail-form-container\">\n  <nz-descriptions [nzColumn]=\"nzColumn\">\n    <ng-container *ngFor=\"let col of formCols\">\n      <nz-descriptions-item *ngIf=\"!col.click\" [nzTitle]=\"col.label\">\n        <span [ngStyle]=\"{'color': col?.color ? col.color : null}\">{{(col.value === '0' || col.value === 0 || col.value\n          )? col.value : '&lt;\u7A7A&gt;'}}</span>\n      </nz-descriptions-item>\n      <nz-descriptions-item *ngIf=\"col.click\" [nzTitle]=\"col.label\">\n        <span [ngStyle]=\"{'color': col?.color ? col.color : null}\" *ngIf=\"col.clickText\">\n          {{(col.value === '0' || col.value === 0 || col.value\n            )? col.value : '&lt;\u7A7A&gt;'}}\n          <a (click)=\"triggerEvent(col.click || null)\">&nbsp;&nbsp;&nbsp;&nbsp;{{ col.clickText }}</a>\n        </span>\n        <span [ngStyle]=\"{'color': col?.color ? col.color : null}\" *ngIf=\"!col.clickText\">\n          <a (click)=\"triggerEvent(col.click || null)\">{{(col.value === '0' || col.value === 0 || col.value\n            )? col.value : '&lt;\u7A7A&gt;'}}</a>\n        </span>\n      </nz-descriptions-item>\n    </ng-container>\n  </nz-descriptions>\n</nz-content>\n",
+                        styles: ["::ng-deep .common-btn-group>a{font-size:14px;font-weight:400;color:#20b95d!important;white-space:nowrap}::ng-deep .common-btn-group .common-danger-btn:hover{color:#f05b24!important}::ng-deep .common-btn-group>a:hover{color:#20bd62!important}::ng-deep .common-btn-group>a:not(:last-child)::after{content:'';margin:0 2px}::ng-deep .common-billNumber>a{color:#3b77e3}button{box-shadow:unset;text-shadow:unset}::ng-deep .ant-form-item-label>label{color:#4b504e;font-size:14px}::ng-deep .ant-input-number-input{height:32px}::ng-deep .ant-input-number{height:32px}textarea.ant-input{height:auto;min-height:32px}::ng-deep .ant-select-selection--multiple{min-height:32px}::ng-deep .ant-select-selection__rendered>ul>li{height:26px!important;margin-top:3px!important;line-height:26px!important}::ng-deep .ant-advanced-search-form .ant-form-item{margin-bottom:0!important}::ng-deep .ant-select-selection--single{height:32px!important}::ng-deep .ant-input{height:32px}::ng-deep .ant-input[disabled]:hover{border-color:#d9d9d9!important}::ng-deep .ant-select-selection__rendered{line-height:32px!important}::ng-deep .ant-calendar-range-picker-input{text-align:left!important}::ng-deep .ant-calendar-picker{width:100%!important}::ng-deep .ant-row{margin-right:0!important;margin-left:0!important}::ng-deep .ant-col-6{padding-left:12px;padding-right:12px}::ng-deep .ant-col-12{padding-left:12px;padding-right:12px}::ng-deep .ant-col-18{padding-left:12px;padding-right:12px}::ng-deep .ant-col-24{padding-left:12px;padding-right:12px}::ng-deep .ant-alert-info{background-color:#f5f8f6;border:1px solid #cfe3d4}:host ::ng-deep th{background:#f5f8f6!important;font-weight:700!important;white-space:nowrap;font-size:14px;font-family:PingFangSC-Medium,PingFang SC;color:#2a3634;padding:8px!important;box-sizing:border-box}:host ::ng-deep td{font-weight:400;font-style:normal;font-size:14px;color:#2a3634;text-align:left;white-space:nowrap;padding:8px!important;box-sizing:border-box}::ng-deep .ant-pagination-options{display:inline-flex;align-items:center}::ng-deep .ant-time-picker{width:100%}.ant-input-number-disabled,.ant-input[disabled],.ant-select-disabled{color:#4b504e}.hd-detail-form-container{font-size:14px}.hd-detail-form-container ::ng-deep td.ant-descriptions-item{vertical-align:top;padding-top:6px!important;padding-bottom:6px!important;padding-left:0!important;font-size:14px}.hd-detail-form-container ::ng-deep .ant-descriptions-item-label{color:#4b504e;font-size:14px}.hd-detail-form-container ::ng-deep .ant-descriptions-item-content{word-break:break-all;color:rgba(0,0,0,.85);font-weight:400;font-size:14px}.hd-detail-form-container ::ng-deep a{font-size:14px}.hd-detail-form-container ::ng-deep td{white-space:unset!important}"]
                     }] }
         ];
         /** @nocollapse */
         HdDetailFormComponent.ctorParameters = function () { return []; };
         HdDetailFormComponent.propDecorators = {
-            formCols: [{ type: core.Input }]
+            formCols: [{ type: core.Input }],
+            nzColumn: [{ type: core.Input }]
         };
         return HdDetailFormComponent;
     }());
     if (false) {
         /** @type {?} */
         HdDetailFormComponent.prototype.formCols;
+        /**
+         * 列数，支持数字或响应式配置，默认按屏幕宽度自适应
+         * @type {?}
+         */
+        HdDetailFormComponent.prototype.nzColumn;
     }
 
     /**
@@ -526,8 +530,7 @@
             { type: core.NgModule, args: [{
                         imports: [
                             common.CommonModule,
-                            descriptions.NzDescriptionsModule,
-                            layout.NzLayoutModule
+                            ngZorroAntd.NgZorroAntdModule
                         ],
                         exports: [HdDetailFormComponent],
                         declarations: [HdDetailFormComponent]
@@ -536,6 +539,118 @@
         return HdDetailFormModule;
     }());
 
+    /**
+     * @fileoverview added by tsickle
+     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     */
+    /** @enum {string} */
+    var SpaceType = {
+        row: 'row',
+        column: 'column',
+    };
+    var Style = /** @class */ (function () {
+        function Style() {
+        }
+        return Style;
+    }());
+    if (false) {
+        /** @type {?} */
+        Style.prototype.background;
+        /** @type {?} */
+        Style.prototype.width;
+        /** @type {?} */
+        Style.prototype.height;
+    }
+    var HdSpaceService = /** @class */ (function () {
+        function HdSpaceService() {
+        }
+        HdSpaceService.decorators = [
+            { type: core.Injectable, args: [{
+                        providedIn: 'root'
+                    },] }
+        ];
+        /** @nocollapse */
+        HdSpaceService.ctorParameters = function () { return []; };
+        /** @nocollapse */ HdSpaceService.ngInjectableDef = core.ɵɵdefineInjectable({ factory: function HdSpaceService_Factory() { return new HdSpaceService(); }, token: HdSpaceService, providedIn: "root" });
+        return HdSpaceService;
+    }());
+
+    /**
+     * @fileoverview added by tsickle
+     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     */
+    var HdSpaceComponent = /** @class */ (function () {
+        function HdSpaceComponent() {
+            this.type = SpaceType.row;
+            this.background = 'inherit';
+            this.style = new Style();
+        }
+        /**
+         * @return {?}
+         */
+        HdSpaceComponent.prototype.ngOnInit = /**
+         * @return {?}
+         */
+        function () {
+            this.style['background'] = this.background;
+            if (this.type === SpaceType.row) {
+                this.style['width'] = '100%';
+                this.style['height'] = this.size + 'px';
+            }
+            else {
+                this.style['height'] = '100%';
+                this.style['width'] = this.size + 'px';
+            }
+        };
+        HdSpaceComponent.decorators = [
+            { type: core.Component, args: [{
+                        selector: 'hd-space',
+                        template: "<nz-content>\n  <div [ngStyle]=\"style\"></div>\n</nz-content>\n",
+                        styles: [""]
+                    }] }
+        ];
+        /** @nocollapse */
+        HdSpaceComponent.ctorParameters = function () { return []; };
+        HdSpaceComponent.propDecorators = {
+            type: [{ type: core.Input }],
+            size: [{ type: core.Input }],
+            background: [{ type: core.Input }]
+        };
+        return HdSpaceComponent;
+    }());
+    if (false) {
+        /** @type {?} */
+        HdSpaceComponent.prototype.type;
+        /** @type {?} */
+        HdSpaceComponent.prototype.size;
+        /** @type {?} */
+        HdSpaceComponent.prototype.background;
+        /** @type {?} */
+        HdSpaceComponent.prototype.style;
+    }
+
+    /**
+     * @fileoverview added by tsickle
+     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     */
+    var HdSpaceModule = /** @class */ (function () {
+        function HdSpaceModule() {
+        }
+        HdSpaceModule.decorators = [
+            { type: core.NgModule, args: [{
+                        imports: [
+                            common.CommonModule,
+                            forms.FormsModule,
+                            forms.ReactiveFormsModule,
+                            ngZorroAntd.NgZorroAntdModule
+                        ],
+                        declarations: [HdSpaceComponent],
+                        exports: [HdSpaceComponent]
+                    },] }
+        ];
+        return HdSpaceModule;
+    }());
+
     /**
      * @fileoverview added by tsickle
      * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
@@ -628,6 +743,38 @@
         /** @type {?} */
         SelectOption.prototype.hdAllowClear;
     }
+    var RadioOption = /** @class */ (function () {
+        function RadioOption() {
+            this.showLabelAndValue = false;
+        }
+        return RadioOption;
+    }());
+    if (false) {
+        /** @type {?} */
+        RadioOption.prototype.label;
+        /** @type {?} */
+        RadioOption.prototype.value;
+        /** @type {?} */
+        RadioOption.prototype.optionList;
+        /** @type {?} */
+        RadioOption.prototype.showLabelAndValue;
+    }
+    var CheckboxOption = /** @class */ (function () {
+        function CheckboxOption() {
+            this.showLabelAndValue = false;
+        }
+        return CheckboxOption;
+    }());
+    if (false) {
+        /** @type {?} */
+        CheckboxOption.prototype.label;
+        /** @type {?} */
+        CheckboxOption.prototype.value;
+        /** @type {?} */
+        CheckboxOption.prototype.optionList;
+        /** @type {?} */
+        CheckboxOption.prototype.showLabelAndValue;
+    }
     var SelectOptionTableColumn = /** @class */ (function () {
         function SelectOptionTableColumn() {
         }
@@ -674,6 +821,10 @@
         InputNumber.prototype.step;
         /** @type {?} */
         InputNumber.prototype.precision;
+        /** @type {?} */
+        InputNumber.prototype.nzFormatter;
+        /** @type {?} */
+        InputNumber.prototype.nzParser;
     }
     var CascaderOption = /** @class */ (function () {
         function CascaderOption() {
@@ -693,8 +844,11 @@
         function HdDetailLinesComponent() {
             this.showSelected = false;
             this.allowDrop = false;
-            this.scroll = { x: '1px' };
-            this.selectField = 'billNumber';
+            this.showSearch = false;
+            // 不传递这个字段时默认为查询所有字段是否有匹配的
+            this.searchFields = [];
+            this.scroll = { x: "1px" };
+            this.selectField = "billNumber";
             this.selectEvent = new core.EventEmitter();
             // 合计区域
             this.showTotal = false;
@@ -714,6 +868,15 @@
             this.listOfAllData = [];
             this.mapOfCheckedId = {};
             this.mapOfCheckList = {};
+            /**
+             * 表格实际展示的数据（筛选结果或全量）
+             */
+            this.displayLines = [];
+            /**
+             * 是否处于筛选状态
+             */
+            this.isFilterData = false;
+            this.storeFormLinesData = []; // 缓存的总的列表数据
         }
         /**
          * @return {?}
@@ -722,16 +885,157 @@
          * @return {?}
          */
         function () {
+            this.syncStoreFromLinesInput();
+            this.applyDisplayFromStore();
             this.countSelected();
             this.calculateTotal();
         };
         /**
+         * @param {?} changes
          * @return {?}
          */
         HdDetailLinesComponent.prototype.ngOnChanges = /**
+         * @param {?} changes
+         * @return {?}
+         */
+        function (changes) {
+            if (changes["lines"]) {
+                if (!this.isFilterData) {
+                    this.syncStoreFromLinesInput();
+                    this.displayLines = this.lines || [];
+                }
+                else if (!this.storeFormLinesData ||
+                    this.storeFormLinesData.length === 0) {
+                    this.syncStoreFromLinesInput();
+                }
+            }
+            this.countSelected();
+            this.calculateTotal();
+        };
+        /**
+         * @private
+         * @param {?=} source
+         * @return {?}
+         */
+        HdDetailLinesComponent.prototype.syncStoreFromLinesInput = /**
+         * @private
+         * @param {?=} source
+         * @return {?}
+         */
+        function (source) {
+            /** @type {?} */
+            var data = source || this.lines;
+            this.storeFormLinesData = data ? JSON.parse(JSON.stringify(data)) : [];
+        };
+        /** 未筛选时与父组件 lines 同源，避免模板内 ngModel 与父数据脱节 */
+        /**
+         * 未筛选时与父组件 lines 同源，避免模板内 ngModel 与父数据脱节
+         * @private
+         * @return {?}
+         */
+        HdDetailLinesComponent.prototype.applyDisplayFromStore = /**
+         * 未筛选时与父组件 lines 同源，避免模板内 ngModel 与父数据脱节
+         * @private
+         * @return {?}
+         */
+        function () {
+            if (this.lines && this.lines.length > 0) {
+                this.displayLines = this.lines;
+                return;
+            }
+            this.displayLines = this.storeFormLinesData
+                ? JSON.parse(JSON.stringify(this.storeFormLinesData))
+                : [];
+        };
+        /**
+         * @private
+         * @return {?}
+         */
+        HdDetailLinesComponent.prototype.restoreFromStore = /**
+         * @private
+         * @return {?}
+         */
+        function () {
+            this.isFilterData = false;
+            this.applyDisplayFromStore();
+            this.tableLoading = false;
+            this.countSelected();
+            this.calculateTotal();
+        };
+        // 全局性的搜索（涵盖页面上所有的可视文字）
+        // 全局性的搜索（涵盖页面上所有的可视文字）
+        /**
+         * @return {?}
+         */
+        HdDetailLinesComponent.prototype.searchLines = 
+        // 全局性的搜索（涵盖页面上所有的可视文字）
+        /**
          * @return {?}
          */
         function () {
+            var _this = this;
+            // 清空搜索：即使当前展示为空也要能从缓存恢复（对齐 hd-form-lines）
+            if (!this.filterStr || !this.filterStr.trim()) {
+                if (!this.storeFormLinesData || this.storeFormLinesData.length < 1) {
+                    return;
+                }
+                this.tableLoading = true;
+                this.restoreFromStore();
+                return;
+            }
+            if (!this.storeFormLinesData || this.storeFormLinesData.length < 1) {
+                return;
+            }
+            this.tableLoading = true;
+            /** @type {?} */
+            var filterValue = this.filterStr.trim().toLowerCase();
+            this.isFilterData = true;
+            /** @type {?} */
+            var filteredData = this.storeFormLinesData.filter((/**
+             * @param {?} data
+             * @return {?}
+             */
+            function (data) {
+                var e_1, _a, e_2, _b;
+                if (!_this.searchFields || _this.searchFields.length === 0) {
+                    try {
+                        for (var _c = __values(Object.keys(data)), _d = _c.next(); !_d.done; _d = _c.next()) {
+                            var item = _d.value;
+                            if (data[item] &&
+                                data[item].toString().toLowerCase().includes(filterValue)) {
+                                return true;
+                            }
+                        }
+                    }
+                    catch (e_1_1) { e_1 = { error: e_1_1 }; }
+                    finally {
+                        try {
+                            if (_d && !_d.done && (_a = _c.return)) _a.call(_c);
+                        }
+                        finally { if (e_1) throw e_1.error; }
+                    }
+                    return false;
+                }
+                try {
+                    for (var _e = __values(_this.searchFields), _f = _e.next(); !_f.done; _f = _e.next()) {
+                        var item = _f.value;
+                        if (data[item] &&
+                            data[item].toString().toLowerCase().includes(filterValue)) {
+                            return true;
+                        }
+                    }
+                }
+                catch (e_2_1) { e_2 = { error: e_2_1 }; }
+                finally {
+                    try {
+                        if (_f && !_f.done && (_b = _e.return)) _b.call(_e);
+                    }
+                    finally { if (e_2) throw e_2.error; }
+                }
+                return false;
+            }));
+            this.displayLines = JSON.parse(JSON.stringify(filteredData));
+            this.tableLoading = false;
             this.countSelected();
             this.calculateTotal();
         };
@@ -745,8 +1049,11 @@
          */
         function () {
             var _this = this;
-            if (this.showSelected && this.selectedField && this.lines && this.lines.length) {
-                this.lines.forEach((/**
+            if (this.showSelected &&
+                this.selectedField &&
+                this.displayLines &&
+                this.displayLines.length) {
+                this.displayLines.forEach((/**
                  * @param {?} item
                  * @return {?}
                  */
@@ -756,7 +1063,7 @@
                         _this.mapOfCheckList[item[_this.selectField]] = item;
                     }
                 }));
-                if (this.lines.length === Object.keys(this.mapOfCheckList).length) {
+                if (this.displayLines.length === Object.keys(this.mapOfCheckList).length) {
                     this.isAllDisplayDataChecked = true;
                     this.isIndeterminate = true;
                 }
@@ -781,9 +1088,11 @@
          * @return {?}
          */
         function (event) {
-            dragDrop.moveItemInArray(this.lines, event.previousIndex, event.currentIndex);
-            // 这里深拷贝去触发数据变化
-            this.lines = JSON.parse(JSON.stringify(this.lines));
+            dragDrop.moveItemInArray(this.displayLines, event.previousIndex, event.currentIndex);
+            this.displayLines = JSON.parse(JSON.stringify(this.displayLines));
+            if (!this.isFilterData) {
+                this.storeFormLinesData = JSON.parse(JSON.stringify(this.displayLines));
+            }
         };
         /**
          * @return {?}
@@ -794,8 +1103,8 @@
         function () {
             var _this = this;
             // 这里处理合计数据
-            if (this.showTotal && this.lines && this.lines.length) {
-                this.totalOptionList = new Array(Number(this.columnsNumber) - 1).fill('');
+            if (this.showTotal && this.displayLines && this.displayLines.length) {
+                this.totalOptionList = new Array(Number(this.columnsNumber) - 1).fill("");
                 this.totalOption.forEach((/**
                  * @param {?} item
                  * @return {?}
@@ -804,9 +1113,9 @@
                     if (item.insertIndex && (item.insertValue || item.insertValue === 0)) {
                         _this.totalOptionList[item.insertIndex - 1] = {
                             value: item.insertValue,
-                            align: item.align || 'right',
+                            align: item.align || "right",
                             showDecimal: item.showDecimal || false,
-                            isHide: item.isHide || false
+                            isHide: item.isHide || false,
                         };
                     }
                 }));
@@ -856,10 +1165,12 @@
             if (event === void 0) { event = false; }
             if (data === void 0) { data = null; }
             if (event && data) {
-                !this.mapOfCheckList[data[this.selectField]] && (this.mapOfCheckList[data[this.selectField]] = data);
+                !this.mapOfCheckList[data[this.selectField]] &&
+                    (this.mapOfCheckList[data[this.selectField]] = data);
             }
             else if (!event && data) {
-                this.mapOfCheckList[data[this.selectField]] && delete this.mapOfCheckList[data[this.selectField]];
+                this.mapOfCheckList[data[this.selectField]] &&
+                    delete this.mapOfCheckList[data[this.selectField]];
             }
             this.isAllDisplayDataChecked = this.listOfDisplayData.every((/**
              * @param {?} item
@@ -893,10 +1204,12 @@
              */
             function (item) {
                 if (value) {
-                    !_this.mapOfCheckList[item[_this.selectField]] && (_this.mapOfCheckList[item[_this.selectField]] = item);
+                    !_this.mapOfCheckList[item[_this.selectField]] &&
+                        (_this.mapOfCheckList[item[_this.selectField]] = item);
                 }
                 else {
-                    _this.mapOfCheckList[item[_this.selectField]] && delete _this.mapOfCheckList[item[_this.selectField]];
+                    _this.mapOfCheckList[item[_this.selectField]] &&
+                        delete _this.mapOfCheckList[item[_this.selectField]];
                 }
                 _this.mapOfCheckedId[item[_this.selectField]] = value;
             }));
@@ -904,9 +1217,9 @@
         };
         HdDetailLinesComponent.decorators = [
             { type: core.Component, args: [{
-                        selector: 'hd-detail-lines',
-                        template: "<ng-container>\n  <nz-table #hdTable [nzScroll]=\"scroll\" class=\"hd-table-container\" nzShowSizeChanger\n    [nzFrontPagination]=\"hdFrontPagination\" [nzShowQuickJumper]=\"hdFrontPagination\" [nzShowTotal]=\"tableTotalTemplate\"\n    nzSize=\"middle\" [nzData]=\"lines\" [nzLoading]=\"tableLoading\" [nzPageSizeOptions]=\"[ 10, 50, 100, 200 ]\"\n    (nzCurrentPageDataChange)=\"showSelected ? currentPageDataChange($event) : null\">\n    <thead>\n      <tr>\n        <th *ngIf=\"showSelected\" nzWidth=\"40px\" nzLeft=\"0px\" nzShowCheckbox [(nzChecked)]=\"isAllDisplayDataChecked\"\n          [nzIndeterminate]=\"isIndeterminate\" (nzCheckedChange)=\"checkAll($event)\"></th>\n        <ng-container *ngTemplateOutlet=\"detailLineHead\"></ng-container>\n      </tr>\n    </thead>\n    <tbody *ngIf=\"!allowDrop;else allowDropTemplate\">\n      <tr *ngFor=\"let data of hdTable.data;index as i\">\n        <td *ngIf=\"showSelected\" nzWidth=\"40px\" nzLeft=\"0px\" nzShowCheckbox\n          [(nzChecked)]=\"mapOfCheckedId[data[selectField]]\" (nzCheckedChange)=\"refreshStatus($event, data)\"></td>\n        <ng-container *ngTemplateOutlet=\"detailLineBody;context:{$implicit: data, index: i}\"></ng-container>\n      </tr>\n      <!-- \u5408\u8BA1\u533A\u57DF -->\n      <tr *ngIf=\"showTotal\" class=\"hd-table-total\">\n        <td *ngIf=\"showSelected\"></td>\n        <td>\u5408\u8BA1</td>\n        <ng-container *ngFor=\"let totalOption of totalOptionList\">\n          <td *ngIf=\"!totalOption.isHide\" [nzAlign]=\"totalOption.align ? totalOption.align : 'left'\">{{\n            (totalOption.value || totalOption.value ===\n            0) ? (((totalOption.value % 1 === 0) && !totalOption.showDecimal ) ? totalOption.value :\n            LodashRound(totalOption.value,2).toFixed(2)) : '' }} </td>\n        </ng-container>\n      </tr>\n    </tbody>\n    <ng-template #allowDropTemplate>\n      <tbody cdkDropList (cdkDropListDropped)=\"drop($event)\">\n        <tr *ngFor=\"let data of hdTable.data;index as i\" cdkDrag>\n          <td *ngIf=\"showSelected\" nzWidth=\"40px\" nzLeft=\"0px\" nzShowCheckbox\n            [(nzChecked)]=\"mapOfCheckedId[data[selectField]]\" (nzCheckedChange)=\"refreshStatus($event, data)\"></td>\n          <ng-container *ngTemplateOutlet=\"detailLineBody;context:{$implicit: data, index: i}\"></ng-container>\n        </tr>\n        <!-- \u5408\u8BA1\u533A\u57DF -->\n        <tr *ngIf=\"showTotal\" class=\"hd-table-total\">\n          <td *ngIf=\"showSelected\"></td>\n          <td>\u5408\u8BA1</td>\n          <ng-container *ngFor=\"let totalOption of totalOptionList\">\n            <td *ngIf=\"!totalOption.isHide\" [nzAlign]=\"totalOption.align ? totalOption.align : 'left'\">{{\n              (totalOption.value || totalOption.value\n              === 0) ? (((totalOption.value % 1 === 0) && !totalOption.showDecimal ) ? totalOption.value :\n              LodashRound(totalOption.value,2).toFixed(2)) : '' }} </td>\n          </ng-container>\n        </tr>\n      </tbody>\n    </ng-template>\n    <ng-template #tableTotalTemplate>\n      \u5171 {{lines.length}} \u6761\u6570\u636E\n    </ng-template>\n  </nz-table>\n</ng-container>",
-                        styles: ["::ng-deep .common-btn-group>a{font-size:12px;font-weight:400;color:#12a34f!important;white-space:nowrap}::ng-deep .common-btn-group .common-danger-btn:hover{color:#f05b24!important}::ng-deep .common-btn-group>a:hover{color:#20bd62!important}::ng-deep .common-btn-group>a:not(:last-child)::after{content:'';margin:0 2px}::ng-deep .common-billNumber>a{color:#3b77e3}button{box-shadow:unset;text-shadow:unset}::ng-deep .ant-form-item-label>label{color:#4b504e}::ng-deep .ant-input-number-input{height:28px}::ng-deep .ant-input-number{height:28px}textarea.ant-input{height:auto;min-height:28px}::ng-deep .ant-select-selection--multiple{min-height:28px}::ng-deep .ant-select-selection__rendered>ul>li{height:22px!important;margin-top:3px!important;line-height:22px!important}::ng-deep .ant-advanced-search-form .ant-form-item{margin-bottom:0!important}::ng-deep .ant-select-selection--single{height:28px!important}::ng-deep .ant-input{height:28px}::ng-deep .ant-input[disabled]:hover{border-color:#d9d9d9!important}::ng-deep .ant-select-selection__rendered{line-height:28px!important}::ng-deep .ant-calendar-range-picker-input{text-align:left!important}::ng-deep .ant-calendar-picker{width:100%!important}::ng-deep .ant-row{margin-right:0!important;margin-left:0!important}::ng-deep .ant-col-6{padding-left:12px;padding-right:12px}::ng-deep .ant-col-12{padding-left:12px;padding-right:12px}::ng-deep .ant-col-18{padding-left:12px;padding-right:12px}::ng-deep .ant-col-24{padding-left:12px;padding-right:12px}::ng-deep .ant-alert-info{background-color:#f5f8f6;border:1px solid #cfe3d4}:host ::ng-deep th{background:#f5f8f6!important;font-weight:700!important;white-space:nowrap;font-size:12px;font-family:PingFangSC-Medium,PingFang SC;color:#2a3634;padding:8px!important;box-sizing:border-box}:host ::ng-deep td{font-weight:400;font-style:normal;font-size:12px;color:#2a3634;text-align:left;white-space:nowrap;padding:8px!important;box-sizing:border-box}::ng-deep .ant-pagination-options{display:inline-flex;align-items:center}::ng-deep .ant-time-picker{width:100%}.ant-input-number-disabled,.ant-input[disabled],.ant-select-disabled{color:#4b504e}.hd-table-container ::ng-deep .ant-pagination-options-quick-jumper input{border-radius:2px;border:1px solid #d9d9d9}.hd-table-container ::ng-deep .ant-pagination-options .ant-select-selection{border-radius:2px}.hd-table-container ::ng-deep .ant-table-thead>tr>th{border-bottom:1px solid #ecf1ed}.hd-table-container ::ng-deep .ant-table-tbody>tr>td{border-bottom:1px solid #ecf1ed}.hd-table-container ::ng-deep .hd-table-total>td{border:0!important}"]
+                        selector: "hd-detail-lines",
+                        template: "<ng-container>\n  <hd-button-group *ngIf=\"showSearch\">\n    <ng-template #buttonGroupLeft>\n      <nz-input-group [nzSuffix]=\"suffixIconSearch\">\n        <input type=\"text\" nz-input (keyup.enter)=\"searchLines()\" placeholder=\"\u8BF7\u8F93\u5165\u5185\u5BB9\u641C\u7D22\" style=\"width: 300px;\"\n          [(ngModel)]=\"filterStr\" />\n      </nz-input-group>\n      <ng-template #suffixIconSearch>\n        <i nz-icon nzType=\"search\" (click)=\"searchLines()\"></i>\n      </ng-template>\n    </ng-template>\n  </hd-button-group>\n\n  <hd-space *ngIf=\"showSearch\" background=\"transparent\" type=\"row\" size=\"16\"></hd-space>\n\n  <nz-table #hdTable [nzScroll]=\"scroll\" class=\"hd-table-container\" nzShowSizeChanger\n    [nzFrontPagination]=\"hdFrontPagination\" [nzShowQuickJumper]=\"hdFrontPagination\" [nzShowTotal]=\"tableTotalTemplate\"\n    nzSize=\"middle\" [nzData]=\"displayLines\" [nzLoading]=\"tableLoading\" [nzPageSizeOptions]=\"[ 10, 50, 100, 200 ]\"\n    (nzCurrentPageDataChange)=\"showSelected ? currentPageDataChange($event) : null\">\n    <thead>\n      <tr>\n        <th *ngIf=\"showSelected\" nzWidth=\"40px\" nzLeft=\"0px\" nzShowCheckbox [(nzChecked)]=\"isAllDisplayDataChecked\"\n          [nzIndeterminate]=\"isIndeterminate\" (nzCheckedChange)=\"checkAll($event)\"></th>\n        <ng-container *ngTemplateOutlet=\"detailLineHead\"></ng-container>\n      </tr>\n    </thead>\n    <tbody *ngIf=\"!allowDrop;else allowDropTemplate\">\n      <tr *ngFor=\"let data of hdTable.data;index as i\">\n        <td *ngIf=\"showSelected\" nzWidth=\"40px\" nzLeft=\"0px\" nzShowCheckbox\n          [(nzChecked)]=\"mapOfCheckedId[data[selectField]]\" (nzCheckedChange)=\"refreshStatus($event, data)\"></td>\n        <ng-container *ngTemplateOutlet=\"detailLineBody;context:{$implicit: data, index: i}\"></ng-container>\n      </tr>\n      <!-- \u5408\u8BA1\u533A\u57DF -->\n      <tr *ngIf=\"showTotal\" class=\"hd-table-total\">\n        <td *ngIf=\"showSelected\"></td>\n        <td>\u5408\u8BA1</td>\n        <ng-container *ngFor=\"let totalOption of totalOptionList\">\n          <td *ngIf=\"!totalOption.isHide\" [nzAlign]=\"totalOption.align ? totalOption.align : 'left'\">{{\n            (totalOption.value || totalOption.value ===\n            0) ? (((totalOption.value % 1 === 0) && !totalOption.showDecimal ) ? totalOption.value :\n            LodashRound(totalOption.value,2).toFixed(2)) : '' }} </td>\n        </ng-container>\n      </tr>\n    </tbody>\n    <ng-template #allowDropTemplate>\n      <tbody cdkDropList (cdkDropListDropped)=\"drop($event)\">\n        <tr *ngFor=\"let data of hdTable.data;index as i\" cdkDrag>\n          <td *ngIf=\"showSelected\" nzWidth=\"40px\" nzLeft=\"0px\" nzShowCheckbox\n            [(nzChecked)]=\"mapOfCheckedId[data[selectField]]\" (nzCheckedChange)=\"refreshStatus($event, data)\"></td>\n          <ng-container *ngTemplateOutlet=\"detailLineBody;context:{$implicit: data, index: i}\"></ng-container>\n        </tr>\n        <!-- \u5408\u8BA1\u533A\u57DF -->\n        <tr *ngIf=\"showTotal\" class=\"hd-table-total\">\n          <td *ngIf=\"showSelected\"></td>\n          <td>\u5408\u8BA1</td>\n          <ng-container *ngFor=\"let totalOption of totalOptionList\">\n            <td *ngIf=\"!totalOption.isHide\" [nzAlign]=\"totalOption.align ? totalOption.align : 'left'\">{{\n              (totalOption.value || totalOption.value\n              === 0) ? (((totalOption.value % 1 === 0) && !totalOption.showDecimal ) ? totalOption.value :\n              LodashRound(totalOption.value,2).toFixed(2)) : '' }} </td>\n          </ng-container>\n        </tr>\n      </tbody>\n    </ng-template>\n    <ng-template #tableTotalTemplate>\n      \u5171 {{displayLines.length}} \u6761\u6570\u636E\n    </ng-template>\n  </nz-table>\n</ng-container>\n",
+                        styles: ["::ng-deep .common-btn-group>a{font-size:14px;font-weight:400;color:#20b95d!important;white-space:nowrap}::ng-deep .common-btn-group .common-danger-btn:hover{color:#f05b24!important}::ng-deep .common-btn-group>a:hover{color:#20bd62!important}::ng-deep .common-btn-group>a:not(:last-child)::after{content:'';margin:0 2px}::ng-deep .common-billNumber>a{color:#3b77e3}button{box-shadow:unset;text-shadow:unset}::ng-deep .ant-form-item-label>label{color:#4b504e;font-size:14px}::ng-deep .ant-input-number-input{height:32px}::ng-deep .ant-input-number{height:32px}textarea.ant-input{height:auto;min-height:32px}::ng-deep .ant-select-selection--multiple{min-height:32px}::ng-deep .ant-select-selection__rendered>ul>li{height:26px!important;margin-top:3px!important;line-height:26px!important}::ng-deep .ant-advanced-search-form .ant-form-item{margin-bottom:0!important}::ng-deep .ant-select-selection--single{height:32px!important}::ng-deep .ant-input{height:32px}::ng-deep .ant-input[disabled]:hover{border-color:#d9d9d9!important}::ng-deep .ant-select-selection__rendered{line-height:32px!important}::ng-deep .ant-calendar-range-picker-input{text-align:left!important}::ng-deep .ant-calendar-picker{width:100%!important}::ng-deep .ant-row{margin-right:0!important;margin-left:0!important}::ng-deep .ant-col-6{padding-left:12px;padding-right:12px}::ng-deep .ant-col-12{padding-left:12px;padding-right:12px}::ng-deep .ant-col-18{padding-left:12px;padding-right:12px}::ng-deep .ant-col-24{padding-left:12px;padding-right:12px}::ng-deep .ant-alert-info{background-color:#f5f8f6;border:1px solid #cfe3d4}:host ::ng-deep th{background:#f5f8f6!important;font-weight:700!important;white-space:nowrap;font-size:14px;font-family:PingFangSC-Medium,PingFang SC;color:#2a3634;padding:8px!important;box-sizing:border-box}:host ::ng-deep td{font-weight:400;font-style:normal;font-size:14px;color:#2a3634;text-align:left;white-space:nowrap;padding:8px!important;box-sizing:border-box}::ng-deep .ant-pagination-options{display:inline-flex;align-items:center}::ng-deep .ant-time-picker{width:100%}.ant-input-number-disabled,.ant-input[disabled],.ant-select-disabled{color:#4b504e}.hd-table-container ::ng-deep .ant-pagination-options-quick-jumper input{border-radius:2px;border:1px solid #d9d9d9}.hd-table-container ::ng-deep .ant-pagination-options .ant-select-selection{border-radius:2px}.hd-table-container ::ng-deep .ant-table-thead>tr>th{border-bottom:1px solid #ecf1ed}.hd-table-container ::ng-deep .ant-table-tbody>tr>td{border-bottom:1px solid #ecf1ed}.hd-table-container ::ng-deep .hd-table-total>td{border:0!important}"]
                     }] }
         ];
         /** @nocollapse */
@@ -915,6 +1228,8 @@
             lines: [{ type: core.Input }],
             showSelected: [{ type: core.Input }],
             allowDrop: [{ type: core.Input }],
+            showSearch: [{ type: core.Input }],
+            searchFields: [{ type: core.Input }],
             scroll: [{ type: core.Input }],
             selectField: [{ type: core.Input }],
             selectedField: [{ type: core.Input }],
@@ -934,6 +1249,10 @@
             core$1.InputBoolean(),
             __metadata("design:type", Boolean)
         ], HdDetailLinesComponent.prototype, "allowDrop", void 0);
+        __decorate([
+            core$1.InputBoolean(),
+            __metadata("design:type", Boolean)
+        ], HdDetailLinesComponent.prototype, "showSearch", void 0);
         __decorate([
             core$1.InputBoolean(),
             __metadata("design:type", Boolean)
@@ -948,6 +1267,10 @@
         /** @type {?} */
         HdDetailLinesComponent.prototype.allowDrop;
         /** @type {?} */
+        HdDetailLinesComponent.prototype.showSearch;
+        /** @type {?} */
+        HdDetailLinesComponent.prototype.searchFields;
+        /** @type {?} */
         HdDetailLinesComponent.prototype.scroll;
         /** @type {?} */
         HdDetailLinesComponent.prototype.selectField;
@@ -991,6 +1314,20 @@
         HdDetailLinesComponent.prototype.mapOfCheckedId;
         /** @type {?} */
         HdDetailLinesComponent.prototype.mapOfCheckList;
+        /** @type {?} */
+        HdDetailLinesComponent.prototype.filterStr;
+        /**
+         * 表格实际展示的数据（筛选结果或全量）
+         * @type {?}
+         */
+        HdDetailLinesComponent.prototype.displayLines;
+        /**
+         * 是否处于筛选状态
+         * @type {?}
+         */
+        HdDetailLinesComponent.prototype.isFilterData;
+        /** @type {?} */
+        HdDetailLinesComponent.prototype.storeFormLinesData;
     }
 
     /**
@@ -1005,16 +1342,455 @@
                         imports: [
                             common.CommonModule,
                             table.NzTableModule,
-                            dragDrop.DragDropModule
+                            dragDrop.DragDropModule,
+                            forms.FormsModule,
+                            ngZorroAntd.NgZorroAntdModule,
+                            HdSpaceModule,
+                            HdButtonModule,
+                            HdButtonGroupModule,
                         ],
                         declarations: [HdDetailLinesComponent],
                         exports: [HdDetailLinesComponent],
-                        schemas: [core.NO_ERRORS_SCHEMA]
+                        schemas: [core.NO_ERRORS_SCHEMA],
                     },] }
         ];
         return HdDetailLinesModule;
     }());
 
+    /**
+     * @fileoverview added by tsickle
+     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     */
+    var HdDetailLinesPageComponent = /** @class */ (function () {
+        function HdDetailLinesPageComponent() {
+            this.lines = [];
+            /**
+             * 与 hd-table 一致，可传 Page 对象；未传 lines 时使用 tableData.content
+             */
+            this.tableData = new Page();
+            this.showSelected = false;
+            this.allowDrop = false;
+            this.scroll = { x: "1px" };
+            this.selectField = "billNumber";
+            this.selectEvent = new core.EventEmitter();
+            this.showTotal = false;
+            this.totalOption = [];
+            this.columnsNumber = 0;
+            this.tableLoading = false;
+            this.tablePageIndex = 1;
+            this.tablePageSize = 10;
+            this.tablePageIndexChange = new core.EventEmitter();
+            this.tablePageSizeChange = new core.EventEmitter();
+            this.pageChange = new core.EventEmitter();
+            this.totalOptionList = [];
+            this.isAllDisplayDataChecked = false;
+            this.isIndeterminate = false;
+            this.listOfDisplayData = [];
+            this.mapOfCheckedId = {};
+            this.mapOfCheckList = {};
+            this.isCrossPageSelectLocal = false;
+        }
+        /**
+         * @return {?}
+         */
+        HdDetailLinesPageComponent.prototype.ngOnInit = /**
+         * @return {?}
+         */
+        function () {
+            if (this.isCrossPageSelect === true) {
+                this.isCrossPageSelectLocal = this.isCrossPageSelect;
+            }
+            this.countSelected();
+            this.calculateTotal();
+        };
+        /**
+         * @param {?} changes
+         * @return {?}
+         */
+        HdDetailLinesPageComponent.prototype.ngOnChanges = /**
+         * @param {?} changes
+         * @return {?}
+         */
+        function (changes) {
+            if (changes &&
+                changes["tableData"] &&
+                changes["tableData"]["currentValue"] &&
+                changes["tableData"]["previousValue"]) {
+                if (changes["tableData"]["currentValue"]["pageSize"] !==
+                    changes["tableData"]["previousValue"]["pageSize"] ||
+                    changes["tableData"]["currentValue"]["pageNumber"] !==
+                        changes["tableData"]["previousValue"]["pageNumber"]) {
+                    this.countSelected();
+                    this.calculateTotal();
+                    return;
+                }
+                if (!this.isCrossPageSelectLocal) {
+                    this.resetStatus();
+                }
+            }
+            this.countSelected();
+            this.calculateTotal();
+        };
+        Object.defineProperty(HdDetailLinesPageComponent.prototype, "displayLines", {
+            get: /**
+             * @return {?}
+             */
+            function () {
+                if (this.lines && this.lines.length) {
+                    return this.lines;
+                }
+                return (this.tableData && this.tableData.content) || [];
+            },
+            enumerable: true,
+            configurable: true
+        });
+        Object.defineProperty(HdDetailLinesPageComponent.prototype, "totalCount", {
+            get: /**
+             * @return {?}
+             */
+            function () {
+                if (this.tableData && this.tableData.totalElements != null) {
+                    return this.tableData.totalElements;
+                }
+                return this.displayLines.length;
+            },
+            enumerable: true,
+            configurable: true
+        });
+        /**
+         * @param {?} localIndex
+         * @return {?}
+         */
+        HdDetailLinesPageComponent.prototype.getRowIndex = /**
+         * @param {?} localIndex
+         * @return {?}
+         */
+        function (localIndex) {
+            return (this.tablePageIndex - 1) * this.tablePageSize + localIndex;
+        };
+        /**
+         * @param {?} pageIndex
+         * @return {?}
+         */
+        HdDetailLinesPageComponent.prototype.onPageIndexChange = /**
+         * @param {?} pageIndex
+         * @return {?}
+         */
+        function (pageIndex) {
+            this.tablePageIndex = pageIndex;
+            this.tablePageIndexChange.emit(this.tablePageIndex);
+            this.pageChange.emit();
+        };
+        /**
+         * @param {?} pageSize
+         * @return {?}
+         */
+        HdDetailLinesPageComponent.prototype.onPageSizeChange = /**
+         * @param {?} pageSize
+         * @return {?}
+         */
+        function (pageSize) {
+            this.tablePageSize = pageSize;
+            this.tablePageIndex = 1;
+            this.tablePageSizeChange.emit(this.tablePageSize);
+            this.tablePageIndexChange.emit(this.tablePageIndex);
+            this.pageChange.emit();
+        };
+        /**
+         * @private
+         * @return {?}
+         */
+        HdDetailLinesPageComponent.prototype.countSelected = /**
+         * @private
+         * @return {?}
+         */
+        function () {
+            var _this = this;
+            if (this.showSelected &&
+                this.selectedField &&
+                this.displayLines &&
+                this.displayLines.length) {
+                this.displayLines.forEach((/**
+                 * @param {?} item
+                 * @return {?}
+                 */
+                function (item) {
+                    if (item[_this.selectedField] === true) {
+                        _this.mapOfCheckedId[item[_this.selectField]] = true;
+                        _this.mapOfCheckList[item[_this.selectField]] = item;
+                    }
+                }));
+                if (this.displayLines.length === Object.keys(this.mapOfCheckList).length) {
+                    this.isAllDisplayDataChecked = true;
+                    this.isIndeterminate = true;
+                }
+            }
+        };
+        Object.defineProperty(HdDetailLinesPageComponent.prototype, "LodashRound", {
+            get: /**
+             * @return {?}
+             */
+            function () {
+                return lodash.round;
+            },
+            enumerable: true,
+            configurable: true
+        });
+        /**
+         * @param {?} event
+         * @return {?}
+         */
+        HdDetailLinesPageComponent.prototype.drop = /**
+         * @param {?} event
+         * @return {?}
+         */
+        function (event) {
+            /** @type {?} */
+            var lines = __spread(this.displayLines);
+            dragDrop.moveItemInArray(lines, event.previousIndex, event.currentIndex);
+            this.lines = lines;
+        };
+        /**
+         * @return {?}
+         */
+        HdDetailLinesPageComponent.prototype.calculateTotal = /**
+         * @return {?}
+         */
+        function () {
+            var _this = this;
+            if (this.showTotal && this.displayLines && this.displayLines.length) {
+                this.totalOptionList = new Array(Number(this.columnsNumber) - 1).fill("");
+                this.totalOption.forEach((/**
+                 * @param {?} item
+                 * @return {?}
+                 */
+                function (item) {
+                    if (item.insertIndex && (item.insertValue || item.insertValue === 0)) {
+                        _this.totalOptionList[item.insertIndex - 1] = {
+                            value: item.insertValue,
+                            align: item.align || "right",
+                            showDecimal: item.showDecimal || false,
+                            isHide: item.isHide || false,
+                        };
+                    }
+                }));
+            }
+        };
+        /**
+         * @param {?} $event
+         * @return {?}
+         */
+        HdDetailLinesPageComponent.prototype.currentPageDataChange = /**
+         * @param {?} $event
+         * @return {?}
+         */
+        function ($event) {
+            this.listOfDisplayData = $event;
+            this.refreshStatus();
+            if (!this.isCrossPageSelectLocal) {
+                this.resetStatus();
+            }
+        };
+        /**
+         * @return {?}
+         */
+        HdDetailLinesPageComponent.prototype.resetStatus = /**
+         * @return {?}
+         */
+        function () {
+            this.isAllDisplayDataChecked = false;
+            this.isIndeterminate = false;
+            this.mapOfCheckedId = {};
+            this.mapOfCheckList = {};
+            this.selectEvent.emit([]);
+        };
+        /**
+         * @param {?=} event
+         * @param {?=} data
+         * @return {?}
+         */
+        HdDetailLinesPageComponent.prototype.refreshStatus = /**
+         * @param {?=} event
+         * @param {?=} data
+         * @return {?}
+         */
+        function (event, data) {
+            var _this = this;
+            if (event === void 0) { event = false; }
+            if (data === void 0) { data = null; }
+            if (event && data) {
+                !this.mapOfCheckList[data[this.selectField]] &&
+                    (this.mapOfCheckList[data[this.selectField]] = data);
+            }
+            else if (!event && data) {
+                this.mapOfCheckList[data[this.selectField]] &&
+                    delete this.mapOfCheckList[data[this.selectField]];
+            }
+            this.isAllDisplayDataChecked = this.listOfDisplayData.every((/**
+             * @param {?} item
+             * @return {?}
+             */
+            function (item) { return _this.mapOfCheckedId[item[_this.selectField]]; }));
+            this.isIndeterminate =
+                this.listOfDisplayData.some((/**
+                 * @param {?} item
+                 * @return {?}
+                 */
+                function (item) { return _this.mapOfCheckedId[item[_this.selectField]]; })) && !this.isAllDisplayDataChecked;
+            if (this.selectEvent) {
+                this.selectEvent.emit(Object.values(this.mapOfCheckList));
+            }
+        };
+        /**
+         * @param {?} value
+         * @return {?}
+         */
+        HdDetailLinesPageComponent.prototype.checkAll = /**
+         * @param {?} value
+         * @return {?}
+         */
+        function (value) {
+            var _this = this;
+            this.listOfDisplayData.forEach((/**
+             * @param {?} item
+             * @return {?}
+             */
+            function (item) {
+                if (value) {
+                    !_this.mapOfCheckList[item[_this.selectField]] &&
+                        (_this.mapOfCheckList[item[_this.selectField]] = item);
+                }
+                else {
+                    _this.mapOfCheckList[item[_this.selectField]] &&
+                        delete _this.mapOfCheckList[item[_this.selectField]];
+                }
+                _this.mapOfCheckedId[item[_this.selectField]] = value;
+            }));
+            this.refreshStatus();
+        };
+        HdDetailLinesPageComponent.decorators = [
+            { type: core.Component, args: [{
+                        selector: "hd-detail-lines-page",
+                        template: "<ng-container>\n  <nz-table #hdTable [nzScroll]=\"scroll\" class=\"hd-table-container\" nzShowSizeChanger nzShowQuickJumper\n    nzFrontPagination=\"false\" nzSize=\"middle\" [nzData]=\"displayLines\" [nzTotal]=\"totalCount\"\n    [(nzPageIndex)]=\"tablePageIndex\" [(nzPageSize)]=\"tablePageSize\" [nzLoading]=\"tableLoading\"\n    [nzPageSizeOptions]=\"[ 10, 50, 100, 200 ]\" (nzPageIndexChange)=\"onPageIndexChange($event)\"\n    (nzPageSizeChange)=\"onPageSizeChange($event)\" [nzShowTotal]=\"tableTotalTemplate\"\n    (nzCurrentPageDataChange)=\"showSelected ? currentPageDataChange($event) : null\">\n    <thead>\n      <tr>\n        <th *ngIf=\"showSelected\" nzWidth=\"40px\" nzLeft=\"0px\" nzShowCheckbox [(nzChecked)]=\"isAllDisplayDataChecked\"\n          [nzIndeterminate]=\"isIndeterminate\" (nzCheckedChange)=\"checkAll($event)\"></th>\n        <ng-container *ngTemplateOutlet=\"detailLineHead\"></ng-container>\n      </tr>\n    </thead>\n    <tbody *ngIf=\"!allowDrop;else allowDropTemplate\">\n      <tr *ngFor=\"let data of hdTable.data;index as i\">\n        <td *ngIf=\"showSelected\" nzWidth=\"40px\" nzLeft=\"0px\" nzShowCheckbox\n          [(nzChecked)]=\"mapOfCheckedId[data[selectField]]\" (nzCheckedChange)=\"refreshStatus($event, data)\"></td>\n        <ng-container\n          *ngTemplateOutlet=\"detailLineBody;context:{$implicit: data, index: getRowIndex(i)}\"></ng-container>\n      </tr>\n      <tr *ngIf=\"showTotal\" class=\"hd-table-total\">\n        <td *ngIf=\"showSelected\"></td>\n        <td>\u5408\u8BA1</td>\n        <ng-container *ngFor=\"let totalOption of totalOptionList\">\n          <td *ngIf=\"!totalOption.isHide\" [nzAlign]=\"totalOption.align ? totalOption.align : 'left'\">{{\n            (totalOption.value || totalOption.value ===\n            0) ? (((totalOption.value % 1 === 0) && !totalOption.showDecimal ) ? totalOption.value :\n            LodashRound(totalOption.value,2).toFixed(2)) : '' }} </td>\n        </ng-container>\n      </tr>\n    </tbody>\n    <ng-template #allowDropTemplate>\n      <tbody cdkDropList (cdkDropListDropped)=\"drop($event)\">\n        <tr *ngFor=\"let data of hdTable.data;index as i\" cdkDrag>\n          <td *ngIf=\"showSelected\" nzWidth=\"40px\" nzLeft=\"0px\" nzShowCheckbox\n            [(nzChecked)]=\"mapOfCheckedId[data[selectField]]\" (nzCheckedChange)=\"refreshStatus($event, data)\"></td>\n          <ng-container\n            *ngTemplateOutlet=\"detailLineBody;context:{$implicit: data, index: getRowIndex(i)}\"></ng-container>\n        </tr>\n        <tr *ngIf=\"showTotal\" class=\"hd-table-total\">\n          <td *ngIf=\"showSelected\"></td>\n          <td>\u5408\u8BA1</td>\n          <ng-container *ngFor=\"let totalOption of totalOptionList\">\n            <td *ngIf=\"!totalOption.isHide\" [nzAlign]=\"totalOption.align ? totalOption.align : 'left'\">{{\n              (totalOption.value || totalOption.value\n              === 0) ? (((totalOption.value % 1 === 0) && !totalOption.showDecimal ) ? totalOption.value :\n              LodashRound(totalOption.value,2).toFixed(2)) : '' }} </td>\n          </ng-container>\n        </tr>\n      </tbody>\n    </ng-template>\n    <ng-template #tableTotalTemplate>\n      \u5171 {{totalCount}} \u6761\u6570\u636E\n    </ng-template>\n  </nz-table>\n</ng-container>\n",
+                        styles: ["::ng-deep .common-btn-group>a{font-size:14px;font-weight:400;color:#20b95d!important;white-space:nowrap}::ng-deep .common-btn-group .common-danger-btn:hover{color:#f05b24!important}::ng-deep .common-btn-group>a:hover{color:#20bd62!important}::ng-deep .common-btn-group>a:not(:last-child)::after{content:'';margin:0 2px}::ng-deep .common-billNumber>a{color:#3b77e3}button{box-shadow:unset;text-shadow:unset}::ng-deep .ant-form-item-label>label{color:#4b504e;font-size:14px}::ng-deep .ant-input-number-input{height:32px}::ng-deep .ant-input-number{height:32px}textarea.ant-input{height:auto;min-height:32px}::ng-deep .ant-select-selection--multiple{min-height:32px}::ng-deep .ant-select-selection__rendered>ul>li{height:26px!important;margin-top:3px!important;line-height:26px!important}::ng-deep .ant-advanced-search-form .ant-form-item{margin-bottom:0!important}::ng-deep .ant-select-selection--single{height:32px!important}::ng-deep .ant-input{height:32px}::ng-deep .ant-input[disabled]:hover{border-color:#d9d9d9!important}::ng-deep .ant-select-selection__rendered{line-height:32px!important}::ng-deep .ant-calendar-range-picker-input{text-align:left!important}::ng-deep .ant-calendar-picker{width:100%!important}::ng-deep .ant-row{margin-right:0!important;margin-left:0!important}::ng-deep .ant-col-6{padding-left:12px;padding-right:12px}::ng-deep .ant-col-12{padding-left:12px;padding-right:12px}::ng-deep .ant-col-18{padding-left:12px;padding-right:12px}::ng-deep .ant-col-24{padding-left:12px;padding-right:12px}::ng-deep .ant-alert-info{background-color:#f5f8f6;border:1px solid #cfe3d4}:host ::ng-deep th{background:#f5f8f6!important;font-weight:700!important;white-space:nowrap;font-size:14px;font-family:PingFangSC-Medium,PingFang SC;color:#2a3634;padding:8px!important;box-sizing:border-box}:host ::ng-deep td{font-weight:400;font-style:normal;font-size:14px;color:#2a3634;text-align:left;white-space:nowrap;padding:8px!important;box-sizing:border-box}::ng-deep .ant-pagination-options{display:inline-flex;align-items:center}::ng-deep .ant-time-picker{width:100%}.ant-input-number-disabled,.ant-input[disabled],.ant-select-disabled{color:#4b504e}.hd-table-container ::ng-deep .ant-pagination-options-quick-jumper input{border-radius:2px;border:1px solid #d9d9d9}.hd-table-container ::ng-deep .ant-pagination-options .ant-select-selection{border-radius:2px}.hd-table-container ::ng-deep .ant-table-thead>tr>th{border-bottom:1px solid #ecf1ed}.hd-table-container ::ng-deep .ant-table-tbody>tr>td{border-bottom:1px solid #ecf1ed}.hd-table-container ::ng-deep .hd-table-total>td{border:0!important}"]
+                    }] }
+        ];
+        /** @nocollapse */
+        HdDetailLinesPageComponent.ctorParameters = function () { return []; };
+        HdDetailLinesPageComponent.propDecorators = {
+            lines: [{ type: core.Input }],
+            tableData: [{ type: core.Input }],
+            showSelected: [{ type: core.Input }],
+            allowDrop: [{ type: core.Input }],
+            scroll: [{ type: core.Input }],
+            selectField: [{ type: core.Input }],
+            selectedField: [{ type: core.Input }],
+            isCrossPageSelect: [{ type: core.Input }],
+            selectEvent: [{ type: core.Output }],
+            detailLineHead: [{ type: core.ContentChild, args: ["detailLineHead", { static: false },] }],
+            detailLineBody: [{ type: core.ContentChild, args: ["detailLineBody", { static: false },] }],
+            showTotal: [{ type: core.Input }],
+            totalOption: [{ type: core.Input }],
+            columnsNumber: [{ type: core.Input }],
+            tableLoading: [{ type: core.Input }],
+            tablePageIndex: [{ type: core.Input }],
+            tablePageSize: [{ type: core.Input }],
+            tablePageIndexChange: [{ type: core.Output }],
+            tablePageSizeChange: [{ type: core.Output }],
+            pageChange: [{ type: core.Output }]
+        };
+        __decorate([
+            core$1.InputBoolean(),
+            __metadata("design:type", Boolean)
+        ], HdDetailLinesPageComponent.prototype, "showSelected", void 0);
+        __decorate([
+            core$1.InputBoolean(),
+            __metadata("design:type", Boolean)
+        ], HdDetailLinesPageComponent.prototype, "allowDrop", void 0);
+        __decorate([
+            core$1.InputBoolean(),
+            __metadata("design:type", Boolean)
+        ], HdDetailLinesPageComponent.prototype, "showTotal", void 0);
+        return HdDetailLinesPageComponent;
+    }());
+    if (false) {
+        /** @type {?} */
+        HdDetailLinesPageComponent.prototype.lines;
+        /**
+         * 与 hd-table 一致，可传 Page 对象；未传 lines 时使用 tableData.content
+         * @type {?}
+         */
+        HdDetailLinesPageComponent.prototype.tableData;
+        /** @type {?} */
+        HdDetailLinesPageComponent.prototype.showSelected;
+        /** @type {?} */
+        HdDetailLinesPageComponent.prototype.allowDrop;
+        /** @type {?} */
+        HdDetailLinesPageComponent.prototype.scroll;
+        /** @type {?} */
+        HdDetailLinesPageComponent.prototype.selectField;
+        /** @type {?} */
+        HdDetailLinesPageComponent.prototype.selectedField;
+        /** @type {?} */
+        HdDetailLinesPageComponent.prototype.isCrossPageSelect;
+        /** @type {?} */
+        HdDetailLinesPageComponent.prototype.selectEvent;
+        /** @type {?} */
+        HdDetailLinesPageComponent.prototype.detailLineHead;
+        /** @type {?} */
+        HdDetailLinesPageComponent.prototype.detailLineBody;
+        /** @type {?} */
+        HdDetailLinesPageComponent.prototype.showTotal;
+        /** @type {?} */
+        HdDetailLinesPageComponent.prototype.totalOption;
+        /** @type {?} */
+        HdDetailLinesPageComponent.prototype.columnsNumber;
+        /** @type {?} */
+        HdDetailLinesPageComponent.prototype.tableLoading;
+        /** @type {?} */
+        HdDetailLinesPageComponent.prototype.tablePageIndex;
+        /** @type {?} */
+        HdDetailLinesPageComponent.prototype.tablePageSize;
+        /** @type {?} */
+        HdDetailLinesPageComponent.prototype.tablePageIndexChange;
+        /** @type {?} */
+        HdDetailLinesPageComponent.prototype.tablePageSizeChange;
+        /** @type {?} */
+        HdDetailLinesPageComponent.prototype.pageChange;
+        /** @type {?} */
+        HdDetailLinesPageComponent.prototype.totalOptionList;
+        /** @type {?} */
+        HdDetailLinesPageComponent.prototype.isAllDisplayDataChecked;
+        /** @type {?} */
+        HdDetailLinesPageComponent.prototype.isIndeterminate;
+        /** @type {?} */
+        HdDetailLinesPageComponent.prototype.listOfDisplayData;
+        /** @type {?} */
+        HdDetailLinesPageComponent.prototype.mapOfCheckedId;
+        /** @type {?} */
+        HdDetailLinesPageComponent.prototype.mapOfCheckList;
+        /** @type {?} */
+        HdDetailLinesPageComponent.prototype.isCrossPageSelectLocal;
+    }
+
+    /**
+     * @fileoverview added by tsickle
+     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     */
+    var HdDetailLinesPageModule = /** @class */ (function () {
+        function HdDetailLinesPageModule() {
+        }
+        HdDetailLinesPageModule.decorators = [
+            { type: core.NgModule, args: [{
+                        imports: [common.CommonModule, table.NzTableModule, dragDrop.DragDropModule],
+                        declarations: [HdDetailLinesPageComponent],
+                        exports: [HdDetailLinesPageComponent],
+                        schemas: [core.NO_ERRORS_SCHEMA],
+                    },] }
+        ];
+        return HdDetailLinesPageModule;
+    }());
+
     /**
      * @fileoverview added by tsickle
      * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
@@ -1024,15 +1800,16 @@
         // 黄色
         '#FAB13B': ['partshipped', 'committed', 'partValid', 'confirm', 'picking'],
         // 灰色
-        '#9FA4A2': ['initial', 'uncommitted', 'OFF_LINE', 'UN_PRINTED', 'unpublish', 'pastpublish'],
+        '#9FA4A2': ['initial', 'uncommitted', 'OFF_LINE', 'UN_PRINTED', 'unpublish', 'pastpublish', 'TO_COMMIT', 'unpublished', '未审核', 'returned'],
         // 红色
-        '#F5222D': ['delete', 'deleted', 'aborted', 'rejected', '停用', '禁用', 'unpicked'],
+        '#F5222D': ['delete', 'deleted', 'aborted', 'rejected', '停用', '禁用', 'unpicked', 'DELETED', 'AUDIT_REJECT', 'rejected', 'invalid', 'disabled', ''],
         // 蓝色
-        '#3B77E3': ['audited', 'adjusted', 'invoiced', 'audit', 'submitted'],
+        '#3B77E3': ['audited', 'adjusted', 'invoiced', 'audit', 'submitted', 'TO_AUDIT', '已审核', '处理中', 'processing', 'firstReviewed', 'awaiting_effective'],
         // 绿色
-        '#12A34F': ['shipped', 'received', 'checked', 'using', 'reverse', 'valid', 'approved', 'ON_LINE', 'finished', 'opened', 'PRINTED', '启用', 'picked', 'published'],
+        '#20B95D': ['shipped', 'received', 'checked', 'using', 'reverse', 'valid', 'approved', 'ON_LINE', 'finished', 'opened', 'PRINTED', '启用', 'picked', 'published', 'AUDITED', '已收票', '付款完成', '收款完成', '已收款', 'accepted',
+            'offered', 'confirmed', 'effective', '已发布'],
         // 橙色
-        '#F05B24': ['partialReceived', 'partDelete', 'tender', 'MODIFIED_AFTER_PRINTED']
+        '#F05B24': ['partialReceived', 'partDelete', 'tender', 'MODIFIED_AFTER_PRINTED', '部分付款', '部分收款', 'partPublished']
     };
     var HdStatusService = /** @class */ (function () {
         function HdStatusService() {
@@ -1054,7 +1831,7 @@
      */
     var HdDetailTipComponent = /** @class */ (function () {
         function HdDetailTipComponent() {
-            this.tip = '详情';
+            this.tip = "详情";
         }
         /**
          * @return {?}
@@ -1081,18 +1858,28 @@
          * @return {?}
          */
         function () {
+            /** @type {?} */
+            var findKey = '';
             for (var key in statusToColor) {
-                if (statusToColor[key].indexOf(this.state) !== -1) {
-                    this.statusColor = key;
-                    break;
+                if (this.state &&
+                    (statusToColor[key].indexOf(this.state) !== -1 ||
+                        statusToColor[key].indexOf(this.state.toUpperCase()) !== -1 ||
+                        statusToColor[key].indexOf(this.state.toLowerCase()) !== -1)) {
+                    findKey = key;
                 }
             }
+            if (findKey) {
+                this.statusColor = findKey;
+            }
+            else {
+                this.statusColor = '#9FA4A2';
+            }
         };
         HdDetailTipComponent.decorators = [
             { type: core.Component, args: [{
-                        selector: 'hd-detail-tip',
+                        selector: "hd-detail-tip",
                         template: "<nz-content class=\"hd-detail-tip-container\">\n  <div *ngIf=\"stateText\" class=\"hd-detail-tip-state\" [ngStyle]=\"{'background': statusColor || '#9FA4A2'}\">{{stateText}}\n  </div>\n  <div class=\"hd-detail-tip-billNumber\">{{billNumber}}</div>\n  <div *ngIf=\"tip\" class=\"hd-detail-tip-name\">&nbsp;&nbsp;/&nbsp;&nbsp;{{tip}}</div>\n</nz-content>",
-                        styles: ["::ng-deep .common-btn-group>a{font-size:12px;font-weight:400;color:#12a34f!important;white-space:nowrap}::ng-deep .common-btn-group .common-danger-btn:hover{color:#f05b24!important}::ng-deep .common-btn-group>a:hover{color:#20bd62!important}::ng-deep .common-btn-group>a:not(:last-child)::after{content:'';margin:0 2px}::ng-deep .common-billNumber>a{color:#3b77e3}button{box-shadow:unset;text-shadow:unset}::ng-deep .ant-form-item-label>label{color:#4b504e}::ng-deep .ant-input-number-input{height:28px}::ng-deep .ant-input-number{height:28px}textarea.ant-input{height:auto;min-height:28px}::ng-deep .ant-select-selection--multiple{min-height:28px}::ng-deep .ant-select-selection__rendered>ul>li{height:22px!important;margin-top:3px!important;line-height:22px!important}::ng-deep .ant-advanced-search-form .ant-form-item{margin-bottom:0!important}::ng-deep .ant-select-selection--single{height:28px!important}::ng-deep .ant-input{height:28px}::ng-deep .ant-input[disabled]:hover{border-color:#d9d9d9!important}::ng-deep .ant-select-selection__rendered{line-height:28px!important}::ng-deep .ant-calendar-range-picker-input{text-align:left!important}::ng-deep .ant-calendar-picker{width:100%!important}::ng-deep .ant-row{margin-right:0!important;margin-left:0!important}::ng-deep .ant-col-6{padding-left:12px;padding-right:12px}::ng-deep .ant-col-12{padding-left:12px;padding-right:12px}::ng-deep .ant-col-18{padding-left:12px;padding-right:12px}::ng-deep .ant-col-24{padding-left:12px;padding-right:12px}::ng-deep .ant-alert-info{background-color:#f5f8f6;border:1px solid #cfe3d4}:host ::ng-deep th{background:#f5f8f6!important;font-weight:700!important;white-space:nowrap;font-size:12px;font-family:PingFangSC-Medium,PingFang SC;color:#2a3634;padding:8px!important;box-sizing:border-box}:host ::ng-deep td{font-weight:400;font-style:normal;font-size:12px;color:#2a3634;text-align:left;white-space:nowrap;padding:8px!important;box-sizing:border-box}::ng-deep .ant-pagination-options{display:inline-flex;align-items:center}::ng-deep .ant-time-picker{width:100%}.ant-input-number-disabled,.ant-input[disabled],.ant-select-disabled{color:#4b504e}.hd-detail-tip-container{display:flex;align-items:center}.hd-detail-tip-container .hd-detail-tip-state{padding:2px 6px;border-radius:2px;font-size:12px;font-weight:500;color:#fff;margin-right:8px}.hd-detail-tip-container .hd-detail-tip-billNumber{font-size:16px;font-weight:500;color:#2a3634}.hd-detail-tip-container .hd-detail-tip-name{font-size:14px;font-weight:500;color:#5d7267}"]
+                        styles: ["::ng-deep .common-btn-group>a{font-size:14px;font-weight:400;color:#20b95d!important;white-space:nowrap}::ng-deep .common-btn-group .common-danger-btn:hover{color:#f05b24!important}::ng-deep .common-btn-group>a:hover{color:#20bd62!important}::ng-deep .common-btn-group>a:not(:last-child)::after{content:'';margin:0 2px}::ng-deep .common-billNumber>a{color:#3b77e3}button{box-shadow:unset;text-shadow:unset}::ng-deep .ant-form-item-label>label{color:#4b504e;font-size:14px}::ng-deep .ant-input-number-input{height:32px}::ng-deep .ant-input-number{height:32px}textarea.ant-input{height:auto;min-height:32px}::ng-deep .ant-select-selection--multiple{min-height:32px}::ng-deep .ant-select-selection__rendered>ul>li{height:26px!important;margin-top:3px!important;line-height:26px!important}::ng-deep .ant-advanced-search-form .ant-form-item{margin-bottom:0!important}::ng-deep .ant-select-selection--single{height:32px!important}::ng-deep .ant-input{height:32px}::ng-deep .ant-input[disabled]:hover{border-color:#d9d9d9!important}::ng-deep .ant-select-selection__rendered{line-height:32px!important}::ng-deep .ant-calendar-range-picker-input{text-align:left!important}::ng-deep .ant-calendar-picker{width:100%!important}::ng-deep .ant-row{margin-right:0!important;margin-left:0!important}::ng-deep .ant-col-6{padding-left:12px;padding-right:12px}::ng-deep .ant-col-12{padding-left:12px;padding-right:12px}::ng-deep .ant-col-18{padding-left:12px;padding-right:12px}::ng-deep .ant-col-24{padding-left:12px;padding-right:12px}::ng-deep .ant-alert-info{background-color:#f5f8f6;border:1px solid #cfe3d4}:host ::ng-deep th{background:#f5f8f6!important;font-weight:700!important;white-space:nowrap;font-size:14px;font-family:PingFangSC-Medium,PingFang SC;color:#2a3634;padding:8px!important;box-sizing:border-box}:host ::ng-deep td{font-weight:400;font-style:normal;font-size:14px;color:#2a3634;text-align:left;white-space:nowrap;padding:8px!important;box-sizing:border-box}::ng-deep .ant-pagination-options{display:inline-flex;align-items:center}::ng-deep .ant-time-picker{width:100%}.ant-input-number-disabled,.ant-input[disabled],.ant-select-disabled{color:#4b504e}.hd-detail-tip-container{display:flex;align-items:center}.hd-detail-tip-container .hd-detail-tip-state{padding:2px 6px;border-radius:2px;font-size:14px;font-weight:500;color:#fff;margin-right:8px}.hd-detail-tip-container .hd-detail-tip-billNumber{font-size:16px;font-weight:500;color:#2a3634}.hd-detail-tip-container .hd-detail-tip-name{font-size:14px;font-weight:500;color:#5d7267}"]
                     }] }
         ];
         /** @nocollapse */
@@ -1130,7 +1917,7 @@
                         imports: [
                             common.CommonModule,
                             forms.FormsModule,
-                            layout.NzLayoutModule
+                            ngZorroAntd.NgZorroAntdModule
                         ],
                         declarations: [HdDetailTipComponent],
                         exports: [HdDetailTipComponent]
@@ -1145,12 +1932,23 @@
      */
     var HdFilterComponent = /** @class */ (function () {
         function HdFilterComponent(fb) {
+            var _this = this;
             this.fb = fb;
             this.searchEvent = new core.EventEmitter();
             this.resetEvent = new core.EventEmitter();
             this.isShowMore = true;
             // 对filterList取模运算
             this.filterListModular = 0;
+            this.searchSubject = new rxjs.Subject();
+            this.debounceTimeout = 0; // 默认防抖时间
+            this.searchSubscription = this.searchSubject.pipe(operators.debounceTime(this.debounceTimeout)).subscribe((/**
+             * @param {?} __0
+             * @return {?}
+             */
+            function (_a) {
+                var fn = _a.fn, event = _a.event, selectOption = _a.selectOption;
+                return _this.triggerEvent(fn, event, selectOption);
+            }));
         }
         /**
          * @return {?}
@@ -1206,14 +2004,64 @@
              */
             function (item) {
                 if (item.onChangeEvent) {
-                    _this.validateFilterForm.get(item.name).valueChanges.subscribe((/**
-                     * @param {?} value
-                     * @return {?}
-                     */
-                    function (value) { return _this.triggerEvent(item.onChangeEvent, value); }));
+                    if (item.onChangeEventDebounceTime) {
+                        _this.validateFilterForm.get(item.name).valueChanges
+                            .pipe(operators.debounceTime(item.onChangeEventDebounceTime))
+                            .subscribe((/**
+                         * @param {?} value
+                         * @return {?}
+                         */
+                        function (value) { return _this.triggerEvent(item.onChangeEvent, value); }));
+                    }
+                    else {
+                        _this.validateFilterForm.get(item.name).valueChanges.subscribe((/**
+                         * @param {?} value
+                         * @return {?}
+                         */
+                        function (value) { return _this.triggerEvent(item.onChangeEvent, value); }));
+                    }
                 }
             }));
         };
+        /**
+         * @param {?} fn
+         * @param {?} event
+         * @param {?} onSearchEventDebounceTime
+         * @param {?=} selectOption
+         * @return {?}
+         */
+        HdFilterComponent.prototype.onSearchEvent = /**
+         * @param {?} fn
+         * @param {?} event
+         * @param {?} onSearchEventDebounceTime
+         * @param {?=} selectOption
+         * @return {?}
+         */
+        function (fn, event, onSearchEventDebounceTime, selectOption) {
+            var _this = this;
+            if (onSearchEventDebounceTime) {
+                // 更新防抖时间
+                this.debounceTimeout = onSearchEventDebounceTime;
+                // 取消之前的订阅
+                if (this.searchSubscription) {
+                    this.searchSubscription.unsubscribe();
+                }
+                // 创建新的订阅
+                this.searchSubscription = this.searchSubject.pipe(operators.debounceTime(this.debounceTimeout)).subscribe((/**
+                 * @param {?} __0
+                 * @return {?}
+                 */
+                function (_a) {
+                    var fn = _a.fn, event = _a.event, selectOption = _a.selectOption;
+                    return _this.triggerEvent(fn, event, selectOption);
+                }));
+                // 发送事件
+                this.searchSubject.next({ fn: fn, event: event, selectOption: selectOption });
+            }
+            else {
+                this.triggerEvent(fn, event, selectOption);
+            }
+        };
         /**
          * @param {?} fn
          * @param {?} event
@@ -1323,20 +2171,17 @@
          * @return {?}
          */
         function () {
-            var _this = this;
             /** @type {?} */
-            var formGroupList = {};
+            var resetValue = {};
             this.filterList.forEach((/**
              * @param {?} item
-             * @param {?} index
              * @return {?}
              */
-            function (item, index) {
-                formGroupList[item.name] = _this.fb.control(item.value, []);
-                // 初始化控件显影
-                item.show = index < 7;
+            function (item) {
+                resetValue[item.name] = item.value;
             }));
-            this.validateFilterForm = this.fb.group(formGroupList);
+            // 重置表单值（会触发valueChanges事件）
+            this.validateFilterForm.patchValue(resetValue);
         };
         /**
          * @return {?}
@@ -1382,8 +2227,8 @@
         HdFilterComponent.decorators = [
             { type: core.Component, args: [{
                         selector: 'hd-filter',
-                        template: "<form nz-form [formGroup]=\"validateFilterForm\" class=\"ant-advanced-search-form hd-filter-container\">\n  <!-- \u6574\u4F53\u7ED3\u6784 -->\n  <div nz-row [nzGutter]=\"24\">\n    <!-- \u5BF9\u7EC4\u4EF6\u5217\u8868\u5FAA\u73AF\u5904\u7406 -->\n    <ng-container *ngFor=\"let filter of filterList\">\n      <div nz-col [nzSpan]=\"6\" [hidden]=\"!filter.show\">\n        <nz-form-item nzFlex>\n          <nz-form-label class=\"hd-filter-label\"><span class=\"hd-red\" *ngIf=\"filter.require\">*</span>{{ filter.label }}\n          </nz-form-label>\n          <nz-form-control class=\"hd-filter-control\">\n            <ng-container [ngSwitch]=\"filter.type\">\n              <!-- \u8FD9\u91CC\u6570\u5B57\u5BF9\u5E94\u679A\u4E3E\u7C7B\u578B\uFF0C\u53EF\u5728hd-filter.service.ts\u6587\u4EF6\u4E2D\u67E5\u770B\u5BF9\u5E94\u5173\u7CFB -->\n              <ng-container *ngSwitchCase=\"0\">\n                <nz-input-group [nzSuffix]=\"inputCleanTemplate\">\n                  <input nz-input [placeholder]=\"filter.placeholder ? filter.placeholder : '\u8BF7\u8F93\u5165' + filter.label\"\n                    [formControlName]=\"filter.name\"\n                    (blur)=\"triggerEvent(filter.onBlurEvent || null, validateFilterForm.get(filter.name).value)\"/>\n                </nz-input-group>\n                <ng-template #inputCleanTemplate><i nz-icon nz-tooltip class=\"ant-input-clear-icon\" nzTheme=\"fill\"\n                    nzType=\"close-circle\" *ngIf=\"validateFilterForm.get(filter.name).value\"\n                    (click)=\"inputClean(filter)\"></i></ng-template>\n              </ng-container>\n              <ng-container *ngSwitchCase=\"1\">\n                <nz-select\n                  [nzShowSearch]=\"filter.selectOption.hdShowSearch != null ? filter.selectOption.hdShowSearch : true\"\n                  [nzAllowClear]=\"filter.selectOption.hdAllowClear != null ? filter.selectOption.hdAllowClear : true\"\n                  [nzServerSearch]=\"filter.selectOption.hdServerSearch || false\"\n                  [nzDropdownMatchSelectWidth]=\"filter.selectOption.hdDropdownMatchSelectWidth ? filter.selectOption.hdDropdownMatchSelectWidth : false\"\n                  (nzOnSearch)=\"triggerEvent(filter.onSearchEvent || null, $event, filter.selectOption)\"\n                  [nzPlaceHolder]=\"filter.placeholder ? filter.placeholder : '\u8BF7\u9009\u62E9' + filter.label\"\n                  [formControlName]=\"filter.name\">\n                  <nz-option *ngFor=\"let selectItem of filter.selectOption.selectList\"\n                    [nzValue]=\"selectItem[filter.selectOption.value]\" [nzLabel]=\"filter.selectOption.showLabelAndValue ? '['+ selectItem[filter.selectOption.value] +']' +\n                    selectItem[filter.selectOption.label] : selectItem[filter.selectOption.label]\"></nz-option>\n                </nz-select>\n              </ng-container>\n              <ng-container *ngSwitchCase=\"2\">\n                <nz-date-picker *ngIf=\"filter.showTime\"\n                  [nzPlaceHolder]=\"filter.placeholder ? filter.placeholder : '\u8BF7\u9009\u62E9' + filter.label\"\n                  [formControlName]=\"filter.name\" [nzDisabledDate]=\"filter.hdDisabledDate\"\n                  nzShowTime nzFormat=\"yyyy-MM-dd HH:mm:ss\">\n                </nz-date-picker>\n                <nz-date-picker *ngIf=\"!filter.showTime\"\n                  [nzPlaceHolder]=\"filter.placeholder ? filter.placeholder : '\u8BF7\u9009\u62E9' + filter.label\"\n                  [formControlName]=\"filter.name\" [nzDisabledDate]=\"filter.hdDisabledDate\">\n                </nz-date-picker>\n              </ng-container>\n              <ng-container *ngSwitchCase=\"3\">\n                <nz-range-picker [nzPlaceHolder]=\"['\u5F00\u59CB\u65E5\u671F','\u7ED3\u675F\u65E5\u671F']\" [formControlName]=\"filter.name\">\n                </nz-range-picker>\n              </ng-container>\n              <!-- \u591A\u9879\u9009\u62E9\u5668 -->\n              <ng-container *ngSwitchCase=\"4\">\n                <nz-select\n                  [nzDropdownMatchSelectWidth]=\"filter.selectOption.hdDropdownMatchSelectWidth ? filter.selectOption.hdDropdownMatchSelectWidth : false\"\n                  nzMode=\"multiple\"\n                  [nzShowSearch]=\"filter.selectOption.hdShowSearch != null ? filter.selectOption.hdShowSearch : true\"\n                  [nzAllowClear]=\"filter.selectOption.hdAllowClear != null ? filter.selectOption.hdAllowClear : true\"\n                  [nzPlaceHolder]=\"filter.placeholder ? filter.placeholder : '\u8BF7\u9009\u62E9' + filter.label\"\n                  [formControlName]=\"filter.name\" [nzServerSearch]=\"filter.selectOption.hdServerSearch || false\"\n                  (nzOnSearch)=\"triggerEvent(filter.onSearchEvent || null, $event)\">\n                  <nz-option *ngFor=\"let selectItem of filter.selectOption.selectList\"\n                    [nzValue]=\"selectItem[filter.selectOption.value]\" [nzLabel]=\"filter.selectOption.showLabelAndValue ? '['+ selectItem[filter.selectOption.value] +']' +\n                    selectItem[filter.selectOption.label] : selectItem[filter.selectOption.label]\"></nz-option>\n                </nz-select>\n              </ng-container>\n              <ng-container *ngSwitchCase=\"5\">\n                <nz-cascader [nzOptions]=\"filter.cascaderOption.options\" [formControlName]=\"filter.name\"\n                  [nzPlaceHolder]=\"filter.placeholder ? filter.placeholder : '\u8BF7\u9009\u62E9' + filter.label\">\n                </nz-cascader>\n              </ng-container>\n              <ng-container *ngSwitchCase=\"6\">\n                <nz-month-picker [formControlName]=\"filter.name\"\n                  [nzPlaceHolder]=\"filter.placeholder ? filter.placeholder : '\u8BF7\u9009\u62E9' + filter.label\"></nz-month-picker>\n              </ng-container>\n              <ng-container *ngSwitchCase=\"7\">\n                <nz-input-number [formControlName]=\"filter.name\" [nzMin]=\"filter?.inputNumber?.min || 0\"\n                  [nzMax]=\"filter?.inputNumber?.max || 99999999\" [nzStep]=\"filter?.inputNumber?.step || 1\"\n                  [nzPlaceHolder]=\"'\u8BF7\u8F93\u5165' + filter.label\"\n                  [nzPrecision]=\"filter?.inputNumber?.precision != null ? filter.inputNumber.precision : 4\"\n                  (nzBlur)=\"triggerEvent(filter.onBlurEvent || null, validateFilterForm.get(filter.name).value)\">\n                </nz-input-number>\n              </ng-container>\n            </ng-container>\n          </nz-form-control>\n        </nz-form-item>\n      </div>\n    </ng-container>\n\n    <div class=\"hd-filter-btn\" nz-col [nzSpan]=\"6\" [nzOffset]=\"computeOffset()\">\n      <a *ngIf=\"filterList.length > 7\" class=\"hd-filter-more\" (click)=\"showMore()\">\n        {{ isShowMore ? '\u5C55\u5F00' : '\u6536\u8D77' }}\n        <i nz-icon [nzType]=\"isShowMore ? 'down' : 'up'\"></i>\n      </a>\n      <hd-button type=\"primary\" (click)=\"submitForm()\">\u67E5\u8BE2</hd-button>\n      <hd-button type=\"reset\" (click)=\"resetForm()\">\u91CD\u7F6E</hd-button>\n    </div>\n  </div>\n</form>\n",
-                        styles: ["::ng-deep .common-btn-group>a{font-size:12px;font-weight:400;color:#12a34f!important;white-space:nowrap}::ng-deep .common-btn-group .common-danger-btn:hover{color:#f05b24!important}::ng-deep .common-btn-group>a:hover{color:#20bd62!important}::ng-deep .common-btn-group>a:not(:last-child)::after{content:'';margin:0 2px}::ng-deep .common-billNumber>a{color:#3b77e3}button{box-shadow:unset;text-shadow:unset}::ng-deep .ant-form-item-label>label{color:#4b504e}::ng-deep .ant-input-number-input{height:28px}::ng-deep .ant-input-number{height:28px}textarea.ant-input{height:auto;min-height:28px}::ng-deep .ant-select-selection--multiple{min-height:28px}::ng-deep .ant-select-selection__rendered>ul>li{height:22px!important;margin-top:3px!important;line-height:22px!important}::ng-deep .ant-advanced-search-form .ant-form-item{margin-bottom:0!important}::ng-deep .ant-select-selection--single{height:28px!important}::ng-deep .ant-input{height:28px}::ng-deep .ant-input[disabled]:hover{border-color:#d9d9d9!important}::ng-deep .ant-select-selection__rendered{line-height:28px!important}::ng-deep .ant-calendar-range-picker-input{text-align:left!important}::ng-deep .ant-calendar-picker{width:100%!important}::ng-deep .ant-row{margin-right:0!important;margin-left:0!important}::ng-deep .ant-col-6{padding-left:12px;padding-right:12px}::ng-deep .ant-col-12{padding-left:12px;padding-right:12px}::ng-deep .ant-col-18{padding-left:12px;padding-right:12px}::ng-deep .ant-col-24{padding-left:12px;padding-right:12px}::ng-deep .ant-alert-info{background-color:#f5f8f6;border:1px solid #cfe3d4}:host ::ng-deep th{background:#f5f8f6!important;font-weight:700!important;white-space:nowrap;font-size:12px;font-family:PingFangSC-Medium,PingFang SC;color:#2a3634;padding:8px!important;box-sizing:border-box}:host ::ng-deep td{font-weight:400;font-style:normal;font-size:12px;color:#2a3634;text-align:left;white-space:nowrap;padding:8px!important;box-sizing:border-box}::ng-deep .ant-pagination-options{display:inline-flex;align-items:center}::ng-deep .ant-time-picker{width:100%}.ant-input-number-disabled,.ant-input[disabled],.ant-select-disabled{color:#4b504e}.hd-filter-container{padding:20px 23px;background:#fff;box-shadow:0 0 12px 0 rgba(93,114,103,.08);border-radius:4px;margin-bottom:8px!important;font-size:12px}.hd-filter-container .ant-row{margin-right:0!important;margin-left:0!important}.hd-filter-container .ant-col-6{padding-left:0!important;padding-right:0!important}.hd-filter-container .hd-filter-label{width:108px;word-break:break-all}.hd-filter-container .hd-filter-control{width:calc(100% - 108px)}.hd-filter-container ::ng-deep .ant-calendar-picker{width:100%}.hd-filter-container .hd-filter-more{color:#12a34f}.hd-filter-container .hd-filter-btn{height:40px;display:inline-flex;align-items:center;justify-content:flex-end}.hd-filter-container hd-button{margin-left:12px}.hd-filter-container ::ng-deep .ant-advanced-search-form .ant-form-item{margin-bottom:0!important}.hd-filter-container ::ng-deep .ant-select-selection--single{height:28px!important}.hd-filter-container ::ng-deep .ant-input{height:28px!important}.hd-filter-container ::ng-deep .ant-calendar-range-picker-input{text-align:left!important}.hd-filter-container .ant-input-number{width:100%}.hd-filter-container .hd-red{color:red}"]
+                        template: "<form nz-form [formGroup]=\"validateFilterForm\" class=\"ant-advanced-search-form hd-filter-container\">\n  <!-- \u6574\u4F53\u7ED3\u6784 -->\n  <div nz-row [nzGutter]=\"24\">\n    <!-- \u5BF9\u7EC4\u4EF6\u5217\u8868\u5FAA\u73AF\u5904\u7406 -->\n    <ng-container *ngFor=\"let filter of filterList\">\n      <div nz-col [nzSpan]=\"6\" [hidden]=\"!filter.show\">\n        <nz-form-item nzFlex>\n          <nz-form-label class=\"hd-filter-label\" [nzNoColon]=\"true\"><span class=\"hd-red\" *ngIf=\"filter.require\">*</span>{{ filter.label }}\n          </nz-form-label>\n          <nz-form-control class=\"hd-filter-control\">\n            <ng-container [ngSwitch]=\"filter.type\">\n              <!-- \u8FD9\u91CC\u6570\u5B57\u5BF9\u5E94\u679A\u4E3E\u7C7B\u578B\uFF0C\u53EF\u5728hd-filter.service.ts\u6587\u4EF6\u4E2D\u67E5\u770B\u5BF9\u5E94\u5173\u7CFB -->\n              <ng-container *ngSwitchCase=\"0\">\n                <nz-input-group [nzSuffix]=\"inputCleanTemplate\">\n                  <input nz-input [placeholder]=\"filter.placeholder ? filter.placeholder : '\u8BF7\u8F93\u5165' + filter.label\"\n                    [formControlName]=\"filter.name\"\n                    (blur)=\"triggerEvent(filter.onBlurEvent || null, validateFilterForm.get(filter.name).value)\"/>\n                </nz-input-group>\n                <ng-template #inputCleanTemplate><i nz-icon nz-tooltip class=\"ant-input-clear-icon\" nzTheme=\"fill\"\n                    nzType=\"close-circle\" *ngIf=\"validateFilterForm.get(filter.name).value\"\n                    (click)=\"inputClean(filter)\"></i></ng-template>\n              </ng-container>\n              <ng-container *ngSwitchCase=\"1\">\n                <nz-select\n                  [nzShowSearch]=\"filter.selectOption.hdShowSearch != null ? filter.selectOption.hdShowSearch : true\"\n                  [nzAllowClear]=\"filter.selectOption.hdAllowClear != null ? filter.selectOption.hdAllowClear : true\"\n                  [nzServerSearch]=\"filter.selectOption.hdServerSearch || false\"\n                  [nzDropdownMatchSelectWidth]=\"filter.selectOption.hdDropdownMatchSelectWidth ? filter.selectOption.hdDropdownMatchSelectWidth : false\"\n                  (nzOnSearch)=\"onSearchEvent(filter.onSearchEvent || null, $event, filter.onSearchEventEventDebounceTime, filter.selectOption)\"\n                  [nzPlaceHolder]=\"filter.placeholder ? filter.placeholder : '\u8BF7\u9009\u62E9' + filter.label\"\n                  [formControlName]=\"filter.name\">\n                  <nz-option *ngFor=\"let selectItem of filter.selectOption.selectList\"\n                    [nzValue]=\"selectItem[filter.selectOption.value]\" [nzLabel]=\"filter.selectOption.showLabelAndValue ? '['+ selectItem[filter.selectOption.value] +']' +\n                    selectItem[filter.selectOption.label] : selectItem[filter.selectOption.label]\"></nz-option>\n                </nz-select>\n              </ng-container>\n              <ng-container *ngSwitchCase=\"2\">\n                <nz-date-picker *ngIf=\"filter.showTime\"\n                  [nzPlaceHolder]=\"filter.placeholder ? filter.placeholder : '\u8BF7\u9009\u62E9' + filter.label\"\n                  [formControlName]=\"filter.name\" [nzDisabledDate]=\"filter.hdDisabledDate\"\n                  nzShowTime nzFormat=\"yyyy-MM-dd HH:mm:ss\">\n                </nz-date-picker>\n                <nz-date-picker *ngIf=\"!filter.showTime\"\n                  [nzPlaceHolder]=\"filter.placeholder ? filter.placeholder : '\u8BF7\u9009\u62E9' + filter.label\"\n                  [formControlName]=\"filter.name\" [nzDisabledDate]=\"filter.hdDisabledDate\">\n                </nz-date-picker>\n              </ng-container>\n              <ng-container *ngSwitchCase=\"3\">\n                <nz-range-picker [nzPlaceHolder]=\"['\u5F00\u59CB\u65E5\u671F','\u7ED3\u675F\u65E5\u671F']\" [nzDisabledDate]=\"filter.hdDisabledDate\" [formControlName]=\"filter.name\">\n                </nz-range-picker>\n              </ng-container>\n              <!-- \u591A\u9879\u9009\u62E9\u5668 -->\n              <ng-container *ngSwitchCase=\"4\">\n                <nz-select\n                  [nzDropdownMatchSelectWidth]=\"filter.selectOption.hdDropdownMatchSelectWidth ? filter.selectOption.hdDropdownMatchSelectWidth : false\"\n                  nzMode=\"multiple\"\n                  [nzShowSearch]=\"filter.selectOption.hdShowSearch != null ? filter.selectOption.hdShowSearch : true\"\n                  [nzAllowClear]=\"filter.selectOption.hdAllowClear != null ? filter.selectOption.hdAllowClear : true\"\n                  [nzPlaceHolder]=\"filter.placeholder ? filter.placeholder : '\u8BF7\u9009\u62E9' + filter.label\"\n                  [formControlName]=\"filter.name\" [nzServerSearch]=\"filter.selectOption.hdServerSearch || false\"\n                  (nzOnSearch)=\"onSearchEvent(filter.onSearchEvent || null, $event, filter.onSearchEventEventDebounceTime, filter.selectOption)\">\n                  <nz-option *ngFor=\"let selectItem of filter.selectOption.selectList\"\n                    [nzValue]=\"selectItem[filter.selectOption.value]\" [nzLabel]=\"filter.selectOption.showLabelAndValue ? '['+ selectItem[filter.selectOption.value] +']' +\n                    selectItem[filter.selectOption.label] : selectItem[filter.selectOption.label]\"></nz-option>\n                </nz-select>\n              </ng-container>\n              <ng-container *ngSwitchCase=\"5\">\n                <nz-cascader [nzOptions]=\"filter.cascaderOption.options\" [formControlName]=\"filter.name\"\n                  [nzPlaceHolder]=\"filter.placeholder ? filter.placeholder : '\u8BF7\u9009\u62E9' + filter.label\">\n                </nz-cascader>\n              </ng-container>\n              <ng-container *ngSwitchCase=\"6\">\n                <nz-month-picker [formControlName]=\"filter.name\"\n                  [nzPlaceHolder]=\"filter.placeholder ? filter.placeholder : '\u8BF7\u9009\u62E9' + filter.label\"></nz-month-picker>\n              </ng-container>\n              <ng-container *ngSwitchCase=\"7\">\n                <nz-input-number [formControlName]=\"filter.name\" [nzMin]=\"filter?.inputNumber?.min || 0\"\n                  [nzMax]=\"filter?.inputNumber?.max || 99999999\" [nzStep]=\"filter?.inputNumber?.step || 1\"\n                  [nzPlaceHolder]=\"'\u8BF7\u8F93\u5165' + filter.label\"\n                  [nzPrecision]=\"filter?.inputNumber?.precision != null ? filter.inputNumber.precision : 4\"\n                  (nzBlur)=\"triggerEvent(filter.onBlurEvent || null, validateFilterForm.get(filter.name).value)\">\n                </nz-input-number>\n              </ng-container>\n            </ng-container>\n          </nz-form-control>\n        </nz-form-item>\n      </div>\n    </ng-container>\n\n    <div class=\"hd-filter-btn\" nz-col [nzSpan]=\"6\" [nzOffset]=\"computeOffset()\">\n      <a *ngIf=\"filterList.length > 7\" class=\"hd-filter-more\" (click)=\"showMore()\">\n        {{ isShowMore ? '\u5C55\u5F00' : '\u6536\u8D77' }}\n        <i nz-icon [nzType]=\"isShowMore ? 'down' : 'up'\"></i>\n      </a>\n      <hd-button type=\"primary\" (click)=\"submitForm()\">\u67E5\u8BE2</hd-button>\n      <hd-button type=\"reset\" (click)=\"resetForm()\">\u91CD\u7F6E</hd-button>\n    </div>\n  </div>\n</form>\n",
+                        styles: ["::ng-deep .common-btn-group>a{font-size:14px;font-weight:400;color:#20b95d!important;white-space:nowrap}::ng-deep .common-btn-group .common-danger-btn:hover{color:#f05b24!important}::ng-deep .common-btn-group>a:hover{color:#20bd62!important}::ng-deep .common-btn-group>a:not(:last-child)::after{content:'';margin:0 2px}::ng-deep .common-billNumber>a{color:#3b77e3}button{box-shadow:unset;text-shadow:unset}::ng-deep .ant-form-item-label>label{color:#4b504e;font-size:14px}::ng-deep .ant-input-number-input{height:32px}::ng-deep .ant-input-number{height:32px}textarea.ant-input{height:auto;min-height:32px}::ng-deep .ant-select-selection--multiple{min-height:32px}::ng-deep .ant-select-selection__rendered>ul>li{height:26px!important;margin-top:3px!important;line-height:26px!important}::ng-deep .ant-advanced-search-form .ant-form-item{margin-bottom:0!important}::ng-deep .ant-select-selection--single{height:32px!important}::ng-deep .ant-input{height:32px}::ng-deep .ant-input[disabled]:hover{border-color:#d9d9d9!important}::ng-deep .ant-select-selection__rendered{line-height:32px!important}::ng-deep .ant-calendar-range-picker-input{text-align:left!important}::ng-deep .ant-calendar-picker{width:100%!important}::ng-deep .ant-row{margin-right:0!important;margin-left:0!important}::ng-deep .ant-col-6{padding-left:12px;padding-right:12px}::ng-deep .ant-col-12{padding-left:12px;padding-right:12px}::ng-deep .ant-col-18{padding-left:12px;padding-right:12px}::ng-deep .ant-col-24{padding-left:12px;padding-right:12px}::ng-deep .ant-alert-info{background-color:#f5f8f6;border:1px solid #cfe3d4}:host ::ng-deep th{background:#f5f8f6!important;font-weight:700!important;white-space:nowrap;font-size:14px;font-family:PingFangSC-Medium,PingFang SC;color:#2a3634;padding:8px!important;box-sizing:border-box}:host ::ng-deep td{font-weight:400;font-style:normal;font-size:14px;color:#2a3634;text-align:left;white-space:nowrap;padding:8px!important;box-sizing:border-box}::ng-deep .ant-pagination-options{display:inline-flex;align-items:center}::ng-deep .ant-time-picker{width:100%}.ant-input-number-disabled,.ant-input[disabled],.ant-select-disabled{color:#4b504e}.hd-filter-container{padding:20px 23px;background:#fff;box-shadow:0 0 12px 0 rgba(93,114,103,.08);border-radius:4px;margin-bottom:8px!important;font-size:14px}.hd-filter-container .ant-row{display:flex;flex-wrap:wrap;align-items:flex-start;row-gap:4px;margin-right:0!important;margin-left:0!important}.hd-filter-container .ant-row::after,.hd-filter-container .ant-row::before{display:none}.hd-filter-container .ant-col-6{float:none;padding-left:0!important;padding-right:0!important}.hd-filter-container .hd-filter-label{width:124px;word-break:break-all;font-size:14px}.hd-filter-container .hd-filter-label ::ng-deep label{font-size:14px}.hd-filter-container .hd-filter-control{width:calc(100% - 124px)}.hd-filter-container ::ng-deep .ant-calendar-picker{width:100%}.hd-filter-container .hd-filter-more{color:#20b95d}.hd-filter-container .hd-filter-btn{height:40px;display:inline-flex;align-items:center;justify-content:flex-end}.hd-filter-container hd-button{margin-left:12px}.hd-filter-container ::ng-deep .ant-advanced-search-form .ant-form-item{margin-bottom:0!important}.hd-filter-container ::ng-deep .ant-select-selection--single{height:32px!important}.hd-filter-container ::ng-deep .ant-input{height:32px!important}.hd-filter-container ::ng-deep .ant-calendar-range-picker-input{text-align:left!important}.hd-filter-container .ant-input-number{width:100%}.hd-filter-container .hd-red{color:#f5222d}"]
                     }] }
         ];
         /** @nocollapse */
@@ -1414,150 +2259,45 @@
          * @type {?}
          * @private
          */
-        HdFilterComponent.prototype.fb;
-    }
-
-    /**
-     * @fileoverview added by tsickle
-     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
-     */
-    var HdFilterModule = /** @class */ (function () {
-        function HdFilterModule() {
-        }
-        HdFilterModule.decorators = [
-            { type: core.NgModule, args: [{
-                        imports: [
-                            common.CommonModule,
-                            forms.FormsModule,
-                            forms.ReactiveFormsModule,
-                            cascader.NzCascaderModule,
-                            datePicker.NzDatePickerModule,
-                            form.NzFormModule,
-                            grid.NzGridModule,
-                            icon.NzIconModule,
-                            input.NzInputModule,
-                            inputNumber.NzInputNumberModule,
-                            select.NzSelectModule,
-                            tooltip.NzToolTipModule,
-                            HdButtonModule
-                        ],
-                        declarations: [HdFilterComponent],
-                        exports: [HdFilterComponent]
-                    },] }
-        ];
-        return HdFilterModule;
-    }());
-
-    /**
-     * @fileoverview added by tsickle
-     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
-     */
-    /** @enum {string} */
-    var SpaceType = {
-        row: 'row',
-        column: 'column',
-    };
-    var Style = /** @class */ (function () {
-        function Style() {
-        }
-        return Style;
-    }());
-    if (false) {
-        /** @type {?} */
-        Style.prototype.background;
-        /** @type {?} */
-        Style.prototype.width;
-        /** @type {?} */
-        Style.prototype.height;
-    }
-    var HdSpaceService = /** @class */ (function () {
-        function HdSpaceService() {
-        }
-        HdSpaceService.decorators = [
-            { type: core.Injectable, args: [{
-                        providedIn: 'root'
-                    },] }
-        ];
-        /** @nocollapse */
-        HdSpaceService.ctorParameters = function () { return []; };
-        /** @nocollapse */ HdSpaceService.ngInjectableDef = core.ɵɵdefineInjectable({ factory: function HdSpaceService_Factory() { return new HdSpaceService(); }, token: HdSpaceService, providedIn: "root" });
-        return HdSpaceService;
-    }());
-
-    /**
-     * @fileoverview added by tsickle
-     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
-     */
-    var HdSpaceComponent = /** @class */ (function () {
-        function HdSpaceComponent() {
-            this.type = SpaceType.row;
-            this.background = 'inherit';
-            this.style = new Style();
-        }
-        /**
-         * @return {?}
-         */
-        HdSpaceComponent.prototype.ngOnInit = /**
-         * @return {?}
-         */
-        function () {
-            this.style['background'] = this.background;
-            if (this.type === SpaceType.row) {
-                this.style['width'] = '100%';
-                this.style['height'] = this.size + 'px';
-            }
-            else {
-                this.style['height'] = '100%';
-                this.style['width'] = this.size + 'px';
-            }
-        };
-        HdSpaceComponent.decorators = [
-            { type: core.Component, args: [{
-                        selector: 'hd-space',
-                        template: "<nz-content>\n  <div [ngStyle]=\"style\"></div>\n</nz-content>\n",
-                        styles: [""]
-                    }] }
-        ];
-        /** @nocollapse */
-        HdSpaceComponent.ctorParameters = function () { return []; };
-        HdSpaceComponent.propDecorators = {
-            type: [{ type: core.Input }],
-            size: [{ type: core.Input }],
-            background: [{ type: core.Input }]
-        };
-        return HdSpaceComponent;
-    }());
-    if (false) {
-        /** @type {?} */
-        HdSpaceComponent.prototype.type;
-        /** @type {?} */
-        HdSpaceComponent.prototype.size;
-        /** @type {?} */
-        HdSpaceComponent.prototype.background;
-        /** @type {?} */
-        HdSpaceComponent.prototype.style;
+        HdFilterComponent.prototype.searchSubject;
+        /**
+         * @type {?}
+         * @private
+         */
+        HdFilterComponent.prototype.debounceTimeout;
+        /**
+         * @type {?}
+         * @private
+         */
+        HdFilterComponent.prototype.searchSubscription;
+        /**
+         * @type {?}
+         * @private
+         */
+        HdFilterComponent.prototype.fb;
     }
 
     /**
      * @fileoverview added by tsickle
      * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
-    var HdSpaceModule = /** @class */ (function () {
-        function HdSpaceModule() {
+    var HdFilterModule = /** @class */ (function () {
+        function HdFilterModule() {
         }
-        HdSpaceModule.decorators = [
+        HdFilterModule.decorators = [
             { type: core.NgModule, args: [{
                         imports: [
                             common.CommonModule,
                             forms.FormsModule,
                             forms.ReactiveFormsModule,
-                            layout.NzLayoutModule
+                            ngZorroAntd.NgZorroAntdModule,
+                            HdButtonModule
                         ],
-                        declarations: [HdSpaceComponent],
-                        exports: [HdSpaceComponent]
+                        declarations: [HdFilterComponent],
+                        exports: [HdFilterComponent]
                     },] }
         ];
-        return HdSpaceModule;
+        return HdFilterModule;
     }());
 
     /**
@@ -1573,10 +2313,14 @@
             this.require = false; // 是否必填
             // 是否必填
             this.hide = false; // 是否为隐藏字段，仅用于填充表单的字段，不显示在页面上
+            // 是否为隐藏字段，仅用于填充表单的字段，不显示在页面上
+            this.hideViewDomValue = false; // type为ViewDom时，是否隐藏value值, 用于特殊场景，譬如列表中图片的显示
             // 列对齐方式
             this.value = null; // 值 不传默认为null
             // 需要保留小数的列的位数
             this.inputNumber = new InputNumber(); // number组件的min、max、step
+            // date-picker组件不可选择的日期
+            this.hdShowToday = true; // 对应 nzShowToday，是否显示「今天」按钮，默认 true
             // 不可输入状态
             this.showTime = false; // 日期选择器是否包含时间
             this.canSearch = false; // 指明hide 情况下的控件是否可以被搜索，默认false
@@ -1597,6 +2341,8 @@
         /** @type {?} */
         FormLine.prototype.hide;
         /** @type {?} */
+        FormLine.prototype.hideViewDomValue;
+        /** @type {?} */
         FormLine.prototype.align;
         /** @type {?} */
         FormLine.prototype.value;
@@ -1625,6 +2371,8 @@
         /** @type {?} */
         FormLine.prototype.hdDisabledDate;
         /** @type {?} */
+        FormLine.prototype.hdShowToday;
+        /** @type {?} */
         FormLine.prototype.disabled;
         /** @type {?} */
         FormLine.prototype.showTime;
@@ -1693,6 +2441,11 @@
      * @fileoverview added by tsickle
      * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
+    /**
+     * 与 ant-select 选项项水平内边距一致，用于表头与选项行对齐
+     * @type {?}
+     */
+    var SELECT_TABLE_OPTION_HORIZONTAL_PADDING = 12;
     var HdFormLinesComponent = /** @class */ (function () {
         function HdFormLinesComponent(fb, cdr) {
             var _this = this;
@@ -1704,8 +2457,8 @@
             this.showKeyboardOperateTip = false;
             this.tableLoading = false;
             this.showSearch = false;
-            this.operateButtons = ['add', 'delete'];
-            this.scroll = { x: '1px' };
+            this.operateButtons = ["add", "delete"];
+            this.scroll = { x: "1px" };
             this.changeEvent = new core.EventEmitter();
             this.showDeleteConfirm = false;
             this.paginationPageIndex = 1;
@@ -1737,7 +2490,9 @@
             this.activeSelectedComponentOpen = false;
             this.deleteLineEvent = new core.EventEmitter();
             this.textWidthCache = {};
-            this.searchSubscription = this.searchSubject.pipe(operators.debounceTime(this.debounceTimeout)).subscribe((/**
+            this.searchSubscription = this.searchSubject
+                .pipe(operators.debounceTime(this.debounceTimeout))
+                .subscribe((/**
              * @param {?} __0
              * @return {?}
              */
@@ -1764,7 +2519,28 @@
          * @return {?}
          */
         function () {
+            var _this = this;
             this.collectDomData();
+            this.formInputDomListSub = this.formInputDomList.changes.subscribe((/**
+             * @return {?}
+             */
+            function () {
+                _this.collectDomData();
+            }));
+        };
+        /**
+         * @return {?}
+         */
+        HdFormLinesComponent.prototype.ngOnDestroy = /**
+         * @return {?}
+         */
+        function () {
+            if (this.searchSubscription) {
+                this.searchSubscription.unsubscribe();
+            }
+            if (this.formInputDomListSub) {
+                this.formInputDomListSub.unsubscribe();
+            }
         };
         Object.defineProperty(HdFormLinesComponent.prototype, "formLinesLength", {
             get: /**
@@ -1787,23 +2563,45 @@
         function (value) {
             var _this = this;
             this.activeSelectedComponentOpen = value;
-            if (value === true && document.querySelectorAll('.hd-option-header').length === 0) {
+            if (value === true) {
                 setTimeout((/**
                  * @return {?}
                  */
                 function () {
                     /** @type {?} */
-                    var domList = document.querySelectorAll('.ant-select-dropdown.hd-select-table');
+                    var domList = document.querySelectorAll(".ant-select-dropdown.hd-select-table");
                     if (domList.length > 0) {
                         /** @type {?} */
                         var dom = domList[0];
+                        dom
+                            .querySelectorAll(".hd-option-header")
+                            .forEach((/**
+                         * @param {?} header
+                         * @return {?}
+                         */
+                        function (header) { return header.remove(); }));
                         /** @type {?} */
                         var oldIndex = _this.getOldDomIndex(_this.activeDomY, _this.formLines);
-                        dom.insertBefore(_this.createDOMStructure(_this.formLines[oldIndex], _this.linesFormArray.controls.slice((_this.paginationPageIndex - 1) * _this.paginationPageSize, (_this.paginationPageIndex - 1) * _this.paginationPageSize + _this.paginationPageSize)[_this.activeDomX]), dom.firstChild);
+                        dom.insertBefore(_this.createDOMStructure(_this.formLines[oldIndex], _this.linesFormArray.controls.slice((_this.paginationPageIndex - 1) * _this.paginationPageSize, (_this.paginationPageIndex - 1) * _this.paginationPageSize +
+                            _this.paginationPageSize)[_this.activeDomX]), dom.firstChild);
                     }
                 }), 0);
             }
         };
+        /**
+         * @param {?} column
+         * @return {?}
+         */
+        HdFormLinesComponent.prototype.getSelectTableColumnStyle = /**
+         * @param {?} column
+         * @return {?}
+         */
+        function (column) {
+            if (!column || !column.width) {
+                return { width: "unset" };
+            }
+            return { width: column.width + "px" };
+        };
         /**
          * @param {?} formItem
          * @param {?} line
@@ -1815,10 +2613,13 @@
          * @return {?}
          */
         function (formItem, line) {
+            var _this = this;
             // 创建外部 div
             /** @type {?} */
-            var hdOptionHeader = document.createElement('div');
-            hdOptionHeader.className = 'hd-option-header';
+            var hdOptionHeader = document.createElement("div");
+            hdOptionHeader.className = "hd-option-header";
+            hdOptionHeader.style.paddingLeft = SELECT_TABLE_OPTION_HORIZONTAL_PADDING + "px";
+            hdOptionHeader.style.paddingRight = SELECT_TABLE_OPTION_HORIZONTAL_PADDING + "px";
             // 检查条件，确定是否要创建子元素
             // const selectListLength = (formItem && formItem.selectOption && formItem.selectOption.selectList && formItem.selectOption.selectList.length) || 0;
             // if
@@ -1827,19 +2628,15 @@
             // 遍历 tableColumns 创建内部列 div
             formItem.selectOption.tableColumns.forEach((/**
              * @param {?} selectOptionTableColumn
-             * @param {?} index
              * @return {?}
              */
-            function (selectOptionTableColumn, index) {
+            function (selectOptionTableColumn) {
                 /** @type {?} */
-                var columnDiv = document.createElement('div');
-                columnDiv.className = 'hd-option-header-column';
-                // 设置宽度样式
+                var columnDiv = document.createElement("div");
+                columnDiv.className = "hd-option-header-column";
                 /** @type {?} */
-                var width = (selectOptionTableColumn && selectOptionTableColumn.width) ?
-                    (selectOptionTableColumn && selectOptionTableColumn.width) + ((index === 0 && !(selectOptionTableColumn && selectOptionTableColumn.label)) ? 12 : 0) + 'px'
-                    : 'unset';
-                columnDiv.style.width = width;
+                var widthStyle = _this.getSelectTableColumnStyle(selectOptionTableColumn);
+                columnDiv.style.width = widthStyle.width;
                 // 添加列标签内容
                 if (selectOptionTableColumn.label) {
                     /** @type {?} */
@@ -1877,23 +2674,47 @@
             for (var i = 0; i < pageLinesLength; i++) {
                 this.collectDomList.push(pageDomList.splice(0, interval));
             }
-            // 关闭所有NzInputNumberComponent的键盘上下箭头触发+-的功能
+            this.disableInputNumberKeyboardStep();
+        };
+        /**
+         * ng-zorro 8 在 input 的 onKeyDown 里用上下键调 up()/down() 改 step。
+         * 只覆盖 onKeyDown（不动 up/down），键盘方向键交给表单跳转，+/- 按钮仍可用。
+         */
+        /**
+         * ng-zorro 8 在 input 的 onKeyDown 里用上下键调 up()/down() 改 step。
+         * 只覆盖 onKeyDown（不动 up/down），键盘方向键交给表单跳转，+/- 按钮仍可用。
+         * @private
+         * @return {?}
+         */
+        HdFormLinesComponent.prototype.disableInputNumberKeyboardStep = /**
+         * ng-zorro 8 在 input 的 onKeyDown 里用上下键调 up()/down() 改 step。
+         * 只覆盖 onKeyDown（不动 up/down），键盘方向键交给表单跳转，+/- 按钮仍可用。
+         * @private
+         * @return {?}
+         */
+        function () {
             for (var i = 0; i < this.collectDomList.length; i++) {
-                for (var j = 0; j < this.collectDomList[i].length; j++) {
+                var _loop_1 = function (j) {
                     /** @type {?} */
-                    var dom = this.collectDomList[i][j];
+                    var dom = this_1.collectDomList[i][j];
                     if (dom instanceof ngZorroAntd.NzInputNumberComponent) {
-                        dom.down = (/**
+                        dom.onKeyDown = (/**
+                         * @param {?} e
                          * @return {?}
                          */
-                        function () {
-                        });
-                        dom.up = (/**
-                         * @return {?}
-                         */
-                        function () {
+                        function (e) {
+                            if (e.keyCode === 38 || e.keyCode === 40) {
+                                return;
+                            }
+                            if (e.keyCode === 13) {
+                                dom.setValidateValue();
+                            }
                         });
                     }
+                };
+                var this_1 = this;
+                for (var j = 0; j < this.collectDomList[i].length; j++) {
+                    _loop_1(j);
                 }
             }
         };
@@ -1912,23 +2733,28 @@
          * @return {?}
          */
         function (x, y) {
-            if (x === null || y === null || !this.collectDomList || this.collectDomList.length === 0) {
+            if (x === null ||
+                y === null ||
+                !this.collectDomList ||
+                this.collectDomList.length === 0) {
                 return;
             }
             // 如果是最后一个可输入元素，新增行
-            if (!(this.activeDom instanceof ngZorroAntd.NzSelectComponent) && x === this.collectDomList.length - 1 && y === this.collectDomList[0].length - 1) {
+            if (!(this.activeDom instanceof ngZorroAntd.NzSelectComponent) &&
+                x === this.collectDomList.length - 1 &&
+                y === this.collectDomList[0].length - 1) {
                 this.addNewLineAndFocus();
             }
             else {
                 if (y === this.collectDomList[0].length - 1) {
-                    console.log('执行过程1');
+                    console.log("执行过程1");
                     // 如果是最后一列，则跳转到下一行第一个输入框
-                    this.focusDom(x + 1, 0, 'right');
+                    this.focusDom(x + 1, 0, "right");
                 }
                 else {
-                    console.log('执行过程2');
+                    console.log("执行过程2");
                     // 如果不是最后一列，则跳转到当前行下一个输入框
-                    this.focusDom(x, y + 1, 'right');
+                    this.focusDom(x, y + 1, "right");
                 }
             }
         };
@@ -1953,7 +2779,8 @@
             // 2、如果没有：新增行+翻页+聚焦第一行第一个元素
             if (this.activeDomX === this.paginationPageSize - 1) {
                 // 判断下一页是否有数据
-                if (this.paginationPageIndex < Math.ceil(this.formLinesLength / this.paginationPageSize)) {
+                if (this.paginationPageIndex <
+                    Math.ceil(this.formLinesLength / this.paginationPageSize)) {
                     // 翻页+聚焦第一行第一个元素
                     this.paginationPageIndex++;
                     setTimeout((/**
@@ -1961,8 +2788,8 @@
                      */
                     function () {
                         _this.collectDomData();
-                        console.log('执行过程3');
-                        _this.focusDom(0, 0, 'right');
+                        console.log("执行过程3");
+                        _this.focusDom(0, 0, "right");
                     }), 0);
                 }
                 else {
@@ -1974,7 +2801,7 @@
                      */
                     function () {
                         _this.collectDomData();
-                        console.log('执行过程4');
+                        console.log("执行过程4");
                         _this.focusDom(0, 0);
                     }), 0);
                 }
@@ -1999,7 +2826,10 @@
          */
         function (x, y) {
             var _this = this;
-            if (x === null || y === null || !this.collectDomList || this.collectDomList.length === 0) {
+            if (x === null ||
+                y === null ||
+                !this.collectDomList ||
+                this.collectDomList.length === 0) {
                 return;
             }
             if (x === 0 && y === 0) {
@@ -2012,7 +2842,7 @@
                      */
                     function () {
                         _this.collectDomData();
-                        console.log('执行过程5');
+                        console.log("执行过程5");
                         _this.focusDom(_this.collectDomList.length - 1, _this.collectDomList[0].length - 1);
                     }), 0);
                 }
@@ -2020,14 +2850,14 @@
             }
             else {
                 if (y === 0) {
-                    console.log('执行过程6');
+                    console.log("执行过程6");
                     // 如果是第一列，则跳转到上一行最后一个输入框
-                    this.focusDom(x - 1, this.collectDomList[0].length - 1, 'left');
+                    this.focusDom(x - 1, this.collectDomList[0].length - 1, "left");
                 }
                 else {
-                    console.log('执行过程7');
+                    console.log("执行过程7");
                     // 如果不是第一列，则跳转到当前行上一个输入框
-                    this.focusDom(x, y - 1, 'left');
+                    this.focusDom(x, y - 1, "left");
                 }
             }
         };
@@ -2052,8 +2882,11 @@
          * @return {?}
          */
         function (x, y, jumpDirection) {
-            if (jumpDirection === void 0) { jumpDirection = 'right'; }
-            if (x === null || y === null || !this.collectDomList || this.collectDomList.length === 0) {
+            if (jumpDirection === void 0) { jumpDirection = "right"; }
+            if (x === null ||
+                y === null ||
+                !this.collectDomList ||
+                this.collectDomList.length === 0) {
                 return;
             }
             // 先清除一下当前的焦点
@@ -2064,17 +2897,17 @@
                 // 需要判断下一个focus的dom是否是禁用状态，如果是禁用状态需要跳过
                 if (dom_1 instanceof ngZorroAntd.NzSelectComponent) {
                     if (dom_1.nzDisabled) {
-                        if (jumpDirection === 'right') {
+                        if (jumpDirection === "right") {
                             this.jumpToNextInput(x, y);
                         }
-                        else if (jumpDirection === 'left') {
+                        else if (jumpDirection === "left") {
                             this.jumpToPrevInput(x, y);
                         }
                         return;
                     }
-                    dom_1.nzSelectTopControlComponent.inputElement.nativeElement.scrollIntoView({ behavior: 'smooth', block: 'center', inline: 'center' });
+                    dom_1.nzSelectTopControlComponent.inputElement.nativeElement.scrollIntoView({ behavior: "smooth", block: "center", inline: "center" });
                     // 这里多选框需要额外处理下，因为向下的时候会触发内部Input的聚焦，把下一个dom的focus放到宏任务中，延迟处理。
-                    if (dom_1.nzSelectService.mode === 'multiple') {
+                    if (dom_1.nzSelectService.mode === "multiple") {
                         setTimeout((/**
                          * @return {?}
                          */
@@ -2088,10 +2921,10 @@
                 }
                 else if (dom_1 instanceof ngZorroAntd.NzInputNumberComponent) {
                     if (dom_1.nzDisabled) {
-                        if (jumpDirection === 'right') {
+                        if (jumpDirection === "right") {
                             this.jumpToNextInput(x, y);
                         }
-                        else if (jumpDirection === 'left') {
+                        else if (jumpDirection === "left") {
                             this.jumpToPrevInput(x, y);
                         }
                         return;
@@ -2099,7 +2932,11 @@
                     /** @type {?} */
                     var inputDom_1 = document.getElementById(dom_1.nzId);
                     inputDom_1.focus();
-                    inputDom_1.scrollIntoView({ behavior: 'smooth', block: 'center', inline: 'center' });
+                    inputDom_1.scrollIntoView({
+                        behavior: "smooth",
+                        block: "center",
+                        inline: "center",
+                    });
                     setTimeout((/**
                      * @return {?}
                      */
@@ -2109,16 +2946,20 @@
                 }
                 else if (dom_1 instanceof core.ElementRef) {
                     if (dom_1.nativeElement.disabled) {
-                        if (jumpDirection === 'right') {
+                        if (jumpDirection === "right") {
                             this.jumpToNextInput(x, y);
                         }
-                        else if (jumpDirection === 'left') {
+                        else if (jumpDirection === "left") {
                             this.jumpToPrevInput(x, y);
                         }
                         return;
                     }
                     dom_1.nativeElement.focus();
-                    dom_1.nativeElement.scrollIntoView({ behavior: 'smooth', block: 'center', inline: 'center' });
+                    dom_1.nativeElement.scrollIntoView({
+                        behavior: "smooth",
+                        block: "center",
+                        inline: "center",
+                    });
                     setTimeout((/**
                      * @return {?}
                      */
@@ -2126,12 +2967,14 @@
                         dom_1.nativeElement.select();
                     }), 0);
                 }
-                else if (dom_1 instanceof ngZorroAntd.NzDatePickerComponent || dom_1 instanceof ngZorroAntd.NzRangePickerComponent || dom_1 instanceof ngZorroAntd.NzTimePickerComponent) {
+                else if (dom_1 instanceof ngZorroAntd.NzDatePickerComponent ||
+                    dom_1 instanceof ngZorroAntd.NzRangePickerComponent ||
+                    dom_1 instanceof ngZorroAntd.NzTimePickerComponent) {
                     // TODO:在ngzorro8.5.x版本，时间相关的选择器没有暴露出open方法，暂时先不处理。（10.x及以上版本提供了open方法）
-                    if (jumpDirection === 'right') {
+                    if (jumpDirection === "right") {
                         this.jumpToNextInput(x, y);
                     }
-                    else if (jumpDirection === 'left') {
+                    else if (jumpDirection === "left") {
                         this.jumpToPrevInput(x, y);
                     }
                     return;
@@ -2153,7 +2996,10 @@
          * @return {?}
          */
         function (x, y) {
-            if (x === null || y === null || !this.collectDomList || this.collectDomList.length === 0) {
+            if (x === null ||
+                y === null ||
+                !this.collectDomList ||
+                this.collectDomList.length === 0) {
                 return;
             }
             if (this.collectDomList[x] && this.collectDomList[x][y]) {
@@ -2234,16 +3080,18 @@
                 return;
             }
             switch (event.key) {
-                case 'ArrowUp':
-                    if (this.activeDom instanceof ngZorroAntd.NzSelectComponent && this.activeSelectedComponentOpen) {
+                case "ArrowUp":
+                    if (this.activeDom instanceof ngZorroAntd.NzSelectComponent &&
+                        this.activeSelectedComponentOpen) {
                         return;
                     }
                     if (this.activeDomX !== 0) {
                         this.focusDom(this.activeDomX - 1, this.activeDomY);
                     }
                     break;
-                case 'ArrowDown':
-                    if (this.activeDom instanceof ngZorroAntd.NzSelectComponent && this.activeSelectedComponentOpen) {
+                case "ArrowDown":
+                    if (this.activeDom instanceof ngZorroAntd.NzSelectComponent &&
+                        this.activeSelectedComponentOpen) {
                         return;
                     }
                     // 判断是否在最后一行，加行
@@ -2256,13 +3104,13 @@
                         this.focusDom(this.activeDomX + 1, this.activeDomY);
                     }
                     break;
-                case 'ArrowLeft':
+                case "ArrowLeft":
                     this.jumpToPrevInput(this.activeDomX, this.activeDomY);
                     break;
-                case 'ArrowRight':
+                case "ArrowRight":
                     this.jumpToNextInput(this.activeDomX, this.activeDomY);
                     break;
-                case 'Enter':
+                case "Enter":
                     if (this.activeDom instanceof ngZorroAntd.NzSelectComponent) {
                         this.setActiveSelectedComponentOpen(this.activeDom.open);
                         if (this.activeSelectedComponentOpen === false) {
@@ -2273,7 +3121,7 @@
                         this.addNewLineAndFocus();
                     }
                     break;
-                case 'Escape':
+                case "Escape":
                     if (this.activeDom instanceof ngZorroAntd.NzSelectComponent) {
                         /** @type {?} */
                         var nowActiveDom_1 = (/** @type {?} */ (this.activeDom));
@@ -2283,7 +3131,7 @@
                         function () {
                             _this.setActiveSelectedComponentOpen(nowActiveDom_1.open);
                             if (_this.activeSelectedComponentOpen === false) {
-                                if (nowActiveDom_1.nzSelectService.mode === 'multiple') {
+                                if (nowActiveDom_1.nzSelectService.mode === "multiple") {
                                     setTimeout((/**
                                      * @return {?}
                                      */
@@ -2300,7 +3148,9 @@
                     break;
                 default:
                     // 如果当前聚焦的是选择框，且键入0-9a-zA-Z，则弹出
-                    if (this.activeDom instanceof ngZorroAntd.NzSelectComponent && this.activeSelectedComponentOpen === false && /^[0-9a-zA-Z]$/.test(event.key)) {
+                    if (this.activeDom instanceof ngZorroAntd.NzSelectComponent &&
+                        this.activeSelectedComponentOpen === false &&
+                        /^[0-9a-zA-Z]$/.test(event.key)) {
                         /** @type {?} */
                         var dom = this.activeDom;
                         dom.nzOpen = true;
@@ -2340,14 +3190,23 @@
          */
         function (index, list) {
             /** @type {?} */
-            var typeList = ['Input', 'Select', 'Date', 'DateRange', 'TextArea', 'InputNumber', 'MultipleSelect'];
+            var typeList = [
+                "Input",
+                "Select",
+                "Date",
+                "DateRange",
+                "TextArea",
+                "InputNumber",
+                "MultipleSelect",
+            ];
             /** @type {?} */
             var filterList = [];
             for (var i = 0; i < list.length; i++) {
                 if (i === index) {
                     return filterList.length;
                 }
-                if (typeList.includes(list[i].type)) {
+                // 与模板一致：hide 的列不渲染 #formInputDom，不计入 collectDomList 的列下标
+                if (typeList.includes(list[i].type) && !list[i].hide) {
                     filterList.push(list[i]);
                 }
             }
@@ -2374,14 +3233,22 @@
          * @return {?}
          */
         function (index, list) {
-            console.log('index', index);
-            console.log('list', list);
+            console.log("index", index);
+            console.log("list", list);
             /** @type {?} */
-            var typeList = ['Input', 'Select', 'Date', 'DateRange', 'TextArea', 'InputNumber', 'MultipleSelect'];
+            var typeList = [
+                "Input",
+                "Select",
+                "Date",
+                "DateRange",
+                "TextArea",
+                "InputNumber",
+                "MultipleSelect",
+            ];
             /** @type {?} */
             var filterList = [];
             for (var i = 0; i < list.length; i++) {
-                if (typeList.includes(list[i].type)) {
+                if (typeList.includes(list[i].type) && !list[i].hide) {
                     filterList.push(list[i]);
                     if (filterList.length === index + 1) {
                         return i;
@@ -2395,7 +3262,7 @@
              * @return {?}
              */
             function () {
-                return (/** @type {?} */ (this.validateHdFormLines.get('lines')));
+                return (/** @type {?} */ (this.validateHdFormLines.get("lines")));
             },
             enumerable: true,
             configurable: true
@@ -2447,7 +3314,9 @@
                     this.searchSubscription.unsubscribe();
                 }
                 // 创建新的订阅
-                this.searchSubscription = this.searchSubject.pipe(operators.debounceTime(this.debounceTimeout)).subscribe((/**
+                this.searchSubscription = this.searchSubject
+                    .pipe(operators.debounceTime(this.debounceTimeout))
+                    .subscribe((/**
                  * @param {?} __0
                  * @return {?}
                  */
@@ -2503,7 +3372,7 @@
             var _this = this;
             /** @type {?} */
             var tmpValidateHdFormLines = this.fb.group({
-                'lines': this.fb.array([])
+                lines: this.fb.array([]),
             });
             this.storeFormLinesData.forEach((/**
              * @param {?} formLinesDataItem
@@ -2519,14 +3388,16 @@
                 function (item) {
                     // 新增行 初始数据都为null
                     formGroupObj[item.name] = _this.fb.control({
-                        value: _this.judgeValueIsNotEmpty(formLinesDataItem[item.name]) ? formLinesDataItem[item.name] : (item.value || null),
-                        disabled: item.disabled
+                        value: _this.judgeValueIsNotEmpty(formLinesDataItem[item.name])
+                            ? formLinesDataItem[item.name]
+                            : item.value || null,
+                        disabled: item.disabled,
                     }, item.require ? [forms.Validators.required] : []);
                     if (item.selectOption && item.selectOption.label) {
                         formGroupObj[item.selectOption.label] = _this.fb.control(formLinesDataItem[item.selectOption.label] || null, []);
                     }
                 }));
-                formGroupObj.lineIndex = _this.fb.control(((/** @type {?} */ (tmpValidateHdFormLines.get('lines')))).controls.length, []);
+                formGroupObj.lineIndex = _this.fb.control(((/** @type {?} */ (tmpValidateHdFormLines.get("lines")))).controls.length, []);
                 /** @type {?} */
                 var formGroupTmp = _this.fb.group(formGroupObj);
                 _this.formLines.forEach((/**
@@ -2536,7 +3407,10 @@
                 function (item) {
                     if (item.onChangeEvent) {
                         if (item.onChangeEventDebounceTime) {
-                            formGroupTmp.get(item.name).valueChanges.pipe(operators.debounceTime(item.onChangeEventDebounceTime)).subscribe((/**
+                            formGroupTmp
+                                .get(item.name)
+                                .valueChanges.pipe(operators.debounceTime(item.onChangeEventDebounceTime))
+                                .subscribe((/**
                              * @param {?} value
                              * @return {?}
                              */
@@ -2555,7 +3429,7 @@
                         }
                     }
                 }));
-                ((/** @type {?} */ (tmpValidateHdFormLines.get('lines')))).insert(((/** @type {?} */ (tmpValidateHdFormLines.get('lines')))).controls.length, formGroupTmp);
+                ((/** @type {?} */ (tmpValidateHdFormLines.get("lines")))).insert(((/** @type {?} */ (tmpValidateHdFormLines.get("lines")))).controls.length, formGroupTmp);
             }));
             return tmpValidateHdFormLines.valid;
         };
@@ -2631,9 +3505,13 @@
                 try {
                     for (var _b = __values(_this.formLines), _c = _b.next(); !_c.done; _c = _b.next()) {
                         var item = _c.value;
-                        if ((item.hide && item.canSearch) || (!item.hide && item.name !== 'uuid')) {
+                        if ((item.hide && item.canSearch) ||
+                            (!item.hide && item.name !== "uuid")) {
+                            console.log("item", item.name);
                             /** @type {?} */
-                            var value = data[item.name] ? data[item.name].toString().toLowerCase() : '';
+                            var value = data[item.name]
+                                ? data[item.name].toString().toLowerCase()
+                                : "";
                             if (value.includes(filterValue)) {
                                 _this.filterIndexStore.push(index);
                                 return true;
@@ -2681,13 +3559,15 @@
         function (line, formItem, width) {
             /** @type {?} */
             var styleObj = {
-                'min-width': width
+                "min-width": width,
             };
             if (formItem.style) {
                 styleObj = __assign({}, styleObj, formItem.style);
             }
-            if (formItem.colorOption && formItem.colorOption.name && line.get(formItem.colorOption.name).value) {
-                styleObj = __assign({}, styleObj, { 'color': line.get(formItem.colorOption.name).value });
+            if (formItem.colorOption &&
+                formItem.colorOption.name &&
+                line.get(formItem.colorOption.name).value) {
+                styleObj = __assign({}, styleObj, { color: line.get(formItem.colorOption.name).value });
             }
             return styleObj;
         };
@@ -2700,13 +3580,17 @@
          * @return {?}
          */
         function (changes) {
-            if (changes['formLinesData'] && JSON.stringify(changes['formLinesData'].currentValue) !== JSON.stringify(changes['formLinesData'].previousValue)) {
+            if (changes["formLinesData"] &&
+                JSON.stringify(changes["formLinesData"].currentValue) !==
+                    JSON.stringify(changes["formLinesData"].previousValue)) {
                 if (this.storeFormLinesData && this.storeFormLinesData.length === 0) {
                     this.storeFormLinesData = this.formLinesData;
                 }
                 this.init();
             }
-            if (changes['totalOption'] && JSON.stringify(changes['totalOption'].currentValue) !== JSON.stringify(changes['totalOption'].previousValue)) {
+            if (changes["totalOption"] &&
+                JSON.stringify(changes["totalOption"].currentValue) !==
+                    JSON.stringify(changes["totalOption"].previousValue)) {
                 this.calculateTotal();
             }
         };
@@ -2720,7 +3604,7 @@
             var _this = this;
             // 这里处理合计数据
             if (this.showTotal) {
-                this.totalOptionList = new Array(Number(this.columnsNumber) - 1).fill('');
+                this.totalOptionList = new Array(Number(this.columnsNumber) - 1).fill("");
                 this.totalOption.forEach((/**
                  * @param {?} item
                  * @return {?}
@@ -2729,8 +3613,8 @@
                     if (item.insertIndex && (item.insertValue || item.insertValue === 0)) {
                         _this.totalOptionList[item.insertIndex - 1] = {
                             value: item.insertValue,
-                            align: item.align || 'left',
-                            showDecimal: item.showDecimal || false
+                            align: item.align || "left",
+                            showDecimal: item.showDecimal || false,
                         };
                     }
                 }));
@@ -2757,7 +3641,9 @@
             }
             this.createForm();
             // 如果没有formLinesData，则认为是新增
-            if (!isEdit && (!this.formLinesData || (this.formLinesData && this.formLinesData.length === 0))) {
+            if (!isEdit &&
+                (!this.formLinesData ||
+                    (this.formLinesData && this.formLinesData.length === 0))) {
                 this.tableLoading = false;
                 this.addFormLine(0, false);
                 this.showForm = true;
@@ -2770,7 +3656,9 @@
              * @param {?} data
              * @return {?}
              */
-            function (data) { return _this.onHdFormValueChanged(data); }));
+            function (data) {
+                return _this.onHdFormValueChanged(data);
+            }));
             this.onHdFormValueChanged();
         };
         /**
@@ -2788,7 +3676,7 @@
          */
         function () {
             this.validateHdFormLines = this.fb.group({
-                'lines': this.fb.array([])
+                lines: this.fb.array([]),
             });
             this.newLine = this.newLineItem();
         };
@@ -2832,7 +3720,7 @@
                 // 新增行 初始数据都为null
                 formGroupObj[item.name] = _this.fb.control({
                     value: item.value,
-                    disabled: item.disabled
+                    disabled: item.disabled,
                 } || null, item.require && !item.hide ? [forms.Validators.required] : []);
             }));
             formGroupObj.lineIndex = this.fb.control(this.linesFormArray.controls.length, []);
@@ -2849,7 +3737,10 @@
                 if (item.onChangeEvent) {
                     if (item.onChangeEvent) {
                         if (item.onChangeEventDebounceTime) {
-                            formGroupSubmit.get(item.name).valueChanges.pipe(operators.debounceTime(item.onChangeEventDebounceTime)).subscribe((/**
+                            formGroupSubmit
+                                .get(item.name)
+                                .valueChanges.pipe(operators.debounceTime(item.onChangeEventDebounceTime))
+                                .subscribe((/**
                              * @param {?} value
                              * @return {?}
                              */
@@ -2892,7 +3783,7 @@
              * @return {?}
              */
             function (item, index) {
-                item.get('lineIndex').setValue(index + 1, { emitEvent: false });
+                item.get("lineIndex").setValue(index + 1, { emitEvent: false });
             }));
         };
         /**
@@ -2923,8 +3814,10 @@
                 function (item) {
                     // 新增行 初始数据都为null
                     formGroupObj[item.name] = _this.fb.control({
-                        value: _this.judgeValueIsNotEmpty(formLinesDataItem[item.name]) ? formLinesDataItem[item.name] : (item.value || null),
-                        disabled: item.disabled
+                        value: _this.judgeValueIsNotEmpty(formLinesDataItem[item.name])
+                            ? formLinesDataItem[item.name]
+                            : item.value || null,
+                        disabled: item.disabled,
                     }, item.require ? [forms.Validators.required] : []);
                     if (item.selectOption && item.selectOption.label) {
                         formGroupObj[item.selectOption.label] = _this.fb.control(formLinesDataItem[item.selectOption.label] || null, []);
@@ -2941,7 +3834,10 @@
                 function (item, innerIndex) {
                     if (item.onChangeEvent) {
                         if (item.onChangeEventDebounceTime) {
-                            formGroupTmp.get(item.name).valueChanges.pipe(operators.debounceTime(item.onChangeEventDebounceTime)).subscribe((/**
+                            formGroupTmp
+                                .get(item.name)
+                                .valueChanges.pipe(operators.debounceTime(item.onChangeEventDebounceTime))
+                                .subscribe((/**
                              * @param {?} value
                              * @return {?}
                              */
@@ -2999,7 +3895,7 @@
                         _this.activeDomX = _this.collectDomList.length - 1;
                     }
                     _this.activeDomY = 0;
-                    console.log('执行过程13');
+                    console.log("执行过程13");
                     _this.focusDom(_this.activeDomX, _this.activeDomY);
                 }
             }), 0);
@@ -3014,7 +3910,7 @@
          */
         function (index) {
             var _this = this;
-            console.log('index', index);
+            console.log("index", index);
             // 最后一条数据的时候要判断一下
             if (this.linesFormArray.controls.length === 1 && !this.allowEmpty) {
                 if (this.deleteLastLineEvent) {
@@ -3023,12 +3919,15 @@
                 return;
             }
             this.linesFormArray.removeAt(index - 1);
-            if (!this.isFilterData && this.linesFormArray.controls && this.linesFormArray.controls.length === 0) {
+            if (!this.isFilterData &&
+                this.linesFormArray.controls &&
+                this.linesFormArray.controls.length === 0) {
                 this.addFormLine();
             }
             else {
                 // 删除尾页的最后一个元素动作
-                if (this.paginationPageIndex * this.paginationPageSize === (this.linesFormArray.controls.length + this.paginationPageSize)) {
+                if (this.paginationPageIndex * this.paginationPageSize ===
+                    this.linesFormArray.controls.length + this.paginationPageSize) {
                     this.paginationPageIndex--;
                 }
                 this.calculateLineNumber();
@@ -3241,7 +4140,8 @@
                      * @return {?}
                      */
                     function (innerItem) {
-                        if (innerItem.name === item.selectOption.value || innerItem.name === item.selectOption.label) {
+                        if (innerItem.name === item.selectOption.value ||
+                            innerItem.name === item.selectOption.label) {
                             selectOptionCheckList.push(innerItem.name);
                         }
                     }));
@@ -3252,7 +4152,7 @@
             }));
             // 校验name是否重复
             if (__spread(new Set(nameList)).length !== list.length) {
-                throw 'formLines组件数据格式不规范，存在重复name值!';
+                throw "formLines组件数据格式不规范，存在重复name值!";
             }
             // ...more check
             return true;
@@ -3327,18 +4227,18 @@
                 return cachedWidth + 15 >= maxWidth;
             }
             /** @type {?} */
-            var span = document.createElement('span');
-            span.style.visibility = 'hidden';
-            span.style.position = 'absolute';
-            span.style.whiteSpace = 'nowrap';
-            span.style.fontSize = '12px';
-            span.style.display = 'inline-block'; // 将样式修改为 inline-block
+            var span = document.createElement("span");
+            span.style.visibility = "hidden";
+            span.style.position = "absolute";
+            span.style.whiteSpace = "nowrap";
+            span.style.fontSize = "14px";
+            span.style.display = "inline-block"; // 将样式修改为 inline-block
             span.innerText = text;
             document.body.appendChild(span);
             /** @type {?} */
             var isOverflow = span.offsetWidth + 15 >= maxWidth;
             this.textWidthCache[text] = span.offsetWidth;
-            span.style.display = 'none';
+            span.style.display = "none";
             document.body.removeChild(span);
             return isOverflow;
         };
@@ -3355,7 +4255,7 @@
                 return str;
             }
             else {
-                return '<空>';
+                return "<空>";
             }
         };
         /**
@@ -3376,9 +4276,9 @@
         };
         HdFormLinesComponent.decorators = [
             { type: core.Component, args: [{
-                        selector: 'hd-form-lines',
-                        template: "<hd-button-group *ngIf=\"showForm && showSearch\">\n  <ng-template #buttonGroupLeft>\n    <nz-input-group [nzSuffix]=\"suffixIconSearch\">\n      <input type=\"text\" nz-input (keyup.enter)=\"searchLines()\" placeholder=\"\u8BF7\u8F93\u5165\u5185\u5BB9\u641C\u7D22\" style=\"width: 300px;\"\n             [(ngModel)]=\"filterStr\"/>\n    </nz-input-group>\n    <ng-template #suffixIconSearch>\n      <i nz-icon nzType=\"search\" (click)=\"searchLines()\"></i>\n    </ng-template>\n  </ng-template>\n</hd-button-group>\n\n<!-- <hd-button type=\"primary\" (clickAction)=\"focusDom(0, 0)\">\u805A\u7126\u7B2C\u4E00\u4E2A</hd-button> -->\n\n<hd-space *ngIf=\"showForm && showSearch\" background=\"transparent\" type=\"row\" size=\"16\"></hd-space>\n\n<form *ngIf=\"showForm\" nz-form [formGroup]=\"validateHdFormLines\" class=\"ant-advanced-search-form hd-formLines-container\"\n      (keydown)=\"onKeyDown($event)\">\n  <nz-table nzTemplateMode [nzFrontPagination]=\"false\" [nzLoading]=\"tableLoading\" [nzScroll]=\"scroll\"\n            [nzPageSizeOptions]=\"[ 10, 50, 100, 200 ]\">\n    <thead>\n    <tr>\n      <th nzWidth=\"58px\" nzLeft=\"0px\" *ngIf=\"showLineNumber\">\u5E8F\u53F7</th>\n      <ng-container *ngFor=\"let item of formLines\">\n        <th *ngIf=\"!item.hide\" [nzAlign]=\"item.align ? item.align : 'left'\">\n          <span *ngIf=\"item.require\" style=\"color: red;\">*</span>{{ item.label }}\n        </th>\n      </ng-container>\n      <th style=\"width: 80px\" nzRight=\"0\">\u64CD\u4F5C</th>\n    </tr>\n    </thead>\n    <tbody>\n    <ng-container\n      *ngFor=\"let line of linesFormArray.controls.slice((paginationPageIndex - 1) * paginationPageSize, (paginationPageIndex - 1) * paginationPageSize + paginationPageSize);index as dataIndex\"\n      formArrayName=\"lines\">\n      <tr [formGroup]=\"line\">\n        <td nzWidth=\"58px\" nzLeft=\"0px\" *ngIf=\"showLineNumber\">\n          {{ line.get('lineIndex').value }}\n        </td>\n        <ng-container *ngFor=\"let formItem of formLines; index as innerIndex\">\n          <td *ngIf=\"!formItem.hide\" [nzAlign]=\"formItem.align ? formItem.align : 'left'\">\n            <nz-form-item>\n              <nz-form-control [nzErrorTip]=\"formItem.label + '\u4E0D\u80FD\u4E3A\u7A7A'\">\n                <ng-container [ngSwitch]=\"formItem.type\">\n                  <ng-container *ngSwitchCase=\"'Input'\">\n                    <nz-input-group [nzSuffix]=\"inputCleanTemplate\">\n                      <input #formInputDom (click)=\"setActiveDomInFormLines(dataIndex , innerIndex)\"\n                             [ngStyle]=\"getStyle(line, formItem, '100px')\" nz-input\n                             [ngStyle]=\"{'color': formItem?.colorOption?.name ? line.get(formItem.colorOption.name ).value : null}\"\n                             [id]=\"'input-' + formItem.name + line.get('lineIndex').value\"\n                             (click)=\"formItem.isSelect ? selectValue('#input-' + formItem.name + line.get('lineIndex').value, dataIndex , innerIndex) : null\"\n                             [maxlength]=\"formItem.maxLength || null\"\n                             [placeholder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u8F93\u5165' + formItem.label\"\n                             [formControlName]=\"formItem.name\"/>\n                    </nz-input-group>\n                    <ng-template #inputCleanTemplate>\n                      <i nz-icon nz-tooltip class=\"ant-input-clear-icon\" nzTheme=\"fill\" nzType=\"close-circle\"\n                         *ngIf=\"line.get(formItem.name).value && !line.get(formItem.name).disabled\"\n                         (click)=\"inputClean(formItem ,line)\"></i>\n                    </ng-template>\n                  </ng-container>\n                  <ng-container *ngSwitchCase=\"'Select'\">\n                    <nz-select #formInputDom (click)=\"setActiveDomInFormLines(dataIndex , innerIndex)\"\n                               nzDropdownClassName=\"hd-select-table\"\n                               *ngIf=\"formItem.selectOption.tableColumns;else nomarlSelectTemplate\"\n                               [nzShowSearch]=\"formItem.selectOption.hdShowSearch != null ? formItem.selectOption.hdShowSearch : true\"\n                               [nzAllowClear]=\"formItem.selectOption.hdAllowClear != null ? formItem.selectOption.hdAllowClear : true\"\n                               [nzServerSearch]=\"formItem.selectOption.hdServerSearch || false\"\n                               [nzDropdownMatchSelectWidth]=\"formItem.selectOption.hdDropdownMatchSelectWidth ? formItem.selectOption.hdDropdownMatchSelectWidth : false\"\n                               [nzPlaceHolder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u9009\u62E9' + formItem.label\"\n                               [formControlName]=\"formItem.name\"\n                               (nzOnSearch)=\"onSearchEvent(formItem.onSearchEvent || null, $event, line, formItem.onSearchEventEventDebounceTime)\"\n                               [ngStyle]=\"getStyle(line, formItem, '200px')\">\n                      <div class=\"hd-select-empty\"\n                           *ngIf=\"!(formItem.selectOption?.selectList?.length > 0 || line.get(formItem.selectOption.selectListName)?.value?.length > 0)\">\n                        <img\n                          src=\"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNjRweCIgaGVpZ2h0PSI0MXB4IiB2aWV3Qm94PSIwIDAgNjQgNDEiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUyLjUgKDY3NDY5KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDxnIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00NzIuMDAwMDAwLCAtMTMzNS4wMDAwMDApIj4KICAgICAgICAgICAgPGcgIHRyYW5zZm9ybT0idHJhbnNsYXRlKDY0LjAwMDAwMCwgMTExNC4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnICB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0MC4wMDAwMDAsIDc4LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgIDxnICB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzNjguMDAwMDAwLCAxNDQuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxnID4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxlbGxpcHNlICBmaWxsPSIjRjVGNUY1IiBjeD0iMzIiIGN5PSIzMyIgcng9IjMyIiByeT0iNyI+PC9lbGxpcHNlPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPGcgICB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5LjAwMDAwMCwgMC4wMDAwMDApIiBmaWxsLXJ1bGU9Im5vbnplcm8iIHN0cm9rZT0iI0Q5RDlEOSI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTQ2LDEyLjc2MDU2MDQgTDM1Ljg1NDMwNDcsMS4yNTczOTYzMyBDMzUuMzY3NDQxNCwwLjQ3MzgyNjYwNSAzNC42NTU4Nzg5LDAgMzMuOTA2NzYxNywwIEwxMi4wOTMyMzgzLDAgQzExLjM0NDEyMTEsMCAxMC42MzI1NTg2LDAuNDczOTUwMjU1IDEwLjE0NTY5NTMsMS4yNTczOTYzMyBMMi42MTQ3OTcyN2UtMTIsMTIuNzYwNTYwNCBMMCwyMiBMNDYsMjIgTDQ2LDEyLjc2MDU2MDQgWiIgID48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTMyLjYxMzI4MTMsMTUuOTMxNSBDMzIuNjEzMjgxMywxNC4zMjU4NTExIDMzLjYwNjk1MzEsMTMuMDAwMjM0IDM0LjgzOTY5OTIsMTMgTDQ2LDEzIEw0NiwzMS4xMzcxMjc3IEM0NiwzMy4yNTg5NTc0IDQ0LjY3OTM4NjcsMzUgNDMuMDUwNDI5NywzNSBMMi45NDk1NzAzMSwzNSBDMS4zMjA1MjM0NCwzNSAwLDMzLjI1ODg0MDQgMCwzMS4xMzcxMjc3IEwwLDEzIEwxMS4xNjAzMDA4LDEzIEMxMi4zOTMwNDY5LDEzIDEzLjM4NjcxODgsMTQuMzIyODA4NSAxMy4zODY3MTg4LDE1LjkyODQ1NzQgTDEzLjM4NjcxODgsMTUuOTQ5NjM4MyBDMTMuMzg2NzE4OCwxNy41NTUyODcyIDE0LjM5MTcxMDksMTguODUxMTgwOSAxNS42MjQ0NTcsMTguODUxMTgwOSBMMzAuMzc1NTQzLDE4Ljg1MTE4MDkgQzMxLjYwODI4OTEsMTguODUxMTgwOSAzMi42MTMyODEzLDE3LjU0MzM1MTEgMzIuNjEzMjgxMywxNS45Mzc3MDIxIEwzMi42MTMyODEzLDE1LjkzMTUgWiIgIGZpbGw9IiNGQUZBRkEiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+\"\n                          alt=\"empty\">\n                        <p class=\"ant-empty-description\">\u6682\u65E0\u6570\u636E</p>\n                      </div>\n\n                      <nz-option nzCustomContent\n                                 *ngFor=\"let selectItem of (formItem.selectOption.selectList || line.get(formItem.selectOption.selectListName).value)\"\n                                 [nzValue]=\"selectItem[formItem.selectOption.value]\" [nzLabel]=\"formItem.selectOption.showLabelAndValue ? '['+ selectItem[formItem.selectOption.value] +']' +\n                          selectItem[formItem.selectOption.label] : selectItem[formItem.selectOption.label]\">\n                        <div class=\"hd-option-line\">\n                          <div *ngFor=\"let selectOptionTableColumn of formItem.selectOption.tableColumns\"\n                               [ngStyle]=\"{'width': selectOptionTableColumn?.width ? selectOptionTableColumn.width + 'px' : 'unset'}\">\n                            <ng-container *ngIf=\"selectOptionTableColumn.icons;else notPictureTemplate\">\n                              <div class=\"hd-option-icons\">\n                                <ng-container *ngFor=\"let icon of selectOptionTableColumn.icons\">\n                                  <img *ngIf=\"icon.iconName === 'hd-recommend-star' && selectItem[icon.fieldName]\"\n                                       src=\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAVpJREFUOE+l07FLQkEcB/Dv7713Zg1GQ0SgW9AmTYVp1BRUokZBEI1u/QVBUBD1D0Rt0dQaPYmotXza1tKQzQ1Fk0iDHr5vPEOTUpO88e77+9zvjjtBh8HTOb8e0hu0eN8Xzz22ikonoGzHdgXcAVB16S75U/mbn/m2AK+mglqbBUAGvCIRuVCJ7HLXQCUTPQOxXi8Q4FolnYWuAH0+HaEpjrdxAyC3VSq33xKgPTWiYYUai8IjUCabw4Zw1XWNF2+OZrXoi+cLImBth4odfQAw0elCW6zdKvU2/wVkYs8ggzBlRqrcI/DrrK1wQ7DWAIToV8lsqGxHDwTY6qYbA1jpCVAux3oBSirhDPYCOL6kE/s/QB77UrnNJoDDVkCN6pI+BJH+6xINQdpKOCf1d/AEYBxgUUQC5PcLbPMDXy1lhGXx7r0G6ExklpBwI0xh2w7ID+UzL71iL/MJdzuZdDL/kXcAAAAASUVORK5CYII=\"\n                                       style=\"width: 16px;height: 16px;\">\n                                  <img *ngIf=\"icon.iconName === 'hd-img-star' && selectItem[icon.fieldName]\"\n                                       src=\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAyhJREFUWEe1ll1o1XYYxp8nPUmUihdCV3bAirvYzUC80Xpy3KwTZNR2CdOhDkTBwe6G32XzwqpjE3Qt4pUKZQqDyQZNTp1uY8yCJG0F2d2+LlWOOkShovQkaV45lcJpTdOTHJubBPI+z/Pj//H+/0TGR66uf8sPoz8A/Kstkp38YORxFitmEVU1vm1cBPlp9ZuQXtX0jmfxygQgvxSWBRWlDECvhgrwQFuqLufG4TAtRCaAwCl+IcDXtWEi2KFb7pUFBxCBEpSMMsDWGWEiNzXLe2/BASp2cTuJH+KCRMJ3dGvsrzQQqafAtw0XpBEfIhc00/tswQD8QWM1FP45d4A8V9XJN9k5Nl4vRKoR8G3jMshdyebRPs0cOftaAaRUbAsRrRRRhuczFsF/lPATNQrL3Hr7/nz1lGvvtkwGUSEC8gLkWfMGkAfQMp9J0n8ByhS5J+QDVr+BshBlUu6q3d5v9G3jIcg3GgnJqp2C853iCIB1WU0a1F2iOO2tPnK3CLQ1aJZKLpCfddPrmtoF8uuqZn9iyfcEzVQumYtlQDO9vS8PsprHd4xvAR7I7FuHUIBvdNP9crr0lT7g24U+UNlfh1f6Esrn2ofeuVphbCPyneJuAN+lT0jokZCduum9cobM2Qn9krEGEa6+hi36jEC3aro34vASW3FoG9si8sdGRoKCY6rlnpjLIxGgYhunSPY0AiAiP+mW93EmAN8ujoJobwgAuKOb7orUAHKjY1EwHjwFkGsEoKpVJ6WVH3n/p1oDwVBhk0TK742GV/UKYOZMt5QKoGIbX5E8mgwg4wCbADQn1c1uPvP2gWqB7xjDADck7OwBVan0QFFyQaj2A9wxV60A13XT7Uw1Ar5TlDiBQP6hRHs0a3Ss9n8wuK4jYtN5Em/H6B5ppht7r4jvhEOFtYiUGQEAnhDoV033ZNJwB45xRAS9IBfX1qnhRD7uhhQLENiFQ0Ll9LSBCM7olnu43gUpTjEfiPSB3D6tUQRbcpZ7bbZHLEBYKnRFogxV505rmjzIrtG/6w2fMS0l430RHAVoULBZtdybdQFkCcuqSXUtzxqSpHsBfmUdgJhaiDQAAAAASUVORK5CYII=\"\n                                       style=\"width: 16px;height: 16px;\">\n                                  <span *ngIf=\"icon.iconName === 'hd-select-close' && selectItem[icon.fieldName]\"\n                                        class=\"hd-select-close\">\n                                      \u7981\u7528\n                                    </span>\n                                  <span *ngIf=\"icon.iconName === 'hd-select-purchase' && selectItem[icon.fieldName]\"\n                                        class=\"hd-select-purchase\">\n                                      \u534F\n                                    </span>\n                                </ng-container>\n                              </div>\n                            </ng-container>\n                            <ng-template #notPictureTemplate>\n                              <ng-container\n                                *ngIf=\"!isTextOverflow(selectOptionTableColumn.render ? selectOptionTableColumn.render(selectItem) : selectItem[selectOptionTableColumn.name], selectOptionTableColumn.width);else overflowTemplate\">\n                                <div>{{\n                                    judgeColEmpty(selectOptionTableColumn.render ?\n                                      selectOptionTableColumn.render(selectItem) :\n                                      selectItem[selectOptionTableColumn.name])\n                                  }}\n                                </div>\n                              </ng-container>\n                              <ng-template #overflowTemplate>\n                                <div class=\"hd-option-overflow\" nz-tooltip\n                                     [nzTooltipTitle]=\"selectOptionTableColumn.render ? selectOptionTableColumn.render(selectItem) : selectItem[selectOptionTableColumn.name]\">\n                                  {{\n                                    judgeColEmpty(selectOptionTableColumn.render ?\n                                      selectOptionTableColumn.render(selectItem) :\n                                      selectItem[selectOptionTableColumn.name])\n                                  }}\n                                </div>\n                              </ng-template>\n                            </ng-template>\n                          </div>\n                        </div>\n                      </nz-option>\n                      <nz-option\n                        *ngIf=\"formItem.selectOption.label && line.get(formItem.name) && line.get(formItem.selectOption.label)?.value && line.get(formItem.selectOption.value)?.value\"\n                        [nzLabel]=\"(formItem.selectOption.value === 'code' || formItem.selectOption.value === 'productCode' || formItem.selectOption.hdShowItemCode) ? ('['+ line.get(formItem.selectOption.value).value + ']' + line.get(formItem.selectOption.label).value) : line.get(formItem.selectOption.label).value\"\n                        [nzValue]=\"line.get(formItem.selectOption.value).value\" nzHide></nz-option>\n                    </nz-select>\n                    <ng-template #nomarlSelectTemplate>\n                      <nz-select #formInputDom (click)=\"setActiveDomInFormLines(dataIndex , innerIndex)\"\n                                 [nzShowSearch]=\"formItem.selectOption.hdShowSearch != null ? formItem.selectOption.hdShowSearch : true\"\n                                 [nzAllowClear]=\"formItem.selectOption.hdAllowClear != null ? formItem.selectOption.hdAllowClear : true\"\n                                 [nzServerSearch]=\"formItem.selectOption.hdServerSearch || false\"\n                                 [nzDropdownMatchSelectWidth]=\"formItem.selectOption.hdDropdownMatchSelectWidth ? formItem.selectOption.hdDropdownMatchSelectWidth : false\"\n                                 [nzPlaceHolder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u9009\u62E9' + formItem.label\"\n                                 [formControlName]=\"formItem.name\"\n                                 (nzOnSearch)=\"onSearchEvent(formItem.onSearchEvent || null, $event, line, formItem.onSearchEventEventDebounceTime)\"\n                                 [ngStyle]=\"getStyle(line, formItem, '200px')\">\n                        <nz-option\n                          *ngFor=\"let selectItem of (formItem.selectOption.selectList || line.get(formItem.selectOption.selectListName).value)\"\n                          [nzValue]=\"selectItem[formItem.selectOption.value]\" [nzLabel]=\"formItem.selectOption.showLabelAndValue ? '['+ selectItem[formItem.selectOption.value] +']' +\n                          selectItem[formItem.selectOption.label] : selectItem[formItem.selectOption.label]\">\n                        </nz-option>\n                        <nz-option\n                          *ngIf=\"formItem.selectOption.label && line.get(formItem.name) && line.get(formItem.selectOption.label)?.value && line.get(formItem.selectOption.value)?.value\"\n                          [nzLabel]=\"(formItem.selectOption.value === 'code' || formItem.selectOption.value === 'productCode' || formItem.selectOption.hdShowItemCode) ? ('['+ line.get(formItem.selectOption.value).value + ']' + line.get(formItem.selectOption.label).value) : line.get(formItem.selectOption.label).value\"\n                          [nzValue]=\"line.get(formItem.selectOption.value).value\" nzHide></nz-option>\n                      </nz-select>\n                    </ng-template>\n\n                  </ng-container>\n                  <ng-container *ngSwitchCase=\"'Date'\">\n                    <nz-date-picker #formInputDom (click)=\"setActiveDomInFormLines(dataIndex , innerIndex)\"\n                                    *ngIf=\"formItem.showTime\" [ngStyle]=\"getStyle(line, formItem, '150px')\"\n                                    [nzPlaceHolder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u9009\u62E9' + formItem.label\"\n                                    [formControlName]=\"formItem.name\" [nzDisabledDate]=\"formItem.hdDisabledDate\"\n                                    nzShowTime\n                                    nzFormat=\"yyyy-MM-dd HH:mm:ss\">\n                    </nz-date-picker>\n                    <nz-date-picker #formInputDom *ngIf=\"!formItem.showTime\"\n                                    [ngStyle]=\"getStyle(line, formItem, '150px')\"\n                                    (click)=\"setActiveDomInFormLines(dataIndex , innerIndex)\"\n                                    [nzPlaceHolder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u9009\u62E9' + formItem.label\"\n                                    [formControlName]=\"formItem.name\" [nzDisabledDate]=\"formItem.hdDisabledDate\">\n                    </nz-date-picker>\n                  </ng-container>\n                  <ng-container *ngSwitchCase=\"'DateRange'\">\n                    <nz-range-picker #formInputDom [ngStyle]=\"getStyle(line, formItem, '200px')\"\n                                     (click)=\"setActiveDomInFormLines(dataIndex , innerIndex)\"\n                                     [nzPlaceHolder]=\"['\u5F00\u59CB\u65E5\u671F','\u7ED3\u675F\u65E5\u671F']\"\n                                     [formControlName]=\"formItem.name\">\n                    </nz-range-picker>\n                  </ng-container>\n                  <ng-container *ngSwitchCase=\"'TextArea'\">\n                      <textarea #formInputDom (click)=\"setActiveDomInFormLines(dataIndex , innerIndex)\"\n                                [ngStyle]=\"{'color': formItem?.colorOption?.name ? line.get(formItem.colorOption.name).value : null}\"\n                                [placeholder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u8F93\u5165' + formItem.label\"\n                                [maxlength]=\"formItem.maxLength || null\" rows=\"4\" nz-input\n                                [maxlength]=\"formItem.maxLength || null\" [formControlName]=\"formItem.name\"></textarea>\n                  </ng-container>\n                  <ng-container *ngSwitchCase=\"'InputNumber'\">\n                    <div style=\"display: flex;align-items: center;\">\n                      <nz-input-number #formInputDom [ngStyle]=\"getStyle(line, formItem, '100px')\"\n                                       [maxlength]=\"formItem.maxLength || null\" [formControlName]=\"formItem.name\"\n                                       [nzMin]=\"formItem?.inputNumber?.min || 0\"\n                                       [nzMax]=\"formItem?.inputNumber?.max || 99999999\"\n                                       [nzStep]=\"formItem?.inputNumber?.step || 1\"\n                                       [nzPrecision]=\"formItem?.inputNumber?.precision != null ? formItem.inputNumber.precision : 2\"\n                                       [nzPlaceHolder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u8F93\u5165' + formItem.label\"\n                                       [nzId]=\"'inputNumber-' + formItem.name + line.get('lineIndex').value\"\n                                       (click)=\"formItem.isSelect ? selectValue('#inputNumber-' + formItem.name + line.get('lineIndex').value, dataIndex , innerIndex) : setActiveDomInFormLines(dataIndex , innerIndex)\">\n                      </nz-input-number>\n                      <div *ngIf=\"formItem?.explainOptionRight?.show\"\n                           [style.color]=\"formItem?.explainOptionRight?.color ? formItem.explainOptionRight.color : null\">\n                        &nbsp;&nbsp;{{ line.get(formItem.explainOptionRight.name).value }}\n                      </div>\n                    </div>\n                  </ng-container>\n                  <ng-container *ngSwitchCase=\"'MultipleSelect'\">\n                    <nz-select #formInputDom (click)=\"setActiveDomInFormLines(dataIndex , innerIndex)\"\n                               nzMode=\"multiple\" [nzServerSearch]=\"formItem.selectOption.hdServerSearch || false\"\n                               [nzDropdownMatchSelectWidth]=\"formItem.selectOption.hdDropdownMatchSelectWidth ? formItem.selectOption.hdDropdownMatchSelectWidth : false\"\n                               [nzShowSearch]=\"formItem.selectOption.hdShowSearch != null ? formItem.selectOption.hdShowSearch : true\"\n                               [nzAllowClear]=\"formItem.selectOption.hdAllowClear != null ? formItem.selectOption.hdAllowClear : true\"\n                               [nzPlaceHolder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u9009\u62E9' + formItem.label\"\n                               [formControlName]=\"formItem.name\" [ngStyle]=\"getStyle(line, formItem, '200px')\"\n                               (nzOnSearch)=\"onSearchEvent(formItem.onSearchEvent || null, $event, line, formItem.onSearchEventEventDebounceTime)\">\n                      <nz-option *ngFor=\"let selectItem of formItem.selectOption.selectList\"\n                                 [nzValue]=\"selectItem[formItem.selectOption.value]\" [nzLabel]=\"formItem.selectOption.showLabelAndValue ? '['+ selectItem[formItem.selectOption.value] +']' +\n                        selectItem[formItem.selectOption.label] : selectItem[formItem.selectOption.label]\"></nz-option>\n                      <ng-container\n                        *ngIf=\"formItem.selectOption.label && line.get(formItem.name) && line.get(formItem.selectOption.label)?.value && line.get(formItem.selectOption.value)?.value\">\n                        <nz-option *ngFor=\"let option of line.get(formItem.selectOption.value).value;index as i\"\n                                   [nzLabel]=\"line.get(formItem.selectOption.label).value[i]\" [nzValue]=\"option\" nzHide>\n                        </nz-option>\n                      </ng-container>\n                    </nz-select>\n                  </ng-container>\n                  <ng-container *ngSwitchCase=\"'ViewDom'\">\n                    {{\n                      (formItem.preserveNumber && line.get(formItem.name).value) ?\n                        LodashRound(line.get(formItem.name).value, formItem.preserveNumber).toFixed(formItem.preserveNumber)\n                        : line.get(formItem.name).value\n                    }}\n                    <ng-container\n                      *ngTemplateOutlet=\"ViewDomRightTemplate;context:{formItem: formItem, formLine: line}\"></ng-container>\n                  </ng-container>\n                  <ng-container *ngSwitchCase=\"'Switch'\">\n                    <nz-switch (click)=\"setActiveDomInFormLines(dataIndex , innerIndex)\"\n                               [formControlName]=\"formItem.name\"></nz-switch>\n                  </ng-container>\n                  <ng-container *ngSwitchCase=\"'Time'\">\n                    <nz-time-picker #formInputDom [ngStyle]=\"getStyle(line, formItem, '200px')\"\n                                    (click)=\"setActiveDomInFormLines(dataIndex , innerIndex)\"\n                                    [formControlName]=\"formItem.name\"></nz-time-picker>\n                  </ng-container>\n                </ng-container>\n              </nz-form-control>\n            </nz-form-item>\n            <div *ngIf=\"formItem?.explainOption?.show\"\n                 [style.color]=\"formItem?.explainOption?.color ? formItem.explainOption.color : null\">\n              {{ line.get(formItem.explainOption.name).value }}\n            </div>\n          </td>\n        </ng-container>\n        <td style=\"width: 80px\" nzRight=\"0\">\n            <span class=\"common-btn-group\">\n              <a *ngIf=\"operateButtons.includes('add')\" (click)=\"addFormLine(line.get('lineIndex').value)\">\u6DFB\u52A0</a>\n              <a class=\"common-danger-btn\" *ngIf=\"operateButtons.includes('delete') && !showDeleteConfirm\"\n                 (click)=\"deleteFormLine(line.get('lineIndex').value)\">\u5220\u9664</a>\n              <a class=\"common-danger-btn\" *ngIf=\"operateButtons.includes('delete') && showDeleteConfirm\" nz-popconfirm\n                 nzPopconfirmTitle=\"\u786E\u8BA4\u8981\u5220\u9664\u8BE5\u884C\u5417?\" nzPopconfirmPlacement=\"bottom\"\n                 (nzOnConfirm)=\"deleteFormLine(line.get('lineIndex').value)\">\u5220\u9664</a>\n            </span>\n        </td>\n      </tr>\n    </ng-container>\n    <!-- \u5408\u8BA1\u533A\u57DF -->\n    <tr *ngIf=\"showTotal\" class=\"hd-table-total\">\n      <td>\u5408\u8BA1</td>\n      <ng-container *ngFor=\"let totalOption of totalOptionList\">\n        <td [nzAlign]=\"totalOption.align ? totalOption.align : 'left'\">{{\n            (totalOption.value || totalOption.value ===\n              0) ? (((totalOption.value % 1 === 0) && !totalOption.showDecimal) ? totalOption.value :\n              LodashRound(totalOption.value, 2).toFixed(2)) : ''\n          }}\n        </td>\n      </ng-container>\n    </tr>\n    </tbody>\n  </nz-table>\n  <nz-list\n    *ngIf=\"linesFormArray.controls.slice((paginationPageIndex - 1) * paginationPageSize, (paginationPageIndex - 1) * paginationPageSize + paginationPageSize).length === 0\"\n    [nzDataSource]=\"[]\"></nz-list>\n  <ng-container>\n    <hd-space background=\"transparent\" type=\"row\" size=\"16\"></hd-space>\n    <div class=\"hd-formLines-pagination\">\n      <div class=\"hd-formLines-pagination-left\">\n        <div *ngIf=\"showKeyboardOperateTip\">\u652F\u6301\u952E\u76D8\u64CD\u4F5C\uFF0C\u4F7F\u7528\n          <i nz-icon nzType=\"up-circle\" nzTheme=\"outline\" style=\"font-size: 16px;margin-left: 4px;\"></i>\n          <i nz-icon nzType=\"down-circle\" nzTheme=\"outline\" style=\"font-size: 16px;margin-left: 4px;\"></i>\n          <i nz-icon nzType=\"left-circle\" nzTheme=\"outline\" style=\"font-size: 16px;margin-left: 4px;\"></i>\n          <i nz-icon nzType=\"right-circle\" nzTheme=\"outline\" style=\"font-size: 16px;margin-left: 4px;\"></i>\n          <span style=\"font-size: 14px;margin-left: 4px;font-weight: bolder;\">Enter</span>\n          \u952E\u5207\u6362\u8868\u5355\u9879\n        </div>\n      </div>\n      <nz-pagination [nzSize]=\"'small'\" style=\"text-align: right;\" [nzPageIndex]=\"paginationPageIndex\"\n                     [nzPageSize]=\"paginationPageSize\" [nzPageSizeOptions]=\"[10, 20, 30, 40, 50]\"\n                     [nzTotal]=\"linesFormArray.controls.length\" nzShowSizeChanger\n                     (nzPageIndexChange)=\"pageIndexChange($event)\"\n                     (nzPageSizeChange)=\"pageSizeChange($event)\" [nzShowTotal]=\"totalTemplate\"></nz-pagination>\n      <ng-template #totalTemplate let-total>\u5171 {{ linesFormArray.controls.length }} \u6761\u6570\u636E</ng-template>\n    </div>\n\n  </ng-container>\n</form>\n",
-                        styles: ["::ng-deep .common-btn-group>a{font-size:12px;font-weight:400;color:#12a34f!important;white-space:nowrap}::ng-deep .common-btn-group .common-danger-btn:hover{color:#f05b24!important}::ng-deep .common-btn-group>a:hover{color:#20bd62!important}::ng-deep .common-btn-group>a:not(:last-child)::after{content:'';margin:0 2px}::ng-deep .common-billNumber>a{color:#3b77e3}button{box-shadow:unset;text-shadow:unset}::ng-deep .ant-form-item-label>label{color:#4b504e}::ng-deep .ant-input-number-input{height:28px}::ng-deep .ant-input-number{height:28px}textarea.ant-input{height:auto;min-height:28px}::ng-deep .ant-select-selection--multiple{min-height:28px}::ng-deep .ant-select-selection__rendered>ul>li{height:22px!important;margin-top:3px!important;line-height:22px!important}::ng-deep .ant-advanced-search-form .ant-form-item{margin-bottom:0!important}::ng-deep .ant-select-selection--single{height:28px!important}::ng-deep .ant-input{height:28px}::ng-deep .ant-input[disabled]:hover{border-color:#d9d9d9!important}::ng-deep .ant-select-selection__rendered{line-height:28px!important}::ng-deep .ant-calendar-range-picker-input{text-align:left!important}::ng-deep .ant-calendar-picker{width:100%!important}::ng-deep .ant-row{margin-right:0!important;margin-left:0!important}::ng-deep .ant-col-6{padding-left:12px;padding-right:12px}::ng-deep .ant-col-12{padding-left:12px;padding-right:12px}::ng-deep .ant-col-18{padding-left:12px;padding-right:12px}::ng-deep .ant-col-24{padding-left:12px;padding-right:12px}::ng-deep .ant-alert-info{background-color:#f5f8f6;border:1px solid #cfe3d4}:host ::ng-deep th{background:#f5f8f6!important;font-weight:700!important;white-space:nowrap;font-size:12px;font-family:PingFangSC-Medium,PingFang SC;color:#2a3634;padding:8px!important;box-sizing:border-box}:host ::ng-deep td{font-weight:400;font-style:normal;font-size:12px;color:#2a3634;text-align:left;white-space:nowrap;padding:8px!important;box-sizing:border-box}::ng-deep .ant-pagination-options{display:inline-flex;align-items:center}::ng-deep .ant-time-picker{width:100%}.ant-input-number-disabled,.ant-input[disabled],.ant-select-disabled{color:#4b504e}.hd-formLines-container ::ng-deep td{padding:1.5px 8px!important}.hd-formLines-container .ant-table-tbody>tr>td,.hd-formLines-container ::ng-deep .ant-table-thead>tr>th{padding:16px 8px}.hd-formLines-container ::ng-deep .hd-table-total>td{border:0!important}.hd-formLines-container .ant-input-number{width:100%}::ng-deep .hd-select-table .ant-select-dropdown-menu-item-disabled{background:#f5f8f6!important;border-bottom:1px solid #e8e8e8;position:-webkit-sticky;position:sticky;top:0;z-index:10;padding:0}::ng-deep .hd-select-table .ant-select-dropdown-menu-item-disabled:hover{background:#f5f8f6!important}::ng-deep .hd-option-header{display:flex;align-items:center;color:rgba(0,0,0,.85);background:#f5f8f6}::ng-deep .hd-option-header-column{padding:5px 0}.hd-option-line{display:flex;align-items:center}.hd-option-overflow{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.hd-select-empty{display:flex;align-items:center;flex-direction:column;padding:20px 0;background:#fff}::ng-deep .ant-empty-small{background:#fff!important;padding:8px 0;margin:0}.hd-formLines-pagination{display:flex;align-items:center;justify-content:space-between}.hd-formLines-pagination .hd-formLines-pagination-left{margin-left:10px;display:flex;align-items:center}.hd-option-icons{display:flex;align-items:center}.hd-select-close{display:block;height:16px;line-height:14px;text-align:center;padding:0 4px;border:1px solid #f5222d;color:#f5222d;font-size:12px}.hd-select-purchase{display:block;height:16px;line-height:14px;text-align:center;padding:0 4px;border:1px solid #20bd62;color:#20bd62;font-size:12px}"]
+                        selector: "hd-form-lines",
+                        template: "<hd-button-group *ngIf=\"showForm && showSearch\">\n  <ng-template #buttonGroupLeft>\n    <nz-input-group [nzSuffix]=\"suffixIconSearch\">\n      <input type=\"text\" nz-input (keyup.enter)=\"searchLines()\" placeholder=\"\u8BF7\u8F93\u5165\u5185\u5BB9\u641C\u7D22\" style=\"width: 300px;\"\n        [(ngModel)]=\"filterStr\" />\n    </nz-input-group>\n    <ng-template #suffixIconSearch>\n      <i nz-icon nzType=\"search\" (click)=\"searchLines()\"></i>\n    </ng-template>\n  </ng-template>\n</hd-button-group>\n\n<!-- <hd-button type=\"primary\" (clickAction)=\"focusDom(0, 0)\">\u805A\u7126\u7B2C\u4E00\u4E2A</hd-button> -->\n\n<hd-space *ngIf=\"showForm && showSearch\" background=\"transparent\" type=\"row\" size=\"16\"></hd-space>\n\n<form *ngIf=\"showForm\" nz-form [formGroup]=\"validateHdFormLines\" class=\"ant-advanced-search-form hd-formLines-container\"\n  (keydown)=\"onKeyDown($event)\">\n  <nz-table nzTemplateMode [nzFrontPagination]=\"false\" [nzLoading]=\"tableLoading\" [nzScroll]=\"scroll\"\n    [nzPageSizeOptions]=\"[ 10, 50, 100, 200 ]\">\n    <thead>\n      <tr>\n        <th nzWidth=\"58px\" nzLeft=\"0px\" *ngIf=\"showLineNumber\">\u5E8F\u53F7</th>\n        <ng-container *ngFor=\"let item of formLines\">\n          <th *ngIf=\"!item.hide\" [nzAlign]=\"item.align ? item.align : 'left'\">\n            <span *ngIf=\"item.require\" style=\"color: red;\">*</span>{{ item.label }}\n          </th>\n        </ng-container>\n        <th style=\"width: 80px\" nzRight=\"0\">\u64CD\u4F5C</th>\n      </tr>\n    </thead>\n    <tbody>\n      <ng-container\n        *ngFor=\"let line of linesFormArray.controls.slice((paginationPageIndex - 1) * paginationPageSize, (paginationPageIndex - 1) * paginationPageSize + paginationPageSize);index as dataIndex\"\n        formArrayName=\"lines\">\n        <tr [formGroup]=\"line\">\n          <td nzWidth=\"58px\" nzLeft=\"0px\" *ngIf=\"showLineNumber\">\n            {{ line.get('lineIndex').value }}\n          </td>\n          <ng-container *ngFor=\"let formItem of formLines; index as innerIndex\">\n            <td *ngIf=\"!formItem.hide\" [nzAlign]=\"formItem.align ? formItem.align : 'left'\">\n              <nz-form-item>\n                <nz-form-control [nzErrorTip]=\"formItem.label + '\u4E0D\u80FD\u4E3A\u7A7A'\">\n                  <ng-container [ngSwitch]=\"formItem.type\">\n                    <ng-container *ngSwitchCase=\"'Input'\">\n                      <nz-input-group [nzSuffix]=\"inputCleanTemplate\"\n                        (focusin)=\"setActiveDomInFormLines(dataIndex , innerIndex)\">\n                        <input #formInputDom (click)=\"setActiveDomInFormLines(dataIndex , innerIndex)\"\n                          [ngStyle]=\"getStyle(line, formItem, '100px')\" nz-input\n                          [ngStyle]=\"{'color': formItem?.colorOption?.name ? line.get(formItem.colorOption.name ).value : null}\"\n                          [id]=\"'input-' + formItem.name + line.get('lineIndex').value\"\n                          (click)=\"formItem.isSelect ? selectValue('#input-' + formItem.name + line.get('lineIndex').value, dataIndex , innerIndex) : null\"\n                          [maxlength]=\"formItem.maxLength || null\"\n                          [placeholder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u8F93\u5165' + formItem.label\"\n                          [formControlName]=\"formItem.name\" />\n                      </nz-input-group>\n                      <ng-template #inputCleanTemplate>\n                        <i nz-icon nz-tooltip class=\"ant-input-clear-icon\" nzTheme=\"fill\" nzType=\"close-circle\"\n                          *ngIf=\"line.get(formItem.name).value && !line.get(formItem.name).disabled\"\n                          (click)=\"inputClean(formItem ,line)\"></i>\n                      </ng-template>\n                    </ng-container>\n                    <ng-container *ngSwitchCase=\"'Select'\">\n                      <nz-select #formInputDom (focusin)=\"setActiveDomInFormLines(dataIndex , innerIndex)\"\n                        nzDropdownClassName=\"hd-select-table\"\n                        *ngIf=\"formItem.selectOption.tableColumns;else nomarlSelectTemplate\"\n                        [nzShowSearch]=\"formItem.selectOption.hdShowSearch != null ? formItem.selectOption.hdShowSearch : true\"\n                        [nzAllowClear]=\"formItem.selectOption.hdAllowClear != null ? formItem.selectOption.hdAllowClear : true\"\n                        [nzServerSearch]=\"formItem.selectOption.hdServerSearch || false\"\n                        [nzDropdownMatchSelectWidth]=\"formItem.selectOption.hdDropdownMatchSelectWidth ? formItem.selectOption.hdDropdownMatchSelectWidth : false\"\n                        [nzPlaceHolder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u9009\u62E9' + formItem.label\"\n                        [formControlName]=\"formItem.name\"\n                        (nzOnSearch)=\"onSearchEvent(formItem.onSearchEvent || null, $event, line, formItem.onSearchEventEventDebounceTime)\"\n                        [ngStyle]=\"getStyle(line, formItem, '200px')\">\n                        <div class=\"hd-select-empty\"\n                          *ngIf=\"!(formItem.selectOption?.selectList?.length > 0 || line.get(formItem.selectOption.selectListName)?.value?.length > 0)\">\n                          <img\n                            src=\"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNjRweCIgaGVpZ2h0PSI0MXB4IiB2aWV3Qm94PSIwIDAgNjQgNDEiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUyLjUgKDY3NDY5KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDxnIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00NzIuMDAwMDAwLCAtMTMzNS4wMDAwMDApIj4KICAgICAgICAgICAgPGcgIHRyYW5zZm9ybT0idHJhbnNsYXRlKDY0LjAwMDAwMCwgMTExNC4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnICB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0MC4wMDAwMDAsIDc4LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgIDxnICB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzNjguMDAwMDAwLCAxNDQuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxnID4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxlbGxpcHNlICBmaWxsPSIjRjVGNUY1IiBjeD0iMzIiIGN5PSIzMyIgcng9IjMyIiByeT0iNyI+PC9lbGxpcHNlPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPGcgICB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5LjAwMDAwMCwgMC4wMDAwMDApIiBmaWxsLXJ1bGU9Im5vbnplcm8iIHN0cm9rZT0iI0Q5RDlEOSI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTQ2LDEyLjc2MDU2MDQgTDM1Ljg1NDMwNDcsMS4yNTczOTYzMyBDMzUuMzY3NDQxNCwwLjQ3MzgyNjYwNSAzNC42NTU4Nzg5LDAgMzMuOTA2NzYxNywwIEwxMi4wOTMyMzgzLDAgQzExLjM0NDEyMTEsMCAxMC42MzI1NTg2LDAuNDczOTUwMjU1IDEwLjE0NTY5NTMsMS4yNTczOTYzMyBMMi42MTQ3OTcyN2UtMTIsMTIuNzYwNTYwNCBMMCwyMiBMNDYsMjIgTDQ2LDEyLjc2MDU2MDQgWiIgID48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTMyLjYxMzI4MTMsMTUuOTMxNSBDMzIuNjEzMjgxMywxNC4zMjU4NTExIDMzLjYwNjk1MzEsMTMuMDAwMjM0IDM0LjgzOTY5OTIsMTMgTDQ2LDEzIEw0NiwzMS4xMzcxMjc3IEM0NiwzMy4yNTg5NTc0IDQ0LjY3OTM4NjcsMzUgNDMuMDUwNDI5NywzNSBMMi45NDk1NzAzMSwzNSBDMS4zMjA1MjM0NCwzNSAwLDMzLjI1ODg0MDQgMCwzMS4xMzcxMjc3IEwwLDEzIEwxMS4xNjAzMDA4LDEzIEMxMi4zOTMwNDY5LDEzIDEzLjM4NjcxODgsMTQuMzIyODA4NSAxMy4zODY3MTg4LDE1LjkyODQ1NzQgTDEzLjM4NjcxODgsMTUuOTQ5NjM4MyBDMTMuMzg2NzE4OCwxNy41NTUyODcyIDE0LjM5MTcxMDksMTguODUxMTgwOSAxNS42MjQ0NTcsMTguODUxMTgwOSBMMzAuMzc1NTQzLDE4Ljg1MTE4MDkgQzMxLjYwODI4OTEsMTguODUxMTgwOSAzMi42MTMyODEzLDE3LjU0MzM1MTEgMzIuNjEzMjgxMywxNS45Mzc3MDIxIEwzMi42MTMyODEzLDE1LjkzMTUgWiIgIGZpbGw9IiNGQUZBRkEiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+\"\n                            alt=\"empty\">\n                          <p class=\"ant-empty-description\">\u6682\u65E0\u6570\u636E</p>\n                        </div>\n\n                        <nz-option nzCustomContent\n                          *ngFor=\"let selectItem of (formItem.selectOption.selectList || line.get(formItem.selectOption.selectListName).value)\"\n                          [nzValue]=\"selectItem[formItem.selectOption.value]\" [nzLabel]=\"formItem.selectOption.showLabelAndValue ? '['+ selectItem[formItem.selectOption.value] +']' +\n                          selectItem[formItem.selectOption.label] : selectItem[formItem.selectOption.label]\">\n                          <div class=\"hd-option-line\">\n                            <div *ngFor=\"let selectOptionTableColumn of formItem.selectOption.tableColumns\"\n                              [ngStyle]=\"getSelectTableColumnStyle(selectOptionTableColumn)\">\n                              <ng-container *ngIf=\"selectOptionTableColumn.icons;else notPictureTemplate\">\n                                <div class=\"hd-option-icons\">\n                                  <ng-container *ngFor=\"let icon of selectOptionTableColumn.icons\">\n                                    <img *ngIf=\"icon.iconName === 'hd-recommend-star' && selectItem[icon.fieldName]\"\n                                      src=\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAVpJREFUOE+l07FLQkEcB/Dv7713Zg1GQ0SgW9AmTYVp1BRUokZBEI1u/QVBUBD1D0Rt0dQaPYmotXza1tKQzQ1Fk0iDHr5vPEOTUpO88e77+9zvjjtBh8HTOb8e0hu0eN8Xzz22ikonoGzHdgXcAVB16S75U/mbn/m2AK+mglqbBUAGvCIRuVCJ7HLXQCUTPQOxXi8Q4FolnYWuAH0+HaEpjrdxAyC3VSq33xKgPTWiYYUai8IjUCabw4Zw1XWNF2+OZrXoi+cLImBth4odfQAw0elCW6zdKvU2/wVkYs8ggzBlRqrcI/DrrK1wQ7DWAIToV8lsqGxHDwTY6qYbA1jpCVAux3oBSirhDPYCOL6kE/s/QB77UrnNJoDDVkCN6pI+BJH+6xINQdpKOCf1d/AEYBxgUUQC5PcLbPMDXy1lhGXx7r0G6ExklpBwI0xh2w7ID+UzL71iL/MJdzuZdDL/kXcAAAAASUVORK5CYII=\"\n                                      style=\"width: 16px;height: 16px;\">\n                                    <img *ngIf=\"icon.iconName === 'hd-img-star' && selectItem[icon.fieldName]\"\n                                      src=\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAyhJREFUWEe1ll1o1XYYxp8nPUmUihdCV3bAirvYzUC80Xpy3KwTZNR2CdOhDkTBwe6G32XzwqpjE3Qt4pUKZQqDyQZNTp1uY8yCJG0F2d2+LlWOOkShovQkaV45lcJpTdOTHJubBPI+z/Pj//H+/0TGR66uf8sPoz8A/Kstkp38YORxFitmEVU1vm1cBPlp9ZuQXtX0jmfxygQgvxSWBRWlDECvhgrwQFuqLufG4TAtRCaAwCl+IcDXtWEi2KFb7pUFBxCBEpSMMsDWGWEiNzXLe2/BASp2cTuJH+KCRMJ3dGvsrzQQqafAtw0XpBEfIhc00/tswQD8QWM1FP45d4A8V9XJN9k5Nl4vRKoR8G3jMshdyebRPs0cOftaAaRUbAsRrRRRhuczFsF/lPATNQrL3Hr7/nz1lGvvtkwGUSEC8gLkWfMGkAfQMp9J0n8ByhS5J+QDVr+BshBlUu6q3d5v9G3jIcg3GgnJqp2C853iCIB1WU0a1F2iOO2tPnK3CLQ1aJZKLpCfddPrmtoF8uuqZn9iyfcEzVQumYtlQDO9vS8PsprHd4xvAR7I7FuHUIBvdNP9crr0lT7g24U+UNlfh1f6Esrn2ofeuVphbCPyneJuAN+lT0jokZCduum9cobM2Qn9krEGEa6+hi36jEC3aro34vASW3FoG9si8sdGRoKCY6rlnpjLIxGgYhunSPY0AiAiP+mW93EmAN8ujoJobwgAuKOb7orUAHKjY1EwHjwFkGsEoKpVJ6WVH3n/p1oDwVBhk0TK742GV/UKYOZMt5QKoGIbX5E8mgwg4wCbADQn1c1uPvP2gWqB7xjDADck7OwBVan0QFFyQaj2A9wxV60A13XT7Uw1Ar5TlDiBQP6hRHs0a3Ss9n8wuK4jYtN5Em/H6B5ppht7r4jvhEOFtYiUGQEAnhDoV033ZNJwB45xRAS9IBfX1qnhRD7uhhQLENiFQ0Ll9LSBCM7olnu43gUpTjEfiPSB3D6tUQRbcpZ7bbZHLEBYKnRFogxV505rmjzIrtG/6w2fMS0l430RHAVoULBZtdybdQFkCcuqSXUtzxqSpHsBfmUdgJhaiDQAAAAASUVORK5CYII=\"\n                                      style=\"width: 16px;height: 16px;\">\n                                    <span *ngIf=\"icon.iconName === 'hd-select-close' && selectItem[icon.fieldName]\"\n                                      class=\"hd-select-close\">\n                                      \u7981\u7528\n                                    </span>\n                                    <span *ngIf=\"icon.iconName === 'hd-select-purchase' && selectItem[icon.fieldName]\"\n                                      class=\"hd-select-purchase\">\n                                      \u534F\n                                    </span>\n                                  </ng-container>\n                                </div>\n                              </ng-container>\n                              <ng-template #notPictureTemplate>\n                                <ng-container\n                                  *ngIf=\"!isTextOverflow(selectOptionTableColumn.render ? selectOptionTableColumn.render(selectItem) : selectItem[selectOptionTableColumn.name], selectOptionTableColumn.width);else overflowTemplate\">\n                                  <div>{{\n                                    judgeColEmpty(selectOptionTableColumn.render ?\n                                    selectOptionTableColumn.render(selectItem) :\n                                    selectItem[selectOptionTableColumn.name])\n                                    }}\n                                  </div>\n                                </ng-container>\n                                <ng-template #overflowTemplate>\n                                  <div class=\"hd-option-overflow\" nz-tooltip\n                                    [nzTooltipTitle]=\"selectOptionTableColumn.render ? selectOptionTableColumn.render(selectItem) : selectItem[selectOptionTableColumn.name]\">\n                                    {{\n                                    judgeColEmpty(selectOptionTableColumn.render ?\n                                    selectOptionTableColumn.render(selectItem) :\n                                    selectItem[selectOptionTableColumn.name])\n                                    }}\n                                  </div>\n                                </ng-template>\n                              </ng-template>\n                            </div>\n                          </div>\n                        </nz-option>\n                        <nz-option\n                          *ngIf=\"formItem.selectOption.label && line.get(formItem.name) && line.get(formItem.selectOption.label)?.value && line.get(formItem.selectOption.value)?.value\"\n                          [nzLabel]=\"(formItem.selectOption.value === 'code' || formItem.selectOption.value === 'productCode' || formItem.selectOption.hdShowItemCode) ? ('['+ line.get(formItem.selectOption.value).value + ']' + line.get(formItem.selectOption.label).value) : line.get(formItem.selectOption.label).value\"\n                          [nzValue]=\"line.get(formItem.selectOption.value).value\" nzHide></nz-option>\n                      </nz-select>\n                      <ng-template #nomarlSelectTemplate>\n                        <nz-select #formInputDom (focusin)=\"setActiveDomInFormLines(dataIndex , innerIndex)\"\n                          [nzShowSearch]=\"formItem.selectOption.hdShowSearch != null ? formItem.selectOption.hdShowSearch : true\"\n                          [nzAllowClear]=\"formItem.selectOption.hdAllowClear != null ? formItem.selectOption.hdAllowClear : true\"\n                          [nzServerSearch]=\"formItem.selectOption.hdServerSearch || false\"\n                          [nzDropdownMatchSelectWidth]=\"formItem.selectOption.hdDropdownMatchSelectWidth ? formItem.selectOption.hdDropdownMatchSelectWidth : false\"\n                          [nzPlaceHolder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u9009\u62E9' + formItem.label\"\n                          [formControlName]=\"formItem.name\"\n                          (nzOnSearch)=\"onSearchEvent(formItem.onSearchEvent || null, $event, line, formItem.onSearchEventEventDebounceTime)\"\n                          [ngStyle]=\"getStyle(line, formItem, '200px')\">\n                          <nz-option\n                            *ngFor=\"let selectItem of (formItem.selectOption.selectList || line.get(formItem.selectOption.selectListName).value)\"\n                            [nzValue]=\"selectItem[formItem.selectOption.value]\" [nzLabel]=\"formItem.selectOption.showLabelAndValue ? '['+ selectItem[formItem.selectOption.value] +']' +\n                          selectItem[formItem.selectOption.label] : selectItem[formItem.selectOption.label]\">\n                          </nz-option>\n                          <nz-option\n                            *ngIf=\"formItem.selectOption.label && line.get(formItem.name) && line.get(formItem.selectOption.label)?.value && line.get(formItem.selectOption.value)?.value\"\n                            [nzLabel]=\"(formItem.selectOption.value === 'code' || formItem.selectOption.value === 'productCode' || formItem.selectOption.hdShowItemCode) ? ('['+ line.get(formItem.selectOption.value).value + ']' + line.get(formItem.selectOption.label).value) : line.get(formItem.selectOption.label).value\"\n                            [nzValue]=\"line.get(formItem.selectOption.value).value\" nzHide></nz-option>\n                        </nz-select>\n                      </ng-template>\n\n                    </ng-container>\n                    <ng-container *ngSwitchCase=\"'Date'\">\n                      <nz-date-picker #formInputDom (click)=\"setActiveDomInFormLines(dataIndex , innerIndex)\"\n                        (focusin)=\"setActiveDomInFormLines(dataIndex , innerIndex)\" *ngIf=\"formItem.showTime\"\n                        [ngStyle]=\"getStyle(line, formItem, '150px')\"\n                        [nzPlaceHolder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u9009\u62E9' + formItem.label\"\n                        [formControlName]=\"formItem.name\" [nzDisabledDate]=\"formItem.hdDisabledDate\"\n                        [nzShowToday]=\"formItem.hdShowToday !== false\" nzShowTime\n                        nzFormat=\"yyyy-MM-dd HH:mm:ss\">\n                      </nz-date-picker>\n                      <nz-date-picker #formInputDom *ngIf=\"!formItem.showTime\"\n                        [ngStyle]=\"getStyle(line, formItem, '150px')\"\n                        (click)=\"setActiveDomInFormLines(dataIndex , innerIndex)\"\n                        (focusin)=\"setActiveDomInFormLines(dataIndex , innerIndex)\"\n                        [nzPlaceHolder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u9009\u62E9' + formItem.label\"\n                        [formControlName]=\"formItem.name\" [nzDisabledDate]=\"formItem.hdDisabledDate\"\n                        [nzShowToday]=\"formItem.hdShowToday !== false\">\n                      </nz-date-picker>\n                      <div *ngIf=\"formItem?.explainOptionRight?.show\"\n                        [style.color]=\"formItem?.explainOptionRight?.color ? formItem.explainOptionRight.color : null\">\n                        &nbsp;&nbsp;{{ line.get(formItem.explainOptionRight.name).value }}\n                      </div>\n                    </ng-container>\n                    <ng-container *ngSwitchCase=\"'DateRange'\">\n                      <nz-range-picker #formInputDom [ngStyle]=\"getStyle(line, formItem, '200px')\"\n                        (click)=\"setActiveDomInFormLines(dataIndex , innerIndex)\"\n                        (focusin)=\"setActiveDomInFormLines(dataIndex , innerIndex)\"\n                        [nzDisabledDate]=\"formItem.hdDisabledDate\" [nzPlaceHolder]=\"['\u5F00\u59CB\u65E5\u671F','\u7ED3\u675F\u65E5\u671F']\"\n                        [formControlName]=\"formItem.name\">\n                      </nz-range-picker>\n                    </ng-container>\n                    <ng-container *ngSwitchCase=\"'TextArea'\">\n                      <textarea #formInputDom (click)=\"setActiveDomInFormLines(dataIndex , innerIndex)\"\n                        (focusin)=\"setActiveDomInFormLines(dataIndex , innerIndex)\"\n                        [ngStyle]=\"{'color': formItem?.colorOption?.name ? line.get(formItem.colorOption.name).value : null}\"\n                        [placeholder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u8F93\u5165' + formItem.label\"\n                        [maxlength]=\"formItem.maxLength || null\" rows=\"4\" nz-input\n                        [maxlength]=\"formItem.maxLength || null\" [formControlName]=\"formItem.name\"></textarea>\n                    </ng-container>\n                    <ng-container *ngSwitchCase=\"'InputNumber'\">\n                      <div style=\"display: flex;align-items: center;\"\n                        (focusin)=\"setActiveDomInFormLines(dataIndex , innerIndex)\">\n                        <nz-input-number #formInputDom [ngStyle]=\"getStyle(line, formItem, '100px')\"\n                          [maxlength]=\"formItem.maxLength || null\" [formControlName]=\"formItem.name\"\n                          [nzMin]=\"formItem?.inputNumber?.min || 0\" [nzMax]=\"formItem?.inputNumber?.max || 99999999\"\n                          [nzStep]=\"formItem?.inputNumber?.step || 1\"\n                          [nzPrecision]=\"formItem?.inputNumber?.precision != null ? formItem.inputNumber.precision : 2\"\n                          [nzPlaceHolder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u8F93\u5165' + formItem.label\"\n                          [nzId]=\"'inputNumber-' + formItem.name + line.get('lineIndex').value\"\n                          (click)=\"formItem.isSelect ? selectValue('#inputNumber-' + formItem.name + line.get('lineIndex').value, dataIndex , innerIndex) : setActiveDomInFormLines(dataIndex , innerIndex)\">\n                        </nz-input-number>\n                        <div *ngIf=\"formItem?.explainOptionRight?.show\"\n                          [style.color]=\"formItem?.explainOptionRight?.color ? formItem.explainOptionRight.color : null\">\n                          &nbsp;&nbsp;{{ line.get(formItem.explainOptionRight.name).value }}\n                        </div>\n                      </div>\n                    </ng-container>\n                    <ng-container *ngSwitchCase=\"'MultipleSelect'\">\n                      <nz-select #formInputDom (click)=\"setActiveDomInFormLines(dataIndex , innerIndex)\"\n                        (focusin)=\"setActiveDomInFormLines(dataIndex , innerIndex)\" nzMode=\"multiple\"\n                        [nzServerSearch]=\"formItem.selectOption.hdServerSearch || false\"\n                        [nzDropdownMatchSelectWidth]=\"formItem.selectOption.hdDropdownMatchSelectWidth ? formItem.selectOption.hdDropdownMatchSelectWidth : false\"\n                        [nzShowSearch]=\"formItem.selectOption.hdShowSearch != null ? formItem.selectOption.hdShowSearch : true\"\n                        [nzAllowClear]=\"formItem.selectOption.hdAllowClear != null ? formItem.selectOption.hdAllowClear : true\"\n                        [nzPlaceHolder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u9009\u62E9' + formItem.label\"\n                        [formControlName]=\"formItem.name\" [ngStyle]=\"getStyle(line, formItem, '200px')\"\n                        (nzOnSearch)=\"onSearchEvent(formItem.onSearchEvent || null, $event, line, formItem.onSearchEventEventDebounceTime)\">\n                        <nz-option *ngFor=\"let selectItem of formItem.selectOption.selectList\"\n                          [nzValue]=\"selectItem[formItem.selectOption.value]\" [nzLabel]=\"formItem.selectOption.showLabelAndValue ? '['+ selectItem[formItem.selectOption.value] +']' +\n                        selectItem[formItem.selectOption.label] : selectItem[formItem.selectOption.label]\"></nz-option>\n                        <ng-container\n                          *ngIf=\"formItem.selectOption.label && line.get(formItem.name) && line.get(formItem.selectOption.label)?.value && line.get(formItem.selectOption.value)?.value\">\n                          <nz-option *ngFor=\"let option of line.get(formItem.selectOption.value).value;index as i\"\n                            [nzLabel]=\"line.get(formItem.selectOption.label).value[i]\" [nzValue]=\"option\" nzHide>\n                          </nz-option>\n                        </ng-container>\n                      </nz-select>\n                    </ng-container>\n                    <ng-container *ngSwitchCase=\"'ViewDom'\">\n                      <span *ngIf=\"!formItem?.hideViewDomValue\">\n                        {{\n                        (formItem.preserveNumber && line.get(formItem.name).value) ?\n                        LodashRound(line.get(formItem.name).value,\n                        formItem.preserveNumber).toFixed(formItem.preserveNumber)\n                        : line.get(formItem.name).value\n                        }}\n                      </span>\n                      <ng-container\n                        *ngTemplateOutlet=\"ViewDomRightTemplate;context:{formItem: formItem, formLine: line}\"></ng-container>\n                    </ng-container>\n                    <ng-container *ngSwitchCase=\"'Switch'\">\n                      <nz-switch (click)=\"setActiveDomInFormLines(dataIndex , innerIndex)\"\n                        [formControlName]=\"formItem.name\"></nz-switch>\n                    </ng-container>\n                    <ng-container *ngSwitchCase=\"'Time'\">\n                      <nz-time-picker #formInputDom [ngStyle]=\"getStyle(line, formItem, '200px')\"\n                        (click)=\"setActiveDomInFormLines(dataIndex , innerIndex)\"\n                        (focusin)=\"setActiveDomInFormLines(dataIndex , innerIndex)\"\n                        [formControlName]=\"formItem.name\"></nz-time-picker>\n                    </ng-container>\n                  </ng-container>\n                </nz-form-control>\n              </nz-form-item>\n              <div *ngIf=\"formItem?.explainOption?.show\"\n                [style.color]=\"formItem?.explainOption?.color ? formItem.explainOption.color : null\">\n                {{ line.get(formItem.explainOption.name).value }}\n              </div>\n            </td>\n          </ng-container>\n          <td style=\"width: 80px\" nzRight=\"0\">\n            <span class=\"common-btn-group\">\n              <a *ngIf=\"operateButtons.includes('add')\" (click)=\"addFormLine(line.get('lineIndex').value)\">\u6DFB\u52A0</a>\n              <a class=\"common-danger-btn\" *ngIf=\"operateButtons.includes('delete') && !showDeleteConfirm\"\n                (click)=\"deleteFormLine(line.get('lineIndex').value)\">\u5220\u9664</a>\n              <a class=\"common-danger-btn\" *ngIf=\"operateButtons.includes('delete') && showDeleteConfirm\" nz-popconfirm\n                nzPopconfirmTitle=\"\u786E\u8BA4\u8981\u5220\u9664\u8BE5\u884C\u5417?\" nzPopconfirmPlacement=\"bottom\"\n                (nzOnConfirm)=\"deleteFormLine(line.get('lineIndex').value)\">\u5220\u9664</a>\n            </span>\n          </td>\n        </tr>\n      </ng-container>\n      <!-- \u5408\u8BA1\u533A\u57DF -->\n      <tr *ngIf=\"showTotal\" class=\"hd-table-total\">\n        <td>\u5408\u8BA1</td>\n        <ng-container *ngFor=\"let totalOption of totalOptionList\">\n          <td [nzAlign]=\"totalOption.align ? totalOption.align : 'left'\">{{\n            (totalOption.value || totalOption.value ===\n            0) ? (((totalOption.value % 1 === 0) && !totalOption.showDecimal) ? totalOption.value :\n            LodashRound(totalOption.value, 2).toFixed(2)) : ''\n            }}\n          </td>\n        </ng-container>\n      </tr>\n    </tbody>\n  </nz-table>\n  <nz-list\n    *ngIf=\"linesFormArray.controls.slice((paginationPageIndex - 1) * paginationPageSize, (paginationPageIndex - 1) * paginationPageSize + paginationPageSize).length === 0\"\n    [nzDataSource]=\"[]\"></nz-list>\n  <ng-container>\n    <hd-space background=\"transparent\" type=\"row\" size=\"16\"></hd-space>\n    <div class=\"hd-formLines-pagination\">\n      <div class=\"hd-formLines-pagination-left\">\n        <div *ngIf=\"showKeyboardOperateTip\">\u652F\u6301\u952E\u76D8\u64CD\u4F5C\uFF0C\u4F7F\u7528\n          <i nz-icon nzType=\"up-circle\" nzTheme=\"outline\" style=\"font-size: 16px;margin-left: 4px;\"></i>\n          <i nz-icon nzType=\"down-circle\" nzTheme=\"outline\" style=\"font-size: 16px;margin-left: 4px;\"></i>\n          <i nz-icon nzType=\"left-circle\" nzTheme=\"outline\" style=\"font-size: 16px;margin-left: 4px;\"></i>\n          <i nz-icon nzType=\"right-circle\" nzTheme=\"outline\" style=\"font-size: 16px;margin-left: 4px;\"></i>\n          <span style=\"font-size: 14px;margin-left: 4px;font-weight: bolder;\">Enter</span>\n          \u952E\u5207\u6362\u8868\u5355\u9879\n        </div>\n      </div>\n      <nz-pagination [nzSize]=\"'small'\" style=\"text-align: right;\" [nzPageIndex]=\"paginationPageIndex\"\n        [nzPageSize]=\"paginationPageSize\" [nzPageSizeOptions]=\"[10, 20, 30, 40, 50]\"\n        [nzTotal]=\"linesFormArray.controls.length\" nzShowSizeChanger (nzPageIndexChange)=\"pageIndexChange($event)\"\n        (nzPageSizeChange)=\"pageSizeChange($event)\" [nzShowTotal]=\"totalTemplate\"></nz-pagination>\n      <ng-template #totalTemplate let-total>\u5171 {{ linesFormArray.controls.length }} \u6761\u6570\u636E</ng-template>\n    </div>\n\n  </ng-container>\n</form>\n",
+                        styles: ["::ng-deep .common-btn-group>a{font-size:14px;font-weight:400;color:#20b95d!important;white-space:nowrap}::ng-deep .common-btn-group .common-danger-btn:hover{color:#f05b24!important}::ng-deep .common-btn-group>a:hover{color:#20bd62!important}::ng-deep .common-btn-group>a:not(:last-child)::after{content:'';margin:0 2px}::ng-deep .common-billNumber>a{color:#3b77e3}button{box-shadow:unset;text-shadow:unset}::ng-deep .ant-form-item-label>label{color:#4b504e;font-size:14px}::ng-deep .ant-input-number-input{height:32px}::ng-deep .ant-input-number{height:32px}textarea.ant-input{height:auto;min-height:32px}::ng-deep .ant-select-selection--multiple{min-height:32px}::ng-deep .ant-select-selection__rendered>ul>li{height:26px!important;margin-top:3px!important;line-height:26px!important}::ng-deep .ant-advanced-search-form .ant-form-item{margin-bottom:0!important}::ng-deep .ant-select-selection--single{height:32px!important}::ng-deep .ant-input{height:32px}::ng-deep .ant-input[disabled]:hover{border-color:#d9d9d9!important}::ng-deep .ant-select-selection__rendered{line-height:32px!important}::ng-deep .ant-calendar-range-picker-input{text-align:left!important}::ng-deep .ant-calendar-picker{width:100%!important}::ng-deep .ant-row{margin-right:0!important;margin-left:0!important}::ng-deep .ant-col-6{padding-left:12px;padding-right:12px}::ng-deep .ant-col-12{padding-left:12px;padding-right:12px}::ng-deep .ant-col-18{padding-left:12px;padding-right:12px}::ng-deep .ant-col-24{padding-left:12px;padding-right:12px}::ng-deep .ant-alert-info{background-color:#f5f8f6;border:1px solid #cfe3d4}:host ::ng-deep th{background:#f5f8f6!important;font-weight:700!important;white-space:nowrap;font-size:14px;font-family:PingFangSC-Medium,PingFang SC;color:#2a3634;padding:8px!important;box-sizing:border-box}:host ::ng-deep td{font-weight:400;font-style:normal;font-size:14px;color:#2a3634;text-align:left;white-space:nowrap;padding:8px!important;box-sizing:border-box}::ng-deep .ant-pagination-options{display:inline-flex;align-items:center}::ng-deep .ant-time-picker{width:100%}.ant-input-number-disabled,.ant-input[disabled],.ant-select-disabled{color:#4b504e}.hd-formLines-container ::ng-deep td{padding:1.5px 8px!important}.hd-formLines-container .ant-table-tbody>tr>td,.hd-formLines-container ::ng-deep .ant-table-thead>tr>th{padding:16px 8px}.hd-formLines-container ::ng-deep .hd-table-total>td{border:0!important}.hd-formLines-container .ant-input-number{width:100%}::ng-deep .hd-select-table .ant-select-dropdown-menu-item-disabled{background:#f5f8f6!important;border-bottom:1px solid #e8e8e8;position:-webkit-sticky;position:sticky;top:0;z-index:10;padding:0}::ng-deep .hd-select-table .ant-select-dropdown-menu-item-disabled:hover{background:#f5f8f6!important}::ng-deep .hd-option-header{display:flex;align-items:center;color:rgba(0,0,0,.85);background:#f5f8f6}::ng-deep .hd-option-header-column{padding:5px 0}.hd-option-line{display:flex;align-items:center}.hd-option-overflow{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.hd-select-empty{display:flex;align-items:center;flex-direction:column;padding:20px 0;background:#fff}::ng-deep .ant-empty-small{background:#fff!important;padding:8px 0;margin:0}.hd-formLines-pagination{display:flex;align-items:center;justify-content:space-between}.hd-formLines-pagination .hd-formLines-pagination-left{margin-left:10px;display:flex;align-items:center}.hd-option-icons{display:flex;align-items:center}.hd-select-close{display:block;height:16px;line-height:14px;text-align:center;padding:0 4px;border:1px solid #f5222d;color:#f5222d;font-size:14px}.hd-select-purchase{display:block;height:16px;line-height:14px;text-align:center;padding:0 4px;border:1px solid #20bd62;color:#20bd62;font-size:14px}"]
                     }] }
         ];
         /** @nocollapse */
@@ -3387,7 +4287,7 @@
             { type: core.ChangeDetectorRef }
         ]; };
         HdFormLinesComponent.propDecorators = {
-            formInputDomList: [{ type: core.ViewChildren, args: ['formInputDom',] }],
+            formInputDomList: [{ type: core.ViewChildren, args: ["formInputDom",] }],
             showLineNumber: [{ type: core.Input }],
             allowEmpty: [{ type: core.Input }],
             deleteLastLineEvent: [{ type: core.Output }],
@@ -3403,7 +4303,7 @@
             showTotal: [{ type: core.Input }],
             totalOption: [{ type: core.Input }],
             columnsNumber: [{ type: core.Input }],
-            ViewDomRightTemplate: [{ type: core.ContentChild, args: ['ViewDomRightTemplate', { static: false },] }],
+            ViewDomRightTemplate: [{ type: core.ContentChild, args: ["ViewDomRightTemplate", { static: false },] }],
             deleteLineEvent: [{ type: core.Output }]
         };
         __decorate([
@@ -3510,6 +4410,11 @@
          * @private
          */
         HdFormLinesComponent.prototype.searchSubscription;
+        /**
+         * @type {?}
+         * @private
+         */
+        HdFormLinesComponent.prototype.formInputDomListSub;
         /** @type {?} */
         HdFormLinesComponent.prototype.collectDomList;
         /** @type {?} */
@@ -3554,19 +4459,7 @@
                             common.CommonModule,
                             forms.FormsModule,
                             forms.ReactiveFormsModule,
-                            ngZorroAntd.NzDatePickerModule,
-                            form.NzFormModule,
-                            icon.NzIconModule,
-                            input.NzInputModule,
-                            ngZorroAntd.NzInputNumberModule,
-                            ngZorroAntd.NzListModule,
-                            ngZorroAntd.NzPaginationModule,
-                            ngZorroAntd.NzPopconfirmModule,
-                            select.NzSelectModule,
-                            ngZorroAntd.NzSwitchModule,
-                            table.NzTableModule,
-                            ngZorroAntd.NzTimePickerModule,
-                            tooltip.NzToolTipModule,
+                            ngZorroAntd.NgZorroAntdModule,
                             HdButtonModule,
                             HdSpaceModule,
                             HdButtonGroupModule
@@ -3578,6 +4471,162 @@
         return HdFormLinesModule;
     }());
 
+    /**
+     * @fileoverview added by tsickle
+     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     */
+    // 控件列表
+    var   
+    // 控件列表
+    FormItem = /** @class */ (function () {
+        function FormItem() {
+            // 字段名称
+            this.require = false; // 是否必填
+            // 输入框提示文案
+            this.width = 1; // 占据的列数。默认1
+            // 占据的列数。默认1
+            this.hide = false; // 是否为隐藏字段，仅用于填充表单的字段，不显示在页面上
+            // 是否为隐藏字段，仅用于填充表单的字段，不显示在页面上
+            this.totalWidth = 0;
+            this.isRowFirst = 0; // 是否是一行的第一个元素
+            // 当前行的所有列的items
+            this.value = null; // 值 不传默认为null
+            // 控件为Checkbox组时，选项列表
+            this.inputNumber = new InputNumber(); // number组件的min、max、step
+            // date-picker组件不可选择的日期
+            this.hdShowToday = true; // 对应 nzShowToday，是否显示「今天」按钮，默认 true
+            // textArea的行数
+            this.showTime = false; // 日期选择器是否包含时间
+        }
+        return FormItem;
+    }());
+    if (false) {
+        /** @type {?} */
+        FormItem.prototype.type;
+        /** @type {?} */
+        FormItem.prototype.label;
+        /** @type {?} */
+        FormItem.prototype.name;
+        /** @type {?} */
+        FormItem.prototype.require;
+        /** @type {?} */
+        FormItem.prototype.placeholder;
+        /** @type {?} */
+        FormItem.prototype.width;
+        /** @type {?} */
+        FormItem.prototype.hide;
+        /** @type {?} */
+        FormItem.prototype.totalWidth;
+        /** @type {?} */
+        FormItem.prototype.isRowFirst;
+        /** @type {?} */
+        FormItem.prototype.columnItems;
+        /** @type {?} */
+        FormItem.prototype.value;
+        /** @type {?} */
+        FormItem.prototype.disabled;
+        /** @type {?} */
+        FormItem.prototype.color;
+        /** @type {?} */
+        FormItem.prototype.maxLength;
+        /** @type {?} */
+        FormItem.prototype.prefix;
+        /** @type {?} */
+        FormItem.prototype.prefixIcon;
+        /** @type {?} */
+        FormItem.prototype.selectOption;
+        /** @type {?} */
+        FormItem.prototype.radioOption;
+        /** @type {?} */
+        FormItem.prototype.checkboxOption;
+        /** @type {?} */
+        FormItem.prototype.inputNumber;
+        /** @type {?} */
+        FormItem.prototype.onChangeEvent;
+        /** @type {?} */
+        FormItem.prototype.onSearchEvent;
+        /** @type {?} */
+        FormItem.prototype.defaultLabel;
+        /** @type {?} */
+        FormItem.prototype.hdDisabledDate;
+        /** @type {?} */
+        FormItem.prototype.hdShowToday;
+        /** @type {?} */
+        FormItem.prototype.explain;
+        /** @type {?} */
+        FormItem.prototype.textAreaRows;
+        /** @type {?} */
+        FormItem.prototype.showTime;
+        /** @type {?} */
+        FormItem.prototype.labelColor;
+        /** @type {?} */
+        FormItem.prototype.validatorKeys;
+        /** @type {?} */
+        FormItem.prototype.validator;
+        /** @type {?} */
+        FormItem.prototype.onChangeEventDebounceTime;
+        /** @type {?} */
+        FormItem.prototype.onSearchEventEventDebounceTime;
+        /** @type {?} */
+        FormItem.prototype.cascaderOption;
+        /** @type {?} */
+        FormItem.prototype.format;
+    }
+    var ValidatorKey = /** @class */ (function () {
+        function ValidatorKey() {
+        }
+        return ValidatorKey;
+    }());
+    if (false) {
+        /** @type {?} */
+        ValidatorKey.prototype.key;
+        /** @type {?} */
+        ValidatorKey.prototype.label;
+    }
+    /** @enum {number} */
+    var FormListType = {
+        Input: 0,
+        Select: 1,
+        Date: 2,
+        DateRange: 3,
+        TextArea: 4,
+        InputNumber: 5,
+        MultipleSelect: 6,
+        ViewDom: 7,
+        Switch: 8,
+        Time: 9,
+        Cascader: 10,
+        Radio: 11,
+        Checkbox: 12 // 复选框
+        ,
+    };
+    FormListType[FormListType.Input] = 'Input';
+    FormListType[FormListType.Select] = 'Select';
+    FormListType[FormListType.Date] = 'Date';
+    FormListType[FormListType.DateRange] = 'DateRange';
+    FormListType[FormListType.TextArea] = 'TextArea';
+    FormListType[FormListType.InputNumber] = 'InputNumber';
+    FormListType[FormListType.MultipleSelect] = 'MultipleSelect';
+    FormListType[FormListType.ViewDom] = 'ViewDom';
+    FormListType[FormListType.Switch] = 'Switch';
+    FormListType[FormListType.Time] = 'Time';
+    FormListType[FormListType.Cascader] = 'Cascader';
+    FormListType[FormListType.Radio] = 'Radio';
+    FormListType[FormListType.Checkbox] = 'Checkbox';
+    var HdFormService = /** @class */ (function () {
+        function HdFormService() {
+        }
+        HdFormService.decorators = [
+            { type: core.Injectable, args: [{
+                        providedIn: 'root'
+                    },] }
+        ];
+        /** @nocollapse */
+        HdFormService.ctorParameters = function () { return []; };
+        /** @nocollapse */ HdFormService.ngInjectableDef = core.ɵɵdefineInjectable({ factory: function HdFormService_Factory() { return new HdFormService(); }, token: HdFormService, providedIn: "root" });
+        return HdFormService;
+    }());
+
     /**
      * @fileoverview added by tsickle
      * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
@@ -3590,6 +4639,16 @@
             this.changeEvent = new core.EventEmitter();
             this.searchSubject = new rxjs.Subject();
             this.debounceTimeout = 0; // 默认防抖时间
+            this.inputNumberDefaultFormatter = (/**
+             * @param {?} value
+             * @return {?}
+             */
+            function (value) { return value; });
+            this.inputNumberDefaultParser = (/**
+             * @param {?} value
+             * @return {?}
+             */
+            function (value) { return value; });
             this.searchSubscription = this.searchSubject.pipe(operators.debounceTime(this.debounceTimeout)).subscribe((/**
              * @param {?} __0
              * @return {?}
@@ -3750,7 +4809,27 @@
                         }
                     }
                     else {
-                        throw 'form组件中DateRange控件value值格式不规范，正确示例[\'2020-01-22\', \'2020-01-23\']';
+                        throw 'form组件中DateRange控件value值格式不规范，正确示例[\'2020-01-22\', \'2020-01-23\']';
+                    }
+                }
+                else if (item.type === FormListType.Checkbox && item.checkboxOption) {
+                    /** @type {?} */
+                    var checkboxValue = Array.isArray(item.value) ? item.value : [];
+                    if (item.validator) {
+                        formGroupList[item.name] = _this.fb.control({ value: checkboxValue, disabled: item.disabled }, item.require && !item.hide ? [forms.Validators.required, item.validator] : []);
+                    }
+                    else {
+                        formGroupList[item.name] = _this.fb.control({ value: checkboxValue, disabled: item.disabled }, item.require && !item.hide ? [forms.Validators.required] : []);
+                    }
+                }
+                else if (item.type === FormListType.Checkbox) {
+                    /** @type {?} */
+                    var checkboxValue = item.value != null ? item.value : false;
+                    if (item.validator) {
+                        formGroupList[item.name] = _this.fb.control({ value: checkboxValue, disabled: item.disabled }, item.require && !item.hide ? [forms.Validators.required, item.validator] : []);
+                    }
+                    else {
+                        formGroupList[item.name] = _this.fb.control({ value: checkboxValue, disabled: item.disabled }, item.require && !item.hide ? [forms.Validators.required] : []);
                     }
                 }
                 else {
@@ -3949,11 +5028,60 @@
             patchObject[filter.name] = null;
             this.validateHdForm.patchValue(patchObject);
         };
+        /**
+         * @param {?} name
+         * @param {?} value
+         * @return {?}
+         */
+        HdFormComponent.prototype.isCheckboxChecked = /**
+         * @param {?} name
+         * @param {?} value
+         * @return {?}
+         */
+        function (name, value) {
+            /** @type {?} */
+            var control = this.validateHdForm.get(name);
+            /** @type {?} */
+            var current = control ? control.value : null;
+            return Array.isArray(current) && current.indexOf(value) !== -1;
+        };
+        /**
+         * @param {?} name
+         * @param {?} value
+         * @param {?} checked
+         * @return {?}
+         */
+        HdFormComponent.prototype.onCheckboxItemChange = /**
+         * @param {?} name
+         * @param {?} value
+         * @param {?} checked
+         * @return {?}
+         */
+        function (name, value, checked) {
+            /** @type {?} */
+            var control = this.validateHdForm.get(name);
+            if (!control) {
+                return;
+            }
+            /** @type {?} */
+            var current = Array.isArray(control.value) ? __spread(control.value) : [];
+            /** @type {?} */
+            var index = current.indexOf(value);
+            if (checked && index === -1) {
+                current.push(value);
+            }
+            else if (!checked && index !== -1) {
+                current.splice(index, 1);
+            }
+            control.setValue(current);
+            control.markAsDirty();
+            control.updateValueAndValidity();
+        };
         HdFormComponent.decorators = [
             { type: core.Component, args: [{
                         selector: 'hd-form',
-                        template: "<form nz-form [formGroup]=\"validateHdForm\" class=\"ant-advanced-search-form hd-formItem-container\">\n  <!-- \u6574\u4F53\u7ED3\u6784 -->\n  <div nz-row [nzGutter]=\"24\">\n    <!-- \u5BF9\u7EC4\u4EF6\u5217\u8868\u5FAA\u73AF\u5904\u7406 -->\n    <ng-container *ngFor=\"let formItem of formList;index as i\">\n      <div nz-row *ngIf=\"formItem.isRowFirst && formItem.isRowFirst === 1\">\n        <div nz-col *ngIf=\"!formItem.hide\" [nzSpan]=\"formItem.width? formItem.width * 6 : 6\">\n          <nz-form-item nzFlex>\n            <nz-form-label class=\"hd-formItem-label\" [nzNoColon]=\"true\">\n              <div class=\"hd-formItem-label-flex\">\n                <span>\n                  <span class=\"hd-formItem-label-require\" *ngIf=\"formItem.require\">*</span>\n                  <span\n                    [ngStyle]=\"{'color': formItem?.labelColor ? formItem.labelColor : null}\">{{ formItem.label }}</span>\n                </span>\n                <ng-container *ngIf=\"formItem.explain\">\n                  <span class=\"hd-formItem-label-explain\">{{ formItem.explain }}</span>\n                </ng-container>\n              </div>\n            </nz-form-label>\n            <nz-form-control class=\"hd-formItem-control\" [nzErrorTip]=\"formItemErrorTpl\">\n              <ng-template #formItemErrorTpl let-control>\n                <ng-container *ngFor=\"let validatorKey of formItem.validatorKeys;index as i\">\n                  <ng-container *ngIf=\"control.hasError(validatorKey.key)\">\n                    {{ validatorKey.label }}\n                  </ng-container>\n                </ng-container>\n                <ng-container *ngIf=\"control.hasError('required')\">\n                  {{ formItem.label + '\u4E0D\u80FD\u4E3A\u7A7A' }}\n                </ng-container>\n              </ng-template>\n              <ng-container [ngSwitch]=\"formItem.type\">\n                <ng-container *ngSwitchCase=\"0\">\n                  <nz-input-group [nzSuffix]=\"inputCleanTemplate\">\n                    <input nz-input [ngStyle]=\"{'color': formItem?.color ? formItem.color : null}\"\n                           [maxlength]=\"formItem.maxLength || null\"\n                           [placeholder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u8F93\u5165' + formItem.label\"\n                           [formControlName]=\"formItem.name\"/>\n                  </nz-input-group>\n                  <ng-template #inputCleanTemplate><i nz-icon nz-tooltip class=\"ant-input-clear-icon\" nzTheme=\"fill\"\n                                                      nzType=\"close-circle\"\n                                                      *ngIf=\"validateHdForm.get(formItem.name).value && !formItem.disabled && !validateHdForm.get(formItem.name).disabled\"\n                                                      (click)=\"inputClean(formItem)\"></i></ng-template>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"1\">\n                  <nz-select\n                    [nzShowSearch]=\"formItem.selectOption.hdShowSearch != null ? formItem.selectOption.hdShowSearch : true\"\n                    [nzAllowClear]=\"formItem.selectOption.hdAllowClear != null ? formItem.selectOption.hdAllowClear : true\"\n                    [nzServerSearch]=\"formItem.selectOption.hdServerSearch || false\"\n                    [nzDropdownMatchSelectWidth]=\"formItem.selectOption.hdDropdownMatchSelectWidth ? formItem.selectOption.hdDropdownMatchSelectWidth : false\"\n                    [nzPlaceHolder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u9009\u62E9' + formItem.label\"\n                    [formControlName]=\"formItem.name\"\n                    (nzOnSearch)=\"onSearchEvent(formItem.onSearchEvent || null, $event, formItem.onSearchEventEventDebounceTime)\">\n                    <nz-option *ngFor=\"let selectItem of formItem.selectOption.selectList\"\n                               [nzValue]=\"selectItem[formItem.selectOption.value]\" [nzLabel]=\"formItem.selectOption.showLabelAndValue ? '['+ selectItem[formItem.selectOption.value] +']' +\n                      selectItem[formItem.selectOption.label] : selectItem[formItem.selectOption.label]\"></nz-option>\n                    <nz-option *ngIf=\"formItem.defaultLabel\" [nzLabel]=\"formItem.defaultLabel\"\n                               [nzValue]=\"formItem.value\" nzHide></nz-option>\n                    <nz-option\n                      *ngIf=\"formItem.selectOption.label && validateHdForm.get(formItem.name) && validateHdForm.get(formItem.selectOption.label)?.value && validateHdForm.get(formItem.selectOption.value)?.value\"\n                      [nzLabel]=\"(formItem.selectOption.showLabelAndValue || formItem.selectOption.hdShowItemCode) ? ('['+ validateHdForm.get(formItem.selectOption.value).value + ']' + validateHdForm.get(formItem.selectOption.label).value) : validateHdForm.get(formItem.selectOption.label).value\"\n                      [nzValue]=\"validateHdForm.get(formItem.selectOption.value).value\" nzHide></nz-option>\n                  </nz-select>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"2\">\n                  <nz-date-picker *ngIf=\"!formItem.showTime\" [nzDisabledDate]=\"formItem.hdDisabledDate\"\n                                  [nzPlaceHolder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u9009\u62E9' + formItem.label\"\n                                  [formControlName]=\"formItem.name\">\n                  </nz-date-picker>\n                  <nz-date-picker *ngIf=\"formItem.showTime\" [nzDisabledDate]=\"formItem.hdDisabledDate\"\n                                  [nzPlaceHolder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u9009\u62E9' + formItem.label\"\n                                  [formControlName]=\"formItem.name\" nzShowTime nzFormat=\"yyyy-MM-dd HH:mm:ss\">\n                  </nz-date-picker>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"3\">\n                  <nz-range-picker [nzPlaceHolder]=\"['\u5F00\u59CB\u65E5\u671F','\u7ED3\u675F\u65E5\u671F']\" [formControlName]=\"formItem.name\">\n                  </nz-range-picker>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"4\">\n                  <textarea [ngStyle]=\"{'color': formItem?.color ? formItem.color : null}\"\n                            [rows]=\"formItem.textAreaRows ? formItem.textAreaRows : 1\"\n                            [placeholder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u8F93\u5165' + formItem.label\"\n                            rows=\"1\"\n                            nz-input [maxlength]=\"formItem.maxLength || null\"\n                            [formControlName]=\"formItem.name\"></textarea>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"5\">\n                  <nz-input-number [ngStyle]=\"{'color': formItem?.color ? formItem.color : null}\"\n                                   [formControlName]=\"formItem.name\" [nzMin]=\"formItem?.inputNumber?.min || 0\"\n                                   [nzMax]=\"formItem?.inputNumber?.max || 99999999\"\n                                   [nzStep]=\"formItem?.inputNumber?.step || 1\"\n                                   [nzPlaceHolder]=\"'\u8BF7\u8F93\u5165' + formItem.label\"\n                                   [nzPrecision]=\"formItem?.inputNumber?.precision != null ? formItem.inputNumber.precision : 4\">\n                  </nz-input-number>\n                </ng-container>\n                <!-- \u591A\u9879\u9009\u62E9\u5668 -->\n                <ng-container *ngSwitchCase=\"6\">\n                  <nz-select [nzServerSearch]=\"formItem.selectOption.hdServerSearch || false\"\n                             [nzDropdownMatchSelectWidth]=\"formItem.selectOption.hdDropdownMatchSelectWidth ? formItem.selectOption.hdDropdownMatchSelectWidth : false\"\n                             nzMode=\"multiple\"\n                             [nzShowSearch]=\"formItem.selectOption.hdShowSearch != null ? formItem.selectOption.hdShowSearch : true\"\n                             [nzAllowClear]=\"formItem.selectOption.hdAllowClear != null ? formItem.selectOption.hdAllowClear : true\"\n                             [nzPlaceHolder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u9009\u62E9' + formItem.label\"\n                             [formControlName]=\"formItem.name\"\n                             (nzOnSearch)=\"onSearchEvent(formItem.onSearchEvent || null, $event, formItem.onSearchEventEventDebounceTime)\">\n                    <nz-option *ngFor=\"let selectItem of formItem.selectOption.selectList\"\n                               [nzValue]=\"selectItem[formItem.selectOption.value]\" [nzLabel]=\"formItem.selectOption.showLabelAndValue ? '['+ selectItem[formItem.selectOption.value] +']' +\n                      selectItem[formItem.selectOption.label] : selectItem[formItem.selectOption.label]\"></nz-option>\n                    <ng-container *ngIf=\"formItem.defaultLabel\">\n                      <nz-option *ngFor=\"let option of formItem.defaultLabel;index as i\" [nzLabel]=\"option\"\n                                 [nzValue]=\"formItem.value[i]\" nzHide></nz-option>\n                    </ng-container>\n                    <ng-container\n                      *ngIf=\"formItem.selectOption.label && validateHdForm.get(formItem.name) && validateHdForm.get(formItem.selectOption.label)?.value && validateHdForm.get(formItem.selectOption.value)?.value\">\n                      <nz-option *ngFor=\"let option of validateHdForm.get(formItem.selectOption.value).value;index as i\"\n                                 [nzLabel]=\"validateHdForm.get(formItem.selectOption.label).value[i]\" [nzValue]=\"option\"\n                                 nzHide>\n                      </nz-option>\n                    </ng-container>\n                  </nz-select>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"7\">\n                  <span>{{ formItem.value || validateHdForm.get(formItem.name).value }}</span>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"8\">\n                  <nz-switch [formControlName]=\"formItem.name\"></nz-switch>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"9\">\n                  <nz-time-picker [formControlName]=\"formItem.name\" [nzFormat]=\"formItem.format\"\n                                  [nzAllowEmpty]=\"!formItem.disabled\"></nz-time-picker>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"10\">\n                  <nz-cascader [nzOptions]=\"formItem.cascaderOption.options\" [formControlName]=\"formItem.name\"\n                               [nzPlaceHolder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u9009\u62E9' + formItem.label\">\n                  </nz-cascader>\n                </ng-container>\n              </ng-container>\n            </nz-form-control>\n          </nz-form-item>\n        </div>\n        <!-- \u5FAA\u73AF\u6700\u591A\u56DB\u6B21 -->\n        <ng-container *ngFor=\"let columnItem of formItem.columnItems;index as columnItemIndex\">\n          <div nz-col *ngIf=\"!columnItem.hide\" [nzSpan]=\"columnItem.width? columnItem.width * 6 : 6\">\n            <nz-form-item nzFlex>\n              <nz-form-label class=\"hd-formItem-label\" [nzNoColon]=\"true\">\n                <div class=\"hd-formItem-label-flex\">\n                  <span>\n                    <span class=\"hd-formItem-label-require\" *ngIf=\"columnItem.require\">*</span>\n                    <span\n                      [ngStyle]=\"{'color': columnItem?.labelColor ? columnItem.labelColor : null}\">{{ columnItem.label }}</span>\n                  </span>\n                  <ng-container *ngIf=\"columnItem.explain\">\n                    <span class=\"hd-formItem-label-explain\">{{ columnItem.explain }}</span>\n                  </ng-container>\n                </div>\n              </nz-form-label>\n              <nz-form-control class=\"hd-formItem-control\" [nzErrorTip]=\"columnItemErrorTpl\">\n                <ng-template #columnItemErrorTpl let-control>\n                  <ng-container *ngFor=\"let validatorKey of columnItem.validatorKeys;index as i\">\n                    <ng-container *ngIf=\"control.hasError(validatorKey.key)\">\n                      {{ validatorKey.label }}\n                    </ng-container>\n                  </ng-container>\n                  <ng-container *ngIf=\"control.hasError('required')\">\n                    {{ columnItem.label + '\u4E0D\u80FD\u4E3A\u7A7A' }}\n                  </ng-container>\n                </ng-template>\n                <ng-container [ngSwitch]=\"columnItem.type\">\n                  <ng-container *ngSwitchCase=\"0\">\n                    <nz-input-group [nzSuffix]=\"inputCleanTemplate\">\n                      <input *ngIf=\"columnItem.disabled === true;else inputTemplate\" nz-input\n                             [ngStyle]=\"{'color': columnItem?.color ? columnItem.color : null}\" [disabled]=\"true\"\n                             [attr.disabled]=\"true\" [maxlength]=\"columnItem.maxLength || null\"\n                             [placeholder]=\"columnItem.placeholder ? columnItem.placeholder : '\u8BF7\u8F93\u5165' + columnItem.label\"\n                             [formControlName]=\"columnItem.name\"/>\n                      <ng-template #inputTemplate>\n                        <input nz-input [ngStyle]=\"{'color': columnItem?.color ? formItem.color : null}\"\n                               [maxlength]=\"columnItem.maxLength || null\"\n                               [placeholder]=\"columnItem.placeholder ? columnItem.placeholder : '\u8BF7\u8F93\u5165' + columnItem.label\"\n                               [formControlName]=\"columnItem.name\"/>\n                      </ng-template>\n                    </nz-input-group>\n                    <ng-template #inputCleanTemplate><i nz-icon nz-tooltip class=\"ant-input-clear-icon\" nzTheme=\"fill\"\n                                                        nzType=\"close-circle\"\n                                                        *ngIf=\"validateHdForm.get(columnItem.name).value  && !columnItem.disabled && !validateHdForm.get(formItem.name).disabled\"\n                                                        (click)=\"inputClean(columnItem)\"></i></ng-template>\n                  </ng-container>\n                  <ng-container *ngSwitchCase=\"1\">\n                    <nz-select [nzServerSearch]=\"columnItem.selectOption.hdServerSearch || false\"\n                               [nzDropdownMatchSelectWidth]=\"columnItem.selectOption.hdDropdownMatchSelectWidth ? columnItem.selectOption.hdDropdownMatchSelectWidth : false\"\n                               [nzShowSearch]=\"columnItem.selectOption.hdShowSearch != null ? columnItem.selectOption.hdShowSearch : true\"\n                               [nzAllowClear]=\"columnItem.selectOption.hdAllowClear != null ? columnItem.selectOption.hdAllowClear : true\"\n                               [nzPlaceHolder]=\"columnItem.placeholder ? columnItem.placeholder : '\u8BF7\u9009\u62E9' + columnItem.label\"\n                               [formControlName]=\"columnItem.name\"\n                               (nzOnSearch)=\"onSearchEvent(columnItem.onSearchEvent || null, $event, columnItem.onSearchEventEventDebounceTime)\">\n                      <nz-option *ngFor=\"let selectItem of columnItem.selectOption.selectList\"\n                                 [nzValue]=\"selectItem[columnItem.selectOption.value]\" [nzLabel]=\"columnItem.selectOption.showLabelAndValue ? '['+ selectItem[columnItem.selectOption.value] +']' +\n                        selectItem[columnItem.selectOption.label] : selectItem[columnItem.selectOption.label]\">\n                      </nz-option>\n                      <nz-option\n                        *ngIf=\"columnItem.selectOption.label && validateHdForm.get(columnItem.name) && validateHdForm.get(columnItem.selectOption.label)?.value && validateHdForm.get(columnItem.selectOption.value)?.value\"\n                        [nzLabel]=\"(columnItem.selectOption.showLabelAndValue || columnItem.selectOption.hdShowItemCode) ? ('['+ validateHdForm.get(columnItem.selectOption.value).value + ']' + validateHdForm.get(columnItem.selectOption.label).value) : validateHdForm.get(columnItem.selectOption.label).value\"\n                        [nzValue]=\"validateHdForm.get(columnItem.selectOption.value).value\" nzHide></nz-option>\n                    </nz-select>\n                  </ng-container>\n                  <ng-container *ngSwitchCase=\"2\">\n                    <nz-date-picker *ngIf=\"columnItem.showTime\" [nzDisabledDate]=\"columnItem.hdDisabledDate\"\n                                    [nzPlaceHolder]=\"columnItem.placeholder ? columnItem.placeholder : '\u8BF7\u9009\u62E9' + columnItem.label\"\n                                    [formControlName]=\"columnItem.name\" nzShowTime nzFormat=\"yyyy-MM-dd HH:mm:ss\">\n                    </nz-date-picker>\n                    <nz-date-picker *ngIf=\"!columnItem.showTime\" [nzDisabledDate]=\"columnItem.hdDisabledDate\"\n                                    [nzPlaceHolder]=\"columnItem.placeholder ? columnItem.placeholder : '\u8BF7\u9009\u62E9' + columnItem.label\"\n                                    [formControlName]=\"columnItem.name\">\n                    </nz-date-picker>\n                  </ng-container>\n                  <ng-container *ngSwitchCase=\"3\">\n                    <nz-range-picker [nzPlaceHolder]=\"['\u5F00\u59CB\u65E5\u671F','\u7ED3\u675F\u65E5\u671F']\" [formControlName]=\"columnItem.name\">\n                    </nz-range-picker>\n                  </ng-container>\n                  <ng-container *ngSwitchCase=\"4\">\n                    <textarea [ngStyle]=\"{'color': columnItem?.color ? columnItem.color : null}\"\n                              [rows]=\"columnItem.textAreaRows ? columnItem.textAreaRows : 1\" rows=\"1\" nz-input\n                              [placeholder]=\"columnItem.placeholder ? columnItem.placeholder : '\u8BF7\u8F93\u5165' + columnItem.label\"\n                              [maxlength]=\"columnItem.maxLength || null\" [formControlName]=\"columnItem.name\"></textarea>\n                  </ng-container>\n                  <ng-container *ngSwitchCase=\"5\">\n                    <nz-input-number [ngStyle]=\"{'color': columnItem?.color ? columnItem.color : null}\"\n                                     [formControlName]=\"columnItem.name\" [nzMin]=\"columnItem?.inputNumber?.min || 0\"\n                                     [nzMax]=\"columnItem?.inputNumber?.max || 99999999\"\n                                     [nzStep]=\"columnItem?.inputNumber?.step || 1\"\n                                     [nzPlaceHolder]=\"columnItem.placeholder ? columnItem.placeholder : '\u8BF7\u8F93\u5165' + columnItem.label\"\n                                     [nzPrecision]=\"columnItem?.inputNumber?.precision != null ? columnItem.inputNumber.precision : 4\">\n                    </nz-input-number>\n                  </ng-container>\n                  <!-- \u591A\u9879\u9009\u62E9\u5668 -->\n                  <ng-container *ngSwitchCase=\"6\">\n                    <nz-select [nzServerSearch]=\"columnItem.selectOption.hdServerSearch || false\"\n                               [nzDropdownMatchSelectWidth]=\"columnItem.selectOption.hdDropdownMatchSelectWidth ? columnItem.selectOption.hdDropdownMatchSelectWidth : false\"\n                               nzMode=\"multiple\"\n                               [nzShowSearch]=\"columnItem.selectOption.hdShowSearch != null ? columnItem.selectOption.hdShowSearch : true\"\n                               [nzAllowClear]=\"columnItem.selectOption.hdAllowClear != null ? columnItem.selectOption.hdAllowClear : true\"\n                               [nzPlaceHolder]=\"columnItem.placeholder ? columnItem.placeholder : '\u8BF7\u9009\u62E9' + columnItem.label\"\n                               [formControlName]=\"columnItem.name\"\n                               (nzOnSearch)=\"onSearchEvent(columnItem.onSearchEvent || null, $event, columnItem.onSearchEventEventDebounceTime)\">\n                      <nz-option *ngFor=\"let selectItem of columnItem.selectOption.selectList\"\n                                 [nzValue]=\"selectItem[columnItem.selectOption.value]\" [nzLabel]=\"columnItem.selectOption.showLabelAndValue ? '['+ selectItem[columnItem.selectOption.value] +']' +\n                        selectItem[columnItem.selectOption.label] : selectItem[columnItem.selectOption.label]\">\n                      </nz-option>\n                      <ng-container *ngIf=\"columnItem.defaultLabel\">\n                        <nz-option *ngFor=\"let option of columnItem.defaultLabel;index as i\" [nzLabel]=\"option\"\n                                   [nzValue]=\"columnItem.value[i]\" nzHide></nz-option>\n                      </ng-container>\n                      <ng-container\n                        *ngIf=\"columnItem.selectOption.label && validateHdForm.get(columnItem.name) && validateHdForm.get(columnItem.selectOption.label)?.value && validateHdForm.get(columnItem.selectOption.value)?.value\">\n                        <nz-option\n                          *ngFor=\"let option of validateHdForm.get(columnItem.selectOption.value).value;index as i\"\n                          [nzLabel]=\"validateHdForm.get(columnItem.selectOption.label).value[i]\" [nzValue]=\"option\"\n                          nzHide>\n                        </nz-option>\n                      </ng-container>\n                    </nz-select>\n                  </ng-container>\n                  <ng-container *ngSwitchCase=\"7\">\n                    <span>{{ columnItem.value || validateHdForm.get(columnItem.name).value }}</span>\n                  </ng-container>\n                  <ng-container *ngSwitchCase=\"8\">\n                    <nz-switch [formControlName]=\"columnItem.name\"></nz-switch>\n                  </ng-container>\n                  <ng-container *ngSwitchCase=\"9\">\n                    <nz-time-picker [formControlName]=\"columnItem.name\" [nzFormat]=\"columnItem.format\"\n                                    [nzAllowEmpty]=\"!columnItem.disabled\"></nz-time-picker>\n                  </ng-container>\n                  <ng-container *ngSwitchCase=\"10\">\n                    <nz-cascader [nzOptions]=\"columnItem.cascaderOption.options\" [formControlName]=\"columnItem.name\"\n                                 [nzPlaceHolder]=\"columnItem.placeholder ? columnItem.placeholder : '\u8BF7\u9009\u62E9' + columnItem.label\">\n                    </nz-cascader>\n                  </ng-container>\n                </ng-container>\n              </nz-form-control>\n            </nz-form-item>\n          </div>\n        </ng-container>\n      </div>\n    </ng-container>\n  </div>\n</form>\n",
-                        styles: ["::ng-deep .common-btn-group>a{font-size:12px;font-weight:400;color:#12a34f!important;white-space:nowrap}::ng-deep .common-btn-group .common-danger-btn:hover{color:#f05b24!important}::ng-deep .common-btn-group>a:hover{color:#20bd62!important}::ng-deep .common-btn-group>a:not(:last-child)::after{content:'';margin:0 2px}::ng-deep .common-billNumber>a{color:#3b77e3}button{box-shadow:unset;text-shadow:unset}::ng-deep .ant-form-item-label>label{color:#4b504e}::ng-deep .ant-input-number-input{height:28px}::ng-deep .ant-input-number{height:28px}textarea.ant-input{height:auto;min-height:28px}::ng-deep .ant-select-selection--multiple{min-height:28px}::ng-deep .ant-select-selection__rendered>ul>li{height:22px!important;margin-top:3px!important;line-height:22px!important}::ng-deep .ant-advanced-search-form .ant-form-item{margin-bottom:0!important}::ng-deep .ant-select-selection--single{height:28px!important}::ng-deep .ant-input{height:28px}::ng-deep .ant-input[disabled]:hover{border-color:#d9d9d9!important}::ng-deep .ant-select-selection__rendered{line-height:28px!important}::ng-deep .ant-calendar-range-picker-input{text-align:left!important}::ng-deep .ant-calendar-picker{width:100%!important}::ng-deep .ant-row{margin-right:0!important;margin-left:0!important}::ng-deep .ant-col-6{padding-left:12px;padding-right:12px}::ng-deep .ant-col-12{padding-left:12px;padding-right:12px}::ng-deep .ant-col-18{padding-left:12px;padding-right:12px}::ng-deep .ant-col-24{padding-left:12px;padding-right:12px}::ng-deep .ant-alert-info{background-color:#f5f8f6;border:1px solid #cfe3d4}:host ::ng-deep th{background:#f5f8f6!important;font-weight:700!important;white-space:nowrap;font-size:12px;font-family:PingFangSC-Medium,PingFang SC;color:#2a3634;padding:8px!important;box-sizing:border-box}:host ::ng-deep td{font-weight:400;font-style:normal;font-size:12px;color:#2a3634;text-align:left;white-space:nowrap;padding:8px!important;box-sizing:border-box}::ng-deep .ant-pagination-options{display:inline-flex;align-items:center}::ng-deep .ant-time-picker{width:100%}.ant-input-number-disabled,.ant-input[disabled],.ant-select-disabled{color:#4b504e}.hd-formItem-container .hd-formItem-label{width:108px;word-break:break-all;text-align:right}.hd-formItem-container .hd-formItem-control{width:calc(100% - 108px)}.hd-formItem-container .ant-input-number{width:100%}.hd-formItem-container .hd-formItem-label-flex{display:inline-flex;flex-direction:column}.hd-formItem-container .hd-formItem-label-flex span{display:inline-block}.hd-formItem-container .hd-formItem-label-flex .hd-formItem-label-require{margin-right:4px;color:#f5222d;font-size:12px;font-family:SimSun,sans-serif}.hd-formItem-container .hd-formItem-label-flex .hd-formItem-label-explain{margin-top:-13px;color:#f5222d}.hd-formItem-container textarea{margin-top:8px}"]
+                        template: "<form nz-form [formGroup]=\"validateHdForm\" class=\"ant-advanced-search-form hd-formItem-container\">\n  <!-- \u6574\u4F53\u7ED3\u6784 -->\n  <div nz-row [nzGutter]=\"24\">\n    <!-- \u5BF9\u7EC4\u4EF6\u5217\u8868\u5FAA\u73AF\u5904\u7406 -->\n    <ng-container *ngFor=\"let formItem of formList;index as i\">\n      <div nz-row *ngIf=\"formItem.isRowFirst && formItem.isRowFirst === 1\">\n        <div nz-col *ngIf=\"!formItem.hide\" [nzSpan]=\"formItem.width? formItem.width * 6 : 6\">\n          <nz-form-item nzFlex>\n            <nz-form-label class=\"hd-formItem-label\" [nzNoColon]=\"true\">\n              <div class=\"hd-formItem-label-flex\">\n                <span>\n                  <span class=\"hd-formItem-label-require\" *ngIf=\"formItem.require\">*</span>\n                  <span [ngStyle]=\"{'color': formItem?.labelColor ? formItem.labelColor : null}\">{{ formItem.label\n                    }}</span>\n                </span>\n                <ng-container *ngIf=\"formItem.explain\">\n                  <span class=\"hd-formItem-label-explain\">{{ formItem.explain }}</span>\n                </ng-container>\n              </div>\n            </nz-form-label>\n            <nz-form-control class=\"hd-formItem-control\" [nzErrorTip]=\"formItemErrorTpl\">\n              <ng-template #formItemErrorTpl let-control>\n                <ng-container *ngFor=\"let validatorKey of formItem.validatorKeys;index as i\">\n                  <ng-container *ngIf=\"control.hasError(validatorKey.key)\">\n                    {{ validatorKey.label }}\n                  </ng-container>\n                </ng-container>\n                <ng-container *ngIf=\"control.hasError('required')\">\n                  {{ formItem.label + '\u4E0D\u80FD\u4E3A\u7A7A' }}\n                </ng-container>\n              </ng-template>\n              <ng-container [ngSwitch]=\"formItem.type\">\n                <ng-container *ngSwitchCase=\"0\">\n                  <nz-input-group [nzSuffix]=\"inputCleanTemplate\"\n                    [nzPrefix]=\"formItem.prefixIcon ? inputPrefixIconTemplate : formItem.prefix\">\n                    <input nz-input [ngStyle]=\"{'color': formItem?.color ? formItem.color : null}\"\n                      [maxlength]=\"formItem.maxLength || null\"\n                      [placeholder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u8F93\u5165' + formItem.label\"\n                      [formControlName]=\"formItem.name\" />\n                  </nz-input-group>\n                  <ng-template #inputPrefixIconTemplate><i nz-icon [nzType]=\"formItem.prefixIcon\"></i></ng-template>\n                  <ng-template #inputCleanTemplate><i nz-icon nz-tooltip class=\"ant-input-clear-icon\" nzTheme=\"fill\"\n                      nzType=\"close-circle\"\n                      *ngIf=\"validateHdForm.get(formItem.name).value && !formItem.disabled && !validateHdForm.get(formItem.name).disabled\"\n                      (click)=\"inputClean(formItem)\"></i></ng-template>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"1\">\n                  <nz-select\n                    [nzShowSearch]=\"formItem.selectOption.hdShowSearch != null ? formItem.selectOption.hdShowSearch : true\"\n                    [nzAllowClear]=\"formItem.selectOption.hdAllowClear != null ? formItem.selectOption.hdAllowClear : true\"\n                    [nzServerSearch]=\"formItem.selectOption.hdServerSearch || false\"\n                    [nzDropdownMatchSelectWidth]=\"formItem.selectOption.hdDropdownMatchSelectWidth ? formItem.selectOption.hdDropdownMatchSelectWidth : false\"\n                    [nzPlaceHolder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u9009\u62E9' + formItem.label\"\n                    [formControlName]=\"formItem.name\"\n                    (nzOnSearch)=\"onSearchEvent(formItem.onSearchEvent || null, $event, formItem.onSearchEventEventDebounceTime)\">\n                    <nz-option *ngFor=\"let selectItem of formItem.selectOption.selectList\"\n                      [nzValue]=\"selectItem[formItem.selectOption.value]\" [nzLabel]=\"formItem.selectOption.showLabelAndValue ? '['+ selectItem[formItem.selectOption.value] +']' +\n                      selectItem[formItem.selectOption.label] : selectItem[formItem.selectOption.label]\"></nz-option>\n                    <nz-option *ngIf=\"formItem.defaultLabel\" [nzLabel]=\"formItem.defaultLabel\"\n                      [nzValue]=\"formItem.value\" nzHide></nz-option>\n                    <nz-option\n                      *ngIf=\"formItem.selectOption.label && validateHdForm.get(formItem.name) && validateHdForm.get(formItem.selectOption.label)?.value && validateHdForm.get(formItem.selectOption.value)?.value\"\n                      [nzLabel]=\"(formItem.selectOption.showLabelAndValue || formItem.selectOption.hdShowItemCode) ? ('['+ validateHdForm.get(formItem.selectOption.value).value + ']' + validateHdForm.get(formItem.selectOption.label).value) : validateHdForm.get(formItem.selectOption.label).value\"\n                      [nzValue]=\"validateHdForm.get(formItem.selectOption.value).value\" nzHide></nz-option>\n                  </nz-select>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"2\">\n                  <nz-date-picker *ngIf=\"!formItem.showTime\" [nzDisabledDate]=\"formItem.hdDisabledDate\"\n                    [nzShowToday]=\"formItem.hdShowToday !== false\"\n                    [nzPlaceHolder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u9009\u62E9' + formItem.label\"\n                    [formControlName]=\"formItem.name\">\n                  </nz-date-picker>\n                  <nz-date-picker *ngIf=\"formItem.showTime\" [nzDisabledDate]=\"formItem.hdDisabledDate\"\n                    [nzShowToday]=\"formItem.hdShowToday !== false\"\n                    [nzPlaceHolder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u9009\u62E9' + formItem.label\"\n                    [formControlName]=\"formItem.name\" nzShowTime nzFormat=\"yyyy-MM-dd HH:mm:ss\">\n                  </nz-date-picker>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"3\">\n                  <nz-range-picker [nzPlaceHolder]=\"formItem.showTime ? ['\u5F00\u59CB\u65F6\u95F4','\u7ED3\u675F\u65F6\u95F4'] : ['\u5F00\u59CB\u65E5\u671F','\u7ED3\u675F\u65E5\u671F']\"\n                    [nzDisabledDate]=\"formItem.hdDisabledDate\" [formControlName]=\"formItem.name\"\n                    [nzShowTime]=\"formItem.showTime ? true : false\">\n                  </nz-range-picker>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"4\">\n                  <textarea [ngStyle]=\"{'color': formItem?.color ? formItem.color : null}\"\n                    [rows]=\"formItem.textAreaRows ? formItem.textAreaRows : 1\"\n                    [placeholder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u8F93\u5165' + formItem.label\" rows=\"1\"\n                    nz-input [maxlength]=\"formItem.maxLength || null\" [formControlName]=\"formItem.name\"></textarea>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"5\">\n                  <nz-input-number [ngStyle]=\"{'color': formItem?.color ? formItem.color : null}\"\n                    [formControlName]=\"formItem.name\" [nzMin]=\"formItem?.inputNumber?.min || 0\"\n                    [nzMax]=\"formItem?.inputNumber?.max || 99999999\" [nzStep]=\"formItem?.inputNumber?.step || 1\"\n                    [nzPlaceHolder]=\"'\u8BF7\u8F93\u5165' + formItem.label\"\n                    [nzFormatter]=\"formItem?.inputNumber?.nzFormatter || inputNumberDefaultFormatter\"\n                    [nzParser]=\"formItem?.inputNumber?.nzParser || inputNumberDefaultParser\"\n                    [nzPrecision]=\"formItem?.inputNumber?.precision != null ? formItem.inputNumber.precision : 4\">\n                  </nz-input-number>\n                </ng-container>\n                <!-- \u591A\u9879\u9009\u62E9\u5668 -->\n                <ng-container *ngSwitchCase=\"6\">\n                  <nz-select [nzServerSearch]=\"formItem.selectOption.hdServerSearch || false\"\n                    [nzDropdownMatchSelectWidth]=\"formItem.selectOption.hdDropdownMatchSelectWidth ? formItem.selectOption.hdDropdownMatchSelectWidth : false\"\n                    nzMode=\"multiple\"\n                    [nzShowSearch]=\"formItem.selectOption.hdShowSearch != null ? formItem.selectOption.hdShowSearch : true\"\n                    [nzAllowClear]=\"formItem.selectOption.hdAllowClear != null ? formItem.selectOption.hdAllowClear : true\"\n                    [nzPlaceHolder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u9009\u62E9' + formItem.label\"\n                    [formControlName]=\"formItem.name\"\n                    (nzOnSearch)=\"onSearchEvent(formItem.onSearchEvent || null, $event, formItem.onSearchEventEventDebounceTime)\">\n                    <nz-option *ngFor=\"let selectItem of formItem.selectOption.selectList\"\n                      [nzValue]=\"selectItem[formItem.selectOption.value]\" [nzLabel]=\"formItem.selectOption.showLabelAndValue ? '['+ selectItem[formItem.selectOption.value] +']' +\n                      selectItem[formItem.selectOption.label] : selectItem[formItem.selectOption.label]\"></nz-option>\n                    <ng-container *ngIf=\"formItem.defaultLabel\">\n                      <nz-option *ngFor=\"let option of formItem.defaultLabel;index as i\" [nzLabel]=\"option\"\n                        [nzValue]=\"formItem.value[i]\" nzHide></nz-option>\n                    </ng-container>\n                    <ng-container\n                      *ngIf=\"formItem.selectOption.label && validateHdForm.get(formItem.name) && validateHdForm.get(formItem.selectOption.label)?.value && validateHdForm.get(formItem.selectOption.value)?.value\">\n                      <nz-option *ngFor=\"let option of validateHdForm.get(formItem.selectOption.value).value;index as i\"\n                        [nzLabel]=\"validateHdForm.get(formItem.selectOption.label).value[i]\" [nzValue]=\"option\" nzHide>\n                      </nz-option>\n                    </ng-container>\n                  </nz-select>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"7\">\n                  <span>{{ formItem.value || validateHdForm.get(formItem.name).value }}</span>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"8\">\n                  <nz-switch [formControlName]=\"formItem.name\"></nz-switch>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"9\">\n                  <nz-time-picker [formControlName]=\"formItem.name\" [nzFormat]=\"formItem.format\"\n                    [nzAllowEmpty]=\"!formItem.disabled\"></nz-time-picker>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"10\">\n                  <nz-cascader [nzOptions]=\"formItem.cascaderOption.options\" [formControlName]=\"formItem.name\"\n                    [nzPlaceHolder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u9009\u62E9' + formItem.label\">\n                  </nz-cascader>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"11\">\n                  <nz-radio-group [formControlName]=\"formItem.name\">\n                    <label nz-radio *ngFor=\"let radioItem of formItem.radioOption.optionList\"\n                      [nzValue]=\"radioItem[formItem.radioOption.value]\">\n                      {{ formItem.radioOption.showLabelAndValue ? '[' + radioItem[formItem.radioOption.value] + ']' +\n                      radioItem[formItem.radioOption.label] : radioItem[formItem.radioOption.label] }}\n                    </label>\n                  </nz-radio-group>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"12\">\n                  <ng-container *ngIf=\"formItem.checkboxOption; else singleCheckboxTpl\">\n                    <label nz-checkbox\n                      *ngFor=\"let checkboxItem of formItem.checkboxOption.optionList\"\n                      [nzDisabled]=\"formItem.disabled || validateHdForm.get(formItem.name).disabled\"\n                      [ngModel]=\"isCheckboxChecked(formItem.name, checkboxItem[formItem.checkboxOption.value])\"\n                      (ngModelChange)=\"onCheckboxItemChange(formItem.name, checkboxItem[formItem.checkboxOption.value], $event)\"\n                      [ngModelOptions]=\"{standalone: true}\">\n                      {{ formItem.checkboxOption.showLabelAndValue\n                        ? '[' + checkboxItem[formItem.checkboxOption.value] + ']' + checkboxItem[formItem.checkboxOption.label]\n                        : checkboxItem[formItem.checkboxOption.label] }}\n                    </label>\n                  </ng-container>\n                  <ng-template #singleCheckboxTpl>\n                    <label nz-checkbox [formControlName]=\"formItem.name\"></label>\n                  </ng-template>\n                </ng-container>\n              </ng-container>\n            </nz-form-control>\n          </nz-form-item>\n        </div>\n        <!-- \u5FAA\u73AF\u6700\u591A\u56DB\u6B21 -->\n        <ng-container *ngFor=\"let columnItem of formItem.columnItems;index as columnItemIndex\">\n          <div nz-col *ngIf=\"!columnItem.hide\" [nzSpan]=\"columnItem.width? columnItem.width * 6 : 6\">\n            <nz-form-item nzFlex>\n              <nz-form-label class=\"hd-formItem-label\" [nzNoColon]=\"true\">\n                <div class=\"hd-formItem-label-flex\">\n                  <span>\n                    <span class=\"hd-formItem-label-require\" *ngIf=\"columnItem.require\">*</span>\n                    <span [ngStyle]=\"{'color': columnItem?.labelColor ? columnItem.labelColor : null}\">{{\n                      columnItem.label }}</span>\n                  </span>\n                  <ng-container *ngIf=\"columnItem.explain\">\n                    <span class=\"hd-formItem-label-explain\">{{ columnItem.explain }}</span>\n                  </ng-container>\n                </div>\n              </nz-form-label>\n              <nz-form-control class=\"hd-formItem-control\" [nzErrorTip]=\"columnItemErrorTpl\">\n                <ng-template #columnItemErrorTpl let-control>\n                  <ng-container *ngFor=\"let validatorKey of columnItem.validatorKeys;index as i\">\n                    <ng-container *ngIf=\"control.hasError(validatorKey.key)\">\n                      {{ validatorKey.label }}\n                    </ng-container>\n                  </ng-container>\n                  <ng-container *ngIf=\"control.hasError('required')\">\n                    {{ columnItem.label + '\u4E0D\u80FD\u4E3A\u7A7A' }}\n                  </ng-container>\n                </ng-template>\n                <ng-container [ngSwitch]=\"columnItem.type\">\n                  <ng-container *ngSwitchCase=\"0\">\n                    <nz-input-group [nzSuffix]=\"inputCleanTemplate\"\n                      [nzPrefix]=\"columnItem.prefixIcon ? inputPrefixIconTemplate : columnItem.prefix\">\n                      <input *ngIf=\"columnItem.disabled === true;else inputTemplate\" nz-input\n                        [ngStyle]=\"{'color': columnItem?.color ? columnItem.color : null}\" [disabled]=\"true\"\n                        [attr.disabled]=\"true\" [maxlength]=\"columnItem.maxLength || null\"\n                        [placeholder]=\"columnItem.placeholder ? columnItem.placeholder : '\u8BF7\u8F93\u5165' + columnItem.label\"\n                        [formControlName]=\"columnItem.name\" />\n                      <ng-template #inputTemplate>\n                        <input nz-input [ngStyle]=\"{'color': columnItem?.color ? formItem.color : null}\"\n                          [maxlength]=\"columnItem.maxLength || null\"\n                          [placeholder]=\"columnItem.placeholder ? columnItem.placeholder : '\u8BF7\u8F93\u5165' + columnItem.label\"\n                          [formControlName]=\"columnItem.name\" />\n                      </ng-template>\n                    </nz-input-group>\n                    <ng-template #inputPrefixIconTemplate><i nz-icon [nzType]=\"columnItem.prefixIcon\"></i></ng-template>\n                    <ng-template #inputCleanTemplate><i nz-icon nz-tooltip class=\"ant-input-clear-icon\" nzTheme=\"fill\"\n                        nzType=\"close-circle\"\n                        *ngIf=\"validateHdForm.get(columnItem.name).value  && !columnItem.disabled && !validateHdForm.get(formItem.name).disabled\"\n                        (click)=\"inputClean(columnItem)\"></i></ng-template>\n                  </ng-container>\n                  <ng-container *ngSwitchCase=\"1\">\n                    <nz-select [nzServerSearch]=\"columnItem.selectOption.hdServerSearch || false\"\n                      [nzDropdownMatchSelectWidth]=\"columnItem.selectOption.hdDropdownMatchSelectWidth ? columnItem.selectOption.hdDropdownMatchSelectWidth : false\"\n                      [nzShowSearch]=\"columnItem.selectOption.hdShowSearch != null ? columnItem.selectOption.hdShowSearch : true\"\n                      [nzAllowClear]=\"columnItem.selectOption.hdAllowClear != null ? columnItem.selectOption.hdAllowClear : true\"\n                      [nzPlaceHolder]=\"columnItem.placeholder ? columnItem.placeholder : '\u8BF7\u9009\u62E9' + columnItem.label\"\n                      [formControlName]=\"columnItem.name\"\n                      (nzOnSearch)=\"onSearchEvent(columnItem.onSearchEvent || null, $event, columnItem.onSearchEventEventDebounceTime)\">\n                      <nz-option *ngFor=\"let selectItem of columnItem.selectOption.selectList\"\n                        [nzValue]=\"selectItem[columnItem.selectOption.value]\" [nzLabel]=\"columnItem.selectOption.showLabelAndValue ? '['+ selectItem[columnItem.selectOption.value] +']' +\n                        selectItem[columnItem.selectOption.label] : selectItem[columnItem.selectOption.label]\">\n                      </nz-option>\n                      <nz-option\n                        *ngIf=\"columnItem.selectOption.label && validateHdForm.get(columnItem.name) && validateHdForm.get(columnItem.selectOption.label)?.value && validateHdForm.get(columnItem.selectOption.value)?.value\"\n                        [nzLabel]=\"(columnItem.selectOption.showLabelAndValue || columnItem.selectOption.hdShowItemCode) ? ('['+ validateHdForm.get(columnItem.selectOption.value).value + ']' + validateHdForm.get(columnItem.selectOption.label).value) : validateHdForm.get(columnItem.selectOption.label).value\"\n                        [nzValue]=\"validateHdForm.get(columnItem.selectOption.value).value\" nzHide></nz-option>\n                    </nz-select>\n                  </ng-container>\n                  <ng-container *ngSwitchCase=\"2\">\n                    <nz-date-picker *ngIf=\"columnItem.showTime\" [nzDisabledDate]=\"columnItem.hdDisabledDate\"\n                      [nzShowToday]=\"columnItem.hdShowToday !== false\"\n                      [nzPlaceHolder]=\"columnItem.placeholder ? columnItem.placeholder : '\u8BF7\u9009\u62E9' + columnItem.label\"\n                      [formControlName]=\"columnItem.name\" nzShowTime nzFormat=\"yyyy-MM-dd HH:mm:ss\">\n                    </nz-date-picker>\n                    <nz-date-picker *ngIf=\"!columnItem.showTime\" [nzDisabledDate]=\"columnItem.hdDisabledDate\"\n                      [nzShowToday]=\"columnItem.hdShowToday !== false\"\n                      [nzPlaceHolder]=\"columnItem.placeholder ? columnItem.placeholder : '\u8BF7\u9009\u62E9' + columnItem.label\"\n                      [formControlName]=\"columnItem.name\">\n                    </nz-date-picker>\n                  </ng-container>\n                  <ng-container *ngSwitchCase=\"3\">\n                    <nz-range-picker [nzPlaceHolder]=\"columnItem.showTime ? ['\u5F00\u59CB\u65F6\u95F4','\u7ED3\u675F\u65F6\u95F4'] : ['\u5F00\u59CB\u65E5\u671F','\u7ED3\u675F\u65E5\u671F']\"\n                      [nzDisabledDate]=\"columnItem.hdDisabledDate\" [formControlName]=\"columnItem.name\"\n                      [nzShowTime]=\"columnItem.showTime ? true : false\">\n                    </nz-range-picker>\n                  </ng-container>\n                  <ng-container *ngSwitchCase=\"4\">\n                    <textarea [ngStyle]=\"{'color': columnItem?.color ? columnItem.color : null}\"\n                      [rows]=\"columnItem.textAreaRows ? columnItem.textAreaRows : 1\" rows=\"1\" nz-input\n                      [placeholder]=\"columnItem.placeholder ? columnItem.placeholder : '\u8BF7\u8F93\u5165' + columnItem.label\"\n                      [maxlength]=\"columnItem.maxLength || null\" [formControlName]=\"columnItem.name\"></textarea>\n                  </ng-container>\n                  <ng-container *ngSwitchCase=\"5\">\n                    <nz-input-number [ngStyle]=\"{'color': columnItem?.color ? columnItem.color : null}\"\n                      [formControlName]=\"columnItem.name\" [nzMin]=\"columnItem?.inputNumber?.min || 0\"\n                      [nzMax]=\"columnItem?.inputNumber?.max || 99999999\" [nzStep]=\"columnItem?.inputNumber?.step || 1\"\n                      [nzFormatter]=\"columnItem?.inputNumber?.nzFormatter || inputNumberDefaultFormatter\"\n                      [nzParser]=\"columnItem?.inputNumber?.nzParser || inputNumberDefaultParser\"\n                      [nzPlaceHolder]=\"columnItem.placeholder ? columnItem.placeholder : '\u8BF7\u8F93\u5165' + columnItem.label\"\n                      [nzPrecision]=\"columnItem?.inputNumber?.precision != null ? columnItem.inputNumber.precision : 4\">\n                    </nz-input-number>\n                  </ng-container>\n                  <!-- \u591A\u9879\u9009\u62E9\u5668 -->\n                  <ng-container *ngSwitchCase=\"6\">\n                    <nz-select [nzServerSearch]=\"columnItem.selectOption.hdServerSearch || false\"\n                      [nzDropdownMatchSelectWidth]=\"columnItem.selectOption.hdDropdownMatchSelectWidth ? columnItem.selectOption.hdDropdownMatchSelectWidth : false\"\n                      nzMode=\"multiple\"\n                      [nzShowSearch]=\"columnItem.selectOption.hdShowSearch != null ? columnItem.selectOption.hdShowSearch : true\"\n                      [nzAllowClear]=\"columnItem.selectOption.hdAllowClear != null ? columnItem.selectOption.hdAllowClear : true\"\n                      [nzPlaceHolder]=\"columnItem.placeholder ? columnItem.placeholder : '\u8BF7\u9009\u62E9' + columnItem.label\"\n                      [formControlName]=\"columnItem.name\"\n                      (nzOnSearch)=\"onSearchEvent(columnItem.onSearchEvent || null, $event, columnItem.onSearchEventEventDebounceTime)\">\n                      <nz-option *ngFor=\"let selectItem of columnItem.selectOption.selectList\"\n                        [nzValue]=\"selectItem[columnItem.selectOption.value]\" [nzLabel]=\"columnItem.selectOption.showLabelAndValue ? '['+ selectItem[columnItem.selectOption.value] +']' +\n                        selectItem[columnItem.selectOption.label] : selectItem[columnItem.selectOption.label]\">\n                      </nz-option>\n                      <ng-container *ngIf=\"columnItem.defaultLabel\">\n                        <nz-option *ngFor=\"let option of columnItem.defaultLabel;index as i\" [nzLabel]=\"option\"\n                          [nzValue]=\"columnItem.value[i]\" nzHide></nz-option>\n                      </ng-container>\n                      <ng-container\n                        *ngIf=\"columnItem.selectOption.label && validateHdForm.get(columnItem.name) && validateHdForm.get(columnItem.selectOption.label)?.value && validateHdForm.get(columnItem.selectOption.value)?.value\">\n                        <nz-option\n                          *ngFor=\"let option of validateHdForm.get(columnItem.selectOption.value).value;index as i\"\n                          [nzLabel]=\"validateHdForm.get(columnItem.selectOption.label).value[i]\" [nzValue]=\"option\"\n                          nzHide>\n                        </nz-option>\n                      </ng-container>\n                    </nz-select>\n                  </ng-container>\n                  <ng-container *ngSwitchCase=\"7\">\n                    <span>{{ columnItem.value || validateHdForm.get(columnItem.name).value }}</span>\n                  </ng-container>\n                  <ng-container *ngSwitchCase=\"8\">\n                    <nz-switch [formControlName]=\"columnItem.name\"></nz-switch>\n                  </ng-container>\n                  <ng-container *ngSwitchCase=\"9\">\n                    <nz-time-picker [formControlName]=\"columnItem.name\" [nzFormat]=\"columnItem.format\"\n                      [nzAllowEmpty]=\"!columnItem.disabled\"></nz-time-picker>\n                  </ng-container>\n                  <ng-container *ngSwitchCase=\"10\">\n                    <nz-cascader [nzOptions]=\"columnItem.cascaderOption.options\" [formControlName]=\"columnItem.name\"\n                      [nzPlaceHolder]=\"columnItem.placeholder ? columnItem.placeholder : '\u8BF7\u9009\u62E9' + columnItem.label\">\n                    </nz-cascader>\n                  </ng-container>\n                  <ng-container *ngSwitchCase=\"11\">\n                    <nz-radio-group [formControlName]=\"columnItem.name\">\n                      <label nz-radio *ngFor=\"let radioItem of columnItem.radioOption.optionList\"\n                        [nzValue]=\"radioItem[columnItem.radioOption.value]\">\n                        {{ columnItem.radioOption.showLabelAndValue ? '[' + radioItem[columnItem.radioOption.value] + ']' +\n                        radioItem[columnItem.radioOption.label] : radioItem[columnItem.radioOption.label] }}\n                      </label>\n                    </nz-radio-group>\n                  </ng-container>\n                  <ng-container *ngSwitchCase=\"12\">\n                    <ng-container *ngIf=\"columnItem.checkboxOption; else singleColumnCheckboxTpl\">\n                      <label nz-checkbox\n                        *ngFor=\"let checkboxItem of columnItem.checkboxOption.optionList\"\n                        [nzDisabled]=\"columnItem.disabled || validateHdForm.get(columnItem.name).disabled\"\n                        [ngModel]=\"isCheckboxChecked(columnItem.name, checkboxItem[columnItem.checkboxOption.value])\"\n                        (ngModelChange)=\"onCheckboxItemChange(columnItem.name, checkboxItem[columnItem.checkboxOption.value], $event)\"\n                        [ngModelOptions]=\"{standalone: true}\">\n                        {{ columnItem.checkboxOption.showLabelAndValue\n                          ? '[' + checkboxItem[columnItem.checkboxOption.value] + ']' + checkboxItem[columnItem.checkboxOption.label]\n                          : checkboxItem[columnItem.checkboxOption.label] }}\n                      </label>\n                    </ng-container>\n                    <ng-template #singleColumnCheckboxTpl>\n                      <label nz-checkbox [formControlName]=\"columnItem.name\"></label>\n                    </ng-template>\n                  </ng-container>\n                </ng-container>\n              </nz-form-control>\n            </nz-form-item>\n          </div>\n        </ng-container>\n      </div>\n    </ng-container>\n  </div>\n</form>\n",
+                        styles: ["::ng-deep .common-btn-group>a{font-size:14px;font-weight:400;color:#20b95d!important;white-space:nowrap}::ng-deep .common-btn-group .common-danger-btn:hover{color:#f05b24!important}::ng-deep .common-btn-group>a:hover{color:#20bd62!important}::ng-deep .common-btn-group>a:not(:last-child)::after{content:'';margin:0 2px}::ng-deep .common-billNumber>a{color:#3b77e3}button{box-shadow:unset;text-shadow:unset}::ng-deep .ant-form-item-label>label{color:#4b504e;font-size:14px}::ng-deep .ant-input-number-input{height:32px}::ng-deep .ant-input-number{height:32px}textarea.ant-input{height:auto;min-height:32px}::ng-deep .ant-select-selection--multiple{min-height:32px}::ng-deep .ant-select-selection__rendered>ul>li{height:26px!important;margin-top:3px!important;line-height:26px!important}::ng-deep .ant-advanced-search-form .ant-form-item{margin-bottom:0!important}::ng-deep .ant-select-selection--single{height:32px!important}::ng-deep .ant-input{height:32px}::ng-deep .ant-input[disabled]:hover{border-color:#d9d9d9!important}::ng-deep .ant-select-selection__rendered{line-height:32px!important}::ng-deep .ant-calendar-range-picker-input{text-align:left!important}::ng-deep .ant-calendar-picker{width:100%!important}::ng-deep .ant-row{margin-right:0!important;margin-left:0!important}::ng-deep .ant-col-6{padding-left:12px;padding-right:12px}::ng-deep .ant-col-12{padding-left:12px;padding-right:12px}::ng-deep .ant-col-18{padding-left:12px;padding-right:12px}::ng-deep .ant-col-24{padding-left:12px;padding-right:12px}::ng-deep .ant-alert-info{background-color:#f5f8f6;border:1px solid #cfe3d4}:host ::ng-deep th{background:#f5f8f6!important;font-weight:700!important;white-space:nowrap;font-size:14px;font-family:PingFangSC-Medium,PingFang SC;color:#2a3634;padding:8px!important;box-sizing:border-box}:host ::ng-deep td{font-weight:400;font-style:normal;font-size:14px;color:#2a3634;text-align:left;white-space:nowrap;padding:8px!important;box-sizing:border-box}::ng-deep .ant-pagination-options{display:inline-flex;align-items:center}::ng-deep .ant-time-picker{width:100%}.ant-input-number-disabled,.ant-input[disabled],.ant-select-disabled{color:#4b504e}.hd-formItem-container .hd-formItem-label{width:124px;word-break:break-all;text-align:right}.hd-formItem-container .hd-formItem-control{width:calc(100% - 124px)}.hd-formItem-container .ant-input-number{width:100%}.hd-formItem-container .hd-formItem-label-flex{display:inline-flex;flex-direction:column}.hd-formItem-container .hd-formItem-label-flex span{display:inline-block}.hd-formItem-container .hd-formItem-label-flex .hd-formItem-label-require{margin-right:4px;color:#f5222d;font-size:14px;font-family:SimSun,sans-serif}.hd-formItem-container .hd-formItem-label-flex .hd-formItem-label-explain{margin-top:-13px;color:#f5222d}.hd-formItem-container textarea{margin-top:8px}.hd-formItem-container ::ng-deep label[nz-checkbox]{margin-right:12px;line-height:32px}"]
                     }] }
         ];
         /** @nocollapse */
@@ -3990,6 +5118,10 @@
          * @private
          */
         HdFormComponent.prototype.searchSubscription;
+        /** @type {?} */
+        HdFormComponent.prototype.inputNumberDefaultFormatter;
+        /** @type {?} */
+        HdFormComponent.prototype.inputNumberDefaultParser;
         /**
          * @type {?}
          * @private
@@ -4010,17 +5142,7 @@
                             common.CommonModule,
                             forms.FormsModule,
                             forms.ReactiveFormsModule,
-                            datePicker.NzDatePickerModule,
-                            form.NzFormModule,
-                            grid.NzGridModule,
-                            icon.NzIconModule,
-                            input.NzInputModule,
-                            inputNumber.NzInputNumberModule,
-                            select.NzSelectModule,
-                            tooltip.NzToolTipModule,
-                            _switch.NzSwitchModule,
-                            timePicker.NzTimePickerModule,
-                            cascader.NzCascaderModule,
+                            ngZorroAntd.NgZorroAntdModule,
                             HdButtonModule
                         ],
                         declarations: [HdFormComponent],
@@ -4202,7 +5324,7 @@
             { type: core.Component, args: [{
                         selector: 'hd-current-table',
                         template: "<ng-container>\n  <ng-container *ngTemplateOutlet=\"tableTotal\"></ng-container>\n  <hd-space *ngIf=\"tableTotal\" type=\"row\" size=\"12\"></hd-space>\n  <nz-table #hdTable class=\"hd-table-container\" [nzScroll]=\"scroll\" nzShowSizeChanger nzShowSizeChanger\n    nzShowQuickJumper nzFrontPagination=\"false\" nzSize=\"middle\" [nzData]=\"tableData.content\"\n    [nzTotal]=\"tableData.totalElements\" [(nzPageIndex)]=\"tablePageIndex\" [nzLoading]=\"tableLoading\"\n    [(nzPageSize)]=\"tablePageSize\" (nzPageSizeChange)=\"search(true)\" (nzPageIndexChange)=\"search(false)\"\n    (nzCurrentPageDataChange)=\"showSelected ? currentPageDataChange($event) : null\" [nzShowTotal]=\"tableTotalTemplate\"\n    [nzPageSizeOptions]=\"[ 10, 50, 100, 200 ]\">\n    <thead>\n      <tr>\n        <th nzWidth=\"40px\" nzLeft=\"0px\" *ngIf=\"showSelected\" nzShowCheckbox [(nzChecked)]=\"isAllDisplayDataChecked\"\n          [nzIndeterminate]=\"isIndeterminate\" (nzCheckedChange)=\"checkAll($event)\"></th>\n        <ng-container *ngTemplateOutlet=\"tableHead\"></ng-container>\n      </tr>\n    </thead>\n    <tbody>\n      <tr *ngFor=\"let data of hdTable.data;index as i\">\n        <td nzWidth=\"40px\" nzLeft=\"0px\" *ngIf=\"showSelected\" nzShowCheckbox\n          [(nzChecked)]=\"mapOfCheckedId[data[selectField]]\" (nzCheckedChange)=\"refreshStatus($event, data)\"></td>\n        <ng-container *ngTemplateOutlet=\"tableBody;context:{$implicit: data, index: i}\"></ng-container>\n      </tr>\n      <!-- \u5408\u8BA1\u6240\u6709\u6570\u636E\u533A\u57DF \u9700\u8981\u540E\u7AEF\u63A5\u53E3\u914D\u5408 -->\n      <tr *ngIf=\"showTableTotal\" class=\"hd-table-total\">\n        <td>\u5408\u8BA1</td>\n        <ng-container *ngFor=\"let tableTotalOption of tableTotalOptionList\">\n          <td>{{ tableTotalOption }}</td>\n        </ng-container>\n      </tr>\n    </tbody>\n    <ng-template #tableTotalTemplate>\n      \u5171 {{tableData.totalElements}} \u6761\u6570\u636E\n    </ng-template>\n  </nz-table>\n</ng-container>",
-                        styles: ["::ng-deep .common-btn-group>a{font-size:12px;font-weight:400;color:#12a34f!important;white-space:nowrap}::ng-deep .common-btn-group .common-danger-btn:hover{color:#f05b24!important}::ng-deep .common-btn-group>a:hover{color:#20bd62!important}::ng-deep .common-btn-group>a:not(:last-child)::after{content:'';margin:0 2px}::ng-deep .common-billNumber>a{color:#3b77e3}button{box-shadow:unset;text-shadow:unset}::ng-deep .ant-form-item-label>label{color:#4b504e}::ng-deep .ant-input-number-input{height:28px}::ng-deep .ant-input-number{height:28px}textarea.ant-input{height:auto;min-height:28px}::ng-deep .ant-select-selection--multiple{min-height:28px}::ng-deep .ant-select-selection__rendered>ul>li{height:22px!important;margin-top:3px!important;line-height:22px!important}::ng-deep .ant-advanced-search-form .ant-form-item{margin-bottom:0!important}::ng-deep .ant-select-selection--single{height:28px!important}::ng-deep .ant-input{height:28px}::ng-deep .ant-input[disabled]:hover{border-color:#d9d9d9!important}::ng-deep .ant-select-selection__rendered{line-height:28px!important}::ng-deep .ant-calendar-range-picker-input{text-align:left!important}::ng-deep .ant-calendar-picker{width:100%!important}::ng-deep .ant-row{margin-right:0!important;margin-left:0!important}::ng-deep .ant-col-6{padding-left:12px;padding-right:12px}::ng-deep .ant-col-12{padding-left:12px;padding-right:12px}::ng-deep .ant-col-18{padding-left:12px;padding-right:12px}::ng-deep .ant-col-24{padding-left:12px;padding-right:12px}::ng-deep .ant-alert-info{background-color:#f5f8f6;border:1px solid #cfe3d4}:host ::ng-deep th{background:#f5f8f6!important;font-weight:700!important;white-space:nowrap;font-size:12px;font-family:PingFangSC-Medium,PingFang SC;color:#2a3634;padding:8px!important;box-sizing:border-box}:host ::ng-deep td{font-weight:400;font-style:normal;font-size:12px;color:#2a3634;text-align:left;white-space:nowrap;padding:8px!important;box-sizing:border-box}::ng-deep .ant-pagination-options{display:inline-flex;align-items:center}::ng-deep .ant-time-picker{width:100%}.ant-input-number-disabled,.ant-input[disabled],.ant-select-disabled{color:#4b504e}.hd-table-container ::ng-deep .ant-pagination-options-quick-jumper input{border-radius:2px;border:1px solid #d9d9d9}.hd-table-container ::ng-deep .ant-pagination-options .ant-select-selection{border-radius:2px}.hd-table-container ::ng-deep .ant-table-thead>tr>th{border-bottom:1px solid #ecf1ed}.hd-table-container ::ng-deep .ant-table-tbody>tr>td{border-bottom:1px solid #ecf1ed}.hd-table-container ::ng-deep .hd-table-total>td{border:0!important}"]
+                        styles: ["::ng-deep .common-btn-group>a{font-size:14px;font-weight:400;color:#20b95d!important;white-space:nowrap}::ng-deep .common-btn-group .common-danger-btn:hover{color:#f05b24!important}::ng-deep .common-btn-group>a:hover{color:#20bd62!important}::ng-deep .common-btn-group>a:not(:last-child)::after{content:'';margin:0 2px}::ng-deep .common-billNumber>a{color:#3b77e3}button{box-shadow:unset;text-shadow:unset}::ng-deep .ant-form-item-label>label{color:#4b504e;font-size:14px}::ng-deep .ant-input-number-input{height:32px}::ng-deep .ant-input-number{height:32px}textarea.ant-input{height:auto;min-height:32px}::ng-deep .ant-select-selection--multiple{min-height:32px}::ng-deep .ant-select-selection__rendered>ul>li{height:26px!important;margin-top:3px!important;line-height:26px!important}::ng-deep .ant-advanced-search-form .ant-form-item{margin-bottom:0!important}::ng-deep .ant-select-selection--single{height:32px!important}::ng-deep .ant-input{height:32px}::ng-deep .ant-input[disabled]:hover{border-color:#d9d9d9!important}::ng-deep .ant-select-selection__rendered{line-height:32px!important}::ng-deep .ant-calendar-range-picker-input{text-align:left!important}::ng-deep .ant-calendar-picker{width:100%!important}::ng-deep .ant-row{margin-right:0!important;margin-left:0!important}::ng-deep .ant-col-6{padding-left:12px;padding-right:12px}::ng-deep .ant-col-12{padding-left:12px;padding-right:12px}::ng-deep .ant-col-18{padding-left:12px;padding-right:12px}::ng-deep .ant-col-24{padding-left:12px;padding-right:12px}::ng-deep .ant-alert-info{background-color:#f5f8f6;border:1px solid #cfe3d4}:host ::ng-deep th{background:#f5f8f6!important;font-weight:700!important;white-space:nowrap;font-size:14px;font-family:PingFangSC-Medium,PingFang SC;color:#2a3634;padding:8px!important;box-sizing:border-box}:host ::ng-deep td{font-weight:400;font-style:normal;font-size:14px;color:#2a3634;text-align:left;white-space:nowrap;padding:8px!important;box-sizing:border-box}::ng-deep .ant-pagination-options{display:inline-flex;align-items:center}::ng-deep .ant-time-picker{width:100%}.ant-input-number-disabled,.ant-input[disabled],.ant-select-disabled{color:#4b504e}.hd-table-container ::ng-deep .ant-pagination-options-quick-jumper input{border-radius:2px;border:1px solid #d9d9d9}.hd-table-container ::ng-deep .ant-pagination-options .ant-select-selection{border-radius:2px}.hd-table-container ::ng-deep .ant-table-thead>tr>th{border-bottom:1px solid #ecf1ed}.hd-table-container ::ng-deep .ant-table-tbody>tr>td{border-bottom:1px solid #ecf1ed}.hd-table-container ::ng-deep .hd-table-total>td{border:0!important}"]
                     }] }
         ];
         /** @nocollapse */
@@ -4326,7 +5448,7 @@
         HdLogComponent.decorators = [
             { type: core.Component, args: [{
                         selector: 'hd-log',
-                        template: "<hd-detail-lines [lines]=\"logs\" hdFrontPagination=\"true\">\n  <ng-template #detailLineHead>\n    <th class=\"hd-log-time\">\u65F6\u95F4</th>\n    <th class=\"hd-log-operate\">\u64CD\u4F5C\u4EBA</th>\n    <th class=\"hd-log-event\">\u4E8B\u4EF6</th>\n    <th class=\"hd-log-describe\">\u63CF\u8FF0</th>\n  </ng-template>\n  <ng-template #detailLineBody let-data let-index=\"index\">\n    <td class=\"hd-log-time\">{{ data.createInfo.operateTime }}</td>\n    <td class=\"hd-log-operate\">{{ data.createInfo.operatorName }}</td>\n    <td class=\"hd-log-event\">{{ data.event }}</td>\n    <td class=\"hd-log-describe\">{{ data.describe }}</td>\n  </ng-template>\n</hd-detail-lines>\n",
+                        template: "<hd-detail-lines [lines]=\"logs\" hdFrontPagination=\"true\">\n  <ng-template #detailLineHead>\n    <th class=\"hd-log-time\">\u65F6\u95F4</th>\n    <th class=\"hd-log-operate\">\u64CD\u4F5C\u4EBA</th>\n    <th class=\"hd-log-event\">\u4E8B\u4EF6</th>\n    <th class=\"hd-log-describe\">\u63CF\u8FF0</th>\n  </ng-template>\n  <ng-template #detailLineBody let-data let-index=\"index\">\n    <td class=\"hd-log-time\">{{ data.createInfo.operateTime }}</td>\n    <td class=\"hd-log-operate\">{{ data.createInfo.operatorName }}</td>\n    <td class=\"hd-log-event\">{{ data.event }}</td>\n    <td class=\"hd-log-describe\" [innerHTML]=\"data.describe\"></td>\n  </ng-template>\n</hd-detail-lines>\n",
                         styles: ["td{white-space:wrap!important}.hd-log-time{width:150px}.hd-log-operate{width:100px;max-width:200px}.hd-log-event{width:80px;max-width:150px}"]
                     }] }
         ];
@@ -4398,6 +5520,7 @@
             { type: core.NgModule, args: [{
                         imports: [
                             common.CommonModule,
+                            ngZorroAntd.NgZorroAntdModule,
                             HdDetailLinesModule
                         ],
                         entryComponents: [HdLogComponent],
@@ -4452,7 +5575,7 @@
             { type: core.Component, args: [{
                         selector: 'hd-popconfirm',
                         template: "<div class=\"popconfirm-content\">\n  <div class=\"popconfirm-arrow\"></div>\n\n  <div class=\"popconfirm-inner\">\n    <div class=\"message-content\">\n      <svg class=\"icon-warn\" viewBox=\"64 64 896 896\" fill=\"currentColor\" width=\"1em\" height=\"1em\" data-icon=\"exclamation-circle\" aria-hidden=\"true\"><path d=\"M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm-32 232c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V296zm32 440a48.01 48.01 0 010-96 48.01 48.01 0 010 96z\"></path></svg>\n      <p style=\"text-indent: 18px\">{{message}}</p>\n    </div>\n\n    <!-- \u6309\u94AE\u63D0\u793A -->\n    <div class=\"btn-content\">\n      <button type=\"button\" (click)=\"cancel($event)\" nz-button nzType=\"default\">\u53D6\u6D88</button>\n      <button type=\"button\" (click)=\"confirm($event)\" nz-button nzType=\"primary\">\u786E\u8BA4</button>\n    </div>\n  </div>\n</div>\n",
-                        styles: [".popconfirm-content{position:relative}.popconfirm-arrow{position:absolute;top:15px;left:-4px;display:block;width:8.5px;height:8.5px;background:0 0;border-style:solid;border-width:4.24264069px;transform:rotate(45deg);right:6px;box-shadow:-3px 3px 7px rgba(0,0,0,.07);border-color:transparent transparent #fff #fff}.popconfirm-inner{min-width:158px;background-color:#fff;padding:12px 16px;box-sizing:border-box;line-height:1.5;box-shadow:0 2px 8px rgba(0,0,0,.15);border-radius:4px;text-align:left}.message-content{position:relative}.icon-warn{color:#faad14;position:absolute;top:4px;font-size:14px}.btn-content{width:100%;text-align:right}:host ::ng-deep .btn-content>button{padding:0 7px!important;margin-left:8px!important;font-size:14px!important}"]
+                        styles: ["::ng-deep .common-btn-group>a{font-size:14px;font-weight:400;color:#20b95d!important;white-space:nowrap}::ng-deep .common-btn-group .common-danger-btn:hover{color:#f05b24!important}::ng-deep .common-btn-group>a:hover{color:#20bd62!important}::ng-deep .common-btn-group>a:not(:last-child)::after{content:'';margin:0 2px}::ng-deep .common-billNumber>a{color:#3b77e3}button{box-shadow:unset;text-shadow:unset}::ng-deep .ant-form-item-label>label{color:#4b504e;font-size:14px}::ng-deep .ant-input-number-input{height:32px}::ng-deep .ant-input-number{height:32px}textarea.ant-input{height:auto;min-height:32px}::ng-deep .ant-select-selection--multiple{min-height:32px}::ng-deep .ant-select-selection__rendered>ul>li{height:26px!important;margin-top:3px!important;line-height:26px!important}::ng-deep .ant-advanced-search-form .ant-form-item{margin-bottom:0!important}::ng-deep .ant-select-selection--single{height:32px!important}::ng-deep .ant-input{height:32px}::ng-deep .ant-input[disabled]:hover{border-color:#d9d9d9!important}::ng-deep .ant-select-selection__rendered{line-height:32px!important}::ng-deep .ant-calendar-range-picker-input{text-align:left!important}::ng-deep .ant-calendar-picker{width:100%!important}::ng-deep .ant-row{margin-right:0!important;margin-left:0!important}::ng-deep .ant-col-6{padding-left:12px;padding-right:12px}::ng-deep .ant-col-12{padding-left:12px;padding-right:12px}::ng-deep .ant-col-18{padding-left:12px;padding-right:12px}::ng-deep .ant-col-24{padding-left:12px;padding-right:12px}::ng-deep .ant-alert-info{background-color:#f5f8f6;border:1px solid #cfe3d4}:host ::ng-deep th{background:#f5f8f6!important;font-weight:700!important;white-space:nowrap;font-size:14px;font-family:PingFangSC-Medium,PingFang SC;color:#2a3634;padding:8px!important;box-sizing:border-box}:host ::ng-deep td{font-weight:400;font-style:normal;font-size:14px;color:#2a3634;text-align:left;white-space:nowrap;padding:8px!important;box-sizing:border-box}::ng-deep .ant-pagination-options{display:inline-flex;align-items:center}::ng-deep .ant-time-picker{width:100%}.ant-input-number-disabled,.ant-input[disabled],.ant-select-disabled{color:#4b504e}.popconfirm-content{position:relative}.popconfirm-arrow{position:absolute;top:15px;left:-4px;display:block;width:8.5px;height:8.5px;background:0 0;border-style:solid;border-width:4.24264069px;transform:rotate(45deg);right:6px;box-shadow:-3px 3px 7px rgba(0,0,0,.07);border-color:transparent transparent #fff #fff}.popconfirm-inner{min-width:158px;background-color:#fff;padding:12px 16px;box-sizing:border-box;line-height:1.5;box-shadow:0 2px 8px rgba(0,0,0,.15);border-radius:4px;text-align:left}.message-content{position:relative}.icon-warn{color:#faad14;position:absolute;top:4px;font-size:14px}.btn-content{width:100%;text-align:right}:host ::ng-deep .btn-content>button{padding:0 7px!important;margin-left:8px!important;font-size:14px!important}"]
                     }] }
         ];
         /** @nocollapse */
@@ -4489,7 +5612,7 @@
                             forms.FormsModule,
                             forms.ReactiveFormsModule,
                             common.CommonModule,
-                            button.NzButtonModule,
+                            ngZorroAntd.NgZorroAntdModule,
                         ],
                         exports: [HdPopconfirmComponent],
                         providers: [],
@@ -4531,18 +5654,27 @@
          * @return {?}
          */
         function () {
+            /** @type {?} */
+            var findKey = "";
+            /** @type {?} */
+            var statusLower = this.status && this.status.toLowerCase();
             for (var key in statusToColor) {
-                if (statusToColor[key].indexOf(this.status) !== -1) {
-                    this.statusColor = key;
-                    break;
+                if (statusLower &&
+                    statusToColor[key].some((/**
+                     * @param {?} item
+                     * @return {?}
+                     */
+                    function (item) { return item && item.toLowerCase() === statusLower; }))) {
+                    findKey = key;
                 }
             }
+            this.statusColor = findKey || "#9FA4A2";
         };
         HdStatusComponent.decorators = [
             { type: core.Component, args: [{
-                        selector: 'hd-status',
+                        selector: "hd-status",
                         template: "<ng-container>\n  <div class=\"hd-status\">\n    <div class=\"hd-status-dot\" [ngStyle]=\"{'background': statusColor || '#9FA4A2'}\"></div>\n    <div class=\"hd-status-text\">\n      <ng-content></ng-content>\n    </div>\n  </div>\n</ng-container>\n",
-                        styles: ["::ng-deep .common-btn-group>a{font-size:12px;font-weight:400;color:#12a34f!important;white-space:nowrap}::ng-deep .common-btn-group .common-danger-btn:hover{color:#f05b24!important}::ng-deep .common-btn-group>a:hover{color:#20bd62!important}::ng-deep .common-btn-group>a:not(:last-child)::after{content:'';margin:0 2px}::ng-deep .common-billNumber>a{color:#3b77e3}button{box-shadow:unset;text-shadow:unset}::ng-deep .ant-form-item-label>label{color:#4b504e}::ng-deep .ant-input-number-input{height:28px}::ng-deep .ant-input-number{height:28px}textarea.ant-input{height:auto;min-height:28px}::ng-deep .ant-select-selection--multiple{min-height:28px}::ng-deep .ant-select-selection__rendered>ul>li{height:22px!important;margin-top:3px!important;line-height:22px!important}::ng-deep .ant-advanced-search-form .ant-form-item{margin-bottom:0!important}::ng-deep .ant-select-selection--single{height:28px!important}::ng-deep .ant-input{height:28px}::ng-deep .ant-input[disabled]:hover{border-color:#d9d9d9!important}::ng-deep .ant-select-selection__rendered{line-height:28px!important}::ng-deep .ant-calendar-range-picker-input{text-align:left!important}::ng-deep .ant-calendar-picker{width:100%!important}::ng-deep .ant-row{margin-right:0!important;margin-left:0!important}::ng-deep .ant-col-6{padding-left:12px;padding-right:12px}::ng-deep .ant-col-12{padding-left:12px;padding-right:12px}::ng-deep .ant-col-18{padding-left:12px;padding-right:12px}::ng-deep .ant-col-24{padding-left:12px;padding-right:12px}::ng-deep .ant-alert-info{background-color:#f5f8f6;border:1px solid #cfe3d4}:host ::ng-deep th{background:#f5f8f6!important;font-weight:700!important;white-space:nowrap;font-size:12px;font-family:PingFangSC-Medium,PingFang SC;color:#2a3634;padding:8px!important;box-sizing:border-box}:host ::ng-deep td{font-weight:400;font-style:normal;font-size:12px;color:#2a3634;text-align:left;white-space:nowrap;padding:8px!important;box-sizing:border-box}::ng-deep .ant-pagination-options{display:inline-flex;align-items:center}::ng-deep .ant-time-picker{width:100%}.ant-input-number-disabled,.ant-input[disabled],.ant-select-disabled{color:#4b504e}.hd-status{display:flex;justify-content:flex-start;align-items:center}.hd-status-dot{width:6px;height:6px;border-radius:50%;margin-right:6px}.hd-status-text{color:#2a3634;font-size:12px}"]
+                        styles: ["::ng-deep .common-btn-group>a{font-size:14px;font-weight:400;color:#20b95d!important;white-space:nowrap}::ng-deep .common-btn-group .common-danger-btn:hover{color:#f05b24!important}::ng-deep .common-btn-group>a:hover{color:#20bd62!important}::ng-deep .common-btn-group>a:not(:last-child)::after{content:'';margin:0 2px}::ng-deep .common-billNumber>a{color:#3b77e3}button{box-shadow:unset;text-shadow:unset}::ng-deep .ant-form-item-label>label{color:#4b504e;font-size:14px}::ng-deep .ant-input-number-input{height:32px}::ng-deep .ant-input-number{height:32px}textarea.ant-input{height:auto;min-height:32px}::ng-deep .ant-select-selection--multiple{min-height:32px}::ng-deep .ant-select-selection__rendered>ul>li{height:26px!important;margin-top:3px!important;line-height:26px!important}::ng-deep .ant-advanced-search-form .ant-form-item{margin-bottom:0!important}::ng-deep .ant-select-selection--single{height:32px!important}::ng-deep .ant-input{height:32px}::ng-deep .ant-input[disabled]:hover{border-color:#d9d9d9!important}::ng-deep .ant-select-selection__rendered{line-height:32px!important}::ng-deep .ant-calendar-range-picker-input{text-align:left!important}::ng-deep .ant-calendar-picker{width:100%!important}::ng-deep .ant-row{margin-right:0!important;margin-left:0!important}::ng-deep .ant-col-6{padding-left:12px;padding-right:12px}::ng-deep .ant-col-12{padding-left:12px;padding-right:12px}::ng-deep .ant-col-18{padding-left:12px;padding-right:12px}::ng-deep .ant-col-24{padding-left:12px;padding-right:12px}::ng-deep .ant-alert-info{background-color:#f5f8f6;border:1px solid #cfe3d4}:host ::ng-deep th{background:#f5f8f6!important;font-weight:700!important;white-space:nowrap;font-size:14px;font-family:PingFangSC-Medium,PingFang SC;color:#2a3634;padding:8px!important;box-sizing:border-box}:host ::ng-deep td{font-weight:400;font-style:normal;font-size:14px;color:#2a3634;text-align:left;white-space:nowrap;padding:8px!important;box-sizing:border-box}::ng-deep .ant-pagination-options{display:inline-flex;align-items:center}::ng-deep .ant-time-picker{width:100%}.ant-input-number-disabled,.ant-input[disabled],.ant-select-disabled{color:#4b504e}.hd-status{display:flex;justify-content:flex-start;align-items:center}.hd-status-dot{width:6px;height:6px;border-radius:50%;margin-right:6px}.hd-status-text{color:#2a3634;font-size:14px}"]
                     }] }
         ];
         /** @nocollapse */
@@ -4575,6 +5707,7 @@
                             forms.FormsModule,
                             forms.ReactiveFormsModule,
                             common.CommonModule,
+                            ngZorroAntd.NgZorroAntdModule,
                         ],
                         exports: [HdStatusComponent],
                         providers: [],
@@ -4726,6 +5859,10 @@
         HdTableColumn.prototype.canWarp;
         /** @type {?} */
         HdTableColumn.prototype.minWidth;
+        /** @type {?} */
+        HdTableColumn.prototype.stateField;
+        /** @type {?} */
+        HdTableColumn.prototype.isState;
     }
     var OperateBtn = /** @class */ (function () {
         function OperateBtn() {
@@ -4761,6 +5898,7 @@
     }
     var TableCacheOption = /** @class */ (function () {
         function TableCacheOption() {
+            this.colWidths = new Map(); // name -> width
         }
         return TableCacheOption;
     }());
@@ -4816,7 +5954,7 @@
             this.tableCols = [];
             this.showSelected = false;
             this.showOperateColWarpButton = false;
-            this.selectField = 'billNumber';
+            this.selectField = "billNumber";
             // 合计区域
             this.showTableTotal = false;
             this.sortEvent = new core.EventEmitter();
@@ -4825,8 +5963,10 @@
             this.tableLoading = false;
             // 表格分页参数
             this.tablePageIndex = 1;
+            this.tablePageSize = 10;
             this.tablePageIndexChange = new core.EventEmitter();
             this.tablePageSizeChange = new core.EventEmitter();
+            this.tablePageSizeChangeEvent = new core.EventEmitter();
             this.scroll = null;
             // 表格勾选参数
             this.isAllDisplayDataChecked = false;
@@ -4855,14 +5995,18 @@
             this.cancelHideListNodes = [];
             this.showDetail = false;
             this.localforage = null;
-            this.localtionTmp = '';
+            this.localtionTmp = "";
+            this.isFirstEntrySearchLocal = true;
+            this.isCrossPageSelectLocal = false;
             // 拖拽操作
             this.beforeDrop = (/**
              * @param {?} arg
              * @return {?}
              */
             function (arg) {
-                if (arg.node.origin.disabled || !arg.dragNode.origin.checked || arg.pos === 0) {
+                if (arg.node.origin.disabled ||
+                    !arg.dragNode.origin.checked ||
+                    arg.pos === 0) {
                     return rxjs.of(false);
                 }
                 else {
@@ -4881,14 +6025,18 @@
                      * @param {?} item
                      * @return {?}
                      */
-                    function (item) { return item.title == arg.dragNode.origin.title; }));
+                    function (item) {
+                        return item.title == arg.dragNode.origin.title;
+                    }));
                     // 目标位置的下标
                     /** @type {?} */
                     var nodeIndex = _this.nowListNodes.findIndex((/**
                      * @param {?} item
                      * @return {?}
                      */
-                    function (item) { return item.title == arg.node.origin.title; })) + (arg.pos === -1 ? 0 : arg.pos);
+                    function (item) {
+                        return item.title == arg.node.origin.title;
+                    })) + (arg.pos === -1 ? 0 : arg.pos);
                     _this.nowListNodes.splice(nodeIndex, 0, node);
                     _this.nowListNodes.splice(nodeIndex >= dragNodeIndex ? dragNodeIndex : dragNodeIndex + 1, 1);
                     return rxjs.of(true).pipe(operators.delay(100));
@@ -4896,11 +6044,11 @@
             });
             this.localforage = localforage.createInstance({
                 driver: localforage.INDEXEDDB,
-                name: 'hd-fscm',
+                name: "hd-fscm",
                 // 设置存储库的名称
                 version: 1.0,
                 // 设置存储库的版本
-                storeName: 'hd-fscm-store',
+                storeName: "hd-fscm-store",
             });
         }
         /**
@@ -4911,33 +6059,42 @@
          */
         function () {
             var _this = this;
+            if (this.isFirstEntrySearch === false) {
+                this.isFirstEntrySearchLocal = this.isFirstEntrySearch;
+            }
+            if (this.isCrossPageSelect === true) {
+                this.isCrossPageSelectLocal = this.isCrossPageSelect;
+            }
             this.localtionTmp = location.pathname;
             if (this.localtionTmp) {
                 this.localtionTmp = this.localtionTmp.replace(/\//g, "_");
             }
-            this.userSession = this.commonSessionService.getSession('__jy_authorization_session__');
+            this.userSession = this.commonSessionService.getSession("__jy_authorization_session__");
             // 用于开发环境调试
             if (!this.userSession) {
                 this.userSession = {
-                    userCode: 'dev'
+                    userCode: "dev",
                 };
             }
             this.deleteHideItem();
             if (!this.tableCols || this.tableCols.length === 0) {
                 return;
             }
-            this.localforage.ready().then((/**
+            this.localforage
+                .ready()
+                .then((/**
              * @return {?}
              */
             function () {
                 _this.getInitLocalforage();
-            })).catch((/**
+            }))
+                .catch((/**
              * @param {?} e
              * @return {?}
              */
             function (e) {
-                console.log('localforage加载异常step1', e);
-                throw 'localforage加载异常';
+                console.log("localforage加载异常step1", e);
+                throw "localforage加载异常";
             }));
         };
         /**
@@ -4951,30 +6108,43 @@
         function (changes) {
             var _this = this;
             // 数据改变时，重置勾选状态
-            if (changes && changes['tableData'] && changes['tableData']['currentValue'] && changes['tableData']['previousValue']) {
-                if (changes['tableData']['currentValue']['pageSize'] !== changes['tableData']['previousValue']['pageSize']
-                    || changes['tableData']['currentValue']['pageNumber'] !== changes['tableData']['previousValue']['pageNumber']) {
+            if (changes &&
+                changes["tableData"] &&
+                changes["tableData"]["currentValue"] &&
+                changes["tableData"]["previousValue"]) {
+                if (changes["tableData"]["currentValue"]["pageSize"] !==
+                    changes["tableData"]["previousValue"]["pageSize"] ||
+                    changes["tableData"]["currentValue"]["pageNumber"] !==
+                        changes["tableData"]["previousValue"]["pageNumber"]) {
                     return;
                 }
-                this.resetStatus();
+                if (!this.isCrossPageSelectLocal) {
+                    this.resetStatus();
+                }
             }
-            if (changes['tableCols'] && JSON.stringify(changes['tableCols'].currentValue) !== JSON.stringify(changes['tableCols'].previousValue)) {
+            if (changes["tableCols"] &&
+                JSON.stringify(changes["tableCols"].currentValue) !==
+                    JSON.stringify(changes["tableCols"].previousValue) &&
+                changes["tableCols"].previousValue !== undefined) {
                 this.deleteHideItem();
                 if (!this.tableCols || this.tableCols.length === 0) {
                     return;
                 }
-                this.localforage.ready().then((/**
+                this.localforage
+                    .ready()
+                    .then((/**
                  * @return {?}
                  */
                 function () {
                     _this.getInitLocalforage();
-                })).catch((/**
+                }))
+                    .catch((/**
                  * @param {?} e
                  * @return {?}
                  */
                 function (e) {
-                    console.log('localforage加载异常step2', e);
-                    throw 'localforage加载异常';
+                    console.log("localforage加载异常step2", e);
+                    throw "localforage加载异常";
                 }));
             }
         };
@@ -4992,7 +6162,7 @@
              */
             function (item) {
                 // 如果对象没有 isShow 属性，则默认为 true，保留该对象
-                if (!item.hasOwnProperty('isShow')) {
+                if (!item.hasOwnProperty("isShow")) {
                     return true;
                 }
                 // 如果对象有 isShow 属性，则检查其值是否为 true
@@ -5019,33 +6189,46 @@
         function () {
             var _this = this;
             // 首先获取当前hd-table存储的数据 如果没有，则初始化下当前的数据
-            this.localforage.getItem('hd-table_' + this.userSession.userCode + '_' + this.localtionTmp + '_' + this.uuid).then((/**
+            this.localforage
+                .getItem("hd-table_" +
+                this.userSession.userCode +
+                "_" +
+                this.localtionTmp +
+                "_" +
+                this.uuid)
+                .then((/**
              * @param {?} value
              * @return {?}
              */
             function (value) {
-                _this.tableCacheOption = value;
-                if (_this.tableCacheOption.pageSize && _this.tableCacheOption.pageSize > 10) {
-                    _this.tablePageSize = _this.tableCacheOption.pageSize;
+                if (value) {
+                    _this.tableCacheOption = value;
+                    _this.normalizeTableCacheOption();
+                    if (_this.tableCacheOption.pageSize &&
+                        _this.tableCacheOption.pageSize > 10) {
+                        _this.tablePageSize = _this.tableCacheOption.pageSize;
+                        _this.tablePageSizeChange.emit(_this.tablePageSize);
+                    }
                 }
                 else {
-                    _this.tablePageSize = _this.tableCacheOption.pageSize || 10;
+                    _this.tableCacheOption = new TableCacheOption();
+                    _this.tableCacheOption.pageSize = _this.tablePageSize;
                 }
-                if (!_this.tableCacheOption.colWidths) {
-                    _this.tableCacheOption.colWidths = new Map();
+                if (_this.isFirstEntrySearchLocal) {
+                    _this.tablePageSizeChangeEvent.emit(_this.tablePageSize);
+                }
+                else {
+                    _this.isFirstEntrySearchLocal = true;
                 }
-                _this.tablePageSizeChange.emit(_this.tablePageSize);
                 _this.initTable();
-            })).catch((/**
+            }))
+                .catch((/**
              * @param {?} err
              * @return {?}
              */
             function (err) {
                 _this.tableCacheOption = new TableCacheOption();
-                _this.tablePageSize = 10;
-                _this.tableCacheOption.pageSize = 10;
-                _this.tableCacheOption.colWidths = new Map();
-                _this.tablePageSizeChange.emit(_this.tablePageSize);
+                _this.tableCacheOption.pageSize = _this.tablePageSize;
                 _this.initTable();
             }));
         };
@@ -5058,7 +6241,7 @@
         function () {
             this.showTable = false;
             if (!this.uuid) {
-                throw 'hd-table缺失uuid参数，请使用编辑器插件生成并给hd-table赋予uuid属性';
+                throw "hd-table缺失uuid参数，请使用编辑器插件生成并给hd-table赋予uuid属性";
             }
             if (this.judgeRepeatCols()) {
                 this.dealCols();
@@ -5134,7 +6317,7 @@
             this.showListNodes = false;
             this.nowListNodes = [];
             this.hideListNodes = [];
-            if (this.tableCacheOption.cols) {
+            if (this.hasColsCache()) {
                 var _a = this.tableColsCache.reduce((/**
                  * @param {?} acc
                  * @param {?} item
@@ -5155,7 +6338,8 @@
                  * @return {?}
                  */
                 function (a, b) {
-                    return _this.tableCacheOption.cols.indexOf(a.title) - _this.tableCacheOption.cols.indexOf(b.title);
+                    return (_this.tableCacheOption.cols.indexOf(a.title) -
+                        _this.tableCacheOption.cols.indexOf(b.title));
                 }));
                 this.tableCols = incols.concat(notIncols);
             }
@@ -5165,15 +6349,19 @@
              * @return {?}
              */
             function (element, index) {
-                if (_this.tableCacheOption.cols) {
-                    element.isShow = _this.tableCacheOption.cols.includes(element.title) ? true : false;
+                if (_this.hasColsCache()) {
+                    element.isShow = _this.tableCacheOption.cols.includes(element.title)
+                        ? true
+                        : false;
                     if (element.isShow) {
                         _this.nowListNodes.push({
                             title: element.title,
                             key: element.title,
                             disabled: element.fixed ? true : false,
                             // selectable: false,
-                            checked: _this.tableCacheOption.cols.includes(element.title) ? true : false
+                            checked: _this.tableCacheOption.cols.includes(element.title)
+                                ? true
+                                : false,
                         });
                     }
                     else {
@@ -5182,7 +6370,9 @@
                             key: element.title,
                             disabled: element.fixed ? true : false,
                             // selectable: false,
-                            checked: _this.tableCacheOption.cols.includes(element.title) ? true : false
+                            checked: _this.tableCacheOption.cols.includes(element.title)
+                                ? true
+                                : false,
                         });
                     }
                 }
@@ -5193,12 +6383,14 @@
                         key: element.title,
                         checked: true,
                         // selectable: false,
-                        disabled: element.fixed ? true : false
+                        disabled: element.fixed ? true : false,
                     });
                 }
             }));
             // 调整列宽为缓存宽度
-            if (this.tableCacheOption && this.tableCacheOption.colWidths && this.tableCacheOption.colWidths.size !== 0) {
+            if (this.tableCacheOption &&
+                this.tableCacheOption.colWidths &&
+                this.tableCacheOption.colWidths.size !== 0) {
                 this.tableCols.forEach((/**
                  * @param {?} col
                  * @return {?}
@@ -5247,7 +6439,7 @@
              */
             function (item) { return item.title === elementToMoveTitle; }));
             /** @type {?} */
-            var newIndex = pos < 0 ? (targetIndex + pos) : targetIndex;
+            var newIndex = pos < 0 ? targetIndex + pos : targetIndex;
             // 移除目标元素，并插入到新的位置
             /** @type {?} */
             var removedElement = tmpArray.splice(elementIndex, 1);
@@ -5283,7 +6475,7 @@
                 /** @type {?} */
                 var title_1 = null;
                 for (var i = this.tableColsCache.length - 1; i >= 0; i--) {
-                    if (this.tableColsCache[i].fixed === 'right') {
+                    if (this.tableColsCache[i].fixed === "right") {
                         title_1 = this.tableColsCache[i].title;
                         break;
                     }
@@ -5386,16 +6578,16 @@
                  */
                 function (item) {
                     /** @type {?} */
-                    var span = document.createElement('span');
-                    span.style.visibility = 'hidden';
-                    span.style.position = 'absolute';
-                    span.style.whiteSpace = 'nowrap';
-                    span.style.fontSize = '12px';
-                    span.style.display = 'inline-block'; // 将样式修改为 inline-block
+                    var span = document.createElement("span");
+                    span.style.visibility = "hidden";
+                    span.style.position = "absolute";
+                    span.style.whiteSpace = "nowrap";
+                    span.style.fontSize = "14px";
+                    span.style.display = "inline-block"; // 将样式修改为 inline-block
                     span.innerText = item.title;
                     document.body.appendChild(span);
                     item.minWidth = span.offsetWidth + 16;
-                    span.style.display = 'none';
+                    span.style.display = "none";
                     document.body.removeChild(span);
                 }));
             }
@@ -5405,13 +6597,13 @@
              * @param {?} col
              * @return {?}
              */
-            function (col) { return col.fixed === 'left'; }));
+            function (col) { return col.fixed === "left"; }));
             /** @type {?} */
             var rightFixedCols = this.tableCols.filter((/**
              * @param {?} col
              * @return {?}
              */
-            function (col) { return col.fixed === 'right'; }));
+            function (col) { return col.fixed === "right"; }));
             /** @type {?} */
             var normalCols = this.tableCols.filter((/**
              * @param {?} col
@@ -5426,6 +6618,41 @@
                 this.tableColsCache = __spread(this.tableCols);
             }
         };
+        /**
+         * @return {?}
+         */
+        HdTableComponent.prototype.normalizeTableCacheOption = /**
+         * @return {?}
+         */
+        function () {
+            var _this = this;
+            if (!this.tableCacheOption.colWidths) {
+                this.tableCacheOption.colWidths = new Map();
+            }
+            else if (!(this.tableCacheOption.colWidths instanceof Map)) {
+                /** @type {?} */
+                var colWidths_1 = new Map();
+                Object.keys(this.tableCacheOption.colWidths).forEach((/**
+                 * @param {?} key
+                 * @return {?}
+                 */
+                function (key) {
+                    colWidths_1.set(key, ((/** @type {?} */ (_this.tableCacheOption.colWidths)))[key]);
+                }));
+                this.tableCacheOption.colWidths = colWidths_1;
+            }
+        };
+        /**
+         * @private
+         * @return {?}
+         */
+        HdTableComponent.prototype.hasColsCache = /**
+         * @private
+         * @return {?}
+         */
+        function () {
+            return !!(this.tableCacheOption && this.tableCacheOption.cols && this.tableCacheOption.cols.length > 0);
+        };
         /**
          * @return {?}
          */
@@ -5433,7 +6660,12 @@
          * @return {?}
          */
         function () {
-            this.localforage.setItem('hd-table_' + this.userSession.userCode + '_' + this.localtionTmp + '_' + this.uuid, this.tableCacheOption);
+            this.localforage.setItem("hd-table_" +
+                this.userSession.userCode +
+                "_" +
+                this.localtionTmp +
+                "_" +
+                this.uuid, this.tableCacheOption);
         };
         /**
          * @return {?}
@@ -5463,6 +6695,7 @@
          */
         function (_a, col) {
             var width = _a.width;
+            this.normalizeTableCacheOption();
             /** @type {?} */
             var tempWidth = 0;
             if (width > col.minWidth) {
@@ -5477,7 +6710,9 @@
              * @param {?} e
              * @return {?}
              */
-            function (e) { return (e.title === col.title ? __assign({}, e, { width: tempWidth }) : e); }));
+            function (e) {
+                return e.title === col.title ? __assign({}, e, { width: tempWidth }) : e;
+            }));
             this.dealScroll();
         };
         /**
@@ -5492,10 +6727,10 @@
              * @param {?} col
              * @return {?}
              */
-            function (col) { return col.title === '操作'; })) || null;
+            function (col) { return col.title === "操作"; })) || null;
             if (operateCol) {
                 /** @type {?} */
-                var textStr_1 = '';
+                var textStr_1 = "";
                 operateCol.btnList.forEach((/**
                  * @param {?} btn
                  * @return {?}
@@ -5506,20 +6741,23 @@
                     }
                 }));
                 /** @type {?} */
-                var span = document.createElement('a');
-                span.style.visibility = 'hidden';
-                span.style.position = 'absolute';
-                span.style.whiteSpace = 'nowrap';
-                span.style.fontSize = '12px';
-                span.style.display = 'inline-block'; // 将样式修改为 inline-block
+                var span = document.createElement("a");
+                span.style.visibility = "hidden";
+                span.style.position = "absolute";
+                span.style.whiteSpace = "nowrap";
+                span.style.fontSize = "14px";
+                span.style.display = "inline-block"; // 将样式修改为 inline-block
                 span.innerText = textStr_1;
                 document.body.appendChild(span);
-                operateCol.width = span.offsetWidth + (operateCol.btnList.filter((/**
-                 * @param {?} item
-                 * @return {?}
-                 */
-                function (item) { return !item.isRepeat; })).length - 1) * 4 + 16;
-                span.style.display = 'none';
+                operateCol.width =
+                    span.offsetWidth +
+                        (operateCol.btnList.filter((/**
+                         * @param {?} item
+                         * @return {?}
+                         */
+                        function (item) { return !item.isRepeat; })).length - 1) * 4 +
+                        16;
+                span.style.display = "none";
                 document.body.removeChild(span);
             }
         };
@@ -5538,6 +6776,22 @@
                 fn(event);
             }
         };
+        /**
+         * @param {?} btn
+         * @param {?} data
+         * @return {?}
+         */
+        HdTableComponent.prototype.needShowConfirm = /**
+         * @param {?} btn
+         * @param {?} data
+         * @return {?}
+         */
+        function (btn, data) {
+            if (typeof btn.showConfirm === "function") {
+                return btn.showConfirm(data);
+            }
+            return !!btn.showConfirm;
+        };
         /**
          * @return {?}
          */
@@ -5565,14 +6819,14 @@
             }));
             if (this.tableTotal) {
                 this.scroll = {
-                    x: '1px',
-                    y: 'calc(100vh - 180px)'
+                    x: "1px",
+                    y: "calc(100vh - 180px)",
                 };
             }
             else {
                 this.scroll = {
-                    x: '1px',
-                    y: 'calc(100vh - 140px)'
+                    x: "1px",
+                    y: "calc(100vh - 140px)",
                 };
             }
         };
@@ -5593,18 +6847,18 @@
                 return cachedWidth + 15 >= maxWidth;
             }
             /** @type {?} */
-            var span = document.createElement('span');
-            span.style.visibility = 'hidden';
-            span.style.position = 'absolute';
-            span.style.whiteSpace = 'nowrap';
-            span.style.fontSize = '12px';
-            span.style.display = 'inline-block'; // 将样式修改为 inline-block
+            var span = document.createElement("span");
+            span.style.visibility = "hidden";
+            span.style.position = "absolute";
+            span.style.whiteSpace = "nowrap";
+            span.style.fontSize = "14px";
+            span.style.display = "inline-block"; // 将样式修改为 inline-block
             span.innerText = text;
             document.body.appendChild(span);
             /** @type {?} */
             var isOverflow = span.offsetWidth + 15 >= maxWidth;
             this.textWidthCache[text] = span.offsetWidth;
-            span.style.display = 'none';
+            span.style.display = "none";
             document.body.removeChild(span);
             return isOverflow;
         };
@@ -5623,7 +6877,9 @@
         function ($event) {
             this.listOfDisplayData = $event;
             this.refreshStatus();
-            this.resetStatus();
+            if (!this.isCrossPageSelectLocal) {
+                this.resetStatus();
+            }
         };
         /**
          * @param {?} reset
@@ -5638,6 +6894,7 @@
             this.saveTableCacheOption();
             if (reset) {
                 this.tablePageSizeChange.emit(this.tablePageSize);
+                this.tablePageSizeChangeEvent.emit(this.tablePageSize);
             }
             else {
                 this.tablePageIndexChange.emit(this.tablePageIndex);
@@ -5673,10 +6930,12 @@
             if (event === void 0) { event = false; }
             if (data === void 0) { data = null; }
             if (event && data) {
-                !this.mapOfCheckList[data[this.selectField]] && (this.mapOfCheckList[data[this.selectField]] = data);
+                !this.mapOfCheckList[data[this.selectField]] &&
+                    (this.mapOfCheckList[data[this.selectField]] = data);
             }
             else if (!event && data) {
-                this.mapOfCheckList[data[this.selectField]] && delete this.mapOfCheckList[data[this.selectField]];
+                this.mapOfCheckList[data[this.selectField]] &&
+                    delete this.mapOfCheckList[data[this.selectField]];
             }
             this.isAllDisplayDataChecked = this.listOfDisplayData.every((/**
              * @param {?} item
@@ -5716,10 +6975,12 @@
              */
             function (item) {
                 if (value) {
-                    !_this.mapOfCheckList[item[_this.selectField]] && (_this.mapOfCheckList[item[_this.selectField]] = item);
+                    !_this.mapOfCheckList[item[_this.selectField]] &&
+                        (_this.mapOfCheckList[item[_this.selectField]] = item);
                 }
                 else {
-                    _this.mapOfCheckList[item[_this.selectField]] && delete _this.mapOfCheckList[item[_this.selectField]];
+                    _this.mapOfCheckList[item[_this.selectField]] &&
+                        delete _this.mapOfCheckList[item[_this.selectField]];
                 }
                 _this.mapOfCheckedId[item[_this.selectField]] = value;
             }));
@@ -5738,14 +6999,28 @@
                 return str;
             }
             else {
-                return '<空>';
+                return "<空>";
+            }
+        };
+        /**
+         * @param {?} col
+         * @return {?}
+         */
+        HdTableComponent.prototype.getStateField = /**
+         * @param {?} col
+         * @return {?}
+         */
+        function (col) {
+            if (col.isState) {
+                return (/** @type {?} */ (col.name));
             }
+            return col.stateField || 'state';
         };
         HdTableComponent.decorators = [
             { type: core.Component, args: [{
-                        selector: 'hd-table',
-                        template: "<ng-container>\n  <hd-button-group>\n    <ng-template #buttonGroupLeft>\n      <ng-container *ngTemplateOutlet=\"tableLeftButton\"></ng-container>\n      <hd-button *ngIf=\"showOperateColWarpButton\" type=\"default\" (click)=\"showDetail = !showDetail\">{{showDetail ?\n        '\u7F29\u7565\u663E\u793A': '\u5C55\u5F00\u663E\u793A'}}</hd-button>\n    </ng-template>\n    <ng-template #buttonGroupRight>\n      <ng-container *ngTemplateOutlet=\"tableRightButton\"></ng-container>\n      <hd-button type=\"primary\" nz-dropdown nzTrigger=\"click\" [nzDropdownMenu]=\"menu\" (clickAction)=\"confirmDropdown()\"\n        [nzVisible]=\"isDropdownVisible\">\u8BBE\u7F6E\u5217</hd-button>\n      <nz-dropdown-menu #menu=\"nzDropdownMenu\">\n        <div style=\"max-height: 400px;overflow-y: scroll;\">\n          <div *ngIf=\"showListNodes && nowListNodes.length > 0\" nz-menu style=\"padding: 5px 10px;\">\n            <nz-tree *ngIf=\"showListNodes\" [nzData]=\"nowListNodes\" nzCheckable nzDraggable nzBlockNode\n              nzShowExpand=\"false\" (nzCheckBoxChange)=\"checkAction($event)\" [nzBeforeDrop]=\"beforeDrop\"\n              [nzTreeTemplate]=\"nzTreeTemplate\">\n            </nz-tree>\n            <ng-template #nzTreeTemplate let-node>\n              <span\n                class=\"ng-tns-c31-110 draggable ng-star-inserted ant-tree-node-content-wrapper ant-tree-node-content-wrapper-close\"\n                [title]=\"node.key\" draggable=\"true\" aria-grabbed=\"true\">\n                <span class=\"ant-tree-title\">\n                  <div class=\"hd-table-tree-node\">\n                    <span>{{node.key}}</span>\n                    <div *ngIf=\"!node.origin.disabled\" class=\"hd-table-tree-node-img\">\n                      <i nz-icon nzType=\"caret-up\" nzTheme=\"outline\"></i>\n                      <i nz-icon nzType=\"caret-down\" nzTheme=\"outline\"></i>\n                    </div>\n                  </div>\n                </span>\n              </span>\n            </ng-template>\n          </div>\n          <div *ngIf=\"showListNodes && hideListNodes.length > 0\" nz-menu style=\"padding: 5px 10px;\">\n            <nz-tree *ngIf=\"showListNodes\" [nzData]=\"hideListNodes\" nzCheckable nzShowExpand=\"false\"\n              (nzCheckBoxChange)=\"checkAction($event)\">\n            </nz-tree>\n          </div>\n        </div>\n        <div style=\"text-align: right;background: #fff;padding: 4px;\">\n          <hd-button style=\"margin-right: 4px;\" type=\"default\" size=\"small\" (clickAction)=\"cancelDropdown()\">\u53D6\u6D88\n          </hd-button>\n          <hd-button type=\"primary\" size=\"small\" (clickAction)=\"submitGrids()\">\u5B8C\u6210</hd-button>\n        </div>\n      </nz-dropdown-menu>\n    </ng-template>\n  </hd-button-group>\n  <hd-space type=\"row\" size=\"12\"></hd-space>\n  <ng-container *ngTemplateOutlet=\"tableTotal\"></ng-container>\n  <hd-space *ngIf=\"tableTotal\" type=\"row\" size=\"12\"></hd-space>\n  <nz-table *ngIf=\"showTable\" #hdTable class=\"hd-table-container\" [nzScroll]=\"scroll\" nzShowSizeChanger\n    nzShowSizeChanger nzShowQuickJumper nzFrontPagination=\"false\" nzSize=\"middle\" [nzData]=\"tableData.content\"\n    [nzTotal]=\"tableData.totalElements\" [(nzPageIndex)]=\"tablePageIndex\" [nzLoading]=\"tableLoading\"\n    [nzPageSizeOptions]=\"[ 10, 50, 100, 200 ]\" [(nzPageSize)]=\"tablePageSize\" (nzPageSizeChange)=\"search(true)\"\n    (nzPageIndexChange)=\"search(false)\" (nzCurrentPageDataChange)=\"showSelected ? currentPageDataChange($event) : null\"\n    [nzShowTotal]=\"tableTotalTemplate\">\n    <thead (nzSortChange)=\"sort($event)\" nzSingleSort>\n      <tr>\n        <th nzWidth=\"40px\" nzLeft=\"0px\" *ngIf=\"showSelected\" nzShowCheckbox [(nzChecked)]=\"isAllDisplayDataChecked\"\n          [nzIndeterminate]=\"isIndeterminate\" (nzCheckedChange)=\"checkAll($event)\"></th>\n        <ng-container *ngFor=\"let col of tableCols\">\n          <th *ngIf=\"col.isShow\" [nzWidth]=\"col.width + 'px'\" [nzAlign]=\"col.align\"\n            [nzLeft]=\"col.fixed === 'left' ? col.fixedWidth + 'px' : null\"\n            [nzRight]=\"col.fixed === 'right' ? 0  + 'px' : null\" nz-resizable nzBounds=\"window\" nzPreview\n            (nzResizeEnd)=\"onResize($event, col)\" [nzShowSort]=\"col.canSort\" [nzSortKey]=\"col.name\">\n            {{ col.title }}\n            <nz-resize-handle nzDirection=\"right\">\n              <div class=\"resize-trigger\"></div>\n            </nz-resize-handle>\n          </th>\n        </ng-container>\n      </tr>\n    </thead>\n    <tbody>\n      <tr *ngFor=\"let data of hdTable.data;index as i\">\n        <td nzLeft=\"0px\" *ngIf=\"showSelected\" nzShowCheckbox [(nzChecked)]=\"mapOfCheckedId[data[selectField]]\"\n          (nzCheckedChange)=\"refreshStatus($event, data)\"></td>\n        <ng-container *ngFor=\"let col of tableCols\">\n          <td *ngIf=\"col.isShow\" [ngStyle]=\"{'max-width': col.width + 'px'}\" [nzAlign]=\"col.align\"\n            [nzLeft]=\"col.fixed === 'left' ? col.fixedWidth + 'px' : null\"\n            [nzRight]=\"col.fixed === 'right' ? 0 + 'px' : null\"\n            [ngClass]=\"(col.canWarp && showDetail) ? 'common-td-wrap' : ''\">\n            <ng-container *ngIf=\"col.title === '\u64CD\u4F5C';else notOperateTemplate\">\n              <div class=\"common-btn-group\">\n                <ng-container *ngFor=\"let btn of col.btnList\">\n                  <ng-container *ngIf=\"!btn.showConfirm;else showConfirmTemplate\">\n                    <a *ngIf=\"btn.permission ? btn.permission(data) : true\"\n                      [class]=\"btn.name === '\u5220\u9664' ? 'common-danger-btn': ''\"\n                      (click)=\"triggerEvent(btn.click || null, data)\">{{ btn.name }}</a>\n                  </ng-container>\n                  <ng-template #showConfirmTemplate>\n                    <a *ngIf=\"btn.permission ? btn.permission(data) : true\"\n                      [class]=\"btn.name === '\u5220\u9664' ? 'common-danger-btn': ''\" nz-popconfirm\n                      [nzPopconfirmTitle]=\"'\u786E\u8BA4\u8981' + btn.name + '\u5417?'\"\n                      (nzOnConfirm)=\"triggerEvent(btn.click || null, data)\">{{\n                      btn.name }}</a>\n                  </ng-template>\n                </ng-container>\n              </div>\n            </ng-container>\n            <ng-template #notOperateTemplate>\n              <ng-container *ngIf=\"col.name === 'state';else otherTemplate\">\n                <hd-status [status]=\"data['state']\">{{ judgeColEmpty(col.render ? col.render(data) : data['state'])}}\n                </hd-status>\n              </ng-container>\n              <ng-template #otherTemplate>\n                <ng-container *ngIf=\"col.click;else noClickTemplate\">\n                  <ng-container\n                    *ngIf=\"!isTextOverflow(col.render ? col.render(data) : data[col.name], col.width);else overflowTemplate\">\n                    <a [ngStyle]=\"{'color': judgeColEmpty(col.render ? col.render(data) :data[col.name]) === '<\u7A7A>' ? '#2A3634' : (col?.color ? col.color : null)}\"\n                      (click)=\"triggerEvent(col.click || null, data)\">{{ judgeColEmpty(col.render ? col.render(data) :\n                      data[col.name])}}</a>\n                  </ng-container>\n                  <ng-template #overflowTemplate>\n                    <a [ngStyle]=\"{'color': judgeColEmpty(col.render ? col.render(data) :data[col.name]) === '<\u7A7A>' ? '#2A3634' : (col?.color ? col.color : null)}\" nz-tooltip\n                      [nzTooltipTitle]=\"col.render ? col.render(data) : data[col.name]\"\n                      (click)=\"triggerEvent(col.click || null, data)\">{{ judgeColEmpty(col.render ? col.render(data) :\n                      data[col.name])}}</a>\n                  </ng-template>\n                </ng-container>\n                <ng-template #noClickTemplate>\n                  <ng-container\n                    *ngIf=\"!isTextOverflow(col.render ? col.render(data) : data[col.name], col.width);else overflowTemplate\">\n                    <span [ngStyle]=\"{'color': col?.color ? col.color : null}\">{{ judgeColEmpty(col.render ?\n                      col.render(data) :\n                      data[col.name])}}</span>\n                  </ng-container>\n                  <ng-template #overflowTemplate>\n                    <span [ngStyle]=\"{'color': col?.color ? col.color : null}\" nz-tooltip\n                      [nzTooltipTitle]=\"col.render ? col.render(data) : data[col.name]\">\n                      {{ judgeColEmpty(col.render ? col.render(data) : data[col.name])}}</span>\n                  </ng-template>\n                </ng-template>\n              </ng-template>\n            </ng-template>\n          </td>\n        </ng-container>\n      </tr>\n      <!-- \u5408\u8BA1\u6240\u6709\u6570\u636E\u533A\u57DF \u9700\u8981\u540E\u7AEF\u63A5\u53E3\u914D\u5408 -->\n      <tr *ngIf=\"showTableTotal\" class=\"hd-table-total\">\n        <td>\u5408\u8BA1</td>\n        <ng-container *ngFor=\"let tableTotalOption of tableTotalOptionList\">\n          <td>{{ tableTotalOption }}</td>\n        </ng-container>\n      </tr>\n    </tbody>\n    <ng-template #tableTotalTemplate>\n      \u5171 {{tableData.totalElements}} \u6761\u6570\u636E\n    </ng-template>\n  </nz-table>\n</ng-container>\n",
-                        styles: ["::ng-deep .common-btn-group>a{font-size:12px;font-weight:400;color:#12a34f!important;white-space:nowrap}::ng-deep .common-btn-group .common-danger-btn:hover{color:#f05b24!important}::ng-deep .common-btn-group>a:hover{color:#20bd62!important}::ng-deep .common-btn-group>a:not(:last-child)::after{content:'';margin:0 2px}::ng-deep .common-billNumber>a{color:#3b77e3}button{box-shadow:unset;text-shadow:unset;padding:0 6px!important}::ng-deep .ant-form-item-label>label{color:#4b504e}::ng-deep .ant-input-number-input{height:28px}::ng-deep .ant-input-number{height:28px}textarea.ant-input{height:auto;min-height:28px}::ng-deep .ant-select-selection--multiple{min-height:28px}::ng-deep .ant-select-selection__rendered>ul>li{height:22px!important;margin-top:3px!important;line-height:22px!important}::ng-deep .ant-advanced-search-form .ant-form-item{margin-bottom:0!important}::ng-deep .ant-select-selection--single{height:28px!important}::ng-deep .ant-input{height:28px}::ng-deep .ant-input[disabled]:hover{border-color:#d9d9d9!important}::ng-deep .ant-select-selection__rendered{line-height:28px!important}::ng-deep .ant-calendar-range-picker-input{text-align:left!important}::ng-deep .ant-calendar-picker{width:100%!important}::ng-deep .ant-row{margin-right:0!important;margin-left:0!important}::ng-deep .ant-col-6{padding-left:12px;padding-right:12px}::ng-deep .ant-col-12{padding-left:12px;padding-right:12px}::ng-deep .ant-col-18{padding-left:12px;padding-right:12px}::ng-deep .ant-col-24{padding-left:12px;padding-right:12px}::ng-deep .ant-alert-info{background-color:#f5f8f6;border:1px solid #cfe3d4}:host ::ng-deep th{background:#f5f8f6!important;font-weight:700!important;white-space:nowrap;font-size:12px;font-family:PingFangSC-Medium,PingFang SC;color:#2a3634;padding:8px!important;box-sizing:border-box}:host ::ng-deep td{font-weight:400;font-style:normal;font-size:12px;color:#2a3634;text-align:left;white-space:nowrap;padding:8px!important;box-sizing:border-box}::ng-deep .ant-pagination-options{display:inline-flex;align-items:center}::ng-deep .ant-time-picker{width:100%}.ant-input-number-disabled,.ant-input[disabled],.ant-select-disabled{color:#4b504e}.nz-resizable-preview{position:absolute;top:0;left:0;z-index:8;border:1px dashed #d1d1d1}.nz-resizable-handle{position:absolute;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:9}.nz-resizable-handle-top{width:100%;height:10px;top:-5px;left:0}.nz-resizable-handle-right{height:100%}.nz-resizable-handle-bottom{width:100%;height:10px;bottom:-5px;left:0}.nz-resizable-handle-left{width:10px;height:100%;top:0;left:-5px}.nz-resizable-handle-topRight{width:20px;height:20px;top:-5px;right:-5px;z-index:10}.nz-resizable-handle-bottomRight{width:20px;height:20px;right:-5px;bottom:-5px;z-index:10}.nz-resizable-handle-bottomLeft{width:20px;height:20px;bottom:-5px;left:-5px;z-index:10}.nz-resizable-handle-topLeft{width:20px;height:20px;top:-5px;left:-5px;z-index:10}.nz-resizable:not(.nz-resizable-resizing) .nz-resizable-handle-bottom,.nz-resizable:not(.nz-resizable-resizing) .nz-resizable-handle-top{cursor:row-resize}.nz-resizable:not(.nz-resizable-resizing) .nz-resizable-handle-left,.nz-resizable:not(.nz-resizable-resizing) .nz-resizable-handle-right{cursor:col-resize}.nz-resizable:not(.nz-resizable-resizing) .nz-resizable-handle-bottomRight,.nz-resizable:not(.nz-resizable-resizing) .nz-resizable-handle-topLeft{cursor:nwse-resize}.nz-resizable:not(.nz-resizable-resizing) .nz-resizable-handle-bottomLeft,.nz-resizable:not(.nz-resizable-resizing) .nz-resizable-handle-topRight{cursor:nesw-resize}.hd-table-container ::ng-deep .ant-pagination-options-quick-jumper input{border-radius:2px;border:1px solid #d9d9d9}.hd-table-container ::ng-deep .ant-pagination-options .ant-select-selection{border-radius:2px}.hd-table-container ::ng-deep .ant-table-thead>tr>th{border-bottom:1px solid #ecf1ed;white-space:nowrap;text-overflow:ellipsis}.hd-table-container ::ng-deep .ant-table-tbody>tr>td{border-bottom:1px solid #ecf1ed;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.hd-table-container ::ng-deep .hd-table-total>td{border:0!important}::ng-deep .ant-dropdown-menu{border-radius:0}::ng-deep .ant-dropdown{margin-top:8px!important}.common-td-wrap{white-space:normal!important;word-break:break-all}.nz-resizable-preview{border-width:0 1px 0 0}.resize-trigger{width:10px;height:15px;position:relative;top:calc((100% - 15px)/ 2)}.resize-trigger::after{position:absolute;top:calc((100% - 15px)/ 2);left:0;background:#d5d5d5;content:'';width:1px;height:15px;z-index:1}.nz-resizable-handle-right{position:absolute;width:10px;top:0;right:-5px;z-index:inherit}.hd-table-tree-node{display:inline-flex;align-items:center;padding-right:10px}.hd-table-tree-node .hd-table-tree-node-img{display:flex;flex-direction:column;position:absolute;right:0;margin-top:-2.5px}.hd-table-tree-node .hd-table-tree-node-img i{opacity:.3}.hd-table-tree-node .hd-table-tree-node-img i:last-child{margin-top:-5px}img{width:20px;height:20px}.ant-table-th-left-sticky{z-index:2}::ng-deep .ant-table-thead>tr>th .ant-table-header-column .ant-table-column-sorters>:not(.ant-table-column-sorter){position:unset}"]
+                        selector: "hd-table",
+                        template: "<ng-container>\n  <hd-button-group>\n    <ng-template #buttonGroupLeft>\n      <ng-container *ngTemplateOutlet=\"tableLeftButton\"></ng-container>\n      <hd-button *ngIf=\"showOperateColWarpButton\" type=\"default\" (click)=\"showDetail = !showDetail\">{{showDetail ?\n        '\u7F29\u7565\u663E\u793A': '\u5C55\u5F00\u663E\u793A'}}</hd-button>\n    </ng-template>\n    <ng-template #buttonGroupRight>\n      <ng-container *ngTemplateOutlet=\"tableRightButton\"></ng-container>\n      <hd-button type=\"primary\" nz-dropdown nzTrigger=\"click\" [nzDropdownMenu]=\"menu\" (clickAction)=\"confirmDropdown()\"\n        [nzVisible]=\"isDropdownVisible\">\u8BBE\u7F6E\u5217</hd-button>\n      <nz-dropdown-menu #menu=\"nzDropdownMenu\">\n        <div style=\"max-height: 400px;overflow-y: scroll;\">\n          <div *ngIf=\"showListNodes && nowListNodes.length > 0\" nz-menu style=\"padding: 5px 10px;\">\n            <nz-tree *ngIf=\"showListNodes\" [nzData]=\"nowListNodes\" nzCheckable nzDraggable nzBlockNode\n              nzShowExpand=\"false\" (nzCheckBoxChange)=\"checkAction($event)\" [nzBeforeDrop]=\"beforeDrop\"\n              [nzTreeTemplate]=\"nzTreeTemplate\">\n            </nz-tree>\n            <ng-template #nzTreeTemplate let-node>\n              <span\n                class=\"ng-tns-c31-110 draggable ng-star-inserted ant-tree-node-content-wrapper ant-tree-node-content-wrapper-close\"\n                [title]=\"node.key\" draggable=\"true\" aria-grabbed=\"true\">\n                <span class=\"ant-tree-title\">\n                  <div class=\"hd-table-tree-node\">\n                    <span>{{node.key}}</span>\n                    <div *ngIf=\"!node.origin.disabled\" class=\"hd-table-tree-node-img\">\n                      <i nz-icon nzType=\"caret-up\" nzTheme=\"outline\"></i>\n                      <i nz-icon nzType=\"caret-down\" nzTheme=\"outline\"></i>\n                    </div>\n                  </div>\n                </span>\n              </span>\n            </ng-template>\n          </div>\n          <div *ngIf=\"showListNodes && hideListNodes.length > 0\" nz-menu style=\"padding: 5px 10px;\">\n            <nz-tree *ngIf=\"showListNodes\" [nzData]=\"hideListNodes\" nzCheckable nzShowExpand=\"false\"\n              (nzCheckBoxChange)=\"checkAction($event)\">\n            </nz-tree>\n          </div>\n        </div>\n        <div style=\"text-align: right;background: #fff;padding: 4px;\">\n          <hd-button style=\"margin-right: 4px;\" type=\"default\" size=\"small\" (clickAction)=\"cancelDropdown()\">\u53D6\u6D88\n          </hd-button>\n          <hd-button type=\"primary\" size=\"small\" (clickAction)=\"submitGrids()\">\u5B8C\u6210</hd-button>\n        </div>\n      </nz-dropdown-menu>\n    </ng-template>\n  </hd-button-group>\n  <hd-space type=\"row\" size=\"12\"></hd-space>\n  <ng-container *ngTemplateOutlet=\"tableTotal\"></ng-container>\n  <hd-space *ngIf=\"tableTotal\" type=\"row\" size=\"12\"></hd-space>\n  <nz-table *ngIf=\"showTable\" #hdTable class=\"hd-table-container\" [nzScroll]=\"scroll\" nzShowSizeChanger\n    nzShowSizeChanger nzShowQuickJumper nzFrontPagination=\"false\" nzSize=\"middle\" [nzData]=\"tableData.content\"\n    [nzTotal]=\"tableData.totalElements\" [(nzPageIndex)]=\"tablePageIndex\" [nzLoading]=\"tableLoading\"\n    [nzPageSizeOptions]=\"[ 10, 50, 100, 200 ]\" [(nzPageSize)]=\"tablePageSize\" (nzPageSizeChange)=\"search(true)\"\n    (nzPageIndexChange)=\"search(false)\" (nzCurrentPageDataChange)=\"showSelected ? currentPageDataChange($event) : null\"\n    [nzShowTotal]=\"tableTotalTemplate\">\n    <thead (nzSortChange)=\"sort($event)\" nzSingleSort>\n      <tr>\n        <th nzWidth=\"40px\" nzLeft=\"0px\" *ngIf=\"showSelected\" nzShowCheckbox [(nzChecked)]=\"isAllDisplayDataChecked\"\n          [nzIndeterminate]=\"isIndeterminate\" (nzCheckedChange)=\"checkAll($event)\"></th>\n        <ng-container *ngFor=\"let col of tableCols\">\n          <th *ngIf=\"col.isShow\" [nzWidth]=\"col.width + 'px'\" [nzAlign]=\"col.align\"\n            [nzLeft]=\"col.fixed === 'left' ? col.fixedWidth + 'px' : null\"\n            [nzRight]=\"col.fixed === 'right' ? 0  + 'px' : null\" nz-resizable nzBounds=\"window\" nzPreview\n            (nzResizeEnd)=\"onResize($event, col)\" [nzShowSort]=\"col.canSort\" [nzSortKey]=\"col.name\">\n            {{ col.title }}\n            <nz-resize-handle nzDirection=\"right\">\n              <div class=\"resize-trigger\"></div>\n            </nz-resize-handle>\n          </th>\n        </ng-container>\n      </tr>\n    </thead>\n    <tbody>\n      <tr *ngFor=\"let data of hdTable.data;index as i\">\n        <td nzLeft=\"0px\" *ngIf=\"showSelected\" nzShowCheckbox [(nzChecked)]=\"mapOfCheckedId[data[selectField]]\"\n          (nzCheckedChange)=\"refreshStatus($event, data)\"></td>\n        <ng-container *ngFor=\"let col of tableCols\">\n          <td *ngIf=\"col.isShow\" [ngStyle]=\"{'max-width': col.width + 'px'}\" [nzAlign]=\"col.align\"\n            [nzLeft]=\"col.fixed === 'left' ? col.fixedWidth + 'px' : null\"\n            [nzRight]=\"col.fixed === 'right' ? 0 + 'px' : null\"\n            [ngClass]=\"(col.canWarp && showDetail) ? 'common-td-wrap' : ''\">\n            <ng-container *ngIf=\"col.title === '\u64CD\u4F5C';else notOperateTemplate\">\n              <div class=\"common-btn-group\">\n                <ng-container *ngFor=\"let btn of col.btnList\">\n                  <ng-container *ngIf=\"!needShowConfirm(btn, data);else showConfirmTemplate\">\n                    <a *ngIf=\"btn.permission ? btn.permission(data) : true\"\n                      [class]=\"btn.name === '\u5220\u9664' ? 'common-danger-btn': ''\"\n                      (click)=\"triggerEvent(btn.click || null, data)\">{{ btn.name }}</a>\n                  </ng-container>\n                  <ng-template #showConfirmTemplate>\n                    <a *ngIf=\"btn.permission ? btn.permission(data) : true\"\n                      [class]=\"btn.name === '\u5220\u9664' ? 'common-danger-btn': ''\" nz-popconfirm\n                      [nzPopconfirmTitle]=\"'\u786E\u8BA4\u8981' + btn.name + '\u5417?'\"\n                      (nzOnConfirm)=\"triggerEvent(btn.click || null, data)\">{{\n                      btn.name }}</a>\n                  </ng-template>\n                </ng-container>\n              </div>\n            </ng-container>\n            <ng-template #notOperateTemplate>\n              <ng-container *ngIf=\"col.name === 'state' || col.isState;else otherTemplate\">\n                <hd-status [status]=\"data[getStateField(col)]\">{{ judgeColEmpty(col.render ? col.render(data) : data[getStateField(col)])}}\n                </hd-status>\n              </ng-container>\n              <ng-template #otherTemplate>\n                <ng-container *ngIf=\"col.click;else noClickTemplate\">\n                  <ng-container\n                    *ngIf=\"!isTextOverflow(col.render ? col.render(data) : data[col.name], col.width);else overflowTemplate\">\n                    <a [ngStyle]=\"{'color': judgeColEmpty(col.render ? col.render(data) :data[col.name]) === '<\u7A7A>' ? '#2A3634' : (col?.color ? col.color : null)}\"\n                      (click)=\"triggerEvent(col.click || null, data)\">{{ judgeColEmpty(col.render ? col.render(data) :\n                      data[col.name])}}</a>\n                  </ng-container>\n                  <ng-template #overflowTemplate>\n                    <a [ngStyle]=\"{'color': judgeColEmpty(col.render ? col.render(data) :data[col.name]) === '<\u7A7A>' ? '#2A3634' : (col?.color ? col.color : null)}\" nz-tooltip\n                      [nzTooltipTitle]=\"col.render ? col.render(data) : data[col.name]\"\n                      (click)=\"triggerEvent(col.click || null, data)\">{{ judgeColEmpty(col.render ? col.render(data) :\n                      data[col.name])}}</a>\n                  </ng-template>\n                </ng-container>\n                <ng-template #noClickTemplate>\n                  <ng-container\n                    *ngIf=\"!isTextOverflow(col.render ? col.render(data) : data[col.name], col.width);else overflowTemplate\">\n                    <span [ngStyle]=\"{'color': col?.color ? col.color : null}\">{{ judgeColEmpty(col.render ?\n                      col.render(data) :\n                      data[col.name])}}</span>\n                  </ng-container>\n                  <ng-template #overflowTemplate>\n                    <span [ngStyle]=\"{'color': col?.color ? col.color : null}\" nz-tooltip\n                      [nzTooltipTitle]=\"col.render ? col.render(data) : data[col.name]\">\n                      {{ judgeColEmpty(col.render ? col.render(data) : data[col.name])}}</span>\n                  </ng-template>\n                </ng-template>\n              </ng-template>\n            </ng-template>\n          </td>\n        </ng-container>\n      </tr>\n      <!-- \u5408\u8BA1\u6240\u6709\u6570\u636E\u533A\u57DF \u9700\u8981\u540E\u7AEF\u63A5\u53E3\u914D\u5408 -->\n      <tr *ngIf=\"showTableTotal\" class=\"hd-table-total\">\n        <td>\u5408\u8BA1</td>\n        <ng-container *ngFor=\"let tableTotalOption of tableTotalOptionList\">\n          <td>{{ tableTotalOption }}</td>\n        </ng-container>\n      </tr>\n    </tbody>\n    <ng-template #tableTotalTemplate>\n      \u5171 {{tableData.totalElements}} \u6761\u6570\u636E\n    </ng-template>\n  </nz-table>\n</ng-container>\n",
+                        styles: ["::ng-deep .common-btn-group>a{font-size:14px;font-weight:400;color:#20b95d!important;white-space:nowrap}::ng-deep .common-btn-group .common-danger-btn:hover{color:#f05b24!important}::ng-deep .common-btn-group>a:hover{color:#20bd62!important}::ng-deep .common-btn-group>a:not(:last-child)::after{content:'';margin:0 2px}::ng-deep .common-billNumber>a{color:#3b77e3}button{box-shadow:unset;text-shadow:unset;padding:0 6px!important}::ng-deep .ant-form-item-label>label{color:#4b504e;font-size:14px}::ng-deep .ant-input-number-input{height:32px}::ng-deep .ant-input-number{height:32px}textarea.ant-input{height:auto;min-height:32px}::ng-deep .ant-select-selection--multiple{min-height:32px}::ng-deep .ant-select-selection__rendered>ul>li{height:26px!important;margin-top:3px!important;line-height:26px!important}::ng-deep .ant-advanced-search-form .ant-form-item{margin-bottom:0!important}::ng-deep .ant-select-selection--single{height:32px!important}::ng-deep .ant-input{height:32px}::ng-deep .ant-input[disabled]:hover{border-color:#d9d9d9!important}::ng-deep .ant-select-selection__rendered{line-height:32px!important}::ng-deep .ant-calendar-range-picker-input{text-align:left!important}::ng-deep .ant-calendar-picker{width:100%!important}::ng-deep .ant-row{margin-right:0!important;margin-left:0!important}::ng-deep .ant-col-6{padding-left:12px;padding-right:12px}::ng-deep .ant-col-12{padding-left:12px;padding-right:12px}::ng-deep .ant-col-18{padding-left:12px;padding-right:12px}::ng-deep .ant-col-24{padding-left:12px;padding-right:12px}::ng-deep .ant-alert-info{background-color:#f5f8f6;border:1px solid #cfe3d4}:host ::ng-deep th{background:#f5f8f6!important;font-weight:700!important;white-space:nowrap;font-size:14px;font-family:PingFangSC-Medium,PingFang SC;color:#2a3634;padding:8px!important;box-sizing:border-box}:host ::ng-deep td{font-weight:400;font-style:normal;font-size:14px;color:#2a3634;text-align:left;white-space:nowrap;padding:8px!important;box-sizing:border-box}::ng-deep .ant-pagination-options{display:inline-flex;align-items:center}::ng-deep .ant-time-picker{width:100%}.ant-input-number-disabled,.ant-input[disabled],.ant-select-disabled{color:#4b504e}.nz-resizable-preview{position:absolute;top:0;left:0;z-index:8;border:1px dashed #d1d1d1}.nz-resizable-handle{position:absolute;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:9}.nz-resizable-handle-top{width:100%;height:10px;top:-5px;left:0}.nz-resizable-handle-right{height:100%}.nz-resizable-handle-bottom{width:100%;height:10px;bottom:-5px;left:0}.nz-resizable-handle-left{width:10px;height:100%;top:0;left:-5px}.nz-resizable-handle-topRight{width:20px;height:20px;top:-5px;right:-5px;z-index:10}.nz-resizable-handle-bottomRight{width:20px;height:20px;right:-5px;bottom:-5px;z-index:10}.nz-resizable-handle-bottomLeft{width:20px;height:20px;bottom:-5px;left:-5px;z-index:10}.nz-resizable-handle-topLeft{width:20px;height:20px;top:-5px;left:-5px;z-index:10}.nz-resizable:not(.nz-resizable-resizing) .nz-resizable-handle-bottom,.nz-resizable:not(.nz-resizable-resizing) .nz-resizable-handle-top{cursor:row-resize}.nz-resizable:not(.nz-resizable-resizing) .nz-resizable-handle-left,.nz-resizable:not(.nz-resizable-resizing) .nz-resizable-handle-right{cursor:col-resize}.nz-resizable:not(.nz-resizable-resizing) .nz-resizable-handle-bottomRight,.nz-resizable:not(.nz-resizable-resizing) .nz-resizable-handle-topLeft{cursor:nwse-resize}.nz-resizable:not(.nz-resizable-resizing) .nz-resizable-handle-bottomLeft,.nz-resizable:not(.nz-resizable-resizing) .nz-resizable-handle-topRight{cursor:nesw-resize}.hd-table-container ::ng-deep .ant-pagination-options-quick-jumper input{border-radius:2px;border:1px solid #d9d9d9}.hd-table-container ::ng-deep .ant-pagination-options .ant-select-selection{border-radius:2px}.hd-table-container ::ng-deep .ant-table-thead>tr>th{border-bottom:1px solid #ecf1ed;white-space:nowrap;text-overflow:ellipsis}.hd-table-container ::ng-deep .ant-table-tbody>tr>td{border-bottom:1px solid #ecf1ed;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.hd-table-container ::ng-deep .hd-table-total>td{border:0!important}::ng-deep .ant-dropdown-menu{border-radius:0}::ng-deep .ant-dropdown{margin-top:8px!important}.common-td-wrap{white-space:normal!important;word-break:break-all}.nz-resizable-preview{border-width:0 1px 0 0}.resize-trigger{width:10px;height:15px;position:relative;top:calc((100% - 15px)/ 2)}.resize-trigger::after{position:absolute;top:calc((100% - 15px)/ 2);left:0;background:#d5d5d5;content:'';width:1px;height:15px;z-index:1}.nz-resizable-handle-right{position:absolute;width:10px;top:0;right:-5px;z-index:inherit}.hd-table-tree-node{display:inline-flex;align-items:center;padding-right:10px}.hd-table-tree-node .hd-table-tree-node-img{display:flex;flex-direction:column;position:absolute;right:0;margin-top:-2.5px}.hd-table-tree-node .hd-table-tree-node-img i{opacity:.3}.hd-table-tree-node .hd-table-tree-node-img i:last-child{margin-top:-5px}img{width:20px;height:20px}.ant-table-th-left-sticky{z-index:2}::ng-deep .ant-table-thead>tr>th .ant-table-header-column .ant-table-column-sorters>:not(.ant-table-column-sorter){position:unset}"]
                     }] }
         ];
         /** @nocollapse */
@@ -5768,8 +7043,11 @@
             tableLoading: [{ type: core.Input }],
             tablePageIndex: [{ type: core.Input }],
             tablePageSize: [{ type: core.Input }],
+            isFirstEntrySearch: [{ type: core.Input }],
+            isCrossPageSelect: [{ type: core.Input }],
             tablePageIndexChange: [{ type: core.Output }],
             tablePageSizeChange: [{ type: core.Output }],
+            tablePageSizeChangeEvent: [{ type: core.Output }],
             tableTotal: [{ type: core.ContentChild, args: ["tableTotal", { static: false },] }],
             tableLeftButton: [{ type: core.ContentChild, args: ["tableLeftButton", { static: false },] }],
             tableRightButton: [{ type: core.ContentChild, args: ["tableRightButton", { static: false },] }]
@@ -5818,10 +7096,16 @@
         /** @type {?} */
         HdTableComponent.prototype.tablePageSize;
         /** @type {?} */
+        HdTableComponent.prototype.isFirstEntrySearch;
+        /** @type {?} */
+        HdTableComponent.prototype.isCrossPageSelect;
+        /** @type {?} */
         HdTableComponent.prototype.tablePageIndexChange;
         /** @type {?} */
         HdTableComponent.prototype.tablePageSizeChange;
         /** @type {?} */
+        HdTableComponent.prototype.tablePageSizeChangeEvent;
+        /** @type {?} */
         HdTableComponent.prototype.tableTotal;
         /** @type {?} */
         HdTableComponent.prototype.tableLeftButton;
@@ -5881,6 +7165,10 @@
         /** @type {?} */
         HdTableComponent.prototype.localtionTmp;
         /** @type {?} */
+        HdTableComponent.prototype.isFirstEntrySearchLocal;
+        /** @type {?} */
+        HdTableComponent.prototype.isCrossPageSelectLocal;
+        /** @type {?} */
         HdTableComponent.prototype.beforeDrop;
         /**
          * @type {?}
@@ -5945,8 +7233,8 @@
         HdTipComponent.decorators = [
             { type: core.Component, args: [{
                         selector: 'hd-tip',
-                        template: "<nz-content>\n  <div *ngIf=\"showIcon; else noIcon\" class=\"hd-tip\" [ngStyle]=\"{'font-size': fontSize + 'px'}\">\n    {{title}}\n  </div>\n  <ng-template #noIcon>\n    <div [ngStyle]=\"{'font-size': fontSize + 'px', 'font-weight': 500, 'color': '#2A3634'}\">\n      {{title}}\n    </div>\n  </ng-template>\n</nz-content>\n",
-                        styles: ["::ng-deep .common-btn-group>a{font-size:12px;font-weight:400;color:#12a34f!important;white-space:nowrap}::ng-deep .common-btn-group .common-danger-btn:hover{color:#f05b24!important}::ng-deep .common-btn-group>a:hover{color:#20bd62!important}::ng-deep .common-btn-group>a:not(:last-child)::after{content:'';margin:0 2px}::ng-deep .common-billNumber>a{color:#3b77e3}button{box-shadow:unset;text-shadow:unset}::ng-deep .ant-form-item-label>label{color:#4b504e}::ng-deep .ant-input-number-input{height:28px}::ng-deep .ant-input-number{height:28px}textarea.ant-input{height:auto;min-height:28px}::ng-deep .ant-select-selection--multiple{min-height:28px}::ng-deep .ant-select-selection__rendered>ul>li{height:22px!important;margin-top:3px!important;line-height:22px!important}::ng-deep .ant-advanced-search-form .ant-form-item{margin-bottom:0!important}::ng-deep .ant-select-selection--single{height:28px!important}::ng-deep .ant-input{height:28px}::ng-deep .ant-input[disabled]:hover{border-color:#d9d9d9!important}::ng-deep .ant-select-selection__rendered{line-height:28px!important}::ng-deep .ant-calendar-range-picker-input{text-align:left!important}::ng-deep .ant-calendar-picker{width:100%!important}::ng-deep .ant-row{margin-right:0!important;margin-left:0!important}::ng-deep .ant-col-6{padding-left:12px;padding-right:12px}::ng-deep .ant-col-12{padding-left:12px;padding-right:12px}::ng-deep .ant-col-18{padding-left:12px;padding-right:12px}::ng-deep .ant-col-24{padding-left:12px;padding-right:12px}::ng-deep .ant-alert-info{background-color:#f5f8f6;border:1px solid #cfe3d4}:host ::ng-deep th{background:#f5f8f6!important;font-weight:700!important;white-space:nowrap;font-size:12px;font-family:PingFangSC-Medium,PingFang SC;color:#2a3634;padding:8px!important;box-sizing:border-box}:host ::ng-deep td{font-weight:400;font-style:normal;font-size:12px;color:#2a3634;text-align:left;white-space:nowrap;padding:8px!important;box-sizing:border-box}::ng-deep .ant-pagination-options{display:inline-flex;align-items:center}::ng-deep .ant-time-picker{width:100%}.ant-input-number-disabled,.ant-input[disabled],.ant-select-disabled{color:#4b504e}.hd-tip{display:flex;position:relative;font-weight:500;color:#2a3634;padding-left:8px;line-height:22px}.hd-tip::before{position:absolute;left:0;top:calc((100% - 12px)/ 2);width:4px;height:12px;background:#12a34f;border-radius:2px;content:''}"]
+                        template: "<nz-content>\n  <div *ngIf=\"showIcon; else noIcon\" class=\"hd-tip\" [ngStyle]=\"fontSize ? {'font-size': fontSize + 'px'} : null\">\n    {{title}}\n  </div>\n  <ng-template #noIcon>\n    <div class=\"hd-tip-no-icon\" [ngStyle]=\"fontSize ? {'font-size': fontSize + 'px'} : null\">\n      {{title}}\n    </div>\n  </ng-template>\n</nz-content>\n",
+                        styles: ["::ng-deep .common-btn-group>a{font-size:14px;font-weight:400;color:#20b95d!important;white-space:nowrap}::ng-deep .common-btn-group .common-danger-btn:hover{color:#f05b24!important}::ng-deep .common-btn-group>a:hover{color:#20bd62!important}::ng-deep .common-btn-group>a:not(:last-child)::after{content:'';margin:0 2px}::ng-deep .common-billNumber>a{color:#3b77e3}button{box-shadow:unset;text-shadow:unset}::ng-deep .ant-form-item-label>label{color:#4b504e;font-size:14px}::ng-deep .ant-input-number-input{height:32px}::ng-deep .ant-input-number{height:32px}textarea.ant-input{height:auto;min-height:32px}::ng-deep .ant-select-selection--multiple{min-height:32px}::ng-deep .ant-select-selection__rendered>ul>li{height:26px!important;margin-top:3px!important;line-height:26px!important}::ng-deep .ant-advanced-search-form .ant-form-item{margin-bottom:0!important}::ng-deep .ant-select-selection--single{height:32px!important}::ng-deep .ant-input{height:32px}::ng-deep .ant-input[disabled]:hover{border-color:#d9d9d9!important}::ng-deep .ant-select-selection__rendered{line-height:32px!important}::ng-deep .ant-calendar-range-picker-input{text-align:left!important}::ng-deep .ant-calendar-picker{width:100%!important}::ng-deep .ant-row{margin-right:0!important;margin-left:0!important}::ng-deep .ant-col-6{padding-left:12px;padding-right:12px}::ng-deep .ant-col-12{padding-left:12px;padding-right:12px}::ng-deep .ant-col-18{padding-left:12px;padding-right:12px}::ng-deep .ant-col-24{padding-left:12px;padding-right:12px}::ng-deep .ant-alert-info{background-color:#f5f8f6;border:1px solid #cfe3d4}:host ::ng-deep th{background:#f5f8f6!important;font-weight:700!important;white-space:nowrap;font-size:14px;font-family:PingFangSC-Medium,PingFang SC;color:#2a3634;padding:8px!important;box-sizing:border-box}:host ::ng-deep td{font-weight:400;font-style:normal;font-size:14px;color:#2a3634;text-align:left;white-space:nowrap;padding:8px!important;box-sizing:border-box}::ng-deep .ant-pagination-options{display:inline-flex;align-items:center}::ng-deep .ant-time-picker{width:100%}.ant-input-number-disabled,.ant-input[disabled],.ant-select-disabled{color:#4b504e}.hd-tip{display:flex;position:relative;font-size:14px;font-weight:600;color:#2a3634;padding-left:8px;line-height:22px}.hd-tip-no-icon{font-size:14px;font-weight:600;color:#2a3634}.hd-tip::before{position:absolute;left:0;top:calc((100% - 14px)/ 2);width:4px;height:14px;background:#20b95d;border-radius:2px;content:''}"]
                     }] }
         ];
         /** @nocollapse */
@@ -5978,7 +7266,7 @@
             { type: core.NgModule, args: [{
                         imports: [
                             common.CommonModule,
-                            layout.NzLayoutModule
+                            ngZorroAntd.NgZorroAntdModule
                         ],
                         exports: [HdTipComponent],
                         declarations: [HdTipComponent]
@@ -6001,6 +7289,7 @@
                             HdButtonGroupModule,
                             HdDetailFormModule,
                             HdDetailLinesModule,
+                            HdDetailLinesPageModule,
                             HdDetailTipModule,
                             HdFilterModule,
                             HdFormModule,
@@ -6170,6 +7459,10 @@
         Filter.prototype.require;
         /** @type {?} */
         Filter.prototype.cascaderOption;
+        /** @type {?} */
+        Filter.prototype.onChangeEventDebounceTime;
+        /** @type {?} */
+        Filter.prototype.onSearchEventEventDebounceTime;
     }
     /** @enum {number} */
     var FilterListType = {
@@ -6205,146 +7498,6 @@
         return HdFilterService;
     }());
 
-    /**
-     * @fileoverview added by tsickle
-     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
-     */
-    // 控件列表
-    var   
-    // 控件列表
-    FormItem = /** @class */ (function () {
-        function FormItem() {
-            // 字段名称
-            this.require = false; // 是否必填
-            // 输入框提示文案
-            this.width = 1; // 占据的列数。默认1
-            // 占据的列数。默认1
-            this.hide = false; // 是否为隐藏字段，仅用于填充表单的字段，不显示在页面上
-            // 是否为隐藏字段，仅用于填充表单的字段，不显示在页面上
-            this.totalWidth = 0;
-            this.isRowFirst = 0; // 是否是一行的第一个元素
-            // 当前行的所有列的items
-            this.value = null; // 值 不传默认为null
-            // 控件为Select时，选项列表
-            this.inputNumber = new InputNumber(); // number组件的min、max、step
-            // textArea的行数
-            this.showTime = false; // 日期选择器是否包含时间
-        }
-        return FormItem;
-    }());
-    if (false) {
-        /** @type {?} */
-        FormItem.prototype.type;
-        /** @type {?} */
-        FormItem.prototype.label;
-        /** @type {?} */
-        FormItem.prototype.name;
-        /** @type {?} */
-        FormItem.prototype.require;
-        /** @type {?} */
-        FormItem.prototype.placeholder;
-        /** @type {?} */
-        FormItem.prototype.width;
-        /** @type {?} */
-        FormItem.prototype.hide;
-        /** @type {?} */
-        FormItem.prototype.totalWidth;
-        /** @type {?} */
-        FormItem.prototype.isRowFirst;
-        /** @type {?} */
-        FormItem.prototype.columnItems;
-        /** @type {?} */
-        FormItem.prototype.value;
-        /** @type {?} */
-        FormItem.prototype.disabled;
-        /** @type {?} */
-        FormItem.prototype.color;
-        /** @type {?} */
-        FormItem.prototype.maxLength;
-        /** @type {?} */
-        FormItem.prototype.selectOption;
-        /** @type {?} */
-        FormItem.prototype.inputNumber;
-        /** @type {?} */
-        FormItem.prototype.onChangeEvent;
-        /** @type {?} */
-        FormItem.prototype.onSearchEvent;
-        /** @type {?} */
-        FormItem.prototype.defaultLabel;
-        /** @type {?} */
-        FormItem.prototype.hdDisabledDate;
-        /** @type {?} */
-        FormItem.prototype.explain;
-        /** @type {?} */
-        FormItem.prototype.textAreaRows;
-        /** @type {?} */
-        FormItem.prototype.showTime;
-        /** @type {?} */
-        FormItem.prototype.labelColor;
-        /** @type {?} */
-        FormItem.prototype.validatorKeys;
-        /** @type {?} */
-        FormItem.prototype.validator;
-        /** @type {?} */
-        FormItem.prototype.onChangeEventDebounceTime;
-        /** @type {?} */
-        FormItem.prototype.onSearchEventEventDebounceTime;
-        /** @type {?} */
-        FormItem.prototype.cascaderOption;
-        /** @type {?} */
-        FormItem.prototype.format;
-    }
-    var ValidatorKey = /** @class */ (function () {
-        function ValidatorKey() {
-        }
-        return ValidatorKey;
-    }());
-    if (false) {
-        /** @type {?} */
-        ValidatorKey.prototype.key;
-        /** @type {?} */
-        ValidatorKey.prototype.label;
-    }
-    /** @enum {number} */
-    var FormListType = {
-        Input: 0,
-        Select: 1,
-        Date: 2,
-        DateRange: 3,
-        TextArea: 4,
-        InputNumber: 5,
-        MultipleSelect: 6,
-        ViewDom: 7,
-        Switch: 8,
-        Time: 9,
-        Cascader: 10 // 级联选择器
-        ,
-    };
-    FormListType[FormListType.Input] = 'Input';
-    FormListType[FormListType.Select] = 'Select';
-    FormListType[FormListType.Date] = 'Date';
-    FormListType[FormListType.DateRange] = 'DateRange';
-    FormListType[FormListType.TextArea] = 'TextArea';
-    FormListType[FormListType.InputNumber] = 'InputNumber';
-    FormListType[FormListType.MultipleSelect] = 'MultipleSelect';
-    FormListType[FormListType.ViewDom] = 'ViewDom';
-    FormListType[FormListType.Switch] = 'Switch';
-    FormListType[FormListType.Time] = 'Time';
-    FormListType[FormListType.Cascader] = 'Cascader';
-    var HdFormService = /** @class */ (function () {
-        function HdFormService() {
-        }
-        HdFormService.decorators = [
-            { type: core.Injectable, args: [{
-                        providedIn: 'root'
-                    },] }
-        ];
-        /** @nocollapse */
-        HdFormService.ctorParameters = function () { return []; };
-        /** @nocollapse */ HdFormService.ngInjectableDef = core.ɵɵdefineInjectable({ factory: function HdFormService_Factory() { return new HdFormService(); }, token: HdFormService, providedIn: "root" });
-        return HdFormService;
-    }());
-
     /**
      * @fileoverview added by tsickle
      * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
@@ -6661,6 +7814,7 @@
     exports.ButtonSize = ButtonSize;
     exports.ButtonType = ButtonType;
     exports.CascaderOption = CascaderOption;
+    exports.CheckboxOption = CheckboxOption;
     exports.ColWidth = ColWidth;
     exports.ColorOption = ColorOption;
     exports.ExplainOption = ExplainOption;
@@ -6685,6 +7839,7 @@
     exports.InputNumber = InputNumber;
     exports.OperateBtn = OperateBtn;
     exports.Page = Page;
+    exports.RadioOption = RadioOption;
     exports.SelectOption = SelectOption;
     exports.SelectOptionTableColumn = SelectOptionTableColumn;
     exports.SelectOptionTableColumnIcon = SelectOptionTableColumnIcon;
@@ -6698,34 +7853,36 @@
     exports.ValidatorKey = ValidatorKey;
     exports.ɵa = HdComponentModule;
     exports.ɵb = HdButtonModule;
-    exports.ɵba = HdTipComponent;
-    exports.ɵbb = HdPopconfirmModule;
-    exports.ɵbc = HdPopconfirmComponent;
-    exports.ɵbd = HdLogModule;
+    exports.ɵba = CommonSessionService;
+    exports.ɵbb = HdTipModule;
+    exports.ɵbc = HdTipComponent;
+    exports.ɵbd = HdPopconfirmModule;
+    exports.ɵbe = HdPopconfirmComponent;
+    exports.ɵbf = HdLogModule;
     exports.ɵc = HdButtonComponent;
     exports.ɵd = HdButtonGroupModule;
     exports.ɵe = HdButtonGroupComponent;
     exports.ɵf = HdDetailFormModule;
     exports.ɵg = HdDetailFormComponent;
     exports.ɵh = HdDetailLinesModule;
-    exports.ɵi = HdDetailLinesComponent;
-    exports.ɵj = HdDetailTipModule;
-    exports.ɵk = HdDetailTipComponent;
-    exports.ɵl = HdFilterModule;
-    exports.ɵm = HdFilterComponent;
-    exports.ɵn = HdFormModule;
-    exports.ɵo = HdFormComponent;
-    exports.ɵp = HdFormLinesModule;
-    exports.ɵq = HdSpaceModule;
-    exports.ɵr = HdSpaceComponent;
-    exports.ɵs = HdFormLinesComponent;
-    exports.ɵt = HdStatusModule;
-    exports.ɵu = HdStatusComponent;
-    exports.ɵv = HdCurrentTableModule;
-    exports.ɵw = HdTableModule;
-    exports.ɵx = HdTableComponent;
-    exports.ɵy = CommonSessionService;
-    exports.ɵz = HdTipModule;
+    exports.ɵi = HdSpaceModule;
+    exports.ɵj = HdSpaceComponent;
+    exports.ɵk = HdDetailLinesComponent;
+    exports.ɵl = HdDetailLinesPageModule;
+    exports.ɵm = HdDetailLinesPageComponent;
+    exports.ɵn = HdDetailTipModule;
+    exports.ɵo = HdDetailTipComponent;
+    exports.ɵp = HdFilterModule;
+    exports.ɵq = HdFilterComponent;
+    exports.ɵr = HdFormModule;
+    exports.ɵs = HdFormComponent;
+    exports.ɵt = HdFormLinesModule;
+    exports.ɵu = HdFormLinesComponent;
+    exports.ɵv = HdStatusModule;
+    exports.ɵw = HdStatusComponent;
+    exports.ɵx = HdCurrentTableModule;
+    exports.ɵy = HdTableModule;
+    exports.ɵz = HdTableComponent;
 
     Object.defineProperty(exports, '__esModule', { value: true });