ngx-axis-appforge 1.0.13 → 1.0.14

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

@@ -25,74 +25,137 @@ import { AXIS_TABLE_SELECT_TOKEN, TableFieldDisplayService, TableService, Select
 import { utils } from 'xlsx-js-style';
 
 class TableOptions extends DataOptions {
-    keyField = signal("", ...(ngDevMode ? [{ debugName: "keyField" }] : /* istanbul ignore next */ []));
-    showExpand = signal(false, ...(ngDevMode ? [{ debugName: "showExpand" }] : /* istanbul ignore next */ []));
-    expandMode = signal("custom", ...(ngDevMode ? [{ debugName: "expandMode" }] : /* istanbul ignore next */ []));
-    treeChildrenFun = signal("", ...(ngDevMode ? [{ debugName: "treeChildrenFun" }] : /* istanbul ignore next */ []));
-    showTableTitleSet = signal(false, ...(ngDevMode ? [{ debugName: "showTableTitleSet" }] : /* istanbul ignore next */ []));
-    tableSetCacheKey = signal("", ...(ngDevMode ? [{ debugName: "tableSetCacheKey" }] : /* istanbul ignore next */ []));
-    size = signal("middle", ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
-    showOrder = signal(true, ...(ngDevMode ? [{ debugName: "showOrder" }] : /* istanbul ignore next */ []));
-    heightExpanded = signal(false, ...(ngDevMode ? [{ debugName: "heightExpanded" }] : /* istanbul ignore next */ []));
-    showDataSize = signal(true, ...(ngDevMode ? [{ debugName: "showDataSize" }] : /* istanbul ignore next */ []));
-    bordered = signal(false, ...(ngDevMode ? [{ debugName: "bordered" }] : /* istanbul ignore next */ []));
-    outerBordered = signal(false, ...(ngDevMode ? [{ debugName: "outerBordered" }] : /* istanbul ignore next */ []));
-    width = signal(undefined, ...(ngDevMode ? [{ debugName: "width" }] : /* istanbul ignore next */ []));
-    actionsFieldWidth = signal(null, ...(ngDevMode ? [{ debugName: "actionsFieldWidth" }] : /* istanbul ignore next */ []));
-    showCheckbox = signal(false, ...(ngDevMode ? [{ debugName: "showCheckbox" }] : /* istanbul ignore next */ []));
-    checkeOnRowClick = signal(false, ...(ngDevMode ? [{ debugName: "checkeOnRowClick" }] : /* istanbul ignore next */ []));
-    singleCheck = signal(false, ...(ngDevMode ? [{ debugName: "singleCheck" }] : /* istanbul ignore next */ []));
-    checkboxLinkageForExpand = signal(false, ...(ngDevMode ? [{ debugName: "checkboxLinkageForExpand" }] : /* istanbul ignore next */ []));
-    checkedKeys = signal(undefined, ...(ngDevMode ? [{ debugName: "checkedKeys" }] : /* istanbul ignore next */ []));
-    disableCheckboxFn = signal(undefined, ...(ngDevMode ? [{ debugName: "disableCheckboxFn" }] : /* istanbul ignore next */ []));
-    defaultSelectFirstRow = signal(false, ...(ngDevMode ? [{ debugName: "defaultSelectFirstRow" }] : /* istanbul ignore next */ []));
-    showStatistic = signal(false, ...(ngDevMode ? [{ debugName: "showStatistic" }] : /* istanbul ignore next */ []));
-    statisticTitle = signal("合计", ...(ngDevMode ? [{ debugName: "statisticTitle" }] : /* istanbul ignore next */ []));
-    showPagination = signal(true, ...(ngDevMode ? [{ debugName: "showPagination" }] : /* istanbul ignore next */ []));
-    virtualScroll = signal(false, ...(ngDevMode ? [{ debugName: "virtualScroll" }] : /* istanbul ignore next */ []));
-    virtualItemSize = signal(32, ...(ngDevMode ? [{ debugName: "virtualItemSize" }] : /* istanbul ignore next */ []));
-    pageSize = signal(10, ...(ngDevMode ? [{ debugName: "pageSize" }] : /* istanbul ignore next */ []));
-    showSizeChanger = signal(true, ...(ngDevMode ? [{ debugName: "showSizeChanger" }] : /* istanbul ignore next */ []));
-    pageSizeOptions = signal("10,20,50,100", ...(ngDevMode ? [{ debugName: "pageSizeOptions" }] : /* istanbul ignore next */ []));
-    useBackEndPaging = signal(false, ...(ngDevMode ? [{ debugName: "useBackEndPaging" }] : /* istanbul ignore next */ []));
-    customExportData = signal(false, ...(ngDevMode ? [{ debugName: "customExportData" }] : /* istanbul ignore next */ []));
-    importLimitLength = signal(null, ...(ngDevMode ? [{ debugName: "importLimitLength" }] : /* istanbul ignore next */ []));
-    importStartLine = signal(2, ...(ngDevMode ? [{ debugName: "importStartLine" }] : /* istanbul ignore next */ []));
-    importTemplateFileName = signal("数据导入模版", ...(ngDevMode ? [{ debugName: "importTemplateFileName" }] : /* istanbul ignore next */ []));
-    importExampleData = signal([], ...(ngDevMode ? [{ debugName: "importExampleData" }] : /* istanbul ignore next */ []));
-    fields = signal([], ...(ngDevMode ? [{ debugName: "fields" }] : /* istanbul ignore next */ []));
-    rowActions = signal([], ...(ngDevMode ? [{ debugName: "rowActions" }] : /* istanbul ignore next */ []));
-    expandRow = signal(undefined, ...(ngDevMode ? [{ debugName: "expandRow" }] : /* istanbul ignore next */ []));
+    keyField = signal("", /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "keyField" }] : /* istanbul ignore next */ []));
+    showExpand = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "showExpand" }] : /* istanbul ignore next */ []));
+    expandMode = signal("custom", /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "expandMode" }] : /* istanbul ignore next */ []));
+    treeChildrenFun = signal("", /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "treeChildrenFun" }] : /* istanbul ignore next */ []));
+    showTableTitleSet = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "showTableTitleSet" }] : /* istanbul ignore next */ []));
+    tableSetCacheKey = signal("", /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "tableSetCacheKey" }] : /* istanbul ignore next */ []));
+    size = signal("middle", /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    showOrder = signal(true, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "showOrder" }] : /* istanbul ignore next */ []));
+    heightExpanded = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "heightExpanded" }] : /* istanbul ignore next */ []));
+    showDataSize = signal(true, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "showDataSize" }] : /* istanbul ignore next */ []));
+    bordered = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "bordered" }] : /* istanbul ignore next */ []));
+    outerBordered = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "outerBordered" }] : /* istanbul ignore next */ []));
+    width = signal(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "width" }] : /* istanbul ignore next */ []));
+    actionsFieldWidth = signal(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "actionsFieldWidth" }] : /* istanbul ignore next */ []));
+    showCheckbox = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "showCheckbox" }] : /* istanbul ignore next */ []));
+    checkeOnRowClick = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "checkeOnRowClick" }] : /* istanbul ignore next */ []));
+    singleCheck = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "singleCheck" }] : /* istanbul ignore next */ []));
+    checkboxLinkageForExpand = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "checkboxLinkageForExpand" }] : /* istanbul ignore next */ []));
+    checkedKeys = signal(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "checkedKeys" }] : /* istanbul ignore next */ []));
+    disableCheckboxFn = signal(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "disableCheckboxFn" }] : /* istanbul ignore next */ []));
+    defaultSelectFirstRow = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "defaultSelectFirstRow" }] : /* istanbul ignore next */ []));
+    showStatistic = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "showStatistic" }] : /* istanbul ignore next */ []));
+    statisticTitle = signal("合计", /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "statisticTitle" }] : /* istanbul ignore next */ []));
+    showPagination = signal(true, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "showPagination" }] : /* istanbul ignore next */ []));
+    virtualScroll = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "virtualScroll" }] : /* istanbul ignore next */ []));
+    virtualItemSize = signal(32, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "virtualItemSize" }] : /* istanbul ignore next */ []));
+    pageSize = signal(10, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "pageSize" }] : /* istanbul ignore next */ []));
+    showSizeChanger = signal(true, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "showSizeChanger" }] : /* istanbul ignore next */ []));
+    pageSizeOptions = signal("10,20,50,100", /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "pageSizeOptions" }] : /* istanbul ignore next */ []));
+    useBackEndPaging = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "useBackEndPaging" }] : /* istanbul ignore next */ []));
+    customExportData = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "customExportData" }] : /* istanbul ignore next */ []));
+    importLimitLength = signal(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "importLimitLength" }] : /* istanbul ignore next */ []));
+    importStartLine = signal(2, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "importStartLine" }] : /* istanbul ignore next */ []));
+    importTemplateFileName = signal("数据导入模版", /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "importTemplateFileName" }] : /* istanbul ignore next */ []));
+    importExampleData = signal([], /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "importExampleData" }] : /* istanbul ignore next */ []));
+    fields = signal([], /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "fields" }] : /* istanbul ignore next */ []));
+    rowActions = signal([], /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "rowActions" }] : /* istanbul ignore next */ []));
+    expandRow = signal(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "expandRow" }] : /* istanbul ignore next */ []));
 }
 class TableFieldOptions {
     loop = false;
     loopTarget = undefined;
     fieldFunForLoop = undefined;
-    inuse = signal(true, ...(ngDevMode ? [{ debugName: "inuse" }] : /* istanbul ignore next */ []));
-    field = signal("unknown", ...(ngDevMode ? [{ debugName: "field" }] : /* istanbul ignore next */ []));
-    title = signal("未命名", ...(ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []));
-    export = signal(true, ...(ngDevMode ? [{ debugName: "export" }] : /* istanbul ignore next */ []));
-    exportFlowChild = signal(true, ...(ngDevMode ? [{ debugName: "exportFlowChild" }] : /* istanbul ignore next */ []));
-    exportFn = signal(undefined, ...(ngDevMode ? [{ debugName: "exportFn" }] : /* istanbul ignore next */ []));
-    import = signal(false, ...(ngDevMode ? [{ debugName: "import" }] : /* istanbul ignore next */ []));
-    importRequired = signal(false, ...(ngDevMode ? [{ debugName: "importRequired" }] : /* istanbul ignore next */ []));
-    importCellType = signal("text", ...(ngDevMode ? [{ debugName: "importCellType" }] : /* istanbul ignore next */ []));
-    importHelp = signal(undefined, ...(ngDevMode ? [{ debugName: "importHelp" }] : /* istanbul ignore next */ []));
-    sortAble = signal(false, ...(ngDevMode ? [{ debugName: "sortAble" }] : /* istanbul ignore next */ []));
-    sortOrder = signal(null, ...(ngDevMode ? [{ debugName: "sortOrder" }] : /* istanbul ignore next */ []));
-    sortPriority = signal(null, ...(ngDevMode ? [{ debugName: "sortPriority" }] : /* istanbul ignore next */ []));
-    filterAble = signal(false, ...(ngDevMode ? [{ debugName: "filterAble" }] : /* istanbul ignore next */ []));
-    filterMultiple = signal(false, ...(ngDevMode ? [{ debugName: "filterMultiple" }] : /* istanbul ignore next */ []));
-    width = signal(null, ...(ngDevMode ? [{ debugName: "width" }] : /* istanbul ignore next */ []));
-    align = signal("left", ...(ngDevMode ? [{ debugName: "align" }] : /* istanbul ignore next */ []));
-    freezeMode = signal("none", ...(ngDevMode ? [{ debugName: "freezeMode" }] : /* istanbul ignore next */ []));
-    groupAble = signal(false, ...(ngDevMode ? [{ debugName: "groupAble" }] : /* istanbul ignore next */ []));
-    groupLevel = signal(null, ...(ngDevMode ? [{ debugName: "groupLevel" }] : /* istanbul ignore next */ []));
-    statisticAble = signal(false, ...(ngDevMode ? [{ debugName: "statisticAble" }] : /* istanbul ignore next */ []));
-    statisticType = signal("sum", ...(ngDevMode ? [{ debugName: "statisticType" }] : /* istanbul ignore next */ []));
-    statisticFn = signal(undefined, ...(ngDevMode ? [{ debugName: "statisticFn" }] : /* istanbul ignore next */ []));
-    titleGroup = signal(undefined, ...(ngDevMode ? [{ debugName: "titleGroup" }] : /* istanbul ignore next */ []));
-    child = signal(undefined, ...(ngDevMode ? [{ debugName: "child" }] : /* istanbul ignore next */ []));
+    inuse = signal(true, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "inuse" }] : /* istanbul ignore next */ []));
+    field = signal("unknown", /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "field" }] : /* istanbul ignore next */ []));
+    title = signal("未命名", /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []));
+    export = signal(true, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "export" }] : /* istanbul ignore next */ []));
+    exportFlowChild = signal(true, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "exportFlowChild" }] : /* istanbul ignore next */ []));
+    exportFn = signal(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "exportFn" }] : /* istanbul ignore next */ []));
+    import = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "import" }] : /* istanbul ignore next */ []));
+    importRequired = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "importRequired" }] : /* istanbul ignore next */ []));
+    importCellType = signal("text", /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "importCellType" }] : /* istanbul ignore next */ []));
+    importHelp = signal(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "importHelp" }] : /* istanbul ignore next */ []));
+    sortAble = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "sortAble" }] : /* istanbul ignore next */ []));
+    sortOrder = signal(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "sortOrder" }] : /* istanbul ignore next */ []));
+    sortPriority = signal(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "sortPriority" }] : /* istanbul ignore next */ []));
+    filterAble = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "filterAble" }] : /* istanbul ignore next */ []));
+    filterMultiple = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "filterMultiple" }] : /* istanbul ignore next */ []));
+    width = signal(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "width" }] : /* istanbul ignore next */ []));
+    align = signal("left", /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "align" }] : /* istanbul ignore next */ []));
+    freezeMode = signal("none", /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "freezeMode" }] : /* istanbul ignore next */ []));
+    groupAble = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "groupAble" }] : /* istanbul ignore next */ []));
+    groupLevel = signal(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "groupLevel" }] : /* istanbul ignore next */ []));
+    statisticAble = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "statisticAble" }] : /* istanbul ignore next */ []));
+    statisticType = signal("sum", /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "statisticType" }] : /* istanbul ignore next */ []));
+    statisticFn = signal(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "statisticFn" }] : /* istanbul ignore next */ []));
+    titleGroup = signal(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "titleGroup" }] : /* istanbul ignore next */ []));
+    child = signal(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "child" }] : /* istanbul ignore next */ []));
 }
 
 class TableSetter {
@@ -101,12 +164,17 @@ class TableSetter {
         effect(() => this.onChange.emit([...this.fix()]));
         this.sub = this.saveCacheSubject.pipe(debounceTime(200)).subscribe(v => this.saveCache());
     }
-    fields = input.required(...(ngDevMode ? [{ debugName: "fields" }] : /* istanbul ignore next */ []));
-    cacheKey = input(...(ngDevMode ? [undefined, { debugName: "cacheKey" }] : /* istanbul ignore next */ []));
+    fields = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "fields" }] : /* istanbul ignore next */ []));
+    cacheKey = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "cacheKey" }] : /* istanbul ignore next */ []));
     onChange = output();
-    modalVisible = model(false, ...(ngDevMode ? [{ debugName: "modalVisible" }] : /* istanbul ignore next */ []));
-    fix = signal([], ...(ngDevMode ? [{ debugName: "fix" }] : /* istanbul ignore next */ []));
-    notFix = signal([], ...(ngDevMode ? [{ debugName: "notFix" }] : /* istanbul ignore next */ []));
+    modalVisible = model(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "modalVisible" }] : /* istanbul ignore next */ []));
+    fix = signal([], /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "fix" }] : /* istanbul ignore next */ []));
+    notFix = signal([], /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "notFix" }] : /* istanbul ignore next */ []));
     saveCacheSubject = new Subject();
     cache = { fix: [], notFix: [], widths: {} };
     sub;
@@ -187,10 +255,10 @@ class TableSetter {
         this.sub?.unsubscribe();
         this.saveCacheSubject.unsubscribe();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: TableSetter, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.12", type: TableSetter, isStandalone: true, selector: "axis-table-setter", inputs: { fields: { classPropertyName: "fields", publicName: "fields", isSignal: true, isRequired: true, transformFunction: null }, cacheKey: { classPropertyName: "cacheKey", publicName: "cacheKey", isSignal: true, isRequired: false, transformFunction: null }, modalVisible: { classPropertyName: "modalVisible", publicName: "modalVisible", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onChange: "onChange", modalVisible: "modalVisibleChange" }, ngImport: i0, template: "<a nz-button nzType=\"link\" nzSize=\"small\" (click)=\"modalVisible.set(true)\"\n    style=\"margin: 2px;\">\n    <nz-icon nzType=\"setting\" nzTheme=\"outline\" />\n    \u8868\u5934\u8BBE\u7F6E\n</a>\n<nz-modal [(nzVisible)]=\"modalVisible\" nzTitle=\"\u8868\u5934\u8BBE\u7F6E\" nzDraggable [nzOkText]=\"null\" nzCancelText=\"\u5173\u95ED\"\n    (nzOnCancel)=\"modalVisible.set(false)\">\n    <ng-container *nzModalContent>\n        <div nz-row [nzGutter]=\"24\">\n            <div nz-col class=\"gutter-row\" [nzSpan]=\"12\">\n                <div class=\"container\">\n                    <p>\u5C55\u793A\u5B57\u6BB5<a nz-button nzType=\"link\" (click)=\"resetDefault()\">\u6062\u590D\u9ED8\u8BA4</a></p>\n                    <div cdkDropList #todoList=\"cdkDropList\" [cdkDropListData]=\"fix()\"\n                        [cdkDropListConnectedTo]=\"[doneList]\" class=\"list\" (cdkDropListDropped)=\"drop($event)\">\n                        @for (item of fix(); track item.field(); let i = $index) {\n                        <div class=\"box\" cdkDrag>\n                            {{ item.title() }}\n                            <nz-icon nzType=\"minus-circle\" nzTheme=\"outline\" (click)=\"deleteCustom(i)\" />\n                        </div>\n                        }\n                    </div>\n                </div>\n            </div>\n            <div nz-col class=\"gutter-row\" [nzSpan]=\"12\">\n                <div class=\"container\">\n                    <p>\u9690\u85CF\u5B57\u6BB5</p>\n                    <div cdkDropList #doneList=\"cdkDropList\" [cdkDropListData]=\"notFix()\"\n                        [cdkDropListConnectedTo]=\"[todoList]\" class=\"list\" (cdkDropListDropped)=\"drop($event)\">\n                        @for (item of notFix(); track item.field(); let i = $index) {\n                        <div class=\"box\" cdkDrag>\n                            {{ item.title() }}\n                            <nz-icon nzType=\"plus-circle\" nzTheme=\"outline\" (click)=\"addCustom(i)\" />\n                        </div>\n                        }\n                    </div>\n                </div>\n            </div>\n        </div>\n    </ng-container>\n</nz-modal>", styles: [".container{height:350px;display:flex;flex-direction:column}.list{min-height:60px;border-radius:4px;overflow-x:hidden;overflow-y:auto;display:block;border:1px dashed #ccc;flex:1 1 auto}.list>.box{cursor:move}.cdk-drag-preview{box-sizing:border-box;border-radius:4px;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.cdk-drag-placeholder{opacity:0}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.list.cdk-drop-list-dragging .box:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}.box{display:flex;flex-direction:row;justify-content:space-between;align-items:center;box-sizing:border-box;margin:4px;padding:4px 8px;background-color:#0070cc26}.box span{cursor:pointer}\n"], dependencies: [{ kind: "ngmodule", type: NzIconModule }, { kind: "directive", type: i1.NzIconDirective, selector: "nz-icon,[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "ngmodule", type: NzButtonModule }, { kind: "component", type: i2.NzButtonComponent, selector: "button[nz-button], a[nz-button]", inputs: ["nzBlock", "nzGhost", "nzSearch", "nzLoading", "nzDanger", "disabled", "tabIndex", "nzType", "nzShape", "nzSize"], exportAs: ["nzButton"] }, { kind: "directive", type: i3.ɵNzTransitionPatchDirective, selector: "[nz-button], [nz-icon], nz-icon, [nz-menu-item], [nz-submenu], nz-select-top-control, nz-select-placeholder, nz-input-group", inputs: ["hidden"] }, { kind: "ngmodule", type: NzModalModule }, { kind: "component", type: i4.NzModalComponent, selector: "nz-modal", inputs: ["nzMask", "nzMaskClosable", "nzCloseOnNavigation", "nzVisible", "nzClosable", "nzOkLoading", "nzOkDisabled", "nzCancelDisabled", "nzCancelLoading", "nzKeyboard", "nzNoAnimation", "nzCentered", "nzDraggable", "nzContent", "nzFooter", "nzZIndex", "nzWidth", "nzWrapClassName", "nzClassName", "nzStyle", "nzTitle", "nzCloseIcon", "nzMaskStyle", "nzBodyStyle", "nzOkText", "nzCancelText", "nzOkType", "nzOkDanger", "nzIconType", "nzModalType", "nzAutofocus", "nzOnOk", "nzOnCancel"], outputs: ["nzOnOk", "nzOnCancel", "nzAfterOpen", "nzAfterClose", "nzVisibleChange"], exportAs: ["nzModal"] }, { kind: "directive", type: i4.NzModalContentDirective, selector: "[nzModalContent]", exportAs: ["nzModalContent"] }, { kind: "ngmodule", type: NzGridModule }, { kind: "directive", type: i5.NzColDirective, selector: "[nz-col],nz-col,nz-form-control,nz-form-label", inputs: ["nzFlex", "nzSpan", "nzOrder", "nzOffset", "nzPush", "nzPull", "nzXs", "nzSm", "nzMd", "nzLg", "nzXl", "nzXXl"], exportAs: ["nzCol"] }, { kind: "directive", type: i5.NzRowDirective, selector: "[nz-row],nz-row,nz-form-item", inputs: ["nzAlign", "nzJustify", "nzGutter"], exportAs: ["nzRow"] }, { kind: "directive", type: CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer", "cdkDropListHasAnchor"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: TableSetter, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: TableSetter, isStandalone: true, selector: "axis-table-setter", inputs: { fields: { classPropertyName: "fields", publicName: "fields", isSignal: true, isRequired: true, transformFunction: null }, cacheKey: { classPropertyName: "cacheKey", publicName: "cacheKey", isSignal: true, isRequired: false, transformFunction: null }, modalVisible: { classPropertyName: "modalVisible", publicName: "modalVisible", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onChange: "onChange", modalVisible: "modalVisibleChange" }, ngImport: i0, template: "<a nz-button nzType=\"link\" nzSize=\"small\" (click)=\"modalVisible.set(true)\"\n    style=\"margin: 2px;\">\n    <nz-icon nzType=\"setting\" nzTheme=\"outline\" />\n    \u8868\u5934\u8BBE\u7F6E\n</a>\n<nz-modal [(nzVisible)]=\"modalVisible\" nzTitle=\"\u8868\u5934\u8BBE\u7F6E\" nzDraggable [nzOkText]=\"null\" nzCancelText=\"\u5173\u95ED\"\n    (nzOnCancel)=\"modalVisible.set(false)\">\n    <ng-container *nzModalContent>\n        <div nz-row [nzGutter]=\"24\">\n            <div nz-col class=\"gutter-row\" [nzSpan]=\"12\">\n                <div class=\"container\">\n                    <p>\u5C55\u793A\u5B57\u6BB5<a nz-button nzType=\"link\" (click)=\"resetDefault()\">\u6062\u590D\u9ED8\u8BA4</a></p>\n                    <div cdkDropList #todoList=\"cdkDropList\" [cdkDropListData]=\"fix()\"\n                        [cdkDropListConnectedTo]=\"[doneList]\" class=\"list\" (cdkDropListDropped)=\"drop($event)\">\n                        @for (item of fix(); track item.field(); let i = $index) {\n                        <div class=\"box\" cdkDrag>\n                            {{ item.title() }}\n                            <nz-icon nzType=\"minus-circle\" nzTheme=\"outline\" (click)=\"deleteCustom(i)\" />\n                        </div>\n                        }\n                    </div>\n                </div>\n            </div>\n            <div nz-col class=\"gutter-row\" [nzSpan]=\"12\">\n                <div class=\"container\">\n                    <p>\u9690\u85CF\u5B57\u6BB5</p>\n                    <div cdkDropList #doneList=\"cdkDropList\" [cdkDropListData]=\"notFix()\"\n                        [cdkDropListConnectedTo]=\"[todoList]\" class=\"list\" (cdkDropListDropped)=\"drop($event)\">\n                        @for (item of notFix(); track item.field(); let i = $index) {\n                        <div class=\"box\" cdkDrag>\n                            {{ item.title() }}\n                            <nz-icon nzType=\"plus-circle\" nzTheme=\"outline\" (click)=\"addCustom(i)\" />\n                        </div>\n                        }\n                    </div>\n                </div>\n            </div>\n        </div>\n    </ng-container>\n</nz-modal>", styles: [".container{height:350px;display:flex;flex-direction:column}.list{min-height:60px;border-radius:4px;overflow-x:hidden;overflow-y:auto;display:block;border:1px dashed #ccc;flex:1 1 auto}.list>.box{cursor:move}.cdk-drag-preview{box-sizing:border-box;border-radius:4px;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.cdk-drag-placeholder{opacity:0}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.list.cdk-drop-list-dragging .box:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}.box{display:flex;flex-direction:row;justify-content:space-between;align-items:center;box-sizing:border-box;margin:4px;padding:4px 8px;background-color:#0070cc26}.box span{cursor:pointer}\n"], dependencies: [{ kind: "ngmodule", type: NzIconModule }, { kind: "directive", type: i1.NzIconDirective, selector: "nz-icon,[nz-icon]", inputs: ["nzType", "nzTheme", "nzTwotoneColor", "nzSpin", "nzRotate", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "ngmodule", type: NzButtonModule }, { kind: "component", type: i2.NzButtonComponent, selector: "button[nz-button], a[nz-button]", inputs: ["nzBlock", "nzGhost", "nzLoading", "nzDanger", "disabled", "tabIndex", "nzType", "nzShape", "nzSize"], exportAs: ["nzButton"] }, { kind: "directive", type: i3.ɵNzTransitionPatchDirective, selector: "[nz-button], [nz-icon], nz-icon, [nz-menu-item], [nz-submenu], nz-select-top-control, nz-select-placeholder, nz-input-group", inputs: ["hidden"] }, { kind: "ngmodule", type: NzModalModule }, { kind: "component", type: i4.NzModalComponent, selector: "nz-modal", inputs: ["nzMask", "nzMaskClosable", "nzCloseOnNavigation", "nzVisible", "nzClosable", "nzOkLoading", "nzOkDisabled", "nzCancelDisabled", "nzCancelLoading", "nzKeyboard", "nzNoAnimation", "nzCentered", "nzDraggable", "nzContent", "nzFooter", "nzZIndex", "nzWidth", "nzWrapClassName", "nzClassName", "nzStyle", "nzTitle", "nzCloseIcon", "nzMaskStyle", "nzBodyStyle", "nzOkText", "nzCancelText", "nzOkType", "nzOkDanger", "nzIconType", "nzModalType", "nzAutofocus"], outputs: ["nzOnOk", "nzOnCancel", "nzAfterOpen", "nzAfterClose", "nzVisibleChange"], exportAs: ["nzModal"] }, { kind: "directive", type: i4.NzModalContentDirective, selector: "[nzModalContent]", exportAs: ["nzModalContent"] }, { kind: "ngmodule", type: NzGridModule }, { kind: "directive", type: i5.NzColDirective, selector: "[nz-col],nz-col,nz-form-control,nz-form-label", inputs: ["nzFlex", "nzSpan", "nzOrder", "nzOffset", "nzPush", "nzPull", "nzXs", "nzSm", "nzMd", "nzLg", "nzXl", "nzXXl", "nzXXXl"], exportAs: ["nzCol"] }, { kind: "directive", type: i5.NzRowDirective, selector: "[nz-row],nz-row,nz-form-item", inputs: ["nzAlign", "nzJustify", "nzGutter", "nzWrap"], exportAs: ["nzRow"] }, { kind: "directive", type: CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer", "cdkDropListHasAnchor"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: TableSetter, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: TableSetter, decorators: [{
             type: Component,
             args: [{ selector: 'axis-table-setter', imports: [NzIconModule, NzButtonModule, NzModalModule, NzGridModule, CdkDrag, CdkDropList], changeDetection: ChangeDetectionStrategy.OnPush, template: "<a nz-button nzType=\"link\" nzSize=\"small\" (click)=\"modalVisible.set(true)\"\n    style=\"margin: 2px;\">\n    <nz-icon nzType=\"setting\" nzTheme=\"outline\" />\n    \u8868\u5934\u8BBE\u7F6E\n</a>\n<nz-modal [(nzVisible)]=\"modalVisible\" nzTitle=\"\u8868\u5934\u8BBE\u7F6E\" nzDraggable [nzOkText]=\"null\" nzCancelText=\"\u5173\u95ED\"\n    (nzOnCancel)=\"modalVisible.set(false)\">\n    <ng-container *nzModalContent>\n        <div nz-row [nzGutter]=\"24\">\n            <div nz-col class=\"gutter-row\" [nzSpan]=\"12\">\n                <div class=\"container\">\n                    <p>\u5C55\u793A\u5B57\u6BB5<a nz-button nzType=\"link\" (click)=\"resetDefault()\">\u6062\u590D\u9ED8\u8BA4</a></p>\n                    <div cdkDropList #todoList=\"cdkDropList\" [cdkDropListData]=\"fix()\"\n                        [cdkDropListConnectedTo]=\"[doneList]\" class=\"list\" (cdkDropListDropped)=\"drop($event)\">\n                        @for (item of fix(); track item.field(); let i = $index) {\n                        <div class=\"box\" cdkDrag>\n                            {{ item.title() }}\n                            <nz-icon nzType=\"minus-circle\" nzTheme=\"outline\" (click)=\"deleteCustom(i)\" />\n                        </div>\n                        }\n                    </div>\n                </div>\n            </div>\n            <div nz-col class=\"gutter-row\" [nzSpan]=\"12\">\n                <div class=\"container\">\n                    <p>\u9690\u85CF\u5B57\u6BB5</p>\n                    <div cdkDropList #doneList=\"cdkDropList\" [cdkDropListData]=\"notFix()\"\n                        [cdkDropListConnectedTo]=\"[todoList]\" class=\"list\" (cdkDropListDropped)=\"drop($event)\">\n                        @for (item of notFix(); track item.field(); let i = $index) {\n                        <div class=\"box\" cdkDrag>\n                            {{ item.title() }}\n                            <nz-icon nzType=\"plus-circle\" nzTheme=\"outline\" (click)=\"addCustom(i)\" />\n                        </div>\n                        }\n                    </div>\n                </div>\n            </div>\n        </div>\n    </ng-container>\n</nz-modal>", styles: [".container{height:350px;display:flex;flex-direction:column}.list{min-height:60px;border-radius:4px;overflow-x:hidden;overflow-y:auto;display:block;border:1px dashed #ccc;flex:1 1 auto}.list>.box{cursor:move}.cdk-drag-preview{box-sizing:border-box;border-radius:4px;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.cdk-drag-placeholder{opacity:0}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.list.cdk-drop-list-dragging .box:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}.box{display:flex;flex-direction:row;justify-content:space-between;align-items:center;box-sizing:border-box;margin:4px;padding:4px 8px;background-color:#0070cc26}.box span{cursor:pointer}\n"] }]
         }], ctorParameters: () => [], propDecorators: { fields: [{ type: i0.Input, args: [{ isSignal: true, alias: "fields", required: true }] }], cacheKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "cacheKey", required: false }] }], onChange: [{ type: i0.Output, args: ["onChange"] }], modalVisible: [{ type: i0.Input, args: [{ isSignal: true, alias: "modalVisible", required: false }] }, { type: i0.Output, args: ["modalVisibleChange"] }] } });
@@ -302,14 +370,21 @@ class Table extends Base {
     }
     options = new TableOptions();
     select;
-    scroll = signal({ x: "", y: "" }, ...(ngDevMode ? [{ debugName: "scroll" }] : /* istanbul ignore next */ []));
-    oriFields = computed(() => this.buildOriFields(), ...(ngDevMode ? [{ debugName: "oriFields" }] : /* istanbul ignore next */ []));
-    fields = computed(() => this.buildFields(), ...(ngDevMode ? [{ debugName: "fields" }] : /* istanbul ignore next */ []));
-    rowActions = computed(() => this.actionsFieldWidth() > 0 ? this.options.rowActions() : [], ...(ngDevMode ? [{ debugName: "rowActions" }] : /* istanbul ignore next */ []));
-    actionsFieldWidth = computed(() => this.buildActionsFieldWidth(), ...(ngDevMode ? [{ debugName: "actionsFieldWidth" }] : /* istanbul ignore next */ []));
-    fixFields = signal([], ...(ngDevMode ? [{ debugName: "fixFields" }] : /* istanbul ignore next */ []));
+    scroll = signal({ x: "", y: "" }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "scroll" }] : /* istanbul ignore next */ []));
+    oriFields = computed(() => this.buildOriFields(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "oriFields" }] : /* istanbul ignore next */ []));
+    fields = computed(() => this.buildFields(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "fields" }] : /* istanbul ignore next */ []));
+    rowActions = computed(() => this.actionsFieldWidth() > 0 ? this.options.rowActions() : [], /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "rowActions" }] : /* istanbul ignore next */ []));
+    actionsFieldWidth = computed(() => this.buildActionsFieldWidth(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "actionsFieldWidth" }] : /* istanbul ignore next */ []));
+    fixFields = signal([], /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "fixFields" }] : /* istanbul ignore next */ []));
     backendPageParamsChange = new Subject();
-    customExportData = signal(undefined, ...(ngDevMode ? [{ debugName: "customExportData" }] : /* istanbul ignore next */ []));
+    customExportData = signal(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "customExportData" }] : /* istanbul ignore next */ []));
     customExportDataSubject = new Subject();
     pageChanged = false;
     timer;
@@ -320,9 +395,12 @@ class Table extends Base {
             loopFieldMap.set(item.field, signal([]));
         });
         return loopFieldMap;
-    }, ...(ngDevMode ? [{ debugName: "loopFieldMap" }] : /* istanbul ignore next */ []));
-    loopFieldDataMap = signal(new Map(), ...(ngDevMode ? [{ debugName: "loopFieldDataMap" }] : /* istanbul ignore next */ []));
-    loopFieldOriFieldMap = signal(new Map(), ...(ngDevMode ? [{ debugName: "loopFieldOriFieldMap" }] : /* istanbul ignore next */ []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "loopFieldMap" }] : /* istanbul ignore next */ []));
+    loopFieldDataMap = signal(new Map(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "loopFieldDataMap" }] : /* istanbul ignore next */ []));
+    loopFieldOriFieldMap = signal(new Map(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "loopFieldOriFieldMap" }] : /* istanbul ignore next */ []));
     callFunction(name, args) {
         switch (name) {
             case "exportExcel":
@@ -547,15 +625,15 @@ class Table extends Base {
         this.select.close();
         clearInterval(this.timer);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: Table, deps: [{ token: i1$1.TableFieldDisplayService }, { token: i1$1.TableService }, { token: i1$1.SelectService }, { token: i1$1.ExpandService }, { token: i1$1.StatisticService }, { token: AXIS_TABLE_SELECT_TOKEN, optional: true, skipSelf: true }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.12", type: Table, isStandalone: true, selector: "axis-table", providers: [DatePipe, DecimalPipe, PercentPipe, TableFieldDisplayService, TableService, SelectService, ExpandService, StatisticService,
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: Table, deps: [{ token: i1$1.TableFieldDisplayService }, { token: i1$1.TableService }, { token: i1$1.SelectService }, { token: i1$1.ExpandService }, { token: i1$1.StatisticService }, { token: AXIS_TABLE_SELECT_TOKEN, optional: true, skipSelf: true }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: Table, isStandalone: true, selector: "axis-table", providers: [DatePipe, DecimalPipe, PercentPipe, TableFieldDisplayService, TableService, SelectService, ExpandService, StatisticService,
             {
                 provide: AXIS_TABLE_SELECT_TOKEN,
                 useExisting: SelectService,
             },
         ], viewQueries: [{ propertyName: "tableSetter", first: true, predicate: TableSetter, descendants: true }], usesInheritance: true, ngImport: i0, template: "@if (options.showTableTitleSet()) {\n<axis-table-setter [fields]=\"oriFields()\" [cacheKey]=\"options.tableSetCacheKey()\"\n    (onChange)=\"fixFields.set($event)\"></axis-table-setter>\n}\n<nz-table #table [nzSize]=\"options.size()\" [nzData]=\"tableSvc.rows()??[]\" [nzLoading]=\"!options.data()\"\n    [nzBordered]=\"options.bordered()\" [nzOuterBordered]=\"options.outerBordered()\"\n    [nzShowPagination]=\"options.showPagination()\"\n    [nzFrontPagination]=\"options.showPagination() && !options.useBackEndPaging()\" [nzTotal]=\"tableSvc.rowtotal()\"\n    [(nzPageSize)]=\"options.pageSize\" [nzShowSizeChanger]=\"options.showSizeChanger()\"\n    [nzPageSizeOptions]=\"tableSvc.pageSizeOptions()\" [nzShowTotal]=\"options.showDataSize()?totalRange:null\"\n    [nzScroll]=\"scroll()\" (nzPageIndexChange)=\"onPageIndexChange()\" (nzPageSizeChange)=\"onPageSizeChange()\"\n    [(nzPageIndex)]=\"tableSvc.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' || (select.headerChecked()=='checked' && tableSvc.useBackEndPaging())\"\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();let i=$index) {\n            <th [attr.data-field]=\"loopFieldOriFieldMap().get(f)??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]=\"tableSvc.fieldSortAble(f)\" [nzSortDirections]=\"tableSvc.fieldSortDirections(f)\"\n                [nzSortFn]=\"tableSvc.fieldsControlsMap()[f.field()]?.sortFn\" [(nzSortOrder)]=\"f.sortOrder\"\n                [nzSortPriority]=\"tableSvc.fieldSortPriority(f)\"\n                [nzShowFilter]=\"f.filterAble() && !options.useBackEndPaging()\" (nzSortOrderChange)=\"sortChange()\"\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                <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 options.keyField()?trow[options.keyField()]:trow;let i=$index) {\n        @for (data of expand.getListForExpanded(trow); track options.keyField()?data[options.keyField()]:data) {\n        <tr (click)=\"rowClick($event,data)\" [axisScope]=\"options.id+'.row'\" scopeName=\"\u8868\u683C\u884C\"\n            [dataSources]=\"[{name:'row',type:'local',data:data}]\"\n            [class.checkedRow]=\"select.setOfCheckedId().has(data[options.keyField()])\">\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            <td [attr.rowspan]=\"tableSvc.rowspan(f,i,table.nzPageIndex,table.nzPageSize,data)\"\n                [nzLeft]=\"f.freezeMode()=='left'\" [attr.data-field]=\"f.field()\" [nzRight]=\"f.freezeMode()=='right'\"\n                [nzAlign]=\"f.align()\">\n                @if (f.child()) {\n                @if(loopFieldDataMap().has(f)){\n                <ng-container [axisScope]=\"options.id+'.fields.'+f.field()+'.row.loop'\" scopeName=\"\u5217\u5FAA\u73AF\"\n                    [dataSources]=\"[{name:'loopRow',type:'local',data:loopFieldDataMap().get(f)}]\">\n                    <ng-container [axisDynamic]=\"f.child()\"></ng-container>\n                </ng-container>\n                }@else{\n                <ng-container [axisDynamic]=\"f.child()\"></ng-container>\n                }\n                }@else {\n                {{data[f.field()]}}\n                }\n            </td>\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        @if (options.showStatistic() && tableSvc.isGroupEnd(i+(table.nzPageIndex-1)*table.nzPageSize,data)) {\n        <tr [axisScope]=\"options.id+'.row'\" scopeName=\"\u8868\u683C\u884C\"\n            [dataSources]=\"[{name:'row',type:'local',data:statistic.statisticGroupMap()[tableSvc.getGroupValue(data)]}]\">\n            @if (options.showCheckbox()) {\n            <td nzLeft></td>\n            }\n            @if (options.showExpand()) {\n            <td nzLeft></td>\n            }\n            @if(options.showOrder()){\n            <td nzAlign=\"right\">\n                {{options.statisticTitle()}}\n            </td>\n            }\n            @for (f of tableSvc.displayFields(); track f.field();let i=$index) {\n            <td [nzLeft]=\"f.freezeMode()=='left'\" [nzRight]=\"f.freezeMode()=='right'\" [nzAlign]=\"f.align()\">\n                @if (f.statisticAble()) {\n                @if (f.child()) {\n                <ng-container [axisDynamic]=\"f.child()\"></ng-container>\n                }@else {\n                {{statistic.statisticGroupMap()[tableSvc.getGroupValue(data)]?.[f.field()]}}\n                }\n                }@else if(i==0 && !options.showOrder()){\n                @if(tableSvc.groupAbleFields()[0] == f){\n                {{data[f.field()]}}({{options.statisticTitle()}})\n                }@else{\n                {{options.statisticTitle()}}\n                }\n                }@else if (f.groupAble() && f == tableSvc.groupAbleFields()[0]) {\n                {{data[f.field()]}}\n                }\n            </td>\n            }\n            @if (rowActions().length) {\n            <td nzRight></td>\n            }\n        </tr>\n        }\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    @if (options.showStatistic()) {\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            @if(options.showOrder()){\n            <td nzAlign=\"right\">\n                <b>{{options.statisticTitle()}}</b>\n            </td>\n            }\n            @for (f of tableSvc.displayFields(); track f.field();let i=$index) {\n            <td [nzLeft]=\"f.freezeMode()=='left'\" [nzRight]=\"f.freezeMode()=='right'\" [nzAlign]=\"f.align()\">\n                <b>\n                    @if (f.statisticAble()) {\n                    @if (f.child()) {\n                    <ng-container [axisDynamic]=\"f.child()\"></ng-container>\n                    }@else {\n                    {{statistic.statisticMap()[f.field()]}}\n                    }\n                    }@else if(i==0 && !options.showOrder()){\n                    {{options.statisticTitle()}}\n                    }\n                </b>\n            </td>\n            }\n            @if (rowActions().length) {\n            <td nzRight></td>\n            }\n        </tr>\n    </tfoot>\n    }\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}td[rowspan=\"0\"]{display:none}.checkedRow>td{background-color:var(--ant-primary-2)}.checkedRow:hover>td{background-color:var(--ant-primary-3)}\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", "passComponents", "dataSources"] }, { kind: "directive", type: DynamicDirective, selector: "[axisDynamic]", inputs: ["axisDynamic", "standalone", "isDesign", "forceRenderOnChange"], 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: "21.2.12", ngImport: i0, type: Table, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: Table, decorators: [{
             type: Component,
             args: [{ selector: 'axis-table', imports: [NzTableModule, ScopeDirective, DynamicDirective, FormsModule, TableSetter, NzResizableModule, NzFlexModule], changeDetection: ChangeDetectionStrategy.OnPush, providers: [DatePipe, DecimalPipe, PercentPipe, TableFieldDisplayService, TableService, SelectService, ExpandService, StatisticService,
                         {