dishui 0.0.66 → 0.0.68

package/dist/components/pro/Gantt/Gantt.js

@@ -0,0 +1,868 @@
+import { DEFAULT_SCALE_CONFIGS as e, formatDate as t, isNonWorkingDay as n, isSameDay as r, isWeekend as i } from "./utils.js";
+import { useGanttState as a } from "./hooks/useGanttState.js";
+import { useGanttDrag as o } from "./hooks/useGanttDrag.js";
+/* empty css       */
+import s, { forwardRef as c, useCallback as l, useEffect as u, useImperativeHandle as d, useMemo as f, useRef as p, useState as m } from "react";
+import { Fragment as ee, jsx as h, jsxs as g } from "react/jsx-runtime";
+//#region src/components/pro/Gantt/Gantt.tsx
+function _(e, t) {
+	if (!t) return !1;
+	if (t.isNonWorkingDay) return t.isNonWorkingDay(e);
+	let n = `${e.getFullYear()}-${String(e.getMonth() + 1).padStart(2, "0")}-${String(e.getDate()).padStart(2, "0")}`, r = t.entries?.find((e) => e.date === n);
+	return !(!r || r.isWorkday);
+}
+var v = {
+	showCellBorders: !0,
+	cellBorderColor: "",
+	weekendColor: "",
+	holidayColor: "#fff0f3",
+	todayColor: "",
+	showRowLines: !1
+}, te = {
+	treePanelTitle: "Tasks",
+	searchPlaceholder: "Search...",
+	expandAll: "Expand All",
+	collapseAll: "Collapse All",
+	today: "Today",
+	zoomIn: "Zoom In",
+	zoomOut: "Zoom Out",
+	noData: "No data",
+	workingDays: "Working days",
+	calendarDays: "Calendar days",
+	weekDays: [
+		"Sun",
+		"Mon",
+		"Tue",
+		"Wed",
+		"Thu",
+		"Fri",
+		"Sat"
+	],
+	monthNames: [
+		"Jan",
+		"Feb",
+		"Mar",
+		"Apr",
+		"May",
+		"Jun",
+		"Jul",
+		"Aug",
+		"Sep",
+		"Oct",
+		"Nov",
+		"Dec"
+	],
+	add: "Add",
+	delete: "Delete",
+	edit: "Edit",
+	link: "Open link"
+}, ne = c(function(c, ne) {
+	let { data: y, categories: re = {}, holidays: b, timeWindow: ie, columns: ae, defaultScale: oe = "day", availableScales: se, scaleConfigs: ce, treePanelWidth: le = 300, treePanelMinWidth: ue = 200, treePanelMaxWidth: de = 600, treePanelResizable: fe = !0, rowHeight: x = 36, draggable: pe = !1, resizable: me = !1, readOnly: S = !1, defaultExpandedIds: he, defaultExpandAll: ge = !0, todayMarker: C = {
+		visible: !0,
+		autoScroll: !0
+	}, tooltip: w = { enabled: !0 }, labels: _e, showSearch: T = !1, highlightNonWorkingDays: E = !0, grid: ve, dependencyLinks: ye = [], className: be, width: xe = "100%", height: Se = "100%", onBarChange: Ce, onNodeClick: we, onNodeDoubleClick: Te, onContextMenu: D, onNodeToggle: Ee, onViewChange: De, onScaleChange: Oe, onNodeLabelEdit: O, onNodeAdd: k, onNodeAddChild: ke, onNodeDelete: Ae, onNodeLinkClick: je, onDependencyCreate: A, onDependencyClick: Me, onDependencyDelete: Ne, renderTreeNode: Pe, renderToolbar: Fe, renderTimelineHeader: Ie } = c, j = f(() => ({
+		...te,
+		..._e
+	}), [_e]), M = f(() => ({
+		...v,
+		...ve
+	}), [ve]), { scale: N, setScale: Le, scales: Re, currentScaleConfig: P, flatNodes: F, dates: I, headerGroups: ze, dateRange: L, today: R, todayX: Be, totalTimelineWidth: z, selectedNodeId: Ve, setSelectedNodeId: B, toggleNode: He, expandAll: Ue, collapseAll: We, scrollToDate: Ge, scrollToToday: Ke, scrollToNode: qe, treeBodyRef: Je, timelineBodyRef: V, timelineHeaderRef: Ye, syncScrollVertical: Xe, syncScrollHorizontal: Ze } = a({
+		data: y,
+		defaultScale: oe,
+		defaultExpandedIds: he,
+		defaultExpandAll: ge,
+		scaleConfigs: ce,
+		categories: re,
+		holidays: b,
+		timeWindow: ie,
+		availableScales: se,
+		onScaleChange: Oe,
+		onNodeToggle: Ee,
+		onViewChange: De
+	}), H = o({
+		scaleConfig: P,
+		timelineStart: L.start,
+		onBarChange: S ? void 0 : Ce,
+		calendar: b
+	}), [Qe, $e] = m(le), U = p(!1), et = p({
+		x: 0,
+		width: 0
+	}), tt = l((e) => {
+		if (!fe) return;
+		e.preventDefault(), U.current = !0, et.current = {
+			x: e.clientX,
+			width: Qe
+		};
+		let t = (e) => {
+			U.current && $e(Math.max(ue, Math.min(de, et.current.width + e.clientX - et.current.x)));
+		}, n = () => {
+			U.current = !1, window.removeEventListener("mousemove", t), window.removeEventListener("mouseup", n);
+		};
+		window.addEventListener("mousemove", t), window.addEventListener("mouseup", n);
+	}, [
+		fe,
+		Qe,
+		ue,
+		de
+	]), [W, nt] = m(""), G = f(() => {
+		if (!W.trim()) return F;
+		let e = W.toLowerCase();
+		return F.filter((t) => t.node.label.toLowerCase().includes(e));
+	}, [F, W]), [K, q] = m(""), [rt, it] = m(!1), [J, at] = m(null), ot = p(null), st = l((e) => {
+		!S && O && (at(e), q(e.label), it(!0));
+	}, [S, O]), ct = l(() => {
+		if (!J) return;
+		let e = K.trim();
+		e && O && e !== J.label && O(J, e), it(!1), at(null), q("");
+	}, [
+		J,
+		K,
+		O
+	]), Y = l(() => {
+		it(!1), at(null), q("");
+	}, []), [X, lt] = m(null), ut = p(X);
+	ut.current = X;
+	let dt = p(null), Z = l((e, t) => {
+		if (S || !A) return;
+		e.preventDefault(), e.stopPropagation();
+		let n = V.current;
+		if (!n) return;
+		let r = n.getBoundingClientRect(), i = (T ? G : F).find((e) => e.node.id === t), a, o;
+		i ? (a = e.clientX - r.left + n.scrollLeft < i.barLeft + i.barWidth / 2 ? i.barLeft : i.barLeft + i.barWidth, o = i.visibleIndex * x + x / 2) : (a = e.clientX - r.left + n.scrollLeft, o = e.clientY - r.top + n.scrollTop), lt({
+			fromId: t,
+			startX: a,
+			startY: o,
+			curX: a,
+			curY: o
+		});
+	}, [
+		S,
+		A,
+		V,
+		F,
+		G,
+		T,
+		x
+	]);
+	u(() => {
+		if (!X) return;
+		let e = V.current;
+		if (!e) return;
+		let t = (t) => {
+			let n = e.getBoundingClientRect(), r = t.clientX - n.left + e.scrollLeft, i = t.clientY - n.top + e.scrollTop;
+			lt((e) => e ? {
+				...e,
+				curX: r,
+				curY: i
+			} : null);
+		}, n = (t) => {
+			let n = ut.current;
+			if (n && A) {
+				let r = e.getBoundingClientRect(), i = t.clientY - r.top + e.scrollTop, a = Math.floor(i / x), o = (T ? G : F)[a];
+				o && o.node.id !== n.fromId && A(n.fromId, o.node.id);
+			}
+			lt(null);
+		};
+		return window.addEventListener("mousemove", t), window.addEventListener("mouseup", n), () => {
+			window.removeEventListener("mousemove", t), window.removeEventListener("mouseup", n);
+		};
+	}, [X?.fromId]), u(() => {
+		if (C.autoScroll !== !1) {
+			let e = setTimeout(Ke, 100);
+			return () => clearTimeout(e);
+		}
+	}, []), d(ne, () => ({
+		scrollToDate: Ge,
+		scrollToToday: Ke,
+		scrollToNode: qe,
+		getVisibleRange: () => ({
+			start: L.start,
+			end: L.end
+		}),
+		setScale: Le,
+		expandAll: Ue,
+		collapseAll: We,
+		toggleNode: He
+	}));
+	let ft = l((e) => {
+		B(e.id), we?.(e);
+		let t = F.find((t) => t.node.id === e.id);
+		if (t?.resolvedStartDate && V.current) {
+			let e = t.barLeft - V.current.clientWidth / 3;
+			V.current.scrollTo({
+				left: Math.max(0, e),
+				behavior: "smooth"
+			});
+		}
+	}, [
+		F,
+		B,
+		we,
+		V
+	]), pt = l((e) => {
+		if (!D) return;
+		e.preventDefault();
+		let t = e.currentTarget.getBoundingClientRect(), n = e.clientX - t.left + (V.current?.scrollLeft || 0), r = new Date(L.start);
+		r.setDate(r.getDate() + Math.floor(n / (P.cellWidth * P.slotsPerDay))), D({
+			node: null,
+			position: {
+				x: e.clientX,
+				y: e.clientY
+			},
+			date: r
+		});
+	}, [
+		D,
+		L,
+		P,
+		V
+	]), mt = l((e, t, n) => {
+		for (let r of t) {
+			if (r.id === e) return n;
+			if (r.children) {
+				let t = mt(e, r.children, r);
+				if (t !== void 0) return t;
+			}
+		}
+		return null;
+	}, []), ht = /* @__PURE__ */ g("div", {
+		className: "gantt-toolbar",
+		children: [
+			/* @__PURE__ */ h("div", {
+				className: "gantt-toolbar-group",
+				children: Re.map((t) => /* @__PURE__ */ h("button", {
+					className: `gantt-scale-btn ${t === N ? "gantt-scale-btn--active" : ""}`,
+					onClick: () => Le(t),
+					title: e[t].label,
+					children: e[t].label
+				}, t))
+			}),
+			/* @__PURE__ */ h("div", { className: "gantt-toolbar-divider" }),
+			/* @__PURE__ */ h("button", {
+				className: "gantt-icon-btn",
+				onClick: Ke,
+				title: j.today,
+				children: "◉"
+			}),
+			/* @__PURE__ */ h("button", {
+				className: "gantt-icon-btn",
+				onClick: Ue,
+				title: j.expandAll,
+				children: "⊞"
+			}),
+			/* @__PURE__ */ h("button", {
+				className: "gantt-icon-btn",
+				onClick: We,
+				title: j.collapseAll,
+				children: "⊟"
+			}),
+			/* @__PURE__ */ h("div", { className: "gantt-toolbar-spacer" }),
+			/* @__PURE__ */ g("span", {
+				style: {
+					fontSize: 11,
+					color: "oklch(var(--bc) / 0.4)"
+				},
+				children: [F.length, " items"]
+			})
+		]
+	}), gt = Fe ? Fe(ht) : ht, _t = (e) => {
+		let { node: t, depth: n, expanded: r, hasChildren: i } = e, a = Ve === t.id;
+		return Pe ? /* @__PURE__ */ h("div", {
+			className: `gantt-tree-row ${a ? "gantt-tree-row--selected" : ""}`,
+			style: { height: x },
+			onClick: () => ft(t),
+			onDoubleClick: () => {
+				Te?.(t), st(t);
+			},
+			children: Pe(t, n, r, () => He(t.id))
+		}, t.id) : /* @__PURE__ */ g("div", {
+			className: `gantt-tree-row ${a ? "gantt-tree-row--selected" : ""}`,
+			style: { height: x },
+			onClick: () => ft(t),
+			onDoubleClick: () => {
+				Te?.(t), st(t);
+			},
+			children: [
+				/* @__PURE__ */ h("div", {
+					className: "gantt-tree-indent",
+					style: { width: n * 20 }
+				}),
+				/* @__PURE__ */ h("div", {
+					className: `gantt-tree-toggle ${i ? r ? "gantt-tree-toggle--expanded" : "" : "gantt-tree-toggle--placeholder"}`,
+					onClick: (e) => {
+						e.stopPropagation(), i && He(t.id);
+					},
+					children: i && "▶"
+				}),
+				/* @__PURE__ */ h("div", {
+					className: "gantt-tree-label",
+					title: t.label,
+					children: t.label
+				}),
+				t.link && /* @__PURE__ */ h("button", {
+					className: "gantt-tree-action-btn",
+					title: j.link,
+					onClick: (e) => {
+						e.stopPropagation(), je ? je(t, t.link) : window.open(t.link, "_blank");
+					},
+					children: /* @__PURE__ */ g("svg", {
+						width: "12",
+						height: "12",
+						viewBox: "0 0 24 24",
+						fill: "none",
+						stroke: "currentColor",
+						strokeWidth: "2",
+						children: [/* @__PURE__ */ h("path", { d: "M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71" }), /* @__PURE__ */ h("path", { d: "M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71" })]
+					})
+				}),
+				ae?.map((e) => /* @__PURE__ */ h("div", {
+					className: "gantt-tree-cell",
+					style: {
+						width: e.width || 80,
+						textAlign: e.align || "left"
+					},
+					children: e.render ? e.render(t, e) : t.meta?.[e.key] ?? ""
+				}, e.key)),
+				!S && (k || ke || Ae) && /* @__PURE__ */ g("div", {
+					className: "gantt-tree-actions gantt-tree-actions--pinned",
+					children: [
+						k && /* @__PURE__ */ h("button", {
+							className: "gantt-tree-action-btn",
+							title: j.add,
+							onClick: (e) => {
+								e.stopPropagation(), k(mt(t.id, y, null), t);
+							},
+							children: /* @__PURE__ */ g("svg", {
+								width: "14",
+								height: "14",
+								viewBox: "0 0 24 24",
+								fill: "none",
+								stroke: "currentColor",
+								strokeWidth: "2",
+								children: [/* @__PURE__ */ h("line", {
+									x1: "12",
+									y1: "5",
+									x2: "12",
+									y2: "19"
+								}), /* @__PURE__ */ h("line", {
+									x1: "5",
+									y1: "12",
+									x2: "19",
+									y2: "12"
+								})]
+							})
+						}),
+						ke && /* @__PURE__ */ h("button", {
+							className: "gantt-tree-action-btn",
+							title: "Add child",
+							onClick: (e) => {
+								e.stopPropagation(), ke(t);
+							},
+							children: "⊞"
+						}),
+						Ae && /* @__PURE__ */ h("button", {
+							className: "gantt-tree-action-btn gantt-tree-action-btn--danger",
+							title: j.delete,
+							onClick: (e) => {
+								e.stopPropagation(), Ae(t);
+							},
+							children: "×"
+						})
+					]
+				})
+			]
+		}, t.id);
+	}, vt = () => /* @__PURE__ */ g("div", {
+		className: "gantt-timeline-header",
+		ref: Ye,
+		children: [/* @__PURE__ */ h("div", {
+			className: "gantt-timeline-header-row",
+			style: { width: z },
+			children: ze.map((e, t) => /* @__PURE__ */ h("div", {
+				className: "gantt-timeline-header-group",
+				style: { width: e.span * P.cellWidth * P.slotsPerDay },
+				children: e.label
+			}, t))
+		}), /* @__PURE__ */ h("div", {
+			className: "gantt-timeline-header-row",
+			style: { width: z },
+			children: N === "halfday" ? I.map((e, t) => {
+				let i = r(e, R), a = n(e, b), o = `gantt-timeline-header-cell ${i ? "gantt-timeline-header-cell--today" : ""} ${a ? "gantt-timeline-header-cell--weekend" : ""}`;
+				return /* @__PURE__ */ g(s.Fragment, { children: [/* @__PURE__ */ h("div", {
+					className: o,
+					style: { width: P.cellWidth },
+					children: "上午"
+				}), /* @__PURE__ */ h("div", {
+					className: o,
+					style: { width: P.cellWidth },
+					children: "下午"
+				})] }, t);
+			}) : N === "hour" ? I.map((e, t) => {
+				let i = r(e, R), a = n(e, b), o = `gantt-timeline-header-cell ${i ? "gantt-timeline-header-cell--today" : ""} ${a ? "gantt-timeline-header-cell--weekend" : ""}`;
+				return /* @__PURE__ */ h(s.Fragment, { children: Array.from({ length: 24 }, (e, t) => /* @__PURE__ */ h("div", {
+					className: o,
+					style: { width: P.cellWidth },
+					children: t
+				}, t)) }, t);
+			}) : I.map((e, t) => {
+				let i = r(e, R), a = n(e, b);
+				return /* @__PURE__ */ h("div", {
+					className: `gantt-timeline-header-cell ${i ? "gantt-timeline-header-cell--today" : ""} ${a ? "gantt-timeline-header-cell--weekend" : ""}`,
+					style: { width: P.cellWidth * P.slotsPerDay },
+					children: e.getDate()
+				}, t);
+			})
+		})]
+	}), yt = () => {
+		if (N === "halfday" || N === "hour") {
+			let e = P.slotsPerDay, t = P.cellWidth, n = [];
+			return I.forEach((a, o) => {
+				let s = r(a, R), c = _(a, b), l = i(a) && b?.weekendsOff !== !1, u = M.showCellBorders;
+				for (let r = 0; r < e; r++) {
+					let i = o * e + r, a = ["gantt-timeline-col"];
+					u && a.push("gantt-timeline-col--border"), E && l && a.push("gantt-timeline-col--weekend"), E && c && a.push("gantt-timeline-col--holiday"), s && a.push("gantt-timeline-col--today");
+					let d = {
+						left: i * t,
+						width: t
+					};
+					M.cellBorderColor && u && (d.borderRightColor = M.cellBorderColor), l && M.weekendColor && (d.background = M.weekendColor), c && M.holidayColor && (d.background = M.holidayColor), s && M.todayColor && (d.background = M.todayColor), n.push(/* @__PURE__ */ h("div", {
+						className: a.join(" "),
+						style: d
+					}, `${o}-${r}`));
+				}
+			}), n;
+		}
+		return I.map((e, t) => {
+			let n = r(e, R), a = _(e, b), o = i(e) && b?.weekendsOff !== !1, s = M.showCellBorders, c = ["gantt-timeline-col"];
+			s && c.push("gantt-timeline-col--border"), E && o && c.push("gantt-timeline-col--weekend"), E && a && c.push("gantt-timeline-col--holiday"), n && c.push("gantt-timeline-col--today");
+			let l = {
+				left: t * P.cellWidth * P.slotsPerDay,
+				width: P.cellWidth * P.slotsPerDay
+			};
+			return M.cellBorderColor && s && (l.borderRightColor = M.cellBorderColor), o && M.weekendColor && (l.background = M.weekendColor), a && M.holidayColor && (l.background = M.holidayColor), n && M.todayColor && (l.background = M.todayColor), /* @__PURE__ */ h("div", {
+				className: c.join(" "),
+				style: l
+			}, t);
+		});
+	}, bt = (e) => {
+		let { node: n, barLeft: r, barWidth: i, isRenderable: a, categoryConfig: o } = e;
+		if (!a || i <= 0) return null;
+		let c = !S && (o.draggable ?? pe), l = !S && (o.resizable ?? me), u = H.draggingNodeId === n.id, d = Ve === n.id, { left: f, width: p } = H.getAdjustedBar(n.id, r, i), m = n.barColor || o.color || "#3b82f6", _ = n.barColor || o.backgroundColor || m, v = x * (o.barHeight || .6), te = (x - v) / 2, ne = o.borderRadius ?? 4, y = o.renderStyle || "bar", re = !S && !!A, b = re && /* @__PURE__ */ g(ee, { children: [/* @__PURE__ */ h("div", {
+			className: `gantt-bar-connector gantt-bar-connector--left ${X?.fromId === n.id ? "gantt-bar-connector--active" : ""}`,
+			onMouseDown: (e) => Z(e, n.id)
+		}), /* @__PURE__ */ h("div", {
+			className: `gantt-bar-connector gantt-bar-connector--right ${X?.fromId === n.id ? "gantt-bar-connector--active" : ""}`,
+			onMouseDown: (e) => Z(e, n.id)
+		})] });
+		return y === "line" ? /* @__PURE__ */ h("div", {
+			className: `gantt-bar gantt-bar--line ${d ? "gantt-bar--selected" : ""} ${u ? "gantt-bar--dragging" : ""}`,
+			style: {
+				left: f,
+				width: p,
+				background: m,
+				top: x / 2 - 1.5,
+				height: 3,
+				borderRadius: 1
+			},
+			children: b
+		}, n.id) : n.milestone ? /* @__PURE__ */ g(s.Fragment, { children: [/* @__PURE__ */ h("div", {
+			className: `gantt-milestone ${u ? "gantt-bar--dragging" : ""}`,
+			style: {
+				left: f + p / 2 - 7,
+				top: x / 2 - 7,
+				background: m,
+				transition: u ? "none" : "left 0.25s cubic-bezier(0.4,0,0.2,1)"
+			}
+		}), re && /* @__PURE__ */ g("div", {
+			style: {
+				position: "absolute",
+				left: f + p / 2 - 7,
+				top: x / 2 - 7,
+				width: 14,
+				height: 14
+			},
+			children: [/* @__PURE__ */ h("div", {
+				className: `gantt-bar-connector gantt-bar-connector--left ${X?.fromId === n.id ? "gantt-bar-connector--active" : ""}`,
+				style: {
+					left: -5,
+					top: 2
+				},
+				onMouseDown: (e) => Z(e, n.id)
+			}), /* @__PURE__ */ h("div", {
+				className: `gantt-bar-connector gantt-bar-connector--right ${X?.fromId === n.id ? "gantt-bar-connector--active" : ""}`,
+				style: {
+					right: -5,
+					top: 2
+				},
+				onMouseDown: (e) => Z(e, n.id)
+			})]
+		})] }, n.id) : /* @__PURE__ */ g("div", {
+			className: `gantt-bar ${c ? "gantt-bar--draggable" : ""} ${u ? "gantt-bar--dragging" : ""} ${d ? "gantt-bar--selected" : ""}`,
+			style: {
+				left: f,
+				top: te,
+				width: p,
+				height: v,
+				background: _,
+				borderRadius: ne
+			},
+			onMouseDown: c ? (e) => {
+				e.target.classList.contains("gantt-bar-connector") || H.startDrag(e, n, "move", r, i);
+			} : void 0,
+			onClick: (e) => {
+				e.stopPropagation(), B(n.id), we?.(n);
+			},
+			onContextMenu: (e) => {
+				D && (e.preventDefault(), e.stopPropagation(), D({
+					node: n,
+					position: {
+						x: e.clientX,
+						y: e.clientY
+					},
+					date: /* @__PURE__ */ new Date()
+				}));
+			},
+			children: [
+				o.showProgress && n.progress != null && /* @__PURE__ */ h("div", {
+					className: "gantt-bar-fill",
+					style: {
+						width: `${n.progress}%`,
+						background: m
+					}
+				}),
+				o.renderBar ? o.renderBar(n, {
+					node: n,
+					width: p,
+					height: v,
+					isDragging: u,
+					isSelected: d,
+					startDateFormatted: e.resolvedStartDate ? t(e.resolvedStartDate) : "",
+					endDateFormatted: e.resolvedEndDate ? t(e.resolvedEndDate) : "",
+					durationText: n.workingDays ? `${n.workingDays}d` : ""
+				}) : /* @__PURE__ */ h("span", {
+					className: "gantt-bar-label",
+					children: p > 60 ? n.label : n.workingDays ? `${n.workingDays}d` : ""
+				}),
+				l && /* @__PURE__ */ g(ee, { children: [/* @__PURE__ */ h("div", {
+					className: "gantt-bar-resize-handle gantt-bar-resize-handle--left",
+					onMouseDown: (e) => H.startDrag(e, n, "resize-start", r, i)
+				}), /* @__PURE__ */ h("div", {
+					className: "gantt-bar-resize-handle gantt-bar-resize-handle--right",
+					onMouseDown: (e) => H.startDrag(e, n, "resize-end", r, i)
+				})] }),
+				b
+			]
+		}, n.id);
+	}, xt = () => {
+		if (ye.length === 0 && !X) return null;
+		let e = T ? G : F, t = new Map(e.map((e) => [e.node.id, e])), n = e.length * x;
+		return /* @__PURE__ */ g("svg", {
+			className: "gantt-dependency-svg",
+			style: {
+				width: z,
+				height: n
+			},
+			children: [ye.map((e, n) => {
+				let r = t.get(e.fromId), i = t.get(e.toId);
+				if (!r || !i) return null;
+				let a = r.barLeft + r.barWidth, o = r.visibleIndex * x + x / 2, s = i.barLeft, c = i.visibleIndex * x + x / 2, l = a + 12, u = `M${a},${o} H${l} V${c} H${s}`, d = e.lineStyle === "dashed" ? "gantt-dependency-path--dashed" : e.lineStyle === "dotted" ? "gantt-dependency-path--dotted" : "gantt-dependency-path--solid", f = e.color || void 0, p = e.lineWidth || 1.5, m = e.showArrow !== !1, ee = !S && !!Ne, _ = l, v = (o + c) / 2;
+				return /* @__PURE__ */ g("g", {
+					className: "gantt-dependency-group",
+					onClick: () => Me?.(e),
+					children: [
+						/* @__PURE__ */ h("path", {
+							className: `gantt-dependency-path ${d}`,
+							d: u,
+							style: {
+								stroke: f,
+								strokeWidth: p
+							}
+						}),
+						m && /* @__PURE__ */ h("polygon", {
+							className: "gantt-dependency-arrow",
+							points: `${s},${c} ${s - 6},${c - 4} ${s - 6},${c + 4}`,
+							style: { fill: f }
+						}),
+						ee && /* @__PURE__ */ h("foreignObject", {
+							x: _ - 8,
+							y: v - 8,
+							width: 16,
+							height: 16,
+							className: "gantt-dependency-delete-fo",
+							children: /* @__PURE__ */ h("button", {
+								className: "gantt-dependency-delete-btn",
+								onClick: (t) => {
+									t.stopPropagation(), Ne(e);
+								},
+								title: "删除连线",
+								children: "×"
+							})
+						})
+					]
+				}, n);
+			}), X && (() => {
+				let { startX: e, startY: t, curX: n, curY: r } = X, i = n - e, a = Math.min(Math.abs(i) * .5, 60), o = `M${e},${t} C${e + a},${t} ${n - a},${r} ${n},${r}`;
+				return /* @__PURE__ */ h("path", {
+					className: "gantt-dep-drag-line",
+					d: o
+				});
+			})()]
+		});
+	}, St = () => C.visible ? /* @__PURE__ */ h("div", {
+		className: "gantt-today-marker",
+		style: {
+			left: Be,
+			...C.color ? { background: C.color } : {}
+		}
+	}) : null, [Q, Ct] = m(null), wt = l((e, t) => {
+		w.enabled && !H.isDragging && Ct({
+			node: t,
+			x: e.clientX + 12,
+			y: e.clientY + 12
+		});
+	}, [w.enabled, H.isDragging]), Tt = l(() => Ct(null), []), Et = () => {
+		if (!Q) return null;
+		if (w.render) return /* @__PURE__ */ h("div", {
+			className: "gantt-tooltip",
+			style: {
+				left: Q.x,
+				top: Q.y
+			},
+			children: w.render(Q.node)
+		});
+		let e = Q.node;
+		return /* @__PURE__ */ g("div", {
+			className: "gantt-tooltip",
+			style: {
+				left: Q.x,
+				top: Q.y
+			},
+			children: [
+				/* @__PURE__ */ h("div", {
+					className: "gantt-tooltip-title",
+					children: e.label
+				}),
+				e.startDate && /* @__PURE__ */ g("div", {
+					className: "gantt-tooltip-row",
+					children: [/* @__PURE__ */ h("span", {
+						className: "gantt-tooltip-label",
+						children: "Start:"
+					}), typeof e.startDate == "string" ? e.startDate : t(e.startDate)]
+				}),
+				e.endDate && /* @__PURE__ */ g("div", {
+					className: "gantt-tooltip-row",
+					children: [/* @__PURE__ */ h("span", {
+						className: "gantt-tooltip-label",
+						children: "End:"
+					}), typeof e.endDate == "string" ? e.endDate : t(e.endDate)]
+				}),
+				e.workingDays != null && /* @__PURE__ */ g("div", {
+					className: "gantt-tooltip-row",
+					children: [/* @__PURE__ */ g("span", {
+						className: "gantt-tooltip-label",
+						children: [j.workingDays, ":"]
+					}), e.workingDays]
+				}),
+				e.assignee && /* @__PURE__ */ g("div", {
+					className: "gantt-tooltip-row",
+					children: [/* @__PURE__ */ h("span", {
+						className: "gantt-tooltip-label",
+						children: "Assignee:"
+					}), e.assignee]
+				}),
+				e.progress != null && /* @__PURE__ */ g("div", {
+					className: "gantt-tooltip-row",
+					children: [
+						/* @__PURE__ */ h("span", {
+							className: "gantt-tooltip-label",
+							children: "Progress:"
+						}),
+						e.progress,
+						"%"
+					]
+				}),
+				e.link && /* @__PURE__ */ g("div", {
+					className: "gantt-tooltip-row",
+					children: [/* @__PURE__ */ h("span", {
+						className: "gantt-tooltip-label",
+						children: "Link:"
+					}), /* @__PURE__ */ h("span", {
+						className: "gantt-tooltip-link",
+						children: e.link
+					})]
+				})
+			]
+		});
+	};
+	if (!y || y.length === 0) return /* @__PURE__ */ g("div", {
+		className: `gantt-container ${be || ""}`,
+		style: {
+			width: xe,
+			height: Se
+		},
+		children: [gt, /* @__PURE__ */ h("div", {
+			className: "gantt-empty",
+			children: j.noData
+		})]
+	});
+	let $ = T ? G : F, Dt = $.length * x;
+	return /* @__PURE__ */ g("div", {
+		className: `gantt-container ${be || ""}`,
+		style: {
+			width: xe,
+			height: Se
+		},
+		children: [
+			gt,
+			/* @__PURE__ */ g("div", {
+				className: "gantt-body",
+				children: [
+					/* @__PURE__ */ g("div", {
+						className: "gantt-tree-panel",
+						style: { width: Qe },
+						children: [
+							T && /* @__PURE__ */ g("div", {
+								className: "gantt-search",
+								children: [/* @__PURE__ */ g("svg", {
+									width: "14",
+									height: "14",
+									viewBox: "0 0 24 24",
+									fill: "none",
+									stroke: "currentColor",
+									strokeWidth: "2",
+									children: [/* @__PURE__ */ h("circle", {
+										cx: "11",
+										cy: "11",
+										r: "8"
+									}), /* @__PURE__ */ h("path", { d: "m21 21-4.3-4.3" })]
+								}), /* @__PURE__ */ h("input", {
+									className: "gantt-search-input",
+									placeholder: j.searchPlaceholder,
+									value: W,
+									onChange: (e) => nt(e.target.value)
+								})]
+							}),
+							/* @__PURE__ */ g("div", {
+								className: "gantt-tree-header",
+								children: [/* @__PURE__ */ h("div", {
+									className: "gantt-tree-header-cell",
+									style: { flex: 1 },
+									children: j.treePanelTitle
+								}), ae?.map((e) => /* @__PURE__ */ h("div", {
+									className: "gantt-tree-header-cell",
+									style: {
+										width: e.width || 80,
+										textAlign: e.align || "left"
+									},
+									children: e.title
+								}, e.key))]
+							}),
+							/* @__PURE__ */ h("div", {
+								className: "gantt-tree-body",
+								ref: Je,
+								onScroll: () => Xe("tree"),
+								children: $.map(_t)
+							})
+						]
+					}),
+					fe && /* @__PURE__ */ h("div", {
+						className: `gantt-resize-handle ${U.current ? "gantt-resize-handle--active" : ""}`,
+						onMouseDown: tt
+					}),
+					/* @__PURE__ */ g("div", {
+						className: "gantt-timeline-panel",
+						ref: dt,
+						children: [Ie ? Ie(I, N) : vt(), /* @__PURE__ */ g("div", {
+							className: "gantt-timeline-body",
+							ref: V,
+							onScroll: () => {
+								Xe("timeline"), Ze();
+							},
+							onContextMenu: pt,
+							children: [
+								/* @__PURE__ */ g("div", {
+									className: "gantt-timeline-grid",
+									style: {
+										width: z,
+										height: Dt
+									},
+									children: [yt(), St()]
+								}),
+								/* @__PURE__ */ h("div", {
+									className: "gantt-timeline-rows",
+									style: {
+										width: z,
+										height: Dt
+									},
+									children: $.map((e) => /* @__PURE__ */ h("div", {
+										className: `gantt-bar-row ${M.showRowLines ? "gantt-bar-row--lined" : ""}`,
+										style: { height: x },
+										onMouseEnter: (t) => wt(t, e.node),
+										onMouseLeave: Tt,
+										children: bt(e)
+									}, e.node.id))
+								}),
+								xt()
+							]
+						})]
+					})
+				]
+			}),
+			Et(),
+			rt && J && /* @__PURE__ */ h("div", {
+				className: "gantt-edit-dialog-overlay",
+				onClick: Y,
+				children: /* @__PURE__ */ g("div", {
+					className: "gantt-edit-dialog",
+					onClick: (e) => e.stopPropagation(),
+					children: [
+						/* @__PURE__ */ g("div", {
+							className: "gantt-edit-dialog__header",
+							children: [/* @__PURE__ */ h("span", {
+								className: "gantt-edit-dialog__title",
+								children: j.edit
+							}), /* @__PURE__ */ h("button", {
+								type: "button",
+								className: "gantt-edit-dialog__close",
+								onClick: Y,
+								children: "\\u00D7"
+							})]
+						}),
+						/* @__PURE__ */ h("div", {
+							className: "gantt-edit-dialog__body",
+							children: /* @__PURE__ */ h("input", {
+								ref: ot,
+								className: "gantt-edit-dialog__input",
+								value: K,
+								onChange: (e) => q(e.target.value),
+								onKeyDown: (e) => {
+									e.key === "Enter" && ct(), e.key === "Escape" && Y();
+								},
+								autoFocus: !0
+							})
+						}),
+						/* @__PURE__ */ g("div", {
+							className: "gantt-edit-dialog__footer",
+							children: [/* @__PURE__ */ h("button", {
+								type: "button",
+								className: "gantt-edit-dialog__btn gantt-edit-dialog__btn--cancel",
+								onClick: Y,
+								children: "Cancel"
+							}), /* @__PURE__ */ h("button", {
+								type: "button",
+								className: "gantt-edit-dialog__btn gantt-edit-dialog__btn--submit",
+								onClick: ct,
+								disabled: !K.trim(),
+								children: "OK"
+							})]
+						})
+					]
+				})
+			})
+		]
+	});
+});
+//#endregion
+export { ne as default };
+
+//# sourceMappingURL=Gantt.js.map