@pisell/materials 1.8.54 → 1.8.55

package/es/components/pisellFloorMapLayout/utils/floorMapCanvasDisplay.d.ts

@@ -0,0 +1,7 @@
+//#region src/components/pisellFloorMapLayout/utils/floorMapCanvasDisplay.d.ts
+/**
+ * 合并平面图 Tab 用多语言包（与业务侧 `locales.init` 可叠加）。
+ */
+declare function initFloorMapLayoutLocales(engineLocale: string): void;
+//#endregion
+export { initFloorMapLayoutLocales };

package/es/components/pisellFloorMapLayout/utils/floorMapCanvasStage.js

@@ -26,6 +26,28 @@ function computeFloorMapContentStage(params) {
 	};
 }
 /**
+* 全览网格行列：n≤3 单行；n≥4 用 ceil(√n) 列、ceil(n/cols) 行，行列接近且末行空格最少。
+* 例：2→2×1，3→3×1，4→2×2，5/6→3×2，7-9→3×3，10-12→4×3。
+*
+* 仅供旧版「等大缩略图卡片」全览使用；新版 All 视图按原始尺寸装箱，请用
+* {@link packCanvasesIntoShelves}。
+*/
+function getOverviewGridDims(count) {
+	if (count <= 0) return {
+		cols: 1,
+		rows: 1
+	};
+	if (count <= 3) return {
+		cols: count,
+		rows: 1
+	};
+	const cols = Math.ceil(Math.sqrt(count));
+	return {
+		cols,
+		rows: Math.ceil(count / cols)
+	};
+}
+/**
 * 多画布 All 视图的紧凑装箱（Bottom-Left Fill, BLF）：
 *
 * - 保留输入顺序（与 Tab 顺序一致），不旋转、不缩放，原始尺寸即渲染尺寸；
@@ -136,4 +158,4 @@ function packCanvasesIntoShelves(boxes, gap, aspectBias = 2.5) {
 	};
 }
 //#endregion
-export { computeFloorMapContentStage, packCanvasesIntoShelves };
+export { computeFloorMapContentStage, getOverviewGridDims, packCanvasesIntoShelves };

package/es/components/pisellFloorMapLayout/utils/floorMapConfigMerge.js

@@ -12,6 +12,11 @@ const BUILTIN_SHAPE_FALLBACK_SIZE = {
 	width: 96,
 	height: 96
 };
+const ZONE_KIND_DEFAULT_SIZE = {
+	width: 240,
+	height: 160
+};
+const ZONE_DEFAULT_Z_INDEX = -100;
 function getDefaultSize(elementKind, elementKinds, element) {
 	if (!elementKind) return {
 		width: DEFAULT_SIZE,
@@ -22,6 +27,7 @@ function getDefaultSize(elementKind, elementKinds, element) {
 		const def = getFloorMapBuiltinShapeDef(element === null || element === void 0 ? void 0 : element.builtinShapeKey);
 		return def ? _objectSpread2({}, def.defaultSize) : _objectSpread2({}, BUILTIN_SHAPE_FALLBACK_SIZE);
 	}
+	if (elementKind === "floorMapZone") return _objectSpread2({}, ZONE_KIND_DEFAULT_SIZE);
 	if (!elementKinds.find((k) => k.value === elementKind)) return {
 		width: DEFAULT_SIZE,
 		height: DEFAULT_SIZE
@@ -39,11 +45,12 @@ function mergeCanvasItems(canvasId, config, defaultCellSize = DEFAULT_SIZE) {
 	const items = [];
 	const onCanvas = sceneElements.filter((el) => el.canvasId === canvasId);
 	for (const el of onCanvas) {
-		var _ref, _el$width, _ref2, _el$height, _el$shape;
+		var _ref, _el$width, _ref2, _el$height, _el$shape, _el$parentId;
 		const size = getDefaultSize(el.elementKind, elementKinds, el);
 		const w = (_ref = (_el$width = el.width) !== null && _el$width !== void 0 ? _el$width : size.width) !== null && _ref !== void 0 ? _ref : defaultCellSize;
 		const h = (_ref2 = (_el$height = el.height) !== null && _el$height !== void 0 ? _el$height : size.height) !== null && _ref2 !== void 0 ? _ref2 : defaultCellSize;
 		const kindConfig = getElementKindConfig({ elementKinds }, el.elementKind);
+		const isZone = Boolean(el.isZone) || el.elementKind === "floorMapZone";
 		items.push({
 			id: el.instanceId,
 			instanceId: el.instanceId,
@@ -52,9 +59,11 @@ function mergeCanvasItems(canvasId, config, defaultCellSize = DEFAULT_SIZE) {
 			width: w,
 			height: h,
 			name: el.name,
-			zIndex: el.zIndex,
+			zIndex: isZone && el.zIndex == null ? ZONE_DEFAULT_Z_INDEX : el.zIndex,
 			shape: (_el$shape = el.shape) !== null && _el$shape !== void 0 ? _el$shape : kindConfig === null || kindConfig === void 0 ? void 0 : kindConfig.defaultShape,
 			elementKind: el.elementKind,
+			isZone,
+			parentId: (_el$parentId = el.parentId) !== null && _el$parentId !== void 0 ? _el$parentId : null,
 			_sceneElement: el
 		});
 	}

package/es/components/pisellFloorMapLayout/utils/floorMapElementKindUtils.js

@@ -16,6 +16,18 @@ function resolveDataBindingPolicy(kind) {
 	var _kind$dataBindingPoli;
 	return (_kind$dataBindingPoli = kind === null || kind === void 0 ? void 0 : kind.dataBindingPolicy) !== null && _kind$dataBindingPoli !== void 0 ? _kind$dataBindingPoli : "none";
 }
+/**
+* 侧栏调色板：点击即可落点，无需数据源 / 数据行等二次选择。
+* 含预约「装饰」下的内置图形（厕所/分隔/柱子等）、底图图片等（`dataBindingPolicy: none`）。
+* 不含舞台；内置图形须带 `builtinShapeKey` 由 {@link isDirectPlacePaletteEntry} 判断。
+*/
+function isDirectPlacePaletteKind(kind) {
+	if (!kind) return false;
+	if (kind.value === "stage") return false;
+	/** 内置图形在调色板按预设展开为多张卡，不单靠 kind 落点 */
+	if (kind.value === "floorMapBuiltinShape") return false;
+	return resolveDataBindingPolicy(kind) === "none";
+}
 function getElementKindConfig(config, elementKind) {
 	var _config$elementKinds;
 	if (!elementKind || !(config === null || config === void 0 || (_config$elementKinds = config.elementKinds) === null || _config$elementKinds === void 0 ? void 0 : _config$elementKinds.length)) return void 0;
@@ -45,8 +57,13 @@ function getSwappableElementKindsInSameCategory(config, elementKind) {
 		return ((_k$categoryId = k.categoryId) !== null && _k$categoryId !== void 0 ? _k$categoryId : fallbackId) === cid;
 	});
 }
-const DEFAULT_PLACE_W = 180;
-const DEFAULT_PLACE_H = 120;
+/** 绑定资源类图元（dataBindingPolicy 为 required/optional）新建默认尺寸 */
+const FLOOR_MAP_RESOURCE_PLACE_DEFAULT = {
+	width: 300,
+	height: 200
+};
+const DEFAULT_PLACE_W = FLOOR_MAP_RESOURCE_PLACE_DEFAULT.width;
+const DEFAULT_PLACE_H = FLOOR_MAP_RESOURCE_PLACE_DEFAULT.height;
 const IMAGE_PLACE_W = 400;
 const IMAGE_PLACE_H = 240;
 const DECO_SIZE = 48;
@@ -127,4 +144,4 @@ function getSceneElementRenderIssue(element, kind, dataSources) {
 	return null;
 }
 //#endregion
-export { getElementKindConfig, getSceneElementRenderIssue, getSwappableElementKindsInSameCategory, isFloorMapBuiltinShapeElementKind, isFloorMapImageElementKind, patchSceneElementForKindSwitch, resolveDataBindingPolicy };
+export { FLOOR_MAP_RESOURCE_PLACE_DEFAULT, getElementKindConfig, getSceneElementRenderIssue, getSwappableElementKindsInSameCategory, isDirectPlacePaletteKind, isFloorMapBuiltinShapeElementKind, isFloorMapImageElementKind, patchSceneElementForKindSwitch, resolveDataBindingPolicy };

package/es/components/pisellFloorMapLayout/utils/floorMapFallbackRender.js

@@ -1,6 +1,7 @@
 import { FLOOR_MAP_STAGE_ELEMENT_KIND } from "../types.js";
 import { STAGE_DECO_DEFAULT } from "./floorMapStageDefaults.js";
 import { isFloorMapBuiltinShapeElementKind, isFloorMapImageElementKind } from "./floorMapElementKindUtils.js";
+import { FloorMapZoneElement } from "../components/FloorMapZoneElement.js";
 import { FloorMapImageElement } from "../components/FloorMapImageElement.js";
 import { FloorMapBuiltinShapeElement } from "../components/FloorMapBuiltinShapeElement.js";
 import React from "react";
@@ -33,22 +34,27 @@ function renderFloorMapFallbackPlaceholder(item) {
 	const kind = (item === null || item === void 0 ? void 0 : item.elementKind) || "item";
 	const isCircle = (item === null || item === void 0 ? void 0 : item.shape) === "circle";
 	const isStage = kind === FLOOR_MAP_STAGE_ELEMENT_KIND;
+	const isZone = Boolean(item.isZone) || kind === "floorMapZone";
 	const nameText = (item === null || item === void 0 ? void 0 : item.name) != null ? String(item.name).trim() : "";
 	const fallbackLabel = nameText || kind;
+	if (isZone) {
+		var _item$name, _item$_sceneElement;
+		return /* @__PURE__ */ React.createElement(FloorMapZoneElement, { name: (_item$name = item.name) !== null && _item$name !== void 0 ? _item$name : (_item$_sceneElement = item._sceneElement) === null || _item$_sceneElement === void 0 ? void 0 : _item$_sceneElement.name });
+	}
 	if (isFloorMapImageElementKind(kind)) {
-		var _item$_sceneElement, _item$name, _item$_sceneElement2;
-		const url = (_item$_sceneElement = item._sceneElement) === null || _item$_sceneElement === void 0 ? void 0 : _item$_sceneElement.imageUrl;
+		var _item$_sceneElement2, _item$name2, _item$_sceneElement3;
+		const url = (_item$_sceneElement2 = item._sceneElement) === null || _item$_sceneElement2 === void 0 ? void 0 : _item$_sceneElement2.imageUrl;
 		return /* @__PURE__ */ React.createElement(FloorMapImageElement, {
 			imageUrl: url,
-			name: (_item$name = item.name) !== null && _item$name !== void 0 ? _item$name : (_item$_sceneElement2 = item._sceneElement) === null || _item$_sceneElement2 === void 0 ? void 0 : _item$_sceneElement2.name
+			name: (_item$name2 = item.name) !== null && _item$name2 !== void 0 ? _item$name2 : (_item$_sceneElement3 = item._sceneElement) === null || _item$_sceneElement3 === void 0 ? void 0 : _item$_sceneElement3.name
 		});
 	}
 	if (isFloorMapBuiltinShapeElementKind(kind)) {
-		var _item$name2;
+		var _item$name3;
 		const el = item._sceneElement;
 		return /* @__PURE__ */ React.createElement(FloorMapBuiltinShapeElement, {
 			builtinShapeKey: el === null || el === void 0 ? void 0 : el.builtinShapeKey,
-			name: (_item$name2 = item.name) !== null && _item$name2 !== void 0 ? _item$name2 : el === null || el === void 0 ? void 0 : el.name,
+			name: (_item$name3 = item.name) !== null && _item$name3 !== void 0 ? _item$name3 : el === null || el === void 0 ? void 0 : el.name,
 			fillColor: el === null || el === void 0 ? void 0 : el.fillColor,
 			strokeColor: el === null || el === void 0 ? void 0 : el.strokeColor
 		});

package/es/components/pisellFloorMapLayout/utils/floorMapOverviewLayout.js

@@ -1,7 +1,7 @@
 import { _objectSpread2 } from "../../../_virtual/_@oxc-project_runtime@0.122.0/helpers/objectSpread2.js";
 import { mergeCanvasesForTabs } from "./mergeCanvasesForTabs.js";
-import { mergeCanvasItems } from "./floorMapConfigMerge.js";
 import { gapToPx } from "./layoutMeasurements.js";
+import { mergeCanvasItems } from "./floorMapConfigMerge.js";
 import { computeFloorMapContentStage, packCanvasesIntoShelves } from "./floorMapCanvasStage.js";
 //#region src/components/pisellFloorMapLayout/utils/floorMapOverviewLayout.ts
 /**
@@ -44,16 +44,18 @@ function buildFloorMapOverviewLayout(params) {
 			cellSize
 		};
 	});
+	const titleBandHeight = 36;
 	const pack = packCanvasesIntoShelves(stageList.map((s) => ({
 		width: s.contentWidth,
-		height: s.contentHeight
+		height: s.contentHeight + titleBandHeight
 	})), areaGap);
 	return {
 		areas: stageList.map((s, i) => {
 			var _pack$positions$i$x, _pack$positions$i, _pack$positions$i$y, _pack$positions$i2;
 			return _objectSpread2(_objectSpread2({}, s), {}, {
 				x: (_pack$positions$i$x = (_pack$positions$i = pack.positions[i]) === null || _pack$positions$i === void 0 ? void 0 : _pack$positions$i.x) !== null && _pack$positions$i$x !== void 0 ? _pack$positions$i$x : 0,
-				y: (_pack$positions$i$y = (_pack$positions$i2 = pack.positions[i]) === null || _pack$positions$i2 === void 0 ? void 0 : _pack$positions$i2.y) !== null && _pack$positions$i$y !== void 0 ? _pack$positions$i$y : 0
+				y: (_pack$positions$i$y = (_pack$positions$i2 = pack.positions[i]) === null || _pack$positions$i2 === void 0 ? void 0 : _pack$positions$i2.y) !== null && _pack$positions$i$y !== void 0 ? _pack$positions$i$y : 0,
+				titleBandHeight
 			});
 		}),
 		totalWidth: pack.totalWidth,

package/es/components/pisellFloorMapLayout/utils/floorMapResourcePickerDisplay.d.ts

@@ -0,0 +1,20 @@
+import { PisellCardPickerCategoryConfig, PisellCardPickerItem } from "./floorMapResourcePickerTypes.js";
+
+//#region src/components/pisellFloorMapLayout/utils/floorMapResourcePickerDisplay.d.ts
+/** @deprecated 使用 PisellCardPickerItem */
+type FloorMapResourcePickerRecord = PisellCardPickerItem;
+interface FloorMapResourcePickerCardMeta {
+  id: string;
+  title: string;
+  subtitles: string[];
+  capacity: string | null;
+}
+/** 平面图 / 预约：area 最多三级；仅展示 chip，不显示行左侧「区域」等标签 */
+declare function getFloorMapCardPickerCategoryConfig(): PisellCardPickerCategoryConfig;
+/**
+ * 小卡片主标题 + 副文案（容量、编号等；区域已在筛选区展示，副文案不再重复 area）。
+ */
+declare function getFloorMapResourcePickerCardMeta(record: PisellCardPickerItem): FloorMapResourcePickerCardMeta;
+declare function floorMapResourcePickerRecordSearchText(record: PisellCardPickerItem): string;
+//#endregion
+export { FloorMapResourcePickerRecord, floorMapResourcePickerRecordSearchText, getFloorMapCardPickerCategoryConfig, getFloorMapResourcePickerCardMeta };

package/es/components/pisellFloorMapLayout/utils/floorMapResourcePickerDisplay.js

@@ -0,0 +1,62 @@
+import { formatDataRecordOptionLabel } from "./floorMapDataRecordLabel.js";
+import { parseNestedPathSegments } from "./floorMapResourcePickerTypes.js";
+//#region src/components/pisellFloorMapLayout/utils/floorMapResourcePickerDisplay.ts
+function pickField(record, key) {
+	const raw = record[key];
+	if (raw == null) return null;
+	const t = String(raw).trim();
+	return t ? t : null;
+}
+function resolveReservationAreaRaw(record) {
+	return pickField(record, "area");
+}
+/**
+* 预约桌位：从 `area` 解析路径，最多 3 段。
+* 当前资源多为单段（如 `party_room1`）；将来 `广东/中山/三乡` 会自动出现二、三级筛选行。
+*/
+function getFloorMapResourcePickerCategoryPath(record) {
+	return parseNestedPathSegments(resolveReservationAreaRaw(record), 3);
+}
+/** 平面图 / 预约：area 最多三级；仅展示 chip，不显示行左侧「区域」等标签 */
+function getFloorMapCardPickerCategoryConfig() {
+	return {
+		mode: "nested",
+		levels: [
+			{},
+			{},
+			{}
+		],
+		getCategoryPath: getFloorMapResourcePickerCategoryPath
+	};
+}
+/**
+* 小卡片主标题 + 副文案（容量、编号等；区域已在筛选区展示，副文案不再重复 area）。
+*/
+function getFloorMapResourcePickerCardMeta(record) {
+	var _pickField, _record$id;
+	const title = formatDataRecordOptionLabel(record);
+	const subtitles = [];
+	const capacityRaw = (_pickField = pickField(record, "capacityLabel")) !== null && _pickField !== void 0 ? _pickField : pickField(record, "capacity");
+	const capacity = capacityRaw ? String(capacityRaw) : null;
+	const idStr = String((_record$id = record.id) !== null && _record$id !== void 0 ? _record$id : "").trim();
+	if (idStr && idStr !== title) subtitles.push(`#${idStr}`);
+	return {
+		id: idStr,
+		title,
+		subtitles,
+		capacity
+	};
+}
+function floorMapResourcePickerRecordSearchText(record) {
+	const meta = getFloorMapResourcePickerCardMeta(record);
+	const areaRaw = resolveReservationAreaRaw(record);
+	return [
+		meta.title,
+		areaRaw,
+		meta.capacity,
+		...meta.subtitles,
+		meta.id
+	].filter(Boolean).join(" ").toLowerCase();
+}
+//#endregion
+export { floorMapResourcePickerRecordSearchText, getFloorMapCardPickerCategoryConfig, getFloorMapResourcePickerCardMeta };

package/es/components/pisellFloorMapLayout/utils/floorMapResourcePickerTypes.d.ts

@@ -0,0 +1,83 @@
+import { ReactNode } from "react";
+
+//#region src/components/pisellFloorMapLayout/utils/floorMapResourcePickerTypes.d.ts
+/** 选择模式 */
+type PisellCardPickerMode = 'single' | 'multiple';
+/** 可选条目：至少包含稳定主键 id */
+interface PisellCardPickerItem {
+  id: string;
+  [key: string]: unknown;
+}
+/** 分类路径，最多 3 级（不足时后续为 null；未选层级表示「全部」） */
+type PisellCardPickerCategoryPath = [string | null | undefined, string | null | undefined, string | null | undefined];
+/** 单级分类配置（最多 3 级） */
+interface PisellCardPickerCategoryLevelConfig {
+  /** 嵌套模式下该级行左侧标签（如「省」「市」「区/镇」） */
+  label?: string;
+  /**
+   * parallel 模式：从 item[field] 读取该维度的 key。
+   * nested 模式：请用 getCategoryPath / nestedPathField 从单字段拆路径。
+   */
+  field?: string;
+}
+/**
+ * nested：同一维度嵌套分级（广东 → 中山 → 三乡），子级依赖父级已选。
+ * parallel：三个独立维度（每级互不影响）。
+ */
+type PisellCardPickerCategoryMode = 'nested' | 'parallel';
+/** 分类筛选配置（最多 3 级；数据只有 1 级时 UI 只展示有值的那一行） */
+interface PisellCardPickerCategoryConfig {
+  /** 默认 nested */
+  mode?: PisellCardPickerCategoryMode;
+  /**
+   * 最多 3 级配置位。
+   * nested：单字段拆路径；仅 1 段时只出现第 1 行，多段时再逐级出现。
+   */
+  levels: [PisellCardPickerCategoryLevelConfig?, PisellCardPickerCategoryLevelConfig?, PisellCardPickerCategoryLevelConfig?];
+  /** 自定义 [L1,L2,L3]；优先于 levels[].field */
+  getCategoryPath?: (item: PisellCardPickerItem) => PisellCardPickerCategoryPath;
+  /**
+   * nested 便捷项：从 item[nestedPathField] 用 `/` `>` 等拆成最多 3 段。
+   * 与 getCategoryPath 同时存在时以 getCategoryPath 为准。
+   */
+  nestedPathField?: string;
+}
+interface PisellCardPickerCardMeta {
+  title: string;
+  subtitles: string[];
+  /** 容量/人数；卡片副文案前可由业务侧渲染人数图标（如平面图资源选择） */
+  capacity?: string;
+}
+/**
+ * 平面图工具栏「打开资源选择」槽位 props。
+ * 与 `PisellProResourcePickerModalProps` 字段对齐；业务注入 modal 时可透传
+ * `categoryConfig` / `getSearchText` / `getCardMeta` 等扩展项。
+ */
+interface FloorMapResourcePickerSlotProps {
+  open: boolean;
+  onClose: () => void;
+  onConfirm: (selectedIds: string[]) => void;
+  records: PisellCardPickerItem[];
+  mode?: PisellCardPickerMode;
+  value?: string[];
+  title?: string;
+  disabledIds?: string[];
+  /** 最多三级分类；不传则仅搜索 + 列表 */
+  categoryConfig?: PisellCardPickerCategoryConfig;
+  getSearchText?: (record: PisellCardPickerItem) => string;
+  getCardMeta?: (record: PisellCardPickerItem) => PisellCardPickerCardMeta;
+  renderCard?: (record: PisellCardPickerItem, ctx: {
+    selected: boolean;
+    disabled: boolean;
+  }) => ReactNode;
+  zIndex?: number;
+  width?: number;
+  className?: string;
+}
+/**
+ * 把单字段中的层级路径解析为 [L1, L2, L3]。
+ * 例：`广东/中山/三乡` → `['广东','中山','三乡']`；不足三级后续为 null。
+ */
+declare function parseNestedPathSegments(raw: unknown, maxDepth?: number): PisellCardPickerCategoryPath;
+//#endregion
+export { FloorMapResourcePickerSlotProps, PisellCardPickerCardMeta, PisellCardPickerCategoryConfig, PisellCardPickerCategoryLevelConfig, PisellCardPickerCategoryMode, PisellCardPickerCategoryPath, PisellCardPickerItem, PisellCardPickerMode, parseNestedPathSegments };

package/es/components/pisellFloorMapLayout/utils/floorMapResourcePickerTypes.js

@@ -0,0 +1,29 @@
+//#region src/components/pisellFloorMapLayout/utils/floorMapResourcePickerTypes.ts
+/** 将「广东/中山/三乡」类字符串拆成最多 3 段（嵌套路径，非三个独立维度） */
+const NESTED_PATH_SPLIT = /(?:\s*\/\s*|\s*>\s*|\s*\\\s*|\s*\|\s*|\s*·\s*)/;
+/**
+* 把单字段中的层级路径解析为 [L1, L2, L3]。
+* 例：`广东/中山/三乡` → `['广东','中山','三乡']`；不足三级后续为 null。
+*/
+function parseNestedPathSegments(raw, maxDepth = 3) {
+	var _parts$, _parts$2, _parts$3;
+	if (raw == null) return [
+		null,
+		null,
+		null
+	];
+	const t = String(raw).trim();
+	if (!t) return [
+		null,
+		null,
+		null
+	];
+	const parts = t.split(NESTED_PATH_SPLIT).map((s) => s.trim()).filter(Boolean).slice(0, maxDepth);
+	return [
+		(_parts$ = parts[0]) !== null && _parts$ !== void 0 ? _parts$ : null,
+		(_parts$2 = parts[1]) !== null && _parts$2 !== void 0 ? _parts$2 : null,
+		(_parts$3 = parts[2]) !== null && _parts$3 !== void 0 ? _parts$3 : null
+	];
+}
+//#endregion
+export { parseNestedPathSegments };

package/es/components/pisellFloorMapLayout/utils/floorMapToolbarPalette.js

@@ -0,0 +1,51 @@
+import { _objectSpread2 } from "../../../_virtual/_@oxc-project_runtime@0.122.0/helpers/objectSpread2.js";
+import "../types.js";
+import { FLOOR_MAP_BUILTIN_SHAPES } from "./floorMapBuiltinShapes.js";
+//#region src/components/pisellFloorMapLayout/utils/floorMapToolbarPalette.ts
+/** 解析侧栏每类展示上限（至少 1） */
+function resolvePaletteSidebarVisibleLimit(limit) {
+	return Math.max(1, Math.floor(limit !== null && limit !== void 0 ? limit : 5));
+}
+/** 分类下图元数是否应显示「查看全部」 */
+function shouldShowPaletteViewAll(entryCount, limit) {
+	return entryCount > resolvePaletteSidebarVisibleLimit(limit);
+}
+/** 侧栏直接展示的 palette 条目（前 N 项） */
+function getPaletteSidebarVisibleEntries(entries, limit) {
+	return entries.slice(0, resolvePaletteSidebarVisibleLimit(limit));
+}
+function buildToolbarPaletteEntries(kinds, resolveBuiltinLabel) {
+	const out = [];
+	for (const kind of kinds) {
+		if (kind.value === "floorMapBuiltinShape") {
+			for (const shapeDef of FLOOR_MAP_BUILTIN_SHAPES) out.push({
+				key: `builtin:${kind.value}:${shapeDef.key}`,
+				kind,
+				builtinShapeKey: shapeDef.key,
+				shapeDef,
+				label: resolveBuiltinLabel(shapeDef)
+			});
+			continue;
+		}
+		out.push({
+			key: `kind:${kind.value}`,
+			kind,
+			label: kind.label
+		});
+	}
+	return out;
+}
+/**
+* 按弹窗内各条目数量展开为落点列表（数量为 n 则重复 n 次，落点时阶梯偏移）。
+*/
+function expandPaletteEntriesByQuantity(entries, quantities) {
+	const out = [];
+	for (const e of entries) {
+		var _quantities$e$key;
+		const n = Math.max(0, Math.floor((_quantities$e$key = quantities[e.key]) !== null && _quantities$e$key !== void 0 ? _quantities$e$key : 0));
+		for (let i = 0; i < n; i += 1) out.push(_objectSpread2({ elementKind: e.kind.value }, e.builtinShapeKey ? { builtinShapeKey: e.builtinShapeKey } : {}));
+	}
+	return out;
+}
+//#endregion
+export { buildToolbarPaletteEntries, expandPaletteEntriesByQuantity, getPaletteSidebarVisibleEntries, shouldShowPaletteViewAll };

package/es/components/productCard/cartSkuCard/components/BookingItem/index.js

@@ -0,0 +1,14 @@
+import TimeRange from "../timeRange/index.js";
+import Resources from "../resources/index.js";
+import React from "react";
+import { Divider } from "antd";
+import classNames from "classnames";
+import "./index.less";
+//#region src/components/productCard/cartSkuCard/components/BookingItem/index.tsx
+const PREFIX = "pisell-cart-sku-card-booking-item";
+const BookingItem = (props) => {
+	const { children, isShowRelatedProduct = true, isShowDelete = false, dataSource } = props;
+	return /* @__PURE__ */ React.createElement("div", { className: PREFIX }, /* @__PURE__ */ React.createElement("div", { className: classNames(`${PREFIX}__info`, { [`${PREFIX}__info--with-delete`]: isShowDelete }) }, /* @__PURE__ */ React.createElement(TimeRange, { dataSource }), /* @__PURE__ */ React.createElement(Resources, { dataSource })), isShowRelatedProduct && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Divider, { style: { margin: 0 } }), /* @__PURE__ */ React.createElement("div", { className: `${PREFIX}__related-product` }, children)));
+};
+//#endregion
+export { BookingItem as default };

package/es/components/productCard/cartSkuCard/components/BookingItem/index.less

@@ -0,0 +1,32 @@
+.pisell-cart-sku-card-booking-item {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+
+  &__info {
+    display: flex;
+    flex-direction: column;
+    gap: 4px;
+    min-width: 0;
+
+    &--with-delete {
+      padding-right: 44px;
+    }
+  }
+
+  &__resource-title {
+    color: var(--Gray-900, #101828);
+    font-size: 16px;
+    font-weight: 600;
+    line-height: 24px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  &__related-product {
+    display: flex;
+    flex-direction: column;
+    gap: 4px;
+  }
+}

package/es/components/productCard/cartSkuCard/components/timeRange/index.js

@@ -2,7 +2,6 @@ import IconFont from "../../../../iconfont/index.js";
 import { getServiceTime } from "../../../utils.js";
 import { PREFIX } from "../../index.js";
 import React, { useEffect, useMemo } from "react";
-import { Divider } from "antd";
 import dayjs from "dayjs";
 import "dayjs/locale/zh-cn";
 import "dayjs/locale/en";
@@ -32,7 +31,7 @@ const TimeRange = (props) => {
 	useMemo(() => {
 		return isEn ? "HH:mm DD/MM/YYYY" : "YYYY-MM-DD HH:mm";
 	}, [isEn]);
-	return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Divider, { style: { margin: "0" } }), /* @__PURE__ */ React.createElement("div", { className: `${PREFIX}__time-range` }, /* @__PURE__ */ React.createElement(IconFont, {
+	return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: `${PREFIX}__time-range` }, /* @__PURE__ */ React.createElement(IconFont, {
 		className: "time-icon",
 		type: "pisell2-clock"
 	}), getServiceTime(dataSource, start_date)));

package/es/components/productCard/cartSkuCard/index.js

@@ -17,6 +17,7 @@ import Footer from "./components/AmountFooter/index.js";
 import MultiDay from "./components/MultiDay/index.js";
 import Promotion from "./components/Promotion/index.js";
 import Gift from "./components/Gift/index.js";
+import BookingItem from "./components/BookingItem/index.js";
 import React, { useMemo, useRef } from "react";
 import { locales } from "@pisell/utils";
 import classNames from "classnames";
@@ -44,15 +45,17 @@ const _excluded = [
 	"onPromotion",
 	"onGift",
 	"onChangeHolder",
+	"itemType",
 	"type",
 	"rightActions",
 	"escapeDom",
-	"maxSpecsCount"
+	"maxSpecsCount",
+	"isShowRelatedProduct"
 ];
 const PREFIX = "pisell-cart-sku-card";
 const CartSkuCard = (props) => {
 	var _context$appHelper$ut;
-	const { dataSource = defaultValue.dataSource, isShowImage = defaultValue.isShowImage, isShowOriginalPrice = defaultValue.isShowOriginalPrice, isShowHolder = defaultValue.isShowHolder, isShowNote = defaultValue.isShowNote, isShowDelete = defaultValue.isShowDelete, isShowAmountFooter = defaultValue.isShowAmountFooter, isShowPackageNote = defaultValue.isShowPackageNote, isShowEditProduct = defaultValue.isShowEditProduct, disabledClick = defaultValue.disabledClick, disabledEditClick = defaultValue.disabledEditClick, onEditProduct, onAction, onDelete, onNote, onLike, onCard, onChangeResource, onPromotion, onGift, onChangeHolder, type, rightActions = [], escapeDom, maxSpecsCount = 1 } = props, other = _objectWithoutProperties(props, _excluded);
+	const { dataSource = defaultValue.dataSource, isShowImage = defaultValue.isShowImage, isShowOriginalPrice = defaultValue.isShowOriginalPrice, isShowHolder = defaultValue.isShowHolder, isShowNote = defaultValue.isShowNote, isShowDelete = defaultValue.isShowDelete, isShowAmountFooter = defaultValue.isShowAmountFooter, isShowPackageNote = defaultValue.isShowPackageNote, isShowEditProduct = defaultValue.isShowEditProduct, disabledClick = defaultValue.disabledClick, disabledEditClick = defaultValue.disabledEditClick, onEditProduct, onAction, onDelete, onNote, onLike, onCard, onChangeResource, onPromotion, onGift, onChangeHolder, itemType = "product", type, rightActions = [], escapeDom, maxSpecsCount = 1, isShowRelatedProduct = true } = props, other = _objectWithoutProperties(props, _excluded);
 	const useOpenNoteRef = useRef();
 	const context = useEngineContext();
 	locales.init(locales_default, ((_context$appHelper$ut = context.appHelper.utils) === null || _context$appHelper$ut === void 0 || (_context$appHelper$ut = _context$appHelper$ut.storage) === null || _context$appHelper$ut === void 0 ? void 0 : _context$appHelper$ut.get("umi_locale")) || "en");
@@ -68,13 +71,11 @@ const CartSkuCard = (props) => {
 				color: "white",
 				cursor: "pointer",
 				padding: "10px 0px"
-			} }, /* @__PURE__ */ React.createElement(IconFont, {
-				type: "pisell2-trash-01",
-				style: {
-					fontSize: 20,
-					marginRight: 4
-				}
-			}), /* @__PURE__ */ React.createElement("span", { style: {
+			} }, /* @__PURE__ */ React.createElement("span", { style: {
+				fontSize: 20,
+				marginRight: 4,
+				lineHeight: 1
+			} }, /* @__PURE__ */ React.createElement(IconFont, { type: "pisell2-trash-01" })), /* @__PURE__ */ React.createElement("span", { style: {
 				fontSize: 12,
 				fontWeight: 500
 			} }, locales.getText("pisell2.cart.sku-card.actions.delete"))),
@@ -140,7 +141,7 @@ const CartSkuCard = (props) => {
 			isShowEditProduct,
 			disabledEditClick,
 			onEditProduct
-		}), /* @__PURE__ */ React.createElement(TimeRange, { dataSource }), /* @__PURE__ */ React.createElement(Resources, { dataSource }), /* @__PURE__ */ React.createElement(Packages, {
+		}), itemType !== "booking" ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(TimeRange, { dataSource }), /* @__PURE__ */ React.createElement(Resources, { dataSource })) : null, /* @__PURE__ */ React.createElement(Packages, {
 			dataSource,
 			isShowImage
 		}), /* @__PURE__ */ React.createElement(Sales, {
@@ -202,6 +203,7 @@ const CartSkuCard = (props) => {
 		return renderA2();
 	};
 	if (dataSource === null || dataSource === void 0 ? void 0 : dataSource.isGift) return null;
+	const content = renderContent();
 	return /* @__PURE__ */ React.createElement("div", { className: `${PREFIX}-wrapper-container` }, /* @__PURE__ */ React.createElement(SwipeAction, {
 		closeOnAction: false,
 		className: classNames(`${PREFIX}-wrapper`),
@@ -215,7 +217,11 @@ const CartSkuCard = (props) => {
 			e.stopPropagation();
 			onCard === null || onCard === void 0 || onCard(dataSource);
 		}
-	}, renderContent())), /* @__PURE__ */ React.createElement(Gift, _objectSpread2(_objectSpread2({}, (dataSource === null || dataSource === void 0 ? void 0 : dataSource.giftData) || {}), {}, { onClick: () => onGift === null || onGift === void 0 ? void 0 : onGift(dataSource) })));
+	}, itemType === "booking" ? /* @__PURE__ */ React.createElement(BookingItem, {
+		dataSource,
+		isShowRelatedProduct,
+		isShowDelete
+	}, content) : content)), /* @__PURE__ */ React.createElement(Gift, _objectSpread2(_objectSpread2({}, (dataSource === null || dataSource === void 0 ? void 0 : dataSource.giftData) || {}), {}, { onClick: () => onGift === null || onGift === void 0 ? void 0 : onGift(dataSource) })));
 };
 //#endregion
 export { PREFIX, CartSkuCard as default };

package/es/components/productCard/lineItem/BookingLineItem.js

@@ -10,6 +10,8 @@ import Note from "../cartSkuCard/components/Note/index.js";
 import Footer from "../cartSkuCard/components/AmountFooter/index.js";
 import Promotion from "../cartSkuCard/components/Promotion/index.js";
 import Gift from "../cartSkuCard/components/Gift/index.js";
+import LineItemTimeRange from "./components/TimeRange/index.js";
+import LineItemResources from "./components/Resources/index.js";
 import React, { useMemo } from "react";
 import { locales } from "@pisell/utils";
 import { Button, Divider, Dropdown } from "antd";
@@ -99,9 +101,9 @@ const BookingLineItem = (props) => {
 		}
 	};
 	const bookingRightActions = isShowDelete ? [deleteAction, ...rightActions] : rightActions;
-	const bookingTitle = String((dataSource === null || dataSource === void 0 ? void 0 : dataSource.booking_id) || "-");
-	const bookingTime = formatBookingTime(dataSource, locale);
-	const resourceName = getResourceName(dataSource, translationOriginal) || "-";
+	const bookingTitle = String((dataSource === null || dataSource === void 0 ? void 0 : dataSource.booking_id) || "");
+	formatBookingTime(dataSource, locale);
+	getResourceName(dataSource, translationOriginal);
 	const renderStatusButton = () => /* @__PURE__ */ React.createElement(Button, {
 		className: `${PREFIX}__status`,
 		htmlType: "button",
@@ -147,7 +149,7 @@ const BookingLineItem = (props) => {
 			e.stopPropagation();
 			onDelete === null || onDelete === void 0 || onDelete(dataSource);
 		}
-	}, /* @__PURE__ */ React.createElement(IconFont, { type: "pisell2-trash-01" })) : null))), /* @__PURE__ */ React.createElement("div", { className: `${PREFIX}__booking-detail` }, /* @__PURE__ */ React.createElement("div", { className: `${PREFIX}__booking-field` }, /* @__PURE__ */ React.createElement("div", { className: `${PREFIX}__booking-field-label` }, /* @__PURE__ */ React.createElement(IconFont, { type: "pisell2-marker-pin-01" }), /* @__PURE__ */ React.createElement("span", null, locales.getText("pisell2.line-item.resource"))), /* @__PURE__ */ React.createElement("div", { className: `${PREFIX}__booking-field-value` }, resourceName)), /* @__PURE__ */ React.createElement("div", { className: `${PREFIX}__booking-field` }, /* @__PURE__ */ React.createElement("div", { className: `${PREFIX}__booking-field-label` }, /* @__PURE__ */ React.createElement(IconFont, { type: "pisell2-clock" }), /* @__PURE__ */ React.createElement("span", null, locales.getText("pisell2.line-item.time"))), /* @__PURE__ */ React.createElement("div", { className: `${PREFIX}__booking-field-value` }, bookingTime || "-"))), isShowRelatedProduct && relatedProductDataSource ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Divider, { style: { margin: 0 } }), /* @__PURE__ */ React.createElement("div", { className: `${PREFIX}__related-product` }, /* @__PURE__ */ React.createElement("div", { className: `${PREFIX}__related-product-card` }, /* @__PURE__ */ React.createElement(BasicInfo, {
+	}, /* @__PURE__ */ React.createElement(IconFont, { type: "pisell2-trash-01" })) : null))), /* @__PURE__ */ React.createElement("div", { className: `${PREFIX}__booking-detail` }, /* @__PURE__ */ React.createElement(LineItemTimeRange, { dataSource }), /* @__PURE__ */ React.createElement(LineItemResources, { dataSource })), isShowRelatedProduct && relatedProductDataSource ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Divider, { style: { margin: 0 } }), /* @__PURE__ */ React.createElement("div", { className: `${PREFIX}__related-product` }, /* @__PURE__ */ React.createElement("div", { className: `${PREFIX}__related-product-card` }, /* @__PURE__ */ React.createElement(BasicInfo, {
 		isShowImage,
 		dataSource: relatedProductDataSource,
 		type: cartSkuType,