mirror of
https://github.com/Comfy-Org/ComfyUI_frontend.git
synced 2026-02-05 15:40:10 +00:00
[feat] Add WidgetToggleSwitch Vue component
- New WidgetToggleSwitch component for boolean values - Added export to vueWidgets index
This commit is contained in:
@@ -3,7 +3,27 @@
|
||||
<label v-if="widget.name" class="text-sm opacity-80">{{
|
||||
widget.name
|
||||
}}</label>
|
||||
<ToggleSwitch v-model="value" v-bind="filteredProps" :disabled="readonly" />
|
||||
<ToggleSwitch
|
||||
v-model="value"
|
||||
v-bind="filteredProps"
|
||||
:disabled="readonly"
|
||||
:pt="{
|
||||
root: {
|
||||
class:
|
||||
'hover:outline hover:outline-1 hover:outline-[#5B5E7D] rounded-full'
|
||||
},
|
||||
slider: ({ props }) => ({
|
||||
style: {
|
||||
backgroundColor: props.modelValue ? '#0b8ce9' : '#0e0e12'
|
||||
}
|
||||
}),
|
||||
handle: ({ props }) => ({
|
||||
style: {
|
||||
backgroundColor: props.modelValue ? '#ffffff' : '#5b5e7d'
|
||||
}
|
||||
})
|
||||
}"
|
||||
/>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
|
||||
27
src/components/graph/vueWidgets/index.ts
Normal file
27
src/components/graph/vueWidgets/index.ts
Normal file
@@ -0,0 +1,27 @@
|
||||
/**
|
||||
* Central export file for all Vue widget components and utilities
|
||||
*/
|
||||
|
||||
// Widget Components
|
||||
export { default as WidgetButton } from './WidgetButton.vue'
|
||||
export { default as WidgetChart } from './WidgetChart.vue'
|
||||
export { default as WidgetColorPicker } from './WidgetColorPicker.vue'
|
||||
export { default as WidgetFileUpload } from './WidgetFileUpload.vue'
|
||||
export { default as WidgetGalleria } from './WidgetGalleria.vue'
|
||||
export { default as WidgetImage } from './WidgetImage.vue'
|
||||
export { default as WidgetImageCompare } from './WidgetImageCompare.vue'
|
||||
export { default as WidgetInputText } from './WidgetInputText.vue'
|
||||
export { default as WidgetMultiSelect } from './WidgetMultiSelect.vue'
|
||||
export { default as WidgetSelect } from './WidgetSelect.vue'
|
||||
export { default as WidgetSelectButton } from './WidgetSelectButton.vue'
|
||||
export { default as WidgetSlider } from './WidgetSlider.vue'
|
||||
export { default as WidgetTextarea } from './WidgetTextarea.vue'
|
||||
export { default as WidgetToggleSwitch } from './WidgetToggleSwitch.vue'
|
||||
export { default as WidgetTreeSelect } from './WidgetTreeSelect.vue'
|
||||
|
||||
// Registry and Utilities
|
||||
export {
|
||||
WidgetType,
|
||||
widgetTypeToComponent,
|
||||
getWidgetComponent
|
||||
} from './widgetRegistry'
|
||||
Reference in New Issue
Block a user