fantasy-ngzorro 2.1.15 → 2.1.16

package/bundles/fantasy-ngzorro.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/forms'), require('ng-zorro-antd'), require('@angular/cdk/drag-drop'), require('ng-zorro-antd/table'), require('lodash'), require('ng-zorro-antd/core'), require('rxjs'), require('rxjs/operators'), require('ng-zorro-antd/modal'), require('ng-zorro-antd/dropdown'), require('ng-zorro-antd/icon'), require('ng-zorro-antd/popconfirm'), require('ng-zorro-antd/resizable'), require('ng-zorro-antd/tooltip'), require('ng-zorro-antd/tree'), require('localforage'), require('@angular/router')) :
-    typeof define === 'function' && define.amd ? define('fantasy-ngzorro', ['exports', '@angular/core', '@angular/common', '@angular/forms', 'ng-zorro-antd', '@angular/cdk/drag-drop', 'ng-zorro-antd/table', 'lodash', 'ng-zorro-antd/core', 'rxjs', 'rxjs/operators', 'ng-zorro-antd/modal', 'ng-zorro-antd/dropdown', 'ng-zorro-antd/icon', 'ng-zorro-antd/popconfirm', 'ng-zorro-antd/resizable', 'ng-zorro-antd/tooltip', 'ng-zorro-antd/tree', 'localforage', '@angular/router'], factory) :
-    (global = global || self, factory(global['fantasy-ngzorro'] = {}, global.ng.core, global.ng.common, global.ng.forms, global.ngZorroAntd, global.ng.cdk['drag-drop'], global.table, global.lodash, global.core$1, global.rxjs, global.rxjs.operators, global.modal, global.dropdown, global.icon, global.popconfirm, global.resizable, global.tooltip, global.tree, global.localforage, global.ng.router));
-}(this, (function (exports, core, common, forms, ngZorroAntd, dragDrop, table, lodash, core$1, rxjs, operators, modal, dropdown, icon, popconfirm, resizable, tooltip, tree, localforage, router) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/forms'), require('ng-zorro-antd'), require('@angular/cdk/drag-drop'), require('ng-zorro-antd/table'), require('lodash'), require('ng-zorro-antd/core'), require('rxjs'), require('rxjs/operators'), require('ng-zorro-antd/modal'), require('ng-zorro-antd/dropdown'), require('ng-zorro-antd/icon'), require('ng-zorro-antd/popconfirm'), require('ng-zorro-antd/resizable'), require('ng-zorro-antd/tree'), require('localforage'), require('@angular/router')) :
+    typeof define === 'function' && define.amd ? define('fantasy-ngzorro', ['exports', '@angular/core', '@angular/common', '@angular/forms', 'ng-zorro-antd', '@angular/cdk/drag-drop', 'ng-zorro-antd/table', 'lodash', 'ng-zorro-antd/core', 'rxjs', 'rxjs/operators', 'ng-zorro-antd/modal', 'ng-zorro-antd/dropdown', 'ng-zorro-antd/icon', 'ng-zorro-antd/popconfirm', 'ng-zorro-antd/resizable', 'ng-zorro-antd/tree', 'localforage', '@angular/router'], factory) :
+    (global = global || self, factory(global['fantasy-ngzorro'] = {}, global.ng.core, global.ng.common, global.ng.forms, global.ngZorroAntd, global.ng.cdk['drag-drop'], global.table, global.lodash, global.core$1, global.rxjs, global.rxjs.operators, global.modal, global.dropdown, global.icon, global.popconfirm, global.resizable, global.tree, global.localforage, global.ng.router));
+}(this, (function (exports, core, common, forms, ngZorroAntd, dragDrop, table, lodash, core$1, rxjs, operators, modal, dropdown, icon, popconfirm, resizable, tree, localforage, router) { 'use strict';
 
     /*! *****************************************************************************
     Copyright (c) Microsoft Corporation.
@@ -6746,6 +6746,81 @@
         return CommonSessionService;
     }());
 
+    /**
+     * @fileoverview added by tsickle
+     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     */
+    /**
+     * @record
+     */
+    function HdTableCellView() { }
+    if (false) {
+        /** @type {?} */
+        HdTableCellView.prototype.display;
+        /** @type {?} */
+        HdTableCellView.prototype.title;
+        /** @type {?} */
+        HdTableCellView.prototype.isEmpty;
+    }
+    var HdTableCellPipe = /** @class */ (function () {
+        function HdTableCellPipe() {
+        }
+        /**
+         * @param {?} data
+         * @param {?} col
+         * @return {?}
+         */
+        HdTableCellPipe.prototype.transform = /**
+         * @param {?} data
+         * @param {?} col
+         * @return {?}
+         */
+        function (data, col) {
+            if (!data || !col) {
+                return { display: "<空>", title: null, isEmpty: true };
+            }
+            /** @type {?} */
+            var raw = getHdTableCellRaw(data, col);
+            /** @type {?} */
+            var isEmpty = !(raw || raw === 0);
+            /** @type {?} */
+            var display = isEmpty ? "<空>" : raw;
+            /** @type {?} */
+            var title = null;
+            if (!isEmpty && col.width) {
+                /** @type {?} */
+                var str = String(raw);
+                if (str.length * 8 + 15 >= col.width) {
+                    title = str;
+                }
+            }
+            return { display: display, title: title, isEmpty: isEmpty };
+        };
+        HdTableCellPipe.decorators = [
+            { type: core.Pipe, args: [{ name: "hdTableCell", pure: true },] }
+        ];
+        return HdTableCellPipe;
+    }());
+    /**
+     * @param {?} data
+     * @param {?} col
+     * @return {?}
+     */
+    function getHdTableCellRaw(data, col) {
+        if (col.render) {
+            return col.render(data);
+        }
+        /** @type {?} */
+        var name = col.name;
+        if (typeof name === "function") {
+            return name(data);
+        }
+        if (typeof name === "string") {
+            return data[name];
+        }
+        return undefined;
+    }
+
     /**
      * @fileoverview added by tsickle
      * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
@@ -6953,12 +7028,6 @@
             this.mapOfCheckList = {};
             // 合计参数
             this.tableTotalOptionList = [];
-            /**
-             * 单元格展示缓存，避免大页量时重复 render / DOM 测宽
-             */
-            this.cellContextCache = new Map();
-            this.selectEmitTimer = null;
-            this.overflowCharWidth = 8;
             // 缓存信息
             this.tableCacheOption = new TableCacheOption();
             this.tableColsCache = [];
@@ -7088,10 +7157,6 @@
          */
         function (changes) {
             var _this = this;
-            if (changes && changes["tableData"] && changes["tableData"]["currentValue"]) {
-                this.clearCellContextCache();
-            }
-            // 数据改变时，重置勾选状态
             if (changes &&
                 changes["tableData"] &&
                 changes["tableData"]["currentValue"] &&
@@ -7133,140 +7198,74 @@
             }
         };
         /**
-         * @param {?} index
-         * @param {?} data
          * @return {?}
          */
-        HdTableComponent.prototype.trackByRow = /**
-         * @param {?} index
-         * @param {?} data
+        HdTableComponent.prototype.deleteHideItem = /**
          * @return {?}
          */
-        function (index, data) {
-            /** @type {?} */
-            var key = data && data[this.selectField];
-            return key != null ? key : index;
+        function () {
+            // 首先把isShow为false数据剔除掉
+            this.tableCols = this.tableCols.filter((/**
+             * @param {?} item
+             * @return {?}
+             */
+            function (item) {
+                // 如果对象没有 isShow 属性，则默认为 true，保留该对象
+                if (!item.hasOwnProperty("isShow")) {
+                    return true;
+                }
+                // 如果对象有 isShow 属性，则检查其值是否为 true
+                return item.isShow === true;
+            }));
         };
         /**
-         * @param {?} _index
-         * @param {?} col
+         * @param {?} sort
          * @return {?}
          */
-        HdTableComponent.prototype.trackByCol = /**
-         * @param {?} _index
-         * @param {?} col
+        HdTableComponent.prototype.sort = /**
+         * @param {?} sort
          * @return {?}
          */
-        function (_index, col) {
-            return col.title;
+        function (sort) {
+            this.sortEvent.emit(sort);
         };
         /**
-         * @private
          * @return {?}
          */
-        HdTableComponent.prototype.clearCellContextCache = /**
-         * @private
+        HdTableComponent.prototype.toggleShowDetail = /**
          * @return {?}
          */
         function () {
-            this.cellContextCache.clear();
-        };
-        /**
-         * 用字符宽度估算是否溢出，替代模板内频繁 DOM 测宽
-         */
-        /**
-         * 用字符宽度估算是否溢出，替代模板内频繁 DOM 测宽
-         * @param {?} text
-         * @param {?} maxWidth
-         * @return {?}
-         */
-        HdTableComponent.prototype.shouldShowTooltip = /**
-         * 用字符宽度估算是否溢出，替代模板内频繁 DOM 测宽
-         * @param {?} text
-         * @param {?} maxWidth
-         * @return {?}
-         */
-        function (text, maxWidth) {
-            if (!text || !maxWidth) {
-                return false;
-            }
-            return text.length * this.overflowCharWidth + 15 >= maxWidth;
+            this.showDetail = !this.showDetail;
+            this.cdr.markForCheck();
         };
         /**
-         * @param {?} col
+         * @param {?} index
          * @param {?} data
          * @return {?}
          */
-        HdTableComponent.prototype.getCellContext = /**
-         * @param {?} col
+        HdTableComponent.prototype.trackByRow = /**
+         * @param {?} index
          * @param {?} data
          * @return {?}
          */
-        function (col, data) {
-            /** @type {?} */
-            var rowKey = data && data[this.selectField];
-            /** @type {?} */
-            var cacheKey = rowKey + "|" + col.title;
-            /** @type {?} */
-            var cached = this.cellContextCache.get(cacheKey);
-            if (cached) {
-                return cached;
-            }
-            /** @type {?} */
-            var raw;
-            if (col.name === "state" || col.isState) {
-                raw = data[this.getStateField(col)];
-            }
-            else {
-                /** @type {?} */
-                var fieldName = typeof col.name === "string" ? col.name : "";
-                raw = col.render ? col.render(data) : fieldName ? data[fieldName] : null;
-            }
-            /** @type {?} */
-            var rawStr = raw == null || raw === "" ? "" : String(raw);
-            /** @type {?} */
-            var display = this.judgeColEmpty(raw);
+        function (index, data) {
             /** @type {?} */
-            var ctx = {
-                raw: rawStr,
-                display: display,
-                showTooltip: this.shouldShowTooltip(rawStr, col.width),
-                isEmpty: display === "<空>",
-            };
-            this.cellContextCache.set(cacheKey, ctx);
-            return ctx;
-        };
-        /**
-         * @return {?}
-         */
-        HdTableComponent.prototype.deleteHideItem = /**
-         * @return {?}
-         */
-        function () {
-            // 首先把isShow为false数据剔除掉
-            this.tableCols = this.tableCols.filter((/**
-             * @param {?} item
-             * @return {?}
-             */
-            function (item) {
-                // 如果对象没有 isShow 属性，则默认为 true，保留该对象
-                if (!item.hasOwnProperty("isShow")) {
-                    return true;
-                }
-                // 如果对象有 isShow 属性，则检查其值是否为 true
-                return item.isShow === true;
-            }));
+            var key = data && data[this.selectField];
+            return key != null ? key : index;
         };
         /**
-         * @param {?} sort
+         * @param {?} _index
+         * @param {?} col
          * @return {?}
          */
-        HdTableComponent.prototype.sort = /**
-         * @param {?} sort
+        HdTableComponent.prototype.trackByCol = /**
+         * @param {?} _index
+         * @param {?} col
          * @return {?}
          */
-        function (sort) {
-            this.sortEvent.emit(sort);
+        function (_index, col) {
+            return col.title;
         };
         /**
          * @return {?}
@@ -7337,6 +7336,7 @@
                 this.dealScroll();
                 this.dealOperateBtn();
                 this.showTable = true;
+                this.cdr.markForCheck();
             }
         };
         // 设置列点击取消
@@ -7353,6 +7353,7 @@
             this.isDropdownVisible = false;
             this.hideListNodes = JSON.parse(JSON.stringify(this.cancelHideListNodes));
             this.nowListNodes = JSON.parse(JSON.stringify(this.cancelNowListNodes));
+            this.cdr.markForCheck();
         };
         // 点击触发设置列
         // 点击触发设置列
@@ -7369,6 +7370,7 @@
             this.cancelHideListNodes = JSON.parse(JSON.stringify(this.hideListNodes));
             this.cancelNowListNodes = JSON.parse(JSON.stringify(this.nowListNodes));
             this.isDropdownVisible = true;
+            this.cdr.markForCheck();
         };
         /**
          * @return {?}
@@ -7389,6 +7391,7 @@
             this.saveTableCacheOption();
             this.initTable();
             this.isDropdownVisible = false;
+            this.cdr.markForCheck();
         };
         // 从缓存设置列
         // 从缓存设置列
@@ -7619,6 +7622,7 @@
                     return item.title !== event.node.origin.title;
                 }));
             }
+            this.cdr.markForCheck();
         };
         // 防止未选择的数组顺序因为push方法而改变，从初始数据获取隐藏未显示的字段列表
         // 防止未选择的数组顺序因为push方法而改变，从初始数据获取隐藏未显示的字段列表
@@ -7802,6 +7806,7 @@
                 return e.title === col.title ? __assign({}, e, { width: tempWidth }) : e;
             }));
             this.dealScroll();
+            this.cdr.markForCheck();
         };
         /**
          * @return {?}
@@ -7918,22 +7923,6 @@
                 };
             }
         };
-        /** @deprecated 大页量场景请用 shouldShowTooltip，避免 DOM 测宽 */
-        /**
-         * @deprecated 大页量场景请用 shouldShowTooltip，避免 DOM 测宽
-         * @param {?} text
-         * @param {?} maxWidth
-         * @return {?}
-         */
-        HdTableComponent.prototype.isTextOverflow = /**
-         * @deprecated 大页量场景请用 shouldShowTooltip，避免 DOM 测宽
-         * @param {?} text
-         * @param {?} maxWidth
-         * @return {?}
-         */
-        function (text, maxWidth) {
-            return this.shouldShowTooltip(text == null ? "" : String(text), maxWidth);
-        };
         // 表格勾选逻辑
         // 表格勾选逻辑
         /**
@@ -7952,6 +7941,7 @@
             if (!this.isCrossPageSelectLocal) {
                 this.resetStatus();
             }
+            this.cdr.markForCheck();
         };
         /**
          * @param {?} reset
@@ -7986,6 +7976,7 @@
             this.mapOfCheckedId = {};
             this.mapOfCheckList = {};
             this.selectEvent.emit([]);
+            this.cdr.markForCheck();
         };
         /**
          * @param {?=} event
@@ -8020,11 +8011,17 @@
                  * @return {?}
                  */
                 function (item) { return _this.mapOfCheckedId[item[_this.selectField]]; })) && !this.isAllDisplayDataChecked;
-            this.scheduleSelectEmit();
+            // 触发select事件
+            if (this.selectEvent) {
+                /** @type {?} */
+                var selectedList = Object.values(this.mapOfCheckList);
+                this.selectEvent.emit(selectedList);
+            }
             // 如果数据为空，则清空勾选标识
             if (this.tableData.content.length === 0) {
                 this.isAllDisplayDataChecked = false;
             }
+            this.cdr.markForCheck();
         };
         /**
          * @param {?} value
@@ -8052,6 +8049,7 @@
                 _this.mapOfCheckedId[item[_this.selectField]] = value;
             }));
             this.refreshStatus();
+            this.cdr.markForCheck();
         };
         /**
          * @param {?} str
@@ -8081,40 +8079,14 @@
             if (col.isState) {
                 return (/** @type {?} */ (col.name));
             }
-            return col.stateField || "state";
-        };
-        /** 勾选批量操作时合并 emit，减少父组件重复刷新 */
-        /**
-         * 勾选批量操作时合并 emit，减少父组件重复刷新
-         * @private
-         * @return {?}
-         */
-        HdTableComponent.prototype.scheduleSelectEmit = /**
-         * 勾选批量操作时合并 emit，减少父组件重复刷新
-         * @private
-         * @return {?}
-         */
-        function () {
-            var _this = this;
-            if (!this.selectEvent) {
-                return;
-            }
-            if (this.selectEmitTimer) {
-                clearTimeout(this.selectEmitTimer);
-            }
-            this.selectEmitTimer = setTimeout((/**
-             * @return {?}
-             */
-            function () {
-                _this.selectEmitTimer = null;
-                _this.selectEvent.emit(Object.values(_this.mapOfCheckList));
-            }), 0);
+            return col.stateField || 'state';
         };
         HdTableComponent.decorators = [
             { type: core.Component, args: [{
                         selector: "hd-table",
-                        template: "<ng-container>\n  <hd-button-group>\n    <ng-template #buttonGroupLeft>\n      <ng-container *ngTemplateOutlet=\"tableLeftButton\"></ng-container>\n      <hd-button *ngIf=\"showOperateColWarpButton\" type=\"default\" (click)=\"showDetail = !showDetail\">{{showDetail ?\n        '\u7F29\u7565\u663E\u793A': '\u5C55\u5F00\u663E\u793A'}}</hd-button>\n    </ng-template>\n    <ng-template #buttonGroupRight>\n      <ng-container *ngTemplateOutlet=\"tableRightButton\"></ng-container>\n      <hd-button type=\"primary\" nz-dropdown nzTrigger=\"click\" [nzDropdownMenu]=\"menu\" (clickAction)=\"confirmDropdown()\"\n        [nzVisible]=\"isDropdownVisible\">\u8BBE\u7F6E\u5217</hd-button>\n      <nz-dropdown-menu #menu=\"nzDropdownMenu\">\n        <div style=\"max-height: 400px;overflow-y: scroll;\">\n          <div *ngIf=\"showListNodes && nowListNodes.length > 0\" nz-menu style=\"padding: 5px 10px;\">\n            <nz-tree *ngIf=\"showListNodes\" [nzData]=\"nowListNodes\" nzCheckable nzDraggable nzBlockNode\n              nzShowExpand=\"false\" (nzCheckBoxChange)=\"checkAction($event)\" [nzBeforeDrop]=\"beforeDrop\"\n              [nzTreeTemplate]=\"nzTreeTemplate\">\n            </nz-tree>\n            <ng-template #nzTreeTemplate let-node>\n              <span\n                class=\"ng-tns-c31-110 draggable ng-star-inserted ant-tree-node-content-wrapper ant-tree-node-content-wrapper-close\"\n                [title]=\"node.key\" draggable=\"true\" aria-grabbed=\"true\">\n                <span class=\"ant-tree-title\">\n                  <div class=\"hd-table-tree-node\">\n                    <span>{{node.key}}</span>\n                    <div *ngIf=\"!node.origin.disabled\" class=\"hd-table-tree-node-img\">\n                      <i nz-icon nzType=\"caret-up\" nzTheme=\"outline\"></i>\n                      <i nz-icon nzType=\"caret-down\" nzTheme=\"outline\"></i>\n                    </div>\n                  </div>\n                </span>\n              </span>\n            </ng-template>\n          </div>\n          <div *ngIf=\"showListNodes && hideListNodes.length > 0\" nz-menu style=\"padding: 5px 10px;\">\n            <nz-tree *ngIf=\"showListNodes\" [nzData]=\"hideListNodes\" nzCheckable nzShowExpand=\"false\"\n              (nzCheckBoxChange)=\"checkAction($event)\">\n            </nz-tree>\n          </div>\n        </div>\n        <div style=\"text-align: right;background: #fff;padding: 4px;\">\n          <hd-button style=\"margin-right: 4px;\" type=\"default\" size=\"small\" (clickAction)=\"cancelDropdown()\">\u53D6\u6D88\n          </hd-button>\n          <hd-button type=\"primary\" size=\"small\" (clickAction)=\"submitGrids()\">\u5B8C\u6210</hd-button>\n        </div>\n      </nz-dropdown-menu>\n    </ng-template>\n  </hd-button-group>\n  <hd-space type=\"row\" size=\"12\"></hd-space>\n  <ng-container *ngTemplateOutlet=\"tableTotal\"></ng-container>\n  <hd-space *ngIf=\"tableTotal\" type=\"row\" size=\"12\"></hd-space>\n  <nz-table *ngIf=\"showTable\" #hdTable class=\"hd-table-container\" [nzScroll]=\"scroll\" nzShowSizeChanger\n    nzShowSizeChanger nzShowQuickJumper nzFrontPagination=\"false\" nzSize=\"middle\" [nzData]=\"tableData.content\"\n    [nzTotal]=\"tableData.totalElements\" [(nzPageIndex)]=\"tablePageIndex\" [nzLoading]=\"tableLoading\"\n    [nzPageSizeOptions]=\"[ 10, 50, 100, 200, 500, 1000 ]\" [(nzPageSize)]=\"tablePageSize\" (nzPageSizeChange)=\"search(true)\"\n    (nzPageIndexChange)=\"search(false)\" (nzCurrentPageDataChange)=\"showSelected ? currentPageDataChange($event) : null\"\n    [nzShowTotal]=\"tableTotalTemplate\">\n    <thead (nzSortChange)=\"sort($event)\" nzSingleSort>\n      <tr>\n        <th nzWidth=\"40px\" nzLeft=\"0px\" *ngIf=\"showSelected\" nzShowCheckbox [(nzChecked)]=\"isAllDisplayDataChecked\"\n          [nzIndeterminate]=\"isIndeterminate\" (nzCheckedChange)=\"checkAll($event)\"></th>\n        <ng-container *ngFor=\"let col of tableCols\">\n          <th *ngIf=\"col.isShow\" [nzWidth]=\"col.width + 'px'\" [nzAlign]=\"col.align\"\n            [nzLeft]=\"col.fixed === 'left' ? col.fixedWidth + 'px' : null\"\n            [nzRight]=\"col.fixed === 'right' ? 0  + 'px' : null\" nz-resizable nzBounds=\"window\" nzPreview\n            (nzResizeEnd)=\"onResize($event, col)\" [nzShowSort]=\"col.canSort\" [nzSortKey]=\"col.name\">\n            {{ col.title }}\n            <nz-resize-handle nzDirection=\"right\">\n              <div class=\"resize-trigger\"></div>\n            </nz-resize-handle>\n          </th>\n        </ng-container>\n      </tr>\n    </thead>\n    <tbody>\n      <tr *ngFor=\"let data of hdTable.data; trackBy: trackByRow; index as i\">\n        <td nzLeft=\"0px\" *ngIf=\"showSelected\" nzShowCheckbox [(nzChecked)]=\"mapOfCheckedId[data[selectField]]\"\n          (nzCheckedChange)=\"refreshStatus($event, data)\"></td>\n        <ng-container *ngFor=\"let col of tableCols; trackBy: trackByCol\">\n          <td *ngIf=\"col.isShow\" [ngStyle]=\"{'max-width': col.width + 'px'}\" [nzAlign]=\"col.align\"\n            [nzLeft]=\"col.fixed === 'left' ? col.fixedWidth + 'px' : null\"\n            [nzRight]=\"col.fixed === 'right' ? 0 + 'px' : null\"\n            [ngClass]=\"(col.canWarp && showDetail) ? 'common-td-wrap' : ''\">\n            <ng-container *ngIf=\"col.title === '\u64CD\u4F5C';else notOperateTemplate\">\n              <div class=\"common-btn-group\">\n                <ng-container *ngFor=\"let btn of col.btnList\">\n                  <ng-container *ngIf=\"!needShowConfirm(btn, data);else showConfirmTemplate\">\n                    <a *ngIf=\"btn.permission ? btn.permission(data) : true\"\n                      [class]=\"btn.name === '\u5220\u9664' ? 'common-danger-btn': ''\"\n                      (click)=\"triggerEvent(btn.click || null, data)\">{{ btn.name }}</a>\n                  </ng-container>\n                  <ng-template #showConfirmTemplate>\n                    <a *ngIf=\"btn.permission ? btn.permission(data) : true\"\n                      [class]=\"btn.name === '\u5220\u9664' ? 'common-danger-btn': ''\" nz-popconfirm\n                      [nzPopconfirmTitle]=\"'\u786E\u8BA4\u8981' + btn.name + '\u5417?'\"\n                      (nzOnConfirm)=\"triggerEvent(btn.click || null, data)\">{{\n                      btn.name }}</a>\n                  </ng-template>\n                </ng-container>\n              </div>\n            </ng-container>\n            <ng-template #notOperateTemplate>\n              <ng-container *ngIf=\"col.name === 'state' || col.isState;else otherTemplate\">\n                <ng-container *ngIf=\"getCellContext(col, data) as cell\">\n                  <hd-status [status]=\"data[getStateField(col)]\">{{ cell.display }}</hd-status>\n                </ng-container>\n              </ng-container>\n              <ng-template #otherTemplate>\n                <ng-container *ngIf=\"getCellContext(col, data) as cell\">\n                  <ng-container *ngIf=\"col.click;else noClickTemplate\">\n                    <a *ngIf=\"cell.showTooltip\" nz-tooltip [nzTooltipTitle]=\"cell.raw\"\n                      [ngStyle]=\"{'color': cell.isEmpty ? '#2A3634' : (col?.color ? col.color : null)}\"\n                      (click)=\"triggerEvent(col.click || null, data)\">{{ cell.display }}</a>\n                    <a *ngIf=\"!cell.showTooltip\"\n                      [ngStyle]=\"{'color': cell.isEmpty ? '#2A3634' : (col?.color ? col.color : null)}\"\n                      (click)=\"triggerEvent(col.click || null, data)\">{{ cell.display }}</a>\n                  </ng-container>\n                  <ng-template #noClickTemplate>\n                    <span *ngIf=\"cell.showTooltip\" nz-tooltip [nzTooltipTitle]=\"cell.raw\"\n                      [ngStyle]=\"{'color': col?.color ? col.color : null}\">{{ cell.display }}</span>\n                    <span *ngIf=\"!cell.showTooltip\"\n                      [ngStyle]=\"{'color': col?.color ? col.color : null}\">{{ cell.display }}</span>\n                  </ng-template>\n                </ng-container>\n              </ng-template>\n            </ng-template>\n          </td>\n        </ng-container>\n      </tr>\n      <!-- \u5408\u8BA1\u6240\u6709\u6570\u636E\u533A\u57DF \u9700\u8981\u540E\u7AEF\u63A5\u53E3\u914D\u5408 -->\n      <tr *ngIf=\"showTableTotal\" class=\"hd-table-total\">\n        <td>\u5408\u8BA1</td>\n        <ng-container *ngFor=\"let tableTotalOption of tableTotalOptionList\">\n          <td>{{ tableTotalOption }}</td>\n        </ng-container>\n      </tr>\n    </tbody>\n    <ng-template #tableTotalTemplate>\n      \u5171 {{tableData.totalElements}} \u6761\u6570\u636E\n    </ng-template>\n  </nz-table>\n</ng-container>\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;padding:0 6px!important}::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}.nz-resizable-preview{position:absolute;top:0;left:0;z-index:8;border:1px dashed #d1d1d1}.nz-resizable-handle{position:absolute;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:9}.nz-resizable-handle-top{width:100%;height:10px;top:-5px;left:0}.nz-resizable-handle-right{height:100%}.nz-resizable-handle-bottom{width:100%;height:10px;bottom:-5px;left:0}.nz-resizable-handle-left{width:10px;height:100%;top:0;left:-5px}.nz-resizable-handle-topRight{width:20px;height:20px;top:-5px;right:-5px;z-index:10}.nz-resizable-handle-bottomRight{width:20px;height:20px;right:-5px;bottom:-5px;z-index:10}.nz-resizable-handle-bottomLeft{width:20px;height:20px;bottom:-5px;left:-5px;z-index:10}.nz-resizable-handle-topLeft{width:20px;height:20px;top:-5px;left:-5px;z-index:10}.nz-resizable:not(.nz-resizable-resizing) .nz-resizable-handle-bottom,.nz-resizable:not(.nz-resizable-resizing) .nz-resizable-handle-top{cursor:row-resize}.nz-resizable:not(.nz-resizable-resizing) .nz-resizable-handle-left,.nz-resizable:not(.nz-resizable-resizing) .nz-resizable-handle-right{cursor:col-resize}.nz-resizable:not(.nz-resizable-resizing) .nz-resizable-handle-bottomRight,.nz-resizable:not(.nz-resizable-resizing) .nz-resizable-handle-topLeft{cursor:nwse-resize}.nz-resizable:not(.nz-resizable-resizing) .nz-resizable-handle-bottomLeft,.nz-resizable:not(.nz-resizable-resizing) .nz-resizable-handle-topRight{cursor:nesw-resize}.hd-table-container ::ng-deep .ant-pagination-options-quick-jumper input{border-radius:2px;border:1px solid #d9d9d9}.hd-table-container ::ng-deep .ant-pagination-options .ant-select-selection{border-radius:2px}.hd-table-container ::ng-deep .ant-table-thead>tr>th{border-bottom:1px solid #ecf1ed;white-space:nowrap;text-overflow:ellipsis}.hd-table-container ::ng-deep .ant-table-tbody>tr>td{border-bottom:1px solid #ecf1ed;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;content-visibility:auto;contain-intrinsic-size:auto 40px}.hd-table-container ::ng-deep .hd-table-total>td{border:0!important}::ng-deep .ant-dropdown-menu{border-radius:0}::ng-deep .ant-dropdown{margin-top:8px!important}.common-td-wrap{white-space:normal!important;word-break:break-all}.nz-resizable-preview{border-width:0 1px 0 0}.resize-trigger{width:10px;height:15px;position:relative;top:calc((100% - 15px)/ 2)}.resize-trigger::after{position:absolute;top:calc((100% - 15px)/ 2);left:0;background:#d5d5d5;content:'';width:1px;height:15px;z-index:1}.nz-resizable-handle-right{position:absolute;width:10px;top:0;right:-5px;z-index:inherit}.hd-table-tree-node{display:inline-flex;align-items:center;padding-right:10px}.hd-table-tree-node .hd-table-tree-node-img{display:flex;flex-direction:column;position:absolute;right:0;margin-top:-2.5px}.hd-table-tree-node .hd-table-tree-node-img i{opacity:.3}.hd-table-tree-node .hd-table-tree-node-img i:last-child{margin-top:-5px}img{width:20px;height:20px}.ant-table-th-left-sticky{z-index:2}::ng-deep .ant-table-thead>tr>th .ant-table-header-column .ant-table-column-sorters>:not(.ant-table-column-sorter){position:unset}"]
+                        template: "<ng-container>\n  <hd-button-group>\n    <ng-template #buttonGroupLeft>\n      <ng-container *ngTemplateOutlet=\"tableLeftButton\"></ng-container>\n      <hd-button *ngIf=\"showOperateColWarpButton\" type=\"default\" (click)=\"toggleShowDetail()\">{{showDetail ?\n        '\u7F29\u7565\u663E\u793A': '\u5C55\u5F00\u663E\u793A'}}</hd-button>\n    </ng-template>\n    <ng-template #buttonGroupRight>\n      <ng-container *ngTemplateOutlet=\"tableRightButton\"></ng-container>\n      <hd-button type=\"primary\" nz-dropdown nzTrigger=\"click\" [nzDropdownMenu]=\"menu\" (clickAction)=\"confirmDropdown()\"\n        [nzVisible]=\"isDropdownVisible\">\u8BBE\u7F6E\u5217</hd-button>\n      <nz-dropdown-menu #menu=\"nzDropdownMenu\">\n        <div style=\"max-height: 400px;overflow-y: scroll;\">\n          <div *ngIf=\"showListNodes && nowListNodes.length > 0\" nz-menu style=\"padding: 5px 10px;\">\n            <nz-tree *ngIf=\"showListNodes\" [nzData]=\"nowListNodes\" nzCheckable nzDraggable nzBlockNode\n              nzShowExpand=\"false\" (nzCheckBoxChange)=\"checkAction($event)\" [nzBeforeDrop]=\"beforeDrop\"\n              [nzTreeTemplate]=\"nzTreeTemplate\">\n            </nz-tree>\n            <ng-template #nzTreeTemplate let-node>\n              <span\n                class=\"ng-tns-c31-110 draggable ng-star-inserted ant-tree-node-content-wrapper ant-tree-node-content-wrapper-close\"\n                [title]=\"node.key\" draggable=\"true\" aria-grabbed=\"true\">\n                <span class=\"ant-tree-title\">\n                  <div class=\"hd-table-tree-node\">\n                    <span>{{node.key}}</span>\n                    <div *ngIf=\"!node.origin.disabled\" class=\"hd-table-tree-node-img\">\n                      <i nz-icon nzType=\"caret-up\" nzTheme=\"outline\"></i>\n                      <i nz-icon nzType=\"caret-down\" nzTheme=\"outline\"></i>\n                    </div>\n                  </div>\n                </span>\n              </span>\n            </ng-template>\n          </div>\n          <div *ngIf=\"showListNodes && hideListNodes.length > 0\" nz-menu style=\"padding: 5px 10px;\">\n            <nz-tree *ngIf=\"showListNodes\" [nzData]=\"hideListNodes\" nzCheckable nzShowExpand=\"false\"\n              (nzCheckBoxChange)=\"checkAction($event)\">\n            </nz-tree>\n          </div>\n        </div>\n        <div style=\"text-align: right;background: #fff;padding: 4px;\">\n          <hd-button style=\"margin-right: 4px;\" type=\"default\" size=\"small\" (clickAction)=\"cancelDropdown()\">\u53D6\u6D88\n          </hd-button>\n          <hd-button type=\"primary\" size=\"small\" (clickAction)=\"submitGrids()\">\u5B8C\u6210</hd-button>\n        </div>\n      </nz-dropdown-menu>\n    </ng-template>\n  </hd-button-group>\n  <hd-space type=\"row\" size=\"12\"></hd-space>\n  <ng-container *ngTemplateOutlet=\"tableTotal\"></ng-container>\n  <hd-space *ngIf=\"tableTotal\" type=\"row\" size=\"12\"></hd-space>\n  <nz-table *ngIf=\"showTable\" #hdTable class=\"hd-table-container\" [nzScroll]=\"scroll\" nzShowSizeChanger\n    nzShowSizeChanger nzShowQuickJumper nzFrontPagination=\"false\" nzSize=\"middle\" [nzData]=\"tableData.content\"\n    [nzTotal]=\"tableData.totalElements\" [(nzPageIndex)]=\"tablePageIndex\" [nzLoading]=\"tableLoading\"\n    [nzPageSizeOptions]=\"[ 10, 50, 100, 200, 500, 1000 ]\" [(nzPageSize)]=\"tablePageSize\" (nzPageSizeChange)=\"search(true)\"\n    (nzPageIndexChange)=\"search(false)\" (nzCurrentPageDataChange)=\"showSelected ? currentPageDataChange($event) : null\"\n    [nzShowTotal]=\"tableTotalTemplate\">\n    <thead (nzSortChange)=\"sort($event)\" nzSingleSort>\n      <tr>\n        <th nzWidth=\"40px\" nzLeft=\"0px\" *ngIf=\"showSelected\" nzShowCheckbox [(nzChecked)]=\"isAllDisplayDataChecked\"\n          [nzIndeterminate]=\"isIndeterminate\" (nzCheckedChange)=\"checkAll($event)\"></th>\n        <ng-container *ngFor=\"let col of tableCols\">\n          <th *ngIf=\"col.isShow\" [nzWidth]=\"col.width + 'px'\" [nzAlign]=\"col.align\"\n            [nzLeft]=\"col.fixed === 'left' ? col.fixedWidth + 'px' : null\"\n            [nzRight]=\"col.fixed === 'right' ? 0  + 'px' : null\" nz-resizable nzBounds=\"window\" nzPreview\n            (nzResizeEnd)=\"onResize($event, col)\" [nzShowSort]=\"col.canSort\" [nzSortKey]=\"col.name\">\n            {{ col.title }}\n            <nz-resize-handle nzDirection=\"right\">\n              <div class=\"resize-trigger\"></div>\n            </nz-resize-handle>\n          </th>\n        </ng-container>\n      </tr>\n    </thead>\n    <tbody>\n      <tr *ngFor=\"let data of hdTable.data; trackBy: trackByRow; index as i\">\n        <td nzLeft=\"0px\" *ngIf=\"showSelected\" nzShowCheckbox [(nzChecked)]=\"mapOfCheckedId[data[selectField]]\"\n          (nzCheckedChange)=\"refreshStatus($event, data)\"></td>\n        <ng-container *ngFor=\"let col of tableCols; trackBy: trackByCol\">\n          <td *ngIf=\"col.isShow\" [ngStyle]=\"{'max-width': col.width + 'px'}\" [nzAlign]=\"col.align\"\n            [nzLeft]=\"col.fixed === 'left' ? col.fixedWidth + 'px' : null\"\n            [nzRight]=\"col.fixed === 'right' ? 0 + 'px' : null\"\n            [ngClass]=\"(col.canWarp && showDetail) ? 'common-td-wrap' : ''\">\n            <ng-container *ngIf=\"col.title === '\u64CD\u4F5C';else notOperateTemplate\">\n              <div class=\"common-btn-group\">\n                <ng-container *ngFor=\"let btn of col.btnList\">\n                  <ng-container *ngIf=\"!needShowConfirm(btn, data);else showConfirmTemplate\">\n                    <a *ngIf=\"btn.permission ? btn.permission(data) : true\"\n                      [class]=\"btn.name === '\u5220\u9664' ? 'common-danger-btn': ''\"\n                      (click)=\"triggerEvent(btn.click || null, data)\">{{ btn.name }}</a>\n                  </ng-container>\n                  <ng-template #showConfirmTemplate>\n                    <a *ngIf=\"btn.permission ? btn.permission(data) : true\"\n                      [class]=\"btn.name === '\u5220\u9664' ? 'common-danger-btn': ''\" nz-popconfirm\n                      [nzPopconfirmTitle]=\"'\u786E\u8BA4\u8981' + btn.name + '\u5417?'\"\n                      (nzOnConfirm)=\"triggerEvent(btn.click || null, data)\">{{\n                      btn.name }}</a>\n                  </ng-template>\n                </ng-container>\n              </div>\n            </ng-container>\n            <ng-template #notOperateTemplate>\n              <ng-container *ngIf=\"col.name === 'state' || col.isState;else otherTemplate\">\n                <hd-status [status]=\"data[getStateField(col)]\">\n                  <ng-container *ngIf=\"(data | hdTableCell:col) as cell\">{{ cell.display }}</ng-container>\n                </hd-status>\n              </ng-container>\n              <ng-template #otherTemplate>\n                <ng-container *ngIf=\"col.click;else noClickTemplate\">\n                  <ng-container *ngIf=\"(data | hdTableCell:col) as cell\">\n                    <a [attr.title]=\"cell.title\"\n                      [ngStyle]=\"{'color': cell.isEmpty ? '#2A3634' : (col?.color ? col.color : null)}\"\n                      (click)=\"triggerEvent(col.click || null, data)\">{{ cell.display }}</a>\n                  </ng-container>\n                </ng-container>\n                <ng-template #noClickTemplate>\n                  <ng-container *ngIf=\"(data | hdTableCell:col) as cell\">\n                    <span [attr.title]=\"cell.title\" [ngStyle]=\"{'color': col?.color ? col.color : null}\">{{ cell.display }}</span>\n                  </ng-container>\n                </ng-template>\n              </ng-template>\n            </ng-template>\n          </td>\n        </ng-container>\n      </tr>\n      <!-- \u5408\u8BA1\u6240\u6709\u6570\u636E\u533A\u57DF \u9700\u8981\u540E\u7AEF\u63A5\u53E3\u914D\u5408 -->\n      <tr *ngIf=\"showTableTotal\" class=\"hd-table-total\">\n        <td>\u5408\u8BA1</td>\n        <ng-container *ngFor=\"let tableTotalOption of tableTotalOptionList\">\n          <td>{{ tableTotalOption }}</td>\n        </ng-container>\n      </tr>\n    </tbody>\n    <ng-template #tableTotalTemplate>\n      \u5171 {{tableData.totalElements}} \u6761\u6570\u636E\n    </ng-template>\n  </nz-table>\n</ng-container>\n",
+                        changeDetection: core.ChangeDetectionStrategy.OnPush,
+                        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;padding:0 6px!important}::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}.nz-resizable-preview{position:absolute;top:0;left:0;z-index:8;border:1px dashed #d1d1d1}.nz-resizable-handle{position:absolute;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:9}.nz-resizable-handle-top{width:100%;height:10px;top:-5px;left:0}.nz-resizable-handle-right{height:100%}.nz-resizable-handle-bottom{width:100%;height:10px;bottom:-5px;left:0}.nz-resizable-handle-left{width:10px;height:100%;top:0;left:-5px}.nz-resizable-handle-topRight{width:20px;height:20px;top:-5px;right:-5px;z-index:10}.nz-resizable-handle-bottomRight{width:20px;height:20px;right:-5px;bottom:-5px;z-index:10}.nz-resizable-handle-bottomLeft{width:20px;height:20px;bottom:-5px;left:-5px;z-index:10}.nz-resizable-handle-topLeft{width:20px;height:20px;top:-5px;left:-5px;z-index:10}.nz-resizable:not(.nz-resizable-resizing) .nz-resizable-handle-bottom,.nz-resizable:not(.nz-resizable-resizing) .nz-resizable-handle-top{cursor:row-resize}.nz-resizable:not(.nz-resizable-resizing) .nz-resizable-handle-left,.nz-resizable:not(.nz-resizable-resizing) .nz-resizable-handle-right{cursor:col-resize}.nz-resizable:not(.nz-resizable-resizing) .nz-resizable-handle-bottomRight,.nz-resizable:not(.nz-resizable-resizing) .nz-resizable-handle-topLeft{cursor:nwse-resize}.nz-resizable:not(.nz-resizable-resizing) .nz-resizable-handle-bottomLeft,.nz-resizable:not(.nz-resizable-resizing) .nz-resizable-handle-topRight{cursor:nesw-resize}.hd-table-container ::ng-deep .ant-pagination-options-quick-jumper input{border-radius:2px;border:1px solid #d9d9d9}.hd-table-container ::ng-deep .ant-pagination-options .ant-select-selection{border-radius:2px}.hd-table-container ::ng-deep .ant-table-thead>tr>th{border-bottom:1px solid #ecf1ed;white-space:nowrap;text-overflow:ellipsis}.hd-table-container ::ng-deep .ant-table-tbody>tr>td{border-bottom:1px solid #ecf1ed;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.hd-table-container ::ng-deep .hd-table-total>td{border:0!important}::ng-deep .ant-dropdown-menu{border-radius:0}::ng-deep .ant-dropdown{margin-top:8px!important}.common-td-wrap{white-space:normal!important;word-break:break-all}.nz-resizable-preview{border-width:0 1px 0 0}.resize-trigger{width:10px;height:15px;position:relative;top:calc((100% - 15px)/ 2)}.resize-trigger::after{position:absolute;top:calc((100% - 15px)/ 2);left:0;background:#d5d5d5;content:'';width:1px;height:15px;z-index:1}.nz-resizable-handle-right{position:absolute;width:10px;top:0;right:-5px;z-index:inherit}.hd-table-tree-node{display:inline-flex;align-items:center;padding-right:10px}.hd-table-tree-node .hd-table-tree-node-img{display:flex;flex-direction:column;position:absolute;right:0;margin-top:-2.5px}.hd-table-tree-node .hd-table-tree-node-img i{opacity:.3}.hd-table-tree-node .hd-table-tree-node-img i:last-child{margin-top:-5px}img{width:20px;height:20px}.ant-table-th-left-sticky{z-index:2}::ng-deep .ant-table-thead>tr>th .ant-table-header-column .ant-table-column-sorters>:not(.ant-table-column-sorter){position:unset}"]
                     }] }
         ];
         /** @nocollapse */
@@ -8223,22 +8195,6 @@
         HdTableComponent.prototype.mapOfCheckList;
         /** @type {?} */
         HdTableComponent.prototype.tableTotalOptionList;
-        /**
-         * 单元格展示缓存，避免大页量时重复 render / DOM 测宽
-         * @type {?}
-         * @private
-         */
-        HdTableComponent.prototype.cellContextCache;
-        /**
-         * @type {?}
-         * @private
-         */
-        HdTableComponent.prototype.selectEmitTimer;
-        /**
-         * @type {?}
-         * @private
-         */
-        HdTableComponent.prototype.overflowCharWidth;
         /** @type {?} */
         HdTableComponent.prototype.tableCacheOption;
         /** @type {?} */
@@ -8285,20 +8241,6 @@
          * @private
          */
         HdTableComponent.prototype.commonSessionService;
-    }
-    /**
-     * @record
-     */
-    function HdTableCellContext() { }
-    if (false) {
-        /** @type {?} */
-        HdTableCellContext.prototype.raw;
-        /** @type {?} */
-        HdTableCellContext.prototype.display;
-        /** @type {?} */
-        HdTableCellContext.prototype.showTooltip;
-        /** @type {?} */
-        HdTableCellContext.prototype.isEmpty;
     }
 
     /**
@@ -8317,14 +8259,13 @@
                             HdStatusModule,
                             HdButtonModule,
                             HdButtonGroupModule,
-                            tooltip.NzToolTipModule,
                             popconfirm.NzPopconfirmModule,
                             resizable.NzResizableModule,
                             dropdown.NzDropDownModule,
                             tree.NzTreeModule,
                             icon.NzIconModule
                         ],
-                        declarations: [HdTableComponent],
+                        declarations: [HdTableComponent, HdTableCellPipe],
                         providers: [CommonSessionService],
                         exports: [HdTableComponent],
                         schemas: [core.NO_ERRORS_SCHEMA]
@@ -9083,11 +9024,12 @@
     exports.ɵa = HdComponentModule;
     exports.ɵb = HdButtonModule;
     exports.ɵba = CommonSessionService;
-    exports.ɵbb = HdTipModule;
-    exports.ɵbc = HdTipComponent;
-    exports.ɵbd = HdPopconfirmModule;
-    exports.ɵbe = HdPopconfirmComponent;
-    exports.ɵbf = HdLogModule;
+    exports.ɵbb = HdTableCellPipe;
+    exports.ɵbc = HdTipModule;
+    exports.ɵbd = HdTipComponent;
+    exports.ɵbe = HdPopconfirmModule;
+    exports.ɵbf = HdPopconfirmComponent;
+    exports.ɵbg = HdLogModule;
     exports.ɵc = HdButtonComponent;
     exports.ɵd = HdButtonGroupModule;
     exports.ɵe = HdButtonGroupComponent;