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

refactor: SetNodeState

Browse Source
This commit is contained in:
Rizumu Ayaka
2026-01-14 17:57:18 +08:00
parent a2940d6a18
commit 172f4b3b5b
1 changed files with 26 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
src/components/rightSidePanel/settings/SetNodeState.vue
View File

@@ -9,26 +9,42 @@ import FormSelectButton from '@/renderer/extensions/vueNodes/widgets/components/
import LayoutField from './LayoutField.vue' import LayoutField from './LayoutField.vue'
const { nodes } = defineProps<{ nodes: LGraphNode[] }>() /**
* Good design limits dependencies and simplifies the interface of the abstraction layer.
* Here, we only care about the node id,
* and do not concern ourselves with other methods.
*/
type PickedNode = Pick<LGraphNode, 'id'>
const { nodes } = defineProps<{ nodes: PickedNode[] }>()
const emit = defineEmits<{ (e: 'changed'): void }>() const emit = defineEmits<{ (e: 'changed'): void }>()
const { t } = useI18n() const { t } = useI18n()
const nodeIds = computed(() => nodes.map((node) => node.id.toString()))
/**
* Retrieves layout references for all selected nodes from the store.
*/
const nodeRefs = computed(() =>
nodeIds.value.map((nodeId) => layoutStore.getNodeLayoutRef(nodeId))
)
/**
* Manages the execution mode state for selected nodes.
* When getting: returns the common mode if all nodes share the same mode, null otherwise.
* When setting: applies the new mode to all selected nodes via the layout store.
*/
const nodeState = computed({ const nodeState = computed({
get() { get() {
if (nodes.length === 0) return null if (nodeIds.value.length === 0) return null
const nodeIds = nodes.map((node) => node.id.toString()) const modes = nodeRefs.value
const modes = nodeIds .map((nodeRef) => nodeRef.value?.mode)
.map((nodeId) => {
const nodeRef = layoutStore.getNodeLayoutRef(nodeId)
return nodeRef.value?.mode
})
.filter((mode): mode is number => mode !== undefined && mode !== null) .filter((mode): mode is number => mode !== undefined && mode !== null)
if (modes.length === 0) return null if (modes.length === 0) return null
// For multiple nodes, if all nodes have the same mode, return that mode, otherwise return null
const firstMode = modes[0] const firstMode = modes[0]
const allSame = modes.every((mode) => mode === firstMode) const allSame = modes.every((mode) => mode === firstMode)
@@ -37,8 +53,7 @@ const nodeState = computed({
set(value: LGraphNode['mode']) { set(value: LGraphNode['mode']) {
if (value === null || value === undefined) return if (value === null || value === undefined) return
const nodeIds = nodes.map((node) => node.id.toString()) layoutStore.setNodesMode(nodeIds.value, value)
layoutStore.setNodesMode(nodeIds, value)
emit('changed') emit('changed')
} }
}) })