Comfy-Org/ComfyUI_frontend
1
0
Fork 0
mirror of https://github.com/Comfy-Org/ComfyUI_frontend.git synced 2026-04-30 03:01:54 +00:00
Code Issues Packages Projects Releases Wiki Activity

Make vue inputs reactive

Browse Source
This commit is contained in:
Austin Mroz
2025-12-02 01:04:18 -08:00
parent a50eb8dd57
commit 948320137e
1 changed files with 10 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/composables/graph/useGraphNodeManager.ts
View File

@@ -231,6 +231,15 @@ export function useGraphNodeManager(graph: LGraph): GraphNodeManager {
reactiveWidgets.splice(0, reactiveWidgets.length, ...v) reactiveWidgets.splice(0, reactiveWidgets.length, ...v)
} }
}) })
const reactiveInputs = shallowReactive<INodeInputSlot[]>(node.inputs ?? [])
Object.defineProperty(node, 'inputs', {
get() {
return reactiveInputs
},
set(v) {
reactiveInputs.splice(0, reactiveInputs.length, ...v)
}
})
const safeWidgets = reactiveComputed<SafeWidgetData[]>(() => { const safeWidgets = reactiveComputed<SafeWidgetData[]>(() => {
node.inputs?.forEach((input, index) => { node.inputs?.forEach((input, index) => {
@@ -265,7 +274,7 @@ export function useGraphNodeManager(graph: LGraph): GraphNodeManager {
badges, badges,
hasErrors: !!node.has_errors, hasErrors: !!node.has_errors,
widgets: safeWidgets, widgets: safeWidgets,
inputs: node.inputs ? [...node.inputs] : undefined, inputs: reactiveInputs,
outputs: node.outputs ? [...node.outputs] : undefined, outputs: node.outputs ? [...node.outputs] : undefined,
flags: node.flags ? { ...node.flags } : undefined, flags: node.flags ? { ...node.flags } : undefined,
color: node.color || undefined, color: node.color || undefined,