pixel-virtual-tree 1.0.1 → 1.0.2
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/lib/components/Excel/ExcelFile/ExcelFileComponents/Copied.js +2 -2
- package/lib/components/Excel/ExcelFile/ExcelFileComponents/Copied.js.map +1 -1
- package/lib/components/Excel/ExcelFile/ExcelFileComponents/Selected.js +2 -2
- package/lib/components/Excel/ExcelFile/ExcelFileComponents/Selected.js.map +1 -1
- package/lib/components/Icon/iconList.js +546 -544
- package/lib/components/Icon/iconList.js.map +1 -1
- package/lib/components/Table/Table.js +24 -11
- package/lib/components/Table/Table.js.map +1 -1
- package/lib/components/Table/Types.d.ts +4 -0
- package/lib/components/Table/components/SortableRow.d.ts +1 -1
- package/lib/components/Table/components/SortableRow.js +35 -25
- package/lib/components/Table/components/SortableRow.js.map +1 -1
- package/lib/components/Table/components/VirtualizedRows.d.ts +1 -1
- package/lib/components/Table/components/VirtualizedRows.js +11 -3
- package/lib/components/Table/components/VirtualizedRows.js.map +1 -1
- package/lib/components/TableTree/Components/TableCell.js +2 -2
- package/lib/components/TableTree/Components/TableCell.js.map +1 -1
- package/lib/components/TableTreeFn/Components/TableCell.js +2 -2
- package/lib/components/TableTreeFn/Components/TableCell.js.map +1 -1
- package/lib/components/TableTreeFn/DataGrid.d.ts +10 -0
- package/lib/components/TableTreeFn/DataGrid.js +362 -0
- package/lib/components/TableTreeFn/DataGrid.js.map +1 -0
- package/lib/components/TableTreeFn/TableTreeFn.d.ts +3 -4
- package/lib/components/TableTreeFn/TableTreeFn.js +293 -152
- package/lib/components/TableTreeFn/TableTreeFn.js.map +1 -1
- package/lib/components/TableTreeFn/hooks/useVirtualization.d.ts +16 -0
- package/lib/components/TableTreeFn/hooks/useVirtualization.js +37 -0
- package/lib/components/TableTreeFn/hooks/useVirtualization.js.map +1 -0
- package/lib/components/TableTreeFn/index.d.ts +2 -1
- package/lib/components/TableTreeFn/index.js +5 -1
- package/lib/components/TableTreeFn/index.js.map +1 -1
- package/lib/components/TableTreeFn/types.d.ts +17 -14
- package/lib/components/TableTreeFn/worker/gridWorker.d.ts +18 -0
- package/lib/components/TableTreeFn/worker/gridWorker.js +68 -0
- package/lib/components/TableTreeFn/worker/gridWorker.js.map +1 -0
- package/lib/index.d.ts +24 -19
- package/lib/index.js +8 -8
- package/lib/index.js.map +1 -1
- package/lib/styles.css +2 -1
- package/lib/styles.css.map +1 -0
- package/lib/tsconfig.tsbuildinfo +1 -1
- package/package.json +13 -15
- package/lib/components/TableTreeFn/TableTreeFnVirtual.d.ts +0 -5
- package/lib/components/TableTreeFn/TableTreeFnVirtual.demo.d.ts +0 -4
- package/lib/components/TableTreeFn/TableTreeFnVirtual.demo.js +0 -146
- package/lib/components/TableTreeFn/TableTreeFnVirtual.demo.js.map +0 -1
- package/lib/components/TableTreeFn/TableTreeFnVirtual.js +0 -174
- package/lib/components/TableTreeFn/TableTreeFnVirtual.js.map +0 -1
- package/lib/components/TableTreeFn/VirtualRow.d.ts +0 -27
- package/lib/components/TableTreeFn/VirtualRow.js +0 -47
- package/lib/components/TableTreeFn/VirtualRow.js.map +0 -1
- package/lib/components/TableTreeFn/hooks/useVirtualizer.d.ts +0 -14
- package/lib/components/TableTreeFn/hooks/useVirtualizer.js +0 -22
- package/lib/components/TableTreeFn/hooks/useVirtualizer.js.map +0 -1
- package/lib/components/TableTreeFn/tree.worker.d.ts +0 -1
- package/lib/components/TableTreeFn/tree.worker.js +0 -188
- package/lib/components/TableTreeFn/tree.worker.js.map +0 -1
- package/lib/components/TableTreeFn/types.worker.d.ts +0 -44
- package/lib/components/TableTreeFn/types.worker.js +0 -2
- package/lib/components/TableTreeFn/types.worker.js.map +0 -1
|
@@ -0,0 +1,362 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useEffect, useLayoutEffect, useRef, useState, useCallback, forwardRef, useMemo, } from 'react';
|
|
3
|
+
import { workerCode } from './worker/gridWorker';
|
|
4
|
+
import { useVirtualization } from './hooks/useVirtualization';
|
|
5
|
+
import './styles/DataGrid.css';
|
|
6
|
+
import { checkEmpty } from '../../utils/checkEmpty/checkEmpty';
|
|
7
|
+
import { debounce } from '../../utils/debounce/debounce';
|
|
8
|
+
import { formatCellData } from './Utils/formatDataCell';
|
|
9
|
+
import { prepareData } from '../../utils/TableCell/TableCell';
|
|
10
|
+
import Checkbox from '../Checkbox';
|
|
11
|
+
import RadioButton from '../RadioButton';
|
|
12
|
+
const DEFAULT_ROW_HEIGHT = 32;
|
|
13
|
+
const DEFAULT_SCROLL_THRESHOLD = 128;
|
|
14
|
+
/**
|
|
15
|
+
* High-Performance Virtualized Data Grid Component
|
|
16
|
+
* Replaces TableTreeFn with modern virtualization architecture
|
|
17
|
+
* Maintains 100% backward compatibility with existing API
|
|
18
|
+
*/
|
|
19
|
+
export const DataGrid = forwardRef(({ treeData, columnsData, selected = [], select = null, onChange, onClick, onExpand, loadMore = () => { }, tableBorder, height = 'calc(100vh - 134px)', newNode: _newNode, onAddConfirm: _onAddConfirm = (_name) => { }, onAddCancel: _onAddCancel = () => { }, handleEditFieldError: _handleEditFieldError, loading = false, rootNode, pagination: _pagination, selectedNode, tableHeaderBgColor = 'var(--border-color)', hideOnDisable = false, freezeColumns, scriptLengthTruncate = 25, addModuleInputWidth: _addModuleInputWidth, addModuleSelectWidth: _addModuleSelectWidth, onScroll, onScrollEnd, disableEditLabelConfirmIcon: _disableEditLabelConfirmIcon, transparentHeader = false, navigateTreeNode = null, handleRemoveNavigateTreeNode = () => { }, scrollThreshold = DEFAULT_SCROLL_THRESHOLD, showHeader = true, }, ref) => {
|
|
20
|
+
// --- State ---
|
|
21
|
+
const [processedData, setProcessedData] = useState([]);
|
|
22
|
+
const [scrollTop, setScrollTop] = useState(0);
|
|
23
|
+
const [isScrolling, setIsScrolling] = useState(false);
|
|
24
|
+
const [expanding, setExpanding] = useState(null);
|
|
25
|
+
// --- Refs ---
|
|
26
|
+
const containerRef = useRef(null);
|
|
27
|
+
const workerRef = useRef(null);
|
|
28
|
+
const scrollTimeout = useRef(null);
|
|
29
|
+
const previousTreeDataRef = useRef([]);
|
|
30
|
+
const scrollPositionRef = useRef({
|
|
31
|
+
lastScrollTop: 0,
|
|
32
|
+
lastScrollTime: 0,
|
|
33
|
+
direction: null,
|
|
34
|
+
});
|
|
35
|
+
const [prevScrollTop, setPrevScrollTop] = useState(null);
|
|
36
|
+
const [prevScrollHeight, setPrevScrollHeight] = useState(null);
|
|
37
|
+
const [scrollDirection, setScrollDirection] = useState(null);
|
|
38
|
+
const [maintainScrollPosition, setMaintainScrollPosition] = useState(null);
|
|
39
|
+
// --- 1. Worker Initialization (Blob Pattern for NPM compatibility) ---
|
|
40
|
+
useEffect(() => {
|
|
41
|
+
const blob = new Blob([workerCode], { type: 'application/javascript' });
|
|
42
|
+
workerRef.current = new Worker(URL.createObjectURL(blob));
|
|
43
|
+
workerRef.current.onmessage = (e) => {
|
|
44
|
+
const { type, payload } = e.data;
|
|
45
|
+
if (type === 'DATA_READY') {
|
|
46
|
+
setProcessedData(payload);
|
|
47
|
+
}
|
|
48
|
+
else if (type === 'ERROR') {
|
|
49
|
+
console.error('Worker error:', payload);
|
|
50
|
+
}
|
|
51
|
+
};
|
|
52
|
+
return () => workerRef.current?.terminate();
|
|
53
|
+
}, []);
|
|
54
|
+
// --- 2. Offload Data Processing to Worker ---
|
|
55
|
+
useEffect(() => {
|
|
56
|
+
workerRef.current?.postMessage({
|
|
57
|
+
type: 'PROCESS_DATA',
|
|
58
|
+
payload: { data: treeData },
|
|
59
|
+
});
|
|
60
|
+
}, [treeData]);
|
|
61
|
+
// --- 3. Virtualization Hook ---
|
|
62
|
+
const { virtualItems, totalHeight } = useVirtualization(scrollTop, typeof height === 'string' ? 600 : height, // Convert string height to number
|
|
63
|
+
DEFAULT_ROW_HEIGHT, processedData.length);
|
|
64
|
+
// --- 4. Load More Functions (Bidirectional Pagination) ---
|
|
65
|
+
const loadMoreAbove = useCallback(() => {
|
|
66
|
+
if (loading || scrollDirection === 'above')
|
|
67
|
+
return;
|
|
68
|
+
setScrollDirection('above');
|
|
69
|
+
setPrevScrollTop(containerRef.current?.scrollTop ?? null);
|
|
70
|
+
setPrevScrollHeight(containerRef.current?.scrollHeight ?? null);
|
|
71
|
+
loadMore('above');
|
|
72
|
+
}, [loading, scrollDirection, loadMore]);
|
|
73
|
+
const loadMoreBelow = useCallback(() => {
|
|
74
|
+
if (loading || scrollDirection === 'below')
|
|
75
|
+
return;
|
|
76
|
+
setScrollDirection('below');
|
|
77
|
+
loadMore('below');
|
|
78
|
+
}, [loading, scrollDirection, loadMore]);
|
|
79
|
+
// --- 5. Enhanced Scroll Handler with Virtualization ---
|
|
80
|
+
const handleScroll = useCallback(() => {
|
|
81
|
+
const container = containerRef.current;
|
|
82
|
+
if (!container || checkEmpty(processedData))
|
|
83
|
+
return;
|
|
84
|
+
const now = Date.now();
|
|
85
|
+
const currentScrollTop = container.scrollTop;
|
|
86
|
+
const scrollHeight = container.scrollHeight;
|
|
87
|
+
const clientHeight = container.clientHeight;
|
|
88
|
+
// Update scroll position for virtualization
|
|
89
|
+
setScrollTop(currentScrollTop);
|
|
90
|
+
// Performance: Toggle pointer events during scroll
|
|
91
|
+
if (!isScrolling)
|
|
92
|
+
setIsScrolling(true);
|
|
93
|
+
if (scrollTimeout.current)
|
|
94
|
+
clearTimeout(scrollTimeout.current);
|
|
95
|
+
scrollTimeout.current = setTimeout(() => {
|
|
96
|
+
setIsScrolling(false);
|
|
97
|
+
}, 150);
|
|
98
|
+
// Scroll direction calculation
|
|
99
|
+
const direction = currentScrollTop > scrollPositionRef.current.lastScrollTop
|
|
100
|
+
? 'down'
|
|
101
|
+
: 'up';
|
|
102
|
+
scrollPositionRef.current = {
|
|
103
|
+
lastScrollTop: currentScrollTop,
|
|
104
|
+
lastScrollTime: now,
|
|
105
|
+
direction,
|
|
106
|
+
};
|
|
107
|
+
// Infinite Scroll with threshold
|
|
108
|
+
const nearBottom = scrollHeight - (currentScrollTop + clientHeight) < scrollThreshold;
|
|
109
|
+
const nearTop = currentScrollTop < scrollThreshold;
|
|
110
|
+
if (direction === 'down' &&
|
|
111
|
+
nearBottom &&
|
|
112
|
+
!loading &&
|
|
113
|
+
!scrollDirection &&
|
|
114
|
+
processedData[processedData.length - 1]?.lastResource !== true) {
|
|
115
|
+
loadMoreBelow();
|
|
116
|
+
}
|
|
117
|
+
if (direction === 'up' &&
|
|
118
|
+
nearTop &&
|
|
119
|
+
!loading &&
|
|
120
|
+
!scrollDirection &&
|
|
121
|
+
processedData[0]?.lastResource !== true) {
|
|
122
|
+
loadMoreAbove();
|
|
123
|
+
}
|
|
124
|
+
// Scroll Restoration After Loading Above
|
|
125
|
+
if (!loading &&
|
|
126
|
+
scrollDirection === 'above' &&
|
|
127
|
+
previousTreeDataRef.current.length > 0 &&
|
|
128
|
+
prevScrollTop !== null) {
|
|
129
|
+
const previousTreeData = previousTreeDataRef.current;
|
|
130
|
+
let addedRowsCount = 0;
|
|
131
|
+
for (let i = 0; i < processedData.length; i++) {
|
|
132
|
+
if (previousTreeData[0] === processedData[i])
|
|
133
|
+
break;
|
|
134
|
+
addedRowsCount++;
|
|
135
|
+
}
|
|
136
|
+
let retries = 0;
|
|
137
|
+
const maxRetries = 30;
|
|
138
|
+
const tryRestoreScroll = () => {
|
|
139
|
+
const allRows = Array.from(container.querySelectorAll('.dg-row'));
|
|
140
|
+
let totalAddedHeight = 0;
|
|
141
|
+
for (let i = 0; i < addedRowsCount; i++) {
|
|
142
|
+
const height = allRows[i]?.getBoundingClientRect().height || 0;
|
|
143
|
+
totalAddedHeight += height;
|
|
144
|
+
}
|
|
145
|
+
const canScroll = container.scrollHeight > container.clientHeight;
|
|
146
|
+
const validHeights = totalAddedHeight > 0;
|
|
147
|
+
if (validHeights && canScroll) {
|
|
148
|
+
container.scrollTop = prevScrollTop + totalAddedHeight;
|
|
149
|
+
previousTreeDataRef.current = processedData;
|
|
150
|
+
}
|
|
151
|
+
else if (retries < maxRetries) {
|
|
152
|
+
retries++;
|
|
153
|
+
requestAnimationFrame(tryRestoreScroll);
|
|
154
|
+
}
|
|
155
|
+
else {
|
|
156
|
+
previousTreeDataRef.current = processedData;
|
|
157
|
+
console.warn('Failed to restore scroll position after max retries');
|
|
158
|
+
}
|
|
159
|
+
};
|
|
160
|
+
requestAnimationFrame(tryRestoreScroll);
|
|
161
|
+
}
|
|
162
|
+
}, [
|
|
163
|
+
loading,
|
|
164
|
+
scrollDirection,
|
|
165
|
+
processedData,
|
|
166
|
+
loadMoreAbove,
|
|
167
|
+
loadMoreBelow,
|
|
168
|
+
prevScrollTop,
|
|
169
|
+
scrollThreshold,
|
|
170
|
+
isScrolling,
|
|
171
|
+
]);
|
|
172
|
+
// --- 6. Scroll Event Listeners ---
|
|
173
|
+
useEffect(() => {
|
|
174
|
+
const scrollDiv = containerRef.current;
|
|
175
|
+
if (!scrollDiv)
|
|
176
|
+
return;
|
|
177
|
+
const debouncedOnScrollEnd = debounce(() => {
|
|
178
|
+
onScrollEnd?.();
|
|
179
|
+
}, 150);
|
|
180
|
+
const scrollListener = () => {
|
|
181
|
+
onScroll?.();
|
|
182
|
+
handleScroll();
|
|
183
|
+
debouncedOnScrollEnd();
|
|
184
|
+
};
|
|
185
|
+
scrollDiv.addEventListener('scroll', scrollListener);
|
|
186
|
+
return () => {
|
|
187
|
+
scrollDiv.removeEventListener('scroll', scrollListener);
|
|
188
|
+
debouncedOnScrollEnd.cancel();
|
|
189
|
+
};
|
|
190
|
+
}, [handleScroll, onScroll, onScrollEnd]);
|
|
191
|
+
// --- 7. Scroll Position Restoration ---
|
|
192
|
+
useLayoutEffect(() => {
|
|
193
|
+
if (!loading &&
|
|
194
|
+
scrollDirection === 'above' &&
|
|
195
|
+
prevScrollTop !== null &&
|
|
196
|
+
prevScrollHeight !== null) {
|
|
197
|
+
const container = containerRef.current;
|
|
198
|
+
if (!container)
|
|
199
|
+
return;
|
|
200
|
+
const scrollHeightDiff = container.scrollHeight - prevScrollHeight;
|
|
201
|
+
if (scrollHeightDiff > 0) {
|
|
202
|
+
container.scrollTop = prevScrollTop + scrollHeightDiff;
|
|
203
|
+
}
|
|
204
|
+
setScrollDirection(null);
|
|
205
|
+
setPrevScrollTop(null);
|
|
206
|
+
setPrevScrollHeight(null);
|
|
207
|
+
}
|
|
208
|
+
else if (!loading) {
|
|
209
|
+
setScrollDirection(null);
|
|
210
|
+
}
|
|
211
|
+
}, [loading, scrollDirection, prevScrollTop, prevScrollHeight]);
|
|
212
|
+
// --- 8. Navigation to Specific Nodes ---
|
|
213
|
+
useEffect(() => {
|
|
214
|
+
if (navigateTreeNode) {
|
|
215
|
+
const node = document.getElementById(navigateTreeNode);
|
|
216
|
+
const container = containerRef.current;
|
|
217
|
+
if (node && container) {
|
|
218
|
+
setMaintainScrollPosition(container.scrollTop);
|
|
219
|
+
const nodeRect = node.getBoundingClientRect();
|
|
220
|
+
const containerRect = container.getBoundingClientRect();
|
|
221
|
+
const scrollTop = container.scrollTop;
|
|
222
|
+
const nodeTop = nodeRect.top - containerRect.top + scrollTop;
|
|
223
|
+
const containerHeight = containerRect.height;
|
|
224
|
+
container.scrollTo({
|
|
225
|
+
top: nodeTop - containerHeight / 2 + nodeRect.height / 2,
|
|
226
|
+
behavior: 'smooth',
|
|
227
|
+
});
|
|
228
|
+
}
|
|
229
|
+
}
|
|
230
|
+
return () => {
|
|
231
|
+
handleRemoveNavigateTreeNode();
|
|
232
|
+
};
|
|
233
|
+
}, [navigateTreeNode, processedData]);
|
|
234
|
+
// Restore scroll position after navigation
|
|
235
|
+
useEffect(() => {
|
|
236
|
+
if (maintainScrollPosition !== null && !loading && containerRef.current) {
|
|
237
|
+
containerRef.current.scrollTop = maintainScrollPosition;
|
|
238
|
+
setMaintainScrollPosition(null);
|
|
239
|
+
}
|
|
240
|
+
}, [maintainScrollPosition, loading]);
|
|
241
|
+
// --- 9. Track Previous Tree Data ---
|
|
242
|
+
useEffect(() => {
|
|
243
|
+
if (processedData.length > 0) {
|
|
244
|
+
previousTreeDataRef.current = processedData;
|
|
245
|
+
}
|
|
246
|
+
}, [processedData]);
|
|
247
|
+
// --- 10. Handle Expanding State ---
|
|
248
|
+
useEffect(() => {
|
|
249
|
+
if (!loading && expanding) {
|
|
250
|
+
setExpanding(null);
|
|
251
|
+
}
|
|
252
|
+
}, [loading, expanding]);
|
|
253
|
+
// --- 11. Event Handlers ---
|
|
254
|
+
const handleToggleExpand = useCallback((node) => {
|
|
255
|
+
if (expanding)
|
|
256
|
+
return;
|
|
257
|
+
setExpanding(node.key);
|
|
258
|
+
onExpand?.(node);
|
|
259
|
+
}, [onExpand, expanding]);
|
|
260
|
+
const handleCheckBoxChange = useCallback((e, node) => {
|
|
261
|
+
if (expanding)
|
|
262
|
+
return;
|
|
263
|
+
onChange?.(e, node);
|
|
264
|
+
}, [onChange, expanding]);
|
|
265
|
+
const handleRowClick = useCallback((e, node) => {
|
|
266
|
+
if (expanding)
|
|
267
|
+
return;
|
|
268
|
+
onClick?.(e, node);
|
|
269
|
+
}, [onClick, expanding]);
|
|
270
|
+
// --- 12. Tree Space Block Component ---
|
|
271
|
+
const TreeSpaceBlock = ({ node, index, }) => {
|
|
272
|
+
const hasChildren = node.expandable;
|
|
273
|
+
const isExpanded = node.expanded;
|
|
274
|
+
const isLastChild = node.lastChild;
|
|
275
|
+
const isLastNode = node.lastResource;
|
|
276
|
+
const isFolder = node.folder;
|
|
277
|
+
return (_jsx("div", { className: `dg-tree-space-block ${hasChildren ? 'btn-toggle' : ''} ${isLastChild ? 'last-block' : ''} ${!isFolder ? 'no-folder' : ''} ${isLastNode ? 'last-node' : ''} ${index === 0 ? 'tree-table-space-block-0' : ''}`, onClick: () => hasChildren && handleToggleExpand(node), children: hasChildren && (_jsx("div", { className: `dg-tree-expanded ${!isExpanded ? 'dg-tree-collapsed' : ''}`, children: _jsx("span", { children: _jsx("svg", { width: "12", height: "12", viewBox: "0 0 12 12", children: _jsx("path", { d: "M6 0L12 6L6 12Z", fill: "currentColor" }) }) }) })) }));
|
|
278
|
+
};
|
|
279
|
+
// --- 13. Tree Cell Component ---
|
|
280
|
+
const TreeCell = ({ node, column, }) => {
|
|
281
|
+
const isFirstColumn = column.accessor === 'name';
|
|
282
|
+
if (isFirstColumn) {
|
|
283
|
+
return (_jsxs("div", { className: "dg-tree-container", children: [_jsx("div", { className: "dg-tree-space-container", children: Array.from({ length: node.hierarchy || 0 }).map((_, levelIndex) => (_jsx("div", { className: "dg-tree-space-block no-lines" }, levelIndex))) }), _jsx(TreeSpaceBlock, { node: node, index: 0 }), _jsxs("div", { className: "dg-tree-content", children: [select === 'checkbox' &&
|
|
284
|
+
!(hideOnDisable && node.unselectable) && (_jsx("div", { className: "dg-tree-content-select", children: _jsx(Checkbox, { checked: node.selectedStatus !== 'partially' &&
|
|
285
|
+
(node.selectedStatus === 'completely' || false), partial: node.selectedStatus === 'partially', onChange: (e) => handleCheckBoxChange(e, node), disabled: node.unselectable }) })), select === 'radio' && !(hideOnDisable && node.unselectable) && (_jsx("div", { className: "dg-tree-content-select", children: _jsx(RadioButton, { name: node.key, checked: selected.includes(node.key), value: node.key, onChange: (e) => handleCheckBoxChange(e, node), disabled: node.unselectable }) })), _jsx("span", { className: `dg-tree-content-text ${node.folder ? 'folder' : ''}`, children: formatCellData(prepareData(node, column), scriptLengthTruncate) }), column.cell && (_jsx("span", { className: "dg-tree-content-custom", children: column.cell(node) }))] }), column.actions && (_jsx("div", { className: "dg-row-actions", children: column.actions(node) }))] }));
|
|
286
|
+
}
|
|
287
|
+
return (_jsxs("div", { className: "dg-cell-content", children: [column.cell
|
|
288
|
+
? column.cell(node)
|
|
289
|
+
: formatCellData(prepareData(node, column), scriptLengthTruncate), column.actions && (_jsx("div", { className: "dg-row-actions", children: column.actions(node) }))] }));
|
|
290
|
+
};
|
|
291
|
+
// --- 14. Grid Template Columns Calculation ---
|
|
292
|
+
const gridTemplateColumns = useMemo(() => {
|
|
293
|
+
const defaultWidth = '400px';
|
|
294
|
+
return columnsData.map((col) => col.width || defaultWidth).join(' ');
|
|
295
|
+
}, [columnsData]);
|
|
296
|
+
// --- 15. Frozen Width Calculation ---
|
|
297
|
+
const frozenWidth = useMemo(() => {
|
|
298
|
+
if (!freezeColumns)
|
|
299
|
+
return 0;
|
|
300
|
+
return columnsData
|
|
301
|
+
.slice(0, freezeColumns)
|
|
302
|
+
.reduce((acc, col) => acc + parseInt(col.width || '400', 10), 0);
|
|
303
|
+
}, [freezeColumns, columnsData]);
|
|
304
|
+
// --- 16. Header Component ---
|
|
305
|
+
const Header = () => {
|
|
306
|
+
if (!showHeader)
|
|
307
|
+
return null;
|
|
308
|
+
return (_jsx("div", { className: `dg-header ${transparentHeader ? 'dg-header-transparent' : ''}`, style: {
|
|
309
|
+
gridTemplateColumns,
|
|
310
|
+
backgroundColor: transparentHeader
|
|
311
|
+
? 'transparent'
|
|
312
|
+
: tableHeaderBgColor,
|
|
313
|
+
pointerEvents: transparentHeader ? 'none' : 'auto',
|
|
314
|
+
}, children: columnsData.map(({ name, width }, index) => (_jsx("div", { className: "dg-header-cell", style: {
|
|
315
|
+
width,
|
|
316
|
+
backgroundColor: transparentHeader
|
|
317
|
+
? 'transparent'
|
|
318
|
+
: tableHeaderBgColor,
|
|
319
|
+
}, children: name }, typeof name === 'string' ? name : `column-${index}`))) }));
|
|
320
|
+
};
|
|
321
|
+
// --- 17. Root Node Component ---
|
|
322
|
+
const RootNodeRow = () => {
|
|
323
|
+
if (!rootNode)
|
|
324
|
+
return null;
|
|
325
|
+
return (_jsx("div", { className: `dg-root-row ${selectedNode && selectedNode === rootNode?.node?.key
|
|
326
|
+
? 'hover-selected'
|
|
327
|
+
: ''}`, style: { gridTemplateColumns }, children: columnsData.map((col, index) => (_jsxs("div", { className: "dg-root-cell", children: [index === 0 &&
|
|
328
|
+
rootNode.select === 'checkbox' &&
|
|
329
|
+
!(hideOnDisable && rootNode.node.unselectable) && (_jsx(Checkbox, { checked: rootNode?.node?.selectedStatus !== 'partially' &&
|
|
330
|
+
(rootNode?.node?.selectedStatus === 'completely' || false), partial: rootNode.node.selectedStatus === 'partially', onChange: (e) => handleCheckBoxChange(e, rootNode.node), disabled: rootNode.node.unselectable })), index === 0 &&
|
|
331
|
+
rootNode.select === 'radio' &&
|
|
332
|
+
!(hideOnDisable && rootNode.node.unselectable) && (_jsx(RadioButton, { name: rootNode.node.key, checked: selected.includes(rootNode.node.key), value: rootNode.node.key, onChange: (e) => handleCheckBoxChange(e, rootNode.node), disabled: rootNode.node.unselectable })), _jsxs("span", { className: "dg-tree-content-text", children: [col.accessor === 'name' ? (_jsx("span", { children: rootNode.node[col.accessor] })) : (_jsx("span", { children: formatCellData(prepareData(rootNode.node, col), scriptLengthTruncate) })), rootNode.cell && index === 0 && (_jsx("span", { className: "table-tree-root-cell", children: rootNode.cell(rootNode.node) }))] }), rootNode.actions && index === 0 && (_jsx("div", { className: "dg-row-actions", children: rootNode.actions(rootNode.node) }))] }, index))) }));
|
|
333
|
+
};
|
|
334
|
+
// --- 18. Virtual Row Component ---
|
|
335
|
+
const VirtualRow = ({ virtualItem, }) => {
|
|
336
|
+
const node = processedData[virtualItem.index];
|
|
337
|
+
if (!node)
|
|
338
|
+
return null;
|
|
339
|
+
return (_jsx("div", { className: `dg-row ${selectedNode && selectedNode === node.key ? 'hover-selected' : ''}`, style: {
|
|
340
|
+
height: DEFAULT_ROW_HEIGHT,
|
|
341
|
+
transform: `translateY(${virtualItem.offsetY}px)`,
|
|
342
|
+
gridTemplateColumns,
|
|
343
|
+
'--frozen-column-width': freezeColumns
|
|
344
|
+
? `${frozenWidth}px`
|
|
345
|
+
: '0px',
|
|
346
|
+
}, onClick: (e) => handleRowClick(e, node), id: virtualItem.index === 0 ? 'table-first-row' : node.key, children: columnsData.map((column, colIndex) => (_jsx("div", { className: "dg-cell", style: {
|
|
347
|
+
width: column.width,
|
|
348
|
+
paddingLeft: colIndex === 0 ? '8px' : '12px',
|
|
349
|
+
}, children: _jsx(TreeCell, { node: node, column: column }) }, colIndex))) }, virtualItem.index));
|
|
350
|
+
};
|
|
351
|
+
// --- 19. Render ---
|
|
352
|
+
return (_jsx("div", { className: "tree-table-wrapper-container", children: _jsx("div", { className: "tree-table-wrap", ref: ref, children: _jsx("div", { className: `dg-container ${processedData.length ? '' : 'table-empty'} ${isScrolling ? 'dg-scrolling' : ''}`, ref: containerRef, style: {
|
|
353
|
+
'--table-height': processedData.length ? height : 'auto',
|
|
354
|
+
'--frozen-column-width': freezeColumns
|
|
355
|
+
? `${frozenWidth}px`
|
|
356
|
+
: '0px',
|
|
357
|
+
border: tableBorder,
|
|
358
|
+
height: typeof height === 'string' ? height : `${height}px`,
|
|
359
|
+
}, children: _jsxs("div", { className: "dg-grid-container", style: { position: 'relative' }, children: [_jsx(Header, {}), _jsx(RootNodeRow, {}), _jsx("div", { className: "dg-spacer", style: { height: totalHeight } }), virtualItems.map((virtualItem) => (_jsx(VirtualRow, { virtualItem: virtualItem }, virtualItem.index)))] }) }) }) }));
|
|
360
|
+
});
|
|
361
|
+
export default DataGrid;
|
|
362
|
+
//# sourceMappingURL=DataGrid.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DataGrid.js","sourceRoot":"","sources":["../../../src/components/TableTreeFn/DataGrid.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import './TableTree.
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
export default TableTreeFnVirtual;
|
|
2
|
+
import './TableTree.scss';
|
|
3
|
+
declare const TableTreeFn: React.ForwardRefExoticComponent<import("./types").GridProps & React.RefAttributes<HTMLDivElement>>;
|
|
4
|
+
export default TableTreeFn;
|