@unicom-cloud/ui 0.8.100 → 0.8.102

package/space/index.js

@@ -1,6 +1,6 @@
-import { jsx as l } from "react/jsx-runtime";
-import { forwardRef as C, useContext as d } from "react";
-import u, { SpaceVertical as x } from "../components/common/space/index.js";
+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 "lodash/isEqualWith";
 import "../components/common/utils/is.js";
@@ -13,39 +13,45 @@ import N from "../components/common/hooks/useMergeProps.js";
 import "../components/common/utils/reactDOM.js";
 import "@unicom-cloud/utils/constant";
 import "lodash/debounce";
-import S from "@unicom-cloud/utils/class-name";
-import $ from "../config-provider/context.js";
-const g = {
+import g from "@unicom-cloud/utils/class-name";
+import u from "../config-provider/context.js";
+const $ = {
   size: "small",
   direction: "horizontal"
-};
-function w(e, i) {
-  const { getPrefixCls: m, componentConfig: s, rtl: a } = d($), c = N(
-    e,
-    g,
-    s?.Space
-  ), { className: n, direction: o, wrap: t, ...f } = c, r = m?.("space");
-  return /* @__PURE__ */ l(
-    u,
-    {
-      ref: i,
-      className: S(
-        r,
-        t && `${r}-wrap`,
-        o && `${r}-${o}`,
-        n
-      ),
-      direction: o,
-      wrap: t,
-      rtl: a,
-      ...f
-    }
-  );
-}
-const p = C(w);
-p.displayName = "Space";
-p.Vertical = x;
+}, i = s(
+  (o, t) => {
+    const { getPrefixCls: c, componentConfig: n, rtl: l } = S(u), f = N(
+      o,
+      $,
+      n?.Space
+    ), { className: d, direction: r = "horizontal", wrap: p, ...C } = f, e = c?.("space");
+    return /* @__PURE__ */ a(
+      x,
+      {
+        ref: t,
+        className: g(
+          e,
+          {
+            [`${e}-wrap`]: p,
+            [`${e}-${r}`]: r
+          },
+          d
+        ),
+        direction: r,
+        wrap: p,
+        rtl: l,
+        ...C
+      }
+    );
+  }
+);
+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
+});
 export {
-  x as SpaceVertical,
-  p as default
+  m as SpaceVertical,
+  E as default
 };

package/speech-synthesis/interface.js

@@ -0,0 +1 @@
+

package/splitter/SplitBar.js

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

package/splitter/Splitter.js

@@ -1,139 +1,127 @@
-import { jsxs as I, jsx as g } from "react/jsx-runtime";
-import p, { useState as ce, useRef as fe, useEffect as me, useImperativeHandle as pe } from "react";
+import { jsxs as v, jsx as h } from "react/jsx-runtime";
+import m, { useState as re, useRef as ie, useEffect as ae, useImperativeHandle as le } from "react";
 import "../config-provider/ConfigProvider.js";
-import ue from "../components/common/hooks/useMergeProps.js";
-import P from "@unicom-cloud/utils/class-name";
-import { resizeObserver as ze } from "../components/common/utils/resizeObserver.js";
-import m from "./hooks/useEvent.js";
-import Se from "./hooks/useItems.js";
-import Ce from "./hooks/useResizable.js";
-import de from "./hooks/useResize.js";
-import he from "./hooks/useSizes.js";
-import { InternalPanel as ge } from "./Panel.js";
-import Re from "./SplitBar.js";
-import Me from "../config-provider/context.js";
-const be = {
+import ce from "../components/common/hooks/useMergeProps.js";
+import fe from "@unicom-cloud/utils/class-name";
+import { resizeObserver as me } from "../components/common/utils/resizeObserver.js";
+import f from "./hooks/useEvent.js";
+import pe from "./hooks/useItems.js";
+import ue from "./hooks/useResizable.js";
+import ze from "./hooks/useResize.js";
+import Se from "./hooks/useSizes.js";
+import { InternalPanel as Ce } from "./Panel.js";
+import de from "./SplitBar.js";
+import he from "../config-provider/context.js";
+const ge = {
   layout: "horizontal"
 };
-function Ne(O, $) {
-  const { getPrefixCls: x, componentConfig: y, rtl: k } = p.useContext(Me), H = ue(
-    O,
-    be,
-    y?.Splitter
+function Me(P, E) {
+  const { getPrefixCls: N, componentConfig: O, rtl: l } = m.useContext(he), x = ce(
+    P,
+    ge,
+    O?.Splitter
   ), {
-    prefixCls: U,
-    className: j,
-    style: w,
-    layout: u = "horizontal",
-    children: B,
-    rootClassName: D,
-    onResizeStart: V,
-    onResize: R,
-    onResizeEnd: z,
-    lazy: W,
-    ...F
-  } = H, n = x?.("splitter", U), l = u === "vertical", c = k, r = Se(B), [S, L] = ce(), o = fe(null), T = () => {
-    const t = o.current?.offsetWidth, e = o.current?.offsetHeight, s = l ? e : t;
-    s !== 0 && L(s);
+    prefixCls: y,
+    className: $,
+    style: k,
+    layout: g = "horizontal",
+    children: H,
+    onResizeStart: U,
+    onResize: M,
+    onResizeEnd: p,
+    lazy: j,
+    ...w
+  } = x, s = N?.("splitter", y), c = g === "vertical", o = pe(H), [u, B] = re(), r = ie(null), W = () => {
+    const t = r.current?.offsetWidth, e = r.current?.offsetHeight, n = c ? e : t;
+    n !== 0 && B(n);
   }, [
-    _,
-    C,
-    d,
-    M,
-    b,
-    q
-  ] = he(r, S), N = Ce(r, C, c), [A, G, J, K, v] = de(
-    r,
-    N,
-    d,
+    D,
+    z,
     S,
-    q,
-    c
-  ), Q = m((t) => {
-    A(t), V?.(C);
-  }), X = m(
-    (t, e, s) => {
-      const a = G(t, e);
-      s ? z?.(a) : R?.(a);
+    R,
+    I,
+    F
+  ] = Se(o, u), V = ue(o, z, l), [q, A, G, J, b] = ze(o, S, u, F, l), K = f((t) => {
+    q(t), U?.(z);
+  }), L = f(
+    (t, e, n) => {
+      const a = A(t, e);
+      n ? p?.(a) : M?.(a);
     }
-  ), Y = m((t) => {
-    J(), t || z?.(C);
-  }), Z = m(
+  ), Q = f((t) => {
+    G(), t || p?.(z);
+  }), T = f(
     (t, e) => {
-      const s = K(t, e);
-      R?.(s), z?.(s);
+      const n = J(t, e);
+      M?.(n), p?.(n);
     }
-  ), ee = P(
-    n,
-    j,
-    `${n}-${u}`,
-    {
-      [`${n}-rtl`]: c
-    },
-    D
-  ), E = `${n}-mask`, i = p.useMemo(() => {
+  ), X = fe(
+    s,
+    $,
+    `${s}-${g}`,
+    l && [`${s}-rtl`]
+  ), i = m.useMemo(() => {
     const t = [];
     let e = 0;
-    for (let s = 0; s < r.length; s += 1)
-      e += d[s], t.push(e);
+    for (let n = 0; n < o.length; n += 1)
+      e += S[n], t.push(e);
     return t;
-  }, [d]);
-  return me(() => {
-    const t = ze([o.current], () => {
-      T();
+  }, [S, o.length]);
+  return ae(() => {
+    const t = me([r.current], () => {
+      W();
     });
     return () => {
       t();
     };
-  }, [o.current]), pe($, () => ({ dom: o.current })), /* @__PURE__ */ I("div", { style: w, className: ee, ref: o, ...F, children: [
-    r.map((t, e) => {
-      const s = /* @__PURE__ */ g(
-        ge,
+  }, [r.current]), le(E, () => ({ dom: r.current })), /* @__PURE__ */ v("div", { style: k, className: X, ref: r, ...w, children: [
+    o.map((t, e) => {
+      const n = /* @__PURE__ */ h(
+        Ce,
         {
           ...t,
-          prefixCls: n,
-          size: _[e]
+          prefixCls: s,
+          size: D[e]
         }
       );
       let a = null;
-      const f = N[e];
-      if (f) {
-        const te = (i[e - 1] || 0) + M[e], se = (i[e + 1] || 100) - b[e + 1], ne = (i[e - 1] || 0) + b[e], oe = (i[e + 1] || 100) - M[e + 1];
-        a = /* @__PURE__ */ g(
-          Re,
+      const C = V[e];
+      if (C) {
+        const Y = (i[e - 1] || 0) + R[e], Z = (i[e + 1] || 100) - I[e + 1], _ = (i[e - 1] || 0) + I[e], ee = (i[e + 1] || 100) - R[e + 1];
+        a = /* @__PURE__ */ h(
+          de,
           {
-            lazy: W,
+            lazy: j,
             index: e,
-            active: v === e,
-            prefixCls: n,
-            vertical: l,
-            resizable: f.resizable,
+            active: b === e,
+            prefixCls: s,
+            vertical: c,
             ariaNow: i[e] * 100,
-            ariaMin: Math.max(te, se) * 100,
-            ariaMax: Math.min(ne, oe) * 100,
-            startCollapsible: f.startCollapsible,
-            endCollapsible: f.endCollapsible,
-            onOffsetStart: Q,
-            onOffsetUpdate: (re, ie, ae, le) => {
-              let h = l ? ae : ie;
-              c && !l && (h = -h), X(re, h, le);
+            ariaMin: Math.max(Y, Z) * 100,
+            ariaMax: Math.min(_, ee) * 100,
+            startCollapsible: C.startCollapsible,
+            endCollapsible: C.endCollapsible,
+            onOffsetStart: K,
+            onOffsetUpdate: (te, ne, se, oe) => {
+              let d = c ? se : ne;
+              l && !c && (d = -d), L(te, d, oe);
             },
-            onOffsetEnd: Y,
-            onCollapse: Z,
-            containerSize: S || 0
+            onOffsetEnd: Q,
+            onCollapse: T,
+            containerSize: u || 0
           }
         );
       }
-      return /* @__PURE__ */ I(p.Fragment, { children: [
-        s,
+      return /* @__PURE__ */ v(m.Fragment, { children: [
+        n,
         a
       ] }, `split-panel-${e}`);
     }),
-    typeof v == "number" && /* @__PURE__ */ g("div", { "aria-hidden": !0, className: P(E, `${E}-${u}`) })
+    typeof b == "number" && /* @__PURE__ */ h("div", { "aria-hidden": !0, className: `${s}-mask` })
   ] });
 }
-const ve = p.forwardRef(Ne);
-process.env.NODE_ENV !== "production" && (ve.displayName = "Splitter");
+const Re = m.forwardRef(Me);
+Re.displayName = "Splitter";
 export {
-  ve as default
+  Re as default
 };

package/splitter/hooks/useItems.js

@@ -1,5 +1,5 @@
 import o from "react";
-import { toArray as i } from "../../utils/toArray.js";
+import { toArray as i } from "../../components/common/utils/toArray.js";
 function p(t) {
   if (t && typeof t == "object")
     return t;

package/splitter/hooks/useResizable.js

@@ -1,26 +1,17 @@
-import v from "react";
-function I(l, s, o) {
-  return v.useMemo(() => {
+import C from "react";
+function v(t, l, n) {
+  return C.useMemo(() => {
     const r = [];
-    for (let e = 0; e < l.length - 1; e += 1) {
-      const p = l[e], u = l[e + 1], t = s[e], n = s[e + 1], {
-        resizable: z = !0,
-        min: d,
-        collapsible: a
-      } = p, {
-        resizable: C = !0,
-        min: f,
-        collapsible: i
-      } = u, m = z && C && (t !== 0 || !d) && (n !== 0 || !f), b = a.end && t > 0 || i.start && n === 0 && t > 0, c = i.start && n > 0 || a.end && t === 0 && n > 0;
+    for (let e = 0; e < t.length - 1; e += 1) {
+      const b = t[e], u = t[e + 1], o = l[e], s = l[e + 1], { min: d, collapsible: a } = b, { min: f, collapsible: c } = u, i = a.end && o > 0 || c.start && s === 0 && o > 0, p = c.start && s > 0 || a.end && o === 0 && s > 0;
       r[e] = {
-        resizable: m,
-        startCollapsible: !!(o ? c : b),
-        endCollapsible: !!(o ? b : c)
+        startCollapsible: !!(n ? p : i),
+        endCollapsible: !!(n ? i : p)
       };
     }
     return r;
-  }, [s, l, o]);
+  }, [l, t, n]);
 }
 export {
-  I as default
+  v as default
 };

package/splitter/hooks/useResize.js

@@ -1,14 +1,14 @@
 import x from "react";
-import { getPtg as q } from "./useSizes.js";
-function J(b, v, P, j, C, k) {
-  const i = b.map((t) => [t.min, t.max]), S = j || 0, M = (t) => t * S;
+import { getPtg as T } from "./useSizes.js";
+function H(v, P, b, C, j) {
+  const i = v.map((t) => [t.min, t.max]), S = b || 0, M = (t) => t * S;
   function a(t, f) {
-    return typeof t == "string" ? M(q(t)) : t ?? f;
+    return typeof t == "string" ? M(T(t)) : t ?? f;
   }
-  const [O, y] = x.useState([]), I = x.useRef([]), [g, p] = x.useState(null), U = () => P.map(M);
+  const [O, k] = x.useState([]), I = x.useRef([]), [g, p] = x.useState(null), U = () => P.map(M);
   return [
     (t) => {
-      y(U()), p({
+      k(U()), p({
         index: t,
         confirmed: !1
       });
@@ -23,7 +23,7 @@ function J(b, v, P, j, C, k) {
           });
         else
           for (let r = t; r >= 0; r -= 1)
-            if (O[r] > 0 && v[r].resizable) {
+            if (O[r] > 0) {
               n = r, p({
                 index: r,
                 confirmed: !0
@@ -45,7 +45,7 @@ function J(b, v, P, j, C, k) {
       p(null);
     },
     (t, f) => {
-      const n = U(), c = k ? f === "start" ? "end" : "start" : f, e = c === "start" ? t : t + 1, s = c === "start" ? t + 1 : t, l = n[e], d = n[s];
+      const n = U(), c = j ? f === "start" ? "end" : "start" : f, e = c === "start" ? t : t + 1, s = c === "start" ? t + 1 : t, l = n[e], d = n[s];
       if (l !== 0 && d !== 0)
         n[e] = 0, n[s] += l, I.current[t] = l;
       else {
@@ -55,7 +55,7 @@ function J(b, v, P, j, C, k) {
         ), r = a(i[s][0], 0), E = a(
           i[s][1],
           S
-        ), L = Math.max(m, u - E), T = Math.min(o, u - r), R = r || (T - L) / 2, z = I.current[t], h = u - z;
+        ), y = Math.max(m, u - E), L = Math.min(o, u - r), R = r || (L - y) / 2, z = I.current[t], h = u - z;
         z && z <= E && z >= r && h <= o && h >= m ? (n[s] = z, n[e] = h) : (n[e] -= R, n[s] += R);
       }
       return C(n), n;
@@ -64,5 +64,5 @@ function J(b, v, P, j, C, k) {
   ];
 }
 export {
-  J as default
+  H as default
 };