@pisell/materials 1.8.38 → 1.8.41

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

@@ -20,33 +20,28 @@
   padding-bottom: 0 !important;
 }
 
-/* 表格 / 资源墙：与主内容区左右对齐 16px；平面图、日历不加（日程带全宽） */
-.pisell-grid-pro-toolbar.pisell-record-board-toolbar--grid,
-.pisell-grid-pro-toolbar.pisell-record-board-toolbar--resource-wall {
+/* 表格态工具栏与内容对齐：左右留白 16；平面图态不加此内边距 */
+.pisell-grid-pro-toolbar.pisell-record-board-toolbar--grid {
   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--resource-wall {
+#body .pisell-grid-pro-toolbar.pisell-record-board-toolbar--grid {
   padding-left: 16px;
   padding-right: 16px;
 }
 
 /**
- * 窄屏 / narrow-stack：顶栏仍为单行——左侧快筛与右侧操作同一行；
- * 快筛区内按钮组仍可换行（Space wrap / BucketButtonGroup）。
- * 用于 ≤768px 视口；或工具栏带 `.pisell-record-board-toolbar--narrow-stack`（如预约 HUD）。
+ * 两行工具栏：快筛独占首行，Find + 排序/筛选次行（与窄屏设计稿一致）。
+ * 用于 ≤768px 视口；或工具栏节点带修饰类 .pisell-record-board-toolbar--narrow-stack（如预约 HUD 侧栏）。
  */
-.record-board-toolbar-grid-narrow-one-row() {
+.record-board-toolbar-grid-narrow-two-rows() {
   > .toolbar-row {
     flex-direction: row;
-    flex-wrap: nowrap;
-    /** 左侧快筛多行时，右侧 search / 齿轮与顶缘对齐，不随整坨内容垂直居中 */
-    align-items: flex-start;
+    flex-wrap: wrap;
+    align-items: center;
     row-gap: 8px;
     column-gap: 8px;
-    min-width: 0;
   }
 
   > .toolbar-row > .toolbar-row-left,
@@ -60,31 +55,20 @@
 
   .record-board-toolbar-quick-filter-slot {
     order: 0;
-    flex: 1 1 auto;
-    width: auto;
+    flex: 1 0 100%;
+    width: 100%;
     max-width: 100%;
     min-width: 0;
   }
 
-  /**
-   * 快筛区在 narrow-stack 模式下允许内部按钮自动换行（HUD 抽屉等窄容器场景）：
-   * - `flex-wrap: wrap` 让多组桶在空间不够时挤到下一行；
-   * - `display: flex; width: 100%` 让 form 撑满 quick-filter-slot，从而触发 wrap 阈值；
-   * - 这样右侧 search / 齿轮所在 row 永远是第一行最右，不会因桶过多被顶到下一行。
-   */
   .record-board-toolbar-quick-filter-slot .record-board-toolbar-quick-filter-form {
-    display: flex;
-    flex-wrap: wrap;
     width: 100%;
-    max-width: 100%;
-    min-width: 0;
   }
 
   .record-board-toolbar-quick-filter-slot .pisell-lowcode-form,
   .record-board-toolbar-quick-filter-slot .ant-form {
-    width: auto;
+    width: 100%;
     max-width: 100%;
-    min-width: 0;
   }
 
   .record-board-toolbar-body-view-segmented {
@@ -113,12 +97,12 @@
 
 @media (max-width: 768px) {
   .pisell-grid-pro-toolbar.pisell-record-board-toolbar--grid {
-    .record-board-toolbar-grid-narrow-one-row();
+    .record-board-toolbar-grid-narrow-two-rows();
   }
 }
 
 .pisell-grid-pro-toolbar.pisell-record-board-toolbar--grid.pisell-record-board-toolbar--narrow-stack {
-  .record-board-toolbar-grid-narrow-one-row();
+  .record-board-toolbar-grid-narrow-two-rows();
 }
 
 /**
@@ -158,155 +142,3 @@
     flex-wrap: nowrap;
   }
 }
-
-/**
- * `record-board-toolbar-grid-narrow-one-row` 对顶栏行使用 `align-items: flex-start`，
- * 但上一段 `--compact` 对同一行写了 `align-items: center !important`，会压过 mixin，
- * 导致 HUD（compact-narrow + narrow-stack）里左侧快筛换行时右侧搜索/齿轮仍整列垂直居中。
- * 在「grid + narrow-stack + compact」组合下把行对齐改回顶缘。
- */
-.pisell-grid-pro-toolbar.pisell-record-board-toolbar--grid.pisell-record-board-toolbar--narrow-stack.pisell-record-board-toolbar--compact {
-  > .pisell-grid-pro-toolbar-row.toolbar-row,
-  > .toolbar-row {
-    align-items: flex-start !important;
-  }
-}
-
-/**
- * 极窄模式：HUD 抽屉这类宽度有限的内嵌表。
- *  - search 为纯图标触发器，与右侧齿轮并排
- *  - 列显示 / 排序 / 筛选 / 重置 合并到齿轮 Popover 内
- */
-.pisell-grid-pro-toolbar.pisell-record-board-toolbar--compact-narrow {
-  padding-bottom: 6px !important;
-  gap: 4px !important;
-
-  > .pisell-grid-pro-toolbar-row.toolbar-row,
-  > .toolbar-row {
-    gap: 4px !important;
-  }
-
-  /** 顶栏右侧 search-icon 与齿轮之间的间距 */
-  .record-board-toolbar-right-actions.ant-space {
-    gap: 10px !important;
-  }
-
-  /**
-   * Find icon 触发器（PisellFind triggerType="icon"）：与右侧齿轮统一为 32×32，icon 18px。
-   * `className` 由 PisellFind/PisellLookup 挂在最外层 `.pisell-lookup`，不会透到内部 trigger，
-   * 所以选择器写成「外层 className → 内层 .pisell-lookup-trigger-icon」。
-   */
-  .pisell-lookup.record-board-toolbar-find-icon .pisell-lookup-trigger-icon {
-    width: 32px;
-    height: 32px;
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    border-radius: 6px;
-    color: rgba(0, 0, 0, 0.65);
-    transition: background 0.15s, color 0.15s;
-
-    &:hover {
-      background: rgba(22, 119, 255, 0.08);
-      color: rgba(0, 0, 0, 0.88);
-    }
-
-    .anticon {
-      font-size: 18px;
-      line-height: 1;
-    }
-
-    .anticon svg {
-      width: 18px;
-      height: 18px;
-    }
-  }
-
-  /**
-   * 齿轮按钮：与 find-icon 对齐到 32×32，icon 18px。
-   * 同时命中 antd 原生 `.ant-btn` 与低代码包裹的 `.pisell-lowcode-btn`，并兼容 `-sm` 尺寸变体；
-   * 用 !important 压过全局基线 28×28 与 antd small button 自带的 24px 高度。
-   */
-  .record-board-toolbar-settings-gear-btn,
-  .record-board-toolbar-settings-gear-btn.ant-btn,
-  .record-board-toolbar-settings-gear-btn.pisell-lowcode-btn,
-  .record-board-toolbar-settings-gear-btn.pisell-lowcode-btn.pisell-lowcode-btn-sm {
-    width: 32px !important;
-    height: 32px !important;
-    min-width: 32px !important;
-    min-height: 32px !important;
-    padding: 0 !important;
-    border-radius: 6px;
-
-    .anticon {
-      font-size: 18px !important;
-      line-height: 1;
-    }
-
-    .anticon svg {
-      width: 18px !important;
-      height: 18px !important;
-    }
-  }
-
-  /**
-   * 自定义 `trigger` 进入 PisellLookup 时会被包裹在 `pisell-lookup-trigger-custom`
-   */
-  .record-board-toolbar-right-actions .pisell-lookup-trigger-custom {
-    display: inline-flex;
-    align-items: center;
-  }
-}
-
-/** 齿轮按钮：低视觉权重，hover 浅色背景；激活态由 antd Popover 自带 */
-.record-board-toolbar-settings-gear-btn.ant-btn {
-  width: 28px;
-  height: 28px;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  padding: 0;
-  border-radius: 6px;
-  color: rgba(0, 0, 0, 0.65);
-
-  &:hover,
-  &:focus {
-    background: rgba(22, 119, 255, 0.08);
-    color: rgba(0, 0, 0, 0.88);
-  }
-}
-
-/**
- * 齿轮 popover 内容：竖排三组（列显示 / 排序 / 筛选），每组保留各自原本的
- * 按钮 + 子 popover 触发逻辑，外层只承担「分组承载 + 标签提示」。
- * 子 popover 仍按各组件 placement 弹，会浮在齿轮 popover 之上。
- */
-.record-board-toolbar-settings-gear-overlay .ant-popover-inner-content {
-  padding: 8px;
-  min-width: 180px;
-}
-
-.record-board-toolbar-settings-gear-popover {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: 4px;
-}
-
-/**
- * 行容器只承担「分组与上下间距」，不再做包裹 hover 反馈：
- * 每一项内部的按钮（Eye / Sort / Filter）已自带各自的 hover/active 反馈，
- * 外层再加 hover 会出现「按钮反馈 + 行底色」双层叠加，视觉很乱。
- *
- * justify-content: center 让每行内的按钮在 popover 内横向居中——三组操作宽度
- * 不一致（眼睛 ≪ Sort ≪ Filter），整列居中比左对齐视觉更稳，避免「梯形」错位。
- */
-.record-board-toolbar-settings-gear-row {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  gap: 8px;
-  padding: 0;
-  background: transparent;
-  cursor: default;
-}

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

@@ -22,17 +22,9 @@ const ToolBarQuickFilter = ({ filterList = [], formFiltersPrefix = "", size = "l
 	(0, react.useEffect)(() => {
 		const next = typeof currentValues === "object" && currentValues !== null ? currentValues : {};
 		const byNames = filterList.reduce((acc, item) => {
-			var _other, _item$name, _next$String2;
-			const composite = item === null || item === void 0 || (_other = item.other) === null || _other === void 0 ? void 0 : _other.compositeFilterFieldNames;
-			if (Array.isArray(composite) && composite.length > 0) {
-				for (const field of composite) {
-					var _next$String;
-					acc[String(field)] = (_next$String = next[String(field)]) !== null && _next$String !== void 0 ? _next$String : void 0;
-				}
-				return acc;
-			}
+			var _item$name, _next$String;
 			const name = (_item$name = item.name) !== null && _item$name !== void 0 ? _item$name : item.key;
-			if (name != null) acc[String(name)] = (_next$String2 = next[String(name)]) !== null && _next$String2 !== void 0 ? _next$String2 : void 0;
+			if (name != null) acc[String(name)] = (_next$String = next[String(name)]) !== null && _next$String !== void 0 ? _next$String : void 0;
 			return acc;
 		}, {});
 		form.setFieldsValue(byNames);

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

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

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

@@ -6,7 +6,6 @@ const require_useRecordBoardContext = require("../hooks/useRecordBoardContext.js
 const require_PisellShellFrame = require("../../pisellShellFrame/PisellShellFrame.js");
 require("./FloorMap.js");
 require("./Calendar/RecordBoardCalendar.js");
-require("./ResourceWall/RecordBoardResourceWall.js");
 const require_partitionShellFrameChildren = require("../utils/partitionShellFrameChildren.js");
 require("./ToolBarReset/index.js");
 require("./ToolBarQuickFilter/index.js");
@@ -16,23 +15,12 @@ const require_index$3 = require("./BatchActionBar/index.js");
 const require_index$4 = require("./Pagination/index.js");
 require("./Search/index.js");
 const require_PisellRecordBoardCalendarView = require("./Calendar/PisellRecordBoardCalendarView.js");
-const require_PisellRecordBoardResourceWallView = require("./ResourceWall/PisellRecordBoardResourceWallView.js");
 let react = require("react");
 react = require_runtime.__toESM(react);
 let classnames = require("classnames");
 classnames = require_runtime.__toESM(classnames);
 require("./shellFrameFloorMap.less");
 //#region src/components/pisellRecordBoard/shellFrame/index.tsx
-/**
-* 槽位 props 与根级合并：**子组件显式传入**的键覆盖根级；子级为 `undefined` 的键不覆盖（避免吞掉根级回调）。
-* 子槽无 props（`{}`）时直接沿用根级对象引用。
-*/
-function mergeRecordBoardSlotProps(root, child) {
-	if (!child || Object.keys(child).length === 0) return root;
-	const base = require_objectSpread2._objectSpread2({}, root !== null && root !== void 0 ? root : {});
-	for (const [key, val] of Object.entries(child)) if (val !== void 0) base[key] = val;
-	return base;
-}
 /** fillHeight 时内容区可滚动、分页器贴底；默认表头 sticky；grid.scroll.autoCalc 时需测量高度供 scroll.y */
 const FILL_HEIGHT_SCROLL_STYLE = {
 	flex: 1,
@@ -70,17 +58,20 @@ const FILL_HEIGHT_WRAPPER_STYLE = {
 };
 /**
 * Shell Frame：基于 PisellShellFrame 的 RecordBoard 壳层。
-* 解析子节点：**GridLayout / CardLayout 等** 与可选 **FloorMap / Calendar / ResourceWall** 槽；
-* 子视图组合与 Segmented 切换由子节点与根级 props 决定；根级 `floorMap` / `calendar` / `resourceWall` 与子槽合并时**子组件优先**。
+* 解析子节点：**GridLayout / CardLayout 等** 与可选 **\<PisellRecordBoard.FloorMap /\>**、**\<PisellRecordBoard.Calendar /\>**；
+* 子视图组合与 Segmented 切换由子节点与根级 props 决定；根级 `floorMap` / `calendar` 与子槽合并时**子组件优先**。
 */
-const RecordBoardShellFrame = ({ children, className, style, belowToolbar }) => {
+const RecordBoardShellFrame = ({ children, className, style }) => {
 	var _ctx$floorMapLayoutRe, _effectiveFloorMapPro, _effectiveFloorMapPro2, _effectiveFloorMapPro3, _ctx$setScrollAreaHei, _ctx$childComponentPr;
 	const ctx = require_useRecordBoardContext.useRecordBoardContext();
 	const fillHeight = (ctx === null || ctx === void 0 ? void 0 : ctx.fillHeight) === true;
-	const { gridChildren, floorMapPropsFromChild, calendarPropsFromChild, resourceWallPropsFromChild, hasGridContent, hasFloorMapChild, hasCalendarChild, hasResourceWallChild } = (0, react.useMemo)(() => require_partitionShellFrameChildren.partitionShellFrameChildren(children), [children]);
+	const { gridChildren, floorMapPropsFromChild, calendarPropsFromChild, hasGridContent, hasFloorMapChild, hasCalendarChild } = (0, react.useMemo)(() => require_partitionShellFrameChildren.partitionShellFrameChildren(children), [children]);
 	/** 子组件 FloorMap 与根级 context.floorMapProps 合并，子 props 覆盖根级 */
 	const effectiveFloorMapProps = (0, react.useMemo)(() => {
-		if (hasFloorMapChild) return mergeRecordBoardSlotProps(ctx.floorMapProps, floorMapPropsFromChild);
+		if (hasFloorMapChild) {
+			var _ctx$floorMapProps;
+			return require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({}, (_ctx$floorMapProps = ctx.floorMapProps) !== null && _ctx$floorMapProps !== void 0 ? _ctx$floorMapProps : {}), floorMapPropsFromChild !== null && floorMapPropsFromChild !== void 0 ? floorMapPropsFromChild : {});
+		}
 		return ctx.floorMapProps;
 	}, [
 		hasFloorMapChild,
@@ -89,21 +80,16 @@ const RecordBoardShellFrame = ({ children, className, style, belowToolbar }) =>
 	]);
 	/** 子组件 Calendar 与根级 context.calendarProps 合并，子 props 覆盖根级 */
 	const effectiveCalendarProps = (0, react.useMemo)(() => {
-		if (hasCalendarChild) return mergeRecordBoardSlotProps(ctx.calendarProps, calendarPropsFromChild);
+		if (hasCalendarChild) {
+			var _ctx$calendarProps;
+			return require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({}, (_ctx$calendarProps = ctx.calendarProps) !== null && _ctx$calendarProps !== void 0 ? _ctx$calendarProps : {}), calendarPropsFromChild !== null && calendarPropsFromChild !== void 0 ? calendarPropsFromChild : {});
+		}
 		return ctx.calendarProps;
 	}, [
 		hasCalendarChild,
 		calendarPropsFromChild,
 		ctx.calendarProps
 	]);
-	const effectiveResourceWallProps = (0, react.useMemo)(() => {
-		if (hasResourceWallChild) return mergeRecordBoardSlotProps(ctx.resourceWallProps, resourceWallPropsFromChild);
-		return ctx.resourceWallProps;
-	}, [
-		hasResourceWallChild,
-		resourceWallPropsFromChild,
-		ctx.resourceWallProps
-	]);
 	/**
 	* 平面图使用整份多 key：根级 Context.dataSources 与 FloorMap props 合并（后者覆盖同 key）。
 	* 表格分页切片只影响 ctx.data，不得缩短此对象。
@@ -116,65 +102,42 @@ const RecordBoardShellFrame = ({ children, className, style, belowToolbar }) =>
 	}, [ctx.dataSources, effectiveFloorMapProps === null || effectiveFloorMapProps === void 0 ? 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, react.useMemo)(() => ({
 		effectiveFloorMapProps,
 		effectiveCalendarProps,
-		effectiveResourceWallProps,
 		hasGridContent,
 		hasFloorMapSlot,
-		hasCalendarSlot,
-		hasResourceWallSlot
+		hasCalendarSlot
 	}), [
 		effectiveFloorMapProps,
 		effectiveCalendarProps,
-		effectiveResourceWallProps,
 		hasGridContent,
 		hasFloorMapSlot,
-		hasCalendarSlot,
-		hasResourceWallSlot
+		hasCalendarSlot
 	]);
 	const showGrid = (0, react.useMemo)(() => hasGridContent && ctx.bodyView === "grid", [hasGridContent, ctx.bodyView]);
-	/** 无限滚动时不展示底部分页（含 paginationRender 挂载点） */
-	const showGridPagination = showGrid && ctx.gridInfiniteScroll !== true;
 	const showFloorMap = (0, react.useMemo)(() => hasFloorMapSlot && effectiveFloorMapProps != null && ctx.bodyView === "floorMap", [
 		hasFloorMapSlot,
 		effectiveFloorMapProps,
 		ctx.bodyView
 	]);
 	const showCalendar = (0, react.useMemo)(() => hasCalendarSlot && ctx.bodyView === "calendar", [hasCalendarSlot, ctx.bodyView]);
-	const showResourceWall = (0, react.useMemo)(() => hasResourceWallSlot && ctx.bodyView === "resourceWall", [hasResourceWallSlot, ctx.bodyView]);
 	/** 仅单一主区时同步 bodyView，避免切换组合后状态不一致 */
 	(0, react.useLayoutEffect)(() => {
 		if (!ctx.setBodyView) return;
-		const hasG = hasGridContent;
-		const hasF = hasFloorMapSlot;
-		const hasC = hasCalendarSlot;
-		const hasR = hasResourceWallSlot;
-		if ([
-			hasG,
-			hasF,
-			hasC,
-			hasR
-		].filter(Boolean).length !== 1) return;
-		if (hasF && !hasG && !hasC && !hasR) {
+		if (hasFloorMapSlot && !hasGridContent && !hasCalendarSlot) {
 			ctx.setBodyView("floorMap");
 			return;
 		}
-		if (hasC && !hasG && !hasF && !hasR) {
+		if (hasCalendarSlot && !hasGridContent && !hasFloorMapSlot) {
 			ctx.setBodyView("calendar");
 			return;
 		}
-		if (hasR && !hasG && !hasF && !hasC) {
-			ctx.setBodyView("resourceWall");
-			return;
-		}
-		if (hasG && !hasF && !hasC && !hasR) ctx.setBodyView("grid");
+		if (hasGridContent && !hasFloorMapSlot && !hasCalendarSlot) ctx.setBodyView("grid");
 	}, [
 		hasFloorMapSlot,
 		hasGridContent,
 		hasCalendarSlot,
-		hasResourceWallSlot,
 		ctx.setBodyView
 	]);
 	const floorMapLayoutProviderValue = (0, react.useMemo)(() => {
@@ -210,36 +173,19 @@ const RecordBoardShellFrame = ({ children, className, style, belowToolbar }) =>
 			position: "relative"
 		}
 	}, /* @__PURE__ */ react.default.createElement(require_PisellRecordBoardCalendarView.PisellRecordBoardCalendarView, effectiveCalendarProps)) : null;
-	const resourceWallNode = showResourceWall && effectiveResourceWallProps ? /* @__PURE__ */ 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__ */ react.default.createElement(require_PisellRecordBoardResourceWallView.PisellRecordBoardResourceWallView, effectiveResourceWallProps)) : null;
 	const bodyContent = fillHeight ? /* @__PURE__ */ react.default.createElement(react.default.Fragment, null, showGrid ? /* @__PURE__ */ react.default.createElement(ScrollAreaMeasurer, {
 		onHeight: (_ctx$setScrollAreaHei = ctx === null || ctx === void 0 ? void 0 : ctx.setScrollAreaHeight) !== null && _ctx$setScrollAreaHei !== void 0 ? _ctx$setScrollAreaHei : (() => {}),
 		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) : showResourceWall ? resourceWallNode : showCalendar ? calendarNode : floorMapNode, showGridPagination ? /* @__PURE__ */ react.default.createElement(require_index$4.default, null) : null) : /* @__PURE__ */ react.default.createElement(react.default.Fragment, null, showGrid ? gridChildren : showResourceWall ? resourceWallNode : showCalendar ? calendarNode : floorMapNode, showGridPagination ? /* @__PURE__ */ react.default.createElement(require_index$4.default, null) : null);
+	}, gridChildren) : showCalendar ? calendarNode : floorMapNode, showGrid ? /* @__PURE__ */ react.default.createElement(require_index$4.default, null) : null) : /* @__PURE__ */ react.default.createElement(react.default.Fragment, null, showGrid ? gridChildren : showCalendar ? calendarNode : floorMapNode, showGrid ? /* @__PURE__ */ react.default.createElement(require_index$4.default, null) : null);
 	const shellStyle = fillHeight && style ? require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({}, style), FILL_HEIGHT_WRAPPER_STYLE) : fillHeight ? FILL_HEIGHT_WRAPPER_STYLE : style;
 	const wrapper = /* @__PURE__ */ react.default.createElement(require_ShellBodyMetaContext.RecordBoardShellBodyMetaContext.Provider, { value: shellBodyMeta }, /* @__PURE__ */ react.default.createElement(require_PisellShellFrame.default, {
-		className: (0, classnames.default)(className, {
-			"pisell-shell-frame--body-subview": !showGrid,
-			"pisell-shell-frame--floor-map-view": showFloorMap,
-			"pisell-shell-frame--calendar-view": showCalendar,
-			"pisell-shell-frame--resource-wall-view": showResourceWall
-		}),
+		className: (0, classnames.default)(className, { "pisell-shell-frame--floor-map-view": !showGrid }),
 		style: shellStyle,
 		config: {
 			showToolbar: true,
 			showBatchActionBar: true
 		},
 		toolbar: /* @__PURE__ */ react.default.createElement(require_index$2.default, null),
-		belowToolbar,
 		batchActionBar: /* @__PURE__ */ react.default.createElement(require_index$3.default, null)
 	}, bodyContent));
 	if (fillHeight) return /* @__PURE__ */ react.default.createElement("div", { style: FILL_HEIGHT_WRAPPER_STYLE }, wrapper);