@pisell/materials 6.11.27 → 6.11.29

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

@@ -35,10 +35,12 @@ module.exports = __toCommonJS(BookingCalendarDemo_exports);
 var import_react = __toESM(require("react"));
 var import_antd = require("antd");
 var import_react_window = require("react-window");
+var import_dayjs = __toESM(require("dayjs"));
 var import_utils = require("../../../pisellTimeNavigator/utils");
 var import_pisellDateTimeDisplay = require("../../../pisellDateTimeDisplay");
 var import_calendarPersistGuard = require("./calendarPersistGuard");
 var import_lucide_react = require("lucide-react");
+var { RangePicker } = import_antd.DatePicker;
 function omitMotionOnlyProps(props) {
   const {
     initial: _i,
@@ -77,7 +79,6 @@ var DEFAULT_COURTS = [
   { id: "normal6", name: "Standard Court 6", type: "Standard" }
 ];
 var weekdayNames = ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"];
-var weekdaysMap = [1, 2, 3, 4, 5, 6, 0];
 var timeSliceMinutes = 60;
 var DEFAULT_CALENDAR_TIMELINE = { start: "02:00", end: "02:00" };
 var frozenColWidth = 132;
@@ -528,6 +529,15 @@ function courtDaySummary(courtId, dateKey, bookings, hourSlots, slotStepHours) {
 function sameSlot(a, b) {
   return a.courtId === b.courtId && a.date === b.date && a.hour === b.hour;
 }
+function dayAndHourToDayjs(dateStr, hourFloat) {
+  const h = Math.floor(hourFloat);
+  const m = Math.round((hourFloat - h) * 60);
+  const mm = Math.min(59, Math.max(0, m));
+  return (0, import_dayjs.default)(
+    `${dateStr} ${String(h).padStart(2, "0")}:${String(mm).padStart(2, "0")}`,
+    "YYYY-MM-DD HH:mm"
+  );
+}
 function statusTagMeta(tag) {
   switch (tag) {
     case "cancel":
@@ -1819,7 +1829,7 @@ function BookingCard({
   );
 }
 function BookingCalendarDemo(props = {}) {
-  var _a, _b, _c, _d, _e, _f, _g;
+  var _a, _b, _c, _d, _e;
   const allowPersist = (0, import_calendarPersistGuard.useCalendarPersist)();
   const courts = (0, import_react.useMemo)(() => {
     const r = props.resources;
@@ -1895,12 +1905,11 @@ function BookingCalendarDemo(props = {}) {
   const [selectedBlockSlots, setSelectedBlockSlots] = (0, import_react.useState)([]);
   const [focusedCourtId, setFocusedCourtId] = (0, import_react.useState)(null);
   const [showBlockPanel, setShowBlockPanel] = (0, import_react.useState)(false);
-  const [blockNote, setBlockNote] = (0, import_react.useState)("");
-  const [blockBy, setBlockBy] = (0, import_react.useState)("Allen");
-  const [blockMode, setBlockMode] = (0, import_react.useState)("single");
-  const [blockRangeStart, setBlockRangeStart] = (0, import_react.useState)("2026-03-31");
-  const [blockRangeEnd, setBlockRangeEnd] = (0, import_react.useState)("2026-04-30");
-  const [blockWeekdays, setBlockWeekdays] = (0, import_react.useState)([3]);
+  const [blockFormName, setBlockFormName] = (0, import_react.useState)("屏蔽时间");
+  const [blockModalNote, setBlockModalNote] = (0, import_react.useState)("");
+  const [blockResourceId, setBlockResourceId] = (0, import_react.useState)("");
+  const [blockTimeRange, setBlockTimeRange] = (0, import_react.useState)(null);
+  const [blockSaving, setBlockSaving] = (0, import_react.useState)(false);
   const [transitioningToDay, setTransitioningToDay] = (0, import_react.useState)(null);
   const [navDirection, setNavDirection] = (0, import_react.useState)(0);
   const [detailItem, setDetailItem] = (0, import_react.useState)(null);
@@ -2014,8 +2023,6 @@ function BookingCalendarDemo(props = {}) {
   const detailPrefRef = (0, import_react.useRef)(null);
   const summaryChangeMenuRef = (0, import_react.useRef)(null);
   const noteEditorRef = (0, import_react.useRef)(null);
-  const blockStartInputRef = (0, import_react.useRef)(null);
-  const blockEndInputRef = (0, import_react.useRef)(null);
   const visibleCourts = (0, import_react.useMemo)(() => courts, [courts]);
   const visibleCourtRows = (0, import_react.useMemo)(
     () => buildGroupedCourtRows(visibleCourts, collapsedGroups),
@@ -2447,11 +2454,6 @@ function BookingCalendarDemo(props = {}) {
     }, 180);
     return () => clearTimeout(timer);
   }, [view, focusedCourtId, anchorDate]);
-  (0, import_react.useEffect)(() => {
-    if (!showBlockPanel) return;
-    setBlockRangeStart(dayKey);
-    setBlockRangeEnd(dayKey);
-  }, [showBlockPanel, dayKey]);
   (0, import_react.useEffect)(() => {
     if (!showBlockPanel) return;
     if (!isFreeSelectionContiguousSameResource(
@@ -2461,6 +2463,19 @@ function BookingCalendarDemo(props = {}) {
       setShowBlockPanel(false);
     }
   }, [showBlockPanel, selectedFreeSlots, slotStepHours]);
+  (0, import_react.useEffect)(() => {
+    if (!showBlockPanel || selectedFreeSlots.length === 0) return;
+    const groups = groupSelectedSlots(selectedFreeSlots, slotStepHours);
+    const g = groups[0];
+    if (!g) return;
+    setBlockResourceId(String(g.courtId));
+    setBlockTimeRange([
+      dayAndHourToDayjs(g.date, g.startHour),
+      dayAndHourToDayjs(g.date, g.endHour)
+    ]);
+    setBlockFormName("屏蔽时间");
+    setBlockModalNote("");
+  }, [showBlockPanel, selectedFreeSlots, slotStepHours]);
   (0, import_react.useEffect)(() => {
     if (!transitioningToDay) return;
     const timer = setTimeout(() => setTransitioningToDay(null), 280);
@@ -2577,77 +2592,76 @@ function BookingCalendarDemo(props = {}) {
     );
     setSelectedBlockSlots([]);
   }
-  function toggleBlockWeekday(day) {
-    setBlockWeekdays(
-      (prev) => prev.includes(day) ? prev.filter((d) => d !== day) : [...prev, day]
-    );
-  }
-  function createBlockFromSelection() {
-    if (selectedFreeSlots.length === 0) return;
-    const baseGroups = groupSelectedSlots(selectedFreeSlots, slotStepHours);
-    const nextBlocks = [];
-    if (blockMode === "single") {
-      baseGroups.forEach((slot, idx) => {
-        nextBlocks.push({
-          id: `block-single-${slot.courtId}-${slot.date}-${slot.startHour}-${idx}`,
-          courtId: slot.courtId,
-          date: slot.date,
-          startHour: slot.startHour,
-          endHour: slot.endHour,
-          name: blockNote || "Block",
-          note: blockNote || "",
-          blockBy,
-          blockedAt: dayKey,
-          kind: "block"
-        });
-      });
-    } else {
-      const start = parseDate(blockRangeStart);
-      const end = parseDate(blockRangeEnd);
-      const baseByKey = /* @__PURE__ */ new Map();
-      baseGroups.forEach(
-        (slot) => baseByKey.set(
-          `${slot.courtId}-${slot.startHour}-${slot.endHour}`,
-          slot
-        )
-      );
-      for (let d = new Date(start); d <= end; d = addDays(d, 1)) {
-        if (!blockWeekdays.includes(d.getDay())) continue;
-        const dateKey = fmtDate(d);
-        baseByKey.forEach((slot) => {
-          nextBlocks.push({
-            id: `block-repeat-${slot.courtId}-${dateKey}-${slot.startHour}-${slot.endHour}`,
-            courtId: slot.courtId,
-            date: dateKey,
-            startHour: slot.startHour,
-            endHour: slot.endHour,
-            name: blockNote || "Block",
-            note: blockNote || "",
-            blockBy,
-            blockedAt: dayKey,
-            kind: "block"
-          });
-        });
+  async function saveBlockedTime() {
+    if (!(blockTimeRange == null ? void 0 : blockTimeRange[0]) || !(blockTimeRange == null ? void 0 : blockTimeRange[1])) {
+      import_antd.message.warning("请选择屏蔽时段");
+      return;
+    }
+    const [start, end] = blockTimeRange;
+    if (!end.isAfter(start)) {
+      import_antd.message.warning("结束时间须晚于开始时间");
+      return;
+    }
+    const rid = Number(blockResourceId);
+    if (!Number.isFinite(rid) || rid <= 0) {
+      import_antd.message.warning("请选择资源");
+      return;
+    }
+    const channels = props.blockedTimeSalesChannels ?? ["online_store"];
+    const payload = {
+      name: (blockFormName || "").trim() || "屏蔽时间",
+      note: (blockModalNote || "").trim(),
+      resource_ids: [rid],
+      blocked_sales_channels: channels,
+      start_time: start.format("YYYY-MM-DD HH:mm"),
+      end_time: end.format("YYYY-MM-DD HH:mm")
+    };
+    if (props.onBlockedTimeSave) {
+      setBlockSaving(true);
+      try {
+        const ok = await props.onBlockedTimeSave(payload);
+        if (ok === false) return;
+        setShowBlockPanel(false);
+        setSelectedFreeSlots([]);
+        setBlockModalNote("");
+      } finally {
+        setBlockSaving(false);
       }
+      return;
     }
-    const conflicts = nextBlocks.flatMap(
-      (blk) => overlappingBookings(
-        bookings,
-        blk.courtId,
-        blk.date,
-        blk.startHour,
-        blk.endHour
-      )
+    const courtId = String(blockResourceId);
+    const date = start.format("YYYY-MM-DD");
+    const endDate = end.format("YYYY-MM-DD");
+    const startHour = start.hour() + start.minute() / 60;
+    const endHour = end.hour() + end.minute() / 60;
+    const nextBlock = {
+      id: `block-local-${courtId}-${date}-${startHour}-${Date.now()}`,
+      courtId,
+      date,
+      endDate: endDate !== date ? endDate : void 0,
+      startHour,
+      endHour,
+      name: payload.name,
+      note: payload.note,
+      blockedAt: date,
+      kind: "block"
+    };
+    const conflicts = overlappingBookings(
+      bookings,
+      courtId,
+      date,
+      startHour,
+      endDate === date ? endHour : 24
     );
     if (conflicts.length > 0) {
-      setBlockConflict({ nextBlocks, conflicts });
+      setBlockConflict({ nextBlocks: [nextBlock], conflicts });
       return;
     }
     if (!allowPersist("createBlock")) return;
-    setBookings((prev) => [...nextBlocks, ...prev]);
+    setBookings((prev) => [nextBlock, ...prev]);
     setSelectedFreeSlots([]);
     setShowBlockPanel(false);
-    setBlockNote("");
+    setBlockModalNote("");
   }
   function confirmBlockWithUnsetCourts() {
     if (!blockConflict) return;
@@ -3935,192 +3949,105 @@ function BookingCalendarDemo(props = {}) {
             exit: { scale: 0.96, y: 10 },
             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__ */ import_react.default.createElement("div", { className: "mb-4 flex items-center justify-between" }, /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("div", { className: "text-xl font-semibold" }, "Block settings"), /* @__PURE__ */ import_react.default.createElement(
-            "div",
-            {
-              className: `mt-1 text-sm ${isLight ? "theme-text-muted" : "text-zinc-400"}`
-            },
-            "Selected time range:",
-            " ",
-            selectedFreeSlots.length > 0 ? `${formatHourLabel((_d = groupSelectedSlots(selectedFreeSlots, slotStepHours)[0]) == null ? void 0 : _d.startHour)} - ${formatHourLabel((_e = groupSelectedSlots(selectedFreeSlots, slotStepHours)[0]) == null ? void 0 : _e.endHour)}` : "-"
-          )), /* @__PURE__ */ import_react.default.createElement(
+          /* @__PURE__ */ import_react.default.createElement("div", { className: "mb-4 flex items-center justify-between gap-3" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "text-xl font-semibold" }, "新建屏蔽时间"), /* @__PURE__ */ import_react.default.createElement(
             "button",
             {
+              type: "button",
+              "aria-label": "关闭",
               onClick: () => setShowBlockPanel(false),
-              className: `rounded-xl px-3 py-2 ${isLight ? "btn-neutral" : "border border-zinc-700 text-zinc-300 hover:bg-zinc-800"}`
+              className: `rounded-xl p-2 ${isLight ? "btn-neutral" : "border border-zinc-700 text-zinc-300 hover:bg-zinc-800"}`
             },
-            "Close"
-          )),
-          /* @__PURE__ */ import_react.default.createElement("div", { className: "mb-5 grid gap-3 md:gap-4 md:grid-cols-2" }, /* @__PURE__ */ import_react.default.createElement(
-            "button",
-            {
-              onClick: () => setBlockMode("single"),
-              className: `rounded-2xl border p-4 text-left ${blockMode === "single" ? isLight ? "theme-brand-surface border-[var(--brand-light)]" : "border-violet-500 bg-violet-500/10" : isLight ? "theme-panel-alt theme-border" : "border-zinc-700 bg-[#171820]"}`
-            },
-            /* @__PURE__ */ import_react.default.createElement("div", { className: "font-semibold" }, "Only selected date"),
-            /* @__PURE__ */ import_react.default.createElement(
-              "div",
-              {
-                className: `mt-1 text-sm ${isLight ? "theme-text-muted" : "text-zinc-400"}`
-              },
-              "Create a block only for the currently selected date and time range."
-            )
-          ), /* @__PURE__ */ import_react.default.createElement(
-            "button",
-            {
-              onClick: () => setBlockMode("repeat"),
-              className: `rounded-2xl border p-4 text-left ${blockMode === "repeat" ? isLight ? "theme-brand-surface border-[var(--brand-light)]" : "border-violet-500 bg-violet-500/10" : isLight ? "theme-panel-alt theme-border" : "border-zinc-700 bg-[#171820]"}`
-            },
-            /* @__PURE__ */ import_react.default.createElement("div", { className: "font-semibold" }, "Every matching date"),
-            /* @__PURE__ */ import_react.default.createElement(
-              "div",
-              {
-                className: `mt-1 text-sm ${isLight ? "theme-text-muted" : "text-zinc-400"}`
-              },
-              "Create repeating blocks by date range and weekday rules."
-            )
+            /* @__PURE__ */ import_react.default.createElement(import_lucide_react.X, { size: 20 })
           )),
           /* @__PURE__ */ import_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__ */ import_react.default.createElement("div", { className: "grid gap-3 md:grid-cols-2" }, /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(
+            /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(
               "label",
               {
                 className: `mb-2 block text-sm ${isLight ? "theme-text-muted" : "text-zinc-400"}`
               },
-              "Block note"
+              "标题"
             ), /* @__PURE__ */ import_react.default.createElement(
               "input",
               {
-                value: blockNote,
-                onChange: (e) => setBlockNote(e.target.value),
-                placeholder: "For example: Team event",
+                value: blockFormName,
+                onChange: (e) => setBlockFormName(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__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(
+            )),
+            /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(
               "label",
               {
                 className: `mb-2 block text-sm ${isLight ? "theme-text-muted" : "text-zinc-400"}`
               },
-              "Blocked by"
+              "备注"
             ), /* @__PURE__ */ import_react.default.createElement(
               "input",
               {
-                value: blockBy,
-                onChange: (e) => setBlockBy(e.target.value),
-                placeholder: "For example: Allen",
-                className: "w-full rounded-xl border border-zinc-700 bg-[#111218] px-3 py-2 text-white outline-none"
+                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"}`
               }
-            ))),
-            blockMode === "repeat" && /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { className: "grid gap-3 md:gap-4 md:grid-cols-2" }, /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(
+            )),
+            /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(
               "label",
               {
                 className: `mb-2 block text-sm ${isLight ? "theme-text-muted" : "text-zinc-400"}`
               },
-              "Date range - start"
+              "资源"
             ), /* @__PURE__ */ import_react.default.createElement(
-              "div",
+              "select",
               {
-                className: `flex items-center gap-2 rounded-xl border px-3 py-2 ${isLight ? "theme-input" : "border-zinc-700 bg-[#111218]"}`
+                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__ */ import_react.default.createElement(
-                "input",
-                {
-                  ref: blockStartInputRef,
-                  type: "date",
-                  value: blockRangeStart,
-                  onChange: (e) => setBlockRangeStart(e.target.value),
-                  className: "w-full bg-transparent outline-none"
-                }
-              ),
-              /* @__PURE__ */ import_react.default.createElement(
-                "button",
-                {
-                  type: "button",
-                  onClick: () => {
-                    var _a2;
-                    return (_a2 = blockStartInputRef.current) == null ? void 0 : _a2.focus();
-                  },
-                  className: "rounded-lg p-1 hover:bg-zinc-800"
-                },
-                /* @__PURE__ */ import_react.default.createElement(
-                  import_lucide_react.CalendarDays,
-                  {
-                    size: 18,
-                    className: "text-zinc-400"
-                  }
-                )
-              )
-            )), /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(
+              /* @__PURE__ */ import_react.default.createElement("option", { value: "" }, "无资源"),
+              visibleCourts.map((c) => /* @__PURE__ */ import_react.default.createElement("option", { key: c.id, value: String(c.id) }, c.name))
+            )),
+            /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(
               "label",
               {
                 className: `mb-2 block text-sm ${isLight ? "theme-text-muted" : "text-zinc-400"}`
               },
-              "Date range - end"
-            ), /* @__PURE__ */ import_react.default.createElement("div", { className: "flex items-center gap-2 rounded-xl border border-zinc-700 bg-[#111218] px-3 py-2" }, /* @__PURE__ */ import_react.default.createElement(
-              "input",
-              {
-                ref: blockEndInputRef,
-                type: "date",
-                value: blockRangeEnd,
-                onChange: (e) => setBlockRangeEnd(e.target.value),
-                className: "w-full bg-transparent outline-none"
-              }
+              "屏蔽时段"
             ), /* @__PURE__ */ import_react.default.createElement(
-              "button",
+              RangePicker,
               {
-                type: "button",
-                onClick: () => {
-                  var _a2;
-                  return (_a2 = blockEndInputRef.current) == null ? void 0 : _a2.focus();
+                style: { width: "100%" },
+                showTime: {
+                  format: "HH:mm",
+                  minuteStep: resolvedSlotMinutes >= 60 ? 60 : Math.max(1, resolvedSlotMinutes)
                 },
-                className: "rounded-lg p-1 hover:bg-zinc-800"
-              },
-              /* @__PURE__ */ import_react.default.createElement(
-                import_lucide_react.CalendarDays,
-                {
-                  size: 18,
-                  className: "text-zinc-400"
-                }
-              )
-            )))), /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(
-              "label",
-              {
-                className: `mb-2 block text-sm ${isLight ? "theme-text-muted" : "text-zinc-400"}`
-              },
-              "Weekdays in range"
-            ), /* @__PURE__ */ import_react.default.createElement("div", { className: "grid grid-cols-2 gap-2 sm:flex sm:flex-wrap" }, weekdayNames.map((name, idx) => /* @__PURE__ */ import_react.default.createElement(
-              "button",
-              {
-                key: name,
-                onClick: () => toggleBlockWeekday(weekdaysMap[idx]),
-                className: `rounded-xl px-4 py-2 text-sm ${blockWeekdays.includes(weekdaysMap[idx]) ? "btn-pill-active" : isLight ? "btn-pill-neutral" : "bg-zinc-800 text-zinc-300"}`
-              },
-              name
-            )))), /* @__PURE__ */ import_react.default.createElement(
-              "div",
-              {
-                className: `rounded-xl px-3 py-3 text-sm ${isLight ? "theme-panel theme-border theme-text-muted" : "bg-zinc-900/80 text-zinc-300"}`
-              },
-              "Example: choose 1 Sep to 1 Oct, then select every Wednesday. The chosen time range will be blocked on all matching Wednesdays."
+                format: "YYYY-MM-DD HH:mm",
+                value: blockTimeRange,
+                onChange: (v) => setBlockTimeRange(v)
+              }
             ))
           ),
           /* @__PURE__ */ import_react.default.createElement("div", { className: "mt-6 flex flex-col-reverse sm:flex-row items-stretch sm:items-center justify-end gap-3" }, /* @__PURE__ */ import_react.default.createElement(
             "button",
             {
+              type: "button",
+              disabled: blockSaving,
               onClick: () => setShowBlockPanel(false),
               className: `rounded-xl px-4 py-2 ${isLight ? "btn-neutral" : "border border-zinc-700 text-zinc-300 hover:bg-zinc-800"}`
             },
-            "Cancel"
+            "取消"
           ), /* @__PURE__ */ import_react.default.createElement(
             "button",
             {
-              onClick: createBlockFromSelection,
-              className: `rounded-xl px-5 py-3 text-sm font-semibold ${isLight ? "btn-brand" : "bg-zinc-500/90 text-white hover:bg-zinc-400"}`
+              type: "button",
+              disabled: blockSaving,
+              onClick: () => void saveBlockedTime(),
+              className: `rounded-xl px-5 py-3 text-sm font-semibold disabled:opacity-50 ${isLight ? "btn-brand" : "bg-violet-600 text-white hover:bg-violet-500"}`
             },
-            "Confirm block"
+            blockSaving ? "保存中…" : "保存"
           ))
         )
       )),
@@ -4589,7 +4516,7 @@ function BookingCalendarDemo(props = {}) {
             ref: detailPanelRef
           },
           (() => {
-            var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u;
+            var _a2, _b2, _c2, _d2, _e2, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u;
             const detail = getBookingDetailData(detailItem, courts);
             const detailWithNoteOverrides = {
               ...detail,
@@ -4614,9 +4541,9 @@ function BookingCalendarDemo(props = {}) {
             const customerCard = selectedCustomer || {
               name: ((_d2 = detail.customer) == null ? void 0 : _d2.name) || detail.headerSummary.customerName,
               phone: (((_e2 = detail.customer) == null ? void 0 : _e2.phone) || "").split(" ").slice(-1)[0] || "0412888999",
-              email: ((_f2 = detail.customer) == null ? void 0 : _f2.email) || "tina.wu@pisell.com",
+              email: ((_f = detail.customer) == null ? void 0 : _f.email) || "tina.wu@pisell.com",
               membership: "Gold",
-              registeredAt: (((_h = (_g2 = detail.history) == null ? void 0 : _g2[0]) == null ? void 0 : _h.time) || "2026-03-18").slice(0, 10).split("-").join("/")
+              registeredAt: (((_h = (_g = detail.history) == null ? void 0 : _g[0]) == null ? void 0 : _h.time) || "2026-03-18").slice(0, 10).split("-").join("/")
             };
             const tabs = [
               "summary",
@@ -6621,7 +6548,7 @@ function BookingCalendarDemo(props = {}) {
             checkinModal.name,
             " ·",
             " ",
-            ((_f = courts.find((c) => c.id === checkinModal.courtId)) == null ? void 0 : _f.name) || "Unassigned"
+            ((_d = courts.find((c) => c.id === checkinModal.courtId)) == null ? void 0 : _d.name) || "Unassigned"
           )), /* @__PURE__ */ import_react.default.createElement(
             "button",
             {
@@ -6823,7 +6750,7 @@ function BookingCalendarDemo(props = {}) {
               mergeOrderModal.item.name,
               " ·",
               " ",
-              ((_g = courts.find((c) => c.id === mergeOrderModal.item.courtId)) == null ? void 0 : _g.name) || "Unassigned"
+              ((_e = courts.find((c) => c.id === mergeOrderModal.item.courtId)) == null ? void 0 : _e.name) || "Unassigned"
             )
           ),
           /* @__PURE__ */ import_react.default.createElement("div", { className: "mt-4" }, /* @__PURE__ */ import_react.default.createElement(

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

@@ -0,0 +1,18 @@
+import React from 'react';
+/** 日历内会改本地预约数据的动作类型，供业务层拦截（如平面图未支持写接口时 toast） */
+export declare type CalendarPersistKind = 'moveBooking' | 'applyConflictMove' | 'createBooking' | 'removeBlocks' | 'createBlock' | 'confirmBlockWithConflicts' | 'checkin' | 'checkinReschedule' | 'mergeOrder' | 'other';
+export interface CalendarPersistContextValue {
+    /**
+     * 返回 false 时日历组件应取消本次本地数据变更（由调用方决定是否已 toast）。
+     * 未提供时默认允许所有本地变更（Story / 独立演示）。
+     */
+    beforePersist?: (kind: CalendarPersistKind) => boolean;
+}
+export declare const CalendarPersistProvider: React.FC<{
+    children: React.ReactNode;
+    value?: CalendarPersistContextValue;
+}>;
+/**
+ * 在日历 Demo 内判断某类写操作是否允许执行本地 state 更新。
+ */
+export declare function useCalendarPersist(): (kind: CalendarPersistKind) => boolean;

package/lib/components/pisellRecordBoard/shellFrame/ResourceWall/NoteTicker.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import './VenueWallMarquee.less';
+export interface NoteTickerProps {
+    text: string;
+    color: string;
+    /** 跑完一整段所需秒数 */
+    duration?: number;
+    shouldMarquee: boolean;
+}
+/**
+ * 底部说明条：短文案静态省略，长文案无缝跑马灯（样式见 VenueWallMarquee.less）。
+ */
+export declare const NoteTicker: React.NamedExoticComponent<NoteTickerProps>;

package/lib/components/pisellRecordBoard/shellFrame/ResourceWall/NoteTicker.js

@@ -0,0 +1,60 @@
+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/ResourceWall/NoteTicker.tsx
+var NoteTicker_exports = {};
+__export(NoteTicker_exports, {
+  NoteTicker: () => NoteTicker
+});
+module.exports = __toCommonJS(NoteTicker_exports);
+var import_react = __toESM(require("react"));
+var import_VenueWallMarquee = require("./VenueWallMarquee.less");
+var NoteTicker = import_react.default.memo(function NoteTicker2({
+  text,
+  color,
+  duration = 24,
+  shouldMarquee
+}) {
+  if (!shouldMarquee) {
+    return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-resource-wall-note-marquee-static", style: { color } }, text);
+  }
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-resource-wall-note-marquee-wrap" }, /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className: "pisell-resource-wall-note-marquee-track",
+      style: { animationDuration: `${duration}s`, color }
+    },
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-resource-wall-note-marquee-copy" }, text),
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-resource-wall-note-marquee-copy", "aria-hidden": "true" }, text),
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-resource-wall-note-marquee-copy", "aria-hidden": "true" }, text)
+  ));
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  NoteTicker
+});

package/lib/components/pisellRecordBoard/shellFrame/ResourceWall/PisellRecordBoardResourceWallView.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { RecordBoardResourceWallProps } from '../../types';
+/** 与 {@link RecordBoardResourceWallProps.filterFieldKey} 默认一致 */
+export declare const DEFAULT_RESOURCE_WALL_FILTER_FIELD_KEY = "resource_wall_resource_ids";
+/**
+ * 大屏资源墙主视口：卡片数据来自 props；可见资源 id 来自
+ * `searchParams.filter.values[filterFieldKey]` 与 `cards[].resourceId` 交集。
+ */
+export declare const PisellRecordBoardResourceWallView: React.FC<RecordBoardResourceWallProps>;