natxocc
5a5f593025
All checks were successful
Deploy Docs to Synology / deploy (push) Successful in 4s
21 lines
799 B
JavaScript
21 lines
799 B
JavaScript
// components/Rating.js
|
|
import { Tag } from "sigpro";
|
|
|
|
export const Rating = (props, children) => {
|
|
children === undefined && (children = props, props = {});
|
|
const name = `rating-${Math.random().toString(36).slice(2, 7)}`;
|
|
|
|
return Tag("div", { ...props, class: `rating ${props.class ?? ''}` }, children || Array.from({ length: props.count || 5 }, (_, i) => {
|
|
const starValue = i + 1;
|
|
return Tag("input", {
|
|
type: "radio",
|
|
name,
|
|
class: `mask ${props.mask || "mask-star"}`,
|
|
checked: () => typeof props.value === "function" ? props.value() === starValue : props.value === starValue,
|
|
onchange: () => {
|
|
if (props.onchange) props.onchange(starValue);
|
|
else if (typeof props.value === "function") props.value(starValue);
|
|
}
|
|
});
|
|
}));
|
|
}; |