@pisell/materials 6.11.42 → 6.11.44

package/lib/components/pisellInput/components/BankCard/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { InputProps } from 'antd';
 import { PisellContextType } from "../../../pisell-config-provider/context";
 import './index.less';

package/lib/components/pisellInput/components/SecurityCode/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { InputProps } from 'antd';
 import './index.less';
 import { PisellContextType } from "../../../pisell-config-provider/context";

package/lib/components/pisellLoading/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SpinProps } from 'antd';
 import './index.less';
 declare type MaskType = {

package/lib/components/pisellModal/components/IpadModal/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { PcModalProps } from '../PcModal';
 export interface IpadModalProps extends PcModalProps {
 }

package/lib/components/pisellModal/components/MobileModal/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { PcModalProps } from '../PcModal';
 import './index.less';
 export interface MobileModalProps extends PcModalProps {

package/lib/components/pisellModal/components/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import IpadModal from './IpadModal';
 import MobileModal from './MobileModal';
 import PcModal from './PcModal';

package/lib/components/pisellRecordBoard/PisellRecordBoard.js

@@ -98,7 +98,8 @@ function getDefaultRecordBoardContext(layoutType, selection, rowKey) {
     calendarProps: void 0,
     resourceWallProps: void 0,
     dataSources: void 0,
-    gridDataSourceKey: void 0
+    gridDataSourceKey: void 0,
+    paginationRender: void 0
   };
 }
 var PisellRecordBoard = (props) => {
@@ -319,7 +320,12 @@ var PisellRecordBoard = (props) => {
       floorMapLayoutRef,
       floorMapFooter,
       calendarProps: calendarProp,
-      resourceWallProps: resourceWallProp
+      resourceWallProps: resourceWallProp,
+      /**
+       * 业务方传入的自定义分页渲染：注入 ctx 后，shellFrame 内置的
+       * `<RecordBoardPagination />` 会优先使用它（详见 RecordBoardPagination 实现）。
+       */
+      paginationRender: props.paginationRender
     };
   }, [
     layoutType,
@@ -354,7 +360,8 @@ var PisellRecordBoard = (props) => {
     calendarProp,
     resourceWallProp,
     bodyView,
-    setBodyView
+    setBodyView,
+    props.paginationRender
   ]);
   const content = /* @__PURE__ */ import_react.default.createElement(import_RecordBoardProvider.RecordBoardProvider, { value: contextValue }, children);
   return /* @__PURE__ */ import_react.default.createElement(

package/lib/components/pisellRecordBoard/shellFrame/Calendar/utils/BookingCalendarStyle.d.ts

@@ -2,7 +2,7 @@ import { type CalendarBookingSegmentInput } from './bookingCalendarDateUtils';
 export declare function getDrawerStatusTheme(item: CalendarBookingSegmentInput, dateKey: string): "bg-red-700/88 border-b-4 border-red-300/55" | "bg-zinc-700/88 border-b-4 border-zinc-400/45" | "bg-zinc-700/88 border-b-4 border-red-400/75" | "bg-violet-700/92 border-b-4 border-amber-400/95" | "bg-violet-700/92 border-b-4 border-zinc-300/45" | "bg-violet-700/92 border-b-4 border-violet-300/30";
 export declare function paymentTagClass(label: string, isLight?: boolean): "theme-success-chip border" | "bg-emerald-500 text-white" | "theme-warning-chip border" | "bg-amber-500 text-white" | "theme-info-chip border" | "bg-sky-500 text-white" | "theme-danger-chip border" | "bg-red-500 text-white";
 export declare function fulfillmentTagClass(label: string, isLight?: boolean): "theme-success-chip border" | "theme-warning-chip border" | "bg-amber-500 text-white" | "theme-info-chip border" | "theme-danger-chip border" | "bg-emerald-600 text-white" | "bg-cyan-500 text-white" | "bg-red-600 text-white" | "border border-[var(--border-strong)] bg-[var(--bg-input)] theme-text-soft" | "bg-zinc-600 text-white" | "border border-[var(--brand-light)] bg-[var(--brand-surface)] theme-brand-text" | "bg-violet-600 text-white";
-export declare function getBookingStateClasses(item: CalendarBookingSegmentInput, dateKey: string): "bg-red-700/70 text-red-100" | "bg-violet-700/90 text-violet-50" | "bg-zinc-700/55 border border-zinc-500/70 text-zinc-100 grayscale-[0.2]" | "bg-zinc-700/55 border border-red-500/70 text-zinc-200 grayscale-[0.15]" | "bg-violet-700/90 border border-amber-400/80 text-violet-50";
+export declare function getBookingStateClasses(item: CalendarBookingSegmentInput, dateKey: string): "bg-zinc-700/55 border border-zinc-500/70 text-zinc-100 grayscale-[0.2]" | "bg-zinc-700/55 border border-red-500/70 text-zinc-200 grayscale-[0.15]" | "bg-violet-700/90 border border-amber-400/80 text-violet-50" | "bg-red-700/70 text-red-100" | "bg-violet-700/90 text-violet-50";
 /**
  * 月 / 周紧凑格：不按签到/取消/迟到等状态变色，仅区分 booking（默认紫）与 block（红）。
  * 与 {@link getBookingStateClasses} 在无状态分支时一致，但不读取 `dateKey`。

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

@@ -42,7 +42,8 @@ var import_index = require("./index.less");
 var RecordBoardColumnSetting = () => {
   var _a, _b, _c, _d;
   const ctx = (0, import_useRecordBoardContext.useRecordBoardContext)();
-  const compactToolbar = ((_b = (_a = ctx.childComponentProps) == null ? void 0 : _a.toolBar) == null ? void 0 : _b.toolbarDensity) === "compact";
+  const density = (_b = (_a = ctx.childComponentProps) == null ? void 0 : _a.toolBar) == null ? void 0 : _b.toolbarDensity;
+  const compactToolbar = density === "compact" || density === "compact-narrow";
   const gridColumns = (_d = (_c = ctx.childComponentProps) == null ? void 0 : _c.grid) == null ? void 0 : _d.columns;
   const columnVisibility = ctx.columnVisibility ?? {};
   const onColumnVisibilityChange = ctx.onColumnVisibilityChange;

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

@@ -64,8 +64,9 @@ var RecordBoardPagination = (props) => {
       (_a = ctx.childComponentProps) == null ? void 0 : _a.pagination
     ]
   );
-  if (typeof render === "function") {
-    return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, render({ ...ctx, ...rest }));
+  const effectiveRender = render ?? ctx.paginationRender;
+  if (typeof effectiveRender === "function") {
+    return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, effectiveRender({ ...ctx, ...rest }));
   }
   if (ctx.total === 0) {
     return /* @__PURE__ */ import_react.default.createElement(

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

@@ -35,6 +35,7 @@ module.exports = __toCommonJS(ToolBar_exports);
 var import_react = __toESM(require("react"));
 var import_classnames = __toESM(require("classnames"));
 var import_antd = require("antd");
+var import_icons = require("@ant-design/icons");
 var import_SwitchVertical01 = __toESM(require("@pisell/icon/es/SwitchVertical01"));
 var import_ToolBar = __toESM(require("../../../pisellGridPro/ToolBar"));
 var import_pisellFind = require("../../../pisellFind");
@@ -45,72 +46,19 @@ var import_ToolBarQuickFilter = __toESM(require("../ToolBarQuickFilter"));
 var import_ColumnSetting = __toESM(require("../ColumnSetting"));
 var import_ShellBodyMetaContext = require("../ShellBodyMetaContext");
 var import_useRecordBoardContext = require("../../hooks/useRecordBoardContext");
-var import_utils = require("@pisell/utils");
 var import_locales = require("../../../../locales");
 var import_recordBoardColumns = require("../../utils/recordBoardColumns");
 var import_venueWallUtils = require("../ResourceWall/venueWallUtils");
+var import_recordBoardToolBarConstants = require("./recordBoardToolBarConstants");
+var import_recordBoardToolBarI18n = require("./recordBoardToolBarI18n");
 var import_ToolBarFilter = require("./ToolBarFilter.less");
 var import_recordBoardToolbar = require("./recordBoardToolbar.less");
-function getSortButtonText() {
-  const key = "pisell2.recordBoard.toolbar.sort";
-  const u = import_utils.locales.getText(key);
-  return u && u !== key ? u : (0, import_locales.getText)(key) || (0, import_locales.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] : import_venueWallUtils.DEFAULT_RESOURCE_WALL_STATUS_SORT_FIELD_KEYS[0];
-  return {
-    name: primaryKey,
-    label: (0, import_locales.getText)("pisell2.recordBoard.toolbar.sortStatus"),
-    isCustom: true,
-    getSortItems: () => [
-      {
-        key: `${primaryKey}:asc:option`,
-        label: (0, import_locales.getText)("pisell2.recordBoard.toolbar.sortStatusFreeFirst")
-      },
-      {
-        key: `${primaryKey}:desc:option`,
-        label: (0, import_locales.getText)("pisell2.recordBoard.toolbar.sortStatusOccupiedFirst")
-      }
-    ]
-  };
-}
-function getViewGridLabel() {
-  const key = "pisell2.recordBoard.toolbar.viewGrid";
-  const u = import_utils.locales.getText(key);
-  return u && u !== key ? u : (0, import_locales.getText)(key) || "Table";
-}
-function getViewFloorMapLabel() {
-  const key = "pisell2.recordBoard.toolbar.viewFloorMap";
-  const u = import_utils.locales.getText(key);
-  return u && u !== key ? u : (0, import_locales.getText)(key) || "Floor map";
-}
-function getViewCalendarLabel() {
-  const key = "pisell2.recordBoard.toolbar.viewCalendar";
-  const u = import_utils.locales.getText(key);
-  return u && u !== key ? u : (0, import_locales.getText)(key) || "Calendar";
-}
-function getViewResourceWallLabel() {
-  const key = "pisell2.recordBoard.toolbar.viewResourceWall";
-  const u = import_utils.locales.getText(key);
-  return u && u !== key ? u : (0, import_locales.getText)(key) || "Wall";
-}
-var DEFAULT_SEARCH_FIELD = "keyword";
-var FILTER_PARAMS_FIELD = "filter";
-var SORT_PARAMS_FIELD = "sort";
-var RESOURCE_WALL_QUICK_FILTER_KEY = "resource_wall_resource_ids";
-function getDefaultFilterValue() {
-  return {
-    quickFilter: [],
-    otherFilter: []
-  };
-}
 var RecordBoardToolBar = (props) => {
   var _a, _b, _c, _d;
   const ctx = (0, import_useRecordBoardContext.useRecordBoardContext)({ displayName: "toolBar" });
   const shellMeta = (0, import_ShellBodyMetaContext.useRecordBoardShellBodyMeta)();
   const { searchParams, onSearch, bodyView, setBodyView } = ctx;
-  const resourceWallFilterFieldKey = ((_a = ctx.resourceWallProps) == null ? void 0 : _a.filterFieldKey) ?? RESOURCE_WALL_QUICK_FILTER_KEY;
+  const resourceWallFilterFieldKey = ((_a = ctx.resourceWallProps) == null ? void 0 : _a.filterFieldKey) ?? import_recordBoardToolBarConstants.RESOURCE_WALL_QUICK_FILTER_KEY;
   const hasGridInShell = (shellMeta == null ? void 0 : shellMeta.hasGridContent) ?? true;
   const hasFloorInShell = (shellMeta == null ? void 0 : shellMeta.hasFloorMapSlot) ?? ctx.floorMapProps != null;
   const hasCalendarInShell = (shellMeta == null ? void 0 : shellMeta.hasCalendarSlot) ?? ctx.calendarProps != null;
@@ -125,11 +73,12 @@ var RecordBoardToolBar = (props) => {
   const allowBodyViewToggle = showTableFloorToggle && ctx.bodyViewSwitchable !== false;
   const slots = ((_b = ctx.childComponentProps) == null ? void 0 : _b.toolBar) ?? {};
   const toolbarDensity = slots.toolbarDensity ?? "default";
-  const barSize = toolbarDensity === "compact" ? "middle" : "large";
-  const keyword = (searchParams == null ? void 0 : searchParams[DEFAULT_SEARCH_FIELD]) ?? "";
+  const isCompactNarrow = toolbarDensity === "compact-narrow";
+  const barSize = isCompactNarrow ? "small" : toolbarDensity === "compact" ? "middle" : "large";
+  const keyword = (searchParams == null ? void 0 : searchParams[import_recordBoardToolBarConstants.DEFAULT_SEARCH_FIELD]) ?? "";
   const handleSearch = (0, import_react.useCallback)(
     (value) => {
-      onSearch({ ...searchParams, [DEFAULT_SEARCH_FIELD]: value || void 0 });
+      onSearch({ ...searchParams, [import_recordBoardToolBarConstants.DEFAULT_SEARCH_FIELD]: value || void 0 });
     },
     [onSearch, searchParams]
   );
@@ -144,7 +93,32 @@ var RecordBoardToolBar = (props) => {
   );
   const searchConfig = slots.search;
   const hideSearch = searchConfig === false;
-  const searchNode = hideSearch ? null : /* @__PURE__ */ import_react.default.createElement(
+  const searchButtonText = (0, import_locales.getText)("pisell2.recordBoard.toolbar.find") || "Find";
+  const compactNarrowSearchRest = typeof searchConfig === "object" && searchConfig !== null ? (() => {
+    const {
+      trigger: _tr,
+      triggerType: _tt,
+      displayType: _dt,
+      triggerText: _tx,
+      triggerIcon: _ti,
+      buttonText: _btn,
+      ...rest
+    } = searchConfig;
+    return rest;
+  })() : {};
+  const searchNode = hideSearch ? null : isCompactNarrow ? /* @__PURE__ */ import_react.default.createElement(
+    import_pisellFind.PisellFind,
+    {
+      ...compactNarrowSearchRest,
+      value: keyword,
+      onChange: (v) => handleSearch(v),
+      onSearch: handleSearch,
+      size: barSize,
+      triggerType: "icon",
+      className: "record-board-toolbar-find-icon",
+      triggerIcon: /* @__PURE__ */ import_react.default.createElement(import_icons.SearchOutlined, { "aria-label": searchButtonText })
+    }
+  ) : /* @__PURE__ */ import_react.default.createElement(
     import_pisellFind.PisellFind,
     {
       triggerType: "input",
@@ -195,15 +169,15 @@ var RecordBoardToolBar = (props) => {
   ) : null;
   const bodyViewSegmentedOptions = (0, import_react.useMemo)(() => {
     const opts = [];
-    if (canFloor) opts.push({ label: getViewFloorMapLabel(), value: "floorMap" });
-    if (canCalendar) opts.push({ label: getViewCalendarLabel(), value: "calendar" });
+    if (canFloor) opts.push({ label: (0, import_recordBoardToolBarI18n.getViewFloorMapLabel)(), value: "floorMap" });
+    if (canCalendar) opts.push({ label: (0, import_recordBoardToolBarI18n.getViewCalendarLabel)(), value: "calendar" });
     if (canResourceWall) {
       opts.push({
-        label: getViewResourceWallLabel(),
+        label: (0, import_recordBoardToolBarI18n.getViewResourceWallLabel)(),
         value: "resourceWall"
       });
     }
-    if (canGrid) opts.push({ label: getViewGridLabel(), value: "grid" });
+    if (canGrid) opts.push({ label: (0, import_recordBoardToolBarI18n.getViewGridLabel)(), value: "grid" });
     return opts;
   }, [canFloor, canCalendar, canResourceWall, canGrid]);
   const bodyViewToggle = allowBodyViewToggle ? /* @__PURE__ */ import_react.default.createElement(
@@ -219,13 +193,13 @@ var RecordBoardToolBar = (props) => {
   ) : null;
   const compactFloorMapToolbar = (bodyView === "floorMap" || bodyView === "calendar") && showTableFloorToggle;
   const hideBodyViewToggleInToolbarRow = allowBodyViewToggle && Boolean(slots.tabs) && (bodyView === "floorMap" || bodyView === "calendar");
-  const topLeft = compactFloorMapToolbar ? null : /* @__PURE__ */ import_react.default.createElement("div", { className: "record-board-toolbar-top-left" }, !hideBodyViewToggleInToolbarRow ? bodyViewToggle : null, quickFilterNode ? /* @__PURE__ */ import_react.default.createElement("div", { className: "record-board-toolbar-quick-filter-slot" }, quickFilterNode) : null, searchNode && bodyView !== "resourceWall" ? /* @__PURE__ */ import_react.default.createElement("div", { className: "record-board-toolbar-find-wrap" }, searchNode) : null, slots.topLeft ? /* @__PURE__ */ import_react.default.createElement("div", { className: "record-board-toolbar-extra-top-left" }, slots.topLeft) : null);
+  const topLeft = compactFloorMapToolbar ? null : /* @__PURE__ */ import_react.default.createElement("div", { className: "record-board-toolbar-top-left" }, !hideBodyViewToggleInToolbarRow ? bodyViewToggle : null, quickFilterNode ? /* @__PURE__ */ import_react.default.createElement("div", { className: "record-board-toolbar-quick-filter-slot" }, quickFilterNode) : null, searchNode && bodyView !== "resourceWall" && !isCompactNarrow ? /* @__PURE__ */ import_react.default.createElement("div", { className: "record-board-toolbar-find-wrap" }, searchNode) : null, slots.topLeft ? /* @__PURE__ */ import_react.default.createElement("div", { className: "record-board-toolbar-extra-top-left" }, slots.topLeft) : null);
   const sortConfig = slots.sort;
   const hideSort = sortConfig === false;
-  const sortValue = searchParams == null ? void 0 : searchParams[SORT_PARAMS_FIELD];
+  const sortValue = searchParams == null ? void 0 : searchParams[import_recordBoardToolBarConstants.SORT_PARAMS_FIELD];
   const handleSortChange = (0, import_react.useCallback)(
     (val) => {
-      onSearch({ ...searchParams, [SORT_PARAMS_FIELD]: val || void 0 });
+      onSearch({ ...searchParams, [import_recordBoardToolBarConstants.SORT_PARAMS_FIELD]: val || void 0 });
     },
     [onSearch, searchParams]
   );
@@ -239,14 +213,14 @@ var RecordBoardToolBar = (props) => {
       String
     ) : [];
     const allowedKeys = [
-      ...import_venueWallUtils.DEFAULT_RESOURCE_WALL_STATUS_SORT_FIELD_KEYS.map(String),
+      ...DEFAULT_RESOURCE_WALL_STATUS_SORT_FIELD_KEYS.map(String),
       ...extraWallKeys
     ];
     const filtered = base.filter(
       (item) => item.name != null && (0, import_venueWallUtils.matchesResourceWallStatusSortField)(String(item.name), allowedKeys)
     );
     if (filtered.length > 0) return filtered;
-    return [buildResourceWallStatusSortFallbackItem(sortConfig)];
+    return [(0, import_recordBoardToolBarI18n.buildResourceWallStatusSortFallbackItem)(sortConfig)];
   }, [sortConfig, derivedSortFromColumnsList, bodyView]);
   const sortSpreadRest = typeof sortConfig === "object" && sortConfig !== null ? (() => {
     const {
@@ -271,19 +245,19 @@ var RecordBoardToolBar = (props) => {
           icon: /* @__PURE__ */ import_react.default.createElement(import_SwitchVertical01.default, null),
           size: barSize
         },
-        getSortButtonText()
+        (0, import_recordBoardToolBarI18n.getSortButtonText)()
       )
     }
   );
   const filterConfig = slots.filter;
   const hideFilter = filterConfig === false;
-  const filterValue = searchParams == null ? void 0 : searchParams[FILTER_PARAMS_FIELD];
+  const filterValue = searchParams == null ? void 0 : searchParams[import_recordBoardToolBarConstants.FILTER_PARAMS_FIELD];
   const hasFilterList = Array.isArray(filterValue == null ? void 0 : filterValue.quickFilter) && filterValue.quickFilter.length > 0 || Array.isArray(filterValue == null ? void 0 : filterValue.otherFilter) && filterValue.otherFilter.length > 0;
   const hasFilterValues = typeof (filterValue == null ? 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, import_react.useMemo)(() => {
-    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 : (0, import_recordBoardToolBarI18n.getDefaultFilterValue)();
     const quickFilter = Array.isArray(base.quickFilter) && base.quickFilter.length > 0 ? base.quickFilter : (defaultFilterFromConfig == null ? void 0 : defaultFilterFromConfig.quickFilter) ?? [];
     let otherFilter = Array.isArray(base.otherFilter) && base.otherFilter.length > 0 ? base.otherFilter : (defaultFilterFromConfig == null ? void 0 : defaultFilterFromConfig.otherFilter) ?? [];
     if (otherFilter === base.otherFilter && Array.isArray(defaultFilterFromConfig == null ? void 0 : defaultFilterFromConfig.otherFilter) && defaultFilterFromConfig.otherFilter.length > 0) {
@@ -341,14 +315,14 @@ var RecordBoardToolBar = (props) => {
   );
   const handleFilterChange = (0, import_react.useCallback)(
     (value) => {
-      const currentFilter = searchParams == null ? void 0 : searchParams[FILTER_PARAMS_FIELD];
+      const currentFilter = searchParams == null ? void 0 : searchParams[import_recordBoardToolBarConstants.FILTER_PARAMS_FIELD];
       const currentValues = (currentFilter == null ? void 0 : currentFilter.values) ?? {};
       const incomingValues = (value == null ? void 0 : value.values) ?? {};
       const nextFilter = {
         ...value,
         values: { ...currentValues, ...incomingValues }
       };
-      onSearch({ ...searchParams, [FILTER_PARAMS_FIELD]: nextFilter });
+      onSearch({ ...searchParams, [import_recordBoardToolBarConstants.FILTER_PARAMS_FIELD]: nextFilter });
     },
     [onSearch, searchParams]
   );
@@ -370,7 +344,27 @@ var RecordBoardToolBar = (props) => {
     }
   );
   const showColumnSetting = slots.columnSetting !== false && bodyView !== "resourceWall" && Array.isArray(gridColumns) && gridColumns.length > 0;
-  const topRight = compactFloorMapToolbar ? null : /* @__PURE__ */ import_react.default.createElement(import_antd.Space, { className: "record-board-toolbar-right-actions" }, showColumnSetting ? /* @__PURE__ */ import_react.default.createElement(import_ColumnSetting.default, null) : null, sortNode, filterNode, bodyView !== "resourceWall" ? /* @__PURE__ */ import_react.default.createElement(import_ToolBarReset.default, { size: barSize }) : null, slots.topRight);
+  const settingsGearPopoverContent = isCompactNarrow ? /* @__PURE__ */ import_react.default.createElement("div", { className: "record-board-toolbar-settings-gear-popover" }, showColumnSetting ? /* @__PURE__ */ import_react.default.createElement("div", { className: "record-board-toolbar-settings-gear-row" }, /* @__PURE__ */ import_react.default.createElement(import_ColumnSetting.default, null)) : null, sortNode ? /* @__PURE__ */ import_react.default.createElement("div", { className: "record-board-toolbar-settings-gear-row" }, sortNode) : null, filterNode ? /* @__PURE__ */ import_react.default.createElement("div", { className: "record-board-toolbar-settings-gear-row" }, filterNode) : null, bodyView !== "resourceWall" ? /* @__PURE__ */ import_react.default.createElement("div", { className: "record-board-toolbar-settings-gear-row" }, /* @__PURE__ */ import_react.default.createElement(import_ToolBarReset.default, { size: barSize })) : null) : null;
+  const topRight = compactFloorMapToolbar ? null : isCompactNarrow ? /* @__PURE__ */ import_react.default.createElement(import_antd.Space, { className: "record-board-toolbar-right-actions", size: 4 }, bodyView !== "resourceWall" && searchNode ? searchNode : null, settingsGearPopoverContent ? /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Popover,
+    {
+      content: settingsGearPopoverContent,
+      trigger: "click",
+      placement: "bottomRight",
+      arrow: false,
+      overlayClassName: "record-board-toolbar-settings-gear-overlay"
+    },
+    /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Button,
+      {
+        className: "record-board-toolbar-settings-gear-btn",
+        icon: /* @__PURE__ */ import_react.default.createElement(import_icons.SettingOutlined, null),
+        size: barSize,
+        type: "text",
+        "aria-label": (0, import_locales.getText)("pisell2.recordBoard.toolbar.moreSettings") || "More settings"
+      }
+    )
+  ) : null, slots.topRight) : /* @__PURE__ */ import_react.default.createElement(import_antd.Space, { className: "record-board-toolbar-right-actions" }, showColumnSetting ? /* @__PURE__ */ import_react.default.createElement(import_ColumnSetting.default, null) : null, sortNode, filterNode, bodyView !== "resourceWall" ? /* @__PURE__ */ import_react.default.createElement(import_ToolBarReset.default, { size: barSize }) : null, slots.topRight);
   return /* @__PURE__ */ import_react.default.createElement(
     import_ToolBar.default,
     {
@@ -380,6 +374,7 @@ var RecordBoardToolBar = (props) => {
         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,

package/lib/components/pisellRecordBoard/shellFrame/ToolBar/recordBoardToolBarConstants.d.ts

@@ -0,0 +1,8 @@
+/** 与 RecordBoard ToolBar 行为绑定的 searchParams 字段名 */
+export declare const DEFAULT_SEARCH_FIELD = "keyword";
+/** 筛选在 searchParams 中的字段名 */
+export declare const FILTER_PARAMS_FIELD = "filter";
+/** 排序在 searchParams 中的字段名 */
+export declare const SORT_PARAMS_FIELD = "sort";
+/** 与 ResourceWall 默认 `filterFieldKey` 一致 */
+export declare const RESOURCE_WALL_QUICK_FILTER_KEY = "resource_wall_resource_ids";

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

@@ -0,0 +1,38 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/pisellRecordBoard/shellFrame/ToolBar/recordBoardToolBarConstants.ts
+var recordBoardToolBarConstants_exports = {};
+__export(recordBoardToolBarConstants_exports, {
+  DEFAULT_SEARCH_FIELD: () => DEFAULT_SEARCH_FIELD,
+  FILTER_PARAMS_FIELD: () => FILTER_PARAMS_FIELD,
+  RESOURCE_WALL_QUICK_FILTER_KEY: () => RESOURCE_WALL_QUICK_FILTER_KEY,
+  SORT_PARAMS_FIELD: () => SORT_PARAMS_FIELD
+});
+module.exports = __toCommonJS(recordBoardToolBarConstants_exports);
+var DEFAULT_SEARCH_FIELD = "keyword";
+var FILTER_PARAMS_FIELD = "filter";
+var SORT_PARAMS_FIELD = "sort";
+var RESOURCE_WALL_QUICK_FILTER_KEY = "resource_wall_resource_ids";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DEFAULT_SEARCH_FIELD,
+  FILTER_PARAMS_FIELD,
+  RESOURCE_WALL_QUICK_FILTER_KEY,
+  SORT_PARAMS_FIELD
+});

package/lib/components/pisellRecordBoard/shellFrame/ToolBar/recordBoardToolBarI18n.d.ts

@@ -0,0 +1,13 @@
+import type { SortItemProps } from '../../../sort/types';
+import type { FilterValueType } from '../../../filter/components/FilterButton/types';
+/** 与 Quick Filter 同源：优先 utils，若 utils 返回 key（未命中）则用 materials 再回退 */
+export declare function getSortButtonText(): string;
+/** 资源墙无状态列派生项时注入：下拉仅「状态 → 空闲优先 / 占用优先」，仍渲染排序按钮 */
+export declare function buildResourceWallStatusSortFallbackItem(sortConfig: unknown): SortItemProps;
+export declare function getFilterButtonText(): string;
+export declare function getViewGridLabel(): string;
+export declare function getViewFloorMapLabel(): string;
+export declare function getViewCalendarLabel(): string;
+export declare function getViewResourceWallLabel(): string;
+/** 筛选无值时使用的默认筛选项；业务可通过 childComponentProps.toolBar.filter.defaultFilterValue 覆盖 */
+export declare function getDefaultFilterValue(): FilterValueType;

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

@@ -0,0 +1,100 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/pisellRecordBoard/shellFrame/ToolBar/recordBoardToolBarI18n.ts
+var recordBoardToolBarI18n_exports = {};
+__export(recordBoardToolBarI18n_exports, {
+  buildResourceWallStatusSortFallbackItem: () => buildResourceWallStatusSortFallbackItem,
+  getDefaultFilterValue: () => getDefaultFilterValue,
+  getFilterButtonText: () => getFilterButtonText,
+  getSortButtonText: () => getSortButtonText,
+  getViewCalendarLabel: () => getViewCalendarLabel,
+  getViewFloorMapLabel: () => getViewFloorMapLabel,
+  getViewGridLabel: () => getViewGridLabel,
+  getViewResourceWallLabel: () => getViewResourceWallLabel
+});
+module.exports = __toCommonJS(recordBoardToolBarI18n_exports);
+var import_utils = require("@pisell/utils");
+var import_locales = require("../../../../locales");
+var import_venueWallUtils = require("../ResourceWall/venueWallUtils");
+function getSortButtonText() {
+  const key = "pisell2.recordBoard.toolbar.sort";
+  const u = import_utils.locales.getText(key);
+  return u && u !== key ? u : (0, import_locales.getText)(key) || (0, import_locales.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] : import_venueWallUtils.DEFAULT_RESOURCE_WALL_STATUS_SORT_FIELD_KEYS[0];
+  return {
+    name: primaryKey,
+    label: (0, import_locales.getText)("pisell2.recordBoard.toolbar.sortStatus"),
+    isCustom: true,
+    getSortItems: () => [
+      {
+        key: `${primaryKey}:asc:option`,
+        label: (0, import_locales.getText)("pisell2.recordBoard.toolbar.sortStatusFreeFirst")
+      },
+      {
+        key: `${primaryKey}:desc:option`,
+        label: (0, import_locales.getText)("pisell2.recordBoard.toolbar.sortStatusOccupiedFirst")
+      }
+    ]
+  };
+}
+function getFilterButtonText() {
+  const key = "pisell2.recordBoard.toolbar.filter";
+  const u = import_utils.locales.getText(key);
+  return u && u !== key ? u : (0, import_locales.getText)(key) || (0, import_locales.getText)("table-action-filter-button");
+}
+function getViewGridLabel() {
+  const key = "pisell2.recordBoard.toolbar.viewGrid";
+  const u = import_utils.locales.getText(key);
+  return u && u !== key ? u : (0, import_locales.getText)(key) || "Table";
+}
+function getViewFloorMapLabel() {
+  const key = "pisell2.recordBoard.toolbar.viewFloorMap";
+  const u = import_utils.locales.getText(key);
+  return u && u !== key ? u : (0, import_locales.getText)(key) || "Floor map";
+}
+function getViewCalendarLabel() {
+  const key = "pisell2.recordBoard.toolbar.viewCalendar";
+  const u = import_utils.locales.getText(key);
+  return u && u !== key ? u : (0, import_locales.getText)(key) || "Calendar";
+}
+function getViewResourceWallLabel() {
+  const key = "pisell2.recordBoard.toolbar.viewResourceWall";
+  const u = import_utils.locales.getText(key);
+  return u && u !== key ? u : (0, import_locales.getText)(key) || "Wall";
+}
+function getDefaultFilterValue() {
+  return {
+    quickFilter: [],
+    otherFilter: []
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  buildResourceWallStatusSortFallbackItem,
+  getDefaultFilterValue,
+  getFilterButtonText,
+  getSortButtonText,
+  getViewCalendarLabel,
+  getViewFloorMapLabel,
+  getViewGridLabel,
+  getViewResourceWallLabel
+});