@unicom-cloud/ui 0.8.143 → 0.8.144

package/tabs/tab-header/TabNavIcon.js

@@ -1,66 +1,67 @@
-/* 2026-01-19 17:02:09 */
-import { jsx as i } from "react/jsx-runtime";
-import P from "@unicom-cloud/icons/IconUiDown";
-import C from "@unicom-cloud/icons/IconUiLeft";
-import I from "@unicom-cloud/icons/IconUiRight";
-import S from "@unicom-cloud/icons/IconUiUp";
-import { useMemo as O } from "react";
-import j from "../../icon-hover/index.js";
-import L from "@unicom-cloud/ui-common/utils/className";
-import { isNull as R } from "@unicom-cloud/ui-common/utils/is";
-const T = {
+/* 2026-01-21 11:03:35 */
+import { jsx as n } from "react/jsx-runtime";
+import S from "@unicom-cloud/icons/IconUiDown";
+import b from "@unicom-cloud/icons/IconUiLeft";
+import w from "@unicom-cloud/icons/IconUiRight";
+import T from "@unicom-cloud/icons/IconUiUp";
+import { useContext as j, useMemo as I } from "react";
+import L from "../../icon-hover/index.js";
+import R from "@unicom-cloud/ui-common/utils/className";
+import { isNull as V } from "@unicom-cloud/ui-common/utils/is";
+import { TabsContext as q } from "../context.js";
+const y = {
   prev: "left",
   next: "right"
-}, V = {
+}, A = {
   prev: "up",
   next: "down"
-}, Q = (f) => {
-  const {
-    direction: n,
+}, _ = (s) => {
+  const O = j(q), {
+    direction: o,
     headerSize: N,
-    headerWrapperSize: b,
-    prefixCls: s,
-    iconPos: h,
-    currentOffset: e,
-    align: o,
+    headerWrapperSize: z,
+    prefixCls: f,
+    iconPos: d,
+    currentOffset: t,
+    align: i,
     rtl: u,
-    icon: v
-  } = f, { height: d, width: c } = b, { height: g, width: z } = N, m = g - d, l = z - c, H = {
-    up: /* @__PURE__ */ i(S, {}),
-    down: /* @__PURE__ */ i(P, {}),
-    left: u ? /* @__PURE__ */ i(I, {}) : /* @__PURE__ */ i(C, {}),
-    right: u ? /* @__PURE__ */ i(C, {}) : /* @__PURE__ */ i(I, {})
-  }, x = (t) => {
-    t !== f.currentOffset && f?.onChange?.(t);
-  }, U = (t, a) => {
-    t.preventDefault();
+    icon: x
+  } = s, { height: h, width: c } = z, { height: v, width: H } = N, m = v - h, l = H - c, U = {
+    up: /* @__PURE__ */ n(T, {}),
+    down: /* @__PURE__ */ n(S, {}),
+    left: u ? /* @__PURE__ */ n(w, {}) : /* @__PURE__ */ n(b, {}),
+    right: u ? /* @__PURE__ */ n(b, {}) : /* @__PURE__ */ n(w, {})
+  }, g = (e) => {
+    e !== s.currentOffset && s?.onChange?.(e);
+  }, k = (e, a) => {
+    e.preventDefault();
     let r;
-    o === "left" ? r = a === "left" ? e - c : e + c : r = a === "left" ? e + c : e - c, x(r);
-  }, k = (t, a) => {
-    t.preventDefault();
+    i === "left" ? r = a === "left" ? t - c : t + c : r = a === "left" ? t + c : t - c, g(r);
+  }, D = (e, a) => {
+    e.preventDefault();
     let r;
     if (a === "up")
-      r = e - d;
-    else if (r = e + d, r >= g)
+      r = t - h;
+    else if (r = t + h, r >= v)
       return;
-    x(r);
-  }, D = O(() => o === "left" ? e <= 0 : n === "vertical" ? e >= m : e >= l, [o, n, e, l, e]), W = O(() => o === "left" ? n === "vertical" ? e >= m : e >= l : e <= 0, [o, n, m, l, e]);
-  if (R(v))
+    g(r);
+  }, W = I(() => i === "left" ? t <= 0 : o === "vertical" ? t >= m : t >= l, [i, o, t, l, t]), $ = I(() => i === "left" ? o === "vertical" ? t >= m : t >= l : t <= 0, [i, o, m, l, t]);
+  if (V(x))
     return null;
-  const p = n === "horizontal" ? T[h] : V[h], w = h === "prev" ? D : W, $ = L(`${s}-${p}-icon`, {
-    [`${s}-nav-icon-disabled`]: w
-  }), M = n === "vertical" ? k : U;
-  return /* @__PURE__ */ i(
-    j,
+  const p = o === "horizontal" ? y[d] : A[d], C = (d === "prev" ? W : $) || !!O?.disabled, M = R(`${f}-${p}-icon`, {
+    [`${f}-nav-icon-disabled`]: C
+  }), P = o === "vertical" ? D : k;
+  return /* @__PURE__ */ n(
+    L,
     {
-      disabled: w,
-      className: $,
-      prefix: s,
-      onClick: (t) => M(t, p),
-      children: v || H[p]
+      disabled: C,
+      className: M,
+      prefix: f,
+      onClick: (e) => P(e, p),
+      children: x || U[p]
     }
   );
 };
 export {
-  Q as default
+  _ as default
 };

package/tabs/tab-header/TabTitle.js

@@ -1,79 +1,80 @@
-/* 2026-01-19 17:02:09 */
-import { jsxs as y, jsx as r } from "react/jsx-runtime";
-import v from "@unicom-cloud/icons/IconUiClose";
-import T from "react";
-import N from "../../icon-hover/index.js";
-import w from "@unicom-cloud/ui-common/utils/className";
-import { isFunction as D } from "@unicom-cloud/ui-common/utils/is";
-import { Enter as E } from "@unicom-cloud/utils/constant/keyboardCode";
+/* 2026-01-21 11:03:35 */
+import { jsxs as C, jsx as a } from "react/jsx-runtime";
+import $ from "@unicom-cloud/icons/IconUiClose";
+import I, { useContext as P } from "react";
+import D from "../../icon-hover/index.js";
+import N from "@unicom-cloud/ui-common/utils/className";
+import { isFunction as g } from "@unicom-cloud/ui-common/utils/is";
+import { Enter as w } from "@unicom-cloud/utils/constant/keyboardCode";
+import { TabsContext as E } from "../context.js";
 import { getKeyDownEvent as H } from "../utils.js";
-const I = ({
-  prefixCls: t,
-  onDeleteTab: h,
-  tabKey: c,
-  isActive: a,
-  onClickTab: f,
-  disabled: e = !1,
-  title: p,
-  editable: n,
-  renderTitle: i,
-  deleteIcon: k,
-  deleteButton: u,
-  getIdPrefix: m,
-  index: l
-}, $) => {
-  const b = D(i) ? i : (o) => o, s = (o) => {
-    o.stopPropagation(), !e && h();
-  }, d = (o) => {
-    e || f(o);
+const K = (m, p) => {
+  const f = P(E), {
+    prefixCls: r,
+    onDeleteTab: x,
+    tabKey: n,
+    isActive: o,
+    onClickTab: h,
+    disabled: T,
+    title: k,
+    editable: i,
+    renderTitle: l,
+    deleteIcon: u,
+    deleteButton: v,
+    getIdPrefix: d,
+    index: s
+  } = m, e = T || !!f.disabled, y = g(l) ? l : (t) => t, c = (t) => {
+    t.stopPropagation(), !e && x();
+  }, b = (t) => {
+    e || h(t);
   };
-  return b(
-    /* @__PURE__ */ y(
+  return y(
+    /* @__PURE__ */ C(
       "div",
       {
-        ref: $,
-        className: w(`${t}-header-title`, {
-          [`${t}-header-title-active`]: a,
-          [`${t}-header-title-editable`]: n,
-          [`${t}-header-title-disabled`]: e
+        ref: p,
+        className: N(`${r}-header-title`, {
+          [`${r}-header-title-active`]: o,
+          [`${r}-header-title-editable`]: i,
+          [`${r}-header-title-disabled`]: e
         }),
         role: "tab",
-        "aria-selected": a,
+        "aria-selected": o,
         tabIndex: e ? -1 : 0,
         "aria-disabled": e || void 0,
-        id: m(l).tab,
-        "aria-controls": m(l).tabpane,
-        onClick: d,
-        onKeyDown: (o) => {
-          o.key === E.key && d(o);
+        id: d(s).tab,
+        "aria-controls": d(s).tabpane,
+        onClick: b,
+        onKeyDown: (t) => {
+          t.key === w.key && b(t);
         },
         children: [
-          /* @__PURE__ */ r("span", { className: `${t}-header-title-text`, children: p }),
-          n && /* @__PURE__ */ r(
+          /* @__PURE__ */ a("span", { className: `${r}-header-title-text`, children: k }),
+          i && /* @__PURE__ */ a(
             "span",
             {
               role: "button",
               "aria-label": "remove tab",
               "aria-disabled": e || void 0,
               tabIndex: e ? -1 : 0,
-              className: `${t}-close-icon`,
-              ...H({ onPressEnter: s }),
-              onClick: s,
-              children: u || /* @__PURE__ */ r(N, { prefix: t, children: k || /* @__PURE__ */ r(v, {}) })
+              className: `${r}-close-icon`,
+              ...H({ onPressEnter: c }),
+              onClick: c,
+              children: v || /* @__PURE__ */ a(D, { prefix: r, children: u || /* @__PURE__ */ a($, {}) })
             }
           )
         ]
       },
-      c
+      n
     ),
     {
-      key: c,
-      isActive: a,
+      key: n,
+      isActive: o,
       disabled: e,
-      editable: n
+      editable: i
     }
   );
-}, B = T.forwardRef(I);
+}, L = I.forwardRef(K);
 export {
-  B as default
+  L as default
 };