@unicom-cloud/ui 0.8.141 → 0.8.143

package/segmented/index.js

@@ -1,17 +1,12 @@
-/* 2026-01-13 17:11:44 */
+/* 2026-01-19 17:02:09 */
 import { jsx as h, jsxs as H, Fragment as $e } from "react/jsx-runtime";
 import { forwardRef as he, useContext as ye, useMemo as ze, useState as xe, useRef as L, useEffect as K, useImperativeHandle as ve } from "react";
 import "../config-provider/ConfigProvider.js";
-import { useForceUpdate as we, useUpdateEffect as Se } from "@unicom-cloud/ui-common/hooks";
-import "../utils/responsiveObserve.js";
-import "@unicom-cloud/ui-common/hooks/use-force-update";
-import { isString as ke, isNumber as M, isFunction as T } from "@unicom-cloud/ui-common/utils/is";
-import "@unicom-cloud/utils/constant/keyboardCode";
-import "@unicom-cloud/ui-common/hooks/use-merge-value";
-import "@unicom-cloud/ui-common/utils/dom";
-import "lodash/merge";
-import Ce from "@unicom-cloud/ui-common/hooks/use-merge-props";
-import W from "@unicom-cloud/ui-common/utils/className";
+import we from "@unicom-cloud/ui-common/hooks/use-force-update";
+import Se from "@unicom-cloud/ui-common/hooks/use-merge-props";
+import ke from "@unicom-cloud/ui-common/hooks/use-update-effect";
+import M from "@unicom-cloud/ui-common/utils/className";
+import { isString as Ce, isNumber as T, isFunction as W } from "@unicom-cloud/ui-common/utils/is";
 import Ie from "../config-provider/context.js";
 const G = {
   mini: {
@@ -67,7 +62,7 @@ const G = {
   animationDuration: 300
 };
 function Re(B, J) {
-  const { getPrefixCls: Q, componentConfig: X, rtl: k } = ye(Ie), f = Ce(
+  const { getPrefixCls: Q, componentConfig: X, rtl: k } = ye(Ie), f = Se(
     B,
     Ne,
     X?.Segmented
@@ -90,8 +85,8 @@ function Re(B, J) {
     name: O,
     immediateTrigger: te = !1,
     onChange: P,
-    ...ie
-  } = f, D = we(), o = Q?.("segmented"), ne = x === "vertical", V = z === "pill", E = "value" in f, r = ze(() => C.map((e) => ke(e) || M(e) ? { value: e, label: e } : e), [C]), [re, ae] = xe(_), F = L(null), v = L([]), s = E ? ee : re, l = G[y] || G.default;
+    ...ne
+  } = f, D = we(), o = Q?.("segmented"), ie = x === "vertical", V = z === "pill", E = "value" in f, r = ze(() => C.map((e) => Ce(e) || T(e) ? { value: e, label: e } : e), [C]), [re, ae] = xe(_), F = L(null), v = L([]), s = E ? ee : re, l = G[y] || G.default;
   function se() {
     let e = I;
     return "gap" in f ? e = I : e = l.root.padding, e;
@@ -112,77 +107,77 @@ function Re(B, J) {
       padding: l.root.padding,
       ...Y
     };
-    if (e["--gap"] = M(m) ? `${m}px` : m, V && (e.borderRadius = `calc(${l.option.size} / 2)`), R) {
+    if (e["--gap"] = T(m) ? `${m}px` : m, V && (e.borderRadius = `calc(${l.option.size} / 2)`), R) {
       b.borderRadius && (e["--before-border-radius"] = b.borderRadius), A && (e["--before-transition-duration"] = `${A}ms`);
-      const i = r.findIndex((n) => n?.value === s), t = v.current[i];
-      t && (e["--before-width"] = `${t.offsetWidth}px`, e["--before-height"] = `${t.offsetHeight}px`, ne ? e["--before-top"] = `${t.offsetTop}px` : e["--before-left"] = `${t.offsetLeft}px`);
+      const n = r.findIndex((i) => i?.value === s), t = v.current[n];
+      t && (e["--before-width"] = `${t.offsetWidth}px`, e["--before-height"] = `${t.offsetHeight}px`, ie ? e["--before-top"] = `${t.offsetTop}px` : e["--before-left"] = `${t.offsetLeft}px`);
     }
     return e;
   }
-  const pe = de();
-  function g(e, i, t) {
-    const n = t || r.find((p) => p.value === e);
-    E || ae(e), T(P) && P(e, n);
+  const ce = de();
+  function g(e, n, t) {
+    const i = t || r.find((c) => c.value === e);
+    E || ae(e), W(P) && P(e, i);
   }
-  function ce(e, i, t, n) {
-    n || u || g(e, i, t);
+  function pe(e, n, t, i) {
+    i || u || g(e, n, t);
   }
   function fe(e) {
     if (e.preventDefault(), !q || u)
       return;
-    const i = r.findIndex((d) => d?.value === s);
-    let t = i;
-    const n = r.length;
+    const n = r.findIndex((d) => d?.value === s);
+    let t = n;
+    const i = r.length;
     switch (e.key) {
       case "ArrowLeft":
       case "ArrowUp":
-        t = (i - 1 + n) % n;
+        t = (n - 1 + i) % i;
         break;
       case "ArrowRight":
       case "ArrowDown":
-        t = (i + 1) % n;
+        t = (n + 1) % i;
         break;
       case "Home":
         t = 0;
         break;
       case "End":
-        t = n - 1;
+        t = i - 1;
         break;
       default:
         return;
     }
-    for (; t !== i && r[t]?.disabled; ) {
+    for (; t !== n && r[t]?.disabled; ) {
       const d = ["ArrowLeft", "ArrowUp"].includes(e.key) ? -1 : 1;
-      t = (t + d + n) % n;
+      t = (t + d + i) % i;
     }
-    const p = r[t], a = p?.value;
-    a && a !== s && (g(a, t, p), v.current[t]?.focus?.());
+    const c = r[t], a = c?.value;
+    a && a !== s && (g(a, t, c), v.current[t]?.focus?.());
   }
-  function ue(e, i, t) {
+  function ue(e, n, t) {
     if (!e) return;
     const {
-      style: n,
-      className: p,
+      style: i,
+      className: c,
       value: a,
       label: d,
       icon: w,
       disabled: me,
       render: U,
       ...be
-    } = e, c = a === s, $ = me || u, S = !d && !!w, ge = Object.assign(
+    } = e, p = a === s, $ = me || u, S = !d && !!w, ge = Object.assign(
       {},
       b,
       S ? { padding: 0, width: b.height } : {},
-      n
+      i
     );
     return /* @__PURE__ */ H(
       "button",
       {
         ref: (j) => {
-          v.current[i] = j;
+          v.current[n] = j;
         },
         style: ge,
-        className: W(
+        className: M(
           `${o}-option`,
           `${o}-option-size-${y}`,
           `${o}-option-mode-${z}`,
@@ -191,19 +186,19 @@ function Re(B, J) {
             [`${o}-option-rtl`]: k,
             [`${o}-option-block`]: N,
             [`${o}-option-split`]: oe,
-            [`${o}-option-active`]: c,
+            [`${o}-option-active`]: p,
             [`${o}-option-disabled`]: $
           },
           S ? `${o}-option-icon-only` : `${o}-option-not-icon-only`,
-          p
+          c
         ),
         disabled: $,
         role: "radio",
-        "aria-checked": c,
+        "aria-checked": p,
         "aria-disabled": $,
-        tabIndex: c ? 0 : -1,
+        tabIndex: p ? 0 : -1,
         onClick: (j) => {
-          ce(a, i, e, $);
+          pe(a, n, e, $);
         },
         ...be,
         children: [
@@ -213,23 +208,23 @@ function Re(B, J) {
               type: "radio",
               name: O,
               value: a,
-              checked: c,
+              checked: p,
               className: `${o}-input`,
               tabIndex: -1,
               "aria-hidden": "true"
             }
           ),
-          T(U) ? U(e, c) : /* @__PURE__ */ H($e, { children: [
+          W(U) ? U(e, p) : /* @__PURE__ */ H($e, { children: [
             w && /* @__PURE__ */ h("span", { className: `${o}-option-icon`, children: w }),
             !S && /* @__PURE__ */ h("span", { className: `${o}-option-label`, children: d })
           ] })
         ]
       },
-      `${d}-${a}-${i}`
+      `${d}-${a}-${n}`
     );
   }
-  return Se(() => {
-    s === void 0 || r.some((i) => i.value === s) || g(void 0);
+  return ke(() => {
+    s === void 0 || r.some((n) => n.value === s) || g(void 0);
   }, [r]), K(() => {
     const e = requestAnimationFrame(() => {
       D();
@@ -247,9 +242,9 @@ function Re(B, J) {
     "div",
     {
       ref: F,
-      ...ie,
-      style: pe,
-      className: W(
+      ...ne,
+      style: ce,
+      className: M(
         o,
         {
           [`${o}-rtl`]: k,

package/select/Option.js

@@ -1,4 +1,4 @@
-/* 2026-01-13 17:11:44 */
+/* 2026-01-19 17:02:09 */
 import { jsxs as x, jsx as p } from "react/jsx-runtime";
 import E from "react";
 import L from "../checkbox/Checkbox.js";

package/select/OptionGroup.js

@@ -0,0 +1,23 @@
+/* 2026-01-19 17:02:09 */
+import { jsx as p } from "react/jsx-runtime";
+import n from "react";
+import l from "@unicom-cloud/ui-common/utils/omit";
+function s(o, r) {
+  const { prefixCls: t, label: e, ...i } = o;
+  return /* @__PURE__ */ p(
+    "li",
+    {
+      ref: r,
+      className: `${t}-group-title`,
+      ...l(i, ["_key", "children", "isSelectOptionGroup"]),
+      children: e
+    }
+  );
+}
+const c = n.forwardRef(
+  s
+), f = c;
+f.___PQB_SELECT_OPTGROUP___ = !0;
+export {
+  f as default
+};