@unicom-cloud/ui 0.8.119 → 0.8.121

package/tabs/TabPane.js

@@ -1,24 +1,24 @@
-/* 2025-11-11 09:22:07 */
+/* 2025-11-14 10:03:09 */
 import { jsx as u } from "react/jsx-runtime";
 import d, { useRef as p, useContext as b } from "react";
 import "../config-provider/ConfigProvider.js";
-import x from "@unicom-cloud/utils/class-name";
-import C from "../dist/ui-common/utils/omit.js";
-import P from "../config-provider/context.js";
-function R(r, o) {
-  const e = p(!1), { getPrefixCls: s } = b(P), { children: a, className: n, style: i, lazyload: c, isActive: f, ...l } = r, m = s?.("tabs");
-  return e.current = c ? e.current || f : !0, e.current && /* @__PURE__ */ u(
+import x from "@unicom-cloud/ui-common/utils/className";
+import C from "@unicom-cloud/ui-common/utils/omit";
+import N from "../config-provider/context.js";
+function P(r, s) {
+  const e = p(!1), { getPrefixCls: a } = b(N), { children: o, className: n, style: i, lazyload: c, isActive: l, ...m } = r, f = a?.("tabs");
+  return e.current = c ? e.current || l : !0, e.current && /* @__PURE__ */ u(
     "div",
     {
-      ref: o,
-      ...C(l, ["destroyOnHide", "title", "closable"]),
-      className: x(`${m}-pane`, n),
+      ref: s,
+      ...C(m, ["destroyOnHide", "title", "closable"]),
+      className: x(`${f}-pane`, n),
       style: i,
-      children: a
+      children: o
     }
   );
 }
-const t = d.forwardRef(R);
+const t = d.forwardRef(P);
 t.displayName = "TabPane";
 t.isTabPane = !0;
 export {

package/tabs/hook/useDomSize.js

@@ -1,4 +1,4 @@
-/* 2025-11-11 09:22:07 */
+/* 2025-11-14 10:03:09 */
 import { useRef as o, useState as r, useEffect as f } from "react";
 function u() {
   const e = o(void 0), [i, t] = r({

package/tabs/hook/useHeaderScroll.js

@@ -1,6 +1,6 @@
-/* 2025-11-11 09:22:07 */
+/* 2025-11-14 10:03:09 */
 import { useRef as a, useEffect as T } from "react";
-import { on as r, off as X } from "../../dist/ui-common/utils/dom.js";
+import { on as r, off as X } from "@unicom-cloud/ui-common/utils/dom";
 function w(b) {
   const {
     headerWrapperRef: l,

package/tabs/index.js

@@ -1,4 +1,4 @@
-/* 2025-11-11 09:22:07 */
+/* 2025-11-14 10:03:09 */
 import e from "./Tab.js";
 import { TabsContext as r } from "./Tab.js";
 import { default as s, default as b } from "./TabPane.js";

package/tabs/tab-header/DropdownIcon.js

@@ -1,23 +1,22 @@
-/* 2025-11-11 09:22:07 */
+/* 2025-11-14 10:03:09 */
 import { jsx as l } from "react/jsx-runtime";
 import I from "@unicom-cloud/icons/IconUiDown";
 import { useMemo as b } from "react";
 import z from "../../dropdown/index.js";
 import D from "../../icon-hover/index.js";
 import x from "../../menu/Menu.js";
-import "../../dist/ui-common/utils/is.js";
-import { isNull as R } from "@unicom-cloud/utils/is";
-function $(f) {
+import { isNull as R } from "@unicom-cloud/ui-common/utils/is";
+function T(f) {
   const {
-    prefixCls: m,
+    prefixCls: d,
     currentOffset: n,
-    headerSize: d,
+    headerSize: m,
     headerWrapperSize: c,
     getTitleRef: C,
     paneChildren: h,
     direction: u,
     icon: g
-  } = f, i = h.map((e) => e.key), k = u === "vertical" ? d.height : d.width, a = u === "vertical" ? c.height : c.width, s = b(() => {
+  } = f, i = h.map((e) => e.key), k = 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 p = C(r);
@@ -54,8 +53,8 @@ function $(f) {
         {
           role: "button",
           "aria-label": "expand tabs",
-          prefix: `${m}-dropdown`,
-          className: `${m}-dropdown-icon`,
+          prefix: `${d}-dropdown`,
+          className: `${d}-dropdown-icon`,
           children: g || /* @__PURE__ */ l(I, {})
         }
       )
@@ -63,5 +62,5 @@ function $(f) {
   );
 }
 export {
-  $ as default
+  T as default
 };

package/tabs/tab-header/TabInk.js

@@ -1,15 +1,14 @@
-/* 2025-11-11 09:22:07 */
-import { jsx as a } from "react/jsx-runtime";
+/* 2025-11-14 10:03:09 */
+import { jsx as d } from "react/jsx-runtime";
 import { useRef as l, useEffect as y } from "react";
-import $ from "@unicom-cloud/utils/class-name";
-import "../../dist/ui-common/utils/is.js";
-import k from "../../dist/ui-common/utils/throttleByRaf.js";
-import { getRectDiff as g } from "../utils.js";
-import { isEqualWith as v } from "@unicom-cloud/utils/is";
-const R = (t, e, i) => {
+import $ from "@unicom-cloud/ui-common/utils/className";
+import { isEqualWith as k } from "@unicom-cloud/ui-common/utils/is";
+import g from "@unicom-cloud/ui-common/utils/throttleByRaf";
+import { getRectDiff as R } from "../utils.js";
+const v = (t, e, i) => {
   let o = { left: "", width: "", top: "", height: "" };
   if (e) {
-    const n = g(e, i);
+    const n = R(e, i);
     t === "vertical" ? o = {
       top: `${n.top}px`,
       height: `${e.offsetHeight}px`,
@@ -23,7 +22,7 @@ const R = (t, e, i) => {
     };
   }
   return o;
-}, N = ({
+}, j = ({
   prefixCls: t,
   animation: e,
   disabled: i,
@@ -35,20 +34,20 @@ const R = (t, e, i) => {
 }) => {
   const s = l(void 0), c = l(void 0);
   return y(() => {
-    const h = k(() => {
-      const u = n(m), r = R(
+    const a = g(() => {
+      const u = n(m), r = v(
         o,
         u,
         p("headerRef").current
       );
-      r && !v(c.current, r) && (c.current = r, s.current?.style && Object.keys(r).forEach((d) => {
-        s.current.style[d] = r[d];
+      r && !k(c.current, r) && (c.current = r, s.current?.style && Object.keys(r).forEach((h) => {
+        s.current.style[h] = r[h];
       }));
     });
-    return h(), () => {
-      h.cancel?.();
+    return a(), () => {
+      a.cancel?.();
     };
-  }), /* @__PURE__ */ a(
+  }), /* @__PURE__ */ d(
     "div",
     {
       className: $(`${t}-header-ink`, {
@@ -57,10 +56,10 @@ const R = (t, e, i) => {
         [`${t}-header-ink-custom`]: f
       }),
       ref: s,
-      children: f && /* @__PURE__ */ a("div", { style: f, className: `${t}-header-ink-inner` })
+      children: f && /* @__PURE__ */ d("div", { style: f, className: `${t}-header-ink-inner` })
     }
   );
 };
 export {
-  N as default
+  j as default
 };

package/tabs/tab-header/TabNavIcon.js

@@ -1,4 +1,4 @@
-/* 2025-11-11 09:22:07 */
+/* 2025-11-14 10:03:09 */
 import { jsx as i } from "react/jsx-runtime";
 import P from "@unicom-cloud/icons/IconUiDown";
 import C from "@unicom-cloud/icons/IconUiLeft";
@@ -6,62 +6,61 @@ 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/utils/class-name";
-import "../../dist/ui-common/utils/is.js";
-import { isNull as R } from "@unicom-cloud/utils/is";
+import L from "@unicom-cloud/ui-common/utils/className";
+import { isNull as R } from "@unicom-cloud/ui-common/utils/is";
 const T = {
   prev: "left",
   next: "right"
 }, V = {
   prev: "up",
   next: "down"
-}, X = (a) => {
+}, Q = (f) => {
   const {
     direction: n,
-    headerSize: b,
-    headerWrapperSize: z,
+    headerSize: N,
+    headerWrapperSize: b,
     prefixCls: s,
     iconPos: h,
-    currentOffset: t,
+    currentOffset: e,
     align: o,
     rtl: u,
     icon: v
-  } = a, { height: d, width: c } = z, { height: g, width: H } = b, m = g - d, f = H - c, U = {
+  } = 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 = (e) => {
-    e !== a.currentOffset && a?.onChange?.(e);
-  }, k = (e, l) => {
-    e.preventDefault();
+  }, x = (t) => {
+    t !== f.currentOffset && f?.onChange?.(t);
+  }, U = (t, a) => {
+    t.preventDefault();
     let r;
-    o === "left" ? r = l === "left" ? t - c : t + c : r = l === "left" ? t + c : t - c, x(r);
-  }, D = (e, l) => {
-    e.preventDefault();
+    o === "left" ? r = a === "left" ? e - c : e + c : r = a === "left" ? e + c : e - c, x(r);
+  }, k = (t, a) => {
+    t.preventDefault();
     let r;
-    if (l === "up")
-      r = t - d;
-    else if (r = t + d, r >= g)
+    if (a === "up")
+      r = e - d;
+    else if (r = e + d, r >= g)
       return;
     x(r);
-  }, N = O(() => o === "left" ? t <= 0 : n === "vertical" ? t >= m : t >= f, [o, n, t, f, t]), W = O(() => o === "left" ? n === "vertical" ? t >= m : t >= f : t <= 0, [o, n, m, f, t]);
+  }, 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))
     return null;
-  const p = n === "horizontal" ? T[h] : V[h], w = h === "prev" ? N : W, M = L(`${s}-${p}-icon`, {
+  const p = n === "horizontal" ? T[h] : V[h], w = h === "prev" ? D : W, $ = L(`${s}-${p}-icon`, {
     [`${s}-nav-icon-disabled`]: w
-  }), $ = n === "vertical" ? D : k;
+  }), M = n === "vertical" ? k : U;
   return /* @__PURE__ */ i(
     j,
     {
       disabled: w,
-      className: M,
+      className: $,
       prefix: s,
-      onClick: (e) => $(e, p),
-      children: v || U[p]
+      onClick: (t) => M(t, p),
+      children: v || H[p]
     }
   );
 };
 export {
-  X as default
+  Q as default
 };

package/tabs/tab-header/TabTitle.js

@@ -1,39 +1,38 @@
-/* 2025-11-11 09:22:07 */
+/* 2025-11-14 10:03:09 */
 import { jsxs as y, jsx as r } from "react/jsx-runtime";
 import v from "@unicom-cloud/icons/IconUiClose";
 import T from "react";
-import w from "../../icon-hover/index.js";
-import D from "@unicom-cloud/utils/class-name";
-import "../../dist/ui-common/utils/is.js";
+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";
 import { getKeyDownEvent as H } from "../utils.js";
-import { isFunction as I } from "@unicom-cloud/utils/is";
-const N = ({
+const I = ({
   prefixCls: t,
   onDeleteTab: h,
-  tabKey: i,
+  tabKey: c,
   isActive: a,
-  onClickTab: p,
+  onClickTab: f,
   disabled: e = !1,
-  title: f,
+  title: p,
   editable: n,
-  renderTitle: c,
+  renderTitle: i,
   deleteIcon: k,
   deleteButton: u,
   getIdPrefix: m,
   index: l
 }, $) => {
-  const b = I(c) ? c : (o) => o, s = (o) => {
+  const b = D(i) ? i : (o) => o, s = (o) => {
     o.stopPropagation(), !e && h();
   }, d = (o) => {
-    e || p(o);
+    e || f(o);
   };
   return b(
     /* @__PURE__ */ y(
       "div",
       {
         ref: $,
-        className: D(`${t}-header-title`, {
+        className: w(`${t}-header-title`, {
           [`${t}-header-title-active`]: a,
           [`${t}-header-title-editable`]: n,
           [`${t}-header-title-disabled`]: e
@@ -49,7 +48,7 @@ const N = ({
           o.key === E.key && d(o);
         },
         children: [
-          /* @__PURE__ */ r("span", { className: `${t}-header-title-text`, children: f }),
+          /* @__PURE__ */ r("span", { className: `${t}-header-title-text`, children: p }),
           n && /* @__PURE__ */ r(
             "span",
             {
@@ -60,21 +59,21 @@ const N = ({
               className: `${t}-close-icon`,
               ...H({ onPressEnter: s }),
               onClick: s,
-              children: u || /* @__PURE__ */ r(w, { prefix: t, children: k || /* @__PURE__ */ r(v, {}) })
+              children: u || /* @__PURE__ */ r(N, { prefix: t, children: k || /* @__PURE__ */ r(v, {}) })
             }
           )
         ]
       },
-      i
+      c
     ),
     {
-      key: i,
+      key: c,
       isActive: a,
       disabled: e,
       editable: n
     }
   );
-}, G = T.forwardRef(N);
+}, B = T.forwardRef(I);
 export {
-  G as default
+  B as default
 };