fantasy-ngzorro 1.5.23 → 1.5.25

package/bundles/fantasy-ngzorro.umd.js

@@ -826,7 +826,15 @@
             this.listOfAllData = [];
             this.mapOfCheckedId = {};
             this.mapOfCheckList = {};
-            this.storeFormLinesData = []; // 缓存的总的表单数据
+            /**
+             * 表格实际展示的数据（筛选结果或全量）
+             */
+            this.displayLines = [];
+            /**
+             * 是否处于筛选状态
+             */
+            this.isFilterData = false;
+            this.storeFormLinesData = []; // 缓存的总的列表数据
         }
         /**
          * @return {?}
@@ -835,18 +843,80 @@
          * @return {?}
          */
         function () {
-            // 缓存一下总的列表数据
-            this.storeFormLinesData = this.lines;
+            this.syncStoreFromLinesInput();
+            this.applyDisplayFromStore();
             this.countSelected();
             this.calculateTotal();
         };
         /**
+         * @param {?} changes
          * @return {?}
          */
         HdDetailLinesComponent.prototype.ngOnChanges = /**
+         * @param {?} changes
+         * @return {?}
+         */
+        function (changes) {
+            if (changes["lines"]) {
+                if (!this.isFilterData) {
+                    this.syncStoreFromLinesInput();
+                    this.displayLines = this.lines || [];
+                }
+                else if (!this.storeFormLinesData ||
+                    this.storeFormLinesData.length === 0) {
+                    this.syncStoreFromLinesInput();
+                }
+            }
+            this.countSelected();
+            this.calculateTotal();
+        };
+        /**
+         * @private
+         * @param {?=} source
+         * @return {?}
+         */
+        HdDetailLinesComponent.prototype.syncStoreFromLinesInput = /**
+         * @private
+         * @param {?=} source
+         * @return {?}
+         */
+        function (source) {
+            /** @type {?} */
+            var data = source || this.lines;
+            this.storeFormLinesData = data ? JSON.parse(JSON.stringify(data)) : [];
+        };
+        /** 未筛选时与父组件 lines 同源，避免模板内 ngModel 与父数据脱节 */
+        /**
+         * 未筛选时与父组件 lines 同源，避免模板内 ngModel 与父数据脱节
+         * @private
+         * @return {?}
+         */
+        HdDetailLinesComponent.prototype.applyDisplayFromStore = /**
+         * 未筛选时与父组件 lines 同源，避免模板内 ngModel 与父数据脱节
+         * @private
+         * @return {?}
+         */
+        function () {
+            if (this.lines && this.lines.length > 0) {
+                this.displayLines = this.lines;
+                return;
+            }
+            this.displayLines = this.storeFormLinesData
+                ? JSON.parse(JSON.stringify(this.storeFormLinesData))
+                : [];
+        };
+        /**
+         * @private
+         * @return {?}
+         */
+        HdDetailLinesComponent.prototype.restoreFromStore = /**
+         * @private
          * @return {?}
          */
         function () {
+            this.isFilterData = false;
+            this.applyDisplayFromStore();
+            this.tableLoading = false;
             this.countSelected();
             this.calculateTotal();
         };
@@ -862,20 +932,22 @@
          */
         function () {
             var _this = this;
-            if (this.lines.length < 1) {
+            // 清空搜索：即使当前展示为空也要能从缓存恢复（对齐 hd-form-lines）
+            if (!this.filterStr || !this.filterStr.trim()) {
+                if (!this.storeFormLinesData || this.storeFormLinesData.length < 1) {
+                    return;
+                }
+                this.tableLoading = true;
+                this.restoreFromStore();
                 return;
             }
-            this.tableLoading = true;
-            console.log("filterStr", this.filterStr);
-            // 如果没有输入搜索字符串，则显示缓存内的所有数据
-            if (!this.filterStr) {
-                this.lines = this.storeFormLinesData;
-                this.tableLoading = false;
+            if (!this.storeFormLinesData || this.storeFormLinesData.length < 1) {
                 return;
             }
+            this.tableLoading = true;
             /** @type {?} */
             var filterValue = this.filterStr.trim().toLowerCase();
-            // 根据搜索字符串过滤数据
+            this.isFilterData = true;
             /** @type {?} */
             var filteredData = this.storeFormLinesData.filter((/**
              * @param {?} data
@@ -883,10 +955,8 @@
              */
             function (data) {
                 var e_1, _a, e_2, _b;
-                // 如果没有传递搜索字段，则查询所有字段是否有匹配的
                 if (!_this.searchFields || _this.searchFields.length === 0) {
                     try {
-                        // 查询所有字段是否有匹配的
                         for (var _c = __values(Object.keys(data)), _d = _c.next(); !_d.done; _d = _c.next()) {
                             var item = _d.value;
                             if (data[item] &&
@@ -904,28 +974,28 @@
                     }
                     return false;
                 }
-                else {
-                    try {
-                        for (var _e = __values(_this.searchFields), _f = _e.next(); !_f.done; _f = _e.next()) {
-                            var item = _f.value;
-                            if (data[item] &&
-                                data[item].toString().toLowerCase().includes(filterValue)) {
-                                return true;
-                            }
+                try {
+                    for (var _e = __values(_this.searchFields), _f = _e.next(); !_f.done; _f = _e.next()) {
+                        var item = _f.value;
+                        if (data[item] &&
+                            data[item].toString().toLowerCase().includes(filterValue)) {
+                            return true;
                         }
                     }
-                    catch (e_2_1) { e_2 = { error: e_2_1 }; }
-                    finally {
-                        try {
-                            if (_f && !_f.done && (_b = _e.return)) _b.call(_e);
-                        }
-                        finally { if (e_2) throw e_2.error; }
+                }
+                catch (e_2_1) { e_2 = { error: e_2_1 }; }
+                finally {
+                    try {
+                        if (_f && !_f.done && (_b = _e.return)) _b.call(_e);
                     }
-                    return false;
+                    finally { if (e_2) throw e_2.error; }
                 }
+                return false;
             }));
-            this.lines = JSON.parse(JSON.stringify(filteredData));
+            this.displayLines = JSON.parse(JSON.stringify(filteredData));
             this.tableLoading = false;
+            this.countSelected();
+            this.calculateTotal();
         };
         /**
          * @private
@@ -939,9 +1009,9 @@
             var _this = this;
             if (this.showSelected &&
                 this.selectedField &&
-                this.lines &&
-                this.lines.length) {
-                this.lines.forEach((/**
+                this.displayLines &&
+                this.displayLines.length) {
+                this.displayLines.forEach((/**
                  * @param {?} item
                  * @return {?}
                  */
@@ -951,7 +1021,7 @@
                         _this.mapOfCheckList[item[_this.selectField]] = item;
                     }
                 }));
-                if (this.lines.length === Object.keys(this.mapOfCheckList).length) {
+                if (this.displayLines.length === Object.keys(this.mapOfCheckList).length) {
                     this.isAllDisplayDataChecked = true;
                     this.isIndeterminate = true;
                 }
@@ -976,9 +1046,11 @@
          * @return {?}
          */
         function (event) {
-            dragDrop.moveItemInArray(this.lines, event.previousIndex, event.currentIndex);
-            // 这里深拷贝去触发数据变化
-            this.lines = JSON.parse(JSON.stringify(this.lines));
+            dragDrop.moveItemInArray(this.displayLines, event.previousIndex, event.currentIndex);
+            this.displayLines = JSON.parse(JSON.stringify(this.displayLines));
+            if (!this.isFilterData) {
+                this.storeFormLinesData = JSON.parse(JSON.stringify(this.displayLines));
+            }
         };
         /**
          * @return {?}
@@ -989,7 +1061,7 @@
         function () {
             var _this = this;
             // 这里处理合计数据
-            if (this.showTotal && this.lines && this.lines.length) {
+            if (this.showTotal && this.displayLines && this.displayLines.length) {
                 this.totalOptionList = new Array(Number(this.columnsNumber) - 1).fill("");
                 this.totalOption.forEach((/**
                  * @param {?} item
@@ -1104,7 +1176,7 @@
         HdDetailLinesComponent.decorators = [
             { type: core.Component, args: [{
                         selector: "hd-detail-lines",
-                        template: "<ng-container>\n  <hd-button-group *ngIf=\"showSearch\">\n    <ng-template #buttonGroupLeft>\n      <nz-input-group [nzSuffix]=\"suffixIconSearch\">\n        <input type=\"text\" nz-input (keyup.enter)=\"searchLines()\" placeholder=\"\u8BF7\u8F93\u5165\u5185\u5BB9\u641C\u7D22\" style=\"width: 300px;\"\n          [(ngModel)]=\"filterStr\" />\n      </nz-input-group>\n      <ng-template #suffixIconSearch>\n        <i nz-icon nzType=\"search\" (click)=\"searchLines()\"></i>\n      </ng-template>\n    </ng-template>\n  </hd-button-group>\n\n  <hd-space *ngIf=\"showSearch\" background=\"transparent\" type=\"row\" size=\"16\"></hd-space>\n\n  <nz-table #hdTable [nzScroll]=\"scroll\" class=\"hd-table-container\" nzShowSizeChanger\n    [nzFrontPagination]=\"hdFrontPagination\" [nzShowQuickJumper]=\"hdFrontPagination\" [nzShowTotal]=\"tableTotalTemplate\"\n    nzSize=\"middle\" [nzData]=\"lines\" [nzLoading]=\"tableLoading\" [nzPageSizeOptions]=\"[ 10, 50, 100, 200 ]\"\n    (nzCurrentPageDataChange)=\"showSelected ? currentPageDataChange($event) : null\">\n    <thead>\n      <tr>\n        <th *ngIf=\"showSelected\" nzWidth=\"40px\" nzLeft=\"0px\" nzShowCheckbox [(nzChecked)]=\"isAllDisplayDataChecked\"\n          [nzIndeterminate]=\"isIndeterminate\" (nzCheckedChange)=\"checkAll($event)\"></th>\n        <ng-container *ngTemplateOutlet=\"detailLineHead\"></ng-container>\n      </tr>\n    </thead>\n    <tbody *ngIf=\"!allowDrop;else allowDropTemplate\">\n      <tr *ngFor=\"let data of hdTable.data;index as i\">\n        <td *ngIf=\"showSelected\" nzWidth=\"40px\" nzLeft=\"0px\" nzShowCheckbox\n          [(nzChecked)]=\"mapOfCheckedId[data[selectField]]\" (nzCheckedChange)=\"refreshStatus($event, data)\"></td>\n        <ng-container *ngTemplateOutlet=\"detailLineBody;context:{$implicit: data, index: i}\"></ng-container>\n      </tr>\n      <!-- \u5408\u8BA1\u533A\u57DF -->\n      <tr *ngIf=\"showTotal\" class=\"hd-table-total\">\n        <td *ngIf=\"showSelected\"></td>\n        <td>\u5408\u8BA1</td>\n        <ng-container *ngFor=\"let totalOption of totalOptionList\">\n          <td *ngIf=\"!totalOption.isHide\" [nzAlign]=\"totalOption.align ? totalOption.align : 'left'\">{{\n            (totalOption.value || totalOption.value ===\n            0) ? (((totalOption.value % 1 === 0) && !totalOption.showDecimal ) ? totalOption.value :\n            LodashRound(totalOption.value,2).toFixed(2)) : '' }} </td>\n        </ng-container>\n      </tr>\n    </tbody>\n    <ng-template #allowDropTemplate>\n      <tbody cdkDropList (cdkDropListDropped)=\"drop($event)\">\n        <tr *ngFor=\"let data of hdTable.data;index as i\" cdkDrag>\n          <td *ngIf=\"showSelected\" nzWidth=\"40px\" nzLeft=\"0px\" nzShowCheckbox\n            [(nzChecked)]=\"mapOfCheckedId[data[selectField]]\" (nzCheckedChange)=\"refreshStatus($event, data)\"></td>\n          <ng-container *ngTemplateOutlet=\"detailLineBody;context:{$implicit: data, index: i}\"></ng-container>\n        </tr>\n        <!-- \u5408\u8BA1\u533A\u57DF -->\n        <tr *ngIf=\"showTotal\" class=\"hd-table-total\">\n          <td *ngIf=\"showSelected\"></td>\n          <td>\u5408\u8BA1</td>\n          <ng-container *ngFor=\"let totalOption of totalOptionList\">\n            <td *ngIf=\"!totalOption.isHide\" [nzAlign]=\"totalOption.align ? totalOption.align : 'left'\">{{\n              (totalOption.value || totalOption.value\n              === 0) ? (((totalOption.value % 1 === 0) && !totalOption.showDecimal ) ? totalOption.value :\n              LodashRound(totalOption.value,2).toFixed(2)) : '' }} </td>\n          </ng-container>\n        </tr>\n      </tbody>\n    </ng-template>\n    <ng-template #tableTotalTemplate>\n      \u5171 {{lines.length}} \u6761\u6570\u636E\n    </ng-template>\n  </nz-table>\n</ng-container>\n",
+                        template: "<ng-container>\n  <hd-button-group *ngIf=\"showSearch\">\n    <ng-template #buttonGroupLeft>\n      <nz-input-group [nzSuffix]=\"suffixIconSearch\">\n        <input type=\"text\" nz-input (keyup.enter)=\"searchLines()\" placeholder=\"\u8BF7\u8F93\u5165\u5185\u5BB9\u641C\u7D22\" style=\"width: 300px;\"\n          [(ngModel)]=\"filterStr\" />\n      </nz-input-group>\n      <ng-template #suffixIconSearch>\n        <i nz-icon nzType=\"search\" (click)=\"searchLines()\"></i>\n      </ng-template>\n    </ng-template>\n  </hd-button-group>\n\n  <hd-space *ngIf=\"showSearch\" background=\"transparent\" type=\"row\" size=\"16\"></hd-space>\n\n  <nz-table #hdTable [nzScroll]=\"scroll\" class=\"hd-table-container\" nzShowSizeChanger\n    [nzFrontPagination]=\"hdFrontPagination\" [nzShowQuickJumper]=\"hdFrontPagination\" [nzShowTotal]=\"tableTotalTemplate\"\n    nzSize=\"middle\" [nzData]=\"displayLines\" [nzLoading]=\"tableLoading\" [nzPageSizeOptions]=\"[ 10, 50, 100, 200 ]\"\n    (nzCurrentPageDataChange)=\"showSelected ? currentPageDataChange($event) : null\">\n    <thead>\n      <tr>\n        <th *ngIf=\"showSelected\" nzWidth=\"40px\" nzLeft=\"0px\" nzShowCheckbox [(nzChecked)]=\"isAllDisplayDataChecked\"\n          [nzIndeterminate]=\"isIndeterminate\" (nzCheckedChange)=\"checkAll($event)\"></th>\n        <ng-container *ngTemplateOutlet=\"detailLineHead\"></ng-container>\n      </tr>\n    </thead>\n    <tbody *ngIf=\"!allowDrop;else allowDropTemplate\">\n      <tr *ngFor=\"let data of hdTable.data;index as i\">\n        <td *ngIf=\"showSelected\" nzWidth=\"40px\" nzLeft=\"0px\" nzShowCheckbox\n          [(nzChecked)]=\"mapOfCheckedId[data[selectField]]\" (nzCheckedChange)=\"refreshStatus($event, data)\"></td>\n        <ng-container *ngTemplateOutlet=\"detailLineBody;context:{$implicit: data, index: i}\"></ng-container>\n      </tr>\n      <!-- \u5408\u8BA1\u533A\u57DF -->\n      <tr *ngIf=\"showTotal\" class=\"hd-table-total\">\n        <td *ngIf=\"showSelected\"></td>\n        <td>\u5408\u8BA1</td>\n        <ng-container *ngFor=\"let totalOption of totalOptionList\">\n          <td *ngIf=\"!totalOption.isHide\" [nzAlign]=\"totalOption.align ? totalOption.align : 'left'\">{{\n            (totalOption.value || totalOption.value ===\n            0) ? (((totalOption.value % 1 === 0) && !totalOption.showDecimal ) ? totalOption.value :\n            LodashRound(totalOption.value,2).toFixed(2)) : '' }} </td>\n        </ng-container>\n      </tr>\n    </tbody>\n    <ng-template #allowDropTemplate>\n      <tbody cdkDropList (cdkDropListDropped)=\"drop($event)\">\n        <tr *ngFor=\"let data of hdTable.data;index as i\" cdkDrag>\n          <td *ngIf=\"showSelected\" nzWidth=\"40px\" nzLeft=\"0px\" nzShowCheckbox\n            [(nzChecked)]=\"mapOfCheckedId[data[selectField]]\" (nzCheckedChange)=\"refreshStatus($event, data)\"></td>\n          <ng-container *ngTemplateOutlet=\"detailLineBody;context:{$implicit: data, index: i}\"></ng-container>\n        </tr>\n        <!-- \u5408\u8BA1\u533A\u57DF -->\n        <tr *ngIf=\"showTotal\" class=\"hd-table-total\">\n          <td *ngIf=\"showSelected\"></td>\n          <td>\u5408\u8BA1</td>\n          <ng-container *ngFor=\"let totalOption of totalOptionList\">\n            <td *ngIf=\"!totalOption.isHide\" [nzAlign]=\"totalOption.align ? totalOption.align : 'left'\">{{\n              (totalOption.value || totalOption.value\n              === 0) ? (((totalOption.value % 1 === 0) && !totalOption.showDecimal ) ? totalOption.value :\n              LodashRound(totalOption.value,2).toFixed(2)) : '' }} </td>\n          </ng-container>\n        </tr>\n      </tbody>\n    </ng-template>\n    <ng-template #tableTotalTemplate>\n      \u5171 {{displayLines.length}} \u6761\u6570\u636E\n    </ng-template>\n  </nz-table>\n</ng-container>\n",
                         styles: ["::ng-deep .common-btn-group>a{font-size:12px;font-weight:400;color:#12a34f!important;white-space:nowrap}::ng-deep .common-btn-group .common-danger-btn:hover{color:#f05b24!important}::ng-deep .common-btn-group>a:hover{color:#20bd62!important}::ng-deep .common-btn-group>a:not(:last-child)::after{content:'';margin:0 2px}::ng-deep .common-billNumber>a{color:#3b77e3}button{box-shadow:unset;text-shadow:unset}::ng-deep .ant-form-item-label>label{color:#4b504e}::ng-deep .ant-input-number-input{height:28px}::ng-deep .ant-input-number{height:28px}textarea.ant-input{height:auto;min-height:28px}::ng-deep .ant-select-selection--multiple{min-height:28px}::ng-deep .ant-select-selection__rendered>ul>li{height:22px!important;margin-top:3px!important;line-height:22px!important}::ng-deep .ant-advanced-search-form .ant-form-item{margin-bottom:0!important}::ng-deep .ant-select-selection--single{height:28px!important}::ng-deep .ant-input{height:28px}::ng-deep .ant-input[disabled]:hover{border-color:#d9d9d9!important}::ng-deep .ant-select-selection__rendered{line-height:28px!important}::ng-deep .ant-calendar-range-picker-input{text-align:left!important}::ng-deep .ant-calendar-picker{width:100%!important}::ng-deep .ant-row{margin-right:0!important;margin-left:0!important}::ng-deep .ant-col-6{padding-left:12px;padding-right:12px}::ng-deep .ant-col-12{padding-left:12px;padding-right:12px}::ng-deep .ant-col-18{padding-left:12px;padding-right:12px}::ng-deep .ant-col-24{padding-left:12px;padding-right:12px}::ng-deep .ant-alert-info{background-color:#f5f8f6;border:1px solid #cfe3d4}:host ::ng-deep th{background:#f5f8f6!important;font-weight:700!important;white-space:nowrap;font-size:12px;font-family:PingFangSC-Medium,PingFang SC;color:#2a3634;padding:8px!important;box-sizing:border-box}:host ::ng-deep td{font-weight:400;font-style:normal;font-size:12px;color:#2a3634;text-align:left;white-space:nowrap;padding:8px!important;box-sizing:border-box}::ng-deep .ant-pagination-options{display:inline-flex;align-items:center}::ng-deep .ant-time-picker{width:100%}.ant-input-number-disabled,.ant-input[disabled],.ant-select-disabled{color:#4b504e}.hd-table-container ::ng-deep .ant-pagination-options-quick-jumper input{border-radius:2px;border:1px solid #d9d9d9}.hd-table-container ::ng-deep .ant-pagination-options .ant-select-selection{border-radius:2px}.hd-table-container ::ng-deep .ant-table-thead>tr>th{border-bottom:1px solid #ecf1ed}.hd-table-container ::ng-deep .ant-table-tbody>tr>td{border-bottom:1px solid #ecf1ed}.hd-table-container ::ng-deep .hd-table-total>td{border:0!important}"]
                     }] }
         ];
@@ -1202,6 +1274,16 @@
         HdDetailLinesComponent.prototype.mapOfCheckList;
         /** @type {?} */
         HdDetailLinesComponent.prototype.filterStr;
+        /**
+         * 表格实际展示的数据（筛选结果或全量）
+         * @type {?}
+         */
+        HdDetailLinesComponent.prototype.displayLines;
+        /**
+         * 是否处于筛选状态
+         * @type {?}
+         */
+        HdDetailLinesComponent.prototype.isFilterData;
         /** @type {?} */
         HdDetailLinesComponent.prototype.storeFormLinesData;
     }
@@ -1244,13 +1326,12 @@
         // 灰色
         '#9FA4A2': ['initial', 'uncommitted', 'OFF_LINE', 'UN_PRINTED', 'unpublish', 'pastpublish', 'TO_COMMIT', 'unpublished', '未审核', 'returned'],
         // 红色
-        '#F5222D': ['delete', 'deleted', 'aborted', 'rejected', '停用', '禁用', 'unpicked', 'DELETED', 'AUDIT_REJECT', 'rejected'],
+        '#F5222D': ['delete', 'deleted', 'aborted', 'rejected', '停用', '禁用', 'unpicked', 'DELETED', 'AUDIT_REJECT', 'rejected', 'invalid', 'disabled', ''],
         // 蓝色
-        '#3B77E3': ['audited', 'adjusted', 'invoiced', 'audit', 'submitted', 'TO_AUDIT', '已审核', '处理中', 'processing', 'firstReviewed'],
+        '#3B77E3': ['audited', 'adjusted', 'invoiced', 'audit', 'submitted', 'TO_AUDIT', '已审核', '处理中', 'processing', 'firstReviewed', 'awaiting_effective'],
         // 绿色
         '#12A34F': ['shipped', 'received', 'checked', 'using', 'reverse', 'valid', 'approved', 'ON_LINE', 'finished', 'opened', 'PRINTED', '启用', 'picked', 'published', 'AUDITED', '已收票', '付款完成', '收款完成', '已收款', 'accepted',
-            'offered', 'confirmed'
-        ],
+            'offered', 'confirmed', 'effective'],
         // 橙色
         '#F05B24': ['partialReceived', 'partDelete', 'tender', 'MODIFIED_AFTER_PRINTED', '部分付款', '部分收款', 'partPublished']
     };
@@ -2113,19 +2194,49 @@
             for (var i = 0; i < pageLinesLength; i++) {
                 this.collectDomList.push(pageDomList.splice(0, interval));
             }
-            // TODO: 这里不能直接关掉，先注释
-            // 关闭所有NzInputNumberComponent的键盘上下箭头触发+-的功能
-            // for (let i = 0; i < this.collectDomList.length; i++) {
-            //   for (let j = 0; j < this.collectDomList[i].length; j++) {
-            //     const dom = this.collectDomList[i][j];
-            //     if (dom instanceof NzInputNumberComponent) {
-            //       dom.down = () => {
-            //       };
-            //       dom.up = () => {
-            //       };
-            //     }
-            //   }
-            // }
+            this.disableInputNumberKeyboardStep();
+        };
+        /**
+         * ng-zorro 8 在 input 的 onKeyDown 里用上下键调 up()/down() 改 step。
+         * 只覆盖 onKeyDown（不动 up/down），键盘方向键交给表单跳转，+/- 按钮仍可用。
+         */
+        /**
+         * ng-zorro 8 在 input 的 onKeyDown 里用上下键调 up()/down() 改 step。
+         * 只覆盖 onKeyDown（不动 up/down），键盘方向键交给表单跳转，+/- 按钮仍可用。
+         * @private
+         * @return {?}
+         */
+        HdFormLinesComponent.prototype.disableInputNumberKeyboardStep = /**
+         * ng-zorro 8 在 input 的 onKeyDown 里用上下键调 up()/down() 改 step。
+         * 只覆盖 onKeyDown（不动 up/down），键盘方向键交给表单跳转，+/- 按钮仍可用。
+         * @private
+         * @return {?}
+         */
+        function () {
+            for (var i = 0; i < this.collectDomList.length; i++) {
+                var _loop_1 = function (j) {
+                    /** @type {?} */
+                    var dom = this_1.collectDomList[i][j];
+                    if (dom instanceof ngZorroAntd.NzInputNumberComponent) {
+                        dom.onKeyDown = (/**
+                         * @param {?} e
+                         * @return {?}
+                         */
+                        function (e) {
+                            if (e.keyCode === 38 || e.keyCode === 40) {
+                                return;
+                            }
+                            if (e.keyCode === 13) {
+                                dom.setValidateValue();
+                            }
+                        });
+                    }
+                };
+                var this_1 = this;
+                for (var j = 0; j < this.collectDomList[i].length; j++) {
+                    _loop_1(j);
+                }
+            }
         };
         // 聚焦下一个dom
         // 聚焦下一个dom
@@ -4839,21 +4950,20 @@
          */
         function () {
             /** @type {?} */
-            var findKey = '';
+            var findKey = "";
+            /** @type {?} */
+            var statusLower = this.status && this.status.toLowerCase();
             for (var key in statusToColor) {
-                if (this.status &&
-                    (statusToColor[key].indexOf(this.status) !== -1 ||
-                        statusToColor[key].indexOf(this.status.toUpperCase()) !== -1 ||
-                        statusToColor[key].indexOf(this.status.toLowerCase()) !== -1)) {
+                if (statusLower &&
+                    statusToColor[key].some((/**
+                     * @param {?} item
+                     * @return {?}
+                     */
+                    function (item) { return item && item.toLowerCase() === statusLower; }))) {
                     findKey = key;
                 }
             }
-            if (findKey) {
-                this.statusColor = findKey;
-            }
-            else {
-                this.statusColor = '#9FA4A2';
-            }
+            this.statusColor = findKey || "#9FA4A2";
         };
         HdStatusComponent.decorators = [
             { type: core.Component, args: [{