@unicom-cloud/ui 0.8.90 → 0.8.92

package/space/index.js

@@ -1,141 +1,52 @@
-import { jsx as d } from "react/jsx-runtime";
-import { forwardRef as N, useContext as S } from "react";
-import { UI_COMMON_PREFIX as x } from "@unicom-cloud/utils/constant/ui";
-import "@unicom-cloud/utils/case-name";
-import C from "@unicom-cloud/utils/class-name";
-import "../chunk/9TSjT7x_.js";
-import "@unicom-cloud/utils/clipboard-copy";
-import "../chunk/B3LeSidy.js";
-import "../utils/dom.js";
-import "@unicom-cloud/utils/file/fileToURL";
-import "lodash/escapeRegExp";
-import "lodash/isArray";
+import { jsx as l } from "react/jsx-runtime";
+import { forwardRef as d, useContext as u } from "react";
+import $ from "../components/common/space/index.js";
+import { SpaceVertical as J } from "../components/common/space/index.js";
+import "../config-provider/ConfigProvider.js";
+import "lodash/isEqualWith";
+import "../components/common/utils/is.js";
+import "@unicom-cloud/utils/constant/keyboardCode";
 import "lodash/isNumber";
-import "lodash/isString";
-import "../chunk/ClM74To2.js";
-import "lodash/camelCase";
-import "lodash/capitalize";
-import "lodash/cloneDeep";
-import "lodash/debounce";
-import "lodash/get";
-import "lodash/has";
-import "lodash/kebabCase";
 import "lodash/merge";
-import "lodash/mergeWith";
-import "lodash/set";
-import "lodash/setWith";
-import "lodash/snakeCase";
-import "lodash/startCase";
-import "lodash/throttle";
-import "lodash/uniq";
-import "lodash/upperFirst";
-import "@unicom-cloud/utils/math";
-import "lodash/isPlainObject";
-import "../chunk/BJ9_azwQ.js";
-import "../chunk/BZ3igxQN.js";
-import "@unicom-cloud/utils/file/saveAs";
-import "@unicom-cloud/utils/screenfull";
-import "@unicom-cloud/utils/tree";
-import { isArray as h, isNumber as I } from "@unicom-cloud/utils/is";
-import "uuid";
-import "../chunk/DEuVgCzp.js";
-import "@unicom-cloud/utils/constant/keyboardCode";
-import { a as _ } from "../chunk/B44Hj5ad.js";
-import "lodash/isEqualWith";
-import "../chunk/B4WG1mhs.js";
-import { u as z } from "../chunk/BFTV6myl.js";
+import "../components/common/utils/dom.js";
+import "../components/common/hooks/useIntersectionObserver.js";
+import x from "../components/common/hooks/useMergeProps.js";
+import "../components/common/utils/reactDOM.js";
 import "@unicom-cloud/utils/constant";
-function w(t = 8) {
-  if (I(t))
-    return t;
-  if (h(t))
-    return t.map((i, r, o) => w(i));
-  switch (t) {
-    case "mini":
-      return 4;
-    case "small":
-      return 8;
-    case "medium":
-      return 16;
-    case "large":
-      return 24;
-    default:
-      return 8;
-  }
-}
-function M(t, i) {
-  const r = `${x}-space`, {
-    className: o,
-    style: y,
-    children: f,
-    inline: u,
-    gap: n = "small",
-    direction: e = "horizontal",
-    wrap: s,
-    justifyContent: m,
-    alignItems: p,
-    ...a
-  } = t;
-  let $ = p;
-  e === "horizontal" && ($ || ($ = "center"));
-  const c = w(n), l = { ...y };
-  return h(c) ? (l.rowGap = c[0], l.columnGap = c[1]) : l.gap = c, /* @__PURE__ */ d(
-    "div",
-    {
-      ref: i,
-      className: C(
-        `${r}`,
-        u && `${r}-inline`,
-        s && `${r}-wrap`,
-        `${r}-${e}`,
-        m && `${r}-justify-content-${m}`,
-        $ && `${r}-align-items-${$}`,
-        o
-      ),
-      style: l,
-      ...a,
-      children: f
-    }
-  );
-}
-const g = N(M);
-g.displayName = "Space";
-function j(t, i) {
-  return /* @__PURE__ */ d(g, { ref: i, ...t, direction: "vertical", children: t.children });
-}
-const V = N(j);
-V.displayName = "SpaceVertical";
-const v = {
+import "lodash/debounce";
+import N from "@unicom-cloud/utils/class-name";
+import S from "../config-provider/context.js";
+const g = {
   gap: "small",
   direction: "horizontal"
 };
-function G(t, i) {
-  const { getPrefixCls: r, componentConfig: o, rtl: y } = S(_), f = z(
-    t,
-    v,
-    o == null ? void 0 : o.Space
-  ), { className: u, direction: n, wrap: e, size: s, align: m, ...p } = f;
-  s && (p.gap = s), m && (p.alignItems = m);
-  const a = r == null ? void 0 : r("space");
-  return /* @__PURE__ */ d(
+function w(s, c) {
+  const { getPrefixCls: o, componentConfig: r, rtl: z } = u(S), n = x(
+    s,
     g,
+    r == null ? void 0 : r.Space
+  ), { className: f, direction: m, wrap: i, size: a, align: e, ...t } = n;
+  a && (t.gap = a), e && (t.alignItems = e);
+  const p = o == null ? void 0 : o("space");
+  return /* @__PURE__ */ l(
+    $,
     {
-      ref: i,
-      className: C(
-        `${a}`,
-        e && `${a}-wrap`,
-        `${a}-${n}`,
-        u
+      ref: c,
+      className: N(
+        `${p}`,
+        i && `${p}-wrap`,
+        `${p}-${m}`,
+        f
       ),
-      direction: n,
-      wrap: e,
-      ...p
+      direction: m,
+      wrap: i,
+      ...t
     }
   );
 }
-const O = N(G);
-O.displayName = "Space";
+const C = d(w);
+C.displayName = "Space";
 export {
-  V as SpaceVertical,
-  O as default
+  J as SpaceVertical,
+  C as default
 };

package/space-/index.js

@@ -2,16 +2,17 @@ import { jsx as c, jsxs as M } from "react/jsx-runtime";
 import R from "lodash/isArray";
 import V from "lodash/isNumber";
 import { forwardRef as h, useContext as b, Fragment as j } from "react";
-import { a as k } from "../chunk/B44Hj5ad.js";
-import { u as D } from "../chunk/BFTV6myl.js";
-import F from "@unicom-cloud/utils/class-name";
-import H from "./toArray.js";
+import "../config-provider/ConfigProvider.js";
+import k from "../components/common/hooks/useMergeProps.js";
+import D from "@unicom-cloud/utils/class-name";
+import F from "./toArray.js";
+import H from "../config-provider/context.js";
 const O = {
   size: "small",
   direction: "horizontal"
 };
 function P(s, m) {
-  const { getPrefixCls: l, componentConfig: p, rtl: $ } = b(k), S = D(
+  const { getPrefixCls: l, componentConfig: p, rtl: $ } = b(H), S = k(
     s,
     O,
     p == null ? void 0 : p.Space
@@ -20,15 +21,15 @@ function P(s, m) {
     style: B,
     children: C,
     size: i,
-    direction: o,
+    direction: a,
     align: x,
     wrap: u,
     split: f,
     ...z
-  } = S, e = l == null ? void 0 : l("space-"), y = x || (o === "horizontal" ? "center" : ""), A = F(
+  } = S, e = l == null ? void 0 : l("space-"), y = x || (a === "horizontal" ? "center" : ""), A = D(
     e,
     {
-      [`${e}-${o}`]: o,
+      [`${e}-${a}`]: a,
       [`${e}-align-${y}`]: y,
       [`${e}-wrap`]: u,
       [`${e}-rtl`]: $
@@ -51,32 +52,32 @@ function P(s, m) {
         return 8;
     }
   }
-  const N = H(C);
+  const N = F(C);
   function L(r) {
-    const n = N.length === r + 1, a = $ ? "marginLeft" : "marginRight";
+    const n = N.length === r + 1, o = $ ? "marginLeft" : "marginRight";
     if (typeof i == "string" || typeof i == "number") {
       const t = g(i);
       return u ? n ? { marginBottom: t } : {
-        [`${a}`]: t,
+        [`${o}`]: t,
         marginBottom: t
       } : n ? {} : {
-        [o === "vertical" ? "marginBottom" : a]: t
+        [a === "vertical" ? "marginBottom" : o]: t
       };
     }
     if (R(i)) {
       const t = g(i[0]), d = g(i[1]);
       return u ? n ? { marginBottom: d } : {
-        [`${a}`]: t,
+        [`${o}`]: t,
         marginBottom: d
-      } : o === "vertical" ? { marginBottom: d } : { [`${a}`]: t };
+      } : a === "vertical" ? { marginBottom: d } : { [`${o}`]: t };
     }
   }
   return /* @__PURE__ */ c("div", { ref: m, className: A, style: B, ...z, children: N.map((r, n) => {
-    const a = (r == null ? void 0 : r.key) || n, t = f != null && n > 0;
+    const o = (r == null ? void 0 : r.key) || n, t = f != null && n > 0;
     return /* @__PURE__ */ M(j, { children: [
       t && /* @__PURE__ */ c("div", { className: `${e}-item-split`, children: f }),
       /* @__PURE__ */ c("div", { className: `${e}-item`, style: L(n), children: r })
-    ] }, a);
+    ] }, o);
   }) });
 }
 const v = h(P);

package/speech-synthesis/index.js

@@ -1,66 +1,12 @@
-import { jsx as c } from "react/jsx-runtime";
-import { memo as C, forwardRef as I, useState as x, useEffect as S, useImperativeHandle as U } from "react";
-import g from "@unicom-cloud/icons/IconUiMute";
-import v from "@unicom-cloud/icons/IconUiPauseCircleFill";
-import B from "@unicom-cloud/icons/IconUiPlayCircleFill";
-import F from "@unicom-cloud/icons/IconUiSound";
-import H from "../button/index.js";
-function R(f) {
-  function s(d, y) {
-    const { useButton: k = !0, buttonProps: t, ...i } = d ?? {}, [a, r] = x(!1);
-    function h() {
-      var n, e;
-      (e = (n = window.speechSynthesis) == null ? void 0 : n.cancel) == null || e.call(n);
-    }
-    function w() {
-      var l, o, m;
-      let n = ((l = i.getText) == null ? void 0 : l.call(i)) || i.text, e = new SpeechSynthesisUtterance(n);
-      e.onstart = function() {
-        r(!0);
-      }, e.onerror = () => {
-        r(!1);
-      }, e.onmark = () => {
-      }, e.onpause = () => {
-        r(!1);
-      }, e.onresume = () => {
-        r(!0);
-      }, e.onboundary = () => {
-      }, e.onend = () => {
-        r(!1);
-      }, (m = (o = window.speechSynthesis) == null ? void 0 : o.speak) == null || m.call(o, e);
-    }
-    function p(n) {
-      var e;
-      h(), a || w(), (e = t == null ? void 0 : t.onClick) == null || e.call(t, n);
-    }
-    let u;
-    if (window.speechSynthesis && window.SpeechSynthesisUtterance)
-      if (k) {
-        let { label: n, text: e, children: l, ...o } = t ?? {};
-        u = /* @__PURE__ */ c(
-          f,
-          {
-            ...i,
-            type: "text",
-            size: "mini",
-            icon: a ? /* @__PURE__ */ c(g, {}) : /* @__PURE__ */ c(F, {}),
-            ...o,
-            onClick: p,
-            children: n || e || l
-          }
-        );
-      } else
-        u = /* @__PURE__ */ c(a ? v : B, { ...i.iconProps, onClick: p });
-    return S(() => () => {
-      h();
-    }, []), U(y, () => ({})), u;
-  }
-  return C(I(s));
-}
-const A = R(function(s) {
-  return S(() => () => {
-  }, []), /* @__PURE__ */ c(H, { ...s, children: s.children });
+import { jsx as e } from "react/jsx-runtime";
+import "./style/index.less.js";
+import { useEffect as r } from "react";
+import o from "../components/common/higher-order/with-speech-synthesis/index.js";
+import n from "../button/index.js";
+const p = o(function(t) {
+  return r(() => () => {
+  }, []), /* @__PURE__ */ e(n, { ...t, children: t.children });
 });
 export {
-  A as default
+  p as default
 };

package/speech-synthesis/style/index.less.js

@@ -0,0 +1 @@
+

package/spin/DotLoading.js

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

package/spin/index.js

@@ -2,41 +2,42 @@ import { jsx as n, jsxs as d, Fragment as h } 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 { a as U } from "../chunk/B44Hj5ad.js";
-import { u as _ } from "../chunk/BFTV6myl.js";
+import "../config-provider/ConfigProvider.js";
+import U from "../components/common/hooks/useMergeProps.js";
 import $ from "@unicom-cloud/utils/class-name";
-import { c as q } from "../chunk/ClM74To2.js";
-import A from "./DotLoading.js";
+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: t, componentConfig: c } = j(U), L = _(S, {}, c == null ? void 0 : c.Spin), {
+  const { getPrefixCls: l, componentConfig: r } = j(A), L = U(S, {}, r == null ? void 0 : r.Spin), {
     style: b,
     className: x,
-    children: r,
-    loading: a,
-    size: i,
+    children: c,
+    loading: s,
+    size: a,
     icon: m,
     element: R,
     tip: o,
     dot: z,
-    delay: s,
+    delay: i,
     block: C = !1,
     ...k
-  } = L, [p, f] = w(s ? !1 : a), l = D(I(f, s), [s]), u = s ? p : a, e = t == null ? void 0 : t("spin"), g = F(null);
+  } = 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, () => ({
     // 潘启宝添加于 2023年10月23日 星期一 10时52分55秒 CST
     dom: g.current,
     loading: p,
     setLoading: f,
-    debouncedSetLoading: l
-  })), M(() => (s && l(a), () => {
-    l && l.cancel();
-  }), [a]);
+    debouncedSetLoading: t
+  })), M(() => (i && t(s), () => {
+    t && t.cancel();
+  }), [s]);
   const N = /* @__PURE__ */ n("span", { className: `${e}-icon`, children: m ? y.cloneElement(m, {
     className: $(`${e.replace("-spin", "-icon")}-loading`),
     style: {
-      fontSize: i
+      fontSize: a
     }
-  }) : R || (z ? /* @__PURE__ */ n(A, { size: i }) : /* @__PURE__ */ n(E, { style: { fontSize: i } })) });
+  }) : R || (z ? /* @__PURE__ */ n(q, { size: a }) : /* @__PURE__ */ n(E, { style: { fontSize: a } })) });
   return /* @__PURE__ */ n(
     "div",
     {
@@ -46,22 +47,22 @@ function B(S, v) {
         {
           [`${e}-block`]: C,
           [`${e}-loading`]: u,
-          [`${e}-with-tip`]: o && !r
+          [`${e}-with-tip`]: o && !c
         },
         x
       ),
       style: b,
       ...k,
-      children: q(r) ? /* @__PURE__ */ d(h, { children: [
+      children: _(c) ? /* @__PURE__ */ d(h, { children: [
         N,
         o ? /* @__PURE__ */ n("div", { className: `${e}-tip`, children: o }) : null
       ] }) : /* @__PURE__ */ d(h, { children: [
-        /* @__PURE__ */ n("div", { className: `${e}-children`, children: r }),
+        /* @__PURE__ */ n("div", { className: `${e}-children`, children: c }),
         u && /* @__PURE__ */ n(
           "div",
           {
             className: `${e}-loading-layer`,
-            style: { fontSize: i },
+            style: { fontSize: a },
             children: /* @__PURE__ */ d("span", { className: `${e}-loading-layer-inner`, children: [
               N,
               o ? /* @__PURE__ */ n("div", { className: `${e}-tip`, children: o }) : null

package/statistic/Countdown.js

@@ -2,12 +2,13 @@ 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 { a as k } from "../chunk/B44Hj5ad.js";
-import q from "@unicom-cloud/utils/class-name";
-import { g as w, a as N } from "../chunk/B3LeSidy.js";
-import { getDateString as h } from "./util.js";
-function z(a, p) {
-  const { getPrefixCls: n } = F(k), {
+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,
@@ -17,29 +18,29 @@ function z(a, p) {
     renderFormat: c,
     format: e = "HH:mm:ss",
     start: S = !0
-  } = a, o = w(D, e) || T(), g = w(a.now, e), t = n == null ? void 0 : n("statistic"), [m, $] = v(
-    o.diff(g, "millisecond")
+  } = 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(
-    h(Math.max(m, 0), e)
+    N(Math.max(m, 0), e)
   ), s = O(null), u = () => {
     clearInterval(s.current), s.current = null;
   }, V = () => {
     s.current = setInterval(() => {
-      const H = o.diff(N()), d = o.diff(N(), "millisecond");
+      const H = o.diff(p()), d = o.diff(p(), "millisecond");
       d <= 0 && (u(), r == null || r());
-      const I = h(Math.max(d, 0), e);
-      j(I), $(H);
+      const I = N(Math.max(d, 0), e);
+      j(I), g(H);
     }, 1e3 / 30);
   };
   b(() => (!s.current && S && o.valueOf() >= Date.now() && V(), () => {
     u();
-  }), [a.start]);
+  }), [n.start]);
   const R = _(c) ? c(m, f) : f;
   return /* @__PURE__ */ M(
     "div",
     {
-      ref: p,
-      className: q(`${t}`, `${t}-countdown`, x),
+      ref: h,
+      className: k(`${t}`, `${t}-countdown`, x),
       style: y,
       children: [
         l && /* @__PURE__ */ i("div", { className: `${t}-title`, children: l }),