fantasy-ngzorro 2.2.13 → 2.2.15

package/fesm5/fantasy-ngzorro.js

@@ -1274,6 +1274,29 @@ function measureTableColWidth(nzTable) {
     }
     return max;
 }
+/**
+ * 用于判断是否需要 scroll.x 的视口宽。
+ * 有纵向滚动条时 clientWidth 会少一截，若直接拿去比列宽，会「竖滚条导致误开横滚」；
+ * 这里用 offsetWidth（含滚动条槽）作为屏幕可展示宽度。
+ * @param {?} nzTable
+ * @param {?=} hostClass
+ * @return {?}
+ */
+function getTableScrollXViewportWidth(nzTable, hostClass) {
+    if (hostClass === void 0) { hostClass = "hd-table-container"; }
+    if (!nzTable || !nzTable.tableMainElement) {
+        return 0;
+    }
+    /** @type {?} */
+    var tableMain = (/** @type {?} */ (nzTable.tableMainElement.nativeElement));
+    /** @type {?} */
+    var scrollBody = ((/** @type {?} */ (tableMain.querySelector("cdk-virtual-scroll-viewport.ant-table-body")))) ||
+        ((/** @type {?} */ (tableMain.querySelector(".ant-table-body"))));
+    if (scrollBody && scrollBody.offsetWidth > 0) {
+        return scrollBody.offsetWidth;
+    }
+    return getTableViewportWidth(nzTable, hostClass);
+}
 /**
  * 无数据或列宽未超出容器时不启用横向 scroll
  * @param {?} nzTable
@@ -1293,9 +1316,10 @@ function resolveAutoTableScroll(nzTable, hasData, colWidth) {
         return null;
     }
     /** @type {?} */
-    var viewportWidth = getTableViewportWidth(nzTable);
+    var viewportWidth = getTableScrollXViewportWidth(nzTable);
     if (viewportWidth > 0) {
-        return width > viewportWidth ? { x: Math.ceil(width) + "px" } : null;
+        // 允许 1px 误差，避免亚像素导致误开横滚
+        return width > viewportWidth + 1 ? { x: Math.ceil(width) + "px" } : null;
     }
     if (typeof window !== "undefined" && width > window.innerWidth - 32) {
         return { x: Math.ceil(width) + "px" };
@@ -10341,19 +10365,6 @@ if (false) {
     /** @type {?} */
     OperateBtn.prototype.permission;
 }
-var HdTableTotalOption = /** @class */ (function () {
-    function HdTableTotalOption() {
-    }
-    return HdTableTotalOption;
-}());
-if (false) {
-    /** @type {?} */
-    HdTableTotalOption.prototype.columnNumber;
-    /** @type {?} */
-    HdTableTotalOption.prototype.insertIndex;
-    /** @type {?} */
-    HdTableTotalOption.prototype.insertName;
-}
 var TableCacheOption = /** @class */ (function () {
     function TableCacheOption() {
         this.colWidths = new Map(); // name -> width
@@ -10405,8 +10416,9 @@ if (false) {
  * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 var HdTableComponent = /** @class */ (function () {
-    function HdTableComponent(cdr, commonSessionService) {
+    function HdTableComponent(hostEl, cdr, commonSessionService) {
         var _this = this;
+        this.hostEl = hostEl;
         this.cdr = cdr;
         this.commonSessionService = commonSessionService;
         this.tableCols = [];
@@ -10414,7 +10426,7 @@ var HdTableComponent = /** @class */ (function () {
         this.showOperateColWarpButton = false;
         this.virtualScroll = true;
         this.selectField = "billNumber";
-        // 合计区域
+        // 合计区域（类型与 hd-detail-lines 的 TotalOption 一致）
         this.showTableTotal = false;
         this.sortEvent = new EventEmitter();
         this.selectEvent = new EventEmitter();
@@ -10479,8 +10491,9 @@ var HdTableComponent = /** @class */ (function () {
          * 记录当前是否处于虚拟滚动模式，用于切换 pageSize 时重建表格
          */
         this.virtualScrollActive = null;
+        /** 可见列总宽，用于判断是否需要横向滚动 */
         /**
-         * 可见列总宽，用于判断是否需要横向滚动
+         * 列宽合计（含勾选/序号），footer 表宽与横向 scroll 共用
          */
         this.tableColWidthTotal = 0;
         /**
@@ -10492,6 +10505,24 @@ var HdTableComponent = /** @class */ (function () {
          */
         this.currentSortKey = null;
         this.currentSortValue = null;
+        this.totalFooterScrollBoundBody = null;
+        this.totalFooterScrollHandler = null;
+        this.totalFooterSyncRetry = 0;
+        /**
+         * 表体有竖滚条时合计 footer 才预留右侧滚动条槽
+         */
+        this.totalFooterNeedYGutter = false;
+        /**
+         * 视口/容器尺寸变化时重算 scroll.x 与合计对齐
+         */
+        this.viewportResizeTimer = null;
+        this.boundOnViewportResize = null;
+        this.hostResizeObserver = null;
+        /**
+         * 序号列固定宽（含 padding，可容纳 6 位如 199995）。
+         * 不锁死时表体会随位数变宽（1→~64px，199995→~67px），合计行对不齐。
+         */
+        this.lineNumberColWidth = 72;
         this.trackByRow = (/**
          * @param {?} index
          * @param {?} data
@@ -10571,6 +10602,16 @@ var HdTableComponent = /** @class */ (function () {
             storeName: "hd-fscm-store",
         });
     }
+    /**
+     * @return {?}
+     */
+    HdTableComponent.prototype.ngOnDestroy = /**
+     * @return {?}
+     */
+    function () {
+        this.unbindTotalFooterScrollSync();
+        this.unbindViewportResizeSync();
+    };
     /**
      * @return {?}
      */
@@ -10596,6 +10637,7 @@ var HdTableComponent = /** @class */ (function () {
                 userCode: "dev",
             };
         }
+        this.bindViewportResizeSync();
         this.deleteHideItem();
         if (!this.tableCols || this.tableCols.length === 0) {
             return;
@@ -10627,6 +10669,13 @@ var HdTableComponent = /** @class */ (function () {
      */
     function (changes) {
         var _this = this;
+        if (changes["tableData"] ||
+            changes["tableTotalOption"] ||
+            changes["showTableTotal"] ||
+            changes["columnsNumber"] ||
+            changes["tableCols"]) {
+            this.calculateTableTotal();
+        }
         if (changes &&
             changes["tableData"] &&
             changes["tableData"]["currentValue"] &&
@@ -10892,6 +10941,83 @@ var HdTableComponent = /** @class */ (function () {
     function (col) {
         return col.fixed === "left" ? (col.fixedWidth || 0) + "px" : null;
     };
+    Object.defineProperty(HdTableComponent.prototype, "lineNumberLeft", {
+        /** 开启合计时序号列的 left（勾选列占 40px） */
+        get: /**
+         * 开启合计时序号列的 left（勾选列占 40px）
+         * @return {?}
+         */
+        function () {
+            return this.showSelected ? "40px" : "0px";
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(HdTableComponent.prototype, "lineNumberColWidthPx", {
+        get: /**
+         * @return {?}
+         */
+        function () {
+            return this.lineNumberColWidth + "px";
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(HdTableComponent.prototype, "isTotalFooterFluid", {
+        /**
+         * 列总宽未超出容器：无横向 scroll，表体列会被撑满，合计走 fluid（width:100%）。
+         * 列总宽超出：有 scroll.x，合计走固定表宽 + 横滚同步。
+         */
+        get: /**
+         * 列总宽未超出容器：无横向 scroll，表体列会被撑满，合计走 fluid（width:100%）。
+         * 列总宽超出：有 scroll.x，合计走固定表宽 + 横滚同步。
+         * @return {?}
+         */
+        function () {
+            return !(this.scroll && this.scroll.x);
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(HdTableComponent.prototype, "totalFooterTableWidth", {
+        /** fluid → 100%；固定 → scroll.x（与表体同一套横向宽度） */
+        get: /**
+         * fluid → 100%；固定 → scroll.x（与表体同一套横向宽度）
+         * @return {?}
+         */
+        function () {
+            if (this.isTotalFooterFluid) {
+                return "100%";
+            }
+            return this.scroll && this.scroll.x
+                ? String(this.scroll.x)
+                : this.tableColWidthTotal > 0
+                    ? this.tableColWidthTotal + "px"
+                    : "100%";
+        },
+        enumerable: true,
+        configurable: true
+    });
+    /** 当前页行号（跨页连续，从 1 开始） */
+    /**
+     * 当前页行号（跨页连续，从 1 开始）
+     * @param {?} index
+     * @return {?}
+     */
+    HdTableComponent.prototype.getLineNumber = /**
+     * 当前页行号（跨页连续，从 1 开始）
+     * @param {?} index
+     * @return {?}
+     */
+    function (index) {
+        /** @type {?} */
+        var page = Number(this.tablePageIndex) > 0 ? Number(this.tablePageIndex) : 1;
+        /** @type {?} */
+        var size = Number(this.tablePageSize) > 0 ? Number(this.tablePageSize) : 0;
+        /** @type {?} */
+        var rowIndex = Number(index) >= 0 ? Number(index) : 0;
+        return (page - 1) * size + rowIndex + 1;
+    };
     /**
      * @return {?}
      */
@@ -11752,6 +11878,7 @@ var HdTableComponent = /** @class */ (function () {
      * @return {?}
      */
     function (_a, col) {
+        var _this = this;
         var width = _a.width;
         this.normalizeTableCacheOption();
         /** @type {?} */
@@ -11773,6 +11900,10 @@ var HdTableComponent = /** @class */ (function () {
         }));
         this.dealScroll();
         this.cdr.markForCheck();
+        setTimeout((/**
+         * @return {?}
+         */
+        function () { return _this.syncTotalFooterWithBody(); }));
     };
     /**
      * @return {?}
@@ -11909,31 +12040,27 @@ var HdTableComponent = /** @class */ (function () {
             this.tableData.content &&
             this.tableData.content.length);
     };
-    /** 列总宽超出外层容器才启用横向 scroll（不能用 table 自身宽度，会被 scroll.x 撑宽） */
     /**
-     * 列总宽超出外层容器才启用横向 scroll（不能用 table 自身宽度，会被 scroll.x 撑宽）
+     * 列总宽超出外层容器才启用横向 scroll。
+     * 以 dealScroll 累计的声明列宽为准，不用 DOM 自然测宽（内容不截断会偏大，导致列能放下也开横滚）。
+     */
+    /**
+     * 列总宽超出外层容器才启用横向 scroll。
+     * 以 dealScroll 累计的声明列宽为准，不用 DOM 自然测宽（内容不截断会偏大，导致列能放下也开横滚）。
      * @private
      * @param {?} colWidth
      * @return {?}
      */
     HdTableComponent.prototype.resolveScrollX = /**
-     * 列总宽超出外层容器才启用横向 scroll（不能用 table 自身宽度，会被 scroll.x 撑宽）
+     * 列总宽超出外层容器才启用横向 scroll。
+     * 以 dealScroll 累计的声明列宽为准，不用 DOM 自然测宽（内容不截断会偏大，导致列能放下也开横滚）。
      * @private
      * @param {?} colWidth
      * @return {?}
      */
     function (colWidth) {
         /** @type {?} */
-        var width = colWidth;
-        if (this.nzTableComponent) {
-            /** @type {?} */
-            var measured = measureTableColWidth(this.nzTableComponent);
-            if (measured > width) {
-                width = measured;
-            }
-        }
-        /** @type {?} */
-        var autoScroll = resolveAutoTableScroll(this.nzTableComponent, this.hasTableData(), width);
+        var autoScroll = resolveAutoTableScroll(this.nzTableComponent, this.hasTableData(), colWidth);
         return autoScroll ? autoScroll.x : null;
     };
     /** 表格渲染后按实际容器宽度校正横向 scroll（只改 x，避免触发表头结构变化） */
@@ -11956,6 +12083,10 @@ var HdTableComponent = /** @class */ (function () {
         if (this.scroll &&
             this.scroll.x === scrollX &&
             this.scroll.y === currentY) {
+            setTimeout((/**
+             * @return {?}
+             */
+            function () { return _this.syncTotalFooterWithBody(); }));
             return;
         }
         // 保持 y 不变，防止运行中拆/合 header 导致横向同步失效
@@ -11966,32 +12097,308 @@ var HdTableComponent = /** @class */ (function () {
          */
         function () { return _this.syncHeaderBodyScrollLeft(); }));
     };
-    /** 手动把表体横向滚动同步到表头（兜底 ng-zorro 监听丢失的情况） */
+    /** 手动把表体横向滚动同步到表头 / 合计 footer（兜底 ng-zorro 监听丢失的情况） */
     /**
-     * 手动把表体横向滚动同步到表头（兜底 ng-zorro 监听丢失的情况）
+     * 手动把表体横向滚动同步到表头 / 合计 footer（兜底 ng-zorro 监听丢失的情况）
      * @private
      * @return {?}
      */
     HdTableComponent.prototype.syncHeaderBodyScrollLeft = /**
-     * 手动把表体横向滚动同步到表头（兜底 ng-zorro 监听丢失的情况）
+     * 手动把表体横向滚动同步到表头 / 合计 footer（兜底 ng-zorro 监听丢失的情况）
      * @private
      * @return {?}
      */
     function () {
-        if (!this.nzTableComponent || !this.scroll || !this.scroll.x) {
+        if (!this.nzTableComponent) {
             return;
         }
         /** @type {?} */
         var header = (/** @type {?} */ (((/** @type {?} */ (this.nzTableComponent))).tableHeaderNativeElement));
         /** @type {?} */
-        var body = (/** @type {?} */ (((/** @type {?} */ (this.nzTableComponent))).mixTableBodyNativeElement));
-        if (!header || !body) {
+        var body = this.getTableBodyScrollEl();
+        if (this.scroll && this.scroll.x && header && body) {
+            if (header.scrollLeft !== body.scrollLeft) {
+                header.scrollLeft = body.scrollLeft;
+            }
+        }
+        this.syncTotalFooterWithBody();
+    };
+    /** 取表体横向滚动容器（虚拟滚动优先 viewport） */
+    /**
+     * 取表体横向滚动容器（虚拟滚动优先 viewport）
+     * @private
+     * @return {?}
+     */
+    HdTableComponent.prototype.getTableBodyScrollEl = /**
+     * 取表体横向滚动容器（虚拟滚动优先 viewport）
+     * @private
+     * @return {?}
+     */
+    function () {
+        if (!this.nzTableComponent) {
+            return null;
+        }
+        /** @type {?} */
+        var mix = (/** @type {?} */ (((/** @type {?} */ (this.nzTableComponent))).mixTableBodyNativeElement));
+        if (mix) {
+            return mix;
+        }
+        /** @type {?} */
+        var host = this.hostEl && ((/** @type {?} */ (this.hostEl.nativeElement)));
+        if (!host) {
+            return null;
+        }
+        return (((/** @type {?} */ (host.querySelector("cdk-virtual-scroll-viewport.ant-table-body")))) ||
+            ((/** @type {?} */ (host.querySelector(".ant-table-body")))) ||
+            null);
+    };
+    /**
+     * @private
+     * @return {?}
+     */
+    HdTableComponent.prototype.getTotalFooterScrollEl = /**
+     * @private
+     * @return {?}
+     */
+    function () {
+        /** @type {?} */
+        var host = this.hostEl && ((/** @type {?} */ (this.hostEl.nativeElement)));
+        return host
+            ? ((/** @type {?} */ (host.querySelector(".hd-table-total-footer"))))
+            : null;
+    };
+    /** 表体是否出现纵向滚动条（含滚动条槽宽） */
+    /**
+     * 表体是否出现纵向滚动条（含滚动条槽宽）
+     * @private
+     * @param {?} body
+     * @return {?}
+     */
+    HdTableComponent.prototype.bodyHasVerticalScrollbar = /**
+     * 表体是否出现纵向滚动条（含滚动条槽宽）
+     * @private
+     * @param {?} body
+     * @return {?}
+     */
+    function (body) {
+        if (!body) {
+            return false;
+        }
+        return (body.scrollHeight > body.clientHeight + 1 ||
+            body.offsetWidth - body.clientWidth > 1);
+    };
+    /**
+     * 合计 footer 与表体联动：
+     * - fluid（列未撑满）：不横滚、不测宽，表宽 100% 与表体同比例拉伸；
+     * - fixed（有 scroll.x）：同步 scrollLeft；
+     * - 仅当表体有竖滚条时预留右侧槽，行少无竖滚时不占位。
+     */
+    /**
+     * 合计 footer 与表体联动：
+     * - fluid（列未撑满）：不横滚、不测宽，表宽 100% 与表体同比例拉伸；
+     * - fixed（有 scroll.x）：同步 scrollLeft；
+     * - 仅当表体有竖滚条时预留右侧槽，行少无竖滚时不占位。
+     * @private
+     * @return {?}
+     */
+    HdTableComponent.prototype.syncTotalFooterWithBody = /**
+     * 合计 footer 与表体联动：
+     * - fluid（列未撑满）：不横滚、不测宽，表宽 100% 与表体同比例拉伸；
+     * - fixed（有 scroll.x）：同步 scrollLeft；
+     * - 仅当表体有竖滚条时预留右侧槽，行少无竖滚时不占位。
+     * @private
+     * @return {?}
+     */
+    function () {
+        var _this = this;
+        if (!this.showTableTotal) {
+            this.unbindTotalFooterScrollSync();
+            if (this.totalFooterNeedYGutter) {
+                this.totalFooterNeedYGutter = false;
+                this.cdr.markForCheck();
+            }
             return;
         }
-        if (header.scrollLeft !== body.scrollLeft) {
-            header.scrollLeft = body.scrollLeft;
+        /** @type {?} */
+        var footer = this.getTotalFooterScrollEl();
+        /** @type {?} */
+        var body = this.getTableBodyScrollEl();
+        if (!footer) {
+            if (this.totalFooterSyncRetry < 10) {
+                this.totalFooterSyncRetry++;
+                setTimeout((/**
+                 * @return {?}
+                 */
+                function () { return _this.syncTotalFooterWithBody(); }), 50);
+            }
+            return;
+        }
+        this.totalFooterSyncRetry = 0;
+        /** @type {?} */
+        var needYGutter = !!(body && this.bodyHasVerticalScrollbar(body));
+        if (this.totalFooterNeedYGutter !== needYGutter) {
+            this.totalFooterNeedYGutter = needYGutter;
+            this.cdr.markForCheck();
+        }
+        if (this.isTotalFooterFluid) {
+            this.unbindTotalFooterScrollSync();
+            footer.scrollLeft = 0;
+            return;
+        }
+        if (body) {
+            this.syncTotalFooterScrollLeft(body.scrollLeft);
+            this.bindTotalFooterScrollSync(body);
         }
     };
+    /**
+     * @private
+     * @param {?} scrollLeft
+     * @return {?}
+     */
+    HdTableComponent.prototype.syncTotalFooterScrollLeft = /**
+     * @private
+     * @param {?} scrollLeft
+     * @return {?}
+     */
+    function (scrollLeft) {
+        /** @type {?} */
+        var footer = this.getTotalFooterScrollEl();
+        if (footer && footer.scrollLeft !== scrollLeft) {
+            footer.scrollLeft = scrollLeft;
+        }
+    };
+    /**
+     * @private
+     * @param {?} body
+     * @return {?}
+     */
+    HdTableComponent.prototype.bindTotalFooterScrollSync = /**
+     * @private
+     * @param {?} body
+     * @return {?}
+     */
+    function (body) {
+        var _this = this;
+        if (!this.showTableTotal || !body || this.isTotalFooterFluid) {
+            return;
+        }
+        if (this.totalFooterScrollBoundBody === body &&
+            this.totalFooterScrollHandler) {
+            return;
+        }
+        this.unbindTotalFooterScrollSync();
+        this.totalFooterScrollBoundBody = body;
+        this.totalFooterScrollHandler = (/**
+         * @return {?}
+         */
+        function () {
+            _this.syncTotalFooterScrollLeft(body.scrollLeft);
+        });
+        body.addEventListener("scroll", this.totalFooterScrollHandler, (/** @type {?} */ ({
+            passive: true,
+        })));
+    };
+    /**
+     * @private
+     * @return {?}
+     */
+    HdTableComponent.prototype.unbindTotalFooterScrollSync = /**
+     * @private
+     * @return {?}
+     */
+    function () {
+        if (this.totalFooterScrollBoundBody && this.totalFooterScrollHandler) {
+            this.totalFooterScrollBoundBody.removeEventListener("scroll", this.totalFooterScrollHandler);
+        }
+        this.totalFooterScrollBoundBody = null;
+        this.totalFooterScrollHandler = null;
+    };
+    /**
+     * 监听窗口 / 容器宽度变化：重新判定 scroll.x（fluid↔fixed）与合计右侧竖滚槽，
+     * 避免拉宽/缩窄屏幕后合计行宽与表体错位。
+     */
+    /**
+     * 监听窗口 / 容器宽度变化：重新判定 scroll.x（fluid↔fixed）与合计右侧竖滚槽，
+     * 避免拉宽/缩窄屏幕后合计行宽与表体错位。
+     * @private
+     * @return {?}
+     */
+    HdTableComponent.prototype.bindViewportResizeSync = /**
+     * 监听窗口 / 容器宽度变化：重新判定 scroll.x（fluid↔fixed）与合计右侧竖滚槽，
+     * 避免拉宽/缩窄屏幕后合计行宽与表体错位。
+     * @private
+     * @return {?}
+     */
+    function () {
+        var _this = this;
+        this.boundOnViewportResize = (/**
+         * @return {?}
+         */
+        function () { return _this.scheduleViewportScrollSync(); });
+        if (typeof window !== "undefined") {
+            window.addEventListener("resize", this.boundOnViewportResize);
+        }
+        /** @type {?} */
+        var RO = typeof window !== "undefined" ? ((/** @type {?} */ (window))).ResizeObserver : null;
+        if (RO && this.hostEl && this.hostEl.nativeElement) {
+            this.hostResizeObserver = new RO((/**
+             * @return {?}
+             */
+            function () { return _this.scheduleViewportScrollSync(); }));
+            this.hostResizeObserver.observe(this.hostEl.nativeElement);
+        }
+    };
+    /**
+     * @private
+     * @return {?}
+     */
+    HdTableComponent.prototype.unbindViewportResizeSync = /**
+     * @private
+     * @return {?}
+     */
+    function () {
+        if (this.boundOnViewportResize && typeof window !== "undefined") {
+            window.removeEventListener("resize", this.boundOnViewportResize);
+        }
+        this.boundOnViewportResize = null;
+        if (this.hostResizeObserver) {
+            this.hostResizeObserver.disconnect();
+            this.hostResizeObserver = null;
+        }
+        if (this.viewportResizeTimer != null) {
+            clearTimeout(this.viewportResizeTimer);
+            this.viewportResizeTimer = null;
+        }
+    };
+    /**
+     * @private
+     * @return {?}
+     */
+    HdTableComponent.prototype.scheduleViewportScrollSync = /**
+     * @private
+     * @return {?}
+     */
+    function () {
+        var _this = this;
+        if (this.viewportResizeTimer != null) {
+            clearTimeout(this.viewportResizeTimer);
+        }
+        this.viewportResizeTimer = setTimeout((/**
+         * @return {?}
+         */
+        function () {
+            _this.viewportResizeTimer = null;
+            if (!_this.tableCols || !_this.tableCols.length) {
+                return;
+            }
+            _this.syncHorizontalScroll();
+            // 等表体布局稳定后再校合计竖滚槽 / 横滚同步
+            setTimeout((/**
+             * @return {?}
+             */
+            function () { return _this.syncTotalFooterWithBody(); }), 50);
+        }), 100);
+    };
     /**
      * @return {?}
      */
@@ -12004,6 +12411,9 @@ var HdTableComponent = /** @class */ (function () {
         if (this.showSelected) {
             colWidth += 40;
         }
+        if (this.showTableTotal) {
+            colWidth += this.lineNumberColWidth; // 序号列（固定宽，不随位数变化）
+        }
         this.tableCols.forEach((/**
          * @param {?} item
          * @return {?}
@@ -12122,6 +12532,194 @@ var HdTableComponent = /** @class */ (function () {
             this.tableSearchEvent.emit(reset);
         }
     };
+    /**
+     * 底部合计：与 hd-detail-lines 相同，使用 TotalOption（insertIndex / insertValue）。
+     * 开启后强制展示序号列，「合计」落在序号列下；
+     * insertIndex 从 1 起对应可见数据列；未传 insertValue 时按该列 name 对 content 求和。
+     */
+    /**
+     * 底部合计：与 hd-detail-lines 相同，使用 TotalOption（insertIndex / insertValue）。
+     * 开启后强制展示序号列，「合计」落在序号列下；
+     * insertIndex 从 1 起对应可见数据列；未传 insertValue 时按该列 name 对 content 求和。
+     * @return {?}
+     */
+    HdTableComponent.prototype.calculateTableTotal = /**
+     * 底部合计：与 hd-detail-lines 相同，使用 TotalOption（insertIndex / insertValue）。
+     * 开启后强制展示序号列，「合计」落在序号列下；
+     * insertIndex 从 1 起对应可见数据列；未传 insertValue 时按该列 name 对 content 求和。
+     * @return {?}
+     */
+    function () {
+        var _this = this;
+        if (!this.showTableTotal ||
+            !this.tableTotalOption ||
+            !this.tableTotalOption.length) {
+            this.tableTotalOptionList = [];
+            return;
+        }
+        /** @type {?} */
+        var visibleCols = (this.tableCols || []).filter((/**
+         * @param {?} c
+         * @return {?}
+         */
+        function (c) { return c && c.isShow !== false; }));
+        // columnsNumber 含序号列（与 detail-lines 一致），数据槽位数 = columnsNumber - 1
+        /** @type {?} */
+        var configured = Number(this.columnsNumber);
+        /** @type {?} */
+        var columnNumber = configured > 1
+            ? configured - 1
+            : configured === 1
+                ? 1
+                : visibleCols.length;
+        if (!columnNumber || columnNumber < 1) {
+            this.tableTotalOptionList = [];
+            return;
+        }
+        this.tableTotalOptionList = new Array(columnNumber).fill("");
+        /** @type {?} */
+        var content = this.tableData && this.tableData.content ? this.tableData.content : [];
+        this.tableTotalOption.forEach((/**
+         * @param {?} item
+         * @return {?}
+         */
+        function (item) {
+            if (item == null || !item.insertIndex || item.insertIndex < 1) {
+                return;
+            }
+            /** @type {?} */
+            var value = item.insertValue;
+            // 未传 insertValue 时：按 insertIndex 对应可见列 name 自动求和
+            if (value == null || value === "") {
+                /** @type {?} */
+                var col = visibleCols[item.insertIndex - 1];
+                /** @type {?} */
+                var field_1 = col && typeof col.name === "string" ? col.name : null;
+                if (!field_1) {
+                    return;
+                }
+                /** @type {?} */
+                var sum_1 = 0;
+                /** @type {?} */
+                var hasValue_1 = false;
+                content.forEach((/**
+                 * @param {?} row
+                 * @return {?}
+                 */
+                function (row) {
+                    /** @type {?} */
+                    var raw = row ? row[field_1] : null;
+                    if (raw == null || raw === "") {
+                        return;
+                    }
+                    /** @type {?} */
+                    var num = Number(raw);
+                    if (!isNaN(num)) {
+                        sum_1 += num;
+                        hasValue_1 = true;
+                    }
+                }));
+                if (!hasValue_1) {
+                    return;
+                }
+                value = sum_1;
+            }
+            /** @type {?} */
+            var colAtIndex = visibleCols[item.insertIndex - 1];
+            _this.tableTotalOptionList[item.insertIndex - 1] = {
+                value: value,
+                align: item.align || (colAtIndex && colAtIndex.align) || "left",
+                showDecimal: item.showDecimal || false,
+                preserveNumber: item.preserveNumber != null ? item.preserveNumber : 2,
+                isHide: item.isHide || false,
+            };
+        }));
+    };
+    /**
+     * @private
+     * @param {?} col
+     * @param {?} colIndex
+     * @return {?}
+     */
+    HdTableComponent.prototype.getTableTotalCellMeta = /**
+     * @private
+     * @param {?} col
+     * @param {?} colIndex
+     * @return {?}
+     */
+    function (col, colIndex) {
+        if (!col || !this.tableTotalOptionList || !this.tableTotalOptionList.length) {
+            return null;
+        }
+        /** @type {?} */
+        var visibleIndex = -1;
+        for (var i = 0; i <= colIndex; i++) {
+            /** @type {?} */
+            var c = this.tableCols[i];
+            if (c && c.isShow !== false) {
+                visibleIndex++;
+            }
+        }
+        if (visibleIndex < 0 || visibleIndex >= this.tableTotalOptionList.length) {
+            return null;
+        }
+        /** @type {?} */
+        var meta = this.tableTotalOptionList[visibleIndex];
+        return meta && typeof meta === "object" ? meta : null;
+    };
+    /** 合计单元格展示文案（对齐 detail-lines 小数规则） */
+    /**
+     * 合计单元格展示文案（对齐 detail-lines 小数规则）
+     * @param {?} col
+     * @param {?} colIndex
+     * @return {?}
+     */
+    HdTableComponent.prototype.getTableTotalCellValue = /**
+     * 合计单元格展示文案（对齐 detail-lines 小数规则）
+     * @param {?} col
+     * @param {?} colIndex
+     * @return {?}
+     */
+    function (col, colIndex) {
+        /** @type {?} */
+        var meta = this.getTableTotalCellMeta(col, colIndex);
+        if (!meta || meta.isHide) {
+            return "";
+        }
+        /** @type {?} */
+        var value = meta.value;
+        if (!(value || value === 0)) {
+            return "";
+        }
+        /** @type {?} */
+        var preserve = meta.preserveNumber != null ? Number(meta.preserveNumber) : 2;
+        if (value % 1 === 0 && !meta.showDecimal) {
+            return value;
+        }
+        /** @type {?} */
+        var factor = Math.pow(10, preserve);
+        return (Math.round(Number(value) * factor) / factor).toFixed(preserve);
+    };
+    /**
+     * @param {?} col
+     * @param {?} colIndex
+     * @return {?}
+     */
+    HdTableComponent.prototype.getTableTotalCellAlign = /**
+     * @param {?} col
+     * @param {?} colIndex
+     * @return {?}
+     */
+    function (col, colIndex) {
+        /** @type {?} */
+        var meta = this.getTableTotalCellMeta(col, colIndex);
+        /** @type {?} */
+        var align = (meta && meta.align) || (col && col.align) || "left";
+        if (align === "right" || align === "center" || align === "left") {
+            return align;
+        }
+        return "left";
+    };
     /** 底部「共 n 条」：非分页/前端分页用 content.length，服务端分页用 totalElements */
     /**
      * 底部「共 n 条」：非分页/前端分页用 content.length，服务端分页用 totalElements
@@ -12731,13 +13329,14 @@ var HdTableComponent = /** @class */ (function () {
     HdTableComponent.decorators = [
         { type: Component, args: [{
                     selector: "hd-table",
-                    template: "<ng-container>\n  <hd-button-group>\n    <ng-template #buttonGroupLeft>\n      <ng-container *ngTemplateOutlet=\"tableLeftButton\"></ng-container>\n      <hd-button *ngIf=\"showOperateColWarpButton\" type=\"default\" (click)=\"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      <span class=\"hd-table-col-settings\" nz-dropdown nzTrigger=\"click\" [nzDropdownMenu]=\"menu\"\n        [nzVisible]=\"isDropdownVisible\" (click)=\"confirmDropdown()\" title=\"\u5217\u8BBE\u7F6E\">\n        <svg class=\"hd-table-col-settings-icon\" width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\">\n          <path fill-rule=\"evenodd\" clip-rule=\"evenodd\"\n            d=\"M4.92031 1.80756C5.02551 1.42884 5.37033 1.16675 5.76339 1.16675H8.23667C8.62973 1.16675 8.97455 1.42884 9.07975 1.80756L9.37802 2.88133L10.4571 2.60273C10.8377 2.50448 11.2371 2.67206 11.4336 3.01245L12.6703 5.15438C12.8668 5.49478 12.8122 5.92445 12.5369 6.20491L11.7561 7.00008L12.5369 7.79525C12.8122 8.07572 12.8668 8.50539 12.6703 8.84579L11.4336 10.9877C11.2371 11.3281 10.8377 11.4957 10.4571 11.3974L9.37802 11.1188L9.07975 12.1926C8.97455 12.5713 8.62973 12.8334 8.23667 12.8334H5.76339C5.37033 12.8334 5.02551 12.5713 4.92031 12.1926L4.62206 11.1189L3.54315 11.3974C3.16258 11.4957 2.76318 11.3281 2.56666 10.9877L1.33001 8.84579C1.13349 8.50539 1.18806 8.07572 1.46343 7.79525L2.24419 7.00008L1.46344 6.20491C1.18806 5.92445 1.13349 5.49478 1.33002 5.15438L2.56666 3.01245C2.76319 2.67206 3.16258 2.50448 3.54316 2.60273L4.62206 2.88127L4.92031 1.80756ZM4.54541 10.843L4.54552 10.8433L4.54541 10.843ZM5.98508 2.33341L5.66952 3.46945C5.54185 3.92906 5.06958 4.20173 4.60771 4.08249L3.46618 3.78778L2.45122 5.54572L3.2773 6.38705C3.6115 6.72742 3.6115 7.27275 3.2773 7.61312L2.45122 8.45444L3.46617 10.2124L4.60771 9.91768C5.06958 9.79844 5.54185 10.0711 5.66952 10.5307L5.98508 11.6667H8.01498L8.33056 10.5307C8.45823 10.071 8.9305 9.79838 9.39237 9.91762L10.5341 10.2124L11.5491 8.45444L10.723 7.61312C10.3888 7.27275 10.3888 6.72742 10.723 6.38705L11.5491 5.54572L10.5341 3.78778L9.39237 4.08254C8.9305 4.20178 8.45823 3.92912 8.33056 3.46951L8.01498 2.33341H5.98508ZM7.00003 5.83342C6.3557 5.83342 5.83337 6.35575 5.83337 7.00008C5.83337 7.64441 6.3557 8.16675 7.00003 8.16675C7.64436 8.16675 8.1667 7.64441 8.1667 7.00008C8.1667 6.35575 7.64436 5.83342 7.00003 5.83342ZM4.6667 7.00008C4.6667 5.71142 5.71137 4.66675 7.00003 4.66675C8.2887 4.66675 9.33337 5.71142 9.33337 7.00008C9.33337 8.28875 8.2887 9.33342 7.00003 9.33342C5.71137 9.33342 4.6667 8.28875 4.6667 7.00008Z\"\n            fill=\"currentColor\" />\n        </svg>\n      </span>\n      <nz-dropdown-menu #menu=\"nzDropdownMenu\">\n        <div class=\"hd-table-col-settings-dropdown\">\n          <div class=\"hd-table-col-settings-list\">\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 class=\"hd-table-col-settings-footer\">\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        </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\" [class.hd-table--virtual]=\"useVirtualScroll\"\n    [class.hd-table--scroll-y]=\"!!(scroll && scroll.y)\" [class.hd-table--scroll-x]=\"!!(scroll && scroll.x)\"\n    [nzScroll]=\"scroll\"\n    [nzShowPagination]=\"pagination\" [nzShowSizeChanger]=\"pagination\" [nzShowQuickJumper]=\"pagination\"\n    [nzFrontPagination]=\"useFrontPagination\" nzSize=\"middle\" [nzData]=\"tableData.content\"\n    [nzTotal]=\"getTableTotalCount()\" [(nzPageIndex)]=\"tablePageIndex\" [nzLoading]=\"tableLoading\"\n    [nzPageSizeOptions]=\"[ 10, 50, 100, 200, 500, 1000 ]\" [(nzPageSize)]=\"tablePageSize\"\n    (nzPageSizeChange)=\"pagination ? search(true) : null\"\n    (nzPageIndexChange)=\"pagination ? search(false) : null\"\n    (nzCurrentPageDataChange)=\"showSelected ? currentPageDataChange($event) : null\"\n    [nzShowTotal]=\"tableTotalTemplate\" [nzVirtualScroll]=\"useVirtualScroll\" [nzVirtualItemSize]=\"useVirtualScroll ? effectiveVirtualItemSize : 0\"\n    [nzVirtualForTrackBy]=\"virtualTrackByRow\">\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]=\"getLeftSticky(col)\"\n            [nzRight]=\"getRightSticky(col)\" nz-resizable nzBounds=\"window\" nzPreview\n            (nzResizeEnd)=\"onResize($event, col)\" [nzShowSort]=\"col.canSort\" [nzSortKey]=\"col.name\"\n            [nzSort]=\"getColSort(col)\">\n            <ng-container *ngIf=\"getTitleParts(col) as titleParts; else plainTitle\">\n              <span class=\"hd-table-title-with-bar\">{{ titleParts[0] }}<i class=\"hd-table-row-no-bar\"></i>{{ titleParts[1] }}</span>\n            </ng-container>\n            <ng-template #plainTitle>{{ col.title }}</ng-template>\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      <ng-template *ngIf=\"useVirtualScroll\" nz-virtual-scroll let-data let-index=\"index\">\n        <tr class=\"hd-table-virtual-row\" [class.hd-table-row-invalid]=\"isInvalidRow(data)\">\n          <ng-container *ngTemplateOutlet=\"tableCells; context: { $implicit: data, index: index }\"></ng-container>\n        </tr>\n      </ng-template>\n      <ng-container *ngIf=\"!useVirtualScroll\">\n        <tr *ngFor=\"let data of hdTable.data; trackBy: trackByRow; index as i\"\n          [class.hd-table-row-invalid]=\"isInvalidRow(data)\">\n          <ng-container *ngTemplateOutlet=\"tableCells; context: { $implicit: data, index: i }\"></ng-container>\n        </tr>\n      </ng-container>\n    </tbody>\n    <tfoot *ngIf=\"showTableTotal\">\n      <tr 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    </tfoot>\n    <ng-template #tableTotalTemplate>\n      \u5171 {{ getTableTotalCount() }} \u6761\u6570\u636E\n    </ng-template>\n  </nz-table>\n</ng-container>\n\n<ng-template #tableCells let-data let-index=\"index\">\n  <td nzLeft=\"0px\" *ngIf=\"showSelected\" nzShowCheckbox [nzChecked]=\"mapOfCheckedId[data[selectField]]\"\n    [nzDisabled]=\"isSelectDisabled(data)\" (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]=\"getLeftSticky(col)\"\n      [nzRight]=\"getRightSticky(col)\"\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]=\"isDangerBtn(btn, data) ? 'common-danger-btn': ''\"\n                (click)=\"triggerEvent(btn.click || null, data)\">{{ getBtnName(btn, data) }}</a>\n            </ng-container>\n            <ng-template #showConfirmTemplate>\n              <a *ngIf=\"btn.permission ? btn.permission(data) : true\"\n                [class]=\"isDangerBtn(btn, data) ? 'common-danger-btn': ''\" nz-popconfirm\n                [nzPopconfirmTitle]=\"'\u786E\u8BA4\u8981' + getBtnName(btn, data) + '\u5417?'\"\n                (nzOnConfirm)=\"triggerEvent(btn.click || null, data)\">{{\n                getBtnName(btn, data) }}</a>\n            </ng-template>\n          </ng-container>\n        </div>\n      </ng-container>\n      <ng-template #notOperateTemplate>\n        <ng-container *ngIf=\"hasInlineEdit(col); else displayCellTpl\">\n          <div class=\"hd-table-cell-edit\">\n            <ng-container [ngSwitch]=\"col.editType\">\n              <input *ngSwitchCase=\"'input'\" nz-input class=\"hd-table-cell-edit-control\"\n                [placeholder]=\"col.placeholder || ''\"\n                [disabled]=\"isEditDisabled(col, data)\"\n                [ngModel]=\"data[col.name]\"\n                (ngModelChange)=\"onCellChange(col, data, $event)\" />\n              <nz-input-number *ngSwitchCase=\"'inputNumber'\" class=\"hd-table-cell-edit-control\"\n                [nzPlaceHolder]=\"col.placeholder || ''\"\n                [nzDisabled]=\"isEditDisabled(col, data)\"\n                [nzMin]=\"getInputNumberProp(col, 'min', 0)\"\n                [nzMax]=\"getInputNumberProp(col, 'max', 99999999)\"\n                [nzStep]=\"getInputNumberProp(col, 'step', 1)\"\n                [nzPrecision]=\"getInputNumberProp(col, 'precision', 4)\"\n                [ngModel]=\"data[col.name]\"\n                (ngModelChange)=\"onCellChange(col, data, $event)\">\n              </nz-input-number>\n              <nz-select *ngSwitchCase=\"'select'\" class=\"hd-table-cell-edit-control\"\n                [nzPlaceHolder]=\"col.placeholder || '\u8BF7\u9009\u62E9'\"\n                [nzDisabled]=\"isEditDisabled(col, data)\"\n                [nzAllowClear]=\"col.selectOption && col.selectOption.hdAllowClear !== false\"\n                [nzShowSearch]=\"!col.selectOption || col.selectOption.hdShowSearch !== false\"\n                [ngModel]=\"data[col.name]\"\n                (ngModelChange)=\"onSelectChange(col, data, $event)\">\n                <nz-option *ngFor=\"let selectItem of getSelectList(col, data)\"\n                  [nzValue]=\"selectItem[col.selectOption.value]\"\n                  [nzLabel]=\"getSelectOptionLabel(col, selectItem)\">\n                </nz-option>\n              </nz-select>\n            </ng-container>\n          </div>\n        </ng-container>\n        <ng-template #displayCellTpl>\n        <div [class.hd-table-cell-with-actions]=\"col.btnList && col.btnList.length\">\n          <div class=\"hd-table-cell-value\"\n            [class.hd-table-cell-value--rowno]=\"hasRowNo(col)\"\n            [class.hd-table-cell-value--edit]=\"isEditable(col, data)\">\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\">\n                  <span *ngIf=\"cell.overflow && !(col.canWarp && showDetail)\" class=\"hd-table-cell-ellipsis\" nz-tooltip\n                    [nzTooltipTitle]=\"cell.title\">{{ cell.display }}</span>\n                  <span *ngIf=\"!cell.overflow || (col.canWarp && showDetail)\">{{ cell.display }}</span>\n                </ng-container>\n              </hd-status>\n            </ng-container>\n            <ng-template #otherTemplate>\n              <ng-container *ngIf=\"col.click && (!col.canClick || col.canClick(data));else noClickTemplate\">\n                <ng-container *ngIf=\"(data | hdTableCell:col) as cell\">\n                  <a *ngIf=\"cell.overflow && !(col.canWarp && showDetail)\" class=\"hd-table-cell-ellipsis\" nz-tooltip\n                    [nzTooltipTitle]=\"cell.title\"\n                    [ngStyle]=\"{'color': getLinkCellColor(col, data, cell.isEmpty)}\"\n                    (click)=\"triggerEvent(col.click || null, data)\">{{ cell.display }}</a>\n                  <a *ngIf=\"!cell.overflow || (col.canWarp && showDetail)\"\n                    [ngStyle]=\"{'color': getLinkCellColor(col, data, cell.isEmpty)}\"\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 *ngIf=\"cell.overflow && !(col.canWarp && showDetail)\" class=\"hd-table-cell-ellipsis\" nz-tooltip\n                    [nzTooltipTitle]=\"cell.title\"\n                    [ngStyle]=\"{'color': getPlainCellColor(col, data)}\">{{ cell.display }}</span>\n                  <span *ngIf=\"!cell.overflow || (col.canWarp && showDetail)\"\n                    [ngStyle]=\"{'color': getPlainCellColor(col, data)}\">{{ cell.display }}</span>\n                </ng-container>\n              </ng-template>\n            </ng-template>\n            <span class=\"hd-table-row-no\" *ngIf=\"hasRowNo(col) && getRowNoText(col, data, index)\">\n              <i class=\"hd-table-row-no-bar\"></i>{{ getRowNoText(col, data, index) }}\n            </span>\n            <a *ngIf=\"isEditable(col, data)\" class=\"hd-table-edit-icon\" href=\"javascript:;\" title=\"\u7F16\u8F91\"\n              (click)=\"onEditClick($event, col, data)\">\n              <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"\n                aria-hidden=\"true\">\n                <path fill-rule=\"evenodd\" clip-rule=\"evenodd\"\n                  d=\"M8.10797 1.42626C8.44968 1.08456 9.0037 1.08456 9.34541 1.42626L10.9746 3.05542C11.3163 3.39713 11.3163 3.95115 10.9746 4.29286L5.01002 10.2574C4.87077 10.3967 4.68863 10.4849 4.49305 10.5078L2.72936 10.7142C2.18281 10.7782 1.71357 10.3278 1.7551 9.77914L1.89441 7.93871C1.9102 7.73007 2.00024 7.53399 2.14819 7.38604L8.10797 1.42626ZM7.67304 3.51111L8.88972 4.72779L9.94337 3.67414L8.72669 2.45746L7.67304 3.51111ZM8.06477 5.55274L6.84808 4.33606L3.04959 8.13456L2.94515 9.51434L4.25672 9.36079L8.06477 5.55274ZM12.25 12.8333L1.75 12.8333V11.6666L12.25 11.6666V12.8333Z\"\n                  fill=\"currentColor\" />\n              </svg>\n            </a>\n          </div>\n          <div class=\"common-btn-group hd-table-cell-actions\" *ngIf=\"col.btnList && col.btnList.length\">\n            <ng-container *ngFor=\"let btn of col.btnList\">\n              <ng-container *ngIf=\"!needShowConfirm(btn, data);else cellActionConfirmTpl\">\n                <a *ngIf=\"btn.permission ? btn.permission(data) : true\"\n                  [class]=\"isDangerBtn(btn, data) ? 'common-danger-btn': ''\"\n                  (click)=\"triggerEvent(btn.click || null, data)\">{{ getBtnName(btn, data) }}</a>\n              </ng-container>\n              <ng-template #cellActionConfirmTpl>\n                <a *ngIf=\"btn.permission ? btn.permission(data) : true\"\n                  [class]=\"isDangerBtn(btn, data) ? 'common-danger-btn': ''\" nz-popconfirm\n                  [nzPopconfirmTitle]=\"'\u786E\u8BA4\u8981' + getBtnName(btn, data) + '\u5417?'\"\n                  (nzOnConfirm)=\"triggerEvent(btn.click || null, data)\">{{\n                  getBtnName(btn, data) }}</a>\n              </ng-template>\n            </ng-container>\n          </div>\n        </div>\n        </ng-template>\n      </ng-template>\n    </td>\n  </ng-container>\n</ng-template>\n",
+                    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      <span class=\"hd-table-col-settings\" nz-dropdown nzTrigger=\"click\" [nzDropdownMenu]=\"menu\"\n        [nzVisible]=\"isDropdownVisible\" (click)=\"confirmDropdown()\" title=\"\u5217\u8BBE\u7F6E\">\n        <svg class=\"hd-table-col-settings-icon\" width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\">\n          <path fill-rule=\"evenodd\" clip-rule=\"evenodd\"\n            d=\"M4.92031 1.80756C5.02551 1.42884 5.37033 1.16675 5.76339 1.16675H8.23667C8.62973 1.16675 8.97455 1.42884 9.07975 1.80756L9.37802 2.88133L10.4571 2.60273C10.8377 2.50448 11.2371 2.67206 11.4336 3.01245L12.6703 5.15438C12.8668 5.49478 12.8122 5.92445 12.5369 6.20491L11.7561 7.00008L12.5369 7.79525C12.8122 8.07572 12.8668 8.50539 12.6703 8.84579L11.4336 10.9877C11.2371 11.3281 10.8377 11.4957 10.4571 11.3974L9.37802 11.1188L9.07975 12.1926C8.97455 12.5713 8.62973 12.8334 8.23667 12.8334H5.76339C5.37033 12.8334 5.02551 12.5713 4.92031 12.1926L4.62206 11.1189L3.54315 11.3974C3.16258 11.4957 2.76318 11.3281 2.56666 10.9877L1.33001 8.84579C1.13349 8.50539 1.18806 8.07572 1.46343 7.79525L2.24419 7.00008L1.46344 6.20491C1.18806 5.92445 1.13349 5.49478 1.33002 5.15438L2.56666 3.01245C2.76319 2.67206 3.16258 2.50448 3.54316 2.60273L4.62206 2.88127L4.92031 1.80756ZM4.54541 10.843L4.54552 10.8433L4.54541 10.843ZM5.98508 2.33341L5.66952 3.46945C5.54185 3.92906 5.06958 4.20173 4.60771 4.08249L3.46618 3.78778L2.45122 5.54572L3.2773 6.38705C3.6115 6.72742 3.6115 7.27275 3.2773 7.61312L2.45122 8.45444L3.46617 10.2124L4.60771 9.91768C5.06958 9.79844 5.54185 10.0711 5.66952 10.5307L5.98508 11.6667H8.01498L8.33056 10.5307C8.45823 10.071 8.9305 9.79838 9.39237 9.91762L10.5341 10.2124L11.5491 8.45444L10.723 7.61312C10.3888 7.27275 10.3888 6.72742 10.723 6.38705L11.5491 5.54572L10.5341 3.78778L9.39237 4.08254C8.9305 4.20178 8.45823 3.92912 8.33056 3.46951L8.01498 2.33341H5.98508ZM7.00003 5.83342C6.3557 5.83342 5.83337 6.35575 5.83337 7.00008C5.83337 7.64441 6.3557 8.16675 7.00003 8.16675C7.64436 8.16675 8.1667 7.64441 8.1667 7.00008C8.1667 6.35575 7.64436 5.83342 7.00003 5.83342ZM4.6667 7.00008C4.6667 5.71142 5.71137 4.66675 7.00003 4.66675C8.2887 4.66675 9.33337 5.71142 9.33337 7.00008C9.33337 8.28875 8.2887 9.33342 7.00003 9.33342C5.71137 9.33342 4.6667 8.28875 4.6667 7.00008Z\"\n            fill=\"currentColor\" />\n        </svg>\n      </span>\n      <nz-dropdown-menu #menu=\"nzDropdownMenu\">\n        <div class=\"hd-table-col-settings-dropdown\">\n          <div class=\"hd-table-col-settings-list\">\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 class=\"hd-table-col-settings-footer\">\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        </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\" [class.hd-table--virtual]=\"useVirtualScroll\"\n    [class.hd-table--scroll-y]=\"!!(scroll && scroll.y)\" [class.hd-table--scroll-x]=\"!!(scroll && scroll.x)\"\n    [class.hd-table--has-total]=\"showTableTotal\"\n    [nzScroll]=\"scroll\"\n    [nzShowPagination]=\"pagination\" [nzShowSizeChanger]=\"pagination\" [nzShowQuickJumper]=\"pagination\"\n    [nzFrontPagination]=\"useFrontPagination\" nzSize=\"middle\" [nzData]=\"tableData.content\"\n    [nzTotal]=\"getTableTotalCount()\" [(nzPageIndex)]=\"tablePageIndex\" [nzLoading]=\"tableLoading\"\n    [nzPageSizeOptions]=\"[ 10, 50, 100, 200, 500, 1000 ]\" [(nzPageSize)]=\"tablePageSize\"\n    (nzPageSizeChange)=\"pagination ? search(true) : null\"\n    (nzPageIndexChange)=\"pagination ? search(false) : null\"\n    (nzCurrentPageDataChange)=\"showSelected ? currentPageDataChange($event) : null\"\n    [nzShowTotal]=\"tableTotalTemplate\" [nzFooter]=\"showTableTotal ? tableTotalFooter : null\"\n    [nzVirtualScroll]=\"useVirtualScroll\" [nzVirtualItemSize]=\"useVirtualScroll ? effectiveVirtualItemSize : 0\"\n    [nzVirtualForTrackBy]=\"virtualTrackByRow\">\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        <th class=\"hd-table-line-no-col\" [nzWidth]=\"lineNumberColWidthPx\" [nzLeft]=\"lineNumberLeft\"\n          *ngIf=\"showTableTotal\">\u5E8F\u53F7</th>\n        <ng-container *ngFor=\"let col of tableCols\">\n          <th *ngIf=\"col.isShow\" [nzWidth]=\"col.width + 'px'\" [nzAlign]=\"col.align\"\n            [nzLeft]=\"getLeftSticky(col)\"\n            [nzRight]=\"getRightSticky(col)\" nz-resizable nzBounds=\"window\" nzPreview\n            (nzResizeEnd)=\"onResize($event, col)\" [nzShowSort]=\"col.canSort\" [nzSortKey]=\"col.name\"\n            [nzSort]=\"getColSort(col)\">\n            <ng-container *ngIf=\"getTitleParts(col) as titleParts; else plainTitle\">\n              <span class=\"hd-table-title-with-bar\">{{ titleParts[0] }}<i class=\"hd-table-row-no-bar\"></i>{{ titleParts[1] }}</span>\n            </ng-container>\n            <ng-template #plainTitle>{{ col.title }}</ng-template>\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      <ng-template *ngIf=\"useVirtualScroll\" nz-virtual-scroll let-data let-index=\"index\">\n        <tr class=\"hd-table-virtual-row\" [class.hd-table-row-invalid]=\"isInvalidRow(data)\">\n          <ng-container *ngTemplateOutlet=\"tableCells; context: { $implicit: data, index: index }\"></ng-container>\n        </tr>\n      </ng-template>\n      <ng-container *ngIf=\"!useVirtualScroll\">\n        <tr *ngFor=\"let data of hdTable.data; trackBy: trackByRow; index as i\"\n          [class.hd-table-row-invalid]=\"isInvalidRow(data)\">\n          <ng-container *ngTemplateOutlet=\"tableCells; context: { $implicit: data, index: i }\"></ng-container>\n        </tr>\n      </ng-container>\n    </tbody>\n    <ng-template #tableTotalTemplate>\n      \u5171 {{ getTableTotalCount() }} \u6761\u6570\u636E\n    </ng-template>\n    <ng-template #tableTotalFooter>\n      <!--\n        \u5217\u603B\u5BBD < \u5BB9\u5668\uFF1Afluid\uFF0C\u8868\u5BBD 100%\uFF0C\u4E0E\u8868\u4F53\u540C\u6BD4\u4F8B\u88AB\u6491\u5F00\uFF0C\u4E0D\u518D\u6309\u58F0\u660E px \u9501\u6B7B\uFF1B\n        \u5217\u603B\u5BBD > \u5BB9\u5668\uFF1Afixed\uFF0C\u8868\u5BBD = scroll.x\uFF0C\u6A2A\u6EDA\u4E0E\u8868\u4F53\u540C\u6B65\u3002\n      -->\n      <div class=\"hd-table-total-footer\"\n        [class.hd-table-total-footer--fluid]=\"isTotalFooterFluid\"\n        [class.hd-table-total-footer--y-gutter]=\"totalFooterNeedYGutter\">\n        <table class=\"hd-table-total-footer-table\" [style.width]=\"totalFooterTableWidth\">\n          <colgroup>\n            <!-- \u52FE\u9009/\u5E8F\u53F7\u9501\u5BBD\uFF0C\u4E0D\u53C2\u4E0E\u5747\u644A -->\n            <col *ngIf=\"showSelected\" style=\"width: 40px; min-width: 40px; max-width: 40px;\" />\n            <col *ngIf=\"showTableTotal\"\n              [style.width.px]=\"lineNumberColWidth\"\n              [style.min-width.px]=\"lineNumberColWidth\"\n              [style.max-width.px]=\"lineNumberColWidth\" />\n            <ng-container *ngFor=\"let col of tableCols; trackBy: trackByCol\">\n              <col *ngIf=\"col.isShow\" [style.width.px]=\"col.width\" />\n            </ng-container>\n          </colgroup>\n          <tr class=\"hd-table-total\">\n            <td *ngIf=\"showSelected\" class=\"hd-table-total-footer-cell hd-table-total-footer-select\"\n              [class.hd-table-total-footer-sticky-left]=\"!isTotalFooterFluid\"\n              style=\"left: 0;\">&nbsp;</td>\n            <td class=\"hd-table-total-footer-cell hd-table-total-footer-line-no\"\n              [class.hd-table-total-footer-sticky-left]=\"!isTotalFooterFluid\"\n              [style.left]=\"!isTotalFooterFluid ? lineNumberLeft : null\">\u5408\u8BA1</td>\n            <ng-container *ngFor=\"let col of tableCols; let colIndex = index; trackBy: trackByCol\">\n              <td *ngIf=\"col.isShow\" class=\"hd-table-total-footer-cell\"\n                [class.hd-table-total-footer-sticky-left]=\"!isTotalFooterFluid && col.fixed === 'left'\"\n                [class.hd-table-total-footer-sticky-right]=\"!isTotalFooterFluid && col.fixed === 'right'\"\n                [class.hd-table-total-align-left]=\"getTableTotalCellAlign(col, colIndex) === 'left'\"\n                [class.hd-table-total-align-center]=\"getTableTotalCellAlign(col, colIndex) === 'center'\"\n                [class.hd-table-total-align-right]=\"getTableTotalCellAlign(col, colIndex) === 'right'\"\n                [style.left]=\"!isTotalFooterFluid && col.fixed === 'left' ? (col.fixedWidth || 0) + 'px' : null\"\n                [style.right]=\"!isTotalFooterFluid && col.fixed === 'right' ? (col.fixedRightWidth || 0) + 'px' : null\"\n                [ngStyle]=\"{'text-align': getTableTotalCellAlign(col, colIndex)}\">\n                {{ getTableTotalCellValue(col, colIndex) }}\n              </td>\n            </ng-container>\n          </tr>\n        </table>\n      </div>\n    </ng-template>\n  </nz-table>\n</ng-container>\n\n<ng-template #tableCells let-data let-index=\"index\">\n  <td nzWidth=\"40px\" nzLeft=\"0px\" *ngIf=\"showSelected\" nzShowCheckbox [nzChecked]=\"mapOfCheckedId[data[selectField]]\"\n    [nzDisabled]=\"isSelectDisabled(data)\" (nzCheckedChange)=\"refreshStatus($event, data)\"></td>\n  <td class=\"hd-table-line-no-col\" [nzWidth]=\"lineNumberColWidthPx\" [nzLeft]=\"lineNumberLeft\"\n    *ngIf=\"showTableTotal\">{{ getLineNumber(index) }}</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]=\"getLeftSticky(col)\"\n      [nzRight]=\"getRightSticky(col)\"\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]=\"isDangerBtn(btn, data) ? 'common-danger-btn': ''\"\n                (click)=\"triggerEvent(btn.click || null, data)\">{{ getBtnName(btn, data) }}</a>\n            </ng-container>\n            <ng-template #showConfirmTemplate>\n              <a *ngIf=\"btn.permission ? btn.permission(data) : true\"\n                [class]=\"isDangerBtn(btn, data) ? 'common-danger-btn': ''\" nz-popconfirm\n                [nzPopconfirmTitle]=\"'\u786E\u8BA4\u8981' + getBtnName(btn, data) + '\u5417?'\"\n                (nzOnConfirm)=\"triggerEvent(btn.click || null, data)\">{{\n                getBtnName(btn, data) }}</a>\n            </ng-template>\n          </ng-container>\n        </div>\n      </ng-container>\n      <ng-template #notOperateTemplate>\n        <ng-container *ngIf=\"hasInlineEdit(col); else displayCellTpl\">\n          <div class=\"hd-table-cell-edit\">\n            <ng-container [ngSwitch]=\"col.editType\">\n              <input *ngSwitchCase=\"'input'\" nz-input class=\"hd-table-cell-edit-control\"\n                [placeholder]=\"col.placeholder || ''\"\n                [disabled]=\"isEditDisabled(col, data)\"\n                [ngModel]=\"data[col.name]\"\n                (ngModelChange)=\"onCellChange(col, data, $event)\" />\n              <nz-input-number *ngSwitchCase=\"'inputNumber'\" class=\"hd-table-cell-edit-control\"\n                [nzPlaceHolder]=\"col.placeholder || ''\"\n                [nzDisabled]=\"isEditDisabled(col, data)\"\n                [nzMin]=\"getInputNumberProp(col, 'min', 0)\"\n                [nzMax]=\"getInputNumberProp(col, 'max', 99999999)\"\n                [nzStep]=\"getInputNumberProp(col, 'step', 1)\"\n                [nzPrecision]=\"getInputNumberProp(col, 'precision', 4)\"\n                [ngModel]=\"data[col.name]\"\n                (ngModelChange)=\"onCellChange(col, data, $event)\">\n              </nz-input-number>\n              <nz-select *ngSwitchCase=\"'select'\" class=\"hd-table-cell-edit-control\"\n                [nzPlaceHolder]=\"col.placeholder || '\u8BF7\u9009\u62E9'\"\n                [nzDisabled]=\"isEditDisabled(col, data)\"\n                [nzAllowClear]=\"col.selectOption && col.selectOption.hdAllowClear !== false\"\n                [nzShowSearch]=\"!col.selectOption || col.selectOption.hdShowSearch !== false\"\n                [ngModel]=\"data[col.name]\"\n                (ngModelChange)=\"onSelectChange(col, data, $event)\">\n                <nz-option *ngFor=\"let selectItem of getSelectList(col, data)\"\n                  [nzValue]=\"selectItem[col.selectOption.value]\"\n                  [nzLabel]=\"getSelectOptionLabel(col, selectItem)\">\n                </nz-option>\n              </nz-select>\n            </ng-container>\n          </div>\n        </ng-container>\n        <ng-template #displayCellTpl>\n        <div [class.hd-table-cell-with-actions]=\"col.btnList && col.btnList.length\">\n          <div class=\"hd-table-cell-value\"\n            [class.hd-table-cell-value--rowno]=\"hasRowNo(col)\"\n            [class.hd-table-cell-value--edit]=\"isEditable(col, data)\">\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\">\n                  <span *ngIf=\"cell.overflow && !(col.canWarp && showDetail)\" class=\"hd-table-cell-ellipsis\" nz-tooltip\n                    [nzTooltipTitle]=\"cell.title\">{{ cell.display }}</span>\n                  <span *ngIf=\"!cell.overflow || (col.canWarp && showDetail)\">{{ cell.display }}</span>\n                </ng-container>\n              </hd-status>\n            </ng-container>\n            <ng-template #otherTemplate>\n              <ng-container *ngIf=\"col.click && (!col.canClick || col.canClick(data));else noClickTemplate\">\n                <ng-container *ngIf=\"(data | hdTableCell:col) as cell\">\n                  <a *ngIf=\"cell.overflow && !(col.canWarp && showDetail)\" class=\"hd-table-cell-ellipsis\" nz-tooltip\n                    [nzTooltipTitle]=\"cell.title\"\n                    [ngStyle]=\"{'color': getLinkCellColor(col, data, cell.isEmpty)}\"\n                    (click)=\"triggerEvent(col.click || null, data)\">{{ cell.display }}</a>\n                  <a *ngIf=\"!cell.overflow || (col.canWarp && showDetail)\"\n                    [ngStyle]=\"{'color': getLinkCellColor(col, data, cell.isEmpty)}\"\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 *ngIf=\"cell.overflow && !(col.canWarp && showDetail)\" class=\"hd-table-cell-ellipsis\" nz-tooltip\n                    [nzTooltipTitle]=\"cell.title\"\n                    [ngStyle]=\"{'color': getPlainCellColor(col, data)}\">{{ cell.display }}</span>\n                  <span *ngIf=\"!cell.overflow || (col.canWarp && showDetail)\"\n                    [ngStyle]=\"{'color': getPlainCellColor(col, data)}\">{{ cell.display }}</span>\n                </ng-container>\n              </ng-template>\n            </ng-template>\n            <span class=\"hd-table-row-no\" *ngIf=\"hasRowNo(col) && getRowNoText(col, data, index)\">\n              <i class=\"hd-table-row-no-bar\"></i>{{ getRowNoText(col, data, index) }}\n            </span>\n            <a *ngIf=\"isEditable(col, data)\" class=\"hd-table-edit-icon\" href=\"javascript:;\" title=\"\u7F16\u8F91\"\n              (click)=\"onEditClick($event, col, data)\">\n              <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"\n                aria-hidden=\"true\">\n                <path fill-rule=\"evenodd\" clip-rule=\"evenodd\"\n                  d=\"M8.10797 1.42626C8.44968 1.08456 9.0037 1.08456 9.34541 1.42626L10.9746 3.05542C11.3163 3.39713 11.3163 3.95115 10.9746 4.29286L5.01002 10.2574C4.87077 10.3967 4.68863 10.4849 4.49305 10.5078L2.72936 10.7142C2.18281 10.7782 1.71357 10.3278 1.7551 9.77914L1.89441 7.93871C1.9102 7.73007 2.00024 7.53399 2.14819 7.38604L8.10797 1.42626ZM7.67304 3.51111L8.88972 4.72779L9.94337 3.67414L8.72669 2.45746L7.67304 3.51111ZM8.06477 5.55274L6.84808 4.33606L3.04959 8.13456L2.94515 9.51434L4.25672 9.36079L8.06477 5.55274ZM12.25 12.8333L1.75 12.8333V11.6666L12.25 11.6666V12.8333Z\"\n                  fill=\"currentColor\" />\n              </svg>\n            </a>\n          </div>\n          <div class=\"common-btn-group hd-table-cell-actions\" *ngIf=\"col.btnList && col.btnList.length\">\n            <ng-container *ngFor=\"let btn of col.btnList\">\n              <ng-container *ngIf=\"!needShowConfirm(btn, data);else cellActionConfirmTpl\">\n                <a *ngIf=\"btn.permission ? btn.permission(data) : true\"\n                  [class]=\"isDangerBtn(btn, data) ? 'common-danger-btn': ''\"\n                  (click)=\"triggerEvent(btn.click || null, data)\">{{ getBtnName(btn, data) }}</a>\n              </ng-container>\n              <ng-template #cellActionConfirmTpl>\n                <a *ngIf=\"btn.permission ? btn.permission(data) : true\"\n                  [class]=\"isDangerBtn(btn, data) ? 'common-danger-btn': ''\" nz-popconfirm\n                  [nzPopconfirmTitle]=\"'\u786E\u8BA4\u8981' + getBtnName(btn, data) + '\u5417?'\"\n                  (nzOnConfirm)=\"triggerEvent(btn.click || null, data)\">{{\n                  getBtnName(btn, data) }}</a>\n              </ng-template>\n            </ng-container>\n          </div>\n        </div>\n        </ng-template>\n      </ng-template>\n    </td>\n  </ng-container>\n</ng-template>\n",
                     changeDetection: 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}::ng-deep .hd-table-container .ant-table-td-left-sticky,::ng-deep .hd-table-container .ant-table-td-right-sticky,::ng-deep .hd-table-container .ant-table-th-left-sticky,::ng-deep .hd-table-container .ant-table-th-right-sticky{z-index:2;transform:translateZ(0)}::ng-deep .hd-table-container .ant-table-thead>tr>th.ant-table-th-left-sticky,::ng-deep .hd-table-container .ant-table-thead>tr>th.ant-table-th-right-sticky{background:#f5f8f6!important}::ng-deep .hd-table-container .ant-table-tbody>tr>td.ant-table-td-left-sticky,::ng-deep .hd-table-container .ant-table-tbody>tr>td.ant-table-td-right-sticky{background:#fff}::ng-deep .hd-table-container .ant-table-tbody>tr.ant-table-row-hover>td.ant-table-td-left-sticky,::ng-deep .hd-table-container .ant-table-tbody>tr.ant-table-row-hover>td.ant-table-td-right-sticky,::ng-deep .hd-table-container .ant-table-tbody>tr:hover>td.ant-table-td-left-sticky,::ng-deep .hd-table-container .ant-table-tbody>tr:hover>td.ant-table-td-right-sticky{background:#ecf8f1!important}::ng-deep .hd-table-container .ant-table-scroll-position-left .ant-table-td-right-sticky,::ng-deep .hd-table-container .ant-table-scroll-position-left .ant-table-th-right-sticky,::ng-deep .hd-table-container .ant-table-scroll-position-middle .ant-table-td-right-sticky,::ng-deep .hd-table-container .ant-table-scroll-position-middle .ant-table-th-right-sticky,::ng-deep .hd-table-container .ant-table-scroll-position-right .ant-table-td-right-sticky,::ng-deep .hd-table-container .ant-table-scroll-position-right .ant-table-th-right-sticky{box-shadow:none!important}::ng-deep .hd-table-container .ant-table-fixed-right{right:0!important}: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-pagination-options .ant-select,::ng-deep .ant-pagination-options .ant-select-selection--single{min-width:100px}::ng-deep .ant-pagination-options-size-changer.ant-select{min-width:100px}::ng-deep .ant-time-picker{width:100%}::ng-deep .cdk-overlay-pane .hd-cascader-menus.ant-cascader-menus>.ant-cascader-menu:only-child{width:-webkit-max-content!important;width:-moz-max-content!important;width:max-content!important;min-width:var(--hd-cascader-menu-min-width,auto);max-width:560px}::ng-deep .cdk-overlay-pane .hd-cascader-menus.ant-cascader-menus>.ant-cascader-menu:only-child .ant-cascader-menu-item{white-space:nowrap}.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-col-settings{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:32px;height:32px;padding:0;margin-left:12px;cursor:pointer;color:#2a3634;background:0 0;border:1px solid #e5e6eb;border-radius:4px;vertical-align:middle;flex-shrink:0}.hd-table-col-settings:hover{color:#20b95d;background:#f5f8f6;border-color:#20b95d}.hd-table-col-settings .hd-table-col-settings-icon{display:block;width:14px;height:14px;flex-shrink:0}.hd-table-cell-with-actions{display:inline-flex;flex-wrap:wrap;align-items:center;-moz-column-gap:12px;column-gap:12px;row-gap:6px;max-width:100%}.hd-table-cell-with-actions .hd-table-cell-value{min-width:0}.hd-table-cell-with-actions .hd-table-cell-actions{flex-shrink:0}.hd-table-col-settings-dropdown{background:#fff;border:1px solid #e5e6eb;border-radius:4px;box-shadow:0 6px 16px rgba(0,0,0,.08),0 3px 6px rgba(0,0,0,.06);overflow:hidden}.hd-table-col-settings-list{max-height:400px;overflow-y:auto}.hd-table-col-settings-footer{text-align:right;background:#fff;padding:4px;border-top:1px solid #f0f0f0}.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 .hd-table-cell-value--edit,.hd-table-container .hd-table-cell-value--rowno{display:inline-flex;align-items:center;min-width:0}.hd-table-container .hd-table-cell-value--edit>a:not(.hd-table-edit-icon),.hd-table-container .hd-table-cell-value--edit>hd-status,.hd-table-container .hd-table-cell-value--edit>span:not(.hd-table-row-no),.hd-table-container .hd-table-cell-value--rowno>a:not(.hd-table-edit-icon),.hd-table-container .hd-table-cell-value--rowno>hd-status,.hd-table-container .hd-table-cell-value--rowno>span:not(.hd-table-row-no){min-width:0}.hd-table-container .hd-table-row-no{display:inline-flex;flex-shrink:0;align-items:center;margin-left:4px;color:#1d1f29;font-size:14px;line-height:22px}.hd-table-container .hd-table-row-no-bar{display:inline-block;flex:0 0 auto;align-self:center;width:1px;height:14px;margin-right:4px;background:#1d1f29;vertical-align:middle}.hd-table-container .hd-table-edit-icon{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;margin-left:2px;width:14px;height:14px;color:#20b95d;line-height:1;cursor:pointer}.hd-table-container .hd-table-edit-icon:hover{color:#20bd62}.hd-table-container .hd-table-edit-icon svg{display:block;width:14px;height:14px}.hd-table-container .hd-table-title-with-bar{display:inline-flex;align-items:center}.hd-table-container .hd-table-title-with-bar .hd-table-row-no-bar{width:1px;height:14px;margin:0 4px;align-self:center}.hd-table-container ::ng-deep .ant-table-tbody>tr.hd-table-row-invalid.ant-table-row-hover>td,.hd-table-container ::ng-deep .ant-table-tbody>tr.hd-table-row-invalid.ant-table-row-hover>td.ant-table-td-left-sticky,.hd-table-container ::ng-deep .ant-table-tbody>tr.hd-table-row-invalid.ant-table-row-hover>td.ant-table-td-right-sticky,.hd-table-container ::ng-deep .ant-table-tbody>tr.hd-table-row-invalid:hover>td,.hd-table-container ::ng-deep .ant-table-tbody>tr.hd-table-row-invalid:hover>td.ant-table-td-left-sticky,.hd-table-container ::ng-deep .ant-table-tbody>tr.hd-table-row-invalid:hover>td.ant-table-td-right-sticky,.hd-table-container ::ng-deep .ant-table-tbody>tr.hd-table-row-invalid>td,.hd-table-container ::ng-deep .ant-table-tbody>tr.hd-table-row-invalid>td.ant-table-td-left-sticky,.hd-table-container ::ng-deep .ant-table-tbody>tr.hd-table-row-invalid>td.ant-table-td-right-sticky{background:#f7f8fa!important;color:#868a9c!important}.hd-table-container ::ng-deep .ant-table-tbody>tr.hd-table-row-invalid .common-btn-group>a{color:#20b95d!important}.hd-table-container ::ng-deep .ant-table-tbody>tr.hd-table-row-invalid .common-btn-group>a:hover{color:#20bd62!important}.hd-table-container ::ng-deep .ant-table-tbody>tr.hd-table-row-invalid .common-btn-group .common-danger-btn:hover{color:#f05b24!important}.hd-table-container ::ng-deep .ant-table-tbody>tr.hd-table-row-invalid .hd-table-cell-value>a{color:#20b95d}.hd-table-container ::ng-deep .ant-table-tbody>tr.hd-table-row-invalid .common-billNumber>a{color:#3b77e3}.hd-table-container ::ng-deep .ant-table-tbody>tr.hd-table-row-invalid .hd-status-text{color:#868a9c!important}.hd-table-container ::ng-deep .hd-table-total>td{border:0!important}.hd-table-container ::ng-deep cdk-virtual-scroll-viewport.ant-table-body .hd-table-virtual-row>td{box-sizing:border-box}.hd-table-container.hd-table--scroll-x ::ng-deep .ant-table-body>table,.hd-table-container.hd-table--scroll-x ::ng-deep .ant-table-header>table,.hd-table-container.hd-table--scroll-x ::ng-deep .cdk-virtual-scroll-content-wrapper>table{table-layout:fixed}.hd-table-container:not(.hd-table--scroll-y):not(.hd-table--scroll-x) ::ng-deep .ant-table-body{max-height:none!important;overflow-y:visible!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}.hd-table-cell-ellipsis{display:block;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.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}::ng-deep .ant-table-th-right-sticky .nz-resizable-handle-right{right:0}.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}.hd-table-cell-edit{width:100%;min-width:0}.hd-table-cell-edit-control{width:100%!important}::ng-deep .hd-table-cell-edit .ant-input,::ng-deep .hd-table-cell-edit .ant-input-number,::ng-deep .hd-table-cell-edit .ant-select{width:100%}::ng-deep .hd-table-cell-edit .ant-input,::ng-deep .hd-table-cell-edit .ant-input-number,::ng-deep .hd-table-cell-edit .ant-select-selection{height:32px}::ng-deep .hd-table-cell-edit .ant-input-number-input{height:30px}::ng-deep .hd-table-cell-edit .ant-select-selection__rendered{line-height:30px}"]
+                    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}::ng-deep .hd-table-container .ant-table-td-left-sticky,::ng-deep .hd-table-container .ant-table-td-right-sticky,::ng-deep .hd-table-container .ant-table-th-left-sticky,::ng-deep .hd-table-container .ant-table-th-right-sticky{z-index:2;transform:translateZ(0)}::ng-deep .hd-table-container .ant-table-thead>tr>th.ant-table-th-left-sticky,::ng-deep .hd-table-container .ant-table-thead>tr>th.ant-table-th-right-sticky{background:#f5f8f6!important}::ng-deep .hd-table-container .ant-table-tbody>tr>td.ant-table-td-left-sticky,::ng-deep .hd-table-container .ant-table-tbody>tr>td.ant-table-td-right-sticky{background:#fff}::ng-deep .hd-table-container .ant-table-tbody>tr.ant-table-row-hover>td.ant-table-td-left-sticky,::ng-deep .hd-table-container .ant-table-tbody>tr.ant-table-row-hover>td.ant-table-td-right-sticky,::ng-deep .hd-table-container .ant-table-tbody>tr:hover>td.ant-table-td-left-sticky,::ng-deep .hd-table-container .ant-table-tbody>tr:hover>td.ant-table-td-right-sticky{background:#ecf8f1!important}::ng-deep .hd-table-container .ant-table-scroll-position-left .ant-table-td-right-sticky,::ng-deep .hd-table-container .ant-table-scroll-position-left .ant-table-th-right-sticky,::ng-deep .hd-table-container .ant-table-scroll-position-middle .ant-table-td-right-sticky,::ng-deep .hd-table-container .ant-table-scroll-position-middle .ant-table-th-right-sticky,::ng-deep .hd-table-container .ant-table-scroll-position-right .ant-table-td-right-sticky,::ng-deep .hd-table-container .ant-table-scroll-position-right .ant-table-th-right-sticky{box-shadow:none!important}::ng-deep .hd-table-container .ant-table-fixed-right{right:0!important}: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-pagination-options .ant-select,::ng-deep .ant-pagination-options .ant-select-selection--single{min-width:100px}::ng-deep .ant-pagination-options-size-changer.ant-select{min-width:100px}::ng-deep .ant-time-picker{width:100%}::ng-deep .cdk-overlay-pane .hd-cascader-menus.ant-cascader-menus>.ant-cascader-menu:only-child{width:-webkit-max-content!important;width:-moz-max-content!important;width:max-content!important;min-width:var(--hd-cascader-menu-min-width,auto);max-width:560px}::ng-deep .cdk-overlay-pane .hd-cascader-menus.ant-cascader-menus>.ant-cascader-menu:only-child .ant-cascader-menu-item{white-space:nowrap}.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-col-settings{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:32px;height:32px;padding:0;margin-left:12px;cursor:pointer;color:#2a3634;background:0 0;border:1px solid #e5e6eb;border-radius:4px;vertical-align:middle;flex-shrink:0}.hd-table-col-settings:hover{color:#20b95d;background:#f5f8f6;border-color:#20b95d}.hd-table-col-settings .hd-table-col-settings-icon{display:block;width:14px;height:14px;flex-shrink:0}.hd-table-cell-with-actions{display:inline-flex;flex-wrap:wrap;align-items:center;-moz-column-gap:12px;column-gap:12px;row-gap:6px;max-width:100%}.hd-table-cell-with-actions .hd-table-cell-value{min-width:0}.hd-table-cell-with-actions .hd-table-cell-actions{flex-shrink:0}.hd-table-col-settings-dropdown{background:#fff;border:1px solid #e5e6eb;border-radius:4px;box-shadow:0 6px 16px rgba(0,0,0,.08),0 3px 6px rgba(0,0,0,.06);overflow:hidden}.hd-table-col-settings-list{max-height:400px;overflow-y:auto}.hd-table-col-settings-footer{text-align:right;background:#fff;padding:4px;border-top:1px solid #f0f0f0}.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 .ant-table-tbody>tr>td.hd-table-line-no-col,.hd-table-container ::ng-deep .ant-table-thead>tr>th.hd-table-line-no-col{width:72px!important;min-width:72px!important;max-width:72px!important;box-sizing:border-box}.hd-table-container .hd-table-cell-value--edit,.hd-table-container .hd-table-cell-value--rowno{display:inline-flex;align-items:center;min-width:0}.hd-table-container .hd-table-cell-value--edit>a:not(.hd-table-edit-icon),.hd-table-container .hd-table-cell-value--edit>hd-status,.hd-table-container .hd-table-cell-value--edit>span:not(.hd-table-row-no),.hd-table-container .hd-table-cell-value--rowno>a:not(.hd-table-edit-icon),.hd-table-container .hd-table-cell-value--rowno>hd-status,.hd-table-container .hd-table-cell-value--rowno>span:not(.hd-table-row-no){min-width:0}.hd-table-container .hd-table-row-no{display:inline-flex;flex-shrink:0;align-items:center;margin-left:4px;color:#1d1f29;font-size:14px;line-height:22px}.hd-table-container .hd-table-row-no-bar{display:inline-block;flex:0 0 auto;align-self:center;width:1px;height:14px;margin-right:4px;background:#1d1f29;vertical-align:middle}.hd-table-container .hd-table-edit-icon{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;margin-left:2px;width:14px;height:14px;color:#20b95d;line-height:1;cursor:pointer}.hd-table-container .hd-table-edit-icon:hover{color:#20bd62}.hd-table-container .hd-table-edit-icon svg{display:block;width:14px;height:14px}.hd-table-container .hd-table-title-with-bar{display:inline-flex;align-items:center}.hd-table-container .hd-table-title-with-bar .hd-table-row-no-bar{width:1px;height:14px;margin:0 4px;align-self:center}.hd-table-container ::ng-deep .ant-table-tbody>tr.hd-table-row-invalid.ant-table-row-hover>td,.hd-table-container ::ng-deep .ant-table-tbody>tr.hd-table-row-invalid.ant-table-row-hover>td.ant-table-td-left-sticky,.hd-table-container ::ng-deep .ant-table-tbody>tr.hd-table-row-invalid.ant-table-row-hover>td.ant-table-td-right-sticky,.hd-table-container ::ng-deep .ant-table-tbody>tr.hd-table-row-invalid:hover>td,.hd-table-container ::ng-deep .ant-table-tbody>tr.hd-table-row-invalid:hover>td.ant-table-td-left-sticky,.hd-table-container ::ng-deep .ant-table-tbody>tr.hd-table-row-invalid:hover>td.ant-table-td-right-sticky,.hd-table-container ::ng-deep .ant-table-tbody>tr.hd-table-row-invalid>td,.hd-table-container ::ng-deep .ant-table-tbody>tr.hd-table-row-invalid>td.ant-table-td-left-sticky,.hd-table-container ::ng-deep .ant-table-tbody>tr.hd-table-row-invalid>td.ant-table-td-right-sticky{background:#f7f8fa!important;color:#868a9c!important}.hd-table-container ::ng-deep .ant-table-tbody>tr.hd-table-row-invalid .common-btn-group>a{color:#20b95d!important}.hd-table-container ::ng-deep .ant-table-tbody>tr.hd-table-row-invalid .common-btn-group>a:hover{color:#20bd62!important}.hd-table-container ::ng-deep .ant-table-tbody>tr.hd-table-row-invalid .common-btn-group .common-danger-btn:hover{color:#f05b24!important}.hd-table-container ::ng-deep .ant-table-tbody>tr.hd-table-row-invalid .hd-table-cell-value>a{color:#20b95d}.hd-table-container ::ng-deep .ant-table-tbody>tr.hd-table-row-invalid .common-billNumber>a{color:#3b77e3}.hd-table-container ::ng-deep .ant-table-tbody>tr.hd-table-row-invalid .hd-status-text{color:#868a9c!important}.hd-table-container ::ng-deep cdk-virtual-scroll-viewport.ant-table-body .hd-table-virtual-row>td{box-sizing:border-box}.hd-table-container.hd-table--scroll-x ::ng-deep .ant-table-body>table,.hd-table-container.hd-table--scroll-x ::ng-deep .ant-table-header>table,.hd-table-container.hd-table--scroll-x ::ng-deep .cdk-virtual-scroll-content-wrapper>table{table-layout:fixed}.hd-table-container:not(.hd-table--scroll-y):not(.hd-table--scroll-x) ::ng-deep .ant-table-body{max-height:none!important;overflow-y:visible!important}.hd-table-container.hd-table--has-total ::ng-deep .ant-table-footer{padding:0;overflow:hidden;background:#fafafa;border-top:1px solid #e8e8e8}.hd-table-total-footer{width:100%;box-sizing:border-box;overflow-x:auto;overflow-y:hidden;background:#fafafa;scrollbar-width:thin;scrollbar-color:transparent transparent}.hd-table-total-footer::-webkit-scrollbar{width:12px;height:0}.hd-table-total-footer::-webkit-scrollbar-track{background:0 0}.hd-table-total-footer::-webkit-scrollbar-thumb{background:padding-box;border:4px solid transparent}.hd-table-total-footer::-webkit-scrollbar-corner{background:0 0}.hd-table-total-footer.hd-table-total-footer--y-gutter{overflow-y:scroll}.hd-table-total-footer.hd-table-total-footer--fluid{overflow-x:hidden}.hd-table-total-footer-table{table-layout:fixed;border-collapse:separate;border-spacing:0}.hd-table-total-footer-cell{padding:12px 8px;font-weight:500;background:#fafafa;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-bottom:0}.hd-table-total-footer-cell.hd-table-total-align-left{text-align:left!important}.hd-table-total-footer-cell.hd-table-total-align-center{text-align:center!important}.hd-table-total-footer-cell.hd-table-total-align-right{text-align:right!important}.hd-table-total-footer-select{width:40px;min-width:40px;max-width:40px;padding-left:8px;padding-right:8px;text-align:center}.hd-table-total-footer-line-no{width:72px;min-width:72px;max-width:72px}.hd-table-total-footer-sticky-left,.hd-table-total-footer-sticky-right{position:-webkit-sticky;position:sticky;z-index:2;background:#fafafa}::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}.hd-table-cell-ellipsis{display:block;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.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}::ng-deep .ant-table-th-right-sticky .nz-resizable-handle-right{right:0}.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}.hd-table-cell-edit{width:100%;min-width:0}.hd-table-cell-edit-control{width:100%!important}::ng-deep .hd-table-cell-edit .ant-input,::ng-deep .hd-table-cell-edit .ant-input-number,::ng-deep .hd-table-cell-edit .ant-select{width:100%}::ng-deep .hd-table-cell-edit .ant-input,::ng-deep .hd-table-cell-edit .ant-input-number,::ng-deep .hd-table-cell-edit .ant-select-selection{height:32px}::ng-deep .hd-table-cell-edit .ant-input-number-input{height:30px}::ng-deep .hd-table-cell-edit .ant-select-selection__rendered{line-height:30px}"]
                 }] }
     ];
     /** @nocollapse */
     HdTableComponent.ctorParameters = function () { return [
+        { type: ElementRef },
         { type: ChangeDetectorRef },
         { type: CommonSessionService }
     ]; };
@@ -12754,6 +13353,7 @@ var HdTableComponent = /** @class */ (function () {
         rowInvalidField: [{ type: Input }],
         showTableTotal: [{ type: Input }],
         tableTotalOption: [{ type: Input }],
+        columnsNumber: [{ type: Input }],
         sortEvent: [{ type: Output }],
         selectEvent: [{ type: Output }],
         tableSearchEvent: [{ type: Output }],
@@ -12835,6 +13435,12 @@ if (false) {
     HdTableComponent.prototype.showTableTotal;
     /** @type {?} */
     HdTableComponent.prototype.tableTotalOption;
+    /**
+     * 合计列总数（含序号列，与 hd-detail-lines 一致）；
+     * 不传则按当前可见数据列数 + 1（序号）推算。
+     * @type {?}
+     */
+    HdTableComponent.prototype.columnsNumber;
     /** @type {?} */
     HdTableComponent.prototype.sortEvent;
     /** @type {?} */
@@ -12945,9 +13551,8 @@ if (false) {
      */
     HdTableComponent.prototype.virtualScrollActive;
     /**
-     * 可见列总宽，用于判断是否需要横向滚动
+     * 列宽合计（含勾选/序号），footer 表宽与横向 scroll 共用
      * @type {?}
-     * @private
      */
     HdTableComponent.prototype.tableColWidthTotal;
     /**
@@ -12969,6 +13574,48 @@ if (false) {
     HdTableComponent.prototype.currentSortValue;
     /** @type {?} */
     HdTableComponent.prototype.nzTableComponent;
+    /**
+     * @type {?}
+     * @private
+     */
+    HdTableComponent.prototype.totalFooterScrollBoundBody;
+    /**
+     * @type {?}
+     * @private
+     */
+    HdTableComponent.prototype.totalFooterScrollHandler;
+    /**
+     * @type {?}
+     * @private
+     */
+    HdTableComponent.prototype.totalFooterSyncRetry;
+    /**
+     * 表体有竖滚条时合计 footer 才预留右侧滚动条槽
+     * @type {?}
+     */
+    HdTableComponent.prototype.totalFooterNeedYGutter;
+    /**
+     * 视口/容器尺寸变化时重算 scroll.x 与合计对齐
+     * @type {?}
+     * @private
+     */
+    HdTableComponent.prototype.viewportResizeTimer;
+    /**
+     * @type {?}
+     * @private
+     */
+    HdTableComponent.prototype.boundOnViewportResize;
+    /**
+     * @type {?}
+     * @private
+     */
+    HdTableComponent.prototype.hostResizeObserver;
+    /**
+     * 序号列固定宽（含 padding，可容纳 6 位如 199995）。
+     * 不锁死时表体会随位数变宽（1→~64px，199995→~67px），合计行对不齐。
+     * @type {?}
+     */
+    HdTableComponent.prototype.lineNumberColWidth;
     /** @type {?} */
     HdTableComponent.prototype.trackByRow;
     /**
@@ -12980,6 +13627,11 @@ if (false) {
     HdTableComponent.prototype.trackByCol;
     /** @type {?} */
     HdTableComponent.prototype.beforeDrop;
+    /**
+     * @type {?}
+     * @private
+     */
+    HdTableComponent.prototype.hostEl;
     /**
      * @type {?}
      * @private
@@ -13649,7 +14301,10 @@ var TotalOption = /** @class */ (function () {
 if (false) {
     /** @type {?} */
     TotalOption.prototype.insertIndex;
-    /** @type {?} */
+    /**
+     * 合计值；hd-table 可不传，按 insertIndex 对应列对 content 自动求和
+     * @type {?}
+     */
     TotalOption.prototype.insertValue;
     /** @type {?} */
     TotalOption.prototype.align;
@@ -13989,5 +14644,5 @@ var Utils = {
  * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 
-export { ButtonSize, ButtonType, CascaderOption, CheckboxOption, ColWidth, ColorOption, ExplainOption, FantasyNgzorroModule, Filter, FilterListType, FormItem, FormLine, FormLineType, FormLinesCacheOption, FormListType, HD_CASCADER_MENU_CLASS, HD_FILTER_DEFAULT_SCHEME_NAME, HD_FILTER_SCHEME_STORE, HdAccessoryFile, HdAccessoryGroup, HdAccessoryListComponent, HdButtonService, HdCurrentTableComponent, HdDetailFormFieldType, HdDetailFormService, HdFilterScheme, HdFilterSchemeStore, HdFilterService, HdFormLinesService, HdFormService, HdLogComponent, HdLogService, HdOption, HdOverlayCleanupService, HdTableCellChange, HdTableColumn, HdTableTotalOption, InputNumber, OperateBtn, Page, RadioOption, SelectOption, SelectOptionTableColumn, SelectOptionTableColumnIcon, StaticConst, TableCacheOption, TableColumn, TableTotalOption, TotalOption, TreeGrid, Utils, ValidatorKey, cascaderPinyinFilter, getCascaderMenuClassName, getCascaderMenuStyle, getCascaderShowSearch, HdComponentModule as ɵa, HdButtonModule as ɵb, HdTableComponent as ɵba, HdTableCellPipe as ɵbb, HdTipModule as ɵbc, HdTipComponent as ɵbd, HdAccessoryListModule as ɵbe, HdPopconfirmModule as ɵbf, HdPopconfirmComponent as ɵbg, HdLogModule as ɵbh, HdButtonComponent as ɵc, HdButtonGroupModule as ɵd, HdButtonGroupComponent as ɵe, HdDetailFormModule as ɵf, HdDetailFormComponent as ɵg, HdDetailLinesModule as ɵh, HdSpaceModule as ɵi, HdSpaceComponent as ɵj, HdDetailLinesComponent as ɵk, HdDetailLinesPageModule as ɵl, HdDetailLinesPageComponent as ɵm, HdDetailTipModule as ɵn, HdDetailTipComponent as ɵo, HdFilterModule as ɵp, HdFormModule as ɵq, HdFormComponent as ɵr, HdFilterComponent as ɵs, HdFormLinesModule as ɵt, HdFormLinesComponent as ɵu, CommonSessionService as ɵv, HdStatusModule as ɵw, HdStatusComponent as ɵx, HdCurrentTableModule as ɵy, HdTableModule as ɵz };
+export { ButtonSize, ButtonType, CascaderOption, CheckboxOption, ColWidth, ColorOption, ExplainOption, FantasyNgzorroModule, Filter, FilterListType, FormItem, FormLine, FormLineType, FormLinesCacheOption, FormListType, HD_CASCADER_MENU_CLASS, HD_FILTER_DEFAULT_SCHEME_NAME, HD_FILTER_SCHEME_STORE, HdAccessoryFile, HdAccessoryGroup, HdAccessoryListComponent, HdButtonService, HdCurrentTableComponent, HdDetailFormFieldType, HdDetailFormService, HdFilterScheme, HdFilterSchemeStore, HdFilterService, HdFormLinesService, HdFormService, HdLogComponent, HdLogService, HdOption, HdOverlayCleanupService, HdTableCellChange, HdTableColumn, InputNumber, OperateBtn, Page, RadioOption, SelectOption, SelectOptionTableColumn, SelectOptionTableColumnIcon, StaticConst, TableCacheOption, TableColumn, TableTotalOption, TotalOption, TreeGrid, Utils, ValidatorKey, cascaderPinyinFilter, getCascaderMenuClassName, getCascaderMenuStyle, getCascaderShowSearch, HdComponentModule as ɵa, HdButtonModule as ɵb, HdTableComponent as ɵba, HdTableCellPipe as ɵbb, HdTipModule as ɵbc, HdTipComponent as ɵbd, HdAccessoryListModule as ɵbe, HdPopconfirmModule as ɵbf, HdPopconfirmComponent as ɵbg, HdLogModule as ɵbh, HdButtonComponent as ɵc, HdButtonGroupModule as ɵd, HdButtonGroupComponent as ɵe, HdDetailFormModule as ɵf, HdDetailFormComponent as ɵg, HdDetailLinesModule as ɵh, HdSpaceModule as ɵi, HdSpaceComponent as ɵj, HdDetailLinesComponent as ɵk, HdDetailLinesPageModule as ɵl, HdDetailLinesPageComponent as ɵm, HdDetailTipModule as ɵn, HdDetailTipComponent as ɵo, HdFilterModule as ɵp, HdFormModule as ɵq, HdFormComponent as ɵr, HdFilterComponent as ɵs, HdFormLinesModule as ɵt, HdFormLinesComponent as ɵu, CommonSessionService as ɵv, HdStatusModule as ɵw, HdStatusComponent as ɵx, HdCurrentTableModule as ɵy, HdTableModule as ɵz };
 //# sourceMappingURL=fantasy-ngzorro.js.map