@pisell/materials 6.11.48 → 6.11.50

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

@@ -53,6 +53,7 @@ function BookingCalendarMonthView({
   overflowPanelRef,
   renderMonthWeekBooking
 }) {
+  const todayKey = (0, import_bookingCalendarDateUtils.fmtDate)(/* @__PURE__ */ new Date());
   return /* @__PURE__ */ import_react.default.createElement(
     "div",
     {
@@ -63,10 +64,11 @@ function BookingCalendarMonthView({
       "div",
       {
         key: id,
-        className: `px-4 py-3 text-center font-medium ${i >= 5 ? isLight ? "bg-violet-200" : "bg-violet-900" : ""}`
+        className: "px-4 py-3 text-center font-medium"
       },
       (0, import_calendarI18n.tCal)(id)
-    ))), /* @__PURE__ */ import_react.default.createElement("div", { className: "grid grid-cols-7 auto-rows-[255px]" }, monthDays.map((day) => {
+    ))), /* @__PURE__ */ import_react.default.createElement("div", { className: "grid grid-cols-7 auto-rows-[minmax(72px,auto)]" }, monthDays.map((day) => {
+      const isToday = day.key === todayKey;
       const allItems = bookings.filter((b) => b.date === day.key);
       const dayItems = allItems.slice(0, 3);
       const moreItems = allItems.slice(3);
@@ -89,126 +91,136 @@ function BookingCalendarMonthView({
           {
             className: `absolute left-3 top-3 text-4xl font-semibold leading-none ${isLight ? "theme-text-soft" : ""}`
           },
-          day.date.getDate()
-        ),
-        /* @__PURE__ */ import_react.default.createElement("div", { className: "absolute right-3 top-3 flex gap-1 pt-1" }, day.bookingCount > 0 && /* @__PURE__ */ import_react.default.createElement("span", { className: "h-3 w-3 rounded-full bg-violet-500" }), (day.blockCount > 0 || day.fullyBooked) && /* @__PURE__ */ import_react.default.createElement("span", { className: "h-3 w-3 rounded-full bg-red-500" })),
-        /* @__PURE__ */ import_react.default.createElement("div", { className: "mt-10 flex flex-col items-start gap-1.5 w-full" }, dayItems.map((item, i) => {
-          const isLastVisible = i === dayItems.length - 1;
-          const shrinkForMore = showMoreTile && isLastVisible;
-          const layoutClassName = `block rounded-md px-2 py-2 text-xs text-left ${(0, import_BookingCalendarStyle.getGridBookingRowStateClasses)(
-            item
-          )} ${shrinkForMore ? "flex-1 min-w-0" : "w-full"}`;
-          return /* @__PURE__ */ import_react.default.createElement(
-            "div",
+          /* @__PURE__ */ import_react.default.createElement(
+            "span",
             {
-              key: i,
-              className: "flex w-full items-stretch gap-2"
+              className: `grid h-11 w-11 place-items-center rounded-full leading-[1] ${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" : void 0
             },
-            renderMonthWeekBooking ? /* @__PURE__ */ import_react.default.createElement(
+            day.date.getDate()
+          )
+        ),
+        /* @__PURE__ */ import_react.default.createElement("div", { className: "absolute right-3 top-3 flex gap-1 pt-1" }, day.bookingCount > 0 && /* @__PURE__ */ import_react.default.createElement("span", { className: "h-3 w-3 rounded-full bg-violet-500" }), (day.blockCount > 0 || day.fullyBooked) && /* @__PURE__ */ import_react.default.createElement("span", { className: "h-3 w-3 rounded-full bg-red-500" })),
+        dayItems.length > 0 ? (
+          /** 顶对齐：日期区为 top-3(12px) + h-11(44px)=56px，原先 mt-10(40px) 与数字圈底不齐，易多出一条缝 */
+          /* @__PURE__ */ import_react.default.createElement("div", { className: "mt-14 flex w-full flex-col items-start gap-1.5" }, dayItems.map((item, i) => {
+            const isLastVisible = i === dayItems.length - 1;
+            const shrinkForMore = showMoreTile && isLastVisible;
+            const layoutClassName = `block rounded-md px-2 pt-1.5 pb-2 text-xs text-left ${(0, import_BookingCalendarStyle.getGridBookingRowStateClasses)(
+              item
+            )} ${shrinkForMore ? "flex-1 min-w-0" : "w-full"}`;
+            return /* @__PURE__ */ import_react.default.createElement(
               "div",
               {
-                className: shrinkForMore ? "flex-1 min-w-0" : "w-full"
+                key: i,
+                className: "flex w-full items-stretch gap-2"
               },
-              renderMonthWeekBooking({
-                item,
-                dateKey: day.key,
-                view: "month",
-                isLight,
-                layoutClassName,
-                onOpenDetail: openBookingDetail,
-                onDragStart: (it) => setDraggingItem(it),
-                draggable: item.kind !== "block"
-              })
-            ) : /* @__PURE__ */ import_react.default.createElement(
-              "button",
-              {
-                type: "button",
-                draggable: item.kind !== "block",
-                onDragStart: (e) => {
-                  if (item.kind !== "block") {
-                    e.stopPropagation();
-                    setDraggingItem(item);
-                  }
-                },
-                onClick: (e) => {
-                  e.stopPropagation();
-                  openBookingDetail(item);
+              renderMonthWeekBooking ? /* @__PURE__ */ import_react.default.createElement(
+                "div",
+                {
+                  className: shrinkForMore ? "flex-1 min-w-0" : "w-full"
                 },
-                className: layoutClassName
-              },
-              /* @__PURE__ */ import_react.default.createElement("div", { className: "truncate" }, item.name),
-              /* @__PURE__ */ import_react.default.createElement("div", { className: "mt-1 opacity-80" }, (0, import_bookingCalendarDateUtils.formatHourLabel)(item.startHour), " -", " ", (0, import_bookingCalendarDateUtils.formatHourLabel)(item.endHour))
-            ),
-            shrinkForMore && /* @__PURE__ */ import_react.default.createElement(
-              "div",
-              {
-                className: "relative h-[52px] w-[52px] shrink-0",
-                ref: (overflowPopover == null ? void 0 : overflowPopover.courtId) === "month" && (overflowPopover == null ? void 0 : overflowPopover.date) === day.key ? overflowPanelRef : null
-              },
-              /* @__PURE__ */ import_react.default.createElement(
+                renderMonthWeekBooking({
+                  item,
+                  dateKey: day.key,
+                  view: "month",
+                  isLight,
+                  layoutClassName,
+                  onOpenDetail: openBookingDetail,
+                  onDragStart: (it) => setDraggingItem(it),
+                  draggable: item.kind !== "block"
+                })
+              ) : /* @__PURE__ */ import_react.default.createElement(
                 "button",
                 {
-                  onMouseEnter: (e) => {
-                    e.stopPropagation();
-                    setOverflowPopover({
-                      courtId: "month",
-                      date: day.key,
-                      items: moreItems,
-                      pinned: false
-                    });
+                  type: "button",
+                  draggable: item.kind !== "block",
+                  onDragStart: (e) => {
+                    if (item.kind !== "block") {
+                      e.stopPropagation();
+                      setDraggingItem(item);
+                    }
                   },
                   onClick: (e) => {
                     e.stopPropagation();
-                    setOverflowPopover(null);
-                    setOverflowListModal(
-                      (prev) => prev && prev.scope === "month" && prev.date === day.key ? null : {
-                        scope: "month",
-                        date: day.key,
-                        title: (0, import_calendarI18n.tCal)(
-                          "pisell2.recordBoard.calendar.overflow.listTitleBookings",
-                          { date: day.key }
-                        ),
-                        items: allItems.filter(
-                          (x) => x.kind === "booking"
-                        )
-                      }
-                    );
+                    openBookingDetail(item);
                   },
-                  className: "flex h-[52px] w-[52px] items-center justify-center rounded-xl bg-violet-700/90 text-sm font-semibold text-white"
+                  className: layoutClassName
                 },
-                "+",
-                moreCount
+                /* @__PURE__ */ import_react.default.createElement("div", { className: "truncate" }, item.name),
+                /* @__PURE__ */ import_react.default.createElement("div", { className: "mt-1 opacity-80" }, (0, import_bookingCalendarDateUtils.formatHourLabel)(item.startHour), " -", " ", (0, import_bookingCalendarDateUtils.formatHourLabel)(item.endHour))
               ),
-              (overflowPopover == null ? void 0 : overflowPopover.courtId) === "month" && (overflowPopover == null ? void 0 : overflowPopover.date) === day.key && !overflowListModal && /* @__PURE__ */ import_react.default.createElement(
+              shrinkForMore && /* @__PURE__ */ import_react.default.createElement(
                 "div",
                 {
-                  onMouseLeave: () => {
-                    if (!(overflowPopover == null ? 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 ${isLight ? "theme-panel theme-border" : "border-zinc-700 bg-[#111218]"}`
+                  className: "relative h-[52px] w-[52px] shrink-0",
+                  ref: (overflowPopover == null ? void 0 : overflowPopover.courtId) === "month" && (overflowPopover == null ? void 0 : overflowPopover.date) === day.key ? overflowPanelRef : null
                 },
                 /* @__PURE__ */ import_react.default.createElement(
-                  "div",
+                  "button",
                   {
-                    className: `mb-3 shrink-0 text-xs font-semibold ${isLight ? "theme-text-soft" : "text-zinc-300"}`
+                    onMouseEnter: (e) => {
+                      e.stopPropagation();
+                      setOverflowPopover({
+                        courtId: "month",
+                        date: day.key,
+                        items: moreItems,
+                        pinned: false
+                      });
+                    },
+                    onClick: (e) => {
+                      e.stopPropagation();
+                      setOverflowPopover(null);
+                      setOverflowListModal(
+                        (prev) => prev && prev.scope === "month" && prev.date === day.key ? null : {
+                          scope: "month",
+                          date: day.key,
+                          title: (0, import_calendarI18n.tCal)(
+                            "pisell2.recordBoard.calendar.overflow.listTitleBookings",
+                            { date: day.key }
+                          ),
+                          items: allItems.filter(
+                            (x) => 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"
                   },
-                  (0, import_calendarI18n.tCal)(
-                    "pisell2.recordBoard.calendar.overflow.bookingsForDay"
-                  )
+                  "+",
+                  moreCount
                 ),
-                /* @__PURE__ */ import_react.default.createElement("div", { className: "min-h-0 flex-1 overflow-hidden" }, /* @__PURE__ */ import_react.default.createElement(
-                  import_OverflowPopover.MonthGridOverflowVirtualList,
+                (overflowPopover == null ? void 0 : overflowPopover.courtId) === "month" && (overflowPopover == null ? void 0 : overflowPopover.date) === day.key && !overflowListModal && /* @__PURE__ */ import_react.default.createElement(
+                  "div",
                   {
-                    items: overflowPopover.items,
-                    listWidth: 214,
-                    onPickItem: openBookingDetail
-                  }
-                ))
+                    onMouseLeave: () => {
+                      if (!(overflowPopover == null ? 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 ${isLight ? "theme-panel theme-border" : "border-zinc-700 bg-[#111218]"}`
+                  },
+                  /* @__PURE__ */ import_react.default.createElement(
+                    "div",
+                    {
+                      className: `mb-3 shrink-0 text-xs font-semibold ${isLight ? "theme-text-soft" : "text-zinc-300"}`
+                    },
+                    (0, import_calendarI18n.tCal)(
+                      "pisell2.recordBoard.calendar.overflow.bookingsForDay"
+                    )
+                  ),
+                  /* @__PURE__ */ import_react.default.createElement("div", { className: "min-h-0 flex-1 overflow-hidden" }, /* @__PURE__ */ import_react.default.createElement(
+                    import_OverflowPopover.MonthGridOverflowVirtualList,
+                    {
+                      items: overflowPopover.items,
+                      listWidth: 214,
+                      onPickItem: openBookingDetail
+                    }
+                  ))
+                )
               )
-            )
-          );
-        }))
+            );
+          }))
+        ) : null
       );
     }))))
   );

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

@@ -62,6 +62,7 @@ function BookingCalendarWeekView({
   overflowPanelRef
 }) {
   const props = calendarProps;
+  const todayKey = (0, import_bookingCalendarDateUtils.fmtDate)(/* @__PURE__ */ new Date());
   return /* @__PURE__ */ import_react.default.createElement(
     "div",
     {
@@ -95,6 +96,7 @@ function BookingCalendarWeekView({
         ),
         weekDays.map((day, i) => {
           const key = (0, import_bookingCalendarDateUtils.fmtDate)(day);
+          const isToday = key === todayKey;
           const dayItems = bookings.filter((b) => b.date === key);
           const fullyBooked = courts.every(
             (court) => hourSlots.filter(isBusinessHour).every(
@@ -111,7 +113,7 @@ function BookingCalendarWeekView({
             "div",
             {
               key,
-              className: `relative z-20 border-b border-l p-3 text-center shadow-[0_8px_16px_rgba(0,0,0,0.06)] ${isLight ? "theme-border theme-text" : "border-zinc-800"} ${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)] ${isLight ? "theme-border theme-text" : "border-zinc-800"} ${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__ */ import_react.default.createElement(
               "div",
@@ -120,8 +122,15 @@ function BookingCalendarWeekView({
               },
               (0, import_calendarI18n.tCal)(import_calendarI18n.CALENDAR_WEEKDAY_IDS[i])
             ),
-            /* @__PURE__ */ import_react.default.createElement("div", { className: "mt-1 text-3xl font-semibold" }, day.getDate()),
-            /* @__PURE__ */ import_react.default.createElement("div", { className: "mt-2 flex items-center justify-center gap-1" }, dayItems.some((b) => b.kind === "booking") && /* @__PURE__ */ import_react.default.createElement("span", { className: "h-2.5 w-2.5 rounded-full bg-violet-500" }), (dayItems.some((b) => b.kind === "block") || fullyBooked) && /* @__PURE__ */ import_react.default.createElement("span", { className: "h-2.5 w-2.5 rounded-full bg-red-500" }))
+            /* @__PURE__ */ import_react.default.createElement("div", { className: "mt-1 flex justify-center" }, /* @__PURE__ */ import_react.default.createElement(
+              "span",
+              {
+                className: "grid h-11 w-11 place-items-center text-3xl font-semibold leading-[1]",
+                "aria-label": isToday ? "Today" : void 0
+              },
+              day.getDate()
+            )),
+            /* @__PURE__ */ import_react.default.createElement("div", { className: "mt-2 flex h-3 items-center justify-center" })
           );
         })
       ),
@@ -153,20 +162,20 @@ function BookingCalendarWeekView({
               ...prev,
               [row.label]: !prev[row.label]
             })),
-            className: `flex w-full items-center gap-2 rounded-lg px-1 py-1 text-left transition-colors ${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 ${isLight ? "hover:bg-white/60" : "hover:bg-white/[0.04] active:bg-white/[0.07]"}`
           },
           /* @__PURE__ */ import_react.default.createElement(
             import_icons.DownOutlined,
             {
               style: { fontSize: 15 },
-              className: `shrink-0 transition-transform duration-200 ${isLight ? "text-slate-500" : "text-zinc-500"} ${row.collapsed ? "-rotate-90" : "rotate-0"}`,
+              className: `mt-0.5 shrink-0 transition-transform duration-200 ${isLight ? "text-slate-500" : "text-zinc-500"} ${row.collapsed ? "-rotate-90" : "rotate-0"}`,
               "aria-hidden": true
             }
           ),
-          /* @__PURE__ */ import_react.default.createElement("div", { className: "flex min-w-0 flex-1 items-center gap-1.5" }, /* @__PURE__ */ import_react.default.createElement(
+          /* @__PURE__ */ import_react.default.createElement("div", { className: "flex min-w-0 flex-1 items-start gap-1.5" }, /* @__PURE__ */ import_react.default.createElement(
             "span",
             {
-              className: `truncate text-[13px] font-semibold leading-snug ${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 ${isLight ? "text-slate-800" : "text-zinc-100"}`
             },
             row.label
           ), /* @__PURE__ */ import_react.default.createElement(
@@ -226,7 +235,7 @@ function BookingCalendarWeekView({
             type: row.type
           },
           isLight
-        }) : /* @__PURE__ */ import_react.default.createElement("div", { className: "font-semibold text-[16px] leading-tight break-all" }, row.name)
+        }) : /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-rb-cal-week-resource-name min-w-0 w-full font-semibold text-[16px] leading-tight" }, row.name)
       ), weekDays.map((day) => {
         const key = (0, import_bookingCalendarDateUtils.fmtDate)(day);
         const summary = (0, import_bookingCalendarDateUtils.courtDaySummary)(
@@ -254,11 +263,9 @@ function BookingCalendarWeekView({
               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 ${isLight ? "theme-border" : ""} ${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"}`
+            className: `relative flex flex-col justify-start min-h-[72px] border-b border-l p-3 text-left align-top transition ${isLight ? "theme-border" : ""} ${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__ */ import_react.default.createElement("div", { className: "absolute left-3 top-3 text-[13px] text-zinc-400" }, key),
-          /* @__PURE__ */ import_react.default.createElement("div", { className: "absolute right-3 top-3 flex gap-1" }, summary.occupiedHours.length > 0 && /* @__PURE__ */ import_react.default.createElement("span", { className: "h-2.5 w-2.5 rounded-full bg-violet-500" }), (summary.hasBlock || summary.fullyBooked) && /* @__PURE__ */ import_react.default.createElement("span", { className: "h-2.5 w-2.5 rounded-full bg-red-500" })),
-          summary.fullyBooked ? /* @__PURE__ */ import_react.default.createElement("div", { className: "mt-8 rounded-lg bg-zinc-700/70 px-2 py-1 text-xs" }, (0, import_calendarI18n.tCal)("pisell2.recordBoard.calendar.week.fullyBooked")) : summary.items.length > 0 ? /* @__PURE__ */ import_react.default.createElement("div", { className: "mt-8 flex flex-col items-start gap-1.5 w-full" }, previewItems.map((item, idx) => {
+          summary.fullyBooked ? /* @__PURE__ */ import_react.default.createElement("div", { className: "rounded-lg bg-zinc-700/70 px-2 py-1 text-xs" }, (0, import_calendarI18n.tCal)("pisell2.recordBoard.calendar.week.fullyBooked")) : summary.items.length > 0 ? /* @__PURE__ */ import_react.default.createElement("div", { className: "flex w-full flex-col items-start gap-1.5" }, previewItems.map((item, idx) => {
             const isLastVisible = idx === previewItems.length - 1;
             const shrinkForMore = showMoreTile && isLastVisible;
             const layoutClassName = `rounded-lg px-3 py-2 text-xs text-left ${(0, import_BookingCalendarStyle.getGridBookingRowStateClasses)(
@@ -340,7 +347,7 @@ function BookingCalendarWeekView({
                 )
               )
             );
-          })) : /* @__PURE__ */ import_react.default.createElement("div", { className: "mt-8 rounded-lg border border-dashed border-zinc-700 px-2 py-2 text-xs text-zinc-500" }, (0, import_calendarI18n.tCal)("pisell2.recordBoard.calendar.week.available"))
+          })) : /* @__PURE__ */ import_react.default.createElement("div", { className: "rounded-lg border border-dashed border-zinc-700 px-2 py-2 text-xs text-zinc-500" }, (0, import_calendarI18n.tCal)("pisell2.recordBoard.calendar.week.available"))
         );
       }))))
     )))

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

@@ -0,0 +1,8 @@
+/**
+ * RecordBoard 列显示隐藏设置（仅控制表格列展示，不控制 filter/sort）。
+ * 参考 table Actions ColumnsSetting，仅保留显隐切换，无拖拽排序。
+ */
+import React from 'react';
+import './index.less';
+declare const RecordBoardColumnSetting: React.FC;
+export default RecordBoardColumnSetting;

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

@@ -0,0 +1,14 @@
+import React from 'react';
+import './index.less';
+import type { RecordBoardContextValue } from '../../types';
+export interface RecordBoardPaginationProps extends Partial<Pick<RecordBoardContextValue, 'pagination' | 'total' | 'onPageChange' | 'loading'>> {
+    className?: string;
+    style?: React.CSSProperties;
+    render?: (ctx: RecordBoardContextValue) => React.ReactNode;
+}
+/**
+ * RecordBoard 下的分页：接入 packages/materials 的 Pagination，从 context 取 pagination / total / onPageChange；可透传 childComponentProps.pagination。
+ * 当 context 中 pagination 缺失时使用默认分页，避免在 Storybook 或未完整注入 context 时报错。
+ */
+declare const RecordBoardPagination: React.FC<RecordBoardPaginationProps>;
+export default RecordBoardPagination;

package/lib/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/lib/components/pisellRecordBoard/shellFrame/ToolBar/index.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import type { RecordBoardToolBarProps as ToolBarPropsType } from '../../types';
+import './ToolBarFilter.less';
+import './recordBoardToolbar.less';
+/**
+ * RecordBoard 下的工具栏：使用 PisellToolBar。
+ * 左侧默认 PisellFind（inline）；右侧默认 PisellFilter。通过 childComponentProps.toolBar.search / toolBar.filter 为对象时透传对应组件 props，为 false 时不渲染。
+ * 可透传 topLeft、topRight、bottomLeft、bottomRight、tabs。
+ */
+declare const RecordBoardToolBar: React.FC<RecordBoardToolBarProps>;
+export declare type RecordBoardToolBarProps = ToolBarPropsType;
+export default RecordBoardToolBar;

package/lib/components/pisellRecordBoard/shellFrame/ToolBar/recordBoardToolBarI18n.d.ts

@@ -0,0 +1,13 @@
+import type { SortItemProps } from '../../../sort/types';
+import type { FilterValueType } from '../../../filter/components/FilterButton/types';
+/** 与 Quick Filter 同源：优先 utils，若 utils 返回 key（未命中）则用 materials 再回退 */
+export declare function getSortButtonText(): string;
+/** 资源墙无状态列派生项时注入：下拉仅「状态 → 空闲优先 / 占用优先」，仍渲染排序按钮 */
+export declare function buildResourceWallStatusSortFallbackItem(sortConfig: unknown): SortItemProps;
+export declare function getFilterButtonText(): string;
+export declare function getViewGridLabel(): string;
+export declare function getViewFloorMapLabel(): string;
+export declare function getViewCalendarLabel(): string;
+export declare function getViewResourceWallLabel(): string;
+/** 筛选无值时使用的默认筛选项；业务可通过 childComponentProps.toolBar.filter.defaultFilterValue 覆盖 */
+export declare function getDefaultFilterValue(): FilterValueType;

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

@@ -0,0 +1,17 @@
+import React from 'react';
+import type { FilterItemProps } from '../../../filter/types';
+export interface ToolBarQuickFilterProps {
+    /** 快速筛选项列表（与 Filter 的 quickFilter 同结构），不传则从 columns 派生时由父级传入 */
+    filterList?: FilterItemProps[];
+    /** 表单字段前缀，与 PisellFilter 保持一致，默认 '' */
+    formFiltersPrefix?: string;
+    /** 表单项尺寸 */
+    size?: 'small' | 'middle' | 'large';
+}
+/**
+ * RecordBoard 工具栏左侧内联快速筛选：将 quickFilter 直接展示在 ToolBar 左侧，不放入 Filter 弹层。
+ * 与 searchParams.filter 联动，变更写入 searchParams.filter.values 并触发 onSearch。
+ * 启用时建议 ToolBar 对 PisellFilter 传 hiddenQuickFilter: true，仅保留高级筛选在弹层内。
+ */
+declare const ToolBarQuickFilter: React.FC<ToolBarQuickFilterProps>;
+export default ToolBarQuickFilter;

package/lib/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';

package/lib/components/pisellRecordBoard/shellFrame/index.js

@@ -192,6 +192,7 @@ var RecordBoardShellFrame = ({ children, className, style, belowToolbar }) => {
     () => hasGridContent && ctx.bodyView === "grid",
     [hasGridContent, ctx.bodyView]
   );
+  const showGridPagination = showGrid && ctx.gridInfiniteScroll !== true;
   const showFloorMap = (0, import_react.useMemo)(
     () => hasFloorMapSlot && effectiveFloorMapProps != null && ctx.bodyView === "floorMap",
     [hasFloorMapSlot, effectiveFloorMapProps, ctx.bodyView]
@@ -306,7 +307,7 @@ var RecordBoardShellFrame = ({ children, className, style, belowToolbar }) => {
       autoCalc: (_c = (_b = (_a = ctx == null ? void 0 : ctx.childComponentProps) == null ? void 0 : _a.grid) == null ? void 0 : _b.scroll) == null ? void 0 : _c.autoCalc
     },
     gridChildren
-  ) : showResourceWall ? resourceWallNode : showCalendar ? calendarNode : floorMapNode, showGrid ? /* @__PURE__ */ import_react.default.createElement(import_Pagination.default, null) : null) : /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, showGrid ? gridChildren : showResourceWall ? resourceWallNode : showCalendar ? calendarNode : floorMapNode, showGrid ? /* @__PURE__ */ import_react.default.createElement(import_Pagination.default, null) : null);
+  ) : showResourceWall ? resourceWallNode : showCalendar ? calendarNode : floorMapNode, showGridPagination ? /* @__PURE__ */ import_react.default.createElement(import_Pagination.default, null) : null) : /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, showGrid ? gridChildren : showResourceWall ? resourceWallNode : showCalendar ? calendarNode : floorMapNode, showGridPagination ? /* @__PURE__ */ import_react.default.createElement(import_Pagination.default, null) : null);
   const shellStyle = fillHeight && style ? { ...style, ...FILL_HEIGHT_WRAPPER_STYLE } : fillHeight ? FILL_HEIGHT_WRAPPER_STYLE : style;
   const wrapper = /* @__PURE__ */ import_react.default.createElement(import_ShellBodyMetaContext.RecordBoardShellBodyMetaContext.Provider, { value: shellBodyMeta }, /* @__PURE__ */ import_react.default.createElement(
     import_pisellShellFrame.PisellShellFrame,