mlt131220/AstralView
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

editor: disable layer reorder menu items when no-op

Browse Source
This commit is contained in:
clawdbot 2026-01-29 04:27:28 +08:00
parent e4cca026a0
commit 5636de4154
1 changed files with 57 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

61
packages/editor/src/editor/ContextMenu.tsx
View File

@ -134,6 +134,59 @@ export function ContextMenu(props: {
const canModifySelection = hasSelection && selectionHasUnlocked;
const movableSelectionIds = selectedNodes.filter((n) => !n.locked).map((n) => n.id);
const movableSet = new Set(movableSelectionIds);
const orderIds = props.nodes.map((n) => n.id);
const maxMovableIndex = movableSelectionIds.length
? Math.max(...movableSelectionIds.map((id) => orderIds.indexOf(id)).filter((i) => i >= 0))
: -1;
const minMovableIndex = movableSelectionIds.length
? Math.min(...movableSelectionIds.map((id) => orderIds.indexOf(id)).filter((i) => i >= 0))
: -1;
const lastUnselectedIndex = (() => {
for (let i = orderIds.length - 1; i >= 0; i--) {
if (!movableSet.has(orderIds[i]!)) return i;
}
return -1;
})();
const firstUnselectedIndex = (() => {
for (let i = 0; i < orderIds.length; i++) {
if (!movableSet.has(orderIds[i]!)) return i;
}
return -1;
})();
const canReorderToFront =
canModifySelection &&
movableSelectionIds.length > 0 &&
props.onBringToFrontSelected &&
lastUnselectedIndex >= 0 &&
maxMovableIndex >= 0 &&
maxMovableIndex < lastUnselectedIndex;
const canReorderToBack =
canModifySelection &&
movableSelectionIds.length > 0 &&
props.onSendToBackSelected &&
firstUnselectedIndex >= 0 &&
minMovableIndex >= 0 &&
minMovableIndex > firstUnselectedIndex;
const canReorderForward =
canModifySelection &&
movableSelectionIds.length > 0 &&
props.onBringForwardSelected &&
orderIds.some((id, i) => movableSet.has(id) && i < orderIds.length - 1 && !movableSet.has(orderIds[i + 1]!));
const canReorderBackward =
canModifySelection &&
movableSelectionIds.length > 0 &&
props.onSendBackwardSelected &&
orderIds.some((id, i) => movableSet.has(id) && i > 0 && !movableSet.has(orderIds[i - 1]!));
const hasTarget = ctx.kind === 'node';
const targetId = hasTarget ? ctx.targetId : undefined;
const targetInSelection = !!targetId && selectionIds.includes(targetId);
@ -259,7 +312,7 @@ export function ContextMenu(props: {
<MenuItem
label="Bring To Front"
disabled={!canModifySelection || !props.onBringToFrontSelected}
disabled={!canReorderToFront}
onClick={() => {
props.onBringToFrontSelected?.();
onClose();
@ -267,7 +320,7 @@ export function ContextMenu(props: {
/>
<MenuItem
label="Bring Forward"
disabled={!canModifySelection || !props.onBringForwardSelected}
disabled={!canReorderForward}
onClick={() => {
props.onBringForwardSelected?.();
onClose();
@ -275,7 +328,7 @@ export function ContextMenu(props: {
/>
<MenuItem
label="Send Backward"
disabled={!canModifySelection || !props.onSendBackwardSelected}
disabled={!canReorderBackward}
onClick={() => {
props.onSendBackwardSelected?.();
onClose();
@ -283,7 +336,7 @@ export function ContextMenu(props: {
/>
<MenuItem
label="Send To Back"
disabled={!canModifySelection || !props.onSendToBackSelected}
disabled={!canReorderToBack}
onClick={() => {
props.onSendToBackSelected?.();
onClose();