@pisell/materials 6.11.48 → 6.11.50

package/es/components/pisellRecordBoard/shellFrame/Calendar/view/BookingCalendarWeekView.js

@@ -37,6 +37,7 @@ export function BookingCalendarWeekView(_ref) {
     setOverflowListModal = _ref.setOverflowListModal,
     overflowPanelRef = _ref.overflowPanelRef;
   var props = calendarProps;
+  var todayKey = fmtDate(new Date());
   return /*#__PURE__*/React.createElement("div", {
     key: "week-".concat(fmtDate(weekDays[0])),
     className: "flex min-h-0 flex-1 flex-col"
@@ -60,6 +61,7 @@ export function BookingCalendarWeekView(_ref) {
     className: "sticky left-0 z-30 w-[132px] min-w-[132px] max-w-[132px] px-3 py-4 font-semibold border-b shadow-[8px_0_16px_rgba(0,0,0,0.08)] ".concat(isLight ? 'theme-sticky theme-border theme-text' : 'bg-[#241d40] border-zinc-800')
   }, tCal('pisell2.recordBoard.calendar.week.headerCourtDate')), weekDays.map(function (day, i) {
     var key = fmtDate(day);
+    var isToday = key === todayKey;
     var dayItems = bookings.filter(function (b) {
       return b.date === key;
     });
@@ -70,22 +72,17 @@ export function BookingCalendarWeekView(_ref) {
     });
     return /*#__PURE__*/React.createElement("div", {
       key: key,
-      className: "relative z-20 border-b border-l p-3 text-center shadow-[0_8px_16px_rgba(0,0,0,0.06)] ".concat(isLight ? 'theme-border theme-text' : 'border-zinc-800', " ").concat(i >= 5 ? isLight ? 'bg-violet-200' : 'bg-violet-900' : isLight ? 'theme-panel-soft' : 'bg-[#1a1a22]')
+      className: "relative z-20 border-b border-l p-3 text-center shadow-[0_8px_16px_rgba(0,0,0,0.06)] ".concat(isLight ? 'theme-border theme-text' : 'border-zinc-800', " ").concat(isToday ? isLight ? 'bg-gradient-to-b from-violet-50 to-white' : 'bg-gradient-to-b from-violet-950/40 to-[#1a1a22]' : isLight ? 'theme-panel-soft' : 'bg-[#1a1a22]')
     }, /*#__PURE__*/React.createElement("div", {
       className: "text-sm ".concat(isLight ? 'theme-text-faint' : 'text-zinc-400')
     }, tCal(CALENDAR_WEEKDAY_IDS[i])), /*#__PURE__*/React.createElement("div", {
-      className: "mt-1 text-3xl font-semibold"
-    }, day.getDate()), /*#__PURE__*/React.createElement("div", {
-      className: "mt-2 flex items-center justify-center gap-1"
-    }, dayItems.some(function (b) {
-      return b.kind === 'booking';
-    }) && /*#__PURE__*/React.createElement("span", {
-      className: "h-2.5 w-2.5 rounded-full bg-violet-500"
-    }), (dayItems.some(function (b) {
-      return b.kind === 'block';
-    }) || fullyBooked) && /*#__PURE__*/React.createElement("span", {
-      className: "h-2.5 w-2.5 rounded-full bg-red-500"
-    })));
+      className: "mt-1 flex justify-center"
+    }, /*#__PURE__*/React.createElement("span", {
+      className: "grid h-11 w-11 place-items-center text-3xl font-semibold leading-[1]",
+      "aria-label": isToday ? 'Today' : undefined
+    }, day.getDate())), /*#__PURE__*/React.createElement("div", {
+      className: "mt-2 flex h-3 items-center justify-center"
+    }));
   })), visibleCourtRows.map(function (row) {
     return /*#__PURE__*/React.createElement(React.Fragment, {
       key: row.id
@@ -114,17 +111,17 @@ export function BookingCalendarWeekView(_ref) {
           return _objectSpread(_objectSpread({}, prev), {}, _defineProperty({}, row.label, !prev[row.label]));
         });
       },
-      className: "flex w-full items-center gap-2 rounded-lg px-1 py-1 text-left transition-colors ".concat(isLight ? 'hover:bg-white/60' : 'hover:bg-white/[0.04] active:bg-white/[0.07]')
+      className: "flex w-full items-start gap-2 rounded-lg px-1 py-1 text-left transition-colors ".concat(isLight ? 'hover:bg-white/60' : 'hover:bg-white/[0.04] active:bg-white/[0.07]')
     }, /*#__PURE__*/React.createElement(DownOutlined, {
       style: {
         fontSize: 15
       },
-      className: "shrink-0 transition-transform duration-200 ".concat(isLight ? 'text-slate-500' : 'text-zinc-500', " ").concat(row.collapsed ? '-rotate-90' : 'rotate-0'),
+      className: "mt-0.5 shrink-0 transition-transform duration-200 ".concat(isLight ? 'text-slate-500' : 'text-zinc-500', " ").concat(row.collapsed ? '-rotate-90' : 'rotate-0'),
       "aria-hidden": true
     }), /*#__PURE__*/React.createElement("div", {
-      className: "flex min-w-0 flex-1 items-center gap-1.5"
+      className: "flex min-w-0 flex-1 items-start gap-1.5"
     }, /*#__PURE__*/React.createElement("span", {
-      className: "truncate text-[13px] font-semibold leading-snug ".concat(isLight ? 'text-slate-800' : 'text-zinc-100')
+      className: "pisell-rb-cal-week-resource-name min-w-0 flex-1 text-[13px] font-semibold leading-snug ".concat(isLight ? 'text-slate-800' : 'text-zinc-100')
     }, row.label), /*#__PURE__*/React.createElement("span", {
       className: "shrink-0 rounded-md px-1.5 py-0.5 text-[10px] font-semibold tabular-nums ".concat(isLight ? 'bg-violet-100 text-violet-800' : 'bg-zinc-800/90 text-zinc-300 ring-1 ring-zinc-600/40')
     }, row.count)))), weekDays.map(function (day) {
@@ -156,7 +153,7 @@ export function BookingCalendarWeekView(_ref) {
       },
       isLight: isLight
     }) : /*#__PURE__*/React.createElement("div", {
-      className: "font-semibold text-[16px] leading-tight break-all"
+      className: "pisell-rb-cal-week-resource-name min-w-0 w-full font-semibold text-[16px] leading-tight"
     }, row.name)), weekDays.map(function (day) {
       var key = fmtDate(day);
       var summary = courtDaySummary(row.id, key, bookings, hourSlots, slotStepHours);
@@ -176,19 +173,11 @@ export function BookingCalendarWeekView(_ref) {
           e.preventDefault();
           handleGridDropMove(key, row.id);
         },
-        className: "relative flex flex-col justify-start min-h-[148px] border-b border-l p-3 text-left align-top transition ".concat(isLight ? 'theme-border' : '', " ").concat(summary.fullyBooked ? isLight ? 'bg-slate-100 theme-text-faint' : 'bg-zinc-800 text-zinc-500' : summary.hasBlock ? isLight ? 'bg-red-50 border-red-200' : 'bg-red-950/30 border-red-800/40' : summary.occupiedHours.length > 0 ? isLight ? 'bg-violet-50 hover:bg-violet-100/80' : 'bg-[#1c1630] hover:bg-[#241c3f]' : isLight ? 'theme-grid-cell hover:bg-violet-50/60' : 'bg-zinc-900 hover:bg-zinc-800')
-      }, /*#__PURE__*/React.createElement("div", {
-        className: "absolute left-3 top-3 text-[13px] text-zinc-400"
-      }, key), /*#__PURE__*/React.createElement("div", {
-        className: "absolute right-3 top-3 flex gap-1"
-      }, summary.occupiedHours.length > 0 && /*#__PURE__*/React.createElement("span", {
-        className: "h-2.5 w-2.5 rounded-full bg-violet-500"
-      }), (summary.hasBlock || summary.fullyBooked) && /*#__PURE__*/React.createElement("span", {
-        className: "h-2.5 w-2.5 rounded-full bg-red-500"
-      })), summary.fullyBooked ? /*#__PURE__*/React.createElement("div", {
-        className: "mt-8 rounded-lg bg-zinc-700/70 px-2 py-1 text-xs"
+        className: "relative flex flex-col justify-start min-h-[72px] border-b border-l p-3 text-left align-top transition ".concat(isLight ? 'theme-border' : '', " ").concat(summary.fullyBooked ? isLight ? 'bg-slate-100 theme-text-faint' : 'bg-zinc-800 text-zinc-500' : summary.hasBlock ? isLight ? 'bg-red-50 border-red-200' : 'bg-red-950/30 border-red-800/40' : summary.occupiedHours.length > 0 ? isLight ? 'bg-violet-50 hover:bg-violet-100/80' : 'bg-[#1c1630] hover:bg-[#241c3f]' : isLight ? 'theme-grid-cell hover:bg-violet-50/60' : 'bg-zinc-900 hover:bg-zinc-800')
+      }, summary.fullyBooked ? /*#__PURE__*/React.createElement("div", {
+        className: "rounded-lg bg-zinc-700/70 px-2 py-1 text-xs"
       }, tCal('pisell2.recordBoard.calendar.week.fullyBooked')) : summary.items.length > 0 ? /*#__PURE__*/React.createElement("div", {
-        className: "mt-8 flex flex-col items-start gap-1.5 w-full"
+        className: "flex w-full flex-col items-start gap-1.5"
       }, previewItems.map(function (item, idx) {
         var isLastVisible = idx === previewItems.length - 1;
         var shrinkForMore = showMoreTile && isLastVisible;
@@ -252,7 +241,7 @@ export function BookingCalendarWeekView(_ref) {
           className: "flex h-[52px] w-[52px] items-center justify-center rounded-xl bg-violet-700/90 text-sm font-semibold text-white"
         }, "+", moreCount)));
       })) : /*#__PURE__*/React.createElement("div", {
-        className: "mt-8 rounded-lg border border-dashed border-zinc-700 px-2 py-2 text-xs text-zinc-500"
+        className: "rounded-lg border border-dashed border-zinc-700 px-2 py-2 text-xs text-zinc-500"
       }, tCal('pisell2.recordBoard.calendar.week.available')));
     })));
   })))));

package/es/components/pisellRecordBoard/shellFrame/ColumnSetting/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * RecordBoard 列显示隐藏设置（仅控制表格列展示，不控制 filter/sort）。
+ * 参考 table Actions ColumnsSetting，仅保留显隐切换，无拖拽排序。
+ */
+import React from 'react';
+import './index.less';
+declare const RecordBoardColumnSetting: React.FC;
+export default RecordBoardColumnSetting;

package/es/components/pisellRecordBoard/shellFrame/Pagination/index.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import './index.less';
+import type { RecordBoardContextValue } from '../../types';
+export interface RecordBoardPaginationProps extends Partial<Pick<RecordBoardContextValue, 'pagination' | 'total' | 'onPageChange' | 'loading'>> {
+    className?: string;
+    style?: React.CSSProperties;
+    render?: (ctx: RecordBoardContextValue) => React.ReactNode;
+}
+/**
+ * RecordBoard 下的分页：接入 packages/materials 的 Pagination，从 context 取 pagination / total / onPageChange；可透传 childComponentProps.pagination。
+ * 当 context 中 pagination 缺失时使用默认分页，避免在 Storybook 或未完整注入 context 时报错。
+ */
+declare const RecordBoardPagination: React.FC<RecordBoardPaginationProps>;
+export default RecordBoardPagination;

package/es/components/pisellRecordBoard/shellFrame/ResourceWall/VenueWallCard.less

@@ -62,13 +62,17 @@
   padding: var(--rw-pad);
 }
 
-/** 头 : 当前 : 下一 = 4:11:5 → Next 25%（此前 2:5:3 为 30%） */
+/**
+ * 头 12%；剩余 88% 给「当前 : 下一 = 11:5」（Next 占剩余 5/16）。
+ * 行比例：192:968:440 = 12 : 88*11/16 : 88*5/16（同乘 16 去分母）。
+ */
 .pisell-resource-wall-card__grid--with-next {
-  grid-template-rows: minmax(0, 4fr) minmax(0, 11fr) minmax(0, 5fr);
+  grid-template-rows: minmax(0, 192fr) minmax(0, 968fr) minmax(0, 440fr);
 }
 
+/** 无 Next：头 12%，其余给 Current 面板 */
 .pisell-resource-wall-card__grid--no-next {
-  grid-template-rows: minmax(0, 1fr) minmax(0, 4fr);
+  grid-template-rows: minmax(0, 12fr) minmax(0, 88fr);
 }
 
 .pisell-resource-wall-card__header {

package/es/components/pisellRecordBoard/shellFrame/ToolBar/index.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import type { RecordBoardToolBarProps as ToolBarPropsType } from '../../types';
+import './ToolBarFilter.less';
+import './recordBoardToolbar.less';
+/**
+ * RecordBoard 下的工具栏：使用 PisellToolBar。
+ * 左侧默认 PisellFind（inline）；右侧默认 PisellFilter。通过 childComponentProps.toolBar.search / toolBar.filter 为对象时透传对应组件 props，为 false 时不渲染。
+ * 可透传 topLeft、topRight、bottomLeft、bottomRight、tabs。
+ */
+declare const RecordBoardToolBar: React.FC<RecordBoardToolBarProps>;
+export declare type RecordBoardToolBarProps = ToolBarPropsType;
+export default RecordBoardToolBar;

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

@@ -0,0 +1,17 @@
+import React from 'react';
+import type { FilterItemProps } from '../../../filter/types';
+export interface ToolBarQuickFilterProps {
+    /** 快速筛选项列表（与 Filter 的 quickFilter 同结构），不传则从 columns 派生时由父级传入 */
+    filterList?: FilterItemProps[];
+    /** 表单字段前缀，与 PisellFilter 保持一致，默认 '' */
+    formFiltersPrefix?: string;
+    /** 表单项尺寸 */
+    size?: 'small' | 'middle' | 'large';
+}
+/**
+ * RecordBoard 工具栏左侧内联快速筛选：将 quickFilter 直接展示在 ToolBar 左侧，不放入 Filter 弹层。
+ * 与 searchParams.filter 联动，变更写入 searchParams.filter.values 并触发 onSearch。
+ * 启用时建议 ToolBar 对 PisellFilter 传 hiddenQuickFilter: true，仅保留高级筛选在弹层内。
+ */
+declare const ToolBarQuickFilter: React.FC<ToolBarQuickFilterProps>;
+export default ToolBarQuickFilter;

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

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

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

@@ -167,6 +167,9 @@ var RecordBoardShellFrame = function RecordBoardShellFrame(_ref2) {
   var showGrid = useMemo(function () {
     return hasGridContent && ctx.bodyView === 'grid';
   }, [hasGridContent, ctx.bodyView]);
+
+  /** 无限滚动时不展示底部分页（含 paginationRender 挂载点） */
+  var showGridPagination = showGrid && ctx.gridInfiniteScroll !== true;
   var showFloorMap = useMemo(function () {
     return hasFloorMapSlot && effectiveFloorMapProps != null && ctx.bodyView === 'floorMap';
   }, [hasFloorMapSlot, effectiveFloorMapProps, ctx.bodyView]);
@@ -259,7 +262,7 @@ var RecordBoardShellFrame = function RecordBoardShellFrame(_ref2) {
   var 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 : function () {},
     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, showGrid ? /*#__PURE__*/React.createElement(RecordBoardPagination, null) : null) : /*#__PURE__*/React.createElement(React.Fragment, null, showGrid ? gridChildren : showResourceWall ? resourceWallNode : showCalendar ? calendarNode : floorMapNode, showGrid ? /*#__PURE__*/React.createElement(RecordBoardPagination, null) : null);
+  }, 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);
   var shellStyle = fillHeight && style ? _objectSpread(_objectSpread({}, style), FILL_HEIGHT_WRAPPER_STYLE) : fillHeight ? FILL_HEIGHT_WRAPPER_STYLE : style;
   var wrapper = /*#__PURE__*/React.createElement(RecordBoardShellBodyMetaContext.Provider, {
     value: shellBodyMeta