@unicom-cloud/ui 0.8.150 → 0.8.152

package/table/tfoot/index.js

@@ -1,18 +1,27 @@
-/* 2026-03-04 15:09:50 */
-import { jsx as t } from "react/jsx-runtime";
-import { TableSummaryContext as l } from "../summary/context.js";
-import { TableTfootContext as n } from "../context.js";
-import { getOriginData as c } from "../utils.js";
-function v(o) {
-  const { summary: e, data: a, prefixCls: r, columns: i, stickyOffsets: m, stickyClassNames: s } = o, f = /* @__PURE__ */ t("tfoot", { className: `${r}-tfoot`, children: /* @__PURE__ */ t(
-    l.Provider,
-    {
-      value: { columns: i, stickyOffsets: m, stickyClassNames: s, prefixCls: r },
-      children: e(c(a))
-    }
-  ) });
-  return /* @__PURE__ */ t(n.Provider, { value: { ...o }, children: f });
+/* 潘启宝 2026-03-24 16:29:04 星期二 */
+import { TableTfootContext as e } from "../context.js";
+import { getOriginData as t } from "../utils.js";
+import { TableSummaryContext as n } from "../summary/context.js";
+import { jsx as r } from "react/jsx-runtime";
+//#region components/pc/table/tfoot/index.tsx
+function i(i) {
+	let { summary: a, data: o, prefixCls: s, columns: c, stickyOffsets: l, stickyClassNames: u } = i, d = /* @__PURE__ */ r("tfoot", {
+		className: `${s}-tfoot`,
+		children: /* @__PURE__ */ r(n.Provider, {
+			value: {
+				columns: c,
+				stickyOffsets: l,
+				stickyClassNames: u,
+				prefixCls: s
+			},
+			children: a(t(o))
+		})
+	});
+	return /* @__PURE__ */ r(e.Provider, {
+		value: { ...i },
+		children: d
+	});
 }
-export {
-  v as default
-};
+//#endregion
+export { i as default };
+/* 独立思考，明辨是非 */

package/table/th-resizable/index.js

@@ -1,57 +1,50 @@
-/* 2026-03-04 15:09:50 */
-import { jsx as d, jsxs as P, Fragment as M } from "react/jsx-runtime";
-import { useRef as m, useContext as X, useEffect as j } from "react";
-import "../../config-provider/ConfigProvider.js";
-import z from "@unicom-cloud/ui-common/utils/className";
-import { off as g, on as h } from "@unicom-cloud/ui-common/utils/dom";
-import { isFunction as E, isPlainObject as T } from "@unicom-cloud/ui-common/utils/is";
-import { defaultComponent as D } from "../constant.js";
-import F from "../../config-provider/context.js";
-function H(C) {
-  let {
-    className: n,
-    children: b,
-    column: o,
-    onResize: f,
-    ...w
-  } = C;
-  const x = D.header.th, l = m(null), v = m(null), t = m({}), { prefixCls: L, getPrefixCls: R } = X(F), a = R?.("table-th-resizable");
-  function p(e) {
-    t.current.boundingClientRect = l.current.getBoundingClientRect(), t.current.pageX = e?.pageX ?? 0, s(), N();
-  }
-  function r(e) {
-    s();
-  }
-  function i(e) {
-    let c = t.current.boundingClientRect.width + ((e?.pageX ?? 0) - t.current.pageX);
-    c < 0 || (T(o) && (o.width = c), f?.({
-      column: o,
-      width: c,
-      widthOrigin: t.current.boundingClientRect.width
-    }));
-  }
-  function N(e) {
-    h(document, "mousemove", i), h(document, "mouseup", r);
-  }
-  function s(e) {
-    g(document, "mousemove", i), g(document, "mouseup", r);
-  }
-  n = z(n, a), j(() => (p(), i(), r(), () => {
-    s();
-  }), []);
-  let u = b;
-  return E(f) && (u = /* @__PURE__ */ P(M, { children: [
-    u,
-    /* @__PURE__ */ d(
-      "div",
-      {
-        ref: v,
-        className: `${a}-cursor`,
-        onMouseDown: p
-      }
-    )
-  ] })), /* @__PURE__ */ d(x, { ref: l, ...w, className: n, children: u });
+/* 潘启宝 2026-03-24 16:29:04 星期二 */
+import { isFunction as e, isPlainObject as t } from "../../utils/is.js";
+import n from "../../utils/className.js";
+import { off as r, on as i } from "../../utils/dom.js";
+import a from "../../config-provider/context.js";
+import "../../config-provider/index.js";
+import { defaultComponent as o } from "../constant.js";
+import { useContext as s, useEffect as c, useRef as l } from "react";
+import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
+//#region components/pc/table/th-resizable/index.jsx
+function p(p) {
+	let { className: m, children: h, column: g, onResize: _, ...v } = p, y = o.header.th, b = l(null), x = l(null), S = l({}), { prefixCls: C, getPrefixCls: w } = s(a), T = w?.("table-th-resizable");
+	function E(e) {
+		S.current.boundingClientRect = b.current.getBoundingClientRect(), S.current.pageX = e?.pageX ?? 0, A(), k();
+	}
+	function D(e) {
+		A();
+	}
+	function O(e) {
+		let n = S.current.boundingClientRect.width + ((e?.pageX ?? 0) - S.current.pageX);
+		n < 0 || (t(g) && (g.width = n), _?.({
+			column: g,
+			width: n,
+			widthOrigin: S.current.boundingClientRect.width
+		}));
+	}
+	function k(e) {
+		i(document, "mousemove", O), i(document, "mouseup", D);
+	}
+	function A(e) {
+		r(document, "mousemove", O), r(document, "mouseup", D);
+	}
+	m = n(m, T), c(() => (E(), O(), D(), () => {
+		A();
+	}), []);
+	let j = h;
+	return e(_) && (j = /* @__PURE__ */ f(u, { children: [j, /* @__PURE__ */ d("div", {
+		ref: x,
+		className: `${T}-cursor`,
+		onMouseDown: E
+	})] })), /* @__PURE__ */ d(y, {
+		ref: b,
+		...v,
+		className: m,
+		children: j
+	});
 }
-export {
-  H as default
-};
+//#endregion
+export { p as default };
+/* 独立思考，明辨是非 */

package/table/thead/Column.d.ts

@@ -0,0 +1,3 @@
+import type { ColumnComponentProps } from '../../table/interface';
+declare function Column<T>(props: ColumnComponentProps<T>): false | import("react/jsx-runtime").JSX.Element;
+export default Column;

package/table/thead/Column.js

@@ -1,263 +1,195 @@
-/* 2026-03-04 15:09:50 */
-import { jsxs as u, Fragment as ye, jsx as r } from "react/jsx-runtime";
-import { useContext as W, useState as X, useEffect as Y, createElement as Te } from "react";
-import Ie from "@unicom-cloud/icons/IconUiCaretDown";
-import Pe from "@unicom-cloud/icons/IconUiCaretUp";
-import ke from "@unicom-cloud/icons/IconUiFilter";
-import Z from "../../button/Button.js";
-import De from "../../checkbox/Checkbox.js";
-import "../../checkbox/Group.js";
-import "../../config-provider/ConfigProvider.js";
-import we from "@unicom-cloud/ui-common/hooks/use-merge-value";
-import Ae from "../../radio/Radio.js";
-import Ee from "../../space/index.js";
-import Me from "../hook/useComponent.js";
-import Re from "../../tooltip/Tooltip.js";
-import Ue from "../../trigger/index.js";
-import h from "@unicom-cloud/ui-common/utils/className";
-import { isArray as _, isPlainObject as A, isFunction as E, isString as ee } from "@unicom-cloud/ui-common/utils/is";
-import { TableContext as je } from "../context.js";
-import He from "../../config-provider/context.js";
-function ze(g, m) {
-  return g === "ascend" ? m?.Table?.sortAscend : g === "descend" ? m?.Table?.sortDescend : m?.Table?.cancelSort;
+/* 潘启宝 2026-03-24 16:29:04 星期二 */
+import { isArray as e, isArrayAndNotEmpty as t, isFunction as n, isPlainObject as r, isString as i } from "../../utils/is.js";
+import ee from "../../hooks/use-merge-value/index.js";
+import a from "../../utils/className.js";
+import te from "../../config-provider/context.js";
+import "../../config-provider/index.js";
+import o from "../../button/index.js";
+import ne from "../../trigger/index.js";
+import re from "../../tooltip/index.js";
+import ie from "../../checkbox/index.js";
+import s from "../../radio/Radio.js";
+import ae from "../../space/index.js";
+import { TableContext as oe } from "../context.js";
+import se from "../hook/useComponent.js";
+import { createElement as ce, useContext as c, useEffect as l, useState as u } from "react";
+import { Fragment as le, jsx as d, jsxs as f } from "react/jsx-runtime";
+import ue from "@unicom-cloud/icons/IconUiCaretDown";
+import de from "@unicom-cloud/icons/IconUiCaretUp";
+import fe from "@unicom-cloud/icons/IconUiFilter";
+//#region components/pc/table/thead/Column.tsx
+function pe(e, t) {
+	return e === "ascend" ? t?.Table?.sortAscend : e === "descend" ? t?.Table?.sortDescend : t?.Table?.cancelSort;
 }
-const Oe = { bottom: 0 };
-function ct(g) {
-  const {
-    onSort: m,
-    onFilter: M,
-    onHandleFilter: R,
-    onHandleFilterReset: te,
-    currentFilters: v = {},
-    currentSorter: o,
-    _key: U,
-    dataIndex: re,
-    title: C,
-    sorter: ne,
-    sortDirections: l = ["ascend", "descend"],
-    filters: f = [],
-    columnFixedStyle: ie,
-    className: oe,
-    headerClassName: le,
-    cellStyle: j,
-    headerCellStyle: x,
-    rowSpan: S,
-    colSpan: $,
-    headerCellProps: se,
-    prefixCls: t,
-    align: y = "left",
-    component: ce,
-    filterIcon: ae,
-    filterDropdown: T,
-    filterMultiple: H = !0,
-    ellipsis: z,
-    filterDropdownProps: de,
-    onFilterDropdownVisibleChange: me,
-    column: fe,
-    showSorterTooltip: I,
-    index: P
-  } = g, {
-    prefixCls: pe,
-    getPrefixCls: Be,
-    locale: k,
-    rtl: ue
-  } = W(He), O = W(je), i = U || re || P, [d, p, a] = we([], {
-    value: v[i] || []
-  }), [D, B] = X(!1), [K, L] = X(!1), N = ne && _(l) && l.length, b = N ? he() : void 0;
-  Y(() => {
-    p(v[i] || []);
-  }, [v, i]), Y(() => {
-    d && d !== a && p(d);
-  }, [D]);
-  function he() {
-    const e = o && o.direction;
-    if (!e || o && o.field !== i)
-      return l[0];
-    const s = l.indexOf(e);
-    if (s < l.length)
-      return l[s + 1];
-  }
-  function ge() {
-    d && (R?.(
-      { onFilter: M, filters: f, dataIndex: i },
-      a
-    ), w(!1));
-  }
-  function Ce() {
-    te({ dataIndex: i }), w(!1);
-  }
-  function w(e) {
-    B(e), me?.(e);
-  }
-  function V(e, s) {
-    let n = [...a];
-    if (H)
-      s ? n = n.concat(e) : n.splice(
-        n.findIndex((Se) => Se === e),
-        1
-      );
-    else if (n.length > 0)
-      if (n[0] !== e)
-        n = [e];
-      else
-        return;
-    else
-      n = [e];
-    p(n);
-  }
-  function xe(e) {
-    p(e || a), B(!1), R?.(
-      { filters: f, onFilter: M, dataIndex: i },
-      e || a
-    );
-  }
-  function $e() {
-    return E(T) ? T({
-      filterKeys: a,
-      setFilterKeys: (e, s) => {
-        p(e), s?.();
-      },
-      confirm: xe
-    }) : /* @__PURE__ */ u("div", { className: `${t}-filters-popup`, children: [
-      /* @__PURE__ */ r("div", { className: `${t}-filters-list`, children: f.map((e) => {
-        const s = a.findIndex((n) => n === e.value) !== -1;
-        return /* @__PURE__ */ r("div", { className: `${t}-filters-item`, children: H ? /* @__PURE__ */ r(
-          De,
-          {
-            checked: s,
-            onChange: (n) => {
-              V(e.value, n);
-            },
-            children: e.text
-          }
-        ) : /* @__PURE__ */ r(
-          Ae,
-          {
-            checked: s,
-            onChange: (n) => {
-              V(e.value, n);
-            },
-            children: e.text
-          }
-        ) }, e.value);
-      }) }),
-      /* @__PURE__ */ u(Ee, { className: `${t}-filters-btn`, children: [
-        /* @__PURE__ */ r(Z, { onClick: Ce, size: "mini", children: k?.Table?.resetText }),
-        /* @__PURE__ */ r(Z, { onClick: ge, type: "primary", size: "mini", children: k?.Table?.okText })
-      ] })
-    ] });
-  }
-  const q = (e) => h(`${t}-sorter-icon`, {
-    [`${t}-sorter-icon-active`]: o && o.direction === e && o.field === i
-  }), Ne = h(`${t}-filters`, {
-    [`${t}-filters-open`]: D,
-    [`${t}-filters-active`]: d && d.length
-  });
-  let c = {
-    ...ie
-  };
-  A(j) && (c = {
-    ...c,
-    ...j
-  }), A(x) && (c = {
-    ...c,
-    ...x
-  }), E(x) && (c = {
-    ...c,
-    ...x()
-  }), y && y !== "left" && (c.textAlign = y);
-  const F = {
-    style: c,
-    key: U || i
-  };
-  $ && $ > 1 && (F.colSpan = $), S && S > 1 && (F.rowSpan = S);
-  const { ComponentTh: be, ComponentHeaderCell: G } = Me(ce), J = _(f) && f.length > 0 || E(T), Q = z && ee(C) ? { title: C } : {}, Fe = /* @__PURE__ */ u(ye, { children: [
-    N ? /* @__PURE__ */ r(
-      Re,
-      {
-        content: ze(b, k),
-        disabled: !I,
-        triggerProps: O.triggerProps,
-        ...A(I) ? I : {},
-        children: /* @__PURE__ */ u(
-          "div",
-          {
-            className: `${t}-cell-with-sorter`,
-            onMouseEnter: () => {
-              L(!0);
-            },
-            onMouseLeave: () => {
-              L(!1);
-            },
-            onClick: () => m(b, i),
-            children: [
-              /* @__PURE__ */ r("span", { className: `${t}-th-item-title`, ...Q, children: C }),
-              N && /* @__PURE__ */ u(
-                "div",
-                {
-                  className: h(`${t}-sorter`, {
-                    [`${t}-sorter-direction-one`]: l.length === 1
-                  }),
-                  children: [
-                    l.includes("ascend") && /* @__PURE__ */ r("div", { className: q("ascend"), children: /* @__PURE__ */ r(Pe, {}) }),
-                    l.includes("descend") && /* @__PURE__ */ r("div", { className: q("descend"), children: /* @__PURE__ */ r(Ie, {}) })
-                  ]
-                }
-              )
-            ]
-          }
-        )
-      }
-    ) : /* @__PURE__ */ r("span", { className: `${t}-th-item-title`, ...Q, children: C }),
-    J && /* @__PURE__ */ r(
-      Ue,
-      {
-        popup: $e,
-        trigger: "click",
-        classNames: `${pe}-slide-dynamic-origin`,
-        position: ue ? "bl" : "br",
-        popupAlign: Oe,
-        popupVisible: D,
-        onVisibleChange: w,
-        ...O.triggerProps,
-        ...de?.triggerProps,
-        children: /* @__PURE__ */ r("div", { className: Ne, children: ae || /* @__PURE__ */ r(ke, {}) })
-      }
-    )
-  ] }), ve = h(`${t}-th-item`, {
-    [`${t}-cell-text-ellipsis`]: z,
-    [`${t}-cell-mouseenter`]: K,
-    [`${t}-cell-next-${b}`]: K && b,
-    [`${t}-col-has-sorter`]: N,
-    [`${t}-col-has-filter`]: J
-  });
-  return $ !== 0 && /* @__PURE__ */ Te(
-    be,
-    {
-      className: h(
-        `${t}-th`,
-        {
-          [`${t}-col-sorted`]: o?.direction && o.field === i,
-          [`${t}-col-first`]: P === 0
-        },
-        oe,
-        le
-      ),
-      index: P,
-      ...F,
-      key: F.key,
-      ...se
-    },
-    /* @__PURE__ */ r(
-      G,
-      {
-        className: ve,
-        column: ee(G) ? void 0 : fe,
-        children: Fe
-      }
-    )
-  );
+var p = { bottom: 0 };
+function m(m) {
+	let { onSort: me, onFilter: h, onHandleFilter: g, onHandleFilterReset: he, currentFilters: _ = {}, currentSorter: v, _key: y, dataIndex: ge, title: b, sorter: _e, sortDirections: x = ["ascend", "descend"], filters: S = [], columnFixedStyle: ve, className: ye, headerClassName: be, cellStyle: C, headerCellStyle: w, rowSpan: T, colSpan: E, headerCellProps: xe, prefixCls: D, align: O = "left", component: Se, filterIcon: Ce, filterDropdown: k, filterMultiple: A = !0, ellipsis: j, filterDropdownProps: we, onFilterDropdownVisibleChange: Te, column: Ee, showSorterTooltip: M, index: N } = m, { prefixCls: De, getPrefixCls: Oe, locale: P, rtl: ke } = c(te), F = c(oe), I = y || ge || N, [L, R, z] = ee([], { value: _[I] || [] }), [B, V] = u(!1), [H, U] = u(!1), W = _e && t(x), G = W ? Ae() : void 0;
+	l(() => {
+		R(_[I] || []);
+	}, [_, I]), l(() => {
+		L && L !== z && R(L);
+	}, [B]);
+	function Ae() {
+		let e = v && v.direction;
+		if (!e || v && v.field !== I) return x[0];
+		let t = x.indexOf(e);
+		if (t < x.length) return x[t + 1];
+	}
+	function je() {
+		L && (g?.({
+			onFilter: h,
+			filters: S,
+			dataIndex: I
+		}, z), K(!1));
+	}
+	function Me() {
+		he({ dataIndex: I }), K(!1);
+	}
+	function K(e) {
+		V(e), Te?.(e);
+	}
+	function Ne(e, t) {
+		let n = [...z];
+		if (A) t ? n = n.concat(e) : n.splice(n.findIndex((t) => t === e), 1);
+		else if (n.length > 0) if (n[0] !== e) n = [e];
+		else return;
+		else n = [e];
+		R(n);
+	}
+	function q(e) {
+		R(e || z), V(!1), g?.({
+			filters: S,
+			onFilter: h,
+			dataIndex: I
+		}, e || z);
+	}
+	function Pe() {
+		return n(k) ? k({
+			filterKeys: z,
+			setFilterKeys: (e, t) => {
+				R(e), t?.();
+			},
+			confirm: q
+		}) : /* @__PURE__ */ f("div", {
+			className: `${D}-filters-popup`,
+			children: [/* @__PURE__ */ d("div", {
+				className: `${D}-filters-list`,
+				children: S.map((e) => {
+					let t = z.findIndex((t) => t === e.value) !== -1;
+					return /* @__PURE__ */ d("div", {
+						className: `${D}-filters-item`,
+						children: d(A ? ie : s, {
+							checked: t,
+							onChange: (t) => {
+								Ne(e.value, t);
+							},
+							children: e.text
+						})
+					}, e.value);
+				})
+			}), /* @__PURE__ */ f(ae, {
+				className: `${D}-filters-btn`,
+				children: [/* @__PURE__ */ d(o, {
+					onClick: Me,
+					size: "mini",
+					children: P?.Table?.resetText
+				}), /* @__PURE__ */ d(o, {
+					onClick: je,
+					type: "primary",
+					size: "mini",
+					children: P?.Table?.okText
+				})]
+			})]
+		});
+	}
+	let J = (e) => a(`${D}-sorter-icon`, { [`${D}-sorter-icon-active`]: v && v.direction === e && v.field === I }), Fe = a(`${D}-filters`, {
+		[`${D}-filters-open`]: B,
+		[`${D}-filters-active`]: L && L.length
+	}), Y = { ...ve };
+	r(C) && (Y = {
+		...Y,
+		...C
+	}), r(w) && (Y = {
+		...Y,
+		...w
+	}), n(w) && (Y = {
+		...Y,
+		...w()
+	}), O && O !== "left" && (Y.textAlign = O);
+	let X = {
+		style: Y,
+		key: y || I
+	};
+	E && E > 1 && (X.colSpan = E), T && T > 1 && (X.rowSpan = T);
+	let { ComponentTh: Ie, ComponentHeaderCell: Z } = se(Se), Q = e(S) && S.length > 0 || n(k), $ = j && i(b) ? { title: b } : {}, Le = /* @__PURE__ */ f(le, { children: [W ? /* @__PURE__ */ d(re, {
+		content: pe(G, P),
+		disabled: !M,
+		triggerProps: F.triggerProps,
+		...r(M) ? M : {},
+		children: /* @__PURE__ */ f("div", {
+			className: `${D}-cell-with-sorter`,
+			onMouseEnter: () => {
+				U(!0);
+			},
+			onMouseLeave: () => {
+				U(!1);
+			},
+			onClick: () => me(G, I),
+			children: [/* @__PURE__ */ d("span", {
+				className: `${D}-th-item-title`,
+				...$,
+				children: b
+			}), W && /* @__PURE__ */ f("div", {
+				className: a(`${D}-sorter`, { [`${D}-sorter-direction-one`]: x.length === 1 }),
+				children: [x.includes("ascend") && /* @__PURE__ */ d("div", {
+					className: J("ascend"),
+					children: /* @__PURE__ */ d(de, {})
+				}), x.includes("descend") && /* @__PURE__ */ d("div", {
+					className: J("descend"),
+					children: /* @__PURE__ */ d(ue, {})
+				})]
+			})]
+		})
+	}) : /* @__PURE__ */ d("span", {
+		className: `${D}-th-item-title`,
+		...$,
+		children: b
+	}), Q && /* @__PURE__ */ d(ne, {
+		popup: Pe,
+		trigger: "click",
+		classNames: `${De}-slide-dynamic-origin`,
+		position: ke ? "bl" : "br",
+		popupAlign: p,
+		popupVisible: B,
+		onVisibleChange: K,
+		...F.triggerProps,
+		...we?.triggerProps,
+		children: /* @__PURE__ */ d("div", {
+			className: Fe,
+			children: Ce || /* @__PURE__ */ d(fe, {})
+		})
+	})] }), Re = a(`${D}-th-item`, {
+		[`${D}-cell-text-ellipsis`]: j,
+		[`${D}-cell-mouseenter`]: H,
+		[`${D}-cell-next-${G}`]: H && G,
+		[`${D}-col-has-sorter`]: W,
+		[`${D}-col-has-filter`]: Q
+	});
+	return E !== 0 && /* @__PURE__ */ ce(Ie, {
+		className: a(`${D}-th`, `${D}-th-${N}`, {
+			[`${D}-col-sorted`]: v?.direction && v.field === I,
+			[`${D}-col-first`]: N === 0
+		}, ye, be),
+		index: N,
+		...X,
+		key: X.key,
+		...xe
+	}, /* @__PURE__ */ d(Z, {
+		className: Re,
+		column: i(Z) ? void 0 : Ee,
+		children: Le
+	}));
 }
-export {
-  ct as default
-};
+//#endregion
+export { m as default };
+/* 独立思考，明辨是非 */

package/table/thead/index.d.ts

@@ -0,0 +1,3 @@
+import type { TheadProps } from '../../table/interface';
+declare function THead<T>(props: TheadProps<T>): import("react/jsx-runtime").JSX.Element;
+export default THead;