mirror of
https://github.com/Comfy-Org/ComfyUI_frontend.git
synced 2026-02-07 08:30:06 +00:00
bfcbcf4873
* refactor: Reorganize Vue nodes system to domain-driven design architecture Move Vue nodes code from scattered technical layers to domain-focused structure: - Widget system → src/renderer/extensions/vueNodes/widgets/ - LOD optimization → src/renderer/extensions/vueNodes/lod/ - Layout logic → src/renderer/extensions/vueNodes/layout/ - Node components → src/renderer/extensions/vueNodes/components/ - Test structure mirrors source organization Benefits: - Clear domain boundaries instead of technical layers - Everything Vue nodes related in renderer domain (not workbench) - camelCase naming (vueNodes vs vue-nodes) - Tests co-located with source domains - All imports updated to new DDD structure * fix: Skip spatial index performance test on CI to avoid flaky timing Performance tests are inherently flaky on CI due to variable system performance. This test should only run locally like the other performance tests.
59 lines
1.4 KiB
Vue
59 lines
1.4 KiB
Vue
<template>
|
|
<div class="flex items-center justify-between gap-4">
|
|
<label v-if="widget.name" class="text-xs opacity-80 min-w-[4em] truncate">{{
|
|
widget.name
|
|
}}</label>
|
|
<MultiSelect
|
|
v-model="localValue"
|
|
v-bind="filteredProps"
|
|
:disabled="readonly"
|
|
class="flex-grow min-w-[8em] max-w-[20em] text-xs"
|
|
size="small"
|
|
:pt="{
|
|
option: 'text-xs'
|
|
}"
|
|
@update:model-value="onChange"
|
|
/>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import MultiSelect from 'primevue/multiselect'
|
|
import { computed } from 'vue'
|
|
|
|
import { useWidgetValue } from '@/composables/graph/useWidgetValue'
|
|
import type { SimplifiedWidget } from '@/types/simplifiedWidget'
|
|
import {
|
|
PANEL_EXCLUDED_PROPS,
|
|
filterWidgetProps
|
|
} from '@/utils/widgetPropFilter'
|
|
|
|
const props = defineProps<{
|
|
widget: SimplifiedWidget<any[]>
|
|
modelValue: any[]
|
|
readonly?: boolean
|
|
}>()
|
|
|
|
const emit = defineEmits<{
|
|
'update:modelValue': [value: any[]]
|
|
}>()
|
|
|
|
// Use the composable for consistent widget value handling
|
|
const { localValue, onChange } = useWidgetValue({
|
|
widget: props.widget,
|
|
modelValue: props.modelValue,
|
|
defaultValue: [],
|
|
emit
|
|
})
|
|
|
|
// MultiSelect specific excluded props include overlay styles
|
|
const MULTISELECT_EXCLUDED_PROPS = [
|
|
...PANEL_EXCLUDED_PROPS,
|
|
'overlayStyle'
|
|
] as const
|
|
|
|
const filteredProps = computed(() =>
|
|
filterWidgetProps(props.widget.options, MULTISELECT_EXCLUDED_PROPS)
|
|
)
|
|
</script>
|