@pisell/private-materials 6.12.223 → 6.12.224

package/lib/components/bigSale/components/KioskCartCapsule/index.less

@@ -417,7 +417,8 @@
 }
 
 @media (max-width: 720px) {
-  .pisell-kiosk-cart-capsule--floating.pisell-kiosk-cart-capsule--catalog {
+  .pisell-kiosk-sale[data-kiosk-shell='single-screen']
+    .pisell-kiosk-cart-capsule--floating.pisell-kiosk-cart-capsule--catalog {
     gap: 8px;
     padding: 6px 14px;
 
@@ -492,7 +493,8 @@
 }
 
 @media (max-width: 560px) {
-  .pisell-kiosk-cart-capsule--floating.pisell-kiosk-cart-capsule--cart {
+  .pisell-kiosk-sale[data-kiosk-shell='single-screen']
+    .pisell-kiosk-cart-capsule--floating.pisell-kiosk-cart-capsule--cart {
     gap: 8px;
     padding: 6px 14px;
 
@@ -527,7 +529,8 @@
 }
 
 @media (max-width: 390px) {
-  .pisell-kiosk-cart-capsule {
+  .pisell-kiosk-sale[data-kiosk-shell='single-screen']
+    .pisell-kiosk-cart-capsule {
     &__back-button {
       width: 48px;
       justify-content: center;
@@ -539,7 +542,8 @@
     }
   }
 
-  .pisell-kiosk-cart-capsule--catalog {
+  .pisell-kiosk-sale[data-kiosk-shell='single-screen']
+    .pisell-kiosk-cart-capsule--catalog {
     .pisell-kiosk-cart-capsule {
       &__back-button {
         width: auto;
@@ -554,13 +558,15 @@
 }
 
 @media (max-width: 340px) {
-  .pisell-kiosk-cart-capsule {
+  .pisell-kiosk-sale[data-kiosk-shell='single-screen']
+    .pisell-kiosk-cart-capsule {
     gap: 4px;
     padding-right: 6px;
     padding-left: 6px;
   }
 
-  .pisell-kiosk-cart-capsule--cart {
+  .pisell-kiosk-sale[data-kiosk-shell='single-screen']
+    .pisell-kiosk-cart-capsule--cart {
     .pisell-kiosk-cart-capsule {
       &__note-button {
         width: 48px;
@@ -575,7 +581,8 @@
   }
 }
 
-.pisell-kiosk-sale[data-variant='phone'] .pisell-kiosk-cart-capsule {
+.pisell-kiosk-sale[data-kiosk-shell='single-screen']
+  .pisell-kiosk-cart-capsule--floating {
   &__back-button,
   &__promotion-button,
   &__note-button {

package/lib/components/bigSale/components/KioskCartCapsule/viewModel.js

@@ -2,12 +2,13 @@
 function resolveKioskCartCapsuleViewModel(options) {
 	const normalizedPromotionAppliedCount = Number.isFinite(options.promotionAppliedCount) ? Math.max(0, Math.floor(options.promotionAppliedCount)) : 0;
 	const isSidebarPresentation = options.presentation === "sidebar";
+	const shouldShowCatalogNoteAction = Boolean(options.showCatalogNoteAction) && !options.isCartActive;
 	const shouldShowPromotionBadge = !options.isPromotionVisible && normalizedPromotionAppliedCount > 0;
 	return {
 		isSidebarPresentation,
 		normalizedPromotionAppliedCount,
 		shouldShowTotal: !options.isCartActive || isSidebarPresentation,
-		shouldShowNoteButton: Boolean(options.onAddNote) && (options.isCartActive || isSidebarPresentation),
+		shouldShowNoteButton: Boolean(options.onAddNote) && (options.isCartActive || isSidebarPresentation || shouldShowCatalogNoteAction),
 		shouldShowPromotionButton: Boolean(options.onTogglePromotion) && (options.isCartActive || isSidebarPresentation),
 		shouldShowPromotionBadge
 	};

package/lib/components/bigSale/index.js

@@ -81,6 +81,7 @@ const BigSale = ({ osKey = DEFAULT_OS_KEY, enableMultiCurrencySettlement = false
 		variant
 	]);
 	const resolvedVariant = resolvedTemplate === "kiosk" ? kioskPresentation.variant || variant : variant;
+	const resolvedKioskShellLayout = resolvedTemplate === "kiosk" ? kioskPresentation.kioskShellLayout : void 0;
 	const resolvedNormalProductDetailConfig = (0, react.useMemo)(() => {
 		var _selectionFlowConfig$;
 		const selectionFlowConfig = require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({}, require_selectionFlowConfig.resolveBigSaleSelectionFlowConfig(selectionFlowScene, normalProductDetailConfig)), {}, { enableMultiCurrencySettlement });
@@ -175,6 +176,7 @@ const BigSale = ({ osKey = DEFAULT_OS_KEY, enableMultiCurrencySettlement = false
 		osKey,
 		mode,
 		variant: resolvedVariant,
+		kioskShellLayout: resolvedKioskShellLayout,
 		template: resolvedTemplate,
 		productLoadParams,
 		productDisplayConfig,

package/lib/components/bigSale/templates/Kiosk/index.js

@@ -226,7 +226,7 @@ function createKioskLoginContinuationHandler(options) {
 		});
 	};
 }
-function KioskBigSaleTemplate({ isActive = true, osKey, context, mode, variant, productLoadParams, businessCode, productDisplayConfig, productCatalogSessionKey, orderId, saleDetailModuleConfig, locale, onOrderComplete }) {
+function KioskBigSaleTemplate({ isActive = true, osKey, productListPreferencesChannel, context, mode, variant, kioskShellLayout = "single-screen", productLoadParams, businessCode, productDisplayConfig, productCatalogSessionKey, orderId, saleDetailModuleConfig, locale, onOrderComplete }) {
 	var _context$sales$bookin, _engineContext$appHel, _utils$getApp, _engineContext$appHel2;
 	_pisell_utils.locales.init(require_index$2.default, locale || "en");
 	const engineContext = require_useEngineContext.default();
@@ -241,7 +241,7 @@ function KioskBigSaleTemplate({ isActive = true, osKey, context, mode, variant,
 	const shouldUseConsumerPayment = hostChannel === "pc" || hostChannel === "h5";
 	const shouldRequireLogin = require_useSalesUserLogin.isRequireLoginChannel(hostChannel);
 	const { isLoggedIn, openLoginModal } = require_useSalesUserLogin.default();
-	const [view, setView] = (0, react.useState)(() => readKioskSessionView(context.sales.bookingTicket));
+	const [view, setView] = (0, react.useState)(() => require_layout.normalizeKioskNavigableView(kioskShellLayout, readKioskSessionView(context.sales.bookingTicket)));
 	const [isCatalogPromotionVisible, setIsCatalogPromotionVisible] = (0, react.useState)(false);
 	const [isCartPromotionVisible, setIsCartPromotionVisible] = (0, react.useState)(true);
 	const [isCatalogProductListScrolling, setIsCatalogProductListScrolling] = (0, react.useState)(false);
@@ -287,10 +287,12 @@ function KioskBigSaleTemplate({ isActive = true, osKey, context, mode, variant,
 		modalClassName: "pisell-kiosk-modal pisell-kiosk-note-modal"
 	});
 	const setNavigableView = (nextView) => {
-		persistKioskSessionView(context.sales.bookingTicket, nextView);
-		setView(nextView);
+		const normalizedView = require_layout.normalizeKioskNavigableView(kioskShellLayout, nextView);
+		persistKioskSessionView(context.sales.bookingTicket, normalizedView);
+		setView(normalizedView);
 	};
-	const layoutState = require_layout.resolveKioskLayoutState(variant, view);
+	const layoutState = require_layout.resolveKioskLayoutState(kioskShellLayout, view);
+	const resolvedProductListPreferencesChannel = require_layout.resolveKioskProductListPreferencesChannel(kioskShellLayout, productListPreferencesChannel);
 	const requestRemoveItemConfirmation = (0, react.useCallback)(() => new Promise((resolve) => {
 		var _removeItemConfirmRes;
 		(_removeItemConfirmRes = removeItemConfirmResolverRef.current) === null || _removeItemConfirmRes === void 0 || _removeItemConfirmRes.call(removeItemConfirmResolverRef, false);
@@ -330,13 +332,14 @@ function KioskBigSaleTemplate({ isActive = true, osKey, context, mode, variant,
 		if (!bookingTicket || context.sales.status !== "ready" || !context.sales.tempOrder) return;
 		if (restoredSessionHandleRef.current === bookingTicket) return;
 		restoredSessionHandleRef.current = bookingTicket;
-		const restoredView = resolveRestoredKioskSessionView(bookingTicket);
+		const restoredView = require_layout.normalizeKioskNavigableView(kioskShellLayout, resolveRestoredKioskSessionView(bookingTicket));
 		persistKioskSessionView(bookingTicket, restoredView);
 		setView(restoredView);
 	}, [
 		context.sales.bookingTicket,
 		context.sales.status,
-		context.sales.tempOrder
+		context.sales.tempOrder,
+		kioskShellLayout
 	]);
 	const defaultProductListPreferences = (0, react.useMemo)(() => {
 		const autoPreferences = require_productListPreferences.resolveBigSaleAutoProductListPreferences({
@@ -415,14 +418,14 @@ function KioskBigSaleTemplate({ isActive = true, osKey, context, mode, variant,
 		const previousRevision = previousPromotionItemIncreaseRevisionRef.current;
 		previousPromotionItemIncreaseRevisionRef.current = nextRevision;
 		if (nextRevision !== previousRevision && isActive) {
-			const target = require_layout.resolveKioskPromotionRevealTarget(variant, view);
+			const target = require_layout.resolveKioskPromotionRevealTarget(kioskShellLayout, view);
 			if (target === "catalog") setIsCatalogPromotionVisible(true);
 			else if (target === "cart") setIsCartPromotionVisible(true);
 		}
 	}, [
 		context.sales.promotionScanItemIncreaseRevision,
 		isActive,
-		variant,
+		kioskShellLayout,
 		view
 	]);
 	const catalogPromotionSlot = (0, react.useMemo)(() => layoutState.showCatalogPromotion ? /* @__PURE__ */ react.default.createElement("div", { className: "pisell-kiosk-sale__catalog-promotions" }, /* @__PURE__ */ react.default.createElement(require_Base.default, {
@@ -518,12 +521,17 @@ function KioskBigSaleTemplate({ isActive = true, osKey, context, mode, variant,
 		}, 0);
 	};
 	const handleCapsuleBack = () => {
-		if (layoutState.isDesktop || view === "catalog") {
+		if (layoutState.isPcWideSidebar || view === "catalog") {
 			setIsExitConfirmOpen(true);
 			return;
 		}
 		setNavigableView("catalog");
 	};
+	const handleFloatingCartToggle = () => {
+		const nextView = view === "cart" ? "catalog" : "cart";
+		if (nextView === "cart") setIsCartPromotionVisible(true);
+		setNavigableView(nextView);
+	};
 	const showCheckoutFailure = (failureReason) => {
 		var _ref2, _context$sales$tempOr, _context$sales$bookin2, _context$sales$bookin3, _ref3, _ref4, _resolveVirtualSettle;
 		const tempOrder = (_ref2 = (_context$sales$tempOr = context.sales.tempOrder) !== null && _context$sales$tempOr !== void 0 ? _context$sales$tempOr : (_context$sales$bookin2 = context.sales.bookingTicket) === null || _context$sales$bookin2 === void 0 || (_context$sales$bookin3 = _context$sales$bookin2.getTempOrder) === null || _context$sales$bookin3 === void 0 ? void 0 : _context$sales$bookin3.call(_context$sales$bookin2)) !== null && _ref2 !== void 0 ? _ref2 : null;
@@ -861,18 +869,20 @@ function KioskBigSaleTemplate({ isActive = true, osKey, context, mode, variant,
 	}]];
 	return /* @__PURE__ */ react.default.createElement("section", {
 		className: "pisell-kiosk-sale",
-		"data-catalog-promotion": view === "catalog" && isCatalogPromotionVisible ? "visible" : "hidden",
+		"data-catalog-promotion": layoutState.showCatalogPromotion && isCatalogPromotionVisible ? "visible" : "hidden",
 		"data-catalog-scrolling": view === "catalog" && isCatalogProductListScrolling ? "true" : "false",
+		"data-kiosk-shell": kioskShellLayout,
 		"data-variant": variant,
 		"data-view": view
 	}, /* @__PURE__ */ react.default.createElement("div", { className: "pisell-kiosk-sale__content" }, layoutState.showCatalog ? /* @__PURE__ */ react.default.createElement("div", {
-		"aria-hidden": !layoutState.isDesktop && view !== "catalog",
+		"aria-hidden": !layoutState.isPcWideSidebar && view !== "catalog",
 		className: "pisell-kiosk-sale__catalog"
 	}, /* @__PURE__ */ react.default.createElement(require_index$3.BigSaleProductList, {
 		addToCartToastIcon: variant === "phone" ? KIOSK_PHONE_ADD_TO_CART_TOAST_ICON : void 0,
 		addToCartToastOptions: variant === "phone" ? KIOSK_PHONE_ADD_TO_CART_TOAST_OPTIONS : void 0,
-		isActive: isActive && (layoutState.isDesktop || view === "catalog"),
+		isActive: isActive && (layoutState.isPcWideSidebar || view === "catalog"),
 		osKey,
+		productListPreferencesChannel: resolvedProductListPreferencesChannel,
 		mode,
 		context,
 		businessCode,
@@ -892,29 +902,23 @@ function KioskBigSaleTemplate({ isActive = true, osKey, context, mode, variant,
 		showActiveCategoryTitle: catalogVariant !== "phone",
 		showSettings: true,
 		variant: catalogVariant
-	})) : null, layoutState.showCart ? /* @__PURE__ */ react.default.createElement("section", { className: "pisell-kiosk-sale__screen pisell-kiosk-sale__cart-screen" }, /* @__PURE__ */ react.default.createElement("header", { className: "pisell-kiosk-sale__cart-header" }, /* @__PURE__ */ react.default.createElement("h1", null, _pisell_utils.locales.getText("pisell2.big-sale.kiosk.your-order"), " ", "(", cartItemCount, ")")), /* @__PURE__ */ react.default.createElement("div", { className: "pisell-kiosk-sale__cart-body" }, /* @__PURE__ */ react.default.createElement(require_Base.default, {
+	})) : null, layoutState.showCart ? /* @__PURE__ */ react.default.createElement("section", {
+		"aria-label": _pisell_utils.locales.getText("pisell2.big-sale.kiosk.your-order"),
+		className: "pisell-kiosk-sale__screen pisell-kiosk-sale__cart-screen"
+	}, /* @__PURE__ */ react.default.createElement("header", { className: "pisell-kiosk-sale__cart-header" }, /* @__PURE__ */ react.default.createElement("h1", null, _pisell_utils.locales.getText("pisell2.big-sale.kiosk.your-order"), " ", "(", cartItemCount, ")")), /* @__PURE__ */ react.default.createElement("div", { className: "pisell-kiosk-sale__cart-body" }, /* @__PURE__ */ react.default.createElement(require_Base.default, {
 		context: saleDetailContext,
 		mobilePresentation: "inline",
 		moduleConfig: kioskSaleDetailModuleConfig,
 		renderType: "current",
 		template: "A",
 		variant
-	})), layoutState.showSidebarCapsule ? /* @__PURE__ */ react.default.createElement(require_index$4.default, {
-		presentation: "sidebar",
-		context,
-		isCartActive: true,
-		isPromotionVisible: isCartPromotionVisible,
-		promotionAppliedCount: selectedCustomerVoucherCount,
-		onAddNote: openOrderNoteModal,
-		onBack: handleCapsuleBack,
-		checkoutLoading: isCheckoutLoading,
-		onCheckout: handleCheckout,
-		onTogglePromotion: () => setIsCartPromotionVisible((visible) => !visible),
-		onToggleCart: () => setNavigableView("cart")
-	}) : null) : null), view === "cart" && isCheckoutLoading ? /* @__PURE__ */ react.default.createElement("div", { className: "pisell-kiosk-sale__checkout-loading" }, /* @__PURE__ */ react.default.createElement(antd.Spin, { size: "large" })) : null, catalogPromotionSlot, layoutState.showFloatingCapsule ? /* @__PURE__ */ react.default.createElement(require_index$4.default, {
+	}))) : null), view === "cart" && isCheckoutLoading ? /* @__PURE__ */ react.default.createElement("div", { className: "pisell-kiosk-sale__checkout-loading" }, /* @__PURE__ */ react.default.createElement(antd.Spin, { size: "large" })) : null, catalogPromotionSlot, layoutState.showFloatingCapsule ? /* @__PURE__ */ react.default.createElement(require_index$4.default, {
 		presentation: "floating",
 		context,
 		isCartActive: layoutState.cartIsActive,
+		catalogPrimaryAction: layoutState.catalogPrimaryAction,
+		showCatalogCartAction: !layoutState.isPcWideSidebar,
+		showCatalogNoteAction: layoutState.isPcWideSidebar,
 		isPromotionVisible: isCartPromotionVisible,
 		locale,
 		promotionAppliedCount: selectedCustomerVoucherCount,
@@ -923,11 +927,7 @@ function KioskBigSaleTemplate({ isActive = true, osKey, context, mode, variant,
 		checkoutLoading: isCheckoutLoading,
 		onCheckout: handleCheckout,
 		onTogglePromotion: isVirtualSettlementOrder ? void 0 : () => setIsCartPromotionVisible((visible) => !visible),
-		onToggleCart: () => {
-			const nextView = view === "cart" ? "catalog" : "cart";
-			if (nextView === "cart") setIsCartPromotionVisible(true);
-			setNavigableView(nextView);
-		}
+		onToggleCart: handleFloatingCartToggle
 	}) : null, orderNoteModal, /* @__PURE__ */ react.default.createElement(antd.Modal, {
 		centered: true,
 		closable: false,

package/lib/components/bigSale/templates/Kiosk/index.less

@@ -12,6 +12,7 @@
   );
 
   position: relative;
+  box-sizing: border-box;
   width: 100%;
   height: 100%;
   min-height: 0;
@@ -302,7 +303,7 @@
 
 // 手机版商品列表滚动时，底部 catalog 胶囊与顶部搜索框同时让出可视区域。
 // 只改变视觉和点击状态，不删除原来的底部预留空间；滚动停止后可无跳动恢复。
-.pisell-kiosk-sale[data-variant='phone'][data-view='catalog'][data-catalog-scrolling='true']
+.pisell-kiosk-sale[data-kiosk-shell='single-screen'][data-view='catalog'][data-catalog-scrolling='true']
   .pisell-kiosk-cart-capsule--catalog {
   opacity: 0;
   pointer-events: none;
@@ -379,7 +380,19 @@
   min-height: 0;
 }
 
-.pisell-kiosk-sale[data-variant='desktop'] {
+.pisell-kiosk-sale[data-kiosk-shell='pc-wide-sidebar'] {
+  max-width: 1200px;
+  margin-right: auto;
+  margin-left: auto;
+
+  > .pisell-kiosk-cart-capsule--floating {
+    width: 100%;
+  }
+
+  .pisell-kiosk-sale__content {
+    height: calc(100% - var(--pisell-kiosk-cart-capsule-reserved-space));
+  }
+
   .pisell-kiosk-sale__catalog .list-content-vertical {
     padding-bottom: 0;
   }

package/lib/components/bigSale/templates/Kiosk/layout.js

@@ -1,21 +1,35 @@
 //#region src/components/bigSale/templates/Kiosk/layout.ts
-function resolveKioskLayoutState(variant, view) {
-	const isDesktop = variant === "desktop";
+function resolveKioskLayoutState(shellLayout, view) {
+	const isPcWideSidebar = shellLayout === "pc-wide-sidebar";
 	const isNavigableView = view === "catalog" || view === "cart";
 	return {
-		isDesktop,
+		isPcWideSidebar,
 		showCatalog: isNavigableView,
-		showCart: isDesktop ? isNavigableView : view === "cart",
-		showCatalogPromotion: !isDesktop && view === "catalog",
-		showFloatingCapsule: !isDesktop && isNavigableView,
-		showSidebarCapsule: isDesktop && isNavigableView,
-		cartIsActive: isDesktop || view === "cart"
+		showCart: isPcWideSidebar ? isNavigableView : view === "cart",
+		showCatalogPromotion: !isPcWideSidebar && view === "catalog",
+		showFloatingCapsule: isNavigableView,
+		cartIsActive: !isPcWideSidebar && view === "cart",
+		catalogPrimaryAction: isPcWideSidebar ? "checkout" : "toggle-cart"
 	};
 }
-function resolveKioskPromotionRevealTarget(variant, view) {
+function resolveKioskPromotionRevealTarget(shellLayout, view) {
 	if (view !== "catalog" && view !== "cart") return null;
-	return variant === "desktop" ? "cart" : view;
+	return shellLayout === "pc-wide-sidebar" ? "cart" : view;
+}
+/** PC 的购物车常驻在右栏，不再恢复或持久化全屏 cart 视图。 */
+function normalizeKioskNavigableView(shellLayout, view) {
+	return shellLayout === "pc-wide-sidebar" ? "catalog" : view;
+}
+/**
+* PC 新版 H5 内容布局使用独立偏好 key，避免旧 desktop 配置回流或污染 H5。
+* H5 / 实体 Kiosk 返回 undefined，继续沿用升级前的存储 key。
+*/
+function resolveKioskProductListPreferencesChannel(shellLayout, channel) {
+	if (shellLayout !== "pc-wide-sidebar") return void 0;
+	return `${String(channel || "").trim() || "pos"}:kiosk-pc-phone`;
 }
 //#endregion
+exports.normalizeKioskNavigableView = normalizeKioskNavigableView;
 exports.resolveKioskLayoutState = resolveKioskLayoutState;
+exports.resolveKioskProductListPreferencesChannel = resolveKioskProductListPreferencesChannel;
 exports.resolveKioskPromotionRevealTarget = resolveKioskPromotionRevealTarget;

package/lib/components/bigSale/templates/index.js

@@ -9,7 +9,7 @@ react = require_runtime.__toESM(react);
 /**
 * BigSale 模板渲染器：Base 负责外层容器与数据组装，模板只负责区域组合。
 */
-function BigSaleTemplateRenderer({ tmpl = "standard", isActive = true, osKey, productListPreferencesChannel, context, mode, variant, productLoadParams, businessCode, bookingConfigParams, hideSelectFloorMapResourceAction, productDisplayConfig, productCatalogSessionKey, productCatalogReady, saleDetailTemplate, saleDetailModuleConfig, orderId, locale, saleDetailWrapperProps, saleDetailHeaderSlot, rightActionBarClose, onOrderComplete, externalActionRequest, onExternalActionAccepted, onExternalPaymentSettled }) {
+function BigSaleTemplateRenderer({ tmpl = "standard", isActive = true, osKey, productListPreferencesChannel, context, mode, variant, productLoadParams, businessCode, bookingConfigParams, hideSelectFloorMapResourceAction, productDisplayConfig, productCatalogSessionKey, productCatalogReady, kioskShellLayout, saleDetailTemplate, saleDetailModuleConfig, orderId, locale, saleDetailWrapperProps, saleDetailHeaderSlot, rightActionBarClose, onOrderComplete, externalActionRequest, onExternalActionAccepted, onExternalPaymentSettled }) {
 	switch (tmpl) {
 		case "HDLKiosk": return /* @__PURE__ */ react.default.createElement(require_index$3.default, {
 			isActive,
@@ -26,6 +26,7 @@ function BigSaleTemplateRenderer({ tmpl = "standard", isActive = true, osKey, pr
 		case "kiosk": return /* @__PURE__ */ react.default.createElement(require_index$2.default, {
 			isActive,
 			osKey,
+			productListPreferencesChannel,
 			context,
 			mode,
 			variant,
@@ -36,6 +37,7 @@ function BigSaleTemplateRenderer({ tmpl = "standard", isActive = true, osKey, pr
 			productDisplayConfig,
 			productCatalogSessionKey,
 			productCatalogReady,
+			kioskShellLayout,
 			saleDetailTemplate,
 			saleDetailModuleConfig,
 			orderId,

package/lib/components/bigSale/types.d.ts

@@ -4,6 +4,7 @@ import { BaseResponsiveProps } from "../../responsive/type.js";
 import { ILoadProductsParams, SalesSdkCartContextValue, SalesSdkContextValue, SalesSdkCustomerContextValue, SalesSdkProductsContextValue, SalesSdkProviderProps, SalesSdkSummaryContextValue } from "../../plus/salesSdk/types.js";
 import { SalesSdkBookingContextValue } from "../../plus/salesSdk/context/SalesSdkBookingContext.js";
 import { SaleDetailModuleConfig, SaleDetailOrderCompletePayload, SaleDetailTemplate, SaleOrderExternalPaymentResult } from "../../plus/saleDetail/types.js";
+import { KioskShellLayout } from "../kioskSale/resolveKioskPresentation.js";
 import { BigSaleSelectionFlowScene } from "./selectionFlowConfig.js";
 import React from "react";
 
@@ -55,6 +56,8 @@ interface BigSaleBaseProps extends BaseResponsiveProps {
   productCatalogSessionKey?: string;
   /** 当前业务的商品目录配置是否已就绪；false 时只渲染 UI，不发商品请求。 */
   productCatalogReady?: boolean;
+  /** Kiosk 模板的页面外壳布局；只影响容器结构，不改变内容 variant。 */
+  kioskShellLayout?: KioskShellLayout;
   saleDetailTemplate?: SaleDetailTemplate;
   saleDetailModuleConfig?: SaleDetailModuleConfig;
   autoCreate?: boolean;

package/lib/components/kioskSale/resolveKioskPresentation.d.ts

@@ -0,0 +1,4 @@
+//#region src/components/kioskSale/resolveKioskPresentation.d.ts
+type KioskShellLayout = 'single-screen' | 'pc-wide-sidebar';
+//#endregion
+export { KioskShellLayout };

package/lib/components/kioskSale/resolveKioskPresentation.js

@@ -17,8 +17,9 @@ function resolveKioskPresentation(platform, requestedVariant) {
 	switch (normalizedPlatform) {
 		case "pc": return {
 			platform: "pc",
-			variant: "desktop",
-			productDetailVariant: "desktop",
+			variant: "phone",
+			productDetailVariant: "phone",
+			kioskShellLayout: "pc-wide-sidebar",
 			productDetailPresentationPlatform: "default",
 			mergeBookingLinesForDisplay: true,
 			enableCustomerAuthHost: false
@@ -27,6 +28,7 @@ function resolveKioskPresentation(platform, requestedVariant) {
 			platform: "h5",
 			variant: "phone",
 			productDetailVariant: "phone",
+			kioskShellLayout: "single-screen",
 			productDetailPresentationPlatform: "default",
 			mergeBookingLinesForDisplay: true,
 			enableCustomerAuthHost: false
@@ -35,6 +37,7 @@ function resolveKioskPresentation(platform, requestedVariant) {
 			platform: "kiosk",
 			variant: "phone",
 			productDetailVariant: "phone",
+			kioskShellLayout: "single-screen",
 			productDetailPresentationPlatform: "kiosk",
 			mergeBookingLinesForDisplay: false,
 			enableCustomerAuthHost: true
@@ -42,6 +45,7 @@ function resolveKioskPresentation(platform, requestedVariant) {
 		default: return {
 			variant: normalizedVariant,
 			productDetailVariant: normalizedVariant,
+			kioskShellLayout: "single-screen",
 			productDetailPresentationPlatform: "kiosk",
 			mergeBookingLinesForDisplay: false,
 			enableCustomerAuthHost: true

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/private-materials",
-  "version": "6.12.223",
+  "version": "6.12.224",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",
@@ -69,11 +69,11 @@
     "react-zoom-pan-pinch": "^3.7.0",
     "styled-components": "^6.0.0-rc.3",
     "use-sync-external-store": "^1.6.0",
-    "@pisell/pi-payment-sdk": "0.0.3",
     "@pisell/utils": "3.0.4",
     "@pisell/date-picker": "3.0.10",
-    "@pisell/icon": "0.0.11",
-    "@pisell/materials": "6.12.61"
+    "@pisell/pi-payment-sdk": "0.0.3",
+    "@pisell/materials": "6.12.61",
+    "@pisell/icon": "0.0.11"
   },
   "peerDependencies": {
     "react": "^18.0.0",