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

Upstream frontend widgets layout logic (#531)

Browse Source 
* Upstream frontend widgets layout logic

* Add back LGraphNode.freeWidgetSpace

* nit

* update expectations
This commit is contained in:
Chenlei Hu
2025-02-14 19:22:37 -05:00
committed by GitHub
parent 5bed4fbb70
commit d23a320f9f
6 changed files with 268 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/LGraphCanvas.ts
View File

@@ -4663,6 +4663,13 @@ export class LGraphCanvas implements ConnectionColorContext {
// render inputs and outputs
if (!node.collapsed) {
node.layoutSlots()
const slotsBounds = createBounds(
node.slots.map(slot => slot._layoutElement),
/** padding= */ 0,
)
const widgetStartY = slotsBounds ? slotsBounds[1] + slotsBounds[3] : 0
node.layoutWidgets({ widgetStartY })
node.drawSlots(ctx, {
connectingLink: this.connecting_links?.[0],
colorContext: this,
@@ -4673,12 +4680,7 @@ export class LGraphCanvas implements ConnectionColorContext {
ctx.textAlign = "left"
ctx.globalAlpha = 1
const slotsBounds = createBounds(
node.slots.map(slot => slot._layoutElement),
/** padding= */ 0,
)
const max_y = slotsBounds ? slotsBounds[1] + slotsBounds[3] : 0
this.drawNodeWidgets(node, max_y, ctx)
this.drawNodeWidgets(node, widgetStartY, ctx)
} else if (this.render_collapsed_slots) {
node.drawCollapsedSlots(ctx)
}
@@ -5527,7 +5529,6 @@ export class LGraphCanvas implements ConnectionColorContext {
ctx: CanvasRenderingContext2D,
): void {
node.drawWidgets(ctx, {
y: posY,
colorContext: this,
linkOverWidget: this.link_over_widget,
linkOverWidgetType: this.link_over_widget_type,