@unicom-cloud/ui 0.8.99 → 0.8.101

package/components/common/higher-order/with-speech-synthesis/index.js

@@ -1,58 +1,82 @@
-import { jsx as i } from "react/jsx-runtime";
-import w from "@unicom-cloud/icons/IconUiMute";
-import y from "@unicom-cloud/icons/IconUiPauseCircleFill";
-import I from "@unicom-cloud/icons/IconUiPlayCircleFill";
-import x from "@unicom-cloud/icons/IconUiSound";
-import { memo as C, forwardRef as P, useState as U, useEffect as g, useImperativeHandle as b } from "react";
-function B(u) {
-  function p(f, m) {
-    const { useButton: h = !0, buttonProps: c, ...o } = f ?? {}, [s, t] = U(!1);
-    function l() {
-      window.speechSynthesis?.cancel?.();
+import { jsx as h } from "react/jsx-runtime";
+import P from "@unicom-cloud/icons/IconUiMute";
+import U from "@unicom-cloud/icons/IconUiPauseCircleFill";
+import b from "@unicom-cloud/icons/IconUiPlayCircleFill";
+import N from "@unicom-cloud/icons/IconUiSound";
+import { forwardRef as v, useState as x, useMemo as E, useCallback as c, useImperativeHandle as F, useEffect as M, memo as R } from "react";
+const T = (S) => {
+  const d = v((g, C) => {
+    const { useButton: I = !0, buttonProps: f = {}, ...s } = g, [l, i] = x(!1), [a, m] = x(
+      null
+    ), e = E(
+      () => "speechSynthesis" in window && "SpeechSynthesisUtterance" in window,
+      []
+    ), o = c(() => {
+      e && (window.speechSynthesis.cancel(), i(!1), m(null));
+    }, [e]), p = c(() => {
+      if (!e) return;
+      o();
+      const n = s.getText?.() ?? s.text;
+      if (!n) return;
+      const t = new SpeechSynthesisUtterance(n);
+      m(t);
+      const r = () => {
+        i(!1), m(null);
+      };
+      t.onstart = () => i(!0), t.onend = r, t.onerror = r, t.onpause = () => i(!1), t.onresume = () => i(!0);
+      try {
+        window.speechSynthesis.speak(t);
+      } catch (y) {
+        console.error("Speech synthesis failed:", y), r();
+      }
+    }, [o, e, s.getText, s.text]), u = c(() => {
+      e && a && window.speechSynthesis.pause();
+    }, [e, a]), w = c(() => {
+      e && a && window.speechSynthesis.resume();
+    }, [e, a]), k = c(
+      (n) => {
+        n.preventDefault(), n.stopPropagation(), l ? u() : p(), f.onClick?.(n);
+      },
+      [l, u, p, f.onClick]
+    );
+    if (F(
+      C,
+      () => ({
+        cancel: o,
+        speak: p,
+        pause: u,
+        resume: w
+      }),
+      [o, p, u, w]
+    ), M(() => o, [o]), !e)
+      return null;
+    if (I) {
+      const { label: n, text: t, children: r, ...y } = f;
+      return /* @__PURE__ */ h(
+        S,
+        {
+          ...s,
+          type: "text",
+          size: "mini",
+          icon: l ? /* @__PURE__ */ h(P, {}) : /* @__PURE__ */ h(N, {}),
+          ...y,
+          onClick: k,
+          children: n || t || r
+        }
+      );
     }
-    function S() {
-      let n = o.getText?.() || o.text, e = new SpeechSynthesisUtterance(n);
-      e.onstart = function() {
-        t(!0);
-      }, e.onerror = () => {
-        t(!1);
-      }, e.onmark = () => {
-      }, e.onpause = () => {
-        t(!1);
-      }, e.onresume = () => {
-        t(!0);
-      }, e.onboundary = () => {
-      }, e.onend = () => {
-        t(!1);
-      }, window.speechSynthesis?.speak?.(e);
-    }
-    function a(n) {
-      l(), s || S(), c?.onClick?.(n);
-    }
-    let r;
-    if (window.speechSynthesis && window.SpeechSynthesisUtterance)
-      if (h) {
-        let { label: n, text: e, children: d, ...k } = c ?? {};
-        r = /* @__PURE__ */ i(
-          u,
-          {
-            ...o,
-            type: "text",
-            size: "mini",
-            icon: s ? /* @__PURE__ */ i(w, {}) : /* @__PURE__ */ i(x, {}),
-            ...k,
-            onClick: a,
-            children: n || e || d
-          }
-        );
-      } else
-        r = /* @__PURE__ */ i(s ? y : I, { ...o.iconProps, onClick: a });
-    return g(() => () => {
-      l();
-    }, []), b(m, () => ({})), r;
-  }
-  return C(P(p));
-}
+    return /* @__PURE__ */ h(
+      l ? U : b,
+      {
+        ...s.iconProps,
+        onClick: k,
+        style: { cursor: "pointer" }
+      }
+    );
+  });
+  return d.displayName = `WithSpeechSynthesis(${S.displayName || S.name || "SpeechSynthesis"})`, R(d);
+};
+T.displayName = "withSpeechSynthesis";
 export {
-  B as default
+  T as default
 };

package/components/common/space/index.js

@@ -1,96 +1,76 @@
-import { jsx as c, jsxs as L } from "react/jsx-runtime";
-import { UI_COMMON_PREFIX as O } from "@unicom-cloud/utils/constant/ui";
-import P from "lodash/isArray";
-import _ from "lodash/isNumber";
-import { forwardRef as N, Fragment as b } from "react";
-import k from "../hooks/useMergeProps.js";
-import x from "@unicom-cloud/utils/class-name";
-import F from "./toArray.js";
-const D = {
+import { jsx as o, jsxs as _ } from "react/jsx-runtime";
+import { UI_COMMON_PREFIX as b } from "@unicom-cloud/utils/constant/ui";
+import O from "lodash/isArray";
+import R from "lodash/isNumber";
+import { forwardRef as f, Fragment as k } from "react";
+import E from "../hooks/useMergeProps.js";
+import F from "@unicom-cloud/utils/class-name";
+import { toArray as L } from "../utils/toArray.js";
+const u = {
+  mini: 4,
+  small: 8,
+  medium: 16,
+  large: 24
+}, U = {
   size: "small",
   direction: "horizontal"
-};
-function E(a, m) {
-  const S = k(a, D, {}), {
-    className: z,
-    style: C,
-    children: M,
-    gap: j,
-    size: w,
-    direction: s,
-    align: B,
-    alignItems: R,
-    justifyContent: d,
-    wrap: l,
-    split: p,
-    rtl: $,
-    ...V
-  } = S, r = `${O}-space`, h = R ?? (B || (s === "horizontal" ? "center" : "")), i = j ?? w, A = x(
-    r,
-    {
-      [`${r}-${s}`]: s,
-      [`${r}-justify-content-${d}`]: d,
-      [`${r}-align-items-${h}`]: h,
-      [`${r}-wrap`]: l,
-      [`${r}-rtl`]: $
-    },
-    z
-  );
-  function f(e) {
-    if (_(e))
-      return e;
-    switch (e) {
-      case "mini":
-        return 4;
-      case "small":
-        return 8;
-      case "medium":
-        return 16;
-      case "large":
-        return 24;
-      default:
-        return 8;
-    }
-  }
-  const y = F(M);
-  function I(e) {
-    const n = y.length === e + 1, o = $ ? "marginLeft" : "marginRight";
-    if (typeof i == "string" || typeof i == "number") {
-      const t = f(i);
-      return l ? n ? { marginBottom: t } : {
-        [`${o}`]: t,
-        marginBottom: t
-      } : n ? {} : {
-        [s === "vertical" ? "marginBottom" : o]: t
-      };
-    }
-    if (P(i)) {
-      const t = f(i[0]), u = f(i[1]);
-      return l ? n ? { marginBottom: u } : {
-        [`${o}`]: t,
-        marginBottom: u
-      } : s === "vertical" ? { marginBottom: u } : { [`${o}`]: t };
-    }
+}, d = f(
+  function(a, y) {
+    const $ = E(a, U, {}), {
+      className: N,
+      style: S,
+      children: h,
+      gap: G,
+      size: x,
+      direction: n = "horizontal",
+      align: P,
+      alignItems: V,
+      justifyContent: l,
+      wrap: j,
+      split: p,
+      rtl: w,
+      ...z
+    } = $, e = `${b}-space`, r = G ?? x, m = V ?? P ?? (n === "horizontal" ? "center" : ""), A = F(
+      e,
+      {
+        [`${e}-${n}`]: n,
+        [`${e}-justify-content-${l}`]: l,
+        [`${e}-align-items-${m}`]: m,
+        [`${e}-wrap`]: j,
+        [`${e}-rtl`]: w
+      },
+      N
+    ), i = (t) => R(t) ? t : u[t] ?? u.small, C = {
+      ...(() => {
+        if (typeof r == "string" || typeof r == "number")
+          return {
+            gap: `${i(r)}px`
+          };
+        if (O(r)) {
+          const t = i(r[1]), s = i(r[0]);
+          return {
+            rowGap: `${t}px`,
+            columnGap: `${s}px`
+          };
+        }
+        return {};
+      })(),
+      ...S
+    }, v = L(h);
+    return /* @__PURE__ */ o("div", { ref: y, className: A, style: C, ...z, children: v.map((t, s) => {
+      const I = t?.key ?? s, M = p != null && s > 0;
+      return /* @__PURE__ */ _(k, { children: [
+        M && /* @__PURE__ */ o("div", { className: `${e}-item-split`, children: p }),
+        /* @__PURE__ */ o("div", { className: `${e}-item`, children: t })
+      ] }, I);
+    }) });
   }
-  return /* @__PURE__ */ c("div", { ref: m, className: A, style: C, ...V, children: y.map((e, n) => {
-    const o = e?.key || n, t = p != null && n > 0;
-    return /* @__PURE__ */ L(b, { children: [
-      t && /* @__PURE__ */ c("div", { className: `${r}-item-split`, children: p }),
-      /* @__PURE__ */ c("div", { className: `${r}-item`, style: I(n), children: e })
-    ] }, o);
-  }) });
-}
-const g = N(
-  E
-);
-g.displayName = "Space";
-function H(a, m) {
-  return /* @__PURE__ */ c(g, { ref: m, ...a, direction: "vertical", children: a.children });
-}
-const v = N(H);
-v.displayName = "SpaceVertical";
-g.Vertical = v;
+), g = f((c, a) => /* @__PURE__ */ o(d, { ref: a, ...c, direction: "vertical" })), T = Object.assign(d, {
+  displayName: "Space",
+  Vertical: g
+});
+g.displayName = "Space.Vertical";
 export {
-  v as SpaceVertical,
-  g as default
+  g as SpaceVertical,
+  T as default
 };

package/components/common/suspense-fallback-test/index.js

@@ -0,0 +1,16 @@
+import { jsx as o } from "react/jsx-runtime";
+import e from "react";
+const a = (n, r) => {
+  const s = e.useMemo(
+    () => e.lazy(
+      () => new Promise(() => {
+      })
+    ),
+    []
+  );
+  return /* @__PURE__ */ o(s, {});
+}, t = e.forwardRef(a);
+t.displayName = "SuspenseFallbackTest";
+export {
+  t as default
+};

package/components/common/utils/toArray.js

@@ -0,0 +1,12 @@
+import o from "react";
+import { isFragment as a } from "react-is";
+function t(s, p = {}) {
+  const e = [];
+  return o.Children.forEach(s, (r) => {
+    r == null && !p.keepEmpty || (Array.isArray(r) ? e.push(...t(r, p)) : a(r) && "props" in r && r.props ? e.push(...t(r.props.children, p)) : e.push(r));
+  }), e;
+}
+export {
+  t as default,
+  t as toArray
+};

package/copy/index.js

@@ -1,62 +1,110 @@
-import { jsx as i, jsxs as y } from "react/jsx-runtime";
-import x from "@unicom-cloud/icons/IconUiCheckCircleFill";
-import g from "@unicom-cloud/icons/IconUiCopy";
-import { useContext as T, useState as h, useRef as b, useEffect as P } from "react";
+import { jsx as e, jsxs as x } from "react/jsx-runtime";
+import g from "@unicom-cloud/icons/IconUiCheckCircleFill";
+import T from "@unicom-cloud/icons/IconUiCopy";
+import { useContext as h, useState as b, useRef as P, useEffect as w } from "react";
 import "../config-provider/ConfigProvider.js";
-import w from "../components/common/hooks/useKeyboardEvent.js";
-import E from "../tooltip/index.js";
-import N from "@unicom-cloud/utils/class-name";
-import k from "@unicom-cloud/utils/clipboard-copy";
-import { mergedToString as v } from "../components/common/utils/mergedToString.js";
-import I from "../config-provider/context.js";
-function j(o) {
-  const { children: r } = o, u = w(), C = T(I), { getPrefixCls: d, locale: c } = C, l = d?.("copy"), [t, s] = h(!1), e = b(-1), n = o.tooltips || [
+import E from "../components/common/hooks/useKeyboardEvent.js";
+import N from "../tooltip/index.js";
+import "@unicom-cloud/utils/case-name";
+import k from "@unicom-cloud/utils/class-name";
+import "../dist/tinycolor/chunk/BOzCVdr0.js";
+import "@unicom-cloud/utils/constant/ui";
+import "../utils/contextHolder.js";
+import "@unicom-cloud/utils/dayjs";
+import I from "@unicom-cloud/utils/clipboard-copy";
+import "../components/common/utils/dayjs.js";
+import "../components/common/utils/dom.js";
+import "@unicom-cloud/utils/file/fileToURL";
+import "lodash/escapeRegExp";
+import "lodash/isArray";
+import "lodash/isNumber";
+import "lodash/isString";
+import "lodash/isFunction";
+import "lodash/throttle";
+import "../components/common/utils/is.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/uniq";
+import "lodash/upperFirst";
+import "@unicom-cloud/utils/math";
+import { mergedToString as j } from "../components/common/utils/mergedToString.js";
+import "../dist/react-transition-group/src/CSSTransition.js";
+import "../dist/react-transition-group/src/ReplaceTransition.js";
+import "../dist/react-transition-group/src/SwitchTransition.js";
+import "../dist/react-transition-group/chunk/CPfP7aNL.js";
+import "../dist/react-transition-group/src/TransitionGroup.js";
+import "../components/common/utils/reactDOM.js";
+import "@unicom-cloud/utils/file/saveAs";
+import "@unicom-cloud/utils/screenfull";
+import "@unicom-cloud/utils/constant/ui.js";
+import "lodash/isPlainObject";
+import "react-is";
+import "@unicom-cloud/utils/tree";
+import { isFunction as v } from "@unicom-cloud/utils/is";
+import "uuid";
+import "../dist/validate/src/index.js";
+import "@unicom-cloud/utils/constant/keyboardCode";
+import F from "../config-provider/context.js";
+function S(o) {
+  const { children: n } = o, u = E(), C = h(F), { getPrefixCls: d, locale: c, rtl: y } = C, r = d?.("copy"), [i, l] = b(!1), m = P(-1), p = o.tooltips || [
     c?.Typography?.copy,
     c?.Typography?.copied
   ];
-  let m = null;
-  o.icon !== null && o.icon !== !1 && (m = t ? /* @__PURE__ */ i(x, {}) : o.icon || /* @__PURE__ */ i(g, {}));
-  function a(f) {
-    if (f.stopPropagation(), t)
+  let s = null;
+  o.icon !== null && o.icon !== !1 && (s = i ? /* @__PURE__ */ e(g, {}) : o.icon || /* @__PURE__ */ e(T, {}));
+  function f(a) {
+    if (a.stopPropagation(), i)
       return;
-    const p = o.text !== void 0 ? o.text : v(r);
-    k(p), s(!0), o.onCopy?.(p, f), e.current = window.setTimeout(() => {
-      s(!1);
+    let t = o.text;
+    v(t) && (t = t()), t || (t = j(n)), I(t), l(!0), o.onCopy?.(t, a), m.current = window.setTimeout(() => {
+      l(!1);
     }, 3e3);
   }
-  return P(() => () => {
-    clearTimeout(e.current), e.current = -1;
-  }, []), /* @__PURE__ */ i(
-    E,
+  return w(() => () => {
+    clearTimeout(m.current), m.current = -1;
+  }, []), /* @__PURE__ */ e(
+    N,
     {
-      content: t ? n[1] : n[0],
+      content: i ? p[1] : p[0],
       getPopupContainer: () => window.document.body,
       ...o.tooltipProps,
-      children: /* @__PURE__ */ y(
+      children: /* @__PURE__ */ x(
         "span",
         {
-          className: N(
-            `${l}-copy`,
-            !!t && `${l}-copied`,
+          className: k(
+            r,
+            !!y && `${r}-rtl`,
+            !!i && `${r}-copied`,
             o.className
           ),
           role: "button",
-          "aria-label": n[0],
+          "aria-label": p[0],
           tabIndex: 0,
-          onClick: a,
+          onClick: f,
           ...u({
-            onPressEnter: a
+            onPressEnter: f
           }),
           children: [
-            r,
-            m
+            n,
+            s
           ]
         }
       )
     }
   );
 }
-j.displayName = "Copy";
+S.displayName = "Copy";
 export {
-  j as default
+  S as default
 };