@pisell/materials 1.8.38 → 1.8.41

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

@@ -20,17 +20,9 @@ const ToolBarQuickFilter = ({ filterList = [], formFiltersPrefix = "", size = "l
 	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/es/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/es/components/pisellRecordBoard/shellFrame/index.js

@@ -5,7 +5,6 @@ import { useRecordBoardContext } from "../hooks/useRecordBoardContext.js";
 import PisellShellFrame from "../../pisellShellFrame/PisellShellFrame.js";
 import "./FloorMap.js";
 import "./Calendar/RecordBoardCalendar.js";
-import "./ResourceWall/RecordBoardResourceWall.js";
 import { partitionShellFrameChildren } from "../utils/partitionShellFrameChildren.js";
 import "./ToolBarReset/index.js";
 import "./ToolBarQuickFilter/index.js";
@@ -15,21 +14,10 @@ import RecordBoardBatchActionBar from "./BatchActionBar/index.js";
 import RecordBoardPagination from "./Pagination/index.js";
 import "./Search/index.js";
 import { PisellRecordBoardCalendarView } from "./Calendar/PisellRecordBoardCalendarView.js";
-import { PisellRecordBoardResourceWallView } from "./ResourceWall/PisellRecordBoardResourceWallView.js";
 import React, { useEffect, useLayoutEffect, useMemo, useRef } from "react";
 import classNames from "classnames";
 import "./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 = _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,
@@ -67,17 +55,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 = useRecordBoardContext();
 	const fillHeight = (ctx === null || ctx === void 0 ? void 0 : ctx.fillHeight) === true;
-	const { gridChildren, floorMapPropsFromChild, calendarPropsFromChild, resourceWallPropsFromChild, hasGridContent, hasFloorMapChild, hasCalendarChild, hasResourceWallChild } = useMemo(() => partitionShellFrameChildren(children), [children]);
+	const { gridChildren, floorMapPropsFromChild, calendarPropsFromChild, hasGridContent, hasFloorMapChild, hasCalendarChild } = useMemo(() => partitionShellFrameChildren(children), [children]);
 	/** 子组件 FloorMap 与根级 context.floorMapProps 合并，子 props 覆盖根级 */
 	const effectiveFloorMapProps = useMemo(() => {
-		if (hasFloorMapChild) return mergeRecordBoardSlotProps(ctx.floorMapProps, floorMapPropsFromChild);
+		if (hasFloorMapChild) {
+			var _ctx$floorMapProps;
+			return _objectSpread2(_objectSpread2({}, (_ctx$floorMapProps = ctx.floorMapProps) !== null && _ctx$floorMapProps !== void 0 ? _ctx$floorMapProps : {}), floorMapPropsFromChild !== null && floorMapPropsFromChild !== void 0 ? floorMapPropsFromChild : {});
+		}
 		return ctx.floorMapProps;
 	}, [
 		hasFloorMapChild,
@@ -86,21 +77,16 @@ const RecordBoardShellFrame = ({ children, className, style, belowToolbar }) =>
 	]);
 	/** 子组件 Calendar 与根级 context.calendarProps 合并，子 props 覆盖根级 */
 	const effectiveCalendarProps = useMemo(() => {
-		if (hasCalendarChild) return mergeRecordBoardSlotProps(ctx.calendarProps, calendarPropsFromChild);
+		if (hasCalendarChild) {
+			var _ctx$calendarProps;
+			return _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 = useMemo(() => {
-		if (hasResourceWallChild) return mergeRecordBoardSlotProps(ctx.resourceWallProps, resourceWallPropsFromChild);
-		return ctx.resourceWallProps;
-	}, [
-		hasResourceWallChild,
-		resourceWallPropsFromChild,
-		ctx.resourceWallProps
-	]);
 	/**
 	* 平面图使用整份多 key：根级 Context.dataSources 与 FloorMap props 合并（后者覆盖同 key）。
 	* 表格分页切片只影响 ctx.data，不得缩短此对象。
@@ -113,65 +99,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 = useMemo(() => ({
 		effectiveFloorMapProps,
 		effectiveCalendarProps,
-		effectiveResourceWallProps,
 		hasGridContent,
 		hasFloorMapSlot,
-		hasCalendarSlot,
-		hasResourceWallSlot
+		hasCalendarSlot
 	}), [
 		effectiveFloorMapProps,
 		effectiveCalendarProps,
-		effectiveResourceWallProps,
 		hasGridContent,
 		hasFloorMapSlot,
-		hasCalendarSlot,
-		hasResourceWallSlot
+		hasCalendarSlot
 	]);
 	const showGrid = useMemo(() => hasGridContent && ctx.bodyView === "grid", [hasGridContent, ctx.bodyView]);
-	/** 无限滚动时不展示底部分页（含 paginationRender 挂载点） */
-	const showGridPagination = showGrid && ctx.gridInfiniteScroll !== true;
 	const showFloorMap = useMemo(() => hasFloorMapSlot && effectiveFloorMapProps != null && ctx.bodyView === "floorMap", [
 		hasFloorMapSlot,
 		effectiveFloorMapProps,
 		ctx.bodyView
 	]);
 	const showCalendar = useMemo(() => hasCalendarSlot && ctx.bodyView === "calendar", [hasCalendarSlot, ctx.bodyView]);
-	const showResourceWall = useMemo(() => hasResourceWallSlot && ctx.bodyView === "resourceWall", [hasResourceWallSlot, ctx.bodyView]);
 	/** 仅单一主区时同步 bodyView，避免切换组合后状态不一致 */
 	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 = useMemo(() => {
@@ -207,36 +170,19 @@ const RecordBoardShellFrame = ({ children, className, style, belowToolbar }) =>
 			position: "relative"
 		}
 	}, /* @__PURE__ */ React.createElement(PisellRecordBoardCalendarView, effectiveCalendarProps)) : null;
-	const 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;
 	const 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 : (() => {}),
 		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.createElement(RecordBoardPagination, null) : null) : /* @__PURE__ */ React.createElement(React.Fragment, null, showGrid ? gridChildren : showResourceWall ? resourceWallNode : showCalendar ? calendarNode : floorMapNode, showGridPagination ? /* @__PURE__ */ React.createElement(RecordBoardPagination, null) : null);
+	}, 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);
 	const shellStyle = fillHeight && style ? _objectSpread2(_objectSpread2({}, style), FILL_HEIGHT_WRAPPER_STYLE) : fillHeight ? FILL_HEIGHT_WRAPPER_STYLE : style;
 	const wrapper = /* @__PURE__ */ React.createElement(RecordBoardShellBodyMetaContext.Provider, { value: shellBodyMeta }, /* @__PURE__ */ React.createElement(PisellShellFrame, {
-		className: classNames(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: classNames(className, { "pisell-shell-frame--floor-map-view": !showGrid }),
 		style: shellStyle,
 		config: {
 			showToolbar: true,
 			showBatchActionBar: true
 		},
 		toolbar: /* @__PURE__ */ React.createElement(RecordBoardToolBar, null),
-		belowToolbar,
 		batchActionBar: /* @__PURE__ */ React.createElement(RecordBoardBatchActionBar, null)
 	}, bodyContent));
 	if (fillHeight) return /* @__PURE__ */ React.createElement("div", { style: FILL_HEIGHT_WRAPPER_STYLE }, wrapper);