ayongui/es/ayongui/components/rate/index.mjs

import { j as a } from "../../../react/jsx-runtime.mjs";
import C, { useState as N } from "react";
import t from "./index.module.less.mjs";
const w = ({
  count: f = 5,
  color: o = "gold",
  value: y = 0,
  disabled: l = !1,
  className: $,
  onChange: c = () => {
  },
  icon: n = ""
}) => {
  const [m, h] = N(y), [u, v] = N(null), i = (e) => {
    l || (h(e), c && c(e));
  }, j = (e) => {
    l || v(e);
  }, M = () => {
    l || v(null);
  }, r = (e, s) => `${e < (u || m) ? `${s} ${t.beam} ${t.active}` : `${s} ${t.beam} `} ${$}`, p = (e) => `${e < (u || m) ? t.divIconActive : t.divIcon} ${t.icon}`;
  return /* @__PURE__ */ a.jsx("div", { className: t.warp, children: [...Array(f)].map((e, s) => n ? /* @__PURE__ */ a.jsx(
    "div",
    {
      onMouseOut: M,
      onMouseMove: () => j(s + 1),
      onClick: () => i(s + 1),
      children: C.createElement(n, {
        className: p(s)
      })
    },
    s
  ) : /* @__PURE__ */ a.jsxs(
    "div",
    {
      onMouseOut: M,
      onMouseMove: () => j(s + 1),
      className: t.rotor,
      onClick: () => i(s + 1),
      children: [
        /* @__PURE__ */ a.jsx("div", { style: { "--color": o }, className: r(s, t.north) }),
        /* @__PURE__ */ a.jsx("div", { style: { "--color": o }, className: r(s, t.northwest) }),
        /* @__PURE__ */ a.jsx("div", { style: { "--color": o }, className: r(s, t.northeast) }),
        /* @__PURE__ */ a.jsx("div", { style: { "--color": o }, className: r(s, t.west) }),
        /* @__PURE__ */ a.jsx("div", { style: { "--color": o }, className: r(s, t.east) })
      ]
    },
    s
  )) });
};
export {
  w as default
};