@unicom-cloud/ui 0.8.122 → 0.8.124

package/tabs/tab-header/index.js

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

package/tabs/utils.js

@@ -1,4 +1,4 @@
-/* 2025-11-14 15:35:23 */
+/* 2025-11-19 10:00:13 */
 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 @@
-/* 2025-11-14 15:35:23 */
+/* 2025-11-19 10:00:13 */
 import { jsx as r, jsxs as y, Fragment as q } from "react/jsx-runtime";
 import B from "@unicom-cloud/icons/IconUiClose";
 import D from "@unicom-cloud/icons/IconUiLoading";

package/time-picker/Picker.js

@@ -1,4 +1,4 @@
-/* 2025-11-14 15:35:23 */
+/* 2025-11-19 10:00:13 */
 import { jsx as g } from "react/jsx-runtime";
 import Ie from "@unicom-cloud/icons/IconUiClockCircle";
 import { isDayjs as ke } from "dayjs";

package/time-picker/RangePicker.js

@@ -1,4 +1,4 @@
-/* 2025-11-14 15:35:23 */
+/* 2025-11-19 10:00:13 */
 import { jsx as g } from "react/jsx-runtime";
 import { isDayjs as m } from "dayjs";
 import { useContext as k } from "react";

package/time-picker/TimeColumn.js

@@ -1,4 +1,4 @@
-/* 2025-11-14 15:35:23 */
+/* 2025-11-19 10:00:13 */
 import { jsx as o } from "react/jsx-runtime";
 import N from "@unicom-cloud/utils/dom-helpers/reflow";
 import { useRef as n, useEffect as R } from "react";

package/time-picker/TimePicker.js

@@ -1,4 +1,4 @@
-/* 2025-11-14 15:35:23 */
+/* 2025-11-19 10:00:13 */
 import { jsxs as R, Fragment as pe, jsx as p } from "react/jsx-runtime";
 import { useContext as W, useCallback as X } from "react";
 import Y from "../button/index.js";

package/time-picker/context.js

@@ -1,4 +1,4 @@
-/* 2025-11-14 15:35:23 */
+/* 2025-11-19 10:00:13 */
 import { createContext as t } from "react";
 const o = t({});
 export {

package/time-picker/index.js

@@ -1,4 +1,4 @@
-/* 2025-11-14 15:35:23 */
+/* 2025-11-19 10:00:13 */
 import { jsx as e } from "react/jsx-runtime";
 import o from "./Picker.js";
 import t from "./RangePicker.js";

package/time-picker/utils.js

@@ -1,4 +1,4 @@
-/* 2025-11-14 15:35:23 */
+/* 2025-11-19 10:00:13 */
 import { isDayjs as a } from "dayjs";
 import { methods as m } from "../utils/dayjs.js";
 import f from "@unicom-cloud/ui-common/utils/dayjs";

package/timeline/Item.js

@@ -1,4 +1,4 @@
-/* 2025-11-14 15:35:23 */
+/* 2025-11-19 10:00:13 */
 import { jsxs as l, jsx as t } from "react/jsx-runtime";
 import P, { useContext as S, useRef as z, useEffect as F } from "react";
 import "../config-provider/ConfigProvider.js";

package/timeline/Timeline.js

@@ -1,4 +1,4 @@
-/* 2025-11-14 15:35:23 */
+/* 2025-11-19 10:00:13 */
 import { jsx as d } from "react/jsx-runtime";
 import u, { useContext as M } from "react";
 import "../config-provider/ConfigProvider.js";
@@ -19,11 +19,7 @@ const g = ["left", "right"], k = ["top", "bottom"], E = (m, p, r, a) => {
 function F(m, p) {
   const { getPrefixCls: r, componentConfig: a, rtl: t } = M(j);
   N.mode = t ? g[1] : g[0];
-  const s = R(
-    m,
-    N,
-    a?.Timeline
-  ), {
+  const s = R(m, N, a?.Timeline), {
     className: P,
     mode: T,
     reverse: C,

package/timeline/index.js

@@ -1,4 +1,4 @@
-/* 2025-11-14 15:35:23 */
+/* 2025-11-19 10:00:13 */
 import m from "./Timeline.js";
 import { default as i } from "./Item.js";
 export {

package/tooltip/index.js

@@ -1,4 +1,4 @@
-/* 2025-11-14 15:35:23 */
+/* 2025-11-19 10:00:13 */
 import { jsx as p } from "react/jsx-runtime";
 import j from "@unicom-cloud/utils/tinycolor";
 import { forwardRef as z, useContext as B, useRef as F, useImperativeHandle as I, useMemo as W } from "react";
@@ -30,11 +30,7 @@ function eo(d, P) {
     prefixCls: C,
     getPrefixCls: b,
     componentConfig: h
-  } = B(X), n = _(
-    d,
-    Y,
-    h?.Tooltip
-  ), {
+  } = B(X), n = _(d, Y, h?.Tooltip), {
     style: x,
     className: l,
     children: N,