fantasy-ngzorro 2.1.6 → 2.1.8

package/bundles/fantasy-ngzorro.umd.js

@@ -2415,24 +2415,23 @@
     }
     /** @enum {string} */
     var FormLineType = {
-        Input: 'Input',
-        Select: 'Select',
-        Date: 'Date',
-        DateRange: 'DateRange',
-        TextArea: 'TextArea',
-        InputNumber: 'InputNumber',
-        MultipleSelect: 'MultipleSelect',
-        ViewDom: 'ViewDom',
-        Switch: 'Switch',
-        Time: 'Time' // 时间选择器
-        ,
+        Input: "Input",
+        Select: "Select",
+        Date: "Date",
+        DateRange: "DateRange",
+        TextArea: "TextArea",
+        InputNumber: "InputNumber",
+        MultipleSelect: "MultipleSelect",
+        ViewDom: "ViewDom",
+        Switch: "Switch",
+        Time: "Time",
     };
     var HdFormLinesService = /** @class */ (function () {
         function HdFormLinesService() {
         }
         HdFormLinesService.decorators = [
             { type: core.Injectable, args: [{
-                        providedIn: 'root'
+                        providedIn: "root",
                     },] }
         ];
         /** @nocollapse */
@@ -2684,11 +2683,12 @@
             var _this = this;
             /** @type {?} */
             var pageLines = this.getCurrentPageLines();
-            return pageLines.length > 0 && pageLines.every((/**
-             * @param {?} line
-             * @return {?}
-             */
-            function (line) { return _this.isLineChecked(line); }));
+            return (pageLines.length > 0 &&
+                pageLines.every((/**
+                 * @param {?} line
+                 * @return {?}
+                 */
+                function (line) { return _this.isLineChecked(line); })));
         };
         /**
          * @return {?}
@@ -2705,7 +2705,9 @@
              * @param {?} line
              * @return {?}
              */
-            function (line) { return _this.isLineChecked(line); })).length;
+            function (line) {
+                return _this.isLineChecked(line);
+            })).length;
             return checkedCount > 0 && checkedCount < pageLines.length;
         };
         /**
@@ -2865,7 +2867,9 @@
             var empty = control.value === null ||
                 control.value === undefined ||
                 control.value === "";
-            if ((control.dirty || control.touched) && empty && control.hasError("required")) {
+            if ((control.dirty || control.touched) &&
+                empty &&
+                control.hasError("required")) {
                 return "error";
             }
             return "";
@@ -2970,7 +2974,8 @@
                  * @param {?} item
                  * @return {?}
                  */
-                function (item) { return item && item._hdRowId === id; })) && mountedById.has(id)) {
+                function (item) { return item && item._hdRowId === id; })) &&
+                    mountedById.has(id)) {
                     result.push(mountedById.get(id));
                 }
             }));
@@ -3847,9 +3852,8 @@
             if (!fn) {
                 return;
             }
-            // 父组件未配置时默认 500ms 防抖
             /** @type {?} */
-            var debounceMs = onSearchEventDebounceTime != null ? onSearchEventDebounceTime : 500;
+            var debounceMs = onSearchEventDebounceTime != null ? onSearchEventDebounceTime : 0;
             this.debounceTimeout = debounceMs;
             if (this.searchSubscription) {
                 this.searchSubscription.unsubscribe();
@@ -3891,9 +3895,10 @@
             if (!fn) {
                 return;
             }
-            // 父组件未配置时默认 500ms 防抖
             /** @type {?} */
-            var debounceMs = onOpenChangeEventDebounceTime != null ? onOpenChangeEventDebounceTime : 500;
+            var debounceMs = onOpenChangeEventDebounceTime != null
+                ? onOpenChangeEventDebounceTime
+                : 0;
             this.openChangeDebounceTimeout = debounceMs;
             if (this.openChangeSubscription) {
                 this.openChangeSubscription.unsubscribe();
@@ -3981,9 +3986,10 @@
                  */
                 function (item) {
                     if (item.onChangeEvent) {
-                        // 父组件未配置时默认 500ms 防抖
                         /** @type {?} */
-                        var debounceMs = item.onChangeEventDebounceTime != null ? item.onChangeEventDebounceTime : 500;
+                        var debounceMs = item.onChangeEventDebounceTime != null
+                            ? item.onChangeEventDebounceTime
+                            : 0;
                         formGroupTmp
                             .get(item.name)
                             .valueChanges.pipe(operators.debounceTime(debounceMs))
@@ -4212,7 +4218,7 @@
                 (!this.formLinesData ||
                     (this.formLinesData && this.formLinesData.length === 0))) {
                 this.tableLoading = false;
-                this.addFormLine(0, false);
+                this.addFormLine(null, false);
                 this.showForm = true;
             }
             else {
@@ -4317,11 +4323,15 @@
                         : item.value,
                     disabled: item.disabled,
                 }, isEmptyLine
-                    ? (item.require && !item.hide ? [forms.Validators.required] : [])
-                    : (item.require ? [forms.Validators.required] : []));
+                    ? item.require && !item.hide
+                        ? [forms.Validators.required]
+                        : []
+                    : item.require
+                        ? [forms.Validators.required]
+                        : []);
                 if (item.selectOption && item.selectOption.label) {
                     formGroupObj[item.selectOption.label] = _this.fb.control(formLinesDataItem != null
-                        ? (formLinesDataItem[item.selectOption.label] || null)
+                        ? formLinesDataItem[item.selectOption.label] || null
                         : null, []);
                 }
             }));
@@ -4362,7 +4372,9 @@
             function (item) {
                 if (item.onChangeEvent) {
                     /** @type {?} */
-                    var debounceMs = item.onChangeEventDebounceTime != null ? item.onChangeEventDebounceTime : 500;
+                    var debounceMs = item.onChangeEventDebounceTime != null
+                        ? item.onChangeEventDebounceTime
+                        : 0;
                     formGroupSubmit
                         .get(item.name)
                         .valueChanges.pipe(operators.debounceTime(debounceMs))
@@ -4423,19 +4435,27 @@
             this.showForm = true;
         };
         /**
-         * @param {?=} index
+         * 在指定行下方新增空行；不传 afterLine 则追加到末尾
+         * @param afterLine 当前行 FormGroup（不要传 lineIndex，避免序号偏移导致插错位置）
+         */
+        /**
+         * 在指定行下方新增空行；不传 afterLine 则追加到末尾
+         * @param {?=} afterLine 当前行 FormGroup（不要传 lineIndex，避免序号偏移导致插错位置）
          * @param {?=} isFocus
          * @return {?}
          */
         HdFormLinesComponent.prototype.addFormLine = /**
-         * @param {?=} index
+         * 在指定行下方新增空行；不传 afterLine 则追加到末尾
+         * @param {?=} afterLine 当前行 FormGroup（不要传 lineIndex，避免序号偏移导致插错位置）
          * @param {?=} isFocus
          * @return {?}
          */
-        function (index, isFocus) {
+        function (afterLine, isFocus) {
             var _this = this;
             if (isFocus === void 0) { isFocus = true; }
-            this.linesFormArray.insert(index || this.linesFormArray.controls.length, this.newLineItem());
+            /** @type {?} */
+            var insertAt = this.getInsertIndexAfter(afterLine);
+            this.linesFormArray.insert(insertAt, this.newLineItem());
             this.calculateLineNumber();
             setTimeout((/**
              * @return {?}
@@ -4443,12 +4463,7 @@
             function () {
                 _this.collectDomData();
                 if (isFocus) {
-                    if (index !== null && index !== undefined) {
-                        _this.activeDomX = index;
-                    }
-                    else {
-                        _this.activeDomX = _this.collectDomList.length - 1;
-                    }
+                    _this.activeDomX = _this.toPageLocalRowIndex(insertAt);
                     _this.activeDomY = 0;
                     console.log("执行过程13");
                     _this.focusDom(_this.activeDomX, _this.activeDomY);
@@ -4457,53 +4472,69 @@
         };
         /**
          * 复制当前行：在当前行下方新增一行，复制所有字段值（含隐藏字段）
-         * @param index 当前行 lineIndex（从 1 开始）
          */
         /**
          * 复制当前行：在当前行下方新增一行，复制所有字段值（含隐藏字段）
-         * @param {?} index 当前行 lineIndex（从 1 开始）
+         * @param {?} line
          * @return {?}
          */
         HdFormLinesComponent.prototype.copyFormLine = /**
          * 复制当前行：在当前行下方新增一行，复制所有字段值（含隐藏字段）
-         * @param {?} index 当前行 lineIndex（从 1 开始）
+         * @param {?} line
          * @return {?}
          */
-        function (index) {
+        function (line) {
             var _this = this;
             /** @type {?} */
-            var sourceIndex = index - 1;
-            /** @type {?} */
-            var sourceLine = (/** @type {?} */ (this.linesFormArray.at(sourceIndex)));
-            if (!sourceLine) {
+            var sourceIndex = this.linesFormArray.controls.indexOf(line);
+            if (sourceIndex < 0) {
                 return;
             }
             // getRawValue 包含 disabled 字段；复制行使用新的 _hdRowId
             /** @type {?} */
-            var sourceValues = sourceLine.getRawValue();
-            this.linesFormArray.insert(index, this.createLineFromValues(sourceValues, false, true));
+            var sourceValues = line.getRawValue();
+            /** @type {?} */
+            var insertAt = sourceIndex + 1;
+            this.linesFormArray.insert(insertAt, this.createLineFromValues(sourceValues, false, true));
             this.calculateLineNumber();
             setTimeout((/**
              * @return {?}
              */
             function () {
                 _this.collectDomData();
-                _this.activeDomX = index;
+                _this.activeDomX = _this.toPageLocalRowIndex(insertAt);
                 _this.activeDomY = 0;
                 _this.focusDom(_this.activeDomX, _this.activeDomY);
             }), 0);
         };
         /**
-         * @param {?} index
+         * 删除行
+         * @param lineOrIndex 行 FormGroup，或 1-based 的 lineIndex（兼容 resetForm）
+         */
+        /**
+         * 删除行
+         * @param {?} lineOrIndex 行 FormGroup，或 1-based 的 lineIndex（兼容 resetForm）
          * @return {?}
          */
         HdFormLinesComponent.prototype.deleteFormLine = /**
-         * @param {?} index
+         * 删除行
+         * @param {?} lineOrIndex 行 FormGroup，或 1-based 的 lineIndex（兼容 resetForm）
          * @return {?}
          */
-        function (index) {
+        function (lineOrIndex) {
             var _this = this;
-            console.log("index", index);
+            /** @type {?} */
+            var removeAt = -1;
+            if (typeof lineOrIndex === "number") {
+                removeAt = lineOrIndex - 1;
+            }
+            else if (lineOrIndex) {
+                removeAt = this.linesFormArray.controls.indexOf(lineOrIndex);
+            }
+            console.log("index", typeof lineOrIndex === "number" ? lineOrIndex : removeAt);
+            if (removeAt < 0) {
+                return;
+            }
             // 最后一条数据的时候要判断一下
             if (this.linesFormArray.controls.length === 1 && !this.allowEmpty) {
                 if (this.deleteLastLineEvent) {
@@ -4512,8 +4543,8 @@
                 return;
             }
             /** @type {?} */
-            var removedLine = (/** @type {?} */ (this.linesFormArray.at(index - 1)));
-            this.linesFormArray.removeAt(index - 1);
+            var removedLine = (/** @type {?} */ (this.linesFormArray.at(removeAt)));
+            this.linesFormArray.removeAt(removeAt);
             this.removeLineFromSelection(removedLine);
             if (!this.isFilterData &&
                 this.linesFormArray.controls &&
@@ -4535,6 +4566,43 @@
                 _this.collectDomData();
             }), 0);
         };
+        /** 在指定行后方的插入下标；无行则追加到末尾 */
+        /**
+         * 在指定行后方的插入下标；无行则追加到末尾
+         * @private
+         * @param {?=} afterLine
+         * @return {?}
+         */
+        HdFormLinesComponent.prototype.getInsertIndexAfter = /**
+         * 在指定行后方的插入下标；无行则追加到末尾
+         * @private
+         * @param {?=} afterLine
+         * @return {?}
+         */
+        function (afterLine) {
+            if (!afterLine) {
+                return this.linesFormArray.controls.length;
+            }
+            /** @type {?} */
+            var idx = this.linesFormArray.controls.indexOf(afterLine);
+            return idx >= 0 ? idx + 1 : this.linesFormArray.controls.length;
+        };
+        /** 全局行下标转当前页内的行下标（供聚焦用） */
+        /**
+         * 全局行下标转当前页内的行下标（供聚焦用）
+         * @private
+         * @param {?} globalIndex
+         * @return {?}
+         */
+        HdFormLinesComponent.prototype.toPageLocalRowIndex = /**
+         * 全局行下标转当前页内的行下标（供聚焦用）
+         * @private
+         * @param {?} globalIndex
+         * @return {?}
+         */
+        function (globalIndex) {
+            return (globalIndex - (this.paginationPageIndex - 1) * this.paginationPageSize);
+        };
         /**
          * @param {?} event
          * @return {?}
@@ -4874,7 +4942,7 @@
         HdFormLinesComponent.decorators = [
             { type: core.Component, args: [{
                         selector: "hd-form-lines",
-                        template: "<ng-container *ngIf=\"showForm && showToolbar\">\n  <hd-button-group class=\"hd-formLines-toolbar\">\n    <ng-template #buttonGroupLeft>\n      <!-- \u6709\u5168\u5C40\u641C\u7D22\uFF1A\u5DE6\u4FA7\u653E\u641C\u7D22\u6846 -->\n      <ng-container *ngIf=\"showSearch\">\n        <nz-input-group [nzSuffix]=\"suffixIconSearch\">\n          <input type=\"text\" nz-input (keyup.enter)=\"searchLines()\" placeholder=\"\u8BF7\u8F93\u5165\u5185\u5BB9\u641C\u7D22\" style=\"width: 300px;\"\n            [(ngModel)]=\"filterStr\" />\n        </nz-input-group>\n        <ng-template #suffixIconSearch>\n          <i nz-icon nzType=\"search\" (click)=\"searchLines()\"></i>\n        </ng-template>\n      </ng-container>\n      <!-- \u65E0\u5168\u5C40\u641C\u7D22\uFF1A\u5DE6\u4FA7\u653E\u81EA\u5B9A\u4E49\u6309\u94AE -->\n      <ng-container *ngIf=\"!showSearch\">\n        <ng-container *ngTemplateOutlet=\"formLinesLeftButton\"></ng-container>\n      </ng-container>\n    </ng-template>\n    <ng-template #buttonGroupRight>\n      <!-- \u6709\u5168\u5C40\u641C\u7D22\uFF1A\u53F3\u4FA7\u8303\u56F4\u518D\u5DE6\u53F3\u5206\u5F00 -->\n      <div class=\"hd-formLines-toolbar-right\" *ngIf=\"showSearch\">\n        <div class=\"hd-formLines-toolbar-right-left\">\n          <ng-container *ngTemplateOutlet=\"formLinesLeftButton\"></ng-container>\n        </div>\n        <div class=\"hd-formLines-toolbar-right-right\">\n          <ng-container *ngTemplateOutlet=\"formLinesRightButton\"></ng-container>\n        </div>\n      </div>\n      <!-- \u65E0\u5168\u5C40\u641C\u7D22\uFF1A\u53F3\u4FA7\u53EA\u653E\u81EA\u5B9A\u4E49\u53F3\u4FA7\u6309\u94AE -->\n      <ng-container *ngIf=\"!showSearch\">\n        <ng-container *ngTemplateOutlet=\"formLinesRightButton\"></ng-container>\n      </ng-container>\n    </ng-template>\n  </hd-button-group>\n  <hd-space background=\"transparent\" type=\"row\" size=\"12\"></hd-space>\n</ng-container>\n\n<!-- \u52FE\u9009\u63D0\u793A\uFF1A\u5355\u72EC\u4E00\u884C\uFF0C\u653E\u5728\u8868\u5355\u4E0A\u65B9 -->\n<ng-container *ngIf=\"showForm && showCheckbox && getSelectedCount() > 0\">\n  <nz-alert nzType=\"info\" [nzMessage]=\"selectionAlertTemplate\" nzShowIcon></nz-alert>\n  <hd-space background=\"transparent\" type=\"row\" size=\"12\"></hd-space>\n</ng-container>\n<ng-template #selectionAlertTemplate>\n  <span>\u5DF2\u9009\u62E9{{ getSelectedCount() }}\u6761\u6570\u636E</span>&nbsp;&nbsp;\n  <span class=\"common-btn-group\">\n    <a (click)=\"clearSelection()\">\u6E05\u7A7A</a>\n  </span>\n</ng-template>\n\n<!-- <hd-button type=\"primary\" (clickAction)=\"focusDom(0, 0)\">\u805A\u7126\u7B2C\u4E00\u4E2A</hd-button> -->\n\n<form *ngIf=\"showForm\" nz-form [formGroup]=\"validateHdFormLines\" class=\"ant-advanced-search-form hd-formLines-container\"\n  (keydown)=\"onKeyDown($event)\">\n  <nz-table nzTemplateMode [nzFrontPagination]=\"false\" [nzLoading]=\"tableLoading\" [nzScroll]=\"scroll\"\n    [nzPageSizeOptions]=\"[ 10, 50, 100, 200 ]\">\n    <thead>\n      <tr>\n        <th nzWidth=\"40px\" nzLeft=\"0px\" *ngIf=\"showCheckbox\">\n          <label nz-checkbox\n            [ngModel]=\"isAllChecked()\"\n            [nzIndeterminate]=\"isIndeterminate()\"\n            [ngModelOptions]=\"{standalone: true}\"\n            (ngModelChange)=\"onAllChecked($event)\"></label>\n        </th>\n        <th nzWidth=\"58px\" [nzLeft]=\"lineNumberLeft\" *ngIf=\"showLineNumber\">\u5E8F\u53F7</th>\n        <ng-container *ngFor=\"let item of formLines\">\n          <th *ngIf=\"!item.hide\" [nzAlign]=\"item.align ? item.align : 'left'\">\n            <span *ngIf=\"item.require\" style=\"color: red;\">*</span>{{ item.label }}\n          </th>\n        </ng-container>\n        <th [style.width.px]=\"operateColWidth\" nzRight=\"0\">\u64CD\u4F5C</th>\n      </tr>\n    </thead>\n    <tbody>\n      <ng-container\n        *ngFor=\"let line of linesFormArray.controls.slice((paginationPageIndex - 1) * paginationPageSize, (paginationPageIndex - 1) * paginationPageSize + paginationPageSize);index as dataIndex\"\n        formArrayName=\"lines\">\n        <tr [formGroup]=\"line\">\n          <td nzWidth=\"40px\" nzLeft=\"0px\" *ngIf=\"showCheckbox\">\n            <label nz-checkbox\n              [ngModel]=\"isLineChecked(line)\"\n              [ngModelOptions]=\"{standalone: true}\"\n              (ngModelChange)=\"onLineCheckedChange(line, $event)\"></label>\n          </td>\n          <td nzWidth=\"58px\" [nzLeft]=\"lineNumberLeft\" *ngIf=\"showLineNumber\">\n            {{ line.get('lineIndex').value }}\n          </td>\n          <ng-container *ngFor=\"let formItem of formLines; index as innerIndex\">\n            <td *ngIf=\"!formItem.hide\" [nzAlign]=\"formItem.align ? formItem.align : 'left'\">\n              <nz-form-item>\n                <nz-form-control\n                  [nzValidateStatus]=\"getControlValidateStatus(line, formItem)\"\n                  [nzErrorTip]=\"formItem.label + '\u4E0D\u80FD\u4E3A\u7A7A'\">\n                  <ng-container [ngSwitch]=\"formItem.type\">\n                    <ng-container *ngSwitchCase=\"'Input'\">\n                      <nz-input-group [nzSuffix]=\"inputCleanTemplate\"\n                        (focusin)=\"setActiveDomInFormLines(dataIndex , innerIndex)\">\n                        <input #formInputDom (click)=\"setActiveDomInFormLines(dataIndex , innerIndex)\"\n                          [ngStyle]=\"getStyle(line, formItem, '100px')\" nz-input\n                          [ngStyle]=\"{'color': formItem?.colorOption?.name ? line.get(formItem.colorOption.name ).value : null}\"\n                          [id]=\"'input-' + formItem.name + line.get('lineIndex').value\"\n                          (click)=\"formItem.isSelect ? selectValue('#input-' + formItem.name + line.get('lineIndex').value, dataIndex , innerIndex) : null\"\n                          (input)=\"limitInputLength($event, line, formItem)\"\n                          [placeholder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u8F93\u5165' + formItem.label\"\n                          [formControlName]=\"formItem.name\" />\n                      </nz-input-group>\n                      <ng-template #inputCleanTemplate>\n                        <i nz-icon nz-tooltip class=\"ant-input-clear-icon\" nzTheme=\"fill\" nzType=\"close-circle\"\n                          *ngIf=\"line.get(formItem.name).value && !line.get(formItem.name).disabled\"\n                          (click)=\"inputClean(formItem ,line)\"></i>\n                      </ng-template>\n                    </ng-container>\n                    <ng-container *ngSwitchCase=\"'Select'\">\n                      <nz-select #formInputDom (focusin)=\"setActiveDomInFormLines(dataIndex , innerIndex)\"\n                        nzDropdownClassName=\"hd-select-table\"\n                        *ngIf=\"formItem.selectOption.tableColumns;else nomarlSelectTemplate\"\n                        [nzShowSearch]=\"formItem.selectOption.hdShowSearch != null ? formItem.selectOption.hdShowSearch : true\"\n                        [nzAllowClear]=\"formItem.selectOption.hdAllowClear != null ? formItem.selectOption.hdAllowClear : true\"\n                        [nzServerSearch]=\"formItem.selectOption.hdServerSearch || false\"\n                        [nzDropdownMatchSelectWidth]=\"formItem.selectOption.hdDropdownMatchSelectWidth ? formItem.selectOption.hdDropdownMatchSelectWidth : false\"\n                        [nzPlaceHolder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u9009\u62E9' + formItem.label\"\n                        [formControlName]=\"formItem.name\"\n                        (nzOpenChange)=\"onOpenChangeEvent(formItem.onOpenChangeEvent || null, $event, line, formItem.onOpenChangeEventDebounceTime)\"\n                        (nzOnSearch)=\"onSearchEvent(formItem.onSearchEvent || null, $event, line, formItem.onSearchEventEventDebounceTime)\"\n                        [ngStyle]=\"getStyle(line, formItem, '200px')\">\n                        <div class=\"hd-select-empty\"\n                          *ngIf=\"!(formItem.selectOption?.selectList?.length > 0 || line.get(formItem.selectOption.selectListName)?.value?.length > 0)\">\n                          <img\n                            src=\"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNjRweCIgaGVpZ2h0PSI0MXB4IiB2aWV3Qm94PSIwIDAgNjQgNDEiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUyLjUgKDY3NDY5KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDxnIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00NzIuMDAwMDAwLCAtMTMzNS4wMDAwMDApIj4KICAgICAgICAgICAgPGcgIHRyYW5zZm9ybT0idHJhbnNsYXRlKDY0LjAwMDAwMCwgMTExNC4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnICB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0MC4wMDAwMDAsIDc4LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgIDxnICB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzNjguMDAwMDAwLCAxNDQuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxnID4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxlbGxpcHNlICBmaWxsPSIjRjVGNUY1IiBjeD0iMzIiIGN5PSIzMyIgcng9IjMyIiByeT0iNyI+PC9lbGxpcHNlPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPGcgICB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5LjAwMDAwMCwgMC4wMDAwMDApIiBmaWxsLXJ1bGU9Im5vbnplcm8iIHN0cm9rZT0iI0Q5RDlEOSI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTQ2LDEyLjc2MDU2MDQgTDM1Ljg1NDMwNDcsMS4yNTczOTYzMyBDMzUuMzY3NDQxNCwwLjQ3MzgyNjYwNSAzNC42NTU4Nzg5LDAgMzMuOTA2NzYxNywwIEwxMi4wOTMyMzgzLDAgQzExLjM0NDEyMTEsMCAxMC42MzI1NTg2LDAuNDczOTUwMjU1IDEwLjE0NTY5NTMsMS4yNTczOTYzMyBMMi42MTQ3OTcyN2UtMTIsMTIuNzYwNTYwNCBMMCwyMiBMNDYsMjIgTDQ2LDEyLjc2MDU2MDQgWiIgID48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTMyLjYxMzI4MTMsMTUuOTMxNSBDMzIuNjEzMjgxMywxNC4zMjU4NTExIDMzLjYwNjk1MzEsMTMuMDAwMjM0IDM0LjgzOTY5OTIsMTMgTDQ2LDEzIEw0NiwzMS4xMzcxMjc3IEM0NiwzMy4yNTg5NTc0IDQ0LjY3OTM4NjcsMzUgNDMuMDUwNDI5NywzNSBMMi45NDk1NzAzMSwzNSBDMS4zMjA1MjM0NCwzNSAwLDMzLjI1ODg0MDQgMCwzMS4xMzcxMjc3IEwwLDEzIEwxMS4xNjAzMDA4LDEzIEMxMi4zOTMwNDY5LDEzIDEzLjM4NjcxODgsMTQuMzIyODA4NSAxMy4zODY3MTg4LDE1LjkyODQ1NzQgTDEzLjM4NjcxODgsMTUuOTQ5NjM4MyBDMTMuMzg2NzE4OCwxNy41NTUyODcyIDE0LjM5MTcxMDksMTguODUxMTgwOSAxNS42MjQ0NTcsMTguODUxMTgwOSBMMzAuMzc1NTQzLDE4Ljg1MTE4MDkgQzMxLjYwODI4OTEsMTguODUxMTgwOSAzMi42MTMyODEzLDE3LjU0MzM1MTEgMzIuNjEzMjgxMywxNS45Mzc3MDIxIEwzMi42MTMyODEzLDE1LjkzMTUgWiIgIGZpbGw9IiNGQUZBRkEiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+\"\n                            alt=\"empty\">\n                          <p class=\"ant-empty-description\">\u6682\u65E0\u6570\u636E</p>\n                        </div>\n\n                        <nz-option nzCustomContent\n                          *ngFor=\"let selectItem of (formItem.selectOption.selectList || line.get(formItem.selectOption.selectListName).value)\"\n                          [nzValue]=\"selectItem[formItem.selectOption.value]\" [nzLabel]=\"formItem.selectOption.showLabelAndValue ? '['+ selectItem[formItem.selectOption.value] +']' +\n                          selectItem[formItem.selectOption.label] : selectItem[formItem.selectOption.label]\">\n                          <div class=\"hd-option-line\">\n                            <div *ngFor=\"let selectOptionTableColumn of formItem.selectOption.tableColumns\"\n                              [ngStyle]=\"getSelectTableColumnStyle(selectOptionTableColumn)\">\n                              <ng-container *ngIf=\"selectOptionTableColumn.icons;else notPictureTemplate\">\n                                <div class=\"hd-option-icons\">\n                                  <ng-container *ngFor=\"let icon of selectOptionTableColumn.icons\">\n                                    <img *ngIf=\"icon.iconName === 'hd-recommend-star' && selectItem[icon.fieldName]\"\n                                      src=\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAVpJREFUOE+l07FLQkEcB/Dv7713Zg1GQ0SgW9AmTYVp1BRUokZBEI1u/QVBUBD1D0Rt0dQaPYmotXza1tKQzQ1Fk0iDHr5vPEOTUpO88e77+9zvjjtBh8HTOb8e0hu0eN8Xzz22ikonoGzHdgXcAVB16S75U/mbn/m2AK+mglqbBUAGvCIRuVCJ7HLXQCUTPQOxXi8Q4FolnYWuAH0+HaEpjrdxAyC3VSq33xKgPTWiYYUai8IjUCabw4Zw1XWNF2+OZrXoi+cLImBth4odfQAw0elCW6zdKvU2/wVkYs8ggzBlRqrcI/DrrK1wQ7DWAIToV8lsqGxHDwTY6qYbA1jpCVAux3oBSirhDPYCOL6kE/s/QB77UrnNJoDDVkCN6pI+BJH+6xINQdpKOCf1d/AEYBxgUUQC5PcLbPMDXy1lhGXx7r0G6ExklpBwI0xh2w7ID+UzL71iL/MJdzuZdDL/kXcAAAAASUVORK5CYII=\"\n                                      style=\"width: 16px;height: 16px;\">\n                                    <img *ngIf=\"icon.iconName === 'hd-img-star' && selectItem[icon.fieldName]\"\n                                      src=\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAyhJREFUWEe1ll1o1XYYxp8nPUmUihdCV3bAirvYzUC80Xpy3KwTZNR2CdOhDkTBwe6G32XzwqpjE3Qt4pUKZQqDyQZNTp1uY8yCJG0F2d2+LlWOOkShovQkaV45lcJpTdOTHJubBPI+z/Pj//H+/0TGR66uf8sPoz8A/Kstkp38YORxFitmEVU1vm1cBPlp9ZuQXtX0jmfxygQgvxSWBRWlDECvhgrwQFuqLufG4TAtRCaAwCl+IcDXtWEi2KFb7pUFBxCBEpSMMsDWGWEiNzXLe2/BASp2cTuJH+KCRMJ3dGvsrzQQqafAtw0XpBEfIhc00/tswQD8QWM1FP45d4A8V9XJN9k5Nl4vRKoR8G3jMshdyebRPs0cOftaAaRUbAsRrRRRhuczFsF/lPATNQrL3Hr7/nz1lGvvtkwGUSEC8gLkWfMGkAfQMp9J0n8ByhS5J+QDVr+BshBlUu6q3d5v9G3jIcg3GgnJqp2C853iCIB1WU0a1F2iOO2tPnK3CLQ1aJZKLpCfddPrmtoF8uuqZn9iyfcEzVQumYtlQDO9vS8PsprHd4xvAR7I7FuHUIBvdNP9crr0lT7g24U+UNlfh1f6Esrn2ofeuVphbCPyneJuAN+lT0jokZCduum9cobM2Qn9krEGEa6+hi36jEC3aro34vASW3FoG9si8sdGRoKCY6rlnpjLIxGgYhunSPY0AiAiP+mW93EmAN8ujoJobwgAuKOb7orUAHKjY1EwHjwFkGsEoKpVJ6WVH3n/p1oDwVBhk0TK742GV/UKYOZMt5QKoGIbX5E8mgwg4wCbADQn1c1uPvP2gWqB7xjDADck7OwBVan0QFFyQaj2A9wxV60A13XT7Uw1Ar5TlDiBQP6hRHs0a3Ss9n8wuK4jYtN5Em/H6B5ppht7r4jvhEOFtYiUGQEAnhDoV033ZNJwB45xRAS9IBfX1qnhRD7uhhQLENiFQ0Ll9LSBCM7olnu43gUpTjEfiPSB3D6tUQRbcpZ7bbZHLEBYKnRFogxV505rmjzIrtG/6w2fMS0l430RHAVoULBZtdybdQFkCcuqSXUtzxqSpHsBfmUdgJhaiDQAAAAASUVORK5CYII=\"\n                                      style=\"width: 16px;height: 16px;\">\n                                    <span *ngIf=\"icon.iconName === 'hd-select-close' && selectItem[icon.fieldName]\"\n                                      class=\"hd-select-close\">\n                                      \u7981\u7528\n                                    </span>\n                                    <span *ngIf=\"icon.iconName === 'hd-select-purchase' && selectItem[icon.fieldName]\"\n                                      class=\"hd-select-purchase\">\n                                      \u534F\n                                    </span>\n                                  </ng-container>\n                                </div>\n                              </ng-container>\n                              <ng-template #notPictureTemplate>\n                                <ng-container\n                                  *ngIf=\"!isTextOverflow(selectOptionTableColumn.render ? selectOptionTableColumn.render(selectItem) : selectItem[selectOptionTableColumn.name], selectOptionTableColumn.width);else overflowTemplate\">\n                                  <div>{{\n                                    judgeColEmpty(selectOptionTableColumn.render ?\n                                    selectOptionTableColumn.render(selectItem) :\n                                    selectItem[selectOptionTableColumn.name])\n                                    }}\n                                  </div>\n                                </ng-container>\n                                <ng-template #overflowTemplate>\n                                  <div class=\"hd-option-overflow\" nz-tooltip\n                                    [nzTooltipTitle]=\"selectOptionTableColumn.render ? selectOptionTableColumn.render(selectItem) : selectItem[selectOptionTableColumn.name]\">\n                                    {{\n                                    judgeColEmpty(selectOptionTableColumn.render ?\n                                    selectOptionTableColumn.render(selectItem) :\n                                    selectItem[selectOptionTableColumn.name])\n                                    }}\n                                  </div>\n                                </ng-template>\n                              </ng-template>\n                            </div>\n                          </div>\n                        </nz-option>\n                        <nz-option\n                          *ngIf=\"formItem.selectOption.label && line.get(formItem.name) && line.get(formItem.selectOption.label)?.value && line.get(formItem.selectOption.value)?.value\"\n                          [nzLabel]=\"(formItem.selectOption.value === 'code' || formItem.selectOption.value === 'productCode' || formItem.selectOption.hdShowItemCode) ? ('['+ line.get(formItem.selectOption.value).value + ']' + line.get(formItem.selectOption.label).value) : line.get(formItem.selectOption.label).value\"\n                          [nzValue]=\"line.get(formItem.selectOption.value).value\" nzHide></nz-option>\n                      </nz-select>\n                      <ng-template #nomarlSelectTemplate>\n                        <nz-select #formInputDom (focusin)=\"setActiveDomInFormLines(dataIndex , innerIndex)\"\n                          [nzShowSearch]=\"formItem.selectOption.hdShowSearch != null ? formItem.selectOption.hdShowSearch : true\"\n                          [nzAllowClear]=\"formItem.selectOption.hdAllowClear != null ? formItem.selectOption.hdAllowClear : true\"\n                          [nzServerSearch]=\"formItem.selectOption.hdServerSearch || false\"\n                          [nzDropdownMatchSelectWidth]=\"formItem.selectOption.hdDropdownMatchSelectWidth ? formItem.selectOption.hdDropdownMatchSelectWidth : false\"\n                          [nzPlaceHolder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u9009\u62E9' + formItem.label\"\n                          [formControlName]=\"formItem.name\"\n                          (nzOpenChange)=\"onOpenChangeEvent(formItem.onOpenChangeEvent || null, $event, line, formItem.onOpenChangeEventDebounceTime)\"\n                          (nzOnSearch)=\"onSearchEvent(formItem.onSearchEvent || null, $event, line, formItem.onSearchEventEventDebounceTime)\"\n                          [ngStyle]=\"getStyle(line, formItem, '200px')\">\n                          <nz-option\n                            *ngFor=\"let selectItem of (formItem.selectOption.selectList || line.get(formItem.selectOption.selectListName).value)\"\n                            [nzValue]=\"selectItem[formItem.selectOption.value]\" [nzLabel]=\"formItem.selectOption.showLabelAndValue ? '['+ selectItem[formItem.selectOption.value] +']' +\n                          selectItem[formItem.selectOption.label] : selectItem[formItem.selectOption.label]\">\n                          </nz-option>\n                          <nz-option\n                            *ngIf=\"formItem.selectOption.label && line.get(formItem.name) && line.get(formItem.selectOption.label)?.value && line.get(formItem.selectOption.value)?.value\"\n                            [nzLabel]=\"(formItem.selectOption.value === 'code' || formItem.selectOption.value === 'productCode' || formItem.selectOption.hdShowItemCode) ? ('['+ line.get(formItem.selectOption.value).value + ']' + line.get(formItem.selectOption.label).value) : line.get(formItem.selectOption.label).value\"\n                            [nzValue]=\"line.get(formItem.selectOption.value).value\" nzHide></nz-option>\n                        </nz-select>\n                      </ng-template>\n\n                    </ng-container>\n                    <ng-container *ngSwitchCase=\"'Date'\">\n                      <nz-date-picker #formInputDom (click)=\"setActiveDomInFormLines(dataIndex , innerIndex)\"\n                        (focusin)=\"setActiveDomInFormLines(dataIndex , innerIndex)\" *ngIf=\"formItem.showTime\"\n                        [ngStyle]=\"getStyle(line, formItem, '150px')\"\n                        [nzPlaceHolder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u9009\u62E9' + formItem.label\"\n                        [formControlName]=\"formItem.name\" [nzDisabledDate]=\"formItem.hdDisabledDate\"\n                        [nzShowToday]=\"formItem.hdShowToday !== false\" nzShowTime\n                        nzFormat=\"yyyy-MM-dd HH:mm:ss\">\n                      </nz-date-picker>\n                      <nz-date-picker #formInputDom *ngIf=\"!formItem.showTime\"\n                        [ngStyle]=\"getStyle(line, formItem, '150px')\"\n                        (click)=\"setActiveDomInFormLines(dataIndex , innerIndex)\"\n                        (focusin)=\"setActiveDomInFormLines(dataIndex , innerIndex)\"\n                        [nzPlaceHolder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u9009\u62E9' + formItem.label\"\n                        [formControlName]=\"formItem.name\" [nzDisabledDate]=\"formItem.hdDisabledDate\"\n                        [nzShowToday]=\"formItem.hdShowToday !== false\">\n                      </nz-date-picker>\n                      <div *ngIf=\"formItem?.explainOptionRight?.show\"\n                        [style.color]=\"formItem?.explainOptionRight?.color ? formItem.explainOptionRight.color : null\">\n                        &nbsp;&nbsp;{{ line.get(formItem.explainOptionRight.name).value }}\n                      </div>\n                    </ng-container>\n                    <ng-container *ngSwitchCase=\"'DateRange'\">\n                      <nz-range-picker #formInputDom [ngStyle]=\"getStyle(line, formItem, '200px')\"\n                        (click)=\"setActiveDomInFormLines(dataIndex , innerIndex)\"\n                        (focusin)=\"setActiveDomInFormLines(dataIndex , innerIndex)\"\n                        [nzDisabledDate]=\"formItem.hdDisabledDate\" [nzPlaceHolder]=\"['\u5F00\u59CB\u65E5\u671F','\u7ED3\u675F\u65E5\u671F']\"\n                        [formControlName]=\"formItem.name\">\n                      </nz-range-picker>\n                    </ng-container>\n                    <ng-container *ngSwitchCase=\"'TextArea'\">\n                      <textarea #formInputDom (click)=\"setActiveDomInFormLines(dataIndex , innerIndex)\"\n                        (focusin)=\"setActiveDomInFormLines(dataIndex , innerIndex)\"\n                        [ngStyle]=\"{'color': formItem?.colorOption?.name ? line.get(formItem.colorOption.name).value : null}\"\n                        [placeholder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u8F93\u5165' + formItem.label\"\n                        [maxlength]=\"formItem.maxLength || null\" rows=\"4\" nz-input\n                        [maxlength]=\"formItem.maxLength || null\" [formControlName]=\"formItem.name\"></textarea>\n                    </ng-container>\n                    <ng-container *ngSwitchCase=\"'InputNumber'\">\n                      <div style=\"display: flex;align-items: center;\"\n                        (focusin)=\"setActiveDomInFormLines(dataIndex , innerIndex)\">\n                        <nz-input-number #formInputDom [ngStyle]=\"getStyle(line, formItem, '100px')\"\n                          [maxlength]=\"formItem.maxLength || null\" [formControlName]=\"formItem.name\"\n                          [nzMin]=\"formItem?.inputNumber?.min || 0\" [nzMax]=\"formItem?.inputNumber?.max || 99999999\"\n                          [nzStep]=\"formItem?.inputNumber?.step || 1\"\n                          [nzPrecision]=\"formItem?.inputNumber?.precision != null ? formItem.inputNumber.precision : 2\"\n                          [nzPlaceHolder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u8F93\u5165' + formItem.label\"\n                          [nzId]=\"'inputNumber-' + formItem.name + line.get('lineIndex').value\"\n                          (click)=\"formItem.isSelect ? selectValue('#inputNumber-' + formItem.name + line.get('lineIndex').value, dataIndex , innerIndex) : setActiveDomInFormLines(dataIndex , innerIndex)\">\n                        </nz-input-number>\n                        <div *ngIf=\"formItem?.explainOptionRight?.show\"\n                          [style.color]=\"formItem?.explainOptionRight?.color ? formItem.explainOptionRight.color : null\">\n                          &nbsp;&nbsp;{{ line.get(formItem.explainOptionRight.name).value }}\n                        </div>\n                      </div>\n                    </ng-container>\n                    <ng-container *ngSwitchCase=\"'MultipleSelect'\">\n                      <nz-select #formInputDom (click)=\"setActiveDomInFormLines(dataIndex , innerIndex)\"\n                        (focusin)=\"setActiveDomInFormLines(dataIndex , innerIndex)\" nzMode=\"multiple\"\n                        [nzServerSearch]=\"formItem.selectOption.hdServerSearch || false\"\n                        [nzDropdownMatchSelectWidth]=\"formItem.selectOption.hdDropdownMatchSelectWidth ? formItem.selectOption.hdDropdownMatchSelectWidth : false\"\n                        [nzShowSearch]=\"formItem.selectOption.hdShowSearch != null ? formItem.selectOption.hdShowSearch : true\"\n                        [nzAllowClear]=\"formItem.selectOption.hdAllowClear != null ? formItem.selectOption.hdAllowClear : true\"\n                        [nzPlaceHolder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u9009\u62E9' + formItem.label\"\n                        [formControlName]=\"formItem.name\" [ngStyle]=\"getStyle(line, formItem, '200px')\"\n                        (nzOpenChange)=\"onOpenChangeEvent(formItem.onOpenChangeEvent || null, $event, line, formItem.onOpenChangeEventDebounceTime)\"\n                        (nzOnSearch)=\"onSearchEvent(formItem.onSearchEvent || null, $event, line, formItem.onSearchEventEventDebounceTime)\">\n                        <nz-option *ngFor=\"let selectItem of formItem.selectOption.selectList\"\n                          [nzValue]=\"selectItem[formItem.selectOption.value]\" [nzLabel]=\"formItem.selectOption.showLabelAndValue ? '['+ selectItem[formItem.selectOption.value] +']' +\n                        selectItem[formItem.selectOption.label] : selectItem[formItem.selectOption.label]\"></nz-option>\n                        <ng-container\n                          *ngIf=\"formItem.selectOption.label && line.get(formItem.name) && line.get(formItem.selectOption.label)?.value && line.get(formItem.selectOption.value)?.value\">\n                          <nz-option *ngFor=\"let option of line.get(formItem.selectOption.value).value;index as i\"\n                            [nzLabel]=\"line.get(formItem.selectOption.label).value[i]\" [nzValue]=\"option\" nzHide>\n                          </nz-option>\n                        </ng-container>\n                      </nz-select>\n                    </ng-container>\n                    <ng-container *ngSwitchCase=\"'ViewDom'\">\n                      <span *ngIf=\"!formItem?.hideViewDomValue\">\n                        {{\n                        (formItem.preserveNumber && line.get(formItem.name).value) ?\n                        LodashRound(line.get(formItem.name).value,\n                        formItem.preserveNumber).toFixed(formItem.preserveNumber)\n                        : line.get(formItem.name).value\n                        }}\n                      </span>\n                      <ng-container\n                        *ngTemplateOutlet=\"ViewDomRightTemplate;context:{formItem: formItem, formLine: line}\"></ng-container>\n                    </ng-container>\n                    <ng-container *ngSwitchCase=\"'Switch'\">\n                      <nz-switch (click)=\"setActiveDomInFormLines(dataIndex , innerIndex)\"\n                        [formControlName]=\"formItem.name\"></nz-switch>\n                    </ng-container>\n                    <ng-container *ngSwitchCase=\"'Time'\">\n                      <nz-time-picker #formInputDom [ngStyle]=\"getStyle(line, formItem, '200px')\"\n                        (click)=\"setActiveDomInFormLines(dataIndex , innerIndex)\"\n                        (focusin)=\"setActiveDomInFormLines(dataIndex , innerIndex)\"\n                        [formControlName]=\"formItem.name\"></nz-time-picker>\n                    </ng-container>\n                  </ng-container>\n                </nz-form-control>\n              </nz-form-item>\n              <div *ngIf=\"formItem?.explainOption?.show\"\n                [style.color]=\"formItem?.explainOption?.color ? formItem.explainOption.color : null\">\n                {{ line.get(formItem.explainOption.name).value }}\n              </div>\n            </td>\n          </ng-container>\n          <td [style.width.px]=\"operateColWidth\" nzRight=\"0\">\n            <span class=\"common-btn-group\">\n              <a *ngIf=\"operateButtons.includes('add')\" (click)=\"addFormLine(line.get('lineIndex').value)\">\u6DFB\u52A0</a>\n              <a *ngIf=\"operateButtons.includes('copy')\" (click)=\"copyFormLine(line.get('lineIndex').value)\">\u590D\u5236</a>\n              <a class=\"common-danger-btn\" *ngIf=\"operateButtons.includes('delete') && !showDeleteConfirm\"\n                (click)=\"deleteFormLine(line.get('lineIndex').value)\">\u5220\u9664</a>\n              <a class=\"common-danger-btn\" *ngIf=\"operateButtons.includes('delete') && showDeleteConfirm\" nz-popconfirm\n                nzPopconfirmTitle=\"\u786E\u8BA4\u8981\u5220\u9664\u8BE5\u884C\u5417?\" nzPopconfirmPlacement=\"bottom\"\n                (nzOnConfirm)=\"deleteFormLine(line.get('lineIndex').value)\">\u5220\u9664</a>\n            </span>\n          </td>\n        </tr>\n      </ng-container>\n      <!-- \u5408\u8BA1\u533A\u57DF -->\n      <tr *ngIf=\"showTotal\" class=\"hd-table-total\">\n        <td *ngIf=\"showCheckbox\"></td>\n        <td>\u5408\u8BA1</td>\n        <ng-container *ngFor=\"let totalOption of totalOptionList\">\n          <td [nzAlign]=\"totalOption.align ? totalOption.align : 'left'\">{{\n            (totalOption.value || totalOption.value ===\n            0) ? (((totalOption.value % 1 === 0) && !totalOption.showDecimal) ? totalOption.value :\n            LodashRound(totalOption.value, 2).toFixed(2)) : ''\n            }}\n          </td>\n        </ng-container>\n      </tr>\n    </tbody>\n  </nz-table>\n  <nz-list\n    *ngIf=\"linesFormArray.controls.slice((paginationPageIndex - 1) * paginationPageSize, (paginationPageIndex - 1) * paginationPageSize + paginationPageSize).length === 0\"\n    [nzDataSource]=\"[]\"></nz-list>\n  <ng-container>\n    <hd-space background=\"transparent\" type=\"row\" size=\"16\"></hd-space>\n    <div class=\"hd-formLines-pagination\">\n      <div class=\"hd-formLines-pagination-left\">\n        <div *ngIf=\"showKeyboardOperateTip\">\u652F\u6301\u952E\u76D8\u64CD\u4F5C\uFF0C\u4F7F\u7528\n          <i nz-icon nzType=\"up-circle\" nzTheme=\"outline\" style=\"font-size: 16px;margin-left: 4px;\"></i>\n          <i nz-icon nzType=\"down-circle\" nzTheme=\"outline\" style=\"font-size: 16px;margin-left: 4px;\"></i>\n          <i nz-icon nzType=\"left-circle\" nzTheme=\"outline\" style=\"font-size: 16px;margin-left: 4px;\"></i>\n          <i nz-icon nzType=\"right-circle\" nzTheme=\"outline\" style=\"font-size: 16px;margin-left: 4px;\"></i>\n          <span style=\"font-size: 14px;margin-left: 4px;font-weight: bolder;\">Enter</span>\n          \u952E\u5207\u6362\u8868\u5355\u9879\n        </div>\n      </div>\n      <nz-pagination [nzSize]=\"'small'\" style=\"text-align: right;\" [nzPageIndex]=\"paginationPageIndex\"\n        [nzPageSize]=\"paginationPageSize\" [nzPageSizeOptions]=\"[10, 20, 30, 40, 50]\"\n        [nzTotal]=\"linesFormArray.controls.length\" nzShowSizeChanger (nzPageIndexChange)=\"pageIndexChange($event)\"\n        (nzPageSizeChange)=\"pageSizeChange($event)\" [nzShowTotal]=\"totalTemplate\"></nz-pagination>\n      <ng-template #totalTemplate let-total>\u5171 {{ linesFormArray.controls.length }} \u6761\u6570\u636E</ng-template>\n    </div>\n\n  </ng-container>\n</form>\n",
+                        template: "<ng-container *ngIf=\"showForm && showToolbar\">\n  <hd-button-group class=\"hd-formLines-toolbar\">\n    <ng-template #buttonGroupLeft>\n      <!-- \u6709\u5168\u5C40\u641C\u7D22\uFF1A\u5DE6\u4FA7\u653E\u641C\u7D22\u6846 -->\n      <ng-container *ngIf=\"showSearch\">\n        <nz-input-group [nzSuffix]=\"suffixIconSearch\">\n          <input type=\"text\" nz-input (keyup.enter)=\"searchLines()\" placeholder=\"\u8BF7\u8F93\u5165\u5185\u5BB9\u641C\u7D22\" style=\"width: 300px;\"\n            [(ngModel)]=\"filterStr\" />\n        </nz-input-group>\n        <ng-template #suffixIconSearch>\n          <i nz-icon nzType=\"search\" (click)=\"searchLines()\"></i>\n        </ng-template>\n      </ng-container>\n      <!-- \u65E0\u5168\u5C40\u641C\u7D22\uFF1A\u5DE6\u4FA7\u653E\u81EA\u5B9A\u4E49\u6309\u94AE -->\n      <ng-container *ngIf=\"!showSearch\">\n        <ng-container *ngTemplateOutlet=\"formLinesLeftButton\"></ng-container>\n      </ng-container>\n    </ng-template>\n    <ng-template #buttonGroupRight>\n      <!-- \u6709\u5168\u5C40\u641C\u7D22\uFF1A\u53F3\u4FA7\u8303\u56F4\u518D\u5DE6\u53F3\u5206\u5F00 -->\n      <div class=\"hd-formLines-toolbar-right\" *ngIf=\"showSearch\">\n        <div class=\"hd-formLines-toolbar-right-left\">\n          <ng-container *ngTemplateOutlet=\"formLinesLeftButton\"></ng-container>\n        </div>\n        <div class=\"hd-formLines-toolbar-right-right\">\n          <ng-container *ngTemplateOutlet=\"formLinesRightButton\"></ng-container>\n        </div>\n      </div>\n      <!-- \u65E0\u5168\u5C40\u641C\u7D22\uFF1A\u53F3\u4FA7\u53EA\u653E\u81EA\u5B9A\u4E49\u53F3\u4FA7\u6309\u94AE -->\n      <ng-container *ngIf=\"!showSearch\">\n        <ng-container *ngTemplateOutlet=\"formLinesRightButton\"></ng-container>\n      </ng-container>\n    </ng-template>\n  </hd-button-group>\n  <hd-space background=\"transparent\" type=\"row\" size=\"12\"></hd-space>\n</ng-container>\n\n<!-- \u52FE\u9009\u63D0\u793A\uFF1A\u5355\u72EC\u4E00\u884C\uFF0C\u653E\u5728\u8868\u5355\u4E0A\u65B9 -->\n<ng-container *ngIf=\"showForm && showCheckbox && getSelectedCount() > 0\">\n  <nz-alert nzType=\"info\" [nzMessage]=\"selectionAlertTemplate\" nzShowIcon></nz-alert>\n  <hd-space background=\"transparent\" type=\"row\" size=\"12\"></hd-space>\n</ng-container>\n<ng-template #selectionAlertTemplate>\n  <span>\u5DF2\u9009\u62E9{{ getSelectedCount() }}\u6761\u6570\u636E</span>&nbsp;&nbsp;\n  <span class=\"common-btn-group\">\n    <a (click)=\"clearSelection()\">\u6E05\u7A7A</a>\n  </span>\n</ng-template>\n\n<!-- <hd-button type=\"primary\" (clickAction)=\"focusDom(0, 0)\">\u805A\u7126\u7B2C\u4E00\u4E2A</hd-button> -->\n\n<form *ngIf=\"showForm\" nz-form [formGroup]=\"validateHdFormLines\" class=\"ant-advanced-search-form hd-formLines-container\"\n  (keydown)=\"onKeyDown($event)\">\n  <nz-table nzTemplateMode [nzFrontPagination]=\"false\" [nzLoading]=\"tableLoading\" [nzScroll]=\"scroll\"\n    [nzPageSizeOptions]=\"[ 10, 50, 100, 200 ]\">\n    <thead>\n      <tr>\n        <th nzWidth=\"40px\" nzLeft=\"0px\" *ngIf=\"showCheckbox\">\n          <label nz-checkbox\n            [ngModel]=\"isAllChecked()\"\n            [nzIndeterminate]=\"isIndeterminate()\"\n            [ngModelOptions]=\"{standalone: true}\"\n            (ngModelChange)=\"onAllChecked($event)\"></label>\n        </th>\n        <th nzWidth=\"58px\" [nzLeft]=\"lineNumberLeft\" *ngIf=\"showLineNumber\">\u5E8F\u53F7</th>\n        <ng-container *ngFor=\"let item of formLines\">\n          <th *ngIf=\"!item.hide\" [nzAlign]=\"item.align ? item.align : 'left'\">\n            <span *ngIf=\"item.require\" style=\"color: red;\">*</span>{{ item.label }}\n          </th>\n        </ng-container>\n        <th [style.width.px]=\"operateColWidth\" nzRight=\"0\">\u64CD\u4F5C</th>\n      </tr>\n    </thead>\n    <tbody>\n      <ng-container\n        *ngFor=\"let line of linesFormArray.controls.slice((paginationPageIndex - 1) * paginationPageSize, (paginationPageIndex - 1) * paginationPageSize + paginationPageSize);index as dataIndex\"\n        formArrayName=\"lines\">\n        <tr [formGroup]=\"line\">\n          <td nzWidth=\"40px\" nzLeft=\"0px\" *ngIf=\"showCheckbox\">\n            <label nz-checkbox\n              [ngModel]=\"isLineChecked(line)\"\n              [ngModelOptions]=\"{standalone: true}\"\n              (ngModelChange)=\"onLineCheckedChange(line, $event)\"></label>\n          </td>\n          <td nzWidth=\"58px\" [nzLeft]=\"lineNumberLeft\" *ngIf=\"showLineNumber\">\n            {{ line.get('lineIndex').value }}\n          </td>\n          <ng-container *ngFor=\"let formItem of formLines; index as innerIndex\">\n            <td *ngIf=\"!formItem.hide\" [nzAlign]=\"formItem.align ? formItem.align : 'left'\">\n              <nz-form-item>\n                <nz-form-control\n                  [nzValidateStatus]=\"getControlValidateStatus(line, formItem)\"\n                  [nzErrorTip]=\"formItem.label + '\u4E0D\u80FD\u4E3A\u7A7A'\">\n                  <ng-container [ngSwitch]=\"formItem.type\">\n                    <ng-container *ngSwitchCase=\"'Input'\">\n                      <nz-input-group [nzSuffix]=\"inputCleanTemplate\"\n                        (focusin)=\"setActiveDomInFormLines(dataIndex , innerIndex)\">\n                        <input #formInputDom (click)=\"setActiveDomInFormLines(dataIndex , innerIndex)\"\n                          [ngStyle]=\"getStyle(line, formItem, '100px')\" nz-input\n                          [ngStyle]=\"{'color': formItem?.colorOption?.name ? line.get(formItem.colorOption.name ).value : null}\"\n                          [id]=\"'input-' + formItem.name + line.get('lineIndex').value\"\n                          (click)=\"formItem.isSelect ? selectValue('#input-' + formItem.name + line.get('lineIndex').value, dataIndex , innerIndex) : null\"\n                          (input)=\"limitInputLength($event, line, formItem)\"\n                          [placeholder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u8F93\u5165' + formItem.label\"\n                          [formControlName]=\"formItem.name\" />\n                      </nz-input-group>\n                      <ng-template #inputCleanTemplate>\n                        <i nz-icon nz-tooltip class=\"ant-input-clear-icon\" nzTheme=\"fill\" nzType=\"close-circle\"\n                          *ngIf=\"line.get(formItem.name).value && !line.get(formItem.name).disabled\"\n                          (click)=\"inputClean(formItem ,line)\"></i>\n                      </ng-template>\n                    </ng-container>\n                    <ng-container *ngSwitchCase=\"'Select'\">\n                      <nz-select #formInputDom (focusin)=\"setActiveDomInFormLines(dataIndex , innerIndex)\"\n                        nzDropdownClassName=\"hd-select-table\"\n                        *ngIf=\"formItem.selectOption.tableColumns;else nomarlSelectTemplate\"\n                        [nzShowSearch]=\"formItem.selectOption.hdShowSearch != null ? formItem.selectOption.hdShowSearch : true\"\n                        [nzAllowClear]=\"formItem.selectOption.hdAllowClear != null ? formItem.selectOption.hdAllowClear : true\"\n                        [nzServerSearch]=\"formItem.selectOption.hdServerSearch || false\"\n                        [nzDropdownMatchSelectWidth]=\"formItem.selectOption.hdDropdownMatchSelectWidth ? formItem.selectOption.hdDropdownMatchSelectWidth : false\"\n                        [nzPlaceHolder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u9009\u62E9' + formItem.label\"\n                        [formControlName]=\"formItem.name\"\n                        (nzOpenChange)=\"onOpenChangeEvent(formItem.onOpenChangeEvent || null, $event, line, formItem.onOpenChangeEventDebounceTime)\"\n                        (nzOnSearch)=\"onSearchEvent(formItem.onSearchEvent || null, $event, line, formItem.onSearchEventEventDebounceTime)\"\n                        [ngStyle]=\"getStyle(line, formItem, '200px')\">\n                        <div class=\"hd-select-empty\"\n                          *ngIf=\"!(formItem.selectOption?.selectList?.length > 0 || line.get(formItem.selectOption.selectListName)?.value?.length > 0)\">\n                          <img\n                            src=\"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNjRweCIgaGVpZ2h0PSI0MXB4IiB2aWV3Qm94PSIwIDAgNjQgNDEiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUyLjUgKDY3NDY5KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDxnIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00NzIuMDAwMDAwLCAtMTMzNS4wMDAwMDApIj4KICAgICAgICAgICAgPGcgIHRyYW5zZm9ybT0idHJhbnNsYXRlKDY0LjAwMDAwMCwgMTExNC4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnICB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0MC4wMDAwMDAsIDc4LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgIDxnICB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzNjguMDAwMDAwLCAxNDQuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxnID4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxlbGxpcHNlICBmaWxsPSIjRjVGNUY1IiBjeD0iMzIiIGN5PSIzMyIgcng9IjMyIiByeT0iNyI+PC9lbGxpcHNlPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPGcgICB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5LjAwMDAwMCwgMC4wMDAwMDApIiBmaWxsLXJ1bGU9Im5vbnplcm8iIHN0cm9rZT0iI0Q5RDlEOSI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTQ2LDEyLjc2MDU2MDQgTDM1Ljg1NDMwNDcsMS4yNTczOTYzMyBDMzUuMzY3NDQxNCwwLjQ3MzgyNjYwNSAzNC42NTU4Nzg5LDAgMzMuOTA2NzYxNywwIEwxMi4wOTMyMzgzLDAgQzExLjM0NDEyMTEsMCAxMC42MzI1NTg2LDAuNDczOTUwMjU1IDEwLjE0NTY5NTMsMS4yNTczOTYzMyBMMi42MTQ3OTcyN2UtMTIsMTIuNzYwNTYwNCBMMCwyMiBMNDYsMjIgTDQ2LDEyLjc2MDU2MDQgWiIgID48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTMyLjYxMzI4MTMsMTUuOTMxNSBDMzIuNjEzMjgxMywxNC4zMjU4NTExIDMzLjYwNjk1MzEsMTMuMDAwMjM0IDM0LjgzOTY5OTIsMTMgTDQ2LDEzIEw0NiwzMS4xMzcxMjc3IEM0NiwzMy4yNTg5NTc0IDQ0LjY3OTM4NjcsMzUgNDMuMDUwNDI5NywzNSBMMi45NDk1NzAzMSwzNSBDMS4zMjA1MjM0NCwzNSAwLDMzLjI1ODg0MDQgMCwzMS4xMzcxMjc3IEwwLDEzIEwxMS4xNjAzMDA4LDEzIEMxMi4zOTMwNDY5LDEzIDEzLjM4NjcxODgsMTQuMzIyODA4NSAxMy4zODY3MTg4LDE1LjkyODQ1NzQgTDEzLjM4NjcxODgsMTUuOTQ5NjM4MyBDMTMuMzg2NzE4OCwxNy41NTUyODcyIDE0LjM5MTcxMDksMTguODUxMTgwOSAxNS42MjQ0NTcsMTguODUxMTgwOSBMMzAuMzc1NTQzLDE4Ljg1MTE4MDkgQzMxLjYwODI4OTEsMTguODUxMTgwOSAzMi42MTMyODEzLDE3LjU0MzM1MTEgMzIuNjEzMjgxMywxNS45Mzc3MDIxIEwzMi42MTMyODEzLDE1LjkzMTUgWiIgIGZpbGw9IiNGQUZBRkEiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+\"\n                            alt=\"empty\">\n                          <p class=\"ant-empty-description\">\u6682\u65E0\u6570\u636E</p>\n                        </div>\n\n                        <nz-option nzCustomContent\n                          *ngFor=\"let selectItem of (formItem.selectOption.selectList || line.get(formItem.selectOption.selectListName).value)\"\n                          [nzValue]=\"selectItem[formItem.selectOption.value]\" [nzLabel]=\"formItem.selectOption.showLabelAndValue ? '['+ selectItem[formItem.selectOption.value] +']' +\n                          selectItem[formItem.selectOption.label] : selectItem[formItem.selectOption.label]\">\n                          <div class=\"hd-option-line\">\n                            <div *ngFor=\"let selectOptionTableColumn of formItem.selectOption.tableColumns\"\n                              [ngStyle]=\"getSelectTableColumnStyle(selectOptionTableColumn)\">\n                              <ng-container *ngIf=\"selectOptionTableColumn.icons;else notPictureTemplate\">\n                                <div class=\"hd-option-icons\">\n                                  <ng-container *ngFor=\"let icon of selectOptionTableColumn.icons\">\n                                    <img *ngIf=\"icon.iconName === 'hd-recommend-star' && selectItem[icon.fieldName]\"\n                                      src=\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAVpJREFUOE+l07FLQkEcB/Dv7713Zg1GQ0SgW9AmTYVp1BRUokZBEI1u/QVBUBD1D0Rt0dQaPYmotXza1tKQzQ1Fk0iDHr5vPEOTUpO88e77+9zvjjtBh8HTOb8e0hu0eN8Xzz22ikonoGzHdgXcAVB16S75U/mbn/m2AK+mglqbBUAGvCIRuVCJ7HLXQCUTPQOxXi8Q4FolnYWuAH0+HaEpjrdxAyC3VSq33xKgPTWiYYUai8IjUCabw4Zw1XWNF2+OZrXoi+cLImBth4odfQAw0elCW6zdKvU2/wVkYs8ggzBlRqrcI/DrrK1wQ7DWAIToV8lsqGxHDwTY6qYbA1jpCVAux3oBSirhDPYCOL6kE/s/QB77UrnNJoDDVkCN6pI+BJH+6xINQdpKOCf1d/AEYBxgUUQC5PcLbPMDXy1lhGXx7r0G6ExklpBwI0xh2w7ID+UzL71iL/MJdzuZdDL/kXcAAAAASUVORK5CYII=\"\n                                      style=\"width: 16px;height: 16px;\">\n                                    <img *ngIf=\"icon.iconName === 'hd-img-star' && selectItem[icon.fieldName]\"\n                                      src=\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAyhJREFUWEe1ll1o1XYYxp8nPUmUihdCV3bAirvYzUC80Xpy3KwTZNR2CdOhDkTBwe6G32XzwqpjE3Qt4pUKZQqDyQZNTp1uY8yCJG0F2d2+LlWOOkShovQkaV45lcJpTdOTHJubBPI+z/Pj//H+/0TGR66uf8sPoz8A/Kstkp38YORxFitmEVU1vm1cBPlp9ZuQXtX0jmfxygQgvxSWBRWlDECvhgrwQFuqLufG4TAtRCaAwCl+IcDXtWEi2KFb7pUFBxCBEpSMMsDWGWEiNzXLe2/BASp2cTuJH+KCRMJ3dGvsrzQQqafAtw0XpBEfIhc00/tswQD8QWM1FP45d4A8V9XJN9k5Nl4vRKoR8G3jMshdyebRPs0cOftaAaRUbAsRrRRRhuczFsF/lPATNQrL3Hr7/nz1lGvvtkwGUSEC8gLkWfMGkAfQMp9J0n8ByhS5J+QDVr+BshBlUu6q3d5v9G3jIcg3GgnJqp2C853iCIB1WU0a1F2iOO2tPnK3CLQ1aJZKLpCfddPrmtoF8uuqZn9iyfcEzVQumYtlQDO9vS8PsprHd4xvAR7I7FuHUIBvdNP9crr0lT7g24U+UNlfh1f6Esrn2ofeuVphbCPyneJuAN+lT0jokZCduum9cobM2Qn9krEGEa6+hi36jEC3aro34vASW3FoG9si8sdGRoKCY6rlnpjLIxGgYhunSPY0AiAiP+mW93EmAN8ujoJobwgAuKOb7orUAHKjY1EwHjwFkGsEoKpVJ6WVH3n/p1oDwVBhk0TK742GV/UKYOZMt5QKoGIbX5E8mgwg4wCbADQn1c1uPvP2gWqB7xjDADck7OwBVan0QFFyQaj2A9wxV60A13XT7Uw1Ar5TlDiBQP6hRHs0a3Ss9n8wuK4jYtN5Em/H6B5ppht7r4jvhEOFtYiUGQEAnhDoV033ZNJwB45xRAS9IBfX1qnhRD7uhhQLENiFQ0Ll9LSBCM7olnu43gUpTjEfiPSB3D6tUQRbcpZ7bbZHLEBYKnRFogxV505rmjzIrtG/6w2fMS0l430RHAVoULBZtdybdQFkCcuqSXUtzxqSpHsBfmUdgJhaiDQAAAAASUVORK5CYII=\"\n                                      style=\"width: 16px;height: 16px;\">\n                                    <span *ngIf=\"icon.iconName === 'hd-select-close' && selectItem[icon.fieldName]\"\n                                      class=\"hd-select-close\">\n                                      \u7981\u7528\n                                    </span>\n                                    <span *ngIf=\"icon.iconName === 'hd-select-purchase' && selectItem[icon.fieldName]\"\n                                      class=\"hd-select-purchase\">\n                                      \u534F\n                                    </span>\n                                  </ng-container>\n                                </div>\n                              </ng-container>\n                              <ng-template #notPictureTemplate>\n                                <ng-container\n                                  *ngIf=\"!isTextOverflow(selectOptionTableColumn.render ? selectOptionTableColumn.render(selectItem) : selectItem[selectOptionTableColumn.name], selectOptionTableColumn.width);else overflowTemplate\">\n                                  <div>{{\n                                    judgeColEmpty(selectOptionTableColumn.render ?\n                                    selectOptionTableColumn.render(selectItem) :\n                                    selectItem[selectOptionTableColumn.name])\n                                    }}\n                                  </div>\n                                </ng-container>\n                                <ng-template #overflowTemplate>\n                                  <div class=\"hd-option-overflow\" nz-tooltip\n                                    [nzTooltipTitle]=\"selectOptionTableColumn.render ? selectOptionTableColumn.render(selectItem) : selectItem[selectOptionTableColumn.name]\">\n                                    {{\n                                    judgeColEmpty(selectOptionTableColumn.render ?\n                                    selectOptionTableColumn.render(selectItem) :\n                                    selectItem[selectOptionTableColumn.name])\n                                    }}\n                                  </div>\n                                </ng-template>\n                              </ng-template>\n                            </div>\n                          </div>\n                        </nz-option>\n                        <nz-option\n                          *ngIf=\"formItem.selectOption.label && line.get(formItem.name) && line.get(formItem.selectOption.label)?.value && line.get(formItem.selectOption.value)?.value\"\n                          [nzLabel]=\"(formItem.selectOption.value === 'code' || formItem.selectOption.value === 'productCode' || formItem.selectOption.hdShowItemCode) ? ('['+ line.get(formItem.selectOption.value).value + ']' + line.get(formItem.selectOption.label).value) : line.get(formItem.selectOption.label).value\"\n                          [nzValue]=\"line.get(formItem.selectOption.value).value\" nzHide></nz-option>\n                      </nz-select>\n                      <ng-template #nomarlSelectTemplate>\n                        <nz-select #formInputDom (focusin)=\"setActiveDomInFormLines(dataIndex , innerIndex)\"\n                          [nzShowSearch]=\"formItem.selectOption.hdShowSearch != null ? formItem.selectOption.hdShowSearch : true\"\n                          [nzAllowClear]=\"formItem.selectOption.hdAllowClear != null ? formItem.selectOption.hdAllowClear : true\"\n                          [nzServerSearch]=\"formItem.selectOption.hdServerSearch || false\"\n                          [nzDropdownMatchSelectWidth]=\"formItem.selectOption.hdDropdownMatchSelectWidth ? formItem.selectOption.hdDropdownMatchSelectWidth : false\"\n                          [nzPlaceHolder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u9009\u62E9' + formItem.label\"\n                          [formControlName]=\"formItem.name\"\n                          (nzOpenChange)=\"onOpenChangeEvent(formItem.onOpenChangeEvent || null, $event, line, formItem.onOpenChangeEventDebounceTime)\"\n                          (nzOnSearch)=\"onSearchEvent(formItem.onSearchEvent || null, $event, line, formItem.onSearchEventEventDebounceTime)\"\n                          [ngStyle]=\"getStyle(line, formItem, '200px')\">\n                          <nz-option\n                            *ngFor=\"let selectItem of (formItem.selectOption.selectList || line.get(formItem.selectOption.selectListName).value)\"\n                            [nzValue]=\"selectItem[formItem.selectOption.value]\" [nzLabel]=\"formItem.selectOption.showLabelAndValue ? '['+ selectItem[formItem.selectOption.value] +']' +\n                          selectItem[formItem.selectOption.label] : selectItem[formItem.selectOption.label]\">\n                          </nz-option>\n                          <nz-option\n                            *ngIf=\"formItem.selectOption.label && line.get(formItem.name) && line.get(formItem.selectOption.label)?.value && line.get(formItem.selectOption.value)?.value\"\n                            [nzLabel]=\"(formItem.selectOption.value === 'code' || formItem.selectOption.value === 'productCode' || formItem.selectOption.hdShowItemCode) ? ('['+ line.get(formItem.selectOption.value).value + ']' + line.get(formItem.selectOption.label).value) : line.get(formItem.selectOption.label).value\"\n                            [nzValue]=\"line.get(formItem.selectOption.value).value\" nzHide></nz-option>\n                        </nz-select>\n                      </ng-template>\n\n                    </ng-container>\n                    <ng-container *ngSwitchCase=\"'Date'\">\n                      <nz-date-picker #formInputDom (click)=\"setActiveDomInFormLines(dataIndex , innerIndex)\"\n                        (focusin)=\"setActiveDomInFormLines(dataIndex , innerIndex)\" *ngIf=\"formItem.showTime\"\n                        [ngStyle]=\"getStyle(line, formItem, '150px')\"\n                        [nzPlaceHolder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u9009\u62E9' + formItem.label\"\n                        [formControlName]=\"formItem.name\" [nzDisabledDate]=\"formItem.hdDisabledDate\"\n                        [nzShowToday]=\"formItem.hdShowToday !== false\" nzShowTime\n                        nzFormat=\"yyyy-MM-dd HH:mm:ss\">\n                      </nz-date-picker>\n                      <nz-date-picker #formInputDom *ngIf=\"!formItem.showTime\"\n                        [ngStyle]=\"getStyle(line, formItem, '150px')\"\n                        (click)=\"setActiveDomInFormLines(dataIndex , innerIndex)\"\n                        (focusin)=\"setActiveDomInFormLines(dataIndex , innerIndex)\"\n                        [nzPlaceHolder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u9009\u62E9' + formItem.label\"\n                        [formControlName]=\"formItem.name\" [nzDisabledDate]=\"formItem.hdDisabledDate\"\n                        [nzShowToday]=\"formItem.hdShowToday !== false\">\n                      </nz-date-picker>\n                      <div *ngIf=\"formItem?.explainOptionRight?.show\"\n                        [style.color]=\"formItem?.explainOptionRight?.color ? formItem.explainOptionRight.color : null\">\n                        &nbsp;&nbsp;{{ line.get(formItem.explainOptionRight.name).value }}\n                      </div>\n                    </ng-container>\n                    <ng-container *ngSwitchCase=\"'DateRange'\">\n                      <nz-range-picker #formInputDom [ngStyle]=\"getStyle(line, formItem, '200px')\"\n                        (click)=\"setActiveDomInFormLines(dataIndex , innerIndex)\"\n                        (focusin)=\"setActiveDomInFormLines(dataIndex , innerIndex)\"\n                        [nzDisabledDate]=\"formItem.hdDisabledDate\" [nzPlaceHolder]=\"['\u5F00\u59CB\u65E5\u671F','\u7ED3\u675F\u65E5\u671F']\"\n                        [formControlName]=\"formItem.name\">\n                      </nz-range-picker>\n                    </ng-container>\n                    <ng-container *ngSwitchCase=\"'TextArea'\">\n                      <textarea #formInputDom (click)=\"setActiveDomInFormLines(dataIndex , innerIndex)\"\n                        (focusin)=\"setActiveDomInFormLines(dataIndex , innerIndex)\"\n                        [ngStyle]=\"{'color': formItem?.colorOption?.name ? line.get(formItem.colorOption.name).value : null}\"\n                        [placeholder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u8F93\u5165' + formItem.label\"\n                        [maxlength]=\"formItem.maxLength || null\" rows=\"4\" nz-input\n                        [maxlength]=\"formItem.maxLength || null\" [formControlName]=\"formItem.name\"></textarea>\n                    </ng-container>\n                    <ng-container *ngSwitchCase=\"'InputNumber'\">\n                      <div style=\"display: flex;align-items: center;\"\n                        (focusin)=\"setActiveDomInFormLines(dataIndex , innerIndex)\">\n                        <nz-input-number #formInputDom [ngStyle]=\"getStyle(line, formItem, '100px')\"\n                          [maxlength]=\"formItem.maxLength || null\" [formControlName]=\"formItem.name\"\n                          [nzMin]=\"formItem?.inputNumber?.min || 0\" [nzMax]=\"formItem?.inputNumber?.max || 99999999\"\n                          [nzStep]=\"formItem?.inputNumber?.step || 1\"\n                          [nzPrecision]=\"formItem?.inputNumber?.precision != null ? formItem.inputNumber.precision : 2\"\n                          [nzPlaceHolder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u8F93\u5165' + formItem.label\"\n                          [nzId]=\"'inputNumber-' + formItem.name + line.get('lineIndex').value\"\n                          (click)=\"formItem.isSelect ? selectValue('#inputNumber-' + formItem.name + line.get('lineIndex').value, dataIndex , innerIndex) : setActiveDomInFormLines(dataIndex , innerIndex)\">\n                        </nz-input-number>\n                        <div *ngIf=\"formItem?.explainOptionRight?.show\"\n                          [style.color]=\"formItem?.explainOptionRight?.color ? formItem.explainOptionRight.color : null\">\n                          &nbsp;&nbsp;{{ line.get(formItem.explainOptionRight.name).value }}\n                        </div>\n                      </div>\n                    </ng-container>\n                    <ng-container *ngSwitchCase=\"'MultipleSelect'\">\n                      <nz-select #formInputDom (click)=\"setActiveDomInFormLines(dataIndex , innerIndex)\"\n                        (focusin)=\"setActiveDomInFormLines(dataIndex , innerIndex)\" nzMode=\"multiple\"\n                        [nzServerSearch]=\"formItem.selectOption.hdServerSearch || false\"\n                        [nzDropdownMatchSelectWidth]=\"formItem.selectOption.hdDropdownMatchSelectWidth ? formItem.selectOption.hdDropdownMatchSelectWidth : false\"\n                        [nzShowSearch]=\"formItem.selectOption.hdShowSearch != null ? formItem.selectOption.hdShowSearch : true\"\n                        [nzAllowClear]=\"formItem.selectOption.hdAllowClear != null ? formItem.selectOption.hdAllowClear : true\"\n                        [nzPlaceHolder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u9009\u62E9' + formItem.label\"\n                        [formControlName]=\"formItem.name\" [ngStyle]=\"getStyle(line, formItem, '200px')\"\n                        (nzOpenChange)=\"onOpenChangeEvent(formItem.onOpenChangeEvent || null, $event, line, formItem.onOpenChangeEventDebounceTime)\"\n                        (nzOnSearch)=\"onSearchEvent(formItem.onSearchEvent || null, $event, line, formItem.onSearchEventEventDebounceTime)\">\n                        <nz-option *ngFor=\"let selectItem of formItem.selectOption.selectList\"\n                          [nzValue]=\"selectItem[formItem.selectOption.value]\" [nzLabel]=\"formItem.selectOption.showLabelAndValue ? '['+ selectItem[formItem.selectOption.value] +']' +\n                        selectItem[formItem.selectOption.label] : selectItem[formItem.selectOption.label]\"></nz-option>\n                        <ng-container\n                          *ngIf=\"formItem.selectOption.label && line.get(formItem.name) && line.get(formItem.selectOption.label)?.value && line.get(formItem.selectOption.value)?.value\">\n                          <nz-option *ngFor=\"let option of line.get(formItem.selectOption.value).value;index as i\"\n                            [nzLabel]=\"line.get(formItem.selectOption.label).value[i]\" [nzValue]=\"option\" nzHide>\n                          </nz-option>\n                        </ng-container>\n                      </nz-select>\n                    </ng-container>\n                    <ng-container *ngSwitchCase=\"'ViewDom'\">\n                      <span *ngIf=\"!formItem?.hideViewDomValue\">\n                        {{\n                        (formItem.preserveNumber && line.get(formItem.name).value) ?\n                        LodashRound(line.get(formItem.name).value,\n                        formItem.preserveNumber).toFixed(formItem.preserveNumber)\n                        : line.get(formItem.name).value\n                        }}\n                      </span>\n                      <ng-container\n                        *ngTemplateOutlet=\"ViewDomRightTemplate;context:{formItem: formItem, formLine: line}\"></ng-container>\n                    </ng-container>\n                    <ng-container *ngSwitchCase=\"'Switch'\">\n                      <nz-switch (click)=\"setActiveDomInFormLines(dataIndex , innerIndex)\"\n                        [formControlName]=\"formItem.name\"></nz-switch>\n                    </ng-container>\n                    <ng-container *ngSwitchCase=\"'Time'\">\n                      <nz-time-picker #formInputDom [ngStyle]=\"getStyle(line, formItem, '200px')\"\n                        (click)=\"setActiveDomInFormLines(dataIndex , innerIndex)\"\n                        (focusin)=\"setActiveDomInFormLines(dataIndex , innerIndex)\"\n                        [formControlName]=\"formItem.name\"></nz-time-picker>\n                    </ng-container>\n                  </ng-container>\n                </nz-form-control>\n              </nz-form-item>\n              <div *ngIf=\"formItem?.explainOption?.show\"\n                [style.color]=\"formItem?.explainOption?.color ? formItem.explainOption.color : null\">\n                {{ line.get(formItem.explainOption.name).value }}\n              </div>\n            </td>\n          </ng-container>\n          <td [style.width.px]=\"operateColWidth\" nzRight=\"0\">\n            <span class=\"common-btn-group\">\n              <a *ngIf=\"operateButtons.includes('add')\" (click)=\"addFormLine(line)\">\u6DFB\u52A0</a>\n              <a *ngIf=\"operateButtons.includes('copy')\" (click)=\"copyFormLine(line)\">\u590D\u5236</a>\n              <a class=\"common-danger-btn\" *ngIf=\"operateButtons.includes('delete') && !showDeleteConfirm\"\n                (click)=\"deleteFormLine(line)\">\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)\">\u5220\u9664</a>\n            </span>\n          </td>\n        </tr>\n      </ng-container>\n      <!-- \u5408\u8BA1\u533A\u57DF -->\n      <tr *ngIf=\"showTotal\" class=\"hd-table-total\">\n        <td *ngIf=\"showCheckbox\"></td>\n        <td>\u5408\u8BA1</td>\n        <ng-container *ngFor=\"let totalOption of totalOptionList\">\n          <td [nzAlign]=\"totalOption.align ? totalOption.align : 'left'\">{{\n            (totalOption.value || totalOption.value ===\n            0) ? (((totalOption.value % 1 === 0) && !totalOption.showDecimal) ? totalOption.value :\n            LodashRound(totalOption.value, 2).toFixed(2)) : ''\n            }}\n          </td>\n        </ng-container>\n      </tr>\n    </tbody>\n  </nz-table>\n  <nz-list\n    *ngIf=\"linesFormArray.controls.slice((paginationPageIndex - 1) * paginationPageSize, (paginationPageIndex - 1) * paginationPageSize + paginationPageSize).length === 0\"\n    [nzDataSource]=\"[]\"></nz-list>\n  <ng-container>\n    <hd-space background=\"transparent\" type=\"row\" size=\"16\"></hd-space>\n    <div class=\"hd-formLines-pagination\">\n      <div class=\"hd-formLines-pagination-left\">\n        <div *ngIf=\"showKeyboardOperateTip\">\u652F\u6301\u952E\u76D8\u64CD\u4F5C\uFF0C\u4F7F\u7528\n          <i nz-icon nzType=\"up-circle\" nzTheme=\"outline\" style=\"font-size: 16px;margin-left: 4px;\"></i>\n          <i nz-icon nzType=\"down-circle\" nzTheme=\"outline\" style=\"font-size: 16px;margin-left: 4px;\"></i>\n          <i nz-icon nzType=\"left-circle\" nzTheme=\"outline\" style=\"font-size: 16px;margin-left: 4px;\"></i>\n          <i nz-icon nzType=\"right-circle\" nzTheme=\"outline\" style=\"font-size: 16px;margin-left: 4px;\"></i>\n          <span style=\"font-size: 14px;margin-left: 4px;font-weight: bolder;\">Enter</span>\n          \u952E\u5207\u6362\u8868\u5355\u9879\n        </div>\n      </div>\n      <nz-pagination [nzSize]=\"'small'\" style=\"text-align: right;\" [nzPageIndex]=\"paginationPageIndex\"\n        [nzPageSize]=\"paginationPageSize\" [nzPageSizeOptions]=\"[10, 20, 30, 40, 50]\"\n        [nzTotal]=\"linesFormArray.controls.length\" nzShowSizeChanger (nzPageIndexChange)=\"pageIndexChange($event)\"\n        (nzPageSizeChange)=\"pageSizeChange($event)\" [nzShowTotal]=\"totalTemplate\"></nz-pagination>\n      <ng-template #totalTemplate let-total>\u5171 {{ linesFormArray.controls.length }} \u6761\u6570\u636E</ng-template>\n    </div>\n\n  </ng-container>\n</form>\n",
                         styles: ["::ng-deep .common-btn-group>a{font-size:14px;font-weight:400;color:#20b95d!important;white-space:nowrap}::ng-deep .common-btn-group .common-danger-btn:hover{color:#f05b24!important}::ng-deep .common-btn-group>a:hover{color:#20bd62!important}::ng-deep .common-btn-group>a:not(:last-child)::after{content:'';margin:0 2px}::ng-deep .common-billNumber>a{color:#3b77e3}button{box-shadow:unset;text-shadow:unset}::ng-deep .ant-form-item-label>label{color:#4b504e;font-size:14px}::ng-deep .ant-input-number-input{height:32px}::ng-deep .ant-input-number{height:32px}textarea.ant-input{height:auto;min-height:32px}::ng-deep .ant-select-selection--multiple{min-height:32px}::ng-deep .ant-select-selection__rendered>ul>li{height:26px!important;margin-top:3px!important;line-height:26px!important}::ng-deep .ant-advanced-search-form .ant-form-item{margin-bottom:0!important}::ng-deep .ant-select-selection--single{height:32px!important}::ng-deep .ant-input{height:32px}::ng-deep .ant-input[disabled]:hover{border-color:#d9d9d9!important}::ng-deep .ant-select-selection__rendered{line-height:32px!important}::ng-deep .ant-calendar-range-picker-input{text-align:left!important}::ng-deep .ant-calendar-picker{width:100%!important}::ng-deep .ant-row{margin-right:0!important;margin-left:0!important}::ng-deep .ant-col-6{padding-left:12px;padding-right:12px}::ng-deep .ant-col-12{padding-left:12px;padding-right:12px}::ng-deep .ant-col-18{padding-left:12px;padding-right:12px}::ng-deep .ant-col-24{padding-left:12px;padding-right:12px}::ng-deep .ant-alert-info{background-color:#f5f8f6;border:1px solid #cfe3d4}:host ::ng-deep th{background:#f5f8f6!important;font-weight:700!important;white-space:nowrap;font-size:14px;font-family:PingFangSC-Medium,PingFang SC;color:#2a3634;padding:8px!important;box-sizing:border-box}:host ::ng-deep td{font-weight:400;font-style:normal;font-size:14px;color:#2a3634;text-align:left;white-space:nowrap;padding:8px!important;box-sizing:border-box}::ng-deep .ant-pagination-options{display:inline-flex;align-items:center}::ng-deep .ant-time-picker{width:100%}.ant-input-number-disabled,.ant-input[disabled],.ant-select-disabled{color:#4b504e}.hd-formLines-toolbar{display:block}.hd-formLines-toolbar ::ng-deep .hd-button-group-right{flex:1;min-width:0;display:flex;justify-content:flex-end}.hd-formLines-toolbar-right{display:flex;align-items:center;justify-content:space-between;width:100%;margin-left:16px}.hd-formLines-toolbar-right-left,.hd-formLines-toolbar-right-right{display:flex;align-items:center}.hd-formLines-container ::ng-deep td{padding:4px 8px!important}.hd-formLines-container .ant-table-tbody>tr>td,.hd-formLines-container ::ng-deep .ant-table-thead>tr>th{padding:16px 8px}.hd-formLines-container ::ng-deep .hd-table-total>td{border:0!important}.hd-formLines-container ::ng-deep .ant-form-item{margin-bottom:0}.hd-formLines-container .ant-input-number{width:100%}::ng-deep .hd-select-table .ant-select-dropdown-menu-item-disabled{background:#f5f8f6!important;border-bottom:1px solid #e8e8e8;position:-webkit-sticky;position:sticky;top:0;z-index:10;padding:0}::ng-deep .hd-select-table .ant-select-dropdown-menu-item-disabled:hover{background:#f5f8f6!important}::ng-deep .hd-option-header{display:flex;align-items:center;color:rgba(0,0,0,.85);background:#f5f8f6}::ng-deep .hd-option-header-column{padding:5px 0}.hd-option-line{display:flex;align-items:center}.hd-option-overflow{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.hd-select-empty{display:flex;align-items:center;flex-direction:column;padding:20px 0;background:#fff}::ng-deep .ant-empty-small{background:#fff!important;padding:8px 0;margin:0}.hd-formLines-pagination{display:flex;align-items:center;justify-content:space-between}.hd-formLines-pagination .hd-formLines-pagination-left{margin-left:10px;display:flex;align-items:center}.hd-option-icons{display:flex;align-items:center}.hd-select-close{display:block;height:16px;line-height:14px;text-align:center;padding:0 4px;border:1px solid #f5222d;color:#f5222d;font-size:14px}.hd-select-purchase{display:block;height:16px;line-height:14px;text-align:center;padding:0 4px;border:1px solid #20bd62;color:#20bd62;font-size:14px}"]
                     }] }
         ];
@@ -5247,8 +5315,7 @@
         Time: 9,
         Cascader: 10,
         Radio: 11,
-        Checkbox: 12 // 复选框
-        ,
+        Checkbox: 12,
     };
     FormListType[FormListType.Input] = 'Input';
     FormListType[FormListType.Select] = 'Select';
@@ -5268,7 +5335,7 @@
         }
         HdFormService.decorators = [
             { type: core.Injectable, args: [{
-                        providedIn: 'root'
+                        providedIn: "root",
                     },] }
         ];
         /** @nocollapse */
@@ -5301,7 +5368,9 @@
              * @return {?}
              */
             function (value) { return value; });
-            this.searchSubscription = this.searchSubject.pipe(operators.debounceTime(this.debounceTimeout)).subscribe((/**
+            this.searchSubscription = this.searchSubject
+                .pipe(operators.debounceTime(this.debounceTimeout))
+                .subscribe((/**
              * @param {?} __0
              * @return {?}
              */
@@ -5309,7 +5378,9 @@
                 var fn = _a.fn, event = _a.event;
                 return _this.triggerEvent(fn, event);
             }));
-            this.openChangeSubscription = this.openChangeSubject.pipe(operators.debounceTime(this.openChangeDebounceTimeout)).subscribe((/**
+            this.openChangeSubscription = this.openChangeSubject
+                .pipe(operators.debounceTime(this.openChangeDebounceTimeout))
+                .subscribe((/**
              * @param {?} __0
              * @return {?}
              */
@@ -5342,7 +5413,9 @@
          * @return {?}
          */
         function (changes) {
-            if (changes['formList'] && JSON.stringify(changes['formList'].currentValue) !== JSON.stringify(changes['formList'].previousValue)) {
+            if (changes["formList"] &&
+                JSON.stringify(changes["formList"].currentValue) !==
+                    JSON.stringify(changes["formList"].previousValue)) {
                 if (!this.formList || this.formList.length === 0) {
                     return;
                 }
@@ -5366,14 +5439,15 @@
             if (!fn) {
                 return;
             }
-            // 父组件未配置时默认 500ms 防抖
             /** @type {?} */
-            var debounceMs = onSearchEventDebounceTime != null ? onSearchEventDebounceTime : 500;
+            var debounceMs = onSearchEventDebounceTime != null ? onSearchEventDebounceTime : 0;
             this.debounceTimeout = debounceMs;
             if (this.searchSubscription) {
                 this.searchSubscription.unsubscribe();
             }
-            this.searchSubscription = this.searchSubject.pipe(operators.debounceTime(this.debounceTimeout)).subscribe((/**
+            this.searchSubscription = this.searchSubject
+                .pipe(operators.debounceTime(this.debounceTimeout))
+                .subscribe((/**
              * @param {?} __0
              * @return {?}
              */
@@ -5400,14 +5474,17 @@
             if (!fn) {
                 return;
             }
-            // 父组件未配置时默认 500ms 防抖
             /** @type {?} */
-            var debounceMs = onOpenChangeEventDebounceTime != null ? onOpenChangeEventDebounceTime : 500;
+            var debounceMs = onOpenChangeEventDebounceTime != null
+                ? onOpenChangeEventDebounceTime
+                : 0;
             this.openChangeDebounceTimeout = debounceMs;
             if (this.openChangeSubscription) {
                 this.openChangeSubscription.unsubscribe();
             }
-            this.openChangeSubscription = this.openChangeSubject.pipe(operators.debounceTime(this.openChangeDebounceTimeout)).subscribe((/**
+            this.openChangeSubscription = this.openChangeSubject
+                .pipe(operators.debounceTime(this.openChangeDebounceTimeout))
+                .subscribe((/**
              * @param {?} __0
              * @return {?}
              */
@@ -5446,7 +5523,7 @@
             var _this = this;
             // 异常捕获
             if (!this.checkList(this.formList)) {
-                throw 'form组件数据格式不规范';
+                throw "form组件数据格式不规范";
             }
             // 对表单数据做初始化，用row隔离每行数据item
             this.dealRow();
@@ -5461,17 +5538,26 @@
             function (item, index) {
                 // 日期相关的控件做特殊处理
                 if (item.type === 2 && item.value) {
-                    var _a = __read(item.value.toString().split('-').map((/**
+                    var _a = __read(item.value
+                        .toString()
+                        .split("-")
+                        .map((/**
                      * @param {?} str
                      * @return {?}
                      */
                     function (str) { return parseInt(str); })), 3), year = _a[0], month = _a[1], day = _a[2];
                     /** @type {?} */
                     var newDateStr = new Date(year, month - 1, day)
-                        .toLocaleDateString('zh-Hans-CN', { year: 'numeric', month: '2-digit', day: '2-digit' })
-                        .replace(/\//g, '-');
+                        .toLocaleDateString("zh-Hans-CN", {
+                        year: "numeric",
+                        month: "2-digit",
+                        day: "2-digit",
+                    })
+                        .replace(/\//g, "-");
                     if (item.validator) {
-                        formGroupList[item.name] = _this.fb.control({ value: new Date(newDateStr), disabled: item.disabled }, item.require && !item.hide ? [forms.Validators.required, item.validator] : []);
+                        formGroupList[item.name] = _this.fb.control({ value: new Date(newDateStr), disabled: item.disabled }, item.require && !item.hide
+                            ? [forms.Validators.required, item.validator]
+                            : []);
                     }
                     else {
                         formGroupList[item.name] = _this.fb.control({ value: new Date(newDateStr), disabled: item.disabled }, item.require && !item.hide ? [forms.Validators.required] : []);
@@ -5486,33 +5572,43 @@
                          * @return {?}
                          */
                         function (item) {
-                            var _a = __read(item.split('-').map((/**
+                            var _a = __read(item
+                                .split("-")
+                                .map((/**
                              * @param {?} str
                              * @return {?}
                              */
                             function (str) { return parseInt(str); })), 3), year = _a[0], month = _a[1], day = _a[2];
                             /** @type {?} */
                             var newDateStr = new Date(year, month - 1, day)
-                                .toLocaleDateString('zh-Hans-CN', { year: 'numeric', month: '2-digit', day: '2-digit' })
-                                .replace(/\//g, '-');
+                                .toLocaleDateString("zh-Hans-CN", {
+                                year: "numeric",
+                                month: "2-digit",
+                                day: "2-digit",
+                            })
+                                .replace(/\//g, "-");
                             item = new Date(newDateStr);
                         }));
                         if (item.validator) {
-                            formGroupList[item.name] = _this.fb.control({ value: formItemDate, disabled: item.disabled }, item.require && !item.hide ? [forms.Validators.required, item.validator] : []);
+                            formGroupList[item.name] = _this.fb.control({ value: formItemDate, disabled: item.disabled }, item.require && !item.hide
+                                ? [forms.Validators.required, item.validator]
+                                : []);
                         }
                         else {
                             formGroupList[item.name] = _this.fb.control({ value: formItemDate, disabled: item.disabled }, item.require && !item.hide ? [forms.Validators.required] : []);
                         }
                     }
                     else {
-                        throw 'form组件中DateRange控件value值格式不规范，正确示例[\'2020-01-22\', \'2020-01-23\']';
+                        throw "form组件中DateRange控件value值格式不规范，正确示例['2020-01-22', '2020-01-23']";
                     }
                 }
                 else if (item.type === FormListType.Checkbox && item.checkboxOption) {
                     /** @type {?} */
                     var checkboxValue = Array.isArray(item.value) ? item.value : [];
                     if (item.validator) {
-                        formGroupList[item.name] = _this.fb.control({ value: checkboxValue, disabled: item.disabled }, item.require && !item.hide ? [forms.Validators.required, item.validator] : []);
+                        formGroupList[item.name] = _this.fb.control({ value: checkboxValue, disabled: item.disabled }, item.require && !item.hide
+                            ? [forms.Validators.required, item.validator]
+                            : []);
                     }
                     else {
                         formGroupList[item.name] = _this.fb.control({ value: checkboxValue, disabled: item.disabled }, item.require && !item.hide ? [forms.Validators.required] : []);
@@ -5522,7 +5618,9 @@
                     /** @type {?} */
                     var checkboxValue = item.value != null ? item.value : false;
                     if (item.validator) {
-                        formGroupList[item.name] = _this.fb.control({ value: checkboxValue, disabled: item.disabled }, item.require && !item.hide ? [forms.Validators.required, item.validator] : []);
+                        formGroupList[item.name] = _this.fb.control({ value: checkboxValue, disabled: item.disabled }, item.require && !item.hide
+                            ? [forms.Validators.required, item.validator]
+                            : []);
                     }
                     else {
                         formGroupList[item.name] = _this.fb.control({ value: checkboxValue, disabled: item.disabled }, item.require && !item.hide ? [forms.Validators.required] : []);
@@ -5530,7 +5628,9 @@
                 }
                 else {
                     if (item.validator) {
-                        formGroupList[item.name] = _this.fb.control({ value: item.value, disabled: item.disabled }, item.require && !item.hide ? [forms.Validators.required, item.validator] : []);
+                        formGroupList[item.name] = _this.fb.control({ value: item.value, disabled: item.disabled }, item.require && !item.hide
+                            ? [forms.Validators.required, item.validator]
+                            : []);
                     }
                     else {
                         formGroupList[item.name] = _this.fb.control({ value: item.value, disabled: item.disabled }, item.require && !item.hide ? [forms.Validators.required] : []);
@@ -5544,11 +5644,13 @@
              */
             function (item) {
                 if (item.onChangeEvent) {
-                    // 父组件未配置时默认 500ms 防抖
                     /** @type {?} */
-                    var debounceMs = item.onChangeEventDebounceTime != null ? item.onChangeEventDebounceTime : 500;
-                    _this.validateHdForm.get(item.name).valueChanges
-                        .pipe(operators.debounceTime(debounceMs))
+                    var debounceMs = item.onChangeEventDebounceTime != null
+                        ? item.onChangeEventDebounceTime
+                        : 0;
+                    _this.validateHdForm
+                        .get(item.name)
+                        .valueChanges.pipe(operators.debounceTime(debounceMs))
                         .subscribe((/**
                      * @param {?} value
                      * @return {?}
@@ -5560,7 +5662,9 @@
              * @param {?} data
              * @return {?}
              */
-            function (data) { return _this.onHdFormValueChanged(data); }));
+            function (data) {
+                return _this.onHdFormValueChanged(data);
+            }));
             this.onHdFormValueChanged();
         };
         /**
@@ -5588,8 +5692,11 @@
                         // 去找到前一个非hide的控件
                         for (var j = i - 1; j >= 0; j--) {
                             if (this.formList[j].totalWidth) {
-                                this.formList[i].totalWidth = this.formList[j].totalWidth + (this.formList[i].width || 1);
-                                if ((this.formList[j].totalWidth + (this.formList[i].width || 1)) > step && this.formList[j].totalWidth <= step) {
+                                this.formList[i].totalWidth =
+                                    this.formList[j].totalWidth + (this.formList[i].width || 1);
+                                if (this.formList[j].totalWidth + (this.formList[i].width || 1) >
+                                    step &&
+                                    this.formList[j].totalWidth <= step) {
                                     step = step + 4;
                                     this.formList[i].isRowFirst = 1;
                                 }
@@ -5612,7 +5719,9 @@
                         if (space === 4 || this.formList[m + n].isRowFirst === 1) {
                             break;
                         }
-                        if (!this.formList[m + n].hide && this.formList[m + n] && this.formList[m + n].isRowFirst === 0) {
+                        if (!this.formList[m + n].hide &&
+                            this.formList[m + n] &&
+                            this.formList[m + n].isRowFirst === 0) {
                             this.formList[m].columnItems.push(this.formList[m + n]);
                             space++;
                         }
@@ -5662,7 +5771,7 @@
             }));
             // 校验name是否重复
             if (__spread(new Set(nameList)).length !== list.length) {
-                throw 'form组件数据格式不规范，存在重复name值!';
+                throw "form组件数据格式不规范，存在重复name值!";
             }
             // ...more check
             return true;
@@ -5767,7 +5876,7 @@
         };
         HdFormComponent.decorators = [
             { type: core.Component, args: [{
-                        selector: 'hd-form',
+                        selector: "hd-form",
                         template: "<form nz-form [formGroup]=\"validateHdForm\" class=\"ant-advanced-search-form hd-formItem-container\">\n  <!-- \u6574\u4F53\u7ED3\u6784 -->\n  <div nz-row [nzGutter]=\"24\">\n    <!-- \u5BF9\u7EC4\u4EF6\u5217\u8868\u5FAA\u73AF\u5904\u7406 -->\n    <ng-container *ngFor=\"let formItem of formList;index as i\">\n      <div nz-row *ngIf=\"formItem.isRowFirst && formItem.isRowFirst === 1\">\n        <div nz-col *ngIf=\"!formItem.hide\" [nzSpan]=\"formItem.width? formItem.width * 6 : 6\">\n          <nz-form-item nzFlex>\n            <nz-form-label class=\"hd-formItem-label\" [nzNoColon]=\"true\">\n              <div class=\"hd-formItem-label-flex\">\n                <span>\n                  <span class=\"hd-formItem-label-require\" *ngIf=\"formItem.require\">*</span>\n                  <span [ngStyle]=\"{'color': formItem?.labelColor ? formItem.labelColor : null}\">{{ formItem.label\n                    }}</span>\n                </span>\n                <ng-container *ngIf=\"formItem.explain\">\n                  <span class=\"hd-formItem-label-explain\">{{ formItem.explain }}</span>\n                </ng-container>\n              </div>\n            </nz-form-label>\n            <nz-form-control class=\"hd-formItem-control\" [nzErrorTip]=\"formItemErrorTpl\">\n              <ng-template #formItemErrorTpl let-control>\n                <ng-container *ngFor=\"let validatorKey of formItem.validatorKeys;index as i\">\n                  <ng-container *ngIf=\"control.hasError(validatorKey.key)\">\n                    {{ validatorKey.label }}\n                  </ng-container>\n                </ng-container>\n                <ng-container *ngIf=\"control.hasError('required')\">\n                  {{ formItem.label + '\u4E0D\u80FD\u4E3A\u7A7A' }}\n                </ng-container>\n              </ng-template>\n              <ng-container [ngSwitch]=\"formItem.type\">\n                <ng-container *ngSwitchCase=\"0\">\n                  <nz-input-group [nzSuffix]=\"inputCleanTemplate\"\n                    [nzPrefix]=\"formItem.prefixIcon ? inputPrefixIconTemplate : formItem.prefix\">\n                    <input nz-input [ngStyle]=\"{'color': formItem?.color ? formItem.color : null}\"\n                      [maxlength]=\"formItem.maxLength || null\"\n                      [placeholder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u8F93\u5165' + formItem.label\"\n                      [formControlName]=\"formItem.name\" />\n                  </nz-input-group>\n                  <ng-template #inputPrefixIconTemplate><i nz-icon [nzType]=\"formItem.prefixIcon\"></i></ng-template>\n                  <ng-template #inputCleanTemplate><i nz-icon nz-tooltip class=\"ant-input-clear-icon\" nzTheme=\"fill\"\n                      nzType=\"close-circle\"\n                      *ngIf=\"validateHdForm.get(formItem.name).value && !formItem.disabled && !validateHdForm.get(formItem.name).disabled\"\n                      (click)=\"inputClean(formItem)\"></i></ng-template>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"1\">\n                  <nz-select\n                    [nzShowSearch]=\"formItem.selectOption.hdShowSearch != null ? formItem.selectOption.hdShowSearch : true\"\n                    [nzAllowClear]=\"formItem.selectOption.hdAllowClear != null ? formItem.selectOption.hdAllowClear : true\"\n                    [nzServerSearch]=\"formItem.selectOption.hdServerSearch || false\"\n                    [nzDropdownMatchSelectWidth]=\"formItem.selectOption.hdDropdownMatchSelectWidth ? formItem.selectOption.hdDropdownMatchSelectWidth : false\"\n                    [nzPlaceHolder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u9009\u62E9' + formItem.label\"\n                    [formControlName]=\"formItem.name\"\n                    (nzOpenChange)=\"onOpenChangeEvent(formItem.onOpenChangeEvent || null, $event, formItem.onOpenChangeEventDebounceTime)\"\n                    (nzOnSearch)=\"onSearchEvent(formItem.onSearchEvent || null, $event, formItem.onSearchEventEventDebounceTime)\">\n                    <nz-option *ngFor=\"let selectItem of formItem.selectOption.selectList\"\n                      [nzValue]=\"selectItem[formItem.selectOption.value]\" [nzLabel]=\"formItem.selectOption.showLabelAndValue ? '['+ selectItem[formItem.selectOption.value] +']' +\n                      selectItem[formItem.selectOption.label] : selectItem[formItem.selectOption.label]\"></nz-option>\n                    <nz-option *ngIf=\"formItem.defaultLabel\" [nzLabel]=\"formItem.defaultLabel\"\n                      [nzValue]=\"formItem.value\" nzHide></nz-option>\n                    <nz-option\n                      *ngIf=\"formItem.selectOption.label && validateHdForm.get(formItem.name) && validateHdForm.get(formItem.selectOption.label)?.value && validateHdForm.get(formItem.selectOption.value)?.value\"\n                      [nzLabel]=\"(formItem.selectOption.showLabelAndValue || formItem.selectOption.hdShowItemCode) ? ('['+ validateHdForm.get(formItem.selectOption.value).value + ']' + validateHdForm.get(formItem.selectOption.label).value) : validateHdForm.get(formItem.selectOption.label).value\"\n                      [nzValue]=\"validateHdForm.get(formItem.selectOption.value).value\" nzHide></nz-option>\n                  </nz-select>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"2\">\n                  <nz-date-picker *ngIf=\"!formItem.showTime\" [nzDisabledDate]=\"formItem.hdDisabledDate\"\n                    [nzShowToday]=\"formItem.hdShowToday !== false\"\n                    [nzPlaceHolder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u9009\u62E9' + formItem.label\"\n                    [formControlName]=\"formItem.name\">\n                  </nz-date-picker>\n                  <nz-date-picker *ngIf=\"formItem.showTime\" [nzDisabledDate]=\"formItem.hdDisabledDate\"\n                    [nzShowToday]=\"formItem.hdShowToday !== false\"\n                    [nzPlaceHolder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u9009\u62E9' + formItem.label\"\n                    [formControlName]=\"formItem.name\" nzShowTime nzFormat=\"yyyy-MM-dd HH:mm:ss\">\n                  </nz-date-picker>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"3\">\n                  <nz-range-picker [nzPlaceHolder]=\"formItem.showTime ? ['\u5F00\u59CB\u65F6\u95F4','\u7ED3\u675F\u65F6\u95F4'] : ['\u5F00\u59CB\u65E5\u671F','\u7ED3\u675F\u65E5\u671F']\"\n                    [nzDisabledDate]=\"formItem.hdDisabledDate\" [formControlName]=\"formItem.name\"\n                    [nzShowTime]=\"formItem.showTime ? true : false\">\n                  </nz-range-picker>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"4\">\n                  <textarea [ngStyle]=\"{'color': formItem?.color ? formItem.color : null}\"\n                    [rows]=\"formItem.textAreaRows ? formItem.textAreaRows : 1\"\n                    [placeholder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u8F93\u5165' + formItem.label\" rows=\"1\"\n                    nz-input [maxlength]=\"formItem.maxLength || null\" [formControlName]=\"formItem.name\"></textarea>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"5\">\n                  <nz-input-number [ngStyle]=\"{'color': formItem?.color ? formItem.color : null}\"\n                    [formControlName]=\"formItem.name\" [nzMin]=\"formItem?.inputNumber?.min || 0\"\n                    [nzMax]=\"formItem?.inputNumber?.max || 99999999\" [nzStep]=\"formItem?.inputNumber?.step || 1\"\n                    [nzPlaceHolder]=\"'\u8BF7\u8F93\u5165' + formItem.label\"\n                    [nzFormatter]=\"formItem?.inputNumber?.nzFormatter || inputNumberDefaultFormatter\"\n                    [nzParser]=\"formItem?.inputNumber?.nzParser || inputNumberDefaultParser\"\n                    [nzPrecision]=\"formItem?.inputNumber?.precision != null ? formItem.inputNumber.precision : 4\">\n                  </nz-input-number>\n                </ng-container>\n                <!-- \u591A\u9879\u9009\u62E9\u5668 -->\n                <ng-container *ngSwitchCase=\"6\">\n                  <nz-select [nzServerSearch]=\"formItem.selectOption.hdServerSearch || false\"\n                    [nzDropdownMatchSelectWidth]=\"formItem.selectOption.hdDropdownMatchSelectWidth ? formItem.selectOption.hdDropdownMatchSelectWidth : false\"\n                    nzMode=\"multiple\"\n                    [nzShowSearch]=\"formItem.selectOption.hdShowSearch != null ? formItem.selectOption.hdShowSearch : true\"\n                    [nzAllowClear]=\"formItem.selectOption.hdAllowClear != null ? formItem.selectOption.hdAllowClear : true\"\n                    [nzPlaceHolder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u9009\u62E9' + formItem.label\"\n                    [formControlName]=\"formItem.name\"\n                    (nzOpenChange)=\"onOpenChangeEvent(formItem.onOpenChangeEvent || null, $event, formItem.onOpenChangeEventDebounceTime)\"\n                    (nzOnSearch)=\"onSearchEvent(formItem.onSearchEvent || null, $event, formItem.onSearchEventEventDebounceTime)\">\n                    <nz-option *ngFor=\"let selectItem of formItem.selectOption.selectList\"\n                      [nzValue]=\"selectItem[formItem.selectOption.value]\" [nzLabel]=\"formItem.selectOption.showLabelAndValue ? '['+ selectItem[formItem.selectOption.value] +']' +\n                      selectItem[formItem.selectOption.label] : selectItem[formItem.selectOption.label]\"></nz-option>\n                    <ng-container *ngIf=\"formItem.defaultLabel\">\n                      <nz-option *ngFor=\"let option of formItem.defaultLabel;index as i\" [nzLabel]=\"option\"\n                        [nzValue]=\"formItem.value[i]\" nzHide></nz-option>\n                    </ng-container>\n                    <ng-container\n                      *ngIf=\"formItem.selectOption.label && validateHdForm.get(formItem.name) && validateHdForm.get(formItem.selectOption.label)?.value && validateHdForm.get(formItem.selectOption.value)?.value\">\n                      <nz-option *ngFor=\"let option of validateHdForm.get(formItem.selectOption.value).value;index as i\"\n                        [nzLabel]=\"validateHdForm.get(formItem.selectOption.label).value[i]\" [nzValue]=\"option\" nzHide>\n                      </nz-option>\n                    </ng-container>\n                  </nz-select>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"7\">\n                  <span>{{ formItem.value || validateHdForm.get(formItem.name).value }}</span>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"8\">\n                  <nz-switch [formControlName]=\"formItem.name\"></nz-switch>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"9\">\n                  <nz-time-picker [formControlName]=\"formItem.name\" [nzFormat]=\"formItem.format\"\n                    [nzAllowEmpty]=\"!formItem.disabled\"></nz-time-picker>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"10\">\n                  <nz-cascader [nzOptions]=\"formItem.cascaderOption.options\" [formControlName]=\"formItem.name\"\n                    [nzPlaceHolder]=\"formItem.placeholder ? formItem.placeholder : '\u8BF7\u9009\u62E9' + formItem.label\">\n                  </nz-cascader>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"11\">\n                  <nz-radio-group [formControlName]=\"formItem.name\">\n                    <label nz-radio *ngFor=\"let radioItem of formItem.radioOption.optionList\"\n                      [nzValue]=\"radioItem[formItem.radioOption.value]\">\n                      {{ formItem.radioOption.showLabelAndValue ? '[' + radioItem[formItem.radioOption.value] + ']' +\n                      radioItem[formItem.radioOption.label] : radioItem[formItem.radioOption.label] }}\n                    </label>\n                  </nz-radio-group>\n                </ng-container>\n                <ng-container *ngSwitchCase=\"12\">\n                  <ng-container *ngIf=\"formItem.checkboxOption; else singleCheckboxTpl\">\n                    <label nz-checkbox\n                      *ngFor=\"let checkboxItem of formItem.checkboxOption.optionList\"\n                      [nzDisabled]=\"formItem.disabled || validateHdForm.get(formItem.name).disabled\"\n                      [ngModel]=\"isCheckboxChecked(formItem.name, checkboxItem[formItem.checkboxOption.value])\"\n                      (ngModelChange)=\"onCheckboxItemChange(formItem.name, checkboxItem[formItem.checkboxOption.value], $event)\"\n                      [ngModelOptions]=\"{standalone: true}\">\n                      {{ formItem.checkboxOption.showLabelAndValue\n                        ? '[' + checkboxItem[formItem.checkboxOption.value] + ']' + checkboxItem[formItem.checkboxOption.label]\n                        : checkboxItem[formItem.checkboxOption.label] }}\n                    </label>\n                  </ng-container>\n                  <ng-template #singleCheckboxTpl>\n                    <label nz-checkbox [formControlName]=\"formItem.name\"></label>\n                  </ng-template>\n                </ng-container>\n              </ng-container>\n            </nz-form-control>\n          </nz-form-item>\n        </div>\n        <!-- \u5FAA\u73AF\u6700\u591A\u56DB\u6B21 -->\n        <ng-container *ngFor=\"let columnItem of formItem.columnItems;index as columnItemIndex\">\n          <div nz-col *ngIf=\"!columnItem.hide\" [nzSpan]=\"columnItem.width? columnItem.width * 6 : 6\">\n            <nz-form-item nzFlex>\n              <nz-form-label class=\"hd-formItem-label\" [nzNoColon]=\"true\">\n                <div class=\"hd-formItem-label-flex\">\n                  <span>\n                    <span class=\"hd-formItem-label-require\" *ngIf=\"columnItem.require\">*</span>\n                    <span [ngStyle]=\"{'color': columnItem?.labelColor ? columnItem.labelColor : null}\">{{\n                      columnItem.label }}</span>\n                  </span>\n                  <ng-container *ngIf=\"columnItem.explain\">\n                    <span class=\"hd-formItem-label-explain\">{{ columnItem.explain }}</span>\n                  </ng-container>\n                </div>\n              </nz-form-label>\n              <nz-form-control class=\"hd-formItem-control\" [nzErrorTip]=\"columnItemErrorTpl\">\n                <ng-template #columnItemErrorTpl let-control>\n                  <ng-container *ngFor=\"let validatorKey of columnItem.validatorKeys;index as i\">\n                    <ng-container *ngIf=\"control.hasError(validatorKey.key)\">\n                      {{ validatorKey.label }}\n                    </ng-container>\n                  </ng-container>\n                  <ng-container *ngIf=\"control.hasError('required')\">\n                    {{ columnItem.label + '\u4E0D\u80FD\u4E3A\u7A7A' }}\n                  </ng-container>\n                </ng-template>\n                <ng-container [ngSwitch]=\"columnItem.type\">\n                  <ng-container *ngSwitchCase=\"0\">\n                    <nz-input-group [nzSuffix]=\"inputCleanTemplate\"\n                      [nzPrefix]=\"columnItem.prefixIcon ? inputPrefixIconTemplate : columnItem.prefix\">\n                      <input *ngIf=\"columnItem.disabled === true;else inputTemplate\" nz-input\n                        [ngStyle]=\"{'color': columnItem?.color ? columnItem.color : null}\" [disabled]=\"true\"\n                        [attr.disabled]=\"true\" [maxlength]=\"columnItem.maxLength || null\"\n                        [placeholder]=\"columnItem.placeholder ? columnItem.placeholder : '\u8BF7\u8F93\u5165' + columnItem.label\"\n                        [formControlName]=\"columnItem.name\" />\n                      <ng-template #inputTemplate>\n                        <input nz-input [ngStyle]=\"{'color': columnItem?.color ? formItem.color : null}\"\n                          [maxlength]=\"columnItem.maxLength || null\"\n                          [placeholder]=\"columnItem.placeholder ? columnItem.placeholder : '\u8BF7\u8F93\u5165' + columnItem.label\"\n                          [formControlName]=\"columnItem.name\" />\n                      </ng-template>\n                    </nz-input-group>\n                    <ng-template #inputPrefixIconTemplate><i nz-icon [nzType]=\"columnItem.prefixIcon\"></i></ng-template>\n                    <ng-template #inputCleanTemplate><i nz-icon nz-tooltip class=\"ant-input-clear-icon\" nzTheme=\"fill\"\n                        nzType=\"close-circle\"\n                        *ngIf=\"validateHdForm.get(columnItem.name).value  && !columnItem.disabled && !validateHdForm.get(formItem.name).disabled\"\n                        (click)=\"inputClean(columnItem)\"></i></ng-template>\n                  </ng-container>\n                  <ng-container *ngSwitchCase=\"1\">\n                    <nz-select [nzServerSearch]=\"columnItem.selectOption.hdServerSearch || false\"\n                      [nzDropdownMatchSelectWidth]=\"columnItem.selectOption.hdDropdownMatchSelectWidth ? columnItem.selectOption.hdDropdownMatchSelectWidth : false\"\n                      [nzShowSearch]=\"columnItem.selectOption.hdShowSearch != null ? columnItem.selectOption.hdShowSearch : true\"\n                      [nzAllowClear]=\"columnItem.selectOption.hdAllowClear != null ? columnItem.selectOption.hdAllowClear : true\"\n                      [nzPlaceHolder]=\"columnItem.placeholder ? columnItem.placeholder : '\u8BF7\u9009\u62E9' + columnItem.label\"\n                      [formControlName]=\"columnItem.name\"\n                      (nzOpenChange)=\"onOpenChangeEvent(columnItem.onOpenChangeEvent || null, $event, columnItem.onOpenChangeEventDebounceTime)\"\n                      (nzOnSearch)=\"onSearchEvent(columnItem.onSearchEvent || null, $event, columnItem.onSearchEventEventDebounceTime)\">\n                      <nz-option *ngFor=\"let selectItem of columnItem.selectOption.selectList\"\n                        [nzValue]=\"selectItem[columnItem.selectOption.value]\" [nzLabel]=\"columnItem.selectOption.showLabelAndValue ? '['+ selectItem[columnItem.selectOption.value] +']' +\n                        selectItem[columnItem.selectOption.label] : selectItem[columnItem.selectOption.label]\">\n                      </nz-option>\n                      <nz-option\n                        *ngIf=\"columnItem.selectOption.label && validateHdForm.get(columnItem.name) && validateHdForm.get(columnItem.selectOption.label)?.value && validateHdForm.get(columnItem.selectOption.value)?.value\"\n                        [nzLabel]=\"(columnItem.selectOption.showLabelAndValue || columnItem.selectOption.hdShowItemCode) ? ('['+ validateHdForm.get(columnItem.selectOption.value).value + ']' + validateHdForm.get(columnItem.selectOption.label).value) : validateHdForm.get(columnItem.selectOption.label).value\"\n                        [nzValue]=\"validateHdForm.get(columnItem.selectOption.value).value\" nzHide></nz-option>\n                    </nz-select>\n                  </ng-container>\n                  <ng-container *ngSwitchCase=\"2\">\n                    <nz-date-picker *ngIf=\"columnItem.showTime\" [nzDisabledDate]=\"columnItem.hdDisabledDate\"\n                      [nzShowToday]=\"columnItem.hdShowToday !== false\"\n                      [nzPlaceHolder]=\"columnItem.placeholder ? columnItem.placeholder : '\u8BF7\u9009\u62E9' + columnItem.label\"\n                      [formControlName]=\"columnItem.name\" nzShowTime nzFormat=\"yyyy-MM-dd HH:mm:ss\">\n                    </nz-date-picker>\n                    <nz-date-picker *ngIf=\"!columnItem.showTime\" [nzDisabledDate]=\"columnItem.hdDisabledDate\"\n                      [nzShowToday]=\"columnItem.hdShowToday !== false\"\n                      [nzPlaceHolder]=\"columnItem.placeholder ? columnItem.placeholder : '\u8BF7\u9009\u62E9' + columnItem.label\"\n                      [formControlName]=\"columnItem.name\">\n                    </nz-date-picker>\n                  </ng-container>\n                  <ng-container *ngSwitchCase=\"3\">\n                    <nz-range-picker [nzPlaceHolder]=\"columnItem.showTime ? ['\u5F00\u59CB\u65F6\u95F4','\u7ED3\u675F\u65F6\u95F4'] : ['\u5F00\u59CB\u65E5\u671F','\u7ED3\u675F\u65E5\u671F']\"\n                      [nzDisabledDate]=\"columnItem.hdDisabledDate\" [formControlName]=\"columnItem.name\"\n                      [nzShowTime]=\"columnItem.showTime ? true : false\">\n                    </nz-range-picker>\n                  </ng-container>\n                  <ng-container *ngSwitchCase=\"4\">\n                    <textarea [ngStyle]=\"{'color': columnItem?.color ? columnItem.color : null}\"\n                      [rows]=\"columnItem.textAreaRows ? columnItem.textAreaRows : 1\" rows=\"1\" nz-input\n                      [placeholder]=\"columnItem.placeholder ? columnItem.placeholder : '\u8BF7\u8F93\u5165' + columnItem.label\"\n                      [maxlength]=\"columnItem.maxLength || null\" [formControlName]=\"columnItem.name\"></textarea>\n                  </ng-container>\n                  <ng-container *ngSwitchCase=\"5\">\n                    <nz-input-number [ngStyle]=\"{'color': columnItem?.color ? columnItem.color : null}\"\n                      [formControlName]=\"columnItem.name\" [nzMin]=\"columnItem?.inputNumber?.min || 0\"\n                      [nzMax]=\"columnItem?.inputNumber?.max || 99999999\" [nzStep]=\"columnItem?.inputNumber?.step || 1\"\n                      [nzFormatter]=\"columnItem?.inputNumber?.nzFormatter || inputNumberDefaultFormatter\"\n                      [nzParser]=\"columnItem?.inputNumber?.nzParser || inputNumberDefaultParser\"\n                      [nzPlaceHolder]=\"columnItem.placeholder ? columnItem.placeholder : '\u8BF7\u8F93\u5165' + columnItem.label\"\n                      [nzPrecision]=\"columnItem?.inputNumber?.precision != null ? columnItem.inputNumber.precision : 4\">\n                    </nz-input-number>\n                  </ng-container>\n                  <!-- \u591A\u9879\u9009\u62E9\u5668 -->\n                  <ng-container *ngSwitchCase=\"6\">\n                    <nz-select [nzServerSearch]=\"columnItem.selectOption.hdServerSearch || false\"\n                      [nzDropdownMatchSelectWidth]=\"columnItem.selectOption.hdDropdownMatchSelectWidth ? columnItem.selectOption.hdDropdownMatchSelectWidth : false\"\n                      nzMode=\"multiple\"\n                      [nzShowSearch]=\"columnItem.selectOption.hdShowSearch != null ? columnItem.selectOption.hdShowSearch : true\"\n                      [nzAllowClear]=\"columnItem.selectOption.hdAllowClear != null ? columnItem.selectOption.hdAllowClear : true\"\n                      [nzPlaceHolder]=\"columnItem.placeholder ? columnItem.placeholder : '\u8BF7\u9009\u62E9' + columnItem.label\"\n                      [formControlName]=\"columnItem.name\"\n                      (nzOpenChange)=\"onOpenChangeEvent(columnItem.onOpenChangeEvent || null, $event, columnItem.onOpenChangeEventDebounceTime)\"\n                      (nzOnSearch)=\"onSearchEvent(columnItem.onSearchEvent || null, $event, columnItem.onSearchEventEventDebounceTime)\">\n                      <nz-option *ngFor=\"let selectItem of columnItem.selectOption.selectList\"\n                        [nzValue]=\"selectItem[columnItem.selectOption.value]\" [nzLabel]=\"columnItem.selectOption.showLabelAndValue ? '['+ selectItem[columnItem.selectOption.value] +']' +\n                        selectItem[columnItem.selectOption.label] : selectItem[columnItem.selectOption.label]\">\n                      </nz-option>\n                      <ng-container *ngIf=\"columnItem.defaultLabel\">\n                        <nz-option *ngFor=\"let option of columnItem.defaultLabel;index as i\" [nzLabel]=\"option\"\n                          [nzValue]=\"columnItem.value[i]\" nzHide></nz-option>\n                      </ng-container>\n                      <ng-container\n                        *ngIf=\"columnItem.selectOption.label && validateHdForm.get(columnItem.name) && validateHdForm.get(columnItem.selectOption.label)?.value && validateHdForm.get(columnItem.selectOption.value)?.value\">\n                        <nz-option\n                          *ngFor=\"let option of validateHdForm.get(columnItem.selectOption.value).value;index as i\"\n                          [nzLabel]=\"validateHdForm.get(columnItem.selectOption.label).value[i]\" [nzValue]=\"option\"\n                          nzHide>\n                        </nz-option>\n                      </ng-container>\n                    </nz-select>\n                  </ng-container>\n                  <ng-container *ngSwitchCase=\"7\">\n                    <span>{{ columnItem.value || validateHdForm.get(columnItem.name).value }}</span>\n                  </ng-container>\n                  <ng-container *ngSwitchCase=\"8\">\n                    <nz-switch [formControlName]=\"columnItem.name\"></nz-switch>\n                  </ng-container>\n                  <ng-container *ngSwitchCase=\"9\">\n                    <nz-time-picker [formControlName]=\"columnItem.name\" [nzFormat]=\"columnItem.format\"\n                      [nzAllowEmpty]=\"!columnItem.disabled\"></nz-time-picker>\n                  </ng-container>\n                  <ng-container *ngSwitchCase=\"10\">\n                    <nz-cascader [nzOptions]=\"columnItem.cascaderOption.options\" [formControlName]=\"columnItem.name\"\n                      [nzPlaceHolder]=\"columnItem.placeholder ? columnItem.placeholder : '\u8BF7\u9009\u62E9' + columnItem.label\">\n                    </nz-cascader>\n                  </ng-container>\n                  <ng-container *ngSwitchCase=\"11\">\n                    <nz-radio-group [formControlName]=\"columnItem.name\">\n                      <label nz-radio *ngFor=\"let radioItem of columnItem.radioOption.optionList\"\n                        [nzValue]=\"radioItem[columnItem.radioOption.value]\">\n                        {{ columnItem.radioOption.showLabelAndValue ? '[' + radioItem[columnItem.radioOption.value] + ']' +\n                        radioItem[columnItem.radioOption.label] : radioItem[columnItem.radioOption.label] }}\n                      </label>\n                    </nz-radio-group>\n                  </ng-container>\n                  <ng-container *ngSwitchCase=\"12\">\n                    <ng-container *ngIf=\"columnItem.checkboxOption; else singleColumnCheckboxTpl\">\n                      <label nz-checkbox\n                        *ngFor=\"let checkboxItem of columnItem.checkboxOption.optionList\"\n                        [nzDisabled]=\"columnItem.disabled || validateHdForm.get(columnItem.name).disabled\"\n                        [ngModel]=\"isCheckboxChecked(columnItem.name, checkboxItem[columnItem.checkboxOption.value])\"\n                        (ngModelChange)=\"onCheckboxItemChange(columnItem.name, checkboxItem[columnItem.checkboxOption.value], $event)\"\n                        [ngModelOptions]=\"{standalone: true}\">\n                        {{ columnItem.checkboxOption.showLabelAndValue\n                          ? '[' + checkboxItem[columnItem.checkboxOption.value] + ']' + checkboxItem[columnItem.checkboxOption.label]\n                          : checkboxItem[columnItem.checkboxOption.label] }}\n                      </label>\n                    </ng-container>\n                    <ng-template #singleColumnCheckboxTpl>\n                      <label nz-checkbox [formControlName]=\"columnItem.name\"></label>\n                    </ng-template>\n                  </ng-container>\n                </ng-container>\n              </nz-form-control>\n            </nz-form-item>\n          </div>\n        </ng-container>\n      </div>\n    </ng-container>\n  </div>\n</form>\n",
                         styles: ["::ng-deep .common-btn-group>a{font-size:14px;font-weight:400;color:#20b95d!important;white-space:nowrap}::ng-deep .common-btn-group .common-danger-btn:hover{color:#f05b24!important}::ng-deep .common-btn-group>a:hover{color:#20bd62!important}::ng-deep .common-btn-group>a:not(:last-child)::after{content:'';margin:0 2px}::ng-deep .common-billNumber>a{color:#3b77e3}button{box-shadow:unset;text-shadow:unset}::ng-deep .ant-form-item-label>label{color:#4b504e;font-size:14px}::ng-deep .ant-input-number-input{height:32px}::ng-deep .ant-input-number{height:32px}textarea.ant-input{height:auto;min-height:32px}::ng-deep .ant-select-selection--multiple{min-height:32px}::ng-deep .ant-select-selection__rendered>ul>li{height:26px!important;margin-top:3px!important;line-height:26px!important}::ng-deep .ant-advanced-search-form .ant-form-item{margin-bottom:0!important}::ng-deep .ant-select-selection--single{height:32px!important}::ng-deep .ant-input{height:32px}::ng-deep .ant-input[disabled]:hover{border-color:#d9d9d9!important}::ng-deep .ant-select-selection__rendered{line-height:32px!important}::ng-deep .ant-calendar-range-picker-input{text-align:left!important}::ng-deep .ant-calendar-picker{width:100%!important}::ng-deep .ant-row{margin-right:0!important;margin-left:0!important}::ng-deep .ant-col-6{padding-left:12px;padding-right:12px}::ng-deep .ant-col-12{padding-left:12px;padding-right:12px}::ng-deep .ant-col-18{padding-left:12px;padding-right:12px}::ng-deep .ant-col-24{padding-left:12px;padding-right:12px}::ng-deep .ant-alert-info{background-color:#f5f8f6;border:1px solid #cfe3d4}:host ::ng-deep th{background:#f5f8f6!important;font-weight:700!important;white-space:nowrap;font-size:14px;font-family:PingFangSC-Medium,PingFang SC;color:#2a3634;padding:8px!important;box-sizing:border-box}:host ::ng-deep td{font-weight:400;font-style:normal;font-size:14px;color:#2a3634;text-align:left;white-space:nowrap;padding:8px!important;box-sizing:border-box}::ng-deep .ant-pagination-options{display:inline-flex;align-items:center}::ng-deep .ant-time-picker{width:100%}.ant-input-number-disabled,.ant-input[disabled],.ant-select-disabled{color:#4b504e}.hd-formItem-container .hd-formItem-label{width:124px;word-break:break-all;text-align:right}.hd-formItem-container .hd-formItem-control{width:calc(100% - 124px)}.hd-formItem-container .ant-input-number{width:100%}.hd-formItem-container .hd-formItem-label-flex{display:inline-flex;flex-direction:column}.hd-formItem-container .hd-formItem-label-flex span{display:inline-block}.hd-formItem-container .hd-formItem-label-flex .hd-formItem-label-require{margin-right:4px;color:#f5222d;font-size:14px;font-family:SimSun,sans-serif}.hd-formItem-container .hd-formItem-label-flex .hd-formItem-label-explain{margin-top:-13px;color:#f5222d}.hd-formItem-container textarea{margin-top:8px}.hd-formItem-container ::ng-deep label[nz-checkbox]{margin-right:12px;line-height:32px}"]
                     }] }