@pisell/materials 1.8.41 → 1.8.42

package/lib/components/pisellRecordBoard/shellFrame/Calendar/hooks/useBookingCalendarDayOverlayLayout.js

@@ -0,0 +1,75 @@
+require("../../../../../_virtual/_rolldown/runtime.js");
+const require_bookingCalendarConstants = require("../const/bookingCalendarConstants.js");
+const require_bookingCalendarDateUtils = require("../utils/bookingCalendarDateUtils.js");
+let react = require("react");
+//#region src/components/pisellRecordBoard/shellFrame/Calendar/hooks/useBookingCalendarDayOverlayLayout.ts
+/**
+* 日视图：按 overlay 并行度计算行高、booking overlay 列表、+N 溢出汇总。
+*/
+function useBookingCalendarDayOverlayLayout(visibleCourtRows, dayKey, bookings, hourSlots, slotStepHours) {
+	return (0, react.useMemo)(() => {
+		const defaultHeights = visibleCourtRows.map((row) => row.kind === "group" ? 38 : 44);
+		let overlays = require_bookingCalendarDateUtils.buildOverlayBookings(visibleCourtRows, dayKey, bookings, require_bookingCalendarDateUtils.buildDayRowTopMap(visibleCourtRows, defaultHeights), hourSlots, defaultHeights, slotStepHours);
+		const expandedHeights = visibleCourtRows.map((row, i) => {
+			if (row.kind !== "court") return defaultHeights[i];
+			if (!overlays.some((o) => o.courtId === row.id)) return defaultHeights[i];
+			return require_bookingCalendarConstants.dayCourtOverlayRowHeightPx(require_bookingCalendarDateUtils.effectiveDayOverlayDisplayLaneCount(require_bookingCalendarDateUtils.maxConcurrentBookingsOnCourt(overlays, row.id)));
+		});
+		const tops2 = require_bookingCalendarDateUtils.buildDayRowTopMap(visibleCourtRows, expandedHeights);
+		overlays = require_bookingCalendarDateUtils.buildOverlayBookings(visibleCourtRows, dayKey, bookings, tops2, hourSlots, expandedHeights, slotStepHours);
+		const courtDayDisplayLaneCount = {};
+		const hiddenDayOverlayIdSet = /* @__PURE__ */ new Set();
+		const dayOverlayOverflowPluses = [];
+		for (const row of visibleCourtRows) {
+			if (row.kind !== "court") continue;
+			const cid = row.id;
+			courtDayDisplayLaneCount[cid] = require_bookingCalendarDateUtils.effectiveDayOverlayDisplayLaneCount(require_bookingCalendarDateUtils.maxConcurrentBookingsOnCourt(overlays, cid));
+			const clusters = require_bookingCalendarDateUtils.clusterDayCourtOverlaysByOverlap(overlays, cid);
+			for (const cluster of clusters) {
+				if (cluster.length <= 3) continue;
+				const sortedByLane = [...cluster].sort((a, b) => {
+					var _a$lane, _b$lane;
+					return ((_a$lane = a.lane) !== null && _a$lane !== void 0 ? _a$lane : 0) - ((_b$lane = b.lane) !== null && _b$lane !== void 0 ? _b$lane : 0) || a.start - b.start;
+				});
+				for (let i = 3; i < sortedByLane.length; i++) {
+					const o = sortedByLane[i];
+					hiddenDayOverlayIdSet.add(require_bookingCalendarDateUtils.dayOverlayHiddenKey(o.item, dayKey, o.courtId));
+				}
+				const hidden = sortedByLane.slice(3);
+				let minS = Infinity;
+				let maxE = -Infinity;
+				for (const o of cluster) {
+					minS = Math.min(minS, o.start);
+					maxE = Math.max(maxE, o.start + o.span);
+				}
+				const anchor = hidden[0];
+				dayOverlayOverflowPluses.push({
+					key: `${cid}-${minS}-${maxE}-${dayKey}`,
+					courtId: cid,
+					rowTop: anchor.rowTop,
+					rowHeight: anchor.rowHeight,
+					start: minS,
+					span: maxE - minS,
+					plusCount: hidden.length,
+					overflowItems: hidden.map((o) => o.item)
+				});
+			}
+		}
+		return {
+			dayRowHeights: expandedHeights,
+			dayRowTopMap: tops2,
+			overlayBookings: overlays,
+			courtDayDisplayLaneCount,
+			hiddenDayOverlayIdSet,
+			dayOverlayOverflowPluses
+		};
+	}, [
+		visibleCourtRows,
+		dayKey,
+		bookings,
+		hourSlots,
+		slotStepHours
+	]);
+}
+//#endregion
+exports.useBookingCalendarDayOverlayLayout = useBookingCalendarDayOverlayLayout;

package/lib/components/pisellRecordBoard/shellFrame/Calendar/modal/BookingCalendarBlockPanel.js

@@ -0,0 +1,63 @@
+const require_runtime = require("../../../../../_virtual/_rolldown/runtime.js");
+const require_calendarI18n = require("../calendarI18n.js");
+let react = require("react");
+react = require_runtime.__toESM(react);
+let antd = require("antd");
+let _ant_design_icons = require("@ant-design/icons");
+//#region src/components/pisellRecordBoard/shellFrame/Calendar/modal/BookingCalendarBlockPanel.tsx
+const { RangePicker } = antd.DatePicker;
+/**
+* 内置锁台 / 屏蔽时间表单（宿主未传 `onBlockedTimePanelRequest` 时使用）。
+*/
+function BookingCalendarBlockPanel({ blockPanelRef, isLight, blockFormName, setBlockFormName, blockModalNote, setBlockModalNote, blockResourceId, setBlockResourceId, blockTimeRange, setBlockTimeRange, resolvedSlotMinutes, visibleCourts, blockSaving, onClose, onSave }) {
+	return /* @__PURE__ */ react.default.createElement("div", { className: "fixed inset-0 z-50 bg-black/55 backdrop-blur-sm flex items-end md:items-center justify-center p-2 md:p-4" }, /* @__PURE__ */ react.default.createElement("div", {
+		ref: blockPanelRef,
+		className: `w-full max-w-[720px] max-h-[92vh] overflow-y-auto rounded-t-3xl md:rounded-3xl border p-4 md:p-6 shadow-2xl ${isLight ? "theme-panel theme-border soft-shadow" : "border-zinc-700 bg-[#121217]"}`
+	}, /* @__PURE__ */ react.default.createElement("div", { className: "mb-4 flex items-center justify-between gap-3" }, /* @__PURE__ */ react.default.createElement("div", { className: "text-xl font-semibold" }, require_calendarI18n.tCal("pisell2.recordBoard.calendar.block.panelTitle")), /* @__PURE__ */ react.default.createElement("button", {
+		type: "button",
+		"aria-label": require_calendarI18n.tCal("pisell2.recordBoard.calendar.block.closeAria"),
+		onClick: onClose,
+		className: `rounded-xl p-2 ${isLight ? "btn-neutral" : "border border-zinc-700 text-zinc-300"}`
+	}, /* @__PURE__ */ react.default.createElement(_ant_design_icons.CloseOutlined, { style: { fontSize: 20 } }))), /* @__PURE__ */ react.default.createElement("div", { className: `space-y-4 rounded-2xl border p-4 ${isLight ? "theme-panel-alt theme-border" : "border-zinc-700 bg-[#171820]"}` }, /* @__PURE__ */ react.default.createElement("div", null, /* @__PURE__ */ react.default.createElement("label", { className: `mb-2 block text-sm ${isLight ? "theme-text-muted" : "text-zinc-400"}` }, require_calendarI18n.tCal("pisell2.recordBoard.calendar.block.fieldTitle")), /* @__PURE__ */ react.default.createElement("input", {
+		value: blockFormName,
+		onChange: (e) => setBlockFormName(e.target.value),
+		placeholder: require_calendarI18n.tCal("pisell2.recordBoard.calendar.block.placeholderTitle"),
+		className: `w-full rounded-xl px-3 py-2 outline-none ${isLight ? "theme-input theme-text" : "border border-zinc-700 bg-[#111218] text-white"}`
+	})), /* @__PURE__ */ react.default.createElement("div", null, /* @__PURE__ */ react.default.createElement("label", { className: `mb-2 block text-sm ${isLight ? "theme-text-muted" : "text-zinc-400"}` }, "备注"), /* @__PURE__ */ react.default.createElement("input", {
+		value: blockModalNote,
+		onChange: (e) => setBlockModalNote(e.target.value),
+		placeholder: "选填",
+		className: `w-full rounded-xl px-3 py-2 outline-none ${isLight ? "theme-input theme-text" : "border border-zinc-700 bg-[#111218] text-white"}`
+	})), /* @__PURE__ */ react.default.createElement("div", null, /* @__PURE__ */ react.default.createElement("label", { className: `mb-2 block text-sm ${isLight ? "theme-text-muted" : "text-zinc-400"}` }, require_calendarI18n.tCal("pisell2.recordBoard.calendar.block.fieldResource")), /* @__PURE__ */ react.default.createElement("select", {
+		value: blockResourceId,
+		onChange: (e) => setBlockResourceId(e.target.value),
+		className: `w-full rounded-xl px-3 py-2 outline-none ${isLight ? "theme-input theme-text" : "border border-zinc-700 bg-[#111218] text-white"}`
+	}, /* @__PURE__ */ react.default.createElement("option", { value: "" }, require_calendarI18n.tCal("pisell2.recordBoard.calendar.block.noResource")), visibleCourts.map((c) => /* @__PURE__ */ react.default.createElement("option", {
+		key: c.id,
+		value: String(c.id)
+	}, c.name)))), /* @__PURE__ */ react.default.createElement("div", null, /* @__PURE__ */ react.default.createElement("label", { className: `mb-2 block text-sm ${isLight ? "theme-text-muted" : "text-zinc-400"}` }, require_calendarI18n.tCal("pisell2.recordBoard.calendar.block.fieldTimeRange")), /* @__PURE__ */ react.default.createElement(RangePicker, {
+		style: { width: "100%" },
+		showTime: {
+			format: "HH:mm",
+			minuteStep: resolvedSlotMinutes >= 60 ? 60 : Math.max(1, resolvedSlotMinutes)
+		},
+		format: "YYYY-MM-DD HH:mm",
+		value: blockTimeRange !== null && blockTimeRange !== void 0 ? blockTimeRange : void 0,
+		onChange: (v) => {
+			var _ref;
+			return setBlockTimeRange((_ref = v) !== null && _ref !== void 0 ? _ref : null);
+		}
+	}))), /* @__PURE__ */ react.default.createElement("div", { className: "mt-6 flex flex-col-reverse sm:flex-row items-stretch sm:items-center justify-end gap-3" }, /* @__PURE__ */ react.default.createElement("button", {
+		type: "button",
+		disabled: blockSaving,
+		onClick: onClose,
+		className: `rounded-xl px-4 py-2 ${isLight ? "btn-neutral" : "border border-zinc-700 text-zinc-300"}`
+	}, require_calendarI18n.tCal("pisell2.recordBoard.calendar.common.cancel")), /* @__PURE__ */ react.default.createElement("button", {
+		type: "button",
+		disabled: blockSaving,
+		onClick: () => void onSave(),
+		className: `rounded-xl px-5 py-3 text-sm font-semibold disabled:opacity-50 ${isLight ? "btn-brand" : "bg-violet-600 text-white"}`
+	}, blockSaving ? require_calendarI18n.tCal("pisell2.recordBoard.calendar.common.saving") : require_calendarI18n.tCal("pisell2.recordBoard.calendar.common.save")))));
+}
+//#endregion
+exports.BookingCalendarBlockPanel = BookingCalendarBlockPanel;

package/lib/components/pisellRecordBoard/shellFrame/Calendar/modal/BookingCalendarOverflowListLayer.js

@@ -0,0 +1,28 @@
+const require_runtime = require("../../../../../_virtual/_rolldown/runtime.js");
+const require_calendarI18n = require("../calendarI18n.js");
+const require_OverflowListModal = require("./OverflowListModal.js");
+let react = require("react");
+react = require_runtime.__toESM(react);
+//#region src/components/pisellRecordBoard/shellFrame/Calendar/modal/BookingCalendarOverflowListLayer.tsx
+/**
+* 全局溢出预约列表弹层（月/周/资源格 `+N` 点开后）。
+*/
+function BookingCalendarOverflowListLayer({ overflowPanelRef, isLight, modal, onClose, onPickItem }) {
+	return /* @__PURE__ */ react.default.createElement("div", { className: "fixed inset-0 z-[69] bg-black/45 backdrop-blur-sm flex items-center justify-center p-4" }, /* @__PURE__ */ react.default.createElement("div", {
+		ref: overflowPanelRef,
+		className: `flex w-full max-w-[520px] max-h-[72vh] flex-col overflow-hidden rounded-3xl border p-5 shadow-2xl ${isLight ? "theme-panel theme-border soft-shadow" : "border-zinc-700 bg-[#121217]"}`
+	}, /* @__PURE__ */ react.default.createElement("div", { className: "mb-4 flex shrink-0 items-start justify-between" }, /* @__PURE__ */ react.default.createElement("div", null, /* @__PURE__ */ react.default.createElement("div", { className: "text-xl font-semibold" }, require_calendarI18n.tCal("pisell2.recordBoard.calendar.overflow.bookingsForDay")), /* @__PURE__ */ react.default.createElement("div", { className: "mt-1 text-sm text-zinc-400" }, modal.title)), /* @__PURE__ */ react.default.createElement("button", {
+		type: "button",
+		onClick: onClose,
+		className: "rounded-xl border border-zinc-700 px-3 py-2 text-zinc-300"
+	}, require_calendarI18n.tCal("pisell2.recordBoard.calendar.common.close"))), /* @__PURE__ */ react.default.createElement("div", { className: "min-h-0 flex-1 overflow-hidden px-0.5" }, /* @__PURE__ */ react.default.createElement(require_OverflowListModal.OverflowListModalVirtualList, {
+		items: modal.items,
+		dateKey: modal.date,
+		listWidth: 468,
+		onPickItem,
+		onClose,
+		showStatusUi: Boolean(modal.scope && String(modal.scope).startsWith("day-lane-overflow-"))
+	}))));
+}
+//#endregion
+exports.BookingCalendarOverflowListLayer = BookingCalendarOverflowListLayer;

package/lib/components/pisellRecordBoard/shellFrame/Calendar/modal/MoveConfirmModal.js

@@ -0,0 +1,81 @@
+const require_runtime = require("../../../../../_virtual/_rolldown/runtime.js");
+const require_objectSpread2 = require("../../../../../_virtual/_@oxc-project_runtime@0.122.0/helpers/objectSpread2.js");
+const require_calendarI18n = require("../calendarI18n.js");
+const require_bookingCalendarDateUtils = require("../utils/bookingCalendarDateUtils.js");
+let react = require("react");
+react = require_runtime.__toESM(react);
+//#region src/components/pisellRecordBoard/shellFrame/Calendar/modal/MoveConfirmModal.tsx
+/** 拖拽改期后的确认弹窗（Court / 日期 / 起止时间） */
+function MoveConfirmModal({ moveConfirm, moveDraft, setMoveDraft, panelRef, isLight, courts, visibleCourts, hourSlots, isBusinessHour, firstTimelineHour, endTimelineExclusive, onConfirm, onClose }) {
+	var _detail$customer, _detail$customer2, _detail$customer3, _courts$find, _courts$find2, _moveDraft$targetHour;
+	if (!moveConfirm) return null;
+	const detail = require_bookingCalendarDateUtils.getBookingDetailData(moveConfirm.item, courts);
+	const currentCustomer = {
+		name: ((_detail$customer = detail.customer) === null || _detail$customer === void 0 ? void 0 : _detail$customer.name) || detail.headerSummary.customerName,
+		phone: ((_detail$customer2 = detail.customer) === null || _detail$customer2 === void 0 ? void 0 : _detail$customer2.phone) || "",
+		email: ((_detail$customer3 = detail.customer) === null || _detail$customer3 === void 0 ? void 0 : _detail$customer3.email) || ""
+	};
+	const originalCourtName = ((_courts$find = courts.find((c) => c.id === moveConfirm.item.courtId)) === null || _courts$find === void 0 ? void 0 : _courts$find.name) || detail.headerSummary.resourceLabel || require_calendarI18n.tCal("pisell2.recordBoard.calendar.move.courtFallback");
+	const nextCourtName = ((_courts$find2 = courts.find((c) => c.id === ((moveDraft === null || moveDraft === void 0 ? void 0 : moveDraft.targetCourtId) || moveConfirm.targetCourtId))) === null || _courts$find2 === void 0 ? void 0 : _courts$find2.name) || require_calendarI18n.tCal("pisell2.recordBoard.calendar.move.courtFallback");
+	const originalDate = moveConfirm.item.date;
+	const originalStart = require_bookingCalendarDateUtils.formatHourLabel(moveConfirm.item.startHour);
+	const originalEnd = require_bookingCalendarDateUtils.formatHourLabel(moveConfirm.item.endHour);
+	const nextDate = (moveDraft === null || moveDraft === void 0 ? void 0 : moveDraft.targetDate) || moveConfirm.targetDate;
+	const nextStartHour = (_moveDraft$targetHour = moveDraft === null || moveDraft === void 0 ? void 0 : moveDraft.targetHour) !== null && _moveDraft$targetHour !== void 0 ? _moveDraft$targetHour : moveConfirm.targetHour;
+	const duration = moveConfirm.item.endHour - moveConfirm.item.startHour;
+	const nextEndHour = nextStartHour + duration;
+	const changed = originalDate !== nextDate || moveConfirm.item.courtId !== ((moveDraft === null || moveDraft === void 0 ? void 0 : moveDraft.targetCourtId) || moveConfirm.targetCourtId) || moveConfirm.item.startHour !== nextStartHour;
+	const isDragScenario = moveConfirm.item.date !== moveConfirm.targetDate || moveConfirm.item.startHour !== moveConfirm.targetHour || moveConfirm.item.courtId !== moveConfirm.targetCourtId;
+	const slotDisabledLabel = (hour) => require_calendarI18n.tCal("pisell2.recordBoard.calendar.move.slotDisabled", { time: require_bookingCalendarDateUtils.formatHourLabel(hour) });
+	return /* @__PURE__ */ react.default.createElement("div", { className: "fixed inset-0 z-[72] bg-black/45 backdrop-blur-sm flex items-center justify-center p-4" }, /* @__PURE__ */ react.default.createElement("div", {
+		ref: panelRef,
+		className: `w-full max-w-[980px] rounded-3xl border p-6 shadow-2xl ${isLight ? "theme-panel theme-border soft-shadow" : "border-zinc-700 bg-[#121217]"}`
+	}, /* @__PURE__ */ react.default.createElement("div", { className: "text-[22px] font-semibold" }, require_calendarI18n.tCal("pisell2.recordBoard.calendar.move.title")), /* @__PURE__ */ react.default.createElement("div", { className: `mt-2 text-sm ${isLight ? "theme-text-muted" : "text-zinc-400"}` }, require_calendarI18n.tCal("pisell2.recordBoard.calendar.move.subtitle")), /* @__PURE__ */ react.default.createElement("div", { className: "mt-5 space-y-4" }, /* @__PURE__ */ react.default.createElement("div", { className: `rounded-3xl border p-5 ${isLight ? "theme-panel-alt theme-border" : "border-zinc-700 bg-[#171820]"}` }, /* @__PURE__ */ react.default.createElement("div", { className: "min-w-0 flex-1" }, /* @__PURE__ */ react.default.createElement("div", { className: `text-xs uppercase tracking-[0.14em] ${isLight ? "theme-text-muted" : "text-zinc-500"}` }, require_calendarI18n.tCal("pisell2.recordBoard.calendar.move.customer")), /* @__PURE__ */ react.default.createElement("div", { className: `mt-3 text-[20px] font-semibold ${isLight ? "theme-text" : "text-white"}` }, currentCustomer.name), /* @__PURE__ */ react.default.createElement("div", { className: `mt-2 text-sm ${isLight ? "theme-text-muted" : "text-zinc-400"}` }, currentCustomer.phone || require_calendarI18n.tCal("pisell2.recordBoard.calendar.move.noPhone")), /* @__PURE__ */ react.default.createElement("div", { className: `mt-1 text-sm ${isLight ? "theme-text-muted" : "text-zinc-400"}` }, currentCustomer.email || require_calendarI18n.tCal("pisell2.recordBoard.calendar.move.noEmail")))), /* @__PURE__ */ react.default.createElement("div", { className: "grid min-w-0 gap-4 md:grid-cols-2" }, /* @__PURE__ */ react.default.createElement("div", { className: "min-w-0" }, /* @__PURE__ */ react.default.createElement("label", { className: `mb-2 block text-sm ${isLight ? "theme-text-muted" : "text-zinc-400"}` }, require_calendarI18n.tCal("pisell2.recordBoard.calendar.move.court")), /* @__PURE__ */ react.default.createElement("select", {
+		value: (moveDraft === null || moveDraft === void 0 ? void 0 : moveDraft.targetCourtId) || moveConfirm.targetCourtId,
+		onChange: (e) => setMoveDraft((prev) => require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({}, prev || {}), {}, { targetCourtId: e.target.value })),
+		className: `min-w-0 w-full rounded-2xl px-4 py-4 outline-none ${isLight ? "theme-input theme-text" : "border border-zinc-700 bg-[#171820] text-white"}`
+	}, visibleCourts.map((court) => /* @__PURE__ */ react.default.createElement("option", {
+		key: court.id,
+		value: court.id
+	}, court.name)))), /* @__PURE__ */ react.default.createElement("div", { className: "min-w-0" }, /* @__PURE__ */ react.default.createElement("label", { className: `mb-2 block text-sm ${isLight ? "theme-text-muted" : "text-zinc-400"}` }, require_calendarI18n.tCal("pisell2.recordBoard.calendar.move.newDate")), /* @__PURE__ */ react.default.createElement("input", {
+		type: "date",
+		value: (moveDraft === null || moveDraft === void 0 ? void 0 : moveDraft.targetDate) || moveConfirm.targetDate,
+		onChange: (e) => setMoveDraft((prev) => require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({}, prev || {}), {}, { targetDate: e.target.value })),
+		className: `min-w-0 w-full rounded-2xl py-4 pl-4 pr-11 outline-none [color-scheme:dark] [&::-webkit-calendar-picker-indicator]:ml-auto [&::-webkit-calendar-picker-indicator]:mr-1 ${isLight ? "theme-input theme-text [color-scheme:light]" : "border border-zinc-700 bg-[#171820] text-white"}`
+	}))), /* @__PURE__ */ react.default.createElement("div", { className: "grid min-w-0 gap-4 md:grid-cols-2" }, /* @__PURE__ */ react.default.createElement("div", { className: "min-w-0" }, /* @__PURE__ */ react.default.createElement("label", { className: `mb-2 block text-sm ${isLight ? "theme-text-muted" : "text-zinc-400"}` }, require_calendarI18n.tCal("pisell2.recordBoard.calendar.move.newStartTime")), /* @__PURE__ */ react.default.createElement("select", {
+		value: nextStartHour,
+		onChange: (e) => setMoveDraft((prev) => require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({}, prev || {}), {}, { targetHour: Number(e.target.value) })),
+		className: `min-w-0 w-full rounded-2xl px-4 py-4 outline-none ${isLight ? "theme-input theme-text" : "border border-zinc-700 bg-[#171820] text-white"}`
+	}, hourSlots.filter(isBusinessHour).map((hour) => {
+		const disabled = hour + duration > endTimelineExclusive;
+		return /* @__PURE__ */ react.default.createElement("option", {
+			key: hour,
+			value: hour,
+			disabled
+		}, disabled ? slotDisabledLabel(hour) : require_bookingCalendarDateUtils.formatHourLabel(hour));
+	}))), /* @__PURE__ */ react.default.createElement("div", { className: "min-w-0" }, /* @__PURE__ */ react.default.createElement("label", { className: `mb-2 block text-sm ${isLight ? "theme-text-muted" : "text-zinc-400"}` }, require_calendarI18n.tCal("pisell2.recordBoard.calendar.move.newEndTime")), /* @__PURE__ */ react.default.createElement("select", {
+		value: nextEndHour,
+		onChange: (e) => {
+			const nextEnd = Number(e.target.value);
+			setMoveDraft((prev) => require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({}, prev || {}), {}, { targetHour: nextEnd - duration }));
+		},
+		className: `min-w-0 w-full rounded-2xl px-4 py-4 outline-none ${isLight ? "theme-input theme-text" : "border border-zinc-700 bg-[#171820] text-white"}`
+	}, hourSlots.filter(isBusinessHour).map((hour) => {
+		const disabled = hour - duration < firstTimelineHour;
+		return /* @__PURE__ */ react.default.createElement("option", {
+			key: `end-${hour}`,
+			value: hour,
+			disabled
+		}, disabled ? slotDisabledLabel(hour) : require_bookingCalendarDateUtils.formatHourLabel(hour));
+	})))), changed && /* @__PURE__ */ react.default.createElement("div", { className: `rounded-3xl border p-5 ${isLight ? "theme-panel-alt theme-border" : "border-zinc-700 bg-[#171820]"}` }, /* @__PURE__ */ react.default.createElement("div", { className: `text-xs uppercase tracking-[0.14em] ${isLight ? "theme-text-muted" : "text-zinc-500"}` }, require_calendarI18n.tCal("pisell2.recordBoard.calendar.move.previousInfo")), /* @__PURE__ */ react.default.createElement("div", { className: "mt-3 grid gap-3 md:grid-cols-2" }, /* @__PURE__ */ react.default.createElement("div", { className: `rounded-2xl p-4 ${isLight ? "theme-panel" : "bg-[#101117]"}` }, /* @__PURE__ */ react.default.createElement("div", { className: `text-xs ${isLight ? "theme-text-muted" : "text-zinc-500"}` }, require_calendarI18n.tCal("pisell2.recordBoard.calendar.move.original")), /* @__PURE__ */ react.default.createElement("div", { className: `mt-2 text-sm ${isLight ? "theme-text-soft" : "text-zinc-300"}` }, originalCourtName), /* @__PURE__ */ react.default.createElement("div", { className: `mt-1 text-sm ${isLight ? "theme-text-soft" : "text-zinc-300"}` }, originalDate), /* @__PURE__ */ react.default.createElement("div", { className: `mt-1 text-sm ${isLight ? "theme-text-soft" : "text-zinc-300"}` }, originalStart, " - ", originalEnd)), /* @__PURE__ */ react.default.createElement("div", { className: `rounded-2xl p-4 ${isLight ? "theme-brand-surface border border-[var(--brand-light)]" : "bg-violet-600/10 border border-violet-500/30"}` }, /* @__PURE__ */ react.default.createElement("div", { className: `text-xs ${isLight ? "theme-brand-text" : "text-violet-300"}` }, isDragScenario ? require_calendarI18n.tCal("pisell2.recordBoard.calendar.move.dropTarget") : require_calendarI18n.tCal("pisell2.recordBoard.calendar.move.updated")), /* @__PURE__ */ react.default.createElement("div", { className: `mt-2 text-sm ${isLight ? "theme-text" : "text-white"}` }, nextCourtName), /* @__PURE__ */ react.default.createElement("div", { className: `mt-1 text-sm ${isLight ? "theme-text" : "text-white"}` }, nextDate), /* @__PURE__ */ react.default.createElement("div", { className: `mt-1 text-sm ${isLight ? "theme-text" : "text-white"}` }, require_bookingCalendarDateUtils.formatHourLabel(nextStartHour), " -", " ", require_bookingCalendarDateUtils.formatHourLabel(nextEndHour)))))), /* @__PURE__ */ react.default.createElement("div", { className: "mt-6 flex justify-end gap-3" }, /* @__PURE__ */ react.default.createElement("button", {
+		type: "button",
+		onClick: onClose,
+		className: `rounded-2xl px-5 py-3 ${isLight ? "btn-neutral" : "border border-zinc-700 text-zinc-300"}`
+	}, require_calendarI18n.tCal("pisell2.recordBoard.calendar.common.cancel")), /* @__PURE__ */ react.default.createElement("button", {
+		type: "button",
+		onClick: onConfirm,
+		className: "rounded-2xl bg-violet-600 px-6 py-3 font-semibold text-white"
+	}, require_calendarI18n.tCal("pisell2.recordBoard.calendar.move.confirm")))));
+}
+//#endregion
+exports.MoveConfirmModal = MoveConfirmModal;

package/lib/components/pisellRecordBoard/shellFrame/Calendar/modal/OverflowListModal.js

@@ -0,0 +1,64 @@
+const require_runtime = require("../../../../../_virtual/_rolldown/runtime.js");
+const require_objectSpread2 = require("../../../../../_virtual/_@oxc-project_runtime@0.122.0/helpers/objectSpread2.js");
+const require_bookingCalendarConstants = require("../const/bookingCalendarConstants.js");
+const require_bookingCalendarDateUtils = require("../utils/bookingCalendarDateUtils.js");
+const require_BookingCalendarStyle = require("../utils/BookingCalendarStyle.js");
+const require_bookingCalendarViewShared = require("../bookingCalendarViewShared.js");
+let react = require("react");
+react = require_runtime.__toESM(react);
+let react_window = require("react-window");
+let react_virtualized_auto_sizer = require("react-virtualized-auto-sizer");
+react_virtualized_auto_sizer = require_runtime.__toESM(react_virtualized_auto_sizer);
+//#region src/components/pisellRecordBoard/shellFrame/Calendar/modal/OverflowListModal.tsx
+/**
+* 溢出预约列表弹层：`FixedSizeList` 虚拟列表；视口宽高由 `AutoSizer` 跟随 flex 剩余区域，
+* 列表可视高度取 `min(内容总高, 可用高度)`，避免条数少时底部大块空白。
+*/
+function OverflowListModalVirtualList({ items, dateKey, onPickItem, onClose, showStatusUi = true }) {
+	const Row = (0, react.useCallback)(({ index, style }) => {
+		const extraItem = items[index];
+		if (!extraItem) return null;
+		const displayTag = showStatusUi ? require_bookingCalendarDateUtils.getDisplayStatusTag(extraItem, dateKey) : null;
+		const tagMeta = showStatusUi && displayTag ? require_bookingCalendarViewShared.statusTagMeta(displayTag) : null;
+		const rowStateClass = showStatusUi ? require_BookingCalendarStyle.getBookingStateClasses(extraItem, dateKey) : require_BookingCalendarStyle.getGridBookingRowStateClasses(extraItem);
+		return /* @__PURE__ */ react.default.createElement("div", { style: require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({}, style), {}, {
+			boxSizing: "border-box",
+			paddingLeft: 4,
+			paddingRight: 4,
+			paddingBottom: 8
+		}) }, /* @__PURE__ */ react.default.createElement("button", {
+			type: "button",
+			onClick: () => {
+				onClose();
+				onPickItem(extraItem);
+			},
+			className: `flex h-full min-h-0 w-full min-w-0 flex-col justify-center rounded-xl px-4 py-3 text-left text-white ${rowStateClass}`
+		}, /* @__PURE__ */ react.default.createElement("div", { className: "min-w-0 break-words font-medium" }, extraItem.name), /* @__PURE__ */ react.default.createElement("div", { className: "mt-1 text-sm opacity-85" }, require_bookingCalendarDateUtils.formatHourLabel(extraItem.startHour), " -", " ", require_bookingCalendarDateUtils.formatHourLabel(extraItem.endHour)), tagMeta && /* @__PURE__ */ react.default.createElement("div", { className: "mt-2 flex justify-end" }, /* @__PURE__ */ react.default.createElement("span", { className: `rounded-lg px-2 py-0.5 text-[10px] font-semibold ${tagMeta.className} backdrop-blur-[2px]` }, tagMeta.label))));
+	}, [
+		items,
+		dateKey,
+		onPickItem,
+		onClose,
+		showStatusUi
+	]);
+	if (!(items === null || items === void 0 ? void 0 : items.length)) return null;
+	return /* @__PURE__ */ react.default.createElement("div", { className: "pisell-scroll-hidden flex h-full min-h-0 w-full min-w-0 flex-1 flex-col touch-pan-y" }, /* @__PURE__ */ react.default.createElement(react_virtualized_auto_sizer.default, null, ({ height, width }) => {
+		/**
+		* flex + max-h 弹层里 AutoSizer 初测常为 0：用常量回退，避免整段 `return null` 空白。
+		* 父级列表区已设 min-height，正常情况会得到真实像素。
+		*/
+		const effH = height >= 1 ? height : 420;
+		const effW = width >= 1 ? width : 320;
+		const contentHeight = items.length * require_bookingCalendarConstants.OVERFLOW_MODAL_ROW_H;
+		const listHeight = Math.max(1, Math.min(contentHeight, effH));
+		return /* @__PURE__ */ react.default.createElement(react_window.FixedSizeList, {
+			height: listHeight,
+			itemCount: items.length,
+			itemSize: require_bookingCalendarConstants.OVERFLOW_MODAL_ROW_H,
+			width: effW,
+			style: { overflowX: "hidden" }
+		}, Row);
+	}));
+}
+//#endregion
+exports.OverflowListModalVirtualList = OverflowListModalVirtualList;

package/lib/components/pisellRecordBoard/shellFrame/Calendar/modal/OverflowPopover.js

@@ -0,0 +1,39 @@
+const require_runtime = require("../../../../../_virtual/_rolldown/runtime.js");
+const require_objectSpread2 = require("../../../../../_virtual/_@oxc-project_runtime@0.122.0/helpers/objectSpread2.js");
+const require_bookingCalendarConstants = require("../const/bookingCalendarConstants.js");
+const require_bookingCalendarDateUtils = require("../utils/bookingCalendarDateUtils.js");
+let react = require("react");
+react = require_runtime.__toESM(react);
+let react_window = require("react-window");
+//#region src/components/pisellRecordBoard/shellFrame/Calendar/modal/OverflowPopover.tsx
+/** 月/周格「+N」悬停层内的虚拟列表（overflowPopover） */
+function MonthGridOverflowVirtualList({ items, listWidth, onPickItem }) {
+	if (!(items === null || items === void 0 ? void 0 : items.length)) return null;
+	const listH = Math.min(items.length * require_bookingCalendarConstants.MONTH_OVERFLOW_POPOVER_ITEM_H, 280);
+	const Row = (0, react.useCallback)(({ index, style }) => {
+		const extraItem = items[index];
+		if (!extraItem) return null;
+		return /* @__PURE__ */ react.default.createElement("div", { style: require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({}, style), {}, {
+			boxSizing: "border-box",
+			paddingLeft: 2,
+			paddingRight: 6,
+			paddingBottom: 8
+		}) }, /* @__PURE__ */ react.default.createElement("button", {
+			type: "button",
+			onClick: (e) => {
+				e.stopPropagation();
+				onPickItem(extraItem);
+			},
+			className: `flex h-full min-h-0 w-full flex-col justify-center rounded-lg px-3 py-2 text-xs text-left ${extraItem.kind === "block" ? "bg-red-700/70 text-red-100" : "bg-violet-700/90 text-violet-50"}`
+		}, /* @__PURE__ */ react.default.createElement("div", { className: "truncate" }, extraItem.name), /* @__PURE__ */ react.default.createElement("div", { className: "mt-1 opacity-80" }, require_bookingCalendarDateUtils.formatHourLabel(extraItem.startHour), " -", " ", require_bookingCalendarDateUtils.formatHourLabel(extraItem.endHour))));
+	}, [items, onPickItem]);
+	return /* @__PURE__ */ react.default.createElement(react_window.FixedSizeList, {
+		height: listH,
+		itemCount: items.length,
+		itemSize: require_bookingCalendarConstants.MONTH_OVERFLOW_POPOVER_ITEM_H,
+		width: listWidth,
+		style: { overflowX: "hidden" }
+	}, Row);
+}
+//#endregion
+exports.MonthGridOverflowVirtualList = MonthGridOverflowVirtualList;

package/lib/components/pisellRecordBoard/shellFrame/Calendar/utils/BookingCalendarStyle.js

@@ -0,0 +1,21 @@
+const require_bookingCalendarDateUtils = require("./bookingCalendarDateUtils.js");
+//#region src/components/pisellRecordBoard/shellFrame/Calendar/utils/BookingCalendarStyle.ts
+function getBookingStateClasses(item, dateKey) {
+	const displayTag = require_bookingCalendarDateUtils.getDisplayStatusTag(item, dateKey);
+	if (displayTag === "cancel") return "bg-zinc-700/55 border border-zinc-500/70 text-zinc-100 grayscale-[0.2]";
+	if (displayTag === "no_show") return "bg-zinc-700/55 border border-red-500/70 text-zinc-200 grayscale-[0.15]";
+	if (displayTag === "late") return "bg-violet-700/90 border border-amber-400/80 text-violet-50";
+	if (item.kind === "block") return "bg-red-700/70 text-red-100";
+	return "bg-violet-700/90 text-violet-50";
+}
+/**
+* 月 / 周紧凑格：不按签到/取消/迟到等状态变色，仅区分 booking（默认紫）与 block（红）。
+* 与 {@link getBookingStateClasses} 在无状态分支时一致，但不读取 `dateKey`。
+*/
+function getGridBookingRowStateClasses(item) {
+	if (item.kind === "block") return "bg-red-700/70 text-red-100";
+	return "bg-violet-700/90 text-violet-50";
+}
+//#endregion
+exports.getBookingStateClasses = getBookingStateClasses;
+exports.getGridBookingRowStateClasses = getGridBookingRowStateClasses;