mirror of
https://github.com/Comfy-Org/ComfyUI_frontend.git
synced 2026-04-30 11:11:53 +00:00
[backport core/1.36] fix: respect node resizable property in vueNodes mode (#8010)
Backport of #7934 to `core/1.36` Automatically created by backport workflow. ┆Issue is synchronized with this [Notion page](https://www.notion.so/PR-8010-backport-core-1-36-fix-respect-node-resizable-property-in-vueNodes-mode-2e76d73d36508117a420c9bdc2e48508) by [Unito](https://www.unito.io) Co-authored-by: Terry Jia <terryjia88@gmail.com>
This commit is contained in:
@@ -75,6 +75,7 @@ export interface VueNodeData {
|
|||||||
hasErrors?: boolean
|
hasErrors?: boolean
|
||||||
inputs?: INodeInputSlot[]
|
inputs?: INodeInputSlot[]
|
||||||
outputs?: INodeOutputSlot[]
|
outputs?: INodeOutputSlot[]
|
||||||
|
resizable?: boolean
|
||||||
shape?: number
|
shape?: number
|
||||||
subgraphId?: string | null
|
subgraphId?: string | null
|
||||||
titleMode?: TitleMode
|
titleMode?: TitleMode
|
||||||
@@ -325,6 +326,7 @@ export function useGraphNodeManager(graph: LGraph): GraphNodeManager {
|
|||||||
flags: node.flags ? { ...node.flags } : undefined,
|
flags: node.flags ? { ...node.flags } : undefined,
|
||||||
color: node.color || undefined,
|
color: node.color || undefined,
|
||||||
bgcolor: node.bgcolor || undefined,
|
bgcolor: node.bgcolor || undefined,
|
||||||
|
resizable: node.resizable,
|
||||||
shape: node.shape
|
shape: node.shape
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -124,7 +124,7 @@
|
|||||||
|
|
||||||
<!-- Resize handle (bottom-right only) -->
|
<!-- Resize handle (bottom-right only) -->
|
||||||
<div
|
<div
|
||||||
v-if="!isCollapsed"
|
v-if="!isCollapsed && nodeData.resizable !== false"
|
||||||
role="button"
|
role="button"
|
||||||
:aria-label="t('g.resizeFromBottomRight')"
|
:aria-label="t('g.resizeFromBottomRight')"
|
||||||
:class="cn(baseResizeHandleClasses, 'right-0 bottom-0 cursor-se-resize')"
|
:class="cn(baseResizeHandleClasses, 'right-0 bottom-0 cursor-se-resize')"
|
||||||
@@ -341,6 +341,7 @@ const handleResizePointerDown = (event: PointerEvent) => {
|
|||||||
if (event.button !== 0) return
|
if (event.button !== 0) return
|
||||||
if (!shouldHandleNodePointerEvents.value) return
|
if (!shouldHandleNodePointerEvents.value) return
|
||||||
if (nodeData.flags?.pinned) return
|
if (nodeData.flags?.pinned) return
|
||||||
|
if (nodeData.resizable === false) return
|
||||||
startResize(event)
|
startResize(event)
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user