@pisell/materials 6.11.47 → 6.11.49

package/es/components/pisellFloorMapLayout/components/ViewControls.less

@@ -133,16 +133,16 @@
   /**
    * 工具按钮激活态（展开条内与外侧折叠 pill 共用同一套色值）。
    * 主色链：`--color-primary`（与主色展开键、业务 HUD 一致）→ `--fmap-primary`（PisellFloorMapLayout 注入）
-   * → 兜底 #1677ff。淡底用 color-mix 12%/18% hover。
+   * → 兜底 #1677ff。淡底用 color-mix 25%/32% hover。
    */
   .vc-tool-btn-active-colors() {
     @vc-p: var(--color-primary, var(--fmap-primary, #1677ff));
 
-    background: color-mix(in srgb, @vc-p 12%, #fff);
+    background: color-mix(in srgb, @vc-p 25%, #fff);
     color: @vc-p;
 
     &:hover {
-      background: color-mix(in srgb, @vc-p 18%, #fff);
+      background: color-mix(in srgb, @vc-p 32%, #fff);
       color: @vc-p;
     }
 

package/es/components/pisellRecordBoard/shellFrame/Calendar/BookingCalendar.js

@@ -476,6 +476,9 @@ export default function BookingCalendar() {
     setTransitioningToDay({
       source: source
     });
+    /** 周/月只是“跳转查看”，不应把日视图多选状态带过去造成误解（像是系统替用户选了格子） */
+    setSelectedFreeSlots([]);
+    setSelectedBlockSlots([]);
     commitAnchor(day);
     setFocusedCourtId(courtId || null);
     commitView('day');

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

@@ -321,3 +321,12 @@
   background: var(--brand-primary);
   color: #fff;
 }
+
+/** 周视图左侧资源名 / 分组名：最多两行，超出省略（供 BookingCalendarWeekView 使用） */
+.pisell-rb-cal-week-resource-name {
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  overflow: hidden;
+  word-break: break-word;
+}

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

@@ -7,8 +7,10 @@ export declare const DEFAULT_CALENDAR_TIMELINE: {
 };
 export declare const frozenColWidth = 132;
 export declare const dayColWidth = 92;
-export declare const dayRowHeight = 122;
-export declare const groupRowHeight = 54;
+/** 日视图默认资源行高度（压缩默认高度，超出由 overlay lane 自动抬高） */
+export declare const dayRowHeight = 72;
+/** 日视图分组行高度（随资源行同步压缩） */
+export declare const groupRowHeight = 40;
 export declare const dayHeaderHeight = 56;
 /** 日视图同一资源行内竖向分带的最小高度（须容下标题+时间两行 + py-2/py-3）；并行时抬高该行 */
 export declare const DAY_OVERLAY_LANE_MIN_PX = 64;

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

@@ -8,8 +8,10 @@ export var DEFAULT_CALENDAR_TIMELINE = {
 };
 export var frozenColWidth = 132;
 export var dayColWidth = 92;
-export var dayRowHeight = 122;
-export var groupRowHeight = 54;
+/** 日视图默认资源行高度（压缩默认高度，超出由 overlay lane 自动抬高） */
+export var dayRowHeight = 72;
+/** 日视图分组行高度（随资源行同步压缩） */
+export var groupRowHeight = 40;
 export var dayHeaderHeight = 56;
 /** 日视图同一资源行内竖向分带的最小高度（须容下标题+时间两行 + py-2/py-3）；并行时抬高该行 */
 export var DAY_OVERLAY_LANE_MIN_PX = 64;

package/es/components/pisellRecordBoard/shellFrame/Calendar/utils/BookingCalendarStyle.d.ts

@@ -2,7 +2,7 @@ import { type CalendarBookingSegmentInput } from './bookingCalendarDateUtils';
 export declare function getDrawerStatusTheme(item: CalendarBookingSegmentInput, dateKey: string): "bg-red-700/88 border-b-4 border-red-300/55" | "bg-zinc-700/88 border-b-4 border-zinc-400/45" | "bg-zinc-700/88 border-b-4 border-red-400/75" | "bg-violet-700/92 border-b-4 border-amber-400/95" | "bg-violet-700/92 border-b-4 border-zinc-300/45" | "bg-violet-700/92 border-b-4 border-violet-300/30";
 export declare function paymentTagClass(label: string, isLight?: boolean): "theme-success-chip border" | "bg-emerald-500 text-white" | "theme-warning-chip border" | "bg-amber-500 text-white" | "theme-info-chip border" | "bg-sky-500 text-white" | "theme-danger-chip border" | "bg-red-500 text-white";
 export declare function fulfillmentTagClass(label: string, isLight?: boolean): "theme-success-chip border" | "theme-warning-chip border" | "bg-amber-500 text-white" | "theme-info-chip border" | "theme-danger-chip border" | "bg-emerald-600 text-white" | "bg-cyan-500 text-white" | "bg-red-600 text-white" | "border border-[var(--border-strong)] bg-[var(--bg-input)] theme-text-soft" | "bg-zinc-600 text-white" | "border border-[var(--brand-light)] bg-[var(--brand-surface)] theme-brand-text" | "bg-violet-600 text-white";
-export declare function getBookingStateClasses(item: CalendarBookingSegmentInput, dateKey: string): "bg-zinc-700/55 border border-zinc-500/70 text-zinc-100 grayscale-[0.2]" | "bg-zinc-700/55 border border-red-500/70 text-zinc-200 grayscale-[0.15]" | "bg-violet-700/90 border border-amber-400/80 text-violet-50" | "bg-red-700/70 text-red-100" | "bg-violet-700/90 text-violet-50";
+export declare function getBookingStateClasses(item: CalendarBookingSegmentInput, dateKey: string): "bg-red-700/70 text-red-100" | "bg-violet-700/90 text-violet-50" | "bg-zinc-700/55 border border-zinc-500/70 text-zinc-100 grayscale-[0.2]" | "bg-zinc-700/55 border border-red-500/70 text-zinc-200 grayscale-[0.15]" | "bg-violet-700/90 border border-amber-400/80 text-violet-50";
 /**
  * 月 / 周紧凑格：不按签到/取消/迟到等状态变色，仅区分 booking（默认紫）与 block（红）。
  * 与 {@link getBookingStateClasses} 在无状态分支时一致，但不读取 `dateKey`。

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

@@ -16,7 +16,7 @@ import React, { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useSta
 import { ClockCircleOutlined, DownOutlined } from '@ant-design/icons';
 import { PisellDateTimeDisplay } from "../../../../pisellDateTimeDisplay";
 import { currentTimeLabel, dayOccupancy, dayOverlayHiddenKey, dayOverlayLaneMetrics, formatHourLabel, getViewNowReference, parseDate } from "../utils/bookingCalendarDateUtils";
-import { DAY_OVERLAY_INNER_BOTTOM, DAY_OVERLAY_INNER_TOP, DAY_OVERLAY_LANE_GAP, DAY_OVERLAY_VISIBLE_BOOKING_CAP, DAY_VIEW_COL_BUFFER, DAY_VIEW_ROW_BUFFER_PX, dayRowHeight, frozenColWidth } from "../const/bookingCalendarConstants";
+import { DAY_OVERLAY_INNER_BOTTOM, DAY_OVERLAY_INNER_TOP, DAY_OVERLAY_LANE_GAP, DAY_OVERLAY_VISIBLE_BOOKING_CAP, DAY_VIEW_COL_BUFFER, DAY_VIEW_ROW_BUFFER_PX, dayHeaderHeight, dayRowHeight, frozenColWidth } from "../const/bookingCalendarConstants";
 import { getBlockMetaLine, getRemainingToneClass, BookingCard } from "../bookingCalendarViewShared";
 import { tCal } from "../calendarI18n";
 import { BookingCalendarDaySelectionBar } from "./BookingCalendarDaySelectionBar";
@@ -209,15 +209,31 @@ export function BookingCalendarDayView(dayProps) {
       }
     };
   }, [dayKey, scheduleDayViewportUpdate, hourSlots.length, visibleCourtRows.length]);
+
+  /**
+   * 周/月点格进入日视图时会带上 `focusedCourtId`：只应在日历内层滚动容器内滚到该行。
+   * 若用 `scrollIntoView`，浏览器会连锁滚动外层页面，RecordBoard 顶栏日程带会被顶出视口。
+   */
   useEffect(function () {
     if (!focusedCourtId || !dayScrollRef.current) return;
     var timer = setTimeout(function () {
-      var _dayScrollRef$current;
-      var el = (_dayScrollRef$current = dayScrollRef.current) === null || _dayScrollRef$current === void 0 ? void 0 : _dayScrollRef$current.querySelector("[data-court-row=\"".concat(focusedCourtId, "\"]"));
-      if (el) el.scrollIntoView({
-        behavior: 'smooth',
-        block: 'start'
+      var root = dayScrollRef.current;
+      if (!root) return;
+      var el = root.querySelector("[data-court-row=\"".concat(focusedCourtId, "\"]"));
+      if (!el) return;
+      var rootRect = root.getBoundingClientRect();
+      var rowRect = el.getBoundingClientRect();
+      var targetTop = rootRect.top + dayHeaderHeight;
+      var desiredTop = root.scrollTop + (rowRect.top - targetTop);
+      var maxTop = Math.max(0, root.scrollHeight - root.clientHeight);
+      /** 对齐到表头下方；若滚不到则尽量滚到最底（maxTop） */
+      var nextTop = Math.min(maxTop, Math.max(0, desiredTop));
+      root.scrollTo({
+        top: nextTop,
+        behavior: 'smooth'
       });
+      /** 仅用于“定位滚动”，不应持续高亮左侧标题格 */
+      setFocusedCourtId(null);
     }, 180);
     return function () {
       return clearTimeout(timer);
@@ -522,7 +538,7 @@ export function BookingCalendarDayView(dayProps) {
       }, remaining, "/", groupCourts.length, " free"));
     })) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
       "data-court-row": row.id,
-      className: "sticky left-0 z-30 flex h-full min-h-0 w-[132px] min-w-[132px] max-w-[132px] flex-col border-b px-3 py-3 shadow-[8px_0_16px_rgba(0,0,0,0.06)] ".concat(isLight ? focusedCourtId === row.id ? 'surface-brand-side ring-2 ring-[var(--brand-light)]/70' : 'surface-brand-side-muted' : focusedCourtId === row.id ? 'ring-2 ring-violet-400/70 bg-violet-900/20 border-zinc-800' : 'bg-[#1a1a22] border-zinc-800'),
+      className: "sticky left-0 z-30 flex h-full min-h-0 w-[132px] min-w-[132px] max-w-[132px] flex-col border-b px-3 py-2 shadow-[8px_0_16px_rgba(0,0,0,0.06)] ".concat(isLight ? focusedCourtId === row.id ? 'surface-brand-side ring-2 ring-[var(--brand-light)]/70' : 'surface-brand-side-muted' : focusedCourtId === row.id ? 'ring-2 ring-violet-400/70 bg-violet-900/20 border-zinc-800' : 'bg-[#1a1a22] border-zinc-800'),
       style: daySlotVirtEnabled ? {
         gridRow: rowIndex + 1,
         gridColumn: 1
@@ -537,7 +553,7 @@ export function BookingCalendarDayView(dayProps) {
       },
       isLight: isLight
     }) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-      className: "font-semibold text-base leading-tight break-all"
+      className: "font-semibold text-base leading-tight truncate"
     }, row.name), dayRowRemainingByCourt[row.id] && /*#__PURE__*/React.createElement("div", {
       className: "mt-2 text-xs font-semibold ".concat(getRemainingToneClass(dayRowRemainingByCourt[row.id].ratio, isLight))
     }, dayRowRemainingByCourt[row.id].remaining, "/", dayRowRemainingByCourt[row.id].total, " slots free"))), (daySlotVirtEnabled ? dayVisibleSlotIndices : hourSlots.map(function (_, hi) {
@@ -568,7 +584,7 @@ export function BookingCalendarDayView(dayProps) {
             handleDropMove(row.id, dayKey, hour);
           }
         },
-        className: "relative h-full min-h-0 p-2 text-left transition outline-none ".concat(isOccupied && !outsideBusiness ? 'border-l-transparent border-b-transparent' : "border-b border-l ".concat(isLight ? 'theme-border' : 'border-zinc-700'), " ").concat(outsideBusiness ? isLight ? 'bg-slate-100 theme-text-faint' : 'bg-zinc-800/80 text-zinc-500 border-zinc-700' : isBlock ? blockSelected ? 'bg-red-500/25 border-red-400 ring-2 ring-red-400/60' : isLight ? 'bg-red-50 border-red-200' : 'bg-red-900/50 border-red-700/50' : isOccupied ? 'bg-transparent' : freeSelected ? isLight ? 'bg-violet-50 border-violet-300 ring-2 ring-violet-300/60' : 'bg-white/10 border-violet-400 ring-2 ring-violet-400/60' : isLight ? 'theme-grid-cell hover:bg-violet-50/60' : 'bg-zinc-900 border-zinc-700 hover:bg-zinc-800')
+        className: "relative h-full min-h-0 p-1 text-left transition outline-none ".concat(isOccupied && !outsideBusiness ? 'border-l-transparent border-b-transparent' : "border-b border-l ".concat(isLight ? 'theme-border' : 'border-zinc-700'), " ").concat(outsideBusiness ? isLight ? 'bg-slate-100 theme-text-faint' : 'bg-zinc-800/80 text-zinc-500 border-zinc-700' : isBlock ? blockSelected ? 'bg-red-500/25 border-red-400 ring-2 ring-red-400/60' : isLight ? 'bg-red-50 border-red-200' : 'bg-red-900/50 border-red-700/50' : isOccupied ? 'bg-transparent' : freeSelected ? isLight ? 'bg-violet-50 border-violet-300 ring-2 ring-violet-300/60' : 'bg-white/10 border-violet-400 ring-2 ring-violet-400/60' : isLight ? 'theme-grid-cell hover:bg-violet-50/60' : 'bg-zinc-900 border-zinc-700 hover:bg-zinc-800')
       }, outsideBusiness ? /*#__PURE__*/React.createElement("div", {
         className: "flex h-full items-center justify-center rounded-xl border border-dashed border-zinc-700 text-xs text-zinc-500"
       }, tCal('pisell2.recordBoard.calendar.day.outsideHours')) : (item === null || item === void 0 ? void 0 : item.kind) === 'block' ? /*#__PURE__*/React.createElement("div", {
@@ -580,7 +596,7 @@ export function BookingCalendarDayView(dayProps) {
       }, item.note), getBlockMetaLine(item) && /*#__PURE__*/React.createElement("div", {
         className: "mt-1 text-[10px] text-zinc-400 truncate"
       }, getBlockMetaLine(item))) : !item ? /*#__PURE__*/React.createElement("div", {
-        className: "flex h-full items-center justify-center rounded-xl border border-dashed ".concat(isLight ? 'border-[#d8d0eb] text-[#8f86a9] hover:border-violet-300 hover:text-violet-500' : 'border-zinc-600 text-zinc-500 hover:border-violet-500 hover:text-violet-300')
+        className: "flex h-full w-full items-center justify-center rounded-xl border border-dashed text-center ".concat(isLight ? 'border-[#d8d0eb] text-[#8f86a9] hover:border-violet-300 hover:text-violet-500' : 'border-zinc-600 text-zinc-500 hover:border-violet-500 hover:text-violet-300')
       }, freeSelected ? tCal('pisell2.recordBoard.calendar.day.selected') : tCal('pisell2.recordBoard.calendar.day.tapToSelect')) : null);
     })));
   }), visibleDayOverlayBookings.map(function (booking) {

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

@@ -3,7 +3,7 @@ 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";
+import { fmtDate, formatHourLabel } from "../utils/bookingCalendarDateUtils";
 
 /** 月视图：由 BookingCalendar 传入数据与交互，本文件仅负责渲染结构 */
 export function BookingCalendarMonthView(_ref) {
@@ -21,6 +21,7 @@ export function BookingCalendarMonthView(_ref) {
     setOverflowListModal = _ref.setOverflowListModal,
     overflowPanelRef = _ref.overflowPanelRef,
     renderMonthWeekBooking = _ref.renderMonthWeekBooking;
+  var todayKey = fmtDate(new Date());
   return /*#__PURE__*/React.createElement("div", {
     key: "month-".concat(anchorDate.getFullYear(), "-").concat(anchorDate.getMonth()),
     className: "flex min-h-0 flex-1 flex-col"
@@ -33,11 +34,12 @@ export function BookingCalendarMonthView(_ref) {
   }, 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' : '')
+      className: "px-4 py-3 text-center font-medium"
     }, tCal(id));
   })), /*#__PURE__*/React.createElement("div", {
-    className: "grid grid-cols-7 auto-rows-[255px]"
+    className: "grid grid-cols-7 auto-rows-[minmax(72px,auto)]"
   }, monthDays.map(function (day) {
+    var isToday = day.key === todayKey;
     var allItems = bookings.filter(function (b) {
       return b.date === day.key;
     });
@@ -60,14 +62,17 @@ export function BookingCalendarMonthView(_ref) {
       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", {
+    }, /*#__PURE__*/React.createElement("span", {
+      className: "grid h-11 w-11 place-items-center rounded-full leading-[1] ".concat(isToday ? isLight ? 'ring-2 ring-violet-500/70 bg-violet-50' : 'ring-2 ring-violet-400/60 bg-white/[0.06]' : ''),
+      "aria-label": isToday ? 'Today' : undefined
+    }, 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.length > 0 ? /*#__PURE__*/React.createElement("div", {
+      className: "mt-10 flex w-full flex-col items-start gap-1.5"
     }, dayItems.map(function (item, i) {
       var isLastVisible = i === dayItems.length - 1;
       var shrinkForMore = showMoreTile && isLastVisible;
@@ -150,6 +155,6 @@ export function BookingCalendarMonthView(_ref) {
         listWidth: 214,
         onPickItem: openBookingDetail
       })))));
-    })));
+    })) : null);
   })))));
 }

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

@@ -37,6 +37,7 @@ export function BookingCalendarWeekView(_ref) {
     setOverflowListModal = _ref.setOverflowListModal,
     overflowPanelRef = _ref.overflowPanelRef;
   var props = calendarProps;
+  var todayKey = fmtDate(new Date());
   return /*#__PURE__*/React.createElement("div", {
     key: "week-".concat(fmtDate(weekDays[0])),
     className: "flex min-h-0 flex-1 flex-col"
@@ -60,6 +61,7 @@ export function BookingCalendarWeekView(_ref) {
     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 isToday = key === todayKey;
     var dayItems = bookings.filter(function (b) {
       return b.date === key;
     });
@@ -70,22 +72,17 @@ export function BookingCalendarWeekView(_ref) {
     });
     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]')
+      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(isToday ? isLight ? 'bg-gradient-to-b from-violet-50 to-white' : 'bg-gradient-to-b from-violet-950/40 to-[#1a1a22]' : 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"
-    })));
+      className: "mt-1 flex justify-center"
+    }, /*#__PURE__*/React.createElement("span", {
+      className: "grid h-11 w-11 place-items-center text-3xl font-semibold leading-[1]",
+      "aria-label": isToday ? 'Today' : undefined
+    }, day.getDate())), /*#__PURE__*/React.createElement("div", {
+      className: "mt-2 flex h-3 items-center justify-center"
+    }));
   })), visibleCourtRows.map(function (row) {
     return /*#__PURE__*/React.createElement(React.Fragment, {
       key: row.id
@@ -114,17 +111,17 @@ export function BookingCalendarWeekView(_ref) {
           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]')
+      className: "flex w-full items-start 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'),
+      className: "mt-0.5 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"
+      className: "flex min-w-0 flex-1 items-start gap-1.5"
     }, /*#__PURE__*/React.createElement("span", {
-      className: "truncate text-[13px] font-semibold leading-snug ".concat(isLight ? 'text-slate-800' : 'text-zinc-100')
+      className: "pisell-rb-cal-week-resource-name min-w-0 flex-1 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) {
@@ -156,7 +153,7 @@ export function BookingCalendarWeekView(_ref) {
       },
       isLight: isLight
     }) : /*#__PURE__*/React.createElement("div", {
-      className: "font-semibold text-[16px] leading-tight break-all"
+      className: "pisell-rb-cal-week-resource-name min-w-0 w-full font-semibold text-[16px] leading-tight"
     }, row.name)), weekDays.map(function (day) {
       var key = fmtDate(day);
       var summary = courtDaySummary(row.id, key, bookings, hourSlots, slotStepHours);
@@ -176,19 +173,11 @@ export function BookingCalendarWeekView(_ref) {
           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"
+        className: "relative flex flex-col justify-start min-h-[72px] 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')
+      }, summary.fullyBooked ? /*#__PURE__*/React.createElement("div", {
+        className: "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"
+        className: "flex w-full flex-col items-start gap-1.5"
       }, previewItems.map(function (item, idx) {
         var isLastVisible = idx === previewItems.length - 1;
         var shrinkForMore = showMoreTile && isLastVisible;
@@ -252,7 +241,7 @@ export function BookingCalendarWeekView(_ref) {
           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"
+        className: "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/ResourceWall/VenueWallCard.less

@@ -62,13 +62,17 @@
   padding: var(--rw-pad);
 }
 
-/** 头 : 当前 : 下一 = 4:11:5 → Next 25%（此前 2:5:3 为 30%） */
+/**
+ * 头 12%；剩余 88% 给「当前 : 下一 = 11:5」（Next 占剩余 5/16）。
+ * 行比例：192:968:440 = 12 : 88*11/16 : 88*5/16（同乘 16 去分母）。
+ */
 .pisell-resource-wall-card__grid--with-next {
-  grid-template-rows: minmax(0, 4fr) minmax(0, 11fr) minmax(0, 5fr);
+  grid-template-rows: minmax(0, 192fr) minmax(0, 968fr) minmax(0, 440fr);
 }
 
+/** 无 Next：头 12%，其余给 Current 面板 */
 .pisell-resource-wall-card__grid--no-next {
-  grid-template-rows: minmax(0, 1fr) minmax(0, 4fr);
+  grid-template-rows: minmax(0, 12fr) minmax(0, 88fr);
 }
 
 .pisell-resource-wall-card__header {

package/es/components/pisellRecordBoard/shellFrame/index.d.ts

@@ -0,0 +1,30 @@
+import React from 'react';
+import RecordBoardToolBar from './ToolBar';
+import RecordBoardBatchActionBar from './BatchActionBar';
+import RecordBoardPagination from './Pagination';
+import RecordBoardSearch from './Search';
+import './shellFrameFloorMap.less';
+import ToolBarReset from './ToolBarReset';
+import ToolBarQuickFilter from './ToolBarQuickFilter';
+import RecordBoardFloorMap from './FloorMap';
+import RecordBoardCalendar from './Calendar/RecordBoardCalendar';
+import RecordBoardResourceWall from './ResourceWall/RecordBoardResourceWall';
+/**
+ * Shell Frame：基于 PisellShellFrame 的 RecordBoard 壳层。
+ * 解析子节点：**GridLayout / CardLayout 等** 与可选 **FloorMap / Calendar / ResourceWall** 槽；
+ * 子视图组合与 Segmented 切换由子节点与根级 props 决定；根级 `floorMap` / `calendar` / `resourceWall` 与子槽合并时**子组件优先**。
+ */
+declare const RecordBoardShellFrame: React.FC<{
+    children?: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+    /**
+     * 工具栏与表格主体之间的「附加条」插槽，透传给底层 PisellShellFrame.belowToolbar。
+     * 用于在不改 ToolBar 内部结构的前提下，紧贴 toolbar 下方插入轻量条目
+     * （例如 HUD 抽屉里的「当日总览」摘要栏）。
+     */
+    belowToolbar?: React.ReactNode;
+}>;
+export default RecordBoardShellFrame;
+export { RecordBoardToolBar, RecordBoardBatchActionBar, RecordBoardPagination, RecordBoardSearch, ToolBarReset, ToolBarQuickFilter, RecordBoardFloorMap, RecordBoardCalendar, RecordBoardResourceWall, };
+export { useRecordBoardShellBodyMeta } from './ShellBodyMetaContext';