fantasy-ngzorro 2.1.4 → 2.1.6

package/bundles/fantasy-ngzorro.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/forms'), require('ng-zorro-antd'), require('@angular/cdk/drag-drop'), require('ng-zorro-antd/table'), require('lodash'), require('ng-zorro-antd/core'), require('rxjs'), require('rxjs/operators'), require('ng-zorro-antd/modal'), require('ng-zorro-antd/dropdown'), require('ng-zorro-antd/icon'), require('ng-zorro-antd/popconfirm'), require('ng-zorro-antd/resizable'), require('ng-zorro-antd/tooltip'), require('ng-zorro-antd/tree'), require('localforage')) :
-    typeof define === 'function' && define.amd ? define('fantasy-ngzorro', ['exports', '@angular/core', '@angular/common', '@angular/forms', 'ng-zorro-antd', '@angular/cdk/drag-drop', 'ng-zorro-antd/table', 'lodash', 'ng-zorro-antd/core', 'rxjs', 'rxjs/operators', 'ng-zorro-antd/modal', 'ng-zorro-antd/dropdown', 'ng-zorro-antd/icon', 'ng-zorro-antd/popconfirm', 'ng-zorro-antd/resizable', 'ng-zorro-antd/tooltip', 'ng-zorro-antd/tree', 'localforage'], factory) :
-    (global = global || self, factory(global['fantasy-ngzorro'] = {}, global.ng.core, global.ng.common, global.ng.forms, global.ngZorroAntd, global.ng.cdk['drag-drop'], global.table, global.lodash, global.core$1, global.rxjs, global.rxjs.operators, global.modal, global.dropdown, global.icon, global.popconfirm, global.resizable, global.tooltip, global.tree, global.localforage));
-}(this, (function (exports, core, common, forms, ngZorroAntd, dragDrop, table, lodash, core$1, rxjs, operators, modal, dropdown, icon, popconfirm, resizable, tooltip, tree, localforage) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/forms'), require('ng-zorro-antd'), require('@angular/cdk/drag-drop'), require('ng-zorro-antd/table'), require('lodash'), require('ng-zorro-antd/core'), require('rxjs'), require('rxjs/operators'), require('ng-zorro-antd/modal'), require('ng-zorro-antd/dropdown'), require('ng-zorro-antd/icon'), require('ng-zorro-antd/popconfirm'), require('ng-zorro-antd/resizable'), require('ng-zorro-antd/tooltip'), require('ng-zorro-antd/tree'), require('localforage'), require('@angular/router')) :
+    typeof define === 'function' && define.amd ? define('fantasy-ngzorro', ['exports', '@angular/core', '@angular/common', '@angular/forms', 'ng-zorro-antd', '@angular/cdk/drag-drop', 'ng-zorro-antd/table', 'lodash', 'ng-zorro-antd/core', 'rxjs', 'rxjs/operators', 'ng-zorro-antd/modal', 'ng-zorro-antd/dropdown', 'ng-zorro-antd/icon', 'ng-zorro-antd/popconfirm', 'ng-zorro-antd/resizable', 'ng-zorro-antd/tooltip', 'ng-zorro-antd/tree', 'localforage', '@angular/router'], factory) :
+    (global = global || self, factory(global['fantasy-ngzorro'] = {}, global.ng.core, global.ng.common, global.ng.forms, global.ngZorroAntd, global.ng.cdk['drag-drop'], global.table, global.lodash, global.core$1, global.rxjs, global.rxjs.operators, global.modal, global.dropdown, global.icon, global.popconfirm, global.resizable, global.tooltip, global.tree, global.localforage, global.ng.router));
+}(this, (function (exports, core, common, forms, ngZorroAntd, dragDrop, table, lodash, core$1, rxjs, operators, modal, dropdown, icon, popconfirm, resizable, tooltip, tree, localforage, router) { 'use strict';
 
     /*! *****************************************************************************
     Copyright (c) Microsoft Corporation.
@@ -2461,9 +2461,18 @@
             this.showKeyboardOperateTip = false;
             this.tableLoading = false;
             this.showSearch = false;
-            this.operateButtons = ["add", "delete"];
+            /**
+             * 是否展示行勾选列，用于外部批量操作勾选行
+             */
+            this.showCheckbox = false;
+            this.operateButtons = ["add", "delete"]; // 操作列按钮：add / delete / copy
+            // 操作列按钮：add / delete / copy
             this.scroll = { x: "1px" };
             this.changeEvent = new core.EventEmitter();
+            /**
+             * 勾选变化时抛出当前勾选行 FormGroup 列表
+             */
+            this.selectionChange = new core.EventEmitter();
             this.showDeleteConfirm = false;
             this.paginationPageIndex = 1;
             this.paginationPageSize = 10;
@@ -2483,6 +2492,10 @@
             // 是否是已经筛选过的数据
             this.formValid = false; // 表单当前的状态
             // 表单当前的状态
+            /**
+             * 勾选的行 id（跨页、搜索重建后仍保留）
+             */
+            this.selectedRowIds = new Set();
             this.searchSubject = new rxjs.Subject();
             this.debounceTimeout = 0; // 默认防抖时间
             this.openChangeSubject = new rxjs.Subject();
@@ -2573,6 +2586,510 @@
             enumerable: true,
             configurable: true
         });
+        Object.defineProperty(HdFormLinesComponent.prototype, "operateColWidth", {
+            get: /**
+             * @return {?}
+             */
+            function () {
+                /** @type {?} */
+                var count = (this.operateButtons || []).filter((/**
+                 * @param {?} btn
+                 * @return {?}
+                 */
+                function (btn) {
+                    return ["add", "copy", "delete"].includes(btn);
+                })).length;
+                return Math.max(count * 40, 80);
+            },
+            enumerable: true,
+            configurable: true
+        });
+        Object.defineProperty(HdFormLinesComponent.prototype, "lineNumberLeft", {
+            /** 勾选列固定时，序号列的 left 偏移 */
+            get: /**
+             * 勾选列固定时，序号列的 left 偏移
+             * @return {?}
+             */
+            function () {
+                return this.showCheckbox ? "40px" : "0px";
+            },
+            enumerable: true,
+            configurable: true
+        });
+        /**
+         * @private
+         * @return {?}
+         */
+        HdFormLinesComponent.prototype.generateRowId = /**
+         * @private
+         * @return {?}
+         */
+        function () {
+            return "hd_row_" + Date.now() + "_" + Math.random().toString(36).slice(2, 9);
+        };
+        /**
+         * @private
+         * @param {?} line
+         * @return {?}
+         */
+        HdFormLinesComponent.prototype.getRowId = /**
+         * @private
+         * @param {?} line
+         * @return {?}
+         */
+        function (line) {
+            if (!line || !line.get("_hdRowId")) {
+                return null;
+            }
+            return line.get("_hdRowId").value;
+        };
+        /** 当前页的行（用于表头全选，仅作用于当前页，跨页勾选仍保留） */
+        /**
+         * 当前页的行（用于表头全选，仅作用于当前页，跨页勾选仍保留）
+         * @private
+         * @return {?}
+         */
+        HdFormLinesComponent.prototype.getCurrentPageLines = /**
+         * 当前页的行（用于表头全选，仅作用于当前页，跨页勾选仍保留）
+         * @private
+         * @return {?}
+         */
+        function () {
+            /** @type {?} */
+            var start = (this.paginationPageIndex - 1) * this.paginationPageSize;
+            /** @type {?} */
+            var end = start + this.paginationPageSize;
+            return ((/** @type {?} */ (this.linesFormArray.controls))).slice(start, end);
+        };
+        /**
+         * @param {?} line
+         * @return {?}
+         */
+        HdFormLinesComponent.prototype.isLineChecked = /**
+         * @param {?} line
+         * @return {?}
+         */
+        function (line) {
+            /** @type {?} */
+            var id = this.getRowId(line);
+            return !!id && this.selectedRowIds.has(id);
+        };
+        /**
+         * @return {?}
+         */
+        HdFormLinesComponent.prototype.isAllChecked = /**
+         * @return {?}
+         */
+        function () {
+            var _this = this;
+            /** @type {?} */
+            var pageLines = this.getCurrentPageLines();
+            return pageLines.length > 0 && pageLines.every((/**
+             * @param {?} line
+             * @return {?}
+             */
+            function (line) { return _this.isLineChecked(line); }));
+        };
+        /**
+         * @return {?}
+         */
+        HdFormLinesComponent.prototype.isIndeterminate = /**
+         * @return {?}
+         */
+        function () {
+            var _this = this;
+            /** @type {?} */
+            var pageLines = this.getCurrentPageLines();
+            /** @type {?} */
+            var checkedCount = pageLines.filter((/**
+             * @param {?} line
+             * @return {?}
+             */
+            function (line) { return _this.isLineChecked(line); })).length;
+            return checkedCount > 0 && checkedCount < pageLines.length;
+        };
+        /**
+         * @param {?} checked
+         * @return {?}
+         */
+        HdFormLinesComponent.prototype.onAllChecked = /**
+         * @param {?} checked
+         * @return {?}
+         */
+        function (checked) {
+            var _this = this;
+            this.getCurrentPageLines().forEach((/**
+             * @param {?} line
+             * @return {?}
+             */
+            function (line) {
+                /** @type {?} */
+                var id = _this.getRowId(line);
+                if (!id) {
+                    return;
+                }
+                if (checked) {
+                    _this.selectedRowIds.add(id);
+                }
+                else {
+                    _this.selectedRowIds.delete(id);
+                }
+            }));
+            this.emitSelectionChange();
+        };
+        /**
+         * @param {?} line
+         * @param {?} checked
+         * @return {?}
+         */
+        HdFormLinesComponent.prototype.onLineCheckedChange = /**
+         * @param {?} line
+         * @param {?} checked
+         * @return {?}
+         */
+        function (line, checked) {
+            /** @type {?} */
+            var id = this.getRowId(line);
+            if (!id) {
+                return;
+            }
+            if (checked) {
+                this.selectedRowIds.add(id);
+            }
+            else {
+                this.selectedRowIds.delete(id);
+            }
+            this.emitSelectionChange();
+        };
+        /**
+         * @private
+         * @return {?}
+         */
+        HdFormLinesComponent.prototype.emitSelectionChange = /**
+         * @private
+         * @return {?}
+         */
+        function () {
+            this.selectionChange.emit(this.getSelectedLines());
+            this.cdr.markForCheck();
+        };
+        /**
+         * @private
+         * @param {?} line
+         * @return {?}
+         */
+        HdFormLinesComponent.prototype.removeLineFromSelection = /**
+         * @private
+         * @param {?} line
+         * @return {?}
+         */
+        function (line) {
+            /** @type {?} */
+            var id = this.getRowId(line);
+            if (id && this.selectedRowIds.has(id)) {
+                this.selectedRowIds.delete(id);
+                this.emitSelectionChange();
+            }
+        };
+        /**
+         * @private
+         * @param {?} line
+         * @param {?} values
+         * @param {?} emitEvent
+         * @return {?}
+         */
+        HdFormLinesComponent.prototype.applyValuesToLine = /**
+         * @private
+         * @param {?} line
+         * @param {?} values
+         * @param {?} emitEvent
+         * @return {?}
+         */
+        function (line, values, emitEvent) {
+            var _this = this;
+            Object.keys(values).forEach((/**
+             * @param {?} key
+             * @return {?}
+             */
+            function (key) {
+                /** @type {?} */
+                var control = line.get(key);
+                if (!control) {
+                    line.addControl(key, _this.fb.control(values[key]));
+                    control = line.get(key);
+                }
+                // 静默赋值，避免 valueChanges / DOM maxlength 回写把校验态打乱
+                control.setValue(values[key], { emitEvent: false });
+                control.markAsPristine({ onlySelf: true });
+                control.markAsUntouched({ onlySelf: true });
+                control.updateValueAndValidity({ emitEvent: false });
+                if (emitEvent) {
+                    /** @type {?} */
+                    var formItem = _this.formLines.find((/**
+                     * @param {?} item
+                     * @return {?}
+                     */
+                    function (item) { return item.name === key; }));
+                    if (formItem && formItem.onChangeEvent) {
+                        _this.triggerEvent(formItem.onChangeEvent, values[key], line);
+                    }
+                }
+            }));
+            this.cdr.detectChanges();
+        };
+        /**
+         * 仅在用户交互后、且当前值确实为空的 required 错误时展示红框，
+         * 避免批量赋值时 ng-zorro 残留「不能为空」提示
+         */
+        /**
+         * 仅在用户交互后、且当前值确实为空的 required 错误时展示红框，
+         * 避免批量赋值时 ng-zorro 残留「不能为空」提示
+         * @param {?} line
+         * @param {?} formItem
+         * @return {?}
+         */
+        HdFormLinesComponent.prototype.getControlValidateStatus = /**
+         * 仅在用户交互后、且当前值确实为空的 required 错误时展示红框，
+         * 避免批量赋值时 ng-zorro 残留「不能为空」提示
+         * @param {?} line
+         * @param {?} formItem
+         * @return {?}
+         */
+        function (line, formItem) {
+            /** @type {?} */
+            var control = line.get(formItem.name);
+            if (!control || control.disabled) {
+                return "";
+            }
+            /** @type {?} */
+            var empty = control.value === null ||
+                control.value === undefined ||
+                control.value === "";
+            if ((control.dirty || control.touched) && empty && control.hasError("required")) {
+                return "error";
+            }
+            return "";
+        };
+        /** 用户输入时按 maxLength 截断（不使用原生 maxlength，避免干扰程序化赋值） */
+        /**
+         * 用户输入时按 maxLength 截断（不使用原生 maxlength，避免干扰程序化赋值）
+         * @param {?} event
+         * @param {?} line
+         * @param {?} formItem
+         * @return {?}
+         */
+        HdFormLinesComponent.prototype.limitInputLength = /**
+         * 用户输入时按 maxLength 截断（不使用原生 maxlength，避免干扰程序化赋值）
+         * @param {?} event
+         * @param {?} line
+         * @param {?} formItem
+         * @return {?}
+         */
+        function (event, line, formItem) {
+            if (!formItem || !formItem.maxLength) {
+                return;
+            }
+            /** @type {?} */
+            var input = (/** @type {?} */ (event.target));
+            if (input && input.value && input.value.length > formItem.maxLength) {
+                /** @type {?} */
+                var next = input.value.slice(0, formItem.maxLength);
+                input.value = next;
+                /** @type {?} */
+                var control = line.get(formItem.name);
+                if (control) {
+                    control.setValue(next);
+                }
+            }
+        };
+        /** 获取当前勾选且已挂载的行 FormGroup（当前筛选结果内） */
+        /**
+         * 获取当前勾选且已挂载的行 FormGroup（当前筛选结果内）
+         * @return {?}
+         */
+        HdFormLinesComponent.prototype.getSelectedLines = /**
+         * 获取当前勾选且已挂载的行 FormGroup（当前筛选结果内）
+         * @return {?}
+         */
+        function () {
+            var _this = this;
+            return ((/** @type {?} */ (this.linesFormArray.controls))).filter((/**
+             * @param {?} line
+             * @return {?}
+             */
+            function (line) {
+                return _this.isLineChecked(line);
+            }));
+        };
+        /**
+         * 获取全部勾选行数据（含跨页、搜索后未展示但仍勾选的行）
+         */
+        /**
+         * 获取全部勾选行数据（含跨页、搜索后未展示但仍勾选的行）
+         * @return {?}
+         */
+        HdFormLinesComponent.prototype.getSelectedLinesData = /**
+         * 获取全部勾选行数据（含跨页、搜索后未展示但仍勾选的行）
+         * @return {?}
+         */
+        function () {
+            var _this = this;
+            /** @type {?} */
+            var result = [];
+            /** @type {?} */
+            var mountedById = new Map();
+            ((/** @type {?} */ (this.linesFormArray.controls))).forEach((/**
+             * @param {?} line
+             * @return {?}
+             */
+            function (line) {
+                /** @type {?} */
+                var id = _this.getRowId(line);
+                if (id && _this.selectedRowIds.has(id)) {
+                    mountedById.set(id, line.getRawValue());
+                }
+            }));
+            (this.storeFormLinesData || []).forEach((/**
+             * @param {?} data
+             * @return {?}
+             */
+            function (data) {
+                /** @type {?} */
+                var id = data && data._hdRowId;
+                if (id && _this.selectedRowIds.has(id)) {
+                    result.push(mountedById.has(id) ? mountedById.get(id) : __assign({}, data));
+                }
+            }));
+            // 兜底：刚新增、尚未进 store 的勾选行
+            this.selectedRowIds.forEach((/**
+             * @param {?} id
+             * @return {?}
+             */
+            function (id) {
+                if (!result.some((/**
+                 * @param {?} item
+                 * @return {?}
+                 */
+                function (item) { return item && item._hdRowId === id; })) && mountedById.has(id)) {
+                    result.push(mountedById.get(id));
+                }
+            }));
+            return result;
+        };
+        /**
+         * 批量填充勾选行字段（支持跨页、搜索后未展示但仍勾选的行）
+         * @param values 要写入的字段，如 { remark: '批量备注', price: 10 }
+         * @param emitEvent 是否触发 valueChanges / onChangeEvent，默认 true
+         * @returns 实际填充的行数
+         */
+        /**
+         * 批量填充勾选行字段（支持跨页、搜索后未展示但仍勾选的行）
+         * @param {?} values 要写入的字段，如 { remark: '批量备注', price: 10 }
+         * @param {?=} emitEvent 是否触发 valueChanges / onChangeEvent，默认 true
+         * @return {?} 实际填充的行数
+         */
+        HdFormLinesComponent.prototype.batchFillSelected = /**
+         * 批量填充勾选行字段（支持跨页、搜索后未展示但仍勾选的行）
+         * @param {?} values 要写入的字段，如 { remark: '批量备注', price: 10 }
+         * @param {?=} emitEvent 是否触发 valueChanges / onChangeEvent，默认 true
+         * @return {?} 实际填充的行数
+         */
+        function (values, emitEvent) {
+            var _this = this;
+            if (emitEvent === void 0) { emitEvent = true; }
+            if (!values || this.selectedRowIds.size === 0) {
+                return 0;
+            }
+            /** @type {?} */
+            var mountedById = new Map();
+            ((/** @type {?} */ (this.linesFormArray.controls))).forEach((/**
+             * @param {?} line
+             * @return {?}
+             */
+            function (line) {
+                /** @type {?} */
+                var id = _this.getRowId(line);
+                if (id) {
+                    mountedById.set(id, line);
+                }
+            }));
+            /** @type {?} */
+            var count = 0;
+            this.selectedRowIds.forEach((/**
+             * @param {?} id
+             * @return {?}
+             */
+            function (id) {
+                /** @type {?} */
+                var line = mountedById.get(id);
+                if (line) {
+                    _this.applyValuesToLine(line, values, emitEvent);
+                    count++;
+                    return;
+                }
+                // 当前筛选/页面未挂载：直接改总数据，退出搜索后可见
+                /** @type {?} */
+                var storeItem = (_this.storeFormLinesData || []).find((/**
+                 * @param {?} data
+                 * @return {?}
+                 */
+                function (data) { return data && data._hdRowId === id; }));
+                if (storeItem) {
+                    Object.keys(values).forEach((/**
+                     * @param {?} key
+                     * @return {?}
+                     */
+                    function (key) {
+                        storeItem[key] = values[key];
+                    }));
+                    count++;
+                }
+            }));
+            return count;
+        };
+        /** 清空勾选 */
+        /**
+         * 清空勾选
+         * @return {?}
+         */
+        HdFormLinesComponent.prototype.clearSelection = /**
+         * 清空勾选
+         * @return {?}
+         */
+        function () {
+            if (this.selectedRowIds.size === 0) {
+                return;
+            }
+            this.selectedRowIds.clear();
+            this.emitSelectionChange();
+        };
+        /** 当前勾选数量（含跨页、搜索保留） */
+        /**
+         * 当前勾选数量（含跨页、搜索保留）
+         * @return {?}
+         */
+        HdFormLinesComponent.prototype.getSelectedCount = /**
+         * 当前勾选数量（含跨页、搜索保留）
+         * @return {?}
+         */
+        function () {
+            return this.selectedRowIds.size;
+        };
+        Object.defineProperty(HdFormLinesComponent.prototype, "showToolbar", {
+            /** 是否展示顶部工具栏 */
+            get: /**
+             * 是否展示顶部工具栏
+             * @return {?}
+             */
+            function () {
+                return (!!this.showSearch ||
+                    !!this.showCheckbox ||
+                    !!this.formLinesLeftButton ||
+                    !!this.formLinesRightButton);
+            },
+            enumerable: true,
+            configurable: true
+        });
         /**
          * @param {?} value
          * @return {?}
@@ -3455,7 +3972,7 @@
                         formGroupObj[item.selectOption.label] = _this.fb.control(formLinesDataItem[item.selectOption.label] || null, []);
                     }
                 }));
-                formGroupObj.lineIndex = _this.fb.control(((/** @type {?} */ (tmpValidateHdFormLines.get("lines")))).controls.length, []);
+                formGroupObj.lineIndex = _this.fb.control(((/** @type {?} */ (tmpValidateHdFormLines.get("lines")))).controls.length + 1, []);
                 /** @type {?} */
                 var formGroupTmp = _this.fb.group(formGroupObj);
                 _this.formLines.forEach((/**
@@ -3759,7 +4276,34 @@
          * @return {?}
          */
         function () {
+            return this.createLineFromValues(null, true);
+        };
+        /**
+         * 根据行数据创建 FormGroup（含隐藏字段、select 的 label 等附属字段）
+         * @param formLinesDataItem 行数据，空行传 null
+         * @param isEmptyLine 是否空行（影响必填校验规则，与历史逻辑保持一致）
+         * @param regenerateRowId 是否强制生成新行 id（复制行时使用）
+         */
+        /**
+         * 根据行数据创建 FormGroup（含隐藏字段、select 的 label 等附属字段）
+         * @private
+         * @param {?} formLinesDataItem 行数据，空行传 null
+         * @param {?=} isEmptyLine 是否空行（影响必填校验规则，与历史逻辑保持一致）
+         * @param {?=} regenerateRowId 是否强制生成新行 id（复制行时使用）
+         * @return {?}
+         */
+        HdFormLinesComponent.prototype.createLineFromValues = /**
+         * 根据行数据创建 FormGroup（含隐藏字段、select 的 label 等附属字段）
+         * @private
+         * @param {?} formLinesDataItem 行数据，空行传 null
+         * @param {?=} isEmptyLine 是否空行（影响必填校验规则，与历史逻辑保持一致）
+         * @param {?=} regenerateRowId 是否强制生成新行 id（复制行时使用）
+         * @return {?}
+         */
+        function (formLinesDataItem, isEmptyLine, regenerateRowId) {
             var _this = this;
+            if (isEmptyLine === void 0) { isEmptyLine = false; }
+            if (regenerateRowId === void 0) { regenerateRowId = false; }
             /** @type {?} */
             var formGroupObj = {};
             this.formLines.forEach((/**
@@ -3767,25 +4311,56 @@
              * @return {?}
              */
             function (item) {
-                // 新增行 初始数据都为null
                 formGroupObj[item.name] = _this.fb.control({
-                    value: item.value,
+                    value: formLinesDataItem != null
+                        ? formLinesDataItem[item.name]
+                        : item.value,
                     disabled: item.disabled,
-                } || null, item.require && !item.hide ? [forms.Validators.required] : []);
+                }, isEmptyLine
+                    ? (item.require && !item.hide ? [forms.Validators.required] : [])
+                    : (item.require ? [forms.Validators.required] : []));
+                if (item.selectOption && item.selectOption.label) {
+                    formGroupObj[item.selectOption.label] = _this.fb.control(formLinesDataItem != null
+                        ? (formLinesDataItem[item.selectOption.label] || null)
+                        : null, []);
+                }
             }));
-            formGroupObj.lineIndex = this.fb.control(this.linesFormArray.controls.length, []);
-            // 用来标识是否是搜索状态下新增的行
+            // 稳定行 id：搜索重建表单后用于保留勾选
+            /** @type {?} */
+            var rowId = !regenerateRowId && formLinesDataItem && formLinesDataItem._hdRowId
+                ? formLinesDataItem._hdRowId
+                : this.generateRowId();
+            formGroupObj._hdRowId = this.fb.control(rowId);
+            if (formLinesDataItem && !formLinesDataItem._hdRowId) {
+                formLinesDataItem._hdRowId = rowId;
+            }
+            // 复制源行上多余的字段（隐藏附属字段、selectListName 等）
+            if (formLinesDataItem) {
+                Object.keys(formLinesDataItem).forEach((/**
+                 * @param {?} key
+                 * @return {?}
+                 */
+                function (key) {
+                    if (key === "lineIndex" ||
+                        key === "isHdFormLineSearchAdd" ||
+                        key === "_hdRowId") {
+                        return;
+                    }
+                    if (!formGroupObj[key]) {
+                        formGroupObj[key] = _this.fb.control(formLinesDataItem[key]);
+                    }
+                }));
+            }
+            formGroupObj.lineIndex = this.fb.control(this.linesFormArray.controls.length + 1, []);
             formGroupObj.isHdFormLineSearchAdd = this.fb.control(this.isFilterData, []);
             /** @type {?} */
             var formGroupSubmit = this.fb.group(formGroupObj);
             this.formLines.forEach((/**
              * @param {?} item
-             * @param {?} innerIndex
              * @return {?}
              */
-            function (item, innerIndex) {
+            function (item) {
                 if (item.onChangeEvent) {
-                    // 父组件未配置时默认 500ms 防抖
                     /** @type {?} */
                     var debounceMs = item.onChangeEventDebounceTime != null ? item.onChangeEventDebounceTime : 500;
                     formGroupSubmit
@@ -3838,58 +4413,12 @@
             var _this = this;
             this.formLinesData.forEach((/**
              * @param {?} formLinesDataItem
-             * @param {?} index
              * @return {?}
              */
-            function (formLinesDataItem, index) {
-                /** @type {?} */
-                var formGroupObj = {};
-                _this.formLines.forEach((/**
-                 * @param {?} item
-                 * @return {?}
-                 */
-                function (item) {
-                    // 新增行 初始数据都为null
-                    formGroupObj[item.name] = _this.fb.control({
-                        value: _this.judgeValueIsNotEmpty(formLinesDataItem[item.name])
-                            ? formLinesDataItem[item.name]
-                            : item.value || null,
-                        disabled: item.disabled,
-                    }, item.require ? [forms.Validators.required] : []);
-                    if (item.selectOption && item.selectOption.label) {
-                        formGroupObj[item.selectOption.label] = _this.fb.control(formLinesDataItem[item.selectOption.label] || null, []);
-                    }
-                }));
-                formGroupObj.lineIndex = _this.fb.control(_this.linesFormArray.controls.length + 1, []);
-                /** @type {?} */
-                var formGroupTmp = _this.fb.group(formGroupObj);
-                _this.formLines.forEach((/**
-                 * @param {?} item
-                 * @param {?} innerIndex
-                 * @return {?}
-                 */
-                function (item, innerIndex) {
-                    if (item.onChangeEvent) {
-                        // 父组件未配置时默认 500ms 防抖
-                        /** @type {?} */
-                        var debounceMs = item.onChangeEventDebounceTime != null ? item.onChangeEventDebounceTime : 500;
-                        formGroupTmp
-                            .get(item.name)
-                            .valueChanges.pipe(operators.debounceTime(debounceMs))
-                            .subscribe((/**
-                         * @param {?} value
-                         * @return {?}
-                         */
-                        function (value) {
-                            if (item.type === FormLineType.Select && value !== null) {
-                                _this.delayJumpToNextInput();
-                            }
-                            _this.triggerEvent(item.onChangeEvent, value, formGroupTmp);
-                        }));
-                    }
-                }));
-                _this.linesFormArray.insert(_this.linesFormArray.controls.length, formGroupTmp);
+            function (formLinesDataItem) {
+                _this.linesFormArray.insert(_this.linesFormArray.controls.length, _this.createLineFromValues(formLinesDataItem));
             }));
+            this.calculateLineNumber();
             this.tableLoading = false;
             this.showForm = true;
         };
@@ -3926,6 +4455,44 @@
                 }
             }), 0);
         };
+        /**
+         * 复制当前行：在当前行下方新增一行，复制所有字段值（含隐藏字段）
+         * @param index 当前行 lineIndex（从 1 开始）
+         */
+        /**
+         * 复制当前行：在当前行下方新增一行，复制所有字段值（含隐藏字段）
+         * @param {?} index 当前行 lineIndex（从 1 开始）
+         * @return {?}
+         */
+        HdFormLinesComponent.prototype.copyFormLine = /**
+         * 复制当前行：在当前行下方新增一行，复制所有字段值（含隐藏字段）
+         * @param {?} index 当前行 lineIndex（从 1 开始）
+         * @return {?}
+         */
+        function (index) {
+            var _this = this;
+            /** @type {?} */
+            var sourceIndex = index - 1;
+            /** @type {?} */
+            var sourceLine = (/** @type {?} */ (this.linesFormArray.at(sourceIndex)));
+            if (!sourceLine) {
+                return;
+            }
+            // getRawValue 包含 disabled 字段；复制行使用新的 _hdRowId
+            /** @type {?} */
+            var sourceValues = sourceLine.getRawValue();
+            this.linesFormArray.insert(index, this.createLineFromValues(sourceValues, false, true));
+            this.calculateLineNumber();
+            setTimeout((/**
+             * @return {?}
+             */
+            function () {
+                _this.collectDomData();
+                _this.activeDomX = index;
+                _this.activeDomY = 0;
+                _this.focusDom(_this.activeDomX, _this.activeDomY);
+            }), 0);
+        };
         /**
          * @param {?} index
          * @return {?}
@@ -3944,7 +4511,10 @@
                 }
                 return;
             }
+            /** @type {?} */
+            var removedLine = (/** @type {?} */ (this.linesFormArray.at(index - 1)));
             this.linesFormArray.removeAt(index - 1);
+            this.removeLineFromSelection(removedLine);
             if (!this.isFilterData &&
                 this.linesFormArray.controls &&
                 this.linesFormArray.controls.length === 0) {
@@ -4200,6 +4770,7 @@
          */
         function () {
             // 删除
+            this.clearSelection();
             for (var i = this.linesFormArray.controls.length; i >= 0; i--) {
                 this.deleteFormLine(i);
             }
@@ -4303,8 +4874,8 @@
         HdFormLinesComponent.decorators = [
             { type: core.Component, args: [{
                         selector: "hd-form-lines",
-                        template: "<hd-button-group *ngIf=\"showForm && showSearch\">\n  <ng-template #buttonGroupLeft>\n    <nz-input-group [nzSuffix]=\"suffixIconSearch\">\n      <input type=\"text\" nz-input (keyup.enter)=\"searchLines()\" placeholder=\"\u8BF7\u8F93\u5165\u5185\u5BB9\u641C\u7D22\" style=\"width: 300px;\"\n        [(ngModel)]=\"filterStr\" />\n    </nz-input-group>\n    <ng-template #suffixIconSearch>\n      <i nz-icon nzType=\"search\" (click)=\"searchLines()\"></i>\n    </ng-template>\n  </ng-template>\n</hd-button-group>\n\n<!-- <hd-button type=\"primary\" (clickAction)=\"focusDom(0, 0)\">\u805A\u7126\u7B2C\u4E00\u4E2A</hd-button> -->\n\n<hd-space *ngIf=\"showForm && showSearch\" background=\"transparent\" type=\"row\" size=\"16\"></hd-space>\n\n<form *ngIf=\"showForm\" nz-form [formGroup]=\"validateHdFormLines\" class=\"ant-advanced-search-form hd-formLines-container\"\n  (keydown)=\"onKeyDown($event)\">\n  <nz-table nzTemplateMode [nzFrontPagination]=\"false\" [nzLoading]=\"tableLoading\" [nzScroll]=\"scroll\"\n    [nzPageSizeOptions]=\"[ 10, 50, 100, 200 ]\">\n    <thead>\n      <tr>\n        <th nzWidth=\"58px\" nzLeft=\"0px\" *ngIf=\"showLineNumber\">\u5E8F\u53F7</th>\n        <ng-container *ngFor=\"let item of formLines\">\n          <th *ngIf=\"!item.hide\" [nzAlign]=\"item.align ? item.align : 'left'\">\n            <span *ngIf=\"item.require\" style=\"color: red;\">*</span>{{ item.label }}\n          </th>\n        </ng-container>\n        <th style=\"width: 80px\" nzRight=\"0\">\u64CD\u4F5C</th>\n      </tr>\n    </thead>\n    <tbody>\n      <ng-container\n        *ngFor=\"let line of linesFormArray.controls.slice((paginationPageIndex - 1) * paginationPageSize, (paginationPageIndex - 1) * paginationPageSize + paginationPageSize);index as dataIndex\"\n        formArrayName=\"lines\">\n        <tr [formGroup]=\"line\">\n          <td nzWidth=\"58px\" nzLeft=\"0px\" *ngIf=\"showLineNumber\">\n            {{ line.get('lineIndex').value }}\n          </td>\n          <ng-container *ngFor=\"let formItem of formLines; index as innerIndex\">\n            <td *ngIf=\"!formItem.hide\" [nzAlign]=\"formItem.align ? formItem.align : 'left'\">\n              <nz-form-item>\n                <nz-form-control [nzErrorTip]=\"formItem.label + '\u4E0D\u80FD\u4E3A\u7A7A'\">\n                  <ng-container [ngSwitch]=\"formItem.type\">\n                    <ng-container *ngSwitchCase=\"'Input'\">\n                      <nz-input-group [nzSuffix]=\"inputCleanTemplate\"\n                        (focusin)=\"setActiveDomInFormLines(dataIndex , innerIndex)\">\n                        <input #formInputDom (click)=\"setActiveDomInFormLines(dataIndex , innerIndex)\"\n                          [ngStyle]=\"getStyle(line, formItem, '100px')\" nz-input\n                          [ngStyle]=\"{'color': formItem?.colorOption?.name ? line.get(formItem.colorOption.name ).value : null}\"\n                          [id]=\"'input-' + formItem.name + line.get('lineIndex').value\"\n                          (click)=\"formItem.isSelect ? selectValue('#input-' + formItem.name + line.get('lineIndex').value, dataIndex , innerIndex) : null\"\n                          [maxlength]=\"formItem.maxLength || null\"\n                          [placeholder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u8F93\u5165' + formItem.label\"\n                          [formControlName]=\"formItem.name\" />\n                      </nz-input-group>\n                      <ng-template #inputCleanTemplate>\n                        <i nz-icon nz-tooltip class=\"ant-input-clear-icon\" nzTheme=\"fill\" nzType=\"close-circle\"\n                          *ngIf=\"line.get(formItem.name).value && !line.get(formItem.name).disabled\"\n                          (click)=\"inputClean(formItem ,line)\"></i>\n                      </ng-template>\n                    </ng-container>\n                    <ng-container *ngSwitchCase=\"'Select'\">\n                      <nz-select #formInputDom (focusin)=\"setActiveDomInFormLines(dataIndex , innerIndex)\"\n                        nzDropdownClassName=\"hd-select-table\"\n                        *ngIf=\"formItem.selectOption.tableColumns;else nomarlSelectTemplate\"\n                        [nzShowSearch]=\"formItem.selectOption.hdShowSearch != null ? formItem.selectOption.hdShowSearch : true\"\n                        [nzAllowClear]=\"formItem.selectOption.hdAllowClear != null ? formItem.selectOption.hdAllowClear : true\"\n                        [nzServerSearch]=\"formItem.selectOption.hdServerSearch || false\"\n                        [nzDropdownMatchSelectWidth]=\"formItem.selectOption.hdDropdownMatchSelectWidth ? formItem.selectOption.hdDropdownMatchSelectWidth : false\"\n                        [nzPlaceHolder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u9009\u62E9' + formItem.label\"\n                        [formControlName]=\"formItem.name\"\n                        (nzOpenChange)=\"onOpenChangeEvent(formItem.onOpenChangeEvent || null, $event, line, formItem.onOpenChangeEventDebounceTime)\"\n                        (nzOnSearch)=\"onSearchEvent(formItem.onSearchEvent || null, $event, line, formItem.onSearchEventEventDebounceTime)\"\n                        [ngStyle]=\"getStyle(line, formItem, '200px')\">\n                        <div class=\"hd-select-empty\"\n                          *ngIf=\"!(formItem.selectOption?.selectList?.length > 0 || line.get(formItem.selectOption.selectListName)?.value?.length > 0)\">\n                          <img\n                            src=\"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNjRweCIgaGVpZ2h0PSI0MXB4IiB2aWV3Qm94PSIwIDAgNjQgNDEiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUyLjUgKDY3NDY5KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDxnIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00NzIuMDAwMDAwLCAtMTMzNS4wMDAwMDApIj4KICAgICAgICAgICAgPGcgIHRyYW5zZm9ybT0idHJhbnNsYXRlKDY0LjAwMDAwMCwgMTExNC4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnICB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0MC4wMDAwMDAsIDc4LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgIDxnICB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzNjguMDAwMDAwLCAxNDQuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxnID4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxlbGxpcHNlICBmaWxsPSIjRjVGNUY1IiBjeD0iMzIiIGN5PSIzMyIgcng9IjMyIiByeT0iNyI+PC9lbGxpcHNlPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPGcgICB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5LjAwMDAwMCwgMC4wMDAwMDApIiBmaWxsLXJ1bGU9Im5vbnplcm8iIHN0cm9rZT0iI0Q5RDlEOSI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTQ2LDEyLjc2MDU2MDQgTDM1Ljg1NDMwNDcsMS4yNTczOTYzMyBDMzUuMzY3NDQxNCwwLjQ3MzgyNjYwNSAzNC42NTU4Nzg5LDAgMzMuOTA2NzYxNywwIEwxMi4wOTMyMzgzLDAgQzExLjM0NDEyMTEsMCAxMC42MzI1NTg2LDAuNDczOTUwMjU1IDEwLjE0NTY5NTMsMS4yNTczOTYzMyBMMi42MTQ3OTcyN2UtMTIsMTIuNzYwNTYwNCBMMCwyMiBMNDYsMjIgTDQ2LDEyLjc2MDU2MDQgWiIgID48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTMyLjYxMzI4MTMsMTUuOTMxNSBDMzIuNjEzMjgxMywxNC4zMjU4NTExIDMzLjYwNjk1MzEsMTMuMDAwMjM0IDM0LjgzOTY5OTIsMTMgTDQ2LDEzIEw0NiwzMS4xMzcxMjc3IEM0NiwzMy4yNTg5NTc0IDQ0LjY3OTM4NjcsMzUgNDMuMDUwNDI5NywzNSBMMi45NDk1NzAzMSwzNSBDMS4zMjA1MjM0NCwzNSAwLDMzLjI1ODg0MDQgMCwzMS4xMzcxMjc3IEwwLDEzIEwxMS4xNjAzMDA4LDEzIEMxMi4zOTMwNDY5LDEzIDEzLjM4NjcxODgsMTQuMzIyODA4NSAxMy4zODY3MTg4LDE1LjkyODQ1NzQgTDEzLjM4NjcxODgsMTUuOTQ5NjM4MyBDMTMuMzg2NzE4OCwxNy41NTUyODcyIDE0LjM5MTcxMDksMTguODUxMTgwOSAxNS42MjQ0NTcsMTguODUxMTgwOSBMMzAuMzc1NTQzLDE4Ljg1MTE4MDkgQzMxLjYwODI4OTEsMTguODUxMTgwOSAzMi42MTMyODEzLDE3LjU0MzM1MTEgMzIuNjEzMjgxMywxNS45Mzc3MDIxIEwzMi42MTMyODEzLDE1LjkzMTUgWiIgIGZpbGw9IiNGQUZBRkEiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+\"\n                            alt=\"empty\">\n                          <p class=\"ant-empty-description\">\u6682\u65E0\u6570\u636E</p>\n                        </div>\n\n                        <nz-option nzCustomContent\n                          *ngFor=\"let selectItem of (formItem.selectOption.selectList || line.get(formItem.selectOption.selectListName).value)\"\n                          [nzValue]=\"selectItem[formItem.selectOption.value]\" [nzLabel]=\"formItem.selectOption.showLabelAndValue ? '['+ selectItem[formItem.selectOption.value] +']' +\n                          selectItem[formItem.selectOption.label] : selectItem[formItem.selectOption.label]\">\n                          <div class=\"hd-option-line\">\n                            <div *ngFor=\"let selectOptionTableColumn of formItem.selectOption.tableColumns\"\n                              [ngStyle]=\"getSelectTableColumnStyle(selectOptionTableColumn)\">\n                              <ng-container *ngIf=\"selectOptionTableColumn.icons;else notPictureTemplate\">\n                                <div class=\"hd-option-icons\">\n                                  <ng-container *ngFor=\"let icon of selectOptionTableColumn.icons\">\n                                    <img *ngIf=\"icon.iconName === 'hd-recommend-star' && selectItem[icon.fieldName]\"\n                                      src=\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAVpJREFUOE+l07FLQkEcB/Dv7713Zg1GQ0SgW9AmTYVp1BRUokZBEI1u/QVBUBD1D0Rt0dQaPYmotXza1tKQzQ1Fk0iDHr5vPEOTUpO88e77+9zvjjtBh8HTOb8e0hu0eN8Xzz22ikonoGzHdgXcAVB16S75U/mbn/m2AK+mglqbBUAGvCIRuVCJ7HLXQCUTPQOxXi8Q4FolnYWuAH0+HaEpjrdxAyC3VSq33xKgPTWiYYUai8IjUCabw4Zw1XWNF2+OZrXoi+cLImBth4odfQAw0elCW6zdKvU2/wVkYs8ggzBlRqrcI/DrrK1wQ7DWAIToV8lsqGxHDwTY6qYbA1jpCVAux3oBSirhDPYCOL6kE/s/QB77UrnNJoDDVkCN6pI+BJH+6xINQdpKOCf1d/AEYBxgUUQC5PcLbPMDXy1lhGXx7r0G6ExklpBwI0xh2w7ID+UzL71iL/MJdzuZdDL/kXcAAAAASUVORK5CYII=\"\n                                      style=\"width: 16px;height: 16px;\">\n                                    <img *ngIf=\"icon.iconName === 'hd-img-star' && selectItem[icon.fieldName]\"\n                                      src=\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAyhJREFUWEe1ll1o1XYYxp8nPUmUihdCV3bAirvYzUC80Xpy3KwTZNR2CdOhDkTBwe6G32XzwqpjE3Qt4pUKZQqDyQZNTp1uY8yCJG0F2d2+LlWOOkShovQkaV45lcJpTdOTHJubBPI+z/Pj//H+/0TGR66uf8sPoz8A/Kstkp38YORxFitmEVU1vm1cBPlp9ZuQXtX0jmfxygQgvxSWBRWlDECvhgrwQFuqLufG4TAtRCaAwCl+IcDXtWEi2KFb7pUFBxCBEpSMMsDWGWEiNzXLe2/BASp2cTuJH+KCRMJ3dGvsrzQQqafAtw0XpBEfIhc00/tswQD8QWM1FP45d4A8V9XJN9k5Nl4vRKoR8G3jMshdyebRPs0cOftaAaRUbAsRrRRRhuczFsF/lPATNQrL3Hr7/nz1lGvvtkwGUSEC8gLkWfMGkAfQMp9J0n8ByhS5J+QDVr+BshBlUu6q3d5v9G3jIcg3GgnJqp2C853iCIB1WU0a1F2iOO2tPnK3CLQ1aJZKLpCfddPrmtoF8uuqZn9iyfcEzVQumYtlQDO9vS8PsprHd4xvAR7I7FuHUIBvdNP9crr0lT7g24U+UNlfh1f6Esrn2ofeuVphbCPyneJuAN+lT0jokZCduum9cobM2Qn9krEGEa6+hi36jEC3aro34vASW3FoG9si8sdGRoKCY6rlnpjLIxGgYhunSPY0AiAiP+mW93EmAN8ujoJobwgAuKOb7orUAHKjY1EwHjwFkGsEoKpVJ6WVH3n/p1oDwVBhk0TK742GV/UKYOZMt5QKoGIbX5E8mgwg4wCbADQn1c1uPvP2gWqB7xjDADck7OwBVan0QFFyQaj2A9wxV60A13XT7Uw1Ar5TlDiBQP6hRHs0a3Ss9n8wuK4jYtN5Em/H6B5ppht7r4jvhEOFtYiUGQEAnhDoV033ZNJwB45xRAS9IBfX1qnhRD7uhhQLENiFQ0Ll9LSBCM7olnu43gUpTjEfiPSB3D6tUQRbcpZ7bbZHLEBYKnRFogxV505rmjzIrtG/6w2fMS0l430RHAVoULBZtdybdQFkCcuqSXUtzxqSpHsBfmUdgJhaiDQAAAAASUVORK5CYII=\"\n                                      style=\"width: 16px;height: 16px;\">\n                                    <span *ngIf=\"icon.iconName === 'hd-select-close' && selectItem[icon.fieldName]\"\n                                      class=\"hd-select-close\">\n                                      \u7981\u7528\n                                    </span>\n                                    <span *ngIf=\"icon.iconName === 'hd-select-purchase' && selectItem[icon.fieldName]\"\n                                      class=\"hd-select-purchase\">\n                                      \u534F\n                                    </span>\n                                  </ng-container>\n                                </div>\n                              </ng-container>\n                              <ng-template #notPictureTemplate>\n                                <ng-container\n                                  *ngIf=\"!isTextOverflow(selectOptionTableColumn.render ? selectOptionTableColumn.render(selectItem) : selectItem[selectOptionTableColumn.name], selectOptionTableColumn.width);else overflowTemplate\">\n                                  <div>{{\n                                    judgeColEmpty(selectOptionTableColumn.render ?\n                                    selectOptionTableColumn.render(selectItem) :\n                                    selectItem[selectOptionTableColumn.name])\n                                    }}\n                                  </div>\n                                </ng-container>\n                                <ng-template #overflowTemplate>\n                                  <div class=\"hd-option-overflow\" nz-tooltip\n                                    [nzTooltipTitle]=\"selectOptionTableColumn.render ? selectOptionTableColumn.render(selectItem) : selectItem[selectOptionTableColumn.name]\">\n                                    {{\n                                    judgeColEmpty(selectOptionTableColumn.render ?\n                                    selectOptionTableColumn.render(selectItem) :\n                                    selectItem[selectOptionTableColumn.name])\n                                    }}\n                                  </div>\n                                </ng-template>\n                              </ng-template>\n                            </div>\n                          </div>\n                        </nz-option>\n                        <nz-option\n                          *ngIf=\"formItem.selectOption.label && line.get(formItem.name) && line.get(formItem.selectOption.label)?.value && line.get(formItem.selectOption.value)?.value\"\n                          [nzLabel]=\"(formItem.selectOption.value === 'code' || formItem.selectOption.value === 'productCode' || formItem.selectOption.hdShowItemCode) ? ('['+ line.get(formItem.selectOption.value).value + ']' + line.get(formItem.selectOption.label).value) : line.get(formItem.selectOption.label).value\"\n                          [nzValue]=\"line.get(formItem.selectOption.value).value\" nzHide></nz-option>\n                      </nz-select>\n                      <ng-template #nomarlSelectTemplate>\n                        <nz-select #formInputDom (focusin)=\"setActiveDomInFormLines(dataIndex , innerIndex)\"\n                          [nzShowSearch]=\"formItem.selectOption.hdShowSearch != null ? formItem.selectOption.hdShowSearch : true\"\n                          [nzAllowClear]=\"formItem.selectOption.hdAllowClear != null ? formItem.selectOption.hdAllowClear : true\"\n                          [nzServerSearch]=\"formItem.selectOption.hdServerSearch || false\"\n                          [nzDropdownMatchSelectWidth]=\"formItem.selectOption.hdDropdownMatchSelectWidth ? formItem.selectOption.hdDropdownMatchSelectWidth : false\"\n                          [nzPlaceHolder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u9009\u62E9' + formItem.label\"\n                          [formControlName]=\"formItem.name\"\n                          (nzOpenChange)=\"onOpenChangeEvent(formItem.onOpenChangeEvent || null, $event, line, formItem.onOpenChangeEventDebounceTime)\"\n                          (nzOnSearch)=\"onSearchEvent(formItem.onSearchEvent || null, $event, line, formItem.onSearchEventEventDebounceTime)\"\n                          [ngStyle]=\"getStyle(line, formItem, '200px')\">\n                          <nz-option\n                            *ngFor=\"let selectItem of (formItem.selectOption.selectList || line.get(formItem.selectOption.selectListName).value)\"\n                            [nzValue]=\"selectItem[formItem.selectOption.value]\" [nzLabel]=\"formItem.selectOption.showLabelAndValue ? '['+ selectItem[formItem.selectOption.value] +']' +\n                          selectItem[formItem.selectOption.label] : selectItem[formItem.selectOption.label]\">\n                          </nz-option>\n                          <nz-option\n                            *ngIf=\"formItem.selectOption.label && line.get(formItem.name) && line.get(formItem.selectOption.label)?.value && line.get(formItem.selectOption.value)?.value\"\n                            [nzLabel]=\"(formItem.selectOption.value === 'code' || formItem.selectOption.value === 'productCode' || formItem.selectOption.hdShowItemCode) ? ('['+ line.get(formItem.selectOption.value).value + ']' + line.get(formItem.selectOption.label).value) : line.get(formItem.selectOption.label).value\"\n                            [nzValue]=\"line.get(formItem.selectOption.value).value\" nzHide></nz-option>\n                        </nz-select>\n                      </ng-template>\n\n                    </ng-container>\n                    <ng-container *ngSwitchCase=\"'Date'\">\n                      <nz-date-picker #formInputDom (click)=\"setActiveDomInFormLines(dataIndex , innerIndex)\"\n                        (focusin)=\"setActiveDomInFormLines(dataIndex , innerIndex)\" *ngIf=\"formItem.showTime\"\n                        [ngStyle]=\"getStyle(line, formItem, '150px')\"\n                        [nzPlaceHolder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u9009\u62E9' + formItem.label\"\n                        [formControlName]=\"formItem.name\" [nzDisabledDate]=\"formItem.hdDisabledDate\"\n                        [nzShowToday]=\"formItem.hdShowToday !== false\" nzShowTime\n                        nzFormat=\"yyyy-MM-dd HH:mm:ss\">\n                      </nz-date-picker>\n                      <nz-date-picker #formInputDom *ngIf=\"!formItem.showTime\"\n                        [ngStyle]=\"getStyle(line, formItem, '150px')\"\n                        (click)=\"setActiveDomInFormLines(dataIndex , innerIndex)\"\n                        (focusin)=\"setActiveDomInFormLines(dataIndex , innerIndex)\"\n                        [nzPlaceHolder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u9009\u62E9' + formItem.label\"\n                        [formControlName]=\"formItem.name\" [nzDisabledDate]=\"formItem.hdDisabledDate\"\n                        [nzShowToday]=\"formItem.hdShowToday !== false\">\n                      </nz-date-picker>\n                      <div *ngIf=\"formItem?.explainOptionRight?.show\"\n                        [style.color]=\"formItem?.explainOptionRight?.color ? formItem.explainOptionRight.color : null\">\n                        &nbsp;&nbsp;{{ line.get(formItem.explainOptionRight.name).value }}\n                      </div>\n                    </ng-container>\n                    <ng-container *ngSwitchCase=\"'DateRange'\">\n                      <nz-range-picker #formInputDom [ngStyle]=\"getStyle(line, formItem, '200px')\"\n                        (click)=\"setActiveDomInFormLines(dataIndex , innerIndex)\"\n                        (focusin)=\"setActiveDomInFormLines(dataIndex , innerIndex)\"\n                        [nzDisabledDate]=\"formItem.hdDisabledDate\" [nzPlaceHolder]=\"['\u5F00\u59CB\u65E5\u671F','\u7ED3\u675F\u65E5\u671F']\"\n                        [formControlName]=\"formItem.name\">\n                      </nz-range-picker>\n                    </ng-container>\n                    <ng-container *ngSwitchCase=\"'TextArea'\">\n                      <textarea #formInputDom (click)=\"setActiveDomInFormLines(dataIndex , innerIndex)\"\n                        (focusin)=\"setActiveDomInFormLines(dataIndex , innerIndex)\"\n                        [ngStyle]=\"{'color': formItem?.colorOption?.name ? line.get(formItem.colorOption.name).value : null}\"\n                        [placeholder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u8F93\u5165' + formItem.label\"\n                        [maxlength]=\"formItem.maxLength || null\" rows=\"4\" nz-input\n                        [maxlength]=\"formItem.maxLength || null\" [formControlName]=\"formItem.name\"></textarea>\n                    </ng-container>\n                    <ng-container *ngSwitchCase=\"'InputNumber'\">\n                      <div style=\"display: flex;align-items: center;\"\n                        (focusin)=\"setActiveDomInFormLines(dataIndex , innerIndex)\">\n                        <nz-input-number #formInputDom [ngStyle]=\"getStyle(line, formItem, '100px')\"\n                          [maxlength]=\"formItem.maxLength || null\" [formControlName]=\"formItem.name\"\n                          [nzMin]=\"formItem?.inputNumber?.min || 0\" [nzMax]=\"formItem?.inputNumber?.max || 99999999\"\n                          [nzStep]=\"formItem?.inputNumber?.step || 1\"\n                          [nzPrecision]=\"formItem?.inputNumber?.precision != null ? formItem.inputNumber.precision : 2\"\n                          [nzPlaceHolder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u8F93\u5165' + formItem.label\"\n                          [nzId]=\"'inputNumber-' + formItem.name + line.get('lineIndex').value\"\n                          (click)=\"formItem.isSelect ? selectValue('#inputNumber-' + formItem.name + line.get('lineIndex').value, dataIndex , innerIndex) : setActiveDomInFormLines(dataIndex , innerIndex)\">\n                        </nz-input-number>\n                        <div *ngIf=\"formItem?.explainOptionRight?.show\"\n                          [style.color]=\"formItem?.explainOptionRight?.color ? formItem.explainOptionRight.color : null\">\n                          &nbsp;&nbsp;{{ line.get(formItem.explainOptionRight.name).value }}\n                        </div>\n                      </div>\n                    </ng-container>\n                    <ng-container *ngSwitchCase=\"'MultipleSelect'\">\n                      <nz-select #formInputDom (click)=\"setActiveDomInFormLines(dataIndex , innerIndex)\"\n                        (focusin)=\"setActiveDomInFormLines(dataIndex , innerIndex)\" nzMode=\"multiple\"\n                        [nzServerSearch]=\"formItem.selectOption.hdServerSearch || false\"\n                        [nzDropdownMatchSelectWidth]=\"formItem.selectOption.hdDropdownMatchSelectWidth ? formItem.selectOption.hdDropdownMatchSelectWidth : false\"\n                        [nzShowSearch]=\"formItem.selectOption.hdShowSearch != null ? formItem.selectOption.hdShowSearch : true\"\n                        [nzAllowClear]=\"formItem.selectOption.hdAllowClear != null ? formItem.selectOption.hdAllowClear : true\"\n                        [nzPlaceHolder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u9009\u62E9' + formItem.label\"\n                        [formControlName]=\"formItem.name\" [ngStyle]=\"getStyle(line, formItem, '200px')\"\n                        (nzOpenChange)=\"onOpenChangeEvent(formItem.onOpenChangeEvent || null, $event, line, formItem.onOpenChangeEventDebounceTime)\"\n                        (nzOnSearch)=\"onSearchEvent(formItem.onSearchEvent || null, $event, line, formItem.onSearchEventEventDebounceTime)\">\n                        <nz-option *ngFor=\"let selectItem of formItem.selectOption.selectList\"\n                          [nzValue]=\"selectItem[formItem.selectOption.value]\" [nzLabel]=\"formItem.selectOption.showLabelAndValue ? '['+ selectItem[formItem.selectOption.value] +']' +\n                        selectItem[formItem.selectOption.label] : selectItem[formItem.selectOption.label]\"></nz-option>\n                        <ng-container\n                          *ngIf=\"formItem.selectOption.label && line.get(formItem.name) && line.get(formItem.selectOption.label)?.value && line.get(formItem.selectOption.value)?.value\">\n                          <nz-option *ngFor=\"let option of line.get(formItem.selectOption.value).value;index as i\"\n                            [nzLabel]=\"line.get(formItem.selectOption.label).value[i]\" [nzValue]=\"option\" nzHide>\n                          </nz-option>\n                        </ng-container>\n                      </nz-select>\n                    </ng-container>\n                    <ng-container *ngSwitchCase=\"'ViewDom'\">\n                      <span *ngIf=\"!formItem?.hideViewDomValue\">\n                        {{\n                        (formItem.preserveNumber && line.get(formItem.name).value) ?\n                        LodashRound(line.get(formItem.name).value,\n                        formItem.preserveNumber).toFixed(formItem.preserveNumber)\n                        : line.get(formItem.name).value\n                        }}\n                      </span>\n                      <ng-container\n                        *ngTemplateOutlet=\"ViewDomRightTemplate;context:{formItem: formItem, formLine: line}\"></ng-container>\n                    </ng-container>\n                    <ng-container *ngSwitchCase=\"'Switch'\">\n                      <nz-switch (click)=\"setActiveDomInFormLines(dataIndex , innerIndex)\"\n                        [formControlName]=\"formItem.name\"></nz-switch>\n                    </ng-container>\n                    <ng-container *ngSwitchCase=\"'Time'\">\n                      <nz-time-picker #formInputDom [ngStyle]=\"getStyle(line, formItem, '200px')\"\n                        (click)=\"setActiveDomInFormLines(dataIndex , innerIndex)\"\n                        (focusin)=\"setActiveDomInFormLines(dataIndex , innerIndex)\"\n                        [formControlName]=\"formItem.name\"></nz-time-picker>\n                    </ng-container>\n                  </ng-container>\n                </nz-form-control>\n              </nz-form-item>\n              <div *ngIf=\"formItem?.explainOption?.show\"\n                [style.color]=\"formItem?.explainOption?.color ? formItem.explainOption.color : null\">\n                {{ line.get(formItem.explainOption.name).value }}\n              </div>\n            </td>\n          </ng-container>\n          <td style=\"width: 80px\" nzRight=\"0\">\n            <span class=\"common-btn-group\">\n              <a *ngIf=\"operateButtons.includes('add')\" (click)=\"addFormLine(line.get('lineIndex').value)\">\u6DFB\u52A0</a>\n              <a class=\"common-danger-btn\" *ngIf=\"operateButtons.includes('delete') && !showDeleteConfirm\"\n                (click)=\"deleteFormLine(line.get('lineIndex').value)\">\u5220\u9664</a>\n              <a class=\"common-danger-btn\" *ngIf=\"operateButtons.includes('delete') && showDeleteConfirm\" nz-popconfirm\n                nzPopconfirmTitle=\"\u786E\u8BA4\u8981\u5220\u9664\u8BE5\u884C\u5417?\" nzPopconfirmPlacement=\"bottom\"\n                (nzOnConfirm)=\"deleteFormLine(line.get('lineIndex').value)\">\u5220\u9664</a>\n            </span>\n          </td>\n        </tr>\n      </ng-container>\n      <!-- \u5408\u8BA1\u533A\u57DF -->\n      <tr *ngIf=\"showTotal\" class=\"hd-table-total\">\n        <td>\u5408\u8BA1</td>\n        <ng-container *ngFor=\"let totalOption of totalOptionList\">\n          <td [nzAlign]=\"totalOption.align ? totalOption.align : 'left'\">{{\n            (totalOption.value || totalOption.value ===\n            0) ? (((totalOption.value % 1 === 0) && !totalOption.showDecimal) ? totalOption.value :\n            LodashRound(totalOption.value, 2).toFixed(2)) : ''\n            }}\n          </td>\n        </ng-container>\n      </tr>\n    </tbody>\n  </nz-table>\n  <nz-list\n    *ngIf=\"linesFormArray.controls.slice((paginationPageIndex - 1) * paginationPageSize, (paginationPageIndex - 1) * paginationPageSize + paginationPageSize).length === 0\"\n    [nzDataSource]=\"[]\"></nz-list>\n  <ng-container>\n    <hd-space background=\"transparent\" type=\"row\" size=\"16\"></hd-space>\n    <div class=\"hd-formLines-pagination\">\n      <div class=\"hd-formLines-pagination-left\">\n        <div *ngIf=\"showKeyboardOperateTip\">\u652F\u6301\u952E\u76D8\u64CD\u4F5C\uFF0C\u4F7F\u7528\n          <i nz-icon nzType=\"up-circle\" nzTheme=\"outline\" style=\"font-size: 16px;margin-left: 4px;\"></i>\n          <i nz-icon nzType=\"down-circle\" nzTheme=\"outline\" style=\"font-size: 16px;margin-left: 4px;\"></i>\n          <i nz-icon nzType=\"left-circle\" nzTheme=\"outline\" style=\"font-size: 16px;margin-left: 4px;\"></i>\n          <i nz-icon nzType=\"right-circle\" nzTheme=\"outline\" style=\"font-size: 16px;margin-left: 4px;\"></i>\n          <span style=\"font-size: 14px;margin-left: 4px;font-weight: bolder;\">Enter</span>\n          \u952E\u5207\u6362\u8868\u5355\u9879\n        </div>\n      </div>\n      <nz-pagination [nzSize]=\"'small'\" style=\"text-align: right;\" [nzPageIndex]=\"paginationPageIndex\"\n        [nzPageSize]=\"paginationPageSize\" [nzPageSizeOptions]=\"[10, 20, 30, 40, 50]\"\n        [nzTotal]=\"linesFormArray.controls.length\" nzShowSizeChanger (nzPageIndexChange)=\"pageIndexChange($event)\"\n        (nzPageSizeChange)=\"pageSizeChange($event)\" [nzShowTotal]=\"totalTemplate\"></nz-pagination>\n      <ng-template #totalTemplate let-total>\u5171 {{ linesFormArray.controls.length }} \u6761\u6570\u636E</ng-template>\n    </div>\n\n  </ng-container>\n</form>\n",
-                        styles: ["::ng-deep .common-btn-group>a{font-size:14px;font-weight:400;color:#20b95d!important;white-space:nowrap}::ng-deep .common-btn-group .common-danger-btn:hover{color:#f05b24!important}::ng-deep .common-btn-group>a:hover{color:#20bd62!important}::ng-deep .common-btn-group>a:not(:last-child)::after{content:'';margin:0 2px}::ng-deep .common-billNumber>a{color:#3b77e3}button{box-shadow:unset;text-shadow:unset}::ng-deep .ant-form-item-label>label{color:#4b504e;font-size:14px}::ng-deep .ant-input-number-input{height:32px}::ng-deep .ant-input-number{height:32px}textarea.ant-input{height:auto;min-height:32px}::ng-deep .ant-select-selection--multiple{min-height:32px}::ng-deep .ant-select-selection__rendered>ul>li{height:26px!important;margin-top:3px!important;line-height:26px!important}::ng-deep .ant-advanced-search-form .ant-form-item{margin-bottom:0!important}::ng-deep .ant-select-selection--single{height:32px!important}::ng-deep .ant-input{height:32px}::ng-deep .ant-input[disabled]:hover{border-color:#d9d9d9!important}::ng-deep .ant-select-selection__rendered{line-height:32px!important}::ng-deep .ant-calendar-range-picker-input{text-align:left!important}::ng-deep .ant-calendar-picker{width:100%!important}::ng-deep .ant-row{margin-right:0!important;margin-left:0!important}::ng-deep .ant-col-6{padding-left:12px;padding-right:12px}::ng-deep .ant-col-12{padding-left:12px;padding-right:12px}::ng-deep .ant-col-18{padding-left:12px;padding-right:12px}::ng-deep .ant-col-24{padding-left:12px;padding-right:12px}::ng-deep .ant-alert-info{background-color:#f5f8f6;border:1px solid #cfe3d4}:host ::ng-deep th{background:#f5f8f6!important;font-weight:700!important;white-space:nowrap;font-size:14px;font-family:PingFangSC-Medium,PingFang SC;color:#2a3634;padding:8px!important;box-sizing:border-box}:host ::ng-deep td{font-weight:400;font-style:normal;font-size:14px;color:#2a3634;text-align:left;white-space:nowrap;padding:8px!important;box-sizing:border-box}::ng-deep .ant-pagination-options{display:inline-flex;align-items:center}::ng-deep .ant-time-picker{width:100%}.ant-input-number-disabled,.ant-input[disabled],.ant-select-disabled{color:#4b504e}.hd-formLines-container ::ng-deep td{padding:4px 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 ::ng-deep .ant-form-item{margin-bottom:0}.hd-formLines-container .ant-input-number{width:100%}::ng-deep .hd-select-table .ant-select-dropdown-menu-item-disabled{background:#f5f8f6!important;border-bottom:1px solid #e8e8e8;position:-webkit-sticky;position:sticky;top:0;z-index:10;padding:0}::ng-deep .hd-select-table .ant-select-dropdown-menu-item-disabled:hover{background:#f5f8f6!important}::ng-deep .hd-option-header{display:flex;align-items:center;color:rgba(0,0,0,.85);background:#f5f8f6}::ng-deep .hd-option-header-column{padding:5px 0}.hd-option-line{display:flex;align-items:center}.hd-option-overflow{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.hd-select-empty{display:flex;align-items:center;flex-direction:column;padding:20px 0;background:#fff}::ng-deep .ant-empty-small{background:#fff!important;padding:8px 0;margin:0}.hd-formLines-pagination{display:flex;align-items:center;justify-content:space-between}.hd-formLines-pagination .hd-formLines-pagination-left{margin-left:10px;display:flex;align-items:center}.hd-option-icons{display:flex;align-items:center}.hd-select-close{display:block;height:16px;line-height:14px;text-align:center;padding:0 4px;border:1px solid #f5222d;color:#f5222d;font-size:14px}.hd-select-purchase{display:block;height:16px;line-height:14px;text-align:center;padding:0 4px;border:1px solid #20bd62;color:#20bd62;font-size:14px}"]
+                        template: "<ng-container *ngIf=\"showForm && showToolbar\">\n  <hd-button-group class=\"hd-formLines-toolbar\">\n    <ng-template #buttonGroupLeft>\n      <!-- \u6709\u5168\u5C40\u641C\u7D22\uFF1A\u5DE6\u4FA7\u653E\u641C\u7D22\u6846 -->\n      <ng-container *ngIf=\"showSearch\">\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-container>\n      <!-- \u65E0\u5168\u5C40\u641C\u7D22\uFF1A\u5DE6\u4FA7\u653E\u81EA\u5B9A\u4E49\u6309\u94AE -->\n      <ng-container *ngIf=\"!showSearch\">\n        <ng-container *ngTemplateOutlet=\"formLinesLeftButton\"></ng-container>\n      </ng-container>\n    </ng-template>\n    <ng-template #buttonGroupRight>\n      <!-- \u6709\u5168\u5C40\u641C\u7D22\uFF1A\u53F3\u4FA7\u8303\u56F4\u518D\u5DE6\u53F3\u5206\u5F00 -->\n      <div class=\"hd-formLines-toolbar-right\" *ngIf=\"showSearch\">\n        <div class=\"hd-formLines-toolbar-right-left\">\n          <ng-container *ngTemplateOutlet=\"formLinesLeftButton\"></ng-container>\n        </div>\n        <div class=\"hd-formLines-toolbar-right-right\">\n          <ng-container *ngTemplateOutlet=\"formLinesRightButton\"></ng-container>\n        </div>\n      </div>\n      <!-- \u65E0\u5168\u5C40\u641C\u7D22\uFF1A\u53F3\u4FA7\u53EA\u653E\u81EA\u5B9A\u4E49\u53F3\u4FA7\u6309\u94AE -->\n      <ng-container *ngIf=\"!showSearch\">\n        <ng-container *ngTemplateOutlet=\"formLinesRightButton\"></ng-container>\n      </ng-container>\n    </ng-template>\n  </hd-button-group>\n  <hd-space background=\"transparent\" type=\"row\" size=\"12\"></hd-space>\n</ng-container>\n\n<!-- \u52FE\u9009\u63D0\u793A\uFF1A\u5355\u72EC\u4E00\u884C\uFF0C\u653E\u5728\u8868\u5355\u4E0A\u65B9 -->\n<ng-container *ngIf=\"showForm && showCheckbox && getSelectedCount() > 0\">\n  <nz-alert nzType=\"info\" [nzMessage]=\"selectionAlertTemplate\" nzShowIcon></nz-alert>\n  <hd-space background=\"transparent\" type=\"row\" size=\"12\"></hd-space>\n</ng-container>\n<ng-template #selectionAlertTemplate>\n  <span>\u5DF2\u9009\u62E9{{ getSelectedCount() }}\u6761\u6570\u636E</span>&nbsp;&nbsp;\n  <span class=\"common-btn-group\">\n    <a (click)=\"clearSelection()\">\u6E05\u7A7A</a>\n  </span>\n</ng-template>\n\n<!-- <hd-button type=\"primary\" (clickAction)=\"focusDom(0, 0)\">\u805A\u7126\u7B2C\u4E00\u4E2A</hd-button> -->\n\n<form *ngIf=\"showForm\" nz-form [formGroup]=\"validateHdFormLines\" class=\"ant-advanced-search-form hd-formLines-container\"\n  (keydown)=\"onKeyDown($event)\">\n  <nz-table nzTemplateMode [nzFrontPagination]=\"false\" [nzLoading]=\"tableLoading\" [nzScroll]=\"scroll\"\n    [nzPageSizeOptions]=\"[ 10, 50, 100, 200 ]\">\n    <thead>\n      <tr>\n        <th nzWidth=\"40px\" nzLeft=\"0px\" *ngIf=\"showCheckbox\">\n          <label nz-checkbox\n            [ngModel]=\"isAllChecked()\"\n            [nzIndeterminate]=\"isIndeterminate()\"\n            [ngModelOptions]=\"{standalone: true}\"\n            (ngModelChange)=\"onAllChecked($event)\"></label>\n        </th>\n        <th nzWidth=\"58px\" [nzLeft]=\"lineNumberLeft\" *ngIf=\"showLineNumber\">\u5E8F\u53F7</th>\n        <ng-container *ngFor=\"let item of formLines\">\n          <th *ngIf=\"!item.hide\" [nzAlign]=\"item.align ? item.align : 'left'\">\n            <span *ngIf=\"item.require\" style=\"color: red;\">*</span>{{ item.label }}\n          </th>\n        </ng-container>\n        <th [style.width.px]=\"operateColWidth\" 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=\"40px\" nzLeft=\"0px\" *ngIf=\"showCheckbox\">\n            <label nz-checkbox\n              [ngModel]=\"isLineChecked(line)\"\n              [ngModelOptions]=\"{standalone: true}\"\n              (ngModelChange)=\"onLineCheckedChange(line, $event)\"></label>\n          </td>\n          <td nzWidth=\"58px\" [nzLeft]=\"lineNumberLeft\" *ngIf=\"showLineNumber\">\n            {{ line.get('lineIndex').value }}\n          </td>\n          <ng-container *ngFor=\"let formItem of formLines; index as innerIndex\">\n            <td *ngIf=\"!formItem.hide\" [nzAlign]=\"formItem.align ? formItem.align : 'left'\">\n              <nz-form-item>\n                <nz-form-control\n                  [nzValidateStatus]=\"getControlValidateStatus(line, formItem)\"\n                  [nzErrorTip]=\"formItem.label + '\u4E0D\u80FD\u4E3A\u7A7A'\">\n                  <ng-container [ngSwitch]=\"formItem.type\">\n                    <ng-container *ngSwitchCase=\"'Input'\">\n                      <nz-input-group [nzSuffix]=\"inputCleanTemplate\"\n                        (focusin)=\"setActiveDomInFormLines(dataIndex , innerIndex)\">\n                        <input #formInputDom (click)=\"setActiveDomInFormLines(dataIndex , innerIndex)\"\n                          [ngStyle]=\"getStyle(line, formItem, '100px')\" nz-input\n                          [ngStyle]=\"{'color': formItem?.colorOption?.name ? line.get(formItem.colorOption.name ).value : null}\"\n                          [id]=\"'input-' + formItem.name + line.get('lineIndex').value\"\n                          (click)=\"formItem.isSelect ? selectValue('#input-' + formItem.name + line.get('lineIndex').value, dataIndex , innerIndex) : null\"\n                          (input)=\"limitInputLength($event, line, formItem)\"\n                          [placeholder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u8F93\u5165' + formItem.label\"\n                          [formControlName]=\"formItem.name\" />\n                      </nz-input-group>\n                      <ng-template #inputCleanTemplate>\n                        <i nz-icon nz-tooltip class=\"ant-input-clear-icon\" nzTheme=\"fill\" nzType=\"close-circle\"\n                          *ngIf=\"line.get(formItem.name).value && !line.get(formItem.name).disabled\"\n                          (click)=\"inputClean(formItem ,line)\"></i>\n                      </ng-template>\n                    </ng-container>\n                    <ng-container *ngSwitchCase=\"'Select'\">\n                      <nz-select #formInputDom (focusin)=\"setActiveDomInFormLines(dataIndex , innerIndex)\"\n                        nzDropdownClassName=\"hd-select-table\"\n                        *ngIf=\"formItem.selectOption.tableColumns;else nomarlSelectTemplate\"\n                        [nzShowSearch]=\"formItem.selectOption.hdShowSearch != null ? formItem.selectOption.hdShowSearch : true\"\n                        [nzAllowClear]=\"formItem.selectOption.hdAllowClear != null ? formItem.selectOption.hdAllowClear : true\"\n                        [nzServerSearch]=\"formItem.selectOption.hdServerSearch || false\"\n                        [nzDropdownMatchSelectWidth]=\"formItem.selectOption.hdDropdownMatchSelectWidth ? formItem.selectOption.hdDropdownMatchSelectWidth : false\"\n                        [nzPlaceHolder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u9009\u62E9' + formItem.label\"\n                        [formControlName]=\"formItem.name\"\n                        (nzOpenChange)=\"onOpenChangeEvent(formItem.onOpenChangeEvent || null, $event, line, formItem.onOpenChangeEventDebounceTime)\"\n                        (nzOnSearch)=\"onSearchEvent(formItem.onSearchEvent || null, $event, line, formItem.onSearchEventEventDebounceTime)\"\n                        [ngStyle]=\"getStyle(line, formItem, '200px')\">\n                        <div class=\"hd-select-empty\"\n                          *ngIf=\"!(formItem.selectOption?.selectList?.length > 0 || line.get(formItem.selectOption.selectListName)?.value?.length > 0)\">\n                          <img\n                            src=\"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNjRweCIgaGVpZ2h0PSI0MXB4IiB2aWV3Qm94PSIwIDAgNjQgNDEiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUyLjUgKDY3NDY5KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDxnIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00NzIuMDAwMDAwLCAtMTMzNS4wMDAwMDApIj4KICAgICAgICAgICAgPGcgIHRyYW5zZm9ybT0idHJhbnNsYXRlKDY0LjAwMDAwMCwgMTExNC4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnICB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0MC4wMDAwMDAsIDc4LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgIDxnICB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzNjguMDAwMDAwLCAxNDQuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxnID4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxlbGxpcHNlICBmaWxsPSIjRjVGNUY1IiBjeD0iMzIiIGN5PSIzMyIgcng9IjMyIiByeT0iNyI+PC9lbGxpcHNlPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPGcgICB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5LjAwMDAwMCwgMC4wMDAwMDApIiBmaWxsLXJ1bGU9Im5vbnplcm8iIHN0cm9rZT0iI0Q5RDlEOSI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTQ2LDEyLjc2MDU2MDQgTDM1Ljg1NDMwNDcsMS4yNTczOTYzMyBDMzUuMzY3NDQxNCwwLjQ3MzgyNjYwNSAzNC42NTU4Nzg5LDAgMzMuOTA2NzYxNywwIEwxMi4wOTMyMzgzLDAgQzExLjM0NDEyMTEsMCAxMC42MzI1NTg2LDAuNDczOTUwMjU1IDEwLjE0NTY5NTMsMS4yNTczOTYzMyBMMi42MTQ3OTcyN2UtMTIsMTIuNzYwNTYwNCBMMCwyMiBMNDYsMjIgTDQ2LDEyLjc2MDU2MDQgWiIgID48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTMyLjYxMzI4MTMsMTUuOTMxNSBDMzIuNjEzMjgxMywxNC4zMjU4NTExIDMzLjYwNjk1MzEsMTMuMDAwMjM0IDM0LjgzOTY5OTIsMTMgTDQ2LDEzIEw0NiwzMS4xMzcxMjc3IEM0NiwzMy4yNTg5NTc0IDQ0LjY3OTM4NjcsMzUgNDMuMDUwNDI5NywzNSBMMi45NDk1NzAzMSwzNSBDMS4zMjA1MjM0NCwzNSAwLDMzLjI1ODg0MDQgMCwzMS4xMzcxMjc3IEwwLDEzIEwxMS4xNjAzMDA4LDEzIEMxMi4zOTMwNDY5LDEzIDEzLjM4NjcxODgsMTQuMzIyODA4NSAxMy4zODY3MTg4LDE1LjkyODQ1NzQgTDEzLjM4NjcxODgsMTUuOTQ5NjM4MyBDMTMuMzg2NzE4OCwxNy41NTUyODcyIDE0LjM5MTcxMDksMTguODUxMTgwOSAxNS42MjQ0NTcsMTguODUxMTgwOSBMMzAuMzc1NTQzLDE4Ljg1MTE4MDkgQzMxLjYwODI4OTEsMTguODUxMTgwOSAzMi42MTMyODEzLDE3LjU0MzM1MTEgMzIuNjEzMjgxMywxNS45Mzc3MDIxIEwzMi42MTMyODEzLDE1LjkzMTUgWiIgIGZpbGw9IiNGQUZBRkEiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+\"\n                            alt=\"empty\">\n                          <p class=\"ant-empty-description\">\u6682\u65E0\u6570\u636E</p>\n                        </div>\n\n                        <nz-option nzCustomContent\n                          *ngFor=\"let selectItem of (formItem.selectOption.selectList || line.get(formItem.selectOption.selectListName).value)\"\n                          [nzValue]=\"selectItem[formItem.selectOption.value]\" [nzLabel]=\"formItem.selectOption.showLabelAndValue ? '['+ selectItem[formItem.selectOption.value] +']' +\n                          selectItem[formItem.selectOption.label] : selectItem[formItem.selectOption.label]\">\n                          <div class=\"hd-option-line\">\n                            <div *ngFor=\"let selectOptionTableColumn of formItem.selectOption.tableColumns\"\n                              [ngStyle]=\"getSelectTableColumnStyle(selectOptionTableColumn)\">\n                              <ng-container *ngIf=\"selectOptionTableColumn.icons;else notPictureTemplate\">\n                                <div class=\"hd-option-icons\">\n                                  <ng-container *ngFor=\"let icon of selectOptionTableColumn.icons\">\n                                    <img *ngIf=\"icon.iconName === 'hd-recommend-star' && selectItem[icon.fieldName]\"\n                                      src=\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAVpJREFUOE+l07FLQkEcB/Dv7713Zg1GQ0SgW9AmTYVp1BRUokZBEI1u/QVBUBD1D0Rt0dQaPYmotXza1tKQzQ1Fk0iDHr5vPEOTUpO88e77+9zvjjtBh8HTOb8e0hu0eN8Xzz22ikonoGzHdgXcAVB16S75U/mbn/m2AK+mglqbBUAGvCIRuVCJ7HLXQCUTPQOxXi8Q4FolnYWuAH0+HaEpjrdxAyC3VSq33xKgPTWiYYUai8IjUCabw4Zw1XWNF2+OZrXoi+cLImBth4odfQAw0elCW6zdKvU2/wVkYs8ggzBlRqrcI/DrrK1wQ7DWAIToV8lsqGxHDwTY6qYbA1jpCVAux3oBSirhDPYCOL6kE/s/QB77UrnNJoDDVkCN6pI+BJH+6xINQdpKOCf1d/AEYBxgUUQC5PcLbPMDXy1lhGXx7r0G6ExklpBwI0xh2w7ID+UzL71iL/MJdzuZdDL/kXcAAAAASUVORK5CYII=\"\n                                      style=\"width: 16px;height: 16px;\">\n                                    <img *ngIf=\"icon.iconName === 'hd-img-star' && selectItem[icon.fieldName]\"\n                                      src=\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAyhJREFUWEe1ll1o1XYYxp8nPUmUihdCV3bAirvYzUC80Xpy3KwTZNR2CdOhDkTBwe6G32XzwqpjE3Qt4pUKZQqDyQZNTp1uY8yCJG0F2d2+LlWOOkShovQkaV45lcJpTdOTHJubBPI+z/Pj//H+/0TGR66uf8sPoz8A/Kstkp38YORxFitmEVU1vm1cBPlp9ZuQXtX0jmfxygQgvxSWBRWlDECvhgrwQFuqLufG4TAtRCaAwCl+IcDXtWEi2KFb7pUFBxCBEpSMMsDWGWEiNzXLe2/BASp2cTuJH+KCRMJ3dGvsrzQQqafAtw0XpBEfIhc00/tswQD8QWM1FP45d4A8V9XJN9k5Nl4vRKoR8G3jMshdyebRPs0cOftaAaRUbAsRrRRRhuczFsF/lPATNQrL3Hr7/nz1lGvvtkwGUSEC8gLkWfMGkAfQMp9J0n8ByhS5J+QDVr+BshBlUu6q3d5v9G3jIcg3GgnJqp2C853iCIB1WU0a1F2iOO2tPnK3CLQ1aJZKLpCfddPrmtoF8uuqZn9iyfcEzVQumYtlQDO9vS8PsprHd4xvAR7I7FuHUIBvdNP9crr0lT7g24U+UNlfh1f6Esrn2ofeuVphbCPyneJuAN+lT0jokZCduum9cobM2Qn9krEGEa6+hi36jEC3aro34vASW3FoG9si8sdGRoKCY6rlnpjLIxGgYhunSPY0AiAiP+mW93EmAN8ujoJobwgAuKOb7orUAHKjY1EwHjwFkGsEoKpVJ6WVH3n/p1oDwVBhk0TK742GV/UKYOZMt5QKoGIbX5E8mgwg4wCbADQn1c1uPvP2gWqB7xjDADck7OwBVan0QFFyQaj2A9wxV60A13XT7Uw1Ar5TlDiBQP6hRHs0a3Ss9n8wuK4jYtN5Em/H6B5ppht7r4jvhEOFtYiUGQEAnhDoV033ZNJwB45xRAS9IBfX1qnhRD7uhhQLENiFQ0Ll9LSBCM7olnu43gUpTjEfiPSB3D6tUQRbcpZ7bbZHLEBYKnRFogxV505rmjzIrtG/6w2fMS0l430RHAVoULBZtdybdQFkCcuqSXUtzxqSpHsBfmUdgJhaiDQAAAAASUVORK5CYII=\"\n                                      style=\"width: 16px;height: 16px;\">\n                                    <span *ngIf=\"icon.iconName === 'hd-select-close' && selectItem[icon.fieldName]\"\n                                      class=\"hd-select-close\">\n                                      \u7981\u7528\n                                    </span>\n                                    <span *ngIf=\"icon.iconName === 'hd-select-purchase' && selectItem[icon.fieldName]\"\n                                      class=\"hd-select-purchase\">\n                                      \u534F\n                                    </span>\n                                  </ng-container>\n                                </div>\n                              </ng-container>\n                              <ng-template #notPictureTemplate>\n                                <ng-container\n                                  *ngIf=\"!isTextOverflow(selectOptionTableColumn.render ? selectOptionTableColumn.render(selectItem) : selectItem[selectOptionTableColumn.name], selectOptionTableColumn.width);else overflowTemplate\">\n                                  <div>{{\n                                    judgeColEmpty(selectOptionTableColumn.render ?\n                                    selectOptionTableColumn.render(selectItem) :\n                                    selectItem[selectOptionTableColumn.name])\n                                    }}\n                                  </div>\n                                </ng-container>\n                                <ng-template #overflowTemplate>\n                                  <div class=\"hd-option-overflow\" nz-tooltip\n                                    [nzTooltipTitle]=\"selectOptionTableColumn.render ? selectOptionTableColumn.render(selectItem) : selectItem[selectOptionTableColumn.name]\">\n                                    {{\n                                    judgeColEmpty(selectOptionTableColumn.render ?\n                                    selectOptionTableColumn.render(selectItem) :\n                                    selectItem[selectOptionTableColumn.name])\n                                    }}\n                                  </div>\n                                </ng-template>\n                              </ng-template>\n                            </div>\n                          </div>\n                        </nz-option>\n                        <nz-option\n                          *ngIf=\"formItem.selectOption.label && line.get(formItem.name) && line.get(formItem.selectOption.label)?.value && line.get(formItem.selectOption.value)?.value\"\n                          [nzLabel]=\"(formItem.selectOption.value === 'code' || formItem.selectOption.value === 'productCode' || formItem.selectOption.hdShowItemCode) ? ('['+ line.get(formItem.selectOption.value).value + ']' + line.get(formItem.selectOption.label).value) : line.get(formItem.selectOption.label).value\"\n                          [nzValue]=\"line.get(formItem.selectOption.value).value\" nzHide></nz-option>\n                      </nz-select>\n                      <ng-template #nomarlSelectTemplate>\n                        <nz-select #formInputDom (focusin)=\"setActiveDomInFormLines(dataIndex , innerIndex)\"\n                          [nzShowSearch]=\"formItem.selectOption.hdShowSearch != null ? formItem.selectOption.hdShowSearch : true\"\n                          [nzAllowClear]=\"formItem.selectOption.hdAllowClear != null ? formItem.selectOption.hdAllowClear : true\"\n                          [nzServerSearch]=\"formItem.selectOption.hdServerSearch || false\"\n                          [nzDropdownMatchSelectWidth]=\"formItem.selectOption.hdDropdownMatchSelectWidth ? formItem.selectOption.hdDropdownMatchSelectWidth : false\"\n                          [nzPlaceHolder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u9009\u62E9' + formItem.label\"\n                          [formControlName]=\"formItem.name\"\n                          (nzOpenChange)=\"onOpenChangeEvent(formItem.onOpenChangeEvent || null, $event, line, formItem.onOpenChangeEventDebounceTime)\"\n                          (nzOnSearch)=\"onSearchEvent(formItem.onSearchEvent || null, $event, line, formItem.onSearchEventEventDebounceTime)\"\n                          [ngStyle]=\"getStyle(line, formItem, '200px')\">\n                          <nz-option\n                            *ngFor=\"let selectItem of (formItem.selectOption.selectList || line.get(formItem.selectOption.selectListName).value)\"\n                            [nzValue]=\"selectItem[formItem.selectOption.value]\" [nzLabel]=\"formItem.selectOption.showLabelAndValue ? '['+ selectItem[formItem.selectOption.value] +']' +\n                          selectItem[formItem.selectOption.label] : selectItem[formItem.selectOption.label]\">\n                          </nz-option>\n                          <nz-option\n                            *ngIf=\"formItem.selectOption.label && line.get(formItem.name) && line.get(formItem.selectOption.label)?.value && line.get(formItem.selectOption.value)?.value\"\n                            [nzLabel]=\"(formItem.selectOption.value === 'code' || formItem.selectOption.value === 'productCode' || formItem.selectOption.hdShowItemCode) ? ('['+ line.get(formItem.selectOption.value).value + ']' + line.get(formItem.selectOption.label).value) : line.get(formItem.selectOption.label).value\"\n                            [nzValue]=\"line.get(formItem.selectOption.value).value\" nzHide></nz-option>\n                        </nz-select>\n                      </ng-template>\n\n                    </ng-container>\n                    <ng-container *ngSwitchCase=\"'Date'\">\n                      <nz-date-picker #formInputDom (click)=\"setActiveDomInFormLines(dataIndex , innerIndex)\"\n                        (focusin)=\"setActiveDomInFormLines(dataIndex , innerIndex)\" *ngIf=\"formItem.showTime\"\n                        [ngStyle]=\"getStyle(line, formItem, '150px')\"\n                        [nzPlaceHolder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u9009\u62E9' + formItem.label\"\n                        [formControlName]=\"formItem.name\" [nzDisabledDate]=\"formItem.hdDisabledDate\"\n                        [nzShowToday]=\"formItem.hdShowToday !== false\" nzShowTime\n                        nzFormat=\"yyyy-MM-dd HH:mm:ss\">\n                      </nz-date-picker>\n                      <nz-date-picker #formInputDom *ngIf=\"!formItem.showTime\"\n                        [ngStyle]=\"getStyle(line, formItem, '150px')\"\n                        (click)=\"setActiveDomInFormLines(dataIndex , innerIndex)\"\n                        (focusin)=\"setActiveDomInFormLines(dataIndex , innerIndex)\"\n                        [nzPlaceHolder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u9009\u62E9' + formItem.label\"\n                        [formControlName]=\"formItem.name\" [nzDisabledDate]=\"formItem.hdDisabledDate\"\n                        [nzShowToday]=\"formItem.hdShowToday !== false\">\n                      </nz-date-picker>\n                      <div *ngIf=\"formItem?.explainOptionRight?.show\"\n                        [style.color]=\"formItem?.explainOptionRight?.color ? formItem.explainOptionRight.color : null\">\n                        &nbsp;&nbsp;{{ line.get(formItem.explainOptionRight.name).value }}\n                      </div>\n                    </ng-container>\n                    <ng-container *ngSwitchCase=\"'DateRange'\">\n                      <nz-range-picker #formInputDom [ngStyle]=\"getStyle(line, formItem, '200px')\"\n                        (click)=\"setActiveDomInFormLines(dataIndex , innerIndex)\"\n                        (focusin)=\"setActiveDomInFormLines(dataIndex , innerIndex)\"\n                        [nzDisabledDate]=\"formItem.hdDisabledDate\" [nzPlaceHolder]=\"['\u5F00\u59CB\u65E5\u671F','\u7ED3\u675F\u65E5\u671F']\"\n                        [formControlName]=\"formItem.name\">\n                      </nz-range-picker>\n                    </ng-container>\n                    <ng-container *ngSwitchCase=\"'TextArea'\">\n                      <textarea #formInputDom (click)=\"setActiveDomInFormLines(dataIndex , innerIndex)\"\n                        (focusin)=\"setActiveDomInFormLines(dataIndex , innerIndex)\"\n                        [ngStyle]=\"{'color': formItem?.colorOption?.name ? line.get(formItem.colorOption.name).value : null}\"\n                        [placeholder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u8F93\u5165' + formItem.label\"\n                        [maxlength]=\"formItem.maxLength || null\" rows=\"4\" nz-input\n                        [maxlength]=\"formItem.maxLength || null\" [formControlName]=\"formItem.name\"></textarea>\n                    </ng-container>\n                    <ng-container *ngSwitchCase=\"'InputNumber'\">\n                      <div style=\"display: flex;align-items: center;\"\n                        (focusin)=\"setActiveDomInFormLines(dataIndex , innerIndex)\">\n                        <nz-input-number #formInputDom [ngStyle]=\"getStyle(line, formItem, '100px')\"\n                          [maxlength]=\"formItem.maxLength || null\" [formControlName]=\"formItem.name\"\n                          [nzMin]=\"formItem?.inputNumber?.min || 0\" [nzMax]=\"formItem?.inputNumber?.max || 99999999\"\n                          [nzStep]=\"formItem?.inputNumber?.step || 1\"\n                          [nzPrecision]=\"formItem?.inputNumber?.precision != null ? formItem.inputNumber.precision : 2\"\n                          [nzPlaceHolder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u8F93\u5165' + formItem.label\"\n                          [nzId]=\"'inputNumber-' + formItem.name + line.get('lineIndex').value\"\n                          (click)=\"formItem.isSelect ? selectValue('#inputNumber-' + formItem.name + line.get('lineIndex').value, dataIndex , innerIndex) : setActiveDomInFormLines(dataIndex , innerIndex)\">\n                        </nz-input-number>\n                        <div *ngIf=\"formItem?.explainOptionRight?.show\"\n                          [style.color]=\"formItem?.explainOptionRight?.color ? formItem.explainOptionRight.color : null\">\n                          &nbsp;&nbsp;{{ line.get(formItem.explainOptionRight.name).value }}\n                        </div>\n                      </div>\n                    </ng-container>\n                    <ng-container *ngSwitchCase=\"'MultipleSelect'\">\n                      <nz-select #formInputDom (click)=\"setActiveDomInFormLines(dataIndex , innerIndex)\"\n                        (focusin)=\"setActiveDomInFormLines(dataIndex , innerIndex)\" nzMode=\"multiple\"\n                        [nzServerSearch]=\"formItem.selectOption.hdServerSearch || false\"\n                        [nzDropdownMatchSelectWidth]=\"formItem.selectOption.hdDropdownMatchSelectWidth ? formItem.selectOption.hdDropdownMatchSelectWidth : false\"\n                        [nzShowSearch]=\"formItem.selectOption.hdShowSearch != null ? formItem.selectOption.hdShowSearch : true\"\n                        [nzAllowClear]=\"formItem.selectOption.hdAllowClear != null ? formItem.selectOption.hdAllowClear : true\"\n                        [nzPlaceHolder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u9009\u62E9' + formItem.label\"\n                        [formControlName]=\"formItem.name\" [ngStyle]=\"getStyle(line, formItem, '200px')\"\n                        (nzOpenChange)=\"onOpenChangeEvent(formItem.onOpenChangeEvent || null, $event, line, formItem.onOpenChangeEventDebounceTime)\"\n                        (nzOnSearch)=\"onSearchEvent(formItem.onSearchEvent || null, $event, line, formItem.onSearchEventEventDebounceTime)\">\n                        <nz-option *ngFor=\"let selectItem of formItem.selectOption.selectList\"\n                          [nzValue]=\"selectItem[formItem.selectOption.value]\" [nzLabel]=\"formItem.selectOption.showLabelAndValue ? '['+ selectItem[formItem.selectOption.value] +']' +\n                        selectItem[formItem.selectOption.label] : selectItem[formItem.selectOption.label]\"></nz-option>\n                        <ng-container\n                          *ngIf=\"formItem.selectOption.label && line.get(formItem.name) && line.get(formItem.selectOption.label)?.value && line.get(formItem.selectOption.value)?.value\">\n                          <nz-option *ngFor=\"let option of line.get(formItem.selectOption.value).value;index as i\"\n                            [nzLabel]=\"line.get(formItem.selectOption.label).value[i]\" [nzValue]=\"option\" nzHide>\n                          </nz-option>\n                        </ng-container>\n                      </nz-select>\n                    </ng-container>\n                    <ng-container *ngSwitchCase=\"'ViewDom'\">\n                      <span *ngIf=\"!formItem?.hideViewDomValue\">\n                        {{\n                        (formItem.preserveNumber && line.get(formItem.name).value) ?\n                        LodashRound(line.get(formItem.name).value,\n                        formItem.preserveNumber).toFixed(formItem.preserveNumber)\n                        : line.get(formItem.name).value\n                        }}\n                      </span>\n                      <ng-container\n                        *ngTemplateOutlet=\"ViewDomRightTemplate;context:{formItem: formItem, formLine: line}\"></ng-container>\n                    </ng-container>\n                    <ng-container *ngSwitchCase=\"'Switch'\">\n                      <nz-switch (click)=\"setActiveDomInFormLines(dataIndex , innerIndex)\"\n                        [formControlName]=\"formItem.name\"></nz-switch>\n                    </ng-container>\n                    <ng-container *ngSwitchCase=\"'Time'\">\n                      <nz-time-picker #formInputDom [ngStyle]=\"getStyle(line, formItem, '200px')\"\n                        (click)=\"setActiveDomInFormLines(dataIndex , innerIndex)\"\n                        (focusin)=\"setActiveDomInFormLines(dataIndex , innerIndex)\"\n                        [formControlName]=\"formItem.name\"></nz-time-picker>\n                    </ng-container>\n                  </ng-container>\n                </nz-form-control>\n              </nz-form-item>\n              <div *ngIf=\"formItem?.explainOption?.show\"\n                [style.color]=\"formItem?.explainOption?.color ? formItem.explainOption.color : null\">\n                {{ line.get(formItem.explainOption.name).value }}\n              </div>\n            </td>\n          </ng-container>\n          <td [style.width.px]=\"operateColWidth\" 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 *ngIf=\"operateButtons.includes('copy')\" (click)=\"copyFormLine(line.get('lineIndex').value)\">\u590D\u5236</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 *ngIf=\"showCheckbox\"></td>\n        <td>\u5408\u8BA1</td>\n        <ng-container *ngFor=\"let totalOption of totalOptionList\">\n          <td [nzAlign]=\"totalOption.align ? totalOption.align : 'left'\">{{\n            (totalOption.value || totalOption.value ===\n            0) ? (((totalOption.value % 1 === 0) && !totalOption.showDecimal) ? totalOption.value :\n            LodashRound(totalOption.value, 2).toFixed(2)) : ''\n            }}\n          </td>\n        </ng-container>\n      </tr>\n    </tbody>\n  </nz-table>\n  <nz-list\n    *ngIf=\"linesFormArray.controls.slice((paginationPageIndex - 1) * paginationPageSize, (paginationPageIndex - 1) * paginationPageSize + paginationPageSize).length === 0\"\n    [nzDataSource]=\"[]\"></nz-list>\n  <ng-container>\n    <hd-space background=\"transparent\" type=\"row\" size=\"16\"></hd-space>\n    <div class=\"hd-formLines-pagination\">\n      <div class=\"hd-formLines-pagination-left\">\n        <div *ngIf=\"showKeyboardOperateTip\">\u652F\u6301\u952E\u76D8\u64CD\u4F5C\uFF0C\u4F7F\u7528\n          <i nz-icon nzType=\"up-circle\" nzTheme=\"outline\" style=\"font-size: 16px;margin-left: 4px;\"></i>\n          <i nz-icon nzType=\"down-circle\" nzTheme=\"outline\" style=\"font-size: 16px;margin-left: 4px;\"></i>\n          <i nz-icon nzType=\"left-circle\" nzTheme=\"outline\" style=\"font-size: 16px;margin-left: 4px;\"></i>\n          <i nz-icon nzType=\"right-circle\" nzTheme=\"outline\" style=\"font-size: 16px;margin-left: 4px;\"></i>\n          <span style=\"font-size: 14px;margin-left: 4px;font-weight: bolder;\">Enter</span>\n          \u952E\u5207\u6362\u8868\u5355\u9879\n        </div>\n      </div>\n      <nz-pagination [nzSize]=\"'small'\" style=\"text-align: right;\" [nzPageIndex]=\"paginationPageIndex\"\n        [nzPageSize]=\"paginationPageSize\" [nzPageSizeOptions]=\"[10, 20, 30, 40, 50]\"\n        [nzTotal]=\"linesFormArray.controls.length\" nzShowSizeChanger (nzPageIndexChange)=\"pageIndexChange($event)\"\n        (nzPageSizeChange)=\"pageSizeChange($event)\" [nzShowTotal]=\"totalTemplate\"></nz-pagination>\n      <ng-template #totalTemplate let-total>\u5171 {{ linesFormArray.controls.length }} \u6761\u6570\u636E</ng-template>\n    </div>\n\n  </ng-container>\n</form>\n",
+                        styles: ["::ng-deep .common-btn-group>a{font-size:14px;font-weight:400;color:#20b95d!important;white-space:nowrap}::ng-deep .common-btn-group .common-danger-btn:hover{color:#f05b24!important}::ng-deep .common-btn-group>a:hover{color:#20bd62!important}::ng-deep .common-btn-group>a:not(:last-child)::after{content:'';margin:0 2px}::ng-deep .common-billNumber>a{color:#3b77e3}button{box-shadow:unset;text-shadow:unset}::ng-deep .ant-form-item-label>label{color:#4b504e;font-size:14px}::ng-deep .ant-input-number-input{height:32px}::ng-deep .ant-input-number{height:32px}textarea.ant-input{height:auto;min-height:32px}::ng-deep .ant-select-selection--multiple{min-height:32px}::ng-deep .ant-select-selection__rendered>ul>li{height:26px!important;margin-top:3px!important;line-height:26px!important}::ng-deep .ant-advanced-search-form .ant-form-item{margin-bottom:0!important}::ng-deep .ant-select-selection--single{height:32px!important}::ng-deep .ant-input{height:32px}::ng-deep .ant-input[disabled]:hover{border-color:#d9d9d9!important}::ng-deep .ant-select-selection__rendered{line-height:32px!important}::ng-deep .ant-calendar-range-picker-input{text-align:left!important}::ng-deep .ant-calendar-picker{width:100%!important}::ng-deep .ant-row{margin-right:0!important;margin-left:0!important}::ng-deep .ant-col-6{padding-left:12px;padding-right:12px}::ng-deep .ant-col-12{padding-left:12px;padding-right:12px}::ng-deep .ant-col-18{padding-left:12px;padding-right:12px}::ng-deep .ant-col-24{padding-left:12px;padding-right:12px}::ng-deep .ant-alert-info{background-color:#f5f8f6;border:1px solid #cfe3d4}:host ::ng-deep th{background:#f5f8f6!important;font-weight:700!important;white-space:nowrap;font-size:14px;font-family:PingFangSC-Medium,PingFang SC;color:#2a3634;padding:8px!important;box-sizing:border-box}:host ::ng-deep td{font-weight:400;font-style:normal;font-size:14px;color:#2a3634;text-align:left;white-space:nowrap;padding:8px!important;box-sizing:border-box}::ng-deep .ant-pagination-options{display:inline-flex;align-items:center}::ng-deep .ant-time-picker{width:100%}.ant-input-number-disabled,.ant-input[disabled],.ant-select-disabled{color:#4b504e}.hd-formLines-toolbar{display:block}.hd-formLines-toolbar ::ng-deep .hd-button-group-right{flex:1;min-width:0;display:flex;justify-content:flex-end}.hd-formLines-toolbar-right{display:flex;align-items:center;justify-content:space-between;width:100%;margin-left:16px}.hd-formLines-toolbar-right-left,.hd-formLines-toolbar-right-right{display:flex;align-items:center}.hd-formLines-container ::ng-deep td{padding:4px 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 ::ng-deep .ant-form-item{margin-bottom:0}.hd-formLines-container .ant-input-number{width:100%}::ng-deep .hd-select-table .ant-select-dropdown-menu-item-disabled{background:#f5f8f6!important;border-bottom:1px solid #e8e8e8;position:-webkit-sticky;position:sticky;top:0;z-index:10;padding:0}::ng-deep .hd-select-table .ant-select-dropdown-menu-item-disabled:hover{background:#f5f8f6!important}::ng-deep .hd-option-header{display:flex;align-items:center;color:rgba(0,0,0,.85);background:#f5f8f6}::ng-deep .hd-option-header-column{padding:5px 0}.hd-option-line{display:flex;align-items:center}.hd-option-overflow{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.hd-select-empty{display:flex;align-items:center;flex-direction:column;padding:20px 0;background:#fff}::ng-deep .ant-empty-small{background:#fff!important;padding:8px 0;margin:0}.hd-formLines-pagination{display:flex;align-items:center;justify-content:space-between}.hd-formLines-pagination .hd-formLines-pagination-left{margin-left:10px;display:flex;align-items:center}.hd-option-icons{display:flex;align-items:center}.hd-select-close{display:block;height:16px;line-height:14px;text-align:center;padding:0 4px;border:1px solid #f5222d;color:#f5222d;font-size:14px}.hd-select-purchase{display:block;height:16px;line-height:14px;text-align:center;padding:0 4px;border:1px solid #20bd62;color:#20bd62;font-size:14px}"]
                     }] }
         ];
         /** @nocollapse */
@@ -4320,16 +4891,20 @@
             showKeyboardOperateTip: [{ type: core.Input }],
             tableLoading: [{ type: core.Input }],
             showSearch: [{ type: core.Input }],
+            showCheckbox: [{ type: core.Input }],
             formLines: [{ type: core.Input }],
             formLinesData: [{ type: core.Input }],
             operateButtons: [{ type: core.Input }],
             scroll: [{ type: core.Input }],
             changeEvent: [{ type: core.Output }],
+            selectionChange: [{ type: core.Output }],
             showDeleteConfirm: [{ type: core.Input }],
             showTotal: [{ type: core.Input }],
             totalOption: [{ type: core.Input }],
             columnsNumber: [{ type: core.Input }],
             ViewDomRightTemplate: [{ type: core.ContentChild, args: ["ViewDomRightTemplate", { static: false },] }],
+            formLinesLeftButton: [{ type: core.ContentChild, args: ["formLinesLeftButton", { static: false },] }],
+            formLinesRightButton: [{ type: core.ContentChild, args: ["formLinesRightButton", { static: false },] }],
             deleteLineEvent: [{ type: core.Output }]
         };
         __decorate([
@@ -4352,6 +4927,10 @@
             ngZorroAntd.InputBoolean(),
             __metadata("design:type", Boolean)
         ], HdFormLinesComponent.prototype, "showSearch", void 0);
+        __decorate([
+            ngZorroAntd.InputBoolean(),
+            __metadata("design:type", Boolean)
+        ], HdFormLinesComponent.prototype, "showCheckbox", void 0);
         __decorate([
             ngZorroAntd.InputBoolean(),
             __metadata("design:type", Boolean)
@@ -4377,6 +4956,11 @@
         HdFormLinesComponent.prototype.tableLoading;
         /** @type {?} */
         HdFormLinesComponent.prototype.showSearch;
+        /**
+         * 是否展示行勾选列，用于外部批量操作勾选行
+         * @type {?}
+         */
+        HdFormLinesComponent.prototype.showCheckbox;
         /** @type {?} */
         HdFormLinesComponent.prototype.formLines;
         /** @type {?} */
@@ -4387,6 +4971,11 @@
         HdFormLinesComponent.prototype.scroll;
         /** @type {?} */
         HdFormLinesComponent.prototype.changeEvent;
+        /**
+         * 勾选变化时抛出当前勾选行 FormGroup 列表
+         * @type {?}
+         */
+        HdFormLinesComponent.prototype.selectionChange;
         /** @type {?} */
         HdFormLinesComponent.prototype.showDeleteConfirm;
         /** @type {?} */
@@ -4421,6 +5010,12 @@
         HdFormLinesComponent.prototype.isFilterData;
         /** @type {?} */
         HdFormLinesComponent.prototype.formValid;
+        /**
+         * 勾选的行 id（跨页、搜索重建后仍保留）
+         * @type {?}
+         * @private
+         */
+        HdFormLinesComponent.prototype.selectedRowIds;
         /**
          * @type {?}
          * @private
@@ -4468,6 +5063,16 @@
         HdFormLinesComponent.prototype.activeSelectedComponentOpen;
         /** @type {?} */
         HdFormLinesComponent.prototype.ViewDomRightTemplate;
+        /**
+         * 工具栏左侧自定义按钮，用法同 hd-table 的 tableLeftButton
+         * @type {?}
+         */
+        HdFormLinesComponent.prototype.formLinesLeftButton;
+        /**
+         * 工具栏右侧自定义按钮，用法同 hd-table 的 tableRightButton
+         * @type {?}
+         */
+        HdFormLinesComponent.prototype.formLinesRightButton;
         /** @type {?} */
         HdFormLinesComponent.prototype.deleteLineEvent;
         /**
@@ -7373,12 +7978,112 @@
         return HdTipModule;
     }());
 
+    /**
+     * @fileoverview added by tsickle
+     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     */
+    /**
+     * 全局清理 ng-zorro tooltip 残留 overlay。
+     * 典型场景：hover 出 tooltip 后立刻点击跳转/打开详情，CDK overlay 未销毁，飘到下一页。
+     *
+     * 引入 FantasyNgzorroModule 后自动生效，也可手动注入调用 clearStuckTooltips()。
+     */
+    var HdOverlayCleanupService = /** @class */ (function () {
+        function HdOverlayCleanupService(router) {
+            this.router = router;
+            this.started = false;
+            this.start();
+        }
+        /** 启动全局监听（幂等） */
+        /**
+         * 启动全局监听（幂等）
+         * @return {?}
+         */
+        HdOverlayCleanupService.prototype.start = /**
+         * 启动全局监听（幂等）
+         * @return {?}
+         */
+        function () {
+            var _this = this;
+            if (this.started || typeof document === "undefined") {
+                return;
+            }
+            this.started = true;
+            // 任意按下即清：覆盖跳路由、开抽屉/弹窗等不走 Navigation 的场景
+            document.addEventListener("mousedown", (/**
+             * @return {?}
+             */
+            function () { return _this.clearStuckTooltips(); }), true);
+            if (this.router) {
+                this.router.events
+                    .pipe(operators.filter((/**
+                 * @param {?} e
+                 * @return {?}
+                 */
+                function (e) { return e instanceof router.NavigationStart; })))
+                    .subscribe((/**
+                 * @return {?}
+                 */
+                function () { return _this.clearStuckTooltips(); }));
+            }
+        };
+        /** 清理残留在 body 上的 ant-tooltip overlay */
+        /**
+         * 清理残留在 body 上的 ant-tooltip overlay
+         * @return {?}
+         */
+        HdOverlayCleanupService.prototype.clearStuckTooltips = /**
+         * 清理残留在 body 上的 ant-tooltip overlay
+         * @return {?}
+         */
+        function () {
+            if (typeof document === "undefined") {
+                return;
+            }
+            /** @type {?} */
+            var tooltips = document.querySelectorAll(".cdk-overlay-container .ant-tooltip");
+            tooltips.forEach((/**
+             * @param {?} el
+             * @return {?}
+             */
+            function (el) {
+                /** @type {?} */
+                var pane = (/** @type {?} */ (el.closest(".cdk-overlay-pane")));
+                if (pane && pane.parentNode) {
+                    pane.parentNode.removeChild(pane);
+                }
+            }));
+        };
+        HdOverlayCleanupService.decorators = [
+            { type: core.Injectable, args: [{ providedIn: "root" },] }
+        ];
+        /** @nocollapse */
+        HdOverlayCleanupService.ctorParameters = function () { return [
+            { type: router.Router, decorators: [{ type: core.Optional }] }
+        ]; };
+        /** @nocollapse */ HdOverlayCleanupService.ngInjectableDef = core.ɵɵdefineInjectable({ factory: function HdOverlayCleanupService_Factory() { return new HdOverlayCleanupService(core.ɵɵinject(router.Router, 8)); }, token: HdOverlayCleanupService, providedIn: "root" });
+        return HdOverlayCleanupService;
+    }());
+    if (false) {
+        /**
+         * @type {?}
+         * @private
+         */
+        HdOverlayCleanupService.prototype.started;
+        /**
+         * @type {?}
+         * @private
+         */
+        HdOverlayCleanupService.prototype.router;
+    }
+
     /**
      * @fileoverview added by tsickle
      * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
     var HdComponentModule = /** @class */ (function () {
-        function HdComponentModule() {
+        // 单独引入 HdComponentModule 时也启动全局 tooltip 清理
+        function HdComponentModule(_overlayCleanup) {
         }
         HdComponentModule.decorators = [
             { type: core.NgModule, args: [{
@@ -7402,6 +8107,10 @@
                         ]
                     },] }
         ];
+        /** @nocollapse */
+        HdComponentModule.ctorParameters = function () { return [
+            { type: HdOverlayCleanupService }
+        ]; };
         return HdComponentModule;
     }());
 
@@ -7410,7 +8119,8 @@
      * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
     var FantasyNgzorroModule = /** @class */ (function () {
-        function FantasyNgzorroModule() {
+        // 注入以启动全局 tooltip overlay 清理（providedIn: root，幂等）
+        function FantasyNgzorroModule(_overlayCleanup) {
         }
         FantasyNgzorroModule.decorators = [
             { type: core.NgModule, args: [{
@@ -7420,6 +8130,10 @@
                         entryComponents: [HdLogComponent]
                     },] }
         ];
+        /** @nocollapse */
+        FantasyNgzorroModule.ctorParameters = function () { return [
+            { type: HdOverlayCleanupService }
+        ]; };
         return FantasyNgzorroModule;
     }());
 
@@ -7932,6 +8646,7 @@
     exports.HdLogComponent = HdLogComponent;
     exports.HdLogService = HdLogService;
     exports.HdOption = HdOption;
+    exports.HdOverlayCleanupService = HdOverlayCleanupService;
     exports.HdTableColumn = HdTableColumn;
     exports.HdTableTotalOption = HdTableTotalOption;
     exports.InputNumber = InputNumber;