mirror of
https://github.com/Comfy-Org/ComfyUI_frontend.git
synced 2026-02-09 09:30:06 +00:00
Apply new code format standard (#217)
This commit is contained in:
@@ -1,4 +1,4 @@
|
||||
import { $el } from "../ui";
|
||||
import { $el } from '../ui'
|
||||
|
||||
/**
|
||||
* @typedef { { text: string, value?: string, tooltip?: string } } ToggleSwitchItem
|
||||
@@ -11,55 +11,55 @@ import { $el } from "../ui";
|
||||
* @param { (e: { item: ToggleSwitchItem, prev?: ToggleSwitchItem }) => void } [opts.onChange]
|
||||
*/
|
||||
export function toggleSwitch(name, items, e?) {
|
||||
const onChange = e?.onChange;
|
||||
const onChange = e?.onChange
|
||||
|
||||
let selectedIndex;
|
||||
let elements;
|
||||
let selectedIndex
|
||||
let elements
|
||||
|
||||
function updateSelected(index) {
|
||||
if (selectedIndex != null) {
|
||||
elements[selectedIndex].classList.remove("comfy-toggle-selected");
|
||||
elements[selectedIndex].classList.remove('comfy-toggle-selected')
|
||||
}
|
||||
onChange?.({
|
||||
item: items[index],
|
||||
prev: selectedIndex == null ? undefined : items[selectedIndex],
|
||||
});
|
||||
selectedIndex = index;
|
||||
elements[selectedIndex].classList.add("comfy-toggle-selected");
|
||||
prev: selectedIndex == null ? undefined : items[selectedIndex]
|
||||
})
|
||||
selectedIndex = index
|
||||
elements[selectedIndex].classList.add('comfy-toggle-selected')
|
||||
}
|
||||
|
||||
elements = items.map((item, i) => {
|
||||
if (typeof item === "string") item = { text: item };
|
||||
if (!item.value) item.value = item.text;
|
||||
if (typeof item === 'string') item = { text: item }
|
||||
if (!item.value) item.value = item.text
|
||||
|
||||
const toggle = $el(
|
||||
"label",
|
||||
'label',
|
||||
{
|
||||
textContent: item.text,
|
||||
title: item.tooltip ?? "",
|
||||
title: item.tooltip ?? ''
|
||||
},
|
||||
$el("input", {
|
||||
$el('input', {
|
||||
name,
|
||||
type: "radio",
|
||||
type: 'radio',
|
||||
value: item.value ?? item.text,
|
||||
checked: item.selected,
|
||||
onchange: () => {
|
||||
updateSelected(i);
|
||||
},
|
||||
updateSelected(i)
|
||||
}
|
||||
})
|
||||
);
|
||||
)
|
||||
if (item.selected) {
|
||||
updateSelected(i);
|
||||
updateSelected(i)
|
||||
}
|
||||
return toggle;
|
||||
});
|
||||
return toggle
|
||||
})
|
||||
|
||||
const container = $el("div.comfy-toggle-switch", elements);
|
||||
const container = $el('div.comfy-toggle-switch', elements)
|
||||
|
||||
if (selectedIndex == null) {
|
||||
elements[0].children[0].checked = true;
|
||||
updateSelected(0);
|
||||
elements[0].children[0].checked = true
|
||||
updateSelected(0)
|
||||
}
|
||||
|
||||
return container;
|
||||
return container
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user