@revolist/revogrid 4.13.4 → 4.13.5
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/cjs/dimension.helpers-5b822a09.js.map +1 -1
- package/dist/cjs/index.cjs.js +10 -9
- package/dist/cjs/index.cjs.js.map +1 -1
- package/dist/cjs/revogr-attribution_7.cjs.entry.js +4 -4
- package/dist/cjs/revogr-data_4.cjs.entry.js +71 -56
- package/dist/cjs/revogr-data_4.cjs.entry.js.map +1 -1
- package/dist/collection/{plugins/groupingColumn/headerGroupRenderer.js → components/header/header-group-renderer.js} +4 -4
- package/dist/collection/components/header/header-group-renderer.js.map +1 -0
- package/dist/collection/components/header/revogr-header.js +75 -13
- package/dist/collection/components/header/revogr-header.js.map +1 -1
- package/dist/collection/components/overlay/revogr-overlay-selection.js +2 -2
- package/dist/collection/components/rowHeaders/revogr-row-headers.js +1 -1
- package/dist/collection/components/scroll/revogr-viewport-scroll.js +1 -1
- package/dist/collection/components/scrollable/revogr-scroll-virtual.js +1 -1
- package/dist/collection/components/vnode/vnode-converter.js +1 -1
- package/dist/collection/plugins/index.js +0 -2
- package/dist/collection/plugins/index.js.map +1 -1
- package/dist/collection/serve/data.js +5 -0
- package/dist/collection/store/dataSource/data.store.js.map +1 -1
- package/dist/collection/types/events.js +1 -0
- package/dist/collection/types/events.js.map +1 -1
- package/dist/esm/{column.drag.plugin-da99fde5.js → column.drag.plugin-c625cb29.js} +5 -5
- package/dist/{revo-grid/column.drag.plugin-da99fde5.js.map → esm/column.drag.plugin-c625cb29.js.map} +1 -1
- package/dist/esm/{column.service-f39c0a1d.js → column.service-5f5b38b9.js} +2 -2
- package/dist/{revo-grid/column.service-f39c0a1d.js.map → esm/column.service-5f5b38b9.js.map} +1 -1
- package/dist/{revo-grid/dimension.helpers-5567e424.js → esm/dimension.helpers-54788e5f.js} +2 -2
- package/dist/{revo-grid/dimension.helpers-5567e424.js.map → esm/dimension.helpers-54788e5f.js.map} +1 -1
- package/dist/esm/{edit.utils-b59306be.js → edit.utils-130d232d.js} +2 -2
- package/dist/esm/{edit.utils-b59306be.js.map → edit.utils-130d232d.js.map} +1 -1
- package/dist/{revo-grid/grouping.row.renderer-95f32c6b.js → esm/grouping.row.renderer-adeb3f82.js} +3 -3
- package/dist/esm/{grouping.row.renderer-95f32c6b.js.map → grouping.row.renderer-adeb3f82.js.map} +1 -1
- package/dist/esm/{header-cell-renderer-31f53644.js → header-cell-renderer-cdc31050.js} +2 -2
- package/dist/{revo-grid/header-cell-renderer-31f53644.js.map → esm/header-cell-renderer-cdc31050.js.map} +1 -1
- package/dist/esm/index.js +10 -9
- package/dist/esm/index.js.map +1 -1
- package/dist/{revo-grid/key.utils-3632161b.js → esm/key.utils-b61b261e.js} +2 -2
- package/dist/esm/{key.utils-3632161b.js.map → key.utils-b61b261e.js.map} +1 -1
- package/dist/esm/revo-grid.entry.js +5 -5
- package/dist/esm/revogr-attribution_7.entry.js +10 -10
- package/dist/esm/revogr-clipboard_3.entry.js +4 -4
- package/dist/esm/revogr-data_4.entry.js +76 -61
- package/dist/esm/revogr-data_4.entry.js.map +1 -1
- package/dist/{revo-grid/text-editor-e47e56c3.js → esm/text-editor-00ca5b90.js} +3 -3
- package/dist/esm/{text-editor-e47e56c3.js.map → text-editor-00ca5b90.js.map} +1 -1
- package/dist/esm/{throttle-dec28f5b.js → throttle-deb3116a.js} +2 -2
- package/dist/esm/{throttle-dec28f5b.js.map → throttle-deb3116a.js.map} +1 -1
- package/dist/{revo-grid/viewport.store-c18a25a6.js → esm/viewport.store-f6aff24d.js} +2 -2
- package/dist/esm/{viewport.store-c18a25a6.js.map → viewport.store-f6aff24d.js.map} +1 -1
- package/dist/revo-grid/{column.drag.plugin-da99fde5.js → column.drag.plugin-c625cb29.js} +5 -5
- package/dist/{esm/column.drag.plugin-da99fde5.js.map → revo-grid/column.drag.plugin-c625cb29.js.map} +1 -1
- package/dist/revo-grid/{column.service-f39c0a1d.js → column.service-5f5b38b9.js} +2 -2
- package/dist/{esm/column.service-f39c0a1d.js.map → revo-grid/column.service-5f5b38b9.js.map} +1 -1
- package/dist/{esm/dimension.helpers-5567e424.js → revo-grid/dimension.helpers-54788e5f.js} +2 -2
- package/dist/{esm/dimension.helpers-5567e424.js.map → revo-grid/dimension.helpers-54788e5f.js.map} +1 -1
- package/dist/revo-grid/{edit.utils-b59306be.js → edit.utils-130d232d.js} +2 -2
- package/dist/revo-grid/{edit.utils-b59306be.js.map → edit.utils-130d232d.js.map} +1 -1
- package/dist/{esm/grouping.row.renderer-95f32c6b.js → revo-grid/grouping.row.renderer-adeb3f82.js} +3 -3
- package/dist/revo-grid/{grouping.row.renderer-95f32c6b.js.map → grouping.row.renderer-adeb3f82.js.map} +1 -1
- package/dist/revo-grid/{header-cell-renderer-31f53644.js → header-cell-renderer-cdc31050.js} +2 -2
- package/dist/{esm/header-cell-renderer-31f53644.js.map → revo-grid/header-cell-renderer-cdc31050.js.map} +1 -1
- package/dist/revo-grid/index.esm.js +10 -9
- package/dist/revo-grid/index.esm.js.map +1 -1
- package/dist/{esm/key.utils-3632161b.js → revo-grid/key.utils-b61b261e.js} +2 -2
- package/dist/revo-grid/{key.utils-3632161b.js.map → key.utils-b61b261e.js.map} +1 -1
- package/dist/revo-grid/revo-grid.entry.js +5 -5
- package/dist/revo-grid/revogr-attribution_7.entry.js +10 -10
- package/dist/revo-grid/revogr-clipboard_3.entry.js +4 -4
- package/dist/revo-grid/revogr-data_4.entry.js +76 -61
- package/dist/revo-grid/revogr-data_4.entry.js.map +1 -1
- package/dist/{esm/text-editor-e47e56c3.js → revo-grid/text-editor-00ca5b90.js} +3 -3
- package/dist/revo-grid/{text-editor-e47e56c3.js.map → text-editor-00ca5b90.js.map} +1 -1
- package/dist/revo-grid/{throttle-dec28f5b.js → throttle-deb3116a.js} +2 -2
- package/dist/revo-grid/{throttle-dec28f5b.js.map → throttle-deb3116a.js.map} +1 -1
- package/dist/{esm/viewport.store-c18a25a6.js → revo-grid/viewport.store-f6aff24d.js} +2 -2
- package/dist/revo-grid/{viewport.store-c18a25a6.js.map → viewport.store-f6aff24d.js.map} +1 -1
- package/dist/types/{plugins/groupingColumn/headerGroupRenderer.d.ts → components/header/header-group-renderer.d.ts} +4 -4
- package/dist/types/components/header/revogr-header.d.ts +9 -2
- package/dist/types/components.d.ts +7 -0
- package/dist/types/plugins/index.d.ts +0 -2
- package/dist/types/store/dataSource/data.store.d.ts +1 -1
- package/dist/types/types/events.d.ts +1 -1
- package/hydrate/index.js +58 -43
- package/hydrate/index.mjs +58 -43
- package/package.json +1 -1
- package/standalone/column.service.js +1 -1
- package/standalone/data.store.js +1 -1
- package/standalone/data.store.js.map +1 -1
- package/standalone/index.js +3 -2
- package/standalone/index.js.map +1 -1
- package/standalone/revogr-header2.js +77 -62
- package/standalone/revogr-header2.js.map +1 -1
- package/standalone/revogr-overlay-selection2.js +2 -2
- package/standalone/revogr-row-headers2.js +1 -1
- package/standalone/revogr-scroll-virtual2.js +1 -1
- package/standalone/revogr-viewport-scroll2.js +1 -1
- package/standalone/vnode-converter.js +1 -1
- package/dist/collection/plugins/groupingColumn/columnGroupsRenderer.js +0 -34
- package/dist/collection/plugins/groupingColumn/columnGroupsRenderer.js.map +0 -1
- package/dist/collection/plugins/groupingColumn/headerGroupRenderer.js.map +0 -1
- package/dist/types/plugins/groupingColumn/columnGroupsRenderer.d.ts +0 -18
|
@@ -612,7 +612,7 @@ const OverlaySelection = /*@__PURE__*/ proxyCustomElement(class OverlaySelection
|
|
|
612
612
|
nodes.push(h("revogr-order-editor", { ref: e => (this.orderEditor = e), dataStore: this.dataStore, dimensionRow: this.dimensionRow, dimensionCol: this.dimensionCol, parent: this.element, rowType: this.types.rowType, onRowdragstartinit: e => this.rowDragStart(e) }));
|
|
613
613
|
}
|
|
614
614
|
}
|
|
615
|
-
return (h(Host, { key: '
|
|
615
|
+
return (h(Host, { key: 'aaae2fb9cd6abd04c5b742277214579901062a54', class: { mobile: this.isMobileDevice }, onDblClick: (e) => this.onElementDblClick(e), onMouseDown: (e) => this.onElementMouseDown(e), onTouchStart: (e) => this.onElementMouseDown(e, true), onCloseedit: (e) => this.closeEdit(e), onCelledit: (e) => {
|
|
616
616
|
const saveEv = this.beforeCellSave.emit(e.detail);
|
|
617
617
|
if (!saveEv.defaultPrevented) {
|
|
618
618
|
this.cellEdit(saveEv.detail);
|
|
@@ -621,7 +621,7 @@ const OverlaySelection = /*@__PURE__*/ proxyCustomElement(class OverlaySelection
|
|
|
621
621
|
if (!saveEv.detail.preventFocus) {
|
|
622
622
|
this.focusNext();
|
|
623
623
|
}
|
|
624
|
-
} }, nodes, h("slot", { key: '
|
|
624
|
+
} }, nodes, h("slot", { key: '945243e45f2cfbb78d8727c10652d6d0d530d494', name: "data" })));
|
|
625
625
|
}
|
|
626
626
|
/**
|
|
627
627
|
* Executes the focus operation on the specified range of cells.
|
|
@@ -467,7 +467,7 @@ const RevogrRowHeaders = /*@__PURE__*/ proxyCustomElement(class RevogrRowHeaders
|
|
|
467
467
|
const viewportHeader = Object.assign(Object.assign({}, this.headerProp), { colData: typeof this.rowHeaderColumn === 'object' ? [this.rowHeaderColumn] : [], viewportCol: viewport.store, canResize: false, type: ROW_HEADER_TYPE,
|
|
468
468
|
// parent,
|
|
469
469
|
slot: HEADER_SLOT });
|
|
470
|
-
return (h(Host, { class: { [ROW_HEADER_TYPE]: true }, key: ROW_HEADER_TYPE }, h("revogr-viewport-scroll", Object.assign({ key: '
|
|
470
|
+
return (h(Host, { class: { [ROW_HEADER_TYPE]: true }, key: ROW_HEADER_TYPE }, h("revogr-viewport-scroll", Object.assign({ key: 'f665e56f8b21f96d9c0782232fcd7473f9fb0c53' }, viewportScroll, { "row-header": true }), h("revogr-header", Object.assign({ key: 'c5056a8b06e1d62ed69ce206344af61d340572e2' }, viewportHeader)), dataViews)));
|
|
471
471
|
}
|
|
472
472
|
}, [0, "revogr-row-headers", {
|
|
473
473
|
"height": [2],
|
|
@@ -172,7 +172,7 @@ const RevogrScrollVirtual = /*@__PURE__*/ proxyCustomElement(class RevogrScrollV
|
|
|
172
172
|
render() {
|
|
173
173
|
const sizeType = this.dimension === 'rgRow' ? 'height' : 'width';
|
|
174
174
|
const size = getContentSize(this.dimensionStore.get('realSize'), this.size, this.viewportStore.get('clientSize'));
|
|
175
|
-
return (h(Host, { key: '
|
|
175
|
+
return (h(Host, { key: '94ccf82880ca9a3b0b1a87e94553f3c6ea6e885a', onScroll: (e) => this.onScroll(e) }, h("div", { key: '3518b4db297114195e4ef9bd3555d08bae08daa9', style: {
|
|
176
176
|
[sizeType]: `${size}px`,
|
|
177
177
|
} })));
|
|
178
178
|
}
|
|
@@ -291,7 +291,7 @@ const RevogrViewportScroll = /*@__PURE__*/ proxyCustomElement(class RevogrViewpo
|
|
|
291
291
|
this.setScrollVisibility('rgCol', this.horizontalScroll.clientWidth, this.contentWidth);
|
|
292
292
|
}
|
|
293
293
|
render() {
|
|
294
|
-
return (h(Host, { key: '
|
|
294
|
+
return (h(Host, { key: 'c8c94171231164105fad7a6f53743db615dc123a', onWheel: this.horizontalMouseWheel, onScroll: (e) => this.applyScroll('rgCol', e) }, h("div", { key: 'd33774605170a5ba43e41e3d3133130eeda1a6fb', class: "inner-content-table", style: { width: `${this.contentWidth}px` } }, h("div", { key: '3cf14b0fd2fce937f5f28b205fbd2402d0de3cb4', class: "header-wrapper", ref: e => (this.header = e) }, h("slot", { key: '14ce896ee001c614553744c2e4d8d680bf4e6d15', name: HEADER_SLOT })), h("div", { key: '46b937e0fc75a71f983b739e0c8179c2dc8115ac', class: "vertical-inner", ref: el => (this.verticalScroll = el), onWheel: this.verticalMouseWheel, onScroll: (e) => this.applyScroll('rgRow', e) }, h("div", { key: 'cf775690b0eef973f205659973ea23e376bc64d6', class: "content-wrapper", style: { height: `${this.contentHeight}px` } }, h("slot", { key: '63b50bb02edda40839829e7b54825953d3634906', name: CONTENT_SLOT }))), h("div", { key: 'c28e2f9d0524a8d0adc86d6a7d78b1ce15831edd', class: "footer-wrapper", ref: e => (this.footer = e) }, h("slot", { key: 'bd24b24482d201ad91c279d09f3bcc0f2bc58370', name: FOOTER_SLOT })))));
|
|
295
295
|
}
|
|
296
296
|
/**
|
|
297
297
|
* Extra layer for scroll event monitoring, where MouseWheel event is not passing
|
|
@@ -20,7 +20,7 @@ const VNodeToHtml = /*@__PURE__*/ proxyCustomElement(class VNodeToHtml extends H
|
|
|
20
20
|
render() {
|
|
21
21
|
var _a, _b;
|
|
22
22
|
this.vnodes = (_b = (_a = this.redraw) === null || _a === void 0 ? void 0 : _a.call(this)) !== null && _b !== void 0 ? _b : null;
|
|
23
|
-
return (h(Host, { key: '
|
|
23
|
+
return (h(Host, { key: '11b76ca8a86ebf279add88bbd86ef9eb5149605a', style: { visibility: 'hidden', position: 'absolute' } }, this.vnodes));
|
|
24
24
|
}
|
|
25
25
|
get el() { return this; }
|
|
26
26
|
}, [0, "vnode-html", {
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* Built by Revolist OU ❤️
|
|
3
|
-
*/
|
|
4
|
-
import { h } from "@stencil/core";
|
|
5
|
-
import findIndex from "lodash/findIndex";
|
|
6
|
-
import { getItemByIndex } from "../../store/index";
|
|
7
|
-
import { HEADER_ROW_CLASS } from "../../utils/consts";
|
|
8
|
-
import GroupHeaderRenderer from "./headerGroupRenderer";
|
|
9
|
-
const ColumnGroupsRenderer = ({ additionalData, providers, depth, groups, visibleProps, dimensionCol, canResize, active, onResize }) => {
|
|
10
|
-
// render group columns
|
|
11
|
-
const groupRow = [];
|
|
12
|
-
for (let i = 0; i < depth; i++) {
|
|
13
|
-
if (groups[i]) {
|
|
14
|
-
for (let group of groups[i]) {
|
|
15
|
-
// if group in visible range
|
|
16
|
-
// find first visible group prop in visible columns range
|
|
17
|
-
const indexFirstVisibleCol = findIndex(group.ids, id => typeof visibleProps[id] === 'number');
|
|
18
|
-
if (indexFirstVisibleCol > -1) {
|
|
19
|
-
const colVisibleIndex = visibleProps[group.ids[indexFirstVisibleCol]]; // get column index
|
|
20
|
-
const groupStartIndex = colVisibleIndex - indexFirstVisibleCol; // first column index in group
|
|
21
|
-
const groupEndIndex = groupStartIndex + group.ids.length - 1; // last column index in group
|
|
22
|
-
// coordinates
|
|
23
|
-
const groupStart = getItemByIndex(dimensionCol, groupStartIndex).start;
|
|
24
|
-
const groupEnd = getItemByIndex(dimensionCol, groupEndIndex).end;
|
|
25
|
-
groupRow.push(h(GroupHeaderRenderer, { providers: providers, start: groupStart, end: groupEnd, group: group, active: active, canResize: canResize, onResize: e => { var _a; return onResize((_a = e.changedX) !== null && _a !== void 0 ? _a : 0, groupStartIndex, groupEndIndex); }, additionalData: additionalData }));
|
|
26
|
-
}
|
|
27
|
-
}
|
|
28
|
-
}
|
|
29
|
-
groupRow.push(h("div", { class: `${HEADER_ROW_CLASS} group` }));
|
|
30
|
-
}
|
|
31
|
-
return groupRow;
|
|
32
|
-
};
|
|
33
|
-
export default ColumnGroupsRenderer;
|
|
34
|
-
//# sourceMappingURL=columnGroupsRenderer.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"columnGroupsRenderer.js","sourceRoot":"","sources":["../../../src/plugins/groupingColumn/columnGroupsRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAClC,OAAO,SAAS,MAAM,kBAAkB,CAAC;AACzC,OAAO,EAAS,cAAc,EAAE,MAAM,QAAQ,CAAC;AAE/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,mBAAmB,MAAM,uBAAuB,CAAC;AAcxD,MAAM,oBAAoB,GAAG,CAAC,EAC5B,cAAc,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,YAAY,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAC7D,EAA0B,EAAE;IAChE,uBAAuB;IACvB,MAAM,QAAQ,GAA2B,EAAE,CAAC;IAC5C,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC;QAC/B,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;YACd,KAAK,IAAI,KAAK,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;gBAC5B,4BAA4B;gBAC5B,yDAAyD;gBACzD,MAAM,oBAAoB,GAAuB,SAAS,CAAC,KAAK,CAAC,GAAG,EAAE,EAAE,CAAC,EAAE,CAAC,OAAO,YAAY,CAAC,EAAE,CAAC,KAAK,QAAQ,CAAC,CAAC;gBAClH,IAAI,oBAAoB,GAAG,CAAC,CAAC,EAAE,CAAC;oBAC9B,MAAM,eAAe,GAAG,YAAY,CAAC,KAAK,CAAC,GAAG,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC,mBAAmB;oBAC1F,MAAM,eAAe,GAAG,eAAe,GAAG,oBAAoB,CAAC,CAAC,8BAA8B;oBAC9F,MAAM,aAAa,GAAG,eAAe,GAAG,KAAK,CAAC,GAAG,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,6BAA6B;oBAE3F,cAAc;oBACd,MAAM,UAAU,GAAG,cAAc,CAAC,YAAY,EAAE,eAAe,CAAC,CAAC,KAAK,CAAC;oBACvE,MAAM,QAAQ,GAAG,cAAc,CAAC,YAAY,EAAE,aAAa,CAAC,CAAC,GAAG,CAAC;oBACjE,QAAQ,CAAC,IAAI,CACX,EAAC,mBAAmB,IAClB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,UAAU,EACjB,GAAG,EAAE,QAAQ,EACb,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,CAAC,CAAC,EAAE,WAAC,OAAA,QAAQ,CAAC,MAAA,CAAC,CAAC,QAAQ,mCAAI,CAAC,EAAE,eAAe,EAAE,aAAa,CAAC,CAAA,EAAA,EACxE,cAAc,EAAE,cAAc,GAC9B,CACH,CAAC;gBACJ,CAAC;YACH,CAAC;QACH,CAAC;QACD,QAAQ,CAAC,IAAI,CAAC,WAAK,KAAK,EAAE,GAAG,gBAAgB,QAAQ,GAAI,CAAC,CAAC;IAC7D,CAAC;IACD,OAAO,QAAQ,CAAC;AAClB,CAAC,CAAC;AAEF,eAAe,oBAAoB,CAAC","sourcesContent":["import { h } from '@stencil/core';\nimport findIndex from 'lodash/findIndex';\nimport { Group, getItemByIndex } from '@store';\nimport { DimensionSettingsState, Providers, DimensionCols } from '@type';\nimport { HEADER_ROW_CLASS } from '../../utils/consts';\nimport GroupHeaderRenderer from './headerGroupRenderer';\nimport { ResizeProps } from '../../components/header/resizable.directive';\n\ntype Props<T> = {\n visibleProps: { [prop: string]: number };\n groups: Record<number, Group[]>;\n dimensionCol: Pick<DimensionSettingsState, 'indexes' | 'originItemSize' | 'indexToItem'>;\n depth: number;\n canResize: boolean;\n providers: Providers<T>;\n additionalData: any;\n onResize(changedX: number, startIndex: number, endIndex: number): void;\n} & Partial<Pick<ResizeProps, 'active'>>;\n\nconst ColumnGroupsRenderer = ({\n additionalData, providers, depth, groups, visibleProps, dimensionCol, canResize, active, onResize\n}: Props<DimensionCols | 'rowHeaders'>): ReturnType<typeof h>[] => {\n // render group columns\n const groupRow: ReturnType<typeof h>[] = [];\n for (let i = 0; i < depth; i++) {\n if (groups[i]) {\n for (let group of groups[i]) {\n // if group in visible range\n // find first visible group prop in visible columns range\n const indexFirstVisibleCol: number | undefined = findIndex(group.ids, id => typeof visibleProps[id] === 'number');\n if (indexFirstVisibleCol > -1) {\n const colVisibleIndex = visibleProps[group.ids[indexFirstVisibleCol]]; // get column index\n const groupStartIndex = colVisibleIndex - indexFirstVisibleCol; // first column index in group\n const groupEndIndex = groupStartIndex + group.ids.length - 1; // last column index in group\n\n // coordinates\n const groupStart = getItemByIndex(dimensionCol, groupStartIndex).start;\n const groupEnd = getItemByIndex(dimensionCol, groupEndIndex).end;\n groupRow.push(\n <GroupHeaderRenderer\n providers={providers}\n start={groupStart}\n end={groupEnd}\n group={group}\n active={active}\n canResize={canResize}\n onResize={e => onResize(e.changedX ?? 0, groupStartIndex, groupEndIndex)}\n additionalData={additionalData}\n />,\n );\n }\n }\n }\n groupRow.push(<div class={`${HEADER_ROW_CLASS} group`} />);\n }\n return groupRow;\n};\n\nexport default ColumnGroupsRenderer;\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"headerGroupRenderer.js","sourceRoot":"","sources":["../../../src/plugins/groupingColumn/headerGroupRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAIlC,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAChE,OAAO,EAAE,kBAAkB,EAAE,MAAM,8CAA8C,CAAC;AAYlF,MAAM,mBAAmB,GAAG,CAAC,CAAQ,EAAwB,EAAE;IAC7D,MAAM,UAAU,GAAqC;QACnD,SAAS,EAAE,CAAC,CAAC,SAAS;QACtB,QAAQ,EAAE,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,MAAM,GAAG,YAAY;QAC3C,QAAQ,EAAE,CAAC;QAEX,MAAM,EAAE,CAAC,CAAC,MAAM,IAAI,CAAC,GAAG,CAAC;QACzB,KAAK,EAAE;YACL,CAAC,YAAY,CAAC,EAAE,IAAI;SACrB;QACD,KAAK,EAAE;YACL,SAAS,EAAE,cAAc,CAAC,CAAC,KAAK,KAAK;YACrC,KAAK,EAAE,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,KAAK,IAAI;SAC9B;QACD,QAAQ,EAAE,CAAC,CAAC,QAAQ;KACrB,CAAC;IACF,OAAO,CACL,EAAC,kBAAkB,IACjB,IAAI,kCACC,CAAC,CAAC,KAAK,KACV,IAAI,EAAE,EAAE,EACR,SAAS,EAAE,CAAC,CAAC,SAAS,EACtB,KAAK,EAAE,CAAC,CAAC,KAAK,KAEhB,KAAK,EAAE,UAAU,EACjB,cAAc,EAAE,CAAC,CAAC,cAAc,GAChC,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,mBAAmB,CAAC","sourcesContent":["import { h } from '@stencil/core';\nimport { Group } from '@store';\nimport type { CellProps, Providers, DimensionCols } from '@type';\nimport { ResizeEvent, ResizeProps } from '../../components/header/resizable.directive';\nimport { HEADER_CLASS, MIN_COL_SIZE } from '../../utils/consts';\nimport { HeaderCellRenderer } from '../../components/header/header-cell-renderer';\n\ntype Props = {\n start: number;\n end: number;\n group: Group;\n providers: Providers<DimensionCols | 'rowHeaders'>;\n additionalData: any;\n canResize?: boolean;\n onResize?(e: ResizeEvent): void;\n} & Partial<Pick<ResizeProps, 'active'>>;\n\nconst GroupHeaderRenderer = (p: Props): ReturnType<typeof h> => {\n const groupProps: CellProps & Partial<ResizeProps> = {\n canResize: p.canResize,\n minWidth: p.group.ids.length * MIN_COL_SIZE,\n maxWidth: 0,\n\n active: p.active || ['r'],\n class: {\n [HEADER_CLASS]: true,\n },\n style: {\n transform: `translateX(${p.start}px)`,\n width: `${p.end - p.start}px`,\n },\n onResize: p.onResize,\n };\n return (\n <HeaderCellRenderer\n data={{\n ...p.group,\n prop: '',\n providers: p.providers,\n index: p.start,\n }}\n props={groupProps}\n additionalData={p.additionalData}\n />\n );\n};\n\nexport default GroupHeaderRenderer;\n"]}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import { h } from '../../stencil-public-runtime';
|
|
2
|
-
import { Group } from "../../store/index";
|
|
3
|
-
import { DimensionSettingsState, Providers, DimensionCols } from "../../types/index";
|
|
4
|
-
import { ResizeProps } from '../../components/header/resizable.directive';
|
|
5
|
-
type Props<T> = {
|
|
6
|
-
visibleProps: {
|
|
7
|
-
[prop: string]: number;
|
|
8
|
-
};
|
|
9
|
-
groups: Record<number, Group[]>;
|
|
10
|
-
dimensionCol: Pick<DimensionSettingsState, 'indexes' | 'originItemSize' | 'indexToItem'>;
|
|
11
|
-
depth: number;
|
|
12
|
-
canResize: boolean;
|
|
13
|
-
providers: Providers<T>;
|
|
14
|
-
additionalData: any;
|
|
15
|
-
onResize(changedX: number, startIndex: number, endIndex: number): void;
|
|
16
|
-
} & Partial<Pick<ResizeProps, 'active'>>;
|
|
17
|
-
declare const ColumnGroupsRenderer: ({ additionalData, providers, depth, groups, visibleProps, dimensionCol, canResize, active, onResize }: Props<DimensionCols | "rowHeaders">) => ReturnType<typeof h>[];
|
|
18
|
-
export default ColumnGroupsRenderer;
|