@pisell/materials 1.8.41 → 1.8.42

package/lib/components/pisellRecordBoard/shellFrame/Calendar/BookingCalendar.less

@@ -0,0 +1,313 @@
+/**
+ * RecordBoard 内嵌 BookingCalendar 的壳层与暗/亮主题 token（自原内联 <style> 迁出，供单处维护）。
+ * 与根节点 `theme-root` + `theme-light` / `theme-dark` 类名配合使用。
+ */
+.pisell-scroll-hidden {
+  scrollbar-width: none;
+  -ms-overflow-style: none;
+}
+.pisell-scroll-hidden::-webkit-scrollbar {
+  width: 0;
+  height: 0;
+  display: none;
+}
+
+.pisell-rb-cal-spin-wrap {
+  flex: 1 1 0%;
+  min-height: 0;
+  display: flex;
+  flex-direction: column;
+}
+.pisell-rb-cal-spin-wrap .pisell-lowcode-spin-container,
+.pisell-rb-cal-spin-wrap .ant-spin-container {
+  flex: 1 1 0%;
+  min-height: 0;
+  display: flex;
+  flex-direction: column;
+}
+
+.theme-root {
+  --bg-app: #060913;
+  --bg-shell: #080d1b;
+  --bg-header: #10172a;
+  --bg-toolbar: #0d1325;
+  --bg-panel: #0d1325;
+  --bg-panel-soft: #10172a;
+  --bg-panel-alt: #10172a;
+  --bg-elevated: #09101d;
+  --bg-grid-cell: #0a0f1d;
+  --bg-grid-muted: #080d1b;
+  --bg-sticky: #09101d;
+  --bg-input: #0d1325;
+  --border-soft: rgba(255, 255, 255, 0.1);
+  --border-strong: rgba(255, 255, 255, 0.16);
+  --text-main: #ffffff;
+  --text-soft: rgba(255, 255, 255, 0.72);
+  --text-muted: rgba(255, 255, 255, 0.45);
+  --text-faint: rgba(255, 255, 255, 0.15);
+  --shadow-heavy: 0 24px 80px rgba(0, 0, 0, 0.42);
+  --brand-primary: #7f56da;
+  --brand-deep: #6941c6;
+  --brand-light: #b692f6;
+  --brand-surface: rgba(127, 86, 218, 0.12);
+  --success-text: #32d583;
+  --success-surface: rgba(18, 183, 106, 0.1);
+  --success-border: rgba(50, 213, 131, 0.22);
+  --warning-text: #fdb022;
+  --warning-surface: rgba(247, 144, 9, 0.1);
+  --warning-border: rgba(253, 176, 34, 0.22);
+  --danger-text: #f97066;
+  --danger-surface: rgba(240, 68, 56, 0.1);
+  --danger-border: rgba(240, 68, 56, 0.22);
+  --info-text: #53b1fd;
+  --info-surface: rgba(46, 144, 250, 0.1);
+  --info-border: rgba(83, 177, 253, 0.24);
+  --pickup-text: #f670c7;
+  --pickup-surface: rgba(238, 70, 188, 0.1);
+  --pickup-border: rgba(246, 112, 199, 0.24);
+  --disabled-value: rgba(255, 255, 255, 0.15);
+  --side-brand-bg: #2b165c;
+  --side-brand-border: rgba(182, 146, 246, 0.26);
+}
+
+.theme-root.theme-light {
+  --bg-app: #e9eef5;
+  --bg-shell: #f8fafc;
+  --bg-header: #e2e8f4;
+  --bg-toolbar: #f8fafc;
+  --bg-panel: #ffffff;
+  --bg-panel-soft: #ffffff;
+  --bg-panel-alt: #f2f5f9;
+  --bg-elevated: #eef3f8;
+  --bg-grid-cell: #ffffff;
+  --bg-grid-muted: #f8fafc;
+  --bg-sticky: #eef3f8;
+  --bg-input: #f2f5f9;
+  --border-soft: #cbd5e1;
+  --border-strong: #b8c4d3;
+  --text-main: #101828;
+  --text-soft: #344054;
+  --text-muted: #667085;
+  --text-faint: #98a2b3;
+  --shadow-heavy: 0 18px 48px rgba(89, 61, 132, 0.08);
+  --brand-primary: #7f56da;
+  --brand-deep: #6941c6;
+  --brand-light: #b692f6;
+  --brand-surface: #f4ebff;
+  --success-text: #067647;
+  --success-surface: #d1fadf;
+  --success-border: #a6f4c5;
+  --warning-text: #b54708;
+  --warning-surface: #fef0c7;
+  --warning-border: #fedf89;
+  --danger-text: #b42318;
+  --danger-surface: #fee4e2;
+  --danger-border: #f04438;
+  --info-text: #175cd3;
+  --info-surface: #d1e9ff;
+  --info-border: #2e90fa;
+  --pickup-text: #c11574;
+  --pickup-surface: #fcceee;
+  --pickup-border: #ee46bc;
+  --disabled-value: #98a2b3;
+  --side-brand-bg: #6941c6;
+  --side-brand-border: rgba(127, 86, 218, 0.32);
+}
+
+.theme-app {
+  background: var(--bg-app);
+  color: var(--text-main);
+}
+.theme-shell {
+  background: var(--bg-shell);
+  color: var(--text-main);
+  border-color: var(--border-soft);
+  box-shadow: var(--shadow-heavy);
+}
+.theme-header {
+  background: var(--bg-header);
+  border-color: var(--border-soft);
+}
+.theme-toolbar {
+  background: var(--bg-toolbar);
+  border-color: var(--border-soft);
+}
+.theme-panel {
+  background: var(--bg-panel);
+  border-color: var(--border-soft);
+}
+.theme-panel-soft {
+  background: var(--bg-panel-soft);
+  border-color: var(--border-soft);
+}
+.theme-panel-alt {
+  background: var(--bg-panel-alt);
+  border-color: var(--border-soft);
+}
+.theme-elevated {
+  background: var(--bg-elevated);
+}
+.theme-grid-cell {
+  background: var(--bg-grid-cell);
+}
+.theme-grid-muted {
+  background: var(--bg-grid-muted);
+}
+.theme-sticky {
+  background: var(--bg-sticky);
+}
+.theme-input {
+  background: var(--bg-input);
+  border-color: var(--border-strong);
+  color: var(--text-main);
+}
+.theme-text {
+  color: var(--text-main);
+}
+.theme-text-soft {
+  color: var(--text-soft);
+}
+.theme-text-muted {
+  color: var(--text-muted);
+}
+.theme-text-faint {
+  color: var(--text-faint);
+}
+.theme-border {
+  border-color: var(--border-soft);
+}
+.theme-border-strong {
+  border-color: var(--border-strong);
+}
+.theme-brand-surface {
+  background: var(--brand-surface);
+}
+.theme-brand-text {
+  color: var(--brand-deep);
+}
+.theme-success-chip {
+  color: var(--success-text);
+  background: var(--success-surface);
+  border-color: var(--success-border);
+}
+.theme-warning-chip {
+  color: var(--warning-text);
+  background: var(--warning-surface);
+  border-color: var(--warning-border);
+}
+.theme-danger-chip {
+  color: var(--danger-text);
+  background: var(--danger-surface);
+  border-color: var(--danger-border);
+}
+.theme-info-chip {
+  color: var(--info-text);
+  background: var(--info-surface);
+  border-color: var(--info-border);
+}
+.theme-pickup-chip {
+  color: var(--pickup-text);
+  background: var(--pickup-surface);
+  border-color: var(--pickup-border);
+}
+.theme-disabled-value {
+  color: var(--disabled-value);
+}
+.theme-light .soft-shadow {
+  box-shadow: 0 12px 34px rgba(15, 23, 42, 0.08);
+}
+.btn-brand {
+  background: var(--brand-primary);
+  color: #fff;
+  border: 1px solid var(--brand-primary);
+}
+.btn-neutral {
+  background: var(--bg-input);
+  color: var(--text-main);
+  border: 1px solid var(--border-strong);
+}
+.btn-success {
+  background: var(--success-surface);
+  color: var(--success-text);
+  border: 1px solid var(--success-border);
+}
+.btn-warning {
+  background: var(--warning-surface);
+  color: var(--warning-text);
+  border: 1px solid var(--warning-border);
+}
+.btn-danger {
+  background: var(--danger-surface);
+  color: var(--danger-text);
+  border: 1px solid var(--danger-border);
+}
+.btn-info {
+  background: var(--info-surface);
+  color: var(--info-text);
+  border: 1px solid var(--info-border);
+}
+.surface-muted {
+  background: var(--bg-panel-alt);
+  border: 1px solid var(--border-soft);
+}
+.surface-card {
+  background: var(--bg-panel);
+  border: 1px solid var(--border-soft);
+}
+.text-disabled-token {
+  color: var(--disabled-value);
+}
+.btn-pill-active {
+  background: var(--brand-primary);
+  color: #fff;
+  border: 1px solid var(--brand-primary);
+}
+.btn-pill-neutral {
+  background: var(--bg-input);
+  color: var(--text-soft);
+  border: 1px solid var(--border-strong);
+}
+.surface-overlay {
+  background: color-mix(in srgb, var(--bg-panel) 88%, transparent);
+  border: 1px solid var(--border-soft);
+}
+.panel-dark-adapt {
+  background: var(--bg-panel);
+  border: 1px solid var(--border-soft);
+  color: var(--text-main);
+}
+.panel-soft-adapt {
+  background: var(--bg-panel-alt);
+  border: 1px solid var(--border-soft);
+  color: var(--text-main);
+}
+.input-adapt {
+  background: var(--bg-input);
+  border: 1px solid var(--border-strong);
+  color: var(--text-main);
+}
+.caption-adapt {
+  color: var(--text-muted);
+}
+.surface-brand-side {
+  background: var(--side-brand-bg);
+  color: #fff;
+  border-color: var(--side-brand-border);
+}
+.surface-brand-side-muted {
+  background: color-mix(in srgb, var(--side-brand-bg) 88%, white 12%);
+  color: #fff;
+  border-color: var(--side-brand-border);
+}
+.badge-brand-dot {
+  background: var(--brand-primary);
+  color: #fff;
+}
+
+/** 周/日视图左侧资源名与分组名：单行省略（BookingCalendarWeekView / BookingCalendarGroupRowHeader） */
+.pisell-rb-cal-week-resource-name {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  min-width: 0;
+}

package/lib/components/pisellRecordBoard/shellFrame/Calendar/PisellRecordBoardCalendarView.d.ts

@@ -4,7 +4,11 @@ import React from "react";
 //#region src/components/pisellRecordBoard/shellFrame/Calendar/PisellRecordBoardCalendarView.d.ts
 type PisellRecordBoardCalendarViewProps = RecordBoardCalendarProps;
 /**
- * RecordBoard 日历视图：内嵌 BookingCalendarDemo（Tailwind 样式由包入口 `pisell-materials.tw.css` 注入）。
+ * RecordBoard 日历视图：内嵌 `BookingCalendar`（Tailwind 由包入口 `pisell-materials.tw.css` 注入）。
+ *
+ * **布局分工**：外层 Shell 上 `pisell-record-board-calendar-viewport`（flex:1 / min-height:0 / overflow:hidden）
+ * 只做「占位与裁剪高度」；本组件根节点负责在同一 flex 列里向下传递 **min-height:0**，避免 `BookingCalendar`
+ * 撑破壳层（一层即可，历史上曾双包一层重复 flex+overflow）。
  */
 declare function PisellRecordBoardCalendarView(props: PisellRecordBoardCalendarViewProps): React.JSX.Element;
 //#endregion

package/lib/components/pisellRecordBoard/shellFrame/Calendar/PisellRecordBoardCalendarView.js

@@ -2,9 +2,11 @@ const require_runtime = require("../../../../_virtual/_rolldown/runtime.js");
 const require_objectSpread2 = require("../../../../_virtual/_@oxc-project_runtime@0.122.0/helpers/objectSpread2.js");
 const require_objectWithoutProperties = require("../../../../_virtual/_@oxc-project_runtime@0.122.0/helpers/objectWithoutProperties.js");
 const require_calendarPersistGuard = require("./calendarPersistGuard.js");
-const require_BookingCalendarDemo = require("./BookingCalendarDemo.js");
+const require_BookingCalendar = require("./BookingCalendar.js");
 let react = require("react");
 react = require_runtime.__toESM(react);
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
 //#region src/components/pisellRecordBoard/shellFrame/Calendar/PisellRecordBoardCalendarView.tsx
 const _excluded = [
 	"persistGuard",
@@ -12,21 +14,22 @@ const _excluded = [
 	"style"
 ];
 /**
-* RecordBoard 日历视图：内嵌 BookingCalendarDemo（Tailwind 样式由包入口 `pisell-materials.tw.css` 注入）。
+* RecordBoard 日历视图：内嵌 `BookingCalendar`（Tailwind 由包入口 `pisell-materials.tw.css` 注入）。
+*
+* **布局分工**：外层 Shell 上 `pisell-record-board-calendar-viewport`（flex:1 / min-height:0 / overflow:hidden）
+* 只做「占位与裁剪高度」；本组件根节点负责在同一 flex 列里向下传递 **min-height:0**，避免 `BookingCalendar`
+* 撑破壳层（一层即可，历史上曾双包一层重复 flex+overflow）。
 */
 function PisellRecordBoardCalendarView(props) {
 	const { persistGuard, className, style } = props, rest = require_objectWithoutProperties._objectWithoutProperties(props, _excluded);
 	return /* @__PURE__ */ react.default.createElement(require_calendarPersistGuard.CalendarPersistProvider, { value: persistGuard }, /* @__PURE__ */ react.default.createElement("div", {
 		id: "pisell-record-board-calendar-root",
-		className,
+		className: (0, classnames.default)(className, "flex min-h-0 flex-1 flex-col overflow-hidden"),
 		style: require_objectSpread2._objectSpread2({
 			height: "100%",
-			minHeight: 0,
-			display: "flex",
-			flexDirection: "column",
-			overflow: "hidden"
+			minHeight: 0
 		}, style)
-	}, /* @__PURE__ */ react.default.createElement("div", { className: "flex min-h-0 flex-1 flex-col overflow-hidden" }, /* @__PURE__ */ react.default.createElement(require_BookingCalendarDemo.default, rest))));
+	}, /* @__PURE__ */ react.default.createElement(require_BookingCalendar.default, rest)));
 }
 //#endregion
 exports.PisellRecordBoardCalendarView = PisellRecordBoardCalendarView;

package/lib/components/pisellRecordBoard/shellFrame/Calendar/bookingCalendarViewShared.js

@@ -0,0 +1,197 @@
+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");
+const require_BookingCalendarStyle = require("./utils/BookingCalendarStyle.js");
+let react = require("react");
+react = require_runtime.__toESM(react);
+let antd = require("antd");
+//#region src/components/pisellRecordBoard/shellFrame/Calendar/bookingCalendarViewShared.tsx
+/** UI 层：状态徽标文案走 i18n（utils 侧为 {@link statusTagMetaParts}） */
+function statusTagMeta(tag) {
+	const p = require_bookingCalendarDateUtils.statusTagMetaParts(tag);
+	return p ? {
+		label: require_calendarI18n.tCal(p.labelI18nKey),
+		className: p.className
+	} : null;
+}
+/** 锁台卡片副标题：操作人、锁台时间等拼接一行 */
+function getBlockMetaLine(item) {
+	if (item.kind !== "block") return "";
+	const bits = [];
+	if (item.blockBy) bits.push(require_calendarI18n.tCal("pisell2.recordBoard.calendar.card.blockBy", { name: item.blockBy }));
+	if (item.blockedAt) bits.push(require_bookingCalendarDateUtils.formatDateLoose(item.blockedAt));
+	return bits.join(" · ");
+}
+function getRemainingToneClass(ratio, isLight = false) {
+	if (ratio <= .2) return isLight ? "text-red-600" : "text-red-300";
+	if (ratio <= .4) return isLight ? "text-amber-600" : "text-amber-300";
+	return isLight ? "theme-text-muted" : "text-zinc-400";
+}
+/**
+* @param options.flattenWhenAllGroupsCollapsed
+*   若为 `true`：全部分组折叠时仅有 group 头、无 court 行，会退化为平铺 court（易与「全部展开」混淆）。
+*   日/周/月日历统一为默认 `false`，保留分组头行与折叠态（与底部「全部关闭」预期一致）。
+*
+* 若全部资源只属于**一个**分组（含仅 VIP、仅 Standard、或仅一种自定义 type），日/周视图不展示分组头行，
+* 直接平铺资源行（单组折叠时也同样平铺资源，避免只剩一条分组栏）。
+*/
+function buildGroupedCourtRows(courts, collapsedGroups = {}, options = {}) {
+	const { flattenWhenAllGroupsCollapsed = false } = options;
+	const predefined = ["VIP", "Standard"];
+	const rows = [];
+	const consumedIds = /* @__PURE__ */ new Set();
+	predefined.forEach((group) => {
+		const items = courts.filter((court) => court.type === group);
+		if (items.length === 0) return;
+		items.forEach((c) => consumedIds.add(c.id));
+		rows.push({
+			kind: "group",
+			id: `group-${group}`,
+			label: group,
+			count: items.length,
+			collapsed: !!collapsedGroups[group]
+		});
+		if (!collapsedGroups[group]) items.forEach((court) => rows.push(require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({ kind: "court" }, court), {}, { group })));
+	});
+	/** 低代码接入：桌位 type 多为 Resource / 自定义 groupType，不能只剩 VIP/Standard 两行否则日周视图为空 */
+	const remainder = courts.filter((c) => !consumedIds.has(c.id));
+	const byType = {};
+	remainder.forEach((court) => {
+		const label = court.type && String(court.type).trim() !== "" ? String(court.type) : require_calendarI18n.tCal("pisell2.recordBoard.calendar.common.resourceFallback");
+		if (!byType[label]) byType[label] = [];
+		byType[label].push(court);
+	});
+	Object.keys(byType).forEach((label) => {
+		const items = byType[label];
+		if (!items.length) return;
+		const idSafe = String(label).replace(/\s+/g, "-");
+		rows.push({
+			kind: "group",
+			id: `group-${idSafe}`,
+			label,
+			count: items.length,
+			collapsed: !!collapsedGroups[label]
+		});
+		if (!collapsedGroups[label]) items.forEach((court) => rows.push(require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({ kind: "court" }, court), {}, { group: label })));
+	});
+	/** 仅存在一个资源分组：日/周不展示分组头，直接平铺 court（与同组折叠态无关，避免只显示一行分组栏） */
+	if (rows.filter((r) => r.kind === "group").length === 1 && courts.length > 0) {
+		const fallbackLabel = require_calendarI18n.tCal("pisell2.recordBoard.calendar.common.resourceFallback");
+		return courts.map((c) => require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({ kind: "court" }, c), {}, { group: c.type && String(c.type).trim() !== "" ? String(c.type) : fallbackLabel }));
+	}
+	const courtRowsOnly = rows.filter((r) => r.kind === "court");
+	/** 可选：全部分组折叠且仍须展示 court 行时再平铺（日历默认不走此分支） */
+	if (flattenWhenAllGroupsCollapsed && courtRowsOnly.length === 0 && courts.length > 0) return courts.map((c) => ({
+		kind: "court",
+		id: c.id,
+		name: c.name,
+		type: c.type,
+		group: c.type
+	}));
+	return rows;
+}
+/** 日视图 overlay 内单条预约/锁台：窄宽自适应与 Tooltip */
+function BookingCard({ booking, dayKey, onOpenDetail, onDragStart, onJumpNext, overlayWidthPx }) {
+	var _item$name;
+	/** HTML5 拖拽结束后浏览器常对源元素追加一次 click，避免误开详情 */
+	const suppressDetailClickAfterDragRef = (0, react.useRef)(false);
+	const suppressDetailClickTimerRef = (0, react.useRef)(null);
+	(0, react.useEffect)(() => {
+		return () => {
+			if (suppressDetailClickTimerRef.current != null) window.clearTimeout(suppressDetailClickTimerRef.current);
+		};
+	}, []);
+	const armSuppressDetailClickAfterDrag = () => {
+		suppressDetailClickAfterDragRef.current = true;
+		if (suppressDetailClickTimerRef.current != null) window.clearTimeout(suppressDetailClickTimerRef.current);
+		suppressDetailClickTimerRef.current = window.setTimeout(() => {
+			suppressDetailClickAfterDragRef.current = false;
+			suppressDetailClickTimerRef.current = null;
+		}, 500);
+	};
+	const { item, span, start, continuesNext } = booking;
+	const displayTag = require_bookingCalendarDateUtils.getDisplayStatusTag(item, dayKey);
+	const lateMinutes = require_bookingCalendarDateUtils.getLateMinutes(item, dayKey);
+	const stateClass = require_BookingCalendarStyle.getBookingStateClasses(item, dayKey);
+	const w = overlayWidthPx != null && Number.isFinite(overlayWidthPx) ? overlayWidthPx : Number.POSITIVE_INFINITY;
+	const narrow = w < 88;
+	const micro = w < 32;
+	const microMark = Array.from(String((_item$name = item.name) !== null && _item$name !== void 0 ? _item$name : "").trim())[0] || "·";
+	const tooltipTitle = /* @__PURE__ */ react.default.createElement("div", { className: "max-w-[260px] space-y-1 text-left" }, /* @__PURE__ */ react.default.createElement("div", { className: "text-sm font-semibold" }, item.name), item.kind === "block" && item.note && /* @__PURE__ */ react.default.createElement("div", { className: "text-xs opacity-90" }, item.note), /* @__PURE__ */ react.default.createElement("div", { className: "text-xs tabular-nums opacity-90" }, require_bookingCalendarDateUtils.formatHourLabel(start), " - ", require_bookingCalendarDateUtils.formatHourLabel(start + span)), item.kind === "block" && getBlockMetaLine(item) && /* @__PURE__ */ react.default.createElement("div", { className: "text-[11px] opacity-80" }, getBlockMetaLine(item)), continuesNext && /* @__PURE__ */ react.default.createElement("div", { className: "text-[11px] text-violet-200" }, require_calendarI18n.tCal("pisell2.recordBoard.calendar.card.continuesNext")), item.kind !== "block" && displayTag && statusTagMeta(displayTag) && /* @__PURE__ */ react.default.createElement("div", { className: "text-[11px] opacity-90" }, statusTagMeta(displayTag).label, lateMinutes && displayTag === "late" ? ` · ${require_calendarI18n.tCal("pisell2.recordBoard.calendar.card.lateMinutesDetail", { n: lateMinutes })}` : ""));
+	const wrapNarrow = (node) => narrow ? /* @__PURE__ */ react.default.createElement(antd.Tooltip, {
+		title: tooltipTitle,
+		placement: "top",
+		mouseEnterDelay: .12,
+		destroyTooltipOnHide: true
+	}, node) : node;
+	if (item.kind === "block") {
+		const blockWide = /* @__PURE__ */ react.default.createElement(react.default.Fragment, null, /* @__PURE__ */ react.default.createElement("div", { className: "truncate text-sm font-medium" }, item.name), item.note && /* @__PURE__ */ react.default.createElement("div", { className: "mt-1 truncate text-xs text-zinc-200/90" }, item.note), getBlockMetaLine(item) && /* @__PURE__ */ react.default.createElement("div", { className: "mt-1 truncate text-[10px] text-zinc-300/80" }, getBlockMetaLine(item)));
+		const blockCompact = micro ? /* @__PURE__ */ react.default.createElement("span", { className: "flex h-full w-full items-center justify-center text-[11px] font-semibold leading-none" }, microMark) : /* @__PURE__ */ react.default.createElement(react.default.Fragment, null, /* @__PURE__ */ react.default.createElement("div", { className: "truncate text-[11px] font-medium leading-tight" }, item.name), getBlockMetaLine(item) && /* @__PURE__ */ react.default.createElement("div", { className: "mt-0.5 truncate text-[10px] opacity-80" }, getBlockMetaLine(item)));
+		const blockPad = micro ? "px-0.5 py-0.5 flex items-center justify-center" : narrow ? "px-2 py-2" : "px-3 py-3 text-left";
+		return wrapNarrow(/* @__PURE__ */ react.default.createElement("button", {
+			type: "button",
+			"aria-label": narrow ? `${item.name}, ${require_bookingCalendarDateUtils.formatHourLabel(start)} - ${require_bookingCalendarDateUtils.formatHourLabel(start + span)}` : void 0,
+			onClick: (e) => {
+				e.stopPropagation();
+				onOpenDetail(item);
+			},
+			className: `absolute inset-x-0 inset-y-0 rounded-2xl overflow-hidden ${blockPad} ${narrow && !micro ? "text-left" : ""} ${stateClass}`
+		}, narrow ? blockCompact : blockWide));
+	}
+	/** 宽卡片：纵向紧密排列，去掉 flex-1 + mt-auto，避免单 lane 时在标题与徽标之间留出「假第二行」空白 */
+	const bookingWide = /* @__PURE__ */ react.default.createElement("div", { className: "flex min-h-0 min-w-0 w-full flex-col gap-1 overflow-hidden text-left" }, /* @__PURE__ */ react.default.createElement("div", { className: "truncate text-sm font-medium leading-tight" }, item.name), /* @__PURE__ */ react.default.createElement("div", { className: "truncate text-xs opacity-90 tabular-nums" }, require_bookingCalendarDateUtils.formatHourLabel(start), " - ", require_bookingCalendarDateUtils.formatHourLabel(start + span)), continuesNext && /* @__PURE__ */ react.default.createElement("span", {
+		role: "button",
+		tabIndex: 0,
+		onClick: (e) => {
+			e.stopPropagation();
+			onJumpNext();
+		},
+		onKeyDown: (e) => {
+			if (e.key === "Enter" || e.key === " ") {
+				e.preventDefault();
+				e.stopPropagation();
+				onJumpNext();
+			}
+		},
+		className: "inline-flex max-w-full cursor-pointer truncate rounded-lg bg-white/10 px-2 py-1 text-left text-[10px] leading-tight text-violet-100 sm:text-[11px]"
+	}, require_calendarI18n.tCal("pisell2.recordBoard.calendar.card.continuesNext")), (displayTag || lateMinutes) && /* @__PURE__ */ react.default.createElement("div", { className: "flex shrink-0 flex-wrap items-center justify-end gap-1" }, lateMinutes && displayTag === "late" && /* @__PURE__ */ react.default.createElement("span", { className: "rounded-md bg-black/25 px-1.5 py-0.5 text-[10px] font-semibold text-white/90 backdrop-blur-[2px] opacity-80 sm:px-2" }, require_calendarI18n.tCal("pisell2.recordBoard.calendar.card.lateMinutesBadge", { n: lateMinutes })), displayTag && statusTagMeta(displayTag) && /* @__PURE__ */ react.default.createElement("span", { className: `rounded-lg px-1.5 py-0.5 text-[10px] font-semibold backdrop-blur-[2px] sm:px-2 ${statusTagMeta(displayTag).className} ${lateMinutes ? "opacity-80" : ""}` }, statusTagMeta(displayTag).label)));
+	const bookingCompact = micro ? /* @__PURE__ */ react.default.createElement("span", { className: "flex h-full w-full items-center justify-center text-[11px] font-semibold leading-none" }, microMark) : /* @__PURE__ */ react.default.createElement("div", { className: "flex min-h-0 min-w-0 flex-col justify-start overflow-hidden" }, /* @__PURE__ */ react.default.createElement("div", { className: "truncate text-[11px] font-medium leading-tight tabular-nums" }, item.name, " · ", require_bookingCalendarDateUtils.formatHourLabel(start), "–", require_bookingCalendarDateUtils.formatHourLabel(start + span)));
+	const bookingPad = micro ? "px-0.5 py-0.5" : narrow ? "px-1.5 py-1.5" : "px-2 py-2 sm:px-4 sm:py-3";
+	const bookingFlexMain = micro ? "flex items-center justify-center" : "flex min-h-0 flex-col justify-start";
+	const bookingAlign = !narrow ? "text-left" : micro ? "" : "justify-start";
+	return wrapNarrow(/* @__PURE__ */ react.default.createElement("button", {
+		type: "button",
+		draggable: true,
+		"aria-label": narrow ? `${item.name}, ${require_bookingCalendarDateUtils.formatHourLabel(start)} - ${require_bookingCalendarDateUtils.formatHourLabel(start + span)}` : void 0,
+		onDragStart: (e) => {
+			e.stopPropagation();
+			onDragStart(item);
+		},
+		onDragEnd: (e) => {
+			e.stopPropagation();
+			armSuppressDetailClickAfterDrag();
+		},
+		onClick: (e) => {
+			if (suppressDetailClickAfterDragRef.current) {
+				suppressDetailClickAfterDragRef.current = false;
+				if (suppressDetailClickTimerRef.current != null) {
+					window.clearTimeout(suppressDetailClickTimerRef.current);
+					suppressDetailClickTimerRef.current = null;
+				}
+				e.preventDefault();
+				e.stopPropagation();
+				return;
+			}
+			e.stopPropagation();
+			onOpenDetail(item);
+		},
+		className: `absolute inset-x-0 inset-y-0 rounded-2xl overflow-hidden ${bookingFlexMain} ${bookingAlign} ${bookingPad} ${stateClass}`
+	}, narrow ? bookingCompact : bookingWide));
+}
+//#endregion
+exports.BookingCard = BookingCard;
+exports.buildGroupedCourtRows = buildGroupedCourtRows;
+exports.getBlockMetaLine = getBlockMetaLine;
+exports.getRemainingToneClass = getRemainingToneClass;
+exports.statusTagMeta = statusTagMeta;

package/lib/components/pisellRecordBoard/shellFrame/Calendar/calendarI18n.js

@@ -0,0 +1,23 @@
+const require_index = require("../../../../locales/index.js");
+//#region src/components/pisellRecordBoard/shellFrame/Calendar/calendarI18n.ts
+/** 日历视图文案：占位符 `{name}`、`{date}` 等由调用方替换 */
+function tCal(id, vars) {
+	const raw = require_index.getText(id);
+	if (typeof raw === "function") return id;
+	let s = String(raw !== null && raw !== void 0 ? raw : "");
+	if (vars) for (const [k, v] of Object.entries(vars)) s = s.split(`{${k}}`).join(String(v));
+	return s;
+}
+/** 月/周表头：周一为 0（与 rangeDays / startOfWeek 一致） */
+const CALENDAR_WEEKDAY_IDS = [
+	"pisell2.recordBoard.calendar.weekday.mon",
+	"pisell2.recordBoard.calendar.weekday.tue",
+	"pisell2.recordBoard.calendar.weekday.wed",
+	"pisell2.recordBoard.calendar.weekday.thu",
+	"pisell2.recordBoard.calendar.weekday.fri",
+	"pisell2.recordBoard.calendar.weekday.sat",
+	"pisell2.recordBoard.calendar.weekday.sun"
+];
+//#endregion
+exports.CALENDAR_WEEKDAY_IDS = CALENDAR_WEEKDAY_IDS;
+exports.tCal = tCal;

package/lib/components/pisellRecordBoard/shellFrame/Calendar/calendarPersistGuard.d.ts

@@ -2,7 +2,7 @@ import React from "react";
 
 //#region src/components/pisellRecordBoard/shellFrame/Calendar/calendarPersistGuard.d.ts
 /** 日历内会改本地预约数据的动作类型，供业务层拦截（如平面图未支持写接口时 toast） */
-type CalendarPersistKind = 'moveBooking' | 'applyConflictMove' | 'createBooking' | 'removeBlocks' | 'createBlock' | 'confirmBlockWithConflicts' | 'checkin' | 'checkinReschedule' | 'mergeOrder' | 'other';
+type CalendarPersistKind = 'moveBooking' | 'createBooking' | 'removeBlocks' | 'createBlock' | 'checkin' | 'checkinReschedule' | 'mergeOrder' | 'other';
 interface CalendarPersistContextValue {
   /**
    * 返回 false 时日历组件应取消本次本地数据变更（由调用方决定是否已 toast）。

package/lib/components/pisellRecordBoard/shellFrame/Calendar/const/bookingCalendarConstants.js

@@ -0,0 +1,44 @@
+//#region src/components/pisellRecordBoard/shellFrame/Calendar/const/bookingCalendarConstants.ts
+/** 未传 timelineRange 时默认营业日界钟 */
+const DEFAULT_CALENDAR_TIMELINE = {
+	start: "02:00",
+	end: "02:00"
+};
+/**
+* 日/周视图空档虚线框：在父级为 column flex 且占满格高时 `flex-1 min-h-0` 纵向铺满剩余区域。
+*/
+const CALENDAR_EMPTY_DASHED_SLOT_CLASSNAME = "flex min-h-0 flex-1 w-full flex-col items-center justify-center rounded-lg border border-dashed px-2 py-1 text-xs";
+/**
+* 日视图：某 court 行在「有预约 overlay」时的总高度（px），随并行展示条数 `displayLaneCount` 变高而变高（非固定常数）。
+* `displayLaneCount` 由 `effectiveDayOverlayDisplayLaneCount(最大并行数)` 得到，与 3+N 截断规则一致。
+*/
+function dayCourtOverlayRowHeightPx(displayLaneCount) {
+	const n = Math.max(1, displayLaneCount);
+	return 16 + n * 64 + (n - 1) * 2;
+}
+/**
+* 资源视图：按某一格「courtDaySummary」结果估算该格所需最小高度（px）。
+* 用于横向虚拟化仅挂载可见日期列时，仍按**全月**最大内容撑开行高，避免日程只在屏幕外列时出现行高塌陷。
+*/
+function estimateResourceViewCourtCellHeightPx(summary) {
+	var _summary$items$length, _summary$items;
+	const pad = 8;
+	if (summary.fullyBooked) return 28 + pad;
+	const n = (_summary$items$length = (_summary$items = summary.items) === null || _summary$items === void 0 ? void 0 : _summary$items.length) !== null && _summary$items$length !== void 0 ? _summary$items$length : 0;
+	if (n === 0) return 44;
+	const previewCount = Math.min(3, n);
+	const showMoreTile = Math.max(0, n - 3) > 0 && previewCount > 0;
+	const gap = 4;
+	let content = previewCount * 48 + (previewCount > 1 ? (previewCount - 1) * gap : 0);
+	if (showMoreTile) content += gap + 48;
+	return pad + content;
+}
+const MONTH_OVERFLOW_POPOVER_ITEM_H = 72;
+const OVERFLOW_MODAL_ROW_H = 108;
+//#endregion
+exports.CALENDAR_EMPTY_DASHED_SLOT_CLASSNAME = CALENDAR_EMPTY_DASHED_SLOT_CLASSNAME;
+exports.DEFAULT_CALENDAR_TIMELINE = DEFAULT_CALENDAR_TIMELINE;
+exports.MONTH_OVERFLOW_POPOVER_ITEM_H = MONTH_OVERFLOW_POPOVER_ITEM_H;
+exports.OVERFLOW_MODAL_ROW_H = OVERFLOW_MODAL_ROW_H;
+exports.dayCourtOverlayRowHeightPx = dayCourtOverlayRowHeightPx;
+exports.estimateResourceViewCourtCellHeightPx = estimateResourceViewCourtCellHeightPx;