@baishuyun/ui-base 6.16.0 → 6.17.0

package/dist/Table/Table-8ac6xLZv.js

@@ -0,0 +1,808 @@
+import { t as e } from "../vendors/useLocale-Be4e7Xfn.js";
+import { t } from "../vendors/cssVars-UpriQzph.js";
+import { clamp as n, groupBy as r, sumBy as i } from "lodash-es";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import s, { forwardRef as c, memo as l, useCallback as u, useEffect as d, useImperativeHandle as f, useLayoutEffect as p, useMemo as m, useRef as h, useState as g } from "react";
+import _ from "clsx";
+import { useEventListener as v, useLatest as y, useMemoizedFn as b, useSize as x } from "ahooks";
+import { useOverlayScrollbars as S } from "overlayscrollbars-react";
+import { useVirtualizer as C } from "@tanstack/react-virtual";
+//#region src/components/Table/constants.ts
+var w = {
+	ROW_HEIGHT: 34,
+	HEADER_HEIGHT: 34,
+	EMPTY_TEXT_KEY: "table.empty"
+}, T = {
+	MIN_HEIGHT: 34,
+	MAX_HEIGHT: 200
+}, E = {
+	DEFAULT_OVERSCAN: 10,
+	ENABLE_AUTO_SIZE: 40
+}, D = {
+	DEFAULT_WIDTH: 120,
+	MIN_WIDTH: 60,
+	MAX_WIDTH: 1e3
+}, O = {
+	ASC: "asc",
+	DESC: "desc",
+	NONE: null
+}, k = {
+	wrapper: "custom-table-wrapper",
+	body: "custom-table-body"
+}, A = (e = []) => e.flatMap((e) => e.children?.length ? e.children : [e]), j = (e, t) => t.findIndex((t) => e.isParent ? t.parentKey === e.key : t.key === e.key), M = (e, t, n, r = D.DEFAULT_WIDTH) => i(n === "left" ? t.slice(0, e) : t.slice(e + 1), (e) => e.width || r), N = (e, t, n) => n !== "left" && n !== "right" ? null : {
+	position: "sticky",
+	[n]: M(e, t, n),
+	zIndex: 2
+}, ee = (e, t, n, r) => {
+	if (!t || !n) return e;
+	let i = n === O.DESC ? -1 : 1;
+	return [...e].sort((e, n) => {
+		let a = e[t], o = n[t];
+		return r ? r(a, o, e, n) * i : a === o ? 0 : a == null ? 1 : o == null ? -1 : typeof a == "string" && typeof o == "string" ? a.localeCompare(o) * i : (a < o ? -1 : 1) * i;
+	});
+}, te = (e, t, n) => {
+	let r = e[t];
+	return typeof r == "string" || typeof r == "number" ? r : n;
+}, ne = (e) => {
+	let t = [], n = [], r = [];
+	return e.forEach((e, i) => {
+		let a = {
+			...e,
+			index: i
+		};
+		e.fixed === "left" ? t.push(a) : e.fixed === "right" ? r.push(a) : n.push(a);
+	}), {
+		leftFixedColumns: t,
+		normalColumns: n,
+		rightFixedColumns: r
+	};
+}, P = (e, t = D.DEFAULT_WIDTH) => i(e, (e) => e.children?.length ? i(e.children, (e) => e.width || t) : e.width || t), F = l(({ column: e, style: t = {}, className: n = "", onResizeStart: r, isResizing: i = !1, resizable: s = !0, colSpan: c = 1, rowSpan: l = 1 }) => {
+	let d = h(null), f = u((e) => {
+		d.current?.triggerClick?.(e);
+	}, []), p = u((t) => {
+		if (!s || !r) return;
+		t.preventDefault(), t.stopPropagation();
+		let n = (e) => {
+			e.preventDefault(), e.stopPropagation();
+		};
+		document.addEventListener("click", n, !0), document.addEventListener("mouseup", () => {
+			setTimeout(() => document.removeEventListener("click", n, !0), 0);
+		}, { once: !0 }), r(e.key, e.width || D.DEFAULT_WIDTH, t.clientX);
+	}, [
+		e.key,
+		e.width,
+		s,
+		r
+	]), m = typeof e.header == "function" ? e.header(e, { menuRef: d }) : e.title;
+	return /* @__PURE__ */ o("th", {
+		className: `custom-table-header-cell ${n} `,
+		style: t,
+		colSpan: c > 1 ? c : void 0,
+		rowSpan: l > 1 ? l : void 0,
+		onClick: f,
+		children: [/* @__PURE__ */ a("div", {
+			className: "header-cell-content",
+			children: m
+		}), s ? /* @__PURE__ */ a("div", {
+			className: `resize-handle ${i ? "resizing" : ""}`,
+			onMouseDown: p
+		}) : null]
+	});
+});
+F.displayName = "HeaderCell";
+//#endregion
+//#region src/components/Table/utils/flattenColumns.ts
+var re = (e) => {
+	let t = [], n = [], r = (e, i = 0, a = null) => {
+		t[i] || (t[i] = []), e.forEach((e) => {
+			let o = e.children, s = e.fixed || a || void 0;
+			if (o && o.length > 0) t[i].push({
+				...e,
+				colSpan: o.length,
+				rowSpan: 1,
+				isParent: !0,
+				fixed: s
+			}), r(o, i + 1, s || null);
+			else {
+				let r = i + 1, a = {
+					...e,
+					colSpan: 1,
+					rowSpan: r,
+					isLeaf: !0,
+					fixed: s
+				};
+				for (let n = 0; n < i; n++) t[n].find((t) => t.key === e.key) || t[n].push({
+					...a,
+					isPlaceholder: !0
+				});
+				t[i].push(a), n.push(a);
+			}
+		});
+	};
+	r(e);
+	let i = [], a = t.length;
+	for (let t = 0; t < a; t++) {
+		let n = [], r = 0, o = (e, i = 0, s = null) => {
+			e.forEach((e) => {
+				let c = e.children, l = e.fixed || s || void 0;
+				c && c.length > 0 ? i === t ? n.push({
+					...e,
+					colSpan: c.length,
+					rowSpan: 1,
+					isParent: !0,
+					displayIndex: r++,
+					fixed: l
+				}) : i < t && o(c, i + 1, l || null) : i === t ? n.push({
+					...e,
+					colSpan: 1,
+					rowSpan: a - i,
+					isLeaf: !0,
+					displayIndex: r++,
+					fixed: l
+				}) : i < t && r++;
+			});
+		};
+		o(e), i.push(n);
+	}
+	return {
+		flatColumns: n,
+		headerRows: i
+	};
+}, ie = c(({ columns: e = [], enableFixed: t = !1, height: n = w.HEADER_HEIGHT, resizingColumn: r = null, onResizeStart: i, disabledResizeColumns: s = [], totalColumnsWidth: c = 0, needSpacer: l = !1, headerRowSpan: u = 1 }, d) => {
+	let f = m(() => e.some((e) => e.children && e.children.length > 0), [e]), { flatColumns: p, headerRows: h } = m(() => {
+		if (f) return re(e);
+		let t = Math.max(1, u || 1);
+		if (t > 1) {
+			let n = [e.map((e) => ({
+				...e,
+				colSpan: 1,
+				rowSpan: t,
+				isLeaf: !0
+			}))];
+			for (let e = 1; e < t; e++) n.push([]);
+			return {
+				flatColumns: e,
+				headerRows: n
+			};
+		}
+		return {
+			flatColumns: e,
+			headerRows: [e]
+		};
+	}, [
+		e,
+		f,
+		u
+	]), g = (e) => {
+		let t = j(e, p), n = e.align || "left", o = s.includes(e.key), c = {
+			textAlign: n,
+			...N(t, p, e.fixed)
+		}, l = `custom-table-header-cell ${e.className || ""}`.trim();
+		return e.fixed === "left" && (l += " fixed-left"), e.fixed === "right" && (l += " fixed-right"), t === 0 && (l += " first"), t === p.length - 1 && (l += " last"), /* @__PURE__ */ a(F, {
+			column: {
+				...e,
+				index: t
+			},
+			style: c,
+			className: l,
+			onResizeStart: i,
+			isResizing: r === e.key,
+			resizable: !e.children && !o,
+			colSpan: e.colSpan,
+			rowSpan: e.rowSpan
+		}, e.key);
+	};
+	return /* @__PURE__ */ a("div", {
+		ref: d,
+		className: "custom-table-header",
+		style: m(() => {
+			let e = { minWidth: c };
+			return t && (e.position = "sticky", e.top = 0, e.zIndex = 11), e;
+		}, [t, c]),
+		children: /* @__PURE__ */ o("table", {
+			style: {
+				tableLayout: "fixed",
+				minWidth: c
+			},
+			children: [/* @__PURE__ */ o("colgroup", { children: [p.map((e) => /* @__PURE__ */ a("col", { style: { width: e.width || D.DEFAULT_WIDTH } }, e.key)), l ? /* @__PURE__ */ a("col", {
+				className: "spacer-col",
+				style: { width: "auto" }
+			}) : null] }), /* @__PURE__ */ a("thead", { children: h.map((e, t) => e.length === 0 ? /* @__PURE__ */ a("tr", { style: { height: n } }, t) : /* @__PURE__ */ o("tr", {
+				style: { height: f || u > 1 ? n : "auto" },
+				children: [e.map((e) => g(e)), l && t === 0 ? /* @__PURE__ */ a("th", {
+					className: "custom-table-header-cell",
+					rowSpan: h.length
+				}) : null]
+			}, t)) })]
+		})
+	});
+});
+ie.displayName = "TableHeader";
+var ae = l(ie), I = (e, t) => {
+	let n = t.name, r = t.children || [], i = 0;
+	for (let t = 0; t < e.length; t++) {
+		let a = e[t], o = Object.keys(a);
+		r.some((e) => {
+			let t = `${n}.${e.subformField || e.key}.`;
+			return o.some((e) => e.startsWith(t) && a[e] !== void 0 && a[e] !== "");
+		}) && (i = t + 1);
+	}
+	return i;
+}, oe = (e, t, n = "_id") => {
+	if (!e || e.length === 0) return [];
+	let i = t.filter((e) => !!(e.children && e.children.length > 0));
+	if (i.length === 0) return e.map((e) => ({
+		...e,
+		_rowspan: {},
+		_showMainFields: !0
+	}));
+	let a = r(e, (e) => String(e[n] || e._id || e.id)), o = {};
+	Object.entries(a).forEach(([e, t]) => {
+		let n = {};
+		i.forEach((e) => {
+			n[e.name] = I(t, e);
+		}), o[e] = {
+			groupSize: t.length,
+			subformRowCounts: n
+		};
+	});
+	let s = [], c = {};
+	return e.forEach((e) => {
+		let t = String(e[n] || e._id || e.id), r = o[t], a = c[t] ?? 0;
+		c[t] = a + 1;
+		let l = a === 0, u = {};
+		i.forEach((e) => {
+			u[e.key] = l ? r.groupSize : 0;
+		}), u._mainFields = l ? r.groupSize : 0, s.push({
+			...e,
+			_rowspan: u,
+			_showMainFields: l,
+			_groupIndex: a,
+			_groupSize: r.groupSize,
+			_subformRowCounts: r.subformRowCounts
+		});
+	}), s;
+}, L = (e, t) => {
+	if (t.parentKey) return 1;
+	if (e._rowspan && e._rowspan[t.key] !== void 0) {
+		let n = e._rowspan[t.key];
+		return n > 0 ? n : 0;
+	}
+	if (e._rowspan && e._rowspan._mainFields !== void 0) {
+		let t = e._rowspan._mainFields;
+		return t > 0 ? t : 0;
+	}
+	return 1;
+}, R = (e, t) => L(e, t) > 0, z = (e, t, n) => {
+	let r = j(e, t), i = e.align || "left", a = N(r, t, n);
+	return {
+		column: e,
+		className: _("custom-table-cell", {
+			first: r === 0,
+			fixed: !!n
+		}, e.className, e?.type || "", e?.colorEnable ? "color-enable" : "", e?.regex === "barcode" ? "bar-code" : "", e?.regex === "qrcode" ? "qr-code" : ""),
+		style: {
+			textAlign: i,
+			...a
+		}
+	};
+}, B = ({ leftFixedColumns: e = [], normalColumns: t = [], rightFixedColumns: n = [], dataSource: r = [], rowKey: i = "id", rowHeight: s = w.ROW_HEIGHT, emptyText: c, onRowClick: l, onRow: d, onCell: f, totalColumnsWidth: p = 0, needSpacer: h = !1, rowRefCallback: g, isDynamicHeight: v = !1, emptyRowContent: y, showEmptyRow: b = !0, startVirtualIndex: x, hideWhenEmpty: S = !1, wrapperClassName: C, forceRowHeight: T = !1 }) => {
+	let E = m(() => A(e), [e]), O = m(() => A(t), [t]), k = m(() => A(n), [n]), j = m(() => [
+		...E,
+		...O,
+		...k
+	], [
+		E,
+		O,
+		k
+	]), M = m(() => {
+		let e = E.map((e) => z(e, j, "left")), t = O.map((e) => z(e, j, void 0)), n = k.map((e) => z(e, j, "right"));
+		return [
+			...e,
+			...t,
+			...n
+		];
+	}, [
+		j,
+		E,
+		O,
+		k
+	]), N = u((e) => {
+		e && g && g(e);
+	}, [g]), ee = (e, t, n) => {
+		let { column: r, className: i, style: o } = e;
+		if (!R(t, r)) return null;
+		let s = L(t, r), c = r.dataIndex ? t[r.dataIndex] : void 0, l = r.render && typeof r.render == "function" ? r.render(c, t, n) : c, u = {
+			className: i,
+			style: o
+		};
+		return f && typeof f == "function" && (u = f(c, t, r, n, {
+			className: i,
+			style: o
+		}) || {}), /* @__PURE__ */ a("td", {
+			className: `${i} ${u.className || ""}`.trim(),
+			style: { ...o },
+			rowSpan: s > 1 ? s : void 0,
+			...u,
+			children: /* @__PURE__ */ a("div", {
+				className: _("cell-content", r.align),
+				children: l
+			})
+		}, r.key);
+	};
+	if (S && r.length === 0) return null;
+	let ne = () => y ?? /* @__PURE__ */ a("tr", {
+		className: "custom-table-empty-row",
+		children: /* @__PURE__ */ a("td", {
+			colSpan: j.length + (h ? 1 : 0),
+			style: {
+				textAlign: "center",
+				padding: "20px",
+				color: "#999"
+			},
+			children: c
+		})
+	}), P = T || !v;
+	return /* @__PURE__ */ a("div", {
+		className: _("custom-table-body", C),
+		style: { minWidth: p },
+		children: /* @__PURE__ */ o("table", {
+			style: {
+				tableLayout: "fixed",
+				minWidth: p
+			},
+			children: [/* @__PURE__ */ o("colgroup", { children: [j.map((e) => /* @__PURE__ */ a("col", { style: { width: e.width || D.DEFAULT_WIDTH } }, e.key)), h ? /* @__PURE__ */ a("col", {
+				className: "spacer-col",
+				style: { width: "auto" }
+			}) : null] }), /* @__PURE__ */ a("tbody", { children: r.length === 0 ? b ? ne() : null : r.map((e, t) => {
+				let n = {};
+				if (d && typeof d == "function") {
+					let r = d(e, t, {
+						className: "",
+						style: {}
+					}) || {};
+					n = {
+						className: r.className,
+						style: r.style,
+						...r
+					};
+				}
+				let r = typeof x == "number" ? x + t : typeof e.dataIndex == "number" ? e.dataIndex : t;
+				return /* @__PURE__ */ o("tr", {
+					ref: v ? N : void 0,
+					style: {
+						height: P ? s : "auto",
+						...n.style
+					},
+					className: _("custom-table-row", n.className),
+					onClick: (n) => l?.(e, t, n),
+					"data-index": v ? r : void 0,
+					...n,
+					children: [M.map((n) => ee(n, e, t)), h ? /* @__PURE__ */ a("td", { className: "spacer-cell" }) : null]
+				}, te(e, i, t));
+			}) })]
+		})
+	});
+};
+B.displayName = "TableBody";
+var se = l(B), V = ({ leftFixedColumns: e = [], normalColumns: t = [], rightFixedColumns: n = [], footerData: r = {}, summary: i, render: s, enableFixed: c = !0, totalColumnsWidth: l = 0, needSpacer: u = !1 }) => {
+	let d = m(() => A(e), [e]), f = m(() => A(t), [t]), p = m(() => A(n), [n]), h = m(() => [
+		...d,
+		...f,
+		...p
+	], [
+		d,
+		f,
+		p
+	]), g = (e) => {
+		let t = (e.dataIndex ? r?.[e.dataIndex] : void 0) ?? i?.[e.key], { renderFooter: n } = e, o = n && typeof n == "function" ? n(t, e) : s && typeof s == "function" ? s(t, e) : t, l = { textAlign: e.align || "left" }, u = "custom-table-footer-cell";
+		if (c && e.fixed) {
+			let t = N(j(e, h), h, e.fixed);
+			t && (l = {
+				...l,
+				...t
+			}, u += e.fixed === "left" ? " fixed-left" : " fixed-right");
+		}
+		return /* @__PURE__ */ a("td", {
+			className: u,
+			style: l,
+			children: /* @__PURE__ */ a("div", {
+				className: "cell-content",
+				children: o
+			})
+		}, e.key);
+	};
+	return /* @__PURE__ */ a("div", {
+		className: "custom-table-footer",
+		style: m(() => {
+			let e = { minWidth: l };
+			return c && (e.position = "sticky", e.bottom = 0, e.zIndex = 10), e;
+		}, [c, l]),
+		children: /* @__PURE__ */ o("table", {
+			style: {
+				tableLayout: "fixed",
+				minWidth: l
+			},
+			children: [/* @__PURE__ */ o("colgroup", { children: [h.map((e) => /* @__PURE__ */ a("col", { style: { width: e.width || D.DEFAULT_WIDTH } }, e.key)), u ? /* @__PURE__ */ a("col", {
+				className: "spacer-col",
+				style: { width: "auto" }
+			}) : null] }), /* @__PURE__ */ a("tfoot", { children: /* @__PURE__ */ o("tr", { children: [
+				d.map((e) => g(e)),
+				f.map((e) => g(e)),
+				p.map((e) => g(e)),
+				u ? /* @__PURE__ */ a("td", { className: "spacer-cell" }) : null
+			] }) })]
+		})
+	});
+};
+V.displayName = "TableFooter";
+var ce = l(V), H = [];
+function le(e, t, r) {
+	let i = y(e), a = y(t.estimateSize), o = t.rowHeight, s = t.minRowHeight || T.MIN_HEIGHT, c = t.maxRowHeight || T.MAX_HEIGHT, l = u((e) => {
+		let t = i.current ?? [], r = a.current;
+		if (typeof r == "function") return r(e, t[e]);
+		let l = t[e];
+		return l && typeof l.rowHeight == "number" ? n(l.rowHeight, s, c) : typeof o == "string" ? T.MIN_HEIGHT : n(typeof o == "function" ? o(e) : o || T.MIN_HEIGHT, s, c);
+	}, [
+		o,
+		s,
+		c,
+		a,
+		i
+	]), f = m(() => t.enabled === !0 ? !0 : t.enabled === !1 ? !1 : e.length > E.ENABLE_AUTO_SIZE, [t.enabled, e.length]), p = typeof o == "string", g = h(/* @__PURE__ */ new Map()), _ = h(null), v = m(() => {
+		if (e.length === 0) return null;
+		let t = e[0]?.uniqueId || e[0]?._id || e[0]?.id, n = e[e.length - 1]?.uniqueId || e[e.length - 1]?._id || e[e.length - 1]?.id;
+		return `${String(t)}-${String(n)}-${e.length}`;
+	}, [e]);
+	d(() => {
+		_.current !== null && _.current !== v && g.current.clear(), _.current = v;
+	}, [v]), d(() => {
+		let e = g.current;
+		return () => {
+			e.clear();
+		};
+	}, []);
+	let x = u((e) => {
+		let t = i.current ?? [];
+		return t[e]?.uniqueId || t[e]?._id || t[e]?.id || `table-row-${e}`;
+	}, [i]), S = C({
+		count: f ? e.length : 0,
+		getScrollElement: () => r.current,
+		estimateSize: l,
+		overscan: t.overscan ?? E.DEFAULT_OVERSCAN,
+		enabled: f,
+		measureElement: p ? (e) => {
+			let t = e.getAttribute("data-index");
+			if (!t) return T.MIN_HEIGHT;
+			let n = g.current, r = n.get(t);
+			if (r !== void 0) return r;
+			let i = e.getBoundingClientRect().height, a = Math.max(T.MIN_HEIGHT, i);
+			return n.set(t, a), a;
+		} : void 0,
+		getItemKey: x
+	}), w = f ? S.getTotalSize() : 0, D = f ? S.getVirtualItems() : H, O = f && D.length > 0 && D[0].start || 0, k = f && D.length > 0 ? w - (D[D.length - 1].end || 0) : 0, A = b(() => {
+		g.current.clear(), typeof S.measure == "function" && S.measure();
+	}), j = b((e) => {
+		if (e === void 0) {
+			g.current.clear();
+			return;
+		}
+		let t = Array.isArray(e) ? e : [e], n = g.current, r = i.current ?? [];
+		t.forEach((e) => {
+			if (typeof e == "number") n.delete(String(e));
+			else {
+				let t = r.findIndex((t) => t.uniqueId === e || t._id === e || t.id === e);
+				t !== -1 && n.delete(String(t));
+			}
+		});
+	});
+	return {
+		enabled: f,
+		virtualRows: D,
+		rowRefCallback: S.measureElement,
+		totalHeight: w,
+		paddingTop: O,
+		paddingBottom: k,
+		remeasure: A,
+		clearRowHeightCache: j,
+		isDynamicHeight: p
+	};
+}
+//#endregion
+//#region src/components/Table/hooks/useColumnResize.ts
+function ue(e = {}) {
+	let { minColumnWidth: t = D.MIN_WIDTH, maxColumnWidth: r = D.MAX_WIDTH, onColumnResize: i, onColumnResizeEnd: a } = e, [o, s] = g(null), c = y(o), l = y(i), u = y(a), d = b((e, t, n) => {
+		s({
+			columnKey: e,
+			startWidth: t,
+			startX: n
+		});
+	}), f = (e, i) => n(i.startWidth + e - i.startX, t, r);
+	return v("mousemove", (e) => {
+		let t = c.current;
+		t && l.current?.(e, t.columnKey, f(e.clientX, t));
+	}, {
+		target: document,
+		enable: !!o
+	}), v("mouseup", (e) => {
+		let t = c.current;
+		t && (u.current?.(t.columnKey, f(e.clientX, t)), s(null));
+	}, {
+		target: document,
+		enable: !!o
+	}), {
+		isResizing: !!o,
+		resizingColumn: o?.columnKey,
+		startResize: d
+	};
+}
+//#endregion
+//#region src/components/Table/style/resolveTableThemeVars.ts
+var de = (e) => {
+	if (!e) return {};
+	let n = {};
+	return t(n, "--bsy-table-color-border", e.colorBorder), t(n, "--bsy-table-color-bg-header", e.colorBgHeader), t(n, "--bsy-table-color-bg-container", e.colorBgContainer), t(n, "--bsy-table-color-text", e.colorText), t(n, "--bsy-table-color-text-heading", e.colorTextHeading), t(n, "--bsy-table-color-bg-row-hover", e.colorBgRowHover), n;
+}, fe = [], pe = {
+	left: !0,
+	right: !0
+}, me = {
+	low: {
+		className: "bsy-row-height-low",
+		height: 34
+	},
+	middle: {
+		className: "bsy-row-height-middle",
+		height: 68
+	},
+	high: {
+		className: "bsy-row-height-high",
+		height: 106
+	},
+	auto: {
+		className: "bsy-row-height-auto",
+		height: "auto"
+	}
+}, he = c(({ columns: t = [], dataSource: n = [], rowKey: r = "id", height: c, bordered: l = !0, emptyText: u, onRowClick: _, scroll: v, footerData: y, footerSummary: C, renderFooter: T, hasFooter: O = !1, onRow: k, onCell: j, rowHeightStyle: M = "low", resizable: N = !0, disabledResizeColumns: ee = fe, minColumnWidth: te, maxColumnWidth: F, onColumnResize: re, onColumnResizeEnd: ie, renderBody: I, estimateSize: oe, virtualEnabled: L, dataProcessor: R, headerRowSpan: z, fixedShadowMask: B = pe, onRenderEmpty: V, overlayScrollbarOptions: H, wrapperStyle: he, theme: ge }, _e) => {
+	let { t: ve } = e(), ye = m(() => de(ge), [ge]), U = h(null), be = h(null), W = h(null), G = h(/* @__PURE__ */ new Map()), K = x(U), xe = K?.width ?? 0, Se = K?.height ?? 0, [Ce, we] = g(0), [Te, Ee] = g(!1), [De, Oe] = g({
+		left: 0,
+		top: 0
+	}), [ke, Ae] = g(w.HEADER_HEIGHT), q = m(() => A(t), [t]);
+	d(() => {
+		q.forEach((e) => {
+			G.current.set(e.key, e.width || D.DEFAULT_WIDTH);
+		});
+	}, [q]);
+	let je = b((e) => G.current.get(e.key) || e.width || D.DEFAULT_WIDTH), Me = b((e) => {
+		let t = q.findIndex((t) => t.key === e);
+		if (t === -1) return 0;
+		let n = q[t], r = i(q.slice(0, t + 1), (e) => je(e));
+		return n.fixed === "left" ? r : r - (U.current?.scrollLeft || 0);
+	}), Ne = b((e) => {
+		W.current && (W.current.style.display = "block", W.current.style.left = `${Me(e)}px`);
+	}), { isResizing: Pe, resizingColumn: Fe, startResize: Ie } = ue({
+		minColumnWidth: te || D.MIN_WIDTH,
+		maxColumnWidth: F || D.MAX_WIDTH,
+		onColumnResizeEnd: b((e, t) => {
+			G.current.set(e, t), ie?.(e, t, G.current), W.current && (W.current.style.display = "none");
+		}),
+		onColumnResize: b((e, t, n) => {
+			G.current.set(t, n), re?.(t, n, G.current), Ne(t);
+		})
+	}), Le = b((e, t, n) => {
+		Ne(e), Ie(e, t, n);
+	}), { className: Re, height: J } = me[M] || me.auto, { virtualRows: ze, totalHeight: Be, paddingTop: Ve, paddingBottom: He, remeasure: Y, rowRefCallback: Ue, isDynamicHeight: We, clearRowHeightCache: Ge, enabled: Ke } = le(n, m(() => ({
+		rowHeight: J,
+		overscan: E.DEFAULT_OVERSCAN,
+		estimateSize: oe,
+		...L === void 0 ? {} : { enabled: L }
+	}), [
+		J,
+		oe,
+		L
+	]), U);
+	f(_e, () => ({
+		clearRowHeightCache: Ge,
+		remeasure: Y
+	}), [Ge, Y]);
+	let qe = u || ve(w.EMPTY_TEXT_KEY);
+	d(() => {
+		Y?.();
+	}, [J, Y]);
+	let { leftFixedColumns: X, normalColumns: Je, rightFixedColumns: Z } = m(() => ne(t), [t]), Ye = m(() => P(X), [X]), Xe = m(() => P(Z), [Z]), { totalColumnsWidth: Q, needSpacer: $ } = m(() => {
+		let e = P(t);
+		return {
+			totalColumnsWidth: e,
+			needSpacer: e < xe
+		};
+	}, [t, xe]), [Ze] = S({ options: {
+		overflow: {
+			x: H?.overflowX ?? "scroll",
+			y: H?.overflowY ?? "scroll"
+		},
+		scrollbars: {
+			theme: H?.theme ?? "os-theme-bsy",
+			autoHide: H?.autoHide ?? "move",
+			autoHideDelay: 400
+		}
+	} });
+	p(() => {
+		if (!U.current) return;
+		let e = U.current, t = e.parentElement;
+		t && Ze({
+			target: t,
+			elements: { viewport: e }
+		});
+	}, [Ze]);
+	let Qe = m(() => {
+		let e = Ke ? ze.map((e) => {
+			let t = n[e.index];
+			return t && {
+				...t,
+				dataIndex: e.index
+			};
+		}) : n.map((e, t) => ({
+			...e,
+			dataIndex: t
+		}));
+		return R ? R(e) : e;
+	}, [
+		Ke,
+		ze,
+		n,
+		R
+	]), $e = m(() => {
+		let e = {};
+		return l ? e.border = "1px solid #e0e0e0" : e.border = "none", (c || v?.y) && (e.maxHeight = c || v?.y), e;
+	}, [
+		l,
+		c,
+		v
+	]);
+	p(() => {
+		let e = U.current;
+		e && (we(e.clientHeight), Oe({
+			left: e.offsetLeft,
+			top: e.offsetTop
+		}), Ae(be.current?.clientHeight || w.HEADER_HEIGHT), Ee(e.scrollHeight > e.clientHeight));
+	}, [
+		K?.width,
+		K?.height,
+		n.length,
+		O,
+		z
+	]);
+	let et = m(() => {
+		if (!Se || !Ce) return;
+		let e = l ? 2 : 0, t = Ce - ke - (O ? w.HEADER_HEIGHT : 0) - e;
+		return Math.max(0, t);
+	}, [
+		Se,
+		Ce,
+		ke,
+		O,
+		l
+	]), tt = !!(c || v?.y), nt, rt, it = !0;
+	if (!I && n.length === 0 && typeof V == "function") {
+		let e = V();
+		s.isValidElement(e) && e.type === "tr" ? nt = e : e && (rt = e, it = !1);
+	}
+	return /* @__PURE__ */ o("div", {
+		className: `custom-table ${Te ? "has-y-scroll" : ""}`,
+		style: {
+			position: "relative",
+			height: "100%",
+			...ye
+		},
+		"data-overlayscrollbars-initialize": "",
+		children: [
+			/* @__PURE__ */ o("div", {
+				ref: U,
+				className: `custom-table-wrapper ${Pe ? "resizing" : ""} ${Re} os-enabled`,
+				style: {
+					...$e,
+					...he
+				},
+				children: [
+					/* @__PURE__ */ a(ae, {
+						ref: be,
+						columns: t,
+						enableFixed: tt,
+						height: w.HEADER_HEIGHT,
+						resizingColumn: Fe,
+						onResizeStart: N ? Le : void 0,
+						disabledResizeColumns: ee,
+						totalColumnsWidth: Q,
+						needSpacer: $,
+						headerRowSpan: z
+					}),
+					/* @__PURE__ */ a("div", {
+						className: "custom-table-body-wrapper",
+						style: { position: "relative" },
+						children: /* @__PURE__ */ a("div", {
+							style: {
+								minHeight: et,
+								height: Be,
+								paddingBottom: He > 0 ? `${He}px` : void 0,
+								paddingTop: Ve > 0 ? `${Ve}px` : void 0,
+								position: "relative"
+							},
+							children: I ? I({
+								columns: t,
+								flatColumns: q,
+								leftFixedColumns: X,
+								normalColumns: Je,
+								rightFixedColumns: Z,
+								totalColumnsWidth: Q,
+								needSpacer: $,
+								rowRefCallback: Ue,
+								isDynamicHeight: We,
+								rowHeight: J,
+								onRowClick: _,
+								scrollRef: U,
+								virtualRows: ze,
+								virtualEnabled: Ke
+							}) : /* @__PURE__ */ a(se, {
+								leftFixedColumns: X,
+								normalColumns: Je,
+								rightFixedColumns: Z,
+								dataSource: Qe,
+								rowKey: r,
+								rowHeight: J,
+								emptyText: qe,
+								emptyRowContent: nt,
+								showEmptyRow: it,
+								onRowClick: _,
+								onRow: k,
+								onCell: j,
+								totalColumnsWidth: Q,
+								needSpacer: $,
+								rowRefCallback: Ue,
+								isDynamicHeight: We
+							})
+						})
+					}),
+					O && (y || C || T) ? /* @__PURE__ */ a(ce, {
+						leftFixedColumns: X,
+						normalColumns: Je,
+						rightFixedColumns: Z,
+						footerData: y,
+						summary: C,
+						render: T,
+						enableFixed: tt,
+						totalColumnsWidth: Q,
+						needSpacer: $
+					}) : null
+				]
+			}),
+			rt ? /* @__PURE__ */ a("div", {
+				className: "custom-table-empty-overlay",
+				style: {
+					height: et,
+					left: De.left,
+					top: De.top + ke + (l ? 1 : 0),
+					width: xe || void 0
+				},
+				children: /* @__PURE__ */ a("div", {
+					className: "custom-table-empty-overlay-inner",
+					children: rt
+				})
+			}) : null,
+			N ? /* @__PURE__ */ a("div", {
+				className: "custom-table-resize-handle",
+				ref: W
+			}) : null,
+			B.left !== !1 && Ye > 0 ? /* @__PURE__ */ a("div", {
+				className: "fixed-shadow-mask left",
+				style: { width: Ye }
+			}) : null,
+			!$ && B.right !== !1 && Xe > 0 ? /* @__PURE__ */ a("div", {
+				className: "fixed-shadow-mask right",
+				style: { width: Xe }
+			}) : null
+		]
+	});
+});
+he.displayName = "Table";
+var ge = s.memo(he);
+//#endregion
+export { k as _, se as a, R as c, P as d, te as f, w as g, D as h, le as i, M as l, ne as m, de as n, L as o, ee as p, ue as r, oe as s, ge as t, A as u };