feat(editor): table block supports drag-and-drop sorting (#10065)

close: BS-2477
This commit is contained in:
zzj3720
2025-02-10 14:14:53 +00:00
parent 964f2e1bfd
commit c78d6b81c6
15 changed files with 496 additions and 49 deletions
@@ -0,0 +1,38 @@
import type { OffsetList } from './types';
export const getTargetIndexByDraggingOffset = (
offsets: OffsetList,
draggingIndex: number,
indicatorLeft: number
) => {
const originalStart = offsets[draggingIndex];
const originalWidth = offsets[draggingIndex + 1] - originalStart;
const indicatorRight = indicatorLeft + originalWidth;
const isForward = indicatorLeft > originalStart;
const startIndex = isForward ? draggingIndex + 1 : 0;
const endIndex = isForward ? offsets.length - 1 : draggingIndex - 1;
if (isForward) {
for (let i = endIndex; i >= startIndex; i--) {
const blockCenter = (offsets[i] + offsets[i + 1]) / 2;
if (indicatorRight > blockCenter) {
return {
targetIndex: i,
isForward,
};
}
}
} else {
for (let i = startIndex; i <= endIndex; i++) {
const blockCenter = (offsets[i] + offsets[i + 1]) / 2;
if (indicatorLeft < blockCenter) {
return {
targetIndex: i,
isForward,
};
}
}
}
return {
targetIndex: undefined,
isForward,
};
};