@unicom-cloud/ui 0.8.96 → 0.8.98

package/spin/index.js

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

package/statistic/Countdown.js

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

package/statistic/index.js

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

package/steps/Step.js

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