@pisell/materials 6.11.37 → 6.11.39

package/lib/components/pisellRecordBoard/shellFrame/Calendar/view/bookingCalendarDayViewContext.js

@@ -0,0 +1,57 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/pisellRecordBoard/shellFrame/Calendar/view/bookingCalendarDayViewContext.tsx
+var bookingCalendarDayViewContext_exports = {};
+__export(bookingCalendarDayViewContext_exports, {
+  BookingCalendarDayChromeProvider: () => BookingCalendarDayChromeProvider,
+  useBookingCalendarDayChrome: () => useBookingCalendarDayChrome
+});
+module.exports = __toCommonJS(bookingCalendarDayViewContext_exports);
+var import_react = __toESM(require("react"));
+var BookingCalendarDayChromeContext = (0, import_react.createContext)(null);
+function BookingCalendarDayChromeProvider({
+  children,
+  value
+}) {
+  return /* @__PURE__ */ import_react.default.createElement(BookingCalendarDayChromeContext.Provider, { value }, children);
+}
+function useBookingCalendarDayChrome() {
+  const v = (0, import_react.useContext)(BookingCalendarDayChromeContext);
+  if (!v) {
+    throw new Error(
+      "useBookingCalendarDayChrome must be used within BookingCalendarDayChromeProvider"
+    );
+  }
+  return v;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  BookingCalendarDayChromeProvider,
+  useBookingCalendarDayChrome
+});

package/lib/components/pisellRecordBoard/shellFrame/ResourceWall/NoteTicker.d.ts

@@ -8,6 +8,7 @@ export interface NoteTickerProps {
     shouldMarquee: boolean;
 }
 /**
- * 底部说明条：短文案静态省略，长文案无缝跑马灯（样式见 VenueWallMarquee.less）。
+ * 底部说明条：短文案省略静态展示，长文案无缝跑马灯（多段 copy 与 `VenueWallMarquee.less` 中 -33.333% 动画配套）。
+ * 系统「减少动态效果」时强制静态展示；跑马灯区对读屏 `aria-hidden` 避免重复朗读。
  */
 export declare const NoteTicker: React.NamedExoticComponent<NoteTickerProps>;

package/lib/components/pisellRecordBoard/shellFrame/ResourceWall/NoteTicker.js

@@ -34,25 +34,60 @@ __export(NoteTicker_exports, {
 module.exports = __toCommonJS(NoteTicker_exports);
 var import_react = __toESM(require("react"));
 var import_VenueWallMarquee = require("./VenueWallMarquee.less");
+function usePrefersReducedMotion() {
+  const [reduced, setReduced] = (0, import_react.useState)(false);
+  (0, import_react.useEffect)(() => {
+    if (typeof window === "undefined" || !window.matchMedia) return;
+    const mq = window.matchMedia("(prefers-reduced-motion: reduce)");
+    setReduced(mq.matches);
+    const onChange = () => setReduced(mq.matches);
+    mq.addEventListener("change", onChange);
+    return () => mq.removeEventListener("change", onChange);
+  }, []);
+  return reduced;
+}
+var MARQUEE_COPY_COUNT = 3;
 var NoteTicker = import_react.default.memo(function NoteTicker2({
   text,
   color,
   duration = 24,
   shouldMarquee
 }) {
-  if (!shouldMarquee) {
-    return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-resource-wall-note-marquee-static", style: { color } }, text);
+  const reducedMotion = usePrefersReducedMotion();
+  const useMarquee = shouldMarquee && !reducedMotion;
+  if (!useMarquee) {
+    return /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        className: "pisell-resource-wall-note-marquee-static",
+        style: { color },
+        title: text
+      },
+      text
+    );
   }
-  return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-resource-wall-note-marquee-wrap" }, /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ import_react.default.createElement(
     "div",
     {
-      className: "pisell-resource-wall-note-marquee-track",
-      style: { animationDuration: `${duration}s`, color }
+      className: "pisell-resource-wall-note-marquee-wrap",
+      "aria-hidden": true
     },
-    /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-resource-wall-note-marquee-copy" }, text),
-    /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-resource-wall-note-marquee-copy", "aria-hidden": "true" }, text),
-    /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-resource-wall-note-marquee-copy", "aria-hidden": "true" }, text)
-  ));
+    /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        className: "pisell-resource-wall-note-marquee-track",
+        style: { animationDuration: `${duration}s`, color }
+      },
+      Array.from({ length: MARQUEE_COPY_COUNT }, (_, i) => /* @__PURE__ */ import_react.default.createElement(
+        "div",
+        {
+          key: i,
+          className: "pisell-resource-wall-note-marquee-copy"
+        },
+        text
+      ))
+    )
+  );
 });
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/lib/components/pisellRecordBoard/shellFrame/ResourceWall/PisellRecordBoardResourceWallView.d.ts

@@ -4,7 +4,9 @@ import './ResourceWallViewport.less';
 /** 与 {@link RecordBoardResourceWallProps.filterFieldKey} 默认一致 */
 export declare const DEFAULT_RESOURCE_WALL_FILTER_FIELD_KEY = "resource_wall_resource_ids";
 /**
- * 大屏资源墙主视口：卡片数据来自 props；可见资源 id 来自
- * `searchParams.filter.values[filterFieldKey]` 与 `cards[].resourceId` 交集。
+ * RecordBoard 大屏资源墙主视口：`cards` 提供全量卡数据；可见列表由
+ * `searchParams.filter.values[filterFieldKey]` 中的资源 id 与 `cards` 交集决定。
+ * 若 ToolBar `searchParams.sort` 指向状态列（默认字段名 `status`），则按占用态重排展示顺序。
+ * 支持网格分页轮播、浅深外观、伪全屏与控制台（布局 / 配色 / 选中资源）。
  */
 export declare const PisellRecordBoardResourceWallView: React.FC<RecordBoardResourceWallProps>;

package/lib/components/pisellRecordBoard/shellFrame/ResourceWall/PisellRecordBoardResourceWallView.js

@@ -42,6 +42,7 @@ var import_types = require("../../types");
 var import_venueWallUtils = require("./venueWallUtils");
 var import_VenueWallCard = require("./VenueWallCard");
 var import_ResourceWallControlPanel = require("./ResourceWallControlPanel");
+var import_ResourceWallViewportToolbar = require("./ResourceWallViewportToolbar");
 var import_ResourceWallViewport = require("./ResourceWallViewport.less");
 var DEFAULT_RESOURCE_WALL_FILTER_FIELD_KEY = "resource_wall_resource_ids";
 var FILTER_PARAMS_FIELD = "filter";
@@ -56,6 +57,7 @@ var LAYOUT_PRESETS = [
 var DEFAULT_OCCUPIED = "#6f4ae6";
 var DEFAULT_AVAILABLE = "#10b981";
 var PisellRecordBoardResourceWallView = (props) => {
+  var _a;
   const {
     className,
     style,
@@ -68,10 +70,15 @@ var PisellRecordBoardResourceWallView = (props) => {
     appearanceMode: appearanceModeProp,
     onAppearanceModeChange,
     resourceWallLayout: resourceWallLayoutProp,
-    onResourceWallLayoutChange
+    onResourceWallLayoutChange,
+    statusSortFieldKeys: statusSortFieldKeysProp
   } = props;
   const ctx = (0, import_useRecordBoardContext.useRecordBoardContext)();
   const filterKey = props.filterFieldKey ?? DEFAULT_RESOURCE_WALL_FILTER_FIELD_KEY;
+  const statusSortFieldKeys = (0, import_react.useMemo)(
+    () => statusSortFieldKeysProp != null && statusSortFieldKeysProp.length > 0 ? statusSortFieldKeysProp : [...import_venueWallUtils.DEFAULT_RESOURCE_WALL_STATUS_SORT_FIELD_KEYS],
+    [statusSortFieldKeysProp]
+  );
   const [localToneOverrides, setLocalToneOverrides] = (0, import_react.useState)({});
   const emitToneOverrides = (0, import_react.useCallback)(
     (next) => {
@@ -93,16 +100,16 @@ var PisellRecordBoardResourceWallView = (props) => {
     },
     [onAppearanceThemeChange]
   );
-  const filterValues = (() => {
-    var _a;
-    const f = (_a = ctx.searchParams) == null ? void 0 : _a.filter;
+  const filterValues = (0, import_react.useMemo)(() => {
+    var _a2;
+    const f = (_a2 = ctx.searchParams) == null ? void 0 : _a2.filter;
     if (!f || typeof f !== "object" || f === null) return void 0;
     const v = f.values;
     if (v === null || v === void 0 || typeof v !== "object" || Array.isArray(v)) {
       return void 0;
     }
     return v;
-  })();
+  }, [ctx.searchParams]);
   const hasResourceWallFilterKey = filterValues != null && Object.prototype.hasOwnProperty.call(filterValues, filterKey);
   const selectedRaw = hasResourceWallFilterKey ? filterValues[filterKey] : void 0;
   const wallSelectedIds = (0, import_react.useMemo)(() => {
@@ -127,6 +134,7 @@ var PisellRecordBoardResourceWallView = (props) => {
     return m;
   }, [cards]);
   const visibleCards = (0, import_react.useMemo)(() => {
+    var _a2;
     if (!wallSelectedIds.length) {
       return [];
     }
@@ -135,8 +143,27 @@ var PisellRecordBoardResourceWallView = (props) => {
       const hit = cardByResourceId.get(String(id));
       if (hit) result.push(hit);
     }
+    const parsed = (0, import_venueWallUtils.parseRecordBoardToolbarSortParam)((_a2 = ctx.searchParams) == null ? void 0 : _a2.sort);
+    if (parsed && (0, import_venueWallUtils.matchesResourceWallStatusSortField)(parsed.field, statusSortFieldKeys)) {
+      const dir = parsed.dir;
+      const indexed = result.map((card, idx) => ({ card, idx }));
+      indexed.sort((a, b) => {
+        const ra = (0, import_venueWallUtils.venueWallOccupiedSortRank)(a.card);
+        const rb = (0, import_venueWallUtils.venueWallOccupiedSortRank)(b.card);
+        if (ra !== rb) {
+          return dir === "asc" ? ra - rb : rb - ra;
+        }
+        return a.idx - b.idx;
+      });
+      return indexed.map((x) => x.card);
+    }
     return result;
-  }, [cardByResourceId, wallSelectedIds]);
+  }, [
+    cardByResourceId,
+    wallSelectedIds,
+    (_a = ctx.searchParams) == null ? void 0 : _a.sort,
+    statusSortFieldKeys
+  ]);
   const [now, setNow] = (0, import_react.useState)(() => /* @__PURE__ */ new Date());
   (0, import_react.useEffect)(() => {
     const id = window.setInterval(() => setNow(/* @__PURE__ */ new Date()), 1e3);
@@ -267,7 +294,7 @@ var PisellRecordBoardResourceWallView = (props) => {
   }, [pageCapacity, visibleCards.length]);
   const mergeFilterResourceIds = (0, import_react.useCallback)(
     (ids) => {
-      var _a;
+      var _a2;
       const sp = ctx.searchParams ?? {};
       const filterValue = sp[FILTER_PARAMS_FIELD];
       const currentValues = (filterValue == null ? void 0 : filterValue.values) ?? {};
@@ -278,7 +305,7 @@ var PisellRecordBoardResourceWallView = (props) => {
           [filterKey]: ids
         }
       };
-      (_a = ctx.onSearch) == null ? void 0 : _a.call(ctx, { ...sp, [FILTER_PARAMS_FIELD]: nextFilter });
+      (_a2 = ctx.onSearch) == null ? void 0 : _a2.call(ctx, { ...sp, [FILTER_PARAMS_FIELD]: nextFilter });
     },
     [ctx, filterKey]
   );
@@ -332,7 +359,7 @@ var PisellRecordBoardResourceWallView = (props) => {
     "div",
     {
       ref: shellRef,
-      className,
+      className: `pisell-resource-wall-shell${className ? ` ${className}` : ""}`,
       style: {
         flex: 1,
         minHeight: 0,
@@ -345,125 +372,22 @@ var PisellRecordBoardResourceWallView = (props) => {
       }
     },
     /* @__PURE__ */ import_react.default.createElement(
-      "div",
+      import_ResourceWallViewportToolbar.ResourceWallViewportToolbar,
       {
-        style: {
-          flexShrink: 0,
-          borderBottom: headerBorder,
-          padding: "16px 24px",
-          display: "flex",
-          alignItems: "center",
-          justifyContent: "space-between",
-          gap: 16,
-          background: headerBg
-        }
-      },
-      /* @__PURE__ */ import_react.default.createElement(
-        "div",
-        {
-          style: {
-            fontSize: 22,
-            fontWeight: 600,
-            letterSpacing: "-0.02em",
-            color: clockColor
-          }
-        },
-        now.toLocaleTimeString([], {
-          hour: "2-digit",
-          minute: "2-digit",
-          hour12: false
-        }),
-        " ",
-        "·",
-        " ",
-        now.toLocaleDateString("en-GB", {
-          day: "2-digit",
-          month: "short",
-          year: "numeric"
-        })
-      ),
-      /* @__PURE__ */ import_react.default.createElement("div", { style: { display: "flex", alignItems: "center", gap: 8 } }, /* @__PURE__ */ import_react.default.createElement(
-        "div",
-        {
-          style: {
-            display: "inline-flex",
-            alignItems: "center",
-            borderRadius: 6,
-            border: toolbarBtnBorder,
-            overflow: "hidden",
-            background: toolbarBtnBg
-          }
-        },
-        /* @__PURE__ */ import_react.default.createElement(
-          "button",
-          {
-            type: "button",
-            onClick: () => setAppearanceMode("light"),
-            style: {
-              border: "none",
-              padding: "6px 12px",
-              fontSize: 13,
-              fontWeight: 500,
-              cursor: "pointer",
-              background: appearanceMode === "light" ? toolbarBtnBgActive : "transparent",
-              color: appearanceMode === "light" ? clockColor : mutedText
-            }
-          },
-          (0, import_locales.getText)("pisell-resource-wall-appearance-light")
-        ),
-        /* @__PURE__ */ import_react.default.createElement(
-          "button",
-          {
-            type: "button",
-            onClick: () => setAppearanceMode("dark"),
-            style: {
-              border: "none",
-              borderLeft: toolbarBtnBorder,
-              padding: "6px 12px",
-              fontSize: 13,
-              fontWeight: 500,
-              cursor: "pointer",
-              background: appearanceMode === "dark" ? toolbarBtnBgActive : "transparent",
-              color: appearanceMode === "dark" ? clockColor : mutedText
-            }
-          },
-          (0, import_locales.getText)("pisell-resource-wall-appearance-dark")
-        )
-      ), /* @__PURE__ */ import_react.default.createElement(
-        "button",
-        {
-          type: "button",
-          onClick: () => setPseudoFullscreen((v) => !v),
-          style: {
-            borderRadius: 6,
-            padding: "6px 14px",
-            fontSize: 13,
-            fontWeight: 500,
-            cursor: "pointer",
-            border: toolbarBtnBorder,
-            background: pseudoFullscreen ? toolbarBtnBgActive : toolbarBtnBg,
-            color: clockColor
-          }
-        },
-        pseudoFullscreen ? (0, import_locales.getText)("pisell-resource-wall-fullscreen-exit") : (0, import_locales.getText)("pisell-resource-wall-fullscreen-enter")
-      ), /* @__PURE__ */ import_react.default.createElement(
-        "button",
-        {
-          type: "button",
-          onClick: () => setShowControlPanel(true),
-          style: {
-            borderRadius: 6,
-            padding: "6px 14px",
-            fontSize: 13,
-            fontWeight: 500,
-            cursor: "pointer",
-            border: toolbarBtnBorder,
-            background: toolbarBtnBg,
-            color: clockColor
-          }
-        },
-        (0, import_locales.getText)("pisell-resource-wall-control-open")
-      ))
+        now,
+        appearanceMode,
+        onAppearanceModeChange: setAppearanceMode,
+        pseudoFullscreen,
+        onTogglePseudoFullscreen: () => setPseudoFullscreen((v) => !v),
+        onOpenControlPanel: () => setShowControlPanel(true),
+        headerBorder,
+        headerBg,
+        clockColor,
+        mutedText,
+        toolbarBtnBorder,
+        toolbarBtnBg,
+        toolbarBtnBgActive
+      }
     ),
     /* @__PURE__ */ import_react.default.createElement("div", { style: { flex: 1, minHeight: 0, padding: 12, display: "flex", flexDirection: "column", gap: 10 } }, totalPages > 1 ? /* @__PURE__ */ import_react.default.createElement(
       "div",
@@ -525,11 +449,12 @@ var PisellRecordBoardResourceWallView = (props) => {
           gridTemplateRows: `repeat(${selectedLayout.rows}, minmax(0, 1fr))`
         }
       },
-      renderCards.map((card, index) => /* @__PURE__ */ import_react.default.createElement(
+      renderCards.map((card) => /* @__PURE__ */ import_react.default.createElement(
         import_VenueWallCard.VenueWallCard,
         {
-          key: `${card.resourceId}-${index}`,
+          key: String(card.resourceId),
           card,
+          wallNowMs: now.getTime(),
           boardingSoonBeforeMin,
           occupiedCardColor,
           availableCardColor,

package/lib/components/pisellRecordBoard/shellFrame/ResourceWall/ResourceWallControlPanel.d.ts

@@ -43,8 +43,8 @@ export interface ResourceWallControlPanelProps {
     heroMaxWidthRatio?: number;
 }
 /**
- * 控制台弹层：JSX 自仓库根 `test.tsx` 的 `showAdmin` 整段复制后对接真实状态；
- * 状态表仅六态。
- * 关闭（Close / Escape / 点击遮罩）时提交当前草稿并关闭。
+ * 资源墙管理台（Portal）：选资源、网格预设/自定义行列、翻页秒数、占用/空闲色、六态说明与色值；
+ * `onApply` 回传负载中含 `diffVenueWallStatusToneOverrides` 压缩结果。
+ * 源自 test `showAdmin` 对接；关闭（Close / Escape / 遮罩）时提交草稿并关闭。
  */
 export declare const ResourceWallControlPanel: React.FC<ResourceWallControlPanelProps>;