@unicom-cloud/ui 0.8.66 → 0.8.68

package/progress/LineProgess.js

@@ -0,0 +1,103 @@
+import { jsxs as c, jsx as n } from "react/jsx-runtime";
+import C from "@unicom-cloud/icons/IconUiExclamationCircleFill";
+import j from "lodash/isFunction";
+import N from "lodash/isPlainObject";
+import { useCallback as y } from "react";
+import { m as u } from "../chunk/JPPo5nY_.js";
+const m = (t, a) => {
+  if (N(t)) {
+    const s = Object.keys(t).map((e) => `${t[e]} ${e}`).join(","), o = a ? { backgroundSize: `${100 * 100 / a}%` } : {};
+    return {
+      backgroundImage: `linear-gradient(to right, ${s})`,
+      ...o
+    };
+  }
+  return {
+    backgroundColor: t
+  };
+}, T = {
+  small: 3,
+  default: 4,
+  large: 8
+};
+function S(t) {
+  const {
+    // textInside,
+    type: a,
+    prefixCls: s,
+    buffer: o,
+    percent: e,
+    color: d,
+    animation: f,
+    bufferColor: $,
+    formatText: l,
+    trailColor: h,
+    showText: g = !0,
+    inlineText: p = !1,
+    size: x = "default",
+    status: i = "normal"
+  } = t, b = t.strokeWidth || T[x], r = `${s}-${a}`, k = b, v = i === "success" || i === "error" || e >= 100, w = y(() => {
+    if (j(l))
+      return l(e);
+    switch (i) {
+      case "error":
+        return /* @__PURE__ */ c("span", { children: [
+          e,
+          "% ",
+          /* @__PURE__ */ n(C, {})
+        ] });
+      default:
+        return `${e}%`;
+    }
+  }, [l, e, i]);
+  return /* @__PURE__ */ c("div", { className: `${r}-wrapper`, children: [
+    /* @__PURE__ */ c(
+      "div",
+      {
+        className: `${r}-outer`,
+        role: "progressbar",
+        "aria-valuemin": 0,
+        "aria-valuemax": 100,
+        "aria-valuenow": e,
+        style: { height: k, backgroundColor: h },
+        children: [
+          o && !v && /* @__PURE__ */ n(
+            "div",
+            {
+              className: `${r}-inner-buffer`,
+              style: {
+                width: `${e > 0 ? e + 10 : 0}%`,
+                ...m($)
+              }
+            }
+          ),
+          /* @__PURE__ */ n(
+            "div",
+            {
+              className: u(`${r}-inner`, {
+                [`${r}-inner-animate`]: f
+              }),
+              style: {
+                width: `${e}%`,
+                ...m(d, e)
+              }
+            }
+          )
+        ]
+      }
+    ),
+    g && /* @__PURE__ */ n(
+      "div",
+      {
+        className: u(`${r}-text`, {
+          [`${r}-text-with-icon`]: i,
+          [`${r}-text-inline`]: p
+        }),
+        children: w()
+      }
+    )
+  ] });
+}
+export {
+  S as default
+};

package/progress/StepProgress.js

@@ -0,0 +1,74 @@
+import { jsxs as n, jsx as s } from "react/jsx-runtime";
+import g from "@unicom-cloud/icons/IconUiExclamationCircleFill";
+import C from "lodash/isFunction";
+import { useCallback as k } from "react";
+import { m as c } from "../chunk/JPPo5nY_.js";
+const F = (r) => {
+  const {
+    prefixCls: m,
+    percent: t,
+    color: u,
+    type: d,
+    formatText: a,
+    trailColor: f,
+    showText: x = !0,
+    inlineText: h = !1,
+    size: p = "default",
+    status: i = "normal"
+  } = r, $ = r.strokeWidth || (p === "small" ? 8 : 4), e = `${m}-${d}`, v = $, w = k(() => {
+    if (C(a))
+      return a(t);
+    switch (i) {
+      case "error":
+        return /* @__PURE__ */ n("span", { children: [
+          t,
+          "% ",
+          /* @__PURE__ */ s(g, {})
+        ] });
+      default:
+        return `${t}%`;
+    }
+  }, [a, t, i]);
+  return /* @__PURE__ */ n("div", { className: `${e}-wrapper`, children: [
+    /* @__PURE__ */ s(
+      "div",
+      {
+        className: `${e}-outer`,
+        role: "progressbar",
+        "aria-valuemin": 0,
+        "aria-valuemax": 100,
+        "aria-valuenow": t,
+        style: { height: v },
+        children: [...new Array(r.steps)].map((y, o) => {
+          const l = t > 100 / r.steps * o;
+          return /* @__PURE__ */ s(
+            "div",
+            {
+              className: c(`${e}-item`, {
+                [`${e}-item-active`]: l
+              }),
+              style: {
+                backgroundColor: l ? u : f || ""
+              }
+            },
+            o
+          );
+        })
+      }
+    ),
+    x && /* @__PURE__ */ s(
+      "div",
+      {
+        className: c(`${e}-text`, {
+          [`${e}-text-with-icon`]: i,
+          [`${e}-text-inline`]: h
+        }),
+        children: w()
+      }
+    )
+  ] });
+};
+export {
+  F as StepProgress,
+  F as default
+};

package/progress/index.js

@@ -0,0 +1,99 @@
+import { jsxs as w, jsx as i } from "react/jsx-runtime";
+import { forwardRef as y, useContext as $ } from "react";
+import { a as k } from "../chunk/ll867Bf3.js";
+import { u as S } from "../chunk/BFTV6myl.js";
+import { m as T } from "../chunk/JPPo5nY_.js";
+import { o as N } from "../chunk/BKKEev13.js";
+import m from "./CircleProgress.js";
+import W from "./LineProgess.js";
+import { StepProgress as b } from "./StepProgress.js";
+const j = {
+  type: "line",
+  showText: !0,
+  inlineText: !1,
+  percent: 0,
+  size: "default"
+};
+function z(f, c) {
+  const { getPrefixCls: h, componentConfig: l, rtl: d } = $(k), t = S(
+    f,
+    j,
+    l == null ? void 0 : l.Progress
+  ), {
+    className: u,
+    style: x,
+    size: a,
+    width: o,
+    strokeWidth: p,
+    steps: g,
+    percent: C,
+    ...P
+  } = t, s = g && t.type !== "circle" ? "steps" : t.type, r = h("progress"), e = "status" in t ? t.status : C >= 100 ? "success" : "normal", n = { width: o };
+  return a === "mini" && s === "line" && (n.width = o || 16, n.height = o || 16), /* @__PURE__ */ w(
+    "div",
+    {
+      ref: c,
+      className: T(
+        r,
+        `${r}-${s}`,
+        `${r}-${a}`,
+        {
+          [`${r}-is-${e}`]: e !== "normal",
+          [`${r}-rtl`]: d
+        },
+        u
+      ),
+      style: { ...n, ...x },
+      ...N(P, [
+        "type",
+        "animation",
+        "status",
+        "color",
+        "trailColor",
+        "showText",
+        "inlineText",
+        "formatText",
+        "buffer",
+        "bufferColor"
+      ]),
+      children: [
+        s === "steps" && /* @__PURE__ */ i(
+          b,
+          {
+            ...t,
+            type: s,
+            status: e,
+            prefixCls: r
+          }
+        ),
+        s === "circle" && /* @__PURE__ */ i(
+          m,
+          {
+            width: t.width,
+            ...t,
+            pathStrokeColor: t.trailColor,
+            status: e,
+            prefixCls: r
+          }
+        ),
+        s === "line" && (a === "mini" ? /* @__PURE__ */ i(
+          m,
+          {
+            pathStrokeColor: t.trailColor,
+            ...t,
+            pathStrokeWidth: p || 4,
+            width: o || 16,
+            strokeWidth: p || 4,
+            prefixCls: r,
+            status: e
+          }
+        ) : /* @__PURE__ */ i(W, { ...t, status: e, prefixCls: r }))
+      ]
+    }
+  );
+}
+const R = y(z);
+R.displayName = "Progress";
+export {
+  R as default
+};

package/progress/interface.js

@@ -0,0 +1 @@
+

package/radio/Group.js

@@ -0,0 +1,16 @@
+import "react/jsx-runtime";
+import "lodash/isArray";
+import "lodash/isPlainObject";
+import "react";
+import "../chunk/ll867Bf3.js";
+import "../chunk/BFTV6myl.js";
+import "../chunk/CdaT1b_F.js";
+import "../chunk/JPPo5nY_.js";
+import "../utils/constant.js";
+import "../chunk/ClqoGc3r.js";
+import { C as x, a as G, G as f } from "../chunk/CD3AUpzo.js";
+export {
+  x as ClearRadioGroupContext,
+  G as RadioGroupContext,
+  f as default
+};

package/radio/Radio.js

@@ -0,0 +1,15 @@
+import "react/jsx-runtime";
+import "lodash/isFunction";
+import "lodash/isNil";
+import "react";
+import "../chunk/ll867Bf3.js";
+import "../chunk/BFTV6myl.js";
+import "../chunk/CdaT1b_F.js";
+import "../chunk/JPPo5nY_.js";
+import "../chunk/BKKEev13.js";
+import { G, a as R, R as f } from "../chunk/CD3AUpzo.js";
+export {
+  G as RadioGroup,
+  R as RadioGroupContext,
+  f as default
+};

package/radio/index.js

@@ -0,0 +1,8 @@
+import { R as a } from "../chunk/CD3AUpzo.js";
+import { C as e, G as p, a as d } from "../chunk/CD3AUpzo.js";
+export {
+  e as ClearRadioGroupContext,
+  p as RadioGroup,
+  d as RadioGroupContext,
+  a as default
+};

package/radio/interface.js

@@ -0,0 +1 @@
+

package/rate/index.js

@@ -0,0 +1,127 @@
+import { jsx as o, jsxs as Y } from "react/jsx-runtime";
+import Z from "@unicom-cloud/icons/IconUiFaceFrownFill";
+import E from "@unicom-cloud/icons/IconUiFaceMehFill";
+import x from "@unicom-cloud/icons/IconUiFaceSmileFill";
+import tt from "@unicom-cloud/icons/IconUiStarFill";
+import { o as rt, d as et } from "../chunk/BibHFOCF.js";
+import g, { useContext as ot, useState as y } from "react";
+import { a as at } from "../chunk/ll867Bf3.js";
+import { u as st } from "../chunk/BFTV6myl.js";
+import ct from "../tooltip/index.js";
+import { m as U } from "../chunk/JPPo5nY_.js";
+import { o as lt } from "../chunk/BKKEev13.js";
+const it = {
+  character: /* @__PURE__ */ o(tt, {}),
+  count: 5
+};
+function nt(S, _) {
+  const { getPrefixCls: j, componentConfig: m, rtl: z } = ot(at), F = st(
+    S,
+    it,
+    m == null ? void 0 : m.Rate
+  ), {
+    style: D = {},
+    className: L,
+    defaultValue: T,
+    character: f,
+    count: I,
+    value: N,
+    tooltips: P,
+    allowHalf: a,
+    allowClear: W,
+    readonly: p,
+    disabled: u,
+    grading: C,
+    onChange: c,
+    onHoverChange: l,
+    ...q
+  } = F, [B, M] = y(T || N || 0), [d, b] = y(0), [h, w] = y(), e = j("rate"), G = U(
+    e,
+    {
+      [`${e}-readonly`]: p,
+      [`${e}-disabled`]: u,
+      [`${e}-rtl`]: z
+    },
+    L
+  ), n = "value" in F ? N : B, R = () => {
+    d && (b(0), l == null || l(0));
+  }, V = (t, s) => {
+    const r = s && a ? t + 0.5 : t + 1;
+    r !== d && (b(r), l == null || l(r));
+  }, A = (t, s) => {
+    const r = s && a ? t + 0.5 : t + 1;
+    w(!0), r !== n ? (M(r), c == null || c(r)) : W && (M(0), c == null || c(0), R());
+  }, H = (t) => {
+    const s = a ? rt(+et(n || 0, 0.5).toFixed(0), 0.5) : Math.round(n), r = d || s;
+    let i = typeof f == "function" ? f(t) : f;
+    C && (r <= 2 ? i = /* @__PURE__ */ o(Z, {}) : r <= 3 ? i = /* @__PURE__ */ o(E, {}) : i = /* @__PURE__ */ o(x, {}), r <= t && (i = /* @__PURE__ */ o(E, {})));
+    const J = U(`${e}-character`, {
+      [`${e}-character-half`]: a && t + 0.5 === r,
+      [`${e}-character-full`]: t + 1 <= r,
+      [`${e}-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 = $ ? ct : g.Fragment, X = $ ? { content: $ } : {};
+    function v(k) {
+      return {
+        role: "radio",
+        "aria-checked": t + (k ? 0.5 : 1) <= r,
+        "aria-setsize": I,
+        "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: `${e}-character-left`,
+              ...K,
+              ...a ? v(!0) : {},
+              children: i
+            }
+          ),
+          /* @__PURE__ */ o(
+            "div",
+            {
+              className: `${e}-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: `${e}-inner`, children: Array.apply(null, Array(C ? 5 : I)).map(
+        (t, s) => H(s)
+      ) })
+    }
+  );
+}
+const mt = g.forwardRef(nt);
+mt.displayName = "Rate";
+export {
+  mt as default
+};

package/rate/interface.js

@@ -0,0 +1 @@
+

package/resize-box/ResizeTrigger.js

@@ -0,0 +1,78 @@
+import { jsx as e, jsxs as O } from "react/jsx-runtime";
+import F from "@unicom-cloud/icons/IconUiCaretDown";
+import N from "@unicom-cloud/icons/IconUiCaretLeft";
+import h from "@unicom-cloud/icons/IconUiCaretRight";
+import H from "@unicom-cloud/icons/IconUiCaretUp";
+import L from "@unicom-cloud/icons/IconUiDragDot";
+import M from "@unicom-cloud/icons/IconUiDragDotVertical";
+import g from "lodash/isFunction";
+import { useContext as V, useRef as q, useEffect as A } from "react";
+import { a as B } from "../chunk/ll867Bf3.js";
+import { m as o } from "../chunk/JPPo5nY_.js";
+import "../chunk/D-TPB2Do.js";
+import { o as G } from "../chunk/BKKEev13.js";
+import { r as J } from "../chunk/CIRG541s.js";
+import z from "lodash/isPlainObject.js";
+function ce(I) {
+  const {
+    className: D,
+    direction: U,
+    icon: b,
+    onMouseDown: R,
+    onResize: a,
+    children: u,
+    collapsible: n = {},
+    resizable: l = !0,
+    renderChildren: c,
+    ...T
+  } = I, { getPrefixCls: k, rtl: C } = V(B), r = k("resizebox-trigger"), t = U === "horizontal", y = C && !t, x = o(
+    r,
+    `${r}-${t ? "horizontal" : "vertical"}`,
+    { [`${r}-not-resizable`]: !l },
+    { [`${r}-rtl`]: C },
+    D
+  ), m = q(), v = y ? [/* @__PURE__ */ e(h, {}, "prev"), /* @__PURE__ */ e(N, {}, "next")] : [/* @__PURE__ */ e(N, {}, "prev"), /* @__PURE__ */ e(h, {}, "next")], i = z(n.prev) ? {
+    ...n.prev,
+    icon: n.prev.icon || (t ? /* @__PURE__ */ e(H, {}) : v[0])
+  } : {}, s = z(n.next) ? {
+    ...n.next,
+    icon: n.next.icon || (t ? /* @__PURE__ */ e(F, {}) : v[1])
+  } : {}, j = () => i.icon && !i.collapsed || s.collapsed ? /* @__PURE__ */ e(
+    "span",
+    {
+      className: o(`${r}-icon`, o(`${r}-prev`)),
+      onClick: i.onClick,
+      children: i.icon
+    }
+  ) : /* @__PURE__ */ e("span", { className: o(`${r}-icon-empty`) }), w = () => s.icon && !s.collapsed || i.collapsed ? /* @__PURE__ */ e(
+    "span",
+    {
+      className: o(`${r}-icon`, o(`${r}-next`)),
+      onClick: s.onClick,
+      children: s.icon
+    }
+  ) : /* @__PURE__ */ e("span", { className: o(`${r}-icon-empty`) }), P = () => l ? /* @__PURE__ */ e("span", { className: `${r}-icon`, children: b || (t ? /* @__PURE__ */ e(L, {}) : /* @__PURE__ */ e(M, {})) }) : /* @__PURE__ */ e("span", { className: o(`${r}-icon-empty`) }), p = j(), f = P(), d = w(), $ = () => /* @__PURE__ */ O("div", { className: `${r}-icon-wrapper`, children: [
+    p,
+    f,
+    d
+  ] });
+  return l ? (A(() => {
+    if (!g(a)) return;
+    const E = J([m.current], a);
+    return () => {
+      E();
+    };
+  }, [m.current, a]), /* @__PURE__ */ e(
+    "div",
+    {
+      ref: m,
+      ...G(T, ["style"]),
+      className: x,
+      onMouseDown: R,
+      children: g(c) ? c(p, f, d) : u || $()
+    }
+  )) : /* @__PURE__ */ e("div", { className: x, children: g(c) ? c(p, f, d) : u || $() });
+}
+export {
+  ce as default
+};

package/resize-box/Split.js

@@ -0,0 +1,130 @@
+import { jsx as y, jsxs as ie } from "react/jsx-runtime";
+import { forwardRef as ce, useContext as ae, useState as D, useRef as T, useImperativeHandle as fe, useEffect as ue } from "react";
+import { a as me } from "../chunk/ll867Bf3.js";
+import { u as le } from "../chunk/B2yFlXke.js";
+import { m as $ } from "../chunk/JPPo5nY_.js";
+import { on as m, off as l } from "../utils/dom.js";
+import de from "./ResizeTrigger.js";
+const C = "horizontal", W = "vertical";
+function ge(n, A) {
+  const {
+    style: L,
+    className: V,
+    component: j = "div",
+    direction: H = "horizontal",
+    icon: B,
+    size: d = 0.5,
+    min: v,
+    max: x,
+    panes: _,
+    disabled: Z,
+    trigger: k
+  } = n, { getPrefixCls: q, rtl: I } = ae(me), s = q("resizebox-split"), g = H.includes(C), p = H.includes("reverse"), G = g && I, R = !g, J = $(
+    s,
+    `${s}-${g ? C : W}`,
+    { [`${s}-rtl`]: I },
+    V
+  ), [K, Q] = _, i = typeof d == "string", [c, E] = D(parseFloat(d)), [F, U] = D(0), t = T({
+    startX: 0,
+    startY: 0,
+    startWidth: 0,
+    startHeight: 0,
+    startOffset: 0,
+    moving: !1
+  }), w = T(), O = T([]);
+  fe(A, () => w.current, []);
+  function z(e, o) {
+    return parseFloat(e) / parseFloat(o);
+  }
+  function M(e, o, r, f) {
+    const X = typeof v == "string" ? z(parseFloat(v), e) : v || 0, Y = typeof x == "string" ? z(parseFloat(x), e) : x || 1;
+    let N = p ? -1 : 1;
+    N *= G ? -1 : 1;
+    let u = i ? o + (f - r) * N : z(
+      e * o + (f - r) * N,
+      e
+    );
+    const re = i ? X * e : X, se = i ? Y * e : Y;
+    return u = Math.max(u, re), u = Math.min(u, se), u;
+  }
+  function ee(e) {
+    var o, r, f;
+    (o = n.onMovingStart) == null || o.call(n), t.current.moving = !0, t.current.startX = e.pageX, t.current.startY = e.pageY, t.current.startWidth = (r = w.current) == null ? void 0 : r.offsetWidth, t.current.startHeight = (f = w.current) == null ? void 0 : f.offsetHeight, t.current.startOffset = c, m(window, "mousemove", h), m(window, "touchmove", h), m(window, "mouseup", a), m(window, "touchend", a), m(window, "contextmenu", a), document.body.style.cursor = R ? "row-resize" : "col-resize";
+  }
+  function h(e) {
+    var o;
+    if (t.current.moving) {
+      const r = g ? M(
+        t.current.startWidth,
+        t.current.startOffset,
+        t.current.startX,
+        e.pageX
+      ) : M(
+        t.current.startHeight,
+        t.current.startOffset,
+        t.current.startY,
+        e.pageY
+      );
+      E(r), (o = n.onMoving) == null || o.call(n, e, i ? `${r}px` : r);
+    }
+  }
+  function a() {
+    var e;
+    t.current.moving = !1, l(window, "mousemove", h), l(window, "touchmove", h), l(window, "mouseup", a), l(window, "touchend", a), l(window, "contextmenu", a), document.body.style.cursor = "default", (e = n.onMovingEnd) == null || e.call(n);
+  }
+  function te(e) {
+    const { contentRect: o } = e[0], r = o[R ? "height" : "width"];
+    U(r);
+  }
+  function ne() {
+    const e = i ? "px" : "%";
+    return c ? `calc(${i ? c : c * 100}${e} - ${F / 2}px)` : `0${e}`;
+  }
+  ue(() => {
+    var e;
+    (e = n.onPaneResize) == null || e.call(n, O.current);
+  }, [c, F]), le(() => {
+    const e = parseFloat(d);
+    c !== e && E(e);
+  }, [d]);
+  const oe = j, b = /* @__PURE__ */ y(
+    "div",
+    {
+      className: $(`${s}-pane`, "first-pane"),
+      style: { flexBasis: ne() },
+      ref: (e) => {
+        O.current[0] = e;
+      },
+      children: K
+    }
+  ), P = /* @__PURE__ */ y(
+    "div",
+    {
+      className: $(`${s}-pane`, "second-pane"),
+      ref: (e) => {
+        O.current[1] = e;
+      },
+      children: Q
+    }
+  ), S = p ? [P, b] : [b, P];
+  return /* @__PURE__ */ ie(oe, { style: L, className: J, ref: w, children: [
+    S[0],
+    !Z && /* @__PURE__ */ y(
+      de,
+      {
+        className: `${s}-trigger`,
+        direction: R ? C : W,
+        icon: B,
+        onMouseDown: ee,
+        onResize: te,
+        children: k
+      }
+    ),
+    S[1]
+  ] });
+}
+const we = ce(ge);
+we.displayName = "ResizeBoxSplit";
+export {
+  we as default
+};