@pisell/materials 1.8.41 → 1.8.42

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

@@ -1,20 +1,24 @@
 const require_runtime = require("../../../../_virtual/_rolldown/runtime.js");
 const require_index = require("../../../../locales/index.js");
 const require_objectSpread2 = require("../../../../_virtual/_@oxc-project_runtime@0.122.0/helpers/objectSpread2.js");
-const require_index$1 = require("../../../sort/index.js");
-const require_index$2 = require("../../../pisellGridPro/ToolBar/index.js");
+const require_objectWithoutProperties = require("../../../../_virtual/_@oxc-project_runtime@0.122.0/helpers/objectWithoutProperties.js");
+const require_index$1 = require("../../../pisellFind/index.js");
+const require_index$2 = require("../../../sort/index.js");
+const require_index$3 = require("../../../pisellGridPro/ToolBar/index.js");
 const require_recordBoardColumns = require("../../utils/recordBoardColumns.js");
 const require_useRecordBoardContext = require("../../hooks/useRecordBoardContext.js");
-const require_index$3 = require("../../../pisellFind/index.js");
 const require_index$4 = require("../../../pisellFilter/index.js");
 const require_index$5 = require("../ToolBarReset/index.js");
 const require_index$6 = require("../ToolBarQuickFilter/index.js");
 const require_index$7 = require("../ColumnSetting/index.js");
 const require_ShellBodyMetaContext = require("../ShellBodyMetaContext.js");
+const require_venueWallUtils = require("../ResourceWall/venueWallUtils.js");
+const require_recordBoardToolBarConstants = require("./recordBoardToolBarConstants.js");
+const require_recordBoardToolBarI18n = require("./recordBoardToolBarI18n.js");
 let react = require("react");
 react = require_runtime.__toESM(react);
-let _pisell_utils = require("@pisell/utils");
 let antd = require("antd");
+let _ant_design_icons = require("@ant-design/icons");
 let classnames = require("classnames");
 classnames = require_runtime.__toESM(classnames);
 let _pisell_icon_es_SwitchVertical01 = require("@pisell/icon/es/SwitchVertical01");
@@ -22,76 +26,82 @@ _pisell_icon_es_SwitchVertical01 = require_runtime.__toESM(_pisell_icon_es_Switc
 require("./ToolBarFilter.less");
 require("./recordBoardToolbar.less");
 //#region src/components/pisellRecordBoard/shellFrame/ToolBar/index.tsx
-/** 与 Quick Filter 同源：优先 utils，若 utils 返回 key（未命中）则用 materials 再回退 */
-function getSortButtonText() {
-	const key = "pisell2.recordBoard.toolbar.sort";
-	const u = _pisell_utils.locales.getText(key);
-	return u && u !== key ? u : require_index.getText(key) || require_index.getText("sort-button-text");
-}
-function getViewGridLabel() {
-	const key = "pisell2.recordBoard.toolbar.viewGrid";
-	const u = _pisell_utils.locales.getText(key);
-	return u && u !== key ? u : require_index.getText(key) || "Table";
-}
-function getViewFloorMapLabel() {
-	const key = "pisell2.recordBoard.toolbar.viewFloorMap";
-	const u = _pisell_utils.locales.getText(key);
-	return u && u !== key ? u : require_index.getText(key) || "Floor map";
-}
-function getViewCalendarLabel() {
-	const key = "pisell2.recordBoard.toolbar.viewCalendar";
-	const u = _pisell_utils.locales.getText(key);
-	return u && u !== key ? u : require_index.getText(key) || "Calendar";
-}
-/** 默认搜索参数字段名，与 context.searchParams 对应 */
-const DEFAULT_SEARCH_FIELD = "keyword";
-/** 筛选在 searchParams 中的字段名 */
-const FILTER_PARAMS_FIELD = "filter";
-/** 排序在 searchParams 中的字段名 */
-const SORT_PARAMS_FIELD = "sort";
-/** 筛选无值时使用的默认筛选项，避免点开为空；业务可通过 childComponentProps.toolBar.filter.defaultFilterValue 覆盖。文案通过 getText 多语言。 */
-function getDefaultFilterValue() {
-	return {
-		quickFilter: [],
-		otherFilter: []
-	};
-}
+const _excluded = [
+	"trigger",
+	"triggerType",
+	"displayType",
+	"triggerText",
+	"triggerIcon",
+	"buttonText"
+], _excluded2 = ["resourceWallSortFieldKeys", "list"];
 /**
 * RecordBoard 下的工具栏：使用 PisellToolBar。
 * 左侧默认 PisellFind（inline）；右侧默认 PisellFilter。通过 childComponentProps.toolBar.search / toolBar.filter 为对象时透传对应组件 props，为 false 时不渲染。
 * 可透传 topLeft、topRight、bottomLeft、bottomRight、tabs。
 */
 const 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, _slots$topRight;
 	const ctx = require_useRecordBoardContext.useRecordBoardContext({ displayName: "toolBar" });
 	const shellMeta = require_ShellBodyMetaContext.useRecordBoardShellBodyMeta();
 	const { searchParams, onSearch, bodyView, setBodyView } = ctx;
+	const resourceWallFilterFieldKey = (_ctx$resourceWallProp = (_ctx$resourceWallProp2 = ctx.resourceWallProps) === null || _ctx$resourceWallProp2 === void 0 ? void 0 : _ctx$resourceWallProp2.filterFieldKey) !== null && _ctx$resourceWallProp !== void 0 ? _ctx$resourceWallProp : require_recordBoardToolBarConstants.RESOURCE_WALL_QUICK_FILTER_KEY;
 	/** ShellFrame 内解析：多子视图（表格 / 平面图 / 日历）时渲染 Segmented */
 	const hasGridInShell = (_shellMeta$hasGridCon = shellMeta === null || shellMeta === void 0 ? void 0 : shellMeta.hasGridContent) !== null && _shellMeta$hasGridCon !== void 0 ? _shellMeta$hasGridCon : true;
 	const hasFloorInShell = (_shellMeta$hasFloorMa = shellMeta === null || shellMeta === void 0 ? void 0 : shellMeta.hasFloorMapSlot) !== null && _shellMeta$hasFloorMa !== void 0 ? _shellMeta$hasFloorMa : ctx.floorMapProps != null;
 	const hasCalendarInShell = (_shellMeta$hasCalenda = shellMeta === null || shellMeta === void 0 ? void 0 : shellMeta.hasCalendarSlot) !== null && _shellMeta$hasCalenda !== void 0 ? _shellMeta$hasCalenda : ctx.calendarProps != null;
+	const hasResourceWallInShell = (_shellMeta$hasResourc = shellMeta === null || shellMeta === void 0 ? void 0 : shellMeta.hasResourceWallSlot) !== null && _shellMeta$hasResourc !== void 0 ? _shellMeta$hasResourc : ctx.resourceWallProps != null;
 	const floorForToggle = (_shellMeta$effectiveF = shellMeta === null || shellMeta === void 0 ? void 0 : shellMeta.effectiveFloorMapProps) !== null && _shellMeta$effectiveF !== void 0 ? _shellMeta$effectiveF : ctx.floorMapProps;
 	const canFloor = hasFloorInShell && floorForToggle != null;
 	const canCalendar = hasCalendarInShell;
+	const canResourceWall = hasResourceWallInShell;
 	const canGrid = hasGridInShell;
 	/** 至少两种主区时出现切换器（兼容原「仅表格+平面图」） */
-	const showTableFloorToggle = (canGrid ? 1 : 0) + (canFloor ? 1 : 0) + (canCalendar ? 1 : 0) >= 2;
+	const showTableFloorToggle = (canGrid ? 1 : 0) + (canFloor ? 1 : 0) + (canCalendar ? 1 : 0) + (canResourceWall ? 1 : 0) >= 2;
 	/** 业务可关闭多视图切换（如场控仅平面图），此时不渲染 Segmented */
 	const allowBodyViewToggle = showTableFloorToggle && ctx.bodyViewSwitchable !== false;
 	const slots = (_ctx$childComponentPr = (_ctx$childComponentPr2 = ctx.childComponentProps) === null || _ctx$childComponentPr2 === void 0 ? void 0 : _ctx$childComponentPr2.toolBar) !== null && _ctx$childComponentPr !== void 0 ? _ctx$childComponentPr : {};
 	const toolbarDensity = (_slots$toolbarDensity = slots.toolbarDensity) !== null && _slots$toolbarDensity !== void 0 ? _slots$toolbarDensity : "default";
-	/** compact 用 middle：比 50px Figma 略紧凑，又比 small 更易点按；与下方 Less 中 ~38px 工具栏样式一致 */
-	const barSize = toolbarDensity === "compact" ? "middle" : "large";
-	const keyword = (_searchParams$DEFAULT = searchParams === null || searchParams === void 0 ? void 0 : searchParams[DEFAULT_SEARCH_FIELD]) !== null && _searchParams$DEFAULT !== void 0 ? _searchParams$DEFAULT : "";
+	const isCompactNarrow = toolbarDensity === "compact-narrow";
+	/**
+	* compact 用 middle：比 50px Figma 略紧凑，又比 small 更易点按；与下方 Less 中 ~38px 工具栏样式一致。
+	* compact-narrow 进一步缩到 small：极窄抽屉内顶栏右侧为 search 图标 + 齿轮（列/排序/筛选/重置在齿轮内）。
+	*/
+	const barSize = isCompactNarrow ? "small" : toolbarDensity === "compact" ? "middle" : "large";
+	const filterConfig = slots.filter;
+	/** 与 PisellFilter 一致：用于顶栏快筛内 FilterItem（如手机端 orderDate 换 antd-mobile） */
+	const filterPhoneLayout = typeof filterConfig === "object" && filterConfig !== null && "phoneLayout" in filterConfig ? Boolean(filterConfig.phoneLayout) : isCompactNarrow;
+	const keyword = (_searchParams$DEFAULT = searchParams === null || searchParams === void 0 ? void 0 : searchParams["keyword"]) !== null && _searchParams$DEFAULT !== void 0 ? _searchParams$DEFAULT : "";
 	const handleSearch = (0, react.useCallback)((value) => {
-		onSearch(require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({}, searchParams), {}, { [DEFAULT_SEARCH_FIELD]: value || void 0 }));
+		onSearch(require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({}, searchParams), {}, { [require_recordBoardToolBarConstants.DEFAULT_SEARCH_FIELD]: value || void 0 }));
 	}, [onSearch, searchParams]);
 	const gridColumns = (_ctx$childComponentPr3 = ctx.childComponentProps) === null || _ctx$childComponentPr3 === void 0 || (_ctx$childComponentPr3 = _ctx$childComponentPr3.grid) === null || _ctx$childComponentPr3 === void 0 ? void 0 : _ctx$childComponentPr3.columns;
 	const derivedFilterFromColumns = (0, react.useMemo)(() => Array.isArray(gridColumns) && gridColumns.length > 0 ? require_recordBoardColumns.deriveFilterFromColumns(gridColumns) : null, [gridColumns]);
 	const derivedSortFromColumnsList = (0, react.useMemo)(() => Array.isArray(gridColumns) && gridColumns.length > 0 ? require_recordBoardColumns.deriveSortFromColumns(gridColumns) : [], [gridColumns]);
 	const searchConfig = slots.search;
-	/** 默认 inline：triggerType="input" + displayType="inline"，放在 toolbar 左侧。showConfirmButton 优先取 toolBar.search，未配置时默认 true。 */
-	const searchNode = searchConfig === false ? null : /* @__PURE__ */ react.default.createElement(require_index$3.PisellFind, require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({
+	const hideSearch = searchConfig === false;
+	/**
+	* - 默认：inline 模式（triggerType="input" + displayType="inline"），常驻输入框
+	* - compact-narrow：仅图标触发器（无 Find 文案），放在顶栏右侧与齿轮并排；
+	*   Reset 收入齿轮 Popover。传 `trigger={<Button .../>}` 由 PisellLookup 注入 onClick。
+	*/
+	const searchButtonText = require_index.getText("pisell2.recordBoard.toolbar.find") || "Find";
+	/**
+	* compact-narrow：业务侧 `toolBar.search` 常带 `triggerType=input` / `displayType=inline`，
+	* 整对象 spread 在 `triggerType=icon` 之后会把它覆盖回输入框；这里剔除会劫持展示形态的字段。
+	*/
+	const compactNarrowSearchRest = typeof searchConfig === "object" && searchConfig !== null ? (() => {
+		const _ref = searchConfig, { trigger: _tr, triggerType: _tt, displayType: _dt, triggerText: _tx, triggerIcon: _ti, buttonText: _btn } = _ref;
+		return require_objectWithoutProperties._objectWithoutProperties(_ref, _excluded);
+	})() : {};
+	const searchNode = hideSearch ? null : isCompactNarrow ? /* @__PURE__ */ react.default.createElement(require_index$1.PisellFind, require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({}, compactNarrowSearchRest), {}, {
+		value: keyword,
+		onChange: (v) => handleSearch(v),
+		onSearch: handleSearch,
+		size: barSize,
+		triggerType: "icon",
+		className: "record-board-toolbar-find-icon",
+		triggerIcon: /* @__PURE__ */ react.default.createElement(_ant_design_icons.SearchOutlined, { "aria-label": searchButtonText })
+	})) : /* @__PURE__ */ react.default.createElement(require_index$1.PisellFind, require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({
 		triggerType: "input",
 		displayType: "inline",
 		showConfirmButton: typeof searchConfig === "object" && searchConfig !== null && "showConfirmButton" in searchConfig ? searchConfig.showConfirmButton : true,
@@ -101,12 +111,12 @@ const RecordBoardToolBar = (props) => {
 	}, typeof searchConfig === "object" && searchConfig !== null ? searchConfig : {}), {}, { size: toolbarDensity === "compact" ? barSize : typeof searchConfig === "object" && searchConfig !== null && "size" in searchConfig && searchConfig.size != null ? searchConfig.size : barSize }));
 	const quickFilterConfig = slots.quickFilter;
 	const quickFilterList = (0, react.useMemo)(() => {
-		var _ref;
+		var _ref2;
 		if (quickFilterConfig === false) return [];
 		const fromConfig = typeof quickFilterConfig === "object" && quickFilterConfig !== null && Array.isArray(quickFilterConfig.filterList) ? quickFilterConfig.filterList : null;
-		let list = (_ref = fromConfig !== null && fromConfig !== void 0 ? fromConfig : derivedFilterFromColumns === null || derivedFilterFromColumns === void 0 ? void 0 : derivedFilterFromColumns.quickFilter) !== null && _ref !== void 0 ? _ref : [];
+		let list = (_ref2 = fromConfig !== null && fromConfig !== void 0 ? fromConfig : derivedFilterFromColumns === null || derivedFilterFromColumns === void 0 ? void 0 : derivedFilterFromColumns.quickFilter) !== null && _ref2 !== void 0 ? _ref2 : [];
 		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) => {
 				var _item$name;
@@ -121,29 +131,53 @@ const RecordBoardToolBar = (props) => {
 		bodyView,
 		showTableFloorToggle
 	]);
-	const quickFilterNode = quickFilterList.length > 0 ? /* @__PURE__ */ react.default.createElement(require_index$6.default, {
-		filterList: quickFilterList,
+	/**
+	* 资源墙专用快筛不占用顶栏；resourceWall 时顶栏快筛整行收起（改走右侧 Filter）。
+	* 资源墙顶栏仅保留 Sort + Filter（Find / Reset 隐藏）。
+	* 其它视图从顶栏剔除该字段，避免与表格/平面图等共用 toolBar.quickFilter 时误展示。
+	*/
+	const leftBarQuickFilterList = (0, react.useMemo)(() => {
+		const withoutWall = quickFilterList.filter((item) => {
+			var _ref3, _item$key;
+			return ((_ref3 = (_item$key = item.key) !== null && _item$key !== void 0 ? _item$key : item.name) !== null && _ref3 !== void 0 ? _ref3 : "") !== resourceWallFilterFieldKey;
+		});
+		if (bodyView === "resourceWall") return [];
+		return withoutWall;
+	}, [
+		bodyView,
+		quickFilterList,
+		resourceWallFilterFieldKey
+	]);
+	const showQuickFilterLeft = leftBarQuickFilterList.length > 0;
+	const quickFilterNode = showQuickFilterLeft ? /* @__PURE__ */ react.default.createElement(require_index$6.default, {
+		filterList: leftBarQuickFilterList,
 		formFiltersPrefix: typeof quickFilterConfig === "object" && quickFilterConfig !== null ? (_formFiltersPrefix = quickFilterConfig.formFiltersPrefix) !== null && _formFiltersPrefix !== void 0 ? _formFiltersPrefix : "" : "",
-		size: typeof quickFilterConfig === "object" && quickFilterConfig !== null ? quickFilterConfig.size : void 0
+		size: typeof quickFilterConfig === "object" && quickFilterConfig !== null ? quickFilterConfig.size : void 0,
+		phoneLayout: filterPhoneLayout
 	}) : null;
 	const bodyViewSegmentedOptions = (0, react.useMemo)(() => {
 		const opts = [];
 		if (canFloor) opts.push({
-			label: getViewFloorMapLabel(),
+			label: require_recordBoardToolBarI18n.getViewFloorMapLabel(),
 			value: "floorMap"
 		});
 		if (canCalendar) opts.push({
-			label: getViewCalendarLabel(),
+			label: require_recordBoardToolBarI18n.getViewCalendarLabel(),
 			value: "calendar"
 		});
+		if (canResourceWall) opts.push({
+			label: require_recordBoardToolBarI18n.getViewResourceWallLabel(),
+			value: "resourceWall"
+		});
 		if (canGrid) opts.push({
-			label: getViewGridLabel(),
+			label: require_recordBoardToolBarI18n.getViewGridLabel(),
 			value: "grid"
 		});
 		return opts;
 	}, [
 		canFloor,
 		canCalendar,
+		canResourceWall,
 		canGrid
 	]);
 	const bodyViewToggle = allowBodyViewToggle ? /* @__PURE__ */ react.default.createElement(antd.Segmented, {
@@ -157,22 +191,36 @@ const RecordBoardToolBar = (props) => {
 	/** 平面图 / 日历模式：第二行工具（搜索/筛选等）收起；切换器在业务方 tabs 内（如预约 ScheduleBand） */
 	const compactFloorMapToolbar = (bodyView === "floorMap" || bodyView === "calendar") && showTableFloorToggle;
 	/**
-	* 仅非表格且 tabs 内含 ScheduleBand 时隐藏顶行切换器；表格视图 tabs 无 ScheduleBand，
+	* 仅非表格且 tabs 内含 ScheduleBand（平面图 / 日历）时隐藏顶行切换器；表格 / 资源墙 tabs 无 ScheduleBand，
 	* 切换器回到 Find 左侧（与 PisellReservation 表格态一致）。
 	*/
-	const hideBodyViewToggleInToolbarRow = allowBodyViewToggle && Boolean(slots.tabs) && (bodyView === "floorMap" || bodyView === "calendar");
-	const topLeft = compactFloorMapToolbar ? null : /* @__PURE__ */ react.default.createElement("div", { className: "record-board-toolbar-top-left" }, !hideBodyViewToggleInToolbarRow ? bodyViewToggle : null, quickFilterNode ? /* @__PURE__ */ react.default.createElement("div", { className: "record-board-toolbar-quick-filter-slot" }, quickFilterNode) : null, searchNode ? /* @__PURE__ */ react.default.createElement("div", { className: "record-board-toolbar-find-wrap" }, searchNode) : null, slots.topLeft ? /* @__PURE__ */ react.default.createElement("div", { className: "record-board-toolbar-extra-top-left" }, slots.topLeft) : null);
+	const hideBodyViewToggleInToolbarRow = slots.hideBodyViewToggle === true || allowBodyViewToggle && Boolean(slots.tabs) && (bodyView === "floorMap" || bodyView === "calendar");
 	const sortConfig = slots.sort;
 	const hideSort = sortConfig === false;
-	const sortValue = searchParams === null || searchParams === void 0 ? void 0 : searchParams[SORT_PARAMS_FIELD];
+	const sortValue = searchParams === null || searchParams === void 0 ? void 0 : searchParams[require_recordBoardToolBarConstants.SORT_PARAMS_FIELD];
 	const handleSortChange = (0, react.useCallback)((val) => {
-		onSearch(require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({}, searchParams), {}, { [SORT_PARAMS_FIELD]: val || void 0 }));
+		onSearch(require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({}, searchParams), {}, { [require_recordBoardToolBarConstants.SORT_PARAMS_FIELD]: val || void 0 }));
 	}, [onSearch, searchParams]);
 	const sortList = (0, react.useMemo)(() => {
-		const fromConfig = typeof sortConfig === "object" && sortConfig !== null && Array.isArray(sortConfig.list) ? sortConfig.list : null;
-		return fromConfig !== null && fromConfig !== void 0 ? fromConfig : derivedSortFromColumnsList;
-	}, [sortConfig, derivedSortFromColumnsList]);
-	const sortNode = hideSort ? null : /* @__PURE__ */ react.default.createElement(require_index$1.default, require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({}, typeof sortConfig === "object" && sortConfig !== null ? sortConfig : {}), {}, {
+		/** `list: []` 若为 `??` 左值会得到空数组，无法回落到列派生；此处显式在非空时使用配置项 */
+		const configuredList = typeof sortConfig === "object" && sortConfig !== null && Array.isArray(sortConfig.list) ? sortConfig.list : null;
+		const base = configuredList != null && configuredList.length > 0 ? configuredList : derivedSortFromColumnsList;
+		if (bodyView !== "resourceWall") return base;
+		const extraWallKeys = typeof sortConfig === "object" && sortConfig !== null && Array.isArray(sortConfig.resourceWallSortFieldKeys) ? sortConfig.resourceWallSortFieldKeys.map(String) : [];
+		const allowedKeys = [...require_venueWallUtils.DEFAULT_RESOURCE_WALL_STATUS_SORT_FIELD_KEYS.map(String), ...extraWallKeys];
+		const filtered = base.filter((item) => item.name != null && require_venueWallUtils.matchesResourceWallStatusSortField(String(item.name), allowedKeys));
+		if (filtered.length > 0) return filtered;
+		return [require_recordBoardToolBarI18n.buildResourceWallStatusSortFallbackItem(sortConfig)];
+	}, [
+		sortConfig,
+		derivedSortFromColumnsList,
+		bodyView
+	]);
+	const sortSpreadRest = typeof sortConfig === "object" && sortConfig !== null ? (() => {
+		const _ref4 = sortConfig, { resourceWallSortFieldKeys: _w, list: _omitList } = _ref4;
+		return require_objectWithoutProperties._objectWithoutProperties(_ref4, _excluded2);
+	})() : {};
+	const sortNode = hideSort ? null : /* @__PURE__ */ react.default.createElement(require_index$2.default, require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({}, sortSpreadRest), {}, {
 		list: sortList,
 		value: sortValue,
 		onChange: handleSortChange,
@@ -181,28 +229,27 @@ const RecordBoardToolBar = (props) => {
 			className: "record-board-toolbar-filter-btn",
 			icon: /* @__PURE__ */ react.default.createElement(_pisell_icon_es_SwitchVertical01.default, null),
 			size: barSize
-		}, getSortButtonText())
+		}, require_recordBoardToolBarI18n.getSortButtonText())
 	}));
-	const filterConfig = slots.filter;
 	const hideFilter = filterConfig === false;
-	const filterValue = searchParams === null || searchParams === void 0 ? void 0 : searchParams[FILTER_PARAMS_FIELD];
+	const filterValue = searchParams === null || searchParams === void 0 ? void 0 : searchParams[require_recordBoardToolBarConstants.FILTER_PARAMS_FIELD];
 	const hasFilterList = Array.isArray(filterValue === null || filterValue === void 0 ? void 0 : filterValue.quickFilter) && filterValue.quickFilter.length > 0 || Array.isArray(filterValue === null || filterValue === void 0 ? void 0 : filterValue.otherFilter) && filterValue.otherFilter.length > 0;
 	const hasFilterValues = typeof (filterValue === null || filterValue === void 0 ? void 0 : filterValue.values) === "object" && filterValue.values !== null && Object.keys(filterValue.values).length > 0;
 	const hasFilterItems = hasFilterList || hasFilterValues;
 	const defaultFilterFromConfig = typeof filterConfig === "object" && filterConfig !== null && filterConfig.defaultFilterValue ? filterConfig.defaultFilterValue : null;
 	const effectiveFilterValue = (0, react.useMemo)(() => {
 		var _defaultFilterFromCon, _defaultFilterFromCon2, _base$values;
-		const base = filterValue != null && hasFilterItems ? filterValue : defaultFilterFromConfig ? defaultFilterFromConfig : derivedFilterFromColumns && (derivedFilterFromColumns.quickFilter.length > 0 || derivedFilterFromColumns.otherFilter.length > 0) ? derivedFilterFromColumns : getDefaultFilterValue();
+		const base = filterValue != null && hasFilterItems ? filterValue : defaultFilterFromConfig ? defaultFilterFromConfig : derivedFilterFromColumns && (derivedFilterFromColumns.quickFilter.length > 0 || derivedFilterFromColumns.otherFilter.length > 0) ? derivedFilterFromColumns : require_recordBoardToolBarI18n.getDefaultFilterValue();
 		const quickFilter = Array.isArray(base.quickFilter) && base.quickFilter.length > 0 ? base.quickFilter : (_defaultFilterFromCon = defaultFilterFromConfig === null || defaultFilterFromConfig === void 0 ? void 0 : defaultFilterFromConfig.quickFilter) !== null && _defaultFilterFromCon !== void 0 ? _defaultFilterFromCon : [];
 		let otherFilter = Array.isArray(base.otherFilter) && base.otherFilter.length > 0 ? base.otherFilter : (_defaultFilterFromCon2 = defaultFilterFromConfig === null || defaultFilterFromConfig === void 0 ? void 0 : defaultFilterFromConfig.otherFilter) !== null && _defaultFilterFromCon2 !== void 0 ? _defaultFilterFromCon2 : [];
 		if (otherFilter === base.otherFilter && Array.isArray(defaultFilterFromConfig === null || defaultFilterFromConfig === void 0 ? void 0 : defaultFilterFromConfig.otherFilter) && defaultFilterFromConfig.otherFilter.length > 0) {
 			const configMap = new Map(defaultFilterFromConfig.otherFilter.map((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 _ref5, _c$key;
+				return [(_ref5 = (_c$key = c.key) !== null && _c$key !== void 0 ? _c$key : c.name) !== null && _ref5 !== void 0 ? _ref5 : "", c];
 			}));
 			otherFilter = otherFilter.map((item) => {
-				var _ref3, _item$key, _configItem$label, _configItem$other$pla, _configItem$other, _item$other;
-				const key = (_ref3 = (_item$key = item.key) !== null && _item$key !== void 0 ? _item$key : item.name) !== null && _ref3 !== void 0 ? _ref3 : "";
+				var _ref6, _item$key2, _configItem$label, _configItem$other$pla, _configItem$other, _item$other;
+				const key = (_ref6 = (_item$key2 = item.key) !== null && _item$key2 !== void 0 ? _item$key2 : item.name) !== null && _ref6 !== void 0 ? _ref6 : "";
 				const configItem = configMap.get(key);
 				if (!configItem) return item;
 				return require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({}, configItem), item), {}, {
@@ -211,25 +258,40 @@ const RecordBoardToolBar = (props) => {
 				});
 			});
 		}
+		let outQuick = quickFilter;
+		let outOther = otherFilter;
+		/**
+		* 资源墙：Filter 弹层只保留「大屏资源多选」一项（与顶栏 quickFilter.filterList 中
+		* `resource_wall_resource_ids` 对应），不混入日期快筛 / 业务 otherFilter。
+		*/
+		if (bodyView === "resourceWall") {
+			outQuick = [];
+			outOther = quickFilterList.filter((item) => {
+				var _ref7, _item$key3;
+				return ((_ref7 = (_item$key3 = item.key) !== null && _item$key3 !== void 0 ? _item$key3 : item.name) !== null && _ref7 !== void 0 ? _ref7 : "") === resourceWallFilterFieldKey;
+			}).map((item) => require_objectSpread2._objectSpread2({}, item));
+		}
 		return require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({}, base), {}, {
-			quickFilter,
-			otherFilter,
+			quickFilter: outQuick,
+			otherFilter: outOther,
 			values: (_base$values = base.values) !== null && _base$values !== void 0 ? _base$values : {}
 		});
 	}, [
 		filterValue,
 		hasFilterItems,
 		defaultFilterFromConfig,
-		derivedFilterFromColumns
+		derivedFilterFromColumns,
+		bodyView,
+		quickFilterList
 	]);
 	const filterValueForPisellFilter = (0, react.useMemo)(() => require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({}, effectiveFilterValue), {}, { quickFilter: [] }), [effectiveFilterValue]);
 	const handleFilterChange = (0, react.useCallback)((value) => {
 		var _currentFilter$values, _value$values;
-		const currentFilter = searchParams === null || searchParams === void 0 ? void 0 : searchParams[FILTER_PARAMS_FIELD];
+		const currentFilter = searchParams === null || searchParams === void 0 ? void 0 : searchParams[require_recordBoardToolBarConstants.FILTER_PARAMS_FIELD];
 		const currentValues = (_currentFilter$values = currentFilter === null || currentFilter === void 0 ? void 0 : currentFilter.values) !== null && _currentFilter$values !== void 0 ? _currentFilter$values : {};
 		const incomingValues = (_value$values = value === null || value === void 0 ? void 0 : value.values) !== null && _value$values !== void 0 ? _value$values : {};
 		const nextFilter = require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({}, value), {}, { values: require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({}, currentValues), incomingValues) });
-		onSearch(require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({}, searchParams), {}, { [FILTER_PARAMS_FIELD]: nextFilter }));
+		onSearch(require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({}, searchParams), {}, { [require_recordBoardToolBarConstants.FILTER_PARAMS_FIELD]: nextFilter }));
 	}, [onSearch, searchParams]);
 	const filterResetKey = (_filterResetKey = ctx.filterResetKey) !== null && _filterResetKey !== void 0 ? _filterResetKey : 0;
 	const filterNode = hideFilter ? null : /* @__PURE__ */ react.default.createElement(require_index$4.default, require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({
@@ -242,13 +304,40 @@ const RecordBoardToolBar = (props) => {
 		hiddenQuickFilter: true,
 		placement: "bottomLeft"
 	}, typeof filterConfig === "object" && filterConfig !== null ? filterConfig : {}), {}, {
+		phoneLayout: filterPhoneLayout,
 		size: barSize,
 		buttonClassName: "record-board-toolbar-filter-btn"
 	}));
-	const showColumnSetting = slots.columnSetting !== false && Array.isArray(gridColumns) && gridColumns.length > 0;
-	const topRight = compactFloorMapToolbar ? null : /* @__PURE__ */ react.default.createElement(antd.Space, { className: "record-board-toolbar-right-actions" }, showColumnSetting ? /* @__PURE__ */ react.default.createElement(require_index$7.default, null) : null, sortNode, filterNode, /* @__PURE__ */ react.default.createElement(require_index$5.default, { size: barSize }), slots.topRight);
-	return /* @__PURE__ */ react.default.createElement(require_index$2.default, {
-		className: (0, classnames.default)(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),
+	const showColumnSetting = slots.columnSetting !== false && bodyView !== "resourceWall" && Array.isArray(gridColumns) && gridColumns.length > 0;
+	/**
+	* compact-narrow：列显示 / 排序 / 筛选 / 重置 收入齿轮 Popover；顶栏右侧仅保留搜索图标 + 齿轮。
+	*/
+	const settingsGearPopoverContent = isCompactNarrow ? /* @__PURE__ */ react.default.createElement("div", { className: "record-board-toolbar-settings-gear-popover" }, showColumnSetting ? /* @__PURE__ */ react.default.createElement("div", { className: "record-board-toolbar-settings-gear-row" }, /* @__PURE__ */ react.default.createElement(require_index$7.default, null)) : null, sortNode ? /* @__PURE__ */ react.default.createElement("div", { className: "record-board-toolbar-settings-gear-row" }, sortNode) : null, filterNode ? /* @__PURE__ */ react.default.createElement("div", { className: "record-board-toolbar-settings-gear-row" }, filterNode) : null, bodyView !== "resourceWall" ? /* @__PURE__ */ react.default.createElement("div", { className: "record-board-toolbar-settings-gear-row" }, /* @__PURE__ */ react.default.createElement(require_index$5.default, { size: barSize })) : null) : null;
+	const settingsGearTrigger = settingsGearPopoverContent != null ? /* @__PURE__ */ react.default.createElement(antd.Popover, {
+		content: settingsGearPopoverContent,
+		trigger: "click",
+		placement: "bottomRight",
+		arrow: false,
+		overlayClassName: (0, classnames.default)("record-board-toolbar-settings-gear-overlay", isCompactNarrow && "record-board-toolbar-settings-gear-overlay--compact-narrow")
+	}, /* @__PURE__ */ react.default.createElement(antd.Button, {
+		className: "record-board-toolbar-settings-gear-btn",
+		icon: /* @__PURE__ */ react.default.createElement(_ant_design_icons.SettingOutlined, null),
+		size: barSize,
+		type: "text",
+		"aria-label": require_index.getText("pisell2.recordBoard.toolbar.moreSettings") || "More settings"
+	})) : null;
+	const mergeQuickFilterWithCompactTrailing = isCompactNarrow && slots.mergeCompactNarrowTrailingWithQuickFilterRow === true && showQuickFilterLeft;
+	const compactNarrowTrailingCluster = isCompactNarrow ? /* @__PURE__ */ react.default.createElement(antd.Space, {
+		className: (0, classnames.default)("record-board-toolbar-right-actions", mergeQuickFilterWithCompactTrailing && "record-board-toolbar-hud-trailing-cluster"),
+		size: 4
+	}, bodyView !== "resourceWall" && searchNode ? searchNode : null, settingsGearTrigger) : null;
+	const topLeft = compactFloorMapToolbar ? null : /* @__PURE__ */ react.default.createElement("div", { className: "record-board-toolbar-top-left" }, !hideBodyViewToggleInToolbarRow ? bodyViewToggle : null, mergeQuickFilterWithCompactTrailing && quickFilterNode ? /* @__PURE__ */ react.default.createElement("div", { className: "record-board-toolbar-hud-unified-quick-filter-row" }, /* @__PURE__ */ react.default.createElement("div", { className: "record-board-toolbar-quick-filter-slot" }, quickFilterNode), compactNarrowTrailingCluster) : quickFilterNode ? /* @__PURE__ */ react.default.createElement("div", { className: "record-board-toolbar-quick-filter-slot" }, quickFilterNode) : null, searchNode && bodyView !== "resourceWall" && !isCompactNarrow ? /* @__PURE__ */ react.default.createElement("div", { className: "record-board-toolbar-find-wrap" }, searchNode) : null, slots.topLeft ? /* @__PURE__ */ react.default.createElement("div", { className: "record-board-toolbar-extra-top-left" }, slots.topLeft) : null);
+	const topRight = compactFloorMapToolbar ? null : isCompactNarrow ? mergeQuickFilterWithCompactTrailing ? (_slots$topRight = slots.topRight) !== null && _slots$topRight !== void 0 ? _slots$topRight : null : /* @__PURE__ */ react.default.createElement(antd.Space, {
+		className: "record-board-toolbar-right-actions",
+		size: 4
+	}, bodyView !== "resourceWall" && searchNode ? searchNode : null, settingsGearTrigger, slots.topRight) : /* @__PURE__ */ react.default.createElement(antd.Space, { className: "record-board-toolbar-right-actions" }, showColumnSetting ? /* @__PURE__ */ react.default.createElement(require_index$7.default, null) : null, sortNode, filterNode, bodyView !== "resourceWall" ? /* @__PURE__ */ react.default.createElement(require_index$5.default, { size: barSize }) : null, slots.topRight);
+	return /* @__PURE__ */ react.default.createElement(require_index$3.default, {
+		className: (0, 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", isCompactNarrow && "pisell-record-board-toolbar--compact pisell-record-board-toolbar--compact-narrow", slots.className),
 		style: slots.style,
 		tabs: slots.tabs,
 		topLeft,

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

@@ -0,0 +1,14 @@
+//#region src/components/pisellRecordBoard/shellFrame/ToolBar/recordBoardToolBarConstants.ts
+/** 与 RecordBoard ToolBar 行为绑定的 searchParams 字段名 */
+const DEFAULT_SEARCH_FIELD = "keyword";
+/** 筛选在 searchParams 中的字段名 */
+const FILTER_PARAMS_FIELD = "filter";
+/** 排序在 searchParams 中的字段名 */
+const SORT_PARAMS_FIELD = "sort";
+/** 与 ResourceWall 默认 `filterFieldKey` 一致 */
+const RESOURCE_WALL_QUICK_FILTER_KEY = "resource_wall_resource_ids";
+//#endregion
+exports.DEFAULT_SEARCH_FIELD = DEFAULT_SEARCH_FIELD;
+exports.FILTER_PARAMS_FIELD = FILTER_PARAMS_FIELD;
+exports.RESOURCE_WALL_QUICK_FILTER_KEY = RESOURCE_WALL_QUICK_FILTER_KEY;
+exports.SORT_PARAMS_FIELD = SORT_PARAMS_FIELD;

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

@@ -0,0 +1,63 @@
+require("../../../../_virtual/_rolldown/runtime.js");
+const require_index = require("../../../../locales/index.js");
+const require_venueWallUtils = require("../ResourceWall/venueWallUtils.js");
+let _pisell_utils = require("@pisell/utils");
+//#region src/components/pisellRecordBoard/shellFrame/ToolBar/recordBoardToolBarI18n.ts
+/** 与 Quick Filter 同源：优先 utils，若 utils 返回 key（未命中）则用 materials 再回退 */
+function getSortButtonText() {
+	const key = "pisell2.recordBoard.toolbar.sort";
+	const u = _pisell_utils.locales.getText(key);
+	return u && u !== key ? u : require_index.getText(key) || require_index.getText("sort-button-text");
+}
+/** 资源墙无状态列派生项时注入：下拉仅「状态 → 空闲优先 / 占用优先」，仍渲染排序按钮 */
+function buildResourceWallStatusSortFallbackItem(sortConfig) {
+	const extras = typeof sortConfig === "object" && sortConfig !== null && Array.isArray(sortConfig.resourceWallSortFieldKeys) ? sortConfig.resourceWallSortFieldKeys.map((x) => String(x).trim()).filter(Boolean) : [];
+	const primaryKey = extras.length > 0 ? extras[0] : require_venueWallUtils.DEFAULT_RESOURCE_WALL_STATUS_SORT_FIELD_KEYS[0];
+	return {
+		name: primaryKey,
+		label: require_index.getText("pisell2.recordBoard.toolbar.sortStatus"),
+		isCustom: true,
+		getSortItems: () => [{
+			key: `${primaryKey}:asc:option`,
+			label: require_index.getText("pisell2.recordBoard.toolbar.sortStatusFreeFirst")
+		}, {
+			key: `${primaryKey}:desc:option`,
+			label: require_index.getText("pisell2.recordBoard.toolbar.sortStatusOccupiedFirst")
+		}]
+	};
+}
+function getViewGridLabel() {
+	const key = "pisell2.recordBoard.toolbar.viewGrid";
+	const u = _pisell_utils.locales.getText(key);
+	return u && u !== key ? u : require_index.getText(key) || "Table";
+}
+function getViewFloorMapLabel() {
+	const key = "pisell2.recordBoard.toolbar.viewFloorMap";
+	const u = _pisell_utils.locales.getText(key);
+	return u && u !== key ? u : require_index.getText(key) || "Floor map";
+}
+function getViewCalendarLabel() {
+	const key = "pisell2.recordBoard.toolbar.viewCalendar";
+	const u = _pisell_utils.locales.getText(key);
+	return u && u !== key ? u : require_index.getText(key) || "Calendar";
+}
+function getViewResourceWallLabel() {
+	const key = "pisell2.recordBoard.toolbar.viewResourceWall";
+	const u = _pisell_utils.locales.getText(key);
+	return u && u !== key ? u : require_index.getText(key) || "Wall";
+}
+/** 筛选无值时使用的默认筛选项；业务可通过 childComponentProps.toolBar.filter.defaultFilterValue 覆盖 */
+function getDefaultFilterValue() {
+	return {
+		quickFilter: [],
+		otherFilter: []
+	};
+}
+//#endregion
+exports.buildResourceWallStatusSortFallbackItem = buildResourceWallStatusSortFallbackItem;
+exports.getDefaultFilterValue = getDefaultFilterValue;
+exports.getSortButtonText = getSortButtonText;
+exports.getViewCalendarLabel = getViewCalendarLabel;
+exports.getViewFloorMapLabel = getViewFloorMapLabel;
+exports.getViewGridLabel = getViewGridLabel;
+exports.getViewResourceWallLabel = getViewResourceWallLabel;