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