@polygrid/core 1.0.418 → 1.0.420
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/dist/engine/services/column/methods/set-columns.js +1 -1
- package/dist/engine/services/column/methods/set-columns.js.map +1 -1
- package/dist/engine/services/data/methods/set-rows.js +1 -1
- package/dist/engine/services/data/methods/set-rows.js.map +1 -1
- package/dist/engine/services/renderer/interfaces/renderer-adapter.d.ts +6 -0
- package/dist/engine/services/renderer/interfaces/renderer-adapter.d.ts.map +1 -1
- package/dist/engine/services/renderer/interfaces/template-mounts/column-footer-mount.d.ts +13 -0
- package/dist/engine/services/renderer/interfaces/template-mounts/column-footer-mount.d.ts.map +1 -0
- package/dist/engine/services/renderer/interfaces/template-mounts/column-footer-mount.js +2 -0
- package/dist/engine/services/renderer/interfaces/template-mounts/column-footer-mount.js.map +1 -0
- package/dist/engine/services/renderer/interfaces/template-mounts/column-header-mount.d.ts +10 -0
- package/dist/engine/services/renderer/interfaces/template-mounts/column-header-mount.d.ts.map +1 -0
- package/dist/engine/services/renderer/interfaces/template-mounts/column-header-mount.js +2 -0
- package/dist/engine/services/renderer/interfaces/template-mounts/column-header-mount.js.map +1 -0
- package/dist/engine/services/renderer/methods/re-render-cells.d.ts +2 -1
- package/dist/engine/services/renderer/methods/re-render-cells.d.ts.map +1 -1
- package/dist/engine/services/renderer/methods/re-render-cells.js +3 -3
- package/dist/engine/services/renderer/methods/re-render-cells.js.map +1 -1
- package/dist/engine/services/renderer/parts/footer/footer-cells.d.ts +2 -1
- package/dist/engine/services/renderer/parts/footer/footer-cells.d.ts.map +1 -1
- package/dist/engine/services/renderer/parts/footer/footer-cells.js +34 -5
- package/dist/engine/services/renderer/parts/footer/footer-cells.js.map +1 -1
- package/dist/engine/services/renderer/parts/footer/footer.d.ts +2 -1
- package/dist/engine/services/renderer/parts/footer/footer.d.ts.map +1 -1
- package/dist/engine/services/renderer/parts/footer/footer.js +2 -2
- package/dist/engine/services/renderer/parts/footer/footer.js.map +1 -1
- package/dist/engine/services/renderer/parts/header/header-cells.d.ts +2 -1
- package/dist/engine/services/renderer/parts/header/header-cells.d.ts.map +1 -1
- package/dist/engine/services/renderer/parts/header/header-cells.js +31 -5
- package/dist/engine/services/renderer/parts/header/header-cells.js.map +1 -1
- package/dist/engine/services/renderer/parts/header/header.d.ts +2 -1
- package/dist/engine/services/renderer/parts/header/header.d.ts.map +1 -1
- package/dist/engine/services/renderer/parts/header/header.js +2 -2
- package/dist/engine/services/renderer/parts/header/header.js.map +1 -1
- package/dist/engine/services/renderer/parts/viewport/viewport.js +2 -2
- package/dist/engine/services/renderer/parts/viewport/viewport.js.map +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/polygrid.css +10 -1
- package/package.json +1 -1
|
@@ -6,7 +6,7 @@ export function setColumns(columnService, destroy$, grid) {
|
|
|
6
6
|
columnService.columns$.pipe(takeUntil(destroy$)).subscribe((columns) => {
|
|
7
7
|
const gridDom = columnService.gridDom;
|
|
8
8
|
// rerender cells
|
|
9
|
-
reRenderCells(gridDom, columnService.store);
|
|
9
|
+
reRenderCells(gridDom, columnService.store, grid);
|
|
10
10
|
// do everything else
|
|
11
11
|
const state = columnService.store.getState();
|
|
12
12
|
// --- detect schema change ---
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"set-columns.js","sourceRoot":"","sources":["../../../../../src/engine/services/column/methods/set-columns.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAC;AACjE,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAEvD,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAE9D,MAAM,UAAU,UAAU,CACxB,aAA4B,EAC5B,QAA8B,EAC9B,IAAc;IAEd,aAAa,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,OAAO,EAAE,EAAE;QACrE,MAAM,OAAO,GAAG,aAAa,CAAC,OAAO,CAAC;QACtC,iBAAiB;QACjB,aAAa,CAAC,OAAO,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"set-columns.js","sourceRoot":"","sources":["../../../../../src/engine/services/column/methods/set-columns.ts"],"names":[],"mappings":"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"}
|
|
@@ -6,7 +6,7 @@ export function setRows(dataService, destroy$, grid) {
|
|
|
6
6
|
const gridDom = dataService.gridDom;
|
|
7
7
|
const state = dataService.store.getState();
|
|
8
8
|
const resColWidths = state.view.resolvedColumnWidths;
|
|
9
|
-
reRenderCells(gridDom, dataService.store);
|
|
9
|
+
reRenderCells(gridDom, dataService.store, grid);
|
|
10
10
|
updateColumnWidths(gridDom, state, resColWidths, dataService.grid);
|
|
11
11
|
const colService = grid._services.column;
|
|
12
12
|
const logService = grid._services.log;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"set-rows.js","sourceRoot":"","sources":["../../../../../src/engine/services/data/methods/set-rows.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAC;AACjE,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAGvD,MAAM,UAAU,OAAO,CACrB,WAAwB,EACxB,QAA8B,EAC9B,IAAc;IAEd,WAAW,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,IAAI,EAAE,EAAE;QAC7D,MAAM,OAAO,GAAG,WAAW,CAAC,OAAO,CAAC;QACpC,MAAM,KAAK,GAAG,WAAW,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;QAC3C,MAAM,YAAY,GAAG,KAAK,CAAC,IAAI,CAAC,oBAAoB,CAAC;QACrD,aAAa,CAAC,OAAO,EAAE,WAAW,CAAC,KAAK,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"set-rows.js","sourceRoot":"","sources":["../../../../../src/engine/services/data/methods/set-rows.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAC;AACjE,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAGvD,MAAM,UAAU,OAAO,CACrB,WAAwB,EACxB,QAA8B,EAC9B,IAAc;IAEd,WAAW,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,IAAI,EAAE,EAAE;QAC7D,MAAM,OAAO,GAAG,WAAW,CAAC,OAAO,CAAC;QACpC,MAAM,KAAK,GAAG,WAAW,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;QAC3C,MAAM,YAAY,GAAG,KAAK,CAAC,IAAI,CAAC,oBAAoB,CAAC;QACrD,aAAa,CAAC,OAAO,EAAE,WAAW,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;QAChD,kBAAkB,CAAC,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,WAAW,CAAC,IAAI,CAAC,CAAC;QAEnE,MAAM,UAAU,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC;QACzC,MAAM,UAAU,GAAG,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC;QACtC,IAAI,IAAI,CAAC,MAAM,GAAG,CAAC;YAAE,UAAU,CAAC,WAAW,CAAC,WAAW,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC;IAC7E,CAAC,EAAE,UAAU,CAAC,CAAC;AACjB,CAAC"}
|
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
import { RendererHandle } from "./renderer-handle";
|
|
2
|
+
import { ColumnFooterMount } from "./template-mounts/column-footer-mount";
|
|
3
|
+
import { ColumnHeaderMount } from "./template-mounts/column-header-mount";
|
|
2
4
|
import { ErrorMount } from "./template-mounts/error-mount";
|
|
3
5
|
import { LoadingMount } from "./template-mounts/loading-mount";
|
|
4
6
|
import { NoDataMount } from "./template-mounts/no-data-mount";
|
|
@@ -6,5 +8,9 @@ export interface RendererAdapter {
|
|
|
6
8
|
renderNoDataTemplate?(req: NoDataMount): RendererHandle | null;
|
|
7
9
|
renderLoadingTemplate?(req: LoadingMount): RendererHandle | null;
|
|
8
10
|
renderErrorTemplate?(req: ErrorMount): RendererHandle | null;
|
|
11
|
+
renderColumnHeaderTemplate?(req: ColumnHeaderMount): RendererHandle | null;
|
|
12
|
+
registerColumnHeaderTemplate?(key: string, tpl: unknown): void;
|
|
13
|
+
renderColumnFooterTemplate?(req: ColumnFooterMount): RendererHandle | null;
|
|
14
|
+
registerColumnFooterTemplate?(key: string, tpl: unknown): void;
|
|
9
15
|
}
|
|
10
16
|
//# sourceMappingURL=renderer-adapter.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"renderer-adapter.d.ts","sourceRoot":"","sources":["../../../../../src/engine/services/renderer/interfaces/renderer-adapter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAC;AAC/D,OAAO,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAE9D,MAAM,WAAW,eAAe;IAC9B,oBAAoB,CAAC,CAAC,GAAG,EAAE,WAAW,GAAG,cAAc,GAAG,IAAI,CAAC;IAC/D,qBAAqB,CAAC,CAAC,GAAG,EAAE,YAAY,GAAG,cAAc,GAAG,IAAI,CAAC;IACjE,mBAAmB,CAAC,CAAC,GAAG,EAAE,UAAU,GAAG,cAAc,GAAG,IAAI,CAAC;
|
|
1
|
+
{"version":3,"file":"renderer-adapter.d.ts","sourceRoot":"","sources":["../../../../../src/engine/services/renderer/interfaces/renderer-adapter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,uCAAuC,CAAC;AAC1E,OAAO,EAAE,iBAAiB,EAAE,MAAM,uCAAuC,CAAC;AAC1E,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAC;AAC/D,OAAO,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAE9D,MAAM,WAAW,eAAe;IAC9B,oBAAoB,CAAC,CAAC,GAAG,EAAE,WAAW,GAAG,cAAc,GAAG,IAAI,CAAC;IAC/D,qBAAqB,CAAC,CAAC,GAAG,EAAE,YAAY,GAAG,cAAc,GAAG,IAAI,CAAC;IACjE,mBAAmB,CAAC,CAAC,GAAG,EAAE,UAAU,GAAG,cAAc,GAAG,IAAI,CAAC;IAC7D,0BAA0B,CAAC,CAAC,GAAG,EAAE,iBAAiB,GAAG,cAAc,GAAG,IAAI,CAAC;IAC3E,4BAA4B,CAAC,CAAC,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,OAAO,GAAG,IAAI,CAAC;IAC/D,0BAA0B,CAAC,CAAC,GAAG,EAAE,iBAAiB,GAAG,cAAc,GAAG,IAAI,CAAC;IAC3E,4BAA4B,CAAC,CAAC,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,OAAO,GAAG,IAAI,CAAC;CAChE"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { PolyGridRow } from "../../../row/interfaces/row";
|
|
2
|
+
export interface ColumnFooterMount {
|
|
3
|
+
container: HTMLElement;
|
|
4
|
+
context: {
|
|
5
|
+
field: string;
|
|
6
|
+
header: string;
|
|
7
|
+
columnKey: string;
|
|
8
|
+
columnId: string;
|
|
9
|
+
values: any[];
|
|
10
|
+
rows: PolyGridRow[];
|
|
11
|
+
};
|
|
12
|
+
}
|
|
13
|
+
//# sourceMappingURL=column-footer-mount.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"column-footer-mount.d.ts","sourceRoot":"","sources":["../../../../../../src/engine/services/renderer/interfaces/template-mounts/column-footer-mount.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAE1D,MAAM,WAAW,iBAAiB;IAChC,SAAS,EAAE,WAAW,CAAC;IACvB,OAAO,EAAE;QACP,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;QACf,SAAS,EAAE,MAAM,CAAC;QAClB,QAAQ,EAAE,MAAM,CAAC;QACjB,MAAM,EAAE,GAAG,EAAE,CAAC;QACd,IAAI,EAAE,WAAW,EAAE,CAAC;KACrB,CAAC;CACH"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"column-footer-mount.js","sourceRoot":"","sources":["../../../../../../src/engine/services/renderer/interfaces/template-mounts/column-footer-mount.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"column-header-mount.d.ts","sourceRoot":"","sources":["../../../../../../src/engine/services/renderer/interfaces/template-mounts/column-header-mount.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,iBAAiB;IAChC,SAAS,EAAE,WAAW,CAAC;IACvB,OAAO,EAAE;QACP,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;QACf,SAAS,EAAE,MAAM,CAAC;QAClB,QAAQ,EAAE,MAAM,CAAC;KAClB,CAAC;CACH"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"column-header-mount.js","sourceRoot":"","sources":["../../../../../../src/engine/services/renderer/interfaces/template-mounts/column-header-mount.ts"],"names":[],"mappings":""}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import type { GridDOM } from "../../../core/grid-dom";
|
|
2
2
|
import type { PolyGridStore } from "../../../store/store";
|
|
3
|
-
|
|
3
|
+
import { PolyGrid } from "../../../core/grid";
|
|
4
|
+
export declare function reRenderCells(gridDom: GridDOM, store: PolyGridStore, grid: PolyGrid): void;
|
|
4
5
|
//# sourceMappingURL=re-render-cells.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"re-render-cells.d.ts","sourceRoot":"","sources":["../../../../../src/engine/services/renderer/methods/re-render-cells.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAItD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;
|
|
1
|
+
{"version":3,"file":"re-render-cells.d.ts","sourceRoot":"","sources":["../../../../../src/engine/services/renderer/methods/re-render-cells.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAItD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAE9C,wBAAgB,aAAa,CAC3B,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,aAAa,EACpB,IAAI,EAAE,QAAQ,QA6Bf"}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { renderRows } from "../parts/body/row";
|
|
2
2
|
import { renderFooterCells } from "../parts/footer/footer-cells";
|
|
3
3
|
import { renderHeaderCells } from "../parts/header/header-cells";
|
|
4
|
-
export function reRenderCells(gridDom, store) {
|
|
4
|
+
export function reRenderCells(gridDom, store, grid) {
|
|
5
5
|
// rerender header, body, footer cells
|
|
6
6
|
// header
|
|
7
7
|
const header = gridDom.header;
|
|
8
8
|
header.replaceChildren();
|
|
9
|
-
renderHeaderCells(header, store, gridDom);
|
|
9
|
+
renderHeaderCells(header, store, gridDom, grid);
|
|
10
10
|
// body
|
|
11
11
|
const body = gridDom.body;
|
|
12
12
|
body.replaceChildren();
|
|
@@ -24,6 +24,6 @@ export function reRenderCells(gridDom, store) {
|
|
|
24
24
|
// footer
|
|
25
25
|
const footer = gridDom.footer;
|
|
26
26
|
footer.replaceChildren();
|
|
27
|
-
renderFooterCells(footer, store);
|
|
27
|
+
renderFooterCells(footer, store, grid);
|
|
28
28
|
}
|
|
29
29
|
//# sourceMappingURL=re-render-cells.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"re-render-cells.js","sourceRoot":"","sources":["../../../../../src/engine/services/renderer/methods/re-render-cells.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AACjE,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;
|
|
1
|
+
{"version":3,"file":"re-render-cells.js","sourceRoot":"","sources":["../../../../../src/engine/services/renderer/methods/re-render-cells.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AACjE,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AAIjE,MAAM,UAAU,aAAa,CAC3B,OAAgB,EAChB,KAAoB,EACpB,IAAc;IAEd,sCAAsC;IACtC,SAAS;IACT,MAAM,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC;IAC9B,MAAM,CAAC,eAAe,EAAE,CAAC;IACzB,iBAAiB,CAAC,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,CAAC,CAAC;IAChD,OAAO;IACP,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC;IAC1B,IAAI,CAAC,eAAe,EAAE,CAAC;IACvB,MAAM,IAAI,GAAG,KAAK,CAAC,QAAQ,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC;IACxC,MAAM,OAAO,GAAG,KAAK,CAAC,QAAQ,EAAE,CAAC,IAAI,CAAC,eAAe,CAAC;IACtD,MAAM,SAAS,GAAG,KAAK,CAAC,QAAQ,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC;IAClD,MAAM,QAAQ,GAAG,UAAU,CAAC,IAAI,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC;IACtD,MAAM,QAAQ,GAAG,QAAQ,CAAC,sBAAsB,EAAE,CAAC;IACnD,KAAK,MAAM,GAAG,IAAI,QAAQ,EAAE,CAAC;QAC3B,QAAQ,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;IAC5B,CAAC;IACD,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;IAC3B,MAAM,kBAAkB,GAAG,OAAO,CAAC,IAAI,CAAC,gBAAgB,CACtD,6BAA6B,CAC9B,CAAC;IACF,kBAAkB,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE,CAClC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,UAAU,EAAE,KAAK,CAAC,QAAQ,EAAE,CAAC,IAAI,CAAC,cAAc,CAAC,CACxE,CAAC;IACF,SAAS;IACT,MAAM,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC;IAC9B,MAAM,CAAC,eAAe,EAAE,CAAC;IACzB,iBAAiB,CAAC,MAAM,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC;AACzC,CAAC"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { PolyGrid } from "../../../../core/grid";
|
|
1
2
|
import type { PolyGridStore } from "../../../../store/store";
|
|
2
|
-
export declare function renderFooterCells(footer: HTMLElement, store: PolyGridStore): void;
|
|
3
|
+
export declare function renderFooterCells(footer: HTMLElement, store: PolyGridStore, grid: PolyGrid): void;
|
|
3
4
|
//# sourceMappingURL=footer-cells.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"footer-cells.d.ts","sourceRoot":"","sources":["../../../../../../src/engine/services/renderer/parts/footer/footer-cells.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAE7D,wBAAgB,iBAAiB,
|
|
1
|
+
{"version":3,"file":"footer-cells.d.ts","sourceRoot":"","sources":["../../../../../../src/engine/services/renderer/parts/footer/footer-cells.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAE7D,wBAAgB,iBAAiB,CAC/B,MAAM,EAAE,WAAW,EACnB,KAAK,EAAE,aAAa,EACpB,IAAI,EAAE,QAAQ,QAoDf"}
|
|
@@ -1,14 +1,43 @@
|
|
|
1
1
|
import { PG_CSS_CLASS } from "../../../../const/pg-css-class";
|
|
2
|
-
export function renderFooterCells(footer, store) {
|
|
3
|
-
const
|
|
4
|
-
|
|
5
|
-
|
|
2
|
+
export function renderFooterCells(footer, store, grid) {
|
|
3
|
+
const runtime = grid._runtime;
|
|
4
|
+
const state = store.getState();
|
|
5
|
+
const columns = state.view.internalColumns.filter((col) => col.visible ?? true);
|
|
6
|
+
// Clear previous DOM
|
|
6
7
|
footer.innerHTML = "";
|
|
8
|
+
// Visible rows (PolyGridRow[])
|
|
9
|
+
const rows = state.view.rows;
|
|
7
10
|
columns.forEach((col, i) => {
|
|
8
11
|
const cell = document.createElement("div");
|
|
9
12
|
cell.setAttribute("col-id", col.id);
|
|
10
13
|
cell.className = PG_CSS_CLASS.footerCell;
|
|
11
|
-
|
|
14
|
+
// Destroy previous template handle for this column
|
|
15
|
+
const prevHandle = runtime.footerHandles.get(col.id);
|
|
16
|
+
prevHandle?.destroy();
|
|
17
|
+
runtime.footerHandles.delete(col.id);
|
|
18
|
+
// Compute column values
|
|
19
|
+
const values = rows.map((r) => r.data[col.field]);
|
|
20
|
+
// Try dynamic template
|
|
21
|
+
const handle = state.view.rendererAdapter?.renderColumnFooterTemplate?.({
|
|
22
|
+
container: cell,
|
|
23
|
+
context: {
|
|
24
|
+
field: col.field,
|
|
25
|
+
header: col.header,
|
|
26
|
+
columnKey: col.id,
|
|
27
|
+
columnId: col.id,
|
|
28
|
+
values,
|
|
29
|
+
rows,
|
|
30
|
+
},
|
|
31
|
+
});
|
|
32
|
+
if (!handle) {
|
|
33
|
+
// Fallback static footer
|
|
34
|
+
cell.textContent = col.header;
|
|
35
|
+
}
|
|
36
|
+
else {
|
|
37
|
+
runtime.footerHandles.set(col.id, handle);
|
|
38
|
+
}
|
|
39
|
+
// Store container for future updates
|
|
40
|
+
runtime.footerContainers.set(col.id, cell);
|
|
12
41
|
footer.appendChild(cell);
|
|
13
42
|
});
|
|
14
43
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"footer-cells.js","sourceRoot":"","sources":["../../../../../../src/engine/services/renderer/parts/footer/footer-cells.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;
|
|
1
|
+
{"version":3,"file":"footer-cells.js","sourceRoot":"","sources":["../../../../../../src/engine/services/renderer/parts/footer/footer-cells.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAI9D,MAAM,UAAU,iBAAiB,CAC/B,MAAmB,EACnB,KAAoB,EACpB,IAAc;IAEd,MAAM,OAAO,GAAG,IAAI,CAAC,QAAQ,CAAC;IAC9B,MAAM,KAAK,GAAG,KAAK,CAAC,QAAQ,EAAE,CAAC;IAC/B,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,CAAC,eAAe,CAAC,MAAM,CAC/C,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,OAAO,IAAI,IAAI,CAC7B,CAAC;IAEF,qBAAqB;IACrB,MAAM,CAAC,SAAS,GAAG,EAAE,CAAC;IAEtB,+BAA+B;IAC/B,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC;IAE7B,OAAO,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE;QACzB,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC3C,IAAI,CAAC,YAAY,CAAC,QAAQ,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC;QACpC,IAAI,CAAC,SAAS,GAAG,YAAY,CAAC,UAAU,CAAC;QAEzC,mDAAmD;QACnD,MAAM,UAAU,GAAG,OAAO,CAAC,aAAa,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;QACrD,UAAU,EAAE,OAAO,EAAE,CAAC;QACtB,OAAO,CAAC,aAAa,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;QAErC,wBAAwB;QACxB,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC;QAElD,uBAAuB;QACvB,MAAM,MAAM,GAAG,KAAK,CAAC,IAAI,CAAC,eAAe,EAAE,0BAA0B,EAAE,CAAC;YACtE,SAAS,EAAE,IAAI;YACf,OAAO,EAAE;gBACP,KAAK,EAAE,GAAG,CAAC,KAAK;gBAChB,MAAM,EAAE,GAAG,CAAC,MAAM;gBAClB,SAAS,EAAE,GAAG,CAAC,EAAE;gBACjB,QAAQ,EAAE,GAAG,CAAC,EAAE;gBAChB,MAAM;gBACN,IAAI;aACL;SACF,CAAC,CAAC;QAEH,IAAI,CAAC,MAAM,EAAE,CAAC;YACZ,yBAAyB;YACzB,IAAI,CAAC,WAAW,GAAG,GAAG,CAAC,MAAM,CAAC;QAChC,CAAC;aAAM,CAAC;YACN,OAAO,CAAC,aAAa,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,EAAE,MAAM,CAAC,CAAC;QAC5C,CAAC;QAED,qCAAqC;QACrC,OAAO,CAAC,gBAAgB,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,EAAE,IAAI,CAAC,CAAC;QAE3C,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;IAC3B,CAAC,CAAC,CAAC;AACL,CAAC"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
+
import { PolyGrid } from "../../../../core/grid";
|
|
1
2
|
import type { GridDOM } from "../../../../core/grid-dom";
|
|
2
3
|
import type { PolyGridStore } from "../../../../store/store";
|
|
3
|
-
export declare function renderFooter(store: PolyGridStore, gridDom: GridDOM): HTMLDivElement;
|
|
4
|
+
export declare function renderFooter(store: PolyGridStore, gridDom: GridDOM, grid: PolyGrid): HTMLDivElement;
|
|
4
5
|
//# sourceMappingURL=footer.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"footer.d.ts","sourceRoot":"","sources":["../../../../../../src/engine/services/renderer/parts/footer/footer.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAG7D,wBAAgB,YAAY,CAC1B,KAAK,EAAE,aAAa,EACpB,OAAO,EAAE,OAAO,
|
|
1
|
+
{"version":3,"file":"footer.d.ts","sourceRoot":"","sources":["../../../../../../src/engine/services/renderer/parts/footer/footer.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAG7D,wBAAgB,YAAY,CAC1B,KAAK,EAAE,aAAa,EACpB,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,QAAQ,GACb,cAAc,CAehB"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { PG_CSS_CLASS } from "../../../../const/pg-css-class";
|
|
2
2
|
import { renderFooterCells } from "./footer-cells";
|
|
3
|
-
export function renderFooter(store, gridDom) {
|
|
3
|
+
export function renderFooter(store, gridDom, grid) {
|
|
4
4
|
// viewport
|
|
5
5
|
const footerViewportEl = document.createElement("div");
|
|
6
6
|
footerViewportEl.className = PG_CSS_CLASS.footerViewport;
|
|
@@ -8,7 +8,7 @@ export function renderFooter(store, gridDom) {
|
|
|
8
8
|
const footerEl = document.createElement("div");
|
|
9
9
|
footerEl.className = PG_CSS_CLASS.footer;
|
|
10
10
|
// cells
|
|
11
|
-
renderFooterCells(footerEl, store);
|
|
11
|
+
renderFooterCells(footerEl, store, grid);
|
|
12
12
|
footerViewportEl.appendChild(footerEl);
|
|
13
13
|
gridDom.footer = footerEl;
|
|
14
14
|
return footerViewportEl;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"footer.js","sourceRoot":"","sources":["../../../../../../src/engine/services/renderer/parts/footer/footer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;
|
|
1
|
+
{"version":3,"file":"footer.js","sourceRoot":"","sources":["../../../../../../src/engine/services/renderer/parts/footer/footer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAI9D,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAEnD,MAAM,UAAU,YAAY,CAC1B,KAAoB,EACpB,OAAgB,EAChB,IAAc;IAEd,WAAW;IACX,MAAM,gBAAgB,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IACvD,gBAAgB,CAAC,SAAS,GAAG,YAAY,CAAC,cAAc,CAAC;IACzD,iBAAiB;IACjB,MAAM,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC/C,QAAQ,CAAC,SAAS,GAAG,YAAY,CAAC,MAAM,CAAC;IACzC,QAAQ;IACR,iBAAiB,CAAC,QAAQ,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC;IAEzC,gBAAgB,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;IAEvC,OAAO,CAAC,MAAM,GAAG,QAAQ,CAAC;IAE1B,OAAO,gBAAgB,CAAC;AAC1B,CAAC"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
+
import { PolyGrid } from "../../../../core/grid";
|
|
1
2
|
import { GridDOM } from "../../../../core/grid-dom";
|
|
2
3
|
import type { PolyGridStore } from "../../../../store/store";
|
|
3
|
-
export declare function renderHeaderCells(header: HTMLElement, store: PolyGridStore, gridDom: GridDOM): void;
|
|
4
|
+
export declare function renderHeaderCells(header: HTMLElement, store: PolyGridStore, gridDom: GridDOM, grid: PolyGrid): void;
|
|
4
5
|
//# sourceMappingURL=header-cells.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"header-cells.d.ts","sourceRoot":"","sources":["../../../../../../src/engine/services/renderer/parts/header/header-cells.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAC;AACpD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAG7D,wBAAgB,iBAAiB,CAC/B,MAAM,EAAE,WAAW,EACnB,KAAK,EAAE,aAAa,EACpB,OAAO,EAAE,OAAO,
|
|
1
|
+
{"version":3,"file":"header-cells.d.ts","sourceRoot":"","sources":["../../../../../../src/engine/services/renderer/parts/header/header-cells.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAC;AACpD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAG7D,wBAAgB,iBAAiB,CAC/B,MAAM,EAAE,WAAW,EACnB,KAAK,EAAE,aAAa,EACpB,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,QAAQ,QA6Df"}
|
|
@@ -1,25 +1,51 @@
|
|
|
1
1
|
import { PG_CSS_CLASS } from "../../../../const/pg-css-class";
|
|
2
2
|
import { renderResizeHandle } from "./resize-handle";
|
|
3
|
-
export function renderHeaderCells(header, store, gridDom) {
|
|
4
|
-
const
|
|
5
|
-
|
|
6
|
-
|
|
3
|
+
export function renderHeaderCells(header, store, gridDom, grid) {
|
|
4
|
+
const runtime = grid._runtime;
|
|
5
|
+
const state = store.getState();
|
|
6
|
+
const columns = state.view.internalColumns.filter((col) => col.visible ?? true);
|
|
7
7
|
const resizable = store.getState().view.resizable;
|
|
8
8
|
const resizeMode = store.getState().view.resizeMode;
|
|
9
|
+
// Clear previous DOM
|
|
9
10
|
header.innerHTML = "";
|
|
10
11
|
columns.forEach((col, i) => {
|
|
11
12
|
const cell = document.createElement("div");
|
|
12
13
|
cell.className = PG_CSS_CLASS.headerCell;
|
|
13
14
|
cell.setAttribute("col-id", col.id);
|
|
15
|
+
// Create content container
|
|
14
16
|
const content = document.createElement("div");
|
|
15
17
|
content.className = PG_CSS_CLASS.headerCellContent;
|
|
16
|
-
|
|
18
|
+
// Destroy previous template handle for this column
|
|
19
|
+
const prevHandle = runtime.headerHandles.get(col.id);
|
|
20
|
+
prevHandle?.destroy();
|
|
21
|
+
runtime.headerHandles.delete(col.id);
|
|
22
|
+
// Try dynamic template
|
|
23
|
+
const handle = state.view.rendererAdapter?.renderColumnHeaderTemplate?.({
|
|
24
|
+
container: content,
|
|
25
|
+
context: {
|
|
26
|
+
field: col.field,
|
|
27
|
+
header: col.header,
|
|
28
|
+
columnKey: `${col.field}::${col.header}`,
|
|
29
|
+
columnId: col.id,
|
|
30
|
+
},
|
|
31
|
+
});
|
|
32
|
+
if (!handle) {
|
|
33
|
+
// Fallback static header
|
|
34
|
+
content.textContent = col.header;
|
|
35
|
+
}
|
|
36
|
+
else {
|
|
37
|
+
// Store handle for cleanup later
|
|
38
|
+
runtime.headerHandles.set(col.id, handle);
|
|
39
|
+
}
|
|
17
40
|
cell.appendChild(content);
|
|
41
|
+
// Resize handle logic
|
|
18
42
|
const isLast = i === columns.length - 1;
|
|
19
43
|
const shouldSkipHandle = resizeMode === "constrained" && isLast;
|
|
20
44
|
if (!shouldSkipHandle && resizable) {
|
|
21
45
|
renderResizeHandle(cell, gridDom, store, col.id);
|
|
22
46
|
}
|
|
47
|
+
// Store container for future updates (sorting, classes, etc.)
|
|
48
|
+
runtime.headerContainers.set(col.id, cell);
|
|
23
49
|
header.appendChild(cell);
|
|
24
50
|
});
|
|
25
51
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"header-cells.js","sourceRoot":"","sources":["../../../../../../src/engine/services/renderer/parts/header/header-cells.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;
|
|
1
|
+
{"version":3,"file":"header-cells.js","sourceRoot":"","sources":["../../../../../../src/engine/services/renderer/parts/header/header-cells.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
+
import { PolyGrid } from "../../../../core/grid";
|
|
1
2
|
import type { GridDOM } from "../../../../core/grid-dom";
|
|
2
3
|
import type { PolyGridStore } from "../../../../store/store";
|
|
3
|
-
export declare function renderHeader(store: PolyGridStore, gridDom: GridDOM): HTMLDivElement;
|
|
4
|
+
export declare function renderHeader(store: PolyGridStore, gridDom: GridDOM, grid: PolyGrid): HTMLDivElement;
|
|
4
5
|
//# sourceMappingURL=header.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"header.d.ts","sourceRoot":"","sources":["../../../../../../src/engine/services/renderer/parts/header/header.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAC;AAEzD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAI7D,wBAAgB,YAAY,CAC1B,KAAK,EAAE,aAAa,EACpB,OAAO,EAAE,OAAO,
|
|
1
|
+
{"version":3,"file":"header.d.ts","sourceRoot":"","sources":["../../../../../../src/engine/services/renderer/parts/header/header.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAC;AAEzD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAI7D,wBAAgB,YAAY,CAC1B,KAAK,EAAE,aAAa,EACpB,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,QAAQ,GACb,cAAc,CAkBhB"}
|
|
@@ -2,7 +2,7 @@ import { PG_CSS_CLASS } from "../../../../const/pg-css-class";
|
|
|
2
2
|
import { addDomListener } from "../../../../core/methods";
|
|
3
3
|
import { autofit } from "../../../column/methods";
|
|
4
4
|
import { renderHeaderCells } from "./header-cells";
|
|
5
|
-
export function renderHeader(store, gridDom) {
|
|
5
|
+
export function renderHeader(store, gridDom, grid) {
|
|
6
6
|
// viewport
|
|
7
7
|
const headerViewportEl = document.createElement("div");
|
|
8
8
|
headerViewportEl.className = PG_CSS_CLASS.headerViewport;
|
|
@@ -11,7 +11,7 @@ export function renderHeader(store, gridDom) {
|
|
|
11
11
|
headerEl.className = PG_CSS_CLASS.header;
|
|
12
12
|
addDomListener(gridDom, headerEl, "dblclick", (ev) => autofit(ev, store, gridDom));
|
|
13
13
|
// cells
|
|
14
|
-
renderHeaderCells(headerEl, store, gridDom);
|
|
14
|
+
renderHeaderCells(headerEl, store, gridDom, grid);
|
|
15
15
|
headerViewportEl.appendChild(headerEl);
|
|
16
16
|
gridDom.header = headerEl;
|
|
17
17
|
return headerViewportEl;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"header.js","sourceRoot":"","sources":["../../../../../../src/engine/services/renderer/parts/header/header.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;
|
|
1
|
+
{"version":3,"file":"header.js","sourceRoot":"","sources":["../../../../../../src/engine/services/renderer/parts/header/header.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAG9D,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAE1D,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAClD,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAEnD,MAAM,UAAU,YAAY,CAC1B,KAAoB,EACpB,OAAgB,EAChB,IAAc;IAEd,WAAW;IACX,MAAM,gBAAgB,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IACvD,gBAAgB,CAAC,SAAS,GAAG,YAAY,CAAC,cAAc,CAAC;IACzD,iBAAiB;IACjB,MAAM,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC/C,QAAQ,CAAC,SAAS,GAAG,YAAY,CAAC,MAAM,CAAC;IACzC,cAAc,CAAC,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,CAAC,EAAE,EAAE,EAAE,CACnD,OAAO,CAAC,EAAE,EAAE,KAAK,EAAE,OAAO,CAAC,CAC5B,CAAC;IACF,QAAQ;IACR,iBAAiB,CAAC,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,CAAC,CAAC;IAElD,gBAAgB,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;IAEvC,OAAO,CAAC,MAAM,GAAG,QAAQ,CAAC;IAE1B,OAAO,gBAAgB,CAAC;AAC1B,CAAC"}
|
|
@@ -6,9 +6,9 @@ import { renderHScrollbar } from "../scrollbars/h-scrollbar";
|
|
|
6
6
|
export function renderViewport(store, gridDom, grid) {
|
|
7
7
|
const viewport = document.createElement("div");
|
|
8
8
|
viewport.className = PG_CSS_CLASS.viewport;
|
|
9
|
-
const headerVp = renderHeader(store, gridDom);
|
|
9
|
+
const headerVp = renderHeader(store, gridDom, grid);
|
|
10
10
|
const bodyVp = renderBody(store, gridDom, grid);
|
|
11
|
-
const footerVp = renderFooter(store, gridDom);
|
|
11
|
+
const footerVp = renderFooter(store, gridDom, grid);
|
|
12
12
|
const hScrollbar = renderHScrollbar(gridDom);
|
|
13
13
|
viewport.appendChild(headerVp);
|
|
14
14
|
viewport.appendChild(bodyVp);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"viewport.js","sourceRoot":"","sources":["../../../../../../src/engine/services/renderer/parts/viewport/viewport.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAI9D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAE7D,MAAM,UAAU,cAAc,CAC5B,KAAoB,EACpB,OAAgB,EAChB,IAAc;IAEd,MAAM,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC/C,QAAQ,CAAC,SAAS,GAAG,YAAY,CAAC,QAAQ,CAAC;IAE3C,MAAM,QAAQ,GAAG,YAAY,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"viewport.js","sourceRoot":"","sources":["../../../../../../src/engine/services/renderer/parts/viewport/viewport.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAI9D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAE7D,MAAM,UAAU,cAAc,CAC5B,KAAoB,EACpB,OAAgB,EAChB,IAAc;IAEd,MAAM,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC/C,QAAQ,CAAC,SAAS,GAAG,YAAY,CAAC,QAAQ,CAAC;IAE3C,MAAM,QAAQ,GAAG,YAAY,CAAC,KAAK,EAAE,OAAO,EAAE,IAAI,CAAC,CAAC;IACpD,MAAM,MAAM,GAAG,UAAU,CAAC,KAAK,EAAE,OAAO,EAAE,IAAI,CAAC,CAAC;IAChD,MAAM,QAAQ,GAAG,YAAY,CAAC,KAAK,EAAE,OAAO,EAAE,IAAI,CAAC,CAAC;IACpD,MAAM,UAAU,GAAG,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAE7C,QAAQ,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;IAC/B,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;IAC7B,QAAQ,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;IAC/B,QAAQ,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;IAEjC,OAAO,CAAC,cAAc,GAAG,QAAQ,CAAC;IAClC,OAAO,CAAC,YAAY,GAAG,MAAM,CAAC;IAC9B,OAAO,CAAC,cAAc,GAAG,QAAQ,CAAC;IAClC,OAAO,CAAC,UAAU,GAAG,UAAU,CAAC;IAEhC,OAAO,QAAQ,CAAC;AAClB,CAAC"}
|
package/dist/index.d.ts
CHANGED
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,cAAc,EAAE,MAAM,4CAA4C,CAAC;AACjF,YAAY,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,cAAc,EAAE,MAAM,4CAA4C,CAAC;AACjF,YAAY,EAAE,WAAW,EAAE,MAAM,sCAAsC,CAAC;AACxE,YAAY,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAC"}
|
package/dist/polygrid.css
CHANGED
|
@@ -30,10 +30,19 @@
|
|
|
30
30
|
flex: 0 0 auto;
|
|
31
31
|
min-width: 0;
|
|
32
32
|
padding: 0 8px;
|
|
33
|
-
|
|
33
|
+
height: 40px;
|
|
34
34
|
background: #e8e8e8;
|
|
35
35
|
border-right: 1px solid #ccc;
|
|
36
36
|
overflow: hidden;
|
|
37
|
+
align-items: center;
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
.pg-header-cell-content {
|
|
41
|
+
flex: 1 1 auto;
|
|
42
|
+
min-width: 0;
|
|
43
|
+
overflow: hidden;
|
|
44
|
+
text-overflow: ellipsis;
|
|
45
|
+
white-space: nowrap;
|
|
37
46
|
}
|
|
38
47
|
|
|
39
48
|
.pg-header-cell.last-cell {
|