ngx-axis-appforge 0.0.41 → 0.0.43

package/fesm2022/ngx-axis-appforge-axis-components-table.mjs

@@ -1,10 +1,9 @@
 import * as i0 from '@angular/core';
-import { signal, computed, effect, input, output, model, ChangeDetectionStrategy, Component, ViewChild } from '@angular/core';
+import { signal, effect, input, output, model, ChangeDetectionStrategy, Component, computed, ViewChild } from '@angular/core';
 import { DataOptions, Base, ScopeDirective, DynamicDirective } from 'ngx-axis-appforge/core';
-import * as i1$1 from 'ng-zorro-antd/table';
+import * as i2$1 from 'ng-zorro-antd/table';
 import { NzTableModule } from 'ng-zorro-antd/table';
 import { FormsModule } from '@angular/forms';
-import { CommonModule } from '@angular/common';
 import * as i2 from 'ng-zorro-antd/button';
 import { NzButtonModule } from 'ng-zorro-antd/button';
 import * as i5 from 'ng-zorro-antd/grid';
@@ -16,10 +15,13 @@ import { NzModalModule } from 'ng-zorro-antd/modal';
 import { moveItemInArray, transferArrayItem, CdkDrag, CdkDropList } from '@angular/cdk/drag-drop';
 import { debounceTime, Subject } from 'rxjs';
 import * as i3 from 'ng-zorro-antd/core/transition-patch';
-import * as i2$1 from 'ng-zorro-antd/resizable';
+import * as i3$1 from 'ng-zorro-antd/resizable';
 import { NzResizableModule } from 'ng-zorro-antd/resizable';
-import * as i3$1 from 'ng-zorro-antd/flex';
+import * as i4$1 from 'ng-zorro-antd/flex';
 import { NzFlexModule } from 'ng-zorro-antd/flex';
+import { DatePipe, DecimalPipe, PercentPipe } from '@angular/common';
+import * as i1$1 from 'ngx-axis-appforge/axis-components/table-helper';
+import { TableFieldDisplayService, TableService, SelectService, ExpandService, StatisticService } from 'ngx-axis-appforge/axis-components/table-helper';
 
 class TableOptions extends DataOptions {
     keyField = signal("", ...(ngDevMode ? [{ debugName: "keyField" }] : []));
@@ -42,8 +44,8 @@ class TableOptions extends DataOptions {
     disableCheckboxFn = signal(undefined, ...(ngDevMode ? [{ debugName: "disableCheckboxFn" }] : []));
     enableRowClick = signal(false, ...(ngDevMode ? [{ debugName: "enableRowClick" }] : []));
     defaultSelectFirstRow = signal(false, ...(ngDevMode ? [{ debugName: "defaultSelectFirstRow" }] : []));
-    showTotal = signal(false, ...(ngDevMode ? [{ debugName: "showTotal" }] : []));
-    totalTitle = signal("合计", ...(ngDevMode ? [{ debugName: "totalTitle" }] : []));
+    showStatistic = signal(false, ...(ngDevMode ? [{ debugName: "showStatistic" }] : []));
+    statisticTitle = signal("合计", ...(ngDevMode ? [{ debugName: "statisticTitle" }] : []));
     showSubTotal = signal(false, ...(ngDevMode ? [{ debugName: "showSubTotal" }] : []));
     subTotalTitle = signal("小计", ...(ngDevMode ? [{ debugName: "subTotalTitle" }] : []));
     subTotalGroupLevel = signal(1, ...(ngDevMode ? [{ debugName: "subTotalGroupLevel" }] : []));
@@ -82,141 +84,17 @@ class TableFieldOptions {
     sortPriority = signal(null, ...(ngDevMode ? [{ debugName: "sortPriority" }] : []));
     filterAble = signal(false, ...(ngDevMode ? [{ debugName: "filterAble" }] : []));
     filterMultiple = signal(false, ...(ngDevMode ? [{ debugName: "filterMultiple" }] : []));
-    filterDisplayFn = signal("", ...(ngDevMode ? [{ debugName: "filterDisplayFn" }] : []));
     width = signal(null, ...(ngDevMode ? [{ debugName: "width" }] : []));
     align = signal("left", ...(ngDevMode ? [{ debugName: "align" }] : []));
     freezeMode = signal("none", ...(ngDevMode ? [{ debugName: "freezeMode" }] : []));
     groupLevel = signal(null, ...(ngDevMode ? [{ debugName: "groupLevel" }] : []));
-    totalAble = signal(false, ...(ngDevMode ? [{ debugName: "totalAble" }] : []));
-    totalFn = signal(undefined, ...(ngDevMode ? [{ debugName: "totalFn" }] : []));
+    statisticAble = signal(false, ...(ngDevMode ? [{ debugName: "statisticAble" }] : []));
+    statisticType = signal("sum", ...(ngDevMode ? [{ debugName: "statisticType" }] : []));
+    statisticFn = signal(undefined, ...(ngDevMode ? [{ debugName: "statisticFn" }] : []));
     titleGroup = signal(undefined, ...(ngDevMode ? [{ debugName: "titleGroup" }] : []));
     child = signal(undefined, ...(ngDevMode ? [{ debugName: "child" }] : []));
 }
 
-class Select {
-    options;
-    displayData;
-    scope;
-    onSelectedChange;
-    constructor(options, displayData, scope, onSelectedChange) {
-        this.options = options;
-        this.displayData = displayData;
-        this.scope = scope;
-        this.onSelectedChange = onSelectedChange;
-    }
-    headerChecked = signal("none", ...(ngDevMode ? [{ debugName: "headerChecked" }] : []));
-    setOfCheckedId = new Set();
-    setOfIndeterminateId = new Set();
-    setOfDisabledId = computed(() => this.buildDisabledId(), ...(ngDevMode ? [{ debugName: "setOfDisabledId" }] : []));
-    buildDisabledId() {
-        if (this.options.disableCheckboxFn()) {
-            const args = this.scope?.snapshotAll() ?? {};
-            return new Set(this.displayData()?.filter(row => this.scope?.runFnWithSnapshot(this.options.disableCheckboxFn(), Object.assign({}, args, { row })))
-                .map(row => row[this.options.keyField()]));
-        }
-        return new Set();
-    }
-    onAllChecked(checked) {
-        this.displayData()?.filter(row => !this.setOfDisabledId().has(row[this.options.keyField()]))?.forEach(row => this.updateCheckedSet(row, checked));
-        this.refreshCheckedStatus();
-    }
-    toggleChecked(row) {
-        if (this.options.showCheckbox() && !this.setOfDisabledId().has(row[this.options.keyField()])) {
-            this.onItemChecked(row, !this.setOfCheckedId.has(row[this.options.keyField()]));
-        }
-    }
-    onItemChecked(row, checked) {
-        this.updateCheckedSet(row, checked);
-        this.refreshCheckedStatus();
-    }
-    updateCheckedSet(row, checked) {
-        const key = row[this.options.keyField()];
-        if (checked && !this.setOfCheckedId.has(key)) {
-            if (this.options.singleCheck()) {
-                this.setOfCheckedId.clear();
-            }
-            this.setOfCheckedId.add(key);
-        }
-        else if (!checked && this.setOfCheckedId.has(key)) {
-            this.setOfCheckedId.delete(key);
-        }
-    }
-    refreshCheckedStatus() {
-        const listOfEnabledData = this.displayData()?.filter(row => !this.setOfDisabledId().has(row[this.options.keyField()])) ?? [];
-        const checked = listOfEnabledData.length > 0 && listOfEnabledData.every(row => this.setOfCheckedId.has(row[this.options.keyField()]) && !this.setOfIndeterminateId.has(row[this.options.keyField()]));
-        if (checked) {
-            this.headerChecked.set("checked");
-        }
-        else {
-            const indeterminate = listOfEnabledData.some(row => this.setOfCheckedId.has(row[this.options.keyField()]) || this.setOfIndeterminateId.has(row[this.options.keyField()])) && !checked;
-            this.headerChecked.set(indeterminate ? "indeterminate" : "none");
-        }
-        this.onSelectedChange?.();
-    }
-    getSelectedData() {
-        return this.displayData()?.filter(row => this.setOfCheckedId.has(row[this.options.keyField()]));
-    }
-}
-
-class Expand {
-    options;
-    scope;
-    constructor(options, scope) {
-        this.options = options;
-        this.scope = scope;
-    }
-    expandedSet = new Set();
-    nodeMap = computed(() => this.buildNodeMap(), ...(ngDevMode ? [{ debugName: "nodeMap" }] : []));
-    buildNodeMap() {
-        const nodeMap = new Map();
-        if (this.options.showExpand() && this.options.expandMode() == "tree") {
-            this.options.data()?.forEach((row) => {
-                this.buildNodeMapForRow(row, nodeMap);
-            });
-        }
-        return nodeMap;
-    }
-    onExpandChange(key, checked) {
-        if (checked) {
-            this.expandedSet.add(key);
-        }
-        else {
-            this.expandedSet.delete(key);
-        }
-    }
-    buildNodeMapForRow(row, nodeMap, parentLevel = 0) {
-        const node = {
-            level: parentLevel + 1,
-            node: row,
-            children: []
-        };
-        nodeMap.set(row[this.options.keyField()], node);
-        if (this.options.showExpand() && this.options.expandMode() == "tree") {
-            let children;
-            if (this.options.treeChildrenFun()) {
-                children = this.scope?.runFnWithSnapshot(this.options.treeChildrenFun(), { row });
-            }
-            else {
-                children = row.children;
-            }
-            if (children?.length) {
-                node.children = children;
-                children.forEach(child => {
-                    this.buildNodeMapForRow(child, nodeMap, node.level);
-                });
-            }
-        }
-    }
-    getListForExpanded(row) {
-        const key = row[this.options.keyField()];
-        let res = [row];
-        if (this.options.showExpand() && this.options.expandMode() == "tree" && this.nodeMap().get(key)?.children?.length && this.expandedSet.has(key)) {
-            res = res.concat(this.nodeMap().get(key).children);
-        }
-        return res;
-    }
-}
-
 class TableSetter {
     constructor() {
         effect(() => this.buildFixAndNotFixColumn());
@@ -318,9 +196,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImpor
 
 class Table extends Base {
     elementRef;
-    constructor(elementRef) {
+    tableSvc;
+    select;
+    expand;
+    statistic;
+    constructor(elementRef, tableSvc, select, expand, statistic) {
         super();
         this.elementRef = elementRef;
+        this.tableSvc = tableSvc;
+        this.select = select;
+        this.expand = expand;
+        this.statistic = statistic;
+        effect(() => {
+            this.tableSvc.init({ data: this.options.data, options: this.options, fields: this.fields });
+            this.select.init({ options: this.options, keyField: this.options.keyField(), data: this.options.data, onSelectedChange: () => this.onSelectedChange() });
+            this.expand.init({ options: this.options, keyField: this.options.keyField(), data: this.options.data });
+            this.statistic.init({ options: this.options, data: this.options.data, fields: this.fields });
+        });
         effect(() => {
             this.fields().forEach((f, i) => {
                 this.bindWithConfig(this.options.fields()[i], { options: f, tag: `bindField.${i}` });
@@ -337,19 +229,11 @@ class Table extends Base {
         });
     }
     options = new TableOptions();
-    displayData = computed(() => this.buildDisplayData(), ...(ngDevMode ? [{ debugName: "displayData" }] : []));
-    select = new Select(this.options, this.displayData, this.getScope(), () => this.onSelectedChange());
-    expand = new Expand(this.options, this.getScope());
-    pageSizeOptions = computed(() => this.options.pageSizeOptions().split(",").map(size => +size), ...(ngDevMode ? [{ debugName: "pageSizeOptions" }] : []));
     scroll = signal({ x: "", y: "" }, ...(ngDevMode ? [{ debugName: "scroll" }] : []));
     fields = computed(() => this.buildFields(), ...(ngDevMode ? [{ debugName: "fields" }] : []));
-    displayFields = computed(() => this.buildDisplayFields(), ...(ngDevMode ? [{ debugName: "displayFields" }] : []));
     rowtotal = signal(0, ...(ngDevMode ? [{ debugName: "rowtotal" }] : []));
     pageIndex = model(1, ...(ngDevMode ? [{ debugName: "pageIndex" }] : []));
-    fieldsControlsMap = computed(() => this.buildFieldControls(), ...(ngDevMode ? [{ debugName: "fieldsControlsMap" }] : []));
-    filedsFilterItemsCache = new Map();
     rowActions = computed(() => this.actionsFieldWidth() > 0 ? this.options.rowActions() : [], ...(ngDevMode ? [{ debugName: "rowActions" }] : []));
-    leaderFieldWidth = computed(() => this.buildLeaderFieldWidth(), ...(ngDevMode ? [{ debugName: "leaderFieldWidth" }] : []));
     actionsFieldWidth = computed(() => this.buildActionsFieldWidth(), ...(ngDevMode ? [{ debugName: "actionsFieldWidth" }] : []));
     fixFields = signal([], ...(ngDevMode ? [{ debugName: "fixFields" }] : []));
     timer;
@@ -369,67 +253,9 @@ class Table extends Base {
     trackByKeyField = (i, data) => {
         return data[this.options.keyField()];
     };
-    buildDisplayData() {
-        return this.options.data();
-    }
     buildFields() {
         return this.options.fields().map(opt => new TableFieldOptions());
     }
-    buildDisplayFields() {
-        return (this.options.showTableTitleSet() ? this.fixFields() : this.fields()).filter(f => f.inuse());
-    }
-    buildFieldControls() {
-        const res = {};
-        for (const field of this.displayFields()) {
-            res[field.field()] = {};
-            if (field.filterAble()) {
-                if (!this.filedsFilterItemsCache.has(field.field())) {
-                    this.filedsFilterItemsCache.set(field.field(), new Map());
-                }
-                const filterItemsCache = this.filedsFilterItemsCache.get(field.field());
-                for (const row of this.displayData() ?? []) {
-                    const value = row[field.field()];
-                    if (!filterItemsCache.has(value)) {
-                        let text = value + "";
-                        if (field.filterDisplayFn()) {
-                            text = this.getScope()?.runFnWithSnapshot(field.filterDisplayFn(), { value: value, row: row });
-                        }
-                        filterItemsCache.set(value, { value, text });
-                    }
-                }
-                res[field.field()].filterItems = Array.from(filterItemsCache.values());
-                res[field.field()].filterFn = (fd, row) => {
-                    if (fd instanceof Array) {
-                        return fd.includes(row[field.field()]);
-                    }
-                    else {
-                        return fd == row[field.field()];
-                    }
-                };
-            }
-            if (field.sortAble()) {
-                if (this.options.data()?.some((r) => r[field.field()] != undefined && typeof (r[field.field()]) == "number")) {
-                    res[field.field()].sortFn = (a, b) => a[field.field()] - b[field.field()];
-                }
-                else {
-                    res[field.field()].sortFn = (a, b) => {
-                        return ((a[field.field()] || "") + "").localeCompare(b[field.field()]);
-                    };
-                }
-            }
-        }
-        return res;
-    }
-    buildLeaderFieldWidth() {
-        switch (this.options.size()) {
-            case "small":
-                return 45;
-            case "middle":
-                return 50;
-            default:
-                return 65;
-        }
-    }
     buildActionsFieldWidth() {
         if (this.options.actionsFieldWidth() == 0 || this.options.rowActions().length == 0) {
             return 0;
@@ -440,15 +266,15 @@ class Table extends Base {
         let x = this.options.width() ?? 0;
         if (this.options.width() == undefined) {
             if (this.options.showCheckbox()) {
-                x += this.leaderFieldWidth();
+                x += this.tableSvc.leaderFieldWidth();
             }
             if (this.options.showExpand()) {
-                x += this.leaderFieldWidth();
+                x += this.tableSvc.leaderFieldWidth();
             }
             if (this.options.showOrder()) {
-                x += this.leaderFieldWidth();
+                x += this.tableSvc.leaderFieldWidth();
             }
-            this.displayFields().forEach(f => {
+            this.tableSvc.displayFields().forEach(f => {
                 if (f.width()) {
                     x += f.width();
                 }
@@ -476,11 +302,6 @@ class Table extends Base {
     currentPageDataChange() { }
     onPageChange() {
     }
-    filterChange(field, value) {
-        for (const item of this.filedsFilterItemsCache.get(field).values()) {
-            item.byDefault = value != null && (Array.isArray(value) ? value.includes(item.value) : item.value == value);
-        }
-    }
     sortChange(field, event) {
     }
     rowspan(field, index) {
@@ -495,13 +316,13 @@ class Table extends Base {
         super.ngOnDestroy();
         clearInterval(this.timer);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: Table, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.6", type: Table, isStandalone: true, selector: "axis-table", inputs: { pageIndex: { classPropertyName: "pageIndex", publicName: "pageIndex", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { pageIndex: "pageIndexChange" }, viewQueries: [{ propertyName: "tableSetter", first: true, predicate: TableSetter, descendants: true }], usesInheritance: true, ngImport: i0, template: "@if (options.showTableTitleSet()) {\n<axis-table-setter [fields]=\"fields()\" [cacheKey]=\"options.tableSetCacheKey()\"\n    (onChange)=\"fixFields.set($event)\"></axis-table-setter>\n}\n<nz-table #table [nzSize]=\"options.size()\" [nzData]=\"displayData()??[]\" [nzLoading]=\"!displayData()\"\n    [nzBordered]=\"options.bordered()\" [nzOuterBordered]=\"options.outerBordered()\"\n    [nzShowPagination]=\"options.showPagination()\"\n    [nzFrontPagination]=\"options.showPagination() && !options.useBackEndPaging()\" [nzTotal]=\"rowtotal()\"\n    [nzPageSize]=\"options.pageSize()\" [nzShowSizeChanger]=\"options.showSizeChanger()\"\n    [nzPageSizeOptions]=\"pageSizeOptions()\" [nzShowTotal]=\"options.showDataSize()?totalRange:null\" [nzScroll]=\"scroll()\"\n    (nzCurrentPageDataChange)=\"currentPageDataChange()\" (nzPageIndexChange)=\"onPageChange()\"\n    (nzPageSizeChange)=\"onPageChange()\" [(nzPageIndex)]=\"pageIndex\" [nzVirtualItemSize]=\"options.virtualItemSize()\"\n    [nzVirtualForTrackBy]=\"trackByKeyField\">\n    <thead>\n        <tr>\n            @if (options.showCheckbox()) {\n            @if (!options.checkboxLinkageForExpand() && !options.singleCheck()) {\n            <th nzLeft [nzChecked]=\"select.headerChecked()!='none'\"\n                [nzIndeterminate]=\"select.headerChecked()=='indeterminate'\"\n                (nzCheckedChange)=\"select.onAllChecked($event)\" nzAlign=\"center\" [nzWidth]=\"leaderFieldWidth()-10+'px'\">\n            </th>\n            }@else {\n            <th nzLeft [nzWidth]=\"leaderFieldWidth()-10+'px'\"></th>\n            }\n            }\n            @if (options.showExpand()) {\n            <th nzLeft nzAlign=\"center\" [nzWidth]=\"leaderFieldWidth()-15+'px'\"></th>\n            }\n            @if (options.showOrder()) {\n            <th nzAlign=\"center\" [nzWidth]=\"leaderFieldWidth()+'px'\">\u5E8F\u53F7</th>\n            }\n            @for (f of displayFields(); track f.field()) {\n            <th [attr.data-field]=\"f.field()\" nz-resizable nzBounds=\"window\"\n                [nzDisabled]=\"!options.showTableTitleSet() || !f.width()\"\n                [nzWidth]=\"f.width() == null ?null:f.width()+'px'\" (nzResize)=\"tableSetter?.onResize(f,$event)\"\n                [nzShowSort]=\"f.sortAble()\" [nzSortFn]=\"fieldsControlsMap()[f.field()]?.sortFn\"\n                [nzSortOrder]=\"f.sortOrder()\" [nzSortPriority]=\"f.sortPriority()??false\"\n                [nzShowFilter]=\"f.filterAble() && !options.useBackEndPaging()\"\n                [nzFilters]=\"fieldsControlsMap()[f.field()]?.filterItems ?? []\"\n                [nzFilterFn]=\"fieldsControlsMap()[f.field()]?.filterFn\"\n                (nzFilterChange)=\"filterChange(f.field(),$event)\" [nzFilterMultiple]=\"f.filterMultiple()\"\n                [nzAlign]=\"f.align()\" [nzLeft]=\"f.freezeMode()=='left'\" [nzRight]=\"f.freezeMode()=='right'\"\n                (nzSortOrderChange)=\"sortChange(f.field(),$event)\">\n                <span>\n                    {{f.title()}}\n                    @if(options.showTableTitleSet()){\n                    <nz-resize-handle [style.transform]=\"`translateX(${resizeHandleOffsetX(f)}px)`\" nzDirection=\"right\"\n                        (click)=\"$event.stopPropagation()\">\n                        <div class=\"resize-trigger\"></div>\n                    </nz-resize-handle>\n                    }\n                </span>\n            </th>\n            }\n            @if (rowActions().length)\n            {\n            <th nzRight nzAlign=\"center\" [nzWidth]=\"actionsFieldWidth()+'px'\" data-rowactions>\u64CD\u4F5C</th>\n            }\n        </tr>\n    </thead>\n    <tbody>\n        @if (!options.showPagination() && options.virtualScroll()) {\n        <ng-template nz-virtual-scroll let-data let-i=\"index\">\n        </ng-template>\n        }@else {\n        @for (trow of table.data; track $index;let i=$index) {\n        @for (data of expand.getListForExpanded(trow); track $index) {\n        <tr [axisScope]=\"options.id+'.row'\" scopeName=\"\u8868\u683C\u884C\" [dataSources]=\"[{name:'row',type:'local',data:data}]\">\n            @if (options.showCheckbox()) {\n            <td nzLeft [nzChecked]=\"select.setOfCheckedId.has(data[options.keyField()])\"\n                [nzIndeterminate]=\"select.setOfIndeterminateId.has(data[options.keyField()])\"\n                [nzDisabled]=\"select.setOfDisabledId().has(data[options.keyField()])\"\n                (nzCheckedChange)=\"select.onItemChecked(data, $event)\" nzAlign=\"center\"></td>\n            }\n            @if (options.showExpand()) {\n            @if(options.expandMode() == \"tree\" && !expand.nodeMap().get(data[options.keyField()])?.children?.length){\n            <td nzLeft></td>\n            }@else{\n            <td nzLeft [nzExpand]=\"expand.expandedSet.has(data[options.keyField()])\"\n                (nzExpandChange)=\"expand.onExpandChange(data[options.keyField()],$event)\"></td>\n            }\n            }\n            @if (options.showOrder()) {\n            <td nzAlign=\"center\">{{(table.nzPageIndex-1) * table.nzPageSize + i+1}}</td>\n            }\n            @for (f of displayFields(); track f.field()) {\n            @if (rowspan(f.field(),i)) {\n            <td [attr.rowspan]=\"rowspan(f.field(),i)\" [nzLeft]=\"f.freezeMode()=='left'\" [attr.data-field]=\"f.field()\"\n                [nzRight]=\"f.freezeMode()=='right'\" [nzAlign]=\"f.align()\">\n                @if (f.child()) {\n                <ng-container [axisDynamic]=\"f.child()\"></ng-container>\n                }@else {\n                {{data[f.field()]}}\n                }\n            </td>\n            }\n            }\n            @if (rowActions().length) {\n            <td nzRight>\n                <div nz-flex nzJustify=\"space-evenly\" data-rowactions>\n                    @for (a of rowActions(); track a.id) {\n                    <ng-container [axisDynamic]=\"a\"></ng-container>\n                    }\n                </div>\n            </td>\n            }\n        </tr>\n        }\n        @if (options.showExpand() && options.expandMode() == \"custom\") {\n        <tr [axisScope]=\"options.id+'.row'\" scopeName=\"\u8868\u683C\u884C\" [dataSources]=\"[{name:'row',type:'local',data:trow}]\"\n            [nzExpand]=\"expand.expandedSet.has(trow[options.keyField()])\" data-expandrow>\n            <ng-container [axisDynamic]=\"options.expandRow()\"></ng-container>\n        </tr>\n        }\n        <!-- @if (showSubTotal() && subTotalGroupField() && subTotalMap[i]) {\n        <tr>\n            @if (options.showCheckbox()) {\n            <td nzLeft></td>\n            }\n            @if (options.showExpand()) {\n            <td nzLeft></td>\n            }\n            @if (options.showOrder()) {\n            <td></td>\n            }\n            @for (f of displayFields(); track f.field()) {\n            @if (f.groupLevel && f.groupLevel! == subTotalGroupField.groupLevel!) {\n            <td nzAlign=\"right\" [nzLeft]=\"f.freezeMode=='left'\" [nzRight]=\"f.freezeMode=='right'\">\n                <b>{{options.subTotalTitle() || \"\u5C0F\u8BA1\"}}</b>\n            </td>\n            }\n            @if(!f.groupLevel || f.groupLevel! > subTotalGroupField.groupLevel!) {\n            <td [nzLeft]=\"f.freezeMode=='left'\" [nzRight]=\"f.freezeMode=='right'\">\n                @if (f.totalAble) {\n                <div [class]=\"'td-box-'+(f.align || 'center')\">\n                    <b>\n                        @if (f.child()) {\n                        @if (f.injectBy() == \"data\") {\n                        <ng-container [axisDynamic]=\"f.child()\"></ng-container>\n                        }@else{\n                        <ng-container [axisDynamic]=\"f.child()\" [ngModel]=\"subTotalMap[i][f.field]\"></ng-container>\n                        }\n                        }@else {\n                        {{subTotalMap[i][f.field]}}\n                        }\n                    </b>\n                </div>\n                }\n            </td>\n            }\n            }\n            <td *ngIf=\"rowActions?.length\" nzRight></td>\n        </tr>\n        } -->\n        }\n        }\n        <!-- @if (showTotal && displayData?.length) {\n        <tr class=\"total-row\">\n            @if (options.showCheckbox()) {\n            <td nzLeft></td>\n            }\n            @if (options.showExpand()) {\n            <td nzLeft></td>\n            }\n            <td nzAlign=\"right\" [nzLeft]=\"!options.showOrder() && displayFields[0].freezeMode=='left'\"\n                [nzRight]=\"!options.showOrder() && displayFields[0].freezeMode=='right'\"><b>{{options.totalTitle() ||\n                    \"\u5408\u8BA1\"}}</b></td>\n            @for (f of displayFields()|slice:(options.showOrder()?0:1); track f.field()) {\n            <td [nzLeft]=\"f.freezeMode=='left'\" [nzRight]=\"f.freezeMode=='right'\">\n                @if (f.totalAble()) {\n                <div [class]=\"'td-box-'+(f.align || 'center')\">\n                    <b>\n                        @if (f.child()) {\n                        @if (f.injectBy() == \"data\") {\n                        <ng-container [axisDynamic]=\"f.child()\"></ng-container>\n                        }@else{\n                        <ng-container [axisDynamic]=\"f.child()\" [ngModel]=\"totalMap[f.field]\"></ng-container>\n                        }\n                        }@else {\n                        {{totalMap[f.field]}}\n                        }\n                    </b>\n                </div>\n                }\n            </td>\n            }\n            @if (rowActions()?.length) {\n            <td nzRight></td>\n            }\n        </tr>\n        } -->\n    </tbody>\n    <ng-template #totalRange let-range=\"range\" let-total>\n        \u5171{{ total }}\u6761\u6570\u636E\uFF0C\u7B2C{{ range[0] }}-{{ range[1] }}\u6761\n    </ng-template>\n</nz-table>", styles: [":host{display:block;width:100%;overflow:hidden}:host ::ng-deep .ant-table-placeholder .ant-table-expanded-row-fixed{margin:-8px -10px}\n"], dependencies: [{ kind: "ngmodule", type: NzTableModule }, { kind: "component", type: i1$1.NzTableComponent, selector: "nz-table", inputs: ["nzTableLayout", "nzShowTotal", "nzItemRender", "nzTitle", "nzFooter", "nzNoResult", "nzPageSizeOptions", "nzVirtualItemSize", "nzVirtualMaxBufferPx", "nzVirtualMinBufferPx", "nzVirtualForTrackBy", "nzLoadingDelay", "nzPageIndex", "nzPageSize", "nzTotal", "nzWidthConfig", "nzData", "nzCustomColumn", "nzPaginationPosition", "nzScroll", "noDataVirtualHeight", "nzPaginationType", "nzFrontPagination", "nzTemplateMode", "nzShowPagination", "nzLoading", "nzOuterBordered", "nzLoadingIndicator", "nzBordered", "nzSize", "nzShowSizeChanger", "nzHideOnSinglePage", "nzShowQuickJumper", "nzSimple"], outputs: ["nzPageSizeChange", "nzPageIndexChange", "nzQueryParams", "nzCurrentPageDataChange", "nzCustomColumnChange"], exportAs: ["nzTable"] }, { kind: "component", type: i1$1.NzThAddOnComponent, selector: "th[nzColumnKey], th[nzSortFn], th[nzSortOrder], th[nzFilters], th[nzShowSort], th[nzShowFilter], th[nzCustomFilter]", inputs: ["nzColumnKey", "nzFilterMultiple", "nzSortOrder", "nzSortPriority", "nzSortDirections", "nzFilters", "nzSortFn", "nzFilterFn", "nzShowSort", "nzShowFilter", "nzCustomFilter"], outputs: ["nzCheckedChange", "nzSortOrderChange", "nzFilterChange"] }, { kind: "directive", type: i1$1.NzTableCellDirective, selector: "th:not(.nz-disable-th), td:not(.nz-disable-td)" }, { kind: "directive", type: i1$1.NzThMeasureDirective, selector: "th", inputs: ["nzWidth", "colspan", "colSpan", "rowspan", "rowSpan"] }, { kind: "component", type: i1$1.NzTdAddOnComponent, selector: "td[nzChecked], td[nzDisabled], td[nzIndeterminate], td[nzIndentSize], td[nzExpand], td[nzShowExpand], td[nzShowCheckbox]", inputs: ["nzChecked", "nzDisabled", "nzIndeterminate", "nzLabel", "nzIndentSize", "nzShowExpand", "nzShowCheckbox", "nzExpand", "nzExpandIcon"], outputs: ["nzCheckedChange", "nzExpandChange"] }, { kind: "component", type: i1$1.NzTheadComponent, selector: "thead:not(.ant-table-thead)", outputs: ["nzSortOrderChange"] }, { kind: "component", type: i1$1.NzTbodyComponent, selector: "tbody" }, { kind: "directive", type: i1$1.NzTrDirective, selector: "tr:not([nz-table-measure-row]):not([nzExpand]):not([nz-table-fixed-row])" }, { kind: "directive", type: i1$1.NzTableVirtualScrollDirective, selector: "[nz-virtual-scroll]", exportAs: ["nzVirtualScroll"] }, { kind: "directive", type: i1$1.NzCellFixedDirective, selector: "td[nzRight],th[nzRight],td[nzLeft],th[nzLeft]", inputs: ["nzRight", "nzLeft", "colspan", "colSpan"] }, { kind: "directive", type: i1$1.NzTrExpandDirective, selector: "tr[nzExpand]", inputs: ["nzExpand"] }, { kind: "directive", type: i1$1.NzCellAlignDirective, selector: "th[nzAlign],td[nzAlign]", inputs: ["nzAlign"] }, { kind: "component", type: i1$1.NzTableFixedRowComponent, selector: "tr[nz-table-fixed-row], tr[nzExpand]" }, { kind: "component", type: i1$1.NzThSelectionComponent, selector: "th[nzSelections],th[nzChecked],th[nzShowCheckbox],th[nzShowRowSelection]", inputs: ["nzSelections", "nzChecked", "nzDisabled", "nzIndeterminate", "nzLabel", "nzShowCheckbox", "nzShowRowSelection"], outputs: ["nzCheckedChange"] }, { kind: "directive", type: ScopeDirective, selector: "[axisScope]", inputs: ["axisScope", "scopeName", "isRoot", "dataSources"] }, { kind: "directive", type: DynamicDirective, selector: "[axisDynamic]", inputs: ["axisDynamic", "standalone", "isDesign"], outputs: ["onRegisteValueAccess"], exportAs: ["axisDynamic"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: CommonModule }, { kind: "component", type: TableSetter, selector: "axis-table-setter", inputs: ["fields", "cacheKey", "modalVisible"], outputs: ["onChange", "modalVisibleChange"] }, { kind: "ngmodule", type: NzResizableModule }, { kind: "directive", type: i2$1.NzResizableDirective, selector: "[nz-resizable]", inputs: ["nzBounds", "nzMaxHeight", "nzMaxWidth", "nzMinHeight", "nzMinWidth", "nzGridColumnCount", "nzMaxColumn", "nzMinColumn", "nzLockAspectRatio", "nzPreview", "nzDisabled"], outputs: ["nzResize", "nzResizeEnd", "nzResizeStart"], exportAs: ["nzResizable"] }, { kind: "component", type: i2$1.NzResizeHandleComponent, selector: "nz-resize-handle, [nz-resize-handle]", inputs: ["nzDirection", "nzCursorType"], outputs: ["nzMouseDown"], exportAs: ["nzResizeHandle"] }, { kind: "ngmodule", type: NzFlexModule }, { kind: "directive", type: i3$1.NzFlexDirective, selector: "[nz-flex],nz-flex", inputs: ["nzVertical", "nzJustify", "nzAlign", "nzGap", "nzWrap", "nzFlex"], exportAs: ["nzFlex"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: Table, deps: [{ token: i0.ElementRef }, { token: i1$1.TableService }, { token: i1$1.SelectService }, { token: i1$1.ExpandService }, { token: i1$1.StatisticService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.6", type: Table, isStandalone: true, selector: "axis-table", inputs: { pageIndex: { classPropertyName: "pageIndex", publicName: "pageIndex", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { pageIndex: "pageIndexChange" }, providers: [DatePipe, DecimalPipe, PercentPipe, TableFieldDisplayService, TableService, SelectService, ExpandService, StatisticService], viewQueries: [{ propertyName: "tableSetter", first: true, predicate: TableSetter, descendants: true }], usesInheritance: true, ngImport: i0, template: "@if (options.showTableTitleSet()) {\n<axis-table-setter [fields]=\"fields()\" [cacheKey]=\"options.tableSetCacheKey()\"\n    (onChange)=\"fixFields.set($event)\"></axis-table-setter>\n}\n<nz-table #table [nzSize]=\"options.size()\" [nzData]=\"options.data()??[]\" [nzLoading]=\"!options.data()\"\n    [nzBordered]=\"options.bordered()\" [nzOuterBordered]=\"options.outerBordered()\"\n    [nzShowPagination]=\"options.showPagination()\"\n    [nzFrontPagination]=\"options.showPagination() && !options.useBackEndPaging()\" [nzTotal]=\"rowtotal()\"\n    [nzPageSize]=\"options.pageSize()\" [nzShowSizeChanger]=\"options.showSizeChanger()\"\n    [nzPageSizeOptions]=\"tableSvc.pageSizeOptions()\" [nzShowTotal]=\"options.showDataSize()?totalRange:null\"\n    [nzScroll]=\"scroll()\" (nzCurrentPageDataChange)=\"currentPageDataChange()\" (nzPageIndexChange)=\"onPageChange()\"\n    (nzPageSizeChange)=\"onPageChange()\" [(nzPageIndex)]=\"pageIndex\" [nzVirtualItemSize]=\"options.virtualItemSize()\"\n    [nzVirtualForTrackBy]=\"trackByKeyField\">\n    <thead>\n        <tr>\n            @if (options.showCheckbox()) {\n            @if (!options.checkboxLinkageForExpand() && !options.singleCheck()) {\n            <th nzLeft [nzChecked]=\"select.headerChecked()!='none'\"\n                [nzIndeterminate]=\"select.headerChecked()=='indeterminate'\"\n                (nzCheckedChange)=\"select.onAllChecked($event)\" nzAlign=\"center\"\n                [nzWidth]=\"tableSvc.leaderFieldWidth()-10+'px'\">\n            </th>\n            }@else {\n            <th nzLeft [nzWidth]=\"tableSvc.leaderFieldWidth()-10+'px'\"></th>\n            }\n            }\n            @if (options.showExpand()) {\n            <th nzLeft nzAlign=\"center\" [nzWidth]=\"tableSvc.leaderFieldWidth()-15+'px'\"></th>\n            }\n            @if (options.showOrder()) {\n            <th nzAlign=\"center\" [nzWidth]=\"tableSvc.leaderFieldWidth()+'px'\">\u5E8F\u53F7</th>\n            }\n            @for (f of tableSvc.displayFields(); track f.field()) {\n            <th [attr.data-field]=\"f.field()\" nz-resizable nzBounds=\"window\"\n                [nzDisabled]=\"!options.showTableTitleSet() || !f.width()\"\n                [nzWidth]=\"f.width() == null ?null:f.width()+'px'\" (nzResize)=\"tableSetter?.onResize(f,$event)\"\n                [nzShowSort]=\"f.sortAble()\" [nzSortFn]=\"tableSvc.fieldsControlsMap()[f.field()]?.sortFn\"\n                [nzSortOrder]=\"f.sortOrder()\" [nzSortPriority]=\"f.sortPriority()??false\"\n                [nzShowFilter]=\"f.filterAble() && !options.useBackEndPaging()\"\n                [nzFilters]=\"tableSvc.fieldsControlsMap()[f.field()]?.filterItems ?? []\"\n                [nzFilterFn]=\"tableSvc.fieldsControlsMap()[f.field()]?.filterFn\"\n                (nzFilterChange)=\"tableSvc.filterChange(f.field(),$event)\" [nzFilterMultiple]=\"f.filterMultiple()\"\n                [nzAlign]=\"f.align()\" [nzLeft]=\"f.freezeMode()=='left'\" [nzRight]=\"f.freezeMode()=='right'\"\n                (nzSortOrderChange)=\"sortChange(f.field(),$event)\">\n                <span>\n                    {{f.title()}}\n                    @if(options.showTableTitleSet()){\n                    <nz-resize-handle [style.transform]=\"`translateX(${resizeHandleOffsetX(f)}px)`\" nzDirection=\"right\"\n                        (click)=\"$event.stopPropagation()\">\n                        <div class=\"resize-trigger\"></div>\n                    </nz-resize-handle>\n                    }\n                </span>\n            </th>\n            }\n            @if (rowActions().length)\n            {\n            <th nzRight nzAlign=\"center\" [nzWidth]=\"actionsFieldWidth()+'px'\" data-rowactions>\u64CD\u4F5C</th>\n            }\n        </tr>\n    </thead>\n    <tbody>\n        @if (!options.showPagination() && options.virtualScroll()) {\n        <ng-template nz-virtual-scroll let-data let-i=\"index\">\n        </ng-template>\n        }@else {\n        @for (trow of table.data; track $index;let i=$index) {\n        @for (data of expand.getListForExpanded(trow); track $index) {\n        <tr [axisScope]=\"options.id+'.row'\" scopeName=\"\u8868\u683C\u884C\" [dataSources]=\"[{name:'row',type:'local',data:data}]\">\n            @if (options.showCheckbox()) {\n            <td nzLeft [nzChecked]=\"select.setOfCheckedId.has(data[options.keyField()])\"\n                [nzIndeterminate]=\"select.setOfIndeterminateId.has(data[options.keyField()])\"\n                [nzDisabled]=\"select.setOfDisabledId().has(data[options.keyField()])\"\n                (nzCheckedChange)=\"select.onItemChecked(data, $event)\" nzAlign=\"center\"></td>\n            }\n            @if (options.showExpand()) {\n            @if(options.expandMode() == \"tree\" && !expand.nodeMap().get(data[options.keyField()])?.children?.length){\n            <td nzLeft></td>\n            }@else{\n            <td nzLeft [nzExpand]=\"expand.expandedSet.has(data[options.keyField()])\"\n                (nzExpandChange)=\"expand.onExpandChange(data[options.keyField()],$event)\"></td>\n            }\n            }\n            @if (options.showOrder()) {\n            <td nzAlign=\"center\">{{(table.nzPageIndex-1) * table.nzPageSize + i+1}}</td>\n            }\n            @for (f of tableSvc.displayFields(); track f.field()) {\n            @if (rowspan(f.field(),i)) {\n            <td [attr.rowspan]=\"rowspan(f.field(),i)\" [nzLeft]=\"f.freezeMode()=='left'\" [attr.data-field]=\"f.field()\"\n                [nzRight]=\"f.freezeMode()=='right'\" [nzAlign]=\"f.align()\">\n                @if (f.child()) {\n                <ng-container [axisDynamic]=\"f.child()\"></ng-container>\n                }@else {\n                {{data[f.field()]}}\n                }\n            </td>\n            }\n            }\n            @if (rowActions().length) {\n            <td nzRight>\n                <div nz-flex nzJustify=\"space-evenly\" data-rowactions>\n                    @for (a of rowActions(); track a.id) {\n                    <ng-container [axisDynamic]=\"a\"></ng-container>\n                    }\n                </div>\n            </td>\n            }\n        </tr>\n        }\n        @if (options.showExpand() && options.expandMode() == \"custom\") {\n        <tr [axisScope]=\"options.id+'.row'\" scopeName=\"\u8868\u683C\u884C\" [dataSources]=\"[{name:'row',type:'local',data:trow}]\"\n            [nzExpand]=\"expand.expandedSet.has(trow[options.keyField()])\" data-expandrow>\n            <ng-container [axisDynamic]=\"options.expandRow()\"></ng-container>\n        </tr>\n        }\n        }\n        }\n    </tbody>\n    <tfoot nzSummary>\n        <tr [axisScope]=\"options.id+'.row'\" scopeName=\"\u8868\u683C\u884C\"\n            [dataSources]=\"[{name:'row',type:'local',data:statistic.statisticMap()}]\">\n            @if (options.showCheckbox()) {\n            <td nzLeft></td>\n            }\n            @if (options.showExpand()) {\n            <td nzLeft></td>\n            }\n            <td nzAlign=\"right\" [nzLeft]=\"!options.showOrder() && tableSvc.displayFields()[0].freezeMode() == 'left'\"\n                [nzRight]=\"!options.showOrder()&& tableSvc.displayFields()[0].freezeMode() == 'right'\">\n                <b>{{options.statisticTitle()}}</b>\n            </td>\n            @for (f of tableSvc.displayFields(); track f.field()) {\n            <td [nzLeft]=\"f.freezeMode()=='left'\" [nzRight]=\"f.freezeMode()=='right'\" [nzAlign]=\"f.align()\">\n                @if (f.statisticAble()) {\n                <b>\n                    @if (f.child()) {\n                    <ng-container [axisDynamic]=\"f.child()\"></ng-container>\n                    }@else {\n                    {{statistic.statisticMap()[f.field()]}}\n                    }\n                </b>\n                }\n            </td>\n            }\n            @if (rowActions().length) {\n            <td nzRight></td>\n            }\n        </tr>\n    </tfoot>\n    <ng-template #totalRange let-range=\"range\" let-total>\n        \u5171{{ total }}\u6761\u6570\u636E\uFF0C\u7B2C{{ range[0] }}-{{ range[1] }}\u6761\n    </ng-template>\n</nz-table>", styles: [":host{display:block;width:100%;overflow:hidden}:host ::ng-deep .ant-table-placeholder .ant-table-expanded-row-fixed{margin:-8px -10px}\n"], dependencies: [{ kind: "ngmodule", type: NzTableModule }, { kind: "component", type: i2$1.NzTableComponent, selector: "nz-table", inputs: ["nzTableLayout", "nzShowTotal", "nzItemRender", "nzTitle", "nzFooter", "nzNoResult", "nzPageSizeOptions", "nzVirtualItemSize", "nzVirtualMaxBufferPx", "nzVirtualMinBufferPx", "nzVirtualForTrackBy", "nzLoadingDelay", "nzPageIndex", "nzPageSize", "nzTotal", "nzWidthConfig", "nzData", "nzCustomColumn", "nzPaginationPosition", "nzScroll", "noDataVirtualHeight", "nzPaginationType", "nzFrontPagination", "nzTemplateMode", "nzShowPagination", "nzLoading", "nzOuterBordered", "nzLoadingIndicator", "nzBordered", "nzSize", "nzShowSizeChanger", "nzHideOnSinglePage", "nzShowQuickJumper", "nzSimple"], outputs: ["nzPageSizeChange", "nzPageIndexChange", "nzQueryParams", "nzCurrentPageDataChange", "nzCustomColumnChange"], exportAs: ["nzTable"] }, { kind: "component", type: i2$1.NzThAddOnComponent, selector: "th[nzColumnKey], th[nzSortFn], th[nzSortOrder], th[nzFilters], th[nzShowSort], th[nzShowFilter], th[nzCustomFilter]", inputs: ["nzColumnKey", "nzFilterMultiple", "nzSortOrder", "nzSortPriority", "nzSortDirections", "nzFilters", "nzSortFn", "nzFilterFn", "nzShowSort", "nzShowFilter", "nzCustomFilter"], outputs: ["nzCheckedChange", "nzSortOrderChange", "nzFilterChange"] }, { kind: "directive", type: i2$1.NzTableCellDirective, selector: "th:not(.nz-disable-th), td:not(.nz-disable-td)" }, { kind: "directive", type: i2$1.NzThMeasureDirective, selector: "th", inputs: ["nzWidth", "colspan", "colSpan", "rowspan", "rowSpan"] }, { kind: "component", type: i2$1.NzTdAddOnComponent, selector: "td[nzChecked], td[nzDisabled], td[nzIndeterminate], td[nzIndentSize], td[nzExpand], td[nzShowExpand], td[nzShowCheckbox]", inputs: ["nzChecked", "nzDisabled", "nzIndeterminate", "nzLabel", "nzIndentSize", "nzShowExpand", "nzShowCheckbox", "nzExpand", "nzExpandIcon"], outputs: ["nzCheckedChange", "nzExpandChange"] }, { kind: "component", type: i2$1.NzTheadComponent, selector: "thead:not(.ant-table-thead)", outputs: ["nzSortOrderChange"] }, { kind: "component", type: i2$1.NzTbodyComponent, selector: "tbody" }, { kind: "directive", type: i2$1.NzTrDirective, selector: "tr:not([nz-table-measure-row]):not([nzExpand]):not([nz-table-fixed-row])" }, { kind: "directive", type: i2$1.NzTableVirtualScrollDirective, selector: "[nz-virtual-scroll]", exportAs: ["nzVirtualScroll"] }, { kind: "directive", type: i2$1.NzCellFixedDirective, selector: "td[nzRight],th[nzRight],td[nzLeft],th[nzLeft]", inputs: ["nzRight", "nzLeft", "colspan", "colSpan"] }, { kind: "directive", type: i2$1.NzTrExpandDirective, selector: "tr[nzExpand]", inputs: ["nzExpand"] }, { kind: "component", type: i2$1.NzTfootSummaryComponent, selector: "tfoot[nzSummary]", inputs: ["nzFixed"] }, { kind: "directive", type: i2$1.NzCellAlignDirective, selector: "th[nzAlign],td[nzAlign]", inputs: ["nzAlign"] }, { kind: "component", type: i2$1.NzTableFixedRowComponent, selector: "tr[nz-table-fixed-row], tr[nzExpand]" }, { kind: "component", type: i2$1.NzThSelectionComponent, selector: "th[nzSelections],th[nzChecked],th[nzShowCheckbox],th[nzShowRowSelection]", inputs: ["nzSelections", "nzChecked", "nzDisabled", "nzIndeterminate", "nzLabel", "nzShowCheckbox", "nzShowRowSelection"], outputs: ["nzCheckedChange"] }, { kind: "directive", type: ScopeDirective, selector: "[axisScope]", inputs: ["axisScope", "scopeName", "isRoot", "dataSources"] }, { kind: "directive", type: DynamicDirective, selector: "[axisDynamic]", inputs: ["axisDynamic", "standalone", "isDesign"], outputs: ["onRegisteValueAccess"], exportAs: ["axisDynamic"] }, { kind: "ngmodule", type: FormsModule }, { kind: "component", type: TableSetter, selector: "axis-table-setter", inputs: ["fields", "cacheKey", "modalVisible"], outputs: ["onChange", "modalVisibleChange"] }, { kind: "ngmodule", type: NzResizableModule }, { kind: "directive", type: i3$1.NzResizableDirective, selector: "[nz-resizable]", inputs: ["nzBounds", "nzMaxHeight", "nzMaxWidth", "nzMinHeight", "nzMinWidth", "nzGridColumnCount", "nzMaxColumn", "nzMinColumn", "nzLockAspectRatio", "nzPreview", "nzDisabled"], outputs: ["nzResize", "nzResizeEnd", "nzResizeStart"], exportAs: ["nzResizable"] }, { kind: "component", type: i3$1.NzResizeHandleComponent, selector: "nz-resize-handle, [nz-resize-handle]", inputs: ["nzDirection", "nzCursorType"], outputs: ["nzMouseDown"], exportAs: ["nzResizeHandle"] }, { kind: "ngmodule", type: NzFlexModule }, { kind: "directive", type: i4$1.NzFlexDirective, selector: "[nz-flex],nz-flex", inputs: ["nzVertical", "nzJustify", "nzAlign", "nzGap", "nzWrap", "nzFlex"], exportAs: ["nzFlex"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: Table, decorators: [{
             type: Component,
-            args: [{ selector: 'axis-table', imports: [NzTableModule, ScopeDirective, DynamicDirective, FormsModule, CommonModule, TableSetter, NzResizableModule, NzFlexModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (options.showTableTitleSet()) {\n<axis-table-setter [fields]=\"fields()\" [cacheKey]=\"options.tableSetCacheKey()\"\n    (onChange)=\"fixFields.set($event)\"></axis-table-setter>\n}\n<nz-table #table [nzSize]=\"options.size()\" [nzData]=\"displayData()??[]\" [nzLoading]=\"!displayData()\"\n    [nzBordered]=\"options.bordered()\" [nzOuterBordered]=\"options.outerBordered()\"\n    [nzShowPagination]=\"options.showPagination()\"\n    [nzFrontPagination]=\"options.showPagination() && !options.useBackEndPaging()\" [nzTotal]=\"rowtotal()\"\n    [nzPageSize]=\"options.pageSize()\" [nzShowSizeChanger]=\"options.showSizeChanger()\"\n    [nzPageSizeOptions]=\"pageSizeOptions()\" [nzShowTotal]=\"options.showDataSize()?totalRange:null\" [nzScroll]=\"scroll()\"\n    (nzCurrentPageDataChange)=\"currentPageDataChange()\" (nzPageIndexChange)=\"onPageChange()\"\n    (nzPageSizeChange)=\"onPageChange()\" [(nzPageIndex)]=\"pageIndex\" [nzVirtualItemSize]=\"options.virtualItemSize()\"\n    [nzVirtualForTrackBy]=\"trackByKeyField\">\n    <thead>\n        <tr>\n            @if (options.showCheckbox()) {\n            @if (!options.checkboxLinkageForExpand() && !options.singleCheck()) {\n            <th nzLeft [nzChecked]=\"select.headerChecked()!='none'\"\n                [nzIndeterminate]=\"select.headerChecked()=='indeterminate'\"\n                (nzCheckedChange)=\"select.onAllChecked($event)\" nzAlign=\"center\" [nzWidth]=\"leaderFieldWidth()-10+'px'\">\n            </th>\n            }@else {\n            <th nzLeft [nzWidth]=\"leaderFieldWidth()-10+'px'\"></th>\n            }\n            }\n            @if (options.showExpand()) {\n            <th nzLeft nzAlign=\"center\" [nzWidth]=\"leaderFieldWidth()-15+'px'\"></th>\n            }\n            @if (options.showOrder()) {\n            <th nzAlign=\"center\" [nzWidth]=\"leaderFieldWidth()+'px'\">\u5E8F\u53F7</th>\n            }\n            @for (f of displayFields(); track f.field()) {\n            <th [attr.data-field]=\"f.field()\" nz-resizable nzBounds=\"window\"\n                [nzDisabled]=\"!options.showTableTitleSet() || !f.width()\"\n                [nzWidth]=\"f.width() == null ?null:f.width()+'px'\" (nzResize)=\"tableSetter?.onResize(f,$event)\"\n                [nzShowSort]=\"f.sortAble()\" [nzSortFn]=\"fieldsControlsMap()[f.field()]?.sortFn\"\n                [nzSortOrder]=\"f.sortOrder()\" [nzSortPriority]=\"f.sortPriority()??false\"\n                [nzShowFilter]=\"f.filterAble() && !options.useBackEndPaging()\"\n                [nzFilters]=\"fieldsControlsMap()[f.field()]?.filterItems ?? []\"\n                [nzFilterFn]=\"fieldsControlsMap()[f.field()]?.filterFn\"\n                (nzFilterChange)=\"filterChange(f.field(),$event)\" [nzFilterMultiple]=\"f.filterMultiple()\"\n                [nzAlign]=\"f.align()\" [nzLeft]=\"f.freezeMode()=='left'\" [nzRight]=\"f.freezeMode()=='right'\"\n                (nzSortOrderChange)=\"sortChange(f.field(),$event)\">\n                <span>\n                    {{f.title()}}\n                    @if(options.showTableTitleSet()){\n                    <nz-resize-handle [style.transform]=\"`translateX(${resizeHandleOffsetX(f)}px)`\" nzDirection=\"right\"\n                        (click)=\"$event.stopPropagation()\">\n                        <div class=\"resize-trigger\"></div>\n                    </nz-resize-handle>\n                    }\n                </span>\n            </th>\n            }\n            @if (rowActions().length)\n            {\n            <th nzRight nzAlign=\"center\" [nzWidth]=\"actionsFieldWidth()+'px'\" data-rowactions>\u64CD\u4F5C</th>\n            }\n        </tr>\n    </thead>\n    <tbody>\n        @if (!options.showPagination() && options.virtualScroll()) {\n        <ng-template nz-virtual-scroll let-data let-i=\"index\">\n        </ng-template>\n        }@else {\n        @for (trow of table.data; track $index;let i=$index) {\n        @for (data of expand.getListForExpanded(trow); track $index) {\n        <tr [axisScope]=\"options.id+'.row'\" scopeName=\"\u8868\u683C\u884C\" [dataSources]=\"[{name:'row',type:'local',data:data}]\">\n            @if (options.showCheckbox()) {\n            <td nzLeft [nzChecked]=\"select.setOfCheckedId.has(data[options.keyField()])\"\n                [nzIndeterminate]=\"select.setOfIndeterminateId.has(data[options.keyField()])\"\n                [nzDisabled]=\"select.setOfDisabledId().has(data[options.keyField()])\"\n                (nzCheckedChange)=\"select.onItemChecked(data, $event)\" nzAlign=\"center\"></td>\n            }\n            @if (options.showExpand()) {\n            @if(options.expandMode() == \"tree\" && !expand.nodeMap().get(data[options.keyField()])?.children?.length){\n            <td nzLeft></td>\n            }@else{\n            <td nzLeft [nzExpand]=\"expand.expandedSet.has(data[options.keyField()])\"\n                (nzExpandChange)=\"expand.onExpandChange(data[options.keyField()],$event)\"></td>\n            }\n            }\n            @if (options.showOrder()) {\n            <td nzAlign=\"center\">{{(table.nzPageIndex-1) * table.nzPageSize + i+1}}</td>\n            }\n            @for (f of displayFields(); track f.field()) {\n            @if (rowspan(f.field(),i)) {\n            <td [attr.rowspan]=\"rowspan(f.field(),i)\" [nzLeft]=\"f.freezeMode()=='left'\" [attr.data-field]=\"f.field()\"\n                [nzRight]=\"f.freezeMode()=='right'\" [nzAlign]=\"f.align()\">\n                @if (f.child()) {\n                <ng-container [axisDynamic]=\"f.child()\"></ng-container>\n                }@else {\n                {{data[f.field()]}}\n                }\n            </td>\n            }\n            }\n            @if (rowActions().length) {\n            <td nzRight>\n                <div nz-flex nzJustify=\"space-evenly\" data-rowactions>\n                    @for (a of rowActions(); track a.id) {\n                    <ng-container [axisDynamic]=\"a\"></ng-container>\n                    }\n                </div>\n            </td>\n            }\n        </tr>\n        }\n        @if (options.showExpand() && options.expandMode() == \"custom\") {\n        <tr [axisScope]=\"options.id+'.row'\" scopeName=\"\u8868\u683C\u884C\" [dataSources]=\"[{name:'row',type:'local',data:trow}]\"\n            [nzExpand]=\"expand.expandedSet.has(trow[options.keyField()])\" data-expandrow>\n            <ng-container [axisDynamic]=\"options.expandRow()\"></ng-container>\n        </tr>\n        }\n        <!-- @if (showSubTotal() && subTotalGroupField() && subTotalMap[i]) {\n        <tr>\n            @if (options.showCheckbox()) {\n            <td nzLeft></td>\n            }\n            @if (options.showExpand()) {\n            <td nzLeft></td>\n            }\n            @if (options.showOrder()) {\n            <td></td>\n            }\n            @for (f of displayFields(); track f.field()) {\n            @if (f.groupLevel && f.groupLevel! == subTotalGroupField.groupLevel!) {\n            <td nzAlign=\"right\" [nzLeft]=\"f.freezeMode=='left'\" [nzRight]=\"f.freezeMode=='right'\">\n                <b>{{options.subTotalTitle() || \"\u5C0F\u8BA1\"}}</b>\n            </td>\n            }\n            @if(!f.groupLevel || f.groupLevel! > subTotalGroupField.groupLevel!) {\n            <td [nzLeft]=\"f.freezeMode=='left'\" [nzRight]=\"f.freezeMode=='right'\">\n                @if (f.totalAble) {\n                <div [class]=\"'td-box-'+(f.align || 'center')\">\n                    <b>\n                        @if (f.child()) {\n                        @if (f.injectBy() == \"data\") {\n                        <ng-container [axisDynamic]=\"f.child()\"></ng-container>\n                        }@else{\n                        <ng-container [axisDynamic]=\"f.child()\" [ngModel]=\"subTotalMap[i][f.field]\"></ng-container>\n                        }\n                        }@else {\n                        {{subTotalMap[i][f.field]}}\n                        }\n                    </b>\n                </div>\n                }\n            </td>\n            }\n            }\n            <td *ngIf=\"rowActions?.length\" nzRight></td>\n        </tr>\n        } -->\n        }\n        }\n        <!-- @if (showTotal && displayData?.length) {\n        <tr class=\"total-row\">\n            @if (options.showCheckbox()) {\n            <td nzLeft></td>\n            }\n            @if (options.showExpand()) {\n            <td nzLeft></td>\n            }\n            <td nzAlign=\"right\" [nzLeft]=\"!options.showOrder() && displayFields[0].freezeMode=='left'\"\n                [nzRight]=\"!options.showOrder() && displayFields[0].freezeMode=='right'\"><b>{{options.totalTitle() ||\n                    \"\u5408\u8BA1\"}}</b></td>\n            @for (f of displayFields()|slice:(options.showOrder()?0:1); track f.field()) {\n            <td [nzLeft]=\"f.freezeMode=='left'\" [nzRight]=\"f.freezeMode=='right'\">\n                @if (f.totalAble()) {\n                <div [class]=\"'td-box-'+(f.align || 'center')\">\n                    <b>\n                        @if (f.child()) {\n                        @if (f.injectBy() == \"data\") {\n                        <ng-container [axisDynamic]=\"f.child()\"></ng-container>\n                        }@else{\n                        <ng-container [axisDynamic]=\"f.child()\" [ngModel]=\"totalMap[f.field]\"></ng-container>\n                        }\n                        }@else {\n                        {{totalMap[f.field]}}\n                        }\n                    </b>\n                </div>\n                }\n            </td>\n            }\n            @if (rowActions()?.length) {\n            <td nzRight></td>\n            }\n        </tr>\n        } -->\n    </tbody>\n    <ng-template #totalRange let-range=\"range\" let-total>\n        \u5171{{ total }}\u6761\u6570\u636E\uFF0C\u7B2C{{ range[0] }}-{{ range[1] }}\u6761\n    </ng-template>\n</nz-table>", styles: [":host{display:block;width:100%;overflow:hidden}:host ::ng-deep .ant-table-placeholder .ant-table-expanded-row-fixed{margin:-8px -10px}\n"] }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { tableSetter: [{
+            args: [{ selector: 'axis-table', imports: [NzTableModule, ScopeDirective, DynamicDirective, FormsModule, TableSetter, NzResizableModule, NzFlexModule], changeDetection: ChangeDetectionStrategy.OnPush, providers: [DatePipe, DecimalPipe, PercentPipe, TableFieldDisplayService, TableService, SelectService, ExpandService, StatisticService], template: "@if (options.showTableTitleSet()) {\n<axis-table-setter [fields]=\"fields()\" [cacheKey]=\"options.tableSetCacheKey()\"\n    (onChange)=\"fixFields.set($event)\"></axis-table-setter>\n}\n<nz-table #table [nzSize]=\"options.size()\" [nzData]=\"options.data()??[]\" [nzLoading]=\"!options.data()\"\n    [nzBordered]=\"options.bordered()\" [nzOuterBordered]=\"options.outerBordered()\"\n    [nzShowPagination]=\"options.showPagination()\"\n    [nzFrontPagination]=\"options.showPagination() && !options.useBackEndPaging()\" [nzTotal]=\"rowtotal()\"\n    [nzPageSize]=\"options.pageSize()\" [nzShowSizeChanger]=\"options.showSizeChanger()\"\n    [nzPageSizeOptions]=\"tableSvc.pageSizeOptions()\" [nzShowTotal]=\"options.showDataSize()?totalRange:null\"\n    [nzScroll]=\"scroll()\" (nzCurrentPageDataChange)=\"currentPageDataChange()\" (nzPageIndexChange)=\"onPageChange()\"\n    (nzPageSizeChange)=\"onPageChange()\" [(nzPageIndex)]=\"pageIndex\" [nzVirtualItemSize]=\"options.virtualItemSize()\"\n    [nzVirtualForTrackBy]=\"trackByKeyField\">\n    <thead>\n        <tr>\n            @if (options.showCheckbox()) {\n            @if (!options.checkboxLinkageForExpand() && !options.singleCheck()) {\n            <th nzLeft [nzChecked]=\"select.headerChecked()!='none'\"\n                [nzIndeterminate]=\"select.headerChecked()=='indeterminate'\"\n                (nzCheckedChange)=\"select.onAllChecked($event)\" nzAlign=\"center\"\n                [nzWidth]=\"tableSvc.leaderFieldWidth()-10+'px'\">\n            </th>\n            }@else {\n            <th nzLeft [nzWidth]=\"tableSvc.leaderFieldWidth()-10+'px'\"></th>\n            }\n            }\n            @if (options.showExpand()) {\n            <th nzLeft nzAlign=\"center\" [nzWidth]=\"tableSvc.leaderFieldWidth()-15+'px'\"></th>\n            }\n            @if (options.showOrder()) {\n            <th nzAlign=\"center\" [nzWidth]=\"tableSvc.leaderFieldWidth()+'px'\">\u5E8F\u53F7</th>\n            }\n            @for (f of tableSvc.displayFields(); track f.field()) {\n            <th [attr.data-field]=\"f.field()\" nz-resizable nzBounds=\"window\"\n                [nzDisabled]=\"!options.showTableTitleSet() || !f.width()\"\n                [nzWidth]=\"f.width() == null ?null:f.width()+'px'\" (nzResize)=\"tableSetter?.onResize(f,$event)\"\n                [nzShowSort]=\"f.sortAble()\" [nzSortFn]=\"tableSvc.fieldsControlsMap()[f.field()]?.sortFn\"\n                [nzSortOrder]=\"f.sortOrder()\" [nzSortPriority]=\"f.sortPriority()??false\"\n                [nzShowFilter]=\"f.filterAble() && !options.useBackEndPaging()\"\n                [nzFilters]=\"tableSvc.fieldsControlsMap()[f.field()]?.filterItems ?? []\"\n                [nzFilterFn]=\"tableSvc.fieldsControlsMap()[f.field()]?.filterFn\"\n                (nzFilterChange)=\"tableSvc.filterChange(f.field(),$event)\" [nzFilterMultiple]=\"f.filterMultiple()\"\n                [nzAlign]=\"f.align()\" [nzLeft]=\"f.freezeMode()=='left'\" [nzRight]=\"f.freezeMode()=='right'\"\n                (nzSortOrderChange)=\"sortChange(f.field(),$event)\">\n                <span>\n                    {{f.title()}}\n                    @if(options.showTableTitleSet()){\n                    <nz-resize-handle [style.transform]=\"`translateX(${resizeHandleOffsetX(f)}px)`\" nzDirection=\"right\"\n                        (click)=\"$event.stopPropagation()\">\n                        <div class=\"resize-trigger\"></div>\n                    </nz-resize-handle>\n                    }\n                </span>\n            </th>\n            }\n            @if (rowActions().length)\n            {\n            <th nzRight nzAlign=\"center\" [nzWidth]=\"actionsFieldWidth()+'px'\" data-rowactions>\u64CD\u4F5C</th>\n            }\n        </tr>\n    </thead>\n    <tbody>\n        @if (!options.showPagination() && options.virtualScroll()) {\n        <ng-template nz-virtual-scroll let-data let-i=\"index\">\n        </ng-template>\n        }@else {\n        @for (trow of table.data; track $index;let i=$index) {\n        @for (data of expand.getListForExpanded(trow); track $index) {\n        <tr [axisScope]=\"options.id+'.row'\" scopeName=\"\u8868\u683C\u884C\" [dataSources]=\"[{name:'row',type:'local',data:data}]\">\n            @if (options.showCheckbox()) {\n            <td nzLeft [nzChecked]=\"select.setOfCheckedId.has(data[options.keyField()])\"\n                [nzIndeterminate]=\"select.setOfIndeterminateId.has(data[options.keyField()])\"\n                [nzDisabled]=\"select.setOfDisabledId().has(data[options.keyField()])\"\n                (nzCheckedChange)=\"select.onItemChecked(data, $event)\" nzAlign=\"center\"></td>\n            }\n            @if (options.showExpand()) {\n            @if(options.expandMode() == \"tree\" && !expand.nodeMap().get(data[options.keyField()])?.children?.length){\n            <td nzLeft></td>\n            }@else{\n            <td nzLeft [nzExpand]=\"expand.expandedSet.has(data[options.keyField()])\"\n                (nzExpandChange)=\"expand.onExpandChange(data[options.keyField()],$event)\"></td>\n            }\n            }\n            @if (options.showOrder()) {\n            <td nzAlign=\"center\">{{(table.nzPageIndex-1) * table.nzPageSize + i+1}}</td>\n            }\n            @for (f of tableSvc.displayFields(); track f.field()) {\n            @if (rowspan(f.field(),i)) {\n            <td [attr.rowspan]=\"rowspan(f.field(),i)\" [nzLeft]=\"f.freezeMode()=='left'\" [attr.data-field]=\"f.field()\"\n                [nzRight]=\"f.freezeMode()=='right'\" [nzAlign]=\"f.align()\">\n                @if (f.child()) {\n                <ng-container [axisDynamic]=\"f.child()\"></ng-container>\n                }@else {\n                {{data[f.field()]}}\n                }\n            </td>\n            }\n            }\n            @if (rowActions().length) {\n            <td nzRight>\n                <div nz-flex nzJustify=\"space-evenly\" data-rowactions>\n                    @for (a of rowActions(); track a.id) {\n                    <ng-container [axisDynamic]=\"a\"></ng-container>\n                    }\n                </div>\n            </td>\n            }\n        </tr>\n        }\n        @if (options.showExpand() && options.expandMode() == \"custom\") {\n        <tr [axisScope]=\"options.id+'.row'\" scopeName=\"\u8868\u683C\u884C\" [dataSources]=\"[{name:'row',type:'local',data:trow}]\"\n            [nzExpand]=\"expand.expandedSet.has(trow[options.keyField()])\" data-expandrow>\n            <ng-container [axisDynamic]=\"options.expandRow()\"></ng-container>\n        </tr>\n        }\n        }\n        }\n    </tbody>\n    <tfoot nzSummary>\n        <tr [axisScope]=\"options.id+'.row'\" scopeName=\"\u8868\u683C\u884C\"\n            [dataSources]=\"[{name:'row',type:'local',data:statistic.statisticMap()}]\">\n            @if (options.showCheckbox()) {\n            <td nzLeft></td>\n            }\n            @if (options.showExpand()) {\n            <td nzLeft></td>\n            }\n            <td nzAlign=\"right\" [nzLeft]=\"!options.showOrder() && tableSvc.displayFields()[0].freezeMode() == 'left'\"\n                [nzRight]=\"!options.showOrder()&& tableSvc.displayFields()[0].freezeMode() == 'right'\">\n                <b>{{options.statisticTitle()}}</b>\n            </td>\n            @for (f of tableSvc.displayFields(); track f.field()) {\n            <td [nzLeft]=\"f.freezeMode()=='left'\" [nzRight]=\"f.freezeMode()=='right'\" [nzAlign]=\"f.align()\">\n                @if (f.statisticAble()) {\n                <b>\n                    @if (f.child()) {\n                    <ng-container [axisDynamic]=\"f.child()\"></ng-container>\n                    }@else {\n                    {{statistic.statisticMap()[f.field()]}}\n                    }\n                </b>\n                }\n            </td>\n            }\n            @if (rowActions().length) {\n            <td nzRight></td>\n            }\n        </tr>\n    </tfoot>\n    <ng-template #totalRange let-range=\"range\" let-total>\n        \u5171{{ total }}\u6761\u6570\u636E\uFF0C\u7B2C{{ range[0] }}-{{ range[1] }}\u6761\n    </ng-template>\n</nz-table>", styles: [":host{display:block;width:100%;overflow:hidden}:host ::ng-deep .ant-table-placeholder .ant-table-expanded-row-fixed{margin:-8px -10px}\n"] }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1$1.TableService }, { type: i1$1.SelectService }, { type: i1$1.ExpandService }, { type: i1$1.StatisticService }], propDecorators: { tableSetter: [{
                 type: ViewChild,
                 args: [TableSetter]
             }] } });