@pisell/materials 1.8.41 → 1.8.43

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

@@ -6,6 +6,7 @@ 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");
@@ -15,12 +16,23 @@ 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,
@@ -58,20 +70,17 @@ const 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` 与子槽合并时**子组件优先**。
 */
-const RecordBoardShellFrame = ({ children, className, style }) => {
+const RecordBoardShellFrame = ({ children, className, style, belowToolbar }) => {
 	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, hasGridContent, hasFloorMapChild, hasCalendarChild } = (0, react.useMemo)(() => require_partitionShellFrameChildren.partitionShellFrameChildren(children), [children]);
+	const { gridChildren, floorMapPropsFromChild, calendarPropsFromChild, resourceWallPropsFromChild, hasGridContent, hasFloorMapChild, hasCalendarChild, hasResourceWallChild } = (0, react.useMemo)(() => require_partitionShellFrameChildren.partitionShellFrameChildren(children), [children]);
 	/** 子组件 FloorMap 与根级 context.floorMapProps 合并，子 props 覆盖根级 */
 	const effectiveFloorMapProps = (0, react.useMemo)(() => {
-		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 : {});
-		}
+		if (hasFloorMapChild) return mergeRecordBoardSlotProps(ctx.floorMapProps, floorMapPropsFromChild);
 		return ctx.floorMapProps;
 	}, [
 		hasFloorMapChild,
@@ -80,16 +89,21 @@ const RecordBoardShellFrame = ({ children, className, style }) => {
 	]);
 	/** 子组件 Calendar 与根级 context.calendarProps 合并，子 props 覆盖根级 */
 	const effectiveCalendarProps = (0, react.useMemo)(() => {
-		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 : {});
-		}
+		if (hasCalendarChild) return mergeRecordBoardSlotProps(ctx.calendarProps, 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，不得缩短此对象。
@@ -102,42 +116,65 @@ const RecordBoardShellFrame = ({ children, className, style }) => {
 	}, [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
+		hasCalendarSlot,
+		hasResourceWallSlot
 	}), [
 		effectiveFloorMapProps,
 		effectiveCalendarProps,
+		effectiveResourceWallProps,
 		hasGridContent,
 		hasFloorMapSlot,
-		hasCalendarSlot
+		hasCalendarSlot,
+		hasResourceWallSlot
 	]);
 	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;
-		if (hasFloorMapSlot && !hasGridContent && !hasCalendarSlot) {
+		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) {
 			ctx.setBodyView("floorMap");
 			return;
 		}
-		if (hasCalendarSlot && !hasGridContent && !hasFloorMapSlot) {
+		if (hasC && !hasG && !hasF && !hasR) {
 			ctx.setBodyView("calendar");
 			return;
 		}
-		if (hasGridContent && !hasFloorMapSlot && !hasCalendarSlot) ctx.setBodyView("grid");
+		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, react.useMemo)(() => {
@@ -173,19 +210,36 @@ const RecordBoardShellFrame = ({ children, className, style }) => {
 			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) : 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);
+	}, 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);
 	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--floor-map-view": !showGrid }),
+		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
+		}),
 		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);