thepaperpilot/chromatic-lattice
1
0
Fork 0
Code Issues Pull requests Releases Activity Actions

Make selectedNode and selectedAction writable

Browse source
This commit is contained in:
thepaperpilot 2023-04-23 00:38:06 -05:00
parent 3808f299ec
commit c08ea9ce85
1 changed files with 47 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

54
src/features/boards/board.ts
View file

@ -21,7 +21,7 @@ import type {
} from "util/computed"; } from "util/computed";
import { processComputable } from "util/computed"; import { processComputable } from "util/computed";
import { createLazyProxy } from "util/proxies"; import { createLazyProxy } from "util/proxies";
import { computed, ref, Ref, unref } from "vue"; import { computed, isRef, ref, Ref, unref } from "vue";
import panZoom from "vue-panzoom"; import panZoom from "vue-panzoom";
import type { Link } from "../links/links"; import type { Link } from "../links/links";
@ -337,12 +337,52 @@ export function createBoard<T extends BoardOptions>(
} }
board.nodes = computed(() => unref(processedBoard.state).nodes); board.nodes = computed(() => unref(processedBoard.state).nodes);
board.selectedNode = computed( board.selectedNode = computed({
() => get() {
processedBoard.nodes.value.find( return (
node => node.id === unref(processedBoard.state).selectedNode processedBoard.nodes.value.find(
) || null node => node.id === unref(processedBoard.state).selectedNode
); ) || null
);
},
set(node) {
if (isRef(processedBoard.state)) {
processedBoard.state.value = {
...processedBoard.state.value,
selectedNode: node?.id ?? null
};
} else {
processedBoard.state.selectedNode = node?.id ?? null;
}
}
});
board.selectedAction = computed({
get() {
const selectedNode = processedBoard.selectedNode.value;
if (selectedNode == null) {
return null;
}
const type = processedBoard.types[selectedNode.type];
if (type.actions == null) {
return null;
}
return (
type.actions.find(
action => action.id === unref(processedBoard.state).selectedAction
) || null
);
},
set(action) {
if (isRef(processedBoard.state)) {
processedBoard.state.value = {
...processedBoard.state.value,
selectedAction: action?.id ?? null
};
} else {
processedBoard.state.selectedAction = action?.id ?? null;
}
}
});
board.selectedAction = computed(() => { board.selectedAction = computed(() => {
const selectedNode = processedBoard.selectedNode.value; const selectedNode = processedBoard.selectedNode.value;
if (selectedNode == null) { if (selectedNode == null) {