@unicom-cloud/ui 0.8.100 → 0.8.101

package/segmented/index.js

@@ -1,10 +1,10 @@
-import { jsxs as D, jsx as w, Fragment as ee } from "react/jsx-runtime";
-import { forwardRef as te, useContext as ne, useMemo as re, useState as P, useRef as N, useCallback as oe, useEffect as A } from "react";
+import { jsxs as D, jsx as w, Fragment as te } from "react/jsx-runtime";
+import { forwardRef as ne, useContext as re, useMemo as oe, useState as P, useRef as N, useCallback as se, useEffect as A } from "react";
 import "../config-provider/ConfigProvider.js";
 import ae from "../components/common/hooks/useMergeProps.js";
-import E from "@unicom-cloud/utils/class-name";
-import { resizeObserver as se } from "../components/common/utils/resizeObserver.js";
-import ie from "../config-provider/context.js";
+import j from "@unicom-cloud/utils/class-name";
+import { resizeObserver as ie } from "../components/common/utils/resizeObserver.js";
+import le from "../config-provider/context.js";
 const ce = {
   options: [],
   size: "medium",
@@ -14,12 +14,12 @@ const ce = {
   direction: "horizontal",
   showIndicator: !0,
   animationDuration: 300
-}, le = te(
-  (M, d) => {
-    const { getPrefixCls: j, componentConfig: B, rtl: K } = ne(ie), L = ae(
-      M,
+}, ue = ne(
+  (B, d) => {
+    const { getPrefixCls: E, componentConfig: M, rtl: K } = re(le), L = ae(
+      B,
       ce,
-      B?.Segmented
+      M?.Segmented
     ), {
       style: U,
       className: F,
@@ -36,7 +36,7 @@ const ce = {
       name: x,
       onChange: C,
       ...G
-    } = L, a = re(() => O.map((e) => typeof e == "string" ? { value: e, label: e } : e), [O]), [J, V] = P(() => y && a.some((e) => e.value === y) ? y : a[0]?.value || ""), [Q, m] = P({}), l = N(null), k = N([]), S = N(!1), r = j?.("segmented"), T = E(
+    } = L, s = oe(() => O.map((e) => typeof e == "string" ? { value: e, label: e } : e), [O]), [J, S] = P(() => y && s.some((e) => e.value === y) ? y : s[0]?.value || ""), [Q, m] = P({}), c = N(null), k = N([]), V = N(!1), r = E?.("segmented"), T = j(
       r,
       {
         [`${r}-block`]: _,
@@ -46,24 +46,24 @@ const ce = {
         [`${r}-${p}`]: p
       },
       F
-    ), h = R !== void 0, i = h ? R : J, b = oe(() => {
-      if (!$ || !l.current) {
-        m((s) => ({ ...s, opacity: 0 }));
+    ), h = R !== void 0, i = h ? R : J, b = se(() => {
+      if (!$ || !c.current) {
+        m((a) => ({ ...a, opacity: 0 }));
         return;
       }
-      const e = a.findIndex(
-        (s) => s?.value === i
+      const e = s.findIndex(
+        (a) => a?.value === i
       );
       if (e === -1) {
-        m((s) => ({ ...s, opacity: 0 }));
+        m((a) => ({ ...a, opacity: 0 }));
         return;
       }
       const o = k.current[e];
       if (!o) {
-        m((s) => ({ ...s, opacity: 0 }));
+        m((a) => ({ ...a, opacity: 0 }));
         return;
       }
-      const n = l.current.getBoundingClientRect(), t = o.getBoundingClientRect(), c = p === "vertical" ? {
+      const n = c.current.getBoundingClientRect(), t = o.getBoundingClientRect(), l = p === "vertical" ? {
         width: t.width,
         // 垂直模式下宽度撑满
         top: t.top - n.top,
@@ -75,14 +75,14 @@ const ce = {
         // 水平模式下高度撑满
       };
       m({
-        ...c,
+        ...l,
         opacity: 1
       });
-    }, [i, a, $, p]), z = (e, o) => {
-      o || f || (h || V(e), C?.(e));
+    }, [i, s, $, p]), z = (e, o) => {
+      o || f || (h || S(e), C?.(e));
     }, W = (e, o) => {
       if (f) return;
-      const n = a.length;
+      const n = s.length;
       if (n === 0) return;
       let t = o;
       switch (e.key) {
@@ -103,26 +103,26 @@ const ce = {
         default:
           return;
       }
-      for (; t !== o && a[t]?.disabled; )
+      for (; t !== o && s[t]?.disabled; )
         t = (t + (e.key === "ArrowLeft" || e.key === "ArrowUp" ? -1 : 1) + n) % n;
-      const c = a[t]?.value;
-      c && c !== i && (z(c), k.current[t]?.focus());
+      const l = s[t]?.value;
+      l && l !== i && (z(l), k.current[t]?.focus());
     };
     A(() => {
-      if (!S.current) {
-        S.current = !0;
+      if (!V.current) {
+        V.current = !0;
         return;
       }
-      if (!a.some((e) => e.value === i)) {
-        const e = a[0]?.value || "";
-        h || V(e), C?.(e);
+      if (!s.some((e) => e.value === i)) {
+        const e = s[0]?.value || "";
+        h || S(e), C?.(e);
       }
-    }, [a, i, h, C]), A(() => {
+    }, [s, i, h, C]), A(() => {
       b();
-    }, [i, a, b]), A(() => {
-      if (!l.current) return;
-      const e = se(
-        [l.current],
+    }, [i, s, b]), A(() => {
+      if (!c.current) return;
+      const e = ie(
+        [c.current],
         () => {
           b();
         }
@@ -135,7 +135,7 @@ const ce = {
       if (e.render)
         return e.render(e, o);
       const n = !e.label && !!e.icon;
-      return /* @__PURE__ */ D(ee, { children: [
+      return /* @__PURE__ */ D(te, { children: [
         e.icon && /* @__PURE__ */ w("span", { className: `${r}-option-icon`, children: e.icon }),
         !n && e.label && /* @__PURE__ */ w("span", { className: `${r}-option-label`, children: e.label })
       ] });
@@ -144,28 +144,28 @@ const ce = {
       "div",
       {
         ref: (e) => {
-          typeof d == "function" ? d(e) : d && (d.current = e), l.current = e;
+          typeof d == "function" ? d(e) : d && (d.current = e), c.current = e;
         },
         ...G,
         style: U,
         className: T,
         role: "radiogroup",
         children: [
-          !Array.isArray(a) || a.length === 0 ? null : a.map((e, o) => {
+          !Array.isArray(s) || s.length === 0 ? null : s.map((e, o) => {
             if (!e) return null;
             const {
               value: n,
               label: t,
-              disabled: c,
-              icon: s,
-              render: de,
+              disabled: l,
+              icon: a,
+              render: fe,
               ...Y
-            } = e, u = n === i, g = c || f, Z = !t && !!s;
+            } = e, u = n === i, g = l || f, Z = !t && !!a, ee = [t, n, o].filter(Boolean).join("-");
             return /* @__PURE__ */ D(
               "button",
               {
                 ref: (I) => k.current[o] = I,
-                className: E(
+                className: j(
                   `${r}-option`,
                   `${r}-option-${H}`,
                   `${r}-option-${v}`,
@@ -201,7 +201,7 @@ const ce = {
                   X(e, u)
                 ]
               },
-              n + o
+              ee
             );
           }),
           $ && /* @__PURE__ */ w(
@@ -219,7 +219,7 @@ const ce = {
     );
   }
 );
-le.displayName = "Segmented";
+ue.displayName = "Segmented";
 export {
-  le as default
+  ue as default
 };

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/Splitter.js

@@ -1,126 +1,122 @@
-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 I, jsx as h } from "react/jsx-runtime";
+import p, { 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 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 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 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(N, P) {
+  const { getPrefixCls: O, componentConfig: x, rtl: l } = p.useContext(he), y = ce(
+    N,
+    ge,
+    x?.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: $,
+    className: k,
+    style: H,
+    layout: g = "horizontal",
+    children: U,
+    onResizeStart: j,
+    onResize: M,
+    onResizeEnd: u,
+    lazy: w,
+    ...B
+  } = y, n = O?.("splitter", $), c = g === "vertical", r = pe(U), [z, D] = re(), o = ie(null), V = () => {
+    const t = o.current?.offsetWidth, e = o.current?.offsetHeight, s = c ? e : t;
+    s !== 0 && D(s);
   }, [
-    _,
+    W,
+    S,
     C,
-    d,
-    M,
+    R,
     b,
-    q
-  ] = he(r, S), N = Ce(r, C, c), [A, G, J, K, v] = de(
+    F
+  ] = Se(r, z), v = ue(r, S, l), [_, q, A, G, E] = ze(
     r,
-    N,
-    d,
-    S,
-    q,
-    c
-  ), Q = m((t) => {
-    A(t), V?.(C);
-  }), X = m(
+    v,
+    C,
+    z,
+    F,
+    l
+  ), J = m((t) => {
+    _(t), j?.(S);
+  }), K = m(
     (t, e, s) => {
-      const a = G(t, e);
-      s ? z?.(a) : R?.(a);
+      const a = q(t, e);
+      s ? u?.(a) : M?.(a);
     }
-  ), Y = m((t) => {
-    J(), t || z?.(C);
-  }), Z = m(
+  ), L = m((t) => {
+    A(), t || u?.(S);
+  }), Q = m(
     (t, e) => {
-      const s = K(t, e);
-      R?.(s), z?.(s);
+      const s = G(t, e);
+      M?.(s), u?.(s);
     }
-  ), ee = P(
+  ), T = fe(
     n,
-    j,
-    `${n}-${u}`,
-    {
-      [`${n}-rtl`]: c
-    },
-    D
-  ), E = `${n}-mask`, i = p.useMemo(() => {
+    k,
+    `${n}-${g}`,
+    l && [`${n}-rtl`]
+  ), i = p.useMemo(() => {
     const t = [];
     let e = 0;
     for (let s = 0; s < r.length; s += 1)
-      e += d[s], t.push(e);
+      e += C[s], t.push(e);
     return t;
-  }, [d]);
-  return me(() => {
-    const t = ze([o.current], () => {
-      T();
+  }, [C]);
+  return ae(() => {
+    const t = me([o.current], () => {
+      V();
     });
     return () => {
       t();
     };
-  }, [o.current]), pe($, () => ({ dom: o.current })), /* @__PURE__ */ I("div", { style: w, className: ee, ref: o, ...F, children: [
+  }, [o.current]), le(P, () => ({ dom: o.current })), /* @__PURE__ */ I("div", { style: H, className: T, ref: o, ...B, children: [
     r.map((t, e) => {
-      const s = /* @__PURE__ */ g(
-        ge,
+      const s = /* @__PURE__ */ h(
+        Ce,
         {
           ...t,
           prefixCls: n,
-          size: _[e]
+          size: W[e]
         }
       );
       let a = null;
-      const f = N[e];
+      const f = v[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 X = (i[e - 1] || 0) + R[e], Y = (i[e + 1] || 100) - b[e + 1], Z = (i[e - 1] || 0) + b[e], ee = (i[e + 1] || 100) - R[e + 1];
+        a = /* @__PURE__ */ h(
+          de,
           {
-            lazy: W,
+            lazy: w,
             index: e,
-            active: v === e,
+            active: E === e,
             prefixCls: n,
-            vertical: l,
+            vertical: c,
             resizable: f.resizable,
             ariaNow: i[e] * 100,
-            ariaMin: Math.max(te, se) * 100,
-            ariaMax: Math.min(ne, oe) * 100,
+            ariaMin: Math.max(X, Y) * 100,
+            ariaMax: Math.min(Z, ee) * 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);
+            onOffsetStart: J,
+            onOffsetUpdate: (te, se, ne, oe) => {
+              let d = c ? ne : se;
+              l && !c && (d = -d), K(te, d, oe);
             },
-            onOffsetEnd: Y,
-            onCollapse: Z,
-            containerSize: S || 0
+            onOffsetEnd: L,
+            onCollapse: Q,
+            containerSize: z || 0
           }
         );
       }
@@ -129,11 +125,11 @@ function Ne(O, $) {
         a
       ] }, `split-panel-${e}`);
     }),
-    typeof v == "number" && /* @__PURE__ */ g("div", { "aria-hidden": !0, className: P(E, `${E}-${u}`) })
+    typeof E == "number" && /* @__PURE__ */ h("div", { "aria-hidden": !0, className: `${n}-mask` })
   ] });
 }
-const ve = p.forwardRef(Ne);
-process.env.NODE_ENV !== "production" && (ve.displayName = "Splitter");
+const Re = p.forwardRef(Me);
+process.env.NODE_ENV !== "production" && (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/index.js

@@ -1,7 +1,8 @@
 import t from "./Panel.js";
-import o from "./Splitter.js";
-const e = o;
-e.Panel = t;
+import e from "./Splitter.js";
+const r = e;
+r.Panel = t;
 export {
-  e as default
+  t as SplitterPanel,
+  r as default
 };