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

Implement ButtonWidget (#483)

Browse Source
This commit is contained in:
Chenlei Hu
2025-02-08 16:50:02 -05:00
committed by GitHub
parent dd1dae7d2f
commit ab14827f87
3 changed files with 96 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
src/LGraphCanvas.ts
View File

@@ -70,6 +70,7 @@ import { toClass } from "./utils/type"
import { NodeInputSlot, NodeOutputSlot, type ConnectionColorContext } from "./NodeSlot"
import { ComboWidget } from "./widgets/ComboWidget"
import { NumberWidget } from "./widgets/NumberWidget"
import { ButtonWidget } from "./widgets/ButtonWidget"
interface IShowSearchOptions {
node_to?: LGraphNode
@@ -2564,9 +2565,11 @@ export class LGraphCanvas implements ConnectionColorContext {
switch (widget.type) {
case "button":
pointer.onClick = () => {
widget.callback?.(widget, this, node, pos, e)
widget.clicked = true
this.dirty_canvas = true
toClass(ButtonWidget, widget).onClick({
e,
node,
canvas: this,
})
}
break
case "slider": {
@@ -5838,20 +5841,7 @@ export class LGraphCanvas implements ConnectionColorContext {
switch (w.type) {
case "button":
ctx.fillStyle = background_color
if (w.clicked) {
ctx.fillStyle = "#AAA"
w.clicked = false
this.dirty_canvas = true
}
ctx.fillRect(margin, y, widget_width - margin * 2, H)
if (show_text && !w.disabled)
ctx.strokeRect(margin, y, widget_width - margin * 2, H)
if (show_text) {
ctx.textAlign = "center"
ctx.fillStyle = text_color
ctx.fillText(w.label || w.name, widget_width * 0.5, y + H * 0.7)
}
toClass(ButtonWidget, w).drawWidget(ctx, { y, width: widget_width, show_text, margin })
break
case "toggle":
toClass(BooleanWidget, w).drawWidget(ctx, { y, width: widget_width, show_text, margin })