fantasy-ngzorro 1.0.57 → 1.0.59

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('ng-zorro-antd'), require('@angular/forms'), require('ng-zorro-antd/core'), require('lodash'), require('@angular/cdk/drag-drop'), require('ng-zorro-antd/table'), require('ng-zorro-antd/modal')) :
-    typeof define === 'function' && define.amd ? define('fantasy-ngzorro', ['exports', '@angular/core', '@angular/common', 'ng-zorro-antd', '@angular/forms', 'ng-zorro-antd/core', 'lodash', '@angular/cdk/drag-drop', 'ng-zorro-antd/table', 'ng-zorro-antd/modal'], factory) :
-    (global = global || self, factory(global['fantasy-ngzorro'] = {}, global.ng.core, global.ng.common, global.ngZorroAntd, global.ng.forms, global.core$1, global.lodash, global.ng.cdk['drag-drop'], global.table, global.modal));
-}(this, (function (exports, core, common, ngZorroAntd, forms, core$1, lodash, dragDrop, table, modal) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/forms'), require('ng-zorro-antd'), require('ng-zorro-antd/core'), require('lodash'), require('@angular/cdk/drag-drop'), require('ng-zorro-antd/table'), require('ng-zorro-antd/modal'), require('ng-zorro-antd/dropdown'), require('ng-zorro-antd/popconfirm'), require('ng-zorro-antd/resizable'), require('ng-zorro-antd/tooltip'), require('ng-zorro-antd/tree'), require('localforage'), require('rxjs'), require('rxjs/operators')) :
+    typeof define === 'function' && define.amd ? define('fantasy-ngzorro', ['exports', '@angular/core', '@angular/common', '@angular/forms', 'ng-zorro-antd', 'ng-zorro-antd/core', 'lodash', '@angular/cdk/drag-drop', 'ng-zorro-antd/table', 'ng-zorro-antd/modal', 'ng-zorro-antd/dropdown', 'ng-zorro-antd/popconfirm', 'ng-zorro-antd/resizable', 'ng-zorro-antd/tooltip', 'ng-zorro-antd/tree', 'localforage', 'rxjs', 'rxjs/operators'], factory) :
+    (global = global || self, factory(global['fantasy-ngzorro'] = {}, global.ng.core, global.ng.common, global.ng.forms, global.ngZorroAntd, global.core$1, global.lodash, global.ng.cdk['drag-drop'], global.table, global.modal, global.dropdown, global.popconfirm, global.resizable, global.tooltip, global.tree, global.localforage, global.rxjs, global.rxjs.operators));
+}(this, (function (exports, core, common, forms, ngZorroAntd, core$1, lodash, dragDrop, table, modal, dropdown, popconfirm, resizable, tooltip, tree, localforage, rxjs, operators) { 'use strict';
 
     /*! *****************************************************************************
     Copyright (c) Microsoft Corporation.
@@ -223,6 +223,64 @@
         return value;
     }
 
+    /**
+     * @fileoverview added by tsickle
+     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     */
+    var HdButtonGroupComponent = /** @class */ (function () {
+        function HdButtonGroupComponent() {
+        }
+        /**
+         * @return {?}
+         */
+        HdButtonGroupComponent.prototype.ngOnInit = /**
+         * @return {?}
+         */
+        function () {
+        };
+        HdButtonGroupComponent.decorators = [
+            { 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%}.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 */
+        HdButtonGroupComponent.ctorParameters = function () { return []; };
+        HdButtonGroupComponent.propDecorators = {
+            buttonGroupLeft: [{ type: core.ContentChild, args: ["buttonGroupLeft", { static: false },] }],
+            buttonGroupRight: [{ type: core.ContentChild, args: ["buttonGroupRight", { static: false },] }]
+        };
+        return HdButtonGroupComponent;
+    }());
+    if (false) {
+        /** @type {?} */
+        HdButtonGroupComponent.prototype.buttonGroupLeft;
+        /** @type {?} */
+        HdButtonGroupComponent.prototype.buttonGroupRight;
+    }
+
+    /**
+     * @fileoverview added by tsickle
+     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     */
+    var HdButtonGroupModule = /** @class */ (function () {
+        function HdButtonGroupModule() {
+        }
+        HdButtonGroupModule.decorators = [
+            { type: core.NgModule, args: [{
+                        imports: [
+                            common.CommonModule,
+                            forms.FormsModule,
+                            ngZorroAntd.NgZorroAntdModule
+                        ],
+                        declarations: [HdButtonGroupComponent],
+                        exports: [HdButtonGroupComponent]
+                    },] }
+        ];
+        return HdButtonGroupModule;
+    }());
+
     /**
      * @fileoverview added by tsickle
      * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
@@ -370,64 +428,6 @@
         return HdButtonModule;
     }());
 
-    /**
-     * @fileoverview added by tsickle
-     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
-     */
-    var HdButtonGroupComponent = /** @class */ (function () {
-        function HdButtonGroupComponent() {
-        }
-        /**
-         * @return {?}
-         */
-        HdButtonGroupComponent.prototype.ngOnInit = /**
-         * @return {?}
-         */
-        function () {
-        };
-        HdButtonGroupComponent.decorators = [
-            { 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%}.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 */
-        HdButtonGroupComponent.ctorParameters = function () { return []; };
-        HdButtonGroupComponent.propDecorators = {
-            buttonGroupLeft: [{ type: core.ContentChild, args: ["buttonGroupLeft", { static: false },] }],
-            buttonGroupRight: [{ type: core.ContentChild, args: ["buttonGroupRight", { static: false },] }]
-        };
-        return HdButtonGroupComponent;
-    }());
-    if (false) {
-        /** @type {?} */
-        HdButtonGroupComponent.prototype.buttonGroupLeft;
-        /** @type {?} */
-        HdButtonGroupComponent.prototype.buttonGroupRight;
-    }
-
-    /**
-     * @fileoverview added by tsickle
-     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
-     */
-    var HdButtonGroupModule = /** @class */ (function () {
-        function HdButtonGroupModule() {
-        }
-        HdButtonGroupModule.decorators = [
-            { type: core.NgModule, args: [{
-                        imports: [
-                            common.CommonModule,
-                            forms.FormsModule,
-                            ngZorroAntd.NgZorroAntdModule
-                        ],
-                        declarations: [HdButtonGroupComponent],
-                        exports: [HdButtonGroupComponent]
-                    },] }
-        ];
-        return HdButtonGroupModule;
-    }());
-
     /**
      * @fileoverview added by tsickle
      * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
@@ -918,11 +918,11 @@
         // 灰色
         '#9FA4A2': ['initial', 'uncommitted'],
         // 红色
-        '#F5222D': ['delete', 'deleted', 'aborted'],
+        '#F5222D': ['delete', 'deleted', 'aborted', 'rejected'],
         // 蓝色
-        '#3B77E3': ['audited', 'finished', 'adjusted', 'invoiced', 'audit'],
+        '#3B77E3': ['audited', 'finished', 'adjusted', 'invoiced', 'audit', 'submitted'],
         // 绿色
-        '#12A34F': ['shipped', 'received', 'checked', 'using', 'reverse', 'valid'],
+        '#12A34F': ['shipped', 'received', 'checked', 'using', 'reverse', 'valid', 'approved'],
         // 橙色
         '#F05B24': ['picking', 'partialReceived', 'partDelete']
     };
@@ -1275,332 +1275,100 @@
      * @fileoverview added by tsickle
      * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
-    // import * as moment from 'moment';
-    var HdFormComponent = /** @class */ (function () {
-        function HdFormComponent(fb) {
-            this.fb = fb;
-            this.changeEvent = new core.EventEmitter();
+    /** @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 {?}
          */
-        HdFormComponent.prototype.ngOnInit = /**
+        HdSpaceComponent.prototype.ngOnInit = /**
          * @return {?}
          */
         function () {
-            this.init();
-        };
-        /**
-         * @param {?} changes
-         * @return {?}
-         */
-        HdFormComponent.prototype.ngOnChanges = /**
-         * @param {?} changes
-         * @return {?}
-         */
-        function (changes) {
-            this.dealRow();
-        };
-        /**
-         * @param {?} fn
-         * @param {?} event
-         * @return {?}
-         */
-        HdFormComponent.prototype.triggerEvent = /**
-         * @param {?} fn
-         * @param {?} event
-         * @return {?}
-         */
-        function (fn, event) {
-            if (fn) {
-                fn(event);
+            this.style['background'] = this.background;
+            if (this.type === SpaceType.row) {
+                this.style['width'] = '100%';
+                this.style['height'] = this.size + 'px';
             }
-        };
-        /**
-         * @private
-         * @return {?}
-         */
-        HdFormComponent.prototype.init = /**
-         * @private
-         * @return {?}
-         */
-        function () {
-            var _this = this;
-            // 异常捕获
-            if (!this.checkList(this.formList)) {
-                throw 'form组件数据格式不规范';
+            else {
+                this.style['height'] = '100%';
+                this.style['width'] = this.size + 'px';
             }
-            // 对表单数据做初始化，用row隔离每行数据item
-            this.dealRow();
-            // 首先根据定义的组件数组  去初始化表单
-            /** @type {?} */
-            var formGroupList = {};
-            this.formList.forEach((/**
-             * @param {?} item
-             * @param {?} index
-             * @return {?}
-             */
-            function (item, index) {
-                // 日期相关的控件做特殊处理
-                if (item.type === 2 && item.value) {
-                    var _a = __read(item.value.toString().split('-').map((/**
-                     * @param {?} str
-                     * @return {?}
-                     */
-                    function (str) { return parseInt(str); })), 3), year = _a[0], month = _a[1], day = _a[2];
-                    /** @type {?} */
-                    var newDateStr = new Date(year, month - 1, day)
-                        .toLocaleDateString('zh-Hans-CN', { year: 'numeric', month: '2-digit', day: '2-digit' })
-                        .replace(/\//g, '-');
-                    formGroupList[item.name] = _this.fb.control({ value: new Date(newDateStr), disabled: item.disabled }, item.require && !item.hide ? [forms.Validators.required] : []);
-                }
-                else if (item.type === 3 && item.value) {
-                    /** @type {?} */
-                    var formItemDate = JSON.parse(JSON.stringify(item.value));
-                    if (formItemDate && formItemDate instanceof Array) {
-                        formItemDate = formItemDate.map((/**
-                         * @param {?} item
-                         * @return {?}
-                         */
-                        function (item) {
-                            var _a = __read(item.split('-').map((/**
-                             * @param {?} str
-                             * @return {?}
-                             */
-                            function (str) { return parseInt(str); })), 3), year = _a[0], month = _a[1], day = _a[2];
-                            /** @type {?} */
-                            var newDateStr = new Date(year, month - 1, day)
-                                .toLocaleDateString('zh-Hans-CN', { year: 'numeric', month: '2-digit', day: '2-digit' })
-                                .replace(/\//g, '-');
-                            item = new Date(newDateStr);
-                        }));
-                        formGroupList[item.name] = _this.fb.control({ value: formItemDate, disabled: item.disabled }, item.require && !item.hide ? [forms.Validators.required] : []);
-                    }
-                    else {
-                        throw 'form组件中DateRange控件value值格式不规范，正确示例[\'2020-01-22\', \'2020-01-23\']';
-                    }
-                }
-                else {
-                    formGroupList[item.name] = _this.fb.control({ value: item.value, disabled: item.disabled }, item.require && !item.hide ? [forms.Validators.required] : []);
-                }
-            }));
-            this.validateHdForm = this.fb.group(formGroupList);
-            this.formList.forEach((/**
-             * @param {?} item
-             * @return {?}
-             */
-            function (item) {
-                if (item.onChangeEvent) {
-                    if (item.onChangeEvent) {
-                        _this.validateHdForm.get(item.name).valueChanges.subscribe((/**
-                         * @param {?} value
-                         * @return {?}
-                         */
-                        function (value) { return _this.triggerEvent(item.onChangeEvent, value); }));
-                    }
-                }
-            }));
-            this.validateHdForm.valueChanges.subscribe((/**
-             * @param {?} data
-             * @return {?}
-             */
-            function (data) { return _this.onHdFormValueChanged(data); }));
-            this.onHdFormValueChanged();
-        };
-        /**
-         * @private
-         * @return {?}
-         */
-        HdFormComponent.prototype.dealRow = /**
-         * @private
-         * @return {?}
-         */
-        function () {
-            // 一阶段 遍历数据计算相关数据
-            /** @type {?} */
-            var formListLength = this.formList.length;
-            /** @type {?} */
-            var step = 0;
-            for (var i = 0; i < formListLength; i++) {
-                if (!this.formList[i].hide) {
-                    if (i === 0) {
-                        this.formList[i].totalWidth = this.formList[i].width || 1;
-                        this.formList[i].isRowFirst = 1;
-                        step = step + 4;
-                    }
-                    else {
-                        // 去找到前一个非hide的控件
-                        for (var j = i - 1; j >= 0; j--) {
-                            if (this.formList[j].totalWidth) {
-                                this.formList[i].totalWidth = this.formList[j].totalWidth + (this.formList[i].width || 1);
-                                if ((this.formList[j].totalWidth + this.formList[i].width) > step && this.formList[j].totalWidth <= step) {
-                                    step = step + 4;
-                                    this.formList[i].isRowFirst = 1;
-                                }
-                                else {
-                                    this.formList[i].isRowFirst = 0;
-                                }
-                                break;
-                            }
-                        }
-                    }
-                }
-            }
-            // 二阶段 isRowFirst的数组项增加子节点
-            for (var m = 0; m < formListLength; m++) {
-                if (this.formList[m].isRowFirst === 1) {
-                    this.formList[m].columnItems = [];
-                    /** @type {?} */
-                    var space = 0;
-                    for (var n = 1; n < formListLength - m; n++) {
-                        if (space === 4 || this.formList[m + n].isRowFirst === 1) {
-                            break;
-                        }
-                        if (!this.formList[m + n].hide && this.formList[m + n] && this.formList[m + n].isRowFirst === 0) {
-                            this.formList[m].columnItems.push(this.formList[m + n]);
-                            space++;
-                        }
-                    }
-                }
-            }
-        };
-        /**
-         * @private
-         * @param {?=} data
-         * @return {?}
-         */
-        HdFormComponent.prototype.onHdFormValueChanged = /**
-         * @private
-         * @param {?=} data
-         * @return {?}
-         */
-        function (data) {
-            this.changeEvent.emit(this.validateHdForm);
-        };
-        /**
-         * @private
-         * @param {?} list
-         * @return {?}
-         */
-        HdFormComponent.prototype.checkList = /**
-         * @private
-         * @param {?} list
-         * @return {?}
-         */
-        function (list) {
-            if (!list || (list && list.length === 0)) {
-                return false;
-            }
-            /** @type {?} */
-            var nameList = [];
-            list.forEach((/**
-             * @param {?} item
-             * @return {?}
-             */
-            function (item) {
-                // 校验单项选择器
-                // if (item.type === FormListType.Select && (!item.selectOption.selectList || (item.selectOption.selectList && item.selectOption.selectList.length === 0))) {
-                //   throw 'form组件数据格式不规范，存在单项选择器没有传入选项!'
-                // }
-                nameList.push(item.name);
-            }));
-            // 校验name是否重复
-            if (__spread(new Set(nameList)).length !== list.length) {
-                throw 'form组件数据格式不规范，存在重复name值!';
-            }
-            // ...more check
-            return true;
-        };
-        /**
-         * @return {?}
-         */
-        HdFormComponent.prototype.submitForm = /**
-         * @return {?}
-         */
-        function () {
-            Object.values(this.validateHdForm.controls).forEach((/**
-             * @param {?} control
-             * @return {?}
-             */
-            function (control) {
-                control.markAsDirty();
-                control.updateValueAndValidity();
-            }));
-            this.changeEvent.emit(this.validateHdForm.getRawValue());
-        };
-        /**
-         * @return {?}
-         */
-        HdFormComponent.prototype.resetForm = /**
-         * @return {?}
-         */
-        function () {
-            this.validateHdForm.reset();
-            Object.values(this.validateHdForm.controls).forEach((/**
-             * @param {?} control
-             * @return {?}
-             */
-            function (control) {
-                control.markAsDirty();
-                control.updateValueAndValidity();
-            }));
-            this.changeEvent.emit(this.validateHdForm.getRawValue());
-        };
-        /**
-         * @param {?} filter
-         * @return {?}
-         */
-        HdFormComponent.prototype.inputClean = /**
-         * @param {?} filter
-         * @return {?}
-         */
-        function (filter) {
-            /** @type {?} */
-            var patchObject = {};
-            patchObject[filter.name] = null;
-            this.validateHdForm.patchValue(patchObject);
         };
-        HdFormComponent.decorators = [
+        HdSpaceComponent.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]=\"formItem.label + '\u4E0D\u80FD\u4E3A\u7A7A'\">\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\" *ngIf=\"validateHdForm.get(formItem.name).value && !formItem.disabled\"\n                      (click)=\"inputClean(formItem)\"></i></ng-template>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"1\">\n                  <nz-select nzShowSearch [nzServerSearch]=\"formItem.selectOption.hdServerSearch || false\"\n                    [nzDropdownMatchSelectWidth]=\"formItem.selectOption.hdDropdownMatchSelectWidth ? formItem.selectOption.hdDropdownMatchSelectWidth : false\"\n                    nzAllowClear [nzPlaceHolder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u9009\u62E9' + formItem.label\"\n                    [formControlName]=\"formItem.name\"\n                    (nzOnSearch)=\"triggerEvent(formItem.onSearchEvent || null, $event)\">\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-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\" 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\"></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\" nzShowSearch nzAllowClear\n                    [nzPlaceHolder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u9009\u62E9' + formItem.label\"\n                    [formControlName]=\"formItem.name\"\n                    (nzOnSearch)=\"triggerEvent(formItem.onSearchEvent || null, $event)\">\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                  </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\"></nz-time-picker>\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]=\"columnItem.label + '\u4E0D\u80FD\u4E3A\u7A7A'\">\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\" *ngIf=\"validateHdForm.get(columnItem.name).value  && !columnItem.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 nzAllowClear\n                      [nzPlaceHolder]=\"columnItem.placeholder ? columnItem.placeholder : '\u8BF7\u9009\u62E9' + columnItem.label\"\n                      [formControlName]=\"columnItem.name\"\n                      (nzOnSearch)=\"triggerEvent(columnItem.onSearchEvent || null, $event)\">\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 *ngIf=\"columnItem.defaultLabel\" [nzLabel]=\"columnItem.defaultLabel\"\n                        [nzValue]=\"columnItem.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                      [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                      [nzPlaceHolder]=\"columnItem.placeholder ? columnItem.placeholder : '\u8BF7\u8F93\u5165' + columnItem.label\">\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\" nzShowSearch nzAllowClear\n                      [nzPlaceHolder]=\"columnItem.placeholder ? columnItem.placeholder : '\u8BF7\u9009\u62E9' + columnItem.label\"\n                      [formControlName]=\"columnItem.name\"\n                      (nzOnSearch)=\"triggerEvent(columnItem.onSearchEvent || null, $event)\">\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                    </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\"></nz-time-picker>\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>",
-                        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%}.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}"]
+                        selector: 'hd-space',
+                        template: "<nz-content>\n  <div [ngStyle]=\"style\"></div>\n</nz-content>\n",
+                        styles: [""]
                     }] }
         ];
         /** @nocollapse */
-        HdFormComponent.ctorParameters = function () { return [
-            { type: forms.FormBuilder }
-        ]; };
-        HdFormComponent.propDecorators = {
-            formList: [{ type: core.Input }],
-            changeEvent: [{ type: core.Output }]
+        HdSpaceComponent.ctorParameters = function () { return []; };
+        HdSpaceComponent.propDecorators = {
+            type: [{ type: core.Input }],
+            size: [{ type: core.Input }],
+            background: [{ type: core.Input }]
         };
-        return HdFormComponent;
+        return HdSpaceComponent;
     }());
     if (false) {
         /** @type {?} */
-        HdFormComponent.prototype.formList;
+        HdSpaceComponent.prototype.type;
         /** @type {?} */
-        HdFormComponent.prototype.changeEvent;
+        HdSpaceComponent.prototype.size;
         /** @type {?} */
-        HdFormComponent.prototype.validateHdForm;
+        HdSpaceComponent.prototype.background;
         /** @type {?} */
-        HdFormComponent.prototype.inputValue;
-        /**
-         * @type {?}
-         * @private
-         */
-        HdFormComponent.prototype.fb;
+        HdSpaceComponent.prototype.style;
     }
 
     /**
      * @fileoverview added by tsickle
      * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
-    var HdFormModule = /** @class */ (function () {
-        function HdFormModule() {
+    var HdSpaceModule = /** @class */ (function () {
+        function HdSpaceModule() {
         }
-        HdFormModule.decorators = [
+        HdSpaceModule.decorators = [
             { type: core.NgModule, args: [{
                         imports: [
                             common.CommonModule,
@@ -1609,124 +1377,11 @@
                             ngZorroAntd.NgZorroAntdModule,
                             HdButtonModule
                         ],
-                        declarations: [HdFormComponent],
-                        exports: [HdFormComponent]
+                        declarations: [HdSpaceComponent],
+                        exports: [HdSpaceComponent]
                     },] }
         ];
-        return HdFormModule;
-    }());
-
-    /**
-     * @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,
-                            HdButtonModule
-                        ],
-                        declarations: [HdSpaceComponent],
-                        exports: [HdSpaceComponent]
-                    },] }
-        ];
-        return HdSpaceModule;
+        return HdSpaceModule;
     }());
 
     /**
@@ -1771,7 +1426,6 @@
             // 缓存一下总的表单数据
             this.storeFormLinesData = this.formLinesData;
             this.init();
-            // localforage.setItem(location.host, '12312321');
         };
         Object.defineProperty(HdFormLinesComponent.prototype, "linesFormArray", {
             get: /**
@@ -1998,7 +1652,7 @@
          */
         function (changes) {
             if (changes['formLinesData'] && JSON.stringify(changes['formLinesData'].currentValue) !== JSON.stringify(changes['formLinesData'].previousValue)) {
-                if (this.storeFormLinesData.length === 0) {
+                if (this.storeFormLinesData && this.storeFormLinesData.length === 0) {
                     this.storeFormLinesData = this.formLinesData;
                 }
                 this.init();
@@ -2492,158 +2146,973 @@
             this.paginationPageIndex = 1;
         };
         /**
-         * @param {?} formItem
-         * @param {?} line
+         * @param {?} formItem
+         * @param {?} line
+         * @return {?}
+         */
+        HdFormLinesComponent.prototype.inputClean = /**
+         * @param {?} formItem
+         * @param {?} line
+         * @return {?}
+         */
+        function (formItem, line) {
+            line.get(formItem.name).setValue(null);
+        };
+        /**
+         * @param {?} id
+         * @return {?}
+         */
+        HdFormLinesComponent.prototype.selectValue = /**
+         * @param {?} id
+         * @return {?}
+         */
+        function (id) {
+            /** @type {?} */
+            var inputDom = document.querySelector(id);
+            inputDom.select();
+        };
+        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<hd-space background=\"transparent\" type=\"row\" size=\"16\"></hd-space>\n<form *ngIf=\"showForm\" nz-form [formGroup]=\"validateHdFormLines\"\n  class=\"ant-advanced-search-form hd-formLines-container\">\n  <nz-table nzTemplateMode [nzFrontPagination]=\"false\" [nzLoading]=\"tableLoading\" [nzScroll]=\"scroll\">\n    <thead>\n      <tr>\n        <th nzWidth=\"58px\" nzLeft=\"0px\">\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\">\n            {{line.get('lineIndex').value}}\n          </td>\n          <ng-container *ngFor=\"let formItem of formLines\">\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=\"0\">\n                      <nz-input-group [nzSuffix]=\"inputCleanTemplate\">\n                        <input [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) : 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=\"1\">\n                      <nz-select nzShowSearch [nzServerSearch]=\"formItem.selectOption.hdServerSearch || false\"\n                        [nzDropdownMatchSelectWidth]=\"formItem.selectOption.hdDropdownMatchSelectWidth ? formItem.selectOption.hdDropdownMatchSelectWidth : false\"\n                        nzAllowClear\n                        [nzPlaceHolder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u9009\u62E9' + formItem.label\"\n                        [formControlName]=\"formItem.name\"\n                        (nzOnSearch)=\"triggerEvent(formItem.onSearchEvent || null, $event, line)\"\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-container>\n                    <ng-container *ngSwitchCase=\"2\">\n                      <nz-date-picker *ngIf=\"formItem.showTime\"\n                        [nzPlaceHolder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u9009\u62E9' + formItem.label\"\n                        [formControlName]=\"formItem.name\" [nzDisabledDate]=\"formItem.hdDisabledDate\" nzShowTime\n                        nzFormat=\"yyyy-MM-dd HH:mm:ss\">\n                      </nz-date-picker>\n                      <nz-date-picker *ngIf=\"!formItem.showTime\"\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=\"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\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=\"5\">\n                      <div style=\"display: flex;align-items: center;\">\n                        <nz-input-number [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                          [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) : null\">\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}}</div>\n                      </div>\n                    </ng-container>\n                    <ng-container *ngSwitchCase=\"6\">\n                      <nz-select nzMode=\"multiple\" [nzServerSearch]=\"formItem.selectOption.hdServerSearch || false\"\n                        [nzDropdownMatchSelectWidth]=\"formItem.selectOption.hdDropdownMatchSelectWidth ? formItem.selectOption.hdDropdownMatchSelectWidth : false\"\n                        nzShowSearch nzAllowClear\n                        [nzPlaceHolder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u9009\u62E9' + formItem.label\"\n                        [formControlName]=\"formItem.name\" [ngStyle]=\"getStyle(line, formItem, '200px')\"\n                        (nzOnSearch)=\"triggerEvent(formItem.onSearchEvent || null, $event, line)\">\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=\"7\">\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                    </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\"></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}}</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'\">{{ (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  </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    <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  </ng-container>\n</form>",
+                        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%}.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%}"]
+                    }] }
+        ];
+        /** @nocollapse */
+        HdFormLinesComponent.ctorParameters = function () { return [
+            { type: forms.FormBuilder },
+            { type: core.NgZone }
+        ]; };
+        HdFormLinesComponent.propDecorators = {
+            tableLoading: [{ type: core.Input }],
+            showSearch: [{ type: core.Input }],
+            formLines: [{ type: core.Input }],
+            formLinesData: [{ type: core.Input }],
+            operateButtons: [{ type: core.Input }],
+            scroll: [{ type: core.Input }],
+            changeEvent: [{ type: core.Output }],
+            showDeleteConfirm: [{ type: core.Input }],
+            showTotal: [{ type: core.Input }],
+            totalOption: [{ type: core.Input }],
+            columnsNumber: [{ type: core.Input }]
+        };
+        __decorate([
+            ngZorroAntd.InputBoolean(),
+            __metadata("design:type", Boolean)
+        ], HdFormLinesComponent.prototype, "tableLoading", void 0);
+        __decorate([
+            ngZorroAntd.InputBoolean(),
+            __metadata("design:type", Boolean)
+        ], HdFormLinesComponent.prototype, "showSearch", void 0);
+        __decorate([
+            ngZorroAntd.InputBoolean(),
+            __metadata("design:type", Boolean)
+        ], HdFormLinesComponent.prototype, "showDeleteConfirm", void 0);
+        __decorate([
+            ngZorroAntd.InputBoolean(),
+            __metadata("design:type", Boolean)
+        ], HdFormLinesComponent.prototype, "showTotal", void 0);
+        return HdFormLinesComponent;
+    }());
+    if (false) {
+        /** @type {?} */
+        HdFormLinesComponent.prototype.tableLoading;
+        /** @type {?} */
+        HdFormLinesComponent.prototype.showSearch;
+        /** @type {?} */
+        HdFormLinesComponent.prototype.formLines;
+        /** @type {?} */
+        HdFormLinesComponent.prototype.formLinesData;
+        /** @type {?} */
+        HdFormLinesComponent.prototype.operateButtons;
+        /** @type {?} */
+        HdFormLinesComponent.prototype.scroll;
+        /** @type {?} */
+        HdFormLinesComponent.prototype.changeEvent;
+        /** @type {?} */
+        HdFormLinesComponent.prototype.showDeleteConfirm;
+        /** @type {?} */
+        HdFormLinesComponent.prototype.paginationPageIndex;
+        /** @type {?} */
+        HdFormLinesComponent.prototype.paginationPageSize;
+        /** @type {?} */
+        HdFormLinesComponent.prototype.validateHdFormLines;
+        /** @type {?} */
+        HdFormLinesComponent.prototype.newLine;
+        /** @type {?} */
+        HdFormLinesComponent.prototype.inputValue;
+        /** @type {?} */
+        HdFormLinesComponent.prototype.showTotal;
+        /** @type {?} */
+        HdFormLinesComponent.prototype.totalOption;
+        /** @type {?} */
+        HdFormLinesComponent.prototype.columnsNumber;
+        /** @type {?} */
+        HdFormLinesComponent.prototype.totalOptionList;
+        /** @type {?} */
+        HdFormLinesComponent.prototype.showForm;
+        /** @type {?} */
+        HdFormLinesComponent.prototype.filterStr;
+        /** @type {?} */
+        HdFormLinesComponent.prototype.storeFormLinesData;
+        /** @type {?} */
+        HdFormLinesComponent.prototype.filterStoreFormLinesData;
+        /** @type {?} */
+        HdFormLinesComponent.prototype.filterIndexStore;
+        /** @type {?} */
+        HdFormLinesComponent.prototype.isFilterData;
+        /** @type {?} */
+        HdFormLinesComponent.prototype.formValid;
+        /**
+         * @type {?}
+         * @private
+         */
+        HdFormLinesComponent.prototype.fb;
+        /**
+         * @type {?}
+         * @private
+         */
+        HdFormLinesComponent.prototype.ngZone;
+    }
+
+    /**
+     * @fileoverview added by tsickle
+     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     */
+    var HdFormLinesModule = /** @class */ (function () {
+        function HdFormLinesModule() {
+        }
+        HdFormLinesModule.decorators = [
+            { type: core.NgModule, args: [{
+                        imports: [
+                            common.CommonModule,
+                            forms.FormsModule,
+                            forms.ReactiveFormsModule,
+                            ngZorroAntd.NgZorroAntdModule,
+                            HdButtonModule,
+                            HdSpaceModule,
+                            HdButtonGroupModule
+                        ],
+                        declarations: [HdFormLinesComponent],
+                        exports: [HdFormLinesComponent]
+                    },] }
+        ];
+        return HdFormLinesModule;
+    }());
+
+    /**
+     * @fileoverview added by tsickle
+     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     */
+    // import * as moment from 'moment';
+    var HdFormComponent = /** @class */ (function () {
+        function HdFormComponent(fb) {
+            this.fb = fb;
+            this.changeEvent = new core.EventEmitter();
+        }
+        /**
+         * @return {?}
+         */
+        HdFormComponent.prototype.ngOnInit = /**
+         * @return {?}
+         */
+        function () {
+            this.init();
+        };
+        /**
+         * @param {?} changes
+         * @return {?}
+         */
+        HdFormComponent.prototype.ngOnChanges = /**
+         * @param {?} changes
+         * @return {?}
+         */
+        function (changes) {
+            this.dealRow();
+        };
+        /**
+         * @param {?} fn
+         * @param {?} event
+         * @return {?}
+         */
+        HdFormComponent.prototype.triggerEvent = /**
+         * @param {?} fn
+         * @param {?} event
+         * @return {?}
+         */
+        function (fn, event) {
+            if (fn) {
+                fn(event);
+            }
+        };
+        /**
+         * @private
+         * @return {?}
+         */
+        HdFormComponent.prototype.init = /**
+         * @private
+         * @return {?}
+         */
+        function () {
+            var _this = this;
+            // 异常捕获
+            if (!this.checkList(this.formList)) {
+                throw 'form组件数据格式不规范';
+            }
+            // 对表单数据做初始化，用row隔离每行数据item
+            this.dealRow();
+            // 首先根据定义的组件数组  去初始化表单
+            /** @type {?} */
+            var formGroupList = {};
+            this.formList.forEach((/**
+             * @param {?} item
+             * @param {?} index
+             * @return {?}
+             */
+            function (item, index) {
+                // 日期相关的控件做特殊处理
+                if (item.type === 2 && item.value) {
+                    var _a = __read(item.value.toString().split('-').map((/**
+                     * @param {?} str
+                     * @return {?}
+                     */
+                    function (str) { return parseInt(str); })), 3), year = _a[0], month = _a[1], day = _a[2];
+                    /** @type {?} */
+                    var newDateStr = new Date(year, month - 1, day)
+                        .toLocaleDateString('zh-Hans-CN', { year: 'numeric', month: '2-digit', day: '2-digit' })
+                        .replace(/\//g, '-');
+                    formGroupList[item.name] = _this.fb.control({ value: new Date(newDateStr), disabled: item.disabled }, item.require && !item.hide ? [forms.Validators.required] : []);
+                }
+                else if (item.type === 3 && item.value) {
+                    /** @type {?} */
+                    var formItemDate = JSON.parse(JSON.stringify(item.value));
+                    if (formItemDate && formItemDate instanceof Array) {
+                        formItemDate = formItemDate.map((/**
+                         * @param {?} item
+                         * @return {?}
+                         */
+                        function (item) {
+                            var _a = __read(item.split('-').map((/**
+                             * @param {?} str
+                             * @return {?}
+                             */
+                            function (str) { return parseInt(str); })), 3), year = _a[0], month = _a[1], day = _a[2];
+                            /** @type {?} */
+                            var newDateStr = new Date(year, month - 1, day)
+                                .toLocaleDateString('zh-Hans-CN', { year: 'numeric', month: '2-digit', day: '2-digit' })
+                                .replace(/\//g, '-');
+                            item = new Date(newDateStr);
+                        }));
+                        formGroupList[item.name] = _this.fb.control({ value: formItemDate, disabled: item.disabled }, item.require && !item.hide ? [forms.Validators.required] : []);
+                    }
+                    else {
+                        throw 'form组件中DateRange控件value值格式不规范，正确示例[\'2020-01-22\', \'2020-01-23\']';
+                    }
+                }
+                else {
+                    formGroupList[item.name] = _this.fb.control({ value: item.value, disabled: item.disabled }, item.require && !item.hide ? [forms.Validators.required] : []);
+                }
+            }));
+            this.validateHdForm = this.fb.group(formGroupList);
+            this.formList.forEach((/**
+             * @param {?} item
+             * @return {?}
+             */
+            function (item) {
+                if (item.onChangeEvent) {
+                    if (item.onChangeEvent) {
+                        _this.validateHdForm.get(item.name).valueChanges.subscribe((/**
+                         * @param {?} value
+                         * @return {?}
+                         */
+                        function (value) { return _this.triggerEvent(item.onChangeEvent, value); }));
+                    }
+                }
+            }));
+            this.validateHdForm.valueChanges.subscribe((/**
+             * @param {?} data
+             * @return {?}
+             */
+            function (data) { return _this.onHdFormValueChanged(data); }));
+            this.onHdFormValueChanged();
+        };
+        /**
+         * @private
+         * @return {?}
+         */
+        HdFormComponent.prototype.dealRow = /**
+         * @private
+         * @return {?}
+         */
+        function () {
+            // 一阶段 遍历数据计算相关数据
+            /** @type {?} */
+            var formListLength = this.formList.length;
+            /** @type {?} */
+            var step = 0;
+            for (var i = 0; i < formListLength; i++) {
+                if (!this.formList[i].hide) {
+                    if (i === 0) {
+                        this.formList[i].totalWidth = this.formList[i].width || 1;
+                        this.formList[i].isRowFirst = 1;
+                        step = step + 4;
+                    }
+                    else {
+                        // 去找到前一个非hide的控件
+                        for (var j = i - 1; j >= 0; j--) {
+                            if (this.formList[j].totalWidth) {
+                                this.formList[i].totalWidth = this.formList[j].totalWidth + (this.formList[i].width || 1);
+                                if ((this.formList[j].totalWidth + this.formList[i].width) > step && this.formList[j].totalWidth <= step) {
+                                    step = step + 4;
+                                    this.formList[i].isRowFirst = 1;
+                                }
+                                else {
+                                    this.formList[i].isRowFirst = 0;
+                                }
+                                break;
+                            }
+                        }
+                    }
+                }
+            }
+            // 二阶段 isRowFirst的数组项增加子节点
+            for (var m = 0; m < formListLength; m++) {
+                if (this.formList[m].isRowFirst === 1) {
+                    this.formList[m].columnItems = [];
+                    /** @type {?} */
+                    var space = 0;
+                    for (var n = 1; n < formListLength - m; n++) {
+                        if (space === 4 || this.formList[m + n].isRowFirst === 1) {
+                            break;
+                        }
+                        if (!this.formList[m + n].hide && this.formList[m + n] && this.formList[m + n].isRowFirst === 0) {
+                            this.formList[m].columnItems.push(this.formList[m + n]);
+                            space++;
+                        }
+                    }
+                }
+            }
+        };
+        /**
+         * @private
+         * @param {?=} data
+         * @return {?}
+         */
+        HdFormComponent.prototype.onHdFormValueChanged = /**
+         * @private
+         * @param {?=} data
+         * @return {?}
+         */
+        function (data) {
+            this.changeEvent.emit(this.validateHdForm);
+        };
+        /**
+         * @private
+         * @param {?} list
+         * @return {?}
+         */
+        HdFormComponent.prototype.checkList = /**
+         * @private
+         * @param {?} list
+         * @return {?}
+         */
+        function (list) {
+            if (!list || (list && list.length === 0)) {
+                return false;
+            }
+            /** @type {?} */
+            var nameList = [];
+            list.forEach((/**
+             * @param {?} item
+             * @return {?}
+             */
+            function (item) {
+                // 校验单项选择器
+                // if (item.type === FormListType.Select && (!item.selectOption.selectList || (item.selectOption.selectList && item.selectOption.selectList.length === 0))) {
+                //   throw 'form组件数据格式不规范，存在单项选择器没有传入选项!'
+                // }
+                nameList.push(item.name);
+            }));
+            // 校验name是否重复
+            if (__spread(new Set(nameList)).length !== list.length) {
+                throw 'form组件数据格式不规范，存在重复name值!';
+            }
+            // ...more check
+            return true;
+        };
+        /**
+         * @return {?}
+         */
+        HdFormComponent.prototype.submitForm = /**
+         * @return {?}
+         */
+        function () {
+            Object.values(this.validateHdForm.controls).forEach((/**
+             * @param {?} control
+             * @return {?}
+             */
+            function (control) {
+                control.markAsDirty();
+                control.updateValueAndValidity();
+            }));
+            this.changeEvent.emit(this.validateHdForm.getRawValue());
+        };
+        /**
+         * @return {?}
+         */
+        HdFormComponent.prototype.resetForm = /**
+         * @return {?}
+         */
+        function () {
+            this.validateHdForm.reset();
+            Object.values(this.validateHdForm.controls).forEach((/**
+             * @param {?} control
+             * @return {?}
+             */
+            function (control) {
+                control.markAsDirty();
+                control.updateValueAndValidity();
+            }));
+            this.changeEvent.emit(this.validateHdForm.getRawValue());
+        };
+        /**
+         * @param {?} filter
+         * @return {?}
+         */
+        HdFormComponent.prototype.inputClean = /**
+         * @param {?} filter
+         * @return {?}
+         */
+        function (filter) {
+            /** @type {?} */
+            var patchObject = {};
+            patchObject[filter.name] = null;
+            this.validateHdForm.patchValue(patchObject);
+        };
+        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]=\"formItem.label + '\u4E0D\u80FD\u4E3A\u7A7A'\">\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\" *ngIf=\"validateHdForm.get(formItem.name).value && !formItem.disabled\"\n                      (click)=\"inputClean(formItem)\"></i></ng-template>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"1\">\n                  <nz-select nzShowSearch [nzServerSearch]=\"formItem.selectOption.hdServerSearch || false\"\n                    [nzDropdownMatchSelectWidth]=\"formItem.selectOption.hdDropdownMatchSelectWidth ? formItem.selectOption.hdDropdownMatchSelectWidth : false\"\n                    nzAllowClear [nzPlaceHolder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u9009\u62E9' + formItem.label\"\n                    [formControlName]=\"formItem.name\"\n                    (nzOnSearch)=\"triggerEvent(formItem.onSearchEvent || null, $event)\">\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-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\" 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\"></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\" nzShowSearch nzAllowClear\n                    [nzPlaceHolder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u9009\u62E9' + formItem.label\"\n                    [formControlName]=\"formItem.name\"\n                    (nzOnSearch)=\"triggerEvent(formItem.onSearchEvent || null, $event)\">\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                  </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\"></nz-time-picker>\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]=\"columnItem.label + '\u4E0D\u80FD\u4E3A\u7A7A'\">\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\" *ngIf=\"validateHdForm.get(columnItem.name).value  && !columnItem.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 nzAllowClear\n                      [nzPlaceHolder]=\"columnItem.placeholder ? columnItem.placeholder : '\u8BF7\u9009\u62E9' + columnItem.label\"\n                      [formControlName]=\"columnItem.name\"\n                      (nzOnSearch)=\"triggerEvent(columnItem.onSearchEvent || null, $event)\">\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 *ngIf=\"columnItem.defaultLabel\" [nzLabel]=\"columnItem.defaultLabel\"\n                        [nzValue]=\"columnItem.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                      [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                      [nzPlaceHolder]=\"columnItem.placeholder ? columnItem.placeholder : '\u8BF7\u8F93\u5165' + columnItem.label\">\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\" nzShowSearch nzAllowClear\n                      [nzPlaceHolder]=\"columnItem.placeholder ? columnItem.placeholder : '\u8BF7\u9009\u62E9' + columnItem.label\"\n                      [formControlName]=\"columnItem.name\"\n                      (nzOnSearch)=\"triggerEvent(columnItem.onSearchEvent || null, $event)\">\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                    </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\"></nz-time-picker>\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>",
+                        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%}.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}"]
+                    }] }
+        ];
+        /** @nocollapse */
+        HdFormComponent.ctorParameters = function () { return [
+            { type: forms.FormBuilder }
+        ]; };
+        HdFormComponent.propDecorators = {
+            formList: [{ type: core.Input }],
+            changeEvent: [{ type: core.Output }]
+        };
+        return HdFormComponent;
+    }());
+    if (false) {
+        /** @type {?} */
+        HdFormComponent.prototype.formList;
+        /** @type {?} */
+        HdFormComponent.prototype.changeEvent;
+        /** @type {?} */
+        HdFormComponent.prototype.validateHdForm;
+        /** @type {?} */
+        HdFormComponent.prototype.inputValue;
+        /**
+         * @type {?}
+         * @private
+         */
+        HdFormComponent.prototype.fb;
+    }
+
+    /**
+     * @fileoverview added by tsickle
+     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     */
+    var HdFormModule = /** @class */ (function () {
+        function HdFormModule() {
+        }
+        HdFormModule.decorators = [
+            { type: core.NgModule, args: [{
+                        imports: [
+                            common.CommonModule,
+                            forms.FormsModule,
+                            forms.ReactiveFormsModule,
+                            ngZorroAntd.NgZorroAntdModule,
+                            HdButtonModule
+                        ],
+                        declarations: [HdFormComponent],
+                        exports: [HdFormComponent]
+                    },] }
+        ];
+        return HdFormModule;
+    }());
+
+    /**
+     * @fileoverview added by tsickle
+     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     */
+    var HdCurrentTableComponent = /** @class */ (function () {
+        function HdCurrentTableComponent() {
+            this.scroll = { x: '1px' };
+            this.showSelected = false;
+            this.selectField = 'billNumber';
+            // 合计区域
+            this.showTableTotal = false;
+            this.selectEvent = new core.EventEmitter();
+            this.tableSearchEvent = new core.EventEmitter();
+            this.tableLoading = false;
+            // 表格分页参数
+            this.tablePageIndex = 1;
+            this.tablePageSize = 10;
+            this.tablePageIndexChange = new core.EventEmitter();
+            this.tablePageSizeChange = new core.EventEmitter();
+            // 表格勾选参数
+            this.isAllDisplayDataChecked = false;
+            this.isIndeterminate = false;
+            this.listOfDisplayData = [];
+            this.listOfAllData = [];
+            this.mapOfCheckedId = {};
+            this.mapOfCheckList = {};
+            this.tableTotalOptionList = [];
+        }
+        /**
+         * @return {?}
+         */
+        HdCurrentTableComponent.prototype.ngOnInit = /**
+         * @return {?}
+         */
+        function () { };
+        /**
+         * @param {?} changes
+         * @return {?}
+         */
+        HdCurrentTableComponent.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']) {
+                    return;
+                }
+                this.resetStatus();
+            }
+        };
+        // 表格勾选逻辑
+        // 表格勾选逻辑
+        /**
+         * @param {?} $event
+         * @return {?}
+         */
+        HdCurrentTableComponent.prototype.currentPageDataChange = 
+        // 表格勾选逻辑
+        /**
+         * @param {?} $event
+         * @return {?}
+         */
+        function ($event) {
+            this.listOfDisplayData = $event;
+            this.refreshStatus();
+            this.resetStatus();
+        };
+        /**
+         * @param {?} reset
+         * @return {?}
+         */
+        HdCurrentTableComponent.prototype.search = /**
+         * @param {?} reset
+         * @return {?}
+         */
+        function (reset) {
+            if (reset) {
+                this.tablePageSizeChange.emit(this.tablePageSize);
+            }
+            else {
+                this.tablePageIndexChange.emit(this.tablePageIndex);
+            }
+            // 触发父组件查询事件
+            this.tableSearchEvent.emit(reset);
+        };
+        /**
+         * @return {?}
+         */
+        HdCurrentTableComponent.prototype.resetStatus = /**
+         * @return {?}
+         */
+        function () {
+            this.isAllDisplayDataChecked = false;
+            this.isIndeterminate = false;
+            this.mapOfCheckedId = {};
+            this.mapOfCheckList = {};
+            this.selectEvent.emit([]);
+        };
+        /**
+         * @param {?=} event
+         * @param {?=} data
+         * @return {?}
+         */
+        HdCurrentTableComponent.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;
+            // 触发select事件
+            if (this.selectEvent) {
+                /** @type {?} */
+                var selectedList = Object.values(this.mapOfCheckList);
+                this.selectEvent.emit(selectedList);
+            }
+            // 如果数据为空，则清空勾选标识
+            if (this.tableData.content.length === 0) {
+                this.isAllDisplayDataChecked = false;
+            }
+        };
+        /**
+         * @param {?} value
+         * @return {?}
+         */
+        HdCurrentTableComponent.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();
+        };
+        HdCurrentTableComponent.decorators = [
+            { 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 nzShowQuickJumper nzFrontPagination=\"false\" nzSize=\"middle\"\n    [nzData]=\"tableData.content\" [nzTotal]=\"tableData.totalElements\" [(nzPageIndex)]=\"tablePageIndex\"\n    [nzLoading]=\"tableLoading\" [(nzPageSize)]=\"tablePageSize\" (nzPageSizeChange)=\"search(true)\"\n    (nzPageIndexChange)=\"search(false)\" (nzCurrentPageDataChange)=\"showSelected ? currentPageDataChange($event) : null\"\n    [nzShowTotal]=\"tableTotalTemplate\">\n    <thead>\n      <tr>\n        <th nzWidth=\"40px\" nzLeft=\"0px\" *ngIf=\"showSelected\" nzShowCheckbox [(nzChecked)]=\"isAllDisplayDataChecked\" [nzIndeterminate]=\"isIndeterminate\"\n          (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 [(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>\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%}.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 */
+        HdCurrentTableComponent.ctorParameters = function () { return []; };
+        HdCurrentTableComponent.propDecorators = {
+            tableData: [{ type: core.Input }],
+            scroll: [{ type: core.Input }],
+            showSelected: [{ type: core.Input }],
+            selectField: [{ type: core.Input }],
+            showTableTotal: [{ type: core.Input }],
+            tableTotalOption: [{ type: core.Input }],
+            selectEvent: [{ type: core.Output }],
+            tableSearchEvent: [{ type: core.Output }],
+            tableHead: [{ type: core.ContentChild, args: ["tableHead", { static: false },] }],
+            tableBody: [{ type: core.ContentChild, args: ["tableBody", { static: false },] }],
+            tableTotal: [{ type: core.ContentChild, args: ["tableTotal", { static: false },] }],
+            tableLoading: [{ type: core.Input }],
+            tablePageIndex: [{ type: core.Input }],
+            tablePageSize: [{ type: core.Input }],
+            tablePageIndexChange: [{ type: core.Output }],
+            tablePageSizeChange: [{ type: core.Output }]
+        };
+        __decorate([
+            core$1.InputBoolean(),
+            __metadata("design:type", Boolean)
+        ], HdCurrentTableComponent.prototype, "showSelected", void 0);
+        __decorate([
+            core$1.InputBoolean(),
+            __metadata("design:type", Boolean)
+        ], HdCurrentTableComponent.prototype, "showTableTotal", void 0);
+        return HdCurrentTableComponent;
+    }());
+    if (false) {
+        /** @type {?} */
+        HdCurrentTableComponent.prototype.tableData;
+        /** @type {?} */
+        HdCurrentTableComponent.prototype.scroll;
+        /** @type {?} */
+        HdCurrentTableComponent.prototype.showSelected;
+        /** @type {?} */
+        HdCurrentTableComponent.prototype.selectField;
+        /** @type {?} */
+        HdCurrentTableComponent.prototype.showTableTotal;
+        /** @type {?} */
+        HdCurrentTableComponent.prototype.tableTotalOption;
+        /** @type {?} */
+        HdCurrentTableComponent.prototype.selectEvent;
+        /** @type {?} */
+        HdCurrentTableComponent.prototype.tableSearchEvent;
+        /** @type {?} */
+        HdCurrentTableComponent.prototype.tableHead;
+        /** @type {?} */
+        HdCurrentTableComponent.prototype.tableBody;
+        /** @type {?} */
+        HdCurrentTableComponent.prototype.tableTotal;
+        /** @type {?} */
+        HdCurrentTableComponent.prototype.tableLoading;
+        /** @type {?} */
+        HdCurrentTableComponent.prototype.tablePageIndex;
+        /** @type {?} */
+        HdCurrentTableComponent.prototype.tablePageSize;
+        /** @type {?} */
+        HdCurrentTableComponent.prototype.tablePageIndexChange;
+        /** @type {?} */
+        HdCurrentTableComponent.prototype.tablePageSizeChange;
+        /** @type {?} */
+        HdCurrentTableComponent.prototype.isAllDisplayDataChecked;
+        /** @type {?} */
+        HdCurrentTableComponent.prototype.isIndeterminate;
+        /** @type {?} */
+        HdCurrentTableComponent.prototype.listOfDisplayData;
+        /** @type {?} */
+        HdCurrentTableComponent.prototype.listOfAllData;
+        /** @type {?} */
+        HdCurrentTableComponent.prototype.listOfSelection;
+        /** @type {?} */
+        HdCurrentTableComponent.prototype.mapOfCheckedId;
+        /** @type {?} */
+        HdCurrentTableComponent.prototype.mapOfCheckList;
+        /** @type {?} */
+        HdCurrentTableComponent.prototype.tableTotalOptionList;
+    }
+
+    /**
+     * @fileoverview added by tsickle
+     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     */
+    var HdCurrentTableModule = /** @class */ (function () {
+        function HdCurrentTableModule() {
+        }
+        HdCurrentTableModule.decorators = [
+            { type: core.NgModule, args: [{
+                        imports: [
+                            common.CommonModule,
+                            table.NzTableModule,
+                            HdSpaceModule
+                        ],
+                        declarations: [HdCurrentTableComponent],
+                        exports: [HdCurrentTableComponent],
+                        schemas: [core.NO_ERRORS_SCHEMA]
+                    },] }
+        ];
+        return HdCurrentTableModule;
+    }());
+
+    /**
+     * @fileoverview added by tsickle
+     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     */
+    var HdLogComponent = /** @class */ (function () {
+        function HdLogComponent() {
+        }
+        /**
+         * @return {?}
+         */
+        HdLogComponent.prototype.ngOnInit = /**
+         * @return {?}
+         */
+        function () {
+        };
+        HdLogComponent.decorators = [
+            { type: core.Component, args: [{
+                        selector: 'hd-log',
+                        template: "<hd-detail-lines [scroll]=\"{x: '1px'}\" [lines]=\"logs\" hdFrontPagination=\"true\">\n  <ng-template #detailLineHead>\n    <th>\u65F6\u95F4</th>\n    <th>\u64CD\u4F5C\u4EBA</th>\n    <th>\u4E8B\u4EF6</th>\n    <th>\u63CF\u8FF0</th>\n  </ng-template>\n  <ng-template #detailLineBody let-data let-index=\"index\">\n    <td>{{data.createInfo.operateTime}}</td>\n    <td>{{data.createInfo.operatorName}}</td>\n    <td>{{data.event}}</td>\n    <td>{{data.describe}}</td>\n  </ng-template>\n</hd-detail-lines>",
+                        styles: [""]
+                    }] }
+        ];
+        /** @nocollapse */
+        HdLogComponent.ctorParameters = function () { return []; };
+        HdLogComponent.propDecorators = {
+            logs: [{ type: core.Input }]
+        };
+        return HdLogComponent;
+    }());
+    if (false) {
+        /** @type {?} */
+        HdLogComponent.prototype.logs;
+    }
+
+    /**
+     * @fileoverview added by tsickle
+     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     */
+    var HdLogService = /** @class */ (function () {
+        function HdLogService(modalService) {
+            this.modalService = modalService;
+        }
+        /**
+         * @param {?} logs
+         * @return {?}
+         */
+        HdLogService.prototype.showLogs = /**
+         * @param {?} logs
+         * @return {?}
+         */
+        function (logs) {
+            this.modalService.create({
+                nzTitle: '操作日志',
+                nzContent: HdLogComponent,
+                nzComponentParams: { logs: logs },
+                nzFooter: null,
+                nzWidth: 800
+            });
+        };
+        HdLogService.decorators = [
+            { type: core.Injectable, args: [{
+                        providedIn: 'root',
+                    },] }
+        ];
+        /** @nocollapse */
+        HdLogService.ctorParameters = function () { return [
+            { type: ngZorroAntd.NzModalService }
+        ]; };
+        /** @nocollapse */ HdLogService.ngInjectableDef = core.ɵɵdefineInjectable({ factory: function HdLogService_Factory() { return new HdLogService(core.ɵɵinject(modal.NzModalService)); }, token: HdLogService, providedIn: "root" });
+        return HdLogService;
+    }());
+    if (false) {
+        /**
+         * @type {?}
+         * @private
+         */
+        HdLogService.prototype.modalService;
+    }
+
+    /**
+     * @fileoverview added by tsickle
+     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     */
+    var HdLogModule = /** @class */ (function () {
+        function HdLogModule() {
+        }
+        HdLogModule.decorators = [
+            { type: core.NgModule, args: [{
+                        imports: [
+                            common.CommonModule,
+                            ngZorroAntd.NgZorroAntdModule,
+                            HdDetailLinesModule
+                        ],
+                        entryComponents: [HdLogComponent],
+                        declarations: [HdLogComponent],
+                        exports: [HdLogComponent],
+                        providers: [HdLogService]
+                    },] }
+        ];
+        return HdLogModule;
+    }());
+
+    /**
+     * @fileoverview added by tsickle
+     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     */
+    var HdPopconfirmComponent = /** @class */ (function () {
+        function HdPopconfirmComponent() {
+            this.confirmOption = new core.EventEmitter();
+            this.cancelOption = new core.EventEmitter();
+        }
+        /**
+         * @return {?}
+         */
+        HdPopconfirmComponent.prototype.ngOnInit = /**
+         * @return {?}
+         */
+        function () {
+        };
+        /**
+         * @param {?} e
          * @return {?}
          */
-        HdFormLinesComponent.prototype.inputClean = /**
-         * @param {?} formItem
-         * @param {?} line
+        HdPopconfirmComponent.prototype.cancel = /**
+         * @param {?} e
          * @return {?}
          */
-        function (formItem, line) {
-            line.get(formItem.name).setValue(null);
+        function (e) {
+            this.cancelOption.emit();
         };
         /**
-         * @param {?} id
+         * @param {?} e
          * @return {?}
          */
-        HdFormLinesComponent.prototype.selectValue = /**
-         * @param {?} id
+        HdPopconfirmComponent.prototype.confirm = /**
+         * @param {?} e
          * @return {?}
          */
-        function (id) {
-            /** @type {?} */
-            var inputDom = document.querySelector(id);
-            inputDom.select();
+        function (e) {
+            this.confirmOption.emit();
         };
-        HdFormLinesComponent.decorators = [
+        HdPopconfirmComponent.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<hd-space background=\"transparent\" type=\"row\" size=\"16\"></hd-space>\n<form *ngIf=\"showForm\" nz-form [formGroup]=\"validateHdFormLines\"\n  class=\"ant-advanced-search-form hd-formLines-container\">\n  <nz-table nzTemplateMode [nzFrontPagination]=\"false\" [nzLoading]=\"tableLoading\" [nzScroll]=\"scroll\">\n    <thead>\n      <tr>\n        <th nzWidth=\"58px\" nzLeft=\"0px\">\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\">\n            {{line.get('lineIndex').value}}\n          </td>\n          <ng-container *ngFor=\"let formItem of formLines\">\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=\"0\">\n                      <nz-input-group [nzSuffix]=\"inputCleanTemplate\">\n                        <input [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) : 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=\"1\">\n                      <nz-select nzShowSearch [nzServerSearch]=\"formItem.selectOption.hdServerSearch || false\"\n                        [nzDropdownMatchSelectWidth]=\"formItem.selectOption.hdDropdownMatchSelectWidth ? formItem.selectOption.hdDropdownMatchSelectWidth : false\"\n                        nzAllowClear\n                        [nzPlaceHolder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u9009\u62E9' + formItem.label\"\n                        [formControlName]=\"formItem.name\"\n                        (nzOnSearch)=\"triggerEvent(formItem.onSearchEvent || null, $event, line)\"\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-container>\n                    <ng-container *ngSwitchCase=\"2\">\n                      <nz-date-picker *ngIf=\"formItem.showTime\"\n                        [nzPlaceHolder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u9009\u62E9' + formItem.label\"\n                        [formControlName]=\"formItem.name\" [nzDisabledDate]=\"formItem.hdDisabledDate\" nzShowTime\n                        nzFormat=\"yyyy-MM-dd HH:mm:ss\">\n                      </nz-date-picker>\n                      <nz-date-picker *ngIf=\"!formItem.showTime\"\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=\"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\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=\"5\">\n                      <div style=\"display: flex;align-items: center;\">\n                        <nz-input-number [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                          [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) : null\">\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}}</div>\n                      </div>\n                    </ng-container>\n                    <ng-container *ngSwitchCase=\"6\">\n                      <nz-select nzMode=\"multiple\" [nzServerSearch]=\"formItem.selectOption.hdServerSearch || false\"\n                        [nzDropdownMatchSelectWidth]=\"formItem.selectOption.hdDropdownMatchSelectWidth ? formItem.selectOption.hdDropdownMatchSelectWidth : false\"\n                        nzShowSearch nzAllowClear\n                        [nzPlaceHolder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u9009\u62E9' + formItem.label\"\n                        [formControlName]=\"formItem.name\" [ngStyle]=\"getStyle(line, formItem, '200px')\"\n                        (nzOnSearch)=\"triggerEvent(formItem.onSearchEvent || null, $event, line)\">\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=\"7\">\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                    </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\"></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}}</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'\">{{ (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  </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    <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  </ng-container>\n</form>",
-                        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%}.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%}"]
+                        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}"]
                     }] }
         ];
         /** @nocollapse */
-        HdFormLinesComponent.ctorParameters = function () { return [
-            { type: forms.FormBuilder },
-            { type: core.NgZone }
-        ]; };
-        HdFormLinesComponent.propDecorators = {
-            tableLoading: [{ type: core.Input }],
-            showSearch: [{ type: core.Input }],
-            formLines: [{ type: core.Input }],
-            formLinesData: [{ type: core.Input }],
-            operateButtons: [{ type: core.Input }],
-            scroll: [{ type: core.Input }],
-            changeEvent: [{ type: core.Output }],
-            showDeleteConfirm: [{ type: core.Input }],
-            showTotal: [{ type: core.Input }],
-            totalOption: [{ type: core.Input }],
-            columnsNumber: [{ type: core.Input }]
+        HdPopconfirmComponent.ctorParameters = function () { return []; };
+        HdPopconfirmComponent.propDecorators = {
+            message: [{ type: core.Input }],
+            confirmOption: [{ type: core.Output }],
+            cancelOption: [{ type: core.Output }]
         };
-        __decorate([
-            ngZorroAntd.InputBoolean(),
-            __metadata("design:type", Boolean)
-        ], HdFormLinesComponent.prototype, "tableLoading", void 0);
-        __decorate([
-            ngZorroAntd.InputBoolean(),
-            __metadata("design:type", Boolean)
-        ], HdFormLinesComponent.prototype, "showSearch", void 0);
-        __decorate([
-            ngZorroAntd.InputBoolean(),
-            __metadata("design:type", Boolean)
-        ], HdFormLinesComponent.prototype, "showDeleteConfirm", void 0);
-        __decorate([
-            ngZorroAntd.InputBoolean(),
-            __metadata("design:type", Boolean)
-        ], HdFormLinesComponent.prototype, "showTotal", void 0);
-        return HdFormLinesComponent;
+        return HdPopconfirmComponent;
     }());
     if (false) {
         /** @type {?} */
-        HdFormLinesComponent.prototype.tableLoading;
-        /** @type {?} */
-        HdFormLinesComponent.prototype.showSearch;
-        /** @type {?} */
-        HdFormLinesComponent.prototype.formLines;
-        /** @type {?} */
-        HdFormLinesComponent.prototype.formLinesData;
-        /** @type {?} */
-        HdFormLinesComponent.prototype.operateButtons;
-        /** @type {?} */
-        HdFormLinesComponent.prototype.scroll;
-        /** @type {?} */
-        HdFormLinesComponent.prototype.changeEvent;
-        /** @type {?} */
-        HdFormLinesComponent.prototype.showDeleteConfirm;
-        /** @type {?} */
-        HdFormLinesComponent.prototype.paginationPageIndex;
-        /** @type {?} */
-        HdFormLinesComponent.prototype.paginationPageSize;
-        /** @type {?} */
-        HdFormLinesComponent.prototype.validateHdFormLines;
-        /** @type {?} */
-        HdFormLinesComponent.prototype.newLine;
-        /** @type {?} */
-        HdFormLinesComponent.prototype.inputValue;
-        /** @type {?} */
-        HdFormLinesComponent.prototype.showTotal;
-        /** @type {?} */
-        HdFormLinesComponent.prototype.totalOption;
-        /** @type {?} */
-        HdFormLinesComponent.prototype.columnsNumber;
-        /** @type {?} */
-        HdFormLinesComponent.prototype.totalOptionList;
-        /** @type {?} */
-        HdFormLinesComponent.prototype.showForm;
-        /** @type {?} */
-        HdFormLinesComponent.prototype.filterStr;
-        /** @type {?} */
-        HdFormLinesComponent.prototype.storeFormLinesData;
-        /** @type {?} */
-        HdFormLinesComponent.prototype.filterStoreFormLinesData;
-        /** @type {?} */
-        HdFormLinesComponent.prototype.filterIndexStore;
+        HdPopconfirmComponent.prototype.message;
         /** @type {?} */
-        HdFormLinesComponent.prototype.isFilterData;
+        HdPopconfirmComponent.prototype.confirmOption;
         /** @type {?} */
-        HdFormLinesComponent.prototype.formValid;
-        /**
-         * @type {?}
-         * @private
-         */
-        HdFormLinesComponent.prototype.fb;
-        /**
-         * @type {?}
-         * @private
-         */
-        HdFormLinesComponent.prototype.ngZone;
+        HdPopconfirmComponent.prototype.cancelOption;
     }
 
     /**
      * @fileoverview added by tsickle
      * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
-    var HdFormLinesModule = /** @class */ (function () {
-        function HdFormLinesModule() {
+    var HdPopconfirmModule = /** @class */ (function () {
+        function HdPopconfirmModule() {
         }
-        HdFormLinesModule.decorators = [
+        HdPopconfirmModule.decorators = [
             { type: core.NgModule, args: [{
+                        declarations: [
+                            HdPopconfirmComponent
+                        ],
                         imports: [
-                            common.CommonModule,
                             forms.FormsModule,
                             forms.ReactiveFormsModule,
+                            common.CommonModule,
                             ngZorroAntd.NgZorroAntdModule,
-                            HdButtonModule,
-                            HdSpaceModule,
-                            HdButtonGroupModule
                         ],
-                        declarations: [HdFormLinesComponent],
-                        exports: [HdFormLinesComponent]
+                        exports: [HdPopconfirmComponent],
+                        providers: [],
+                        bootstrap: [HdPopconfirmComponent]
                     },] }
         ];
-        return HdFormLinesModule;
+        return HdPopconfirmModule;
     }());
 
     /**
@@ -2701,44 +3170,197 @@
     }());
     if (false) {
         /** @type {?} */
-        HdStatusComponent.prototype.status;
+        HdStatusComponent.prototype.status;
+        /** @type {?} */
+        HdStatusComponent.prototype.statusColor;
+    }
+
+    /**
+     * @fileoverview added by tsickle
+     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     */
+    var HdStatusModule = /** @class */ (function () {
+        function HdStatusModule() {
+        }
+        HdStatusModule.decorators = [
+            { type: core.NgModule, args: [{
+                        declarations: [
+                            HdStatusComponent,
+                        ],
+                        imports: [
+                            forms.FormsModule,
+                            forms.ReactiveFormsModule,
+                            common.CommonModule,
+                            ngZorroAntd.NgZorroAntdModule,
+                        ],
+                        exports: [HdStatusComponent],
+                        providers: [],
+                        bootstrap: [HdStatusComponent]
+                    },] }
+        ];
+        return HdStatusModule;
+    }());
+
+    /**
+     * @fileoverview added by tsickle
+     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     */
+    var CommonSessionService = /** @class */ (function () {
+        function CommonSessionService() {
+        }
+        /**
+         * @param {?} session_key
+         * @param {?} session
+         * @return {?}
+         */
+        CommonSessionService.prototype.putSession = /**
+         * @param {?} session_key
+         * @param {?} session
+         * @return {?}
+         */
+        function (session_key, session) {
+            if (session) {
+                window.sessionStorage.setItem(session_key, JSON.stringify(session));
+            }
+            else {
+                window.sessionStorage.removeItem(session_key);
+            }
+        };
+        /**
+         * @param {?} session_key
+         * @return {?}
+         */
+        CommonSessionService.prototype.getSession = /**
+         * @param {?} session_key
+         * @return {?}
+         */
+        function (session_key) {
+            return JSON.parse(window.sessionStorage.getItem(session_key));
+        };
+        /**
+         * @param {?} session_key
+         * @return {?}
+         */
+        CommonSessionService.prototype.removeSession = /**
+         * @param {?} session_key
+         * @return {?}
+         */
+        function (session_key) {
+            window.sessionStorage.removeItem(session_key);
+        };
+        CommonSessionService.decorators = [
+            { type: core.Injectable }
+        ];
+        return CommonSessionService;
+    }());
+
+    /**
+     * @fileoverview added by tsickle
+     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     */
+    // 表格行
+    var 
+    // 表格行
+    TableColumn = /** @class */ (function () {
+        function TableColumn() {
+            // 列名
+            this.name = null; // 字段名
+            // 颜色
+            this.align = 'left';
+            this.fixed = null;
+            // 固定列宽度
+            this.btnList = [];
+            this.isShow = true;
+        }
+        return TableColumn;
+    }());
+    if (false) {
+        /** @type {?} */
+        TableColumn.prototype.title;
+        /** @type {?} */
+        TableColumn.prototype.name;
+        /** @type {?} */
+        TableColumn.prototype.render;
+        /** @type {?} */
+        TableColumn.prototype.width;
+        /** @type {?} */
+        TableColumn.prototype.color;
+        /** @type {?} */
+        TableColumn.prototype.align;
+        /** @type {?} */
+        TableColumn.prototype.click;
+        /** @type {?} */
+        TableColumn.prototype.fixed;
+        /** @type {?} */
+        TableColumn.prototype.fixedWidth;
+        /** @type {?} */
+        TableColumn.prototype.btnList;
+        /** @type {?} */
+        TableColumn.prototype.isShow;
+    }
+    var OperateBtn = /** @class */ (function () {
+        function OperateBtn() {
+            this.showConfirm = false;
+        }
+        return OperateBtn;
+    }());
+    if (false) {
+        /** @type {?} */
+        OperateBtn.prototype.name;
+        /** @type {?} */
+        OperateBtn.prototype.showConfirm;
+        /** @type {?} */
+        OperateBtn.prototype.click;
+        /** @type {?} */
+        OperateBtn.prototype.permission;
+    }
+    var TableTotalOption = /** @class */ (function () {
+        function TableTotalOption() {
+        }
+        return TableTotalOption;
+    }());
+    if (false) {
+        /** @type {?} */
+        TableTotalOption.prototype.columnNumber;
+        /** @type {?} */
+        TableTotalOption.prototype.insertIndex;
+        /** @type {?} */
+        TableTotalOption.prototype.insertName;
+    }
+    var TableCacheOption = /** @class */ (function () {
+        function TableCacheOption() {
+        }
+        return TableCacheOption;
+    }());
+    if (false) {
+        /** @type {?} */
+        TableCacheOption.prototype.pageSize;
         /** @type {?} */
-        HdStatusComponent.prototype.statusColor;
+        TableCacheOption.prototype.colWidths;
+        /** @type {?} */
+        TableCacheOption.prototype.cols;
     }
-
-    /**
-     * @fileoverview added by tsickle
-     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
-     */
-    var HdStatusModule = /** @class */ (function () {
-        function HdStatusModule() {
+    var SetColTreeGrid = /** @class */ (function () {
+        function SetColTreeGrid() {
         }
-        HdStatusModule.decorators = [
-            { type: core.NgModule, args: [{
-                        declarations: [
-                            HdStatusComponent,
-                        ],
-                        imports: [
-                            forms.FormsModule,
-                            forms.ReactiveFormsModule,
-                            common.CommonModule,
-                            ngZorroAntd.NgZorroAntdModule,
-                        ],
-                        exports: [HdStatusComponent],
-                        providers: [],
-                        bootstrap: [HdStatusComponent]
-                    },] }
-        ];
-        return HdStatusModule;
+        return SetColTreeGrid;
     }());
+    if (false) {
+        /** @type {?} */
+        SetColTreeGrid.prototype.title;
+        /** @type {?} */
+        SetColTreeGrid.prototype.key;
+    }
 
     /**
      * @fileoverview added by tsickle
      * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
-    var HdCurrentTableComponent = /** @class */ (function () {
-        function HdCurrentTableComponent() {
-            this.scroll = { x: '1px' };
+    var HdTableComponent = /** @class */ (function () {
+        function HdTableComponent(commonSessionService) {
+            var _this = this;
+            this.commonSessionService = commonSessionService;
+            this.tableCols = [];
             this.showSelected = false;
             this.selectField = 'billNumber';
             // 合计区域
@@ -2748,9 +3370,9 @@
             this.tableLoading = false;
             // 表格分页参数
             this.tablePageIndex = 1;
-            this.tablePageSize = 10;
             this.tablePageIndexChange = new core.EventEmitter();
             this.tablePageSizeChange = new core.EventEmitter();
+            this.scroll = null;
             // 表格勾选参数
             this.isAllDisplayDataChecked = false;
             this.isIndeterminate = false;
@@ -2758,20 +3380,467 @@
             this.listOfAllData = [];
             this.mapOfCheckedId = {};
             this.mapOfCheckList = {};
+            // 合计参数
             this.tableTotalOptionList = [];
+            this.textWidthCache = {};
+            // 缓存信息
+            this.tableCacheOption = new TableCacheOption();
+            this.tableColsCache = [];
+            this.showTable = false;
+            this.selectColListNodes = [];
+            this.selectColListNodesCache = [];
+            // 拖拽操作
+            this.beforeDrop = (/**
+             * @param {?} arg
+             * @return {?}
+             */
+            function (arg) {
+                console.log('arg', arg);
+                console.log('this.selectColListNodes', _this.selectColListNodes);
+                // TODO: 这里要优化代码，拖拽的时候不是双向绑定的值
+                // this.selectColListNodesCache = this.moveElementNearby(this.selectColListNodesCache.length > 0 ? this.selectColListNodesCache : [...this.selectColListNodes], arg.dragNode.key, arg.node.key, arg.pos);
+                // if (this.selectColListNodesCache && this.selectColListNodesCache.length > 0) {
+                //   this.tableCacheOption.cols = [];
+                //   this.selectColListNodesCache.forEach(item => {
+                //     this.tableCacheOption.cols.push(item.title);
+                //     delete item.expanded
+                //   })
+                //   this.saveTableCacheOption();
+                //   // this.showTable = false;
+                //   // this.setCols();
+                //   // this.dealCols();
+                //   // this.dealScroll();
+                //   // this.showTable = true;
+                //   this.initTable();
+                // }
+                // setTimeout(() => {
+                //   console.log('this.selectColListNodes', this.selectColListNodes);
+                // }, 3000);
+                return rxjs.of(true).pipe(operators.delay(100));
+            });
         }
         /**
          * @return {?}
          */
-        HdCurrentTableComponent.prototype.ngOnInit = /**
+        HdTableComponent.prototype.ngOnInit = /**
          * @return {?}
          */
-        function () { };
+        function () {
+            this.userSession = this.commonSessionService.getSession('__jy_authorization_session__');
+            // 用于开发环境调试
+            if (!this.userSession) {
+                this.userSession = {
+                    userCode: 'dev'
+                };
+            }
+            this.getInitLocalforage();
+        };
+        /**
+         * @return {?}
+         */
+        HdTableComponent.prototype.getInitLocalforage = /**
+         * @return {?}
+         */
+        function () {
+            var _this = this;
+            // 首先获取当前hd-table存储的数据 如果没有，则初始化下当前的数据
+            localforage.getItem('hd-table_' + this.userSession.userCode + '_' + this.uuid).then((/**
+             * @param {?} value
+             * @return {?}
+             */
+            function (value) {
+                _this.tableCacheOption = value;
+                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;
+                }
+                if (!_this.tableCacheOption.colWidths) {
+                    _this.tableCacheOption.colWidths = new Map();
+                }
+                _this.initTable(true);
+            })).catch((/**
+             * @param {?} err
+             * @return {?}
+             */
+            function (err) {
+                _this.tableCacheOption = new TableCacheOption();
+                _this.tablePageSize = 10;
+                _this.tableCacheOption.pageSize = 10;
+                _this.tableCacheOption.colWidths = new Map();
+                _this.initTable(true);
+            }));
+        };
+        /**
+         * @param {?=} initTree
+         * @return {?}
+         */
+        HdTableComponent.prototype.initTable = /**
+         * @param {?=} initTree
+         * @return {?}
+         */
+        function (initTree) {
+            if (initTree === void 0) { initTree = false; }
+            this.showTable = false;
+            if (!this.uuid) {
+                throw 'hd-table缺失uuid参数，请使用编辑器插件生成并给hd-table赋予uuid属性';
+            }
+            if (this.judgeRepeatCols()) {
+                this.dealCols();
+                this.setCols(initTree);
+                this.dealScroll();
+                this.dealOperateBtn();
+                this.showTable = true;
+            }
+        };
+        // 从缓存设置列
+        // 从缓存设置列
+        /**
+         * @param {?=} initTree
+         * @return {?}
+         */
+        HdTableComponent.prototype.setCols = 
+        // 从缓存设置列
+        /**
+         * @param {?=} initTree
+         * @return {?}
+         */
+        function (initTree) {
+            var _this = this;
+            if (initTree === void 0) { initTree = false; }
+            if (initTree) {
+                this.selectColListNodes = [];
+            }
+            if (this.tableCacheOption.cols) {
+                var _a = this.tableColsCache.reduce((/**
+                 * @param {?} acc
+                 * @param {?} item
+                 * @return {?}
+                 */
+                function (acc, item) {
+                    if (_this.tableCacheOption.cols.includes(item.title)) {
+                        acc.incols.push(item);
+                    }
+                    else {
+                        acc.notIncols.push(item);
+                    }
+                    return acc;
+                }), { notIncols: [], incols: [] }), notIncols = _a.notIncols, incols = _a.incols;
+                incols.sort((/**
+                 * @param {?} a
+                 * @param {?} b
+                 * @return {?}
+                 */
+                function (a, b) {
+                    return _this.tableCacheOption.cols.indexOf(a.title) - _this.tableCacheOption.cols.indexOf(b.title);
+                }));
+                this.tableCols = incols.concat(notIncols);
+            }
+            this.tableCols.forEach((/**
+             * @param {?} element
+             * @param {?} index
+             * @return {?}
+             */
+            function (element, index) {
+                if (_this.tableCacheOption.cols) {
+                    element.isShow = _this.tableCacheOption.cols.includes(element.title) ? true : false;
+                    if (initTree) {
+                        _this.selectColListNodes.push({
+                            title: element.title,
+                            key: element.title,
+                            checked: _this.tableCacheOption.cols.includes(element.title) ? true : false
+                        });
+                    }
+                }
+                else {
+                    element.isShow = true;
+                    if (initTree) {
+                        _this.selectColListNodes.push({
+                            title: element.title,
+                            key: element.title,
+                            checked: true
+                        });
+                    }
+                }
+            }));
+            // 调整列宽为缓存宽度
+            if (this.tableCacheOption && this.tableCacheOption.colWidths && this.tableCacheOption.colWidths.size !== 0) {
+                this.tableCols.forEach((/**
+                 * @param {?} col
+                 * @return {?}
+                 */
+                function (col) {
+                    if (_this.tableCacheOption.colWidths.has(col.title)) {
+                        col.width = _this.tableCacheOption.colWidths.get(col.title);
+                    }
+                }));
+            }
+            this.dealCols();
+            // console.log('this.tableColsCache', this.tableColsCache);
+            // console.log('this.selectColListNodes', this.selectColListNodes);
+            // console.log('this.tableCacheOption.cols', this.tableCacheOption.cols);
+            // console.log('this.tableCols', this.tableCols);
+        };
+        /**
+         * @param {?} arr
+         * @param {?} elementToMoveTitle
+         * @param {?} targetElementTitle
+         * @param {?} pos
+         * @return {?}
+         */
+        HdTableComponent.prototype.moveElementNearby = /**
+         * @param {?} arr
+         * @param {?} elementToMoveTitle
+         * @param {?} targetElementTitle
+         * @param {?} pos
+         * @return {?}
+         */
+        function (arr, elementToMoveTitle, targetElementTitle, pos) {
+            /** @type {?} */
+            var tmpArray = JSON.parse(JSON.stringify(arr));
+            /** @type {?} */
+            var targetIndex = tmpArray.findIndex((/**
+             * @param {?} item
+             * @return {?}
+             */
+            function (item) { return item.title === targetElementTitle; }));
+            /** @type {?} */
+            var elementIndex = tmpArray.findIndex((/**
+             * @param {?} item
+             * @return {?}
+             */
+            function (item) { return item.title === elementToMoveTitle; }));
+            /** @type {?} */
+            var newIndex = pos < 0 ? (targetIndex + pos) : targetIndex;
+            console.log('elementIndex', elementIndex);
+            console.log('targetIndex', targetIndex);
+            console.log('newIndex', newIndex);
+            // 移除目标元素，并插入到新的位置
+            /** @type {?} */
+            var removedElement = tmpArray.splice(elementIndex, 1);
+            tmpArray.splice(newIndex + 1, 0, removedElement[0]);
+            return tmpArray;
+        };
+        // 勾选操作
+        // 勾选操作
+        /**
+         * @param {?} event
+         * @return {?}
+         */
+        HdTableComponent.prototype.checkAction = 
+        // 勾选操作
+        /**
+         * @param {?} event
+         * @return {?}
+         */
+        function (event) {
+            this.tableCacheOption.cols = event.keys;
+            this.saveTableCacheOption();
+            this.showTable = false;
+            this.setCols();
+            this.dealCols();
+            this.dealScroll();
+            this.showTable = true;
+        };
+        /**
+         * @return {?}
+         */
+        HdTableComponent.prototype.dealCols = /**
+         * @return {?}
+         */
+        function () {
+            // 处理左右吸附的数据在数组中的位置
+            /** @type {?} */
+            var leftFixedCols = this.tableCols.filter((/**
+             * @param {?} col
+             * @return {?}
+             */
+            function (col) { return col.fixed === 'left'; }));
+            /** @type {?} */
+            var rightFixedCols = this.tableCols.filter((/**
+             * @param {?} col
+             * @return {?}
+             */
+            function (col) { return col.fixed === 'right'; }));
+            /** @type {?} */
+            var normalCols = this.tableCols.filter((/**
+             * @param {?} col
+             * @return {?}
+             */
+            function (col) { return !col.fixed; }));
+            /** @type {?} */
+            var resultCols = leftFixedCols.concat(normalCols).concat(rightFixedCols);
+            this.tableCols = resultCols;
+            if (!this.tableColsCache || this.tableColsCache.length === 0) {
+                // 缓存一下表格的数据
+                this.tableColsCache = __spread(this.tableCols);
+                console.log('dealCols里面的tableCols', this.tableCols);
+                console.log('dealCols里面的缓存', this.tableColsCache);
+            }
+        };
+        /**
+         * @return {?}
+         */
+        HdTableComponent.prototype.saveTableCacheOption = /**
+         * @return {?}
+         */
+        function () {
+            localforage.setItem('hd-table_' + this.userSession.userCode + '_' + this.uuid, this.tableCacheOption);
+        };
+        /**
+         * @return {?}
+         */
+        HdTableComponent.prototype.judgeRepeatCols = /**
+         * @return {?}
+         */
+        function () {
+            for (var i = 0; i < this.tableCols.length; i++) {
+                for (var j = i + 1; j < this.tableCols.length; j++) {
+                    if (this.tableCols[i].title === this.tableCols[j].title) {
+                        throw "hd-table\u7EC4\u4EF6\u4E2D\u5217\u540D " + this.tableCols[i].title + " \u91CD\u590D";
+                    }
+                }
+            }
+            return true;
+        };
+        /**
+         * @param {?} __0
+         * @param {?} col
+         * @return {?}
+         */
+        HdTableComponent.prototype.onResize = /**
+         * @param {?} __0
+         * @param {?} col
+         * @return {?}
+         */
+        function (_a, col) {
+            var width = _a.width;
+            this.tableCacheOption.colWidths.set(col, width);
+            this.saveTableCacheOption();
+            this.tableCols = this.tableCols.map((/**
+             * @param {?} e
+             * @return {?}
+             */
+            function (e) { return (e.title === col ? __assign({}, e, { width: width }) : e); }));
+        };
+        /**
+         * @return {?}
+         */
+        HdTableComponent.prototype.dealOperateBtn = /**
+         * @return {?}
+         */
+        function () {
+            /** @type {?} */
+            var operateCol = this.tableCols.find((/**
+             * @param {?} col
+             * @return {?}
+             */
+            function (col) { return col.title === '操作'; })) || null;
+            if (operateCol) {
+                /** @type {?} */
+                var textStr_1 = '';
+                operateCol.btnList.forEach((/**
+                 * @param {?} btn
+                 * @return {?}
+                 */
+                function (btn) {
+                    textStr_1 += btn.name;
+                }));
+                /** @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
+                span.innerText = textStr_1;
+                document.body.appendChild(span);
+                operateCol.width = span.offsetWidth + (operateCol.btnList.length - 1) * 4 + 16;
+                span.style.display = 'none';
+                document.body.removeChild(span);
+            }
+        };
+        /**
+         * @param {?} fn
+         * @param {?} event
+         * @return {?}
+         */
+        HdTableComponent.prototype.triggerEvent = /**
+         * @param {?} fn
+         * @param {?} event
+         * @return {?}
+         */
+        function (fn, event) {
+            if (fn) {
+                fn(event);
+            }
+        };
+        /**
+         * @return {?}
+         */
+        HdTableComponent.prototype.dealScroll = /**
+         * @return {?}
+         */
+        function () {
+            /** @type {?} */
+            var colWidth = 0;
+            if (this.showSelected) {
+                colWidth += 40;
+            }
+            this.tableCols.forEach((/**
+             * @param {?} item
+             * @return {?}
+             */
+            function (item) {
+                if (item.isShow) {
+                    item.fixedWidth = colWidth;
+                    colWidth += item.width;
+                }
+            }));
+            this.scroll = {
+                x: '1px',
+                y: 'calc(100vh - 140px)'
+            };
+        };
+        /**
+         * @param {?} text
+         * @param {?} maxWidth
+         * @return {?}
+         */
+        HdTableComponent.prototype.isTextOverflow = /**
+         * @param {?} text
+         * @param {?} maxWidth
+         * @return {?}
+         */
+        function (text, maxWidth) {
+            /** @type {?} */
+            var cachedWidth = this.textWidthCache[text];
+            if (cachedWidth !== undefined) {
+                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
+            span.innerText = text;
+            document.body.appendChild(span);
+            /** @type {?} */
+            var isOverflow = span.offsetWidth + 15 >= maxWidth;
+            this.textWidthCache[text] = span.offsetWidth;
+            span.style.display = 'none';
+            document.body.removeChild(span);
+            return isOverflow;
+        };
         /**
          * @param {?} changes
          * @return {?}
          */
-        HdCurrentTableComponent.prototype.ngOnChanges = /**
+        HdTableComponent.prototype.ngOnChanges = /**
          * @param {?} changes
          * @return {?}
          */
@@ -2791,7 +3860,7 @@
          * @param {?} $event
          * @return {?}
          */
-        HdCurrentTableComponent.prototype.currentPageDataChange = 
+        HdTableComponent.prototype.currentPageDataChange = 
         // 表格勾选逻辑
         /**
          * @param {?} $event
@@ -2806,11 +3875,13 @@
          * @param {?} reset
          * @return {?}
          */
-        HdCurrentTableComponent.prototype.search = /**
+        HdTableComponent.prototype.search = /**
          * @param {?} reset
          * @return {?}
          */
         function (reset) {
+            this.tableCacheOption.pageSize = this.tablePageSize;
+            this.saveTableCacheOption();
             if (reset) {
                 this.tablePageSizeChange.emit(this.tablePageSize);
             }
@@ -2823,7 +3894,7 @@
         /**
          * @return {?}
          */
-        HdCurrentTableComponent.prototype.resetStatus = /**
+        HdTableComponent.prototype.resetStatus = /**
          * @return {?}
          */
         function () {
@@ -2838,7 +3909,7 @@
          * @param {?=} data
          * @return {?}
          */
-        HdCurrentTableComponent.prototype.refreshStatus = /**
+        HdTableComponent.prototype.refreshStatus = /**
          * @param {?=} event
          * @param {?=} data
          * @return {?}
@@ -2879,7 +3950,7 @@
          * @param {?} value
          * @return {?}
          */
-        HdCurrentTableComponent.prototype.checkAll = /**
+        HdTableComponent.prototype.checkAll = /**
          * @param {?} value
          * @return {?}
          */
@@ -2900,114 +3971,154 @@
             }));
             this.refreshStatus();
         };
-        HdCurrentTableComponent.decorators = [
+        HdTableComponent.decorators = [
             { 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 nzShowQuickJumper nzFrontPagination=\"false\" nzSize=\"middle\"\n    [nzData]=\"tableData.content\" [nzTotal]=\"tableData.totalElements\" [(nzPageIndex)]=\"tablePageIndex\"\n    [nzLoading]=\"tableLoading\" [(nzPageSize)]=\"tablePageSize\" (nzPageSizeChange)=\"search(true)\"\n    (nzPageIndexChange)=\"search(false)\" (nzCurrentPageDataChange)=\"showSelected ? currentPageDataChange($event) : null\"\n    [nzShowTotal]=\"tableTotalTemplate\">\n    <thead>\n      <tr>\n        <th nzWidth=\"40px\" nzLeft=\"0px\" *ngIf=\"showSelected\" nzShowCheckbox [(nzChecked)]=\"isAllDisplayDataChecked\" [nzIndeterminate]=\"isIndeterminate\"\n          (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 [(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>\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%}.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-table',
+                        template: "<ng-container>\n  <hd-button-group>\n    <ng-template #buttonGroupLeft>\n      <ng-container *ngTemplateOutlet=\"tableLeftButton\"></ng-container>\n    </ng-template>\n    <ng-template #buttonGroupRight>\n      <ng-container *ngTemplateOutlet=\"tableRightButton\"></ng-container>\n      <!-- <hd-button type=\"primary\" (clickAction)=\"setCols()\">\u8BBE\u7F6E\u5217</hd-button> -->\n      <!-- <hd-button type=\"primary\" nz-dropdown nzTrigger=\"click\" [nzDropdownMenu]=\"menu\" (clickAction)=\"setCols()\">\u8BBE\u7F6E\u5217\n      </hd-button> -->\n      <a nz-dropdown nzTrigger=\"click\" [nzDropdownMenu]=\"menu\">\n        \u8BBE\u7F6E\u5217\n        <i nz-icon nzType=\"down\"></i>\n      </a>\n      <nz-dropdown-menu #menu=\"nzDropdownMenu\">\n        <div style=\"max-height: 400px ;overflow-y: scroll;\">\n          <div nz-menu style=\"padding: 5px 10px;\">\n            <nz-tree [nzData]=\"selectColListNodes\" nzCheckable nzDraggable nzBlockNode nzShowExpand=\"false\"\n              (nzCheckBoxChange)=\"checkAction($event)\" [nzBeforeDrop]=\"beforeDrop\">\n            </nz-tree>\n          </div>\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>\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\"\n            (nzResizeEnd)=\"onResize($event, col.title)\">\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            <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']\">{{ 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': col?.color ? col.color : null}\"\n                      (click)=\"triggerEvent(col.click || null, data)\">{{ col.render ? col.render(data) :\n                      data[col.name]}}</a>\n                  </ng-container>\n                  <ng-template #overflowTemplate>\n                    <a [ngStyle]=\"{'color': col?.color ? col.color : null}\" nz-tooltip\n                      [nzTooltipTitle]=\"col.render ? col.render(data) : data[col.name]\"\n                      (click)=\"triggerEvent(col.click || null, data)\">{{ 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}\">{{ col.render ? 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                      {{ 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>",
+                        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%}.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{width:10px;height:100%;top:0;right:-5px}.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;overflow:hidden;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}.resize-trigger{height:15px;background:#e8e8e8;position:absolute}.nz-resizable-preview{border-width:0 1px 0 0}"]
                     }] }
         ];
         /** @nocollapse */
-        HdCurrentTableComponent.ctorParameters = function () { return []; };
-        HdCurrentTableComponent.propDecorators = {
+        HdTableComponent.ctorParameters = function () { return [
+            { type: CommonSessionService }
+        ]; };
+        HdTableComponent.propDecorators = {
+            uuid: [{ type: core.Input }],
+            tableCols: [{ type: core.Input }],
             tableData: [{ type: core.Input }],
-            scroll: [{ type: core.Input }],
             showSelected: [{ type: core.Input }],
             selectField: [{ type: core.Input }],
             showTableTotal: [{ type: core.Input }],
             tableTotalOption: [{ type: core.Input }],
-            selectEvent: [{ type: core.Output }],
-            tableSearchEvent: [{ type: core.Output }],
-            tableHead: [{ type: core.ContentChild, args: ["tableHead", { static: false },] }],
-            tableBody: [{ type: core.ContentChild, args: ["tableBody", { static: false },] }],
-            tableTotal: [{ type: core.ContentChild, args: ["tableTotal", { static: false },] }],
+            selectEvent: [{ type: core.Output }],
+            tableSearchEvent: [{ type: core.Output }],
             tableLoading: [{ type: core.Input }],
             tablePageIndex: [{ type: core.Input }],
             tablePageSize: [{ type: core.Input }],
             tablePageIndexChange: [{ type: core.Output }],
-            tablePageSizeChange: [{ type: core.Output }]
+            tablePageSizeChange: [{ 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 },] }]
         };
         __decorate([
             core$1.InputBoolean(),
             __metadata("design:type", Boolean)
-        ], HdCurrentTableComponent.prototype, "showSelected", void 0);
+        ], HdTableComponent.prototype, "showSelected", void 0);
         __decorate([
             core$1.InputBoolean(),
             __metadata("design:type", Boolean)
-        ], HdCurrentTableComponent.prototype, "showTableTotal", void 0);
-        return HdCurrentTableComponent;
+        ], HdTableComponent.prototype, "showTableTotal", void 0);
+        return HdTableComponent;
     }());
     if (false) {
         /** @type {?} */
-        HdCurrentTableComponent.prototype.tableData;
+        HdTableComponent.prototype.uuid;
         /** @type {?} */
-        HdCurrentTableComponent.prototype.scroll;
+        HdTableComponent.prototype.tableCols;
         /** @type {?} */
-        HdCurrentTableComponent.prototype.showSelected;
+        HdTableComponent.prototype.tableData;
         /** @type {?} */
-        HdCurrentTableComponent.prototype.selectField;
+        HdTableComponent.prototype.showSelected;
         /** @type {?} */
-        HdCurrentTableComponent.prototype.showTableTotal;
+        HdTableComponent.prototype.selectField;
         /** @type {?} */
-        HdCurrentTableComponent.prototype.tableTotalOption;
+        HdTableComponent.prototype.showTableTotal;
         /** @type {?} */
-        HdCurrentTableComponent.prototype.selectEvent;
+        HdTableComponent.prototype.tableTotalOption;
         /** @type {?} */
-        HdCurrentTableComponent.prototype.tableSearchEvent;
+        HdTableComponent.prototype.selectEvent;
         /** @type {?} */
-        HdCurrentTableComponent.prototype.tableHead;
+        HdTableComponent.prototype.tableSearchEvent;
         /** @type {?} */
-        HdCurrentTableComponent.prototype.tableBody;
+        HdTableComponent.prototype.tableLoading;
         /** @type {?} */
-        HdCurrentTableComponent.prototype.tableTotal;
+        HdTableComponent.prototype.tablePageIndex;
         /** @type {?} */
-        HdCurrentTableComponent.prototype.tableLoading;
+        HdTableComponent.prototype.tablePageSize;
         /** @type {?} */
-        HdCurrentTableComponent.prototype.tablePageIndex;
+        HdTableComponent.prototype.tablePageIndexChange;
         /** @type {?} */
-        HdCurrentTableComponent.prototype.tablePageSize;
+        HdTableComponent.prototype.tablePageSizeChange;
         /** @type {?} */
-        HdCurrentTableComponent.prototype.tablePageIndexChange;
+        HdTableComponent.prototype.tableTotal;
         /** @type {?} */
-        HdCurrentTableComponent.prototype.tablePageSizeChange;
+        HdTableComponent.prototype.tableLeftButton;
         /** @type {?} */
-        HdCurrentTableComponent.prototype.isAllDisplayDataChecked;
+        HdTableComponent.prototype.tableRightButton;
         /** @type {?} */
-        HdCurrentTableComponent.prototype.isIndeterminate;
+        HdTableComponent.prototype.scroll;
         /** @type {?} */
-        HdCurrentTableComponent.prototype.listOfDisplayData;
+        HdTableComponent.prototype.isAllDisplayDataChecked;
         /** @type {?} */
-        HdCurrentTableComponent.prototype.listOfAllData;
+        HdTableComponent.prototype.isIndeterminate;
         /** @type {?} */
-        HdCurrentTableComponent.prototype.listOfSelection;
+        HdTableComponent.prototype.listOfDisplayData;
         /** @type {?} */
-        HdCurrentTableComponent.prototype.mapOfCheckedId;
+        HdTableComponent.prototype.listOfAllData;
         /** @type {?} */
-        HdCurrentTableComponent.prototype.mapOfCheckList;
+        HdTableComponent.prototype.listOfSelection;
         /** @type {?} */
-        HdCurrentTableComponent.prototype.tableTotalOptionList;
+        HdTableComponent.prototype.mapOfCheckedId;
+        /** @type {?} */
+        HdTableComponent.prototype.mapOfCheckList;
+        /** @type {?} */
+        HdTableComponent.prototype.tableTotalOptionList;
+        /**
+         * @type {?}
+         * @private
+         */
+        HdTableComponent.prototype.textWidthCache;
+        /** @type {?} */
+        HdTableComponent.prototype.tableCacheOption;
+        /** @type {?} */
+        HdTableComponent.prototype.userSession;
+        /** @type {?} */
+        HdTableComponent.prototype.tableColsCache;
+        /** @type {?} */
+        HdTableComponent.prototype.showTable;
+        /** @type {?} */
+        HdTableComponent.prototype.selectColListNodes;
+        /** @type {?} */
+        HdTableComponent.prototype.selectColListNodesCache;
+        /** @type {?} */
+        HdTableComponent.prototype.beforeDrop;
+        /**
+         * @type {?}
+         * @private
+         */
+        HdTableComponent.prototype.commonSessionService;
     }
 
     /**
      * @fileoverview added by tsickle
      * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
-    var HdCurrentTableModule = /** @class */ (function () {
-        function HdCurrentTableModule() {
+    var HdTableModule = /** @class */ (function () {
+        function HdTableModule() {
         }
-        HdCurrentTableModule.decorators = [
+        HdTableModule.decorators = [
             { type: core.NgModule, args: [{
                         imports: [
                             common.CommonModule,
                             table.NzTableModule,
-                            HdSpaceModule
+                            HdSpaceModule,
+                            HdStatusModule,
+                            HdButtonModule,
+                            HdButtonGroupModule,
+                            tooltip.NzToolTipModule,
+                            popconfirm.NzPopconfirmModule,
+                            resizable.NzResizableModule,
+                            dropdown.NzDropDownModule,
+                            tree.NzTreeModule
                         ],
-                        declarations: [HdCurrentTableComponent],
-                        exports: [HdCurrentTableComponent],
+                        declarations: [HdTableComponent],
+                        providers: [CommonSessionService],
+                        exports: [HdTableComponent],
                         schemas: [core.NO_ERRORS_SCHEMA]
                     },] }
         ];
-        return HdCurrentTableModule;
+        return HdTableModule;
     }());
 
     /**
@@ -3071,198 +4182,6 @@
         return HdTipModule;
     }());
 
-    /**
-     * @fileoverview added by tsickle
-     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
-     */
-    var HdPopconfirmComponent = /** @class */ (function () {
-        function HdPopconfirmComponent() {
-            this.confirmOption = new core.EventEmitter();
-            this.cancelOption = new core.EventEmitter();
-        }
-        /**
-         * @return {?}
-         */
-        HdPopconfirmComponent.prototype.ngOnInit = /**
-         * @return {?}
-         */
-        function () {
-        };
-        /**
-         * @param {?} e
-         * @return {?}
-         */
-        HdPopconfirmComponent.prototype.cancel = /**
-         * @param {?} e
-         * @return {?}
-         */
-        function (e) {
-            this.cancelOption.emit();
-        };
-        /**
-         * @param {?} e
-         * @return {?}
-         */
-        HdPopconfirmComponent.prototype.confirm = /**
-         * @param {?} e
-         * @return {?}
-         */
-        function (e) {
-            this.confirmOption.emit();
-        };
-        HdPopconfirmComponent.decorators = [
-            { 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}"]
-                    }] }
-        ];
-        /** @nocollapse */
-        HdPopconfirmComponent.ctorParameters = function () { return []; };
-        HdPopconfirmComponent.propDecorators = {
-            message: [{ type: core.Input }],
-            confirmOption: [{ type: core.Output }],
-            cancelOption: [{ type: core.Output }]
-        };
-        return HdPopconfirmComponent;
-    }());
-    if (false) {
-        /** @type {?} */
-        HdPopconfirmComponent.prototype.message;
-        /** @type {?} */
-        HdPopconfirmComponent.prototype.confirmOption;
-        /** @type {?} */
-        HdPopconfirmComponent.prototype.cancelOption;
-    }
-
-    /**
-     * @fileoverview added by tsickle
-     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
-     */
-    var HdPopconfirmModule = /** @class */ (function () {
-        function HdPopconfirmModule() {
-        }
-        HdPopconfirmModule.decorators = [
-            { type: core.NgModule, args: [{
-                        declarations: [
-                            HdPopconfirmComponent
-                        ],
-                        imports: [
-                            forms.FormsModule,
-                            forms.ReactiveFormsModule,
-                            common.CommonModule,
-                            ngZorroAntd.NgZorroAntdModule,
-                        ],
-                        exports: [HdPopconfirmComponent],
-                        providers: [],
-                        bootstrap: [HdPopconfirmComponent]
-                    },] }
-        ];
-        return HdPopconfirmModule;
-    }());
-
-    /**
-     * @fileoverview added by tsickle
-     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
-     */
-    var HdLogComponent = /** @class */ (function () {
-        function HdLogComponent() {
-        }
-        /**
-         * @return {?}
-         */
-        HdLogComponent.prototype.ngOnInit = /**
-         * @return {?}
-         */
-        function () {
-        };
-        HdLogComponent.decorators = [
-            { type: core.Component, args: [{
-                        selector: 'hd-log',
-                        template: "<hd-detail-lines [scroll]=\"{x: '1px'}\" [lines]=\"logs\" hdFrontPagination=\"true\">\n  <ng-template #detailLineHead>\n    <th>\u65F6\u95F4</th>\n    <th>\u64CD\u4F5C\u4EBA</th>\n    <th>\u4E8B\u4EF6</th>\n    <th>\u63CF\u8FF0</th>\n  </ng-template>\n  <ng-template #detailLineBody let-data let-index=\"index\">\n    <td>{{data.createInfo.operateTime}}</td>\n    <td>{{data.createInfo.operatorName}}</td>\n    <td>{{data.event}}</td>\n    <td>{{data.describe}}</td>\n  </ng-template>\n</hd-detail-lines>",
-                        styles: [""]
-                    }] }
-        ];
-        /** @nocollapse */
-        HdLogComponent.ctorParameters = function () { return []; };
-        HdLogComponent.propDecorators = {
-            logs: [{ type: core.Input }]
-        };
-        return HdLogComponent;
-    }());
-    if (false) {
-        /** @type {?} */
-        HdLogComponent.prototype.logs;
-    }
-
-    /**
-     * @fileoverview added by tsickle
-     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
-     */
-    var HdLogService = /** @class */ (function () {
-        function HdLogService(modalService) {
-            this.modalService = modalService;
-        }
-        /**
-         * @param {?} logs
-         * @return {?}
-         */
-        HdLogService.prototype.showLogs = /**
-         * @param {?} logs
-         * @return {?}
-         */
-        function (logs) {
-            this.modalService.create({
-                nzTitle: '操作日志',
-                nzContent: HdLogComponent,
-                nzComponentParams: { logs: logs },
-                nzFooter: null,
-                nzWidth: 800
-            });
-        };
-        HdLogService.decorators = [
-            { type: core.Injectable, args: [{
-                        providedIn: 'root',
-                    },] }
-        ];
-        /** @nocollapse */
-        HdLogService.ctorParameters = function () { return [
-            { type: ngZorroAntd.NzModalService }
-        ]; };
-        /** @nocollapse */ HdLogService.ngInjectableDef = core.ɵɵdefineInjectable({ factory: function HdLogService_Factory() { return new HdLogService(core.ɵɵinject(modal.NzModalService)); }, token: HdLogService, providedIn: "root" });
-        return HdLogService;
-    }());
-    if (false) {
-        /**
-         * @type {?}
-         * @private
-         */
-        HdLogService.prototype.modalService;
-    }
-
-    /**
-     * @fileoverview added by tsickle
-     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
-     */
-    var HdLogModule = /** @class */ (function () {
-        function HdLogModule() {
-        }
-        HdLogModule.decorators = [
-            { type: core.NgModule, args: [{
-                        imports: [
-                            common.CommonModule,
-                            ngZorroAntd.NgZorroAntdModule,
-                            HdDetailLinesModule
-                        ],
-                        entryComponents: [HdLogComponent],
-                        declarations: [HdLogComponent],
-                        exports: [HdLogComponent],
-                        providers: [HdLogService]
-                    },] }
-        ];
-        return HdLogModule;
-    }());
-
     /**
      * @fileoverview added by tsickle
      * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
@@ -3284,6 +4203,7 @@
                             HdSpaceModule,
                             HdStatusModule,
                             HdCurrentTableModule,
+                            HdTableModule,
                             HdTipModule,
                             HdPopconfirmModule,
                             HdLogModule
@@ -3318,7 +4238,7 @@
     // 表格行
     var   
     // 表格行
-    TableColumn = /** @class */ (function () {
+    TableColumn$1 = /** @class */ (function () {
         function TableColumn() {
             // 字段名称
             this.value = null; // 值 不传默认为null
@@ -3327,31 +4247,31 @@
     }());
     if (false) {
         /** @type {?} */
-        TableColumn.prototype.label;
+        TableColumn$1.prototype.label;
         /** @type {?} */
-        TableColumn.prototype.name;
+        TableColumn$1.prototype.name;
         /** @type {?} */
-        TableColumn.prototype.value;
+        TableColumn$1.prototype.value;
         /** @type {?} */
-        TableColumn.prototype.selectList;
+        TableColumn$1.prototype.selectList;
         /** @type {?} */
-        TableColumn.prototype.show;
+        TableColumn$1.prototype.show;
     }
     //
     var   
     //
-    TableTotalOption = /** @class */ (function () {
+    TableTotalOption$1 = /** @class */ (function () {
         function TableTotalOption() {
         }
         return TableTotalOption;
     }());
     if (false) {
         /** @type {?} */
-        TableTotalOption.prototype.columnNumber;
+        TableTotalOption$1.prototype.columnNumber;
         /** @type {?} */
-        TableTotalOption.prototype.insertIndex;
+        TableTotalOption$1.prototype.insertIndex;
         /** @type {?} */
-        TableTotalOption.prototype.insertName;
+        TableTotalOption$1.prototype.insertName;
     }
 
     /**
@@ -3860,13 +4780,16 @@
     exports.InputNumber = InputNumber;
     exports.Page = Page;
     exports.SelectOption = SelectOption;
-    exports.TableColumn = TableColumn;
-    exports.TableTotalOption = TableTotalOption;
+    exports.TableColumn = TableColumn$1;
+    exports.TableTotalOption = TableTotalOption$1;
     exports.TotalOption = TotalOption;
     exports.Utils = Utils;
     exports.ɵa = HdComponentModule;
     exports.ɵb = HdButtonModule;
-    exports.ɵba = HdLogModule;
+    exports.ɵba = HdTipComponent;
+    exports.ɵbb = HdPopconfirmModule;
+    exports.ɵbc = HdPopconfirmComponent;
+    exports.ɵbd = HdLogModule;
     exports.ɵc = HdButtonComponent;
     exports.ɵd = HdButtonGroupModule;
     exports.ɵe = HdButtonGroupComponent;
@@ -3887,10 +4810,10 @@
     exports.ɵt = HdStatusModule;
     exports.ɵu = HdStatusComponent;
     exports.ɵv = HdCurrentTableModule;
-    exports.ɵw = HdTipModule;
-    exports.ɵx = HdTipComponent;
-    exports.ɵy = HdPopconfirmModule;
-    exports.ɵz = HdPopconfirmComponent;
+    exports.ɵw = HdTableModule;
+    exports.ɵx = HdTableComponent;
+    exports.ɵy = CommonSessionService;
+    exports.ɵz = HdTipModule;
 
     Object.defineProperty(exports, '__esModule', { value: true });