@baishuyun/ui-base 6.3.2 → 6.4.0

package/dist/Gantt/index.js

@@ -0,0 +1,374 @@
+import "../Icon/Icon-BQ3Whub2.js";
+import "../vendors/LocaleContext-BJdHS0sH.js";
+import "../vendors/useLocale-BTz4slNW.js";
+import "../Tooltip/Tooltip-DW_XP13m.js";
+import "../Select/SelectInputSearch-DXPTGSc2.js";
+import "../NotFoundContent/NotFoundContent-7xV-zOG2.js";
+import "../vendors/useFloatingPortal-DsEtsAGW.js";
+import "../DropDown/DropDown-C5H9UObs.js";
+import "../Table/processRowspan-BCzfI5un.js";
+import "../Table/Table-DVTq4n2V.js";
+import "../Table/hooks-CJ2CnSep.js";
+import { a as e, c as t, i as n, l as r, o as i, s as a } from "./constants-_vMvDXFh.js";
+import { r as o } from "./columnResize-By_1E48E.js";
+import { t as s } from "./GanttTable-DSTq5XmX.js";
+import { t as c } from "./GanttHighlightContext-AIpN3-af.js";
+import { n as l, t as u } from "./highlightTarget-DmzCIiQb.js";
+import { c as d, o as f, r as p, s as m } from "./timelineViewConfig-DshzoBp7.js";
+import { n as h, r as g, t as _ } from "./collapseKeys-BWMH5k37.js";
+import { t as v } from "./GanttChart-DpmbH0GI.js";
+import "./GanttToolBar-fCAi-4zZ.js";
+import { jsx as y, jsxs as b } from "react/jsx-runtime";
+import { forwardRef as x, useCallback as S, useEffect as C, useMemo as w, useRef as T, useState as E } from "react";
+import D from "clsx";
+import { useEventListener as O, useSize as k } from "ahooks";
+import { useContextSelector as A } from "use-context-selector";
+//#region src/components/Gantt/GanttResizeIndicator.tsx
+var j = ({ tableWidth: e, onWidthChange: t, onResizeEnd: n, containerRef: r }) => {
+	let [i, a] = E(!1), [o, s] = E(!1), c = T(0), l = T(0), u = T(e);
+	C(() => {
+		u.current = e;
+	}, [e]);
+	let d = i || o, f = S((e) => {
+		s(!0), c.current = e.clientX, l.current = u.current, e.preventDefault();
+	}, []), p = S((e) => {
+		if (!o) return;
+		let n = e.clientX - c.current, i = l.current + n, a = (r.current?.offsetWidth || 1e3) - 300;
+		i < 200 ? i = 200 : i > a && (i = a), t(i);
+	}, [
+		o,
+		r,
+		t
+	]), m = S(() => {
+		o && (s(!1), n?.(u.current));
+	}, [o, n]);
+	return O("mousemove", p, { target: () => document }), O("mouseup", m, { target: () => document }), /* @__PURE__ */ y("div", {
+		className: "bsy-gantt-resize-indicator",
+		style: { left: `${e}px` },
+		onMouseEnter: () => a(!0),
+		onMouseLeave: () => a(!1),
+		onMouseDown: f,
+		children: d ? /* @__PURE__ */ y("div", { className: "bsy-gantt-resize-indicator__bar" }) : null
+	});
+}, M = Object.freeze({ source: "table" });
+function N() {
+	let e = T(null), t = T(void 0), n = T(/* @__PURE__ */ new Set()), r = T(!1), i = T(null), a = S(() => e.current, []), o = S((r) => (n.current.add(r), r(e.current, { source: t.current }), () => {
+		n.current.delete(r);
+	}), []), s = S((e, t) => {
+		let r = t === "table" ? M : { source: t };
+		n.current.forEach((t) => t(e, r));
+	}, []), c = S(() => {
+		e.current !== null && (e.current = null, t.current = void 0, s(null, void 0));
+	}, [s]), u = S(() => {
+		r.current || (r.current = !0, c()), i.current && clearTimeout(i.current), i.current = setTimeout(() => {
+			r.current = !1, i.current = null;
+		}, 150);
+	}, [c]), d = S((n, i) => {
+		if (r.current) return;
+		let a = i?.source;
+		l(e.current, n) && (a !== "table" || t.current === "table") || (e.current = n, t.current = a, s(n, a));
+	}, [s]), f = S((e) => {
+		d(e, M);
+	}, [d]), p = S(() => r.current, []);
+	return C(() => () => {
+		i.current && clearTimeout(i.current);
+	}, []), {
+		highlightContextValue: w(() => ({
+			getHighlightTarget: a,
+			setHighlightTarget: d,
+			setTableHighlightTarget: f,
+			subscribeHighlight: o,
+			notifyScrollActivity: u,
+			getIsScrollActive: p
+		}), [
+			a,
+			d,
+			f,
+			o,
+			u,
+			p
+		]),
+		setHighlightTarget: d,
+		setTableHighlightTarget: f,
+		notifyScrollActivity: u
+	};
+}
+//#endregion
+//#region src/components/Gantt/utils/tableWidthStorage.ts
+function P(e) {
+	return `gantt_view_${e}`;
+}
+function F(e) {
+	if (!e) return null;
+	try {
+		let t = localStorage.getItem(P(e));
+		if (t === null || t === "") return null;
+		let n = parseInt(t, 10);
+		return Number.isNaN(n) ? null : n;
+	} catch {
+		return null;
+	}
+}
+function I(e, t) {
+	if (!(!e || !Number.isFinite(t))) try {
+		localStorage.setItem(P(e), String(Math.round(t)));
+	} catch {}
+}
+//#endregion
+//#region src/components/Gantt/hooks/useGanttLayout.ts
+var L = (e) => e > 0 ? e / 3 : 333, R = (e, t) => {
+	if (!t) return e;
+	let n = Math.max(200, t - 300);
+	return Math.min(Math.max(e, 200), n);
+};
+function z({ id: e } = {}) {
+	let t = T(null), n = k(t), [r, i] = E(300), a = T(!1), o = n?.width || t.current?.offsetWidth || 0;
+	return C(() => {
+		!o || a.current || (i(R((e ? F(e) : null) ?? L(o), o)), a.current = !0);
+	}, [o, e]), C(() => {
+		a.current = !1;
+	}, [e]), {
+		containerRef: t,
+		resolvedTableWidth: w(() => o ? R(r, o) : r, [o, r]),
+		handleTableWidthChange: S((e) => {
+			i(e);
+		}, []),
+		handleResizeEnd: S((t) => {
+			e && I(e, o ? R(t, o) : t);
+		}, [e, o])
+	};
+}
+//#endregion
+//#region src/components/Gantt/hooks/useGanttCollapseState.ts
+function B({ collapsedKeys: e, onToggleCollapse: t } = {}) {
+	let [n, r] = E(() => /* @__PURE__ */ new Set()), i = e !== void 0;
+	return {
+		collapsedKeys: i ? e : n,
+		onToggleCollapse: S((e) => {
+			e && (t?.(e), i || r((t) => h(t, e)));
+		}, [i, t]),
+		isControlled: i
+	};
+}
+//#endregion
+//#region src/components/Gantt/hooks/useLinkedVerticalScroll.ts
+function V(e = {}) {
+	let { onScrollActivity: t } = e, n = T(t);
+	n.current = t;
+	let r = T(null), i = T(null), a = T(null), o = S((e) => (i.current = e, () => {
+		i.current = null;
+	}), []), s = S((e) => (a.current = e, () => {
+		a.current = null;
+	}), []), c = S((e, t) => {
+		if (r.current === e) return;
+		let o = e === "timeline" ? "table" : "timeline", s = o === "timeline" ? i.current : a.current;
+		s?.setScrollTop && (r.current = o, s.setScrollTop(t), n.current?.(), requestAnimationFrame(() => {
+			r.current === o && (r.current = null);
+		}));
+	}, []);
+	return w(() => ({
+		registerTimelineScroller: o,
+		registerTableScroller: s,
+		sync: c
+	}), [
+		o,
+		s,
+		c
+	]);
+}
+//#endregion
+//#region src/components/Gantt/utils/filterItemsByCollapse.ts
+function H(e, t) {
+	if (!Array.isArray(e) || e.length === 0) return e || [];
+	if (!t || !(t instanceof Set ? t.size > 0 : Array.isArray(t) && t.length > 0)) return e;
+	let n = [], r = null;
+	for (let i of e) {
+		if (i?.type === "summary") {
+			let e = i.depth ?? 0;
+			if (r !== null && e > r) continue;
+			r !== null && e <= r && (r = null), n.push(i), _(t, i.groupKey) && (r = e);
+			continue;
+		}
+		r === null && n.push(i);
+	}
+	return n;
+}
+//#endregion
+//#region src/components/Gantt/GanttTable/hooks/useGanttTableHighlightDomSync.ts
+function U(e) {
+	let t = A(c, (e) => e.getHighlightTarget), n = A(c, (e) => e.subscribeHighlight), r = T(null), i = S((e, t) => {
+		if (!e || !t?.id || !t?.type) return [];
+		let n = CSS.escape(String(t.id)), r = CSS.escape(String(t.type));
+		return Array.from(e.querySelectorAll(`[data-highlight-id="${n}"][data-highlight-type="${r}"]`));
+	}, []), a = S((t, n) => {
+		if (l(t, n)) return;
+		let r = e.current;
+		r && (t?.id && i(r, t).forEach((e) => {
+			e.classList.remove("table-row-hover");
+		}), n?.id && i(r, n).forEach((e) => {
+			e.classList.add("table-row-hover");
+		}));
+	}, [i, e]);
+	C(() => {
+		let e = t?.() || null;
+		return r.current = e, a(null, e), n?.((e) => {
+			let t = r.current;
+			r.current = e, a(t, e);
+		});
+	}, [
+		a,
+		t,
+		n
+	]);
+}
+//#endregion
+//#region src/components/Gantt/GanttTable/hooks/useGanttTableLinkedScroll.ts
+function W({ tableRef: e, verticalScrollController: t, dataLength: n }) {
+	C(() => {
+		if (!t || !e.current) return;
+		let n = e.current.querySelector(".custom-table-wrapper");
+		if (n) return t.registerTableScroller({ setScrollTop: (e) => {
+			n.scrollTop = e;
+		} });
+	}, [
+		t,
+		n,
+		e
+	]), O("scroll", () => {
+		let n = e.current?.querySelector(".custom-table-wrapper");
+		n && t && t.sync("table", n.scrollTop);
+	}, {
+		target: () => e.current?.querySelector(".custom-table-wrapper"),
+		passive: !0
+	});
+}
+//#endregion
+//#region src/components/Gantt/internal/GanttTableShell.tsx
+var G = x(function({ width: e, verticalScrollController: t, dataLength: n = 0, emptyOverlay: r = null, children: i }, a) {
+	let o = T(null), s = S((e) => {
+		o.current = e, typeof a == "function" ? a(e) : a && (a.current = e);
+	}, [a]);
+	return U(o), W({
+		tableRef: o,
+		verticalScrollController: t,
+		dataLength: n
+	}), /* @__PURE__ */ b("div", {
+		ref: s,
+		className: "bsy-gantt-table",
+		style: { width: e ? `${e}px` : void 0 },
+		children: [i, r ? /* @__PURE__ */ y("div", {
+			className: "bsy-gantt-table__empty-overlay",
+			style: { top: 68 },
+			children: /* @__PURE__ */ y("div", {
+				className: "bsy-gantt-table__empty-overlay-inner",
+				children: r
+			})
+		}) : null]
+	});
+});
+G.displayName = "GanttTableShell";
+//#endregion
+//#region src/components/Gantt/internal/GanttLayout.tsx
+function K({ data: e = [], tableData: t, columns: n, mode: r, availableModes: i, onModeChange: a, id: o, onRowClick: l, onTaskTimeChange: u, tooltip: d, className: f, style: p, renderTable: m, collapsedKeys: h, onToggleCollapse: g, emptyOverlay: _ = null }, x) {
+	let { highlightContextValue: C, setTableHighlightTarget: T, notifyScrollActivity: O } = N(), k = V({ onScrollActivity: O }), [A, M] = E("day"), P = r ?? A, { containerRef: F, resolvedTableWidth: I, handleTableWidthChange: L, handleResizeEnd: R } = z({ id: o }), U = S((e) => {
+		r === void 0 && M(e), a?.(e);
+	}, [r, a]), { collapsedKeys: W, onToggleCollapse: K, isControlled: q } = B({
+		collapsedKeys: h,
+		onToggleCollapse: g
+	}), J = w(() => q ? e : H(e, W), [
+		e,
+		q,
+		W
+	]), Y = typeof m == "function", X = w(() => Y ? t ?? [] : J, [
+		Y,
+		t,
+		J
+	]), Z = X.length, Q = w(() => ({
+		columns: n,
+		tableData: X,
+		setHighlightTarget: T,
+		rowHeight: 34,
+		collapsedKeys: W ?? void 0,
+		onToggleCollapse: K
+	}), [
+		n,
+		X,
+		T,
+		W,
+		K
+	]), $ = Y ? m(Q) : /* @__PURE__ */ y(s, {
+		data: J,
+		columns: n,
+		onRowClick: l,
+		rowHeight: 34
+	});
+	return /* @__PURE__ */ y(c.Provider, {
+		value: C,
+		children: /* @__PURE__ */ y("div", {
+			className: D("bsy-gantt", f),
+			style: p,
+			children: /* @__PURE__ */ b("div", {
+				ref: F,
+				className: "bsy-gantt__body",
+				children: [
+					/* @__PURE__ */ y(G, {
+						ref: x,
+						width: I,
+						verticalScrollController: k,
+						dataLength: Z,
+						emptyOverlay: _,
+						children: $
+					}),
+					/* @__PURE__ */ y(j, {
+						tableWidth: I,
+						onWidthChange: L,
+						onResizeEnd: R,
+						containerRef: F
+					}),
+					/* @__PURE__ */ y("div", {
+						className: "bsy-gantt__chart",
+						children: /* @__PURE__ */ y(v, {
+							items: J,
+							viewMode: P,
+							availableModes: i,
+							onViewModeChange: U,
+							verticalScrollController: k,
+							onRowClick: l,
+							onTaskTimeChange: u,
+							tooltip: d,
+							collapsedKeys: W,
+							onToggleCollapse: K
+						})
+					})
+				]
+			})
+		})
+	});
+}
+var q = x(K);
+//#endregion
+//#region src/components/Gantt/Gantt.tsx
+function J({ data: e, columns: t, mode: n, availableModes: r, onModeChange: i, id: a, onRowClick: o, onTaskTimeChange: s, tooltip: c, className: l, style: u, tableData: d, renderTable: f, collapsedKeys: p, onToggleCollapse: m, emptyOverlay: h }, g) {
+	return /* @__PURE__ */ y(q, {
+		ref: g,
+		data: e,
+		columns: t,
+		mode: n,
+		availableModes: r,
+		onModeChange: i,
+		id: a,
+		onRowClick: o,
+		onTaskTimeChange: s,
+		tooltip: c,
+		className: l,
+		style: u,
+		tableData: d,
+		renderTable: f,
+		collapsedKeys: p,
+		onToggleCollapse: m,
+		emptyOverlay: h
+	});
+}
+var Y = x(J);
+//#endregion
+export { f as ALL_GANTT_MODES, m as CALENDAR_TIER_MODES, d as DEFAULT_GANTT_MODE, n as DRAG_MODE_MOVE, e as DRAG_MODE_RESIZE_END, i as DRAG_MODE_RESIZE_START, a as EMPTY_GROUP_VALUE, t as GANTT_DEFAULT_ROW_HEIGHT, r as GANTT_TABLE_HEADER_ROW_SPAN, Y as default, _ as isGroupCollapsed, u as isHighlightMatch, p as isSubDayViewMode, g as normalizeTaskDateRange, o as useGanttTableColumnResize };

package/dist/Gantt/timelineViewConfig-DshzoBp7.js

@@ -0,0 +1,118 @@
+import { h as e } from "./constants-_vMvDXFh.js";
+//#region src/components/Gantt/interface.ts
+var t = [
+	"day",
+	"week",
+	"month",
+	"quarter",
+	"quarterMonth",
+	"year"
+], n = [
+	"halfDay",
+	"sixHour",
+	"hour",
+	"halfHour",
+	"tenMinute",
+	"oneMinute"
+], r = [...t, ...n], i = [...[...n].reverse(), ...t], a = "day";
+function o(e) {
+	return r.includes(e);
+}
+function s(e) {
+	return n.includes(e);
+}
+//#endregion
+//#region src/components/Gantt/GanttChart/utils/timelineViewConfig.ts
+var c = e / 24, l = c / 60, u = {
+	hour: c,
+	tenMinute: 10 * l,
+	oneMinute: l
+}, d = {
+	day: {
+		tier: "calendar",
+		headerLayout: "flat",
+		topGroup: "month",
+		bottomCellMs: e,
+		snapUnitMs: e
+	},
+	week: {
+		tier: "calendar",
+		headerLayout: "flat",
+		topGroup: "month",
+		bottomCellMs: 7 * e,
+		snapUnitMs: e
+	},
+	month: {
+		tier: "calendar",
+		headerLayout: "flat",
+		topGroup: "year",
+		bottomCellMs: 30 * e,
+		snapUnitMs: e
+	},
+	quarter: {
+		tier: "calendar",
+		headerLayout: "flat",
+		topGroup: "year",
+		bottomCellMs: 90 * e,
+		snapUnitMs: e
+	},
+	quarterMonth: {
+		tier: "calendar",
+		headerLayout: "quarterNested",
+		topGroup: "quarter",
+		bottomCellMs: 30 * e,
+		bottomCellWidthPx: 100,
+		snapUnitMs: e
+	},
+	year: {
+		tier: "calendar",
+		headerLayout: "flat",
+		topGroup: "year",
+		bottomCellMs: 180 * e,
+		snapUnitMs: e
+	},
+	halfDay: {
+		tier: "subDay",
+		headerLayout: "dayNested",
+		topGroup: "day",
+		bottomCellMs: 12 * c,
+		snapUnitMs: u.hour
+	},
+	sixHour: {
+		tier: "subDay",
+		headerLayout: "dayNested",
+		topGroup: "day",
+		bottomCellMs: 6 * c,
+		snapUnitMs: u.hour
+	},
+	hour: {
+		tier: "subDay",
+		headerLayout: "dayNested",
+		topGroup: "day",
+		bottomCellMs: c,
+		snapUnitMs: u.hour
+	},
+	halfHour: {
+		tier: "subDay",
+		headerLayout: "hourNested",
+		topGroup: "hour",
+		bottomCellMs: 30 * l,
+		snapUnitMs: u.tenMinute
+	},
+	tenMinute: {
+		tier: "subDay",
+		headerLayout: "hourNested",
+		topGroup: "hour",
+		bottomCellMs: 10 * l,
+		snapUnitMs: u.tenMinute
+	},
+	oneMinute: {
+		tier: "subDay",
+		headerLayout: "hourNested",
+		topGroup: "hour",
+		bottomCellMs: l,
+		snapUnitMs: u.oneMinute
+	}
+}, f = (e) => d[o(e) ? e : "day"], p = (e) => o(e) ? s(e) : f(e).tier === "subDay", m = (e) => e === "quarterMonth", h = (e) => f(e).snapUnitMs, g = (e) => f(e).bottomCellMs;
+//#endregion
+export { h as a, a as c, s as d, g as i, i as l, m as n, r as o, p as r, t as s, f as t, o as u };

package/dist/Gantt/utils/index.js

@@ -0,0 +1,6 @@
+import { a as e, c as t, d as n, i as r, l as i, m as a, o, s, u as c } from "../constants-_vMvDXFh.js";
+import { a as l, i as u, n as d, o as f, r as p, t as m } from "../columnResize-By_1E48E.js";
+import { n as h, r as g, t as _ } from "../highlightTarget-DmzCIiQb.js";
+import { c as v, o as y, r as b, s as x } from "../timelineViewConfig-DshzoBp7.js";
+import { n as S, r as C, t as w } from "../collapseKeys-BWMH5k37.js";
+export { y as ALL_GANTT_MODES, x as CALENDAR_TIER_MODES, v as DEFAULT_GANTT_MODE, u as DEFAULT_TABLE_WIDTH_FALLBACK, r as DRAG_MODE_MOVE, e as DRAG_MODE_RESIZE_END, o as DRAG_MODE_RESIZE_START, s as EMPTY_GROUP_VALUE, t as GANTT_DEFAULT_ROW_HEIGHT, m as GANTT_TABLE_DISABLED_RESIZE_COLUMNS, i as GANTT_TABLE_HEADER_ROW_SPAN, c as HEADER_BOTTOM_HEIGHT, n as HEADER_TOP_HEIGHT, l as MIN_CHART_WIDTH, a as MIN_TABLE_WIDTH, f as TABLE_WIDTH_PLACEHOLDER, w as isGroupCollapsed, _ as isHighlightMatch, h as isSameHighlightTarget, b as isSubDayViewMode, d as mergeColumnWidths, C as normalizeTaskDateRange, g as resolveChartHighlightTarget, S as toggleCollapsedKey, p as useGanttTableColumnResize };