@pisell/materials 6.11.37 → 6.11.38

package/es/components/pisellRecordBoard/shellFrame/Calendar/view/BookingCalendarMonthView.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+/** 月视图：由 BookingCalendar 传入数据与交互，本文件仅负责渲染结构 */
+export declare function BookingCalendarMonthView({ isLight, anchorDate, monthDays, bookings, goToDayFromCell, handleGridDropMove, setDraggingItem, openBookingDetail, overflowPopover, setOverflowPopover, overflowListModal, setOverflowListModal, overflowPanelRef, renderMonthWeekBooking, }: {
+    isLight: any;
+    anchorDate: any;
+    monthDays: any;
+    bookings: any;
+    goToDayFromCell: any;
+    handleGridDropMove: any;
+    setDraggingItem: any;
+    openBookingDetail: any;
+    overflowPopover: any;
+    setOverflowPopover: any;
+    overflowListModal: any;
+    setOverflowListModal: any;
+    overflowPanelRef: any;
+    renderMonthWeekBooking: any;
+}): JSX.Element;

package/es/components/pisellRecordBoard/shellFrame/Calendar/view/BookingCalendarMonthView.js

@@ -0,0 +1,155 @@
+// @ts-nocheck
+import React from 'react';
+import { MonthGridOverflowVirtualList } from "../modal/OverflowPopover";
+import { CALENDAR_WEEKDAY_IDS, tCal } from "../calendarI18n";
+import { getGridBookingRowStateClasses } from "../utils/BookingCalendarStyle";
+import { formatHourLabel } from "../utils/bookingCalendarDateUtils";
+
+/** 月视图：由 BookingCalendar 传入数据与交互，本文件仅负责渲染结构 */
+export function BookingCalendarMonthView(_ref) {
+  var isLight = _ref.isLight,
+    anchorDate = _ref.anchorDate,
+    monthDays = _ref.monthDays,
+    bookings = _ref.bookings,
+    goToDayFromCell = _ref.goToDayFromCell,
+    handleGridDropMove = _ref.handleGridDropMove,
+    setDraggingItem = _ref.setDraggingItem,
+    openBookingDetail = _ref.openBookingDetail,
+    overflowPopover = _ref.overflowPopover,
+    setOverflowPopover = _ref.setOverflowPopover,
+    overflowListModal = _ref.overflowListModal,
+    setOverflowListModal = _ref.setOverflowListModal,
+    overflowPanelRef = _ref.overflowPanelRef,
+    renderMonthWeekBooking = _ref.renderMonthWeekBooking;
+  return /*#__PURE__*/React.createElement("div", {
+    key: "month-".concat(anchorDate.getFullYear(), "-").concat(anchorDate.getMonth()),
+    className: "flex min-h-0 flex-1 flex-col"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "p-2 md:p-4 relative flex min-h-0 flex-1 flex-col"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "theme-panel rounded-3xl border min-w-[980px] min-h-0 max-h-none flex-1 overflow-auto"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "theme-panel-alt sticky top-0 z-20 grid grid-cols-7 border-b theme-border shadow-[0_6px_12px_rgba(0,0,0,0.08)]"
+  }, CALENDAR_WEEKDAY_IDS.map(function (id, i) {
+    return /*#__PURE__*/React.createElement("div", {
+      key: id,
+      className: "px-4 py-3 text-center font-medium ".concat(i >= 5 ? isLight ? 'bg-violet-200' : 'bg-violet-900' : '')
+    }, tCal(id));
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "grid grid-cols-7 auto-rows-[255px]"
+  }, monthDays.map(function (day) {
+    var allItems = bookings.filter(function (b) {
+      return b.date === day.key;
+    });
+    var dayItems = allItems.slice(0, 3);
+    var moreItems = allItems.slice(3);
+    var moreCount = moreItems.length;
+    var showMoreTile = moreCount > 0 && dayItems.length > 0;
+    return /*#__PURE__*/React.createElement("button", {
+      key: day.key,
+      onClick: function onClick() {
+        return goToDayFromCell(day.date, null, "month-".concat(day.key));
+      },
+      onDragOver: function onDragOver(e) {
+        return e.preventDefault();
+      },
+      onDrop: function onDrop(e) {
+        e.preventDefault();
+        handleGridDropMove(day.key);
+      },
+      className: "relative flex flex-col justify-start border-r border-b theme-border p-3 text-left align-top ".concat(day.inMonth ? isLight ? 'theme-grid-cell theme-text' : 'bg-[#1a1b21]' : isLight ? 'theme-grid-muted theme-text-faint' : 'bg-[#111217] text-zinc-600', " ").concat(isLight ? 'hover:bg-violet-50/70' : 'hover:bg-zinc-900')
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "absolute left-3 top-3 text-4xl font-semibold leading-none ".concat(isLight ? 'theme-text-soft' : '')
+    }, day.date.getDate()), /*#__PURE__*/React.createElement("div", {
+      className: "absolute right-3 top-3 flex gap-1 pt-1"
+    }, day.bookingCount > 0 && /*#__PURE__*/React.createElement("span", {
+      className: "h-3 w-3 rounded-full bg-violet-500"
+    }), (day.blockCount > 0 || day.fullyBooked) && /*#__PURE__*/React.createElement("span", {
+      className: "h-3 w-3 rounded-full bg-red-500"
+    })), /*#__PURE__*/React.createElement("div", {
+      className: "mt-10 flex flex-col items-start gap-1.5 w-full"
+    }, dayItems.map(function (item, i) {
+      var isLastVisible = i === dayItems.length - 1;
+      var shrinkForMore = showMoreTile && isLastVisible;
+      var layoutClassName = "block rounded-md px-2 py-2 text-xs text-left ".concat(getGridBookingRowStateClasses(item), " ").concat(shrinkForMore ? 'flex-1 min-w-0' : 'w-full');
+      return /*#__PURE__*/React.createElement("div", {
+        key: i,
+        className: "flex w-full items-stretch gap-2"
+      }, renderMonthWeekBooking ? /*#__PURE__*/React.createElement("div", {
+        className: shrinkForMore ? 'flex-1 min-w-0' : 'w-full'
+      }, renderMonthWeekBooking({
+        item: item,
+        dateKey: day.key,
+        view: 'month',
+        isLight: isLight,
+        layoutClassName: layoutClassName,
+        onOpenDetail: openBookingDetail,
+        onDragStart: function onDragStart(it) {
+          return setDraggingItem(it);
+        },
+        draggable: item.kind !== 'block'
+      })) : /*#__PURE__*/React.createElement("button", {
+        type: "button",
+        draggable: item.kind !== 'block',
+        onDragStart: function onDragStart(e) {
+          if (item.kind !== 'block') {
+            e.stopPropagation();
+            setDraggingItem(item);
+          }
+        },
+        onClick: function onClick(e) {
+          e.stopPropagation();
+          openBookingDetail(item);
+        },
+        className: layoutClassName
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "truncate"
+      }, item.name), /*#__PURE__*/React.createElement("div", {
+        className: "mt-1 opacity-80"
+      }, formatHourLabel(item.startHour), " -", ' ', formatHourLabel(item.endHour))), shrinkForMore && /*#__PURE__*/React.createElement("div", {
+        className: "relative h-[52px] w-[52px] shrink-0",
+        ref: (overflowPopover === null || overflowPopover === void 0 ? void 0 : overflowPopover.courtId) === 'month' && (overflowPopover === null || overflowPopover === void 0 ? void 0 : overflowPopover.date) === day.key ? overflowPanelRef : null
+      }, /*#__PURE__*/React.createElement("button", {
+        onMouseEnter: function onMouseEnter(e) {
+          e.stopPropagation();
+          setOverflowPopover({
+            courtId: 'month',
+            date: day.key,
+            items: moreItems,
+            pinned: false
+          });
+        },
+        onClick: function onClick(e) {
+          e.stopPropagation();
+          setOverflowPopover(null);
+          setOverflowListModal(function (prev) {
+            return prev && prev.scope === 'month' && prev.date === day.key ? null : {
+              scope: 'month',
+              date: day.key,
+              title: tCal('pisell2.recordBoard.calendar.overflow.listTitleBookings', {
+                date: day.key
+              }),
+              items: allItems.filter(function (x) {
+                return x.kind === 'booking';
+              })
+            };
+          });
+        },
+        className: "flex h-[52px] w-[52px] items-center justify-center rounded-xl bg-violet-700/90 text-sm font-semibold text-white"
+      }, "+", moreCount), (overflowPopover === null || overflowPopover === void 0 ? void 0 : overflowPopover.courtId) === 'month' && (overflowPopover === null || overflowPopover === void 0 ? void 0 : overflowPopover.date) === day.key && !overflowListModal && /*#__PURE__*/React.createElement("div", {
+        onMouseLeave: function onMouseLeave() {
+          if (!(overflowPopover !== null && overflowPopover !== void 0 && overflowPopover.pinned)) setOverflowPopover(null);
+        },
+        className: "absolute right-0 top-[60px] z-20 flex min-w-[240px] max-h-[360px] flex-col rounded-xl border p-3 shadow-2xl ".concat(isLight ? 'theme-panel theme-border' : 'border-zinc-700 bg-[#111218]')
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "mb-3 shrink-0 text-xs font-semibold ".concat(isLight ? 'theme-text-soft' : 'text-zinc-300')
+      }, tCal('pisell2.recordBoard.calendar.overflow.bookingsForDay')), /*#__PURE__*/React.createElement("div", {
+        className: "min-h-0 flex-1 overflow-hidden"
+      }, /*#__PURE__*/React.createElement(MonthGridOverflowVirtualList, {
+        items: overflowPopover.items,
+        listWidth: 214,
+        onPickItem: openBookingDetail
+      })))));
+    })));
+  })))));
+}

package/es/components/pisellRecordBoard/shellFrame/Calendar/view/BookingCalendarWeekView.d.ts

@@ -0,0 +1,27 @@
+import React from 'react';
+import type { RecordBoardCalendarProps } from '../../../types';
+/**
+ * 周视图：7 日网格 + 左侧分组（可折叠），单元格调起日视图；格内 drop 触发改期草稿。
+ */
+export declare function BookingCalendarWeekView({ calendarProps, isLight, weekDays, bookings, courts, hourSlots, slotStepHours, visibleCourts, visibleCourtRows, isBusinessHour, goToDayFromCell, handleGridDropMove, openBookingDetail, setDraggingItem, setCollapsedGroups, overflowPopover, setOverflowPopover, overflowListModal, setOverflowListModal, overflowPanelRef, }: {
+    calendarProps: RecordBoardCalendarProps;
+    isLight: boolean;
+    weekDays: Date[];
+    bookings: any[];
+    courts: any[];
+    hourSlots: number[];
+    slotStepHours: number;
+    visibleCourts: any[];
+    visibleCourtRows: any[];
+    isBusinessHour: (h: number) => boolean;
+    goToDayFromCell: (d: Date, courtId: string | null, src: string) => void;
+    handleGridDropMove: (dateKey: string, courtId?: string | null) => void;
+    openBookingDetail: (item: any) => void;
+    setDraggingItem: (item: any) => void;
+    setCollapsedGroups: React.Dispatch<React.SetStateAction<any>>;
+    overflowPopover: any;
+    setOverflowPopover: React.Dispatch<React.SetStateAction<any>>;
+    overflowListModal: any;
+    setOverflowListModal: React.Dispatch<React.SetStateAction<any>>;
+    overflowPanelRef: React.RefObject<HTMLDivElement | null>;
+}): JSX.Element;

package/es/components/pisellRecordBoard/shellFrame/Calendar/view/BookingCalendarWeekView.js

@@ -0,0 +1,259 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+// @ts-nocheck
+import React from 'react';
+import { DownOutlined } from '@ant-design/icons';
+import { courtDaySummary, dayOccupancy, fmtDate, formatHourLabel } from "../utils/bookingCalendarDateUtils";
+import { frozenColWidth } from "../const/bookingCalendarConstants";
+import { CALENDAR_WEEKDAY_IDS, tCal } from "../calendarI18n";
+import { getGridBookingRowStateClasses } from "../utils/BookingCalendarStyle";
+import { getRemainingToneClass } from "../bookingCalendarViewShared";
+/**
+ * 周视图：7 日网格 + 左侧分组（可折叠），单元格调起日视图；格内 drop 触发改期草稿。
+ */
+export function BookingCalendarWeekView(_ref) {
+  var calendarProps = _ref.calendarProps,
+    isLight = _ref.isLight,
+    weekDays = _ref.weekDays,
+    bookings = _ref.bookings,
+    courts = _ref.courts,
+    hourSlots = _ref.hourSlots,
+    slotStepHours = _ref.slotStepHours,
+    visibleCourts = _ref.visibleCourts,
+    visibleCourtRows = _ref.visibleCourtRows,
+    isBusinessHour = _ref.isBusinessHour,
+    goToDayFromCell = _ref.goToDayFromCell,
+    handleGridDropMove = _ref.handleGridDropMove,
+    openBookingDetail = _ref.openBookingDetail,
+    setDraggingItem = _ref.setDraggingItem,
+    setCollapsedGroups = _ref.setCollapsedGroups,
+    overflowPopover = _ref.overflowPopover,
+    setOverflowPopover = _ref.setOverflowPopover,
+    overflowListModal = _ref.overflowListModal,
+    setOverflowListModal = _ref.setOverflowListModal,
+    overflowPanelRef = _ref.overflowPanelRef;
+  var props = calendarProps;
+  return /*#__PURE__*/React.createElement("div", {
+    key: "week-".concat(fmtDate(weekDays[0])),
+    className: "flex min-h-0 flex-1 flex-col"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "p-2 md:p-4 relative flex min-h-0 flex-1 flex-col"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "theme-panel rounded-3xl border min-w-[980px] min-h-0 max-h-none flex-1 overflow-auto"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "grid",
+    style: {
+      gridTemplateColumns: "".concat(frozenColWidth, "px repeat(").concat(weekDays.length, ", minmax(150px, 1fr))")
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "grid sticky top-0 z-50",
+    style: {
+      gridColumn: '1 / -1',
+      gridTemplateColumns: "".concat(frozenColWidth, "px repeat(").concat(weekDays.length, ", minmax(150px, 1fr))"),
+      isolation: 'isolate'
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "sticky left-0 z-30 w-[132px] min-w-[132px] max-w-[132px] px-3 py-4 font-semibold border-b shadow-[8px_0_16px_rgba(0,0,0,0.08)] ".concat(isLight ? 'theme-sticky theme-border theme-text' : 'bg-[#241d40] border-zinc-800')
+  }, tCal('pisell2.recordBoard.calendar.week.headerCourtDate')), weekDays.map(function (day, i) {
+    var key = fmtDate(day);
+    var dayItems = bookings.filter(function (b) {
+      return b.date === key;
+    });
+    var fullyBooked = courts.every(function (court) {
+      return hourSlots.filter(isBusinessHour).every(function (h) {
+        return dayOccupancy(court.id, key, bookings, hourSlots, slotStepHours)[h];
+      });
+    });
+    return /*#__PURE__*/React.createElement("div", {
+      key: key,
+      className: "relative z-20 border-b border-l p-3 text-center shadow-[0_8px_16px_rgba(0,0,0,0.06)] ".concat(isLight ? 'theme-border theme-text' : 'border-zinc-800', " ").concat(i >= 5 ? isLight ? 'bg-violet-200' : 'bg-violet-900' : isLight ? 'theme-panel-soft' : 'bg-[#1a1a22]')
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "text-sm ".concat(isLight ? 'theme-text-faint' : 'text-zinc-400')
+    }, tCal(CALENDAR_WEEKDAY_IDS[i])), /*#__PURE__*/React.createElement("div", {
+      className: "mt-1 text-3xl font-semibold"
+    }, day.getDate()), /*#__PURE__*/React.createElement("div", {
+      className: "mt-2 flex items-center justify-center gap-1"
+    }, dayItems.some(function (b) {
+      return b.kind === 'booking';
+    }) && /*#__PURE__*/React.createElement("span", {
+      className: "h-2.5 w-2.5 rounded-full bg-violet-500"
+    }), (dayItems.some(function (b) {
+      return b.kind === 'block';
+    }) || fullyBooked) && /*#__PURE__*/React.createElement("span", {
+      className: "h-2.5 w-2.5 rounded-full bg-red-500"
+    })));
+  })), visibleCourtRows.map(function (row) {
+    return /*#__PURE__*/React.createElement(React.Fragment, {
+      key: row.id
+    }, row.kind === 'group' ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+      className: "sticky left-0 z-20 w-[132px] min-w-[132px] max-w-[132px] border-b px-2.5 py-2 shadow-[8px_0_16px_rgba(0,0,0,0.08)] ".concat(isLight ? 'border-slate-200 bg-gradient-to-b from-slate-100 to-slate-50' : 'border-zinc-800/80 bg-gradient-to-b from-[#252038] to-[#1a1628]')
+    }, props.renderResourceCell ? props.renderResourceCell({
+      view: 'week',
+      row: {
+        kind: 'group',
+        id: row.id,
+        label: row.label,
+        count: row.count,
+        collapsed: row.collapsed
+      },
+      isLight: isLight,
+      onToggleGroup: function onToggleGroup(label) {
+        return setCollapsedGroups(function (prev) {
+          return _objectSpread(_objectSpread({}, prev), {}, _defineProperty({}, label, !prev[label]));
+        });
+      }
+    }) : /*#__PURE__*/React.createElement("button", {
+      type: "button",
+      "aria-expanded": !row.collapsed,
+      onClick: function onClick() {
+        return setCollapsedGroups(function (prev) {
+          return _objectSpread(_objectSpread({}, prev), {}, _defineProperty({}, row.label, !prev[row.label]));
+        });
+      },
+      className: "flex w-full items-center gap-2 rounded-lg px-1 py-1 text-left transition-colors ".concat(isLight ? 'hover:bg-white/60' : 'hover:bg-white/[0.04] active:bg-white/[0.07]')
+    }, /*#__PURE__*/React.createElement(DownOutlined, {
+      style: {
+        fontSize: 15
+      },
+      className: "shrink-0 transition-transform duration-200 ".concat(isLight ? 'text-slate-500' : 'text-zinc-500', " ").concat(row.collapsed ? '-rotate-90' : 'rotate-0'),
+      "aria-hidden": true
+    }), /*#__PURE__*/React.createElement("div", {
+      className: "flex min-w-0 flex-1 items-center gap-1.5"
+    }, /*#__PURE__*/React.createElement("span", {
+      className: "truncate text-[13px] font-semibold leading-snug ".concat(isLight ? 'text-slate-800' : 'text-zinc-100')
+    }, row.label), /*#__PURE__*/React.createElement("span", {
+      className: "shrink-0 rounded-md px-1.5 py-0.5 text-[10px] font-semibold tabular-nums ".concat(isLight ? 'bg-violet-100 text-violet-800' : 'bg-zinc-800/90 text-zinc-300 ring-1 ring-zinc-600/40')
+    }, row.count)))), weekDays.map(function (day) {
+      var key = fmtDate(day);
+      var groupCourts = visibleCourts.filter(function (court) {
+        return court.type === row.label;
+      });
+      /** 分子：当日时间轴上无任何占用（无预约、无锁台）的资源数；分母：该类型下资源总数 */
+      var idleCount = groupCourts.filter(function (court) {
+        var s = courtDaySummary(court.id, key, bookings, hourSlots, slotStepHours);
+        return s.occupiedHours.length === 0;
+      }).length;
+      var ratio = groupCourts.length > 0 ? idleCount / groupCourts.length : 0;
+      return /*#__PURE__*/React.createElement("div", {
+        key: "".concat(row.id, "-").concat(key),
+        className: "border-b border-l p-3 text-center ".concat(isLight ? 'theme-border theme-panel-soft' : 'border-zinc-800 bg-[#151a2f]')
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "text-xs font-semibold ".concat(getRemainingToneClass(ratio, isLight))
+      }, idleCount, "/", groupCourts.length));
+    })) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+      className: "sticky left-0 z-20 w-[132px] min-w-[132px] max-w-[132px] border-b px-3 py-3 align-top shadow-[8px_0_16px_rgba(0,0,0,0.06)] ".concat(isLight ? 'theme-sticky theme-border' : 'border-zinc-800 bg-[#1a1a22]')
+    }, props.renderResourceCell ? props.renderResourceCell({
+      view: 'week',
+      row: {
+        kind: 'court',
+        id: row.id,
+        name: row.name,
+        type: row.type
+      },
+      isLight: isLight
+    }) : /*#__PURE__*/React.createElement("div", {
+      className: "font-semibold text-[16px] leading-tight break-all"
+    }, row.name)), weekDays.map(function (day) {
+      var key = fmtDate(day);
+      var summary = courtDaySummary(row.id, key, bookings, hourSlots, slotStepHours);
+      var previewItems = summary.items.slice(0, 3);
+      var moreItems = summary.items.slice(3);
+      var moreCount = moreItems.length;
+      var showMoreTile = moreCount > 0 && previewItems.length > 0;
+      return /*#__PURE__*/React.createElement("button", {
+        key: "".concat(row.id, "-").concat(key),
+        onClick: function onClick() {
+          return goToDayFromCell(day, row.id, "week-".concat(row.id, "-").concat(key));
+        },
+        onDragOver: function onDragOver(e) {
+          return e.preventDefault();
+        },
+        onDrop: function onDrop(e) {
+          e.preventDefault();
+          handleGridDropMove(key, row.id);
+        },
+        className: "relative flex flex-col justify-start min-h-[148px] border-b border-l p-3 text-left align-top transition ".concat(isLight ? 'theme-border' : '', " ").concat(summary.fullyBooked ? isLight ? 'bg-slate-100 theme-text-faint' : 'bg-zinc-800 text-zinc-500' : summary.hasBlock ? isLight ? 'bg-red-50 border-red-200' : 'bg-red-950/30 border-red-800/40' : summary.occupiedHours.length > 0 ? isLight ? 'bg-violet-50 hover:bg-violet-100/80' : 'bg-[#1c1630] hover:bg-[#241c3f]' : isLight ? 'theme-grid-cell hover:bg-violet-50/60' : 'bg-zinc-900 hover:bg-zinc-800')
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "absolute left-3 top-3 text-[13px] text-zinc-400"
+      }, key), /*#__PURE__*/React.createElement("div", {
+        className: "absolute right-3 top-3 flex gap-1"
+      }, summary.occupiedHours.length > 0 && /*#__PURE__*/React.createElement("span", {
+        className: "h-2.5 w-2.5 rounded-full bg-violet-500"
+      }), (summary.hasBlock || summary.fullyBooked) && /*#__PURE__*/React.createElement("span", {
+        className: "h-2.5 w-2.5 rounded-full bg-red-500"
+      })), summary.fullyBooked ? /*#__PURE__*/React.createElement("div", {
+        className: "mt-8 rounded-lg bg-zinc-700/70 px-2 py-1 text-xs"
+      }, tCal('pisell2.recordBoard.calendar.week.fullyBooked')) : summary.items.length > 0 ? /*#__PURE__*/React.createElement("div", {
+        className: "mt-8 flex flex-col items-start gap-1.5 w-full"
+      }, previewItems.map(function (item, idx) {
+        var isLastVisible = idx === previewItems.length - 1;
+        var shrinkForMore = showMoreTile && isLastVisible;
+        var layoutClassName = "rounded-lg px-3 py-2 text-xs text-left ".concat(getGridBookingRowStateClasses(item), " ").concat(shrinkForMore ? 'flex-1 min-w-0' : 'w-full');
+        return /*#__PURE__*/React.createElement("div", {
+          key: idx,
+          className: "flex w-full items-stretch gap-2"
+        }, props.renderMonthWeekBooking ? /*#__PURE__*/React.createElement("div", {
+          className: shrinkForMore ? 'flex-1 min-w-0' : 'w-full'
+        }, props.renderMonthWeekBooking({
+          item: item,
+          dateKey: key,
+          view: 'week',
+          isLight: isLight,
+          layoutClassName: layoutClassName,
+          onOpenDetail: openBookingDetail,
+          onDragStart: function onDragStart(it) {
+            return setDraggingItem(it);
+          },
+          draggable: false
+        })) : /*#__PURE__*/React.createElement("button", {
+          type: "button",
+          onClick: function onClick(e) {
+            e.stopPropagation();
+            openBookingDetail(item);
+          },
+          className: layoutClassName
+        }, /*#__PURE__*/React.createElement("div", {
+          className: "truncate"
+        }, item.name), /*#__PURE__*/React.createElement("div", {
+          className: "mt-1 opacity-80"
+        }, formatHourLabel(item.startHour), " -", ' ', formatHourLabel(item.endHour))), shrinkForMore && /*#__PURE__*/React.createElement("div", {
+          className: "relative h-[52px] w-[52px] shrink-0",
+          ref: (overflowPopover === null || overflowPopover === void 0 ? void 0 : overflowPopover.courtId) === row.id && (overflowPopover === null || overflowPopover === void 0 ? void 0 : overflowPopover.date) === key ? overflowPanelRef : null
+        }, /*#__PURE__*/React.createElement("button", {
+          onMouseEnter: function onMouseEnter(e) {
+            e.stopPropagation();
+            setOverflowPopover({
+              courtId: row.id,
+              date: key,
+              items: moreItems,
+              pinned: false
+            });
+          },
+          onClick: function onClick(e) {
+            e.stopPropagation();
+            setOverflowPopover(null);
+            setOverflowListModal(function (prev) {
+              return prev && prev.scope === row.id && prev.date === key ? null : {
+                scope: row.id,
+                date: key,
+                title: tCal('pisell2.recordBoard.calendar.overflow.listTitleAllBookings', {
+                  date: key
+                }),
+                items: summary.items.filter(function (x) {
+                  return x.kind === 'booking';
+                })
+              };
+            });
+          },
+          className: "flex h-[52px] w-[52px] items-center justify-center rounded-xl bg-violet-700/90 text-sm font-semibold text-white"
+        }, "+", moreCount)));
+      })) : /*#__PURE__*/React.createElement("div", {
+        className: "mt-8 rounded-lg border border-dashed border-zinc-700 px-2 py-2 text-xs text-zinc-500"
+      }, tCal('pisell2.recordBoard.calendar.week.available')));
+    })));
+  })))));
+}

package/es/components/pisellRecordBoard/shellFrame/Calendar/view/bookingCalendarDayViewContext.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import type { RecordBoardCalendarProps } from '../../../types';
+/** 供日视图拆分出的子组件读取 `calendarProps` / 明暗，避免每层透传（可选使用） */
+export declare type BookingCalendarDayChromeContextValue = {
+    calendarProps: RecordBoardCalendarProps;
+    isLight: boolean;
+};
+export declare function BookingCalendarDayChromeProvider({ children, value, }: {
+    children: React.ReactNode;
+    value: BookingCalendarDayChromeContextValue;
+}): JSX.Element;
+export declare function useBookingCalendarDayChrome(): BookingCalendarDayChromeContextValue;

package/es/components/pisellRecordBoard/shellFrame/Calendar/view/bookingCalendarDayViewContext.js

@@ -0,0 +1,19 @@
+import React, { createContext, useContext } from 'react';
+
+/** 供日视图拆分出的子组件读取 `calendarProps` / 明暗，避免每层透传（可选使用） */
+
+var BookingCalendarDayChromeContext = /*#__PURE__*/createContext(null);
+export function BookingCalendarDayChromeProvider(_ref) {
+  var children = _ref.children,
+    value = _ref.value;
+  return /*#__PURE__*/React.createElement(BookingCalendarDayChromeContext.Provider, {
+    value: value
+  }, children);
+}
+export function useBookingCalendarDayChrome() {
+  var v = useContext(BookingCalendarDayChromeContext);
+  if (!v) {
+    throw new Error('useBookingCalendarDayChrome must be used within BookingCalendarDayChromeProvider');
+  }
+  return v;
+}

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

@@ -8,6 +8,7 @@ export interface NoteTickerProps {
     shouldMarquee: boolean;
 }
 /**
- * 底部说明条：短文案静态省略，长文案无缝跑马灯（样式见 VenueWallMarquee.less）。
+ * 底部说明条：短文案省略静态展示，长文案无缝跑马灯（多段 copy 与 `VenueWallMarquee.less` 中 -33.333% 动画配套）。
+ * 系统「减少动态效果」时强制静态展示；跑马灯区对读屏 `aria-hidden` 避免重复朗读。
  */
 export declare const NoteTicker: React.NamedExoticComponent<NoteTickerProps>;

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

@@ -1,7 +1,34 @@
-import React from 'react';
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import React, { useEffect, useState } from 'react';
 import "./VenueWallMarquee.less";
+function usePrefersReducedMotion() {
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    reduced = _useState2[0],
+    setReduced = _useState2[1];
+  useEffect(function () {
+    if (typeof window === 'undefined' || !window.matchMedia) return;
+    var mq = window.matchMedia('(prefers-reduced-motion: reduce)');
+    setReduced(mq.matches);
+    var onChange = function onChange() {
+      return setReduced(mq.matches);
+    };
+    mq.addEventListener('change', onChange);
+    return function () {
+      return mq.removeEventListener('change', onChange);
+    };
+  }, []);
+  return reduced;
+}
+var MARQUEE_COPY_COUNT = 3;
 /**
- * 底部说明条：短文案静态省略，长文案无缝跑马灯（样式见 VenueWallMarquee.less）。
+ * 底部说明条：短文案省略静态展示，长文案无缝跑马灯（多段 copy 与 `VenueWallMarquee.less` 中 -33.333% 动画配套）。
+ * 系统「减少动态效果」时强制静态展示；跑马灯区对读屏 `aria-hidden` 避免重复朗读。
  */
 export var NoteTicker = /*#__PURE__*/React.memo(function NoteTicker(_ref) {
   var text = _ref.text,
@@ -9,29 +36,32 @@ export var NoteTicker = /*#__PURE__*/React.memo(function NoteTicker(_ref) {
     _ref$duration = _ref.duration,
     duration = _ref$duration === void 0 ? 24 : _ref$duration,
     shouldMarquee = _ref.shouldMarquee;
-  if (!shouldMarquee) {
+  var reducedMotion = usePrefersReducedMotion();
+  var useMarquee = shouldMarquee && !reducedMotion;
+  if (!useMarquee) {
     return /*#__PURE__*/React.createElement("div", {
       className: "pisell-resource-wall-note-marquee-static",
       style: {
         color: color
-      }
+      },
+      title: text
     }, text);
   }
   return /*#__PURE__*/React.createElement("div", {
-    className: "pisell-resource-wall-note-marquee-wrap"
+    className: "pisell-resource-wall-note-marquee-wrap",
+    "aria-hidden": true
   }, /*#__PURE__*/React.createElement("div", {
     className: "pisell-resource-wall-note-marquee-track",
     style: {
       animationDuration: "".concat(duration, "s"),
       color: color
     }
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "pisell-resource-wall-note-marquee-copy"
-  }, text), /*#__PURE__*/React.createElement("div", {
-    className: "pisell-resource-wall-note-marquee-copy",
-    "aria-hidden": "true"
-  }, text), /*#__PURE__*/React.createElement("div", {
-    className: "pisell-resource-wall-note-marquee-copy",
-    "aria-hidden": "true"
-  }, text)));
+  }, Array.from({
+    length: MARQUEE_COPY_COUNT
+  }, function (_, i) {
+    return /*#__PURE__*/React.createElement("div", {
+      key: i,
+      className: "pisell-resource-wall-note-marquee-copy"
+    }, text);
+  })));
 });

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

@@ -4,7 +4,9 @@ import './ResourceWallViewport.less';
 /** 与 {@link RecordBoardResourceWallProps.filterFieldKey} 默认一致 */
 export declare const DEFAULT_RESOURCE_WALL_FILTER_FIELD_KEY = "resource_wall_resource_ids";
 /**
- * 大屏资源墙主视口：卡片数据来自 props；可见资源 id 来自
- * `searchParams.filter.values[filterFieldKey]` 与 `cards[].resourceId` 交集。
+ * RecordBoard 大屏资源墙主视口：`cards` 提供全量卡数据；可见列表由
+ * `searchParams.filter.values[filterFieldKey]` 中的资源 id 与 `cards` 交集决定。
+ * 若 ToolBar `searchParams.sort` 指向状态列（默认字段名 `status`），则按占用态重排展示顺序。
+ * 支持网格分页轮播、浅深外观、伪全屏与控制台（布局 / 配色 / 选中资源）。
  */
 export declare const PisellRecordBoardResourceWallView: React.FC<RecordBoardResourceWallProps>;