@pisell/materials 6.11.37 → 6.11.38

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

@@ -0,0 +1,53 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/pisellRecordBoard/shellFrame/Calendar/calendarI18n.ts
+var calendarI18n_exports = {};
+__export(calendarI18n_exports, {
+  CALENDAR_WEEKDAY_IDS: () => CALENDAR_WEEKDAY_IDS,
+  tCal: () => tCal
+});
+module.exports = __toCommonJS(calendarI18n_exports);
+var import_locales = require("../../../../locales");
+function tCal(id, vars) {
+  const raw = (0, import_locales.getText)(id);
+  if (typeof raw === "function") {
+    return id;
+  }
+  let s = String(raw ?? "");
+  if (vars) {
+    for (const [k, v] of Object.entries(vars)) {
+      s = s.split(`{${k}}`).join(String(v));
+    }
+  }
+  return s;
+}
+var 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"
+];
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CALENDAR_WEEKDAY_IDS,
+  tCal
+});

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

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

package/lib/components/pisellRecordBoard/shellFrame/Calendar/const/bookingCalendarConstants.d.ts

@@ -0,0 +1,36 @@
+/** BookingCalendarDemo：布局数值与虚拟列表高度等（无演示种子数据）。 */
+export declare const timeSliceMinutes = 60;
+/** 未传 timelineRange 时默认营业日界钟 */
+export declare const DEFAULT_CALENDAR_TIMELINE: {
+    start: string;
+    end: string;
+};
+export declare const frozenColWidth = 132;
+export declare const dayColWidth = 92;
+export declare const dayRowHeight = 122;
+export declare const groupRowHeight = 54;
+export declare const dayHeaderHeight = 56;
+/** 日视图同一资源行内竖向分带的最小高度（须容下标题+时间两行 + py-2/py-3）；并行时抬高该行 */
+export declare const DAY_OVERLAY_LANE_MIN_PX = 64;
+export declare const DAY_OVERLAY_INNER_TOP = 8;
+export declare const DAY_OVERLAY_INNER_BOTTOM = 8;
+export declare const DAY_OVERLAY_LANE_GAP = 2;
+/** 同一重叠簇内最多展示的预约条数；超出合并为第 4 行的 +N（与日/周时间轴 overlay 一致） */
+export declare const DAY_OVERLAY_VISIBLE_BOOKING_CAP = 3;
+/** 低于该宽度时日视图预约条内难以排下两行文案，默认用 Tooltip 展示完整信息 */
+export declare const DAY_BOOKING_NARROW_PX = 88;
+/** 低于该宽度时条内仅保留居中首字/圆点，避免文字竖排或完全不可读 */
+export declare const DAY_BOOKING_MICRO_PX = 32;
+/** 日视图横向：视口外多渲染的槽列数（减轻快速滚动白边） */
+export declare const DAY_VIEW_COL_BUFFER = 5;
+/** 日视图纵向：视口外多渲染的像素边距 */
+export declare const DAY_VIEW_ROW_BUFFER_PX = 240;
+/** 月格「+N」悬停层：卡片区约 64px + 行间 8px，与 react-window itemSize 一致 */
+export declare const MONTH_OVERFLOW_POPOVER_CARD_H = 64;
+export declare const MONTH_OVERFLOW_POPOVER_ROW_GAP = 8;
+export declare const MONTH_OVERFLOW_POPOVER_ITEM_H: number;
+export declare const MONTH_OVERFLOW_POPOVER_LIST_MAX_H = 280;
+export declare const OVERFLOW_MODAL_CARD_H = 100;
+export declare const OVERFLOW_MODAL_ROW_GAP = 8;
+export declare const OVERFLOW_MODAL_ROW_H: number;
+export declare const OVERFLOW_MODAL_LIST_MAX_H = 420;

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

@@ -0,0 +1,98 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/pisellRecordBoard/shellFrame/Calendar/const/bookingCalendarConstants.ts
+var bookingCalendarConstants_exports = {};
+__export(bookingCalendarConstants_exports, {
+  DAY_BOOKING_MICRO_PX: () => DAY_BOOKING_MICRO_PX,
+  DAY_BOOKING_NARROW_PX: () => DAY_BOOKING_NARROW_PX,
+  DAY_OVERLAY_INNER_BOTTOM: () => DAY_OVERLAY_INNER_BOTTOM,
+  DAY_OVERLAY_INNER_TOP: () => DAY_OVERLAY_INNER_TOP,
+  DAY_OVERLAY_LANE_GAP: () => DAY_OVERLAY_LANE_GAP,
+  DAY_OVERLAY_LANE_MIN_PX: () => DAY_OVERLAY_LANE_MIN_PX,
+  DAY_OVERLAY_VISIBLE_BOOKING_CAP: () => DAY_OVERLAY_VISIBLE_BOOKING_CAP,
+  DAY_VIEW_COL_BUFFER: () => DAY_VIEW_COL_BUFFER,
+  DAY_VIEW_ROW_BUFFER_PX: () => DAY_VIEW_ROW_BUFFER_PX,
+  DEFAULT_CALENDAR_TIMELINE: () => DEFAULT_CALENDAR_TIMELINE,
+  MONTH_OVERFLOW_POPOVER_CARD_H: () => MONTH_OVERFLOW_POPOVER_CARD_H,
+  MONTH_OVERFLOW_POPOVER_ITEM_H: () => MONTH_OVERFLOW_POPOVER_ITEM_H,
+  MONTH_OVERFLOW_POPOVER_LIST_MAX_H: () => MONTH_OVERFLOW_POPOVER_LIST_MAX_H,
+  MONTH_OVERFLOW_POPOVER_ROW_GAP: () => MONTH_OVERFLOW_POPOVER_ROW_GAP,
+  OVERFLOW_MODAL_CARD_H: () => OVERFLOW_MODAL_CARD_H,
+  OVERFLOW_MODAL_LIST_MAX_H: () => OVERFLOW_MODAL_LIST_MAX_H,
+  OVERFLOW_MODAL_ROW_GAP: () => OVERFLOW_MODAL_ROW_GAP,
+  OVERFLOW_MODAL_ROW_H: () => OVERFLOW_MODAL_ROW_H,
+  dayColWidth: () => dayColWidth,
+  dayHeaderHeight: () => dayHeaderHeight,
+  dayRowHeight: () => dayRowHeight,
+  frozenColWidth: () => frozenColWidth,
+  groupRowHeight: () => groupRowHeight,
+  timeSliceMinutes: () => timeSliceMinutes
+});
+module.exports = __toCommonJS(bookingCalendarConstants_exports);
+var timeSliceMinutes = 60;
+var DEFAULT_CALENDAR_TIMELINE = { start: "02:00", end: "02:00" };
+var frozenColWidth = 132;
+var dayColWidth = 92;
+var dayRowHeight = 122;
+var groupRowHeight = 54;
+var dayHeaderHeight = 56;
+var DAY_OVERLAY_LANE_MIN_PX = 64;
+var DAY_OVERLAY_INNER_TOP = 8;
+var DAY_OVERLAY_INNER_BOTTOM = 8;
+var DAY_OVERLAY_LANE_GAP = 2;
+var DAY_OVERLAY_VISIBLE_BOOKING_CAP = 3;
+var DAY_BOOKING_NARROW_PX = 88;
+var DAY_BOOKING_MICRO_PX = 32;
+var DAY_VIEW_COL_BUFFER = 5;
+var DAY_VIEW_ROW_BUFFER_PX = 240;
+var MONTH_OVERFLOW_POPOVER_CARD_H = 64;
+var MONTH_OVERFLOW_POPOVER_ROW_GAP = 8;
+var MONTH_OVERFLOW_POPOVER_ITEM_H = MONTH_OVERFLOW_POPOVER_CARD_H + MONTH_OVERFLOW_POPOVER_ROW_GAP;
+var MONTH_OVERFLOW_POPOVER_LIST_MAX_H = 280;
+var OVERFLOW_MODAL_CARD_H = 100;
+var OVERFLOW_MODAL_ROW_GAP = 8;
+var OVERFLOW_MODAL_ROW_H = OVERFLOW_MODAL_CARD_H + OVERFLOW_MODAL_ROW_GAP;
+var OVERFLOW_MODAL_LIST_MAX_H = 420;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DAY_BOOKING_MICRO_PX,
+  DAY_BOOKING_NARROW_PX,
+  DAY_OVERLAY_INNER_BOTTOM,
+  DAY_OVERLAY_INNER_TOP,
+  DAY_OVERLAY_LANE_GAP,
+  DAY_OVERLAY_LANE_MIN_PX,
+  DAY_OVERLAY_VISIBLE_BOOKING_CAP,
+  DAY_VIEW_COL_BUFFER,
+  DAY_VIEW_ROW_BUFFER_PX,
+  DEFAULT_CALENDAR_TIMELINE,
+  MONTH_OVERFLOW_POPOVER_CARD_H,
+  MONTH_OVERFLOW_POPOVER_ITEM_H,
+  MONTH_OVERFLOW_POPOVER_LIST_MAX_H,
+  MONTH_OVERFLOW_POPOVER_ROW_GAP,
+  OVERFLOW_MODAL_CARD_H,
+  OVERFLOW_MODAL_LIST_MAX_H,
+  OVERFLOW_MODAL_ROW_GAP,
+  OVERFLOW_MODAL_ROW_H,
+  dayColWidth,
+  dayHeaderHeight,
+  dayRowHeight,
+  frozenColWidth,
+  groupRowHeight,
+  timeSliceMinutes
+});

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

@@ -1,3 +1,6 @@
+/**
+ * 看板日历子模块导出：持久化守卫、日历根视图、Shell 槽位占位组件。
+ */
 export { CalendarPersistProvider, useCalendarPersist, } from './calendarPersistGuard';
 export type { CalendarPersistContextValue, CalendarPersistKind, } from './calendarPersistGuard';
 export { PisellRecordBoardCalendarView, type PisellRecordBoardCalendarViewProps, } from './PisellRecordBoardCalendarView';

package/lib/components/pisellRecordBoard/shellFrame/Calendar/modal/MoveConfirmModal.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+/** 拖拽改期后的确认弹窗（Court / 日期 / 起止时间） */
+export declare function MoveConfirmModal({ moveConfirm, moveDraft, setMoveDraft, panelRef, isLight, courts, visibleCourts, hourSlots, isBusinessHour, firstTimelineHour, endTimelineExclusive, onConfirm, onClose, }: {
+    moveConfirm: any;
+    moveDraft: any;
+    setMoveDraft: any;
+    panelRef: any;
+    isLight: any;
+    courts: any;
+    visibleCourts: any;
+    hourSlots: any;
+    isBusinessHour: any;
+    firstTimelineHour: any;
+    endTimelineExclusive: any;
+    onConfirm: any;
+    onClose: any;
+}): JSX.Element | null;

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

@@ -0,0 +1,306 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/pisellRecordBoard/shellFrame/Calendar/modal/MoveConfirmModal.tsx
+var MoveConfirmModal_exports = {};
+__export(MoveConfirmModal_exports, {
+  MoveConfirmModal: () => MoveConfirmModal
+});
+module.exports = __toCommonJS(MoveConfirmModal_exports);
+var import_react = __toESM(require("react"));
+var import_bookingCalendarDateUtils = require("../utils/bookingCalendarDateUtils");
+var import_calendarI18n = require("../calendarI18n");
+function MoveConfirmModal({
+  moveConfirm,
+  moveDraft,
+  setMoveDraft,
+  panelRef,
+  isLight,
+  courts,
+  visibleCourts,
+  hourSlots,
+  isBusinessHour,
+  firstTimelineHour,
+  endTimelineExclusive,
+  onConfirm,
+  onClose
+}) {
+  var _a, _b, _c, _d, _e;
+  if (!moveConfirm) return null;
+  const detail = (0, import_bookingCalendarDateUtils.getBookingDetailData)(moveConfirm.item, courts);
+  const currentCustomer = {
+    name: ((_a = detail.customer) == null ? void 0 : _a.name) || detail.headerSummary.customerName,
+    phone: ((_b = detail.customer) == null ? void 0 : _b.phone) || "",
+    email: ((_c = detail.customer) == null ? void 0 : _c.email) || ""
+  };
+  const originalCourtName = ((_d = courts.find((c) => c.id === moveConfirm.item.courtId)) == null ? void 0 : _d.name) || detail.headerSummary.resourceLabel || (0, import_calendarI18n.tCal)("pisell2.recordBoard.calendar.move.courtFallback");
+  const nextCourtName = ((_e = courts.find(
+    (c) => c.id === ((moveDraft == null ? void 0 : moveDraft.targetCourtId) || moveConfirm.targetCourtId)
+  )) == null ? void 0 : _e.name) || (0, import_calendarI18n.tCal)("pisell2.recordBoard.calendar.move.courtFallback");
+  const originalDate = moveConfirm.item.date;
+  const originalStart = (0, import_bookingCalendarDateUtils.formatHourLabel)(moveConfirm.item.startHour);
+  const originalEnd = (0, import_bookingCalendarDateUtils.formatHourLabel)(moveConfirm.item.endHour);
+  const nextDate = (moveDraft == null ? void 0 : moveDraft.targetDate) || moveConfirm.targetDate;
+  const nextStartHour = (moveDraft == null ? 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 ? 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) => (0, import_calendarI18n.tCal)("pisell2.recordBoard.calendar.move.slotDisabled", {
+    time: (0, import_bookingCalendarDateUtils.formatHourLabel)(hour)
+  });
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "fixed inset-0 z-[72] bg-black/45 backdrop-blur-sm flex items-center justify-center p-4" }, /* @__PURE__ */ import_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__ */ import_react.default.createElement("div", { className: "text-[22px] font-semibold" }, (0, import_calendarI18n.tCal)("pisell2.recordBoard.calendar.move.title")),
+    /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        className: `mt-2 text-sm ${isLight ? "theme-text-muted" : "text-zinc-400"}`
+      },
+      (0, import_calendarI18n.tCal)("pisell2.recordBoard.calendar.move.subtitle")
+    ),
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "mt-5 space-y-4" }, /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        className: `rounded-3xl border p-5 ${isLight ? "theme-panel-alt theme-border" : "border-zinc-700 bg-[#171820]"}`
+      },
+      /* @__PURE__ */ import_react.default.createElement("div", { className: "min-w-0 flex-1" }, /* @__PURE__ */ import_react.default.createElement(
+        "div",
+        {
+          className: `text-xs uppercase tracking-[0.14em] ${isLight ? "theme-text-muted" : "text-zinc-500"}`
+        },
+        (0, import_calendarI18n.tCal)("pisell2.recordBoard.calendar.move.customer")
+      ), /* @__PURE__ */ import_react.default.createElement(
+        "div",
+        {
+          className: `mt-3 text-[20px] font-semibold ${isLight ? "theme-text" : "text-white"}`
+        },
+        currentCustomer.name
+      ), /* @__PURE__ */ import_react.default.createElement(
+        "div",
+        {
+          className: `mt-2 text-sm ${isLight ? "theme-text-muted" : "text-zinc-400"}`
+        },
+        currentCustomer.phone || (0, import_calendarI18n.tCal)("pisell2.recordBoard.calendar.move.noPhone")
+      ), /* @__PURE__ */ import_react.default.createElement(
+        "div",
+        {
+          className: `mt-1 text-sm ${isLight ? "theme-text-muted" : "text-zinc-400"}`
+        },
+        currentCustomer.email || (0, import_calendarI18n.tCal)("pisell2.recordBoard.calendar.move.noEmail")
+      ))
+    ), /* @__PURE__ */ import_react.default.createElement("div", { className: "grid min-w-0 gap-4 md:grid-cols-2" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "min-w-0" }, /* @__PURE__ */ import_react.default.createElement(
+      "label",
+      {
+        className: `mb-2 block text-sm ${isLight ? "theme-text-muted" : "text-zinc-400"}`
+      },
+      (0, import_calendarI18n.tCal)("pisell2.recordBoard.calendar.move.court")
+    ), /* @__PURE__ */ import_react.default.createElement(
+      "select",
+      {
+        value: (moveDraft == null ? void 0 : moveDraft.targetCourtId) || moveConfirm.targetCourtId,
+        onChange: (e) => setMoveDraft((prev) => ({
+          ...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__ */ import_react.default.createElement("option", { key: court.id, value: court.id }, court.name))
+    )), /* @__PURE__ */ import_react.default.createElement("div", { className: "min-w-0" }, /* @__PURE__ */ import_react.default.createElement(
+      "label",
+      {
+        className: `mb-2 block text-sm ${isLight ? "theme-text-muted" : "text-zinc-400"}`
+      },
+      (0, import_calendarI18n.tCal)("pisell2.recordBoard.calendar.move.newDate")
+    ), /* @__PURE__ */ import_react.default.createElement(
+      "input",
+      {
+        type: "date",
+        value: (moveDraft == null ? void 0 : moveDraft.targetDate) || moveConfirm.targetDate,
+        onChange: (e) => setMoveDraft((prev) => ({
+          ...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__ */ import_react.default.createElement("div", { className: "grid min-w-0 gap-4 md:grid-cols-2" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "min-w-0" }, /* @__PURE__ */ import_react.default.createElement(
+      "label",
+      {
+        className: `mb-2 block text-sm ${isLight ? "theme-text-muted" : "text-zinc-400"}`
+      },
+      (0, import_calendarI18n.tCal)("pisell2.recordBoard.calendar.move.newStartTime")
+    ), /* @__PURE__ */ import_react.default.createElement(
+      "select",
+      {
+        value: nextStartHour,
+        onChange: (e) => setMoveDraft((prev) => ({
+          ...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__ */ import_react.default.createElement("option", { key: hour, value: hour, disabled }, disabled ? slotDisabledLabel(hour) : (0, import_bookingCalendarDateUtils.formatHourLabel)(hour));
+      })
+    )), /* @__PURE__ */ import_react.default.createElement("div", { className: "min-w-0" }, /* @__PURE__ */ import_react.default.createElement(
+      "label",
+      {
+        className: `mb-2 block text-sm ${isLight ? "theme-text-muted" : "text-zinc-400"}`
+      },
+      (0, import_calendarI18n.tCal)("pisell2.recordBoard.calendar.move.newEndTime")
+    ), /* @__PURE__ */ import_react.default.createElement(
+      "select",
+      {
+        value: nextEndHour,
+        onChange: (e) => {
+          const nextEnd = Number(e.target.value);
+          setMoveDraft((prev) => ({
+            ...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 startHour = hour - duration;
+        const disabled = startHour < firstTimelineHour;
+        return /* @__PURE__ */ import_react.default.createElement("option", { key: `end-${hour}`, value: hour, disabled }, disabled ? slotDisabledLabel(hour) : (0, import_bookingCalendarDateUtils.formatHourLabel)(hour));
+      })
+    ))), changed && /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        className: `rounded-3xl border p-5 ${isLight ? "theme-panel-alt theme-border" : "border-zinc-700 bg-[#171820]"}`
+      },
+      /* @__PURE__ */ import_react.default.createElement(
+        "div",
+        {
+          className: `text-xs uppercase tracking-[0.14em] ${isLight ? "theme-text-muted" : "text-zinc-500"}`
+        },
+        (0, import_calendarI18n.tCal)("pisell2.recordBoard.calendar.move.previousInfo")
+      ),
+      /* @__PURE__ */ import_react.default.createElement("div", { className: "mt-3 grid gap-3 md:grid-cols-2" }, /* @__PURE__ */ import_react.default.createElement(
+        "div",
+        {
+          className: `rounded-2xl p-4 ${isLight ? "theme-panel" : "bg-[#101117]"}`
+        },
+        /* @__PURE__ */ import_react.default.createElement(
+          "div",
+          {
+            className: `text-xs ${isLight ? "theme-text-muted" : "text-zinc-500"}`
+          },
+          (0, import_calendarI18n.tCal)("pisell2.recordBoard.calendar.move.original")
+        ),
+        /* @__PURE__ */ import_react.default.createElement(
+          "div",
+          {
+            className: `mt-2 text-sm ${isLight ? "theme-text-soft" : "text-zinc-300"}`
+          },
+          originalCourtName
+        ),
+        /* @__PURE__ */ import_react.default.createElement(
+          "div",
+          {
+            className: `mt-1 text-sm ${isLight ? "theme-text-soft" : "text-zinc-300"}`
+          },
+          originalDate
+        ),
+        /* @__PURE__ */ import_react.default.createElement(
+          "div",
+          {
+            className: `mt-1 text-sm ${isLight ? "theme-text-soft" : "text-zinc-300"}`
+          },
+          originalStart,
+          " - ",
+          originalEnd
+        )
+      ), /* @__PURE__ */ import_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__ */ import_react.default.createElement(
+          "div",
+          {
+            className: `text-xs ${isLight ? "theme-brand-text" : "text-violet-300"}`
+          },
+          isDragScenario ? (0, import_calendarI18n.tCal)("pisell2.recordBoard.calendar.move.dropTarget") : (0, import_calendarI18n.tCal)("pisell2.recordBoard.calendar.move.updated")
+        ),
+        /* @__PURE__ */ import_react.default.createElement(
+          "div",
+          {
+            className: `mt-2 text-sm ${isLight ? "theme-text" : "text-white"}`
+          },
+          nextCourtName
+        ),
+        /* @__PURE__ */ import_react.default.createElement(
+          "div",
+          {
+            className: `mt-1 text-sm ${isLight ? "theme-text" : "text-white"}`
+          },
+          nextDate
+        ),
+        /* @__PURE__ */ import_react.default.createElement(
+          "div",
+          {
+            className: `mt-1 text-sm ${isLight ? "theme-text" : "text-white"}`
+          },
+          (0, import_bookingCalendarDateUtils.formatHourLabel)(nextStartHour),
+          " -",
+          " ",
+          (0, import_bookingCalendarDateUtils.formatHourLabel)(nextEndHour)
+        )
+      ))
+    )),
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "mt-6 flex justify-end gap-3" }, /* @__PURE__ */ import_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 hover:bg-zinc-800"}`
+      },
+      (0, import_calendarI18n.tCal)("pisell2.recordBoard.calendar.common.cancel")
+    ), /* @__PURE__ */ import_react.default.createElement(
+      "button",
+      {
+        type: "button",
+        onClick: onConfirm,
+        className: "rounded-2xl bg-violet-600 px-6 py-3 font-semibold text-white hover:bg-violet-500"
+      },
+      (0, import_calendarI18n.tCal)("pisell2.recordBoard.calendar.move.confirm")
+    ))
+  ));
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  MoveConfirmModal
+});

package/lib/components/pisellRecordBoard/shellFrame/Calendar/modal/OverflowListModal.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import { type CalendarBookingSegmentInput } from '../utils/bookingCalendarDateUtils';
+export declare type OverflowListModalVirtualListProps = {
+    items: CalendarBookingSegmentInput[];
+    dateKey: string;
+    listWidth: number;
+    onPickItem: (item: CalendarBookingSegmentInput) => void;
+    onClose: () => void;
+    /**
+     * 为 true 时按日视图逻辑展示状态徽标与状态底色（如日视图 lane 溢出列表）。
+     * 月 / 周打开的列表传 false，仅默认 booking / block 样式。
+     * @default true
+     */
+    showStatusUi?: boolean;
+};
+/** 溢出预约全屏列表弹层内的虚拟列表（overflowListModal） */
+export declare function OverflowListModalVirtualList({ items, dateKey, listWidth, onPickItem, onClose, showStatusUi, }: OverflowListModalVirtualListProps): JSX.Element | null;

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

@@ -0,0 +1,111 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/pisellRecordBoard/shellFrame/Calendar/modal/OverflowListModal.tsx
+var OverflowListModal_exports = {};
+__export(OverflowListModal_exports, {
+  OverflowListModalVirtualList: () => OverflowListModalVirtualList
+});
+module.exports = __toCommonJS(OverflowListModal_exports);
+var import_react = __toESM(require("react"));
+var import_react_window = require("react-window");
+var import_bookingCalendarConstants = require("../const/bookingCalendarConstants");
+var import_bookingCalendarDateUtils = require("../utils/bookingCalendarDateUtils");
+var import_bookingCalendarViewShared = require("../bookingCalendarViewShared");
+var import_BookingCalendarStyle = require("../utils/BookingCalendarStyle");
+function OverflowListModalVirtualList({
+  items,
+  dateKey,
+  listWidth,
+  onPickItem,
+  onClose,
+  showStatusUi = true
+}) {
+  if (!(items == null ? void 0 : items.length)) return null;
+  const listH = Math.min(
+    items.length * import_bookingCalendarConstants.OVERFLOW_MODAL_ROW_H,
+    import_bookingCalendarConstants.OVERFLOW_MODAL_LIST_MAX_H
+  );
+  const Row = (0, import_react.useCallback)(
+    ({ index, style }) => {
+      const extraItem = items[index];
+      if (!extraItem) return null;
+      const displayTag = showStatusUi ? (0, import_bookingCalendarDateUtils.getDisplayStatusTag)(extraItem, dateKey) : null;
+      const tagMeta = showStatusUi && displayTag ? (0, import_bookingCalendarViewShared.statusTagMeta)(displayTag) : null;
+      const rowStateClass = showStatusUi ? (0, import_BookingCalendarStyle.getBookingStateClasses)(extraItem, dateKey) : (0, import_BookingCalendarStyle.getGridBookingRowStateClasses)(extraItem);
+      return /* @__PURE__ */ import_react.default.createElement(
+        "div",
+        {
+          style: {
+            ...style,
+            boxSizing: "border-box",
+            paddingLeft: 4,
+            paddingRight: 4,
+            paddingBottom: import_bookingCalendarConstants.OVERFLOW_MODAL_ROW_GAP
+          }
+        },
+        /* @__PURE__ */ import_react.default.createElement(
+          "button",
+          {
+            type: "button",
+            onClick: () => {
+              onClose();
+              onPickItem(extraItem);
+            },
+            className: `flex h-full min-h-0 w-full flex-col justify-center rounded-xl px-4 py-3 text-left text-white hover:bg-violet-600 ${rowStateClass}`
+          },
+          /* @__PURE__ */ import_react.default.createElement("div", { className: "font-medium" }, extraItem.name),
+          /* @__PURE__ */ import_react.default.createElement("div", { className: "mt-1 text-sm opacity-85" }, (0, import_bookingCalendarDateUtils.formatHourLabel)(extraItem.startHour), " -", " ", (0, import_bookingCalendarDateUtils.formatHourLabel)(extraItem.endHour)),
+          tagMeta && /* @__PURE__ */ import_react.default.createElement("div", { className: "mt-2 flex justify-end" }, /* @__PURE__ */ import_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]
+  );
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_react_window.FixedSizeList,
+    {
+      height: listH,
+      itemCount: items.length,
+      itemSize: import_bookingCalendarConstants.OVERFLOW_MODAL_ROW_H,
+      width: listWidth,
+      style: { overflowX: "hidden" }
+    },
+    Row
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  OverflowListModalVirtualList
+});