@pisell/materials 6.11.28 → 6.11.30

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

@@ -0,0 +1,110 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/pisellRecordBoard/shellFrame/ResourceWall/venueWallUtils.ts
+var venueWallUtils_exports = {};
+__export(venueWallUtils_exports, {
+  VENUE_WALL_STATUS_COLOR_MAP: () => VENUE_WALL_STATUS_COLOR_MAP,
+  alphaColor: () => alphaColor,
+  clamp: () => clamp,
+  deriveVenueWallStatus: () => deriveVenueWallStatus,
+  formatVenueWallCountdown: () => formatVenueWallCountdown
+});
+module.exports = __toCommonJS(venueWallUtils_exports);
+var VENUE_WALL_STATUS_COLOR_MAP = {
+  inUse: {
+    key: "inUse",
+    label: "In Use",
+    note: "This court is currently in use.",
+    color: "#6f4ae6",
+    noteBg: "rgba(111,74,230,0.92)"
+  },
+  endingSoon: {
+    key: "endingSoon",
+    label: "Ending Soon",
+    note: "Please leave on time to avoid overtime charges.",
+    color: "#f59e0b",
+    noteBg: "rgba(245,158,11,0.96)"
+  },
+  expired: {
+    key: "expired",
+    label: "Expired",
+    note: "This booking has ended. Please clear the court.",
+    color: "#ef4444",
+    noteBg: "rgba(239,68,68,0.96)"
+  },
+  available: {
+    key: "available",
+    label: "Available",
+    note: "This court is now available.",
+    color: "#10b981",
+    noteBg: "rgba(16,185,129,0.18)"
+  },
+  boardingSoon: {
+    key: "boardingSoon",
+    label: "Boarding Soon",
+    note: "Please check in to start.",
+    color: "#6f4ae6",
+    noteBg: "rgba(111,74,230,0.18)"
+  },
+  late: {
+    key: "late",
+    label: "Late",
+    note: "Please check in as soon as possible.",
+    /** 与 available 同色板一致；主倒计时红色在 VenueWallCard 内单独覆盖 */
+    color: "#10b981",
+    noteBg: "rgba(16,185,129,0.18)"
+  }
+};
+function alphaColor(hex, alpha) {
+  const clean = hex.replace("#", "");
+  const full = clean.length === 3 ? clean.split("").map((c) => c + c).join("") : clean;
+  const num = parseInt(full, 16);
+  const r = num >> 16 & 255;
+  const g = num >> 8 & 255;
+  const b = num & 255;
+  return `rgba(${r}, ${g}, ${b}, ${alpha})`;
+}
+var clamp = (value, min, max) => Math.max(min, Math.min(max, value));
+function deriveVenueWallStatus(card) {
+  const s = card.status;
+  if (s === "available") return "available";
+  if (s === "boardingSoon") return "boardingSoon";
+  if (s === "late") return "late";
+  if (s === "endingSoon") return "endingSoon";
+  if (s === "expired") return "expired";
+  if (s === "inUse") return "inUse";
+  if (card.currentBooking === "Available to Book") return "available";
+  const rm = card.remainingMin;
+  if (rm != null && rm <= 0) return "expired";
+  if (rm != null && rm <= 10) return "endingSoon";
+  return "inUse";
+}
+function formatVenueWallCountdown(min) {
+  if (min < 0) return `${Math.abs(min)}m overtime`;
+  if (min === 0) return "Ending now";
+  return `${min}m left`;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  VENUE_WALL_STATUS_COLOR_MAP,
+  alphaColor,
+  clamp,
+  deriveVenueWallStatus,
+  formatVenueWallCountdown
+});

package/lib/components/pisellRecordBoard/shellFrame/ShellBodyMetaContext.d.ts

@@ -1,6 +1,5 @@
 import React from 'react';
-import type { RecordBoardFloorMapProps } from '../types';
-import type { RecordBoardCalendarProps } from '../types';
+import type { RecordBoardFloorMapProps, RecordBoardCalendarProps, RecordBoardResourceWallProps } from '../types';
 /**
  * ShellFrame 解析子节点后的元信息，供 ToolBar 等判断是否需要「表格 / 平面图 / 日历」Segmented。
  * 未处于 ShellFrame.Provider 内时为 undefined（如单独挂载 ToolBar）。
@@ -16,6 +15,10 @@ export interface RecordBoardShellBodyMeta {
     hasFloorMapSlot: boolean;
     /** 合并后是否存在可渲染的日历配置 */
     hasCalendarSlot: boolean;
+    /** 子组件 ResourceWall props 与根级 resourceWall 合并后的结果（子优先） */
+    effectiveResourceWallProps?: RecordBoardResourceWallProps;
+    /** 合并后是否存在大屏资源墙槽（根级或子节点声明即 true） */
+    hasResourceWallSlot: boolean;
 }
 export declare const RecordBoardShellBodyMetaContext: React.Context<RecordBoardShellBodyMeta | undefined>;
 export declare function useRecordBoardShellBodyMeta(): RecordBoardShellBodyMeta | undefined;

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

@@ -70,9 +70,15 @@ function getViewCalendarLabel() {
   const u = import_utils.locales.getText(key);
   return u && u !== key ? u : (0, import_locales.getText)(key) || "Calendar";
 }
+function getViewResourceWallLabel() {
+  const key = "pisell2.recordBoard.toolbar.viewResourceWall";
+  const u = import_utils.locales.getText(key);
+  return u && u !== key ? u : (0, import_locales.getText)(key) || "Wall";
+}
 var DEFAULT_SEARCH_FIELD = "keyword";
 var FILTER_PARAMS_FIELD = "filter";
 var SORT_PARAMS_FIELD = "sort";
+var RESOURCE_WALL_QUICK_FILTER_KEY = "resource_wall_resource_ids";
 function getDefaultFilterValue() {
   return {
     quickFilter: [],
@@ -80,21 +86,24 @@ function getDefaultFilterValue() {
   };
 }
 var RecordBoardToolBar = (props) => {
-  var _a, _b, _c;
+  var _a, _b, _c, _d;
   const ctx = (0, import_useRecordBoardContext.useRecordBoardContext)({ displayName: "toolBar" });
   const shellMeta = (0, import_ShellBodyMetaContext.useRecordBoardShellBodyMeta)();
   const { searchParams, onSearch, bodyView, setBodyView } = ctx;
+  const resourceWallFilterFieldKey = ((_a = ctx.resourceWallProps) == null ? void 0 : _a.filterFieldKey) ?? RESOURCE_WALL_QUICK_FILTER_KEY;
   const hasGridInShell = (shellMeta == null ? void 0 : shellMeta.hasGridContent) ?? true;
   const hasFloorInShell = (shellMeta == null ? void 0 : shellMeta.hasFloorMapSlot) ?? ctx.floorMapProps != null;
   const hasCalendarInShell = (shellMeta == null ? void 0 : shellMeta.hasCalendarSlot) ?? ctx.calendarProps != null;
+  const hasResourceWallInShell = (shellMeta == null ? void 0 : shellMeta.hasResourceWallSlot) ?? ctx.resourceWallProps != null;
   const floorForToggle = (shellMeta == null ? void 0 : shellMeta.effectiveFloorMapProps) ?? ctx.floorMapProps;
   const canFloor = hasFloorInShell && floorForToggle != null;
   const canCalendar = hasCalendarInShell;
+  const canResourceWall = hasResourceWallInShell;
   const canGrid = hasGridInShell;
-  const bodyViewOptionCount = (canGrid ? 1 : 0) + (canFloor ? 1 : 0) + (canCalendar ? 1 : 0);
+  const bodyViewOptionCount = (canGrid ? 1 : 0) + (canFloor ? 1 : 0) + (canCalendar ? 1 : 0) + (canResourceWall ? 1 : 0);
   const showTableFloorToggle = bodyViewOptionCount >= 2;
   const allowBodyViewToggle = showTableFloorToggle && ctx.bodyViewSwitchable !== false;
-  const slots = ((_a = ctx.childComponentProps) == null ? void 0 : _a.toolBar) ?? {};
+  const slots = ((_b = ctx.childComponentProps) == null ? void 0 : _b.toolBar) ?? {};
   const toolbarDensity = slots.toolbarDensity ?? "default";
   const barSize = toolbarDensity === "compact" ? "middle" : "large";
   const keyword = (searchParams == null ? void 0 : searchParams[DEFAULT_SEARCH_FIELD]) ?? "";
@@ -104,7 +113,7 @@ var RecordBoardToolBar = (props) => {
     },
     [onSearch, searchParams]
   );
-  const gridColumns = (_c = (_b = ctx.childComponentProps) == null ? void 0 : _b.grid) == null ? void 0 : _c.columns;
+  const gridColumns = (_d = (_c = ctx.childComponentProps) == null ? void 0 : _c.grid) == null ? void 0 : _d.columns;
   const derivedFilterFromColumns = (0, import_react.useMemo)(
     () => Array.isArray(gridColumns) && gridColumns.length > 0 ? (0, import_recordBoardColumns.deriveFilterFromColumns)(gridColumns) : null,
     [gridColumns]
@@ -134,7 +143,7 @@ var RecordBoardToolBar = (props) => {
     const fromConfig = typeof quickFilterConfig === "object" && quickFilterConfig !== null && Array.isArray(quickFilterConfig.filterList) ? quickFilterConfig.filterList : null;
     let list = fromConfig ?? (derivedFilterFromColumns == null ? void 0 : derivedFilterFromColumns.quickFilter) ?? [];
     const hideNames = typeof quickFilterConfig === "object" && quickFilterConfig !== null && Array.isArray(quickFilterConfig.hideFilterNamesOnFloorMap) ? quickFilterConfig.hideFilterNamesOnFloorMap : null;
-    if ((bodyView === "floorMap" || bodyView === "calendar") && showTableFloorToggle && hideNames != null && hideNames.length > 0) {
+    if ((bodyView === "floorMap" || bodyView === "calendar" || bodyView === "resourceWall") && showTableFloorToggle && hideNames != null && hideNames.length > 0) {
       const hideSet = new Set(hideNames.map(String));
       list = list.filter((item) => {
         const n = item.name ?? item.key;
@@ -148,11 +157,18 @@ var RecordBoardToolBar = (props) => {
     bodyView,
     showTableFloorToggle
   ]);
-  const showQuickFilterLeft = quickFilterList.length > 0;
+  const leftBarQuickFilterList = (0, import_react.useMemo)(() => {
+    const withoutWall = quickFilterList.filter(
+      (item) => (item.key ?? item.name ?? "") !== resourceWallFilterFieldKey
+    );
+    if (bodyView === "resourceWall") return [];
+    return withoutWall;
+  }, [bodyView, quickFilterList, resourceWallFilterFieldKey]);
+  const showQuickFilterLeft = leftBarQuickFilterList.length > 0;
   const quickFilterNode = showQuickFilterLeft ? /* @__PURE__ */ import_react.default.createElement(
     import_ToolBarQuickFilter.default,
     {
-      filterList: quickFilterList,
+      filterList: leftBarQuickFilterList,
       formFiltersPrefix: typeof quickFilterConfig === "object" && quickFilterConfig !== null ? quickFilterConfig.formFiltersPrefix ?? "" : "",
       size: typeof quickFilterConfig === "object" && quickFilterConfig !== null ? quickFilterConfig.size : void 0
     }
@@ -161,9 +177,15 @@ var RecordBoardToolBar = (props) => {
     const opts = [];
     if (canFloor) opts.push({ label: getViewFloorMapLabel(), value: "floorMap" });
     if (canCalendar) opts.push({ label: getViewCalendarLabel(), value: "calendar" });
+    if (canResourceWall) {
+      opts.push({
+        label: getViewResourceWallLabel(),
+        value: "resourceWall"
+      });
+    }
     if (canGrid) opts.push({ label: getViewGridLabel(), value: "grid" });
     return opts;
-  }, [canFloor, canCalendar, canGrid]);
+  }, [canFloor, canCalendar, canResourceWall, canGrid]);
   const bodyViewToggle = allowBodyViewToggle ? /* @__PURE__ */ import_react.default.createElement(
     import_antd.Segmented,
     {
@@ -177,7 +199,7 @@ var RecordBoardToolBar = (props) => {
   ) : null;
   const compactFloorMapToolbar = (bodyView === "floorMap" || bodyView === "calendar") && showTableFloorToggle;
   const hideBodyViewToggleInToolbarRow = allowBodyViewToggle && Boolean(slots.tabs) && (bodyView === "floorMap" || bodyView === "calendar");
-  const topLeft = compactFloorMapToolbar ? null : /* @__PURE__ */ import_react.default.createElement("div", { className: "record-board-toolbar-top-left" }, !hideBodyViewToggleInToolbarRow ? bodyViewToggle : null, quickFilterNode ? /* @__PURE__ */ import_react.default.createElement("div", { className: "record-board-toolbar-quick-filter-slot" }, quickFilterNode) : null, searchNode ? /* @__PURE__ */ import_react.default.createElement("div", { className: "record-board-toolbar-find-wrap" }, searchNode) : null, slots.topLeft ? /* @__PURE__ */ import_react.default.createElement("div", { className: "record-board-toolbar-extra-top-left" }, slots.topLeft) : null);
+  const topLeft = compactFloorMapToolbar ? null : /* @__PURE__ */ import_react.default.createElement("div", { className: "record-board-toolbar-top-left" }, !hideBodyViewToggleInToolbarRow ? bodyViewToggle : null, quickFilterNode ? /* @__PURE__ */ import_react.default.createElement("div", { className: "record-board-toolbar-quick-filter-slot" }, quickFilterNode) : null, searchNode && bodyView !== "resourceWall" ? /* @__PURE__ */ import_react.default.createElement("div", { className: "record-board-toolbar-find-wrap" }, searchNode) : null, slots.topLeft ? /* @__PURE__ */ import_react.default.createElement("div", { className: "record-board-toolbar-extra-top-left" }, slots.topLeft) : null);
   const sortConfig = slots.sort;
   const hideSort = sortConfig === false;
   const sortValue = searchParams == null ? void 0 : searchParams[SORT_PARAMS_FIELD];
@@ -245,17 +267,25 @@ var RecordBoardToolBar = (props) => {
         };
       });
     }
+    let outQuick = quickFilter;
+    let outOther = otherFilter;
+    if (bodyView === "resourceWall") {
+      outQuick = [];
+      outOther = quickFilterList.length > 0 ? quickFilterList.map((item) => ({ ...item })) : [];
+    }
     return {
       ...base,
-      quickFilter,
-      otherFilter,
+      quickFilter: outQuick,
+      otherFilter: outOther,
       values: base.values ?? {}
     };
   }, [
     filterValue,
     hasFilterItems,
     defaultFilterFromConfig,
-    derivedFilterFromColumns
+    derivedFilterFromColumns,
+    bodyView,
+    quickFilterList
   ]);
   const filterValueForPisellFilter = (0, import_react.useMemo)(
     () => ({
@@ -294,14 +324,15 @@ var RecordBoardToolBar = (props) => {
       buttonClassName: "record-board-toolbar-filter-btn"
     }
   );
-  const showColumnSetting = slots.columnSetting !== false && Array.isArray(gridColumns) && gridColumns.length > 0;
-  const topRight = compactFloorMapToolbar ? null : /* @__PURE__ */ import_react.default.createElement(import_antd.Space, { className: "record-board-toolbar-right-actions" }, showColumnSetting ? /* @__PURE__ */ import_react.default.createElement(import_ColumnSetting.default, null) : null, sortNode, filterNode, /* @__PURE__ */ import_react.default.createElement(import_ToolBarReset.default, { size: barSize }), slots.topRight);
+  const showColumnSetting = slots.columnSetting !== false && bodyView !== "resourceWall" && Array.isArray(gridColumns) && gridColumns.length > 0;
+  const topRight = compactFloorMapToolbar ? null : /* @__PURE__ */ import_react.default.createElement(import_antd.Space, { className: "record-board-toolbar-right-actions" }, showColumnSetting ? /* @__PURE__ */ import_react.default.createElement(import_ColumnSetting.default, null) : null, sortNode, filterNode, bodyView !== "resourceWall" ? /* @__PURE__ */ import_react.default.createElement(import_ToolBarReset.default, { size: barSize }) : null, slots.topRight);
   return /* @__PURE__ */ import_react.default.createElement(
     import_ToolBar.default,
     {
       className: (0, import_classnames.default)(
         bodyView === "floorMap" && "pisell-record-board-toolbar--floor-map",
         bodyView === "calendar" && "pisell-record-board-toolbar--calendar",
+        bodyView === "resourceWall" && "pisell-record-board-toolbar--resource-wall",
         bodyView === "grid" && "pisell-record-board-toolbar--grid",
         toolbarDensity === "compact" && "pisell-record-board-toolbar--compact",
         slots.className

package/lib/components/pisellRecordBoard/shellFrame/ToolBar/recordBoardToolbar.less

@@ -20,13 +20,15 @@
   padding-bottom: 0 !important;
 }
 
-/* 表格态工具栏与内容对齐：左右留白 16；平面图态不加此内边距 */
-.pisell-grid-pro-toolbar.pisell-record-board-toolbar--grid {
+/* 表格 / 资源墙：与主内容区左右对齐 16px；平面图、日历不加（日程带全宽） */
+.pisell-grid-pro-toolbar.pisell-record-board-toolbar--grid,
+.pisell-grid-pro-toolbar.pisell-record-board-toolbar--resource-wall {
   padding-left: 16px;
   padding-right: 16px;
 }
 
-#body .pisell-grid-pro-toolbar.pisell-record-board-toolbar--grid {
+#body .pisell-grid-pro-toolbar.pisell-record-board-toolbar--grid,
+#body .pisell-grid-pro-toolbar.pisell-record-board-toolbar--resource-wall {
   padding-left: 16px;
   padding-right: 16px;
 }

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

@@ -8,10 +8,11 @@ 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 等** 与可选 **\<PisellRecordBoard.FloorMap /\>**、**\<PisellRecordBoard.Calendar /\>**；
- * 子视图组合与 Segmented 切换由子节点与根级 props 决定；根级 `floorMap` / `calendar` 与子槽合并时**子组件优先**。
+ * 解析子节点：**GridLayout / CardLayout 等** 与可选 **FloorMap / Calendar / ResourceWall** 槽；
+ * 子视图组合与 Segmented 切换由子节点与根级 props 决定；根级 `floorMap` / `calendar` / `resourceWall` 与子槽合并时**子组件优先**。
  */
 declare const RecordBoardShellFrame: React.FC<{
     children?: React.ReactNode;
@@ -19,5 +20,5 @@ declare const RecordBoardShellFrame: React.FC<{
     style?: React.CSSProperties;
 }>;
 export default RecordBoardShellFrame;
-export { RecordBoardToolBar, RecordBoardBatchActionBar, RecordBoardPagination, RecordBoardSearch, ToolBarReset, ToolBarQuickFilter, RecordBoardFloorMap, RecordBoardCalendar };
+export { RecordBoardToolBar, RecordBoardBatchActionBar, RecordBoardPagination, RecordBoardSearch, ToolBarReset, ToolBarQuickFilter, RecordBoardFloorMap, RecordBoardCalendar, RecordBoardResourceWall, };
 export { useRecordBoardShellBodyMeta } from './ShellBodyMetaContext';

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

@@ -33,6 +33,7 @@ __export(shellFrame_exports, {
   RecordBoardCalendar: () => import_RecordBoardCalendar.default,
   RecordBoardFloorMap: () => import_FloorMap.default,
   RecordBoardPagination: () => import_Pagination.default,
+  RecordBoardResourceWall: () => import_RecordBoardResourceWall.default,
   RecordBoardSearch: () => import_Search.default,
   RecordBoardToolBar: () => import_ToolBar.default,
   ToolBarQuickFilter: () => import_ToolBarQuickFilter.default,
@@ -57,6 +58,8 @@ var import_ToolBarQuickFilter = __toESM(require("./ToolBarQuickFilter"));
 var import_FloorMap = __toESM(require("./FloorMap"));
 var import_RecordBoardCalendar = __toESM(require("./Calendar/RecordBoardCalendar"));
 var import_PisellRecordBoardCalendarView = require("./Calendar/PisellRecordBoardCalendarView");
+var import_RecordBoardResourceWall = __toESM(require("./ResourceWall/RecordBoardResourceWall"));
+var import_PisellRecordBoardResourceWallView = require("./ResourceWall/PisellRecordBoardResourceWallView");
 var import_ShellBodyMetaContext = require("./ShellBodyMetaContext");
 var import_ShellBodyMetaContext2 = require("./ShellBodyMetaContext");
 var FILL_HEIGHT_SCROLL_STYLE = {
@@ -111,9 +114,11 @@ var RecordBoardShellFrame = ({ children, className, style }) => {
     gridChildren,
     floorMapPropsFromChild,
     calendarPropsFromChild,
+    resourceWallPropsFromChild,
     hasGridContent,
     hasFloorMapChild,
-    hasCalendarChild
+    hasCalendarChild,
+    hasResourceWallChild
   } = (0, import_react.useMemo)(() => (0, import_partitionShellFrameChildren.partitionShellFrameChildren)(children), [children]);
   const effectiveFloorMapProps = (0, import_react.useMemo)(() => {
     if (hasFloorMapChild) {
@@ -133,6 +138,15 @@ var RecordBoardShellFrame = ({ children, className, style }) => {
     }
     return ctx.calendarProps;
   }, [hasCalendarChild, calendarPropsFromChild, ctx.calendarProps]);
+  const effectiveResourceWallProps = (0, import_react.useMemo)(() => {
+    if (hasResourceWallChild) {
+      return {
+        ...ctx.resourceWallProps ?? {},
+        ...resourceWallPropsFromChild ?? {}
+      };
+    }
+    return ctx.resourceWallProps;
+  }, [hasResourceWallChild, resourceWallPropsFromChild, ctx.resourceWallProps]);
   const mergedFloorMapDataSources = (0, import_react.useMemo)(() => {
     const root = ctx.dataSources;
     const fromFloor = effectiveFloorMapProps == null ? void 0 : effectiveFloorMapProps.dataSources;
@@ -141,20 +155,25 @@ var RecordBoardShellFrame = ({ children, className, style }) => {
   }, [ctx.dataSources, effectiveFloorMapProps == null ? void 0 : effectiveFloorMapProps.dataSources]);
   const hasFloorMapSlot = hasFloorMapChild || ctx.floorMapProps != null;
   const hasCalendarSlot = hasCalendarChild || ctx.calendarProps != null;
+  const hasResourceWallSlot = hasResourceWallChild || ctx.resourceWallProps != null;
   const shellBodyMeta = (0, import_react.useMemo)(
     () => ({
       effectiveFloorMapProps,
       effectiveCalendarProps,
+      effectiveResourceWallProps,
       hasGridContent,
       hasFloorMapSlot,
-      hasCalendarSlot
+      hasCalendarSlot,
+      hasResourceWallSlot
     }),
     [
       effectiveFloorMapProps,
       effectiveCalendarProps,
+      effectiveResourceWallProps,
       hasGridContent,
       hasFloorMapSlot,
-      hasCalendarSlot
+      hasCalendarSlot,
+      hasResourceWallSlot
     ]
   );
   const showGrid = (0, import_react.useMemo)(
@@ -169,23 +188,38 @@ var RecordBoardShellFrame = ({ children, className, style }) => {
     () => hasCalendarSlot && ctx.bodyView === "calendar",
     [hasCalendarSlot, ctx.bodyView]
   );
+  const showResourceWall = (0, import_react.useMemo)(
+    () => hasResourceWallSlot && ctx.bodyView === "resourceWall",
+    [hasResourceWallSlot, ctx.bodyView]
+  );
   (0, import_react.useLayoutEffect)(() => {
     if (!ctx.setBodyView) return;
-    if (hasFloorMapSlot && !hasGridContent && !hasCalendarSlot) {
+    const hasG = hasGridContent;
+    const hasF = hasFloorMapSlot;
+    const hasC = hasCalendarSlot;
+    const hasR = hasResourceWallSlot;
+    const n = [hasG, hasF, hasC, hasR].filter(Boolean).length;
+    if (n !== 1) return;
+    if (hasF && !hasG && !hasC && !hasR) {
       ctx.setBodyView("floorMap");
       return;
     }
-    if (hasCalendarSlot && !hasGridContent && !hasFloorMapSlot) {
+    if (hasC && !hasG && !hasF && !hasR) {
       ctx.setBodyView("calendar");
       return;
     }
-    if (hasGridContent && !hasFloorMapSlot && !hasCalendarSlot) {
+    if (hasR && !hasG && !hasF && !hasC) {
+      ctx.setBodyView("resourceWall");
+      return;
+    }
+    if (hasG && !hasF && !hasC && !hasR) {
       ctx.setBodyView("grid");
     }
   }, [
     hasFloorMapSlot,
     hasGridContent,
     hasCalendarSlot,
+    hasResourceWallSlot,
     ctx.setBodyView
   ]);
   const floorMapLayoutProviderValue = (0, import_react.useMemo)(
@@ -237,6 +271,21 @@ var RecordBoardShellFrame = ({ children, className, style }) => {
     },
     /* @__PURE__ */ import_react.default.createElement(import_PisellRecordBoardCalendarView.PisellRecordBoardCalendarView, { ...effectiveCalendarProps })
   ) : null;
+  const resourceWallNode = showResourceWall && effectiveResourceWallProps ? /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className: "pisell-record-board-resource-wall-viewport",
+      style: {
+        flex: 1,
+        minHeight: 0,
+        display: "flex",
+        flexDirection: "column",
+        overflow: "hidden",
+        position: "relative"
+      }
+    },
+    /* @__PURE__ */ import_react.default.createElement(import_PisellRecordBoardResourceWallView.PisellRecordBoardResourceWallView, { ...effectiveResourceWallProps })
+  ) : null;
   const bodyContent = fillHeight ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, showGrid ? /* @__PURE__ */ import_react.default.createElement(
     ScrollAreaMeasurer,
     {
@@ -245,7 +294,7 @@ var RecordBoardShellFrame = ({ children, className, style }) => {
       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
-  ) : 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 : showCalendar ? calendarNode : floorMapNode, showGrid ? /* @__PURE__ */ import_react.default.createElement(import_Pagination.default, null) : null);
+  ) : 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);
   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,
@@ -276,6 +325,7 @@ var shellFrame_default = RecordBoardShellFrame;
   RecordBoardCalendar,
   RecordBoardFloorMap,
   RecordBoardPagination,
+  RecordBoardResourceWall,
   RecordBoardSearch,
   RecordBoardToolBar,
   ToolBarQuickFilter,

package/lib/components/pisellRecordBoard/types.d.ts

@@ -123,8 +123,8 @@ export interface RecordBoardListResult {
     count?: number;
     total?: number;
 }
-/** ShellFrame 内容区：表格、平面图或日历（与 GridLayout 同级切换） */
-export declare type RecordBoardBodyView = 'grid' | 'floorMap' | 'calendar';
+/** ShellFrame 内容区：表格、平面图、日历或大屏资源墙（与 GridLayout 同级切换） */
+export declare type RecordBoardBodyView = 'grid' | 'floorMap' | 'calendar' | 'resourceWall';
 /** 日历 Y 轴资源行（与 BookingCalendarDemo 中 court 对齐） */
 export interface RecordBoardCalendarResource {
     id: string;
@@ -225,6 +225,19 @@ export interface RecordBoardCalendarBookingRenderArgs {
     onDragStart: (item: RecordBoardCalendarBookingLike) => void;
     onJumpNext: () => void;
 }
+/**
+ * 对接 `POST /shop/schedule/blocked-time` 的请求体（与后台字段一致）。
+ */
+export interface RecordBoardCalendarBlockedTimePayload {
+    name: string;
+    note?: string;
+    resource_ids: number[];
+    blocked_sales_channels: string[];
+    /** `YYYY-MM-DD HH:mm` */
+    start_time: string;
+    /** `YYYY-MM-DD HH:mm` */
+    end_time: string;
+}
 /** 日历视图槽位 props：由 Shell 合并根级与子槽后传入 PisellRecordBoardCalendarView */
 export interface RecordBoardCalendarProps {
     persistGuard?: CalendarPersistContextValue;
@@ -265,6 +278,13 @@ export interface RecordBoardCalendarProps {
      * Pisell Reservation 等业务可在私有包组装 props 时默认传 10。
      */
     slotStepMinutes?: number;
+    /**
+     * 保存「屏蔽时间」时提交（如 `/shop/schedule/blocked-time`）。
+     * 返回 `false` 表示未成功（弹窗保持）；`true` 或 `undefined` 视为成功并关闭弹窗、清空选中。
+     */
+    onBlockedTimeSave?: (payload: RecordBoardCalendarBlockedTimePayload) => Promise<boolean | void>;
+    /** 与接口 `blocked_sales_channels` 一致；默认 `['online_store']` */
+    blockedTimeSalesChannels?: string[];
     /**
      * 完全自定义日视图时间列表头（不含左上角日期角格）。未传时按槽渲染默认表头；
      * 若同时传 {@link timelineHeaderGroups}，则先渲染分组行再渲染默认/本插槽由实现约定：当前实现为先分组行再默认槽行。
@@ -284,6 +304,55 @@ export interface RecordBoardCalendarProps {
  * 平面图槽位 props：与 PisellFloorMapLayout 对齐；items/renderItem 可省略（由 RecordBoard 默认 [] / () => null）。
  */
 export declare type RecordBoardFloorMapProps = Partial<PisellFloorMapLayoutProps>;
+/** 大屏资源墙单卡数据（与画布资源 id 对齐，见 {@link resourceId}） */
+export interface RecordBoardResourceWallCardModel {
+    /** 与日历/画布 `form_record` id 一致 */
+    resourceId: string;
+    resource: string;
+    area?: string;
+    /**
+     * 资源墙展示态：由业务兼容层（如预约页）基于 booking.status + now + start/end 计算。
+     * materials 侧仅按该字段渲染，不再做 light/时间窗口推断。
+     */
+    status?: 'available' | 'inUse' | 'boardingSoon' | 'late' | 'endingSoon' | 'expired';
+    currentTime?: string;
+    currentBooking?: string;
+    /** boardingSoon：距离开始分钟；inUse/endingSoon/expired：距离结束分钟 */
+    startsInMin?: number;
+    /** late：已超过开始时间但仍未占用（分钟，递增） */
+    lateMin?: number;
+    remainingMin?: number;
+    nextList?: Array<{
+        time: string;
+        booking: string;
+        startInMin: number;
+    }>;
+    /**
+     * @deprecated light 相关状态已弃用（2026-04）：资源墙仅保留 5 态，不再渲染 light 文案。
+     * 旧字段暂保留以兼容历史数据源，但不会再被 materials 使用。
+     */
+    lightState?: 'off' | 'off_soon_on' | 'on_soon_off';
+    /** @deprecated */
+    lightOnInMin?: number;
+    /** @deprecated */
+    lightOffInMin?: number;
+}
+/**
+ * 大屏资源墙视图 props；与 Shell 内 `PisellRecordBoard.ResourceWall` 合并（子优先）。
+ * 可见资源由 `searchParams.filter.values[filterFieldKey]`（默认 `resource_wall_resource_ids`）与 `cards` 交集过滤。
+ */
+export interface RecordBoardResourceWallProps {
+    className?: string;
+    style?: CSSProperties;
+    /** 全量卡片；展示时按快筛字段过滤 */
+    cards?: RecordBoardResourceWallCardModel[];
+    loading?: boolean;
+    /**
+     * 与 ToolBar 快筛里多选字段的 `name`/`key` 一致，用于从 context.searchParams.filter.values 读取 string[]。
+     * @default 'resource_wall_resource_ids'
+     */
+    filterFieldKey?: string;
+}
 /**
  * RecordBoard 容器 Context 值
  * 与具体 layout 类型无关，所有 layout 共用同一套数据与操作
@@ -369,6 +438,8 @@ export interface RecordBoardContextValue {
     floorMapFooter?: ReactNode;
     /** 根级传入的日历视图 props（可选）；与 ShellFrame 内 Calendar 子组件合并，子优先 */
     calendarProps?: RecordBoardCalendarProps;
+    /** 根级传入的大屏资源墙 props（可选）；与 ShellFrame 内 ResourceWall 子组件合并，子优先 */
+    resourceWallProps?: RecordBoardResourceWallProps;
 }
 /**
  * 各 layout 下子组件的可选透传配置（类似 ChildComponentProps）
@@ -526,6 +597,11 @@ export interface RecordBoardProps {
      * 推荐在 ShellFrame 内使用 PisellRecordBoard.Calendar 声明；若同时传根级与本项，Shell 内子组件 props 优先合并。
      */
     calendar?: RecordBoardCalendarProps;
+    /**
+     * 大屏资源墙（可选）：与 Shell 内 `PisellRecordBoard.ResourceWall` 对齐。
+     * 推荐在 ShellFrame 内声明子组件；若同时传根级与本项，Shell 内子组件 props 优先合并。
+     */
+    resourceWall?: RecordBoardResourceWallProps;
     /**
      * 平面图（可选，兼容低代码 / SalesGrid 等）：与 PisellFloorMapLayout 对齐。
      * 推荐在 ShellFrame 内使用 PisellRecordBoard.FloorMap 声明；若同时传根级与本项，Shell 内子组件 props 优先合并。

package/lib/components/pisellRecordBoard/utils/partitionShellFrameChildren.d.ts

@@ -1,10 +1,11 @@
 import React from 'react';
-import type { RecordBoardFloorMapProps } from '../types';
-import type { RecordBoardCalendarProps } from '../types';
+import type { RecordBoardFloorMapProps, RecordBoardCalendarProps, RecordBoardResourceWallProps } from '../types';
 /** 与 shellFrame/FloorMap 上定义的 displayName 一致，用于从 ShellFrame children 中识别平面图槽 */
 export declare const RECORD_BOARD_FLOOR_MAP_DISPLAY_NAME = "RecordBoard.FloorMap";
 /** 与 shellFrame/Calendar 上定义的 displayName 一致 */
 export declare const RECORD_BOARD_CALENDAR_DISPLAY_NAME = "RecordBoard.Calendar";
+/** 与 shellFrame/ResourceWall 上定义的 displayName 一致 */
+export declare const RECORD_BOARD_RESOURCE_WALL_DISPLAY_NAME = "RecordBoard.ResourceWall";
 /**
  * 将 ShellFrame 的 children 拆成：供表格区渲染的子树 + 可选的 FloorMap / Calendar 透传 props。
  * 支持 Fragment 嵌套；多个同槽时以最后一个为准。
@@ -16,5 +17,7 @@ export declare function partitionShellFrameChildren(children: React.ReactNode):
     floorMapPropsFromChild?: RecordBoardFloorMapProps;
     hasCalendarChild: boolean;
     calendarPropsFromChild?: RecordBoardCalendarProps;
+    hasResourceWallChild: boolean;
+    resourceWallPropsFromChild?: RecordBoardResourceWallProps;
     hasGridContent: boolean;
 };