Comfy-Org/ComfyUI_frontend
1
0
Fork 0
mirror of https://github.com/Comfy-Org/ComfyUI_frontend.git synced 2026-03-10 23:50:00 +00:00
Code Issues Packages Projects Releases Wiki Activity

Vue component multi-select widget (#2987)

Browse Source
This commit is contained in:
Chenlei Hu
2025-03-12 12:03:21 -04:00
committed by GitHub
parent aad7ded636
commit bcd76ba49b
8 changed files with 299 additions and 133 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/stores/domWidgetStore.ts
View File

@@ -5,7 +5,7 @@ import { defineStore } from 'pinia'
import { markRaw, ref } from 'vue'
import type { PositionConfig } from '@/composables/element/useAbsolutePosition'
import type { DOMWidget } from '@/scripts/domWidget'
import type { BaseDOMWidget } from '@/scripts/domWidget'
export interface DomWidgetState extends PositionConfig {
visible: boolean
@@ -18,17 +18,15 @@ export const useDomWidgetStore = defineStore('domWidget', () => {
// Map to reference actual widget instances
// Widgets are stored as raw values to avoid reactivity issues
const widgetInstances = ref(
new Map<string, DOMWidget<HTMLElement, object | string>>()
)
const widgetInstances = ref(new Map<string, BaseDOMWidget<object | string>>())
// Register a widget with the store
const registerWidget = <T extends HTMLElement, V extends object | string>(
widget: DOMWidget<T, V>
const registerWidget = <V extends object | string>(
widget: BaseDOMWidget<V>
) => {
widgetInstances.value.set(
widget.id,
markRaw(widget as unknown as DOMWidget<HTMLElement, object | string>)
markRaw(widget) as unknown as BaseDOMWidget<object | string>
)
widgetStates.value.set(widget.id, {
visible: true,