@unicom-cloud/ui 0.8.140 → 0.8.142

package/tabs/index.js

@@ -1,14 +1,12 @@
-/* 2026-01-12 17:27:20 */
-import { default as r } from "./hook/useDomSize.js";
+/* 2026-01-19 15:54:51 */
+import { default as t } from "./hook/useDomSize.js";
 import { default as s } from "./hook/useHeaderScroll.js";
-import e from "./Tab.js";
-import { TabsContext as l } from "./Tab.js";
-import { default as d, default as u } from "./TabPane.js";
+import e from "./Tabs.js";
+import { default as m, default as d } from "./TabPane.js";
 export {
-  r as DomSize,
-  d as TabPane,
-  l as TabsContext,
-  u as TabsTabPane,
+  t as DomSize,
+  m as TabPane,
+  d as TabsTabPane,
   e as default,
   s as useHeaderScroll
 };

package/tabs/tab-header/DropdownIcon.js

@@ -1,61 +1,61 @@
-/* 2026-01-12 17:27:20 */
-import { jsx as p } from "react/jsx-runtime";
-import I from "@unicom-cloud/icons/IconUiDown";
+/* 2026-01-19 15:54:51 */
+import { jsx as c } from "react/jsx-runtime";
+import z from "@unicom-cloud/icons/IconUiDown";
 import { useMemo as b } from "react";
-import z from "../../dropdown/index.js";
+import C from "../../dropdown/index.js";
 import D from "../../icon-hover/index.js";
 import x from "../../menu/Menu.js";
 import { isNull as R } from "@unicom-cloud/ui-common/utils/is";
 function T(f) {
   const {
     prefixCls: d,
-    currentOffset: n,
+    currentOffset: i,
     headerSize: m,
-    headerWrapperSize: c,
+    headerWrapperSize: p,
     getTitleRef: k,
     paneChildren: h,
     direction: u,
     icon: g
-  } = f, i = h.map((e) => e.key), C = u === "vertical" ? m.height : m.width, a = u === "vertical" ? c.height : c.width, s = b(() => {
-    const e = {}, t = c.domRect;
-    return i.map((r) => {
-      const l = k(r);
+  } = f, n = h.map((e) => e.key), I = u === "vertical" ? m.height : m.width, a = u === "vertical" ? p.height : p.width, s = b(() => {
+    const e = {}, t = p.domRect;
+    return n.map((o) => {
+      const l = k(o);
       if (!l) return;
-      const o = l.getBoundingClientRect();
-      e[r] = {
-        left: o.left - t.left,
-        right: o.left - t.left + o.width,
-        top: o.top - t.top,
-        bottom: o.top - t.top + o.height
+      const r = l.getBoundingClientRect();
+      e[o] = {
+        left: r.left - t.left,
+        right: r.left - t.left + r.width,
+        top: r.top - t.top,
+        bottom: r.top - t.top + r.height
       };
     }), e;
-  }, [i.join(","), C, a]), w = b(() => {
+  }, [n.join(","), I, a]), w = b(() => {
     let e = -1, t = -1;
-    for (const r in s) {
-      const { left: l, right: o } = s[r];
-      if (l >= n && o - n <= a && e === -1 && (e = i.indexOf(r), t = e), l >= n && o - n > a) {
-        t = i.indexOf(r);
+    for (const o in s) {
+      const { left: l, right: r } = s[o];
+      if (l >= i && r - i <= a && e === -1 && (e = n.indexOf(o), t = e), l >= i && r - i > a) {
+        t = n.indexOf(o);
         break;
       }
     }
     return [e, t];
-  }, [s, i.join(","), n]);
-  return R(g) ? null : /* @__PURE__ */ p(
-    z,
+  }, [s, n.join(","), i]);
+  return R(g) ? null : /* @__PURE__ */ c(
+    C,
     {
       trigger: "click",
-      droplist: /* @__PURE__ */ p(x, { onClickMenuItem: f.onClickTab, children: h.map((e, t) => {
+      droplist: /* @__PURE__ */ c(x, { onClickMenuItem: f.onClickTab, children: h.map((e, t) => {
         if (t < w[0] || t >= w[1])
-          return /* @__PURE__ */ p(x.Item, { disabled: e.disabled, children: e.props.title }, e.key);
+          return /* @__PURE__ */ c(x.Item, { disabled: e.disabled, children: e.props.title }, e.key);
       }) }),
-      children: /* @__PURE__ */ p(
+      children: /* @__PURE__ */ c(
         D,
         {
           role: "button",
           "aria-label": "expand tabs",
           prefix: `${d}-dropdown`,
           className: `${d}-dropdown-icon`,
-          children: g || /* @__PURE__ */ p(I, {})
+          children: g || /* @__PURE__ */ c(z, {})
         }
       )
     }

package/tabs/tab-header/TabInk.js

@@ -1,4 +1,4 @@
-/* 2026-01-12 17:27:20 */
+/* 2026-01-19 15:54:51 */
 import { jsx as h } from "react/jsx-runtime";
 import { useRef as d, useEffect as $ } from "react";
 import k from "@unicom-cloud/ui-common/utils/className";

package/tabs/tab-header/TabNavIcon.js

@@ -1,4 +1,4 @@
-/* 2026-01-12 17:27:20 */
+/* 2026-01-19 15:54:51 */
 import { jsx as i } from "react/jsx-runtime";
 import P from "@unicom-cloud/icons/IconUiDown";
 import C from "@unicom-cloud/icons/IconUiLeft";

package/tabs/tab-header/TabTitle.js

@@ -1,4 +1,4 @@
-/* 2026-01-12 17:27:20 */
+/* 2026-01-19 15:54:51 */
 import { jsxs as y, jsx as r } from "react/jsx-runtime";
 import v from "@unicom-cloud/icons/IconUiClose";
 import T from "react";

package/tabs/tab-header/index.js

@@ -1,48 +1,48 @@
-/* 2026-01-12 17:27:20 */
+/* 2026-01-19 15:54:51 */
 import { jsx as c, jsxs as P } from "react/jsx-runtime";
-import _e from "@unicom-cloud/icons/IconUiPlus";
-import je from "lodash/throttle";
-import Ge, { useContext as he, useRef as Ke, useState as pe, useMemo as Ve, useCallback as Xe, useEffect as me } from "react";
+import Ke from "@unicom-cloud/icons/IconUiPlus";
+import Ve from "lodash/throttle";
+import Xe, { useContext as he, useRef as Fe, useState as pe, useCallback as Ue, useEffect as me } from "react";
 import "../../config-provider/ConfigProvider.js";
 import W from "@unicom-cloud/ui-common/hooks/use-resize-observers";
-import Fe from "../../icon-hover/index.js";
-import { TabsContext as Ue } from "../Tab.js";
-import k from "../hook/useDomSize.js";
-import Ye from "../hook/useHeaderScroll.js";
-import Y from "@unicom-cloud/ui-common/utils/className";
-import { isPlainObject as qe, isNumber as q } from "@unicom-cloud/ui-common/utils/is";
+import Ye from "../../icon-hover/index.js";
+import X from "@unicom-cloud/ui-common/utils/className";
+import { isPlainObject as qe, isNumber as F } from "@unicom-cloud/ui-common/utils/is";
 import { setTransformStyle as Je } from "@unicom-cloud/ui-common/utils/style";
-import { updateScrollOffset as Qe, getRectDiff as be, getKeyDownEvent as Ze } from "../utils.js";
-import et from "./DropdownIcon.js";
-import tt from "./TabInk.js";
+import { TabsContext as Qe } from "../context.js";
+import k from "../hook/useDomSize.js";
+import Ze from "../hook/useHeaderScroll.js";
+import { updateScrollOffset as et, getRectDiff as be, getKeyDownEvent as tt } from "../utils.js";
+import rt from "./DropdownIcon.js";
+import ot from "./TabInk.js";
 import ue from "./TabNavIcon.js";
-import rt from "./TabTitle.js";
-import ot from "../../config-provider/context.js";
-const J = "vertical", D = "right", E = "left", ge = {
+import nt from "./TabTitle.js";
+import at from "../../config-provider/context.js";
+const U = "vertical", D = "right", E = "left", ge = {
   delete: !0,
   add: !0
-}, nt = ({
+}, st = ({
   direction: x,
   align: R = E,
-  headerOffset: u
+  headerOffset: m
 }) => {
-  let d = `translateX(${-u}px)`;
-  return R === D && (d = `translateX(${u}px)`), x === J && (d = `translateY(${-u}px)`), Je(d);
-}, st = ({
+  let d = `translateX(${-m}px)`;
+  return R === D && (d = `translateX(${m}px)`), x === U && (d = `translateY(${-m}px)`), Je(d);
+}, it = ({
   direction: x,
   align: R = E,
-  headerDom: u,
+  headerDom: m,
   headerWrapperDom: d
 }) => {
-  const a = be(u, d);
-  return x === J ? -a.top : R === D ? a.right : -a.left;
-}, at = Ge.forwardRef((x, R) => {
-  const u = he(Ue), { rtl: d } = he(ot), a = { ...x, ...u }, [v, T, Se] = k(), [H, f, xe] = k(), [B, M, ve] = k(), [Q, L, Te] = k(), [Z, _, Oe] = k(), N = Ke({}), [O, ee] = pe(0), [$e, j] = pe(!0), {
-    paneChildren: G,
+  const s = be(m, d);
+  return x === U ? -s.top : R === D ? s.right : -s.left;
+}, lt = Xe.forwardRef((x, R) => {
+  const m = he(Qe), { rtl: d } = he(at), s = { ...x, ...m }, [v, T, Se] = k(), [H, u, xe] = k(), [B, Y, ve] = k(), [q, J, Te] = k(), [Q, Z, Oe] = k(), N = Fe({}), [O, ee] = pe(0), [$e, L] = pe(!0), {
+    paneChildren: M,
     editable: Ce,
     prefixCls: t,
     onAddTab: Re,
-    direction: n,
+    direction: o,
     type: g = "line",
     overflow: te = "scroll",
     activeTab: z,
@@ -58,18 +58,10 @@ const J = "vertical", D = "right", E = "left", ge = {
     addButton: Ie,
     renderTabTitle: Pe,
     scrollAfterEdit: oe,
-    scrollPosition: h = "auto",
-    inkBarSize: We
-  } = a, ne = qe(oe) ? { ...ge, ...oe } : ge, [De, Ee] = d ? [D, E] : [E, D], $ = g === "capsule" ? Ee : De, b = Ve(() => {
-    const e = M.height - L.height - _.height, s = M.width - L.width - _.width;
-    return a.direction === "vertical" ? e < f.height : s < f.width;
-  }, [
-    a.direction,
-    M,
-    L,
-    f,
-    _
-  ]), Be = () => {
+    scrollPosition: f = "auto",
+    inkBarSize: We,
+    headerScrollable: De
+  } = s, ne = qe(oe) ? { ...ge, ...oe } : ge, [Ee, Be] = d ? [D, E] : [E, D], $ = g === "capsule" ? Be : Ee, Le = Y.height - J.height - Z.height, Me = Y.width - J.width - Z.width, b = De !== !1 && (s.direction === "vertical" ? Le < u.height : Me < u.width), _e = () => {
     if (B.current) {
       const e = B.current;
       ve({
@@ -77,97 +69,97 @@ const J = "vertical", D = "right", E = "left", ge = {
         width: e.offsetWidth
       });
     }
-  }, A = (e) => je((s) => {
-    Be();
-    const o = s?.[0]?.target;
-    o && e({
-      height: o.offsetHeight,
-      width: o.offsetWidth,
-      domRect: o.getBoundingClientRect()
+  }, A = (e) => Ve((a) => {
+    _e();
+    const n = a?.[0]?.target;
+    n && e({
+      height: n.offsetHeight,
+      width: n.offsetWidth,
+      domRect: n.getBoundingClientRect()
     });
-  }, 200), se = A(Se), ae = A(xe), ie = A(Te), le = A(Oe), K = Xe(
+  }, 200), ae = A(Se), se = A(xe), ie = A(Te), le = A(Oe), _ = Ue(
     (e) => {
-      const s = n === J ? f.height - T.height : f.width - T.width;
-      let o = e;
-      return o = Math.min(s, o), o = Math.max(o, 0), o;
+      const a = o === U ? u.height - T.height : u.width - T.width;
+      let n = e;
+      return n = Math.min(a, n), n = Math.max(n, 0), n;
     },
-    [n, f, T]
-  ), V = (e) => {
-    const s = K(e);
-    s !== O && ee(s);
+    [o, u, T]
+  ), j = (e) => {
+    const a = _(e);
+    a !== O && ee(a);
   };
   me(() => () => {
-    ae?.cancel?.(), se?.cancel?.(), ie?.cancel?.(), le?.cancel?.();
+    se?.cancel?.(), ae?.cancel?.(), ie?.cancel?.(), le?.cancel?.();
   }, []), me(() => {
     if (!$e) {
-      j(!0);
+      L(!0);
       return;
     }
     const e = () => {
-      const o = N.current[z];
-      if (!o || !b)
+      const n = N.current[z];
+      if (!n || !b)
         return 0;
-      const r = be(o, v.current), p = st({
-        direction: n,
+      const r = be(n, v.current), h = it({
+        direction: o,
         align: $,
         headerDom: H.current,
         headerWrapperDom: v.current
       });
-      if (n === "vertical") {
-        let m = p, i = h;
-        const l = p + r.top, S = p + r.bottom;
-        return i === "auto" && (i = r.top < 0 ? "start" : r.bottom > 0 ? "end" : h), i === "start" ? m = l : i === "end" ? m = S : i === "center" ? m = l - (r.top - r.bottom) / 2 : q(i) && (m = Math.max(l - i, S)), m;
+      if (o === "vertical") {
+        let p = h, i = f;
+        const l = h + r.top, S = h + r.bottom;
+        return i === "auto" && (i = r.top < 0 ? "start" : r.bottom > 0 ? "end" : f), i === "start" ? p = l : i === "end" ? p = S : i === "center" ? p = l - (r.top - r.bottom) / 2 : F(i) && (p = Math.max(l - i, S)), p;
       }
       if ($ === "right") {
-        const m = p - r.left, i = p - r.right;
-        let l = h, S = p;
-        return h === "auto" && (l = r.left < 0 ? "start" : r.right > 0 ? "end" : h), l === "start" ? S = m : l === "end" ? S = i : l === "center" ? S = m + (r.left - r.right) / 2 : q(l) && (S = Math.min(m + l, i)), S;
+        const p = h - r.left, i = h - r.right;
+        let l = f, S = h;
+        return f === "auto" && (l = r.left < 0 ? "start" : r.right > 0 ? "end" : f), l === "start" ? S = p : l === "end" ? S = i : l === "center" ? S = p + (r.left - r.right) / 2 : F(l) && (S = Math.min(p + l, i)), S;
       }
-      let w = p, C = h;
-      const U = p + r.left, fe = p + r.right;
-      return h === "auto" && (C = r.left < 0 ? "start" : r.right > 0 ? "end" : h), C === "start" ? w = U : C === "end" ? w = fe : C === "center" ? w = U - (r.left - r.right) / 2 : q(C) && (w = Math.max(U - C, fe)), w;
+      let w = h, C = f;
+      const V = h + r.left, fe = h + r.right;
+      return f === "auto" && (C = r.left < 0 ? "start" : r.right > 0 ? "end" : f), C === "start" ? w = V : C === "end" ? w = fe : C === "center" ? w = V - (r.left - r.right) / 2 : F(C) && (w = Math.max(V - C, fe)), w;
     };
-    Qe(v.current, n);
-    let s = e();
-    s = K(s), ee(s);
+    et(v.current, o);
+    let a = e();
+    a = _(a), ee(a);
   }, [
     z,
-    n,
+    o,
     te,
     b,
     g,
-    K,
-    h
+    _,
+    f
   ]);
-  const Me = nt({
-    direction: n,
+  const je = st({
+    direction: o,
     align: $,
     headerOffset: O
-  }), X = b && te === "dropdown" && n !== "vertical", F = b && !X, I = Ce && (g === "card" || g === "card-gutter" || g === "line"), Le = (e) => {
-    a.onDeleteTab?.(e.key), j(ne.delete);
+  }), G = b && te === "dropdown" && o !== "vertical", K = b && !G, I = Ce && (g === "card" || g === "card-gutter" || g === "line"), Ge = (e) => {
+    s.onDeleteTab?.(e.key), L(ne.delete);
   }, ce = () => {
-    Re?.(), j(ne.add);
+    Re?.(), L(ne.add);
   };
   W(
     (e) => {
       le(e);
     },
-    [Z.current]
+    [Q.current]
   ), W(
     (e) => {
-      se(e);
+      ae(e);
     },
     [v.current]
   ), W(
     (e) => {
-      ae(e);
+      se(e);
     },
     [H.current]
   ), W(
     (e) => {
       ie(e);
     },
-    [Q.current]
+    [q.current]
   );
   const de = (e) => e && ze && /* @__PURE__ */ c(
     "div",
@@ -176,46 +168,46 @@ const J = "vertical", D = "right", E = "left", ge = {
       "aria-label": "add tab",
       tabIndex: 0,
       role: "button",
-      ref: Z,
+      ref: Q,
       onClick: ce,
-      ...Ze({ onPressEnter: ce }),
-      children: Ie || /* @__PURE__ */ c(Fe, { prefix: `${t}-add`, children: /* @__PURE__ */ c("span", { className: `${t}-add`, children: y?.add || /* @__PURE__ */ c(_e, {}) }) })
+      ...tt({ onPressEnter: ce }),
+      children: Ie || /* @__PURE__ */ c(Ye, { prefix: `${t}-add`, children: /* @__PURE__ */ c("span", { className: `${t}-add`, children: y?.add || /* @__PURE__ */ c(Ke, {}) }) })
     }
   );
-  return Ye({
+  return Ze({
     headerWrapperRef: v,
     headerOffset: O,
     align: $,
-    direction: n,
+    direction: o,
     isScrollable: b,
     onScroll(e) {
-      V(e);
+      j(e);
     }
   }), /* @__PURE__ */ c(
     "div",
     {
-      className: Y(
+      className: X(
         `${t}-header-nav`,
-        `${t}-header-nav-${n}`,
+        `${t}-header-nav-${o}`,
         `${t}-header-nav-${ke}`,
         `${t}-header-size-${ye}`,
         `${t}-header-nav-${g}`,
-        { [`${t}-header-nav-sticky`]: a.headerSticky },
+        { [`${t}-header-nav-sticky`]: s.headerSticky },
         // 潘启宝添加
         He
       ),
-      style: { ...we, ...a.headerSticky },
+      style: { ...we, ...s.headerSticky },
       ref: R,
       children: /* @__PURE__ */ P(
         "div",
         {
-          className: Y(`${t}-header-scroll`, {
-            [`${t}-header-overflow-scroll`]: F,
-            [`${t}-header-overflow-dropdown`]: X
+          className: X(`${t}-header-scroll`, {
+            [`${t}-header-overflow-scroll`]: K,
+            [`${t}-header-overflow-dropdown`]: G
           }),
           ref: B,
           children: [
-            F && /* @__PURE__ */ c(
+            K && /* @__PURE__ */ c(
               ue,
               {
                 iconPos: "prev",
@@ -223,55 +215,55 @@ const J = "vertical", D = "right", E = "left", ge = {
                 icon: y?.prev,
                 prefixCls: t,
                 currentOffset: O,
-                headerSize: f,
+                headerSize: u,
                 headerWrapperSize: T,
-                direction: n,
+                direction: o,
                 align: $,
-                onChange: V
+                onChange: j
               }
             ),
             /* @__PURE__ */ P("div", { className: `${t}-header-wrapper`, ref: v, children: [
               /* @__PURE__ */ P(
                 "div",
                 {
-                  className: Y(`${t}-header`, {
-                    [`${t}-header-no-padding`]: !x.headerPadding && n === "horizontal" && ["line", "text"].includes(g)
+                  className: X(`${t}-header`, {
+                    [`${t}-header-no-padding`]: !x.headerPadding && o === "horizontal" && ["line", "text"].includes(g)
                   }),
                   ref: H,
-                  style: Me,
+                  style: je,
                   children: [
-                    G.map((e, s) => /* @__PURE__ */ c(
-                      rt,
+                    M.map((e, a) => /* @__PURE__ */ c(
+                      nt,
                       {
-                        ref: (o) => {
-                          N.current[e.key] = o;
+                        ref: (n) => {
+                          N.current[e.key] = n;
                         },
                         tabKey: e.key,
                         ...e.props,
                         prefixCls: t,
-                        onDeleteTab: () => Le(e),
+                        onDeleteTab: () => Ge(e),
                         renderTitle: x.children || Pe,
                         onClickTab: () => {
-                          a.onClickTab?.(e.key);
+                          s.onClickTab?.(e.key);
                         },
                         isActive: z === e.key,
                         editable: I && e.props.closable !== !1,
                         deleteIcon: y?.delete,
                         deleteButton: Ae,
-                        getIdPrefix: u.getIdPrefix,
-                        index: s
+                        getIdPrefix: m.getIdPrefix,
+                        index: a
                       },
-                      s
+                      a
                     )),
                     g === "line" && /* @__PURE__ */ c(
-                      tt,
+                      ot,
                       {
-                        disabled: !!G.find(
+                        disabled: !!M.find(
                           (e) => e && e.props && e.props.disabled && e.key === z
                         ),
                         prefixCls: t,
                         animation: Ne,
-                        direction: n,
+                        direction: o,
                         getTitleRef: (e) => N.current[e],
                         activeTab: z,
                         getHeaderRef: () => H,
@@ -283,7 +275,7 @@ const J = "vertical", D = "right", E = "left", ge = {
               ),
               !b && de(I)
             ] }),
-            F && /* @__PURE__ */ c(
+            K && /* @__PURE__ */ c(
               ue,
               {
                 prefixCls: t,
@@ -291,28 +283,28 @@ const J = "vertical", D = "right", E = "left", ge = {
                 iconPos: "next",
                 icon: y?.next,
                 currentOffset: O,
-                headerSize: f,
+                headerSize: u,
                 headerWrapperSize: T,
-                direction: n,
+                direction: o,
                 align: $,
-                onChange: V
+                onChange: j
               }
             ),
-            X && /* @__PURE__ */ c(
-              et,
+            G && /* @__PURE__ */ c(
+              rt,
               {
-                onClickTab: a.onClickTab,
-                paneChildren: G,
+                onClickTab: s.onClickTab,
+                paneChildren: M,
                 prefixCls: t,
                 currentOffset: O,
-                headerSize: f,
+                headerSize: u,
                 icon: y?.dropdown,
                 headerWrapperSize: T,
                 getTitleRef: (e) => N.current[e],
-                direction: n
+                direction: o
               }
             ),
-            (I && b || re) && /* @__PURE__ */ P("div", { className: `${t}-header-extra`, ref: Q, children: [
+            (I && b || re) && /* @__PURE__ */ P("div", { className: `${t}-header-extra`, ref: q, children: [
               b && de(I),
               re
             ] })
@@ -322,7 +314,7 @@ const J = "vertical", D = "right", E = "left", ge = {
     }
   );
 });
-at.displayName = "TabHeader";
+lt.displayName = "TabHeader";
 export {
-  at as default
+  lt as default
 };

package/tabs/utils.js

@@ -1,4 +1,4 @@
-/* 2026-01-12 17:27:20 */
+/* 2026-01-19 15:54:51 */
 import { Enter as n } from "@unicom-cloud/utils/constant/keyboardCode";
 const i = (e, t) => {
   const c = e.getBoundingClientRect(), o = t.getBoundingClientRect(), l = t.offsetWidth / o.width, s = t.offsetHeight / o.height;

package/tag/index.js

@@ -1,4 +1,4 @@
-/* 2026-01-12 17:27:20 */
+/* 2026-01-19 15:54:51 */
 import { jsx as s, jsxs as P, Fragment as B } from "react/jsx-runtime";
 import D from "@unicom-cloud/icons/IconUiClose";
 import J from "@unicom-cloud/icons/IconUiLoading";