ngx-axis-appforge 0.0.82 → 0.0.84

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

@@ -97,8 +97,8 @@ class TableFieldOptions {
 
 class TableSetter {
     constructor() {
-        effect(() => this.buildFixAndNotFixColumn());
-        effect(() => this.onChange.emit(this.fix()));
+        effect(() => this.buildFixAndNotFixColumn(), { debugName: "test" });
+        effect(() => this.onChange.emit([...this.fix()]));
         this.sub = this.saveCacheSubject.pipe(debounceTime(200)).subscribe(v => this.saveCache());
     }
     fields = input.required(...(ngDevMode ? [{ debugName: "fields" }] : []));
@@ -112,20 +112,21 @@ class TableSetter {
     sub;
     buildFixAndNotFixColumn() {
         this.loadCache();
+        const fields = this.fields();
         if (this.cache) {
             const fieldMap = new Map();
-            for (const f of this.fields()) {
+            for (const f of fields) {
                 fieldMap.set(f.field(), f);
                 if (this.cache.widths.hasOwnProperty(f.field())) {
                     f.width.set(this.cache.widths[f.field()]);
                 }
             }
             this.fix.set(this.cache.fix.filter(f => fieldMap.has(f)).map(f => fieldMap.get(f))
-                .concat(this.fields().filter(f => !this.cache.fix.includes(f.field()) && !this.cache.notFix.includes(f.field()))));
+                .concat(fields.filter(f => !this.cache.fix.includes(f.field()) && !this.cache.notFix.includes(f.field()))));
             this.notFix.set(this.cache.notFix.filter(f => fieldMap.has(f)).map(f => fieldMap.get(f)));
         }
         else {
-            this.fix.set(this.fields());
+            this.fix.set([...fields]);
         }
     }
     loadCache() {
@@ -176,7 +177,7 @@ class TableSetter {
         this.saveCacheSubject.next();
     }
     resetDefault() {
-        this.fix.set(this.fields());
+        this.fix.set([...this.fields()]);
         this.notFix.set([]);
         if (this.cacheKey()) {
             localStorage.removeItem(this.cacheKey());
@@ -187,11 +188,11 @@ class TableSetter {
         this.saveCacheSubject.unsubscribe();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: TableSetter, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", 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)\" style=\"margin: 2px;\">\n    <nz-icon nzType=\"setting\" nzTheme=\"outline\" />\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; 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; 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 ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", 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</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 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", 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)\" style=\"margin: 2px;\">\n    <nz-icon nzType=\"setting\" nzTheme=\"outline\" />\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; 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; 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"] }]
+            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</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"] }] } });
 
 class Table extends Base {
@@ -224,17 +225,17 @@ class Table extends Base {
             this.options.fields().forEach((f) => {
                 if (f.loop) {
                     for (const item of this.loopFieldMap().get(f.field)()) {
-                        loopFieldDataMap.set(this.fields()[i], item);
+                        loopFieldDataMap.set(this.oriFields()[i], item);
                         if (f.fieldFunForLoop) {
                             f = copy(f);
                             f.field = this.getScope()?.runFnWithSnapshot(f.fieldFunForLoop, { loopRow: item });
                         }
-                        this.bindWithConfig(f, { options: this.fields()[i], tag: `bindField.${i}`, tempDataSource: { loopRow: item } });
+                        this.bindWithConfig(f, { options: this.oriFields()[i], tag: `bindField.${i}`, tempDataSource: { loopRow: item } });
                         i++;
                     }
                 }
                 else {
-                    this.bindWithConfig(f, { options: this.fields()[i], tag: `bindField.${i}` });
+                    this.bindWithConfig(f, { options: this.oriFields()[i], tag: `bindField.${i}` });
                     i++;
                 }
             });
@@ -271,10 +272,14 @@ class Table extends Base {
                 }
             });
         });
+        effect(() => {
+            this.triggeEvents("tableDataChange", { tableData: this.tableSvc.tableData() });
+        });
     }
     options = new TableOptions();
     select;
     scroll = signal({ x: "", y: "" }, ...(ngDevMode ? [{ debugName: "scroll" }] : []));
+    oriFields = computed(() => this.buildOriFields(), ...(ngDevMode ? [{ debugName: "oriFields" }] : []));
     fields = computed(() => this.buildFields(), ...(ngDevMode ? [{ debugName: "fields" }] : []));
     rowActions = computed(() => this.actionsFieldWidth() > 0 ? this.options.rowActions() : [], ...(ngDevMode ? [{ debugName: "rowActions" }] : []));
     actionsFieldWidth = computed(() => this.buildActionsFieldWidth(), ...(ngDevMode ? [{ debugName: "actionsFieldWidth" }] : []));
@@ -315,7 +320,7 @@ class Table extends Base {
     trackByKeyField = (i, data) => {
         return data[this.options.keyField()];
     };
-    buildFields() {
+    buildOriFields() {
         const fields = [];
         this.options.fields().forEach(f => {
             if (f.loop) {
@@ -329,6 +334,9 @@ class Table extends Base {
         });
         return fields;
     }
+    buildFields() {
+        return this.options.showTableTitleSet() ? this.fixFields() : this.oriFields();
+    }
     buildActionsFieldWidth() {
         if (this.options.actionsFieldWidth() == 0 || this.options.rowActions().length == 0) {
             return 0;
@@ -514,7 +522,7 @@ class Table extends Base {
                 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]=\"fields()\" [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'\"\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]=\"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(data)\" [axisScope]=\"options.id+'.row'\" scopeName=\"\u8868\u683C\u884C\"\n            [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            <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}\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", "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 });
+        ], 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'\"\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]=\"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(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", "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: "20.3.15", ngImport: i0, type: Table, decorators: [{
             type: Component,
@@ -523,7 +531,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                             provide: AXIS_TABLE_SELECT_TOKEN,
                             useExisting: SelectService,
                         },
-                    ], 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]=\"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'\"\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]=\"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(data)\" [axisScope]=\"options.id+'.row'\" scopeName=\"\u8868\u683C\u884C\"\n            [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            <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}\n"] }]
+                    ], 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'\"\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]=\"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(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"] }]
         }], ctorParameters: () => [{ type: i1$1.TableFieldDisplayService }, { type: i1$1.TableService }, { type: i1$1.SelectService }, { type: i1$1.ExpandService }, { type: i1$1.StatisticService }, { type: i1$1.SelectService, decorators: [{
                     type: SkipSelf
                 }, {