profectus/TMT-Demo
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

More board optimizations

Browse source
This commit is contained in:
thepaperpilot 2023-05-12 01:39:38 -05:00
parent 2f3ae85eb1
commit 213bdd6005
2 changed files with 7 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
src/features/boards/Board.vue
View file

@ -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)"

5
src/features/boards/BoardNode.vue
View file

@ -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))