@pisell/materials 1.8.38 → 1.8.41

package/es/components/pisellRecordBoard/shellFrame/ResourceWall/ResourceWallControlPanelColorTab.js

@@ -1,62 +0,0 @@
-import { getText } from "../../../../locales/index.js";
-import { _objectSpread2 } from "../../../../_virtual/_@oxc-project_runtime@0.122.0/helpers/objectSpread2.js";
-import { VENUE_WALL_STATUS_KEYS } from "./venueWallUtils.js";
-import React from "react";
-//#region src/components/pisellRecordBoard/shellFrame/ResourceWall/ResourceWallControlPanelColorTab.tsx
-/** 控制台「外观 / 颜色」分页：占用/空闲底色与六态表格 */
-const ResourceWallControlPanelColorTab = ({ adminSectionBg, adminInputBg, headerText, mutedText, divider, draftOcc, setDraftOcc, draftAvail, setDraftAvail, draftTones, setDraftTones }) => {
-	return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("section", { className: `rounded-2xl border p-4 space-y-4 ${adminSectionBg}` }, /* @__PURE__ */ React.createElement("div", { className: `text-sm font-semibold ${headerText}` }, getText("pisell-resource-wall-tab-colors")), /* @__PURE__ */ React.createElement("div", { className: "grid grid-cols-2 gap-3" }, /* @__PURE__ */ React.createElement("label", { className: `rounded-2xl border p-3 block ${adminInputBg}` }, /* @__PURE__ */ React.createElement("div", { className: `text-xs mb-2 ${mutedText}` }, getText("pisell-resource-wall-occupied-card-color-label")), /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React.createElement("input", {
-		type: "color",
-		value: draftOcc,
-		onChange: (e) => setDraftOcc(e.target.value),
-		className: `h-10 w-14 shrink-0 rounded-lg border p-1 ${adminInputBg}`
-	}), /* @__PURE__ */ React.createElement("input", {
-		type: "text",
-		value: draftOcc,
-		onChange: (e) => setDraftOcc(e.target.value),
-		className: `flex-1 rounded-xl border px-3 py-2 outline-none ${adminInputBg}`
-	}))), /* @__PURE__ */ React.createElement("label", { className: `rounded-2xl border p-3 block ${adminInputBg}` }, /* @__PURE__ */ React.createElement("div", { className: `text-xs mb-2 ${mutedText}` }, getText("pisell-resource-wall-available-card-color-label")), /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React.createElement("input", {
-		type: "color",
-		value: draftAvail,
-		onChange: (e) => setDraftAvail(e.target.value),
-		className: `h-10 w-14 shrink-0 rounded-lg border p-1 ${adminInputBg}`
-	}), /* @__PURE__ */ React.createElement("input", {
-		type: "text",
-		value: draftAvail,
-		onChange: (e) => setDraftAvail(e.target.value),
-		className: `flex-1 rounded-xl border px-3 py-2 outline-none ${adminInputBg}`
-	}))))), /* @__PURE__ */ React.createElement("section", { className: `overflow-hidden rounded-2xl border ${adminSectionBg}` }, /* @__PURE__ */ React.createElement("div", { className: `border-b px-4 py-3 text-sm font-semibold ${headerText} ${divider}` }, getText("pisell-resource-wall-status-table-title")), /* @__PURE__ */ React.createElement("div", { className: "grid grid-cols-[0.8fr_1fr_1.3fr_0.9fr_0.9fr] gap-3 border-b px-4 py-3 text-xs font-semibold text-slate-500" }, /* @__PURE__ */ React.createElement("div", null, getText("pisell-resource-wall-status-col-key")), /* @__PURE__ */ React.createElement("div", null, getText("pisell-resource-wall-status-col-label")), /* @__PURE__ */ React.createElement("div", null, getText("pisell-resource-wall-status-col-explain")), /* @__PURE__ */ React.createElement("div", null, getText("pisell-resource-wall-status-col-color")), /* @__PURE__ */ React.createElement("div", null, getText("pisell-resource-wall-status-col-notebg"))), VENUE_WALL_STATUS_KEYS.map((key) => {
-		const item = draftTones[key];
-		return /* @__PURE__ */ React.createElement("div", {
-			key,
-			className: `grid grid-cols-[0.8fr_1fr_1.3fr_0.9fr_0.9fr] items-center gap-3 border-b px-4 py-3 last:border-b-0 ${divider}`
-		}, /* @__PURE__ */ React.createElement("div", { className: `text-sm font-medium ${headerText}` }, getText(`pisell-resource-wall-status-id-${key}`)), /* @__PURE__ */ React.createElement("input", {
-			type: "text",
-			value: item.label,
-			onChange: (e) => setDraftTones((prev) => _objectSpread2(_objectSpread2({}, prev), {}, { [key]: _objectSpread2(_objectSpread2({}, prev[key]), {}, { label: e.target.value }) })),
-			className: `w-full rounded-xl border px-3 py-2 outline-none ${adminInputBg}`
-		}), /* @__PURE__ */ React.createElement("textarea", {
-			rows: 2,
-			value: item.note,
-			onChange: (e) => setDraftTones((prev) => _objectSpread2(_objectSpread2({}, prev), {}, { [key]: _objectSpread2(_objectSpread2({}, prev[key]), {}, { note: e.target.value }) })),
-			className: `w-full resize-none rounded-xl border px-3 py-2 outline-none ${adminInputBg}`
-		}), /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React.createElement("input", {
-			type: "color",
-			value: item.color,
-			onChange: (e) => setDraftTones((prev) => _objectSpread2(_objectSpread2({}, prev), {}, { [key]: _objectSpread2(_objectSpread2({}, prev[key]), {}, { color: e.target.value }) })),
-			className: `h-10 w-14 shrink-0 rounded-lg border p-1 ${adminInputBg}`
-		}), /* @__PURE__ */ React.createElement("input", {
-			type: "text",
-			value: item.color,
-			onChange: (e) => setDraftTones((prev) => _objectSpread2(_objectSpread2({}, prev), {}, { [key]: _objectSpread2(_objectSpread2({}, prev[key]), {}, { color: e.target.value }) })),
-			className: `w-full rounded-xl border px-3 py-2 outline-none ${adminInputBg}`
-		})), /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React.createElement("input", {
-			type: "text",
-			value: item.noteBg,
-			onChange: (e) => setDraftTones((prev) => _objectSpread2(_objectSpread2({}, prev), {}, { [key]: _objectSpread2(_objectSpread2({}, prev[key]), {}, { noteBg: e.target.value }) })),
-			className: `w-full rounded-xl border px-3 py-2 outline-none ${adminInputBg}`
-		})));
-	})));
-};
-//#endregion
-export { ResourceWallControlPanelColorTab };

package/es/components/pisellRecordBoard/shellFrame/ResourceWall/ResourceWallControlPanelLayoutTab.js

@@ -1,57 +0,0 @@
-import { getText } from "../../../../locales/index.js";
-import MemoizedPisellNumber from "../../../pisellNumber/PisellNumber.js";
-import "../../../pisellNumber/index.js";
-import PisellSingleSelect from "../../../pisellSingleSelect/PisellSingleSelect.js";
-import "../../../pisellSingleSelect/index.js";
-import React from "react";
-//#region src/components/pisellRecordBoard/shellFrame/ResourceWall/ResourceWallControlPanelLayoutTab.tsx
-/** 控制台「资源 / 布局」分页：预设、自定义行列、翻页停留、主文案宽度 */
-const ResourceWallControlPanelLayoutTab = ({ adminSectionBg, adminInputBg, headerText, mutedText, layoutPresets, draftLayoutKey, setDraftLayoutKey, draftCustomCols, setDraftCustomCols, draftCustomRows, setDraftCustomRows, draftPageSec, setDraftPageSec, draftHeroRatio, setDraftHeroRatio, carouselCur, carouselTot, isDark }) => {
-	return /* @__PURE__ */ React.createElement("section", { className: `rounded-2xl border p-4 space-y-4 ${adminSectionBg}` }, /* @__PURE__ */ React.createElement("div", { className: `text-sm font-semibold ${headerText}` }, getText("pisell-resource-wall-tab-layout")), /* @__PURE__ */ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-3" }, /* @__PURE__ */ React.createElement("label", { className: `rounded-2xl border p-3 block ${adminInputBg}` }, /* @__PURE__ */ React.createElement("div", { className: `text-xs mb-2 ${mutedText}` }, getText("pisell-resource-wall-display-mode")), /* @__PURE__ */ React.createElement("div", { className: `w-full rounded-xl border px-3 py-2 ${adminInputBg}` }, getText("pisell-resource-wall-carousel-paging-mode"))), /* @__PURE__ */ React.createElement("label", { className: `rounded-2xl border p-3 block ${adminInputBg}` }, /* @__PURE__ */ React.createElement("div", { className: `text-xs mb-2 ${mutedText}` }, getText("pisell-resource-wall-carousel-dwell-sec-label")), /* @__PURE__ */ React.createElement(MemoizedPisellNumber, {
-		className: "w-full",
-		value: draftPageSec,
-		min: 3,
-		max: 60,
-		step: 1,
-		precision: 0,
-		onChange: (v) => setDraftPageSec(v == null ? 3 : Math.max(3, Math.min(60, Math.round(v))))
-	})), /* @__PURE__ */ React.createElement("div", { className: `rounded-2xl border p-3 ${adminInputBg}` }, /* @__PURE__ */ React.createElement("div", { className: `text-xs mb-2 ${mutedText}` }, getText("pisell-resource-wall-summary-pagination")), /* @__PURE__ */ React.createElement("div", { className: "text-sm font-semibold" }, getText("pisell-resource-wall-carousel-countdown-line").replace("{cur}", String(carouselCur)).replace("{tot}", String(carouselTot)).replace("{sec}", String(Math.max(3, draftPageSec)))))), /* @__PURE__ */ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-3" }, /* @__PURE__ */ React.createElement("label", { className: `rounded-2xl border p-3 block ${adminInputBg}` }, /* @__PURE__ */ React.createElement("div", { className: `text-xs mb-2 ${mutedText}` }, getText("pisell-resource-wall-layout-field-label")), /* @__PURE__ */ React.createElement(PisellSingleSelect, {
-		className: "w-full",
-		value: draftLayoutKey,
-		options: layoutPresets.map((item) => ({
-			value: item.key,
-			label: item.label
-		})),
-		placeholder: getText("pisell-resource-wall-layout-placeholder"),
-		allowClear: false,
-		onChange: (v) => {
-			if (v != null) setDraftLayoutKey(String(v));
-		}
-	})), /* @__PURE__ */ React.createElement("div", { className: "grid grid-cols-2 gap-3" }, /* @__PURE__ */ React.createElement("label", { className: `rounded-2xl border p-3 block ${adminInputBg}` }, /* @__PURE__ */ React.createElement("div", { className: `text-xs mb-2 ${mutedText}` }, getText("pisell-resource-wall-panel-custom-cols")), /* @__PURE__ */ React.createElement(MemoizedPisellNumber, {
-		className: "w-full",
-		value: draftCustomCols,
-		min: 1,
-		max: 6,
-		step: 1,
-		precision: 0,
-		onChange: (v) => setDraftCustomCols(v == null ? 1 : Math.max(1, Math.min(6, Math.round(v))))
-	})), /* @__PURE__ */ React.createElement("label", { className: `rounded-2xl border p-3 block ${adminInputBg}` }, /* @__PURE__ */ React.createElement("div", { className: `text-xs mb-2 ${mutedText}` }, getText("pisell-resource-wall-panel-custom-rows")), /* @__PURE__ */ React.createElement(MemoizedPisellNumber, {
-		className: "w-full",
-		value: draftCustomRows,
-		min: 1,
-		max: 6,
-		step: 1,
-		precision: 0,
-		onChange: (v) => setDraftCustomRows(v == null ? 1 : Math.max(1, Math.min(6, Math.round(v))))
-	})))), /* @__PURE__ */ React.createElement("label", { className: `rounded-2xl border p-3 block ${adminInputBg}` }, /* @__PURE__ */ React.createElement("div", { className: `text-xs mb-2 ${mutedText}` }, getText("pisell-resource-wall-hero-width-ratio")), /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React.createElement("input", {
-		type: "range",
-		min: 40,
-		max: 80,
-		step: 1,
-		value: Math.round(draftHeroRatio * 100),
-		onChange: (e) => setDraftHeroRatio(Number(e.target.value) / 100),
-		className: "flex-1"
-	}), /* @__PURE__ */ React.createElement("div", { className: `${isDark ? "text-slate-200" : "text-slate-700"} text-sm font-semibold w-14 text-right` }, Math.round(draftHeroRatio * 100), "%")), /* @__PURE__ */ React.createElement("div", { className: `text-[11px] mt-2 ${mutedText}` }, getText("pisell-resource-wall-hero-width-hint"))));
-};
-//#endregion
-export { ResourceWallControlPanelLayoutTab };

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

@@ -1,45 +0,0 @@
-/** 资源墙：多页轮播顶栏倒计时条（与翻页 interval 同周期） */
-@keyframes pisell-resource-wall-page-countdown {
-  0% {
-    transform: scaleX(0);
-  }
-  100% {
-    transform: scaleX(1);
-  }
-}
-
-.pisell-resource-wall-page-countdown-bar {
-  transform-origin: left center;
-  animation-name: pisell-resource-wall-page-countdown;
-  animation-timing-function: linear;
-  animation-iteration-count: infinite;
-}
-
-/**
- * 资源墙伪全屏：不调用 Fullscreen API。
- * 通过给 `body` 打标记，选择器固定 `.pisell-shell-frame-body` 铺满视口（width/height 均为 100%）。
- */
-body.pisell-resource-wall-fixed-viewport {
-  overflow: hidden !important;
-}
-
-body.pisell-resource-wall-fixed-viewport .pisell-shell-frame-body {
-  position: fixed;
-  inset: 0;
-  z-index: 2000;
-  padding: 0;
-  margin: 0;
-  width: 100%;
-  height: 100%;
-  max-width: 100%;
-  max-height: 100%;
-  overflow: hidden;
-}
-
-/* 与视口根内联色一致，便于主题扩展时集中覆写（当前主色仍由 JS 注入） */
-.pisell-resource-wall-shell {
-  --pisell-rw-page-bg-light: #f5f7fb;
-  --pisell-rw-page-bg-dark: #0f172a;
-  --pisell-rw-header-bg-light: #ffffff;
-  --pisell-rw-header-bg-dark: #1e293b;
-}

package/es/components/pisellRecordBoard/shellFrame/ResourceWall/ResourceWallViewportToolbar.js

@@ -1,91 +0,0 @@
-import { getText } from "../../../../locales/index.js";
-import React from "react";
-//#region src/components/pisellRecordBoard/shellFrame/ResourceWall/ResourceWallViewportToolbar.tsx
-/** 资源墙顶栏：时钟、浅深切换、伪全屏、控制台入口 */
-const ResourceWallViewportToolbar = ({ now, appearanceMode, onAppearanceModeChange, pseudoFullscreen, onTogglePseudoFullscreen, onOpenControlPanel, headerBorder, headerBg, clockColor, mutedText, toolbarBtnBorder, toolbarBtnBg, toolbarBtnBgActive }) => /* @__PURE__ */ React.createElement("div", { style: {
-	flexShrink: 0,
-	borderBottom: headerBorder,
-	padding: "16px 24px",
-	display: "flex",
-	alignItems: "center",
-	justifyContent: "space-between",
-	gap: 16,
-	background: headerBg
-} }, /* @__PURE__ */ React.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__ */ React.createElement("div", { style: {
-	display: "flex",
-	alignItems: "center",
-	gap: 8
-} }, /* @__PURE__ */ React.createElement("div", { style: {
-	display: "inline-flex",
-	alignItems: "center",
-	borderRadius: 6,
-	border: toolbarBtnBorder,
-	overflow: "hidden",
-	background: toolbarBtnBg
-} }, /* @__PURE__ */ React.createElement("button", {
-	type: "button",
-	onClick: () => onAppearanceModeChange("light"),
-	style: {
-		border: "none",
-		padding: "6px 12px",
-		fontSize: 13,
-		fontWeight: 500,
-		cursor: "pointer",
-		background: appearanceMode === "light" ? toolbarBtnBgActive : "transparent",
-		color: appearanceMode === "light" ? clockColor : mutedText
-	}
-}, getText("pisell-resource-wall-appearance-light")), /* @__PURE__ */ React.createElement("button", {
-	type: "button",
-	onClick: () => onAppearanceModeChange("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
-	}
-}, getText("pisell-resource-wall-appearance-dark"))), /* @__PURE__ */ React.createElement("button", {
-	type: "button",
-	onClick: onTogglePseudoFullscreen,
-	style: {
-		borderRadius: 6,
-		padding: "6px 14px",
-		fontSize: 13,
-		fontWeight: 500,
-		cursor: "pointer",
-		border: toolbarBtnBorder,
-		background: pseudoFullscreen ? toolbarBtnBgActive : toolbarBtnBg,
-		color: clockColor
-	}
-}, pseudoFullscreen ? getText("pisell-resource-wall-fullscreen-exit") : getText("pisell-resource-wall-fullscreen-enter")), /* @__PURE__ */ React.createElement("button", {
-	type: "button",
-	onClick: onOpenControlPanel,
-	style: {
-		borderRadius: 6,
-		padding: "6px 14px",
-		fontSize: 13,
-		fontWeight: 500,
-		cursor: "pointer",
-		border: toolbarBtnBorder,
-		background: toolbarBtnBg,
-		color: clockColor
-	}
-}, getText("pisell-resource-wall-control-open"))));
-//#endregion
-export { ResourceWallViewportToolbar };

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

@@ -1,218 +0,0 @@
-import { getText } from "../../../../locales/index.js";
-import { alphaColor, getVenueWallStatusToneMap } from "./venueWallUtils.js";
-import { NoteTicker } from "./NoteTicker.js";
-import { buildVenueWallCardPresentation } from "./venueWallCardPresentation.js";
-import React, { useEffect, useMemo, useState } from "react";
-import "./VenueWallCard.less";
-//#region src/components/pisellRecordBoard/shellFrame/ResourceWall/VenueWallCard.tsx
-/**
-* 将服务端给出的「整分钟」计数与收到时的墙钟对齐，随 `now` 递减；
-* `value` 或 `resourceId` 从上游变更时重新锚定。
-*/
-function useDriftMinutesFromEpoch(value, resourceId, now, allowNegative = false) {
-	const [epoch, setEpoch] = useState(() => ({
-		min: value !== null && value !== void 0 ? value : 0,
-		at: Date.now()
-	}));
-	useEffect(() => {
-		setEpoch({
-			min: value !== null && value !== void 0 ? value : 0,
-			at: Date.now()
-		});
-	}, [resourceId, value]);
-	const elapsedMs = now - epoch.at;
-	const precise = epoch.min - elapsedMs / 6e4;
-	const drifted = epoch.min - Math.floor(elapsedMs / 6e4);
-	return {
-		whole: allowNegative ? drifted : Math.max(0, drifted),
-		precise: allowNegative ? precise : Math.max(0, precise)
-	};
-}
-/**
-* 迟到分钟等：自服务给出的整分起，随 `now` 递增；`value` 或 `resourceId` 变化时重锚定。
-*/
-function useDriftAccumulatedMinutesFromEpoch(value, resourceId, now) {
-	const [epoch, setEpoch] = useState(() => ({
-		min: value !== null && value !== void 0 ? value : 0,
-		at: Date.now()
-	}));
-	useEffect(() => {
-		setEpoch({
-			min: value !== null && value !== void 0 ? value : 0,
-			at: Date.now()
-		});
-	}, [resourceId, value]);
-	return epoch.min + Math.floor((now - epoch.at) / 6e4);
-}
-/** 下一预约行里「无数据」占位（不展示联系人兜底） */
-const NEXT_LIST_PLACEHOLDER_VALUES = new Set([
-	"",
-	"-",
-	"–",
-	"—",
-	"―",
-	"—",
-	"–"
-]);
-function nextListFieldIsMeaningful(raw) {
-	const s = String(raw !== null && raw !== void 0 ? raw : "").trim();
-	if (!s) return false;
-	return !NEXT_LIST_PLACEHOLDER_VALUES.has(s);
-}
-const DEFAULT_OCCUPIED = "#6f4ae6";
-/** 空闲态卡片主色（淡灰，随 alpha 打底条等） */
-const DEFAULT_AVAILABLE = "#94a3b8";
-function VenueWallCardInner({ card, wallNowMs, boardingSoonBeforeMin = 10, occupiedCardColor = DEFAULT_OCCUPIED, availableCardColor = DEFAULT_AVAILABLE, statusToneMap: statusToneMapProp, appearance = "light" }) {
-	var _card$nextList, _card$resource, _card$area;
-	const toneMap = statusToneMapProp !== null && statusToneMapProp !== void 0 ? statusToneMapProp : getVenueWallStatusToneMap();
-	const isDark = appearance === "dark";
-	const idleMain = isDark ? "#e2e8f0" : "#0f172a";
-	const idleSub = isDark ? "#94a3b8" : "#94a3b8";
-	const { whole: liveRemainingMin, precise: liveRemainingPreciseMin } = useDriftMinutesFromEpoch(card.remainingMin, card.resourceId, wallNowMs, true);
-	const { whole: liveStartsInMin } = useDriftMinutesFromEpoch(card.startsInMin, card.resourceId, wallNowMs, false);
-	const liveLateMin = useDriftAccumulatedMinutesFromEpoch(card.lateMin, card.resourceId, wallNowMs);
-	const { floorLikeStatus, headerStatusKey, headerStatusLabel, headerStatusColor, cardVariant, mainColor, subColor, surfaceAccentColor, primaryEmphasisLine, primaryEmphasisColor, timeRangeLine, contactLine, showProgress, progress, progressColor, showEndingSoonMarquee, marqueeText, marqueeColor, marqueeShellBackground } = useMemo(() => buildVenueWallCardPresentation({
-		card,
-		toneMap,
-		wallNowMs,
-		liveRemainingMin,
-		liveRemainingPreciseMin,
-		liveStartsInMin,
-		liveLateMin,
-		boardingSoonBeforeMin,
-		idleMain,
-		idleSub,
-		occupiedCardColor,
-		availableCardColor
-	}), [
-		card,
-		toneMap,
-		wallNowMs,
-		liveRemainingMin,
-		liveRemainingPreciseMin,
-		liveStartsInMin,
-		liveLateMin,
-		boardingSoonBeforeMin,
-		idleMain,
-		idleSub,
-		occupiedCardColor,
-		availableCardColor
-	]);
-	const nextItem = (_card$nextList = card.nextList) === null || _card$nextList === void 0 ? void 0 : _card$nextList[0];
-	const nextTimeMeaningful = nextItem ? nextListFieldIsMeaningful(nextItem.time) : false;
-	const nextContactMeaningful = nextItem ? nextListFieldIsMeaningful(nextItem.booking) : false;
-	/** 当前区为「未开始」预约：{@link RecordBoardResourceWallCardModel.wallUseNextLabelHideNextRow} 为真时不渲染下方 Next 条带 */
-	const showNextSection = Boolean(nextItem && (nextTimeMeaningful || nextContactMeaningful)) && !card.wallUseNextLabelHideNextRow;
-	const useNextAsCurrentTitle = Boolean(card.wallUseNextLabelHideNextRow);
-	const nextTimeSoloLarge = nextTimeMeaningful && !nextContactMeaningful;
-	const cardBg = cardVariant === "occupied" ? `linear-gradient(180deg, ${alphaColor(occupiedCardColor, .96)} 0%, ${alphaColor(occupiedCardColor, .88)} 100%)` : alphaColor(surfaceAccentColor, floorLikeStatus === "reserved" ? .06 : .03);
-	const cardBorder = cardVariant === "occupied" ? alphaColor(occupiedCardColor, .5) : alphaColor(surfaceAccentColor, .18);
-	const moduleBorder = cardVariant === "occupied" ? "rgba(255,255,255,0.10)" : alphaColor(surfaceAccentColor, .2);
-	const currentPanelBg = cardVariant === "occupied" ? "rgba(255,255,255,0.16)" : alphaColor(surfaceAccentColor, floorLikeStatus === "reserved" ? .18 : .2);
-	/**
-	* 「当前预约」区块标题 / 时段 / 联系人：
-	* - 占用卡：纯白
-	* - 预约中（Reserved）：主色 slate 略透明，比纯黑柔和、仍明显强于 subColor
-	* - 空闲等：沿用 subColor
-	*/
-	const currentSectionInk = cardVariant === "occupied" ? "#ffffff" : floorLikeStatus === "reserved" ? alphaColor(idleMain, .78) : subColor;
-	const nextPanelBg = cardVariant === "occupied" ? "rgba(255,255,255,0.04)" : alphaColor(surfaceAccentColor, floorLikeStatus === "reserved" ? .1 : .08);
-	/** 预约中：Next 区联系人/时段与「当前预约」区一致，用主字色半透明，避免仅 subColor 发灰 */
-	const nextSectionInk = cardVariant === "occupied" ? subColor : floorLikeStatus === "reserved" ? alphaColor(idleMain, .78) : subColor;
-	const resourceTitleLabel = String((_card$resource = card.resource) !== null && _card$resource !== void 0 ? _card$resource : "").trim();
-	String((_card$area = card.area) !== null && _card$area !== void 0 ? _card$area : "").trim();
-	const headerStatusClass = `pisell-resource-wall-card__header-status--${headerStatusKey}`;
-	/**
-	* 5 态胶囊：
-	* - empty / reserved：沿用旧 accent 描边样式（颜色取 tone）
-	* - late：accent 卡上浮红描边 + 红字（与一档强调色同源）
-	* - occupied（inUse / endingSoon）：白字白描边白底（沿用旧占用样式）
-	* - expired：占用卡上以红色实心胶囊 + 白字（与倒计时红同色相）
-	*/
-	const headerStatusStyle = (() => {
-		if (headerStatusKey === "empty") return { color: headerStatusColor };
-		if (headerStatusKey === "reserved" || headerStatusKey === "late") return { color: headerStatusColor };
-		if (headerStatusKey === "expired") return {
-			color: "#ffffff",
-			background: headerStatusColor
-		};
-		return { color: "#ffffff" };
-	})();
-	return /* @__PURE__ */ React.createElement("div", {
-		className: "pisell-resource-wall-card",
-		style: {
-			background: cardBg,
-			borderColor: cardBorder,
-			boxShadow: isDark ? "0 18px 48px rgba(0,0,0,0.35)" : "0 18px 48px rgba(15,23,42,0.06)"
-		}
-	}, /* @__PURE__ */ React.createElement("div", { className: "pisell-resource-wall-card__scale-root" }, /* @__PURE__ */ React.createElement("div", { className: `pisell-resource-wall-card__grid ${showNextSection ? "pisell-resource-wall-card__grid--with-next" : "pisell-resource-wall-card__grid--no-next"}` }, /* @__PURE__ */ React.createElement("header", { className: "pisell-resource-wall-card__header" }, /* @__PURE__ */ React.createElement("div", { className: "pisell-resource-wall-card__header-main" }, null, /* @__PURE__ */ React.createElement("div", {
-		className: "pisell-resource-wall-card__header-name",
-		style: { color: mainColor }
-	}, resourceTitleLabel || "\xA0")), /* @__PURE__ */ React.createElement("div", {
-		className: `pisell-resource-wall-card__header-status ${headerStatusClass}`,
-		style: headerStatusStyle
-	}, headerStatusLabel)), /* @__PURE__ */ React.createElement("section", {
-		className: `pisell-resource-wall-card__panel${cardVariant === "occupied" ? " pisell-resource-wall-card__panel--occupied-current" : floorLikeStatus === "reserved" ? " pisell-resource-wall-card__panel--reserved-current" : ""}`,
-		style: {
-			borderColor: cardVariant === "occupied" ? "rgba(255,255,255,0.28)" : moduleBorder,
-			background: currentPanelBg,
-			minHeight: 0
-		}
-	}, /* @__PURE__ */ React.createElement("div", {
-		className: `pisell-resource-wall-card__section-title${cardVariant === "occupied" ? " pisell-resource-wall-card__section-title--occupied-current" : floorLikeStatus === "reserved" ? " pisell-resource-wall-card__section-title--reserved-current" : ""}`,
-		style: { color: currentSectionInk }
-	}, getText(useNextAsCurrentTitle ? "pisell-resource-wall-card-label-next" : "pisell-resource-wall-card-label-current")), /* @__PURE__ */ React.createElement("div", { className: "pisell-resource-wall-card__current-body" }, /* @__PURE__ */ React.createElement("div", { className: "pisell-resource-wall-card__current-main" }, timeRangeLine ? /* @__PURE__ */ React.createElement("div", {
-		className: "pisell-resource-wall-card__tier2",
-		style: { color: currentSectionInk }
-	}, timeRangeLine) : null, contactLine ? /* @__PURE__ */ React.createElement("div", {
-		className: "pisell-resource-wall-card__tier2",
-		style: { color: currentSectionInk }
-	}, contactLine) : null), primaryEmphasisLine || showProgress || showEndingSoonMarquee && marqueeText || floorLikeStatus === "empty" ? /* @__PURE__ */ React.createElement("div", { className: "pisell-resource-wall-card__current-footer" }, floorLikeStatus === "empty" ? /* @__PURE__ */ React.createElement("div", {
-		className: "pisell-resource-wall-card__current-footer-emphasis pisell-resource-wall-card__tier2",
-		style: { color: currentSectionInk }
-	}, getText("pisell-resource-wall-card-current-not-in-use")) : null, primaryEmphasisLine ? /* @__PURE__ */ React.createElement("div", {
-		className: "pisell-resource-wall-card__current-footer-emphasis pisell-resource-wall-card__tier1",
-		style: { color: primaryEmphasisColor }
-	}, primaryEmphasisLine) : null, showProgress ? /* @__PURE__ */ React.createElement("div", {
-		className: "pisell-resource-wall-card__progress-wrap",
-		style: { background: cardVariant === "occupied" ? "rgba(255,255,255,0.14)" : "rgba(148,163,184,0.18)" }
-	}, /* @__PURE__ */ React.createElement("div", {
-		className: "pisell-resource-wall-card__progress-fill",
-		style: {
-			width: `${progress}%`,
-			background: progressColor
-		}
-	})) : null, showEndingSoonMarquee && marqueeText ? /* @__PURE__ */ React.createElement("div", {
-		className: "pisell-resource-wall-card__marquee-shell",
-		style: { background: marqueeShellBackground }
-	}, /* @__PURE__ */ React.createElement("div", {
-		className: "pisell-resource-wall-card__tier3",
-		style: { color: marqueeColor }
-	}, /* @__PURE__ */ React.createElement(NoteTicker, {
-		text: marqueeText,
-		color: marqueeColor,
-		duration: 24,
-		shouldMarquee: marqueeText.length > 32
-	}))) : null) : null)), showNextSection ? /* @__PURE__ */ React.createElement("section", {
-		className: `pisell-resource-wall-card__panel${floorLikeStatus === "reserved" ? " pisell-resource-wall-card__panel--reserved-next" : ""}`,
-		style: {
-			borderColor: moduleBorder,
-			background: nextPanelBg,
-			minHeight: 0
-		}
-	}, /* @__PURE__ */ React.createElement("div", {
-		className: `pisell-resource-wall-card__section-title${floorLikeStatus === "reserved" ? " pisell-resource-wall-card__section-title--reserved-next" : ""}`,
-		style: { color: nextSectionInk }
-	}, getText("pisell-resource-wall-card-label-next")), /* @__PURE__ */ React.createElement("div", { className: `pisell-resource-wall-card__next-stack${nextContactMeaningful && nextTimeMeaningful ? " pisell-resource-wall-card__next-stack--both-lines" : ""}` }, nextContactMeaningful && nextItem ? /* @__PURE__ */ React.createElement("div", {
-		className: "pisell-resource-wall-card__tier2",
-		style: { color: nextSectionInk }
-	}, String(nextItem.booking).trim()) : null, nextTimeMeaningful && nextItem ? /* @__PURE__ */ React.createElement("div", {
-		className: nextTimeSoloLarge ? "pisell-resource-wall-card__next-time-solo" : "pisell-resource-wall-card__tier2",
-		style: { color: nextSectionInk }
-	}, String(nextItem.time).trim()) : null)) : null)));
-}
-/** 单块场地大屏卡：漂移与文案由 {@link buildVenueWallCardPresentation} 统一计算 */
-const VenueWallCard = React.memo(VenueWallCardInner);
-VenueWallCard.displayName = "VenueWallCard";
-//#endregion
-export { VenueWallCard };