@unicom-cloud/ui 0.8.143 → 0.8.145

package/tabs/Tabs.js

@@ -1,27 +1,32 @@
-/* 2026-01-19 17:02:09 */
-import { jsx as m, jsxs as M } from "react/jsx-runtime";
-import y, { useContext as O, useRef as V, useImperativeHandle as L } from "react";
+/* 2026-01-27 10:44:03 */
+import { jsx as p, jsxs as O } from "react/jsx-runtime";
+import z, { useContext as V, useRef as L, useImperativeHandle as _, createElement as q } from "react";
 import "../config-provider/ConfigProvider.js";
-import q from "@unicom-cloud/ui-common/hooks/use-id";
-import G from "@unicom-cloud/ui-common/hooks/use-merge-props";
-import J from "@unicom-cloud/ui-common/hooks/use-merge-value";
-import K from "@unicom-cloud/ui-common/utils/className";
-import { isPlainObject as z, isFunction as u } from "@unicom-cloud/ui-common/utils/is";
-import p from "@unicom-cloud/ui-common/utils/omit";
-import Q from "./TabContent.js";
-import U from "./TabPane.js";
-import { TabsContext as W } from "./context.js";
-import $ from "./tab-header/index.js";
-import X from "../config-provider/context.js";
-const Y = ["mini", "small", "default", "large"], Z = (r) => {
-  const { children: s } = r, o = [];
-  return y.Children.forEach(s, (t) => {
-    t && t.type && t.type.isTabPane && o.push(t);
-  }), o;
-}, _ = (r) => {
-  const { direction: s, tabPosition: o, animation: t } = r;
-  return s === "vertical" || o === "left" || o === "right" ? !1 : z(t) ? "tabPane" in t ? t.tabPane : !1 : t;
-}, ee = {
+import G from "@unicom-cloud/ui-common/hooks/use-id";
+import J from "@unicom-cloud/ui-common/hooks/use-merge-props";
+import K from "@unicom-cloud/ui-common/hooks/use-merge-value";
+import Q from "@unicom-cloud/ui-common/utils/className";
+import { isPlainObject as A, isFunction as T, isArray as U } from "@unicom-cloud/ui-common/utils/is";
+import h from "@unicom-cloud/ui-common/utils/omit";
+import W from "./TabContent.js";
+import N from "./TabPane.js";
+import { TabsContext as X } from "./context.js";
+import { TabContentContext as $e } from "./context.js";
+import x from "./tab-header/index.js";
+import Y from "../config-provider/context.js";
+const Z = ["mini", "small", "default", "large"], ee = (l) => {
+  const { items: i, children: s } = l;
+  let t = [];
+  return U(i) && i.length ? t = i.map((o, P, e) => {
+    const { key: c, title: m, children: d } = o ?? {};
+    return /* @__PURE__ */ q(N, { ...o, key: c }, d);
+  }) : z.Children.forEach(s, (o) => {
+    o?.type?.isTabPane && t.push(o);
+  }), t;
+}, te = (l) => {
+  const { direction: i, tabPosition: s, animation: t } = l;
+  return i === "vertical" || s === "left" || s === "right" ? !1 : A(t) ? "tabPane" in t ? t.tabPane : !1 : t;
+}, ae = {
   tabPosition: "top",
   type: "line",
   overflow: "scroll",
@@ -30,84 +35,85 @@ const Y = ["mini", "small", "default", "large"], Z = (r) => {
   headerPadding: !0,
   scrollPosition: "auto"
 };
-function te(r, s) {
+function ie(l, i) {
   const {
-    getPrefixCls: o,
+    getPrefixCls: s,
     size: t,
-    componentConfig: A,
-    rtl: N
-  } = O(X), e = G(
-    r,
-    ee,
-    A?.Tabs
-  ), l = Z(e), T = V(null), [d, w] = J(
-    l[0] && l[0].key,
+    componentConfig: o,
+    rtl: P
+  } = V(Y), e = J(
+    l,
+    ae,
+    o?.Tabs
+  ), c = ee(e), m = L(null), [d, B] = K(
+    c[0]?.key,
     {
       defaultValue: "defaultActiveTab" in e ? e.defaultActiveTab : void 0,
       value: "activeTab" in e ? e.activeTab : void 0
     }
-  ), a = o?.("tabs"), f = e.size || (Y.includes(t) ? t : "default"), {
-    animation: b,
-    className: B,
-    direction: R,
-    style: j,
+  ), a = s?.("tabs"), b = e.size || (Z.includes(t) ? t : "default"), {
+    animation: u,
+    className: R,
+    direction: j,
+    style: k,
     type: H,
-    justify: k,
+    justify: E,
     destroyOnHide: I,
     lazyload: S,
     headerSticky: D,
     // 潘启宝添加
-    onChange: P,
-    onClickTab: h,
-    onDeleteTab: E,
-    renderTabHeader: v,
-    ...F
-  } = e, c = q(`${a}`), i = R === "vertical" ? "left" : e.tabPosition, g = {
-    animation: z(b) && "inkBar" in b ? b.inkBar : !0,
+    items: ne,
+    onChange: v,
+    onClickTab: g,
+    onDeleteTab: F,
+    renderTabHeader: C,
+    ...M
+  } = e, f = G(`${a}`), n = j === "vertical" ? "left" : e.tabPosition, $ = {
+    animation: A(u) && "inkBar" in u ? u.inkBar : !0,
     activeTab: d,
-    tabPosition: i,
-    direction: ["left", "right"].includes(i) ? "vertical" : "horizontal",
-    paneChildren: l,
-    onClickTab: (n) => {
-      u(h) && h(n), n !== d && ("activeTab" in e || w(n), u(P) && P(n));
+    tabPosition: n,
+    direction: ["left", "right"].includes(n) ? "vertical" : "horizontal",
+    paneChildren: c,
+    onClickTab: (r) => {
+      T(g) && g(r), r !== d && ("activeTab" in e || B(r), T(v) && v(r));
     },
-    onDeleteTab: E,
+    onDeleteTab: F,
     prefixCls: a
   };
-  L(s, () => ({
+  _(i, () => ({
     getRootElement() {
-      return T.current;
+      return m.current;
     }
   }));
-  const C = /* @__PURE__ */ m(
-    Q,
+  const y = /* @__PURE__ */ p(
+    W,
     {
-      direction: ["left", "right"].includes(i) ? "vertical" : "horizontal",
-      animation: _(e),
+      direction: ["left", "right"].includes(n) ? "vertical" : "horizontal",
+      animation: te(e),
       activeTab: d,
-      paneChildren: l,
+      paneChildren: c,
       prefixCls: a,
       destroyOnHide: I,
       lazyload: S
     }
   );
-  return /* @__PURE__ */ m(
-    W.Provider,
+  return /* @__PURE__ */ p(
+    X.Provider,
     {
       value: {
         ...e,
-        tabHeaderProps: g,
-        getIdPrefix(n) {
+        tabHeaderProps: $,
+        getIdPrefix(r) {
           return {
-            tab: c && `${c}-tab-${n}`,
-            tabpane: c && `${c}-panel-${n}`
+            tab: f && `${f}-tab-${r}`,
+            tabpane: f && `${f}-panel-${r}`
           };
         }
       },
-      children: /* @__PURE__ */ M(
+      children: /* @__PURE__ */ O(
         "div",
         {
-          ...p(F, [
+          ...h(M, [
             "headerPadding",
             "tabPosition",
             "defaultActiveTab",
@@ -128,53 +134,54 @@ function te(r, s) {
             "offsetAlign",
             "headerScrollable"
           ]),
-          style: j,
-          className: K(
+          style: k,
+          className: Q(
             a,
-            `${a}-${["left", "right"].includes(i) ? "vertical" : "horizontal"}`,
+            `${a}-${["left", "right"].includes(n) ? "vertical" : "horizontal"}`,
             `${a}-${H}`,
             !!D && `${a}-sticky`,
             // 潘启宝添加
-            `${a}-${i}`,
-            `${a}-size-${f}`,
+            `${a}-${n}`,
+            `${a}-size-${b}`,
             {
-              [`${a}-justify`]: k,
-              [`${a}-rtl`]: N
+              [`${a}-justify`]: E,
+              [`${a}-rtl`]: P
             },
-            B
+            R
           ),
-          ref: T,
+          ref: m,
           children: [
-            i === "bottom" && C,
-            u(v) ? v(
+            n === "bottom" && y,
+            T(C) ? C(
               {
-                ...p(e, ["children", "style", "className"]),
-                size: f,
-                ...g
+                ...h(e, ["children", "style", "className"]),
+                size: b,
+                ...$
               },
-              $
-            ) : /* @__PURE__ */ m(
-              $,
+              x
+            ) : /* @__PURE__ */ p(
+              x,
               {
-                ...p(e, ["children", "style", "className"]),
-                size: f
+                ...h(e, ["children", "style", "className"]),
+                size: b
               }
             ),
-            i !== "bottom" && C
+            n !== "bottom" && y
           ]
         }
       )
     }
   );
 }
-const ae = y.forwardRef(
-  te
-), x = ae;
-x.displayName = "Tabs";
-x.TabPane = U;
+const oe = z.forwardRef(
+  ie
+), w = oe;
+w.displayName = "Tabs";
+w.TabPane = N;
 export {
-  U as TabPane,
-  W as TabsContext,
-  U as TabsTabPane,
-  x as default
+  $e as TabContentContext,
+  N as TabPane,
+  X as TabsContext,
+  N as TabsTabPane,
+  w as default
 };

package/tabs/context.js

@@ -1,6 +1,7 @@
-/* 2026-01-19 17:02:09 */
+/* 2026-01-27 10:44:03 */
 import t from "react";
-const o = t.createContext({});
+const o = t.createContext({}), n = t.createContext({});
 export {
+  n as TabContentContext,
   o as TabsContext
 };

package/tabs/hook/useDomSize.js

@@ -1,4 +1,4 @@
-/* 2026-01-19 17:02:09 */
+/* 2026-01-27 10:44:03 */
 import { useRef as r, useState as o, useEffect as f } from "react";
 function u() {
   const e = r(void 0), [i, t] = o({

package/tabs/hook/useHeaderScroll.js

@@ -1,4 +1,4 @@
-/* 2026-01-19 17:02:09 */
+/* 2026-01-27 10:44:03 */
 import { useRef as m, useEffect as T } from "react";
 import { on as i, off as r } from "@unicom-cloud/ui-common/utils/dom";
 function D(X) {

package/tabs/index.js

@@ -1,14 +1,15 @@
-/* 2026-01-19 17:02:09 */
+/* 2026-01-27 10:44:03 */
 import { default as r } from "./hook/useDomSize.js";
 import { default as s } from "./hook/useHeaderScroll.js";
-import e from "./Tabs.js";
-import { default as l, default as p } from "./TabPane.js";
-import { TabsContext as u } from "./context.js";
+import a from "./Tabs.js";
+import { default as n, default as l } from "./TabPane.js";
+import { TabContentContext as x, TabsContext as b } from "./context.js";
 export {
   r as DomSize,
-  l as TabPane,
-  u as TabsContext,
-  p as TabsTabPane,
-  e as default,
+  x as TabContentContext,
+  n as TabPane,
+  b as TabsContext,
+  l as TabsTabPane,
+  a as default,
   s as useHeaderScroll
 };

package/tabs/tab-header/DropdownIcon.js

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

package/tabs/tab-header/TabInk.js

@@ -1,65 +1,66 @@
-/* 2026-01-19 17:02:09 */
-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";
-import { isEqualWith as g } from "@unicom-cloud/ui-common/utils/is";
-import v from "@unicom-cloud/ui-common/utils/throttleByRaf";
-import { getRectDiff as I } from "../utils.js";
-const w = (t, e, i) => {
-  let r = { left: "", width: "", top: "", height: "" };
-  if (e) {
-    const o = I(e, i);
-    t === "vertical" ? r = {
-      top: `${o.top}px`,
-      height: `${e.offsetHeight}px`,
+/* 2026-01-27 10:44:03 */
+import { jsx as d } from "react/jsx-runtime";
+import { useContext as $, useRef as l, useEffect as g } from "react";
+import v from "@unicom-cloud/ui-common/utils/className";
+import { isEqualWith as R } from "@unicom-cloud/ui-common/utils/is";
+import S from "@unicom-cloud/ui-common/utils/throttleByRaf";
+import { TabsContext as I } from "../context.js";
+import { getRectDiff as w } from "../utils.js";
+const C = (n, t, e) => {
+  let i = { left: "", width: "", top: "", height: "" };
+  if (t) {
+    const r = w(t, e);
+    n === "vertical" ? i = {
+      top: `${r.top}px`,
+      height: `${t.offsetHeight}px`,
       left: "",
       width: ""
-    } : r = {
-      left: `${o.left}px`,
-      width: `${e.offsetWidth}px`,
+    } : i = {
+      left: `${r.left}px`,
+      width: `${t.offsetWidth}px`,
       top: "",
       height: ""
     };
   }
-  return r;
-}, q = ({
-  prefixCls: t,
-  animation: e,
-  disabled: i,
-  direction: r,
-  getTitleRef: o,
-  activeTab: l,
-  getHeaderRef: m,
-  inkBarSize: f
-}) => {
-  const s = d(void 0), c = d(void 0);
-  return $(() => {
-    const a = v(() => {
-      const p = o(l), n = w(
-        r,
-        p,
-        m("headerRef").current
+  return i;
+}, z = (n) => {
+  const t = $(I), {
+    prefixCls: e,
+    animation: i,
+    disabled: r,
+    direction: h,
+    getTitleRef: m,
+    activeTab: p,
+    getHeaderRef: u,
+    inkBarSize: s
+  } = n, k = r || !!t.disabled, f = l(void 0), a = l(void 0);
+  return g(() => {
+    const c = S(() => {
+      const x = m(p), o = C(
+        h,
+        x,
+        u("headerRef").current
       );
-      n && !g(c.current, n) && (c.current = n, s.current?.style && Object.entries(n).forEach(([u, y], R, b) => {
-        s.current.style[u] = y;
+      o && !R(a.current, o) && (a.current = o, f.current?.style && Object.entries(o).forEach(([y, b], E, N) => {
+        f.current.style[y] = b;
       }));
     });
-    return a(), () => {
-      a.cancel?.();
+    return c(), () => {
+      c.cancel?.();
     };
-  }), /* @__PURE__ */ h(
+  }), /* @__PURE__ */ d(
     "div",
     {
-      className: k(`${t}-header-ink`, {
-        [`${t}-header-ink-no-animation`]: !e,
-        [`${t}-header-ink-disabled`]: i,
-        [`${t}-header-ink-custom`]: f
+      className: v(`${e}-header-ink`, {
+        [`${e}-header-ink-no-animation`]: !i,
+        [`${e}-header-ink-disabled`]: k,
+        [`${e}-header-ink-custom`]: s
       }),
-      ref: s,
-      children: f && /* @__PURE__ */ h("div", { style: f, className: `${t}-header-ink-inner` })
+      ref: f,
+      children: s && /* @__PURE__ */ d("div", { style: s, className: `${e}-header-ink-inner` })
     }
   );
 };
 export {
-  q as default
+  z as default
 };