Vue component multi-select widget

[huchenlei]

class MultiSelectNode:
    @classmethod
    def INPUT_TYPES(cls):
        return {
            "required": {
                "foo": ("COMBO", {"options": ["A", "B", "C"], "multi_select": True})
            }
        }

    RETURN_TYPES = ("STRING",)
    OUTPUT_IS_LIST = [True]
    FUNCTION = "multi_select_node"
    CATEGORY = "DevTools"
    DESCRIPTION = "A node that outputs a multi select type"

    def multi_select_node(self, foo: list[str]) -> list[str]:
        print(f"foo: {foo}")
        return (foo,)

┆Issue is synchronized with this Notion page by Unito

[christian-byrne]

LGTM

[huchenlei]

Requires #2989 to function properly.

[huchenlei]

[huchenlei]

Chips mode:

[christian-byrne]

👏👏

ms.mp4

[MohammadAboulEla]

I believe what we need most is a tuple widget that allows input for both width and height within the same line. It should be flexible enough to support up to four inputs, enabling us to map R, G, B, and A in a single widget line instead of wasting node space with separate lines for each input.