@pisell/private-materials 6.11.661 → 6.11.662

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

@@ -9,13 +9,14 @@ import { resolveAvailabilityStatus } from "../../../../../components/eventBookin
 import { findFirstNormallyAvailableDate, validateAvailabilityDateAutoResolution } from "../autoResolution.js";
 import BookingAvailabilityCalendar from "../../../../../components/eventBooking/components/bookingAvailabilityCalendar/index.js";
 import MultiDayTimeSelect from "../../../../multiDayTimeSelect/MultiDayTimeSelect.js";
+import { mergeAvailabilityDates, resolveSlidingAvailabilityDateRange } from "./availabilityWindow.js";
 import dayjs from "dayjs";
 import React, { useEffect, useMemo, useRef } from "react";
 import { Alert, DatePicker, Space } from "antd";
 import { locales } from "@pisell/utils";
 //#region src/pro/skuDetailModal/flow/modules/date/index.tsx
 const refreshAvailabilityDates = function() {
-	var _ref = _asyncToGenerator(function* (context, module) {
+	var _ref = _asyncToGenerator(function* (context, module, requestedDateRange) {
 		const availability = context.services.availability;
 		const allowUnavailable = context.services.allowUnavailableBookingSelection === true;
 		const previousData = context.getModuleData(module.key);
@@ -23,11 +24,13 @@ const refreshAvailabilityDates = function() {
 		context.setModuleData(module.key, {
 			requestVersion,
 			status: "loading",
-			hasResolvedInitialDate: previousData === null || previousData === void 0 ? void 0 : previousData.hasResolvedInitialDate
+			hasResolvedInitialDate: previousData === null || previousData === void 0 ? void 0 : previousData.hasResolvedInitialDate,
+			availabilityDates: previousData === null || previousData === void 0 ? void 0 : previousData.availabilityDates
 		});
 		context.setModuleStatus(module.key, "loading");
 		try {
 			var _context$getModuleDat;
+			if (requestedDateRange && availability.ensureDateRange) yield availability.ensureDateRange(requestedDateRange);
 			const result = yield availability.queryBookingAvailability(availability.contextId, {
 				target: "date",
 				productIds: [availability.productId],
@@ -35,7 +38,8 @@ const refreshAvailabilityDates = function() {
 			});
 			if (((_context$getModuleDat = context.getModuleData(module.key)) === null || _context$getModuleDat === void 0 ? void 0 : _context$getModuleDat.requestVersion) !== requestVersion) return;
 			const group = result.data.find((item) => String(item === null || item === void 0 ? void 0 : item.productId) === String(availability.productId));
-			const availabilityDates = Array.isArray(group === null || group === void 0 ? void 0 : group.dates) ? group.dates : [];
+			const queriedAvailabilityDates = Array.isArray(group === null || group === void 0 ? void 0 : group.dates) ? group.dates : [];
+			const availabilityDates = requestedDateRange ? mergeAvailabilityDates(previousData === null || previousData === void 0 ? void 0 : previousData.availabilityDates, queriedAvailabilityDates) : queriedAvailabilityDates;
 			const hasResolvedInitialDate = Boolean(previousData === null || previousData === void 0 ? void 0 : previousData.hasResolvedInitialDate);
 			context.setModuleData(module.key, {
 				requestVersion,
@@ -68,13 +72,15 @@ const refreshAvailabilityDates = function() {
 			context.setModuleData(module.key, {
 				requestVersion,
 				status: "error",
-				error
+				error,
+				availabilityDates: previousData === null || previousData === void 0 ? void 0 : previousData.availabilityDates,
+				hasResolvedInitialDate: previousData === null || previousData === void 0 ? void 0 : previousData.hasResolvedInitialDate
 			});
 			context.setModuleStatus(module.key, "error", message, error);
 			throw error;
 		}
 	});
-	return function refreshAvailabilityDates(_x, _x2) {
+	return function refreshAvailabilityDates(_x, _x2, _x3) {
 		return _ref.apply(this, arguments);
 	};
 }();
@@ -138,7 +144,7 @@ const hydrateProductDataForDate = function() {
 		context.setModuleStatus(module.key, "loading");
 		return promise;
 	});
-	return function hydrateProductDataForDate(_x3, _x4, _x5) {
+	return function hydrateProductDataForDate(_x4, _x5, _x6) {
 		return _ref2.apply(this, arguments);
 	};
 }();
@@ -154,7 +160,7 @@ const awaitLatestDateHydration = function() {
 		}
 		if ((data === null || data === void 0 ? void 0 : data.status) === "error") throw data.error instanceof Error ? data.error : new Error(selectionFlowText("pisell2.text.sku.detail.modal.validation.date.refresh.failed"));
 	});
-	return function awaitLatestDateHydration(_x6, _x7) {
+	return function awaitLatestDateHydration(_x7, _x8) {
 		return _ref3.apply(this, arguments);
 	};
 }();
@@ -290,7 +296,7 @@ const DateFlowModuleComponent = ({ context, module, registerHandle }) => {
 		});
 	}
 	if (availability) {
-		if ((availabilityData === null || availabilityData === void 0 ? void 0 : availabilityData.status) === "loading" || !(availabilityData === null || availabilityData === void 0 ? void 0 : availabilityData.availabilityDates)) return /* @__PURE__ */ React.createElement(SkuDetailLoadingPanel, null);
+		if (!(availabilityData === null || availabilityData === void 0 ? void 0 : availabilityData.availabilityDates)) return /* @__PURE__ */ React.createElement(SkuDetailLoadingPanel, null);
 		if (availabilityData.status === "error") {
 			var _context$moduleState$2;
 			return /* @__PURE__ */ React.createElement(Alert, {
@@ -305,6 +311,15 @@ const DateFlowModuleComponent = ({ context, module, registerHandle }) => {
 			availabilityDates: availabilityData.availabilityDates,
 			currentDate: (startDate || dayjs()).format("YYYY-MM-DD"),
 			onCurrentDateChange: () => void 0,
+			onVisibleDateRangeChange: (visibleRange) => {
+				if (!availability.ensureDateRange) return;
+				const requestedDateRange = resolveSlidingAvailabilityDateRange({
+					availabilityDates: availabilityData.availabilityDates,
+					visibleRange
+				});
+				if (!requestedDateRange) return;
+				refreshAvailabilityDates(context, module, requestedDateRange).catch(() => void 0);
+			},
 			onDateChange: (value) => {
 				const nextDate = dayjs(value);
 				updateDates(nextDate, nextDate, ["booking.startDate", "booking.endDate"]);
@@ -375,7 +390,7 @@ const dateFlowModule = {
 				yield awaitLatestDateHydration(context, module.key);
 			}
 		});
-		return function refresh(_x8, _x9) {
+		return function refresh(_x9, _x10) {
 			return _ref4.apply(this, arguments);
 		};
 	}(),

package/es/pro/skuDetailModal/flow/modules/time/index.js

@@ -10,7 +10,7 @@ import { buildDraftCacheItem, getModuleOptions, getUnsupportedBookingFlowReason,
 import TimeResourceSelector from "../../../../../components/eventBooking/components/timeResourceSelector/index.js";
 import { resolveAvailabilityStatus } from "../../../../../components/eventBooking/components/bookingAvailabilityCalendar/utils.js";
 import { validateAvailabilityTimeAutoResolution } from "../autoResolution.js";
-import { getAvailabilityCandidateDurationMinutes, getPosFlexibleDurationPresetCandidates, getSessionPresetCandidates, isFlexibleDurationValue, isSameAvailabilityCandidateRange, resolvePosCustomTimeBaseMinutes, resolvePosCustomTimeCandidate, resolvePosCustomTimeDefaultDurationMinutes, resolvePosCustomTimeDefaultStartTime, resolvePosFlexibleDurationInitialCandidate, shouldResetPosFlexibleTimeForDate, shouldShowPosCustomTimeCandidateCards } from "./posCustomTime.js";
+import { getAvailabilityCandidateDurationMinutes, getPosFlexibleDurationPresetCandidates, getSessionPresetCandidates, isFlexibleDurationValue, isSameAvailabilityCandidateRange, resolvePosCustomTimeBaseMinutes, resolvePosCustomTimeCandidate, resolvePosCustomTimeDefaultDurationMinutes, resolvePosCustomTimeDefaultStartTime, resolvePosFlexibleDurationInitialCandidate, resolvePosFlexibleDurationRequestIntent, shouldApplyPosFlexibleDurationOverride, shouldResetPosFlexibleTimeForDate, shouldShowPosCustomTimeCandidateCards } from "./posCustomTime.js";
 import dayjs from "dayjs";
 import React, { useEffect, useMemo } from "react";
 import { Alert, Space } from "antd";
@@ -170,16 +170,30 @@ const refreshAvailabilityTimes = function() {
 		const posDurationAvailability = isPosDurationAvailabilityContext(context);
 		const posSessionAvailability = isPosSessionAvailabilityContext(context);
 		const posCustomTimeAvailability = posDurationAvailability || posSessionAvailability;
-		const requestedDuration = getAvailabilityDurationOverride(context, durationOverride);
-		const requestedStartTime = getAvailabilityStartTimeOverride(context, startTimeOverride);
+		const draftRequestedDuration = getAvailabilityDurationOverride(context, durationOverride);
+		const draftRequestedStartTime = getAvailabilityStartTimeOverride(context, startTimeOverride);
 		const selectedDate = context.draft.booking.startDate.format("YYYY-MM-DD");
 		const requestId = Date.now() + Math.random();
 		const previousTimeData = context.getModuleData(module.key);
-		const posCustomTimeHydrationKey = posCustomTimeAvailability && requestedDuration && requestedStartTime ? `${selectedDate}|${requestedStartTime}|${requestedDuration}` : void 0;
+		const posCustomTimeHydrationKey = posCustomTimeAvailability && draftRequestedDuration && draftRequestedStartTime ? `${selectedDate}|${draftRequestedStartTime}|${draftRequestedDuration}` : void 0;
+		const product = context.draft.productData;
+		const effectiveSelectionIntent = resolvePosFlexibleDurationRequestIntent({
+			selectionIntent,
+			previousSelectionIntent: previousTimeData === null || previousTimeData === void 0 ? void 0 : previousTimeData.posCustomTimeSelectionIntent,
+			hydrationKey: posCustomTimeHydrationKey,
+			previousHydrationKey: previousTimeData === null || previousTimeData === void 0 ? void 0 : previousTimeData.posCustomTimeHydrationKey
+		});
+		const suppressFlexiblePresetOverride = posDurationAvailability && isFlexibleDurationValue(product === null || product === void 0 ? void 0 : product.duration) && !shouldApplyPosFlexibleDurationOverride({
+			selectionIntent: effectiveSelectionIntent,
+			isEditMode: context.services.selectionFlowMode === "edit"
+		});
+		const requestedDuration = suppressFlexiblePresetOverride ? void 0 : draftRequestedDuration;
+		const requestedStartTime = suppressFlexiblePresetOverride ? void 0 : draftRequestedStartTime;
 		context.setModuleData(module.key, {
 			requestId,
 			timeSlots: [],
-			posCustomTimeHydrationKey
+			posCustomTimeHydrationKey,
+			posCustomTimeSelectionIntent: effectiveSelectionIntent === "restore" ? void 0 : effectiveSelectionIntent
 		});
 		const group = (yield availability.getProductTimeRanges(availability.contextId, _objectSpread2({
 			productIds: [availability.productId],
@@ -190,8 +204,7 @@ const refreshAvailabilityTimes = function() {
 			partySize: resolveSelectionFlowQueryPartySize(context.draft, availability.partySize)
 		}, requestedDuration ? _objectSpread2({ durationMinutesByProductId: { [String(availability.productId)]: requestedDuration } }, requestedStartTime ? { durationStartTimesByProductId: { [String(availability.productId)]: [requestedStartTime] } } : {}) : {}))).find((item) => String(item.productId) === String(availability.productId));
 		const candidates = (group === null || group === void 0 ? void 0 : group.ranges) || [];
-		const product = context.draft.productData;
-		if (posDurationAvailability && selectionIntent === "restore" && isFlexibleDurationValue(product === null || product === void 0 ? void 0 : product.duration) && candidates.length === 0) {
+		if (posDurationAvailability && effectiveSelectionIntent === "restore" && isFlexibleDurationValue(product === null || product === void 0 ? void 0 : product.duration) && candidates.length === 0) {
 			var _context$hostContext, _moduleOptions$slice, _context$draft$bookin2, _normalizeDurationMin3;
 			const moduleOptions = getModuleOptions(module);
 			const configuredSlice = (_context$hostContext = context.hostContext) === null || _context$hostContext === void 0 || (_context$hostContext = _context$hostContext.bookingConfig) === null || _context$hostContext === void 0 || (_context$hostContext = _context$hostContext.config) === null || _context$hostContext === void 0 || (_context$hostContext = _context$hostContext.basic) === null || _context$hostContext === void 0 ? void 0 : _context$hostContext.service_time;
@@ -232,7 +245,8 @@ const refreshAvailabilityTimes = function() {
 				timeSlots: [],
 				selectedCandidate: void 0,
 				slotStepMinutes: group === null || group === void 0 ? void 0 : group.slotStepMinutes,
-				posCustomTimeHydrationKey
+				posCustomTimeHydrationKey,
+				posCustomTimeSelectionIntent: effectiveSelectionIntent === "restore" ? void 0 : effectiveSelectionIntent
 			});
 			return;
 		}
@@ -248,8 +262,8 @@ const refreshAvailabilityTimes = function() {
 		const existingCandidate = context.draft.booking.selectedCandidate;
 		const draftStartTime = normalizeStartTimeValue(context.draft.booking.startTime);
 		const draftEndTime = normalizeStartTimeValue(context.draft.booking.endTime);
-		const requestedPosStartTime = requestedStartTime || draftStartTime;
-		const requestedPosDuration = (_ref4 = requestedDuration !== null && requestedDuration !== void 0 ? requestedDuration : normalizeDurationMinutesValue(context.draft.booking.duration)) !== null && _ref4 !== void 0 ? _ref4 : getDraftRangeDurationMinutes(context);
+		const requestedPosStartTime = suppressFlexiblePresetOverride ? requestedStartTime : requestedStartTime || draftStartTime;
+		const requestedPosDuration = suppressFlexiblePresetOverride ? requestedDuration : (_ref4 = requestedDuration !== null && requestedDuration !== void 0 ? requestedDuration : normalizeDurationMinutesValue(context.draft.booking.duration)) !== null && _ref4 !== void 0 ? _ref4 : getDraftRangeDurationMinutes(context);
 		const restoredDraftCandidate = draftStartTime ? times.find((candidate) => isAvailabilityCandidateSelectable(candidate, allowUnavailable) && (posSessionAvailability ? isSameAvailabilityCandidateRange(candidate, {
 			date: selectedDate,
 			startTime: draftStartTime,
@@ -265,8 +279,8 @@ const refreshAvailabilityTimes = function() {
 			startTime: requestedPosStartTime,
 			durationMinutes: requestedPosDuration
 		}) : isSameCandidateStart(candidate, selectedDate, requestedPosStartTime)) : void 0;
-		const customSelectionIntent = posCustomTimeAvailability && selectionIntent === "custom";
-		const fallbackSelectionIntent = posCustomTimeAvailability && selectionIntent === "fallback";
+		const customSelectionIntent = posCustomTimeAvailability && effectiveSelectionIntent === "custom";
+		const fallbackSelectionIntent = posCustomTimeAvailability && effectiveSelectionIntent === "fallback";
 		const requestedCustomRange = requestedPosStartTime && requestedPosDuration ? {
 			date: selectedDate,
 			startTime: requestedPosStartTime,
@@ -307,7 +321,8 @@ const refreshAvailabilityTimes = function() {
 				candidate
 			})),
 			selectedCandidate: initialCandidate,
-			posCustomTimeHydrationKey
+			posCustomTimeHydrationKey,
+			posCustomTimeSelectionIntent: effectiveSelectionIntent === "restore" ? void 0 : effectiveSelectionIntent
 		});
 		const shouldWriteInitialCandidate = Boolean(initialCandidate) && (posCustomTimeAvailability || !existingCandidate || initialCandidate.key !== existingCandidate.key);
 		if (initialCandidate && shouldWriteInitialCandidate) {

package/es/pro/skuDetailModal/flow/modules/time/posCustomTime.js

@@ -1,5 +1,11 @@
 import dayjs from "dayjs";
 //#region src/pro/skuDetailModal/flow/modules/time/posCustomTime.ts
+const resolvePosFlexibleDurationRequestIntent = (params) => {
+	if (params.selectionIntent !== "restore") return params.selectionIntent;
+	if (params.hydrationKey && params.hydrationKey === params.previousHydrationKey && params.previousSelectionIntent) return params.previousSelectionIntent;
+	return "restore";
+};
+const shouldApplyPosFlexibleDurationOverride = (params) => params.isEditMode || params.selectionIntent !== "restore";
 const isFlexibleDurationValue = (value) => {
 	if (typeof value === "string") {
 		const text = value.trim().toLowerCase();
@@ -71,4 +77,4 @@ const resolvePosFlexibleDurationInitialCandidate = (params) => {
 	return params.restoredCandidate || params.fallbackCandidate;
 };
 //#endregion
-export { getAvailabilityCandidateDurationMinutes, getPosFlexibleDurationPresetCandidates, getSessionPresetCandidates, isFlexibleDurationValue, isSameAvailabilityCandidateRange, resolvePosCustomTimeBaseMinutes, resolvePosCustomTimeCandidate, resolvePosCustomTimeDefaultDurationMinutes, resolvePosCustomTimeDefaultStartTime, resolvePosFlexibleDurationInitialCandidate, shouldResetPosFlexibleTimeForDate, shouldShowPosCustomTimeCandidateCards };
+export { getAvailabilityCandidateDurationMinutes, getPosFlexibleDurationPresetCandidates, getSessionPresetCandidates, isFlexibleDurationValue, isSameAvailabilityCandidateRange, resolvePosCustomTimeBaseMinutes, resolvePosCustomTimeCandidate, resolvePosCustomTimeDefaultDurationMinutes, resolvePosCustomTimeDefaultStartTime, resolvePosFlexibleDurationInitialCandidate, resolvePosFlexibleDurationRequestIntent, shouldApplyPosFlexibleDurationOverride, shouldResetPosFlexibleTimeForDate, shouldShowPosCustomTimeCandidateCards };

package/es/pro/skuDetailModal/flow/types.d.ts

@@ -163,6 +163,14 @@ interface SelectionFlowAvailabilityService {
   contextId: string;
   productId: number | string;
   partySize: number;
+  /**
+   * 日历浏览超出当前投影时，按新的可视日期窗口准备一个 Availability context。
+   * Host 负责复用已覆盖该范围的 context，并保留仍可能被当前选择引用的旧 context。
+   */
+  ensureDateRange?: (dateRange: {
+    startDate: string;
+    endDate: string;
+  }) => Promise<void>;
   getProductTimeRanges: (contextId: string, request: Record<string, unknown>) => Promise<Array<{
     productId: number | string;
     title?: string;

package/lib/components/booking/utils.js

@@ -557,7 +557,7 @@ const getProductTotalPrice = (item, options) => {
 			return accumulator.add(currentPrice.mul(currentNum));
 		}, price);
 		if (other === null || other === void 0 ? void 0 : other.option) price = other === null || other === void 0 ? void 0 : other.option.reduce((accumulator, currentValue) => {
-			const currentPrice = new decimal_js.default(currentValue.price || 0);
+			const currentPrice = new decimal_js.default(currentValue.price || currentValue.add_price || 0);
 			const currentNum = new decimal_js.default(currentValue.num || 0);
 			return accumulator.add(currentPrice.mul(currentNum));
 		}, price);

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

@@ -14,7 +14,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, minViewDate, enableRangeSelection = false, selectedRangeStartDate, selectedRangeEndDate, showMonthHeader = false, enableSwipeNavigation = false, disableCallToBook = false, navigationVariant = "default" } = 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, navigationVariant = "default", onVisibleDateRangeChange } = props;
 	const [weekList, setWeekList] = (0, react.useState)([]);
 	const [weekAnchorDate, setWeekAnchorDate] = (0, react.useState)(currentDate);
 	const [pendingWeekList, setPendingWeekList] = (0, react.useState)(null);
@@ -166,6 +166,10 @@ const CalenDateWeek = (props) => {
 		if (pendingWeekAnchorDate && pendingWeekList) {
 			setWeekAnchorDate(pendingWeekAnchorDate);
 			setWeekList(pendingWeekList);
+			onVisibleDateRangeChange === null || onVisibleDateRangeChange === void 0 || onVisibleDateRangeChange({
+				startDate: pendingWeekList[0],
+				endDate: pendingWeekList[pendingWeekList.length - 1]
+			});
 		}
 		setPendingWeekAnchorDate(null);
 		setPendingWeekList(null);

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

@@ -15,7 +15,7 @@ require("./index.less");
 //#region src/components/eventBooking/components/bookingAvailabilityCalendar/components/CalendarDate/index.tsx
 dayjs.default.extend(dayjs_plugin_isSameOrBefore.default);
 const CalendarDate = (props, ref) => {
-	const { cutTime, getLimitData, dateLimitData, loading, disableCallToBook = false, enforceAvailabilitySelection = false, ignoreAvailabilityDisabled = false, availabilityRange, minSelectableDate, title = _pisell_utils.locales.getText("pisell2.event.calendar.select.date"), closeOnSelect = false } = props;
+	const { cutTime, getLimitData, dateLimitData, loading, disableCallToBook = false, enforceAvailabilitySelection = false, ignoreAvailabilityDisabled = false, availabilityRange, minSelectableDate, title = _pisell_utils.locales.getText("pisell2.event.calendar.select.date"), closeOnSelect = false, onVisibleDateRangeChange } = props;
 	const [productId, setProductId] = (0, react.useState)("");
 	const [currentDate, setCurrentDate] = (0, react.useState)("");
 	const [dateMonthList, setDateMonthList] = (0, react.useState)([]);
@@ -79,6 +79,10 @@ const CalendarDate = (props, ref) => {
 		let newLastMonth = (0, dayjs.default)(currentMonth.format("YYYY-MM")).subtract(1, "month");
 		setCurrentMonth(newLastMonth);
 		setDateMonthList(getMonthData(newLastMonth.format("YYYY-MM")));
+		onVisibleDateRangeChange === null || onVisibleDateRangeChange === void 0 || onVisibleDateRangeChange({
+			startDate: newLastMonth.startOf("month").format("YYYY-MM-DD"),
+			endDate: newLastMonth.endOf("month").format("YYYY-MM-DD")
+		});
 	};
 	/**
 	* @title: 切换下个月
@@ -92,6 +96,10 @@ const CalendarDate = (props, ref) => {
 		let newNextMonth = (0, dayjs.default)(currentMonth.format("YYYY-MM")).add(1, "month");
 		setCurrentMonth(newNextMonth);
 		setDateMonthList(getMonthData(newNextMonth.format("YYYY-MM")));
+		onVisibleDateRangeChange === null || onVisibleDateRangeChange === void 0 || onVisibleDateRangeChange({
+			startDate: newNextMonth.startOf("month").format("YYYY-MM-DD"),
+			endDate: newNextMonth.endOf("month").format("YYYY-MM-DD")
+		});
 	};
 	/**
 	* @title: 根据当前选择的月份剩余量

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

@@ -16,7 +16,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 = _pisell_utils.locales.getText("pisell2.event.calendar.select.date"), showHeader = true, showDisabledStatus = true, ignoreAvailabilityDisabled = false, minSelectableDate, minViewDate, enableRangeSelection = false, selectedRangeStartDate, selectedRangeEndDate, showMonthHeader = false, enableWeekSwipe = false, weekNavigationVariant = "default", closeCalendarOnSelect = false, availabilityDates }, ref) => {
+const SelectDate = ({ currentDate, detail, currentDateChange, onVisibleDateRangeChange, setSurplusDisabledChange, cutTime, setCutTime, showCalendarPopup, showStatusLegend = true, showDateStatusBar = true, title = _pisell_utils.locales.getText("pisell2.event.calendar.select.date"), showHeader = true, showDisabledStatus = true, ignoreAvailabilityDisabled = false, minSelectableDate, minViewDate, enableRangeSelection = false, selectedRangeStartDate, selectedRangeEndDate, showMonthHeader = false, enableWeekSwipe = false, weekNavigationVariant = "default", closeCalendarOnSelect = false, availabilityDates }, ref) => {
 	const [dateLimitData, setDateLimitData] = (0, react.useState)(require_mock.mock.availability_calendar.limitData);
 	/**
 	* UBS 日期结果只负责状态展示，不伪造旧事件预约的 times/库存结构。
@@ -80,6 +80,7 @@ const SelectDate = ({ currentDate, detail, currentDateChange, setSurplusDisabled
 		productId: detail === null || detail === void 0 ? void 0 : detail.id,
 		cutTime,
 		dateLimitData: resolvedDateLimitData,
+		onVisibleDateRangeChange,
 		showStatusBar: showDateStatusBar,
 		showDisabledStatus,
 		ignoreAvailabilityDisabled,
@@ -100,6 +101,7 @@ const SelectDate = ({ currentDate, detail, currentDateChange, setSurplusDisabled
 		},
 		cutTime,
 		dateLimitData: resolvedDateLimitData,
+		onVisibleDateRangeChange,
 		disableCallToBook: usesExternalAvailability,
 		enforceAvailabilitySelection: usesExternalAvailability,
 		ignoreAvailabilityDisabled,

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

@@ -25,6 +25,11 @@ interface BookingAvailabilityCalendarProps {
   currentDate?: string;
   cutTime?: any;
   onCurrentDateChange?: (date: string) => void;
+  /** 周历或月历切换后，通知外层当前可视日期范围。 */
+  onVisibleDateRangeChange?: (range: {
+    startDate: string;
+    endDate: string;
+  }) => void;
   onCutTimeChange?: (date: string) => void;
   onSurplusDisabledChange?: (date: boolean) => void;
   showStatusLegend?: boolean;

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

@@ -21,7 +21,7 @@ const BookingAvailabilityCalendar = (0, react.forwardRef)((props, ref) => {
 	* 日历挂载后日期图例、Add Note、Cancel 等文案又闪回英文。
 	*/
 	_pisell_utils.locales.init(require_locales.default, _pisell_utils.locales.getLocale() || "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, minViewDate, enableRangeSelection, selectedRangeStartDate, selectedRangeEndDate, showMonthHeader, enableWeekSwipe, weekNavigationVariant, closeCalendarOnSelect, 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, onVisibleDateRangeChange, onCutTimeChange, onSurplusDisabledChange, showStatusLegend = true, showDateStatusBar = true, theme = "light", className, title, showHeader, showDisabledStatus, ignoreAvailabilityDisabled, minSelectableDate, minViewDate, enableRangeSelection, selectedRangeStartDate, selectedRangeEndDate, showMonthHeader, enableWeekSwipe, weekNavigationVariant, closeCalendarOnSelect, availabilityDates } = props;
 	const selectDateRef = (0, react.useRef)(null);
 	(0, react.useImperativeHandle)(ref, () => ({ openCalendarPopup: () => {
 		var _selectDateRef$curren;
@@ -37,6 +37,7 @@ const BookingAvailabilityCalendar = (0, react.forwardRef)((props, ref) => {
 			onCurrentDateChange(date);
 			if (currentDate !== date) onDateChange(date);
 		},
+		onVisibleDateRangeChange,
 		setSurplusDisabledChange: onSurplusDisabledChange,
 		cutTime,
 		setCutTime: onCutTimeChange,