@baishuyun/ui-base 6.4.1 → 6.5.0

package/dist/Table/Table-3-kFIm5v.js

@@ -1,543 +0,0 @@
-import { t as e } from "../vendors/useLocale-BTz4slNW.js";
-import { n as t, o as n, t as r } from "./constants-CKqc9Os_.js";
-import { c as i, f as a, i as o, l as s, o as c, r as l, s as u, t as d, u as f } from "./processRowspan-BCzfI5un.js";
-import { n as p, t as m } from "./hooks-CJ2CnSep.js";
-import { sumBy as h } from "lodash-es";
-import { jsx as g, jsxs as _ } from "react/jsx-runtime";
-import v, { forwardRef as y, memo as b, useCallback as x, useEffect as S, useImperativeHandle as ee, useLayoutEffect as C, useMemo as w, useRef as T, useState as E } from "react";
-import D from "clsx";
-import { useMemoizedFn as O, useSize as te } from "ahooks";
-import { useOverlayScrollbars as k } from "overlayscrollbars-react";
-//#region src/components/Table/components/HeaderCell.tsx
-var A = b(({ column: e, style: t = {}, className: n = "", onResizeStart: i, isResizing: a = !1, resizable: o = !0, colSpan: s = 1, rowSpan: c = 1 }) => {
-	let l = T(null), u = x((e) => {
-		l.current?.triggerClick?.(e);
-	}, []), d = x((t) => {
-		if (!o || !i) 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 }), i(e.key, e.width || r.DEFAULT_WIDTH, t.clientX);
-	}, [
-		e.key,
-		e.width,
-		o,
-		i
-	]), f = typeof e.header == "function" ? e.header(e, { menuRef: l }) : e.title;
-	return /* @__PURE__ */ _("th", {
-		className: `custom-table-header-cell ${n} `,
-		style: t,
-		colSpan: s > 1 ? s : void 0,
-		rowSpan: c > 1 ? c : void 0,
-		onClick: u,
-		children: [/* @__PURE__ */ g("div", {
-			className: "header-cell-content",
-			children: f
-		}), o ? /* @__PURE__ */ g("div", {
-			className: `resize-handle ${a ? "resizing" : ""}`,
-			onMouseDown: d
-		}) : null]
-	});
-});
-A.displayName = "HeaderCell";
-//#endregion
-//#region src/components/Table/components/TableHeader.tsx
-var j = y(({ columns: e = [], enableFixed: n = !1, height: i = t.HEADER_HEIGHT, resizingColumn: a = null, onResizeStart: c, disabledResizeColumns: l = [], totalColumnsWidth: d = 0, needSpacer: f = !1, headerRowSpan: p = 1 }, m) => {
-	let h = w(() => e.some((e) => e.children && e.children.length > 0), [e]), { flatColumns: v, headerRows: y } = w(() => {
-		if (h) return o(e);
-		let t = Math.max(1, p || 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,
-		h,
-		p
-	]), b = (e) => {
-		let t = u(e, v), n = e.align || "left", r = l.includes(e.key), i = {
-			textAlign: n,
-			...s(t, v, e.fixed)
-		}, o = `custom-table-header-cell ${e.className || ""}`.trim();
-		return e.fixed === "left" && (o += " fixed-left"), e.fixed === "right" && (o += " fixed-right"), t === 0 && (o += " first"), t === v.length - 1 && (o += " last"), /* @__PURE__ */ g(A, {
-			column: {
-				...e,
-				index: t
-			},
-			style: i,
-			className: o,
-			onResizeStart: c,
-			isResizing: a === e.key,
-			resizable: !e.children && !r,
-			colSpan: e.colSpan,
-			rowSpan: e.rowSpan
-		}, e.key);
-	};
-	return /* @__PURE__ */ g("div", {
-		ref: m,
-		className: "custom-table-header",
-		style: w(() => {
-			let e = { minWidth: d };
-			return n && (e.position = "sticky", e.top = 0, e.zIndex = 11), e;
-		}, [n, d]),
-		children: /* @__PURE__ */ _("table", {
-			style: {
-				tableLayout: "fixed",
-				minWidth: d
-			},
-			children: [/* @__PURE__ */ _("colgroup", { children: [v.map((e) => /* @__PURE__ */ g("col", { style: { width: e.width || r.DEFAULT_WIDTH } }, e.key)), f ? /* @__PURE__ */ g("col", {
-				className: "spacer-col",
-				style: { width: "auto" }
-			}) : null] }), /* @__PURE__ */ g("thead", { children: y.map((e, t) => e.length === 0 ? /* @__PURE__ */ g("tr", { style: { height: i } }, t) : /* @__PURE__ */ _("tr", {
-				style: { height: h || p > 1 ? i : "auto" },
-				children: [e.map((e) => b(e)), f && t === 0 ? /* @__PURE__ */ g("th", {
-					className: "custom-table-header-cell",
-					rowSpan: y.length
-				}) : null]
-			}, t)) })]
-		})
-	});
-});
-j.displayName = "TableHeader";
-var M = b(j), N = (e, t, n) => {
-	let r = u(e, t), i = e.align || "left", a = s(r, t, n);
-	return {
-		column: e,
-		className: D("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
-		}
-	};
-}, P = ({ leftFixedColumns: e = [], normalColumns: n = [], rightFixedColumns: i = [], dataSource: a = [], rowKey: o = "id", rowHeight: s = t.ROW_HEIGHT, emptyText: u, onRowClick: p, onRow: m, onCell: h, totalColumnsWidth: v = 0, needSpacer: y = !1, rowRefCallback: b, isDynamicHeight: S = !1, emptyRowContent: ee, showEmptyRow: C = !0, startVirtualIndex: T, hideWhenEmpty: E = !1, wrapperClassName: O, forceRowHeight: te = !1 }) => {
-	let k = w(() => c(e), [e]), A = w(() => c(n), [n]), j = w(() => c(i), [i]), M = w(() => [
-		...k,
-		...A,
-		...j
-	], [
-		k,
-		A,
-		j
-	]), P = w(() => {
-		let e = k.map((e) => N(e, M, "left")), t = A.map((e) => N(e, M, void 0)), n = j.map((e) => N(e, M, "right"));
-		return [
-			...e,
-			...t,
-			...n
-		];
-	}, [
-		M,
-		k,
-		A,
-		j
-	]), F = x((e) => {
-		e && b && b(e);
-	}, [b]), I = (e, t, n) => {
-		let { column: r, className: i, style: a } = e;
-		if (!l(t, r)) return null;
-		let o = d(t, r), s = r.dataIndex ? t[r.dataIndex] : void 0, c = r.render && typeof r.render == "function" ? r.render(s, t, n) : s, u = {
-			className: i,
-			style: a
-		};
-		return h && typeof h == "function" && (u = h(s, t, r, n, {
-			className: i,
-			style: a
-		}) || {}), /* @__PURE__ */ g("td", {
-			className: `${i} ${u.className || ""}`.trim(),
-			style: { ...a },
-			rowSpan: o > 1 ? o : void 0,
-			...u,
-			children: /* @__PURE__ */ g("div", {
-				className: D("cell-content", r.align),
-				children: c
-			})
-		}, r.key);
-	};
-	if (E && a.length === 0) return null;
-	let ne = () => ee ?? /* @__PURE__ */ g("tr", {
-		className: "custom-table-empty-row",
-		children: /* @__PURE__ */ g("td", {
-			colSpan: M.length + (y ? 1 : 0),
-			style: {
-				textAlign: "center",
-				padding: "20px",
-				color: "#999"
-			},
-			children: u
-		})
-	}), re = te || !S;
-	return /* @__PURE__ */ g("div", {
-		className: D("custom-table-body", O),
-		style: { minWidth: v },
-		children: /* @__PURE__ */ _("table", {
-			style: {
-				tableLayout: "fixed",
-				minWidth: v
-			},
-			children: [/* @__PURE__ */ _("colgroup", { children: [M.map((e) => /* @__PURE__ */ g("col", { style: { width: e.width || r.DEFAULT_WIDTH } }, e.key)), y ? /* @__PURE__ */ g("col", {
-				className: "spacer-col",
-				style: { width: "auto" }
-			}) : null] }), /* @__PURE__ */ g("tbody", { children: a.length === 0 ? C ? ne() : null : a.map((e, t) => {
-				let n = {};
-				if (m && typeof m == "function") {
-					let r = m(e, t, {
-						className: "",
-						style: {}
-					}) || {};
-					n = {
-						className: r.className,
-						style: r.style,
-						...r
-					};
-				}
-				let r = typeof T == "number" ? T + t : typeof e.dataIndex == "number" ? e.dataIndex : t;
-				return /* @__PURE__ */ _("tr", {
-					ref: S ? F : void 0,
-					style: {
-						height: re ? s : "auto",
-						...n.style
-					},
-					className: D("custom-table-row", n.className),
-					onClick: (n) => p?.(e, t, n),
-					"data-index": S ? r : void 0,
-					...n,
-					children: [P.map((n) => I(n, e, t)), y ? /* @__PURE__ */ g("td", { className: "spacer-cell" }) : null]
-				}, f(e, o, t));
-			}) })]
-		})
-	});
-};
-P.displayName = "TableBody";
-var F = b(P), I = ({ leftFixedColumns: e = [], normalColumns: t = [], rightFixedColumns: n = [], footerData: i = {}, summary: a, render: o, enableFixed: l = !0, totalColumnsWidth: d = 0, needSpacer: f = !1 }) => {
-	let p = w(() => c(e), [e]), m = w(() => c(t), [t]), h = w(() => c(n), [n]), v = w(() => [
-		...p,
-		...m,
-		...h
-	], [
-		p,
-		m,
-		h
-	]), y = (e) => {
-		let t = (e.dataIndex ? i?.[e.dataIndex] : void 0) ?? a?.[e.key], { renderFooter: n } = e, r = n && typeof n == "function" ? n(t, e) : o && typeof o == "function" ? o(t, e) : t, c = { textAlign: e.align || "left" }, d = "custom-table-footer-cell";
-		if (l && e.fixed) {
-			let t = s(u(e, v), v, e.fixed);
-			t && (c = {
-				...c,
-				...t
-			}, d += e.fixed === "left" ? " fixed-left" : " fixed-right");
-		}
-		return /* @__PURE__ */ g("td", {
-			className: d,
-			style: c,
-			children: /* @__PURE__ */ g("div", {
-				className: "cell-content",
-				children: r
-			})
-		}, e.key);
-	};
-	return /* @__PURE__ */ g("div", {
-		className: "custom-table-footer",
-		style: w(() => {
-			let e = { minWidth: d };
-			return l && (e.position = "sticky", e.bottom = 0, e.zIndex = 10), e;
-		}, [l, d]),
-		children: /* @__PURE__ */ _("table", {
-			style: {
-				tableLayout: "fixed",
-				minWidth: d
-			},
-			children: [/* @__PURE__ */ _("colgroup", { children: [v.map((e) => /* @__PURE__ */ g("col", { style: { width: e.width || r.DEFAULT_WIDTH } }, e.key)), f ? /* @__PURE__ */ g("col", {
-				className: "spacer-col",
-				style: { width: "auto" }
-			}) : null] }), /* @__PURE__ */ g("tfoot", { children: /* @__PURE__ */ _("tr", { children: [
-				p.map((e) => y(e)),
-				m.map((e) => y(e)),
-				h.map((e) => y(e)),
-				f ? /* @__PURE__ */ g("td", { className: "spacer-cell" }) : null
-			] }) })]
-		})
-	});
-};
-I.displayName = "TableFooter";
-var ne = b(I), re = [], ie = {
-	left: !0,
-	right: !0
-}, ae = {
-	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"
-	}
-}, L = y(({ columns: o = [], dataSource: s = [], rowKey: l = "id", height: u, bordered: d = !0, emptyText: f, onRowClick: y, scroll: b, footerData: x, footerSummary: D, renderFooter: A, hasFooter: j = !1, onRow: N, onCell: P, rowHeightStyle: I = "low", resizable: L = !0, disabledResizeColumns: oe = re, minColumnWidth: se, maxColumnWidth: ce, onColumnResize: le, onColumnResizeEnd: ue, renderBody: de, estimateSize: fe, virtualEnabled: R, dataProcessor: z, headerRowSpan: pe, fixedShadowMask: me = ie, onRenderEmpty: he, overlayScrollbarOptions: B, wrapperStyle: ge }, _e) => {
-	let { t: ve } = e(), V = T(null), ye = T(null), H = T(null), U = T(/* @__PURE__ */ new Map()), W = te(V), G = W?.width ?? 0, be = W?.height ?? 0, [xe, Se] = E(0), [Ce, we] = E(!1), [Te, Ee] = E({
-		left: 0,
-		top: 0
-	}), [De, Oe] = E(t.HEADER_HEIGHT), K = w(() => c(o), [o]);
-	S(() => {
-		K.forEach((e) => {
-			U.current.set(e.key, e.width || r.DEFAULT_WIDTH);
-		});
-	}, [K]);
-	let ke = O((e) => U.current.get(e.key) || e.width || r.DEFAULT_WIDTH), Ae = O((e) => {
-		let t = K.findIndex((t) => t.key === e);
-		if (t === -1) return 0;
-		let n = K[t], r = h(K.slice(0, t + 1), (e) => ke(e));
-		return n.fixed === "left" ? r : r - (V.current?.scrollLeft || 0);
-	}), je = O((e) => {
-		H.current && (H.current.style.display = "block", H.current.style.left = `${Ae(e)}px`);
-	}), { isResizing: Me, resizingColumn: Ne, startResize: Pe } = m({
-		minColumnWidth: se || r.MIN_WIDTH,
-		maxColumnWidth: ce || r.MAX_WIDTH,
-		onColumnResizeEnd: O((e, t) => {
-			U.current.set(e, t), ue?.(e, t, U.current), H.current && (H.current.style.display = "none");
-		}),
-		onColumnResize: O((e, t, n) => {
-			U.current.set(t, n), le?.(t, n, U.current), je(t);
-		})
-	}), Fe = O((e, t, n) => {
-		je(e), Pe(e, t, n);
-	}), { className: Ie, height: q } = ae[I] || ae.auto, { virtualRows: Le, totalHeight: Re, paddingTop: ze, paddingBottom: Be, remeasure: J, rowRefCallback: Ve, isDynamicHeight: He, clearRowHeightCache: Ue, enabled: We } = p(s, w(() => ({
-		rowHeight: q,
-		overscan: n.DEFAULT_OVERSCAN,
-		estimateSize: fe,
-		...R === void 0 ? {} : { enabled: R }
-	}), [
-		q,
-		fe,
-		R
-	]), V);
-	ee(_e, () => ({
-		clearRowHeightCache: Ue,
-		remeasure: J
-	}), [Ue, J]);
-	let Ge = f || ve(t.EMPTY_TEXT_KEY);
-	S(() => {
-		J?.();
-	}, [q, J]);
-	let { leftFixedColumns: Y, normalColumns: Ke, rightFixedColumns: X } = w(() => a(o), [o]), qe = w(() => i(Y), [Y]), Je = w(() => i(X), [X]), { totalColumnsWidth: Z, needSpacer: Q } = w(() => {
-		let e = i(o);
-		return {
-			totalColumnsWidth: e,
-			needSpacer: e < G
-		};
-	}, [o, G]), [Ye] = k({ options: {
-		overflow: {
-			x: B?.overflowX ?? "scroll",
-			y: B?.overflowY ?? "scroll"
-		},
-		scrollbars: {
-			theme: B?.theme ?? "os-theme-bsy",
-			autoHide: B?.autoHide ?? "move",
-			autoHideDelay: 400
-		}
-	} });
-	C(() => {
-		if (!V.current) return;
-		let e = V.current, t = e.parentElement;
-		t && Ye({
-			target: t,
-			elements: { viewport: e }
-		});
-	}, [Ye]);
-	let Xe = w(() => {
-		let e = We ? Le.map((e) => {
-			let t = s[e.index];
-			return t && {
-				...t,
-				dataIndex: e.index
-			};
-		}) : s.map((e, t) => ({
-			...e,
-			dataIndex: t
-		}));
-		return z ? z(e) : e;
-	}, [
-		We,
-		Le,
-		s,
-		z
-	]), Ze = w(() => {
-		let e = {};
-		return d ? e.border = "1px solid #e0e0e0" : e.border = "none", (u || b?.y) && (e.maxHeight = u || b?.y), e;
-	}, [
-		d,
-		u,
-		b
-	]);
-	C(() => {
-		let e = V.current;
-		e && (Se(e.clientHeight), Ee({
-			left: e.offsetLeft,
-			top: e.offsetTop
-		}), Oe(ye.current?.clientHeight || t.HEADER_HEIGHT), we(e.scrollHeight > e.clientHeight));
-	}, [
-		W?.width,
-		W?.height,
-		s.length,
-		j,
-		pe
-	]);
-	let Qe = w(() => {
-		if (!be || !xe) return;
-		let e = d ? 2 : 0, n = xe - De - (j ? t.HEADER_HEIGHT : 0) - e;
-		return Math.max(0, n);
-	}, [
-		be,
-		xe,
-		De,
-		j,
-		d
-	]), $e = !!(u || b?.y), et, $, tt = !0;
-	if (!de && s.length === 0 && typeof he == "function") {
-		let e = he();
-		v.isValidElement(e) && e.type === "tr" ? et = e : e && ($ = e, tt = !1);
-	}
-	return /* @__PURE__ */ _("div", {
-		className: `custom-table ${Ce ? "has-y-scroll" : ""}`,
-		style: {
-			position: "relative",
-			height: "100%"
-		},
-		"data-overlayscrollbars-initialize": "",
-		children: [
-			/* @__PURE__ */ _("div", {
-				ref: V,
-				className: `custom-table-wrapper ${Me ? "resizing" : ""} ${Ie} os-enabled`,
-				style: {
-					...Ze,
-					...ge
-				},
-				children: [
-					/* @__PURE__ */ g(M, {
-						ref: ye,
-						columns: o,
-						enableFixed: $e,
-						height: t.HEADER_HEIGHT,
-						resizingColumn: Ne,
-						onResizeStart: L ? Fe : void 0,
-						disabledResizeColumns: oe,
-						totalColumnsWidth: Z,
-						needSpacer: Q,
-						headerRowSpan: pe
-					}),
-					/* @__PURE__ */ g("div", {
-						className: "custom-table-body-wrapper",
-						style: { position: "relative" },
-						children: /* @__PURE__ */ g("div", {
-							style: {
-								minHeight: Qe,
-								height: Re,
-								paddingBottom: Be > 0 ? `${Be}px` : void 0,
-								paddingTop: ze > 0 ? `${ze}px` : void 0,
-								position: "relative"
-							},
-							children: de ? de({
-								columns: o,
-								flatColumns: K,
-								leftFixedColumns: Y,
-								normalColumns: Ke,
-								rightFixedColumns: X,
-								totalColumnsWidth: Z,
-								needSpacer: Q,
-								rowRefCallback: Ve,
-								isDynamicHeight: He,
-								rowHeight: q,
-								onRowClick: y,
-								scrollRef: V,
-								virtualRows: Le,
-								virtualEnabled: We
-							}) : /* @__PURE__ */ g(F, {
-								leftFixedColumns: Y,
-								normalColumns: Ke,
-								rightFixedColumns: X,
-								dataSource: Xe,
-								rowKey: l,
-								rowHeight: q,
-								emptyText: Ge,
-								emptyRowContent: et,
-								showEmptyRow: tt,
-								onRowClick: y,
-								onRow: N,
-								onCell: P,
-								totalColumnsWidth: Z,
-								needSpacer: Q,
-								rowRefCallback: Ve,
-								isDynamicHeight: He
-							})
-						})
-					}),
-					j && (x || D || A) ? /* @__PURE__ */ g(ne, {
-						leftFixedColumns: Y,
-						normalColumns: Ke,
-						rightFixedColumns: X,
-						footerData: x,
-						summary: D,
-						render: A,
-						enableFixed: $e,
-						totalColumnsWidth: Z,
-						needSpacer: Q
-					}) : null
-				]
-			}),
-			$ ? /* @__PURE__ */ g("div", {
-				className: "custom-table-empty-overlay",
-				style: {
-					height: Qe,
-					left: Te.left,
-					top: Te.top + De + (d ? 1 : 0),
-					width: G || void 0
-				},
-				children: /* @__PURE__ */ g("div", {
-					className: "custom-table-empty-overlay-inner",
-					children: $
-				})
-			}) : null,
-			L ? /* @__PURE__ */ g("div", {
-				className: "custom-table-resize-handle",
-				ref: H
-			}) : null,
-			me.left !== !1 && qe > 0 ? /* @__PURE__ */ g("div", {
-				className: "fixed-shadow-mask left",
-				style: { width: qe }
-			}) : null,
-			!Q && me.right !== !1 && Je > 0 ? /* @__PURE__ */ g("div", {
-				className: "fixed-shadow-mask right",
-				style: { width: Je }
-			}) : null
-		]
-	});
-});
-L.displayName = "Table";
-var oe = v.memo(L);
-//#endregion
-export { F as n, oe as t };