@unicom-cloud/ui 0.8.107 → 0.8.109

package/space/index.js

@@ -1,57 +1,67 @@
-import { jsx as a } from "react/jsx-runtime";
-import { forwardRef as s, useContext as S } from "react";
-import x from "../components/common/space/index.js";
-import "../config-provider/ConfigProvider.js";
+import { jsx as m } from "react/jsx-runtime";
+import { forwardRef as a, useContext as u } from "react";
+import { a as C, S as x } from "../chunk/DXlwLh0Y.js";
+import "../chunk/DsaQZE4X.js";
+import "../chunk/CdXR6dj7.js";
+import "@unicom-cloud/utils/js-cookie";
+import "dayjs";
+import "lodash/debounce";
+import "../chunk/BTLlOOe9.js";
+import "@unicom-cloud/utils/screenfull";
+import "lodash/throttle";
+import "@unicom-cloud/utils/constant/platform";
+import "lodash/isPlainObject";
+import "@unicom-cloud/utils/query-string";
+import "react-router";
 import "lodash/isEqualWith";
-import "../components/common/utils/is.js";
 import "@unicom-cloud/utils/constant/keyboardCode";
 import "lodash/isNumber";
 import "lodash/merge";
-import "../components/common/utils/dom.js";
-import "../components/common/hooks/useIntersectionObserver.js";
-import N from "../components/common/hooks/useMergeProps.js";
-import "../components/common/utils/reactDOM.js";
+import "../chunk/d1c9z8T1.js";
+import "../chunk/RjJoagzL.js";
+import { u as N } from "../chunk/FgWHhRFz.js";
+import "../chunk/CXrVhA6-.js";
 import "@unicom-cloud/utils/constant";
-import "lodash/debounce";
 import g from "@unicom-cloud/utils/class-name";
-import u from "../config-provider/context.js";
 const $ = {
   size: "small",
   direction: "horizontal"
-}, i = s(
+}, p = a(
   (o, t) => {
-    const { getPrefixCls: c, componentConfig: n, rtl: l } = S(u), f = N(
+    const { getPrefixCls: c, componentConfig: n, rtl: l } = u(C), f = N(
       o,
       $,
       n?.Space
-    ), { className: d, direction: r = "horizontal", wrap: p, ...C } = f, e = c?.("space");
-    return /* @__PURE__ */ a(
+    ), { className: d, direction: r = "horizontal", wrap: e, ...S } = f, i = c?.("space");
+    return /* @__PURE__ */ m(
       x,
       {
         ref: t,
         className: g(
-          e,
+          i,
           {
-            [`${e}-wrap`]: p,
-            [`${e}-${r}`]: r
+            [`${i}-wrap`]: e,
+            [`${i}-${r}`]: r
           },
           d
         ),
         direction: r,
-        wrap: p,
+        wrap: e,
         rtl: l,
-        ...C
+        ...S
       }
     );
   }
 );
-i.displayName = "Space";
-const m = s((o, t) => /* @__PURE__ */ a(i, { ref: t, direction: "vertical", ...o }));
-m.displayName = "SpaceVertical";
-const E = Object.assign(i, {
-  Vertical: m
+p.displayName = "Space";
+const s = a(
+  (o, t) => /* @__PURE__ */ m(p, { ...o, ref: t, direction: "vertical" })
+);
+s.displayName = "SpaceVertical";
+const Q = Object.assign(p, {
+  Vertical: s
 });
 export {
-  m as SpaceVertical,
-  E as default
+  s as SpaceVertical,
+  Q as default
 };

package/speech-synthesis/index.js

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

package/spin/DotLoading.js

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

package/spin/index.js

@@ -6,77 +6,76 @@ import F from "@unicom-cloud/icons/IconUiLoadingRing";
 import H from "@unicom-cloud/icons/IconUiLoadingSpinner";
 import M from "lodash/debounce";
 import h, { useContext as q, useState as A, useCallback as B, useRef as G, useImperativeHandle as J, useEffect as K } from "react";
-import "../config-provider/ConfigProvider.js";
-import O from "../components/common/hooks/useMergeProps.js";
-import m from "@unicom-cloud/utils/class-name";
-import { isEmptyReactNode as Q } from "../components/common/utils/is.js";
-import T from "../config-provider/context.js";
+import { a as O } from "../chunk/DXlwLh0Y.js";
+import { u as Q } from "../chunk/FgWHhRFz.js";
+import f from "@unicom-cloud/utils/class-name";
+import { b as T } from "../chunk/DsaQZE4X.js";
 function V(C, S) {
   const {
     prefixCls: x,
     getPrefixCls: I,
     componentConfig: L
-  } = q(T), v = O(C, {}, L?.Spin), {
-    style: R,
-    className: b,
-    children: r,
-    loading: t,
-    size: s,
-    icon: f,
+  } = q(O), b = Q(C, {}, L?.Spin), {
+    style: v,
+    className: R,
+    children: a,
+    loading: s,
+    size: t,
+    icon: m,
     element: z,
-    tip: a,
+    tip: r,
     type: U,
     delay: i,
     block: k = !1,
     fullscreen: p,
     ...E
-  } = v, [g, u] = A(i ? !1 : t), o = B(M(u, i), [i]), c = i ? g : t, e = I?.("spin"), y = G(null);
+  } = b, [g, u] = A(i ? !1 : s), o = B(M(u, i), [i]), c = i ? g : s, e = I?.("spin"), y = G(null);
   J(S, () => ({
     // 潘启宝添加于 2023年10月23日 星期一 10时52分55秒 CST
     dom: y.current,
     loading: g,
     setLoading: u,
     debouncedSetLoading: o
-  })), K(() => (i && o(t), () => {
+  })), K(() => (i && o(s), () => {
     o && o.cancel();
-  }), [o, i, t]);
+  }), [o, i, s]);
   const j = {
     dot: _,
     infinity: D,
     ring: F,
     circle: H,
     default: P
-  }[U || "default"], w = /* @__PURE__ */ n("span", { className: `${e}-icon`, children: f ? h.cloneElement(f, {
+  }[U || "default"], w = /* @__PURE__ */ n("span", { className: `${e}-icon`, children: m ? h.cloneElement(m, {
     className: `${x}-icon-ui-loading`,
     style: {
-      fontSize: s
+      fontSize: t
     }
-  }) : z || /* @__PURE__ */ n(j, { style: { fontSize: s } }) }), d = /* @__PURE__ */ N($, { children: [
+  }) : z || /* @__PURE__ */ n(j, { style: { fontSize: t } }) }), d = /* @__PURE__ */ N($, { children: [
     w,
-    a ? /* @__PURE__ */ n("div", { className: `${e}-tip`, children: a }) : null
+    r ? /* @__PURE__ */ n("div", { className: `${e}-tip`, children: r }) : null
   ] });
   let l;
-  return Q(r) ? p ? c && (l = /* @__PURE__ */ n(
+  return T(a) ? p ? c && (l = /* @__PURE__ */ n(
     "div",
     {
-      className: m(
+      className: f(
         `${e}-loading-layer`,
         `${e}-fullscreen`
       ),
-      style: { fontSize: s },
+      style: { fontSize: t },
       children: d
     }
   )) : l = d : l = /* @__PURE__ */ N($, { children: [
-    /* @__PURE__ */ n("div", { className: `${e}-children`, children: r }),
+    /* @__PURE__ */ n("div", { className: `${e}-children`, children: a }),
     c && /* @__PURE__ */ n(
       "div",
       {
-        className: m(
+        className: f(
           `${e}-loading-layer`,
           p && `${e}-fullscreen`
           // 潘启宝添加
         ),
-        style: { fontSize: s },
+        style: { fontSize: t },
         children: /* @__PURE__ */ n("span", { className: `${e}-loading-layer-inner`, children: d })
       }
     )
@@ -84,16 +83,16 @@ function V(C, S) {
     "div",
     {
       ref: y,
-      className: m(
+      className: f(
         e,
         {
           [`${e}-block`]: k,
           [`${e}-loading`]: c,
-          [`${e}-with-tip`]: a && !r
+          [`${e}-with-tip`]: r && !a
         },
-        b
+        R
       ),
-      style: R,
+      style: v,
       ...E,
       children: l
     }

package/splitter/Panel.js

@@ -1,39 +1,38 @@
-import { jsx as f } from "react/jsx-runtime";
+import { jsx as m } from "react/jsx-runtime";
 import p, { forwardRef as x } from "react";
-import "../config-provider/ConfigProvider.js";
-import d from "@unicom-cloud/utils/class-name";
-import C from "../config-provider/context.js";
-const N = x((t, a) => {
-  const { getPrefixCls: l } = p.useContext(C), {
+import { a as d } from "../chunk/DXlwLh0Y.js";
+import C from "@unicom-cloud/utils/class-name";
+const N = x((o, t) => {
+  const { getPrefixCls: l } = p.useContext(d), {
     prefixCls: n,
     className: r,
     children: i,
     size: e,
     style: c = {}
-  } = t, s = l?.("panel", n), m = d(
+  } = o, s = l?.("panel", n), f = C(
     s,
     {
       [`${s}-hidden`]: e === 0
     },
     r
-  ), o = e !== void 0;
-  return /* @__PURE__ */ f(
+  ), a = e !== void 0;
+  return /* @__PURE__ */ m(
     "div",
     {
-      ref: a,
-      className: m,
+      ref: t,
+      className: f,
       style: {
         ...c,
-        flexBasis: o ? e : "auto",
-        flexGrow: o ? 0 : 1
+        flexBasis: a ? e : "auto",
+        flexGrow: a ? 0 : 1
       },
       children: i
     }
   );
 });
 process.env.NODE_ENV !== "production" && (N.displayName = "Panel");
-const z = () => null;
+const y = () => null;
 export {
   N as InternalPanel,
-  z as default
+  y as default
 };

package/splitter/SplitBar.js

@@ -1,157 +1,12 @@
-import { jsxs as G, jsx as l } from "react/jsx-runtime";
-import H from "@unicom-cloud/icons/IconUiDown";
-import J from "@unicom-cloud/icons/IconUiLeft";
-import K from "@unicom-cloud/icons/IconUiRight";
-import Q from "@unicom-cloud/icons/IconUiUp";
-import { useContext as W, useState as X, useEffect as Z } from "react";
-import "../config-provider/ConfigProvider.js";
-import f from "@unicom-cloud/utils/class-name";
-import Y from "./hooks/useEvent.js";
-import _ from "../config-provider/context.js";
-function b(d) {
-  return typeof d == "number" && !Number.isNaN(d) ? Math.round(d) : 0;
-}
-const fe = (d) => {
-  const { getPrefixCls: y } = W(_), {
-    prefixCls: I,
-    vertical: s,
-    index: n,
-    active: z,
-    ariaNow: E,
-    ariaMin: $,
-    ariaMax: M,
-    startCollapsible: T,
-    endCollapsible: j,
-    onOffsetStart: O,
-    onOffsetUpdate: v,
-    onOffsetEnd: h,
-    onCollapse: P,
-    lazy: a,
-    containerSize: m
-  } = d, e = y?.("bar", I), [r, w] = X(null), [g, S] = X(0), k = s ? 0 : g, A = s ? g : 0, D = (o) => {
-    o.currentTarget && (w([o.pageX, o.pageY]), O(n));
-  }, V = (o) => {
-    if (o.touches.length === 1) {
-      const t = o.touches[0];
-      w([t.pageX, t.pageY]), O(n);
-    }
-  }, B = (o) => {
-    const t = m * E / 100, c = t + o, x = Math.max(0, m * $ / 100), i = Math.min(m, m * M / 100);
-    return Math.max(x, Math.min(i, c)) - t;
-  }, N = Y((o, t) => {
-    const c = B(
-      s ? t : o
-    );
-    S(c);
-  }), L = Y(() => {
-    v(n, k, A, !0), S(0), h(!0);
-  });
-  Z(() => {
-    if (r) {
-      const o = (i) => {
-        const { pageX: p, pageY: C } = i, u = p - r[0], U = C - r[1];
-        a ? N(u, U) : v(n, u, U);
-      }, t = () => {
-        a ? L() : h(), w(null);
-      }, c = (i) => {
-        if (i.touches.length === 1) {
-          const p = i.touches[0], C = p.pageX - r[0], u = p.pageY - r[1];
-          a ? N(C, u) : v(n, C, u);
-        }
-      }, x = () => {
-        a ? L() : h(), w(null);
-      };
-      return window.addEventListener("touchmove", c), window.addEventListener("touchend", x), window.addEventListener("mousemove", o), window.addEventListener("mouseup", t), () => {
-        window.removeEventListener("mousemove", o), window.removeEventListener("mouseup", t), window.removeEventListener("touchmove", c), window.removeEventListener("touchend", x);
-      };
-    }
-  }, [
-    r,
-    a,
-    s,
-    n,
-    m,
-    E,
-    $,
-    M,
-    N,
-    v,
-    L,
-    h
-  ]);
-  const R = {
-    [`--${e}-preview-offset`]: `${g}px`
-  }, q = s ? Q : J, F = s ? H : K;
-  return /* @__PURE__ */ G(
-    "div",
-    {
-      className: e,
-      role: "separator",
-      "aria-valuenow": b(E),
-      "aria-valuemin": b($),
-      "aria-valuemax": b(M),
-      children: [
-        a && /* @__PURE__ */ l(
-          "div",
-          {
-            className: f(`${e}-preview`, {
-              [`${e}-preview-active`]: !!g
-            }),
-            style: R
-          }
-        ),
-        /* @__PURE__ */ l(
-          "div",
-          {
-            className: f(`${e}-dragger`, {
-              [`${e}-dragger-active`]: z
-            }),
-            onMouseDown: D,
-            onTouchStart: V
-          }
-        ),
-        T && /* @__PURE__ */ l(
-          "div",
-          {
-            className: f(
-              `${e}-collapse-bar`,
-              `${e}-collapse-bar-start`
-            ),
-            onClick: () => P(n, "start"),
-            children: /* @__PURE__ */ l(
-              q,
-              {
-                className: f(
-                  `${e}-collapse-icon`,
-                  `${e}-collapse-start`
-                )
-              }
-            )
-          }
-        ),
-        j && /* @__PURE__ */ l(
-          "div",
-          {
-            className: f(
-              `${e}-collapse-bar`,
-              `${e}-collapse-bar-end`
-            ),
-            onClick: () => P(n, "end"),
-            children: /* @__PURE__ */ l(
-              F,
-              {
-                className: f(
-                  `${e}-collapse-icon`,
-                  `${e}-collapse-end`
-                )
-              }
-            )
-          }
-        )
-      ]
-    }
-  );
-};
+import "react/jsx-runtime";
+import "@unicom-cloud/icons/IconUiDown";
+import "@unicom-cloud/icons/IconUiLeft";
+import "@unicom-cloud/icons/IconUiRight";
+import "@unicom-cloud/icons/IconUiUp";
+import "react";
+import "../chunk/DXlwLh0Y.js";
+import "@unicom-cloud/utils/class-name";
+import { S as l } from "../chunk/DGSfSsAY.js";
 export {
-  fe as default
+  l as default
 };