fantasy-ngzorro 1.2.19 → 1.3.0

package/fesm2015/fantasy-ngzorro.js

@@ -1,7 +1,7 @@
-import { Component, ContentChild, NgModule, Injectable, ɵɵdefineInjectable, EventEmitter, Input, Output, NO_ERRORS_SCHEMA, ɵɵinject, ChangeDetectorRef } from '@angular/core';
+import { Component, ContentChild, NgModule, Injectable, ɵɵdefineInjectable, EventEmitter, Input, Output, NO_ERRORS_SCHEMA, ElementRef, ChangeDetectorRef, ViewChildren, ɵɵinject } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { FormsModule, FormBuilder, ReactiveFormsModule, Validators } from '@angular/forms';
-import { NgZorroAntdModule, InputBoolean, NzModalService } from 'ng-zorro-antd';
+import { NgZorroAntdModule, InputBoolean, NzInputNumberComponent, NzSelectComponent, NzDatePickerComponent, NzRangePickerComponent, NzTimePickerComponent, NzModalService } from 'ng-zorro-antd';
 import { __decorate, __metadata } from 'tslib';
 import { moveItemInArray, DragDropModule } from '@angular/cdk/drag-drop';
 import { round } from 'lodash';
@@ -1109,6 +1109,124 @@ HdSpaceModule.decorators = [
             },] }
 ];
 
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+// 控件列表
+class FormLine {
+    constructor() {
+        // 输入框的提示文件
+        this.require = false; // 是否必填
+        // 是否必填
+        this.hide = false; // 是否为隐藏字段，仅用于填充表单的字段，不显示在页面上
+        // 列对齐方式
+        this.value = null; // 值 不传默认为null
+        // 需要保留小数的列的位数
+        this.inputNumber = new InputNumber(); // number组件的min、max、step
+        // 不可输入状态
+        this.showTime = false; // 日期选择器是否包含时间
+        this.canSearch = false; // 指明hide 情况下的控件是否可以被搜索，默认false
+    }
+}
+if (false) {
+    /** @type {?} */
+    FormLine.prototype.type;
+    /** @type {?} */
+    FormLine.prototype.label;
+    /** @type {?} */
+    FormLine.prototype.name;
+    /** @type {?} */
+    FormLine.prototype.placeholder;
+    /** @type {?} */
+    FormLine.prototype.require;
+    /** @type {?} */
+    FormLine.prototype.hide;
+    /** @type {?} */
+    FormLine.prototype.align;
+    /** @type {?} */
+    FormLine.prototype.value;
+    /** @type {?} */
+    FormLine.prototype.isSelect;
+    /** @type {?} */
+    FormLine.prototype.selectOption;
+    /** @type {?} */
+    FormLine.prototype.explainOptionRight;
+    /** @type {?} */
+    FormLine.prototype.explainOption;
+    /** @type {?} */
+    FormLine.prototype.colorOption;
+    /** @type {?} */
+    FormLine.prototype.maxLength;
+    /** @type {?} */
+    FormLine.prototype.preserveNumber;
+    /** @type {?} */
+    FormLine.prototype.inputNumber;
+    /** @type {?} */
+    FormLine.prototype.onChangeEvent;
+    /** @type {?} */
+    FormLine.prototype.onSearchEvent;
+    /** @type {?} */
+    FormLine.prototype.defaultLabel;
+    /** @type {?} */
+    FormLine.prototype.hdDisabledDate;
+    /** @type {?} */
+    FormLine.prototype.disabled;
+    /** @type {?} */
+    FormLine.prototype.showTime;
+    /** @type {?} */
+    FormLine.prototype.style;
+    /** @type {?} */
+    FormLine.prototype.canSearch;
+    /** @type {?} */
+    FormLine.prototype.onChangeEventDebounceTime;
+    /** @type {?} */
+    FormLine.prototype.onSearchEventEventDebounceTime;
+}
+class ColorOption {
+}
+if (false) {
+    /** @type {?} */
+    ColorOption.prototype.name;
+    /** @type {?} */
+    ColorOption.prototype.color;
+}
+class ExplainOption {
+}
+if (false) {
+    /** @type {?} */
+    ExplainOption.prototype.show;
+    /** @type {?} */
+    ExplainOption.prototype.name;
+    /** @type {?} */
+    ExplainOption.prototype.color;
+}
+/** @enum {string} */
+const FormLineType = {
+    Input: 'Input',
+    Select: 'Select',
+    Date: 'Date',
+    DateRange: 'DateRange',
+    TextArea: 'TextArea',
+    InputNumber: 'InputNumber',
+    MultipleSelect: 'MultipleSelect',
+    ViewDom: 'ViewDom',
+    Switch: 'Switch',
+    Time: 'Time' // 时间选择器
+    ,
+};
+class HdFormLinesService {
+    constructor() { }
+}
+HdFormLinesService.decorators = [
+    { type: Injectable, args: [{
+                providedIn: 'root'
+            },] }
+];
+/** @nocollapse */
+HdFormLinesService.ctorParameters = () => [];
+/** @nocollapse */ HdFormLinesService.ngInjectableDef = ɵɵdefineInjectable({ factory: function HdFormLinesService_Factory() { return new HdFormLinesService(); }, token: HdFormLinesService, providedIn: "root" });
+
 /**
  * @fileoverview added by tsickle
  * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
@@ -1116,9 +1234,11 @@ HdSpaceModule.decorators = [
 class HdFormLinesComponent {
     /**
      * @param {?} fb
+     * @param {?} cdr
      */
-    constructor(fb) {
+    constructor(fb, cdr) {
         this.fb = fb;
+        this.cdr = cdr;
         this.tableLoading = false;
         this.showSearch = false;
         this.operateButtons = ['add', 'delete'];
@@ -1126,7 +1246,8 @@ class HdFormLinesComponent {
         this.changeEvent = new EventEmitter();
         this.showDeleteConfirm = false;
         this.paginationPageIndex = 1;
-        this.paginationPageSize = 10;
+        // TODO:这里暂时变成2条去处理，做完之后需要改成10
+        this.paginationPageSize = 3;
         // 合计区域
         this.showTotal = false;
         this.totalOption = [];
@@ -1145,6 +1266,13 @@ class HdFormLinesComponent {
         // 表单当前的状态
         this.searchSubject = new Subject();
         this.debounceTimeout = 0; // 默认防抖时间
+        // 当前页的dom二维数组
+        this.collectDomList = [];
+        // 当前聚焦的dom元素坐标
+        this.activeDomX = null;
+        this.activeDomY = null;
+        this.activeDom = null;
+        this.activeSelectedComponentOpen = false;
         this.textWidthCache = {};
         this.searchSubscription = this.searchSubject.pipe(debounceTime(this.debounceTimeout)).subscribe((/**
          * @param {?} __0
@@ -1160,6 +1288,424 @@ class HdFormLinesComponent {
         this.storeFormLinesData = this.formLinesData;
         this.init();
     }
+    /**
+     * @return {?}
+     */
+    ngAfterViewInit() {
+        this.collectDomData();
+    }
+    /**
+     * @return {?}
+     */
+    get formLinesLength() {
+        return this.linesFormArray.controls.length;
+    }
+    /**
+     * @return {?}
+     */
+    collectDomData() {
+        this.collectDomList = [];
+        /** @type {?} */
+        const pageDomList = this.formInputDomList.toArray();
+        // Step 1: 获取当前页的数据量
+        /** @type {?} */
+        const startIndex = (this.paginationPageIndex - 1) * this.paginationPageSize;
+        /** @type {?} */
+        const endIndex = this.paginationPageIndex * this.paginationPageSize;
+        /** @type {?} */
+        const adjustedEndIndex = endIndex > this.formLinesLength ? this.formLinesLength : endIndex;
+        /** @type {?} */
+        const pageLinesLength = adjustedEndIndex - startIndex;
+        /** @type {?} */
+        const interval = pageDomList.length / pageLinesLength;
+        // Step 2: 拆分formInputDomList
+        for (let i = 0; i < pageLinesLength; i++) {
+            this.collectDomList.push(pageDomList.splice(0, interval));
+        }
+        // 关闭所有NzInputNumberComponent的键盘上下箭头触发+-的功能
+        for (let i = 0; i < this.collectDomList.length; i++) {
+            for (let j = 0; j < this.collectDomList[i].length; j++) {
+                /** @type {?} */
+                const dom = this.collectDomList[i][j];
+                if (dom instanceof NzInputNumberComponent) {
+                    dom.down = (/**
+                     * @return {?}
+                     */
+                    () => { });
+                    dom.up = (/**
+                     * @return {?}
+                     */
+                    () => { });
+                }
+            }
+        }
+    }
+    // 聚焦下一个dom
+    /**
+     * @param {?} x
+     * @param {?} y
+     * @return {?}
+     */
+    jumpToNextInput(x, y) {
+        if (x === null || y === null || !this.collectDomList || this.collectDomList.length === 0) {
+            return;
+        }
+        // 如果是最后一个可输入元素，新增行
+        if (x === this.collectDomList.length - 1 && y === this.collectDomList[0].length - 1) {
+            this.addNewLineAndFocus();
+        }
+        else {
+            if (y === this.collectDomList[0].length - 1) {
+                // 如果是最后一列，则跳转到下一行第一个输入框
+                this.focusDom(x + 1, 0, 'right');
+            }
+            else {
+                // 如果不是最后一列，则跳转到当前行下一个输入框
+                this.focusDom(x, y + 1, 'right');
+            }
+        }
+    }
+    /**
+     * 增加新行并且聚焦到第一个元素，
+     * 这里要注意，如果存在翻页情况，需要处理
+     * @return {?}
+     */
+    addNewLineAndFocus() {
+        // 当前行为当前页最后一行的时候，判断下一页是否有数据
+        // 1、如果有：翻页+聚焦第一行第一个元素
+        // 2、如果没有：新增行+翻页+聚焦第一行第一个元素
+        if (this.activeDomX === this.paginationPageSize - 1) {
+            // 判断下一页是否有数据
+            if (this.paginationPageIndex < Math.ceil(this.formLinesLength / this.paginationPageSize)) {
+                // 翻页+聚焦第一行第一个元素
+                this.paginationPageIndex++;
+                setTimeout((/**
+                 * @return {?}
+                 */
+                () => {
+                    this.collectDomData();
+                    this.focusDom(0, 0, 'right');
+                }), 0);
+            }
+            else {
+                // 新增行+翻页+聚焦第一行第一个元素
+                this.addFormLine();
+                this.paginationPageIndex++;
+                setTimeout((/**
+                 * @return {?}
+                 */
+                () => {
+                    this.collectDomData();
+                    this.focusDom(0, 0);
+                }), 0);
+            }
+        }
+        else {
+            this.addFormLine();
+        }
+    }
+    // 聚焦到上一个dom
+    /**
+     * @param {?} x
+     * @param {?} y
+     * @return {?}
+     */
+    jumpToPrevInput(x, y) {
+        if (x === null || y === null || !this.collectDomList || this.collectDomList.length === 0) {
+            return;
+        }
+        if (x === 0 && y === 0) {
+            // 如果是第一个可输入元素， 判断是否有上一页， 如果有，则翻页+聚焦到上一页最后一个元素
+            if (this.paginationPageIndex > 1) {
+                // 翻页+聚焦到上一页最后一个元素
+                this.paginationPageIndex--;
+                setTimeout((/**
+                 * @return {?}
+                 */
+                () => {
+                    this.collectDomData();
+                    this.focusDom(this.collectDomList.length - 1, this.collectDomList[0].length - 1);
+                }), 0);
+            }
+            return;
+        }
+        else {
+            if (y === 0) {
+                // 如果是第一列，则跳转到上一行最后一个输入框
+                this.focusDom(x - 1, this.collectDomList[0].length - 1, 'left');
+            }
+            else {
+                // 如果不是第一列，则跳转到当前行上一个输入框
+                this.focusDom(x, y - 1, 'left');
+            }
+        }
+    }
+    /**
+     * 聚焦到某个dom
+     * @param {?} x 坐标x
+     * @param {?} y 坐标y
+     * @param {?=} jumpDirection 跳转方向
+     * @return {?}
+     */
+    focusDom(x, y, jumpDirection = 'right') {
+        if (x === null || y === null || !this.collectDomList || this.collectDomList.length === 0) {
+            return;
+        }
+        // 先清除一下当前的焦点
+        this.cleanFocusDom(this.activeDomX, this.activeDomY);
+        if (this.collectDomList[x] && this.collectDomList[x][y]) {
+            /** @type {?} */
+            const dom = this.collectDomList[x][y];
+            // 需要判断下一个focus的dom是否是禁用状态，如果是禁用状态需要跳过
+            if (dom instanceof NzSelectComponent) {
+                if (dom.nzDisabled) {
+                    if (jumpDirection === 'right') {
+                        this.jumpToNextInput(x, y);
+                    }
+                    else if (jumpDirection === 'left') {
+                        this.jumpToPrevInput(x, y);
+                    }
+                    return;
+                }
+                dom.nzSelectTopControlComponent.inputElement.nativeElement.scrollIntoView({ behavior: 'smooth', block: 'center', inline: 'center' });
+                // 这里多选框需要额外处理下，因为向下的时候会触发内部Input的聚焦，把下一个dom的focus放到宏任务中，延迟处理。
+                if (dom.nzSelectService.mode === 'multiple') {
+                    setTimeout((/**
+                     * @return {?}
+                     */
+                    () => {
+                        dom.focus();
+                    }), 0);
+                }
+                else {
+                    dom.focus();
+                }
+            }
+            else if (dom instanceof NzInputNumberComponent) {
+                if (dom.nzDisabled) {
+                    if (jumpDirection === 'right') {
+                        this.jumpToNextInput(x, y);
+                    }
+                    else if (jumpDirection === 'left') {
+                        this.jumpToPrevInput(x, y);
+                    }
+                    return;
+                }
+                /** @type {?} */
+                const inputDom = document.getElementById(dom.nzId);
+                inputDom.focus();
+                inputDom.scrollIntoView({ behavior: 'smooth', block: 'center', inline: 'center' });
+                setTimeout((/**
+                 * @return {?}
+                 */
+                () => {
+                    inputDom.select();
+                }), 0);
+            }
+            else if (dom instanceof ElementRef) {
+                if (dom.nativeElement.disabled) {
+                    if (jumpDirection === 'right') {
+                        this.jumpToNextInput(x, y);
+                    }
+                    else if (jumpDirection === 'left') {
+                        this.jumpToPrevInput(x, y);
+                    }
+                    return;
+                }
+                dom.nativeElement.focus();
+                dom.nativeElement.scrollIntoView({ behavior: 'smooth', block: 'center', inline: 'center' });
+                setTimeout((/**
+                 * @return {?}
+                 */
+                () => {
+                    dom.nativeElement.select();
+                }), 0);
+            }
+            else if (dom instanceof NzDatePickerComponent || dom instanceof NzRangePickerComponent || dom instanceof NzTimePickerComponent) {
+                // TODO:在ngzorro8.5.x版本，时间相关的选择器没有暴露出open方法，暂时先不处理。（10.x及以上版本提供了open方法）
+                if (jumpDirection === 'right') {
+                    this.jumpToNextInput(x, y);
+                }
+                else if (jumpDirection === 'left') {
+                    this.jumpToPrevInput(x, y);
+                }
+                return;
+            }
+            this.setActiveDom(x, y);
+        }
+        else {
+            // 没有dom的场景下，需要判断是左还是右，
+        }
+    }
+    /**
+     * @param {?} x
+     * @param {?} y
+     * @return {?}
+     */
+    cleanFocusDom(x, y) {
+        if (x === null || y === null || !this.collectDomList || this.collectDomList.length === 0) {
+            return;
+        }
+        if (this.collectDomList[x] && this.collectDomList[x][y]) {
+            /** @type {?} */
+            const dom = this.collectDomList[x][y];
+            if (dom instanceof NzSelectComponent) {
+                dom.blur();
+                dom.nzOpen = false;
+            }
+            else if (dom instanceof NzInputNumberComponent) {
+                dom.nzOpen = false;
+                dom.blur();
+            }
+            else if (dom instanceof ElementRef) {
+                dom.nativeElement.blur();
+            }
+            else { }
+        }
+    }
+    /**
+     * @param {?} x
+     * @param {?} y
+     * @return {?}
+     */
+    setActiveDom(x, y) {
+        this.activeDomX = x;
+        this.activeDomY = y;
+        this.activeDom = this.collectDomList[this.activeDomX][this.activeDomY];
+        if (this.activeDom instanceof NzSelectComponent) {
+            this.activeSelectedComponentOpen = this.activeDom.open;
+        }
+    }
+    /**
+     * 根据行号和列号名称获取当前聚焦的dom位置
+     * @param {?} rowNumber 行号
+     * @param {?} colNumber 列号
+     * @return {?}
+     */
+    setActiveDomInFormLines(rowNumber, colNumber) {
+        this.activeDomX = rowNumber;
+        this.activeDomY = this.getDomIndex(colNumber, this.formLines);
+        this.setActiveDom(this.activeDomX, this.activeDomY);
+    }
+    /**
+     * 键盘点击事件
+     * @param {?} event 键盘事件
+     * @return {?}
+     */
+    onKeyDown(event) {
+        if (this.activeDomX === null || this.activeDomY === null) {
+            return;
+        }
+        switch (event.key) {
+            case 'ArrowUp':
+                if (this.activeDom instanceof NzSelectComponent && this.activeSelectedComponentOpen) {
+                    return;
+                }
+                if (this.activeDomX !== 0) {
+                    this.focusDom(this.activeDomX - 1, this.activeDomY);
+                }
+                break;
+            case 'ArrowDown':
+                // 判断是否在最后一行，如果在最后一行，直接+行翻页
+                if (this.activeDom instanceof NzSelectComponent && this.activeSelectedComponentOpen) {
+                    return;
+                }
+                if (this.activeDomX !== this.collectDomList.length - 1) {
+                    this.focusDom(this.activeDomX + 1, this.activeDomY);
+                }
+                break;
+            case 'ArrowLeft':
+                this.jumpToPrevInput(this.activeDomX, this.activeDomY);
+                break;
+            case 'ArrowRight':
+                this.jumpToNextInput(this.activeDomX, this.activeDomY);
+                break;
+            case 'Enter':
+                if (this.activeDom instanceof NzSelectComponent) {
+                    this.activeSelectedComponentOpen = this.activeDom.open;
+                    if (this.activeSelectedComponentOpen === false) {
+                        this.focusDom(this.activeDomX, this.activeDomY);
+                    }
+                    break;
+                }
+                if (this.activeDomX === this.collectDomList.length - 1) {
+                    this.addNewLineAndFocus();
+                }
+                break;
+            case 'Escape':
+                if (this.activeDom instanceof NzSelectComponent) {
+                    /** @type {?} */
+                    const nowActiveDom = (/** @type {?} */ (this.activeDom));
+                    setTimeout((/**
+                     * @return {?}
+                     */
+                    () => {
+                        this.activeSelectedComponentOpen = nowActiveDom.open;
+                        if (this.activeSelectedComponentOpen === false) {
+                            if (nowActiveDom.nzSelectService.mode === 'multiple') {
+                                setTimeout((/**
+                                 * @return {?}
+                                 */
+                                () => {
+                                    this.focusDom(this.activeDomX, this.activeDomY);
+                                }), 0);
+                            }
+                            else {
+                                this.focusDom(this.activeDomX, this.activeDomY);
+                            }
+                        }
+                    }), 0);
+                }
+                break;
+            default:
+                // 如果当前聚焦的是选择框，且键入0-9a-zA-Z，则弹出
+                if (this.activeDom instanceof NzSelectComponent && this.activeSelectedComponentOpen === false && /^[0-9a-zA-Z]$/.test(event.key)) {
+                    /** @type {?} */
+                    const dom = this.activeDom;
+                    dom.nzOpen = true;
+                    this.activeSelectedComponentOpen = true;
+                    // // TODO:这里暂时注释，不能直接带入键入值，这样会导致输入中文的时候带入英文字符，不符合预期
+                    // dom.nzSelectTopControlComponent.inputValue = event.key;
+                    // // 获取 input 元素
+                    // const inputElement = dom.nzSelectTopControlComponent.inputElement.nativeElement;
+                    // setTimeout(() => {
+                    //   // 触发输入事件，以确保 Angular 检测到值的变化
+                    //   const eventInput = new Event('input', { bubbles: true });
+                    //   inputElement.dispatchEvent(eventInput);
+                    // }, 0);
+                }
+                break;
+        }
+    }
+    /**
+     * 根据在初始dom下标和数据集 获取在collectDomList中的下标
+     * @private
+     * @param {?} index 初始下标
+     * @param {?} list 数据集
+     * @return {?}
+     */
+    getDomIndex(index, list) {
+        /** @type {?} */
+        const typeList = ['Input', 'Select', 'Date', 'DateRange', 'TextArea', 'InputNumber', 'MultipleSelect'];
+        /** @type {?} */
+        let filterList = [];
+        for (let i = 0; i < list.length; i++) {
+            if (i === index) {
+                return filterList.length;
+            }
+            if (typeList.includes(list[i].type)) {
+                filterList.push(list[i]);
+            }
+        }
+        return null;
+    }
+    // TODO:待删
+    /**
+     * @return {?}
+     */
+    testPage() {
+        this.paginationPageIndex++;
+    }
     /**
      * @return {?}
      */
@@ -1259,14 +1805,18 @@ class HdFormLinesComponent {
                          * @param {?} value
                          * @return {?}
                          */
-                        value => this.triggerEvent(item.onChangeEvent, value, formGroupTmp)));
+                        value => {
+                            this.triggerEvent(item.onChangeEvent, value, formGroupTmp);
+                        }));
                     }
                     else {
                         formGroupTmp.get(item.name).valueChanges.subscribe((/**
                          * @param {?} value
                          * @return {?}
                          */
-                        value => this.triggerEvent(item.onChangeEvent, value, formGroupTmp)));
+                        value => {
+                            this.triggerEvent(item.onChangeEvent, value, formGroupTmp);
+                        }));
                     }
                 }
             }));
@@ -1377,13 +1927,10 @@ class HdFormLinesComponent {
      * @return {?}
      */
     ngOnChanges(changes) {
-        console.log('changes', changes);
         if (changes['formLinesData'] && JSON.stringify(changes['formLinesData'].currentValue) !== JSON.stringify(changes['formLinesData'].previousValue)) {
             if (this.storeFormLinesData && this.storeFormLinesData.length === 0) {
-                console.log('1');
                 this.storeFormLinesData = this.formLinesData;
             }
-            console.log('2');
             this.init();
         }
         if (changes['totalOption'] && JSON.stringify(changes['totalOption'].currentValue) !== JSON.stringify(changes['totalOption'].previousValue)) {
@@ -1476,9 +2023,10 @@ class HdFormLinesComponent {
         let formGroupSubmit = this.fb.group(formGroupObj);
         this.formLines.forEach((/**
          * @param {?} item
+         * @param {?} innerIndex
          * @return {?}
          */
-        (item) => {
+        (item, innerIndex) => {
             if (item.onChangeEvent) {
                 if (item.onChangeEvent) {
                     if (item.onChangeEventDebounceTime) {
@@ -1486,14 +2034,24 @@ class HdFormLinesComponent {
                          * @param {?} value
                          * @return {?}
                          */
-                        value => this.triggerEvent(item.onChangeEvent, value, formGroupSubmit)));
+                        value => {
+                            if (item.type === FormLineType.Select && value !== null) {
+                                this.jumpToNextInput(this.activeDomX, this.activeDomY);
+                            }
+                            this.triggerEvent(item.onChangeEvent, value, formGroupSubmit);
+                        }));
                     }
                     else {
                         formGroupSubmit.get(item.name).valueChanges.subscribe((/**
                          * @param {?} value
                          * @return {?}
                          */
-                        value => this.triggerEvent(item.onChangeEvent, value, formGroupSubmit)));
+                        value => {
+                            if (item.type === FormLineType.Select && value !== null) {
+                                this.jumpToNextInput(this.activeDomX, this.activeDomY);
+                            }
+                            this.triggerEvent(item.onChangeEvent, value, formGroupSubmit);
+                        }));
                     }
                 }
             }
@@ -1521,9 +2079,10 @@ class HdFormLinesComponent {
     addFormLineWithData() {
         this.formLinesData.forEach((/**
          * @param {?} formLinesDataItem
+         * @param {?} index
          * @return {?}
          */
-        (formLinesDataItem) => {
+        (formLinesDataItem, index) => {
             /** @type {?} */
             let formGroupObj = {};
             this.formLines.forEach((/**
@@ -1542,9 +2101,10 @@ class HdFormLinesComponent {
             let formGroupTmp = this.fb.group(formGroupObj);
             this.formLines.forEach((/**
              * @param {?} item
+             * @param {?} innerIndex
              * @return {?}
              */
-            (item) => {
+            (item, innerIndex) => {
                 if (item.onChangeEvent) {
                     if (item.onChangeEventDebounceTime) {
                         formGroupTmp.get(item.name).valueChanges.pipe(debounceTime(item.onChangeEventDebounceTime)).subscribe((/**
@@ -1552,6 +2112,9 @@ class HdFormLinesComponent {
                          * @return {?}
                          */
                         value => {
+                            if (item.type === FormLineType.Select && value !== null) {
+                                this.jumpToNextInput(this.activeDomX, this.activeDomY);
+                            }
                             this.triggerEvent(item.onChangeEvent, value, formGroupTmp);
                         }));
                     }
@@ -1561,6 +2124,9 @@ class HdFormLinesComponent {
                          * @return {?}
                          */
                         value => {
+                            if (item.type === FormLineType.Select && value !== null) {
+                                this.jumpToNextInput(this.activeDomX, this.activeDomY);
+                            }
                             this.triggerEvent(item.onChangeEvent, value, formGroupTmp);
                         }));
                     }
@@ -1578,6 +2144,20 @@ class HdFormLinesComponent {
     addFormLine(index) {
         this.linesFormArray.insert(index || this.linesFormArray.controls.length, this.newLineItem());
         this.calculateLineNumber();
+        setTimeout((/**
+         * @return {?}
+         */
+        () => {
+            this.collectDomData();
+            if (index !== null && index !== undefined) {
+                this.activeDomX = index;
+            }
+            else {
+                this.activeDomX = this.collectDomList.length - 1;
+            }
+            this.activeDomY = 0;
+            this.focusDom(this.activeDomX, this.activeDomY);
+        }), 0);
     }
     /**
      * @param {?} index
@@ -1595,6 +2175,12 @@ class HdFormLinesComponent {
             }
             this.calculateLineNumber();
         }
+        setTimeout((/**
+         * @return {?}
+         */
+        () => {
+            this.collectDomData();
+        }), 0);
     }
     /**
      * @param {?} event
@@ -1602,6 +2188,12 @@ class HdFormLinesComponent {
      */
     pageIndexChange(event) {
         this.paginationPageIndex = event;
+        setTimeout((/**
+         * @return {?}
+         */
+        () => {
+            this.collectDomData();
+        }), 0);
     }
     /**
      * @param {?} event
@@ -1609,6 +2201,12 @@ class HdFormLinesComponent {
      */
     pageSizeChange(event) {
         this.paginationPageSize = event;
+        setTimeout((/**
+         * @return {?}
+         */
+        () => {
+            this.collectDomData();
+        }), 0);
     }
     /**
      * @private
@@ -1806,12 +2404,15 @@ class HdFormLinesComponent {
     }
     /**
      * @param {?} id
+     * @param {?} rowNumber
+     * @param {?} colNumber
      * @return {?}
      */
-    selectValue(id) {
+    selectValue(id, rowNumber, colNumber) {
         /** @type {?} */
         const inputDom = document.querySelector(id);
         inputDom.select();
+        this.setActiveDomInFormLines(rowNumber, colNumber);
     }
     /**
      * @param {?} text
@@ -1856,15 +2457,17 @@ class HdFormLinesComponent {
 HdFormLinesComponent.decorators = [
     { type: Component, args: [{
                 selector: 'hd-form-lines',
-                template: "<hd-button-group *ngIf=\"showForm && showSearch\">\n  <ng-template #buttonGroupLeft>\n    <nz-input-group [nzSuffix]=\"suffixIconSearch\">\n      <input type=\"text\" nz-input (keyup.enter)=\"searchLines()\" placeholder=\"\u8BF7\u8F93\u5165\u5185\u5BB9\u641C\u7D22\" style=\"width: 300px;\"\n        [(ngModel)]=\"filterStr\" />\n    </nz-input-group>\n    <ng-template #suffixIconSearch>\n      <i nz-icon nzType=\"search\" (click)=\"searchLines()\"></i>\n    </ng-template>\n  </ng-template>\n</hd-button-group>\n<hd-space background=\"transparent\" type=\"row\" size=\"16\"></hd-space>\n<form *ngIf=\"showForm\" nz-form [formGroup]=\"validateHdFormLines\"\n  class=\"ant-advanced-search-form hd-formLines-container\">\n  <nz-table nzTemplateMode [nzFrontPagination]=\"false\" [nzLoading]=\"tableLoading\" [nzScroll]=\"scroll\">\n    <thead>\n      <tr>\n        <th nzWidth=\"58px\" nzLeft=\"0px\">\u5E8F\u53F7</th>\n        <ng-container *ngFor=\"let item of formLines\">\n          <th *ngIf=\"!item.hide\" [nzAlign]=\"item.align ? item.align : 'left'\">\n            <span *ngIf=\"item.require\" style=\"color: red;\">*</span>{{item.label}}\n          </th>\n        </ng-container>\n        <th style=\"width: 80px\" nzRight=\"0\">\u64CD\u4F5C</th>\n      </tr>\n    </thead>\n    <tbody>\n      <ng-container\n        *ngFor=\"let line of linesFormArray.controls.slice((paginationPageIndex - 1) * paginationPageSize, (paginationPageIndex - 1) * paginationPageSize + paginationPageSize);index as dataIndex\"\n        formArrayName=\"lines\">\n        <tr [formGroup]=\"line\">\n          <td nzWidth=\"58px\" nzLeft=\"0px\">\n            {{line.get('lineIndex').value}}\n          </td>\n          <ng-container *ngFor=\"let formItem of formLines\">\n            <td *ngIf=\"!formItem.hide\" [nzAlign]=\"formItem.align ? formItem.align : 'left'\">\n              <nz-form-item>\n                <nz-form-control [nzErrorTip]=\"formItem.label + '\u4E0D\u80FD\u4E3A\u7A7A'\">\n                  <ng-container [ngSwitch]=\"formItem.type\">\n                    <ng-container *ngSwitchCase=\"0\">\n                      <nz-input-group [nzSuffix]=\"inputCleanTemplate\">\n                        <input [ngStyle]=\"getStyle(line, formItem, '100px')\" nz-input\n                          [ngStyle]=\"{'color': formItem?.colorOption?.name ? line.get(formItem.colorOption.name ).value : null}\"\n                          [id]=\"'input-' + formItem.name + line.get('lineIndex').value\"\n                          (click)=\"formItem.isSelect ? selectValue('#input-' + formItem.name + line.get('lineIndex').value) : null\"\n                          [maxlength]=\"formItem.maxLength || null\"\n                          [placeholder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u8F93\u5165' + formItem.label\"\n                          [formControlName]=\"formItem.name\" />\n                      </nz-input-group>\n                      <ng-template #inputCleanTemplate>\n                        <i nz-icon nz-tooltip class=\"ant-input-clear-icon\" nzTheme=\"fill\" nzType=\"close-circle\"\n                          *ngIf=\"line.get(formItem.name).value && !line.get(formItem.name).disabled\"\n                          (click)=\"inputClean(formItem ,line)\"></i>\n                      </ng-template>\n                    </ng-container>\n                    <ng-container *ngSwitchCase=\"1\">\n                      <nz-select nzDropdownClassName=\"hd-select-table\"\n                        *ngIf=\"formItem.selectOption.tableColumns;else nomarlSelectTemplate\"\n                        [nzShowSearch]=\"formItem.selectOption.hdShowSearch != null ? formItem.selectOption.hdShowSearch : true\"\n                        [nzAllowClear]=\"formItem.selectOption.hdAllowClear != null ? formItem.selectOption.hdAllowClear : true\"\n                        [nzServerSearch]=\"formItem.selectOption.hdServerSearch || false\"\n                        [nzDropdownMatchSelectWidth]=\"formItem.selectOption.hdDropdownMatchSelectWidth ? formItem.selectOption.hdDropdownMatchSelectWidth : false\"\n                        [nzPlaceHolder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u9009\u62E9' + formItem.label\"\n                        [formControlName]=\"formItem.name\"\n                        (nzOnSearch)=\"onSearchEvent(formItem.onSearchEvent || null, $event, line, formItem.onSearchEventEventDebounceTime)\"\n                        [ngStyle]=\"getStyle(line, formItem, '200px')\">\n                        <nz-option nzCustomContent nzDisabled>\n                          <div class=\"hd-option-header\"\n                            *ngIf=\"(formItem.selectOption?.selectList?.length > 0 || line.get(formItem.selectOption.selectListName)?.value?.length > 0);else emptyTemplate\">\n                            <div class=\"hd-option-header-column\"\n                              *ngFor=\"let selectOptionTableColumn of formItem.selectOption.tableColumns;index as index \"\n                              [ngStyle]=\"{'width': selectOptionTableColumn?.width ? (selectOptionTableColumn.width + ((index === 0 && !selectOptionTableColumn.label) ? 12 : 0) + 'px') : 'unset'}\">\n                              {{selectOptionTableColumn.label}}\n                            </div>\n                          </div>\n                          <ng-template #emptyTemplate>\n                            <div class=\"hd-select-empty\">\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                          </ng-template>\n                        </nz-option>\n\n                        <nz-option nzCustomContent\n                          *ngFor=\"let selectItem of (formItem.selectOption.selectList || line.get(formItem.selectOption.selectListName).value)\"\n                          [nzValue]=\"selectItem[formItem.selectOption.value]\" [nzLabel]=\"formItem.selectOption.showLabelAndValue ? '['+ selectItem[formItem.selectOption.value] +']' +\n                          selectItem[formItem.selectOption.label] : selectItem[formItem.selectOption.label]\">\n                          <div class=\"hd-option-line\">\n                            <div *ngFor=\"let selectOptionTableColumn of formItem.selectOption.tableColumns\"\n                              [ngStyle]=\"{'width': selectOptionTableColumn?.width ? selectOptionTableColumn.width + 'px' : 'unset'}\">\n                              <ng-container *ngIf=\"selectOptionTableColumn.icons;else notPictureTemplate\">\n                                <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                                </ng-container>\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>{{ judgeColEmpty(selectOptionTableColumn.render ?\n                                    selectOptionTableColumn.render(selectItem) :\n                                    selectItem[selectOptionTableColumn.name])}}</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])}}</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\n                          [nzShowSearch]=\"formItem.selectOption.hdShowSearch != null ? formItem.selectOption.hdShowSearch : true\"\n                          [nzAllowClear]=\"formItem.selectOption.hdAllowClear != null ? formItem.selectOption.hdAllowClear : true\"\n                          [nzServerSearch]=\"formItem.selectOption.hdServerSearch || false\"\n                          [nzDropdownMatchSelectWidth]=\"formItem.selectOption.hdDropdownMatchSelectWidth ? formItem.selectOption.hdDropdownMatchSelectWidth : false\"\n                          [nzPlaceHolder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u9009\u62E9' + formItem.label\"\n                          [formControlName]=\"formItem.name\"\n                          (nzOnSearch)=\"onSearchEvent(formItem.onSearchEvent || null, $event, line, formItem.onSearchEventEventDebounceTime)\"\n                          [ngStyle]=\"getStyle(line, formItem, '200px')\">\n                          <nz-option\n                            *ngFor=\"let selectItem of (formItem.selectOption.selectList || line.get(formItem.selectOption.selectListName).value)\"\n                            [nzValue]=\"selectItem[formItem.selectOption.value]\" [nzLabel]=\"formItem.selectOption.showLabelAndValue ? '['+ selectItem[formItem.selectOption.value] +']' +\n                          selectItem[formItem.selectOption.label] : selectItem[formItem.selectOption.label]\">\n                          </nz-option>\n                          <nz-option\n                            *ngIf=\"formItem.selectOption.label && line.get(formItem.name) && line.get(formItem.selectOption.label)?.value && line.get(formItem.selectOption.value)?.value\"\n                            [nzLabel]=\"(formItem.selectOption.value === 'code' || formItem.selectOption.value === 'productCode' || formItem.selectOption.hdShowItemCode) ? ('['+ line.get(formItem.selectOption.value).value + ']' + line.get(formItem.selectOption.label).value) : line.get(formItem.selectOption.label).value\"\n                            [nzValue]=\"line.get(formItem.selectOption.value).value\" nzHide></nz-option>\n                        </nz-select>\n                      </ng-template>\n\n                    </ng-container>\n                    <ng-container *ngSwitchCase=\"2\">\n                      <nz-date-picker *ngIf=\"formItem.showTime\"\n                        [nzPlaceHolder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u9009\u62E9' + formItem.label\"\n                        [formControlName]=\"formItem.name\" [nzDisabledDate]=\"formItem.hdDisabledDate\" nzShowTime\n                        nzFormat=\"yyyy-MM-dd HH:mm:ss\">\n                      </nz-date-picker>\n                      <nz-date-picker *ngIf=\"!formItem.showTime\"\n                        [nzPlaceHolder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u9009\u62E9' + formItem.label\"\n                        [formControlName]=\"formItem.name\" [nzDisabledDate]=\"formItem.hdDisabledDate\">\n                      </nz-date-picker>\n                    </ng-container>\n                    <ng-container *ngSwitchCase=\"3\">\n                      <nz-range-picker [nzPlaceHolder]=\"['\u5F00\u59CB\u65E5\u671F','\u7ED3\u675F\u65E5\u671F']\" [formControlName]=\"formItem.name\">\n                      </nz-range-picker>\n                    </ng-container>\n                    <ng-container *ngSwitchCase=\"4\">\n                      <textarea\n                        [ngStyle]=\"{'color': formItem?.colorOption?.name ? line.get(formItem.colorOption.name).value : null}\"\n                        [placeholder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u8F93\u5165' + formItem.label\"\n                        [maxlength]=\"formItem.maxLength || null\" rows=\"4\" nz-input\n                        [maxlength]=\"formItem.maxLength || null\" [formControlName]=\"formItem.name\"></textarea>\n                    </ng-container>\n                    <ng-container *ngSwitchCase=\"5\">\n                      <div style=\"display: flex;align-items: center;\">\n                        <nz-input-number [ngStyle]=\"getStyle(line, formItem, '100px')\"\n                          [maxlength]=\"formItem.maxLength || null\" [formControlName]=\"formItem.name\"\n                          [nzMin]=\"formItem?.inputNumber?.min || 0\" [nzMax]=\"formItem?.inputNumber?.max || 99999999\"\n                          [nzStep]=\"formItem?.inputNumber?.step || 1\"\n                          [nzPrecision]=\"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) : null\">\n                        </nz-input-number>\n                        <div *ngIf=\"formItem?.explainOptionRight?.show\"\n                          [style.color]=\"formItem?.explainOptionRight?.color ? formItem.explainOptionRight.color : null\">\n                          &nbsp;&nbsp;{{line.get(formItem.explainOptionRight.name).value}}</div>\n                      </div>\n                    </ng-container>\n                    <ng-container *ngSwitchCase=\"6\">\n                      <nz-select nzMode=\"multiple\" [nzServerSearch]=\"formItem.selectOption.hdServerSearch || false\"\n                        [nzDropdownMatchSelectWidth]=\"formItem.selectOption.hdDropdownMatchSelectWidth ? formItem.selectOption.hdDropdownMatchSelectWidth : false\"\n                        [nzShowSearch]=\"formItem.selectOption.hdShowSearch != null ? formItem.selectOption.hdShowSearch : true\"\n                        [nzAllowClear]=\"formItem.selectOption.hdAllowClear != null ? formItem.selectOption.hdAllowClear : true\"\n                        [nzPlaceHolder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u9009\u62E9' + formItem.label\"\n                        [formControlName]=\"formItem.name\" [ngStyle]=\"getStyle(line, formItem, '200px')\"\n                        (nzOnSearch)=\"onSearchEvent(formItem.onSearchEvent || null, $event, line, formItem.onSearchEventEventDebounceTime)\">\n                        <nz-option *ngFor=\"let selectItem of formItem.selectOption.selectList\"\n                          [nzValue]=\"selectItem[formItem.selectOption.value]\" [nzLabel]=\"formItem.selectOption.showLabelAndValue ? '['+ selectItem[formItem.selectOption.value] +']' +\n                        selectItem[formItem.selectOption.label] : selectItem[formItem.selectOption.label]\"></nz-option>\n                        <ng-container\n                          *ngIf=\"formItem.selectOption.label && line.get(formItem.name) && line.get(formItem.selectOption.label)?.value && line.get(formItem.selectOption.value)?.value\">\n                          <nz-option *ngFor=\"let option of line.get(formItem.selectOption.value).value;index as i\"\n                            [nzLabel]=\"line.get(formItem.selectOption.label).value[i]\" [nzValue]=\"option\" nzHide>\n                          </nz-option>\n                        </ng-container>\n                      </nz-select>\n                    </ng-container>\n                    <ng-container *ngSwitchCase=\"7\">\n                      {{(formItem.preserveNumber && line.get(formItem.name).value) ?\n                      LodashRound(line.get(formItem.name).value,formItem.preserveNumber).toFixed(formItem.preserveNumber)\n                      : line.get(formItem.name).value}}\n                    </ng-container>\n                    <ng-container *ngSwitchCase=\"8\">\n                      <nz-switch [formControlName]=\"formItem.name\"></nz-switch>\n                    </ng-container>\n                    <ng-container *ngSwitchCase=\"9\">\n                      <nz-time-picker [formControlName]=\"formItem.name\"></nz-time-picker>\n                    </ng-container>\n                  </ng-container>\n                </nz-form-control>\n              </nz-form-item>\n              <div *ngIf=\"formItem?.explainOption?.show\"\n                [style.color]=\"formItem?.explainOption?.color ? formItem.explainOption.color : null\">\n                {{line.get(formItem.explainOption.name).value}}</div>\n            </td>\n          </ng-container>\n          <td style=\"width: 80px\" nzRight=\"0\">\n            <span class=\"common-btn-group\">\n              <a *ngIf=\"operateButtons.includes('add')\" (click)=\"addFormLine(line.get('lineIndex').value)\">\u6DFB\u52A0</a>\n              <a class=\"common-danger-btn\" *ngIf=\"operateButtons.includes('delete') && !showDeleteConfirm\"\n                (click)=\"deleteFormLine(line.get('lineIndex').value)\">\u5220\u9664</a>\n              <a class=\"common-danger-btn\" *ngIf=\"operateButtons.includes('delete') && showDeleteConfirm\" nz-popconfirm\n                nzPopconfirmTitle=\"\u786E\u8BA4\u8981\u5220\u9664\u8BE5\u884C\u5417?\" nzPopconfirmPlacement=\"bottom\"\n                (nzOnConfirm)=\"deleteFormLine(line.get('lineIndex').value)\">\u5220\u9664</a>\n            </span>\n          </td>\n        </tr>\n      </ng-container>\n      <!-- \u5408\u8BA1\u533A\u57DF -->\n      <tr *ngIf=\"showTotal\" class=\"hd-table-total\">\n        <td>\u5408\u8BA1</td>\n        <ng-container *ngFor=\"let totalOption of totalOptionList\">\n          <td [nzAlign]=\"totalOption.align ? totalOption.align : 'left'\">{{ (totalOption.value || totalOption.value ===\n            0) ? (((totalOption.value % 1 === 0) && !totalOption.showDecimal ) ? totalOption.value :\n            LodashRound(totalOption.value,2).toFixed(2)) : '' }} </td>\n        </ng-container>\n      </tr>\n    </tbody>\n  </nz-table>\n  <nz-list\n    *ngIf=\"linesFormArray.controls.slice((paginationPageIndex - 1) * paginationPageSize, (paginationPageIndex - 1) * paginationPageSize + paginationPageSize).length === 0\"\n    [nzDataSource]=\"[]\"></nz-list>\n  <ng-container>\n    <hd-space background=\"transparent\" type=\"row\" size=\"16\"></hd-space>\n    <nz-pagination [nzSize]=\"'small'\" style=\"text-align: right;\" [nzPageIndex]=\"paginationPageIndex\"\n      [nzPageSize]=\"paginationPageSize\" [nzPageSizeOptions]=\"[10, 20, 30, 40, 50]\"\n      [nzTotal]=\"linesFormArray.controls.length\" nzShowSizeChanger (nzPageIndexChange)=\"pageIndexChange($event)\"\n      (nzPageSizeChange)=\"pageSizeChange($event)\" [nzShowTotal]=\"totalTemplate\"></nz-pagination>\n    <ng-template #totalTemplate let-total>\u5171 {{linesFormArray.controls.length}} \u6761\u6570\u636E</ng-template>\n  </ng-container>\n</form>",
+                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<!-- TODO: \u6D4B\u8BD5\u6309\u94AE\u7EC4 -->\n<hd-button-group>\n  <ng-template #buttonGroupLeft>\n    <hd-button type=\"primary\" (clickAction)=\"testPage()\">\u6D4B\u8BD5\u7FFB\u9875\u6309\u94AE</hd-button>\n    <hd-button type=\"primary\" (clickAction)=\"focusDom(0, 0)\">\u6D4B\u8BD5\u805A\u7126\u9009\u62E9\u6846</hd-button>\n    <hd-button type=\"primary\" (clickAction)=\"focusDom(0, 2)\">\u6D4B\u8BD5\u805A\u7126\u666E\u901A\u9009\u62E9\u6846</hd-button>\n    <hd-button type=\"primary\" (clickAction)=\"focusDom(0, 3)\">\u6D4B\u8BD5\u805A\u7126\u591A\u9879\u9009\u62E9\u6846</hd-button>\n    <hd-button type=\"primary\" (clickAction)=\"focusDom(0, 4)\">\u6D4B\u8BD5\u805A\u7126\u7981\u7528\u8F93\u5165\u6846</hd-button>\n    <hd-button type=\"primary\" (clickAction)=\"focusDom(0, 7)\">\u6D4B\u8BD5\u805A\u7126\u6570\u5B57\u8F93\u5165\u6846</hd-button>\n    <hd-button type=\"primary\" (clickAction)=\"jumpToNextInput(0, 1)\">\u6D4B\u8BD5\u805A\u7126\u4E0B\u4E00\u4E2A</hd-button>\n  </ng-template>\n</hd-button-group>\n\n<hd-space background=\"transparent\" type=\"row\" size=\"16\"></hd-space>\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    <thead>\n      <tr>\n        <th nzWidth=\"58px\" nzLeft=\"0px\">\u5E8F\u53F7</th>\n        <ng-container *ngFor=\"let item of formLines\">\n          <th *ngIf=\"!item.hide\" [nzAlign]=\"item.align ? item.align : 'left'\">\n            <span *ngIf=\"item.require\" style=\"color: red;\">*</span>{{item.label}}\n          </th>\n        </ng-container>\n        <th style=\"width: 80px\" nzRight=\"0\">\u64CD\u4F5C</th>\n      </tr>\n    </thead>\n    <tbody>\n      <ng-container\n        *ngFor=\"let line of linesFormArray.controls.slice((paginationPageIndex - 1) * paginationPageSize, (paginationPageIndex - 1) * paginationPageSize + paginationPageSize);index as dataIndex\"\n        formArrayName=\"lines\">\n        <tr [formGroup]=\"line\">\n          <td nzWidth=\"58px\" nzLeft=\"0px\">\n            {{line.get('lineIndex').value}}\n          </td>\n          <ng-container *ngFor=\"let formItem of formLines; index as innerIndex\">\n            <td *ngIf=\"!formItem.hide\" [nzAlign]=\"formItem.align ? formItem.align : 'left'\">\n              <nz-form-item>\n                <nz-form-control [nzErrorTip]=\"formItem.label + '\u4E0D\u80FD\u4E3A\u7A7A'\">\n                  <ng-container [ngSwitch]=\"formItem.type\">\n                    <ng-container *ngSwitchCase=\"'Input'\">\n                      <nz-input-group [nzSuffix]=\"inputCleanTemplate\">\n                        <input #formInputDom (click)=\"setActiveDomInFormLines(dataIndex , innerIndex)\"\n                          [ngStyle]=\"getStyle(line, formItem, '100px')\" nz-input\n                          [ngStyle]=\"{'color': formItem?.colorOption?.name ? line.get(formItem.colorOption.name ).value : null}\"\n                          [id]=\"'input-' + formItem.name + line.get('lineIndex').value\"\n                          (click)=\"formItem.isSelect ? selectValue('#input-' + formItem.name + line.get('lineIndex').value, dataIndex , innerIndex) : null\"\n                          [maxlength]=\"formItem.maxLength || null\"\n                          [placeholder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u8F93\u5165' + formItem.label\"\n                          [formControlName]=\"formItem.name\" />\n                      </nz-input-group>\n                      <ng-template #inputCleanTemplate>\n                        <i nz-icon nz-tooltip class=\"ant-input-clear-icon\" nzTheme=\"fill\" nzType=\"close-circle\"\n                          *ngIf=\"line.get(formItem.name).value && !line.get(formItem.name).disabled\"\n                          (click)=\"inputClean(formItem ,line)\"></i>\n                      </ng-template>\n                    </ng-container>\n                    <ng-container *ngSwitchCase=\"'Select'\">\n                      <nz-select #formInputDom (click)=\"setActiveDomInFormLines(dataIndex , innerIndex)\"\n                        nzDropdownClassName=\"hd-select-table\"\n                        *ngIf=\"formItem.selectOption.tableColumns;else nomarlSelectTemplate\"\n                        [nzShowSearch]=\"formItem.selectOption.hdShowSearch != null ? formItem.selectOption.hdShowSearch : true\"\n                        [nzAllowClear]=\"formItem.selectOption.hdAllowClear != null ? formItem.selectOption.hdAllowClear : true\"\n                        [nzServerSearch]=\"formItem.selectOption.hdServerSearch || false\"\n                        [nzDropdownMatchSelectWidth]=\"formItem.selectOption.hdDropdownMatchSelectWidth ? formItem.selectOption.hdDropdownMatchSelectWidth : false\"\n                        [nzPlaceHolder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u9009\u62E9' + formItem.label\"\n                        [formControlName]=\"formItem.name\"\n                        (nzOnSearch)=\"onSearchEvent(formItem.onSearchEvent || null, $event, line, formItem.onSearchEventEventDebounceTime)\"\n                        [ngStyle]=\"getStyle(line, formItem, '200px')\">\n                        <nz-option nzCustomContent nzDisabled>\n                          <div class=\"hd-option-header\"\n                            *ngIf=\"(formItem.selectOption?.selectList?.length > 0 || line.get(formItem.selectOption.selectListName)?.value?.length > 0);else emptyTemplate\">\n                            <div class=\"hd-option-header-column\"\n                              *ngFor=\"let selectOptionTableColumn of formItem.selectOption.tableColumns;index as index \"\n                              [ngStyle]=\"{'width': selectOptionTableColumn?.width ? (selectOptionTableColumn.width + ((index === 0 && !selectOptionTableColumn.label) ? 12 : 0) + 'px') : 'unset'}\">\n                              {{selectOptionTableColumn.label}}\n                            </div>\n                          </div>\n                          <ng-template #emptyTemplate>\n                            <div class=\"hd-select-empty\">\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                          </ng-template>\n                        </nz-option>\n\n                        <nz-option nzCustomContent\n                          *ngFor=\"let selectItem of (formItem.selectOption.selectList || line.get(formItem.selectOption.selectListName).value)\"\n                          [nzValue]=\"selectItem[formItem.selectOption.value]\" [nzLabel]=\"formItem.selectOption.showLabelAndValue ? '['+ selectItem[formItem.selectOption.value] +']' +\n                          selectItem[formItem.selectOption.label] : selectItem[formItem.selectOption.label]\">\n                          <div class=\"hd-option-line\">\n                            <div *ngFor=\"let selectOptionTableColumn of formItem.selectOption.tableColumns\"\n                              [ngStyle]=\"{'width': selectOptionTableColumn?.width ? selectOptionTableColumn.width + 'px' : 'unset'}\">\n                              <ng-container *ngIf=\"selectOptionTableColumn.icons;else notPictureTemplate\">\n                                <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                                </ng-container>\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>{{ judgeColEmpty(selectOptionTableColumn.render ?\n                                    selectOptionTableColumn.render(selectItem) :\n                                    selectItem[selectOptionTableColumn.name])}}</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])}}</div>\n                                </ng-template>\n                              </ng-template>\n                            </div>\n                          </div>\n                        </nz-option>\n                        <nz-option\n                          *ngIf=\"formItem.selectOption.label && line.get(formItem.name) && line.get(formItem.selectOption.label)?.value && line.get(formItem.selectOption.value)?.value\"\n                          [nzLabel]=\"(formItem.selectOption.value === 'code' || formItem.selectOption.value === 'productCode' || formItem.selectOption.hdShowItemCode) ? ('['+ line.get(formItem.selectOption.value).value + ']' + line.get(formItem.selectOption.label).value) : line.get(formItem.selectOption.label).value\"\n                          [nzValue]=\"line.get(formItem.selectOption.value).value\" nzHide></nz-option>\n                      </nz-select>\n                      <ng-template #nomarlSelectTemplate>\n                        <nz-select #formInputDom (click)=\"setActiveDomInFormLines(dataIndex , innerIndex)\"\n                          [nzShowSearch]=\"formItem.selectOption.hdShowSearch != null ? formItem.selectOption.hdShowSearch : true\"\n                          [nzAllowClear]=\"formItem.selectOption.hdAllowClear != null ? formItem.selectOption.hdAllowClear : true\"\n                          [nzServerSearch]=\"formItem.selectOption.hdServerSearch || false\"\n                          [nzDropdownMatchSelectWidth]=\"formItem.selectOption.hdDropdownMatchSelectWidth ? formItem.selectOption.hdDropdownMatchSelectWidth : false\"\n                          [nzPlaceHolder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u9009\u62E9' + formItem.label\"\n                          [formControlName]=\"formItem.name\"\n                          (nzOnSearch)=\"onSearchEvent(formItem.onSearchEvent || null, $event, line, formItem.onSearchEventEventDebounceTime)\"\n                          [ngStyle]=\"getStyle(line, formItem, '200px')\">\n                          <nz-option\n                            *ngFor=\"let selectItem of (formItem.selectOption.selectList || line.get(formItem.selectOption.selectListName).value)\"\n                            [nzValue]=\"selectItem[formItem.selectOption.value]\" [nzLabel]=\"formItem.selectOption.showLabelAndValue ? '['+ selectItem[formItem.selectOption.value] +']' +\n                          selectItem[formItem.selectOption.label] : selectItem[formItem.selectOption.label]\">\n                          </nz-option>\n                          <nz-option\n                            *ngIf=\"formItem.selectOption.label && line.get(formItem.name) && line.get(formItem.selectOption.label)?.value && line.get(formItem.selectOption.value)?.value\"\n                            [nzLabel]=\"(formItem.selectOption.value === 'code' || formItem.selectOption.value === 'productCode' || formItem.selectOption.hdShowItemCode) ? ('['+ line.get(formItem.selectOption.value).value + ']' + line.get(formItem.selectOption.label).value) : line.get(formItem.selectOption.label).value\"\n                            [nzValue]=\"line.get(formItem.selectOption.value).value\" nzHide></nz-option>\n                        </nz-select>\n                      </ng-template>\n\n                    </ng-container>\n                    <ng-container *ngSwitchCase=\"'Date'\">\n                      <nz-date-picker #formInputDom (click)=\"setActiveDomInFormLines(dataIndex , innerIndex)\"\n                        *ngIf=\"formItem.showTime\" [ngStyle]=\"getStyle(line, formItem, '150px')\"\n                        [nzPlaceHolder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u9009\u62E9' + formItem.label\"\n                        [formControlName]=\"formItem.name\" [nzDisabledDate]=\"formItem.hdDisabledDate\" nzShowTime\n                        nzFormat=\"yyyy-MM-dd HH:mm:ss\">\n                      </nz-date-picker>\n                      <nz-date-picker #formInputDom *ngIf=\"!formItem.showTime\"\n                        [ngStyle]=\"getStyle(line, formItem, '150px')\"\n                        (click)=\"setActiveDomInFormLines(dataIndex , innerIndex)\"\n                        [nzPlaceHolder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u9009\u62E9' + formItem.label\"\n                        [formControlName]=\"formItem.name\" [nzDisabledDate]=\"formItem.hdDisabledDate\">\n                      </nz-date-picker>\n                    </ng-container>\n                    <ng-container *ngSwitchCase=\"'DateRange'\">\n                      <nz-range-picker #formInputDom [ngStyle]=\"getStyle(line, formItem, '200px')\"\n                        (click)=\"setActiveDomInFormLines(dataIndex , innerIndex)\" [nzPlaceHolder]=\"['\u5F00\u59CB\u65E5\u671F','\u7ED3\u675F\u65E5\u671F']\"\n                        [formControlName]=\"formItem.name\">\n                      </nz-range-picker>\n                    </ng-container>\n                    <ng-container *ngSwitchCase=\"'TextArea'\">\n                      <textarea #formInputDom (click)=\"setActiveDomInFormLines(dataIndex , innerIndex)\"\n                        [ngStyle]=\"{'color': formItem?.colorOption?.name ? line.get(formItem.colorOption.name).value : null}\"\n                        [placeholder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u8F93\u5165' + formItem.label\"\n                        [maxlength]=\"formItem.maxLength || null\" rows=\"4\" nz-input\n                        [maxlength]=\"formItem.maxLength || null\" [formControlName]=\"formItem.name\"></textarea>\n                    </ng-container>\n                    <ng-container *ngSwitchCase=\"'InputNumber'\">\n                      <div style=\"display: flex;align-items: center;\">\n                        <nz-input-number #formInputDom [ngStyle]=\"getStyle(line, formItem, '100px')\"\n                          [maxlength]=\"formItem.maxLength || null\" [formControlName]=\"formItem.name\"\n                          [nzMin]=\"formItem?.inputNumber?.min || 0\" [nzMax]=\"formItem?.inputNumber?.max || 99999999\"\n                          [nzStep]=\"formItem?.inputNumber?.step || 1\"\n                          [nzPrecision]=\"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}}</div>\n                      </div>\n                    </ng-container>\n                    <ng-container *ngSwitchCase=\"'MultipleSelect'\">\n                      <nz-select #formInputDom (click)=\"setActiveDomInFormLines(dataIndex , innerIndex)\"\n                        nzMode=\"multiple\" [nzServerSearch]=\"formItem.selectOption.hdServerSearch || false\"\n                        [nzDropdownMatchSelectWidth]=\"formItem.selectOption.hdDropdownMatchSelectWidth ? formItem.selectOption.hdDropdownMatchSelectWidth : false\"\n                        [nzShowSearch]=\"formItem.selectOption.hdShowSearch != null ? formItem.selectOption.hdShowSearch : true\"\n                        [nzAllowClear]=\"formItem.selectOption.hdAllowClear != null ? formItem.selectOption.hdAllowClear : true\"\n                        [nzPlaceHolder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u9009\u62E9' + formItem.label\"\n                        [formControlName]=\"formItem.name\" [ngStyle]=\"getStyle(line, formItem, '200px')\"\n                        (nzOnSearch)=\"onSearchEvent(formItem.onSearchEvent || null, $event, line, formItem.onSearchEventEventDebounceTime)\">\n                        <nz-option *ngFor=\"let selectItem of formItem.selectOption.selectList\"\n                          [nzValue]=\"selectItem[formItem.selectOption.value]\" [nzLabel]=\"formItem.selectOption.showLabelAndValue ? '['+ selectItem[formItem.selectOption.value] +']' +\n                        selectItem[formItem.selectOption.label] : selectItem[formItem.selectOption.label]\"></nz-option>\n                        <ng-container\n                          *ngIf=\"formItem.selectOption.label && line.get(formItem.name) && line.get(formItem.selectOption.label)?.value && line.get(formItem.selectOption.value)?.value\">\n                          <nz-option *ngFor=\"let option of line.get(formItem.selectOption.value).value;index as i\"\n                            [nzLabel]=\"line.get(formItem.selectOption.label).value[i]\" [nzValue]=\"option\" nzHide>\n                          </nz-option>\n                        </ng-container>\n                      </nz-select>\n                    </ng-container>\n                    <ng-container *ngSwitchCase=\"'ViewDom'\">\n                      {{(formItem.preserveNumber && line.get(formItem.name).value) ?\n                      LodashRound(line.get(formItem.name).value,formItem.preserveNumber).toFixed(formItem.preserveNumber)\n                      : line.get(formItem.name).value}}\n                    </ng-container>\n                    <ng-container *ngSwitchCase=\"'Switch'\">\n                      <nz-switch (click)=\"setActiveDomInFormLines(dataIndex , innerIndex)\"\n                        [formControlName]=\"formItem.name\"></nz-switch>\n                    </ng-container>\n                    <ng-container *ngSwitchCase=\"'Time'  \">\n                      <nz-time-picker #formInputDom [ngStyle]=\"getStyle(line, formItem, '200px')\"\n                        (click)=\"setActiveDomInFormLines(dataIndex , innerIndex)\"\n                        [formControlName]=\"formItem.name\"></nz-time-picker>\n                    </ng-container>\n                  </ng-container>\n                </nz-form-control>\n              </nz-form-item>\n              <div *ngIf=\"formItem?.explainOption?.show\"\n                [style.color]=\"formItem?.explainOption?.color ? formItem.explainOption.color : null\">\n                {{line.get(formItem.explainOption.name).value}}</div>\n            </td>\n          </ng-container>\n          <td style=\"width: 80px\" nzRight=\"0\">\n            <span class=\"common-btn-group\">\n              <a *ngIf=\"operateButtons.includes('add')\" (click)=\"addFormLine(line.get('lineIndex').value)\">\u6DFB\u52A0</a>\n              <a class=\"common-danger-btn\" *ngIf=\"operateButtons.includes('delete') && !showDeleteConfirm\"\n                (click)=\"deleteFormLine(line.get('lineIndex').value)\">\u5220\u9664</a>\n              <a class=\"common-danger-btn\" *ngIf=\"operateButtons.includes('delete') && showDeleteConfirm\" nz-popconfirm\n                nzPopconfirmTitle=\"\u786E\u8BA4\u8981\u5220\u9664\u8BE5\u884C\u5417?\" nzPopconfirmPlacement=\"bottom\"\n                (nzOnConfirm)=\"deleteFormLine(line.get('lineIndex').value)\">\u5220\u9664</a>\n            </span>\n          </td>\n        </tr>\n      </ng-container>\n      <!-- \u5408\u8BA1\u533A\u57DF -->\n      <tr *ngIf=\"showTotal\" class=\"hd-table-total\">\n        <td>\u5408\u8BA1</td>\n        <ng-container *ngFor=\"let totalOption of totalOptionList\">\n          <td [nzAlign]=\"totalOption.align ? totalOption.align : 'left'\">{{ (totalOption.value || totalOption.value ===\n            0) ? (((totalOption.value % 1 === 0) && !totalOption.showDecimal ) ? totalOption.value :\n            LodashRound(totalOption.value,2).toFixed(2)) : '' }} </td>\n        </ng-container>\n      </tr>\n    </tbody>\n  </nz-table>\n  <nz-list\n    *ngIf=\"linesFormArray.controls.slice((paginationPageIndex - 1) * paginationPageSize, (paginationPageIndex - 1) * paginationPageSize + paginationPageSize).length === 0\"\n    [nzDataSource]=\"[]\"></nz-list>\n  <ng-container>\n    <hd-space background=\"transparent\" type=\"row\" size=\"16\"></hd-space>\n    <nz-pagination [nzSize]=\"'small'\" style=\"text-align: right;\" [nzPageIndex]=\"paginationPageIndex\"\n      [nzPageSize]=\"paginationPageSize\" [nzPageSizeOptions]=\"[2, 10, 20, 30, 40, 50]\"\n      [nzTotal]=\"linesFormArray.controls.length\" nzShowSizeChanger (nzPageIndexChange)=\"pageIndexChange($event)\"\n      (nzPageSizeChange)=\"pageSizeChange($event)\" [nzShowTotal]=\"totalTemplate\"></nz-pagination>\n    <ng-template #totalTemplate let-total>\u5171 {{linesFormArray.controls.length}} \u6761\u6570\u636E</ng-template>\n  </ng-container>\n</form>",
                 styles: ["::ng-deep .common-btn-group>a{font-size:12px;font-weight:400;color:#12a34f!important;white-space:nowrap}::ng-deep .common-btn-group .common-danger-btn:hover{color:#f05b24!important}::ng-deep .common-btn-group>a:hover{color:#20bd62!important}::ng-deep .common-btn-group>a:not(:last-child)::after{content:'';margin:0 2px}::ng-deep .common-billNumber>a{color:#3b77e3}button{box-shadow:unset;text-shadow:unset}::ng-deep .ant-form-item-label>label{color:#4b504e}::ng-deep .ant-input-number-input{height:28px}::ng-deep .ant-input-number{height:28px}textarea.ant-input{height:auto;min-height:28px}::ng-deep .ant-select-selection--multiple{min-height:28px}::ng-deep .ant-select-selection__rendered>ul>li{height:22px!important;margin-top:3px!important;line-height:22px!important}::ng-deep .ant-advanced-search-form .ant-form-item{margin-bottom:0!important}::ng-deep .ant-select-selection--single{height:28px!important}::ng-deep .ant-input{height:28px}::ng-deep .ant-input[disabled]:hover{border-color:#d9d9d9!important}::ng-deep .ant-select-selection__rendered{line-height:28px!important}::ng-deep .ant-calendar-range-picker-input{text-align:left!important}::ng-deep .ant-calendar-picker{width:100%!important}::ng-deep .ant-row{margin-right:0!important;margin-left:0!important}::ng-deep .ant-col-6{padding-left:12px;padding-right:12px}::ng-deep .ant-col-12{padding-left:12px;padding-right:12px}::ng-deep .ant-col-18{padding-left:12px;padding-right:12px}::ng-deep .ant-col-24{padding-left:12px;padding-right:12px}::ng-deep .ant-alert-info{background-color:#f5f8f6;border:1px solid #cfe3d4}:host ::ng-deep th{background:#f5f8f6!important;font-weight:700!important;white-space:nowrap;font-size:12px;font-family:PingFangSC-Medium,PingFang SC;color:#2a3634;padding:8px!important;box-sizing:border-box}:host ::ng-deep td{font-weight:400;font-style:normal;font-size:12px;color:#2a3634;text-align:left;white-space:nowrap;padding:8px!important;box-sizing:border-box}::ng-deep .ant-pagination-options{display:inline-flex;align-items:center}::ng-deep .ant-time-picker{width:100%}.hd-formLines-container ::ng-deep td{padding:1.5px 8px!important}.hd-formLines-container .ant-table-tbody>tr>td,.hd-formLines-container ::ng-deep .ant-table-thead>tr>th{padding:16px 8px}.hd-formLines-container ::ng-deep .hd-table-total>td{border:0!important}.hd-formLines-container .ant-input-number{width:100%}::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}.hd-option-header{display:flex;align-items:center;color:rgba(0,0,0,.85);background:#f5f8f6}.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}"]
             }] }
 ];
 /** @nocollapse */
 HdFormLinesComponent.ctorParameters = () => [
-    { type: FormBuilder }
+    { type: FormBuilder },
+    { type: ChangeDetectorRef }
 ];
 HdFormLinesComponent.propDecorators = {
+    formInputDomList: [{ type: ViewChildren, args: ['formInputDom',] }],
     tableLoading: [{ type: Input }],
     showSearch: [{ type: Input }],
     formLines: [{ type: Input }],
@@ -1894,6 +2497,8 @@ __decorate([
     __metadata("design:type", Boolean)
 ], HdFormLinesComponent.prototype, "showTotal", void 0);
 if (false) {
+    /** @type {?} */
+    HdFormLinesComponent.prototype.formInputDomList;
     /** @type {?} */
     HdFormLinesComponent.prototype.tableLoading;
     /** @type {?} */
@@ -1957,6 +2562,16 @@ if (false) {
      * @private
      */
     HdFormLinesComponent.prototype.searchSubscription;
+    /** @type {?} */
+    HdFormLinesComponent.prototype.collectDomList;
+    /** @type {?} */
+    HdFormLinesComponent.prototype.activeDomX;
+    /** @type {?} */
+    HdFormLinesComponent.prototype.activeDomY;
+    /** @type {?} */
+    HdFormLinesComponent.prototype.activeDom;
+    /** @type {?} */
+    HdFormLinesComponent.prototype.activeSelectedComponentOpen;
     /**
      * @type {?}
      * @private
@@ -1967,6 +2582,11 @@ if (false) {
      * @private
      */
     HdFormLinesComponent.prototype.fb;
+    /**
+     * @type {?}
+     * @private
+     */
+    HdFormLinesComponent.prototype.cdr;
 }
 
 /**
@@ -3151,8 +3771,6 @@ class HdTableComponent {
      * @return {?}
      */
     ngOnInit() {
-        console.log('local', location);
-        console.log('window', window);
         this.localtionTmp = location.pathname;
         if (this.localtionTmp) {
             this.localtionTmp = this.localtionTmp.replace(/\//g, "_");
@@ -3863,7 +4481,7 @@ HdTableComponent.decorators = [
     { type: Component, args: [{
                 selector: 'hd-table',
                 template: "<ng-container>\n  <hd-button-group>\n    <ng-template #buttonGroupLeft>\n      <ng-container *ngTemplateOutlet=\"tableLeftButton\"></ng-container>\n      <hd-button *ngIf=\"showOperateColWarpButton\" type=\"default\" (click)=\"showDetail = !showDetail\">{{showDetail ?\n        '\u7F29\u7565\u663E\u793A': '\u5C55\u5F00\u663E\u793A'}}</hd-button>\n    </ng-template>\n    <ng-template #buttonGroupRight>\n      <ng-container *ngTemplateOutlet=\"tableRightButton\"></ng-container>\n      <hd-button type=\"primary\" nz-dropdown nzTrigger=\"click\" [nzDropdownMenu]=\"menu\" (clickAction)=\"confirmDropdown()\"\n        [nzVisible]=\"isDropdownVisible\">\u8BBE\u7F6E\u5217</hd-button>\n      <nz-dropdown-menu #menu=\"nzDropdownMenu\">\n        <div style=\"max-height: 400px;overflow-y: scroll;\">\n          <div *ngIf=\"showListNodes && nowListNodes.length > 0\" nz-menu style=\"padding: 5px 10px;\">\n            <nz-tree *ngIf=\"showListNodes\" [nzData]=\"nowListNodes\" nzCheckable nzDraggable nzBlockNode\n              nzShowExpand=\"false\" (nzCheckBoxChange)=\"checkAction($event)\" [nzBeforeDrop]=\"beforeDrop\"\n              [nzTreeTemplate]=\"nzTreeTemplate\">\n            </nz-tree>\n            <ng-template #nzTreeTemplate let-node>\n              <span\n                class=\"ng-tns-c31-110 draggable ng-star-inserted ant-tree-node-content-wrapper ant-tree-node-content-wrapper-close\"\n                [title]=\"node.key\" draggable=\"true\" aria-grabbed=\"true\">\n                <span class=\"ant-tree-title\">\n                  <div class=\"hd-table-tree-node\">\n                    <span>{{node.key}}</span>\n                    <div *ngIf=\"!node.origin.disabled\" class=\"hd-table-tree-node-img\">\n                      <i nz-icon nzType=\"caret-up\" nzTheme=\"outline\"></i>\n                      <i nz-icon nzType=\"caret-down\" nzTheme=\"outline\"></i>\n                    </div>\n                  </div>\n                </span>\n              </span>\n            </ng-template>\n          </div>\n          <div *ngIf=\"showListNodes && hideListNodes.length > 0\" nz-menu style=\"padding: 5px 10px;\">\n            <nz-tree *ngIf=\"showListNodes\" [nzData]=\"hideListNodes\" nzCheckable nzShowExpand=\"false\"\n              (nzCheckBoxChange)=\"checkAction($event)\">\n            </nz-tree>\n          </div>\n        </div>\n        <div style=\"text-align: right;background: #fff;padding: 4px;\">\n          <hd-button style=\"margin-right: 4px;\" type=\"default\" size=\"small\" (clickAction)=\"cancelDropdown()\">\u53D6\u6D88\n          </hd-button>\n          <hd-button type=\"primary\" size=\"small\" (clickAction)=\"submitGrids()\">\u5B8C\u6210</hd-button>\n        </div>\n      </nz-dropdown-menu>\n    </ng-template>\n  </hd-button-group>\n  <hd-space type=\"row\" size=\"12\"></hd-space>\n  <ng-container *ngTemplateOutlet=\"tableTotal\"></ng-container>\n  <hd-space *ngIf=\"tableTotal\" type=\"row\" size=\"12\"></hd-space>\n  <nz-table *ngIf=\"showTable\" #hdTable class=\"hd-table-container\" [nzScroll]=\"scroll\" nzShowSizeChanger\n    nzShowSizeChanger nzShowQuickJumper nzFrontPagination=\"false\" nzSize=\"middle\" [nzData]=\"tableData.content\"\n    [nzTotal]=\"tableData.totalElements\" [(nzPageIndex)]=\"tablePageIndex\" [nzLoading]=\"tableLoading\"\n    [nzPageSizeOptions]=\"[ 10, 50, 100, 200 ]\" [(nzPageSize)]=\"tablePageSize\" (nzPageSizeChange)=\"search(true)\"\n    (nzPageIndexChange)=\"search(false)\" (nzCurrentPageDataChange)=\"showSelected ? currentPageDataChange($event) : null\"\n    [nzShowTotal]=\"tableTotalTemplate\">\n    <thead (nzSortChange)=\"sort($event)\" nzSingleSort>\n      <tr>\n        <th nzWidth=\"40px\" nzLeft=\"0px\" *ngIf=\"showSelected\" nzShowCheckbox [(nzChecked)]=\"isAllDisplayDataChecked\"\n          [nzIndeterminate]=\"isIndeterminate\" (nzCheckedChange)=\"checkAll($event)\"></th>\n        <ng-container *ngFor=\"let col of tableCols\">\n          <th *ngIf=\"col.isShow\" [nzWidth]=\"col.width + 'px'\" [nzAlign]=\"col.align\"\n            [nzLeft]=\"col.fixed === 'left' ? col.fixedWidth + 'px' : null\"\n            [nzRight]=\"col.fixed === 'right' ? 0  + 'px' : null\" nz-resizable nzBounds=\"window\" nzPreview\n            (nzResizeEnd)=\"onResize($event, col)\" [nzShowSort]=\"col.canSort\" [nzSortKey]=\"col.name\">\n            {{ col.title }}\n            <nz-resize-handle nzDirection=\"right\">\n              <div class=\"resize-trigger\"></div>\n            </nz-resize-handle>\n          </th>\n        </ng-container>\n      </tr>\n    </thead>\n    <tbody>\n      <tr *ngFor=\"let data of hdTable.data;index as i\">\n        <td nzLeft=\"0px\" *ngIf=\"showSelected\" nzShowCheckbox [(nzChecked)]=\"mapOfCheckedId[data[selectField]]\"\n          (nzCheckedChange)=\"refreshStatus($event, data)\"></td>\n        <ng-container *ngFor=\"let col of tableCols\">\n          <td *ngIf=\"col.isShow\" [ngStyle]=\"{'max-width': col.width + 'px'}\" [nzAlign]=\"col.align\"\n            [nzLeft]=\"col.fixed === 'left' ? col.fixedWidth + 'px' : null\"\n            [nzRight]=\"col.fixed === 'right' ? 0 + 'px' : null\"\n            [ngClass]=\"(col.canWarp && showDetail) ? 'common-td-wrap' : ''\">\n            <ng-container *ngIf=\"col.title === '\u64CD\u4F5C';else notOperateTemplate\">\n              <div class=\"common-btn-group\">\n                <ng-container *ngFor=\"let btn of col.btnList\">\n                  <ng-container *ngIf=\"!btn.showConfirm;else showConfirmTemplate\">\n                    <a *ngIf=\"btn.permission ? btn.permission(data) : true\"\n                      [class]=\"btn.name === '\u5220\u9664' ? 'common-danger-btn': ''\"\n                      (click)=\"triggerEvent(btn.click || null, data)\">{{ btn.name }}</a>\n                  </ng-container>\n                  <ng-template #showConfirmTemplate>\n                    <a *ngIf=\"btn.permission ? btn.permission(data) : true\"\n                      [class]=\"btn.name === '\u5220\u9664' ? 'common-danger-btn': ''\" nz-popconfirm\n                      [nzPopconfirmTitle]=\"'\u786E\u8BA4\u8981' + btn.name + '\u5417?'\"\n                      (nzOnConfirm)=\"triggerEvent(btn.click || null, data)\">{{\n                      btn.name }}</a>\n                  </ng-template>\n                </ng-container>\n              </div>\n            </ng-container>\n            <ng-template #notOperateTemplate>\n              <ng-container *ngIf=\"col.name === 'state';else otherTemplate\">\n                <hd-status [status]=\"data['state']\">{{ judgeColEmpty(col.render ? col.render(data) : data['state'])}}\n                </hd-status>\n              </ng-container>\n              <ng-template #otherTemplate>\n                <ng-container *ngIf=\"col.click;else noClickTemplate\">\n                  <ng-container\n                    *ngIf=\"!isTextOverflow(col.render ? col.render(data) : data[col.name], col.width);else overflowTemplate\">\n                    <a [ngStyle]=\"{'color': col?.color ? col.color : null}\"\n                      (click)=\"triggerEvent(col.click || null, data)\">{{ judgeColEmpty(col.render ? col.render(data) :\n                      data[col.name])}}</a>\n                  </ng-container>\n                  <ng-template #overflowTemplate>\n                    <a [ngStyle]=\"{'color': col?.color ? col.color : null}\" nz-tooltip\n                      [nzTooltipTitle]=\"col.render ? col.render(data) : data[col.name]\"\n                      (click)=\"triggerEvent(col.click || null, data)\">{{ judgeColEmpty(col.render ? col.render(data) :\n                      data[col.name])}}</a>\n                  </ng-template>\n                </ng-container>\n                <ng-template #noClickTemplate>\n                  <ng-container\n                    *ngIf=\"!isTextOverflow(col.render ? col.render(data) : data[col.name], col.width);else overflowTemplate\">\n                    <span [ngStyle]=\"{'color': col?.color ? col.color : null}\">{{ judgeColEmpty(col.render ?\n                      col.render(data) :\n                      data[col.name])}}</span>\n                  </ng-container>\n                  <ng-template #overflowTemplate>\n                    <span [ngStyle]=\"{'color': col?.color ? col.color : null}\" nz-tooltip\n                      [nzTooltipTitle]=\"col.render ? col.render(data) : data[col.name]\">\n                      {{ judgeColEmpty(col.render ? col.render(data) : data[col.name])}}</span>\n                  </ng-template>\n                </ng-template>\n              </ng-template>\n            </ng-template>\n          </td>\n        </ng-container>\n      </tr>\n      <!-- \u5408\u8BA1\u6240\u6709\u6570\u636E\u533A\u57DF \u9700\u8981\u540E\u7AEF\u63A5\u53E3\u914D\u5408 -->\n      <tr *ngIf=\"showTableTotal\" class=\"hd-table-total\">\n        <td>\u5408\u8BA1</td>\n        <ng-container *ngFor=\"let tableTotalOption of tableTotalOptionList\">\n          <td>{{ tableTotalOption }}</td>\n        </ng-container>\n      </tr>\n    </tbody>\n    <ng-template #tableTotalTemplate>\n      \u5171 {{tableData.totalElements}} \u6761\u6570\u636E\n    </ng-template>\n  </nz-table>\n</ng-container>",
-                styles: ["::ng-deep .common-btn-group>a{font-size:12px;font-weight:400;color:#12a34f!important;white-space:nowrap}::ng-deep .common-btn-group .common-danger-btn:hover{color:#f05b24!important}::ng-deep .common-btn-group>a:hover{color:#20bd62!important}::ng-deep .common-btn-group>a:not(:last-child)::after{content:'';margin:0 2px}::ng-deep .common-billNumber>a{color:#3b77e3}button{box-shadow:unset;text-shadow:unset;padding:0 6px!important}::ng-deep .ant-form-item-label>label{color:#4b504e}::ng-deep .ant-input-number-input{height:28px}::ng-deep .ant-input-number{height:28px}textarea.ant-input{height:auto;min-height:28px}::ng-deep .ant-select-selection--multiple{min-height:28px}::ng-deep .ant-select-selection__rendered>ul>li{height:22px!important;margin-top:3px!important;line-height:22px!important}::ng-deep .ant-advanced-search-form .ant-form-item{margin-bottom:0!important}::ng-deep .ant-select-selection--single{height:28px!important}::ng-deep .ant-input{height:28px}::ng-deep .ant-input[disabled]:hover{border-color:#d9d9d9!important}::ng-deep .ant-select-selection__rendered{line-height:28px!important}::ng-deep .ant-calendar-range-picker-input{text-align:left!important}::ng-deep .ant-calendar-picker{width:100%!important}::ng-deep .ant-row{margin-right:0!important;margin-left:0!important}::ng-deep .ant-col-6{padding-left:12px;padding-right:12px}::ng-deep .ant-col-12{padding-left:12px;padding-right:12px}::ng-deep .ant-col-18{padding-left:12px;padding-right:12px}::ng-deep .ant-col-24{padding-left:12px;padding-right:12px}::ng-deep .ant-alert-info{background-color:#f5f8f6;border:1px solid #cfe3d4}:host ::ng-deep th{background:#f5f8f6!important;font-weight:700!important;white-space:nowrap;font-size:12px;font-family:PingFangSC-Medium,PingFang SC;color:#2a3634;padding:8px!important;box-sizing:border-box}:host ::ng-deep td{font-weight:400;font-style:normal;font-size:12px;color:#2a3634;text-align:left;white-space:nowrap;padding:8px!important;box-sizing:border-box}::ng-deep .ant-pagination-options{display:inline-flex;align-items:center}::ng-deep .ant-time-picker{width:100%}.nz-resizable-preview{position:absolute;top:0;left:0;z-index:8;border:1px dashed #d1d1d1}.nz-resizable-handle{position:absolute;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:9}.nz-resizable-handle-top{width:100%;height:10px;top:-5px;left:0}.nz-resizable-handle-right{height:100%}.nz-resizable-handle-bottom{width:100%;height:10px;bottom:-5px;left:0}.nz-resizable-handle-left{width:10px;height:100%;top:0;left:-5px}.nz-resizable-handle-topRight{width:20px;height:20px;top:-5px;right:-5px;z-index:10}.nz-resizable-handle-bottomRight{width:20px;height:20px;right:-5px;bottom:-5px;z-index:10}.nz-resizable-handle-bottomLeft{width:20px;height:20px;bottom:-5px;left:-5px;z-index:10}.nz-resizable-handle-topLeft{width:20px;height:20px;top:-5px;left:-5px;z-index:10}.nz-resizable:not(.nz-resizable-resizing) .nz-resizable-handle-bottom,.nz-resizable:not(.nz-resizable-resizing) .nz-resizable-handle-top{cursor:row-resize}.nz-resizable:not(.nz-resizable-resizing) .nz-resizable-handle-left,.nz-resizable:not(.nz-resizable-resizing) .nz-resizable-handle-right{cursor:col-resize}.nz-resizable:not(.nz-resizable-resizing) .nz-resizable-handle-bottomRight,.nz-resizable:not(.nz-resizable-resizing) .nz-resizable-handle-topLeft{cursor:nwse-resize}.nz-resizable:not(.nz-resizable-resizing) .nz-resizable-handle-bottomLeft,.nz-resizable:not(.nz-resizable-resizing) .nz-resizable-handle-topRight{cursor:nesw-resize}.hd-table-container ::ng-deep .ant-pagination-options-quick-jumper input{border-radius:2px;border:1px solid #d9d9d9}.hd-table-container ::ng-deep .ant-pagination-options .ant-select-selection{border-radius:2px}.hd-table-container ::ng-deep .ant-table-thead>tr>th{border-bottom:1px solid #ecf1ed;white-space:nowrap;text-overflow:ellipsis}.hd-table-container ::ng-deep .ant-table-tbody>tr>td{border-bottom:1px solid #ecf1ed;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.hd-table-container ::ng-deep .hd-table-total>td{border:0!important}::ng-deep .ant-dropdown-menu{border-radius:0}::ng-deep .ant-dropdown{margin-top:8px!important}.common-td-wrap{white-space:normal!important}.nz-resizable-preview{border-width:0 1px 0 0}.resize-trigger{width:10px;height:15px;position:relative;top:calc((100% - 15px)/ 2)}.resize-trigger::after{position:absolute;top:calc((100% - 15px)/ 2);left:0;background:#d5d5d5;content:'';width:1px;height:15px;z-index:1}.nz-resizable-handle-right{position:absolute;width:10px;top:0;right:-5px;z-index:inherit}.hd-table-tree-node{display:inline-flex;align-items:center;padding-right:10px}.hd-table-tree-node .hd-table-tree-node-img{display:flex;flex-direction:column;position:absolute;right:0;margin-top:-2.5px}.hd-table-tree-node .hd-table-tree-node-img i{opacity:.3}.hd-table-tree-node .hd-table-tree-node-img i:last-child{margin-top:-5px}img{width:20px;height:20px}.ant-table-th-left-sticky{z-index:2}::ng-deep .ant-table-thead>tr>th .ant-table-header-column .ant-table-column-sorters>:not(.ant-table-column-sorter){position:unset}"]
+                styles: ["::ng-deep .common-btn-group>a{font-size:12px;font-weight:400;color:#12a34f!important;white-space:nowrap}::ng-deep .common-btn-group .common-danger-btn:hover{color:#f05b24!important}::ng-deep .common-btn-group>a:hover{color:#20bd62!important}::ng-deep .common-btn-group>a:not(:last-child)::after{content:'';margin:0 2px}::ng-deep .common-billNumber>a{color:#3b77e3}button{box-shadow:unset;text-shadow:unset;padding:0 6px!important}::ng-deep .ant-form-item-label>label{color:#4b504e}::ng-deep .ant-input-number-input{height:28px}::ng-deep .ant-input-number{height:28px}textarea.ant-input{height:auto;min-height:28px}::ng-deep .ant-select-selection--multiple{min-height:28px}::ng-deep .ant-select-selection__rendered>ul>li{height:22px!important;margin-top:3px!important;line-height:22px!important}::ng-deep .ant-advanced-search-form .ant-form-item{margin-bottom:0!important}::ng-deep .ant-select-selection--single{height:28px!important}::ng-deep .ant-input{height:28px}::ng-deep .ant-input[disabled]:hover{border-color:#d9d9d9!important}::ng-deep .ant-select-selection__rendered{line-height:28px!important}::ng-deep .ant-calendar-range-picker-input{text-align:left!important}::ng-deep .ant-calendar-picker{width:100%!important}::ng-deep .ant-row{margin-right:0!important;margin-left:0!important}::ng-deep .ant-col-6{padding-left:12px;padding-right:12px}::ng-deep .ant-col-12{padding-left:12px;padding-right:12px}::ng-deep .ant-col-18{padding-left:12px;padding-right:12px}::ng-deep .ant-col-24{padding-left:12px;padding-right:12px}::ng-deep .ant-alert-info{background-color:#f5f8f6;border:1px solid #cfe3d4}:host ::ng-deep th{background:#f5f8f6!important;font-weight:700!important;white-space:nowrap;font-size:12px;font-family:PingFangSC-Medium,PingFang SC;color:#2a3634;padding:8px!important;box-sizing:border-box}:host ::ng-deep td{font-weight:400;font-style:normal;font-size:12px;color:#2a3634;text-align:left;white-space:nowrap;padding:8px!important;box-sizing:border-box}::ng-deep .ant-pagination-options{display:inline-flex;align-items:center}::ng-deep .ant-time-picker{width:100%}.nz-resizable-preview{position:absolute;top:0;left:0;z-index:8;border:1px dashed #d1d1d1}.nz-resizable-handle{position:absolute;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:9}.nz-resizable-handle-top{width:100%;height:10px;top:-5px;left:0}.nz-resizable-handle-right{height:100%}.nz-resizable-handle-bottom{width:100%;height:10px;bottom:-5px;left:0}.nz-resizable-handle-left{width:10px;height:100%;top:0;left:-5px}.nz-resizable-handle-topRight{width:20px;height:20px;top:-5px;right:-5px;z-index:10}.nz-resizable-handle-bottomRight{width:20px;height:20px;right:-5px;bottom:-5px;z-index:10}.nz-resizable-handle-bottomLeft{width:20px;height:20px;bottom:-5px;left:-5px;z-index:10}.nz-resizable-handle-topLeft{width:20px;height:20px;top:-5px;left:-5px;z-index:10}.nz-resizable:not(.nz-resizable-resizing) .nz-resizable-handle-bottom,.nz-resizable:not(.nz-resizable-resizing) .nz-resizable-handle-top{cursor:row-resize}.nz-resizable:not(.nz-resizable-resizing) .nz-resizable-handle-left,.nz-resizable:not(.nz-resizable-resizing) .nz-resizable-handle-right{cursor:col-resize}.nz-resizable:not(.nz-resizable-resizing) .nz-resizable-handle-bottomRight,.nz-resizable:not(.nz-resizable-resizing) .nz-resizable-handle-topLeft{cursor:nwse-resize}.nz-resizable:not(.nz-resizable-resizing) .nz-resizable-handle-bottomLeft,.nz-resizable:not(.nz-resizable-resizing) .nz-resizable-handle-topRight{cursor:nesw-resize}.hd-table-container ::ng-deep .ant-pagination-options-quick-jumper input{border-radius:2px;border:1px solid #d9d9d9}.hd-table-container ::ng-deep .ant-pagination-options .ant-select-selection{border-radius:2px}.hd-table-container ::ng-deep .ant-table-thead>tr>th{border-bottom:1px solid #ecf1ed;white-space:nowrap;text-overflow:ellipsis}.hd-table-container ::ng-deep .ant-table-tbody>tr>td{border-bottom:1px solid #ecf1ed;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.hd-table-container ::ng-deep .hd-table-total>td{border:0!important}::ng-deep .ant-dropdown-menu{border-radius:0}::ng-deep .ant-dropdown{margin-top:8px!important}.common-td-wrap{white-space:normal!important;word-break:break-all}.nz-resizable-preview{border-width:0 1px 0 0}.resize-trigger{width:10px;height:15px;position:relative;top:calc((100% - 15px)/ 2)}.resize-trigger::after{position:absolute;top:calc((100% - 15px)/ 2);left:0;background:#d5d5d5;content:'';width:1px;height:15px;z-index:1}.nz-resizable-handle-right{position:absolute;width:10px;top:0;right:-5px;z-index:inherit}.hd-table-tree-node{display:inline-flex;align-items:center;padding-right:10px}.hd-table-tree-node .hd-table-tree-node-img{display:flex;flex-direction:column;position:absolute;right:0;margin-top:-2.5px}.hd-table-tree-node .hd-table-tree-node-img i{opacity:.3}.hd-table-tree-node .hd-table-tree-node-img i:last-child{margin-top:-5px}img{width:20px;height:20px}.ant-table-th-left-sticky{z-index:2}::ng-deep .ant-table-thead>tr>th .ant-table-header-column .ant-table-column-sorters>:not(.ant-table-column-sorter){position:unset}"]
             }] }
 ];
 /** @nocollapse */
@@ -4273,134 +4891,6 @@ HdFilterService.decorators = [
 HdFilterService.ctorParameters = () => [];
 /** @nocollapse */ HdFilterService.ngInjectableDef = ɵɵdefineInjectable({ factory: function HdFilterService_Factory() { return new HdFilterService(); }, token: HdFilterService, providedIn: "root" });
 
-/**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-// 控件列表
-class FormLine {
-    constructor() {
-        // 输入框的提示文件
-        this.require = false; // 是否必填
-        // 是否必填
-        this.hide = false; // 是否为隐藏字段，仅用于填充表单的字段，不显示在页面上
-        // 列对齐方式
-        this.value = null; // 值 不传默认为null
-        // 需要保留小数的列的位数
-        this.inputNumber = new InputNumber(); // number组件的min、max、step
-        // 不可输入状态
-        this.showTime = false; // 日期选择器是否包含时间
-        this.canSearch = false; // 指明hide 情况下的控件是否可以被搜索，默认false
-    }
-}
-if (false) {
-    /** @type {?} */
-    FormLine.prototype.type;
-    /** @type {?} */
-    FormLine.prototype.label;
-    /** @type {?} */
-    FormLine.prototype.name;
-    /** @type {?} */
-    FormLine.prototype.placeholder;
-    /** @type {?} */
-    FormLine.prototype.require;
-    /** @type {?} */
-    FormLine.prototype.hide;
-    /** @type {?} */
-    FormLine.prototype.align;
-    /** @type {?} */
-    FormLine.prototype.value;
-    /** @type {?} */
-    FormLine.prototype.isSelect;
-    /** @type {?} */
-    FormLine.prototype.selectOption;
-    /** @type {?} */
-    FormLine.prototype.explainOptionRight;
-    /** @type {?} */
-    FormLine.prototype.explainOption;
-    /** @type {?} */
-    FormLine.prototype.colorOption;
-    /** @type {?} */
-    FormLine.prototype.maxLength;
-    /** @type {?} */
-    FormLine.prototype.preserveNumber;
-    /** @type {?} */
-    FormLine.prototype.inputNumber;
-    /** @type {?} */
-    FormLine.prototype.onChangeEvent;
-    /** @type {?} */
-    FormLine.prototype.onSearchEvent;
-    /** @type {?} */
-    FormLine.prototype.defaultLabel;
-    /** @type {?} */
-    FormLine.prototype.hdDisabledDate;
-    /** @type {?} */
-    FormLine.prototype.disabled;
-    /** @type {?} */
-    FormLine.prototype.showTime;
-    /** @type {?} */
-    FormLine.prototype.style;
-    /** @type {?} */
-    FormLine.prototype.canSearch;
-    /** @type {?} */
-    FormLine.prototype.onChangeEventDebounceTime;
-    /** @type {?} */
-    FormLine.prototype.onSearchEventEventDebounceTime;
-}
-class ColorOption {
-}
-if (false) {
-    /** @type {?} */
-    ColorOption.prototype.name;
-    /** @type {?} */
-    ColorOption.prototype.color;
-}
-class ExplainOption {
-}
-if (false) {
-    /** @type {?} */
-    ExplainOption.prototype.show;
-    /** @type {?} */
-    ExplainOption.prototype.name;
-    /** @type {?} */
-    ExplainOption.prototype.color;
-}
-/** @enum {number} */
-const FormLineType = {
-    Input: 0,
-    Select: 1,
-    Date: 2,
-    DateRange: 3,
-    TextArea: 4,
-    InputNumber: 5,
-    MultipleSelect: 6,
-    ViewDom: 7,
-    Switch: 8,
-    Time: 9 // 时间选择器
-    ,
-};
-FormLineType[FormLineType.Input] = 'Input';
-FormLineType[FormLineType.Select] = 'Select';
-FormLineType[FormLineType.Date] = 'Date';
-FormLineType[FormLineType.DateRange] = 'DateRange';
-FormLineType[FormLineType.TextArea] = 'TextArea';
-FormLineType[FormLineType.InputNumber] = 'InputNumber';
-FormLineType[FormLineType.MultipleSelect] = 'MultipleSelect';
-FormLineType[FormLineType.ViewDom] = 'ViewDom';
-FormLineType[FormLineType.Switch] = 'Switch';
-FormLineType[FormLineType.Time] = 'Time';
-class HdFormLinesService {
-    constructor() { }
-}
-HdFormLinesService.decorators = [
-    { type: Injectable, args: [{
-                providedIn: 'root'
-            },] }
-];
-/** @nocollapse */
-HdFormLinesService.ctorParameters = () => [];
-/** @nocollapse */ HdFormLinesService.ngInjectableDef = ɵɵdefineInjectable({ factory: function HdFormLinesService_Factory() { return new HdFormLinesService(); }, token: HdFormLinesService, providedIn: "root" });
-
 /**
  * @fileoverview added by tsickle
  * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc