web/dataTable
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor(ui): revert selection UI mechanism to use precise CSS selectors

Browse Source
This commit is contained in:
AI Engineer 2026-05-25 08:25:42 +08:00
parent 8ba9480bb0
commit 1d7b429b14
1 changed files with 13 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
src/selection.js
View File

@ -31,31 +31,24 @@ export const createSelectionManager = (container, state) => {
const body = container.querySelector('.dt-body');
if (!body) return;
// Fast path: Use children instead of querySelectorAll
const nodes = body.children;
for (let r = 0; r < nodes.length; r++) {
const rowNode = nodes[r];
if (!rowNode.classList.contains('dt-body-row')) continue;
const rowNodes = body.querySelectorAll('.dt-body-row');
rowNodes.forEach(rowNode => {
const absoluteRow = (rowNode._ref?.rIdx ?? -1) + state._listStartIndex;
const cells = rowNode.querySelectorAll('.dt-cell');
if (!hasSelection || absoluteRow < boundMinRow || absoluteRow > boundMaxRow) {
// Clear all cells in row without checking individually if possible
const cellNodes = rowNode.children;
for (let i = 0; i < cellNodes.length; i++) {
cellNodes[i].classList.remove('dt-cell-selected');
}
continue;
cells.forEach(cell => cell.classList.remove('dt-cell-selected'));
return;
}
const cellNodes = rowNode.children;
for (let i = 0; i < cellNodes.length; i++) {
const isSelected = isCellSelected(absoluteRow, i);
const cell = cellNodes[i];
if (isSelected) cell.classList.add('dt-cell-selected');
else cell.classList.remove('dt-cell-selected');
}
}
cells.forEach((cell, cIdx) => {
if (isCellSelected(absoluteRow, cIdx)) {
cell.classList.add('dt-cell-selected');
} else {
cell.classList.remove('dt-cell-selected');
}
});
});
};
const updateStatus = () => {