@unicom-cloud/ui 0.8.143 → 0.8.145

package/table/constant.js

@@ -1,4 +1,4 @@
-/* 2026-01-19 17:02:09 */
+/* 2026-01-27 10:44:03 */
 const n = "table_internal_selection_key", o = "table_internal_expand_key", d = {
   table: "table",
   header: {

package/table/context.js

@@ -1,6 +1,10 @@
-/* 2026-01-19 17:02:09 */
+/* 2026-01-27 10:44:03 */
 import { createContext as t } from "react";
-const o = t({});
+const e = t({}), n = t({}), T = t({}), a = t({}), x = t({});
 export {
-  o as TableContext
+  e as TableContext,
+  n as TableTbodyContext,
+  a as TableTfootContext,
+  x as TableTheadContext,
+  T as TableTrContext
 };

package/table/hook/useColumns.js

@@ -1,4 +1,4 @@
-/* 2026-01-19 17:02:09 */
+/* 2026-01-27 10:44:03 */
 import { useMemo as p, useCallback as K } from "react";
 import { INTERNAL_EXPAND_KEY as F, INTERNAL_SELECTION_KEY as S } from "../constant.js";
 import { isUndefined as M, isNumber as Y, isArray as B } from "@unicom-cloud/ui-common/utils/is";

package/table/hook/useComponent.js

@@ -1,4 +1,4 @@
-/* 2026-01-19 17:02:09 */
+/* 2026-01-27 10:44:03 */
 import r from "lodash/merge";
 import { useMemo as t } from "react";
 import { isPlainObject as p } from "@unicom-cloud/ui-common/utils/is";

package/table/hook/useExpand.js

@@ -1,40 +1,44 @@
-/* 2026-01-19 17:02:09 */
-import { useState as g, useRef as A } from "react";
-import N from "@unicom-cloud/ui-common/hooks/use-update-effect";
-import { isFunction as E, isEmptyArray as B } from "@unicom-cloud/ui-common/utils/is";
-import { getOriginData as w, isChildrenNotEmpty as F } from "../utils.js";
-function U(d, f, a) {
+/* 2026-01-27 10:44:03 */
+import { useState as A, useRef as N } from "react";
+import w from "@unicom-cloud/ui-common/hooks/use-update-effect";
+import { isEmptyArray as B, isFunction as m } from "@unicom-cloud/ui-common/utils/is";
+import { getOriginData as R, isChildrenNotEmpty as F } from "../utils.js";
+function U(d, o, r) {
   const {
-    defaultExpandedRowKeys: u,
-    defaultExpandAllRows: m,
-    expandedRowRender: l,
-    onExpand: R,
-    onExpandedRowsChange: h,
+    defaultExpandedRowKeys: p,
+    defaultExpandAllRows: u,
+    expandedRowRender: x,
+    onExpand: h,
+    onExpandedRowsChange: g,
     childrenColumnName: y = "children",
-    expandProps: s
-  } = d, [C, c] = g(
-    p()
-  ), i = d.expandedRowKeys || C;
-  function p() {
+    expandProps: i
+  } = d, [C, l] = A(
+    c()
+  ), f = d.expandedRowKeys || C;
+  w(() => {
+    u && o?.length > 0 && l(c());
+  }, [o?.length, u]);
+  const E = N(!0);
+  w(() => (E.current && (B(d.data) || (l(c()), E.current = !1)), () => {
+  }), [d.data]);
+  function c() {
     let e = [];
-    return d.expandedRowKeys ? e = d.expandedRowKeys : u ? e = u : m && (e = f.map((n, r) => {
-      const o = w(n);
-      return s && "rowExpandable" in s && E(s.rowExpandable) ? s.rowExpandable(o) && a(n) : E(l) ? l(o, r) && a(n) : F(n, y) && a(n);
+    return d.expandedRowKeys ? e = d.expandedRowKeys : p ? e = p : u && (e = o.map((n, a) => {
+      const s = R(n);
+      return i && "rowExpandable" in i && m(i.rowExpandable) ? i.rowExpandable(s) && r(n) : m(x) ? x(s, a) && r(n) : F(n, y) && r(n);
     }).filter((n) => n)), e;
   }
   function K(e) {
-    const n = !i.includes(e), r = n ? i.concat(e) : i.filter((t) => e !== t), o = f.filter((t) => r.includes(a(t))).map((t) => a(t));
-    c(o), b(e, n), h?.(o);
+    const n = !f.includes(e), a = n ? f.concat(e) : f.filter((t) => e !== t), s = o.filter((t) => a.includes(r(t))).map((t) => r(t));
+    l(s), b(e, n), g?.(s);
   }
   function b(e, n) {
-    R?.(
-      w(f.find((r) => a(r) === e)),
+    h?.(
+      R(o.find((a) => r(a) === e)),
       n
     );
   }
-  const x = A(!0);
-  return N(() => (x.current && (B(d.data) || (c(p()), x.current = !1)), () => {
-  }), [d.data]), [i, K];
+  return [f, K];
 }
 export {
   U as default

package/table/hook/useRowSelection.js

@@ -1,4 +1,4 @@
-/* 2026-01-19 17:02:09 */
+/* 2026-01-27 10:44:03 */
 import { useState as g } from "react";
 import { isBoolean as G, isArray as P, isFunction as H } from "@unicom-cloud/ui-common/utils/is";
 import { getSelectedKeysByData as J, getOriginData as S, getSelectedKeys as Q, isChildrenNotEmpty as _ } from "../utils.js";

package/table/hook/useSorter.js

@@ -1,4 +1,4 @@
-/* 2026-01-19 17:02:09 */
+/* 2026-01-27 10:44:03 */
 import { useState as h, useRef as b, useCallback as a } from "react";
 import k from "@unicom-cloud/ui-common/hooks/use-update-effect";
 import { isNumber as S, isUndefined as A } from "@unicom-cloud/ui-common/utils/is";

package/table/hook/useStickyClassNames.js

@@ -1,4 +1,4 @@
-/* 2026-01-19 17:02:09 */
+/* 2026-01-27 10:44:03 */
 import { useMemo as o } from "react";
 import c from "@unicom-cloud/ui-common/utils/className";
 import { isArray as g, isNumber as p, isPlainObject as m } from "@unicom-cloud/ui-common/utils/is";

package/table/hook/useStickyOffsets.js

@@ -1,4 +1,4 @@
-/* 2026-01-19 17:02:09 */
+/* 2026-01-27 10:44:03 */
 import { useMemo as a } from "react";
 import { px2Number as n } from "../utils.js";
 function x(i) {

package/table/hook/useThResizable.js

@@ -1,4 +1,4 @@
-/* 2026-01-19 17:02:09 */
+/* 2026-01-27 10:44:03 */
 import { useState as b, useEffect as m } from "react";
 import { isArray as C } from "@unicom-cloud/ui-common/utils/is";
 import z from "../th-resizable/index.js";

package/table/index.js

@@ -1,35 +1,39 @@
-/* 2026-01-19 17:02:09 */
+/* 2026-01-27 10:44:03 */
 import e from "./Table.js";
 import { defaultComponent as f } from "./constant.js";
-import { TableContext as u } from "./context.js";
-import { default as b } from "./hook/useColumns.js";
-import { default as T } from "./hook/useComponent.js";
-import { default as d } from "./hook/useExpand.js";
-import { default as C } from "./hook/useRowSelection.js";
-import { default as i } from "./hook/useSorter.js";
-import { default as R } from "./hook/useStickyClassNames.js";
-import { default as w } from "./hook/useStickyOffsets.js";
-import { default as z } from "./hook/useThResizable.js";
+import { TableContext as u, TableTbodyContext as T, TableTfootContext as b, TableTheadContext as p, TableTrContext as x } from "./context.js";
+import { default as d } from "./hook/useColumns.js";
+import { default as S } from "./hook/useComponent.js";
+import { default as i } from "./hook/useExpand.js";
+import { default as R } from "./hook/useRowSelection.js";
+import { default as k } from "./hook/useSorter.js";
+import { default as z } from "./hook/useStickyClassNames.js";
+import { default as E } from "./hook/useStickyOffsets.js";
+import { default as O } from "./hook/useThResizable.js";
 import a from "./summary/index.js";
-import { TableSummaryContext as E } from "./summary/context.js";
-import { default as O } from "./summary/Cell.js";
-import { default as j } from "./summary/Row.js";
+import { TableSummaryContext as j } from "./summary/context.js";
+import { default as v } from "./summary/Cell.js";
+import { default as B } from "./summary/Row.js";
 const o = e;
 o.Summary = a;
 export {
   u as TableContext,
   a as TableSummary,
-  O as TableSummaryCell,
-  E as TableSummaryContext,
-  j as TableSummaryRow,
+  v as TableSummaryCell,
+  j as TableSummaryContext,
+  B as TableSummaryRow,
+  T as TableTbodyContext,
+  b as TableTfootContext,
+  p as TableTheadContext,
+  x as TableTrContext,
   o as default,
   f as tableDefaultComponent,
-  b as useTableColumns,
-  T as useTableComponent,
-  d as useTableExpand,
-  C as useTableRowSelection,
-  i as useTableSorter,
-  R as useTableStickyClassNames,
-  w as useTableStickyOffsets,
-  z as useTableThResizable
+  d as useTableColumns,
+  S as useTableComponent,
+  i as useTableExpand,
+  R as useTableRowSelection,
+  k as useTableSorter,
+  z as useTableStickyClassNames,
+  E as useTableStickyOffsets,
+  O as useTableThResizable
 };

package/table/summary/Cell.js

@@ -1,4 +1,4 @@
-/* 2026-01-19 17:02:09 */
+/* 2026-01-27 10:44:03 */
 import { jsx as _ } from "react/jsx-runtime";
 import o from "@unicom-cloud/ui-common/utils/omit";
 function l(r) {

package/table/summary/Row.js

@@ -1,4 +1,4 @@
-/* 2026-01-19 17:02:09 */
+/* 2026-01-27 10:44:03 */
 import { jsx as A } from "react/jsx-runtime";
 import i from "lodash/get";
 import l, { useContext as m } from "react";

package/table/summary/context.js

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

package/table/summary/index.js

@@ -1,4 +1,4 @@
-/* 2026-01-19 17:02:09 */
+/* 2026-01-27 10:44:03 */
 import o from "./Cell.js";
 import l from "./Row.js";
 function r(m) {

package/table/tbody/Td.js

@@ -1,151 +1,179 @@
-/* 2026-01-19 17:02:09 */
-import { jsx as c, jsxs as se } from "react/jsx-runtime";
-import z from "lodash/get";
-import A, { useContext as V, useRef as u, useMemo as ce, useEffect as ae } from "react";
+/* 2026-01-27 10:44:03 */
+import { jsx as d, jsxs as q, Fragment as z } from "react/jsx-runtime";
+import V from "lodash/get";
+import G, { useContext as _, useRef as w, useMemo as ce, useEffect as ae } from "react";
 import "../../config-provider/ConfigProvider.js";
 import de from "@unicom-cloud/ui-common/hooks/use-force-update";
 import fe from "../hook/useComponent.js";
 import me from "../../tooltip/Tooltip.js";
-import C from "@unicom-cloud/ui-common/utils/className";
-import { isFunction as g, isPlainObject as $, isString as h } from "@unicom-cloud/ui-common/utils/is";
+import S from "@unicom-cloud/ui-common/utils/className";
+import { isFunction as v, isPlainObject as k, isString as b, isExist as ue } from "@unicom-cloud/ui-common/utils/is";
 import pe from "@unicom-cloud/ui-common/utils/mergedToString";
-import ue from "@unicom-cloud/ui-common/utils/pick";
-import { TableContext as Ce } from "../context.js";
-import { getOriginData as _ } from "../utils.js";
-import ge from "../../config-provider/context.js";
-function he(a) {
-  return a && !A.isValidElement(a) && $(a);
+import Ce from "@unicom-cloud/ui-common/utils/pick";
+import { TableContext as ge } from "../context.js";
+import { getOriginData as K } from "../utils.js";
+import he from "../../config-provider/context.js";
+function ye(C) {
+  return C && !G.isValidElement(C) && k(C);
 }
-function xe(a) {
-  const E = de(), {
-    component: K,
-    InnerComponentTd: q,
+function xe(C) {
+  const { rtl: P } = _(he), J = _(ge), {
+    component: Q,
+    InnerComponentTd: X,
     column: e,
-    columnIndex: v,
-    prefixCls: l,
-    stickyClassName: G,
-    stickyOffset: M,
-    currentSorter: x,
-    virtualized: J,
-    record: o,
+    columnIndex: E,
+    prefixCls: n,
+    stickyClassName: Y,
+    stickyOffset: B,
+    currentSorter: M,
+    virtualized: Z,
+    record: s,
     trIndex: i,
-    level: T,
-    placeholder: Q = "-",
-    indentSize: X,
-    renderExpandIcon: Y,
-    rowKey: y,
-    recordHaveChildren: b,
-    haveTreeData: Z
-  } = a, { rtl: R } = V(ge), ee = V(Ce), { ComponentBodyCell: k } = fe(K), d = u(null), f = u(null), w = u(null), S = u(null), I = e?.tooltip?.show !== !1 && e?.ellipsis, te = C(
-    `${l}-td`,
-    G,
+    level: D,
+    placeholder: ee = "-",
+    indentSize: te,
+    renderExpandIcon: ne,
+    rowKey: I,
+    recordHaveChildren: H,
+    haveTreeData: oe
+  } = C, { ComponentBodyCell: F } = fe(Q), h = w(null), y = w(null), N = w(null), T = w(null), O = de(), L = e?.tooltip?.show !== !1 && e?.ellipsis, le = S(
+    `${n}-td`,
+    Y,
     {
-      [`${l}-col-sorted`]: x && x.direction && x.field === e?.dataIndex
+      [`${n}-col-sorted`]: M && M.direction && M.field === e?.dataIndex,
+      [`${n}-col-first`]: E === 0
     },
     e?.className,
-    g(e?.bodyClassName) ? e?.bodyClassName(o, i) : e?.bodyClassName
+    v(e?.bodyClassName) ? e?.bodyClassName(s, i) : e?.bodyClassName
   );
-  let s = {}, P, B, n = {};
-  if (e?.fixed === "left" && (n[R ? "right" : "left"] = M), e?.fixed === "right" && (n[R ? "left" : "right"] = M), $(e?.cellStyle) && (n = {
-    ...n,
+  let f = {}, m, j, l = {};
+  if (e?.fixed === "left" && (l[P ? "right" : "left"] = B), e?.fixed === "right" && (l[P ? "left" : "right"] = B), k(e?.cellStyle) && (l = {
+    ...l,
     ...e?.cellStyle
-  }), $(e?.bodyCellStyle) && (n = {
-    ...n,
+  }), k(e?.bodyCellStyle) && (l = {
+    ...l,
     ...e?.bodyCellStyle
-  }), g(e?.bodyCellStyle) && (n = {
-    ...n,
-    ...e?.bodyCellStyle?.(o, i) ?? {}
-  }), e?.align && (n.textAlign = e?.align), J && e?.width) {
-    const r = e?.width;
-    n.width = r, n.minWidth = r, n.maxWidth = r;
+  }), v(e?.bodyCellStyle) && (l = {
+    ...l,
+    ...e?.bodyCellStyle?.(s, i) ?? {}
+  }), e?.align && (l.textAlign = e?.align), Z && e?.width) {
+    const t = e?.width;
+    l.width = t, l.minWidth = t, l.maxWidth = t;
   }
-  const { onHandleSave: ne, ...D } = e?.onCell ? e?.onCell(
-    o,
+  const { onHandleSave: re, ...x } = e?.onCell ? e?.onCell(
+    s,
     i,
     e,
-    { rowKey: y }
+    { rowKey: I }
     // 潘启宝添加
   ) ?? {} : { onHandleSave: () => {
-  } }, H = e?.render;
-  let t = ce(() => H?.(
-    z(o, e?.dataIndex ?? ""),
-    _(o),
+  } }, A = e?.render;
+  let o = ce(() => A?.(
+    V(s, e?.dataIndex ?? ""),
+    K(s),
     i,
     e,
     // 潘启宝添加
-    { rowKey: y }
+    { rowKey: I }
     // 潘启宝添加
-  ), [o, e, i]);
-  if (g(H) || (t = z(o, e?.dataIndex ?? "")), he(t) && (s = t?.props, P = s?.rowSpan, B = s?.colSpan, t = t?.children), ae(() => (E(), () => {
-  }), [d.current, f.current]), P === 0 || B === 0)
+  ), [s, e, i]);
+  if (v(A) || (o = V(s, e?.dataIndex ?? "")), ye(o) && (f = o?.props, m = f?.rowSpan, j = f?.colSpan, o = o?.children), ae(() => (O(), () => {
+  }), [h.current, y.current]), m === 0 || j === 0)
     return null;
-  h(t) && (t = t.trim()), !t && t !== 0 && (t = e?.placeholder ?? Q ?? "-");
-  const oe = e?.ellipsis && h(t) && !I ? {
-    title: t
-  } : {}, N = Z && e?.$$isFirstColumn, L = N && b;
-  let m = N && T > 0 ? X * T : 0;
-  N && !b && (m += 20);
-  function le(r) {
-    E();
+  b(o) && (o = o.trim()), ue(o) || (o = e?.placeholder ?? ee ?? "-");
+  const ie = e?.ellipsis && b(o) && !L ? {
+    title: o
+  } : {}, R = oe && e?.$$isFirstColumn, U = R && H;
+  let $ = R && D > 0 ? te * D : 0;
+  R && !H && ($ += 20);
+  function se(t) {
+    O();
   }
-  const O = `${v}-${i}-${m}-${L}`, re = /* @__PURE__ */ c(
-    "div",
+  const W = `${E}-${i}-${$}-${U}`;
+  let r = /* @__PURE__ */ d(
+    F,
     {
-      ref: d,
-      className: C(`${l}-cell`, {
-        [`${l}-cell-text-ellipsis`]: e?.ellipsis
-      }),
-      ...oe,
-      onMouseEnter: I ? le : void 0,
-      children: /* @__PURE__ */ se(
-        k,
+      ref: y,
+      ...b(F) ? {} : {
+        rowData: K(s),
+        column: e,
+        onHandleSave: re,
+        ...x
+      },
+      className: `${n}-cell-wrap-value`,
+      children: e?.dangerouslySetInnerHTML && b(o) ? /* @__PURE__ */ d(
+        "span",
         {
-          ref: f,
-          className: `${l}-cell-wrap-value`,
-          ...h(k) ? {
-            // className: `${prefixCls}-cell-wrap-value`,
-          } : {
-            rowData: _(o),
-            column: e,
-            onHandleSave: ne,
-            ...D
-          },
-          children: [
-            !!m && /* @__PURE__ */ c(
-              "span",
-              {
-                ref: w,
-                className: `${l}-cell-indent`,
-                style: { paddingLeft: m }
-              }
-            ),
-            !!L && /* @__PURE__ */ c(
-              "span",
-              {
-                ref: S,
-                className: `${l}-cell-expand-icon`,
-                children: Y(o, y)
-              }
-            ),
-            e?.dangerouslySetInnerHTML && h(t) ? /* @__PURE__ */ c(
-              "span",
-              {
-                dangerouslySetInnerHTML: {
-                  __html: t
-                }
-              }
-            ) : t
-          ]
-        },
-        O
-      )
+          dangerouslySetInnerHTML: {
+            __html: o
+          }
+        }
+      ) : o
     },
-    O
+    W
   );
-  let p = /* @__PURE__ */ c(
-    q,
+  if ($ && (r = /* @__PURE__ */ q(z, { children: [
+    /* @__PURE__ */ d(
+      "span",
+      {
+        ref: N,
+        className: `${n}-cell-indent`,
+        style: { paddingLeft: $ }
+      }
+    ),
+    r
+  ] })), U && (r = /* @__PURE__ */ q(z, { children: [
+    /* @__PURE__ */ d(
+      "span",
+      {
+        ref: T,
+        className: `${n}-cell-expand-icon`,
+        children: ne(s, I)
+      }
+    ),
+    r
+  ] })), r = /* @__PURE__ */ d(
+    "div",
+    {
+      ref: h,
+      className: S(`${n}-cell`, {
+        [`${n}-cell-text-ellipsis`]: e?.ellipsis
+      }),
+      ...ie,
+      onMouseEnter: L ? se : void 0,
+      children: r
+    },
+    W
+  ), r = /* @__PURE__ */ d(
+    X,
     {
-      ...ue(D, [
+      onMouseEnter: (t) => {
+        if (m > 1) {
+          const u = t.currentTarget.closest(`.${n}`), a = t.currentTarget.closest("tbody");
+          if (u && a) {
+            const p = a.querySelectorAll(`.${n}-tr`);
+            for (let c = i; c < i + m; c++) {
+              const g = p[c];
+              g && g.classList.add(`${n}-tr-hover`);
+            }
+          }
+        }
+        x?.onMouseEnter?.(t);
+      },
+      onMouseLeave: (t) => {
+        if (m > 1) {
+          const u = t.currentTarget.closest(`.${n}`), a = t.currentTarget.closest("tbody");
+          if (u && a) {
+            const p = a.querySelectorAll(`.${n}-tr`);
+            for (let c = i; c < i + m; c++) {
+              const g = p[c];
+              g && g.classList.remove(`${n}-tr-hover`);
+            }
+          }
+        }
+        x?.onMouseLeave?.(t);
+      },
+      ...Ce(x, [
         "onClick",
         "onDoubleClick",
         "onContextMenu",
@@ -156,35 +184,34 @@ function xe(a) {
         "onMouseDown",
         "onMouseUp"
       ]),
-      ...s,
-      className: C(te, s.className),
-      style: { ...n, ...s.style },
-      children: re
+      ...f,
+      className: S(le, f.className),
+      style: { ...l, ...f.style },
+      children: r
     },
-    e?.key || e?.dataIndex || v
-  );
-  if (I) {
-    let r = 0, j = 0, F = 0, U = 0;
-    if (d.current instanceof Element && (r = d.current.getBoundingClientRect().width), f.current instanceof Element && (j = f.current.getBoundingClientRect().width), w.current instanceof Element && (F = w.current.getBoundingClientRect().width), S.current instanceof Element && (U = S.current.getBoundingClientRect().width), r < j + F + U) {
-      const W = e?.tooltip?.render, ie = g(W) ? W(o, i, e) : e?.tooltip?.content ?? pe(p);
-      p = /* @__PURE__ */ c(
+    e?.key || e?.dataIndex || E
+  ), L) {
+    let t = 0, u = 0, a = 0, p = 0;
+    if (h.current instanceof Element && (t = h.current.getBoundingClientRect().width), y.current instanceof Element && (u = y.current.getBoundingClientRect().width), N.current instanceof Element && (a = N.current.getBoundingClientRect().width), T.current instanceof Element && (p = T.current.getBoundingClientRect().width), t < u + a + p) {
+      const c = e?.tooltip?.render;
+      r = /* @__PURE__ */ d(
         me,
         {
           ...e?.tooltip,
-          className: C(
-            `${l}-cell-tooltip`,
+          className: S(
+            `${n}-cell-tooltip`,
             e?.tooltip?.className
           ),
-          content: ie,
-          triggerProps: ee.triggerProps,
-          children: p
+          content: v(c) ? c(s, i, e) : e?.tooltip?.content ?? pe(r),
+          triggerProps: J.triggerProps,
+          children: r
         }
       );
     }
   }
-  return p;
+  return r;
 }
-const Be = A.memo(xe);
+const Be = G.memo(xe);
 export {
   Be as default
 };