@unicom-cloud/ui 0.8.99 → 0.8.101

package/segmented/index.js

@@ -1,11 +1,11 @@
-import { jsxs as C, jsx as b, Fragment as W } from "react/jsx-runtime";
-import { forwardRef as X, useContext as Y, useMemo as Z, useState as V, useRef as k, useCallback as _, useEffect as I } 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 ee from "../components/common/hooks/useMergeProps.js";
-import S from "@unicom-cloud/utils/class-name";
-import { resizeObserver as te } from "../components/common/utils/resizeObserver.js";
-import ne from "../config-provider/context.js";
-const re = {
+import ae from "../components/common/hooks/useMergeProps.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",
   mode: "default",
@@ -14,56 +14,56 @@ const re = {
   direction: "horizontal",
   showIndicator: !0,
   animationDuration: 300
-}, ae = X(
-  (z, u) => {
-    const { getPrefixCls: P, componentConfig: E, rtl: M } = Y(ne), j = ee(
-      z,
-      re,
-      E?.Segmented
+}, ue = ne(
+  (B, d) => {
+    const { getPrefixCls: E, componentConfig: M, rtl: K } = re(le), L = ae(
+      B,
+      ce,
+      M?.Segmented
     ), {
-      style: B,
-      className: K,
-      options: D = [],
-      defaultValue: v,
-      value: N,
-      size: L,
-      mode: g,
-      disabled: d,
-      block: U,
-      direction: f,
-      showIndicator: w,
-      animationDuration: F,
-      name: A,
-      onChange: y,
-      ...H
-    } = j, o = Z(() => D.map((e) => typeof e == "string" ? { value: e, label: e } : e), [D]), [q, O] = V(() => v && o.some((e) => e.value === v) ? v : o[0]?.value || ""), [G, m] = V({}), c = k(null), $ = k([]), R = k(!1), r = P?.("segmented"), J = S(
+      style: U,
+      className: F,
+      options: O = [],
+      defaultValue: y,
+      value: R,
+      size: H,
+      mode: v,
+      disabled: f,
+      block: _,
+      direction: p,
+      showIndicator: $,
+      animationDuration: q,
+      name: x,
+      onChange: C,
+      ...G
+    } = 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`]: U,
-        [`${r}-disabled`]: d,
-        [`${r}-rtl`]: M,
-        [`${r}-${g}`]: g,
-        [`${r}-${f}`]: f
+        [`${r}-block`]: _,
+        [`${r}-disabled`]: f,
+        [`${r}-rtl`]: K,
+        [`${r}-${v}`]: v,
+        [`${r}-${p}`]: p
       },
-      K
-    ), p = N !== void 0, i = p ? N : q, h = _(() => {
-      if (!w || !c.current) {
-        m((s) => ({ ...s, opacity: 0 }));
+      F
+    ), h = R !== void 0, i = h ? R : J, b = se(() => {
+      if (!$ || !c.current) {
+        m((a) => ({ ...a, opacity: 0 }));
         return;
       }
-      const e = o.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 a = $.current[e];
-      if (!a) {
-        m((s) => ({ ...s, opacity: 0 }));
+      const o = k.current[e];
+      if (!o) {
+        m((a) => ({ ...a, opacity: 0 }));
         return;
       }
-      const n = c.current.getBoundingClientRect(), t = a.getBoundingClientRect(), l = f === "vertical" ? {
+      const n = c.current.getBoundingClientRect(), t = o.getBoundingClientRect(), l = p === "vertical" ? {
         width: t.width,
         // 垂直模式下宽度撑满
         top: t.top - n.top,
@@ -78,21 +78,21 @@ const re = {
         ...l,
         opacity: 1
       });
-    }, [i, o, w, f]), x = (e, a) => {
-      a || d || (p || O(e), y?.(e));
-    }, Q = (e, a) => {
-      if (d) return;
-      const n = o.length;
+    }, [i, s, $, p]), z = (e, o) => {
+      o || f || (h || S(e), C?.(e));
+    }, W = (e, o) => {
+      if (f) return;
+      const n = s.length;
       if (n === 0) return;
-      let t = a;
+      let t = o;
       switch (e.key) {
         case "ArrowLeft":
         case "ArrowUp":
-          e.preventDefault(), t = (a - 1 + n) % n;
+          e.preventDefault(), t = (o - 1 + n) % n;
           break;
         case "ArrowRight":
         case "ArrowDown":
-          e.preventDefault(), t = (a + 1) % n;
+          e.preventDefault(), t = (o + 1) % n;
           break;
         case "Home":
           e.preventDefault(), t = 0;
@@ -103,86 +103,94 @@ const re = {
         default:
           return;
       }
-      for (; t !== a && o[t]?.disabled; )
+      for (; t !== o && s[t]?.disabled; )
         t = (t + (e.key === "ArrowLeft" || e.key === "ArrowUp" ? -1 : 1) + n) % n;
-      const l = o[t]?.value;
-      l && l !== i && (x(l), $.current[t]?.focus());
+      const l = s[t]?.value;
+      l && l !== i && (z(l), k.current[t]?.focus());
     };
-    I(() => {
-      if (!R.current) {
-        R.current = !0;
+    A(() => {
+      if (!V.current) {
+        V.current = !0;
         return;
       }
-      if (!o.some((e) => e.value === i)) {
-        const e = o[0]?.value || "";
-        p || O(e), y?.(e);
+      if (!s.some((e) => e.value === i)) {
+        const e = s[0]?.value || "";
+        h || S(e), C?.(e);
       }
-    }, [o, i, p, y]), I(() => {
-      h();
-    }, [i, o, h]), I(() => {
+    }, [s, i, h, C]), A(() => {
+      b();
+    }, [i, s, b]), A(() => {
       if (!c.current) return;
-      const e = te(
+      const e = ie(
         [c.current],
         () => {
-          h();
+          b();
         }
       );
       return () => {
         e();
       };
-    }, [h]);
-    const T = (e, a) => {
+    }, [b]);
+    const X = (e, o) => {
       if (e.render)
-        return e.render(e, a);
+        return e.render(e, o);
       const n = !e.label && !!e.icon;
-      return /* @__PURE__ */ C(W, { children: [
-        e.icon && /* @__PURE__ */ b("span", { className: `${r}-option-icon`, children: e.icon }),
-        !n && e.label && /* @__PURE__ */ b("span", { className: `${r}-option-label`, children: e.label })
+      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 })
       ] });
     };
-    return /* @__PURE__ */ C(
+    return /* @__PURE__ */ D(
       "div",
       {
         ref: (e) => {
-          typeof u == "function" ? u(e) : u && (u.current = e), c.current = e;
+          typeof d == "function" ? d(e) : d && (d.current = e), c.current = e;
         },
-        ...H,
-        style: B,
-        className: J,
+        ...G,
+        style: U,
+        className: T,
         role: "radiogroup",
         children: [
-          !Array.isArray(o) || o.length === 0 ? null : o.map((e, a) => {
+          !Array.isArray(s) || s.length === 0 ? null : s.map((e, o) => {
             if (!e) return null;
-            const n = e.value === i, t = e.disabled || d, l = !e.label && !!e.icon;
-            return /* @__PURE__ */ C(
+            const {
+              value: n,
+              label: t,
+              disabled: l,
+              icon: a,
+              render: fe,
+              ...Y
+            } = e, u = n === i, g = l || f, Z = !t && !!a, ee = [t, n, o].filter(Boolean).join("-");
+            return /* @__PURE__ */ D(
               "button",
               {
-                ref: (s) => $.current[a] = s,
-                className: S(
+                ref: (I) => k.current[o] = I,
+                className: j(
                   `${r}-option`,
-                  `${r}-option-${L}`,
-                  `${r}-option-${g}`,
+                  `${r}-option-${H}`,
+                  `${r}-option-${v}`,
                   {
-                    [`${r}-option-active`]: n,
-                    [`${r}-option-disabled`]: t,
-                    [`${r}-option-icon-only`]: l
+                    [`${r}-option-active`]: u,
+                    [`${r}-option-disabled`]: g,
+                    [`${r}-option-icon-only`]: Z
                   }
                 ),
-                onClick: () => x(e.value, t),
-                onKeyDown: (s) => Q(s, a),
-                disabled: t,
+                onClick: () => z(n, g),
+                onKeyDown: (I) => W(I, o),
+                disabled: g,
                 role: "radio",
-                "aria-checked": n,
-                "aria-disabled": t,
-                tabIndex: n ? 0 : -1,
+                "aria-checked": u,
+                "aria-disabled": g,
+                tabIndex: u ? 0 : -1,
+                ...Y,
                 children: [
-                  A && /* @__PURE__ */ b(
+                  x && /* @__PURE__ */ w(
                     "input",
                     {
                       type: "radio",
-                      name: A,
-                      value: e.value,
-                      checked: n,
+                      name: x,
+                      value: n,
+                      checked: u,
                       onChange: () => {
                       },
                       className: `${r}-input`,
@@ -190,19 +198,19 @@ const re = {
                       "aria-hidden": "true"
                     }
                   ),
-                  T(e, n)
+                  X(e, u)
                 ]
               },
-              e.value || a
+              ee
             );
           }),
-          w && /* @__PURE__ */ b(
+          $ && /* @__PURE__ */ w(
             "div",
             {
               className: `${r}-indicator`,
               style: {
-                ...G,
-                transitionDuration: `${F}ms`
+                ...Q,
+                transitionDuration: `${q}ms`
               }
             }
           )
@@ -211,7 +219,7 @@ const re = {
     );
   }
 );
-ae.displayName = "Segmented";
+ue.displayName = "Segmented";
 export {
-  ae 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/spin/index.js

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

package/splitter/Panel.js

@@ -0,0 +1,39 @@
+import { jsx as f } 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), {
+    prefixCls: n,
+    className: r,
+    children: i,
+    size: e,
+    style: c = {}
+  } = t, s = l?.("panel", n), m = d(
+    s,
+    {
+      [`${s}-hidden`]: e === 0
+    },
+    r
+  ), o = e !== void 0;
+  return /* @__PURE__ */ f(
+    "div",
+    {
+      ref: a,
+      className: m,
+      style: {
+        ...c,
+        flexBasis: o ? e : "auto",
+        flexGrow: o ? 0 : 1
+      },
+      children: i
+    }
+  );
+});
+process.env.NODE_ENV !== "production" && (N.displayName = "Panel");
+const z = () => null;
+export {
+  N as InternalPanel,
+  z as default
+};