ngx-axis-appforge 0.0.41 → 0.0.42
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/axis-components/edit-table/index.d.ts +49 -77
- package/axis-components/table/index.d.ts +9 -65
- package/axis-components/transfer/index.d.ts +17 -19
- package/core/index.d.ts +149 -3
- package/fesm2022/ngx-axis-appforge-axis-components-edit-table.mjs +43 -146
- package/fesm2022/ngx-axis-appforge-axis-components-edit-table.mjs.map +1 -1
- package/fesm2022/ngx-axis-appforge-axis-components-select.mjs +9 -0
- package/fesm2022/ngx-axis-appforge-axis-components-select.mjs.map +1 -1
- package/fesm2022/ngx-axis-appforge-axis-components-table.mjs +27 -210
- package/fesm2022/ngx-axis-appforge-axis-components-table.mjs.map +1 -1
- package/fesm2022/ngx-axis-appforge-axis-components-transfer.mjs +51 -78
- package/fesm2022/ngx-axis-appforge-axis-components-transfer.mjs.map +1 -1
- package/fesm2022/ngx-axis-appforge-axis-components.mjs +0 -1
- package/fesm2022/ngx-axis-appforge-axis-components.mjs.map +1 -1
- package/fesm2022/ngx-axis-appforge-core.mjs +365 -1
- package/fesm2022/ngx-axis-appforge-core.mjs.map +1 -1
- package/package.json +99 -99
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ngx-axis-appforge-axis-components-select.mjs","sources":["../../../axis-components/select/select.options.ts","../../../axis-components/select/select.ts","../../../axis-components/select/select.html","../../../axis-components/select/ngx-axis-appforge-axis-components-select.ts"],"sourcesContent":["import { signal } from \"@angular/core\";\nimport { ValueAccessOptions } from \"ngx-axis-appforge/core\";\n\nexport class SelectOptions extends ValueAccessOptions {\n\n readonly labelField = signal(\"title\");\n readonly valueField = signal(\"key\");\n readonly disabledField = signal(\"disabled\");\n readonly fullValue = signal(false);\n readonly allowInvalidValue = signal(false);\n readonly data = signal<any>(undefined);\n\n readonly mode = signal<'multiple' | 'tags' | 'default'>('default');\n readonly allowClear = signal(true);\n readonly defaultFirst = signal(false);\n readonly maxMultipleCount = signal(Infinity);\n\n readonly placeholder = signal(\"\");\n readonly variant = signal<'outlined' | 'borderless' | 'filled' | 'underlined'>('outlined');\n readonly dropdownMatchSelectWidth = signal(true);\n readonly size = signal<'large' | 'small' | 'default'>('default');\n readonly optionOverflowSize = signal(8);\n readonly selectOnTab = signal(false);\n readonly maxTagCount = signal(Infinity);\n\n readonly showSearch = signal(false);\n readonly serverSearch = signal(false);\n readonly autoClearSearchValue = signal(true);\n}","import { ChangeDetectionStrategy, Component, computed, effect, model, signal, untracked } from '@angular/core';\nimport { ValueAccess } from 'ngx-axis-appforge/core';\nimport { NzSelectModule } from 'ng-zorro-antd/select';\nimport { NzRadioModule } from 'ng-zorro-antd/radio';\nimport { FormsModule } from '@angular/forms';\nimport { SelectOptions } from './select.options';\n\n@Component({\n selector: 'axis-select',\n imports: [NzSelectModule, NzRadioModule, FormsModule],\n templateUrl: './select.html',\n styleUrl: './select.css',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class Select extends ValueAccess<SelectOptions> {\n\n constructor() {\n super();\n effect(() => {\n if (this.options.mode() == \"default\") {\n let next: any = this.selectValue();\n if (!this.options.allowInvalidValue() && !this.validValue().has(this.selectValue())) {\n next = null;\n }\n if (!next && this.options.defaultFirst() && this.data().length) {\n next = this.data()[0][this.options.valueField()];\n }\n if (next != this.selectValue()) {\n untracked(() => {\n if (next == null) {\n this.setInitValue(null);\n } else if (this.options.fullValue()) {\n this.setInitValue(this.dataMap.get(next));\n } else {\n this.setInitValue(next);\n }\n });\n }\n } else {\n if (!this.options.allowInvalidValue() && this.selectValue()?.some((r: any) => !this.validValue().has(r))) {\n untracked(() => {\n const next = this.selectValue()?.filter((r: any) => this.validValue().has(r));\n if (this.options.fullValue()) {\n this.setInitValue(next?.map((r: any) => this.dataMap.get(r)) ?? []);\n } else {\n this.setInitValue(next);\n }\n });\n }\n }\n });\n }\n\n override options: SelectOptions = new SelectOptions();\n private dataMap = new Map();\n private readonly validValue = computed(() => this.buildValidValue());\n readonly data = computed(() => this.buildData());\n\n readonly selectValue = model<any>();\n readonly displayValue = computed(() => this.buildDisplay());\n\n readonly searchText = signal<string>(\"\");\n\n override writeValue(value: any): void {\n super.writeValue(value);\n this.valueToSelectorValue();\n }\n\n override setInitValue(value: any): void {\n super.setInitValue(value);\n this.valueToSelectorValue();\n }\n\n private buildValidValue(): Set<any> {\n const validValue = new Set();\n const data = this.options.data();\n if (Array.isArray(data)) {\n for (const item of data) {\n this.dataMap.set(item[this.options.valueField()], item);\n validValue.add(item[this.options.valueField()]);\n }\n }\n return validValue;\n }\n\n private buildData(): any[] {\n let data: any[] = [];\n for (const item of this.validValue()) {\n data.push(this.dataMap.get(item));\n }\n if (this.options.allowInvalidValue() && this.selectValue()) {\n (this.options.mode() == \"default\" ? [this.selectValue()] : this.selectValue())!\n .filter((r: any) => !this.validValue().has(r)).forEach((r: any) => {\n if (!this.dataMap.has(r)) {\n this.dataMap.set(r, {\n [this.options.labelField()]: r,\n [this.options.valueField()]: r\n });\n }\n data.push(this.dataMap.get(r));\n });\n }\n return data;\n }\n\n private valueToSelectorValue() {\n if (this.value() != undefined) {\n if (this.options.mode() == \"default\") {\n if (this.options.fullValue()) {\n this.selectValue.set(this.value()[this.options.valueField()]);\n } else {\n this.selectValue.set(this.value());\n }\n return;\n } else if (Array.isArray(this.value())) {\n if (this.options.fullValue()) {\n this.selectValue.set(this.value().map((r: any) => r[this.options.valueField()]));\n } else {\n this.selectValue.set(this.value());\n }\n return;\n }\n }\n this.selectValue.set(this.value());\n }\n\n onSelectChange(value: any) {\n if (this.options.fullValue()) {\n if (this.options.mode() == \"default\") {\n this.value.set(this.dataMap.get(value) ?? null);\n } else {\n this.value.set(value?.map((r: any) => this.dataMap.get(r)));\n }\n } else {\n this.value.set(value);\n }\n this.onChange?.(this.value());\n }\n\n private buildDisplay(): string {\n if (this.options.mode() != \"default\") {\n if (Array.isArray(this.value())) {\n if (this.options.fullValue()) {\n return this.value()?.map((r: any) => r[this.options.labelField()]).join(\";\");\n } else {\n return this.value()?.map((r: any) => this.dataMap.get(r)?.[this.options.labelField()]).join(\";\");\n }\n }\n } else {\n if (this.options.fullValue()) {\n return this.value()[this.options.labelField()];\n } else {\n return this.dataMap.get(this.value())?.[this.options.labelField()];\n }\n }\n return \"\";\n }\n\n searchChange(input: string) {\n this.triggeEvents(\"search\", { searchText: input }).subscribe();\n }\n}\n","@if (options.readonly()) {\n{{displayValue()}}\n}@else {\n<nz-select [nzMode]=\"options.mode()\" [nzAllowClear]=\"options.allowClear()\"\n [nzMaxMultipleCount]=\"options.maxMultipleCount()\" [nzPlaceHolder]=\"options.placeholder()\"\n [nzVariant]=\"options.variant()\" [nzDropdownMatchSelectWidth]=\"options.dropdownMatchSelectWidth()\"\n [nzSize]=\"options.size()\" [nzOptionOverflowSize]=\"options.optionOverflowSize()\"\n [nzSelectOnTab]=\"options.selectOnTab()\" [nzMaxTagCount]=\"options.maxTagCount()\"\n [nzShowSearch]=\"options.showSearch()\" [nzServerSearch]=\"options.serverSearch()\"\n [nzAutoClearSearchValue]=\"options.autoClearSearchValue()\" [nzDisabled]=\"options.disabled()\"\n [(ngModel)]=\"selectValue\" (ngModelChange)=\"onSelectChange($event)\" (nzOnSearch)=\"searchChange($event)\">\n @for (o of data(); track o[options.valueField()]) {\n <nz-option [nzValue]=\"o[options.valueField()]\" [nzLabel]=\"o[options.labelField()]\"\n [nzDisabled]=\"o[options.disabledField()]\"></nz-option>\n }\n</nz-select>\n}","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './select';\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"ngx-axis-appforge-axis-components-select.mjs","sources":["../../../axis-components/select/select.options.ts","../../../axis-components/select/select.ts","../../../axis-components/select/select.html","../../../axis-components/select/ngx-axis-appforge-axis-components-select.ts"],"sourcesContent":["import { signal } from \"@angular/core\";\nimport { ValueAccessOptions } from \"ngx-axis-appforge/core\";\n\nexport class SelectOptions extends ValueAccessOptions {\n\n readonly labelField = signal(\"title\");\n readonly valueField = signal(\"key\");\n readonly disabledField = signal(\"disabled\");\n readonly fullValue = signal(false);\n readonly allowInvalidValue = signal(false);\n readonly data = signal<any>(undefined);\n\n readonly mode = signal<'multiple' | 'tags' | 'default'>('default');\n readonly allowClear = signal(true);\n readonly defaultFirst = signal(false);\n readonly maxMultipleCount = signal(Infinity);\n\n readonly placeholder = signal(\"\");\n readonly variant = signal<'outlined' | 'borderless' | 'filled' | 'underlined'>('outlined');\n readonly dropdownMatchSelectWidth = signal(true);\n readonly size = signal<'large' | 'small' | 'default'>('default');\n readonly optionOverflowSize = signal(8);\n readonly selectOnTab = signal(false);\n readonly maxTagCount = signal(Infinity);\n\n readonly showSearch = signal(false);\n readonly serverSearch = signal(false);\n readonly autoClearSearchValue = signal(true);\n}","import { ChangeDetectionStrategy, Component, computed, effect, model, signal, untracked } from '@angular/core';\nimport { ValueAccess } from 'ngx-axis-appforge/core';\nimport { NzSelectModule } from 'ng-zorro-antd/select';\nimport { NzRadioModule } from 'ng-zorro-antd/radio';\nimport { FormsModule } from '@angular/forms';\nimport { SelectOptions } from './select.options';\n\n@Component({\n selector: 'axis-select',\n imports: [NzSelectModule, NzRadioModule, FormsModule],\n templateUrl: './select.html',\n styleUrl: './select.css',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class Select extends ValueAccess<SelectOptions> {\n\n constructor() {\n super();\n effect(() => {\n if (this.options.mode() == \"default\") {\n let next: any = this.selectValue();\n if (!this.options.allowInvalidValue() && !this.validValue().has(this.selectValue())) {\n next = null;\n }\n if (!next && this.options.defaultFirst() && this.data().length) {\n next = this.data()[0][this.options.valueField()];\n }\n if (next != this.selectValue()) {\n untracked(() => {\n if (next == null) {\n this.setInitValue(null);\n } else if (this.options.fullValue()) {\n this.setInitValue(this.dataMap.get(next));\n } else {\n this.setInitValue(next);\n }\n });\n }\n } else {\n if (!this.options.allowInvalidValue() && this.selectValue()?.some((r: any) => !this.validValue().has(r))) {\n untracked(() => {\n const next = this.selectValue()?.filter((r: any) => this.validValue().has(r));\n if (this.options.fullValue()) {\n this.setInitValue(next?.map((r: any) => this.dataMap.get(r)) ?? []);\n } else {\n this.setInitValue(next);\n }\n });\n }\n }\n });\n }\n\n override options: SelectOptions = new SelectOptions();\n private dataMap = new Map();\n private readonly validValue = computed(() => this.buildValidValue());\n readonly data = computed(() => this.buildData());\n\n readonly selectValue = model<any>();\n readonly displayValue = computed(() => this.buildDisplay());\n\n readonly searchText = signal<string>(\"\");\n\n override writeValue(value: any): void {\n super.writeValue(value);\n this.valueToSelectorValue();\n }\n\n override setInitValue(value: any): void {\n super.setInitValue(value);\n this.valueToSelectorValue();\n }\n\n private buildValidValue(): Set<any> {\n const validValue = new Set();\n const data = this.options.data();\n if (Array.isArray(data)) {\n for (const item of data) {\n this.dataMap.set(item[this.options.valueField()], item);\n validValue.add(item[this.options.valueField()]);\n }\n }\n return validValue;\n }\n\n private buildData(): any[] {\n let data: any[] = [];\n for (const item of this.validValue()) {\n data.push(this.dataMap.get(item));\n }\n if (this.options.allowInvalidValue() && this.selectValue()) {\n (this.options.mode() == \"default\" ? [this.selectValue()] : this.selectValue())!\n .filter((r: any) => !this.validValue().has(r)).forEach((r: any) => {\n if (!this.dataMap.has(r)) {\n this.dataMap.set(r, {\n [this.options.labelField()]: r,\n [this.options.valueField()]: r\n });\n }\n data.push(this.dataMap.get(r));\n });\n }\n return data;\n }\n\n private valueToSelectorValue() {\n if (this.value() != undefined) {\n if (this.options.mode() == \"default\") {\n if (this.options.fullValue()) {\n const key = this.value()[this.options.valueField()];\n if (!this.dataMap.has(key)) {\n this.dataMap.set(key, this.value());\n }\n this.selectValue.set(this.value()[this.options.valueField()]);\n } else {\n this.selectValue.set(this.value());\n }\n return;\n } else if (Array.isArray(this.value())) {\n if (this.options.fullValue()) {\n this.selectValue.set(this.value().map((r: any) => r[this.options.valueField()]));\n for (const v of this.value()) {\n if (!this.dataMap.has(v[this.options.valueField()])) {\n this.dataMap.set(v[this.options.valueField()], v);\n }\n }\n } else {\n this.selectValue.set(this.value());\n }\n return;\n }\n }\n this.selectValue.set(this.value());\n }\n\n onSelectChange(value: any) {\n if (this.options.fullValue()) {\n if (this.options.mode() == \"default\") {\n this.value.set(this.dataMap.get(value) ?? null);\n } else {\n this.value.set(value?.map((r: any) => this.dataMap.get(r)));\n }\n } else {\n this.value.set(value);\n }\n this.onChange?.(this.value());\n }\n\n private buildDisplay(): string {\n if (this.options.mode() != \"default\") {\n if (Array.isArray(this.value())) {\n if (this.options.fullValue()) {\n return this.value()?.map((r: any) => r[this.options.labelField()]).join(\";\");\n } else {\n return this.value()?.map((r: any) => this.dataMap.get(r)?.[this.options.labelField()]).join(\";\");\n }\n }\n } else {\n if (this.options.fullValue()) {\n return this.value()[this.options.labelField()];\n } else {\n return this.dataMap.get(this.value())?.[this.options.labelField()];\n }\n }\n return \"\";\n }\n\n searchChange(input: string) {\n this.triggeEvents(\"search\", { searchText: input }).subscribe();\n }\n}\n","@if (options.readonly()) {\n{{displayValue()}}\n}@else {\n<nz-select [nzMode]=\"options.mode()\" [nzAllowClear]=\"options.allowClear()\"\n [nzMaxMultipleCount]=\"options.maxMultipleCount()\" [nzPlaceHolder]=\"options.placeholder()\"\n [nzVariant]=\"options.variant()\" [nzDropdownMatchSelectWidth]=\"options.dropdownMatchSelectWidth()\"\n [nzSize]=\"options.size()\" [nzOptionOverflowSize]=\"options.optionOverflowSize()\"\n [nzSelectOnTab]=\"options.selectOnTab()\" [nzMaxTagCount]=\"options.maxTagCount()\"\n [nzShowSearch]=\"options.showSearch()\" [nzServerSearch]=\"options.serverSearch()\"\n [nzAutoClearSearchValue]=\"options.autoClearSearchValue()\" [nzDisabled]=\"options.disabled()\"\n [(ngModel)]=\"selectValue\" (ngModelChange)=\"onSelectChange($event)\" (nzOnSearch)=\"searchChange($event)\">\n @for (o of data(); track o[options.valueField()]) {\n <nz-option [nzValue]=\"o[options.valueField()]\" [nzLabel]=\"o[options.labelField()]\"\n [nzDisabled]=\"o[options.disabledField()]\"></nz-option>\n }\n</nz-select>\n}","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './select';\n"],"names":[],"mappings":"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"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { signal,
|
|
3
|
-
import
|
|
4
|
-
import
|
|
2
|
+
import { signal, effect, input, output, model, ChangeDetectionStrategy, Component, computed, ViewChild } from '@angular/core';
|
|
3
|
+
import * as i1$1 from 'ngx-axis-appforge/core';
|
|
4
|
+
import { DataOptions, Base, ScopeDirective, DynamicDirective, TableFieldDisplayService, TableService, SelectService, ExpandService } from 'ngx-axis-appforge/core';
|
|
5
|
+
import * as i2$1 from 'ng-zorro-antd/table';
|
|
5
6
|
import { NzTableModule } from 'ng-zorro-antd/table';
|
|
6
7
|
import { FormsModule } from '@angular/forms';
|
|
7
|
-
import { CommonModule } from '@angular/common';
|
|
8
8
|
import * as i2 from 'ng-zorro-antd/button';
|
|
9
9
|
import { NzButtonModule } from 'ng-zorro-antd/button';
|
|
10
10
|
import * as i5 from 'ng-zorro-antd/grid';
|
|
@@ -16,10 +16,11 @@ import { NzModalModule } from 'ng-zorro-antd/modal';
|
|
|
16
16
|
import { moveItemInArray, transferArrayItem, CdkDrag, CdkDropList } from '@angular/cdk/drag-drop';
|
|
17
17
|
import { debounceTime, Subject } from 'rxjs';
|
|
18
18
|
import * as i3 from 'ng-zorro-antd/core/transition-patch';
|
|
19
|
-
import * as
|
|
19
|
+
import * as i3$1 from 'ng-zorro-antd/resizable';
|
|
20
20
|
import { NzResizableModule } from 'ng-zorro-antd/resizable';
|
|
21
|
-
import * as
|
|
21
|
+
import * as i4$1 from 'ng-zorro-antd/flex';
|
|
22
22
|
import { NzFlexModule } from 'ng-zorro-antd/flex';
|
|
23
|
+
import { DatePipe, DecimalPipe, PercentPipe } from '@angular/common';
|
|
23
24
|
|
|
24
25
|
class TableOptions extends DataOptions {
|
|
25
26
|
keyField = signal("", ...(ngDevMode ? [{ debugName: "keyField" }] : []));
|
|
@@ -93,130 +94,6 @@ class TableFieldOptions {
|
|
|
93
94
|
child = signal(undefined, ...(ngDevMode ? [{ debugName: "child" }] : []));
|
|
94
95
|
}
|
|
95
96
|
|
|
96
|
-
class Select {
|
|
97
|
-
options;
|
|
98
|
-
displayData;
|
|
99
|
-
scope;
|
|
100
|
-
onSelectedChange;
|
|
101
|
-
constructor(options, displayData, scope, onSelectedChange) {
|
|
102
|
-
this.options = options;
|
|
103
|
-
this.displayData = displayData;
|
|
104
|
-
this.scope = scope;
|
|
105
|
-
this.onSelectedChange = onSelectedChange;
|
|
106
|
-
}
|
|
107
|
-
headerChecked = signal("none", ...(ngDevMode ? [{ debugName: "headerChecked" }] : []));
|
|
108
|
-
setOfCheckedId = new Set();
|
|
109
|
-
setOfIndeterminateId = new Set();
|
|
110
|
-
setOfDisabledId = computed(() => this.buildDisabledId(), ...(ngDevMode ? [{ debugName: "setOfDisabledId" }] : []));
|
|
111
|
-
buildDisabledId() {
|
|
112
|
-
if (this.options.disableCheckboxFn()) {
|
|
113
|
-
const args = this.scope?.snapshotAll() ?? {};
|
|
114
|
-
return new Set(this.displayData()?.filter(row => this.scope?.runFnWithSnapshot(this.options.disableCheckboxFn(), Object.assign({}, args, { row })))
|
|
115
|
-
.map(row => row[this.options.keyField()]));
|
|
116
|
-
}
|
|
117
|
-
return new Set();
|
|
118
|
-
}
|
|
119
|
-
onAllChecked(checked) {
|
|
120
|
-
this.displayData()?.filter(row => !this.setOfDisabledId().has(row[this.options.keyField()]))?.forEach(row => this.updateCheckedSet(row, checked));
|
|
121
|
-
this.refreshCheckedStatus();
|
|
122
|
-
}
|
|
123
|
-
toggleChecked(row) {
|
|
124
|
-
if (this.options.showCheckbox() && !this.setOfDisabledId().has(row[this.options.keyField()])) {
|
|
125
|
-
this.onItemChecked(row, !this.setOfCheckedId.has(row[this.options.keyField()]));
|
|
126
|
-
}
|
|
127
|
-
}
|
|
128
|
-
onItemChecked(row, checked) {
|
|
129
|
-
this.updateCheckedSet(row, checked);
|
|
130
|
-
this.refreshCheckedStatus();
|
|
131
|
-
}
|
|
132
|
-
updateCheckedSet(row, checked) {
|
|
133
|
-
const key = row[this.options.keyField()];
|
|
134
|
-
if (checked && !this.setOfCheckedId.has(key)) {
|
|
135
|
-
if (this.options.singleCheck()) {
|
|
136
|
-
this.setOfCheckedId.clear();
|
|
137
|
-
}
|
|
138
|
-
this.setOfCheckedId.add(key);
|
|
139
|
-
}
|
|
140
|
-
else if (!checked && this.setOfCheckedId.has(key)) {
|
|
141
|
-
this.setOfCheckedId.delete(key);
|
|
142
|
-
}
|
|
143
|
-
}
|
|
144
|
-
refreshCheckedStatus() {
|
|
145
|
-
const listOfEnabledData = this.displayData()?.filter(row => !this.setOfDisabledId().has(row[this.options.keyField()])) ?? [];
|
|
146
|
-
const checked = listOfEnabledData.length > 0 && listOfEnabledData.every(row => this.setOfCheckedId.has(row[this.options.keyField()]) && !this.setOfIndeterminateId.has(row[this.options.keyField()]));
|
|
147
|
-
if (checked) {
|
|
148
|
-
this.headerChecked.set("checked");
|
|
149
|
-
}
|
|
150
|
-
else {
|
|
151
|
-
const indeterminate = listOfEnabledData.some(row => this.setOfCheckedId.has(row[this.options.keyField()]) || this.setOfIndeterminateId.has(row[this.options.keyField()])) && !checked;
|
|
152
|
-
this.headerChecked.set(indeterminate ? "indeterminate" : "none");
|
|
153
|
-
}
|
|
154
|
-
this.onSelectedChange?.();
|
|
155
|
-
}
|
|
156
|
-
getSelectedData() {
|
|
157
|
-
return this.displayData()?.filter(row => this.setOfCheckedId.has(row[this.options.keyField()]));
|
|
158
|
-
}
|
|
159
|
-
}
|
|
160
|
-
|
|
161
|
-
class Expand {
|
|
162
|
-
options;
|
|
163
|
-
scope;
|
|
164
|
-
constructor(options, scope) {
|
|
165
|
-
this.options = options;
|
|
166
|
-
this.scope = scope;
|
|
167
|
-
}
|
|
168
|
-
expandedSet = new Set();
|
|
169
|
-
nodeMap = computed(() => this.buildNodeMap(), ...(ngDevMode ? [{ debugName: "nodeMap" }] : []));
|
|
170
|
-
buildNodeMap() {
|
|
171
|
-
const nodeMap = new Map();
|
|
172
|
-
if (this.options.showExpand() && this.options.expandMode() == "tree") {
|
|
173
|
-
this.options.data()?.forEach((row) => {
|
|
174
|
-
this.buildNodeMapForRow(row, nodeMap);
|
|
175
|
-
});
|
|
176
|
-
}
|
|
177
|
-
return nodeMap;
|
|
178
|
-
}
|
|
179
|
-
onExpandChange(key, checked) {
|
|
180
|
-
if (checked) {
|
|
181
|
-
this.expandedSet.add(key);
|
|
182
|
-
}
|
|
183
|
-
else {
|
|
184
|
-
this.expandedSet.delete(key);
|
|
185
|
-
}
|
|
186
|
-
}
|
|
187
|
-
buildNodeMapForRow(row, nodeMap, parentLevel = 0) {
|
|
188
|
-
const node = {
|
|
189
|
-
level: parentLevel + 1,
|
|
190
|
-
node: row,
|
|
191
|
-
children: []
|
|
192
|
-
};
|
|
193
|
-
nodeMap.set(row[this.options.keyField()], node);
|
|
194
|
-
if (this.options.showExpand() && this.options.expandMode() == "tree") {
|
|
195
|
-
let children;
|
|
196
|
-
if (this.options.treeChildrenFun()) {
|
|
197
|
-
children = this.scope?.runFnWithSnapshot(this.options.treeChildrenFun(), { row });
|
|
198
|
-
}
|
|
199
|
-
else {
|
|
200
|
-
children = row.children;
|
|
201
|
-
}
|
|
202
|
-
if (children?.length) {
|
|
203
|
-
node.children = children;
|
|
204
|
-
children.forEach(child => {
|
|
205
|
-
this.buildNodeMapForRow(child, nodeMap, node.level);
|
|
206
|
-
});
|
|
207
|
-
}
|
|
208
|
-
}
|
|
209
|
-
}
|
|
210
|
-
getListForExpanded(row) {
|
|
211
|
-
const key = row[this.options.keyField()];
|
|
212
|
-
let res = [row];
|
|
213
|
-
if (this.options.showExpand() && this.options.expandMode() == "tree" && this.nodeMap().get(key)?.children?.length && this.expandedSet.has(key)) {
|
|
214
|
-
res = res.concat(this.nodeMap().get(key).children);
|
|
215
|
-
}
|
|
216
|
-
return res;
|
|
217
|
-
}
|
|
218
|
-
}
|
|
219
|
-
|
|
220
97
|
class TableSetter {
|
|
221
98
|
constructor() {
|
|
222
99
|
effect(() => this.buildFixAndNotFixColumn());
|
|
@@ -318,9 +195,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImpor
|
|
|
318
195
|
|
|
319
196
|
class Table extends Base {
|
|
320
197
|
elementRef;
|
|
321
|
-
|
|
198
|
+
tableSvc;
|
|
199
|
+
select;
|
|
200
|
+
expand;
|
|
201
|
+
constructor(elementRef, tableSvc, select, expand) {
|
|
322
202
|
super();
|
|
323
203
|
this.elementRef = elementRef;
|
|
204
|
+
this.tableSvc = tableSvc;
|
|
205
|
+
this.select = select;
|
|
206
|
+
this.expand = expand;
|
|
207
|
+
effect(() => {
|
|
208
|
+
this.tableSvc.init({ data: this.options.data, options: this.options, fields: this.fields });
|
|
209
|
+
this.select.init({ options: this.options, keyField: this.options.keyField(), data: this.options.data, onSelectedChange: () => this.onSelectedChange() });
|
|
210
|
+
this.expand.init({ options: this.options, keyField: this.options.keyField(), data: this.options.data });
|
|
211
|
+
});
|
|
324
212
|
effect(() => {
|
|
325
213
|
this.fields().forEach((f, i) => {
|
|
326
214
|
this.bindWithConfig(this.options.fields()[i], { options: f, tag: `bindField.${i}` });
|
|
@@ -337,19 +225,11 @@ class Table extends Base {
|
|
|
337
225
|
});
|
|
338
226
|
}
|
|
339
227
|
options = new TableOptions();
|
|
340
|
-
displayData = computed(() => this.buildDisplayData(), ...(ngDevMode ? [{ debugName: "displayData" }] : []));
|
|
341
|
-
select = new Select(this.options, this.displayData, this.getScope(), () => this.onSelectedChange());
|
|
342
|
-
expand = new Expand(this.options, this.getScope());
|
|
343
|
-
pageSizeOptions = computed(() => this.options.pageSizeOptions().split(",").map(size => +size), ...(ngDevMode ? [{ debugName: "pageSizeOptions" }] : []));
|
|
344
228
|
scroll = signal({ x: "", y: "" }, ...(ngDevMode ? [{ debugName: "scroll" }] : []));
|
|
345
229
|
fields = computed(() => this.buildFields(), ...(ngDevMode ? [{ debugName: "fields" }] : []));
|
|
346
|
-
displayFields = computed(() => this.buildDisplayFields(), ...(ngDevMode ? [{ debugName: "displayFields" }] : []));
|
|
347
230
|
rowtotal = signal(0, ...(ngDevMode ? [{ debugName: "rowtotal" }] : []));
|
|
348
231
|
pageIndex = model(1, ...(ngDevMode ? [{ debugName: "pageIndex" }] : []));
|
|
349
|
-
fieldsControlsMap = computed(() => this.buildFieldControls(), ...(ngDevMode ? [{ debugName: "fieldsControlsMap" }] : []));
|
|
350
|
-
filedsFilterItemsCache = new Map();
|
|
351
232
|
rowActions = computed(() => this.actionsFieldWidth() > 0 ? this.options.rowActions() : [], ...(ngDevMode ? [{ debugName: "rowActions" }] : []));
|
|
352
|
-
leaderFieldWidth = computed(() => this.buildLeaderFieldWidth(), ...(ngDevMode ? [{ debugName: "leaderFieldWidth" }] : []));
|
|
353
233
|
actionsFieldWidth = computed(() => this.buildActionsFieldWidth(), ...(ngDevMode ? [{ debugName: "actionsFieldWidth" }] : []));
|
|
354
234
|
fixFields = signal([], ...(ngDevMode ? [{ debugName: "fixFields" }] : []));
|
|
355
235
|
timer;
|
|
@@ -369,67 +249,9 @@ class Table extends Base {
|
|
|
369
249
|
trackByKeyField = (i, data) => {
|
|
370
250
|
return data[this.options.keyField()];
|
|
371
251
|
};
|
|
372
|
-
buildDisplayData() {
|
|
373
|
-
return this.options.data();
|
|
374
|
-
}
|
|
375
252
|
buildFields() {
|
|
376
253
|
return this.options.fields().map(opt => new TableFieldOptions());
|
|
377
254
|
}
|
|
378
|
-
buildDisplayFields() {
|
|
379
|
-
return (this.options.showTableTitleSet() ? this.fixFields() : this.fields()).filter(f => f.inuse());
|
|
380
|
-
}
|
|
381
|
-
buildFieldControls() {
|
|
382
|
-
const res = {};
|
|
383
|
-
for (const field of this.displayFields()) {
|
|
384
|
-
res[field.field()] = {};
|
|
385
|
-
if (field.filterAble()) {
|
|
386
|
-
if (!this.filedsFilterItemsCache.has(field.field())) {
|
|
387
|
-
this.filedsFilterItemsCache.set(field.field(), new Map());
|
|
388
|
-
}
|
|
389
|
-
const filterItemsCache = this.filedsFilterItemsCache.get(field.field());
|
|
390
|
-
for (const row of this.displayData() ?? []) {
|
|
391
|
-
const value = row[field.field()];
|
|
392
|
-
if (!filterItemsCache.has(value)) {
|
|
393
|
-
let text = value + "";
|
|
394
|
-
if (field.filterDisplayFn()) {
|
|
395
|
-
text = this.getScope()?.runFnWithSnapshot(field.filterDisplayFn(), { value: value, row: row });
|
|
396
|
-
}
|
|
397
|
-
filterItemsCache.set(value, { value, text });
|
|
398
|
-
}
|
|
399
|
-
}
|
|
400
|
-
res[field.field()].filterItems = Array.from(filterItemsCache.values());
|
|
401
|
-
res[field.field()].filterFn = (fd, row) => {
|
|
402
|
-
if (fd instanceof Array) {
|
|
403
|
-
return fd.includes(row[field.field()]);
|
|
404
|
-
}
|
|
405
|
-
else {
|
|
406
|
-
return fd == row[field.field()];
|
|
407
|
-
}
|
|
408
|
-
};
|
|
409
|
-
}
|
|
410
|
-
if (field.sortAble()) {
|
|
411
|
-
if (this.options.data()?.some((r) => r[field.field()] != undefined && typeof (r[field.field()]) == "number")) {
|
|
412
|
-
res[field.field()].sortFn = (a, b) => a[field.field()] - b[field.field()];
|
|
413
|
-
}
|
|
414
|
-
else {
|
|
415
|
-
res[field.field()].sortFn = (a, b) => {
|
|
416
|
-
return ((a[field.field()] || "") + "").localeCompare(b[field.field()]);
|
|
417
|
-
};
|
|
418
|
-
}
|
|
419
|
-
}
|
|
420
|
-
}
|
|
421
|
-
return res;
|
|
422
|
-
}
|
|
423
|
-
buildLeaderFieldWidth() {
|
|
424
|
-
switch (this.options.size()) {
|
|
425
|
-
case "small":
|
|
426
|
-
return 45;
|
|
427
|
-
case "middle":
|
|
428
|
-
return 50;
|
|
429
|
-
default:
|
|
430
|
-
return 65;
|
|
431
|
-
}
|
|
432
|
-
}
|
|
433
255
|
buildActionsFieldWidth() {
|
|
434
256
|
if (this.options.actionsFieldWidth() == 0 || this.options.rowActions().length == 0) {
|
|
435
257
|
return 0;
|
|
@@ -440,15 +262,15 @@ class Table extends Base {
|
|
|
440
262
|
let x = this.options.width() ?? 0;
|
|
441
263
|
if (this.options.width() == undefined) {
|
|
442
264
|
if (this.options.showCheckbox()) {
|
|
443
|
-
x += this.leaderFieldWidth();
|
|
265
|
+
x += this.tableSvc.leaderFieldWidth();
|
|
444
266
|
}
|
|
445
267
|
if (this.options.showExpand()) {
|
|
446
|
-
x += this.leaderFieldWidth();
|
|
268
|
+
x += this.tableSvc.leaderFieldWidth();
|
|
447
269
|
}
|
|
448
270
|
if (this.options.showOrder()) {
|
|
449
|
-
x += this.leaderFieldWidth();
|
|
271
|
+
x += this.tableSvc.leaderFieldWidth();
|
|
450
272
|
}
|
|
451
|
-
this.displayFields().forEach(f => {
|
|
273
|
+
this.tableSvc.displayFields().forEach(f => {
|
|
452
274
|
if (f.width()) {
|
|
453
275
|
x += f.width();
|
|
454
276
|
}
|
|
@@ -476,11 +298,6 @@ class Table extends Base {
|
|
|
476
298
|
currentPageDataChange() { }
|
|
477
299
|
onPageChange() {
|
|
478
300
|
}
|
|
479
|
-
filterChange(field, value) {
|
|
480
|
-
for (const item of this.filedsFilterItemsCache.get(field).values()) {
|
|
481
|
-
item.byDefault = value != null && (Array.isArray(value) ? value.includes(item.value) : item.value == value);
|
|
482
|
-
}
|
|
483
|
-
}
|
|
484
301
|
sortChange(field, event) {
|
|
485
302
|
}
|
|
486
303
|
rowspan(field, index) {
|
|
@@ -495,13 +312,13 @@ class Table extends Base {
|
|
|
495
312
|
super.ngOnDestroy();
|
|
496
313
|
clearInterval(this.timer);
|
|
497
314
|
}
|
|
498
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: Table, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
499
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.6", type: Table, isStandalone: true, selector: "axis-table", inputs: { pageIndex: { classPropertyName: "pageIndex", publicName: "pageIndex", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { pageIndex: "pageIndexChange" }, viewQueries: [{ propertyName: "tableSetter", first: true, predicate: TableSetter, descendants: true }], usesInheritance: true, ngImport: i0, template: "@if (options.showTableTitleSet()) {\n<axis-table-setter [fields]=\"fields()\" [cacheKey]=\"options.tableSetCacheKey()\"\n (onChange)=\"fixFields.set($event)\"></axis-table-setter>\n}\n<nz-table #table [nzSize]=\"options.size()\" [nzData]=\"displayData()??[]\" [nzLoading]=\"!displayData()\"\n [nzBordered]=\"options.bordered()\" [nzOuterBordered]=\"options.outerBordered()\"\n [nzShowPagination]=\"options.showPagination()\"\n [nzFrontPagination]=\"options.showPagination() && !options.useBackEndPaging()\" [nzTotal]=\"rowtotal()\"\n [nzPageSize]=\"options.pageSize()\" [nzShowSizeChanger]=\"options.showSizeChanger()\"\n [nzPageSizeOptions]=\"pageSizeOptions()\" [nzShowTotal]=\"options.showDataSize()?totalRange:null\" [nzScroll]=\"scroll()\"\n (nzCurrentPageDataChange)=\"currentPageDataChange()\" (nzPageIndexChange)=\"onPageChange()\"\n (nzPageSizeChange)=\"onPageChange()\" [(nzPageIndex)]=\"pageIndex\" [nzVirtualItemSize]=\"options.virtualItemSize()\"\n [nzVirtualForTrackBy]=\"trackByKeyField\">\n <thead>\n <tr>\n @if (options.showCheckbox()) {\n @if (!options.checkboxLinkageForExpand() && !options.singleCheck()) {\n <th nzLeft [nzChecked]=\"select.headerChecked()!='none'\"\n [nzIndeterminate]=\"select.headerChecked()=='indeterminate'\"\n (nzCheckedChange)=\"select.onAllChecked($event)\" nzAlign=\"center\" [nzWidth]=\"leaderFieldWidth()-10+'px'\">\n </th>\n }@else {\n <th nzLeft [nzWidth]=\"leaderFieldWidth()-10+'px'\"></th>\n }\n }\n @if (options.showExpand()) {\n <th nzLeft nzAlign=\"center\" [nzWidth]=\"leaderFieldWidth()-15+'px'\"></th>\n }\n @if (options.showOrder()) {\n <th nzAlign=\"center\" [nzWidth]=\"leaderFieldWidth()+'px'\">\u5E8F\u53F7</th>\n }\n @for (f of displayFields(); track f.field()) {\n <th [attr.data-field]=\"f.field()\" nz-resizable nzBounds=\"window\"\n [nzDisabled]=\"!options.showTableTitleSet() || !f.width()\"\n [nzWidth]=\"f.width() == null ?null:f.width()+'px'\" (nzResize)=\"tableSetter?.onResize(f,$event)\"\n [nzShowSort]=\"f.sortAble()\" [nzSortFn]=\"fieldsControlsMap()[f.field()]?.sortFn\"\n [nzSortOrder]=\"f.sortOrder()\" [nzSortPriority]=\"f.sortPriority()??false\"\n [nzShowFilter]=\"f.filterAble() && !options.useBackEndPaging()\"\n [nzFilters]=\"fieldsControlsMap()[f.field()]?.filterItems ?? []\"\n [nzFilterFn]=\"fieldsControlsMap()[f.field()]?.filterFn\"\n (nzFilterChange)=\"filterChange(f.field(),$event)\" [nzFilterMultiple]=\"f.filterMultiple()\"\n [nzAlign]=\"f.align()\" [nzLeft]=\"f.freezeMode()=='left'\" [nzRight]=\"f.freezeMode()=='right'\"\n (nzSortOrderChange)=\"sortChange(f.field(),$event)\">\n <span>\n {{f.title()}}\n @if(options.showTableTitleSet()){\n <nz-resize-handle [style.transform]=\"`translateX(${resizeHandleOffsetX(f)}px)`\" nzDirection=\"right\"\n (click)=\"$event.stopPropagation()\">\n <div class=\"resize-trigger\"></div>\n </nz-resize-handle>\n }\n </span>\n </th>\n }\n @if (rowActions().length)\n {\n <th nzRight nzAlign=\"center\" [nzWidth]=\"actionsFieldWidth()+'px'\" data-rowactions>\u64CD\u4F5C</th>\n }\n </tr>\n </thead>\n <tbody>\n @if (!options.showPagination() && options.virtualScroll()) {\n <ng-template nz-virtual-scroll let-data let-i=\"index\">\n </ng-template>\n }@else {\n @for (trow of table.data; track $index;let i=$index) {\n @for (data of expand.getListForExpanded(trow); track $index) {\n <tr [axisScope]=\"options.id+'.row'\" scopeName=\"\u8868\u683C\u884C\" [dataSources]=\"[{name:'row',type:'local',data:data}]\">\n @if (options.showCheckbox()) {\n <td nzLeft [nzChecked]=\"select.setOfCheckedId.has(data[options.keyField()])\"\n [nzIndeterminate]=\"select.setOfIndeterminateId.has(data[options.keyField()])\"\n [nzDisabled]=\"select.setOfDisabledId().has(data[options.keyField()])\"\n (nzCheckedChange)=\"select.onItemChecked(data, $event)\" nzAlign=\"center\"></td>\n }\n @if (options.showExpand()) {\n @if(options.expandMode() == \"tree\" && !expand.nodeMap().get(data[options.keyField()])?.children?.length){\n <td nzLeft></td>\n }@else{\n <td nzLeft [nzExpand]=\"expand.expandedSet.has(data[options.keyField()])\"\n (nzExpandChange)=\"expand.onExpandChange(data[options.keyField()],$event)\"></td>\n }\n }\n @if (options.showOrder()) {\n <td nzAlign=\"center\">{{(table.nzPageIndex-1) * table.nzPageSize + i+1}}</td>\n }\n @for (f of displayFields(); track f.field()) {\n @if (rowspan(f.field(),i)) {\n <td [attr.rowspan]=\"rowspan(f.field(),i)\" [nzLeft]=\"f.freezeMode()=='left'\" [attr.data-field]=\"f.field()\"\n [nzRight]=\"f.freezeMode()=='right'\" [nzAlign]=\"f.align()\">\n @if (f.child()) {\n <ng-container [axisDynamic]=\"f.child()\"></ng-container>\n }@else {\n {{data[f.field()]}}\n }\n </td>\n }\n }\n @if (rowActions().length) {\n <td nzRight>\n <div nz-flex nzJustify=\"space-evenly\" data-rowactions>\n @for (a of rowActions(); track a.id) {\n <ng-container [axisDynamic]=\"a\"></ng-container>\n }\n </div>\n </td>\n }\n </tr>\n }\n @if (options.showExpand() && options.expandMode() == \"custom\") {\n <tr [axisScope]=\"options.id+'.row'\" scopeName=\"\u8868\u683C\u884C\" [dataSources]=\"[{name:'row',type:'local',data:trow}]\"\n [nzExpand]=\"expand.expandedSet.has(trow[options.keyField()])\" data-expandrow>\n <ng-container [axisDynamic]=\"options.expandRow()\"></ng-container>\n </tr>\n }\n <!-- @if (showSubTotal() && subTotalGroupField() && subTotalMap[i]) {\n <tr>\n @if (options.showCheckbox()) {\n <td nzLeft></td>\n }\n @if (options.showExpand()) {\n <td nzLeft></td>\n }\n @if (options.showOrder()) {\n <td></td>\n }\n @for (f of displayFields(); track f.field()) {\n @if (f.groupLevel && f.groupLevel! == subTotalGroupField.groupLevel!) {\n <td nzAlign=\"right\" [nzLeft]=\"f.freezeMode=='left'\" [nzRight]=\"f.freezeMode=='right'\">\n <b>{{options.subTotalTitle() || \"\u5C0F\u8BA1\"}}</b>\n </td>\n }\n @if(!f.groupLevel || f.groupLevel! > subTotalGroupField.groupLevel!) {\n <td [nzLeft]=\"f.freezeMode=='left'\" [nzRight]=\"f.freezeMode=='right'\">\n @if (f.totalAble) {\n <div [class]=\"'td-box-'+(f.align || 'center')\">\n <b>\n @if (f.child()) {\n @if (f.injectBy() == \"data\") {\n <ng-container [axisDynamic]=\"f.child()\"></ng-container>\n }@else{\n <ng-container [axisDynamic]=\"f.child()\" [ngModel]=\"subTotalMap[i][f.field]\"></ng-container>\n }\n }@else {\n {{subTotalMap[i][f.field]}}\n }\n </b>\n </div>\n }\n </td>\n }\n }\n <td *ngIf=\"rowActions?.length\" nzRight></td>\n </tr>\n } -->\n }\n }\n <!-- @if (showTotal && displayData?.length) {\n <tr class=\"total-row\">\n @if (options.showCheckbox()) {\n <td nzLeft></td>\n }\n @if (options.showExpand()) {\n <td nzLeft></td>\n }\n <td nzAlign=\"right\" [nzLeft]=\"!options.showOrder() && displayFields[0].freezeMode=='left'\"\n [nzRight]=\"!options.showOrder() && displayFields[0].freezeMode=='right'\"><b>{{options.totalTitle() ||\n \"\u5408\u8BA1\"}}</b></td>\n @for (f of displayFields()|slice:(options.showOrder()?0:1); track f.field()) {\n <td [nzLeft]=\"f.freezeMode=='left'\" [nzRight]=\"f.freezeMode=='right'\">\n @if (f.totalAble()) {\n <div [class]=\"'td-box-'+(f.align || 'center')\">\n <b>\n @if (f.child()) {\n @if (f.injectBy() == \"data\") {\n <ng-container [axisDynamic]=\"f.child()\"></ng-container>\n }@else{\n <ng-container [axisDynamic]=\"f.child()\" [ngModel]=\"totalMap[f.field]\"></ng-container>\n }\n }@else {\n {{totalMap[f.field]}}\n }\n </b>\n </div>\n }\n </td>\n }\n @if (rowActions()?.length) {\n <td nzRight></td>\n }\n </tr>\n } -->\n </tbody>\n <ng-template #totalRange let-range=\"range\" let-total>\n \u5171{{ total }}\u6761\u6570\u636E\uFF0C\u7B2C{{ range[0] }}-{{ range[1] }}\u6761\n </ng-template>\n</nz-table>", styles: [":host{display:block;width:100%;overflow:hidden}:host ::ng-deep .ant-table-placeholder .ant-table-expanded-row-fixed{margin:-8px -10px}\n"], dependencies: [{ kind: "ngmodule", type: NzTableModule }, { kind: "component", type: i1$1.NzTableComponent, selector: "nz-table", inputs: ["nzTableLayout", "nzShowTotal", "nzItemRender", "nzTitle", "nzFooter", "nzNoResult", "nzPageSizeOptions", "nzVirtualItemSize", "nzVirtualMaxBufferPx", "nzVirtualMinBufferPx", "nzVirtualForTrackBy", "nzLoadingDelay", "nzPageIndex", "nzPageSize", "nzTotal", "nzWidthConfig", "nzData", "nzCustomColumn", "nzPaginationPosition", "nzScroll", "noDataVirtualHeight", "nzPaginationType", "nzFrontPagination", "nzTemplateMode", "nzShowPagination", "nzLoading", "nzOuterBordered", "nzLoadingIndicator", "nzBordered", "nzSize", "nzShowSizeChanger", "nzHideOnSinglePage", "nzShowQuickJumper", "nzSimple"], outputs: ["nzPageSizeChange", "nzPageIndexChange", "nzQueryParams", "nzCurrentPageDataChange", "nzCustomColumnChange"], exportAs: ["nzTable"] }, { kind: "component", type: i1$1.NzThAddOnComponent, selector: "th[nzColumnKey], th[nzSortFn], th[nzSortOrder], th[nzFilters], th[nzShowSort], th[nzShowFilter], th[nzCustomFilter]", inputs: ["nzColumnKey", "nzFilterMultiple", "nzSortOrder", "nzSortPriority", "nzSortDirections", "nzFilters", "nzSortFn", "nzFilterFn", "nzShowSort", "nzShowFilter", "nzCustomFilter"], outputs: ["nzCheckedChange", "nzSortOrderChange", "nzFilterChange"] }, { kind: "directive", type: i1$1.NzTableCellDirective, selector: "th:not(.nz-disable-th), td:not(.nz-disable-td)" }, { kind: "directive", type: i1$1.NzThMeasureDirective, selector: "th", inputs: ["nzWidth", "colspan", "colSpan", "rowspan", "rowSpan"] }, { kind: "component", type: i1$1.NzTdAddOnComponent, selector: "td[nzChecked], td[nzDisabled], td[nzIndeterminate], td[nzIndentSize], td[nzExpand], td[nzShowExpand], td[nzShowCheckbox]", inputs: ["nzChecked", "nzDisabled", "nzIndeterminate", "nzLabel", "nzIndentSize", "nzShowExpand", "nzShowCheckbox", "nzExpand", "nzExpandIcon"], outputs: ["nzCheckedChange", "nzExpandChange"] }, { kind: "component", type: i1$1.NzTheadComponent, selector: "thead:not(.ant-table-thead)", outputs: ["nzSortOrderChange"] }, { kind: "component", type: i1$1.NzTbodyComponent, selector: "tbody" }, { kind: "directive", type: i1$1.NzTrDirective, selector: "tr:not([nz-table-measure-row]):not([nzExpand]):not([nz-table-fixed-row])" }, { kind: "directive", type: i1$1.NzTableVirtualScrollDirective, selector: "[nz-virtual-scroll]", exportAs: ["nzVirtualScroll"] }, { kind: "directive", type: i1$1.NzCellFixedDirective, selector: "td[nzRight],th[nzRight],td[nzLeft],th[nzLeft]", inputs: ["nzRight", "nzLeft", "colspan", "colSpan"] }, { kind: "directive", type: i1$1.NzTrExpandDirective, selector: "tr[nzExpand]", inputs: ["nzExpand"] }, { kind: "directive", type: i1$1.NzCellAlignDirective, selector: "th[nzAlign],td[nzAlign]", inputs: ["nzAlign"] }, { kind: "component", type: i1$1.NzTableFixedRowComponent, selector: "tr[nz-table-fixed-row], tr[nzExpand]" }, { kind: "component", type: i1$1.NzThSelectionComponent, selector: "th[nzSelections],th[nzChecked],th[nzShowCheckbox],th[nzShowRowSelection]", inputs: ["nzSelections", "nzChecked", "nzDisabled", "nzIndeterminate", "nzLabel", "nzShowCheckbox", "nzShowRowSelection"], outputs: ["nzCheckedChange"] }, { kind: "directive", type: ScopeDirective, selector: "[axisScope]", inputs: ["axisScope", "scopeName", "isRoot", "dataSources"] }, { kind: "directive", type: DynamicDirective, selector: "[axisDynamic]", inputs: ["axisDynamic", "standalone", "isDesign"], outputs: ["onRegisteValueAccess"], exportAs: ["axisDynamic"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: CommonModule }, { kind: "component", type: TableSetter, selector: "axis-table-setter", inputs: ["fields", "cacheKey", "modalVisible"], outputs: ["onChange", "modalVisibleChange"] }, { kind: "ngmodule", type: NzResizableModule }, { kind: "directive", type: i2$1.NzResizableDirective, selector: "[nz-resizable]", inputs: ["nzBounds", "nzMaxHeight", "nzMaxWidth", "nzMinHeight", "nzMinWidth", "nzGridColumnCount", "nzMaxColumn", "nzMinColumn", "nzLockAspectRatio", "nzPreview", "nzDisabled"], outputs: ["nzResize", "nzResizeEnd", "nzResizeStart"], exportAs: ["nzResizable"] }, { kind: "component", type: i2$1.NzResizeHandleComponent, selector: "nz-resize-handle, [nz-resize-handle]", inputs: ["nzDirection", "nzCursorType"], outputs: ["nzMouseDown"], exportAs: ["nzResizeHandle"] }, { kind: "ngmodule", type: NzFlexModule }, { kind: "directive", type: i3$1.NzFlexDirective, selector: "[nz-flex],nz-flex", inputs: ["nzVertical", "nzJustify", "nzAlign", "nzGap", "nzWrap", "nzFlex"], exportAs: ["nzFlex"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
315
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: Table, deps: [{ token: i0.ElementRef }, { token: i1$1.TableService }, { token: i1$1.SelectService }, { token: i1$1.ExpandService }], target: i0.ɵɵFactoryTarget.Component });
|
|
316
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.6", type: Table, isStandalone: true, selector: "axis-table", inputs: { pageIndex: { classPropertyName: "pageIndex", publicName: "pageIndex", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { pageIndex: "pageIndexChange" }, providers: [DatePipe, DecimalPipe, PercentPipe, TableFieldDisplayService, TableService, SelectService, ExpandService], viewQueries: [{ propertyName: "tableSetter", first: true, predicate: TableSetter, descendants: true }], usesInheritance: true, ngImport: i0, template: "@if (options.showTableTitleSet()) {\n<axis-table-setter [fields]=\"fields()\" [cacheKey]=\"options.tableSetCacheKey()\"\n (onChange)=\"fixFields.set($event)\"></axis-table-setter>\n}\n<nz-table #table [nzSize]=\"options.size()\" [nzData]=\"options.data()??[]\" [nzLoading]=\"!options.data()\"\n [nzBordered]=\"options.bordered()\" [nzOuterBordered]=\"options.outerBordered()\"\n [nzShowPagination]=\"options.showPagination()\"\n [nzFrontPagination]=\"options.showPagination() && !options.useBackEndPaging()\" [nzTotal]=\"rowtotal()\"\n [nzPageSize]=\"options.pageSize()\" [nzShowSizeChanger]=\"options.showSizeChanger()\"\n [nzPageSizeOptions]=\"tableSvc.pageSizeOptions()\" [nzShowTotal]=\"options.showDataSize()?totalRange:null\" [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]=\"tableSvc.leaderFieldWidth()-10+'px'\">\n </th>\n }@else {\n <th nzLeft [nzWidth]=\"tableSvc.leaderFieldWidth()-10+'px'\"></th>\n }\n }\n @if (options.showExpand()) {\n <th nzLeft nzAlign=\"center\" [nzWidth]=\"tableSvc.leaderFieldWidth()-15+'px'\"></th>\n }\n @if (options.showOrder()) {\n <th nzAlign=\"center\" [nzWidth]=\"tableSvc.leaderFieldWidth()+'px'\">\u5E8F\u53F7</th>\n }\n @for (f of tableSvc.displayFields(); track f.field()) {\n <th [attr.data-field]=\"f.field()\" nz-resizable nzBounds=\"window\"\n [nzDisabled]=\"!options.showTableTitleSet() || !f.width()\"\n [nzWidth]=\"f.width() == null ?null:f.width()+'px'\" (nzResize)=\"tableSetter?.onResize(f,$event)\"\n [nzShowSort]=\"f.sortAble()\" [nzSortFn]=\"tableSvc.fieldsControlsMap()[f.field()]?.sortFn\"\n [nzSortOrder]=\"f.sortOrder()\" [nzSortPriority]=\"f.sortPriority()??false\"\n [nzShowFilter]=\"f.filterAble() && !options.useBackEndPaging()\"\n [nzFilters]=\"tableSvc.fieldsControlsMap()[f.field()]?.filterItems ?? []\"\n [nzFilterFn]=\"tableSvc.fieldsControlsMap()[f.field()]?.filterFn\"\n (nzFilterChange)=\"tableSvc.filterChange(f.field(),$event)\" [nzFilterMultiple]=\"f.filterMultiple()\"\n [nzAlign]=\"f.align()\" [nzLeft]=\"f.freezeMode()=='left'\" [nzRight]=\"f.freezeMode()=='right'\"\n (nzSortOrderChange)=\"sortChange(f.field(),$event)\">\n <span>\n {{f.title()}}\n @if(options.showTableTitleSet()){\n <nz-resize-handle [style.transform]=\"`translateX(${resizeHandleOffsetX(f)}px)`\" nzDirection=\"right\"\n (click)=\"$event.stopPropagation()\">\n <div class=\"resize-trigger\"></div>\n </nz-resize-handle>\n }\n </span>\n </th>\n }\n @if (rowActions().length)\n {\n <th nzRight nzAlign=\"center\" [nzWidth]=\"actionsFieldWidth()+'px'\" data-rowactions>\u64CD\u4F5C</th>\n }\n </tr>\n </thead>\n <tbody>\n @if (!options.showPagination() && options.virtualScroll()) {\n <ng-template nz-virtual-scroll let-data let-i=\"index\">\n </ng-template>\n }@else {\n @for (trow of table.data; track $index;let i=$index) {\n @for (data of expand.getListForExpanded(trow); track $index) {\n <tr [axisScope]=\"options.id+'.row'\" scopeName=\"\u8868\u683C\u884C\" [dataSources]=\"[{name:'row',type:'local',data:data}]\">\n @if (options.showCheckbox()) {\n <td nzLeft [nzChecked]=\"select.setOfCheckedId.has(data[options.keyField()])\"\n [nzIndeterminate]=\"select.setOfIndeterminateId.has(data[options.keyField()])\"\n [nzDisabled]=\"select.setOfDisabledId().has(data[options.keyField()])\"\n (nzCheckedChange)=\"select.onItemChecked(data, $event)\" nzAlign=\"center\"></td>\n }\n @if (options.showExpand()) {\n @if(options.expandMode() == \"tree\" && !expand.nodeMap().get(data[options.keyField()])?.children?.length){\n <td nzLeft></td>\n }@else{\n <td nzLeft [nzExpand]=\"expand.expandedSet.has(data[options.keyField()])\"\n (nzExpandChange)=\"expand.onExpandChange(data[options.keyField()],$event)\"></td>\n }\n }\n @if (options.showOrder()) {\n <td nzAlign=\"center\">{{(table.nzPageIndex-1) * table.nzPageSize + i+1}}</td>\n }\n @for (f of tableSvc.displayFields(); track f.field()) {\n @if (rowspan(f.field(),i)) {\n <td [attr.rowspan]=\"rowspan(f.field(),i)\" [nzLeft]=\"f.freezeMode()=='left'\" [attr.data-field]=\"f.field()\"\n [nzRight]=\"f.freezeMode()=='right'\" [nzAlign]=\"f.align()\">\n @if (f.child()) {\n <ng-container [axisDynamic]=\"f.child()\"></ng-container>\n }@else {\n {{data[f.field()]}}\n }\n </td>\n }\n }\n @if (rowActions().length) {\n <td nzRight>\n <div nz-flex nzJustify=\"space-evenly\" data-rowactions>\n @for (a of rowActions(); track a.id) {\n <ng-container [axisDynamic]=\"a\"></ng-container>\n }\n </div>\n </td>\n }\n </tr>\n }\n @if (options.showExpand() && options.expandMode() == \"custom\") {\n <tr [axisScope]=\"options.id+'.row'\" scopeName=\"\u8868\u683C\u884C\" [dataSources]=\"[{name:'row',type:'local',data:trow}]\"\n [nzExpand]=\"expand.expandedSet.has(trow[options.keyField()])\" data-expandrow>\n <ng-container [axisDynamic]=\"options.expandRow()\"></ng-container>\n </tr>\n }\n <!-- @if (showSubTotal() && subTotalGroupField() && subTotalMap[i]) {\n <tr>\n @if (options.showCheckbox()) {\n <td nzLeft></td>\n }\n @if (options.showExpand()) {\n <td nzLeft></td>\n }\n @if (options.showOrder()) {\n <td></td>\n }\n @for (f of displayFields(); track f.field()) {\n @if (f.groupLevel && f.groupLevel! == subTotalGroupField.groupLevel!) {\n <td nzAlign=\"right\" [nzLeft]=\"f.freezeMode=='left'\" [nzRight]=\"f.freezeMode=='right'\">\n <b>{{options.subTotalTitle() || \"\u5C0F\u8BA1\"}}</b>\n </td>\n }\n @if(!f.groupLevel || f.groupLevel! > subTotalGroupField.groupLevel!) {\n <td [nzLeft]=\"f.freezeMode=='left'\" [nzRight]=\"f.freezeMode=='right'\">\n @if (f.totalAble) {\n <div [class]=\"'td-box-'+(f.align || 'center')\">\n <b>\n @if (f.child()) {\n @if (f.injectBy() == \"data\") {\n <ng-container [axisDynamic]=\"f.child()\"></ng-container>\n }@else{\n <ng-container [axisDynamic]=\"f.child()\" [ngModel]=\"subTotalMap[i][f.field]\"></ng-container>\n }\n }@else {\n {{subTotalMap[i][f.field]}}\n }\n </b>\n </div>\n }\n </td>\n }\n }\n <td *ngIf=\"rowActions?.length\" nzRight></td>\n </tr>\n } -->\n }\n }\n <!-- @if (showTotal && displayData?.length) {\n <tr class=\"total-row\">\n @if (options.showCheckbox()) {\n <td nzLeft></td>\n }\n @if (options.showExpand()) {\n <td nzLeft></td>\n }\n <td nzAlign=\"right\" [nzLeft]=\"!options.showOrder() && displayFields[0].freezeMode=='left'\"\n [nzRight]=\"!options.showOrder() && displayFields[0].freezeMode=='right'\"><b>{{options.totalTitle() ||\n \"\u5408\u8BA1\"}}</b></td>\n @for (f of displayFields()|slice:(options.showOrder()?0:1); track f.field()) {\n <td [nzLeft]=\"f.freezeMode=='left'\" [nzRight]=\"f.freezeMode=='right'\">\n @if (f.totalAble()) {\n <div [class]=\"'td-box-'+(f.align || 'center')\">\n <b>\n @if (f.child()) {\n @if (f.injectBy() == \"data\") {\n <ng-container [axisDynamic]=\"f.child()\"></ng-container>\n }@else{\n <ng-container [axisDynamic]=\"f.child()\" [ngModel]=\"totalMap[f.field]\"></ng-container>\n }\n }@else {\n {{totalMap[f.field]}}\n }\n </b>\n </div>\n }\n </td>\n }\n @if (rowActions()?.length) {\n <td nzRight></td>\n }\n </tr>\n } -->\n </tbody>\n <ng-template #totalRange let-range=\"range\" let-total>\n \u5171{{ total }}\u6761\u6570\u636E\uFF0C\u7B2C{{ range[0] }}-{{ range[1] }}\u6761\n </ng-template>\n</nz-table>", styles: [":host{display:block;width:100%;overflow:hidden}:host ::ng-deep .ant-table-placeholder .ant-table-expanded-row-fixed{margin:-8px -10px}\n"], dependencies: [{ kind: "ngmodule", type: NzTableModule }, { kind: "component", type: 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: "directive", type: i2$1.NzCellAlignDirective, selector: "th[nzAlign],td[nzAlign]", inputs: ["nzAlign"] }, { kind: "component", type: i2$1.NzTableFixedRowComponent, selector: "tr[nz-table-fixed-row], tr[nzExpand]" }, { kind: "component", type: i2$1.NzThSelectionComponent, selector: "th[nzSelections],th[nzChecked],th[nzShowCheckbox],th[nzShowRowSelection]", inputs: ["nzSelections", "nzChecked", "nzDisabled", "nzIndeterminate", "nzLabel", "nzShowCheckbox", "nzShowRowSelection"], outputs: ["nzCheckedChange"] }, { kind: "directive", type: ScopeDirective, selector: "[axisScope]", inputs: ["axisScope", "scopeName", "isRoot", "dataSources"] }, { kind: "directive", type: DynamicDirective, selector: "[axisDynamic]", inputs: ["axisDynamic", "standalone", "isDesign"], outputs: ["onRegisteValueAccess"], exportAs: ["axisDynamic"] }, { kind: "ngmodule", type: FormsModule }, { kind: "component", type: TableSetter, selector: "axis-table-setter", inputs: ["fields", "cacheKey", "modalVisible"], outputs: ["onChange", "modalVisibleChange"] }, { kind: "ngmodule", type: NzResizableModule }, { kind: "directive", type: i3$1.NzResizableDirective, selector: "[nz-resizable]", inputs: ["nzBounds", "nzMaxHeight", "nzMaxWidth", "nzMinHeight", "nzMinWidth", "nzGridColumnCount", "nzMaxColumn", "nzMinColumn", "nzLockAspectRatio", "nzPreview", "nzDisabled"], outputs: ["nzResize", "nzResizeEnd", "nzResizeStart"], exportAs: ["nzResizable"] }, { kind: "component", type: i3$1.NzResizeHandleComponent, selector: "nz-resize-handle, [nz-resize-handle]", inputs: ["nzDirection", "nzCursorType"], outputs: ["nzMouseDown"], exportAs: ["nzResizeHandle"] }, { kind: "ngmodule", type: NzFlexModule }, { kind: "directive", type: i4$1.NzFlexDirective, selector: "[nz-flex],nz-flex", inputs: ["nzVertical", "nzJustify", "nzAlign", "nzGap", "nzWrap", "nzFlex"], exportAs: ["nzFlex"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
500
317
|
}
|
|
501
318
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: Table, decorators: [{
|
|
502
319
|
type: Component,
|
|
503
|
-
args: [{ selector: 'axis-table', imports: [NzTableModule, ScopeDirective, DynamicDirective, FormsModule, CommonModule, TableSetter, NzResizableModule, NzFlexModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (options.showTableTitleSet()) {\n<axis-table-setter [fields]=\"fields()\" [cacheKey]=\"options.tableSetCacheKey()\"\n (onChange)=\"fixFields.set($event)\"></axis-table-setter>\n}\n<nz-table #table [nzSize]=\"options.size()\" [nzData]=\"displayData()??[]\" [nzLoading]=\"!displayData()\"\n [nzBordered]=\"options.bordered()\" [nzOuterBordered]=\"options.outerBordered()\"\n [nzShowPagination]=\"options.showPagination()\"\n [nzFrontPagination]=\"options.showPagination() && !options.useBackEndPaging()\" [nzTotal]=\"rowtotal()\"\n [nzPageSize]=\"options.pageSize()\" [nzShowSizeChanger]=\"options.showSizeChanger()\"\n [nzPageSizeOptions]=\"pageSizeOptions()\" [nzShowTotal]=\"options.showDataSize()?totalRange:null\" [nzScroll]=\"scroll()\"\n (nzCurrentPageDataChange)=\"currentPageDataChange()\" (nzPageIndexChange)=\"onPageChange()\"\n (nzPageSizeChange)=\"onPageChange()\" [(nzPageIndex)]=\"pageIndex\" [nzVirtualItemSize]=\"options.virtualItemSize()\"\n [nzVirtualForTrackBy]=\"trackByKeyField\">\n <thead>\n <tr>\n @if (options.showCheckbox()) {\n @if (!options.checkboxLinkageForExpand() && !options.singleCheck()) {\n <th nzLeft [nzChecked]=\"select.headerChecked()!='none'\"\n [nzIndeterminate]=\"select.headerChecked()=='indeterminate'\"\n (nzCheckedChange)=\"select.onAllChecked($event)\" nzAlign=\"center\" [nzWidth]=\"leaderFieldWidth()-10+'px'\">\n </th>\n }@else {\n <th nzLeft [nzWidth]=\"leaderFieldWidth()-10+'px'\"></th>\n }\n }\n @if (options.showExpand()) {\n <th nzLeft nzAlign=\"center\" [nzWidth]=\"leaderFieldWidth()-15+'px'\"></th>\n }\n @if (options.showOrder()) {\n <th nzAlign=\"center\" [nzWidth]=\"leaderFieldWidth()+'px'\">\u5E8F\u53F7</th>\n }\n @for (f of displayFields(); track f.field()) {\n <th [attr.data-field]=\"f.field()\" nz-resizable nzBounds=\"window\"\n [nzDisabled]=\"!options.showTableTitleSet() || !f.width()\"\n [nzWidth]=\"f.width() == null ?null:f.width()+'px'\" (nzResize)=\"tableSetter?.onResize(f,$event)\"\n [nzShowSort]=\"f.sortAble()\" [nzSortFn]=\"fieldsControlsMap()[f.field()]?.sortFn\"\n [nzSortOrder]=\"f.sortOrder()\" [nzSortPriority]=\"f.sortPriority()??false\"\n [nzShowFilter]=\"f.filterAble() && !options.useBackEndPaging()\"\n [nzFilters]=\"fieldsControlsMap()[f.field()]?.filterItems ?? []\"\n [nzFilterFn]=\"fieldsControlsMap()[f.field()]?.filterFn\"\n (nzFilterChange)=\"filterChange(f.field(),$event)\" [nzFilterMultiple]=\"f.filterMultiple()\"\n [nzAlign]=\"f.align()\" [nzLeft]=\"f.freezeMode()=='left'\" [nzRight]=\"f.freezeMode()=='right'\"\n (nzSortOrderChange)=\"sortChange(f.field(),$event)\">\n <span>\n {{f.title()}}\n @if(options.showTableTitleSet()){\n <nz-resize-handle [style.transform]=\"`translateX(${resizeHandleOffsetX(f)}px)`\" nzDirection=\"right\"\n (click)=\"$event.stopPropagation()\">\n <div class=\"resize-trigger\"></div>\n </nz-resize-handle>\n }\n </span>\n </th>\n }\n @if (rowActions().length)\n {\n <th nzRight nzAlign=\"center\" [nzWidth]=\"actionsFieldWidth()+'px'\" data-rowactions>\u64CD\u4F5C</th>\n }\n </tr>\n </thead>\n <tbody>\n @if (!options.showPagination() && options.virtualScroll()) {\n <ng-template nz-virtual-scroll let-data let-i=\"index\">\n </ng-template>\n }@else {\n @for (trow of table.data; track $index;let i=$index) {\n @for (data of expand.getListForExpanded(trow); track $index) {\n <tr [axisScope]=\"options.id+'.row'\" scopeName=\"\u8868\u683C\u884C\" [dataSources]=\"[{name:'row',type:'local',data:data}]\">\n @if (options.showCheckbox()) {\n <td nzLeft [nzChecked]=\"select.setOfCheckedId.has(data[options.keyField()])\"\n [nzIndeterminate]=\"select.setOfIndeterminateId.has(data[options.keyField()])\"\n [nzDisabled]=\"select.setOfDisabledId().has(data[options.keyField()])\"\n (nzCheckedChange)=\"select.onItemChecked(data, $event)\" nzAlign=\"center\"></td>\n }\n @if (options.showExpand()) {\n @if(options.expandMode() == \"tree\" && !expand.nodeMap().get(data[options.keyField()])?.children?.length){\n <td nzLeft></td>\n }@else{\n <td nzLeft [nzExpand]=\"expand.expandedSet.has(data[options.keyField()])\"\n (nzExpandChange)=\"expand.onExpandChange(data[options.keyField()],$event)\"></td>\n }\n }\n @if (options.showOrder()) {\n <td nzAlign=\"center\">{{(table.nzPageIndex-1) * table.nzPageSize + i+1}}</td>\n }\n @for (f of displayFields(); track f.field()) {\n @if (rowspan(f.field(),i)) {\n <td [attr.rowspan]=\"rowspan(f.field(),i)\" [nzLeft]=\"f.freezeMode()=='left'\" [attr.data-field]=\"f.field()\"\n [nzRight]=\"f.freezeMode()=='right'\" [nzAlign]=\"f.align()\">\n @if (f.child()) {\n <ng-container [axisDynamic]=\"f.child()\"></ng-container>\n }@else {\n {{data[f.field()]}}\n }\n </td>\n }\n }\n @if (rowActions().length) {\n <td nzRight>\n <div nz-flex nzJustify=\"space-evenly\" data-rowactions>\n @for (a of rowActions(); track a.id) {\n <ng-container [axisDynamic]=\"a\"></ng-container>\n }\n </div>\n </td>\n }\n </tr>\n }\n @if (options.showExpand() && options.expandMode() == \"custom\") {\n <tr [axisScope]=\"options.id+'.row'\" scopeName=\"\u8868\u683C\u884C\" [dataSources]=\"[{name:'row',type:'local',data:trow}]\"\n [nzExpand]=\"expand.expandedSet.has(trow[options.keyField()])\" data-expandrow>\n <ng-container [axisDynamic]=\"options.expandRow()\"></ng-container>\n </tr>\n }\n <!-- @if (showSubTotal() && subTotalGroupField() && subTotalMap[i]) {\n <tr>\n @if (options.showCheckbox()) {\n <td nzLeft></td>\n }\n @if (options.showExpand()) {\n <td nzLeft></td>\n }\n @if (options.showOrder()) {\n <td></td>\n }\n @for (f of displayFields(); track f.field()) {\n @if (f.groupLevel && f.groupLevel! == subTotalGroupField.groupLevel!) {\n <td nzAlign=\"right\" [nzLeft]=\"f.freezeMode=='left'\" [nzRight]=\"f.freezeMode=='right'\">\n <b>{{options.subTotalTitle() || \"\u5C0F\u8BA1\"}}</b>\n </td>\n }\n @if(!f.groupLevel || f.groupLevel! > subTotalGroupField.groupLevel!) {\n <td [nzLeft]=\"f.freezeMode=='left'\" [nzRight]=\"f.freezeMode=='right'\">\n @if (f.totalAble) {\n <div [class]=\"'td-box-'+(f.align || 'center')\">\n <b>\n @if (f.child()) {\n @if (f.injectBy() == \"data\") {\n <ng-container [axisDynamic]=\"f.child()\"></ng-container>\n }@else{\n <ng-container [axisDynamic]=\"f.child()\" [ngModel]=\"subTotalMap[i][f.field]\"></ng-container>\n }\n }@else {\n {{subTotalMap[i][f.field]}}\n }\n </b>\n </div>\n }\n </td>\n }\n }\n <td *ngIf=\"rowActions?.length\" nzRight></td>\n </tr>\n } -->\n }\n }\n <!-- @if (showTotal && displayData?.length) {\n <tr class=\"total-row\">\n @if (options.showCheckbox()) {\n <td nzLeft></td>\n }\n @if (options.showExpand()) {\n <td nzLeft></td>\n }\n <td nzAlign=\"right\" [nzLeft]=\"!options.showOrder() && displayFields[0].freezeMode=='left'\"\n [nzRight]=\"!options.showOrder() && displayFields[0].freezeMode=='right'\"><b>{{options.totalTitle() ||\n \"\u5408\u8BA1\"}}</b></td>\n @for (f of displayFields()|slice:(options.showOrder()?0:1); track f.field()) {\n <td [nzLeft]=\"f.freezeMode=='left'\" [nzRight]=\"f.freezeMode=='right'\">\n @if (f.totalAble()) {\n <div [class]=\"'td-box-'+(f.align || 'center')\">\n <b>\n @if (f.child()) {\n @if (f.injectBy() == \"data\") {\n <ng-container [axisDynamic]=\"f.child()\"></ng-container>\n }@else{\n <ng-container [axisDynamic]=\"f.child()\" [ngModel]=\"totalMap[f.field]\"></ng-container>\n }\n }@else {\n {{totalMap[f.field]}}\n }\n </b>\n </div>\n }\n </td>\n }\n @if (rowActions()?.length) {\n <td nzRight></td>\n }\n </tr>\n } -->\n </tbody>\n <ng-template #totalRange let-range=\"range\" let-total>\n \u5171{{ total }}\u6761\u6570\u636E\uFF0C\u7B2C{{ range[0] }}-{{ range[1] }}\u6761\n </ng-template>\n</nz-table>", styles: [":host{display:block;width:100%;overflow:hidden}:host ::ng-deep .ant-table-placeholder .ant-table-expanded-row-fixed{margin:-8px -10px}\n"] }]
|
|
504
|
-
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { tableSetter: [{
|
|
320
|
+
args: [{ selector: 'axis-table', imports: [NzTableModule, ScopeDirective, DynamicDirective, FormsModule, TableSetter, NzResizableModule, NzFlexModule], changeDetection: ChangeDetectionStrategy.OnPush, providers: [DatePipe, DecimalPipe, PercentPipe, TableFieldDisplayService, TableService, SelectService, ExpandService], template: "@if (options.showTableTitleSet()) {\n<axis-table-setter [fields]=\"fields()\" [cacheKey]=\"options.tableSetCacheKey()\"\n (onChange)=\"fixFields.set($event)\"></axis-table-setter>\n}\n<nz-table #table [nzSize]=\"options.size()\" [nzData]=\"options.data()??[]\" [nzLoading]=\"!options.data()\"\n [nzBordered]=\"options.bordered()\" [nzOuterBordered]=\"options.outerBordered()\"\n [nzShowPagination]=\"options.showPagination()\"\n [nzFrontPagination]=\"options.showPagination() && !options.useBackEndPaging()\" [nzTotal]=\"rowtotal()\"\n [nzPageSize]=\"options.pageSize()\" [nzShowSizeChanger]=\"options.showSizeChanger()\"\n [nzPageSizeOptions]=\"tableSvc.pageSizeOptions()\" [nzShowTotal]=\"options.showDataSize()?totalRange:null\" [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]=\"tableSvc.leaderFieldWidth()-10+'px'\">\n </th>\n }@else {\n <th nzLeft [nzWidth]=\"tableSvc.leaderFieldWidth()-10+'px'\"></th>\n }\n }\n @if (options.showExpand()) {\n <th nzLeft nzAlign=\"center\" [nzWidth]=\"tableSvc.leaderFieldWidth()-15+'px'\"></th>\n }\n @if (options.showOrder()) {\n <th nzAlign=\"center\" [nzWidth]=\"tableSvc.leaderFieldWidth()+'px'\">\u5E8F\u53F7</th>\n }\n @for (f of tableSvc.displayFields(); track f.field()) {\n <th [attr.data-field]=\"f.field()\" nz-resizable nzBounds=\"window\"\n [nzDisabled]=\"!options.showTableTitleSet() || !f.width()\"\n [nzWidth]=\"f.width() == null ?null:f.width()+'px'\" (nzResize)=\"tableSetter?.onResize(f,$event)\"\n [nzShowSort]=\"f.sortAble()\" [nzSortFn]=\"tableSvc.fieldsControlsMap()[f.field()]?.sortFn\"\n [nzSortOrder]=\"f.sortOrder()\" [nzSortPriority]=\"f.sortPriority()??false\"\n [nzShowFilter]=\"f.filterAble() && !options.useBackEndPaging()\"\n [nzFilters]=\"tableSvc.fieldsControlsMap()[f.field()]?.filterItems ?? []\"\n [nzFilterFn]=\"tableSvc.fieldsControlsMap()[f.field()]?.filterFn\"\n (nzFilterChange)=\"tableSvc.filterChange(f.field(),$event)\" [nzFilterMultiple]=\"f.filterMultiple()\"\n [nzAlign]=\"f.align()\" [nzLeft]=\"f.freezeMode()=='left'\" [nzRight]=\"f.freezeMode()=='right'\"\n (nzSortOrderChange)=\"sortChange(f.field(),$event)\">\n <span>\n {{f.title()}}\n @if(options.showTableTitleSet()){\n <nz-resize-handle [style.transform]=\"`translateX(${resizeHandleOffsetX(f)}px)`\" nzDirection=\"right\"\n (click)=\"$event.stopPropagation()\">\n <div class=\"resize-trigger\"></div>\n </nz-resize-handle>\n }\n </span>\n </th>\n }\n @if (rowActions().length)\n {\n <th nzRight nzAlign=\"center\" [nzWidth]=\"actionsFieldWidth()+'px'\" data-rowactions>\u64CD\u4F5C</th>\n }\n </tr>\n </thead>\n <tbody>\n @if (!options.showPagination() && options.virtualScroll()) {\n <ng-template nz-virtual-scroll let-data let-i=\"index\">\n </ng-template>\n }@else {\n @for (trow of table.data; track $index;let i=$index) {\n @for (data of expand.getListForExpanded(trow); track $index) {\n <tr [axisScope]=\"options.id+'.row'\" scopeName=\"\u8868\u683C\u884C\" [dataSources]=\"[{name:'row',type:'local',data:data}]\">\n @if (options.showCheckbox()) {\n <td nzLeft [nzChecked]=\"select.setOfCheckedId.has(data[options.keyField()])\"\n [nzIndeterminate]=\"select.setOfIndeterminateId.has(data[options.keyField()])\"\n [nzDisabled]=\"select.setOfDisabledId().has(data[options.keyField()])\"\n (nzCheckedChange)=\"select.onItemChecked(data, $event)\" nzAlign=\"center\"></td>\n }\n @if (options.showExpand()) {\n @if(options.expandMode() == \"tree\" && !expand.nodeMap().get(data[options.keyField()])?.children?.length){\n <td nzLeft></td>\n }@else{\n <td nzLeft [nzExpand]=\"expand.expandedSet.has(data[options.keyField()])\"\n (nzExpandChange)=\"expand.onExpandChange(data[options.keyField()],$event)\"></td>\n }\n }\n @if (options.showOrder()) {\n <td nzAlign=\"center\">{{(table.nzPageIndex-1) * table.nzPageSize + i+1}}</td>\n }\n @for (f of tableSvc.displayFields(); track f.field()) {\n @if (rowspan(f.field(),i)) {\n <td [attr.rowspan]=\"rowspan(f.field(),i)\" [nzLeft]=\"f.freezeMode()=='left'\" [attr.data-field]=\"f.field()\"\n [nzRight]=\"f.freezeMode()=='right'\" [nzAlign]=\"f.align()\">\n @if (f.child()) {\n <ng-container [axisDynamic]=\"f.child()\"></ng-container>\n }@else {\n {{data[f.field()]}}\n }\n </td>\n }\n }\n @if (rowActions().length) {\n <td nzRight>\n <div nz-flex nzJustify=\"space-evenly\" data-rowactions>\n @for (a of rowActions(); track a.id) {\n <ng-container [axisDynamic]=\"a\"></ng-container>\n }\n </div>\n </td>\n }\n </tr>\n }\n @if (options.showExpand() && options.expandMode() == \"custom\") {\n <tr [axisScope]=\"options.id+'.row'\" scopeName=\"\u8868\u683C\u884C\" [dataSources]=\"[{name:'row',type:'local',data:trow}]\"\n [nzExpand]=\"expand.expandedSet.has(trow[options.keyField()])\" data-expandrow>\n <ng-container [axisDynamic]=\"options.expandRow()\"></ng-container>\n </tr>\n }\n <!-- @if (showSubTotal() && subTotalGroupField() && subTotalMap[i]) {\n <tr>\n @if (options.showCheckbox()) {\n <td nzLeft></td>\n }\n @if (options.showExpand()) {\n <td nzLeft></td>\n }\n @if (options.showOrder()) {\n <td></td>\n }\n @for (f of displayFields(); track f.field()) {\n @if (f.groupLevel && f.groupLevel! == subTotalGroupField.groupLevel!) {\n <td nzAlign=\"right\" [nzLeft]=\"f.freezeMode=='left'\" [nzRight]=\"f.freezeMode=='right'\">\n <b>{{options.subTotalTitle() || \"\u5C0F\u8BA1\"}}</b>\n </td>\n }\n @if(!f.groupLevel || f.groupLevel! > subTotalGroupField.groupLevel!) {\n <td [nzLeft]=\"f.freezeMode=='left'\" [nzRight]=\"f.freezeMode=='right'\">\n @if (f.totalAble) {\n <div [class]=\"'td-box-'+(f.align || 'center')\">\n <b>\n @if (f.child()) {\n @if (f.injectBy() == \"data\") {\n <ng-container [axisDynamic]=\"f.child()\"></ng-container>\n }@else{\n <ng-container [axisDynamic]=\"f.child()\" [ngModel]=\"subTotalMap[i][f.field]\"></ng-container>\n }\n }@else {\n {{subTotalMap[i][f.field]}}\n }\n </b>\n </div>\n }\n </td>\n }\n }\n <td *ngIf=\"rowActions?.length\" nzRight></td>\n </tr>\n } -->\n }\n }\n <!-- @if (showTotal && displayData?.length) {\n <tr class=\"total-row\">\n @if (options.showCheckbox()) {\n <td nzLeft></td>\n }\n @if (options.showExpand()) {\n <td nzLeft></td>\n }\n <td nzAlign=\"right\" [nzLeft]=\"!options.showOrder() && displayFields[0].freezeMode=='left'\"\n [nzRight]=\"!options.showOrder() && displayFields[0].freezeMode=='right'\"><b>{{options.totalTitle() ||\n \"\u5408\u8BA1\"}}</b></td>\n @for (f of displayFields()|slice:(options.showOrder()?0:1); track f.field()) {\n <td [nzLeft]=\"f.freezeMode=='left'\" [nzRight]=\"f.freezeMode=='right'\">\n @if (f.totalAble()) {\n <div [class]=\"'td-box-'+(f.align || 'center')\">\n <b>\n @if (f.child()) {\n @if (f.injectBy() == \"data\") {\n <ng-container [axisDynamic]=\"f.child()\"></ng-container>\n }@else{\n <ng-container [axisDynamic]=\"f.child()\" [ngModel]=\"totalMap[f.field]\"></ng-container>\n }\n }@else {\n {{totalMap[f.field]}}\n }\n </b>\n </div>\n }\n </td>\n }\n @if (rowActions()?.length) {\n <td nzRight></td>\n }\n </tr>\n } -->\n </tbody>\n <ng-template #totalRange let-range=\"range\" let-total>\n \u5171{{ total }}\u6761\u6570\u636E\uFF0C\u7B2C{{ range[0] }}-{{ range[1] }}\u6761\n </ng-template>\n</nz-table>", styles: [":host{display:block;width:100%;overflow:hidden}:host ::ng-deep .ant-table-placeholder .ant-table-expanded-row-fixed{margin:-8px -10px}\n"] }]
|
|
321
|
+
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1$1.TableService }, { type: i1$1.SelectService }, { type: i1$1.ExpandService }], propDecorators: { tableSetter: [{
|
|
505
322
|
type: ViewChild,
|
|
506
323
|
args: [TableSetter]
|
|
507
324
|
}] } });
|