@pisell/materials 6.11.28 → 6.11.30

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

@@ -50,6 +50,11 @@ function getViewCalendarLabel() {
   var u = utilsLocales.getText(key);
   return u && u !== key ? u : getText(key) || 'Calendar';
 }
+function getViewResourceWallLabel() {
+  var key = 'pisell2.recordBoard.toolbar.viewResourceWall';
+  var u = utilsLocales.getText(key);
+  return u && u !== key ? u : getText(key) || 'Wall';
+}
 
 /** 默认搜索参数字段名，与 context.searchParams 对应 */
 var DEFAULT_SEARCH_FIELD = 'keyword';
@@ -60,6 +65,9 @@ var FILTER_PARAMS_FIELD = 'filter';
 /** 排序在 searchParams 中的字段名 */
 var SORT_PARAMS_FIELD = 'sort';
 
+/** 与 ResourceWall 默认 `filterFieldKey` 一致；预约等场景下快筛仅此一项时仅服务资源墙视图 */
+var RESOURCE_WALL_QUICK_FILTER_KEY = 'resource_wall_resource_ids';
+
 /** 筛选无值时使用的默认筛选项，避免点开为空；业务可通过 childComponentProps.toolBar.filter.defaultFilterValue 覆盖。文案通过 getText 多语言。 */
 function getDefaultFilterValue() {
   return {
@@ -74,7 +82,7 @@ function getDefaultFilterValue() {
  * 可透传 topLeft、topRight、bottomLeft、bottomRight、tabs。
  */
 var RecordBoardToolBar = function RecordBoardToolBar(props) {
-  var _shellMeta$hasGridCon, _shellMeta$hasFloorMa, _shellMeta$hasCalenda, _shellMeta$effectiveF, _ctx$childComponentPr, _ctx$childComponentPr2, _slots$toolbarDensity, _searchParams$DEFAULT, _ctx$childComponentPr3, _formFiltersPrefix, _filterResetKey;
+  var _ctx$resourceWallProp, _ctx$resourceWallProp2, _shellMeta$hasGridCon, _shellMeta$hasFloorMa, _shellMeta$hasCalenda, _shellMeta$hasResourc, _shellMeta$effectiveF, _ctx$childComponentPr, _ctx$childComponentPr2, _slots$toolbarDensity, _searchParams$DEFAULT, _ctx$childComponentPr3, _formFiltersPrefix, _filterResetKey;
   var ctx = useRecordBoardContext({
     displayName: 'toolBar'
   });
@@ -83,15 +91,18 @@ var RecordBoardToolBar = function RecordBoardToolBar(props) {
     onSearch = ctx.onSearch,
     bodyView = ctx.bodyView,
     setBodyView = ctx.setBodyView;
+  var resourceWallFilterFieldKey = (_ctx$resourceWallProp = (_ctx$resourceWallProp2 = ctx.resourceWallProps) === null || _ctx$resourceWallProp2 === void 0 ? void 0 : _ctx$resourceWallProp2.filterFieldKey) !== null && _ctx$resourceWallProp !== void 0 ? _ctx$resourceWallProp : RESOURCE_WALL_QUICK_FILTER_KEY;
   /** ShellFrame 内解析：多子视图（表格 / 平面图 / 日历）时渲染 Segmented */
   var hasGridInShell = (_shellMeta$hasGridCon = shellMeta === null || shellMeta === void 0 ? void 0 : shellMeta.hasGridContent) !== null && _shellMeta$hasGridCon !== void 0 ? _shellMeta$hasGridCon : true;
   var hasFloorInShell = (_shellMeta$hasFloorMa = shellMeta === null || shellMeta === void 0 ? void 0 : shellMeta.hasFloorMapSlot) !== null && _shellMeta$hasFloorMa !== void 0 ? _shellMeta$hasFloorMa : ctx.floorMapProps != null;
   var hasCalendarInShell = (_shellMeta$hasCalenda = shellMeta === null || shellMeta === void 0 ? void 0 : shellMeta.hasCalendarSlot) !== null && _shellMeta$hasCalenda !== void 0 ? _shellMeta$hasCalenda : ctx.calendarProps != null;
+  var hasResourceWallInShell = (_shellMeta$hasResourc = shellMeta === null || shellMeta === void 0 ? void 0 : shellMeta.hasResourceWallSlot) !== null && _shellMeta$hasResourc !== void 0 ? _shellMeta$hasResourc : ctx.resourceWallProps != null;
   var floorForToggle = (_shellMeta$effectiveF = shellMeta === null || shellMeta === void 0 ? void 0 : shellMeta.effectiveFloorMapProps) !== null && _shellMeta$effectiveF !== void 0 ? _shellMeta$effectiveF : ctx.floorMapProps;
   var canFloor = hasFloorInShell && floorForToggle != null;
   var canCalendar = hasCalendarInShell;
+  var canResourceWall = hasResourceWallInShell;
   var canGrid = hasGridInShell;
-  var bodyViewOptionCount = (canGrid ? 1 : 0) + (canFloor ? 1 : 0) + (canCalendar ? 1 : 0);
+  var bodyViewOptionCount = (canGrid ? 1 : 0) + (canFloor ? 1 : 0) + (canCalendar ? 1 : 0) + (canResourceWall ? 1 : 0);
   /** 至少两种主区时出现切换器（兼容原「仅表格+平面图」） */
   var showTableFloorToggle = bodyViewOptionCount >= 2;
   /** 业务可关闭多视图切换（如场控仅平面图），此时不渲染 Segmented */
@@ -136,7 +147,7 @@ var RecordBoardToolBar = function RecordBoardToolBar(props) {
     var fromConfig = _typeof(quickFilterConfig) === 'object' && quickFilterConfig !== null && Array.isArray(quickFilterConfig.filterList) ? quickFilterConfig.filterList : null;
     var list = (_ref = fromConfig !== null && fromConfig !== void 0 ? fromConfig : derivedFilterFromColumns === null || derivedFilterFromColumns === void 0 ? void 0 : derivedFilterFromColumns.quickFilter) !== null && _ref !== void 0 ? _ref : [];
     var 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) {
       var hideSet = new Set(hideNames.map(String));
       list = list.filter(function (item) {
         var _item$name;
@@ -146,9 +157,22 @@ var RecordBoardToolBar = function RecordBoardToolBar(props) {
     }
     return list;
   }, [quickFilterConfig, derivedFilterFromColumns === null || derivedFilterFromColumns === void 0 ? void 0 : derivedFilterFromColumns.quickFilter, bodyView, showTableFloorToggle]);
-  var showQuickFilterLeft = quickFilterList.length > 0;
+  /**
+   * 资源墙专用快筛不占用顶栏；resourceWall 时顶栏快筛整行收起（改走右侧 Filter）。
+   * 资源墙顶栏仅保留 Sort + Filter（Find / Reset 隐藏）。
+   * 其它视图从顶栏剔除该字段，避免与表格/平面图等共用 toolBar.quickFilter 时误展示。
+   */
+  var leftBarQuickFilterList = useMemo(function () {
+    var withoutWall = quickFilterList.filter(function (item) {
+      var _ref2, _item$key;
+      return ((_ref2 = (_item$key = item.key) !== null && _item$key !== void 0 ? _item$key : item.name) !== null && _ref2 !== void 0 ? _ref2 : '') !== resourceWallFilterFieldKey;
+    });
+    if (bodyView === 'resourceWall') return [];
+    return withoutWall;
+  }, [bodyView, quickFilterList, resourceWallFilterFieldKey]);
+  var showQuickFilterLeft = leftBarQuickFilterList.length > 0;
   var quickFilterNode = showQuickFilterLeft ? /*#__PURE__*/React.createElement(ToolBarQuickFilter, {
-    filterList: quickFilterList,
+    filterList: leftBarQuickFilterList,
     formFiltersPrefix: _typeof(quickFilterConfig) === 'object' && quickFilterConfig !== null ? (_formFiltersPrefix = quickFilterConfig.formFiltersPrefix) !== null && _formFiltersPrefix !== void 0 ? _formFiltersPrefix : '' : '',
     size: _typeof(quickFilterConfig) === 'object' && quickFilterConfig !== null ? quickFilterConfig.size : undefined
   }) : null;
@@ -162,12 +186,18 @@ var RecordBoardToolBar = function RecordBoardToolBar(props) {
       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]);
   var bodyViewToggle = allowBodyViewToggle ? /*#__PURE__*/React.createElement(Segmented, {
     className: "record-board-toolbar-body-view-segmented",
     size: barSize,
@@ -185,7 +215,7 @@ var RecordBoardToolBar = function RecordBoardToolBar(props) {
   var compactFloorMapToolbar = (bodyView === 'floorMap' || bodyView === 'calendar') && showTableFloorToggle;
 
   /**
-   * 仅非表格且 tabs 内含 ScheduleBand 时隐藏顶行切换器；表格视图 tabs 无 ScheduleBand，
+   * 仅非表格且 tabs 内含 ScheduleBand（平面图 / 日历）时隐藏顶行切换器；表格 / 资源墙 tabs 无 ScheduleBand，
    * 切换器回到 Find 左侧（与 PisellReservation 表格态一致）。
    */
   var hideBodyViewToggleInToolbarRow = allowBodyViewToggle && Boolean(slots.tabs) && (bodyView === 'floorMap' || bodyView === 'calendar');
@@ -193,7 +223,7 @@ var RecordBoardToolBar = function RecordBoardToolBar(props) {
     className: "record-board-toolbar-top-left"
   }, !hideBodyViewToggleInToolbarRow ? bodyViewToggle : null, quickFilterNode ? /*#__PURE__*/React.createElement("div", {
     className: "record-board-toolbar-quick-filter-slot"
-  }, quickFilterNode) : null, searchNode ? /*#__PURE__*/React.createElement("div", {
+  }, quickFilterNode) : null, searchNode && bodyView !== 'resourceWall' ? /*#__PURE__*/React.createElement("div", {
     className: "record-board-toolbar-find-wrap"
   }, searchNode) : null, slots.topLeft ? /*#__PURE__*/React.createElement("div", {
     className: "record-board-toolbar-extra-top-left"
@@ -234,12 +264,12 @@ var RecordBoardToolBar = function RecordBoardToolBar(props) {
     // 若 otherFilter 来自 base（如 sessionStorage 恢复），JSON 会丢失函数（如 other.component），导致 custom 项空白；用 config 同 key 项补回 component/label 等
     if (otherFilter === base.otherFilter && Array.isArray(defaultFilterFromConfig === null || defaultFilterFromConfig === void 0 ? void 0 : defaultFilterFromConfig.otherFilter) && defaultFilterFromConfig.otherFilter.length > 0) {
       var configMap = new Map(defaultFilterFromConfig.otherFilter.map(function (c) {
-        var _ref2, _c$key;
-        return [(_ref2 = (_c$key = c.key) !== null && _c$key !== void 0 ? _c$key : c.name) !== null && _ref2 !== void 0 ? _ref2 : '', c];
+        var _ref3, _c$key;
+        return [(_ref3 = (_c$key = c.key) !== null && _c$key !== void 0 ? _c$key : c.name) !== null && _ref3 !== void 0 ? _ref3 : '', c];
       }));
       otherFilter = otherFilter.map(function (item) {
-        var _ref3, _item$key, _configItem$label, _configItem$other$pla, _configItem$other, _item$other;
-        var key = (_ref3 = (_item$key = item.key) !== null && _item$key !== void 0 ? _item$key : item.name) !== null && _ref3 !== void 0 ? _ref3 : '';
+        var _ref4, _item$key2, _configItem$label, _configItem$other$pla, _configItem$other, _item$other;
+        var key = (_ref4 = (_item$key2 = item.key) !== null && _item$key2 !== void 0 ? _item$key2 : item.name) !== null && _ref4 !== void 0 ? _ref4 : '';
         var configItem = configMap.get(key);
         if (!configItem) return item;
         // 优先用 config 的 label/placeholder（当前语言），避免 session 恢复的旧语言覆盖
@@ -251,12 +281,21 @@ var RecordBoardToolBar = function RecordBoardToolBar(props) {
         });
       });
     }
+    var outQuick = quickFilter;
+    var outOther = otherFilter;
+    /** 资源墙：弹层只保留「资源」一项，不混入业务配置的其它 otherFilter（如预约状态、人数等） */
+    if (bodyView === 'resourceWall') {
+      outQuick = [];
+      outOther = quickFilterList.length > 0 ? quickFilterList.map(function (item) {
+        return _objectSpread({}, item);
+      }) : [];
+    }
     return _objectSpread(_objectSpread({}, base), {}, {
-      quickFilter: quickFilter,
-      otherFilter: otherFilter,
+      quickFilter: outQuick,
+      otherFilter: outOther,
       values: (_base$values = base.values) !== null && _base$values !== void 0 ? _base$values : {}
     });
-  }, [filterValue, hasFilterItems, defaultFilterFromConfig, derivedFilterFromColumns]);
+  }, [filterValue, hasFilterItems, defaultFilterFromConfig, derivedFilterFromColumns, bodyView, quickFilterList]);
 
   // 右侧 Filter 只展示高级筛选，快筛全部在左侧
   var filterValueForPisellFilter = useMemo(function () {
@@ -288,14 +327,14 @@ var RecordBoardToolBar = function RecordBoardToolBar(props) {
     size: barSize,
     buttonClassName: "record-board-toolbar-filter-btn"
   }));
-  var showColumnSetting = slots.columnSetting !== false && Array.isArray(gridColumns) && gridColumns.length > 0;
+  var showColumnSetting = slots.columnSetting !== false && bodyView !== 'resourceWall' && Array.isArray(gridColumns) && gridColumns.length > 0;
   var topRight = compactFloorMapToolbar ? null : /*#__PURE__*/React.createElement(Space, {
     className: "record-board-toolbar-right-actions"
-  }, showColumnSetting ? /*#__PURE__*/React.createElement(RecordBoardColumnSetting, null) : null, sortNode, filterNode, /*#__PURE__*/React.createElement(ToolBarReset, {
+  }, showColumnSetting ? /*#__PURE__*/React.createElement(RecordBoardColumnSetting, null) : null, sortNode, filterNode, bodyView !== 'resourceWall' ? /*#__PURE__*/React.createElement(ToolBarReset, {
     size: barSize
-  }), slots.topRight);
+  }) : null, slots.topRight);
   return /*#__PURE__*/React.createElement(PisellToolBar, {
-    className: classNames(bodyView === 'floorMap' && 'pisell-record-board-toolbar--floor-map', bodyView === 'calendar' && 'pisell-record-board-toolbar--calendar', bodyView === 'grid' && 'pisell-record-board-toolbar--grid', toolbarDensity === 'compact' && 'pisell-record-board-toolbar--compact', slots.className),
+    className: classNames(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),
     style: slots.style,
     tabs: slots.tabs,
     topLeft: topLeft,

package/es/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/es/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/es/components/pisellRecordBoard/shellFrame/index.js

@@ -21,6 +21,8 @@ import ToolBarQuickFilter from "./ToolBarQuickFilter";
 import RecordBoardFloorMap from "./FloorMap";
 import RecordBoardCalendar from "./Calendar/RecordBoardCalendar";
 import { PisellRecordBoardCalendarView } from "./Calendar/PisellRecordBoardCalendarView";
+import RecordBoardResourceWall from "./ResourceWall/RecordBoardResourceWall";
+import { PisellRecordBoardResourceWallView } from "./ResourceWall/PisellRecordBoardResourceWallView";
 import { RecordBoardShellBodyMetaContext } from "./ShellBodyMetaContext";
 
 /** fillHeight 时内容区可滚动、分页器贴底；默认表头 sticky；grid.scroll.autoCalc 时需测量高度供 scroll.y */
@@ -67,8 +69,8 @@ var FILL_HEIGHT_WRAPPER_STYLE = {
 
 /**
  * Shell Frame：基于 PisellShellFrame 的 RecordBoard 壳层。
- * 解析子节点：**GridLayout / CardLayout 等** 与可选 **\<PisellRecordBoard.FloorMap /\>**、**\<PisellRecordBoard.Calendar /\>**；
- * 子视图组合与 Segmented 切换由子节点与根级 props 决定；根级 `floorMap` / `calendar` 与子槽合并时**子组件优先**。
+ * 解析子节点：**GridLayout / CardLayout 等** 与可选 **FloorMap / Calendar / ResourceWall** 槽；
+ * 子视图组合与 Segmented 切换由子节点与根级 props 决定；根级 `floorMap` / `calendar` / `resourceWall` 与子槽合并时**子组件优先**。
  */
 var RecordBoardShellFrame = function RecordBoardShellFrame(_ref2) {
   var _ctx$floorMapLayoutRe, _effectiveFloorMapPro, _effectiveFloorMapPro2, _effectiveFloorMapPro3, _ctx$setScrollAreaHei, _ctx$childComponentPr;
@@ -83,9 +85,11 @@ var RecordBoardShellFrame = function RecordBoardShellFrame(_ref2) {
     gridChildren = _useMemo.gridChildren,
     floorMapPropsFromChild = _useMemo.floorMapPropsFromChild,
     calendarPropsFromChild = _useMemo.calendarPropsFromChild,
+    resourceWallPropsFromChild = _useMemo.resourceWallPropsFromChild,
     hasGridContent = _useMemo.hasGridContent,
     hasFloorMapChild = _useMemo.hasFloorMapChild,
-    hasCalendarChild = _useMemo.hasCalendarChild;
+    hasCalendarChild = _useMemo.hasCalendarChild,
+    hasResourceWallChild = _useMemo.hasResourceWallChild;
 
   /** 子组件 FloorMap 与根级 context.floorMapProps 合并，子 props 覆盖根级 */
   var effectiveFloorMapProps = useMemo(function () {
@@ -104,6 +108,13 @@ var RecordBoardShellFrame = function RecordBoardShellFrame(_ref2) {
     }
     return ctx.calendarProps;
   }, [hasCalendarChild, calendarPropsFromChild, ctx.calendarProps]);
+  var effectiveResourceWallProps = useMemo(function () {
+    if (hasResourceWallChild) {
+      var _ctx$resourceWallProp;
+      return _objectSpread(_objectSpread({}, (_ctx$resourceWallProp = ctx.resourceWallProps) !== null && _ctx$resourceWallProp !== void 0 ? _ctx$resourceWallProp : {}), resourceWallPropsFromChild !== null && resourceWallPropsFromChild !== void 0 ? resourceWallPropsFromChild : {});
+    }
+    return ctx.resourceWallProps;
+  }, [hasResourceWallChild, resourceWallPropsFromChild, ctx.resourceWallProps]);
 
   /**
    * 平面图使用整份多 key：根级 Context.dataSources 与 FloorMap props 合并（后者覆盖同 key）。
@@ -117,15 +128,18 @@ var RecordBoardShellFrame = function RecordBoardShellFrame(_ref2) {
   }, [ctx.dataSources, effectiveFloorMapProps === null || effectiveFloorMapProps === void 0 ? void 0 : effectiveFloorMapProps.dataSources]);
   var hasFloorMapSlot = hasFloorMapChild || ctx.floorMapProps != null;
   var hasCalendarSlot = hasCalendarChild || ctx.calendarProps != null;
+  var hasResourceWallSlot = hasResourceWallChild || ctx.resourceWallProps != null;
   var shellBodyMeta = useMemo(function () {
     return {
       effectiveFloorMapProps: effectiveFloorMapProps,
       effectiveCalendarProps: effectiveCalendarProps,
+      effectiveResourceWallProps: effectiveResourceWallProps,
       hasGridContent: hasGridContent,
       hasFloorMapSlot: hasFloorMapSlot,
-      hasCalendarSlot: hasCalendarSlot
+      hasCalendarSlot: hasCalendarSlot,
+      hasResourceWallSlot: hasResourceWallSlot
     };
-  }, [effectiveFloorMapProps, effectiveCalendarProps, hasGridContent, hasFloorMapSlot, hasCalendarSlot]);
+  }, [effectiveFloorMapProps, effectiveCalendarProps, effectiveResourceWallProps, hasGridContent, hasFloorMapSlot, hasCalendarSlot, hasResourceWallSlot]);
   var showGrid = useMemo(function () {
     return hasGridContent && ctx.bodyView === 'grid';
   }, [hasGridContent, ctx.bodyView]);
@@ -135,22 +149,35 @@ var RecordBoardShellFrame = function RecordBoardShellFrame(_ref2) {
   var showCalendar = useMemo(function () {
     return hasCalendarSlot && ctx.bodyView === 'calendar';
   }, [hasCalendarSlot, ctx.bodyView]);
+  var showResourceWall = useMemo(function () {
+    return hasResourceWallSlot && ctx.bodyView === 'resourceWall';
+  }, [hasResourceWallSlot, ctx.bodyView]);
 
   /** 仅单一主区时同步 bodyView，避免切换组合后状态不一致 */
   useLayoutEffect(function () {
     if (!ctx.setBodyView) return;
-    if (hasFloorMapSlot && !hasGridContent && !hasCalendarSlot) {
+    var hasG = hasGridContent;
+    var hasF = hasFloorMapSlot;
+    var hasC = hasCalendarSlot;
+    var hasR = hasResourceWallSlot;
+    var 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, ctx.setBodyView]);
+  }, [hasFloorMapSlot, hasGridContent, hasCalendarSlot, hasResourceWallSlot, ctx.setBodyView]);
   var floorMapLayoutProviderValue = useMemo(function () {
     var _ctx$floorMapLayoutCo;
     return (_ctx$floorMapLayoutCo = ctx.floorMapLayoutContext) !== null && _ctx$floorMapLayoutCo !== void 0 ? _ctx$floorMapLayoutCo : EMPTY_FLOOR_MAP_LAYOUT_CONTEXT;
@@ -194,10 +221,21 @@ var RecordBoardShellFrame = function RecordBoardShellFrame(_ref2) {
       position: 'relative'
     }
   }, /*#__PURE__*/React.createElement(PisellRecordBoardCalendarView, effectiveCalendarProps)) : null;
+  var resourceWallNode = showResourceWall && effectiveResourceWallProps ? /*#__PURE__*/React.createElement("div", {
+    className: "pisell-record-board-resource-wall-viewport",
+    style: {
+      flex: 1,
+      minHeight: 0,
+      display: 'flex',
+      flexDirection: 'column',
+      overflow: 'hidden',
+      position: 'relative'
+    }
+  }, /*#__PURE__*/React.createElement(PisellRecordBoardResourceWallView, effectiveResourceWallProps)) : null;
   var bodyContent = fillHeight ? /*#__PURE__*/React.createElement(React.Fragment, null, showGrid ? /*#__PURE__*/React.createElement(ScrollAreaMeasurer, {
     onHeight: (_ctx$setScrollAreaHei = ctx === null || ctx === void 0 ? void 0 : ctx.setScrollAreaHeight) !== null && _ctx$setScrollAreaHei !== void 0 ? _ctx$setScrollAreaHei : function () {},
     autoCalc: ctx === null || ctx === void 0 || (_ctx$childComponentPr = ctx.childComponentProps) === null || _ctx$childComponentPr === void 0 || (_ctx$childComponentPr = _ctx$childComponentPr.grid) === null || _ctx$childComponentPr === void 0 || (_ctx$childComponentPr = _ctx$childComponentPr.scroll) === null || _ctx$childComponentPr === void 0 ? void 0 : _ctx$childComponentPr.autoCalc
-  }, gridChildren) : showCalendar ? calendarNode : floorMapNode, showGrid ? /*#__PURE__*/React.createElement(RecordBoardPagination, null) : null) : /*#__PURE__*/React.createElement(React.Fragment, null, showGrid ? gridChildren : showCalendar ? calendarNode : floorMapNode, showGrid ? /*#__PURE__*/React.createElement(RecordBoardPagination, null) : null);
+  }, gridChildren) : showResourceWall ? resourceWallNode : showCalendar ? calendarNode : floorMapNode, showGrid ? /*#__PURE__*/React.createElement(RecordBoardPagination, null) : null) : /*#__PURE__*/React.createElement(React.Fragment, null, showGrid ? gridChildren : showResourceWall ? resourceWallNode : showCalendar ? calendarNode : floorMapNode, showGrid ? /*#__PURE__*/React.createElement(RecordBoardPagination, null) : null);
   var shellStyle = fillHeight && style ? _objectSpread(_objectSpread({}, style), FILL_HEIGHT_WRAPPER_STYLE) : fillHeight ? FILL_HEIGHT_WRAPPER_STYLE : style;
   var wrapper = /*#__PURE__*/React.createElement(RecordBoardShellBodyMetaContext.Provider, {
     value: shellBodyMeta
@@ -222,5 +260,5 @@ var RecordBoardShellFrame = function RecordBoardShellFrame(_ref2) {
 };
 RecordBoardShellFrame.displayName = 'RecordBoard.ShellFrame';
 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/es/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/es/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;
 };

package/es/components/pisellRecordBoard/utils/partitionShellFrameChildren.js

@@ -1,6 +1,7 @@
 import React from 'react';
 import RecordBoardFloorMap from "../shellFrame/FloorMap";
 import RecordBoardCalendar from "../shellFrame/Calendar/RecordBoardCalendar";
+import RecordBoardResourceWall from "../shellFrame/ResourceWall/RecordBoardResourceWall";
 
 /** 与 shellFrame/FloorMap 上定义的 displayName 一致，用于从 ShellFrame children 中识别平面图槽 */
 export var RECORD_BOARD_FLOOR_MAP_DISPLAY_NAME = 'RecordBoard.FloorMap';
@@ -8,6 +9,9 @@ export var RECORD_BOARD_FLOOR_MAP_DISPLAY_NAME = 'RecordBoard.FloorMap';
 /** 与 shellFrame/Calendar 上定义的 displayName 一致 */
 export var RECORD_BOARD_CALENDAR_DISPLAY_NAME = 'RecordBoard.Calendar';
 
+/** 与 shellFrame/ResourceWall 上定义的 displayName 一致 */
+export var RECORD_BOARD_RESOURCE_WALL_DISPLAY_NAME = 'RecordBoard.ResourceWall';
+
 /** displayName 在部分构建下可能被摇掉；与 RecordBoardFloorMap 引用一致时仍可识别 */
 function isRecordBoardFloorMapElementType(type) {
   if (type === RecordBoardFloorMap) return true;
@@ -19,6 +23,11 @@ function isRecordBoardCalendarElementType(type) {
   var dn = type === null || type === void 0 ? void 0 : type.displayName;
   return dn === RECORD_BOARD_CALENDAR_DISPLAY_NAME;
 }
+function isRecordBoardResourceWallElementType(type) {
+  if (type === RecordBoardResourceWall) return true;
+  var dn = type === null || type === void 0 ? void 0 : type.displayName;
+  return dn === RECORD_BOARD_RESOURCE_WALL_DISPLAY_NAME;
+}
 
 /**
  * 将 ShellFrame 的 children 拆成：供表格区渲染的子树 + 可选的 FloorMap / Calendar 透传 props。
@@ -29,6 +38,8 @@ export function partitionShellFrameChildren(children) {
   var floorProps;
   var foundCalendar = false;
   var calendarProps;
+  var foundResourceWall = false;
+  var resourceWallProps;
   var gridChunks = [];
   var walk = function walk(node) {
     React.Children.forEach(node, function (child) {
@@ -51,6 +62,11 @@ export function partitionShellFrameChildren(children) {
         calendarProps = child.props;
         return;
       }
+      if (isRecordBoardResourceWallElementType(child.type)) {
+        foundResourceWall = true;
+        resourceWallProps = child.props;
+        return;
+      }
       gridChunks.push(child);
     });
   };
@@ -70,6 +86,8 @@ export function partitionShellFrameChildren(children) {
     floorMapPropsFromChild: floorProps,
     hasCalendarChild: foundCalendar,
     calendarPropsFromChild: calendarProps,
+    hasResourceWallChild: foundResourceWall,
+    resourceWallPropsFromChild: resourceWallProps,
     hasGridContent: hasGridContent
   };
 }

package/es/components/pisellReservationSchedule/locales.d.ts

@@ -0,0 +1,43 @@
+/** PisellReservationSchedule 多语言；使用前 locales.init 合并 */
+declare const _default: {
+    en: {
+        'pisell-reservation-schedule.today': string;
+        'pisell-reservation-schedule.prev': string;
+        'pisell-reservation-schedule.next': string;
+        'pisell-reservation-schedule.prev-week': string;
+        'pisell-reservation-schedule.next-week': string;
+        'pisell-reservation-schedule.prev-month': string;
+        'pisell-reservation-schedule.next-month': string;
+        'pisell-reservation-schedule.pick-date': string;
+        'pisell-reservation-schedule.pick-date-title': string;
+        'pisell-reservation-schedule.pick-week-title': string;
+        'pisell-reservation-schedule.pick-month-title': string;
+    };
+    'zh-CN': {
+        'pisell-reservation-schedule.today': string;
+        'pisell-reservation-schedule.prev': string;
+        'pisell-reservation-schedule.next': string;
+        'pisell-reservation-schedule.prev-week': string;
+        'pisell-reservation-schedule.next-week': string;
+        'pisell-reservation-schedule.prev-month': string;
+        'pisell-reservation-schedule.next-month': string;
+        'pisell-reservation-schedule.pick-date': string;
+        'pisell-reservation-schedule.pick-date-title': string;
+        'pisell-reservation-schedule.pick-week-title': string;
+        'pisell-reservation-schedule.pick-month-title': string;
+    };
+    'zh-HK': {
+        'pisell-reservation-schedule.today': string;
+        'pisell-reservation-schedule.prev': string;
+        'pisell-reservation-schedule.next': string;
+        'pisell-reservation-schedule.prev-week': string;
+        'pisell-reservation-schedule.next-week': string;
+        'pisell-reservation-schedule.prev-month': string;
+        'pisell-reservation-schedule.next-month': string;
+        'pisell-reservation-schedule.pick-date': string;
+        'pisell-reservation-schedule.pick-date-title': string;
+        'pisell-reservation-schedule.pick-week-title': string;
+        'pisell-reservation-schedule.pick-month-title': string;
+    };
+};
+export default _default;