forked from profectus/Profectus
More board optimizations
This commit is contained in:
parent
2f3ae85eb1
commit
213bdd6005
2 changed files with 7 additions and 6 deletions
|
@ -39,9 +39,11 @@
|
||||||
:dragging="unref(draggingNode)"
|
:dragging="unref(draggingNode)"
|
||||||
:dragged="unref(draggingNode) === node ? dragged : undefined"
|
:dragged="unref(draggingNode) === node ? dragged : undefined"
|
||||||
:hasDragged="unref(draggingNode) == null ? false : hasDragged"
|
:hasDragged="unref(draggingNode) == null ? false : hasDragged"
|
||||||
:receivingNode="unref(receivingNode)?.id === node.id"
|
:receivingNode="unref(receivingNode) === node"
|
||||||
:selectedNode="unref(selectedNode)"
|
:isSelected="unref(selectedNode) === node"
|
||||||
:selectedAction="unref(selectedAction)"
|
:selectedAction="
|
||||||
|
unref(selectedNode) === node ? unref(selectedAction) : null
|
||||||
|
"
|
||||||
@mouseDown="mouseDown"
|
@mouseDown="mouseDown"
|
||||||
@endDragging="endDragging"
|
@endDragging="endDragging"
|
||||||
@clickAction="(actionId: string) => clickAction(node, actionId)"
|
@clickAction="(actionId: string) => clickAction(node, actionId)"
|
||||||
|
|
|
@ -160,7 +160,7 @@ const _props = defineProps<{
|
||||||
};
|
};
|
||||||
hasDragged?: boolean;
|
hasDragged?: boolean;
|
||||||
receivingNode?: boolean;
|
receivingNode?: boolean;
|
||||||
selectedNode: BoardNode | null;
|
isSelected: boolean;
|
||||||
selectedAction: GenericBoardNodeAction | null;
|
selectedAction: GenericBoardNodeAction | null;
|
||||||
}>();
|
}>();
|
||||||
const props = toRefs(_props);
|
const props = toRefs(_props);
|
||||||
|
@ -170,7 +170,6 @@ const emit = defineEmits<{
|
||||||
(e: "clickAction", actionId: string): void;
|
(e: "clickAction", actionId: string): void;
|
||||||
}>();
|
}>();
|
||||||
|
|
||||||
const isSelected = computed(() => unref(props.selectedNode) === unref(props.node));
|
|
||||||
const isDraggable = computed(() =>
|
const isDraggable = computed(() =>
|
||||||
getNodeProperty(props.nodeType.value.draggable, unref(props.node))
|
getNodeProperty(props.nodeType.value.draggable, unref(props.node))
|
||||||
);
|
);
|
||||||
|
@ -211,7 +210,7 @@ const shape = computed(() => getNodeProperty(props.nodeType.value.shape, unref(p
|
||||||
const title = computed(() => getNodeProperty(props.nodeType.value.title, unref(props.node)));
|
const title = computed(() => getNodeProperty(props.nodeType.value.title, unref(props.node)));
|
||||||
const label = computed(
|
const label = computed(
|
||||||
() =>
|
() =>
|
||||||
(isSelected.value
|
(props.isSelected.value
|
||||||
? unref(props.selectedAction) &&
|
? unref(props.selectedAction) &&
|
||||||
// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
|
// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
|
||||||
getNodeProperty(unref(props.selectedAction)!.tooltip, unref(props.node))
|
getNodeProperty(unref(props.selectedAction)!.tooltip, unref(props.node))
|
||||||
|
|
Loading…
Reference in a new issue