mats.bosson/PettyUI
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Fix Toggle options stability

Browse Source
This commit is contained in:
Mats Bosson 2026-03-29 07:10:31 +07:00
parent d522090872
commit 3def20bf0d
1 changed files with 4 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
packages/core/src/components/toggle/toggle.tsx
View File

@ -26,19 +26,14 @@ export function Toggle(props: ToggleProps): JSX.Element {
"onClick", "onClick",
]); ]);
const options: Parameters<typeof createControllableSignal<boolean>>[0] = { const [isPressed, setPressed] = createControllableSignal<boolean>({
value: () => local.pressed, value: () => local.pressed,
defaultValue: () => local.defaultPressed ?? false, defaultValue: () => local.defaultPressed ?? false,
}; onChange: local.onPressedChange,
});
if (local.onPressedChange) {
options.onChange = local.onPressedChange;
}
const [isPressed, setPressed] = createControllableSignal<boolean>(options);
const handleClick: JSX.EventHandler<HTMLButtonElement, MouseEvent> = (e) => { const handleClick: JSX.EventHandler<HTMLButtonElement, MouseEvent> = (e) => {
if (typeof local.onClick === "function") local.onClick(e); local.onClick?.(e);
if (!local.disabled) setPressed(!isPressed()); if (!local.disabled) setPressed(!isPressed());
}; };