@unicom-cloud/ui 0.8.41

package/Progress.js

@@ -0,0 +1,367 @@
+import { jsx as t, jsxs as v } from "react/jsx-runtime";
+import "./chunk/DP2rzg_V.js";
+import "./Trigger.js";
+import I from "./Tooltip.js";
+import { useCallback as N, forwardRef as j, useContext as _ } from "react";
+import { a as F } from "./chunk/Dc_89PVN.js";
+import G from "./hooks/useMergeProps.js";
+import w from "@unicom-cloud/utils/class-name";
+import M from "./utils/omit.js";
+import b from "@unicom-cloud/icons/IconUiCheck";
+import O from "@unicom-cloud/icons/IconUiExclamation";
+import T from "lodash/isFunction";
+import S from "lodash/isPlainObject";
+import U from "./hooks/useId.js";
+import z from "@unicom-cloud/icons/IconUiExclamationCircleFill";
+const A = {
+  mini: 4,
+  small: 3,
+  default: 4,
+  large: 4
+}, B = {
+  mini: 16,
+  small: 48,
+  default: 64,
+  large: 80
+}, W = (e) => {
+  const {
+    size: l,
+    percent: a = 0,
+    prefixCls: h,
+    showText: i,
+    inlineText: r,
+    status: g,
+    formatText: x
+  } = e, f = S(e.color), n = e.width || B[l], u = e.strokeWidth || (l === "mini" ? n / 2 : A[l]), p = (n - u) / 2, c = Math.PI * 2 * p, m = n / 2, o = `${h}-circle`, s = `${o}-svg`, d = N(
+    (k) => {
+      if (T(x))
+        return x(a);
+      switch (k) {
+        case "success":
+          return /* @__PURE__ */ t(b, {});
+        case "error":
+          return /* @__PURE__ */ t(O, {});
+        default:
+          return `${a}%`;
+      }
+    },
+    [x, a]
+  ), $ = U(`${h}-linear-gradient-`), y = f ? `url(#${$})` : e.color;
+  let C = /* @__PURE__ */ v(
+    "div",
+    {
+      className: `${o}-wrapper`,
+      role: "progressbar",
+      "aria-valuemin": 0,
+      "aria-valuemax": 100,
+      "aria-valuenow": a,
+      style: { width: n, height: n },
+      children: [
+        /* @__PURE__ */ v("svg", { viewBox: `0 0 ${n} ${n}`, className: `${s}`, children: [
+          f && /* @__PURE__ */ t("defs", { children: /* @__PURE__ */ t("linearGradient", { id: $, x1: "0", y1: "1", x2: "0", y2: "0", children: Object.keys(e.color).sort().map((k) => /* @__PURE__ */ t("stop", { offset: k, stopColor: e.color[k] }, k)) }) }),
+          /* @__PURE__ */ t(
+            "circle",
+            {
+              className: `${o}-mask`,
+              fill: "none",
+              cx: m,
+              cy: m,
+              r: p,
+              strokeWidth: e.pathStrokeWidth || (l === "mini" ? u : Math.max(2, u - 2)),
+              style: {
+                stroke: e.pathStrokeColor
+              }
+            }
+          ),
+          /* @__PURE__ */ t(
+            "circle",
+            {
+              className: `${o}-path`,
+              fill: "none",
+              cx: m,
+              cy: m,
+              r: p,
+              strokeWidth: u,
+              style: {
+                stroke: y,
+                strokeDasharray: c,
+                strokeDashoffset: (a > 100 ? 100 : 1 - a / 100) * c
+              }
+            }
+          )
+        ] }),
+        i && l !== "mini" && /* @__PURE__ */ t(
+          "div",
+          {
+            className: w(`${o}-text`, {
+              [`${o}-text-inline`]: r
+            }),
+            children: d(g)
+          }
+        )
+      ]
+    }
+  );
+  return l === "mini" && g === "success" && e.type === "circle" && (C = /* @__PURE__ */ t("div", { className: `${o}-wrapper`, style: { width: n, height: n }, children: /* @__PURE__ */ t(b, { style: { fontSize: n - 2, color: y } }) })), l === "mini" && i ? /* @__PURE__ */ t(
+    I,
+    {
+      content: /* @__PURE__ */ t(
+        "div",
+        {
+          className: w(`${o}-text`, {
+            [`${o}-text-inline`]: r
+          }),
+          children: d("normal")
+        }
+      ),
+      children: C
+    }
+  ) : C;
+}, P = (e, l) => {
+  if (S(e)) {
+    const a = Object.keys(e).map((i) => `${e[i]} ${i}`).join(","), h = l ? { backgroundSize: `${100 * 100 / l}%` } : {};
+    return {
+      backgroundImage: `linear-gradient(to right, ${a})`,
+      ...h
+    };
+  }
+  return {
+    backgroundColor: e
+  };
+}, D = {
+  small: 3,
+  default: 4,
+  large: 8
+};
+function E(e) {
+  const {
+    // textInside,
+    type: l,
+    prefixCls: a,
+    buffer: h,
+    percent: i,
+    color: r,
+    animation: g,
+    bufferColor: x,
+    formatText: f,
+    trailColor: n,
+    showText: u = !0,
+    inlineText: p = !1,
+    size: c = "default",
+    status: m = "normal"
+  } = e, o = e.strokeWidth || D[c], s = `${a}-${l}`, d = o, $ = m === "success" || m === "error" || i >= 100, y = N(() => {
+    if (T(f))
+      return f(i);
+    switch (m) {
+      case "error":
+        return /* @__PURE__ */ v("span", { children: [
+          i,
+          "% ",
+          /* @__PURE__ */ t(z, {})
+        ] });
+      default:
+        return `${i}%`;
+    }
+  }, [f, i, m]);
+  return /* @__PURE__ */ v("div", { className: `${s}-wrapper`, children: [
+    /* @__PURE__ */ v(
+      "div",
+      {
+        className: `${s}-outer`,
+        role: "progressbar",
+        "aria-valuemin": 0,
+        "aria-valuemax": 100,
+        "aria-valuenow": i,
+        style: { height: d, backgroundColor: n },
+        children: [
+          h && !$ && /* @__PURE__ */ t(
+            "div",
+            {
+              className: `${s}-inner-buffer`,
+              style: {
+                width: `${i > 0 ? i + 10 : 0}%`,
+                ...P(x)
+              }
+            }
+          ),
+          /* @__PURE__ */ t(
+            "div",
+            {
+              className: w(`${s}-inner`, {
+                [`${s}-inner-animate`]: g
+              }),
+              style: {
+                width: `${i}%`,
+                ...P(r, i)
+              }
+            }
+          )
+        ]
+      }
+    ),
+    u && /* @__PURE__ */ t(
+      "div",
+      {
+        className: w(`${s}-text`, {
+          [`${s}-text-with-icon`]: m,
+          [`${s}-text-inline`]: p
+        }),
+        children: y()
+      }
+    )
+  ] });
+}
+const L = (e) => {
+  const {
+    prefixCls: l,
+    percent: a,
+    color: h,
+    type: i,
+    formatText: r,
+    trailColor: g,
+    showText: x = !0,
+    inlineText: f = !1,
+    size: n = "default",
+    status: u = "normal"
+  } = e, p = e.strokeWidth || (n === "small" ? 8 : 4), c = `${l}-${i}`, m = p, o = N(() => {
+    if (T(r))
+      return r(a);
+    switch (u) {
+      case "error":
+        return /* @__PURE__ */ v("span", { children: [
+          a,
+          "% ",
+          /* @__PURE__ */ t(z, {})
+        ] });
+      default:
+        return `${a}%`;
+    }
+  }, [r, a, u]);
+  return /* @__PURE__ */ v("div", { className: `${c}-wrapper`, children: [
+    /* @__PURE__ */ t(
+      "div",
+      {
+        className: `${c}-outer`,
+        role: "progressbar",
+        "aria-valuemin": 0,
+        "aria-valuemax": 100,
+        "aria-valuenow": a,
+        style: { height: m },
+        children: [...new Array(e.steps)].map((s, d) => {
+          const $ = a > 100 / e.steps * d;
+          return /* @__PURE__ */ t(
+            "div",
+            {
+              className: w(`${c}-item`, {
+                [`${c}-item-active`]: $
+              }),
+              style: {
+                backgroundColor: $ ? h : g || ""
+              }
+            },
+            d
+          );
+        })
+      }
+    ),
+    x && /* @__PURE__ */ t(
+      "div",
+      {
+        className: w(`${c}-text`, {
+          [`${c}-text-with-icon`]: u,
+          [`${c}-text-inline`]: f
+        }),
+        children: o()
+      }
+    )
+  ] });
+}, R = {
+  type: "line",
+  showText: !0,
+  inlineText: !1,
+  percent: 0,
+  size: "default"
+};
+function q(e, l) {
+  const { getPrefixCls: a, componentConfig: h, rtl: i } = _(F), r = G(
+    e,
+    R,
+    h == null ? void 0 : h.Progress
+  ), {
+    className: g,
+    style: x,
+    size: f,
+    width: n,
+    strokeWidth: u,
+    steps: p,
+    percent: c,
+    ...m
+  } = r, o = p && r.type !== "circle" ? "steps" : r.type, s = a("progress"), d = "status" in r ? r.status : c >= 100 ? "success" : "normal", $ = { width: n };
+  return f === "mini" && o === "line" && ($.width = n || 16, $.height = n || 16), /* @__PURE__ */ v(
+    "div",
+    {
+      ref: l,
+      className: w(
+        s,
+        `${s}-${o}`,
+        `${s}-${f}`,
+        {
+          [`${s}-is-${d}`]: d !== "normal",
+          [`${s}-rtl`]: i
+        },
+        g
+      ),
+      style: { ...$, ...x },
+      ...M(m, [
+        "type",
+        "animation",
+        "status",
+        "color",
+        "trailColor",
+        "showText",
+        "inlineText",
+        "formatText",
+        "buffer",
+        "bufferColor"
+      ]),
+      children: [
+        o === "steps" && /* @__PURE__ */ t(
+          L,
+          {
+            ...r,
+            type: o,
+            status: d,
+            prefixCls: s
+          }
+        ),
+        o === "circle" && /* @__PURE__ */ t(
+          W,
+          {
+            width: r.width,
+            ...r,
+            pathStrokeColor: r.trailColor,
+            status: d,
+            prefixCls: s
+          }
+        ),
+        o === "line" && (f === "mini" ? /* @__PURE__ */ t(
+          W,
+          {
+            pathStrokeColor: r.trailColor,
+            ...r,
+            pathStrokeWidth: u || 4,
+            width: n || 16,
+            strokeWidth: u || 4,
+            prefixCls: s,
+            status: d
+          }
+        ) : /* @__PURE__ */ t(E, { ...r, status: d, prefixCls: s }))
+      ]
+    }
+  );
+}
+const H = j(q);
+H.displayName = "Progress";
+export {
+  H as default
+};

package/Radio.js

@@ -0,0 +1,7 @@
+import "./chunk/DP2rzg_V.js";
+import { R as a } from "./chunk/DYwvc9zo.js";
+import { C as p } from "./chunk/DYwvc9zo.js";
+export {
+  p as ClearRadioGroupContext,
+  a as default
+};

package/Rate.js

@@ -0,0 +1,129 @@
+import { jsx as o, jsxs as Y } from "react/jsx-runtime";
+import "./chunk/DP2rzg_V.js";
+import "./Trigger.js";
+import Z from "./Tooltip.js";
+import x from "@unicom-cloud/icons/IconUiFaceFrownFill";
+import E from "@unicom-cloud/icons/IconUiFaceMehFill";
+import tt from "@unicom-cloud/icons/IconUiFaceSmileFill";
+import et from "@unicom-cloud/icons/IconUiStarFill";
+import { times as rt, divide as ot } from "@unicom-cloud/utils/math";
+import g, { useContext as at, useState as N } from "react";
+import { a as st } from "./chunk/Dc_89PVN.js";
+import ct from "./hooks/useMergeProps.js";
+import U from "@unicom-cloud/utils/class-name";
+import lt from "./utils/omit.js";
+const it = {
+  character: /* @__PURE__ */ o(et, {}),
+  count: 5
+};
+function nt(S, _) {
+  const { getPrefixCls: j, componentConfig: m, rtl: z } = at(st), y = ct(
+    S,
+    it,
+    m == null ? void 0 : m.Rate
+  ), {
+    style: D = {},
+    className: L,
+    defaultValue: T,
+    character: f,
+    count: F,
+    value: I,
+    tooltips: P,
+    allowHalf: a,
+    allowClear: W,
+    readonly: p,
+    disabled: u,
+    grading: C,
+    onChange: c,
+    onHoverChange: l,
+    ...q
+  } = y, [B, M] = N(T || I || 0), [d, b] = N(0), [h, w] = N(), r = j("rate"), G = U(
+    r,
+    {
+      [`${r}-readonly`]: p,
+      [`${r}-disabled`]: u,
+      [`${r}-rtl`]: z
+    },
+    L
+  ), n = "value" in y ? I : B, R = () => {
+    d && (b(0), l == null || l(0));
+  }, V = (t, s) => {
+    const e = s && a ? t + 0.5 : t + 1;
+    e !== d && (b(e), l == null || l(e));
+  }, A = (t, s) => {
+    const e = s && a ? t + 0.5 : t + 1;
+    w(!0), e !== n ? (M(e), c == null || c(e)) : W && (M(0), c == null || c(0), R());
+  }, H = (t) => {
+    const s = a ? rt(+ot(n || 0, 0.5).toFixed(0), 0.5) : Math.round(n), e = d || s;
+    let i = typeof f == "function" ? f(t) : f;
+    C && (e <= 2 ? i = /* @__PURE__ */ o(x, {}) : e <= 3 ? i = /* @__PURE__ */ o(E, {}) : i = /* @__PURE__ */ o(tt, {}), e <= t && (i = /* @__PURE__ */ o(E, {})));
+    const J = U(`${r}-character`, {
+      [`${r}-character-half`]: a && t + 0.5 === e,
+      [`${r}-character-full`]: t + 1 <= e,
+      [`${r}-character-scale`]: h && t + 1 < n
+    }), K = p || u ? {} : {
+      onMouseEnter: V.bind(this, t, !0),
+      onClick: A.bind(this, t, !0)
+    }, O = p || u ? {} : {
+      onMouseEnter: V.bind(this, t, !1),
+      onClick: A.bind(this, t, !1)
+    }, $ = P && P[t], Q = $ ? Z : g.Fragment, X = $ ? { content: $ } : {};
+    function v(k) {
+      return {
+        role: "radio",
+        "aria-checked": t + (k ? 0.5 : 1) <= e,
+        "aria-setsize": F,
+        "aria-posinset": t + (k ? 0.5 : 1)
+      };
+    }
+    return /* @__PURE__ */ o(Q, { ...X, children: /* @__PURE__ */ Y(
+      "div",
+      {
+        className: J,
+        style: h ? { animationDelay: `${50 * t}ms` } : {},
+        onAnimationEnd: () => {
+          h && t + 1 >= n - 1 && w(!1);
+        },
+        ...a ? {} : v(),
+        children: [
+          /* @__PURE__ */ o(
+            "div",
+            {
+              className: `${r}-character-left`,
+              ...K,
+              ...a ? v(!0) : {},
+              children: i
+            }
+          ),
+          /* @__PURE__ */ o(
+            "div",
+            {
+              className: `${r}-character-right`,
+              ...O,
+              ...a ? v() : {},
+              children: i
+            }
+          )
+        ]
+      }
+    ) }, t);
+  };
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      ref: _,
+      ...lt(q, ["error"]),
+      style: D,
+      className: G,
+      onMouseLeave: R,
+      children: /* @__PURE__ */ o("div", { className: `${r}-inner`, children: Array.apply(null, Array(C ? 5 : F)).map(
+        (t, s) => H(s)
+      ) })
+    }
+  );
+}
+const mt = g.forwardRef(nt);
+mt.displayName = "Rate";
+export {
+  mt as default
+};