@unicom-cloud/ui 0.8.66 → 0.8.68

package/spin/DotLoading.js

@@ -0,0 +1,24 @@
+import { jsx as s } from "react/jsx-runtime";
+import m from "lodash/isNumber";
+import { useContext as a } from "react";
+import { a as l } from "../chunk/ll867Bf3.js";
+function g(t) {
+  const { getPrefixCls: r } = a(l), i = `${r("spin")}-dot`, n = {
+    width: t.size,
+    height: t.size
+  }, e = t.size ? parseInt(String(t.size)) : 0;
+  return /* @__PURE__ */ s(
+    "div",
+    {
+      className: `${i}-list`,
+      style: {
+        height: t.size,
+        width: m(e) && e > 0 ? e * 7 : ""
+      },
+      children: [...new Array(5)].map((d, o) => /* @__PURE__ */ s("div", { className: i, style: n }, o))
+    }
+  );
+}
+export {
+  g as default
+};

package/spin/index.js

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

package/spin/interface.js

@@ -0,0 +1 @@
+

package/statistic/Countdown.js

@@ -0,0 +1,55 @@
+import { jsxs as M, jsx as r } from "react/jsx-runtime";
+import T from "dayjs";
+import _ from "lodash/isFunction";
+import { forwardRef as E, useContext as F, useState as d, useRef as O, useEffect as P } from "react";
+import { a as b } from "../chunk/ll867Bf3.js";
+import { m as k } from "../chunk/JPPo5nY_.js";
+import { g as v, a as w } from "../chunk/tamGhTJp.js";
+import { getDateString as h } from "./util.js";
+function q(a, p) {
+  const { getPrefixCls: x } = F(b), {
+    className: C,
+    style: g,
+    title: i,
+    styleValue: N,
+    value: y,
+    onFinish: n,
+    renderFormat: l,
+    format: e = "HH:mm:ss",
+    start: D = !0
+  } = a, o = v(y, e) || T(), S = v(a.now, e), t = x("statistic"), [c, j] = d(
+    o.diff(S, "millisecond")
+  ), [f, V] = d(
+    h(Math.max(c, 0), e)
+  ), s = O(null), m = () => {
+    clearInterval(s.current), s.current = null;
+  }, $ = () => {
+    s.current = setInterval(() => {
+      const H = o.diff(w()), u = o.diff(w(), "millisecond");
+      u <= 0 && (m(), n == null || n());
+      const I = h(Math.max(u, 0), e);
+      V(I), j(H);
+    }, 1e3 / 30);
+  };
+  P(() => (!s.current && D && o.valueOf() >= Date.now() && $(), () => {
+    m();
+  }), [a.start]);
+  const R = _(l) ? l(c, f) : f;
+  return /* @__PURE__ */ M(
+    "div",
+    {
+      ref: p,
+      className: k(`${t}`, `${t}-countdown`, C),
+      style: g,
+      children: [
+        i && /* @__PURE__ */ r("div", { className: `${t}-title`, children: i }),
+        /* @__PURE__ */ r("div", { className: `${t}-content`, children: /* @__PURE__ */ r("div", { className: `${t}-value`, style: N, children: R }) })
+      ]
+    }
+  );
+}
+const z = E(q);
+z.displayName = "StatisticCountdown";
+export {
+  z as default
+};

package/statistic/index.js

@@ -0,0 +1,120 @@
+import { jsxs as l, Fragment as O, jsx as a } from "react/jsx-runtime";
+import { I as W, q as z } from "../chunk/uKZyjtff.js";
+import A from "dayjs";
+import B from "lodash/isFunction";
+import c from "lodash/isNumber";
+import { forwardRef as G, useContext as J, useRef as b, useState as K, useEffect as Q, useImperativeHandle as T, useMemo as X } from "react";
+import { a as Y } from "../chunk/ll867Bf3.js";
+import { u as Z } from "../chunk/BFTV6myl.js";
+import tt from "../skeleton/index.js";
+import { m as et } from "../chunk/JPPo5nY_.js";
+import { o as rt } from "../chunk/BKKEev13.js";
+import ot from "./Countdown.js";
+function it(D, R) {
+  const U = {
+    countFrom: 0,
+    countDuration: 2e3
+  }, { getPrefixCls: P, componentConfig: m, rtl: V } = J(Y), t = Z(
+    D,
+    U,
+    m == null ? void 0 : m.Statistic
+  ), {
+    className: j,
+    style: M,
+    title: h,
+    extra: S,
+    groupSeparator: g,
+    precision: s,
+    prefix: d,
+    suffix: u,
+    format: f,
+    renderFormat: F,
+    styleValue: I,
+    styleDecimal: _,
+    loading: k,
+    ...q
+  } = t, n = b(), $ = b(), [e, p] = K(
+    "value" in t ? t.value : void 0
+  ), r = P("statistic"), v = (i = t.countFrom, o = t.value) => {
+    const { countDuration: x } = t;
+    i !== o && (n.current = new W({
+      from: {
+        value: i
+      },
+      to: {
+        value: o
+      },
+      duration: x,
+      easing: z,
+      onUpdate: (L) => {
+        p(L.value.toFixed(s));
+      },
+      onFinish: () => {
+        p(o);
+      }
+    }), n.current.start());
+  };
+  Q(() => (t.countUp ? (n.current && n.current.stop(), e !== t.value ? v(Number(e), t.value) : v()) : p(t.value), () => {
+    n.current && n.current.stop(), n.current = null;
+  }), [t.value]), T(R, () => ({
+    countUp: v,
+    getRootDOMNode: () => $.current
+  }));
+  const { int: E, decimal: N } = X(() => {
+    let i = e;
+    f && (i = A(e).format(f)), c(s) && s >= 0 && (i = Number(e).toFixed(s));
+    let o = String(i).split(".")[0];
+    const x = String(i).split(".")[1];
+    return g && c(Number(e)) && (o = Number(o).toLocaleString("en-US")), {
+      int: o,
+      decimal: x
+    };
+  }, [f, g, s, e]), H = B(F) ? F : (i, o) => o, w = c(Number(e)), C = /* @__PURE__ */ l(O, { children: [
+    d != null ? /* @__PURE__ */ a("span", { className: `${r}-value-prefix`, children: d }) : null,
+    H(e, w ? E : e)
+  ] });
+  return /* @__PURE__ */ l(
+    "div",
+    {
+      className: et(`${r}`, { [`${r}-rtl`]: V }, j),
+      style: M,
+      ...rt(q, ["value", "countUp", "countFrom", "countDuration"]),
+      ref: $,
+      children: [
+        h && /* @__PURE__ */ a("div", { className: `${r}-title`, children: h }),
+        /* @__PURE__ */ l("div", { className: `${r}-content`, children: [
+          /* @__PURE__ */ a(
+            tt,
+            {
+              animation: !0,
+              loading: !!k,
+              text: { rows: 1, width: "100%" },
+              children: /* @__PURE__ */ l("div", { className: `${r}-value`, style: I, children: [
+                w ? /* @__PURE__ */ a("span", { className: `${r}-value-int`, children: C }) : C,
+                N !== void 0 || u ? /* @__PURE__ */ l(
+                  "span",
+                  {
+                    className: `${r}-value-decimal`,
+                    style: _,
+                    children: [
+                      c(Number(e)) && N !== void 0 && `.${N}`,
+                      u != null ? /* @__PURE__ */ a("span", { className: `${r}-value-suffix`, children: u }) : null
+                    ]
+                  }
+                ) : null
+              ] })
+            }
+          ),
+          S && /* @__PURE__ */ a("div", { className: `${r}-extra`, children: S })
+        ] })
+      ]
+    }
+  );
+}
+const nt = G(it), y = nt;
+y.displayName = "Statistic";
+y.Countdown = ot;
+export {
+  ot as StatisticCountdown,
+  y as default
+};

package/statistic/interface.js

@@ -0,0 +1 @@
+

package/statistic/util.js

@@ -0,0 +1,33 @@
+import { padStart as s } from "../utils/pad.js";
+const a = [
+  ["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 p(l, i) {
+  let t = l;
+  return a.reduce((e, [n, r]) => {
+    if (e.indexOf(n) !== -1) {
+      const o = Math.floor(t / r);
+      return t -= o * r, e.replace(new RegExp(`${n}+`, "g"), (f) => {
+        const g = f.length;
+        return s(o.toString(), g, "0");
+      });
+    }
+    return e;
+  }, i);
+}
+export {
+  p as getDateString
+};

package/steps/Step.js

@@ -0,0 +1,68 @@
+import { jsx as s, jsxs as h } from "react/jsx-runtime";
+import R from "@unicom-cloud/icons/IconUiCheck";
+import W from "@unicom-cloud/icons/IconUiClose";
+import { forwardRef as q } from "react";
+import { m as z } from "../chunk/JPPo5nY_.js";
+function A(x, S) {
+  const {
+    style: C,
+    className: b,
+    prefixCls: e,
+    index: i = 1,
+    current: o = 1,
+    status: d,
+    title: f,
+    description: r,
+    icon: l,
+    nextStepError: w,
+    type: p,
+    customDot: u,
+    labelPlacement: y,
+    disabled: N,
+    onClick: m,
+    onChange: a,
+    direction: I,
+    id: $,
+    lineless: j
+  } = x;
+  function k(c) {
+    if (p === "dot")
+      return null;
+    let n = i;
+    return l ? n = l : c === "finish" ? n = /* @__PURE__ */ s(R, {}) : c === "error" && (n = /* @__PURE__ */ s(W, {})), /* @__PURE__ */ s("div", { className: `${e}-icon`, children: n });
+  }
+  function D(c) {
+    N || (o !== i && (a == null || a(i, $)), m == null || m(i, $, c));
+  }
+  let t;
+  d ? t = d : (o < i && (t = "wait"), o === i && (t = "process"), o > i && (t = "finish"));
+  const E = z(
+    `${e}-item`,
+    `${e}-item-${t}`,
+    {
+      [`${e}-item-custom`]: !!l,
+      [`${e}-item-next-error`]: w,
+      [`${e}-item-disabled`]: N,
+      [`${e}-item-active`]: i === o
+    },
+    b
+  ), U = k(t), v = /* @__PURE__ */ s("div", { className: `${e}-item-icon`, children: U }), P = u ? u(v, {
+    index: i,
+    status: t,
+    title: f,
+    description: r
+  }) : v;
+  return /* @__PURE__ */ h("div", { ref: S, className: E, style: C, onClick: D, children: [
+    !j && (y === "vertical" || I === "vertical") && /* @__PURE__ */ s("div", { className: `${e}-item-tail` }),
+    p !== "arrow" && P,
+    /* @__PURE__ */ h("div", { className: `${e}-item-content`, children: [
+      /* @__PURE__ */ s("div", { className: `${e}-item-title`, children: f }),
+      r && /* @__PURE__ */ s("div", { className: `${e}-item-description`, children: r })
+    ] })
+  ] });
+}
+const B = q(A);
+B.displayName = "Step";
+export {
+  B as default
+};

package/steps/index.js

@@ -0,0 +1,89 @@
+import { jsx as w } from "react/jsx-runtime";
+import d, { forwardRef as D, useContext as R } from "react";
+import { a as k } from "../chunk/ll867Bf3.js";
+import { u as A } from "../chunk/BFTV6myl.js";
+import { m as E } from "../chunk/JPPo5nY_.js";
+import { a as j } from "../chunk/ClqoGc3r.js";
+import F from "./Step.js";
+const I = {
+  current: 1,
+  type: "default",
+  size: "default",
+  direction: "horizontal",
+  labelPlacement: "horizontal"
+};
+function L($, y) {
+  const { getPrefixCls: z, componentConfig: a, rtl: C } = R(k), l = A(
+    $,
+    I,
+    a == null ? void 0 : a.Steps
+  ), {
+    className: P,
+    style: h,
+    children: b,
+    current: n = 1,
+    status: p,
+    onChange: c,
+    type: e,
+    size: g,
+    direction: m,
+    labelPlacement: v,
+    customDot: N,
+    lineless: f
+  } = l, t = z("steps");
+  let o = v;
+  e === "dot" && (o = m === "vertical" ? "horizontal" : "vertical"), e === "navigation" && (o = "horizontal");
+  let i = m;
+  (e === "navigation" || e === "arrow") && (i = "horizontal");
+  const x = E(
+    t,
+    `${t}-${i}`,
+    `${t}-label-${o}`,
+    `${t}-size-${g}`,
+    {
+      [`${t}-change-onclick`]: typeof c == "function",
+      [`${t}-mode-${e}`]: e !== "default",
+      [`${t}-lineless`]: f,
+      [`${t}-rtl`]: C
+    },
+    P
+  );
+  return /* @__PURE__ */ w(
+    "div",
+    {
+      ref: y,
+      style: h,
+      className: x,
+      ...j(l),
+      children: d.Children.toArray(b).filter(
+        (r) => r && r.type && r.type.displayName === "Step"
+      ).map((r, s) => {
+        if (s += 1, r) {
+          const u = {
+            prefixCls: t,
+            type: e,
+            index: s,
+            current: n,
+            status: n === s ? p : void 0,
+            customDot: N,
+            labelPlacement: o,
+            direction: i,
+            onChange: c,
+            lineless: f,
+            ...r.props
+          };
+          return p === "error" && n === s + 1 && (u.nextStepError = !0), d.cloneElement(r, u);
+        }
+        return null;
+      })
+    }
+  );
+}
+const M = D(L), S = M;
+S.displayName = "Steps";
+S.Step = F;
+export {
+  F as StepsItem,
+  F as StepsStep,
+  S as default
+};

package/steps/interface.js

@@ -0,0 +1 @@
+