@unicom-cloud/ui 0.8.141 → 0.8.143

package/tabs/tab-header/index.js

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

package/tabs/utils.js

@@ -1,4 +1,4 @@
-/* 2026-01-13 17:11:44 */
+/* 2026-01-19 17:02:09 */
 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-13 17:11:44 */
+/* 2026-01-19 17:02:09 */
 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";