@pisell/private-materials 6.12.124 → 6.12.126

package/es/components/bigSale/components/KioskCategorySidebar/index.js

@@ -1,5 +1,5 @@
 import { _objectSpread2 } from "../../../../_virtual/_@oxc-project_runtime@0.122.0/helpers/objectSpread2.js";
-import React, { forwardRef, useImperativeHandle, useMemo, useRef } from "react";
+import React, { forwardRef, useEffect, useImperativeHandle, useMemo, useRef } from "react";
 import { PisellTabbarTemplate1 } from "@pisell/materials";
 import "./index.less";
 //#region src/components/bigSale/components/KioskCategorySidebar/index.tsx

package/es/components/eventBooking/components/bookingAvailabilityCalendar/components/CalendarDate/CalenDateWeek/WeekItem/index.js

@@ -8,7 +8,7 @@ import { Iconfont } from "@pisell/materials";
 import "./index.less";
 //#region src/components/eventBooking/components/bookingAvailabilityCalendar/components/CalendarDate/CalenDateWeek/WeekItem/index.tsx
 const WeekItem = (props) => {
-	const { weekList, currentDate, setCurrentDate, isActive, productId, dateLimitData, getLimitData, cutTime, showStatusBar = true, ignoreAvailabilityDisabled = false, minSelectableDate, enableRangeSelection = false, selectedRangeStartDate, selectedRangeEndDate, showMonthHeader = false, disableCallToBook = false, onPrevWeek, onNextWeek, showNavigation = true } = props;
+	const { weekList, currentDate, setCurrentDate, isActive, productId, dateLimitData, getLimitData, cutTime, showStatusBar = true, ignoreAvailabilityDisabled = false, minSelectableDate, minViewDate, enableRangeSelection = false, selectedRangeStartDate, selectedRangeEndDate, showMonthHeader = false, disableCallToBook = false, onPrevWeek, onNextWeek, showNavigation = true } = props;
 	const [monthIndex, setMonthIndex] = useState([]);
 	useEffect(() => {
 		if (isActive && productId) {}
@@ -20,7 +20,7 @@ const WeekItem = (props) => {
 	useEffect(() => {
 		setMonthIndex(getMonthIndex(weekList));
 	}, [weekList]);
-	const prevWeekDisabled = minSelectableDate && (weekList === null || weekList === void 0 ? void 0 : weekList[0]) && dayjs(weekList[0]).subtract(1, "day").isBefore(dayjs(minSelectableDate), "day");
+	const prevWeekDisabled = (minViewDate || minSelectableDate) && (weekList === null || weekList === void 0 ? void 0 : weekList[0]) && dayjs(weekList[0]).subtract(1, "day").isBefore(dayjs(minViewDate || minSelectableDate), "day");
 	return /* @__PURE__ */ React.createElement("div", { className: "week-item-wrap" }, /* @__PURE__ */ React.createElement("div", { className: "week-item-content" }, showNavigation ? /* @__PURE__ */ React.createElement(Iconfont, {
 		type: "pisell2-arrow-left",
 		className: "week-item__icon",

package/es/components/eventBooking/components/bookingAvailabilityCalendar/components/CalendarDate/CalenDateWeek/index.js

@@ -9,7 +9,7 @@ import classNames from "classnames";
 import "./index.less";
 //#region src/components/eventBooking/components/bookingAvailabilityCalendar/components/CalendarDate/CalenDateWeek/index.tsx
 const CalenDateWeek = (props) => {
-	const { currentDate, dateChange, productId, timeList, dateLimitData, getLimitData, cutTime, showStatusBar = true, showDisabledStatus = true, ignoreAvailabilityDisabled = false, minSelectableDate, enableRangeSelection = false, selectedRangeStartDate, selectedRangeEndDate, showMonthHeader = false, enableSwipeNavigation = false, disableCallToBook = false } = props;
+	const { currentDate, dateChange, productId, timeList, dateLimitData, getLimitData, cutTime, showStatusBar = true, showDisabledStatus = true, ignoreAvailabilityDisabled = false, minSelectableDate, minViewDate, enableRangeSelection = false, selectedRangeStartDate, selectedRangeEndDate, showMonthHeader = false, enableSwipeNavigation = false, disableCallToBook = false } = props;
 	const [weekList, setWeekList] = useState([]);
 	const [weekAnchorDate, setWeekAnchorDate] = useState(currentDate);
 	const [pendingWeekList, setPendingWeekList] = useState(null);
@@ -84,7 +84,8 @@ const CalenDateWeek = (props) => {
 		if (weekListRef === null || weekListRef === void 0 ? void 0 : weekListRef.current) weekListRef.current.scrollLeft = 0;
 	}, [currentDate, weekList]);
 	const resolveWeekNavigation = (direction) => {
-		const minDate = minSelectableDate ? dayjs(minSelectableDate).startOf("day") : null;
+		const minimumViewDate = minViewDate || minSelectableDate;
+		const minDate = minimumViewDate ? dayjs(minimumViewDate).startOf("day") : null;
 		const nextDate = dayjs(weekAnchorDate).add(direction * 7, "day");
 		const nextAnchorDate = direction < 0 && minDate && nextDate.isBefore(minDate, "day") ? minDate.format("YYYY-MM-DD") : nextDate.format("YYYY-MM-DD");
 		const nextWeekList = initCurrentWeekData(nextAnchorDate);
@@ -181,6 +182,7 @@ const CalenDateWeek = (props) => {
 		showStatusBar,
 		ignoreAvailabilityDisabled,
 		minSelectableDate,
+		minViewDate,
 		enableRangeSelection,
 		selectedRangeStartDate,
 		selectedRangeEndDate,
@@ -190,7 +192,7 @@ const CalenDateWeek = (props) => {
 		onNextWeek: () => handleWeekNavigate(1),
 		showNavigation: !enableSwipeNavigation
 	});
-	const prevWeekDisabled = Boolean(minSelectableDate && (weekList === null || weekList === void 0 ? void 0 : weekList[0]) && dayjs(weekList[0]).subtract(1, "day").isBefore(dayjs(minSelectableDate), "day"));
+	const prevWeekDisabled = Boolean((minViewDate || minSelectableDate) && (weekList === null || weekList === void 0 ? void 0 : weekList[0]) && dayjs(weekList[0]).subtract(1, "day").isBefore(dayjs(minViewDate || minSelectableDate), "day"));
 	return /* @__PURE__ */ React.createElement("div", { className: "calendar-week-wrap" }, /* @__PURE__ */ React.createElement("div", { className: "calendar-week-navigation" }, enableSwipeNavigation ? /* @__PURE__ */ React.createElement(Iconfont, {
 		type: "pisell2-arrow-left",
 		className: "calendar-week-navigation__icon",

package/es/components/eventBooking/components/bookingAvailabilityCalendar/components/SelectDate/index.js

@@ -11,7 +11,7 @@ import { Iconfont } from "@pisell/materials";
 import classNames from "classnames";
 import "./index.less";
 //#region src/components/eventBooking/components/bookingAvailabilityCalendar/components/SelectDate/index.tsx
-const SelectDate = ({ currentDate, detail, currentDateChange, setSurplusDisabledChange, cutTime, setCutTime, showCalendarPopup, showStatusLegend = true, showDateStatusBar = true, title = "Select a date", showHeader = true, showDisabledStatus = true, ignoreAvailabilityDisabled = false, minSelectableDate, enableRangeSelection = false, selectedRangeStartDate, selectedRangeEndDate, showMonthHeader = false, enableWeekSwipe = false, availabilityDates }, ref) => {
+const SelectDate = ({ currentDate, detail, currentDateChange, setSurplusDisabledChange, cutTime, setCutTime, showCalendarPopup, showStatusLegend = true, showDateStatusBar = true, title = "Select a date", showHeader = true, showDisabledStatus = true, ignoreAvailabilityDisabled = false, minSelectableDate, minViewDate, enableRangeSelection = false, selectedRangeStartDate, selectedRangeEndDate, showMonthHeader = false, enableWeekSwipe = false, availabilityDates }, ref) => {
 	const [dateLimitData, setDateLimitData] = useState(mock.availability_calendar.limitData);
 	/**
 	* UBS 日期结果只负责状态展示，不伪造旧事件预约的 times/库存结构。
@@ -67,6 +67,7 @@ const SelectDate = ({ currentDate, detail, currentDateChange, setSurplusDisabled
 		showDisabledStatus,
 		ignoreAvailabilityDisabled,
 		minSelectableDate,
+		minViewDate,
 		enableRangeSelection,
 		selectedRangeStartDate,
 		selectedRangeEndDate,

package/es/components/eventBooking/components/bookingAvailabilityCalendar/index.d.ts

@@ -32,6 +32,11 @@ interface BookingAvailabilityCalendarProps {
   showDisabledStatus?: boolean;
   ignoreAvailabilityDisabled?: boolean;
   minSelectableDate?: string;
+  /**
+   * 周历允许查看的最早日期；未传时继续沿用 minSelectableDate。
+   * 该值只控制翻页边界，不会让不可选日期变成可选。
+   */
+  minViewDate?: string;
   enableRangeSelection?: boolean;
   selectedRangeStartDate?: string;
   selectedRangeEndDate?: string;

package/es/components/eventBooking/components/bookingAvailabilityCalendar/index.js

@@ -9,7 +9,7 @@ import "./index.less";
 const BookingAvailabilityCalendar = (props) => {
 	var _mock$availability_ca, _mock$availability_ca2, _mock$availability_ca3;
 	locales.init(locales_default, locales.locale || "en");
-	const { showCalendarPopup, onDateChange, detail = (_mock$availability_ca = mock.availability_calendar) === null || _mock$availability_ca === void 0 ? void 0 : _mock$availability_ca.detail, currentDate = (_mock$availability_ca2 = mock.availability_calendar) === null || _mock$availability_ca2 === void 0 ? void 0 : _mock$availability_ca2.currentDate, cutTime = (_mock$availability_ca3 = mock.availability_calendar) === null || _mock$availability_ca3 === void 0 ? void 0 : _mock$availability_ca3.cutTime, onCurrentDateChange, onCutTimeChange, onSurplusDisabledChange, showStatusLegend = true, showDateStatusBar = true, theme = "light", className, title, showHeader, showDisabledStatus, ignoreAvailabilityDisabled, minSelectableDate, enableRangeSelection, selectedRangeStartDate, selectedRangeEndDate, showMonthHeader, enableWeekSwipe, availabilityDates } = props;
+	const { showCalendarPopup, onDateChange, detail = (_mock$availability_ca = mock.availability_calendar) === null || _mock$availability_ca === void 0 ? void 0 : _mock$availability_ca.detail, currentDate = (_mock$availability_ca2 = mock.availability_calendar) === null || _mock$availability_ca2 === void 0 ? void 0 : _mock$availability_ca2.currentDate, cutTime = (_mock$availability_ca3 = mock.availability_calendar) === null || _mock$availability_ca3 === void 0 ? void 0 : _mock$availability_ca3.cutTime, onCurrentDateChange, onCutTimeChange, onSurplusDisabledChange, showStatusLegend = true, showDateStatusBar = true, theme = "light", className, title, showHeader, showDisabledStatus, ignoreAvailabilityDisabled, minSelectableDate, minViewDate, enableRangeSelection, selectedRangeStartDate, selectedRangeEndDate, showMonthHeader, enableWeekSwipe, availabilityDates } = props;
 	console.log(detail, currentDate, cutTime, "detail, currentDate, cutTime");
 	return /* @__PURE__ */ React.createElement("div", { className: classNames("event-booking-availability-calendar", `event-booking-availability-calendar--${theme}`, className) }, /* @__PURE__ */ React.createElement(SelectDate_default, {
 		showCalendarPopup,
@@ -29,6 +29,7 @@ const BookingAvailabilityCalendar = (props) => {
 		showDisabledStatus,
 		ignoreAvailabilityDisabled,
 		minSelectableDate,
+		minViewDate,
 		enableRangeSelection,
 		selectedRangeStartDate,
 		selectedRangeEndDate,

package/es/plus/productSelect/ProductCard/SkuCard/locales.js

@@ -11,7 +11,8 @@ var locales_default = {
 		"pisell2.sku-card.time.remaining": "Time Remaining",
 		"pisell2.sku-card.capacity": "Capacity",
 		"pisell2.sku-card.free": "Free",
-		"pisell2.sku-card.max": "Max"
+		"pisell2.sku-card.max": "Max",
+		"pisell2.sku-card.sold-out": "Sold Out"
 	},
 	"zh-CN": {
 		"pisell2.sku-card.search": "搜索",
@@ -24,7 +25,8 @@ var locales_default = {
 		"pisell2.sku-card.time.remaining": "剩余",
 		"pisell2.sku-card.capacity": "容量",
 		"pisell2.sku-card.free": "免费",
-		"pisell2.sku-card.max": "最大"
+		"pisell2.sku-card.max": "最大",
+		"pisell2.sku-card.sold-out": "已售罄"
 	},
 	"zh-HK": {
 		"pisell2.sku-card.search": "搜索",
@@ -37,7 +39,8 @@ var locales_default = {
 		"pisell2.sku-card.time.remaining": "剩余",
 		"pisell2.sku-card.capacity": "容量",
 		"pisell2.sku-card.free": "免費",
-		"pisell2.sku-card.max": "最大"
+		"pisell2.sku-card.max": "最大",
+		"pisell2.sku-card.sold-out": "已售罄"
 	},
 	ja: {
 		"pisell2.sku-card.search": "検索",
@@ -50,7 +53,8 @@ var locales_default = {
 		"pisell2.sku-card.time.remaining": "残り時間",
 		"pisell2.sku-card.capacity": "容量",
 		"pisell2.sku-card.free": "無料",
-		"pisell2.sku-card.max": "最大"
+		"pisell2.sku-card.max": "最大",
+		"pisell2.sku-card.sold-out": "売り切れ"
 	},
 	pt: {
 		"pisell2.sku-card.search": "Pesquisar",
@@ -63,7 +67,8 @@ var locales_default = {
 		"pisell2.sku-card.time.remaining": "Tempo Restante",
 		"pisell2.sku-card.capacity": "Capacidade",
 		"pisell2.sku-card.free": "Grátis",
-		"pisell2.sku-card.max": "Máx"
+		"pisell2.sku-card.max": "Máx",
+		"pisell2.sku-card.sold-out": "Esgotado"
 	}
 };
 //#endregion

package/es/plus/productSelect/ProductCard/index.js

@@ -1,10 +1,13 @@
 import { _objectSpread2 } from "../../../_virtual/_@oxc-project_runtime@0.122.0/helpers/objectSpread2.js";
+import useEngineContext from "../../../hooks/useEngineContext.js";
 import { IntersectionTrigger } from "../components/IntersectionObserver.js";
 import index from "../components/pisellPriceText/index.js";
 import "./ProductCardSkeleton.js";
 import { getStandardWeightUnitPrice } from "./weighingPrice.js";
+import locales_default from "./SkuCard/locales.js";
+import useInitLocalesOnce from "../../../hooks/useInitLocalesOnce.js";
 import SkuCard from "./SkuCard/index.js";
-import { formatProductPrice, getSkuCardConfig } from "./utils.js";
+import { formatProductPrice, getSkuCardConfig, shouldShowInventorySoldOut } from "./utils.js";
 import useTranslationOriginal from "../../../hooks/useTranslationOriginal.js";
 import { PREFIX } from "../index.js";
 import React, { memo, useMemo } from "react";
@@ -39,10 +42,15 @@ const defaultConfig = {
 	}
 };
 const ProductCard = memo(({ item, index: index$1, context, onSelect, onSelectCover, onSelectInfo, isSelected, className, decorateConfig = {}, scenario = "default", selectionTrigger = "pointerUp", customSkuCardAllConfig }) => {
+	var _engineContext$appHel, _engineContext$appHel2;
+	const engineContext = useEngineContext();
+	useInitLocalesOnce(locales_default);
 	const finalConfig = _objectSpread2(_objectSpread2({}, defaultConfig), decorateConfig);
 	const { imgHeight, imgWidth, isOriginPrice, isPrice, isProductCover, isStock, isSubtitle, isTitle, radius, showZeroPrice, gap, rightStyle } = finalConfig;
 	const { __typename } = item;
 	const translationOriginal = useTranslationOriginal();
+	const isSoldOut = shouldShowInventorySoldOut(item, engineContext === null || engineContext === void 0 || (_engineContext$appHel = engineContext.appHelper) === null || _engineContext$appHel === void 0 || (_engineContext$appHel = _engineContext$appHel.utils) === null || _engineContext$appHel === void 0 || (_engineContext$appHel2 = _engineContext$appHel.getData) === null || _engineContext$appHel2 === void 0 ? void 0 : _engineContext$appHel2.call(_engineContext$appHel, "channel"));
+	const soldOutText = locales.getText("pisell2.sku-card.sold-out") || "Sold Out";
 	if (__typename === "category") return /* @__PURE__ */ React.createElement("div", {
 		className: classNames(`${PREFIX}__product-category`, className),
 		"data-index": index$1,
@@ -133,11 +141,21 @@ const ProductCard = memo(({ item, index: index$1, context, onSelect, onSelectCov
 	*/
 	const skuCardRender = useMemo(() => {
 		const skuCardAllConfig = customSkuCardAllConfig || getSkuCardConfig(finalConfig);
+		const skuStatusOverlayConfig = isSoldOut ? _objectSpread2(_objectSpread2({}, skuCardAllConfig.skuStatusOverlayConfig), {}, {
+			isOpen: 1,
+			text: soldOutText,
+			fontSize: 28,
+			fontWeight: 700,
+			color: "#000000",
+			background: "rgba(255, 255, 255, 0.72)",
+			slot: null
+		}) : skuCardAllConfig.skuStatusOverlayConfig;
 		return /* @__PURE__ */ React.createElement(SkuCard, _objectSpread2(_objectSpread2({ key: item.id }, skuCardAllConfig), {}, {
+			skuStatusOverlayConfig,
 			dataSource: skuCardDataSource,
-			onCardClick: () => onSelect === null || onSelect === void 0 ? void 0 : onSelect(item),
-			onSelectCover: () => onSelectCover === null || onSelectCover === void 0 ? void 0 : onSelectCover(item),
-			onSelectInfo: () => onSelectInfo === null || onSelectInfo === void 0 ? void 0 : onSelectInfo(item),
+			onCardClick: isSoldOut ? void 0 : () => onSelect === null || onSelect === void 0 ? void 0 : onSelect(item),
+			onSelectCover: isSoldOut ? void 0 : () => onSelectCover === null || onSelectCover === void 0 ? void 0 : onSelectCover(item),
+			onSelectInfo: isSoldOut ? void 0 : () => onSelectInfo === null || onSelectInfo === void 0 ? void 0 : onSelectInfo(item),
 			selectionTrigger,
 			isSelected,
 			"data-index": index$1,
@@ -162,7 +180,9 @@ const ProductCard = memo(({ item, index: index$1, context, onSelect, onSelectCov
 		rightStyle,
 		className,
 		customSkuCardAllConfig,
-		selectionTrigger
+		selectionTrigger,
+		isSoldOut,
+		soldOutText
 	]);
 	/**
 	* @description: 根据 scenario 决定渲染内容

package/es/plus/productSelect/ProductCard/utils.js

@@ -14,6 +14,16 @@ const formatProductPrice = (item) => {
 	};
 };
 /**
+* 追踪库存且禁止超售时，库存小于等于 0 视为售罄。
+*/
+const isInventorySoldOut = (item) => Number(item === null || item === void 0 ? void 0 : item.is_track) === 1 && Number(item === null || item === void 0 ? void 0 : item.over_sold) === 0 && Number(item === null || item === void 0 ? void 0 : item.stock_quantity) <= 0;
+/**
+* POS 保持原有商品选择行为；其它渠道才展示库存售罄状态。
+*/
+const shouldShowInventorySoldOut = (item, channel) => {
+	return (String(channel || "pos").trim().toLowerCase() || "pos") !== "pos" && isInventorySoldOut(item);
+};
+/**
 * @description: 获取sku卡配置
 * @param {ProductCardConfig} finalConfig
 * @return {*}
@@ -52,4 +62,4 @@ const getSkuCardConfig = (finalConfig) => {
 	};
 };
 //#endregion
-export { formatProductPrice, getSkuCardConfig };
+export { formatProductPrice, getSkuCardConfig, shouldShowInventorySoldOut };

package/es/pro/skuDetailModal/flow/index.less

@@ -70,7 +70,34 @@
   }
 }
 
+.sku-detail-selection-flow-scroll-shell {
+  position: relative;
+  display: flex;
+  min-height: 0;
+  flex: 1;
+  flex-direction: column;
+
+  // 阴影挂在不滚动的外壳上，因此不会混入时间卡片并跟随内容移动。
+  // 仅在下方仍有内容时展示，并使用较浅的渐变作为轻量提示。
+  &--can-scroll-down::after {
+    position: absolute;
+    right: 12px;
+    bottom: 0;
+    left: 0;
+    z-index: 2;
+    height: 16px;
+    background: linear-gradient(
+      to bottom,
+      rgba(255, 255, 255, 0),
+      rgba(16, 24, 40, 0.08)
+    );
+    content: '';
+    pointer-events: none;
+  }
+}
+
 .sku-detail-right-content--selection-flow {
   display: flex;
+  flex: 1;
   flex-direction: column;
 }

package/es/pro/skuDetailModal/flow/modules/date.js

@@ -276,6 +276,7 @@ const DateFlowModuleComponent = ({ context, module, registerHandle }) => {
 			showHeader: false,
 			showMonthHeader: true,
 			enableWeekSwipe: true,
+			minViewDate: dayjs().startOf("day").format("YYYY-MM-DD"),
 			minSelectableDate: minimumSelectableDate.format("YYYY-MM-DD")
 		});
 	}

package/es/pro/skuDetailModal/flow/modules/resource.js

@@ -11,7 +11,6 @@ import PisellResourceCard from "../../../../components/eventBooking/components/r
 import { getResourceList } from "../../../../components/booking/info2/serve.js";
 import React, { useEffect, useMemo, useRef } from "react";
 import { Alert, Space } from "antd";
-import { isMobile } from "@pisell/utils";
 import { PisellCustomCheckboxGroup } from "@pisell/materials";
 import "./resource.less";
 //#region src/pro/skuDetailModal/flow/modules/resource.tsx
@@ -334,7 +333,7 @@ const ResourceFlowModuleComponent = ({ context, module, registerHandle }) => {
 				fontWeight: 600
 			} }, group.title || group.code || "Resource"), /* @__PURE__ */ React.createElement(PisellCustomCheckboxGroup, {
 				dataSource: group.options,
-				columns: isMobile() ? 2 : 3,
+				columns: 4,
 				horizontalGap: 16,
 				verticalGap: 16,
 				className: "selection-flow-resource-grid",

package/es/pro/skuDetailModal/flow/modules/resource.less

@@ -3,8 +3,45 @@
     min-height: 166px;
   }
 
+  // ResourceDisplay 的文本头像沿用 Ant Avatar 的缩放定位规则；在 Flow 的
+  // 纵向卡片中改为由 flex 容器直接居中，避免首字母视觉上向右偏移。
+  .pisell-resource-card-empty-avatar
+    .pisell-lowcode-avatar-string,
+  .pisell-resource-card-empty-avatar .ant-avatar-string {
+    position: static;
+    left: auto;
+    width: 100%;
+    margin: 0;
+    text-align: center;
+    transform: none !important;
+    transform-origin: center;
+  }
+
+  // 不依赖 PisellText 的默认 display/text-align，确保资源名称始终相对
+  // 整张卡片居中，而不是相对文字自身宽度居中。
+  .pisell-resource-card-info {
+    align-items: center;
+    text-align: center;
+  }
+
+  .pisell-resource-card-name {
+    display: block;
+    width: 100%;
+    margin: 0;
+    padding: 0;
+    text-align: center;
+  }
+
   .selection-flow-resource-card--disabled {
     cursor: not-allowed;
     opacity: 0.45;
   }
+
+  // 默认使用四列；只有真正窄于手机内容宽度时才退回两列。
+  // 需要 !important 覆盖 PisellViewGrid 写在元素上的 grid-template-columns。
+  @media (max-width: 600px) {
+    .pisell-view-grid-content {
+      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
+    }
+  }
 }

package/es/pro/skuDetailModal/index.js

@@ -146,6 +146,9 @@ const SkuDetailModal = ({ onConfirm, onRemove, onClose, variant }, ref) => {
 	* - 称重商品打开弹窗时，自动滚动到底部以完整展示称重模块
 	*/
 	const leftTopRef = useRef(null);
+	/** 新 Flow 当前步骤的滚动容器；切换步骤时回到顶部。 */
+	const selectionFlowScrollRef = useRef(null);
+	const [selectionFlowCanScrollDown, setSelectionFlowCanScrollDown] = useState(false);
 	const Toast = useToast$1();
 	const logger = useLogger();
 	/**
@@ -303,6 +306,40 @@ const SkuDetailModal = ({ onConfirm, onRemove, onClose, variant }, ref) => {
 	* 此时回退到旧详情界面，避免全局预设阻断称重等普通商品。
 	*/
 	const isCustomSelectionFlow = isCreateMode && Array.isArray(effectiveSelectionFlowSteps) && (selectionFlowProcedureSteps === null || selectionFlowProcedureSteps === void 0 ? void 0 : selectionFlowProcedureSteps.length) !== 0;
+	const updateSelectionFlowScrollAffordance = useCallback(() => {
+		const container = selectionFlowScrollRef.current;
+		if (!container) {
+			setSelectionFlowCanScrollDown(false);
+			return;
+		}
+		setSelectionFlowCanScrollDown(container.scrollHeight - container.scrollTop - container.clientHeight > 2);
+	}, []);
+	useLayoutEffect(() => {
+		if (!open || !isCustomSelectionFlow) {
+			setSelectionFlowCanScrollDown(false);
+			return;
+		}
+		const container = selectionFlowScrollRef.current;
+		container === null || container === void 0 || container.scrollTo({
+			top: 0,
+			behavior: "auto"
+		});
+		const animationFrame = requestAnimationFrame(updateSelectionFlowScrollAffordance);
+		if (!container || typeof ResizeObserver === "undefined") return () => cancelAnimationFrame(animationFrame);
+		const resizeObserver = new ResizeObserver(updateSelectionFlowScrollAffordance);
+		resizeObserver.observe(container);
+		Array.from(container.children).forEach((child) => resizeObserver.observe(child));
+		return () => {
+			cancelAnimationFrame(animationFrame);
+			resizeObserver.disconnect();
+		};
+	}, [
+		currentStep,
+		isCustomSelectionFlow,
+		open,
+		selectionFlowInstanceKey,
+		updateSelectionFlowScrollAffordance
+	]);
 	const selectionFlowInitialDraft = useMemo(() => {
 		var _openParamsRef$curren, _resolvedSkuValue$bun, _resolvedSkuValue$opt, _bookingState$client, _extend$duration, _openParamsRef$curren2, _openParamsRef$curren3;
 		if (!isCustomSelectionFlow || !productData) return null;
@@ -1280,7 +1317,11 @@ const SkuDetailModal = ({ onConfirm, onRemove, onClose, variant }, ref) => {
 	};
 	const rightContent = () => {
 		if (detailLoading || !productData) return /* @__PURE__ */ React.createElement("div", { className: "sku-detail-right-content" }, renderLoadingPanel());
-		if (isCustomSelectionFlow && selectionFlowInitialDraft) return /* @__PURE__ */ React.createElement("div", { className: "sku-detail-right-content sku-detail-right-content--selection-flow" }, isMobile && (skuDetailConfig === null || skuDetailConfig === void 0 ? void 0 : skuDetailConfig.isShowProductSummary) ? renderProductSummary() : null, shouldRenderMobileWeighing ? /* @__PURE__ */ React.createElement("div", { className: "sku-detail-mobile-weighing" }, renderWeighingSection()) : null, /* @__PURE__ */ React.createElement(ForwardedSelectionFlow, {
+		if (isCustomSelectionFlow && selectionFlowInitialDraft) return /* @__PURE__ */ React.createElement("div", { className: classNames("sku-detail-selection-flow-scroll-shell", selectionFlowCanScrollDown && "sku-detail-selection-flow-scroll-shell--can-scroll-down") }, /* @__PURE__ */ React.createElement("div", {
+			ref: selectionFlowScrollRef,
+			className: "sku-detail-right-content sku-detail-right-content--selection-flow",
+			onScroll: updateSelectionFlowScrollAffordance
+		}, isMobile && (skuDetailConfig === null || skuDetailConfig === void 0 ? void 0 : skuDetailConfig.isShowProductSummary) ? renderProductSummary() : null, shouldRenderMobileWeighing ? /* @__PURE__ */ React.createElement("div", { className: "sku-detail-mobile-weighing" }, renderWeighingSection()) : null, /* @__PURE__ */ React.createElement(ForwardedSelectionFlow, {
 			key: selectionFlowInstanceKey,
 			ref: selectionFlowRef,
 			steps: effectiveSelectionFlowSteps || [],
@@ -1334,7 +1375,7 @@ const SkuDetailModal = ({ onConfirm, onRemove, onClose, variant }, ref) => {
 			onCancel: () => {
 				if (openTaskIdRef.current === selectionFlowInstanceKey) handleCancel();
 			}
-		}));
+		})));
 		const shouldRenderSkuSelection = (isMobile || currentStep === 1) && hasSkuOptions;
 		const shouldRenderMobileProductDetails = isMobile && (!isCreateMode || !!(skuDetailConfig === null || skuDetailConfig === void 0 ? void 0 : skuDetailConfig.isShowProductSummary));
 		const shouldRenderProductSummary = shouldRenderSkuSelection || shouldRenderMobileProductDetails;
@@ -1382,13 +1423,14 @@ const SkuDetailModal = ({ onConfirm, onRemove, onClose, variant }, ref) => {
 			closable: false,
 			destroyOnClose: true,
 			style: { maxHeight: variant === "phone" ? "95dvh" : void 0 },
-			height: variant === "phone" ? "auto" : void 0,
+			height: variant === "phone" ? isCustomSelectionFlow ? "clamp(600px, 50dvh, 1600px)" : "auto" : void 0,
 			width: variant === "phone" ? "100%" : "80%",
 			className: classNames({
 				"pisell-sku-detail-modal": variant !== "phone",
 				"pisell-sku-detail-modal--smallTablet": variant !== "phone" && variant === "smallTablet",
 				"pisell-sku-detail-modal--tablet": variant !== "phone" && variant === "tablet",
 				"pisell-sku-detail-drawer": variant === "phone",
+				"pisell-sku-detail-drawer--selection-flow": variant === "phone" && isCustomSelectionFlow,
 				"aside-full": isWeighingProductWithoutSku && !shouldRenderMobileWeighing
 			}),
 			placement: variant === "phone" ? "bottom" : void 0

package/es/pro/skuDetailModal/index.less

@@ -897,13 +897,18 @@
   }
 }
 
-// PisellProcedure 的小屏 Modal 规则在 low-code 产物中带有 #body 前缀，
-// 会把竖排 Drawer 的 sidebar 重新限制为 290px；使用同一作用域覆盖固定宽度。
-#body .pisell-sku-detail-drawer {
-  .pisell-procedure--modal .pisell-procedure-sidebar {
-    width: 100% !important;
-    min-width: 0 !important;
-    max-width: 100% !important;
+// 预约步骤的内容量差异很大：时间片可能很多，资源也可能只有一两个。
+// Flow Drawer 使用稳定的外壳高度，中间内容区沿用上方的 overflow-y:auto；
+// 普通商品没有该修饰类，仍保持原来的内容自适应高度。
+.pisell-sku-detail-drawer--selection-flow {
+  max-height: 95dvh;
+
+  .pisell-lowcode-floating-layer-content,
+  .pisell-lowcode-drawer-content,
+  .pisell-lowcode-floating-layer-body,
+  .pisell-lowcode-drawer-body {
+    height: 100%;
+    min-height: 0;
   }
 }
 

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

@@ -72,7 +72,7 @@ const KioskCategorySidebar = (0, react.forwardRef)(function KioskCategorySidebar
 		var _tabbarRef$current, _tabbarRef$current$cl;
 		return (_tabbarRef$current = tabbarRef.current) === null || _tabbarRef$current === void 0 || (_tabbarRef$current$cl = _tabbarRef$current.closeSearchMode) === null || _tabbarRef$current$cl === void 0 ? void 0 : _tabbarRef$current$cl.call(_tabbarRef$current);
 	} }), []);
-	useEffect(() => {
+	(0, react.useEffect)(() => {
 		if (!dataSource.length || hasResetInitialScrollRef.current) return;
 		const animationFrame = requestAnimationFrame(() => {
 			var _sidebarRef$current;

package/lib/components/eventBooking/components/bookingAvailabilityCalendar/components/CalendarDate/CalenDateWeek/WeekItem/index.js

@@ -10,7 +10,7 @@ let _pisell_materials = require("@pisell/materials");
 require("./index.less");
 //#region src/components/eventBooking/components/bookingAvailabilityCalendar/components/CalendarDate/CalenDateWeek/WeekItem/index.tsx
 const WeekItem = (props) => {
-	const { weekList, currentDate, setCurrentDate, isActive, productId, dateLimitData, getLimitData, cutTime, showStatusBar = true, ignoreAvailabilityDisabled = false, minSelectableDate, enableRangeSelection = false, selectedRangeStartDate, selectedRangeEndDate, showMonthHeader = false, disableCallToBook = false, onPrevWeek, onNextWeek, showNavigation = true } = props;
+	const { weekList, currentDate, setCurrentDate, isActive, productId, dateLimitData, getLimitData, cutTime, showStatusBar = true, ignoreAvailabilityDisabled = false, minSelectableDate, minViewDate, enableRangeSelection = false, selectedRangeStartDate, selectedRangeEndDate, showMonthHeader = false, disableCallToBook = false, onPrevWeek, onNextWeek, showNavigation = true } = props;
 	const [monthIndex, setMonthIndex] = (0, react.useState)([]);
 	(0, react.useEffect)(() => {
 		if (isActive && productId) {}
@@ -22,7 +22,7 @@ const WeekItem = (props) => {
 	(0, react.useEffect)(() => {
 		setMonthIndex(require_utils.getMonthIndex(weekList));
 	}, [weekList]);
-	const prevWeekDisabled = minSelectableDate && (weekList === null || weekList === void 0 ? void 0 : weekList[0]) && (0, dayjs.default)(weekList[0]).subtract(1, "day").isBefore((0, dayjs.default)(minSelectableDate), "day");
+	const prevWeekDisabled = (minViewDate || minSelectableDate) && (weekList === null || weekList === void 0 ? void 0 : weekList[0]) && (0, dayjs.default)(weekList[0]).subtract(1, "day").isBefore((0, dayjs.default)(minViewDate || minSelectableDate), "day");
 	return /* @__PURE__ */ React.createElement("div", { className: "week-item-wrap" }, /* @__PURE__ */ React.createElement("div", { className: "week-item-content" }, showNavigation ? /* @__PURE__ */ React.createElement(_pisell_materials.Iconfont, {
 		type: "pisell2-arrow-left",
 		className: "week-item__icon",

package/lib/components/eventBooking/components/bookingAvailabilityCalendar/components/CalendarDate/CalenDateWeek/index.js

@@ -12,7 +12,7 @@ classnames = require_runtime.__toESM(classnames);
 require("./index.less");
 //#region src/components/eventBooking/components/bookingAvailabilityCalendar/components/CalendarDate/CalenDateWeek/index.tsx
 const CalenDateWeek = (props) => {
-	const { currentDate, dateChange, productId, timeList, dateLimitData, getLimitData, cutTime, showStatusBar = true, showDisabledStatus = true, ignoreAvailabilityDisabled = false, minSelectableDate, enableRangeSelection = false, selectedRangeStartDate, selectedRangeEndDate, showMonthHeader = false, enableSwipeNavigation = false, disableCallToBook = false } = props;
+	const { currentDate, dateChange, productId, timeList, dateLimitData, getLimitData, cutTime, showStatusBar = true, showDisabledStatus = true, ignoreAvailabilityDisabled = false, minSelectableDate, minViewDate, enableRangeSelection = false, selectedRangeStartDate, selectedRangeEndDate, showMonthHeader = false, enableSwipeNavigation = false, disableCallToBook = false } = props;
 	const [weekList, setWeekList] = (0, react.useState)([]);
 	const [weekAnchorDate, setWeekAnchorDate] = (0, react.useState)(currentDate);
 	const [pendingWeekList, setPendingWeekList] = (0, react.useState)(null);
@@ -87,7 +87,8 @@ const CalenDateWeek = (props) => {
 		if (weekListRef === null || weekListRef === void 0 ? void 0 : weekListRef.current) weekListRef.current.scrollLeft = 0;
 	}, [currentDate, weekList]);
 	const resolveWeekNavigation = (direction) => {
-		const minDate = minSelectableDate ? (0, dayjs.default)(minSelectableDate).startOf("day") : null;
+		const minimumViewDate = minViewDate || minSelectableDate;
+		const minDate = minimumViewDate ? (0, dayjs.default)(minimumViewDate).startOf("day") : null;
 		const nextDate = (0, dayjs.default)(weekAnchorDate).add(direction * 7, "day");
 		const nextAnchorDate = direction < 0 && minDate && nextDate.isBefore(minDate, "day") ? minDate.format("YYYY-MM-DD") : nextDate.format("YYYY-MM-DD");
 		const nextWeekList = initCurrentWeekData(nextAnchorDate);
@@ -184,6 +185,7 @@ const CalenDateWeek = (props) => {
 		showStatusBar,
 		ignoreAvailabilityDisabled,
 		minSelectableDate,
+		minViewDate,
 		enableRangeSelection,
 		selectedRangeStartDate,
 		selectedRangeEndDate,
@@ -193,7 +195,7 @@ const CalenDateWeek = (props) => {
 		onNextWeek: () => handleWeekNavigate(1),
 		showNavigation: !enableSwipeNavigation
 	});
-	const prevWeekDisabled = Boolean(minSelectableDate && (weekList === null || weekList === void 0 ? void 0 : weekList[0]) && (0, dayjs.default)(weekList[0]).subtract(1, "day").isBefore((0, dayjs.default)(minSelectableDate), "day"));
+	const prevWeekDisabled = Boolean((minViewDate || minSelectableDate) && (weekList === null || weekList === void 0 ? void 0 : weekList[0]) && (0, dayjs.default)(weekList[0]).subtract(1, "day").isBefore((0, dayjs.default)(minViewDate || minSelectableDate), "day"));
 	return /* @__PURE__ */ React.createElement("div", { className: "calendar-week-wrap" }, /* @__PURE__ */ React.createElement("div", { className: "calendar-week-navigation" }, enableSwipeNavigation ? /* @__PURE__ */ React.createElement(_pisell_materials.Iconfont, {
 		type: "pisell2-arrow-left",
 		className: "calendar-week-navigation__icon",

package/lib/components/eventBooking/components/bookingAvailabilityCalendar/components/SelectDate/index.js

@@ -15,7 +15,7 @@ let classnames = require("classnames");
 classnames = require_runtime.__toESM(classnames);
 require("./index.less");
 //#region src/components/eventBooking/components/bookingAvailabilityCalendar/components/SelectDate/index.tsx
-const SelectDate = ({ currentDate, detail, currentDateChange, setSurplusDisabledChange, cutTime, setCutTime, showCalendarPopup, showStatusLegend = true, showDateStatusBar = true, title = "Select a date", showHeader = true, showDisabledStatus = true, ignoreAvailabilityDisabled = false, minSelectableDate, enableRangeSelection = false, selectedRangeStartDate, selectedRangeEndDate, showMonthHeader = false, enableWeekSwipe = false, availabilityDates }, ref) => {
+const SelectDate = ({ currentDate, detail, currentDateChange, setSurplusDisabledChange, cutTime, setCutTime, showCalendarPopup, showStatusLegend = true, showDateStatusBar = true, title = "Select a date", showHeader = true, showDisabledStatus = true, ignoreAvailabilityDisabled = false, minSelectableDate, minViewDate, enableRangeSelection = false, selectedRangeStartDate, selectedRangeEndDate, showMonthHeader = false, enableWeekSwipe = false, availabilityDates }, ref) => {
 	const [dateLimitData, setDateLimitData] = (0, react.useState)(require_mock.mock.availability_calendar.limitData);
 	/**
 	* UBS 日期结果只负责状态展示，不伪造旧事件预约的 times/库存结构。
@@ -71,6 +71,7 @@ const SelectDate = ({ currentDate, detail, currentDateChange, setSurplusDisabled
 		showDisabledStatus,
 		ignoreAvailabilityDisabled,
 		minSelectableDate,
+		minViewDate,
 		enableRangeSelection,
 		selectedRangeStartDate,
 		selectedRangeEndDate,

package/lib/components/eventBooking/components/bookingAvailabilityCalendar/index.d.ts

@@ -32,6 +32,11 @@ interface BookingAvailabilityCalendarProps {
   showDisabledStatus?: boolean;
   ignoreAvailabilityDisabled?: boolean;
   minSelectableDate?: string;
+  /**
+   * 周历允许查看的最早日期；未传时继续沿用 minSelectableDate。
+   * 该值只控制翻页边界，不会让不可选日期变成可选。
+   */
+  minViewDate?: string;
   enableRangeSelection?: boolean;
   selectedRangeStartDate?: string;
   selectedRangeEndDate?: string;

package/lib/components/eventBooking/components/bookingAvailabilityCalendar/index.js

@@ -12,7 +12,7 @@ require("./index.less");
 const BookingAvailabilityCalendar = (props) => {
 	var _mock$availability_ca, _mock$availability_ca2, _mock$availability_ca3;
 	_pisell_utils.locales.init(require_locales.default, _pisell_utils.locales.locale || "en");
-	const { showCalendarPopup, onDateChange, detail = (_mock$availability_ca = require_mock.mock.availability_calendar) === null || _mock$availability_ca === void 0 ? void 0 : _mock$availability_ca.detail, currentDate = (_mock$availability_ca2 = require_mock.mock.availability_calendar) === null || _mock$availability_ca2 === void 0 ? void 0 : _mock$availability_ca2.currentDate, cutTime = (_mock$availability_ca3 = require_mock.mock.availability_calendar) === null || _mock$availability_ca3 === void 0 ? void 0 : _mock$availability_ca3.cutTime, onCurrentDateChange, onCutTimeChange, onSurplusDisabledChange, showStatusLegend = true, showDateStatusBar = true, theme = "light", className, title, showHeader, showDisabledStatus, ignoreAvailabilityDisabled, minSelectableDate, enableRangeSelection, selectedRangeStartDate, selectedRangeEndDate, showMonthHeader, enableWeekSwipe, availabilityDates } = props;
+	const { showCalendarPopup, onDateChange, detail = (_mock$availability_ca = require_mock.mock.availability_calendar) === null || _mock$availability_ca === void 0 ? void 0 : _mock$availability_ca.detail, currentDate = (_mock$availability_ca2 = require_mock.mock.availability_calendar) === null || _mock$availability_ca2 === void 0 ? void 0 : _mock$availability_ca2.currentDate, cutTime = (_mock$availability_ca3 = require_mock.mock.availability_calendar) === null || _mock$availability_ca3 === void 0 ? void 0 : _mock$availability_ca3.cutTime, onCurrentDateChange, onCutTimeChange, onSurplusDisabledChange, showStatusLegend = true, showDateStatusBar = true, theme = "light", className, title, showHeader, showDisabledStatus, ignoreAvailabilityDisabled, minSelectableDate, minViewDate, enableRangeSelection, selectedRangeStartDate, selectedRangeEndDate, showMonthHeader, enableWeekSwipe, availabilityDates } = props;
 	console.log(detail, currentDate, cutTime, "detail, currentDate, cutTime");
 	return /* @__PURE__ */ react.default.createElement("div", { className: (0, classnames.default)("event-booking-availability-calendar", `event-booking-availability-calendar--${theme}`, className) }, /* @__PURE__ */ react.default.createElement(require_index.default, {
 		showCalendarPopup,
@@ -32,6 +32,7 @@ const BookingAvailabilityCalendar = (props) => {
 		showDisabledStatus,
 		ignoreAvailabilityDisabled,
 		minSelectableDate,
+		minViewDate,
 		enableRangeSelection,
 		selectedRangeStartDate,
 		selectedRangeEndDate,