@unicom-cloud/ui 0.8.41

package/Space.js

@@ -0,0 +1,93 @@
+import { jsx as d, jsxs as z } from "react/jsx-runtime";
+import "./chunk/DP2rzg_V.js";
+import A from "lodash/isArray";
+import M from "lodash/isNumber";
+import P, { forwardRef as b, useContext as j, Fragment as k } from "react";
+import { a as F } from "./chunk/Dc_89PVN.js";
+import D from "./hooks/useMergeProps.js";
+import E from "@unicom-cloud/utils/class-name";
+import { isFragment as H } from "react-is";
+function h(c) {
+  let s = [];
+  return P.Children.forEach(c, (e) => {
+    H(e) && e.props ? s = s.concat(h(e.props.children)) : e != null && s.push(e);
+  }), s;
+}
+const O = {
+  size: "small",
+  direction: "horizontal"
+};
+function q(c, s) {
+  const { getPrefixCls: e, componentConfig: l, rtl: $ } = j(F), v = D(
+    c,
+    O,
+    l == null ? void 0 : l.Space
+  ), {
+    className: C,
+    style: S,
+    children: x,
+    size: i,
+    direction: m,
+    align: w,
+    wrap: p,
+    split: f,
+    ...B
+  } = v, n = e("space"), y = w || (m === "horizontal" ? "center" : ""), L = E(
+    n,
+    {
+      [`${n}-${m}`]: m,
+      [`${n}-align-${y}`]: y,
+      [`${n}-wrap`]: p,
+      [`${n}-rtl`]: $
+    },
+    C
+  );
+  function u(r) {
+    if (M(r))
+      return r;
+    switch (r) {
+      case "mini":
+        return 4;
+      case "small":
+        return 8;
+      case "medium":
+        return 16;
+      case "large":
+        return 24;
+      default:
+        return 8;
+    }
+  }
+  const N = h(x);
+  function R(r) {
+    const o = N.length === r + 1, a = $ ? "marginLeft" : "marginRight";
+    if (typeof i == "string" || typeof i == "number") {
+      const t = u(i);
+      return p ? o ? { marginBottom: t } : {
+        [`${a}`]: t,
+        marginBottom: t
+      } : o ? {} : {
+        [m === "vertical" ? "marginBottom" : a]: t
+      };
+    }
+    if (A(i)) {
+      const t = u(i[0]), g = u(i[1]);
+      return p ? o ? { marginBottom: g } : {
+        [`${a}`]: t,
+        marginBottom: g
+      } : m === "vertical" ? { marginBottom: g } : { [`${a}`]: t };
+    }
+  }
+  return /* @__PURE__ */ d("div", { ref: s, className: L, style: S, ...B, children: N.map((r, o) => {
+    const a = (r == null ? void 0 : r.key) || o, t = f != null && o > 0;
+    return /* @__PURE__ */ z(k, { children: [
+      t && /* @__PURE__ */ d("div", { className: `${n}-item-split`, children: f }),
+      /* @__PURE__ */ d("div", { className: `${n}-item`, style: R(o), children: r })
+    ] }, a);
+  }) });
+}
+const G = b(q);
+G.displayName = "Space";
+export {
+  G as default
+};

package/SpeechSynthesis.js

@@ -0,0 +1,53 @@
+import { jsx as s } from "react/jsx-runtime";
+import w from "@unicom-cloud/icons/IconUiMute";
+import y from "@unicom-cloud/icons/IconUiPauseCircleFill";
+import P from "@unicom-cloud/icons/IconUiPlayCircleFill";
+import b from "@unicom-cloud/icons/IconUiSound";
+import { useState as C, useEffect as x } from "react";
+import I from "./Button.js";
+function z(n) {
+  var f, m, h;
+  const { useButton: d = !0 } = n ?? {}, [r, o] = C(!1);
+  function u() {
+    var t, e;
+    (e = (t = window.speechSynthesis) == null ? void 0 : t.cancel) == null || e.call(t);
+  }
+  function k() {
+    var i, c, S;
+    let t = ((i = n.getText) == null ? void 0 : i.call(n)) || n.text, e = new SpeechSynthesisUtterance(t);
+    e.onstart = function() {
+      o(!0);
+    }, e.onerror = () => {
+      o(!1);
+    }, e.onmark = () => {
+    }, e.onpause = () => {
+      o(!1);
+    }, e.onresume = () => {
+      o(!0);
+    }, e.onboundary = () => {
+    }, e.onend = () => {
+      o(!1);
+    }, (S = (c = window.speechSynthesis) == null ? void 0 : c.speak) == null || S.call(c, e);
+  }
+  function a(t) {
+    var e, i;
+    u(), r || k(), (i = (e = n.buttonProps) == null ? void 0 : e.onClick) == null || i.call(e, t);
+  }
+  let l;
+  return window.speechSynthesis && window.SpeechSynthesisUtterance && (d ? l = /* @__PURE__ */ s(
+    I,
+    {
+      type: "text",
+      size: "mini",
+      icon: r ? /* @__PURE__ */ s(w, {}) : /* @__PURE__ */ s(b, {}),
+      ...n.buttonProps,
+      onClick: a,
+      children: ((f = n.buttonProps) == null ? void 0 : f.label) ?? ((m = n.buttonProps) == null ? void 0 : m.text) ?? ((h = n.buttonProps) == null ? void 0 : h.children)
+    }
+  ) : l = /* @__PURE__ */ s(r ? y : P, { ...n.iconProps, onClick: a })), x(() => () => {
+    u();
+  }, []), l;
+}
+export {
+  z as default
+};

package/Spin.js

@@ -0,0 +1,97 @@
+import { jsx as i, jsxs as u, Fragment as x } from "react/jsx-runtime";
+import "./chunk/DP2rzg_V.js";
+import E from "@unicom-cloud/icons/IconUiLoading";
+import P from "lodash/debounce";
+import C, { useContext as b, useState as j, useCallback as _, useRef as A, useImperativeHandle as D, useEffect as F } from "react";
+import { a as L } from "./chunk/Dc_89PVN.js";
+import H from "./hooks/useMergeProps.js";
+import v from "@unicom-cloud/utils/class-name";
+import { isEmptyReactNode as M } from "./utils/is.js";
+import U from "lodash/isNumber";
+function q(n) {
+  const { getPrefixCls: m } = b(L), l = `${m("spin")}-dot`, s = {
+    width: n.size,
+    height: n.size
+  }, t = n.size ? parseInt(String(n.size)) : 0;
+  return /* @__PURE__ */ i(
+    "div",
+    {
+      className: `${l}-list`,
+      style: {
+        height: n.size,
+        width: U(t) && t > 0 ? t * 7 : ""
+      },
+      children: [...new Array(5)].map((g, p) => /* @__PURE__ */ i("div", { className: l, style: s }, p))
+    }
+  );
+}
+function B(n, m) {
+  const { getPrefixCls: l, componentConfig: s } = b(L), t = H(n, {}, s == null ? void 0 : s.Spin), {
+    style: g,
+    className: p,
+    children: f,
+    loading: r,
+    size: c,
+    icon: h,
+    element: w,
+    tip: o,
+    dot: R,
+    delay: a,
+    block: I = !1,
+    ...k
+  } = t, [N, y] = j(a ? !1 : r), d = _(P(y, a), [a]), $ = a ? N : r, e = l("spin"), S = A(null);
+  D(m, () => ({
+    // 潘启宝添加于 2023年10月23日 星期一 10时52分55秒 CST
+    dom: S.current,
+    loading: N,
+    setLoading: y,
+    debouncedSetLoading: d
+  })), F(() => (a && d(r), () => {
+    d && d.cancel();
+  }), [r]);
+  const z = /* @__PURE__ */ i("span", { className: `${e}-icon`, children: h ? C.cloneElement(h, {
+    className: v(`${e.replace("-spin", "-icon")}-loading`),
+    style: {
+      fontSize: c
+    }
+  }) : w || (R ? /* @__PURE__ */ i(q, { size: c }) : /* @__PURE__ */ i(E, { style: { fontSize: c } })) });
+  return /* @__PURE__ */ i(
+    "div",
+    {
+      ref: S,
+      className: v(
+        e,
+        {
+          [`${e}-block`]: I,
+          [`${e}-loading`]: $,
+          [`${e}-with-tip`]: o && !f
+        },
+        p
+      ),
+      style: g,
+      ...k,
+      children: M(f) ? /* @__PURE__ */ u(x, { children: [
+        z,
+        o ? /* @__PURE__ */ i("div", { className: `${e}-tip`, children: o }) : null
+      ] }) : /* @__PURE__ */ u(x, { children: [
+        /* @__PURE__ */ i("div", { className: `${e}-children`, children: f }),
+        $ && /* @__PURE__ */ i(
+          "div",
+          {
+            className: `${e}-loading-layer`,
+            style: { fontSize: c },
+            children: /* @__PURE__ */ u("span", { className: `${e}-loading-layer-inner`, children: [
+              z,
+              o ? /* @__PURE__ */ i("div", { className: `${e}-tip`, children: o }) : null
+            ] })
+          }
+        )
+      ] })
+    }
+  );
+}
+const G = C.forwardRef(B);
+G.displayName = "Spin";
+export {
+  G as default
+};

package/Statistic.js

@@ -0,0 +1,192 @@
+import { jsxs as x, jsx as i, Fragment as X } from "react/jsx-runtime";
+import "./chunk/DP2rzg_V.js";
+import Z from "./Skeleton.js";
+import { Tween as ee, quartOut as te } from "@unicom-cloud/utils/tween";
+import E from "dayjs";
+import k from "lodash/isFunction";
+import M from "lodash/isNumber";
+import { forwardRef as q, useContext as L, useState as U, useRef as W, useEffect as Y, useImperativeHandle as ne, useMemo as re } from "react";
+import { a as z } from "./chunk/Dc_89PVN.js";
+import ae from "./hooks/useMergeProps.js";
+import A from "@unicom-cloud/utils/class-name";
+import oe from "./utils/omit.js";
+import { getDayjsValue as I, getNow as O } from "./utils/dayjs.js";
+import { padStart as se } from "./utils/pad.js";
+const ie = [
+  ["Y", 1e3 * 60 * 60 * 24 * 365],
+  // years
+  ["M", 1e3 * 60 * 60 * 24 * 30],
+  // months
+  ["D", 1e3 * 60 * 60 * 24],
+  // days
+  ["H", 1e3 * 60 * 60],
+  // hours
+  ["m", 1e3 * 60],
+  // minutes
+  ["s", 1e3],
+  // seconds
+  ["S", 1]
+  // million seconds
+];
+function T(u, w) {
+  let p = u;
+  return ie.reduce((m, [l, d]) => {
+    if (m.indexOf(l) !== -1) {
+      const e = Math.floor(p / d);
+      return p -= e * d, m.replace(new RegExp(`${l}+`, "g"), (S) => {
+        const f = S.length;
+        return se(e.toString(), f, "0");
+      });
+    }
+    return m;
+  }, w);
+}
+function le(u, w) {
+  const { getPrefixCls: p } = L(z), {
+    className: m,
+    style: l,
+    title: d,
+    styleValue: e,
+    value: S,
+    onFinish: f,
+    renderFormat: g,
+    format: v = "HH:mm:ss",
+    start: D = !0
+  } = u, r = I(S, v) || E(), $ = I(u.now, v), a = p("statistic"), [N, F] = U(
+    r.diff($, "millisecond")
+  ), [V, j] = U(
+    T(Math.max(N, 0), v)
+  ), h = W(null), b = () => {
+    clearInterval(h.current), h.current = null;
+  }, o = () => {
+    h.current = setInterval(() => {
+      const y = r.diff(O()), n = r.diff(O(), "millisecond");
+      n <= 0 && (b(), f == null || f());
+      const C = T(Math.max(n, 0), v);
+      j(C), F(y);
+    }, 1e3 / 30);
+  };
+  Y(() => (!h.current && D && r.valueOf() >= Date.now() && o(), () => {
+    b();
+  }), [u.start]);
+  const t = k(g) ? g(N, V) : V;
+  return /* @__PURE__ */ x(
+    "div",
+    {
+      ref: w,
+      className: A(`${a}`, `${a}-countdown`, m),
+      style: l,
+      children: [
+        d && /* @__PURE__ */ i("div", { className: `${a}-title`, children: d }),
+        /* @__PURE__ */ i("div", { className: `${a}-content`, children: /* @__PURE__ */ i("div", { className: `${a}-value`, style: e, children: t }) })
+      ]
+    }
+  );
+}
+const B = q(le);
+B.displayName = "StatisticCountdown";
+function ce(u, w) {
+  const p = {
+    countFrom: 0,
+    countDuration: 2e3
+  }, { getPrefixCls: m, componentConfig: l, rtl: d } = L(z), e = ae(
+    u,
+    p,
+    l == null ? void 0 : l.Statistic
+  ), {
+    className: S,
+    style: f,
+    title: g,
+    extra: v,
+    groupSeparator: D,
+    precision: r,
+    prefix: $,
+    suffix: a,
+    format: N,
+    renderFormat: F,
+    styleValue: V,
+    styleDecimal: j,
+    loading: h,
+    ...b
+  } = e, o = W(), [t, y] = U(
+    "value" in e ? e.value : void 0
+  ), n = m("statistic"), C = (c = e.countFrom, s = e.value) => {
+    const { countDuration: R } = e;
+    c !== s && (o.current = new ee({
+      from: {
+        value: c
+      },
+      to: {
+        value: s
+      },
+      duration: R,
+      easing: te,
+      onUpdate: (Q) => {
+        y(Q.value.toFixed(r));
+      },
+      onFinish: () => {
+        y(s);
+      }
+    }), o.current.start());
+  };
+  Y(() => (e.countUp ? (o.current && o.current.stop(), t !== e.value ? C(Number(t), e.value) : C()) : y(e.value), () => {
+    o.current && o.current.stop(), o.current = null;
+  }), [e.value]), ne(w, () => ({
+    countUp: C
+  }));
+  const { int: J, decimal: P } = re(() => {
+    let c = t;
+    N && (c = E(t).format(N)), M(r) && r >= 0 && (c = Number(t).toFixed(r));
+    let s = String(c).split(".")[0];
+    const R = String(c).split(".")[1];
+    return D && M(Number(t)) && (s = Number(s).toLocaleString("en-US")), {
+      int: s,
+      decimal: R
+    };
+  }, [N, D, r, t]), K = k(F) ? F : (c, s) => s, H = M(Number(t)), _ = /* @__PURE__ */ x(X, { children: [
+    $ != null ? /* @__PURE__ */ i("span", { className: `${n}-value-prefix`, children: $ }) : null,
+    K(t, H ? J : t)
+  ] });
+  return /* @__PURE__ */ x(
+    "div",
+    {
+      className: A(`${n}`, { [`${n}-rtl`]: d }, S),
+      style: f,
+      ...oe(b, ["value", "countUp", "countFrom", "countDuration"]),
+      children: [
+        g && /* @__PURE__ */ i("div", { className: `${n}-title`, children: g }),
+        /* @__PURE__ */ x("div", { className: `${n}-content`, children: [
+          /* @__PURE__ */ i(
+            Z,
+            {
+              animation: !0,
+              loading: !!h,
+              text: { rows: 1, width: "100%" },
+              children: /* @__PURE__ */ x("div", { className: `${n}-value`, style: V, children: [
+                H ? /* @__PURE__ */ i("span", { className: `${n}-value-int`, children: _ }) : _,
+                P !== void 0 || a ? /* @__PURE__ */ x(
+                  "span",
+                  {
+                    className: `${n}-value-decimal`,
+                    style: j,
+                    children: [
+                      M(Number(t)) && P !== void 0 && `.${P}`,
+                      a != null ? /* @__PURE__ */ i("span", { className: `${n}-value-suffix`, children: a }) : null
+                    ]
+                  }
+                ) : null
+              ] })
+            }
+          ),
+          v && /* @__PURE__ */ i("div", { className: `${n}-extra`, children: v })
+        ] })
+      ]
+    }
+  );
+}
+const ue = q(ce), G = ue;
+G.displayName = "Statistic";
+G.Countdown = B;
+export {
+  G as default
+};

package/Steps.js

@@ -0,0 +1,149 @@
+import { jsxs as k, jsx as n } from "react/jsx-runtime";
+import "./chunk/DP2rzg_V.js";
+import E, { forwardRef as I, useContext as L } from "react";
+import { a as M } from "./chunk/Dc_89PVN.js";
+import W from "./hooks/useMergeProps.js";
+import R from "@unicom-cloud/utils/class-name";
+import { pickDataAttributes as q } from "./utils/pick.js";
+import B from "@unicom-cloud/icons/IconUiCheck";
+import G from "@unicom-cloud/icons/IconUiClose";
+function H(P, z) {
+  const {
+    style: g,
+    className: d,
+    prefixCls: e,
+    index: t = 1,
+    current: l = 1,
+    status: $,
+    title: N,
+    description: a,
+    icon: m,
+    nextStepError: v,
+    type: o,
+    customDot: h,
+    labelPlacement: S,
+    disabled: y,
+    onClick: f,
+    onChange: p,
+    direction: s,
+    id: c,
+    lineless: u
+  } = P;
+  function w(b) {
+    if (o === "dot")
+      return null;
+    let x = t;
+    return m ? x = m : b === "finish" ? x = /* @__PURE__ */ n(B, {}) : b === "error" && (x = /* @__PURE__ */ n(G, {})), /* @__PURE__ */ n("div", { className: `${e}-icon`, children: x });
+  }
+  function r(b) {
+    y || (l !== t && (p == null || p(t, c)), f == null || f(t, c, b));
+  }
+  let i;
+  $ ? i = $ : (l < t && (i = "wait"), l === t && (i = "process"), l > t && (i = "finish"));
+  const C = R(
+    `${e}-item`,
+    `${e}-item-${i}`,
+    {
+      [`${e}-item-custom`]: !!m,
+      [`${e}-item-next-error`]: v,
+      [`${e}-item-disabled`]: y,
+      [`${e}-item-active`]: t === l
+    },
+    d
+  ), U = w(i), D = /* @__PURE__ */ n("div", { className: `${e}-item-icon`, children: U }), F = h ? h(D, {
+    index: t,
+    status: i,
+    title: N,
+    description: a
+  }) : D;
+  return /* @__PURE__ */ k("div", { ref: z, className: C, style: g, onClick: r, children: [
+    !u && (S === "vertical" || s === "vertical") && /* @__PURE__ */ n("div", { className: `${e}-item-tail` }),
+    o !== "arrow" && F,
+    /* @__PURE__ */ k("div", { className: `${e}-item-content`, children: [
+      /* @__PURE__ */ n("div", { className: `${e}-item-title`, children: N }),
+      a && /* @__PURE__ */ n("div", { className: `${e}-item-description`, children: a })
+    ] })
+  ] });
+}
+const j = I(H);
+j.displayName = "Step";
+const J = {
+  current: 1,
+  type: "default",
+  size: "default",
+  direction: "horizontal",
+  labelPlacement: "horizontal"
+};
+function K(P, z) {
+  const { getPrefixCls: g, componentConfig: d, rtl: e } = L(M), t = W(
+    P,
+    J,
+    d == null ? void 0 : d.Steps
+  ), {
+    className: l,
+    style: $,
+    children: N,
+    current: a = 1,
+    status: m,
+    onChange: v,
+    type: o,
+    size: h,
+    direction: S,
+    labelPlacement: y,
+    customDot: f,
+    lineless: p
+  } = t, s = g("steps");
+  let c = y;
+  o === "dot" && (c = S === "vertical" ? "horizontal" : "vertical"), o === "navigation" && (c = "horizontal");
+  let u = S;
+  (o === "navigation" || o === "arrow") && (u = "horizontal");
+  const w = R(
+    s,
+    `${s}-${u}`,
+    `${s}-label-${c}`,
+    `${s}-size-${h}`,
+    {
+      [`${s}-change-onclick`]: typeof v == "function",
+      [`${s}-mode-${o}`]: o !== "default",
+      [`${s}-lineless`]: p,
+      [`${s}-rtl`]: e
+    },
+    l
+  );
+  return /* @__PURE__ */ n(
+    "div",
+    {
+      ref: z,
+      style: $,
+      className: w,
+      ...q(t),
+      children: E.Children.toArray(N).filter(
+        (r) => r && r.type && r.type.displayName === "Step"
+      ).map((r, i) => {
+        if (i += 1, r) {
+          const C = {
+            prefixCls: s,
+            type: o,
+            index: i,
+            current: a,
+            status: a === i ? m : void 0,
+            customDot: f,
+            labelPlacement: c,
+            direction: u,
+            onChange: v,
+            lineless: p,
+            ...r.props
+          };
+          return m === "error" && a === i + 1 && (C.nextStepError = !0), E.cloneElement(r, C);
+        }
+        return null;
+      })
+    }
+  );
+}
+const O = I(K), A = O;
+A.displayName = "Steps";
+A.Step = j;
+export {
+  A as default
+};

package/SuspenseFallbackTest.js

@@ -0,0 +1,11 @@
+import "./chunk/DP2rzg_V.js";
+import e, { useImperativeHandle as t, useEffect as a } from "react";
+function n(o, r) {
+  return t(r, () => ({})), a(() => () => {
+  }, []), e.createElement(e.lazy(() => new Promise(() => {
+  })));
+}
+const p = e.forwardRef(n);
+export {
+  p as default
+};