ngx-axis-appforge 0.0.2 → 0.0.3

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

@@ -0,0 +1,452 @@
+import * as i0 from '@angular/core';
+import { signal, computed, effect, input, output, model, ChangeDetectionStrategy, Component, ViewChild } from '@angular/core';
+import { DataOptions, fn, Base, ScopeDirective, DynamicDirective } from 'ngx-axis-appforge/core';
+import * as i1$1 from 'ng-zorro-antd/table';
+import { NzTableModule } from 'ng-zorro-antd/table';
+import { FormsModule } from '@angular/forms';
+import { CommonModule } from '@angular/common';
+import * as i2 from 'ng-zorro-antd/button';
+import { NzButtonModule } from 'ng-zorro-antd/button';
+import * as i5 from 'ng-zorro-antd/grid';
+import { NzGridModule } from 'ng-zorro-antd/grid';
+import * as i1 from 'ng-zorro-antd/icon';
+import { NzIconModule } from 'ng-zorro-antd/icon';
+import * as i4 from 'ng-zorro-antd/modal';
+import { NzModalModule } from 'ng-zorro-antd/modal';
+import { moveItemInArray, transferArrayItem, CdkDrag, CdkDropList } from '@angular/cdk/drag-drop';
+import { debounceTime, Subject } from 'rxjs';
+import * as i3 from 'ng-zorro-antd/core/transition-patch';
+import * as i2$1 from 'ng-zorro-antd/resizable';
+import { NzResizableModule } from 'ng-zorro-antd/resizable';
+import * as i3$1 from 'ng-zorro-antd/flex';
+import { NzFlexModule } from 'ng-zorro-antd/flex';
+
+class TableOptions extends DataOptions {
+    keyField = signal("", ...(ngDevMode ? [{ debugName: "keyField" }] : []));
+    showExpand = signal(false, ...(ngDevMode ? [{ debugName: "showExpand" }] : []));
+    showTableTitleSet = signal(false, ...(ngDevMode ? [{ debugName: "showTableTitleSet" }] : []));
+    tableSetCacheKey = signal("", ...(ngDevMode ? [{ debugName: "tableSetCacheKey" }] : []));
+    size = signal("middle", ...(ngDevMode ? [{ debugName: "size" }] : []));
+    showOrder = signal(true, ...(ngDevMode ? [{ debugName: "showOrder" }] : []));
+    heightExpanded = signal(false, ...(ngDevMode ? [{ debugName: "heightExpanded" }] : []));
+    showDataSize = signal(true, ...(ngDevMode ? [{ debugName: "showDataSize" }] : []));
+    bordered = signal(false, ...(ngDevMode ? [{ debugName: "bordered" }] : []));
+    outerBordered = signal(false, ...(ngDevMode ? [{ debugName: "outerBordered" }] : []));
+    width = signal(undefined, ...(ngDevMode ? [{ debugName: "width" }] : []));
+    actionsFieldWidth = signal(null, ...(ngDevMode ? [{ debugName: "actionsFieldWidth" }] : []));
+    showCheckbox = signal(false, ...(ngDevMode ? [{ debugName: "showCheckbox" }] : []));
+    singleCheck = signal(false, ...(ngDevMode ? [{ debugName: "singleCheck" }] : []));
+    checkboxLinkageForExpand = signal(false, ...(ngDevMode ? [{ debugName: "checkboxLinkageForExpand" }] : []));
+    disableCheckboxFn = signal(undefined, ...(ngDevMode ? [{ debugName: "disableCheckboxFn" }] : []));
+    enableRowClick = signal(false, ...(ngDevMode ? [{ debugName: "enableRowClick" }] : []));
+    defaultSelectFirstRow = signal(false, ...(ngDevMode ? [{ debugName: "defaultSelectFirstRow" }] : []));
+    showTotal = signal(false, ...(ngDevMode ? [{ debugName: "showTotal" }] : []));
+    totalTitle = signal("合计", ...(ngDevMode ? [{ debugName: "totalTitle" }] : []));
+    showSubTotal = signal(false, ...(ngDevMode ? [{ debugName: "showSubTotal" }] : []));
+    subTotalTitle = signal("小计", ...(ngDevMode ? [{ debugName: "subTotalTitle" }] : []));
+    subTotalGroupLevel = signal(1, ...(ngDevMode ? [{ debugName: "subTotalGroupLevel" }] : []));
+    showPagination = signal(true, ...(ngDevMode ? [{ debugName: "showPagination" }] : []));
+    virtualScroll = signal(false, ...(ngDevMode ? [{ debugName: "virtualScroll" }] : []));
+    virtualItemSize = signal(32, ...(ngDevMode ? [{ debugName: "virtualItemSize" }] : []));
+    pageSize = signal(10, ...(ngDevMode ? [{ debugName: "pageSize" }] : []));
+    showSizeChanger = signal(true, ...(ngDevMode ? [{ debugName: "showSizeChanger" }] : []));
+    pageSizeOptions = signal("10,20,50,100", ...(ngDevMode ? [{ debugName: "pageSizeOptions" }] : []));
+    useBackEndPaging = signal(false, ...(ngDevMode ? [{ debugName: "useBackEndPaging" }] : []));
+    pageParamsDataSourceName = signal("pageParams", ...(ngDevMode ? [{ debugName: "pageParamsDataSourceName" }] : []));
+    exportParamsDataSourceName = signal("exportParams", ...(ngDevMode ? [{ debugName: "exportParamsDataSourceName" }] : []));
+    exportFileName = signal("数据导出", ...(ngDevMode ? [{ debugName: "exportFileName" }] : []));
+    exportBookType = signal("xlsx", ...(ngDevMode ? [{ debugName: "exportBookType" }] : []));
+    importLimitLength = signal(null, ...(ngDevMode ? [{ debugName: "importLimitLength" }] : []));
+    importStartLine = signal(2, ...(ngDevMode ? [{ debugName: "importStartLine" }] : []));
+    importTemplateFileName = signal("数据导入模版", ...(ngDevMode ? [{ debugName: "importTemplateFileName" }] : []));
+    importExampleData = signal([], ...(ngDevMode ? [{ debugName: "importExampleData" }] : []));
+    fields = signal([], ...(ngDevMode ? [{ debugName: "fields" }] : []));
+    rowActions = signal([], ...(ngDevMode ? [{ debugName: "rowActions" }] : []));
+    expandRow = signal(undefined, ...(ngDevMode ? [{ debugName: "expandRow" }] : []));
+}
+class TableFieldOptions {
+    inuse = signal(true, ...(ngDevMode ? [{ debugName: "inuse" }] : []));
+    field = signal("unknown", ...(ngDevMode ? [{ debugName: "field" }] : []));
+    title = signal("未命名", ...(ngDevMode ? [{ debugName: "title" }] : []));
+    export = signal(false, ...(ngDevMode ? [{ debugName: "export" }] : []));
+    exportFlowChild = signal(true, ...(ngDevMode ? [{ debugName: "exportFlowChild" }] : []));
+    exportFn = signal(undefined, ...(ngDevMode ? [{ debugName: "exportFn" }] : []));
+    import = signal(false, ...(ngDevMode ? [{ debugName: "import" }] : []));
+    importRequired = signal(false, ...(ngDevMode ? [{ debugName: "importRequired" }] : []));
+    importCellType = signal("text", ...(ngDevMode ? [{ debugName: "importCellType" }] : []));
+    importHelp = signal(undefined, ...(ngDevMode ? [{ debugName: "importHelp" }] : []));
+    sortAble = signal(false, ...(ngDevMode ? [{ debugName: "sortAble" }] : []));
+    sortOrder = signal(null, ...(ngDevMode ? [{ debugName: "sortOrder" }] : []));
+    sortPriority = signal(null, ...(ngDevMode ? [{ debugName: "sortPriority" }] : []));
+    filterAble = signal(false, ...(ngDevMode ? [{ debugName: "filterAble" }] : []));
+    filterMultiple = signal(false, ...(ngDevMode ? [{ debugName: "filterMultiple" }] : []));
+    width = signal(null, ...(ngDevMode ? [{ debugName: "width" }] : []));
+    align = signal("left", ...(ngDevMode ? [{ debugName: "align" }] : []));
+    freezeMode = signal("none", ...(ngDevMode ? [{ debugName: "freezeMode" }] : []));
+    groupLevel = signal(null, ...(ngDevMode ? [{ debugName: "groupLevel" }] : []));
+    totalAble = signal(false, ...(ngDevMode ? [{ debugName: "totalAble" }] : []));
+    totalFn = signal(undefined, ...(ngDevMode ? [{ debugName: "totalFn" }] : []));
+    titleGroup = signal(undefined, ...(ngDevMode ? [{ debugName: "titleGroup" }] : []));
+    child = signal(undefined, ...(ngDevMode ? [{ debugName: "child" }] : []));
+}
+
+class Select {
+    options;
+    displayData;
+    scope;
+    onSelectedChange;
+    constructor(options, displayData, scope, onSelectedChange) {
+        this.options = options;
+        this.displayData = displayData;
+        this.scope = scope;
+        this.onSelectedChange = onSelectedChange;
+    }
+    headerChecked = signal("none", ...(ngDevMode ? [{ debugName: "headerChecked" }] : []));
+    setOfCheckedId = new Set();
+    setOfIndeterminateId = new Set();
+    setOfDisabledId = computed(() => this.buildDisabledId(), ...(ngDevMode ? [{ debugName: "setOfDisabledId" }] : []));
+    buildDisabledId() {
+        if (this.options.disableCheckboxFn()) {
+            const args = this.scope?.snapshotAll() ?? {};
+            return new Set(this.displayData()?.filter(row => fn(this.options.disableCheckboxFn(), Object.assign({}, args, { row }), true))
+                .map(row => row[this.options.keyField()]));
+        }
+        return new Set();
+    }
+    onAllChecked(checked) {
+        this.displayData()?.filter(row => !this.setOfDisabledId().has(row[this.options.keyField()]))?.forEach(row => this.updateCheckedSet(row, checked));
+        this.refreshCheckedStatus();
+    }
+    toggleChecked(row) {
+        if (this.options.showCheckbox() && !this.setOfDisabledId().has(row[this.options.keyField()])) {
+            this.onItemChecked(row, !this.setOfCheckedId.has(row[this.options.keyField()]));
+        }
+    }
+    onItemChecked(row, checked) {
+        this.updateCheckedSet(row, checked);
+        this.refreshCheckedStatus();
+    }
+    updateCheckedSet(row, checked) {
+        const key = row[this.options.keyField()];
+        if (checked && !this.setOfCheckedId.has(key)) {
+            if (this.options.singleCheck()) {
+                this.setOfCheckedId.clear();
+            }
+            this.setOfCheckedId.add(key);
+        }
+        else if (!checked && this.setOfCheckedId.has(key)) {
+            this.setOfCheckedId.delete(key);
+        }
+    }
+    refreshCheckedStatus() {
+        const listOfEnabledData = this.displayData()?.filter(row => !this.setOfDisabledId().has(row[this.options.keyField()])) ?? [];
+        const checked = listOfEnabledData.length > 0 && listOfEnabledData.every(row => this.setOfCheckedId.has(row[this.options.keyField()]) && !this.setOfIndeterminateId.has(row[this.options.keyField()]));
+        if (checked) {
+            this.headerChecked.set("checked");
+        }
+        else {
+            const indeterminate = listOfEnabledData.some(row => this.setOfCheckedId.has(row[this.options.keyField()]) || this.setOfIndeterminateId.has(row[this.options.keyField()])) && !checked;
+            this.headerChecked.set(indeterminate ? "indeterminate" : "none");
+        }
+        this.onSelectedChange?.();
+    }
+    getSelectedData() {
+        return this.displayData()?.filter(row => this.setOfCheckedId.has(row[this.options.keyField()]));
+    }
+}
+
+class Expand {
+    expandedSet = new Set();
+    onExpandChange(key, checked) {
+        if (checked) {
+            this.expandedSet.add(key);
+        }
+        else {
+            this.expandedSet.delete(key);
+        }
+    }
+}
+
+class TableSetter {
+    constructor() {
+        effect(() => this.buildFixAndNotFixColumn());
+        effect(() => this.onChange.emit(this.fix()));
+        this.sub = this.saveCacheSubject.pipe(debounceTime(200)).subscribe(v => this.saveCache());
+    }
+    fields = input.required(...(ngDevMode ? [{ debugName: "fields" }] : []));
+    cacheKey = input(...(ngDevMode ? [undefined, { debugName: "cacheKey" }] : []));
+    onChange = output();
+    modalVisible = model(false, ...(ngDevMode ? [{ debugName: "modalVisible" }] : []));
+    fix = signal([], ...(ngDevMode ? [{ debugName: "fix" }] : []));
+    notFix = signal([], ...(ngDevMode ? [{ debugName: "notFix" }] : []));
+    saveCacheSubject = new Subject();
+    cache = { fix: [], notFix: [], widths: {} };
+    sub;
+    buildFixAndNotFixColumn() {
+        this.loadCache();
+        if (this.cache) {
+            const fieldMap = new Map();
+            for (const f of this.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()))));
+            this.notFix.set(this.cache.notFix.filter(f => fieldMap.has(f)).map(f => fieldMap.get(f)));
+        }
+        else {
+            this.fix.set(this.fields());
+        }
+    }
+    loadCache() {
+        if (this.cacheKey()) {
+            const cacheStr = localStorage.getItem(this.cacheKey());
+            if (cacheStr) {
+                try {
+                    this.cache = JSON.parse(cacheStr);
+                }
+                catch (_) { }
+            }
+        }
+    }
+    saveCache() {
+        if (this.cacheKey()) {
+            localStorage.setItem(this.cacheKey(), JSON.stringify(this.cache));
+        }
+    }
+    updateFix() {
+        this.fix.set([...this.fix()]);
+        this.notFix.set([...this.notFix()]);
+        if (this.cacheKey()) {
+            this.cache.fix = this.fix().map(f => f.field());
+            this.cache.notFix = this.notFix().map(f => f.field());
+            this.saveCache();
+        }
+    }
+    drop(event) {
+        if (event.previousContainer === event.container) {
+            moveItemInArray(event.container.data, event.previousIndex, event.currentIndex);
+        }
+        else {
+            transferArrayItem(event.previousContainer.data, event.container.data, event.previousIndex, event.currentIndex);
+        }
+        this.updateFix();
+    }
+    deleteCustom(index) {
+        transferArrayItem(this.fix(), this.notFix(), index, this.notFix().length);
+        this.updateFix();
+    }
+    addCustom(index) {
+        transferArrayItem(this.notFix(), this.fix(), index, this.fix().length);
+        this.updateFix();
+    }
+    onResize(field, event) {
+        field.width.set(event.width ?? null);
+        this.cache.widths[field.field()] = event.width;
+        this.saveCacheSubject.next();
+    }
+    resetDefault() {
+        this.fix.set(this.fields());
+        this.notFix.set([]);
+        if (this.cacheKey()) {
+            localStorage.removeItem(this.cacheKey());
+        }
+    }
+    ngOnDestroy() {
+        this.sub?.unsubscribe();
+        this.saveCacheSubject.unsubscribe();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: TableSetter, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.2", 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 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", 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"] }]
+        }], ctorParameters: () => [] });
+
+class Table extends Base {
+    elementRef;
+    constructor(elementRef) {
+        super();
+        this.elementRef = elementRef;
+        effect(() => {
+            this.fields().forEach((f, i) => {
+                this.bindWithConfig(this.options.fields()[i], { options: f, tag: `bindField.${i}` });
+            });
+        });
+        effect(() => {
+            clearInterval(this.timer);
+            this.refreshScoll();
+            if (this.options.heightExpanded()) {
+                this.timer = setInterval(() => {
+                    this.refreshScoll();
+                }, 500);
+            }
+        });
+    }
+    options = new TableOptions();
+    displayData = computed(() => this.buildDisplayData(), ...(ngDevMode ? [{ debugName: "displayData" }] : []));
+    select = new Select(this.options, this.displayData, this.getScope(), () => this.onSelectedChange());
+    expand = new Expand();
+    pageSizeOptions = computed(() => this.options.pageSizeOptions().split(",").map(size => +size), ...(ngDevMode ? [{ debugName: "pageSizeOptions" }] : []));
+    scroll = signal({ x: "", y: "" }, ...(ngDevMode ? [{ debugName: "scroll" }] : []));
+    fields = computed(() => this.buildFields(), ...(ngDevMode ? [{ debugName: "fields" }] : []));
+    displayFields = computed(() => this.buildDisplayFields(), ...(ngDevMode ? [{ debugName: "displayFields" }] : []));
+    rowtotal = signal(0, ...(ngDevMode ? [{ debugName: "rowtotal" }] : []));
+    pageIndex = model(1, ...(ngDevMode ? [{ debugName: "pageIndex" }] : []));
+    fieldsControlsMap = computed(() => this.buildFieldControls(), ...(ngDevMode ? [{ debugName: "fieldsControlsMap" }] : []));
+    rowActions = computed(() => this.actionsFieldWidth() > 0 ? this.options.rowActions() : [], ...(ngDevMode ? [{ debugName: "rowActions" }] : []));
+    leaderFieldWidth = computed(() => this.buildLeaderFieldWidth(), ...(ngDevMode ? [{ debugName: "leaderFieldWidth" }] : []));
+    actionsFieldWidth = computed(() => this.buildActionsFieldWidth(), ...(ngDevMode ? [{ debugName: "actionsFieldWidth" }] : []));
+    fixFields = signal([], ...(ngDevMode ? [{ debugName: "fixFields" }] : []));
+    timer;
+    resizeHandleOffsetX(field) {
+        if (field.sortAble() && field.filterAble()) {
+            return 42;
+        }
+        else if (field.sortAble()) {
+            return 22;
+        }
+        else if (field.filterAble()) {
+            return 28;
+        }
+        return 0;
+    }
+    tableSetter;
+    trackByKeyField = (i, data) => {
+        return data[this.options.keyField()];
+    };
+    buildDisplayData() {
+        return this.options.data();
+    }
+    buildFields() {
+        return this.options.fields().map(opt => new TableFieldOptions());
+    }
+    buildDisplayFields() {
+        return (this.options.showTableTitleSet() ? this.fixFields() : this.fields()).filter(f => f.inuse());
+    }
+    buildFieldControls() {
+        const res = {};
+        for (const field of this.displayFields()) {
+            res[field.field()] = {};
+            if (field.filterAble()) {
+                const valueSet = new Set();
+                for (const row of this.displayData() ?? []) {
+                    valueSet.add(row[field.field()]);
+                }
+                res[field.field()].filterItems = Array.from(valueSet).map(v => ({ text: v, value: v }));
+                res[field.field()].filterFn = (fd, row) => {
+                    if (fd instanceof Array) {
+                        return fd.includes(row[field.field()]);
+                    }
+                    else {
+                        return fd == row[field.field()];
+                    }
+                };
+            }
+            if (field.sortAble()) {
+                if (this.options.data()?.some((r) => r[field.field()] != undefined && typeof (r[field.field()]) == "number")) {
+                    res[field.field()].sortFn = (a, b) => a[field.field()] - b[field.field()];
+                }
+                else {
+                    res[field.field()].sortFn = (a, b) => {
+                        return ((a[field.field()] || "") + "").localeCompare(b[field.field()]);
+                    };
+                }
+            }
+        }
+        return res;
+    }
+    filterFn = (fd, row) => {
+        console.log(111, fd, row);
+        return false;
+    };
+    buildLeaderFieldWidth() {
+        switch (this.options.size()) {
+            case "small":
+                return 45;
+            case "middle":
+                return 50;
+            default:
+                return 65;
+        }
+    }
+    buildActionsFieldWidth() {
+        if (this.options.actionsFieldWidth() == 0 || this.options.rowActions().length == 0) {
+            return 0;
+        }
+        return this.options.actionsFieldWidth() ?? this.options.rowActions().length * 60;
+    }
+    refreshScoll() {
+        let x = 0;
+        if (this.options.showCheckbox()) {
+            x += this.leaderFieldWidth();
+        }
+        if (this.options.showExpand()) {
+            x += this.leaderFieldWidth();
+        }
+        if (this.options.showOrder()) {
+            x += this.leaderFieldWidth();
+        }
+        this.displayFields().forEach(f => {
+            if (f.width()) {
+                x += f.width();
+            }
+            else {
+                x += 120;
+            }
+        });
+        x += this.actionsFieldWidth();
+        let y = "";
+        if (this.options.heightExpanded()) {
+            const element = this.elementRef.nativeElement;
+            const table = element.querySelector("nz-table");
+            const head = element.querySelector("table[nz-table-content]>thead.ant-table-thead");
+            const headRect = head?.getBoundingClientRect();
+            const innerTableRect = head?.parentElement?.parentElement?.parentElement?.getBoundingClientRect();
+            const outterTableRect = table?.getBoundingClientRect();
+            if (headRect) {
+                // y = 视口高度(window.innerHeight) - 表头底部位置(headRect.bottom) - 表尾部高度(outterTableRect.bottom - innerTableRect.bottom)
+                y = `${window.innerHeight - (headRect?.bottom ?? 0) - (outterTableRect?.bottom ?? 0) + (innerTableRect?.bottom ?? 0)}px`;
+            }
+        }
+        this.scroll.set({ x: x + "px", y: y });
+    }
+    currentPageDataChange() { }
+    onPageChange() {
+    }
+    filterChange(field, event) {
+    }
+    sortChange(field, event) {
+    }
+    rowspan(field, index) {
+        return 1;
+    }
+    onSelectedChange() {
+        if (this.hasEventHandler("onSelectedChange")) {
+            this.triggeEvents("onSelectedChange", { selectedRows: this.select.getSelectedData() }).subscribe();
+        }
+    }
+    ngOnDestroy() {
+        super.ngOnDestroy();
+        clearInterval(this.timer);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: Table, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.2", type: Table, isStandalone: true, selector: "axis-table", inputs: { pageIndex: { classPropertyName: "pageIndex", publicName: "pageIndex", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { pageIndex: "pageIndexChange" }, viewQueries: [{ propertyName: "tableSetter", first: true, predicate: TableSetter, descendants: true }], usesInheritance: true, ngImport: i0, template: "@if (options.showTableTitleSet()) {\n<axis-table-setter [fields]=\"fields()\" [cacheKey]=\"options.tableSetCacheKey()\"\n    (onChange)=\"fixFields.set($event)\"></axis-table-setter>\n}\n<nz-table #table [nzSize]=\"options.size()\" [nzData]=\"displayData()??[]\" [nzLoading]=\"!displayData()\"\n    [nzBordered]=\"options.bordered()\" [nzOuterBordered]=\"options.outerBordered()\"\n    [nzShowPagination]=\"options.showPagination()\"\n    [nzFrontPagination]=\"options.showPagination() && !options.useBackEndPaging()\" [nzTotal]=\"rowtotal()\"\n    [nzPageSize]=\"options.pageSize()\" [nzShowSizeChanger]=\"options.showSizeChanger()\"\n    [nzPageSizeOptions]=\"pageSizeOptions()\" [nzShowTotal]=\"options.showDataSize()?totalRange:null\" [nzScroll]=\"scroll()\"\n    (nzCurrentPageDataChange)=\"currentPageDataChange()\" (nzPageIndexChange)=\"onPageChange()\"\n    (nzPageSizeChange)=\"onPageChange()\" [(nzPageIndex)]=\"pageIndex\" [nzVirtualItemSize]=\"options.virtualItemSize()\"\n    [nzVirtualForTrackBy]=\"trackByKeyField\">\n    <thead>\n        <tr>\n            @if (options.showCheckbox()) {\n            @if (!options.checkboxLinkageForExpand() && !options.singleCheck()) {\n            <th nzLeft [nzChecked]=\"select.headerChecked()!='none'\"\n                [nzIndeterminate]=\"select.headerChecked()=='indeterminate'\"\n                (nzCheckedChange)=\"select.onAllChecked($event)\" nzAlign=\"center\" [nzWidth]=\"leaderFieldWidth()-10+'px'\">\n            </th>\n            }@else {\n            <th nzLeft [nzWidth]=\"leaderFieldWidth()-10+'px'\"></th>\n            }\n            }\n            @if (options.showExpand()) {\n            <th nzLeft nzAlign=\"center\" [nzWidth]=\"leaderFieldWidth()-15+'px'\"></th>\n            }\n            @if (options.showOrder()) {\n            <th nzAlign=\"center\" [nzWidth]=\"leaderFieldWidth()+'px'\">\u5E8F\u53F7</th>\n            }\n            @for (f of displayFields(); track f.field()) {\n            <th [attr.data-field]=\"f.field()\" nz-resizable nzBounds=\"window\"\n                [nzDisabled]=\"!options.showTableTitleSet() || !f.width()\"\n                [nzWidth]=\"f.width() == null ?null:f.width()+'px'\" (nzResize)=\"tableSetter?.onResize(f,$event)\"\n                [nzShowSort]=\"f.sortAble()\" [nzSortFn]=\"fieldsControlsMap()[f.field()]?.sortFn\"\n                [nzSortOrder]=\"f.sortOrder()\" [nzSortPriority]=\"f.sortPriority()??false\"\n                [nzShowFilter]=\"f.filterAble() && !options.useBackEndPaging()\"\n                [nzFilters]=\"fieldsControlsMap()[f.field()]?.filterItems ?? []\"\n                [nzFilterFn]=\"fieldsControlsMap()[f.field()]?.filterFn\"\n                (nzFilterChange)=\"filterChange(f.field(),$event)\" [nzFilterMultiple]=\"f.filterMultiple()\"\n                [nzAlign]=\"f.align()\" [nzLeft]=\"f.freezeMode()=='left'\" [nzRight]=\"f.freezeMode()=='right'\"\n                (nzSortOrderChange)=\"sortChange(f.field(),$event)\">\n                <span>\n                    {{f.title()}}\n                    @if(options.showTableTitleSet()){\n                    <nz-resize-handle [style.transform]=\"`translateX(${resizeHandleOffsetX(f)}px)`\" nzDirection=\"right\"\n                        (click)=\"$event.stopPropagation()\">\n                        <div class=\"resize-trigger\"></div>\n                    </nz-resize-handle>\n                    }\n                </span>\n            </th>\n            }\n            @if (rowActions().length)\n            {\n            <th nzRight nzAlign=\"center\" [nzWidth]=\"actionsFieldWidth()+'px'\" data-rowactions>\u64CD\u4F5C</th>\n            }\n        </tr>\n    </thead>\n    <tbody>\n        @if (!options.showPagination() && options.virtualScroll()) {\n        <ng-template nz-virtual-scroll let-data let-i=\"index\">\n        </ng-template>\n        }@else {\n        @for (data of table.data; track $index;let i=$index) {\n        <tr [axisScope]=\"options.id+'.row'\" [attr.data-appid]=\"data.appid\" scopeName=\"\u8868\u683C\u884C\"\n            [dataSources]=\"[{name:'row',type:'local',data:data}]\" (dblclick)=\"select.toggleChecked(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            <td nzLeft [nzExpand]=\"expand.expandedSet.has(data[options.keyField()])\"\n                (nzExpandChange)=\"expand.onExpandChange(data[options.keyField()],$event)\"></td>\n            }\n            @if (options.showOrder()) {\n            <td nzAlign=\"center\">{{(table.nzPageIndex-1) * table.nzPageSize + i+1}}</td>\n            }\n            @for (f of displayFields(); track f.field()) {\n            @if (rowspan(f.field(),i)) {\n            <td [attr.rowspan]=\"rowspan(f.field(),i)\" [nzLeft]=\"f.freezeMode()=='left'\" [attr.data-field]=\"f.field()\"\n                [nzRight]=\"f.freezeMode()=='right'\" [nzAlign]=\"f.align()\">\n                @if (f.child()) {\n                <ng-container [axisDynamic]=\"f.child()\"></ng-container>\n                }@else {\n                {{data[f.field()]}}\n                }\n            </td>\n            }\n            }\n            @if (rowActions().length) {\n            <td nzRight>\n                <div nz-flex nzJustify=\"space-evenly\" data-rowactions>\n                    @for (a of rowActions(); track a.id) {\n                    <ng-container [axisDynamic]=\"a\"></ng-container>\n                    }\n                </div>\n            </td>\n            }\n        </tr>\n        @if (options.showExpand()) {\n        <tr [axisScope]=\"options.id+'.row'\" scopeName=\"\u8868\u683C\u884C\" [dataSources]=\"[{name:'row',type:'local',data:data}]\"\n            [nzExpand]=\"expand.expandedSet.has(data[options.keyField()])\" data-expandrow>\n            <ng-container [axisDynamic]=\"options.expandRow()\"></ng-container>\n        </tr>\n        }\n        <!-- @if (showSubTotal() && subTotalGroupField() && subTotalMap[i]) {\n        <tr>\n            @if (options.showCheckbox()) {\n            <td nzLeft></td>\n            }\n            @if (options.showExpand()) {\n            <td nzLeft></td>\n            }\n            @if (options.showOrder()) {\n            <td></td>\n            }\n            @for (f of displayFields(); track f.field()) {\n            @if (f.groupLevel && f.groupLevel! == subTotalGroupField.groupLevel!) {\n            <td nzAlign=\"right\" [nzLeft]=\"f.freezeMode=='left'\" [nzRight]=\"f.freezeMode=='right'\">\n                <b>{{options.subTotalTitle() || \"\u5C0F\u8BA1\"}}</b>\n            </td>\n            }\n            @if(!f.groupLevel || f.groupLevel! > subTotalGroupField.groupLevel!) {\n            <td [nzLeft]=\"f.freezeMode=='left'\" [nzRight]=\"f.freezeMode=='right'\">\n                @if (f.totalAble) {\n                <div [class]=\"'td-box-'+(f.align || 'center')\">\n                    <b>\n                        @if (f.child()) {\n                        @if (f.injectBy() == \"data\") {\n                        <ng-container [axisDynamic]=\"f.child()\"></ng-container>\n                        }@else{\n                        <ng-container [axisDynamic]=\"f.child()\" [ngModel]=\"subTotalMap[i][f.field]\"></ng-container>\n                        }\n                        }@else {\n                        {{subTotalMap[i][f.field]}}\n                        }\n                    </b>\n                </div>\n                }\n            </td>\n            }\n            }\n            <td *ngIf=\"rowActions?.length\" nzRight></td>\n        </tr>\n        } -->\n        }\n        }\n        <!-- @if (showTotal && displayData?.length) {\n        <tr class=\"total-row\">\n            @if (options.showCheckbox()) {\n            <td nzLeft></td>\n            }\n            @if (options.showExpand()) {\n            <td nzLeft></td>\n            }\n            <td nzAlign=\"right\" [nzLeft]=\"!options.showOrder() && displayFields[0].freezeMode=='left'\"\n                [nzRight]=\"!options.showOrder() && displayFields[0].freezeMode=='right'\"><b>{{options.totalTitle() ||\n                    \"\u5408\u8BA1\"}}</b></td>\n            @for (f of displayFields()|slice:(options.showOrder()?0:1); track f.field()) {\n            <td [nzLeft]=\"f.freezeMode=='left'\" [nzRight]=\"f.freezeMode=='right'\">\n                @if (f.totalAble()) {\n                <div [class]=\"'td-box-'+(f.align || 'center')\">\n                    <b>\n                        @if (f.child()) {\n                        @if (f.injectBy() == \"data\") {\n                        <ng-container [axisDynamic]=\"f.child()\"></ng-container>\n                        }@else{\n                        <ng-container [axisDynamic]=\"f.child()\" [ngModel]=\"totalMap[f.field]\"></ng-container>\n                        }\n                        }@else {\n                        {{totalMap[f.field]}}\n                        }\n                    </b>\n                </div>\n                }\n            </td>\n            }\n            @if (rowActions()?.length) {\n            <td nzRight></td>\n            }\n        </tr>\n        } -->\n    </tbody>\n    <ng-template #totalRange let-range=\"range\" let-total>\n        \u5171{{ total }}\u6761\u6570\u636E\uFF0C\u7B2C{{ range[0] }}-{{ range[1] }}\u6761\n    </ng-template>\n</nz-table>", styles: [":host{display:block;width:100%;overflow:hidden}\n"], dependencies: [{ kind: "ngmodule", type: NzTableModule }, { kind: "component", type: i1$1.NzTableComponent, selector: "nz-table", inputs: ["nzTableLayout", "nzShowTotal", "nzItemRender", "nzTitle", "nzFooter", "nzNoResult", "nzPageSizeOptions", "nzVirtualItemSize", "nzVirtualMaxBufferPx", "nzVirtualMinBufferPx", "nzVirtualForTrackBy", "nzLoadingDelay", "nzPageIndex", "nzPageSize", "nzTotal", "nzWidthConfig", "nzData", "nzCustomColumn", "nzPaginationPosition", "nzScroll", "noDataVirtualHeight", "nzPaginationType", "nzFrontPagination", "nzTemplateMode", "nzShowPagination", "nzLoading", "nzOuterBordered", "nzLoadingIndicator", "nzBordered", "nzSize", "nzShowSizeChanger", "nzHideOnSinglePage", "nzShowQuickJumper", "nzSimple"], outputs: ["nzPageSizeChange", "nzPageIndexChange", "nzQueryParams", "nzCurrentPageDataChange", "nzCustomColumnChange"], exportAs: ["nzTable"] }, { kind: "component", type: i1$1.NzThAddOnComponent, selector: "th[nzColumnKey], th[nzSortFn], th[nzSortOrder], th[nzFilters], th[nzShowSort], th[nzShowFilter], th[nzCustomFilter]", inputs: ["nzColumnKey", "nzFilterMultiple", "nzSortOrder", "nzSortPriority", "nzSortDirections", "nzFilters", "nzSortFn", "nzFilterFn", "nzShowSort", "nzShowFilter", "nzCustomFilter"], outputs: ["nzCheckedChange", "nzSortOrderChange", "nzFilterChange"] }, { kind: "directive", type: i1$1.NzTableCellDirective, selector: "th:not(.nz-disable-th), td:not(.nz-disable-td)" }, { kind: "directive", type: i1$1.NzThMeasureDirective, selector: "th", inputs: ["nzWidth", "colspan", "colSpan", "rowspan", "rowSpan"] }, { kind: "component", type: i1$1.NzTdAddOnComponent, selector: "td[nzChecked], td[nzDisabled], td[nzIndeterminate], td[nzIndentSize], td[nzExpand], td[nzShowExpand], td[nzShowCheckbox]", inputs: ["nzChecked", "nzDisabled", "nzIndeterminate", "nzLabel", "nzIndentSize", "nzShowExpand", "nzShowCheckbox", "nzExpand", "nzExpandIcon"], outputs: ["nzCheckedChange", "nzExpandChange"] }, { kind: "component", type: i1$1.NzTheadComponent, selector: "thead:not(.ant-table-thead)", outputs: ["nzSortOrderChange"] }, { kind: "component", type: i1$1.NzTbodyComponent, selector: "tbody" }, { kind: "directive", type: i1$1.NzTrDirective, selector: "tr:not([nz-table-measure-row]):not([nzExpand]):not([nz-table-fixed-row])" }, { kind: "directive", type: i1$1.NzTableVirtualScrollDirective, selector: "[nz-virtual-scroll]", exportAs: ["nzVirtualScroll"] }, { kind: "directive", type: i1$1.NzCellFixedDirective, selector: "td[nzRight],th[nzRight],td[nzLeft],th[nzLeft]", inputs: ["nzRight", "nzLeft", "colspan", "colSpan"] }, { kind: "directive", type: i1$1.NzTrExpandDirective, selector: "tr[nzExpand]", inputs: ["nzExpand"] }, { kind: "directive", type: i1$1.NzCellAlignDirective, selector: "th[nzAlign],td[nzAlign]", inputs: ["nzAlign"] }, { kind: "component", type: i1$1.NzTableFixedRowComponent, selector: "tr[nz-table-fixed-row], tr[nzExpand]" }, { kind: "component", type: i1$1.NzThSelectionComponent, selector: "th[nzSelections],th[nzChecked],th[nzShowCheckbox],th[nzShowRowSelection]", inputs: ["nzSelections", "nzChecked", "nzDisabled", "nzIndeterminate", "nzLabel", "nzShowCheckbox", "nzShowRowSelection"], outputs: ["nzCheckedChange"] }, { kind: "directive", type: ScopeDirective, selector: "[axisScope]", inputs: ["axisScope", "scopeName", "isRoot", "dataSources"] }, { kind: "directive", type: DynamicDirective, selector: "[axisDynamic]", inputs: ["axisDynamic", "standalone", "isDesign"], exportAs: ["axisDynamic"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: CommonModule }, { kind: "component", type: TableSetter, selector: "axis-table-setter", inputs: ["fields", "cacheKey", "modalVisible"], outputs: ["onChange", "modalVisibleChange"] }, { kind: "ngmodule", type: NzResizableModule }, { kind: "directive", type: i2$1.NzResizableDirective, selector: "[nz-resizable]", inputs: ["nzBounds", "nzMaxHeight", "nzMaxWidth", "nzMinHeight", "nzMinWidth", "nzGridColumnCount", "nzMaxColumn", "nzMinColumn", "nzLockAspectRatio", "nzPreview", "nzDisabled"], outputs: ["nzResize", "nzResizeEnd", "nzResizeStart"], exportAs: ["nzResizable"] }, { kind: "component", type: i2$1.NzResizeHandleComponent, selector: "nz-resize-handle, [nz-resize-handle]", inputs: ["nzDirection", "nzCursorType"], outputs: ["nzMouseDown"], exportAs: ["nzResizeHandle"] }, { kind: "ngmodule", type: NzFlexModule }, { kind: "directive", type: i3$1.NzFlexDirective, selector: "[nz-flex],nz-flex", inputs: ["nzVertical", "nzJustify", "nzAlign", "nzGap", "nzWrap", "nzFlex"], exportAs: ["nzFlex"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: Table, decorators: [{
+            type: Component,
+            args: [{ selector: 'axis-table', imports: [NzTableModule, ScopeDirective, DynamicDirective, FormsModule, CommonModule, TableSetter, NzResizableModule, NzFlexModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (options.showTableTitleSet()) {\n<axis-table-setter [fields]=\"fields()\" [cacheKey]=\"options.tableSetCacheKey()\"\n    (onChange)=\"fixFields.set($event)\"></axis-table-setter>\n}\n<nz-table #table [nzSize]=\"options.size()\" [nzData]=\"displayData()??[]\" [nzLoading]=\"!displayData()\"\n    [nzBordered]=\"options.bordered()\" [nzOuterBordered]=\"options.outerBordered()\"\n    [nzShowPagination]=\"options.showPagination()\"\n    [nzFrontPagination]=\"options.showPagination() && !options.useBackEndPaging()\" [nzTotal]=\"rowtotal()\"\n    [nzPageSize]=\"options.pageSize()\" [nzShowSizeChanger]=\"options.showSizeChanger()\"\n    [nzPageSizeOptions]=\"pageSizeOptions()\" [nzShowTotal]=\"options.showDataSize()?totalRange:null\" [nzScroll]=\"scroll()\"\n    (nzCurrentPageDataChange)=\"currentPageDataChange()\" (nzPageIndexChange)=\"onPageChange()\"\n    (nzPageSizeChange)=\"onPageChange()\" [(nzPageIndex)]=\"pageIndex\" [nzVirtualItemSize]=\"options.virtualItemSize()\"\n    [nzVirtualForTrackBy]=\"trackByKeyField\">\n    <thead>\n        <tr>\n            @if (options.showCheckbox()) {\n            @if (!options.checkboxLinkageForExpand() && !options.singleCheck()) {\n            <th nzLeft [nzChecked]=\"select.headerChecked()!='none'\"\n                [nzIndeterminate]=\"select.headerChecked()=='indeterminate'\"\n                (nzCheckedChange)=\"select.onAllChecked($event)\" nzAlign=\"center\" [nzWidth]=\"leaderFieldWidth()-10+'px'\">\n            </th>\n            }@else {\n            <th nzLeft [nzWidth]=\"leaderFieldWidth()-10+'px'\"></th>\n            }\n            }\n            @if (options.showExpand()) {\n            <th nzLeft nzAlign=\"center\" [nzWidth]=\"leaderFieldWidth()-15+'px'\"></th>\n            }\n            @if (options.showOrder()) {\n            <th nzAlign=\"center\" [nzWidth]=\"leaderFieldWidth()+'px'\">\u5E8F\u53F7</th>\n            }\n            @for (f of displayFields(); track f.field()) {\n            <th [attr.data-field]=\"f.field()\" nz-resizable nzBounds=\"window\"\n                [nzDisabled]=\"!options.showTableTitleSet() || !f.width()\"\n                [nzWidth]=\"f.width() == null ?null:f.width()+'px'\" (nzResize)=\"tableSetter?.onResize(f,$event)\"\n                [nzShowSort]=\"f.sortAble()\" [nzSortFn]=\"fieldsControlsMap()[f.field()]?.sortFn\"\n                [nzSortOrder]=\"f.sortOrder()\" [nzSortPriority]=\"f.sortPriority()??false\"\n                [nzShowFilter]=\"f.filterAble() && !options.useBackEndPaging()\"\n                [nzFilters]=\"fieldsControlsMap()[f.field()]?.filterItems ?? []\"\n                [nzFilterFn]=\"fieldsControlsMap()[f.field()]?.filterFn\"\n                (nzFilterChange)=\"filterChange(f.field(),$event)\" [nzFilterMultiple]=\"f.filterMultiple()\"\n                [nzAlign]=\"f.align()\" [nzLeft]=\"f.freezeMode()=='left'\" [nzRight]=\"f.freezeMode()=='right'\"\n                (nzSortOrderChange)=\"sortChange(f.field(),$event)\">\n                <span>\n                    {{f.title()}}\n                    @if(options.showTableTitleSet()){\n                    <nz-resize-handle [style.transform]=\"`translateX(${resizeHandleOffsetX(f)}px)`\" nzDirection=\"right\"\n                        (click)=\"$event.stopPropagation()\">\n                        <div class=\"resize-trigger\"></div>\n                    </nz-resize-handle>\n                    }\n                </span>\n            </th>\n            }\n            @if (rowActions().length)\n            {\n            <th nzRight nzAlign=\"center\" [nzWidth]=\"actionsFieldWidth()+'px'\" data-rowactions>\u64CD\u4F5C</th>\n            }\n        </tr>\n    </thead>\n    <tbody>\n        @if (!options.showPagination() && options.virtualScroll()) {\n        <ng-template nz-virtual-scroll let-data let-i=\"index\">\n        </ng-template>\n        }@else {\n        @for (data of table.data; track $index;let i=$index) {\n        <tr [axisScope]=\"options.id+'.row'\" [attr.data-appid]=\"data.appid\" scopeName=\"\u8868\u683C\u884C\"\n            [dataSources]=\"[{name:'row',type:'local',data:data}]\" (dblclick)=\"select.toggleChecked(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            <td nzLeft [nzExpand]=\"expand.expandedSet.has(data[options.keyField()])\"\n                (nzExpandChange)=\"expand.onExpandChange(data[options.keyField()],$event)\"></td>\n            }\n            @if (options.showOrder()) {\n            <td nzAlign=\"center\">{{(table.nzPageIndex-1) * table.nzPageSize + i+1}}</td>\n            }\n            @for (f of displayFields(); track f.field()) {\n            @if (rowspan(f.field(),i)) {\n            <td [attr.rowspan]=\"rowspan(f.field(),i)\" [nzLeft]=\"f.freezeMode()=='left'\" [attr.data-field]=\"f.field()\"\n                [nzRight]=\"f.freezeMode()=='right'\" [nzAlign]=\"f.align()\">\n                @if (f.child()) {\n                <ng-container [axisDynamic]=\"f.child()\"></ng-container>\n                }@else {\n                {{data[f.field()]}}\n                }\n            </td>\n            }\n            }\n            @if (rowActions().length) {\n            <td nzRight>\n                <div nz-flex nzJustify=\"space-evenly\" data-rowactions>\n                    @for (a of rowActions(); track a.id) {\n                    <ng-container [axisDynamic]=\"a\"></ng-container>\n                    }\n                </div>\n            </td>\n            }\n        </tr>\n        @if (options.showExpand()) {\n        <tr [axisScope]=\"options.id+'.row'\" scopeName=\"\u8868\u683C\u884C\" [dataSources]=\"[{name:'row',type:'local',data:data}]\"\n            [nzExpand]=\"expand.expandedSet.has(data[options.keyField()])\" data-expandrow>\n            <ng-container [axisDynamic]=\"options.expandRow()\"></ng-container>\n        </tr>\n        }\n        <!-- @if (showSubTotal() && subTotalGroupField() && subTotalMap[i]) {\n        <tr>\n            @if (options.showCheckbox()) {\n            <td nzLeft></td>\n            }\n            @if (options.showExpand()) {\n            <td nzLeft></td>\n            }\n            @if (options.showOrder()) {\n            <td></td>\n            }\n            @for (f of displayFields(); track f.field()) {\n            @if (f.groupLevel && f.groupLevel! == subTotalGroupField.groupLevel!) {\n            <td nzAlign=\"right\" [nzLeft]=\"f.freezeMode=='left'\" [nzRight]=\"f.freezeMode=='right'\">\n                <b>{{options.subTotalTitle() || \"\u5C0F\u8BA1\"}}</b>\n            </td>\n            }\n            @if(!f.groupLevel || f.groupLevel! > subTotalGroupField.groupLevel!) {\n            <td [nzLeft]=\"f.freezeMode=='left'\" [nzRight]=\"f.freezeMode=='right'\">\n                @if (f.totalAble) {\n                <div [class]=\"'td-box-'+(f.align || 'center')\">\n                    <b>\n                        @if (f.child()) {\n                        @if (f.injectBy() == \"data\") {\n                        <ng-container [axisDynamic]=\"f.child()\"></ng-container>\n                        }@else{\n                        <ng-container [axisDynamic]=\"f.child()\" [ngModel]=\"subTotalMap[i][f.field]\"></ng-container>\n                        }\n                        }@else {\n                        {{subTotalMap[i][f.field]}}\n                        }\n                    </b>\n                </div>\n                }\n            </td>\n            }\n            }\n            <td *ngIf=\"rowActions?.length\" nzRight></td>\n        </tr>\n        } -->\n        }\n        }\n        <!-- @if (showTotal && displayData?.length) {\n        <tr class=\"total-row\">\n            @if (options.showCheckbox()) {\n            <td nzLeft></td>\n            }\n            @if (options.showExpand()) {\n            <td nzLeft></td>\n            }\n            <td nzAlign=\"right\" [nzLeft]=\"!options.showOrder() && displayFields[0].freezeMode=='left'\"\n                [nzRight]=\"!options.showOrder() && displayFields[0].freezeMode=='right'\"><b>{{options.totalTitle() ||\n                    \"\u5408\u8BA1\"}}</b></td>\n            @for (f of displayFields()|slice:(options.showOrder()?0:1); track f.field()) {\n            <td [nzLeft]=\"f.freezeMode=='left'\" [nzRight]=\"f.freezeMode=='right'\">\n                @if (f.totalAble()) {\n                <div [class]=\"'td-box-'+(f.align || 'center')\">\n                    <b>\n                        @if (f.child()) {\n                        @if (f.injectBy() == \"data\") {\n                        <ng-container [axisDynamic]=\"f.child()\"></ng-container>\n                        }@else{\n                        <ng-container [axisDynamic]=\"f.child()\" [ngModel]=\"totalMap[f.field]\"></ng-container>\n                        }\n                        }@else {\n                        {{totalMap[f.field]}}\n                        }\n                    </b>\n                </div>\n                }\n            </td>\n            }\n            @if (rowActions()?.length) {\n            <td nzRight></td>\n            }\n        </tr>\n        } -->\n    </tbody>\n    <ng-template #totalRange let-range=\"range\" let-total>\n        \u5171{{ total }}\u6761\u6570\u636E\uFF0C\u7B2C{{ range[0] }}-{{ range[1] }}\u6761\n    </ng-template>\n</nz-table>", styles: [":host{display:block;width:100%;overflow:hidden}\n"] }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { tableSetter: [{
+                type: ViewChild,
+                args: [TableSetter]
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { Table };
+//# sourceMappingURL=ngx-axis-appforge-axis-components-table.mjs.map