@pisell/materials 6.12.61 → 6.12.63

package/es/components/page/dateLocale.js

@@ -0,0 +1,33 @@
+//#region src/components/page/dateLocale.ts
+const COUNTRY_WEEK_STARTS_ON = {
+	US: 0,
+	CA: 0,
+	AU: 1,
+	NZ: 1,
+	SG: 0,
+	HK: 0,
+	TW: 0,
+	CN: 1,
+	JP: 0,
+	KR: 0,
+	MY: 1,
+	GB: 1,
+	FR: 1,
+	IT: 1
+};
+function normalizePageCountryCode(value) {
+	const countryCode = String(value !== null && value !== void 0 ? value : "").trim().toUpperCase();
+	return /^[A-Z]{2}$/.test(countryCode) ? countryCode : void 0;
+}
+/** Undefined tells Page to preserve its previous locale behaviour. */
+function getPageWeekStartsOn(countryCode) {
+	const normalized = normalizePageCountryCode(countryCode);
+	return normalized ? COUNTRY_WEEK_STARTS_ON[normalized] : void 0;
+}
+function getPageEnglishAdapterLocale(countryCode) {
+	const weekStartsOn = getPageWeekStartsOn(countryCode);
+	if (weekStartsOn === void 0) return void 0;
+	return weekStartsOn === 1 ? "en-gb" : "en";
+}
+//#endregion
+export { getPageEnglishAdapterLocale, getPageWeekStartsOn, normalizePageCountryCode };

package/es/components/page/index.d.ts

@@ -2,6 +2,7 @@ import { ConfigProviderProps } from "../config-provider/index.js";
 
 //#region src/components/page/index.d.ts
 interface PageProps extends ConfigProviderProps {
+  countryCode?: string;
   variablesConfig?: {
     disabledHistoryListener?: boolean;
   };

package/es/components/page/index.js

@@ -5,25 +5,31 @@ import ConfigProvider$1 from "../config-provider/index.js";
 import VariablesProvider from "../dataSourceComponents/provider/variables/VariablesProvider.js";
 import PisellConfigProvider from "../pisell-config-provider/index.js";
 import { getThemeConfig } from "../../theme/tokens.js";
+import { getPageEnglishAdapterLocale, getPageWeekStartsOn, normalizePageCountryCode } from "./dateLocale.js";
 import React, { useEffect, useMemo } from "react";
 import { App } from "antd";
+import dayjs from "dayjs";
 import { LocaleProvider, LocalizationProvider, ThemeProvider, createTheme } from "@pisell/date-picker";
 import zhCN from "antd/es/locale/zh_CN";
 import { AdapterDayjs } from "@pisell/date-picker/es/AdapterDayjs";
 import enUS from "antd/es/locale/en_US";
+import enGB from "antd/es/locale/en_GB";
 import zhTW from "antd/es/locale/zh_TW";
 import zhHK from "antd/es/locale/zh_HK";
 import jaJP from "antd/es/locale/ja_JP";
 import ptPT from "antd/es/locale/pt_PT";
+import enGbLocale from "dayjs/locale/en-gb";
 //#region src/components/page/index.tsx
 const _excluded = [
 	"children",
 	"style",
 	"className",
 	"locale",
+	"countryCode",
 	"variablesConfig",
 	"isRenderPisellConfigProvider"
 ];
+dayjs.locale(enGbLocale, void 0, true);
 const localMap = {
 	"zh-TW": zhTW,
 	"zh-CN": zhCN,
@@ -43,11 +49,31 @@ const localeDateMap = {
 	"pt": { adapterLocale: "pt" }
 };
 const Page = (props) => {
-	var _context$appHelper, _context$engine, _localeDateMap, _context$engine2;
-	const { children, style, className, locale: propsLocale, variablesConfig, isRenderPisellConfigProvider = true } = props, others = _objectWithoutProperties(props, _excluded);
+	var _context$appHelper, _context$engine, _context$appHelper2, _localeDateMap, _context$engine2;
+	const { children, style, className, locale: propsLocale, countryCode: propsCountryCode, variablesConfig, isRenderPisellConfigProvider = true } = props, others = _objectWithoutProperties(props, _excluded);
 	const context = useEngineContext();
 	const { platform, themeColor } = ((_context$appHelper = context.appHelper) === null || _context$appHelper === void 0 ? void 0 : _context$appHelper.constants) || {};
 	const locale = propsLocale || (context === null || context === void 0 || (_context$engine = context.engine) === null || _context$engine === void 0 || (_context$engine = _context$engine.props) === null || _context$engine === void 0 ? void 0 : _context$engine.locale) || "en";
+	const utils = context === null || context === void 0 || (_context$appHelper2 = context.appHelper) === null || _context$appHelper2 === void 0 ? void 0 : _context$appHelper2.utils;
+	let countryCode = normalizePageCountryCode(propsCountryCode);
+	try {
+		var _utils$getStore, _utils$getStore$getSt, _utils$store, _utils$store$getState, _utils$getApp, _utils$getApp$getStor, _utils$getApp$getStor2, _hostState$global, _utils$getData, _context$appHelper3, _context$appHelper4, _context$appHelper5;
+		const hostState = (utils === null || utils === void 0 || (_utils$getStore = utils.getStore) === null || _utils$getStore === void 0 || (_utils$getStore = _utils$getStore.call(utils)) === null || _utils$getStore === void 0 || (_utils$getStore$getSt = _utils$getStore.getState) === null || _utils$getStore$getSt === void 0 ? void 0 : _utils$getStore$getSt.call(_utils$getStore)) || (utils === null || utils === void 0 || (_utils$store = utils.store) === null || _utils$store === void 0 || (_utils$store$getState = _utils$store.getState) === null || _utils$store$getState === void 0 ? void 0 : _utils$store$getState.call(_utils$store));
+		const appCore = utils === null || utils === void 0 || (_utils$getApp = utils.getApp) === null || _utils$getApp === void 0 || (_utils$getApp = _utils$getApp.call(utils)) === null || _utils$getApp === void 0 || (_utils$getApp = _utils$getApp.data) === null || _utils$getApp === void 0 || (_utils$getApp = _utils$getApp.store) === null || _utils$getApp === void 0 || (_utils$getApp$getStor = _utils$getApp.getStore) === null || _utils$getApp$getStor === void 0 || (_utils$getApp$getStor = _utils$getApp$getStor.call(_utils$getApp)) === null || _utils$getApp$getStor === void 0 || (_utils$getApp$getStor2 = _utils$getApp$getStor.getDataByModel) === null || _utils$getApp$getStor2 === void 0 ? void 0 : _utils$getApp$getStor2.call(_utils$getApp$getStor, "core", "core");
+		countryCode = [
+			countryCode,
+			hostState === null || hostState === void 0 || (_hostState$global = hostState.global) === null || _hostState$global === void 0 || (_hostState$global = _hostState$global.shopDetail) === null || _hostState$global === void 0 ? void 0 : _hostState$global.country_code,
+			utils === null || utils === void 0 || (_utils$getData = utils.getData) === null || _utils$getData === void 0 || (_utils$getData = _utils$getData.call(utils, "shop_info")) === null || _utils$getData === void 0 ? void 0 : _utils$getData.country_code,
+			appCore === null || appCore === void 0 ? void 0 : appCore.country_code,
+			context === null || context === void 0 || (_context$appHelper3 = context.appHelper) === null || _context$appHelper3 === void 0 || (_context$appHelper3 = _context$appHelper3.constants) === null || _context$appHelper3 === void 0 ? void 0 : _context$appHelper3.countryCode,
+			context === null || context === void 0 || (_context$appHelper4 = context.appHelper) === null || _context$appHelper4 === void 0 || (_context$appHelper4 = _context$appHelper4.constants) === null || _context$appHelper4 === void 0 ? void 0 : _context$appHelper4.country_code,
+			context === null || context === void 0 || (_context$appHelper5 = context.appHelper) === null || _context$appHelper5 === void 0 || (_context$appHelper5 = _context$appHelper5.constants) === null || _context$appHelper5 === void 0 ? void 0 : _context$appHelper5.country
+		].map(normalizePageCountryCode).find((candidate) => candidate !== void 0);
+	} catch (_unused) {}
+	const englishAdapterLocale = getPageEnglishAdapterLocale(countryCode);
+	const weekStartsOn = getPageWeekStartsOn(countryCode);
+	const isEnglish = String(locale).toLowerCase().startsWith("en");
+	const antdLocale = isEnglish && weekStartsOn !== void 0 ? weekStartsOn === 1 ? enGB : enUS : localMap[locale];
 	const theme = useMemo(() => {
 		if (props === null || props === void 0 ? void 0 : props.theme) {
 			var _props$theme;
@@ -64,7 +90,7 @@ const Page = (props) => {
 		document.body.id = "body";
 	}, []);
 	return /* @__PURE__ */ React.createElement(ConfigProvider$1, _objectSpread2(_objectSpread2({}, others), {}, {
-		locale: localMap[locale],
+		locale: antdLocale,
 		prefixCls: props.prefixCls || "pisell-lowcode",
 		theme
 	}), /* @__PURE__ */ React.createElement(App, {
@@ -72,7 +98,7 @@ const Page = (props) => {
 		message: { maxCount: 1 }
 	}, /* @__PURE__ */ React.createElement(LocalizationProvider, {
 		dateAdapter: AdapterDayjs,
-		adapterLocale: (localeDateMap === null || localeDateMap === void 0 || (_localeDateMap = localeDateMap[locale]) === null || _localeDateMap === void 0 ? void 0 : _localeDateMap.adapterLocale) || "en"
+		adapterLocale: isEnglish && englishAdapterLocale || (localeDateMap === null || localeDateMap === void 0 || (_localeDateMap = localeDateMap[locale]) === null || _localeDateMap === void 0 ? void 0 : _localeDateMap.adapterLocale) || "en"
 	}, /* @__PURE__ */ React.createElement(ThemeProvider, { theme: datePickerTheme }, /* @__PURE__ */ React.createElement(LocaleProvider, { value: { locale } }, /* @__PURE__ */ React.createElement(PisellConfigProvid, { locale }, /* @__PURE__ */ React.createElement(VariablesProvider, {
 		variables: ((_context$engine2 = context.engine) === null || _context$engine2 === void 0 || (_context$engine2 = _context$engine2.props) === null || _context$engine2 === void 0 ? void 0 : _context$engine2.variables) || {},
 		config: variablesConfig

package/es/components/pisellRecordBoard/shellFrame/Calendar/BookingCalendar.js

@@ -3,7 +3,7 @@ import { _asyncToGenerator } from "../../../../_virtual/_@oxc-project_runtime@0.
 import { buildCalendarTimelineSlotStartsFromRange } from "../../../pisellTimeNavigator/utils/index.js";
 import { useCalendarPersist } from "./calendarPersistGuard.js";
 import { DEFAULT_CALENDAR_TIMELINE } from "./const/bookingCalendarConstants.js";
-import { tCal } from "./calendarI18n.js";
+import { CALENDAR_WEEKDAY_IDS, SUNDAY_FIRST_CALENDAR_WEEKDAY_IDS, tCal } from "./calendarI18n.js";
 import { addDays, dayAndHourToDayjs, fmtDate, groupSelectedSlots, isCrossDayBooking, isFreeSelectionContiguousSameResource, isHourInTimelineSlots, monthCalendarDays, monthGrid, rangeDays, startOfWeek } from "./utils/bookingCalendarDateUtils.js";
 import { MoveConfirmModal } from "./modal/MoveConfirmModal.js";
 import { BookingCalendarBlockPanel } from "./modal/BookingCalendarBlockPanel.js";
@@ -32,7 +32,9 @@ import "./BookingCalendar.less";
 */
 /** 看板日历根组件：内含主题 CSS 与 Spin，按 `view` 挂载月 / 周 / 日子组件 */
 function BookingCalendar(props = {}) {
-	var _hourSlots$;
+	var _props$weekStartsOn, _hourSlots$;
+	const weekStartsOn = (_props$weekStartsOn = props.weekStartsOn) !== null && _props$weekStartsOn !== void 0 ? _props$weekStartsOn : 1;
+	const weekdayIds = weekStartsOn === 0 ? SUNDAY_FIRST_CALENDAR_WEEKDAY_IDS : CALENDAR_WEEKDAY_IDS;
 	const allowPersist = useCalendarPersist();
 	/** 将 `resources` 规范为 `{ id, name, type }`，供分组与三视图共用 */
 	const courts = useMemo(() => {
@@ -97,7 +99,7 @@ function BookingCalendar(props = {}) {
 			rangeStart = new Date(a.getFullYear(), a.getMonth(), 1);
 			rangeEnd = new Date(a.getFullYear(), a.getMonth() + 1, 0);
 		} else if (view === "week") {
-			rangeStart = startOfWeek(a);
+			rangeStart = startOfWeek(a, weekStartsOn);
 			rangeEnd = addDays(rangeStart, 6);
 		} else {
 			rangeStart = new Date(a);
@@ -112,7 +114,8 @@ function BookingCalendar(props = {}) {
 	}, [
 		view,
 		anchorDate,
-		props.onViewportChange
+		props.onViewportChange,
+		weekStartsOn
 	]);
 	const [selectedFreeSlots, setSelectedFreeSlots] = useState([]);
 	const [selectedBlockSlots, setSelectedBlockSlots] = useState([]);
@@ -175,7 +178,7 @@ function BookingCalendar(props = {}) {
 	*/
 	const { dayRowHeights, overlayBookings, courtDayDisplayLaneCount, hiddenDayOverlayIdSet, dayOverlayOverflowPluses } = useBookingCalendarDayOverlayLayout(visibleCourtRows, dayKey, bookings, hourSlots, slotStepHours);
 	/** 周视图表头对应的 7 个自然日 */
-	const weekDays = useMemo(() => rangeDays(anchorDate), [anchorDate]);
+	const weekDays = useMemo(() => rangeDays(anchorDate, weekStartsOn), [anchorDate, weekStartsOn]);
 	/** 资源视图：当月每日一列 */
 	const resourceMonthDays = useMemo(() => monthCalendarDays(anchorDate), [anchorDate]);
 	useMemo(() => new Set(weekDays.map((d) => fmtDate(d))), [weekDays]);
@@ -211,12 +214,13 @@ function BookingCalendar(props = {}) {
 		}
 	}, [view]);
 	/** 月历每格摘要（占用点、锁台等），供月视图渲染 */
-	const monthDays = useMemo(() => monthGrid(anchorDate, bookings, courts, hourSlots, slotStepHours), [
+	const monthDays = useMemo(() => monthGrid(anchorDate, bookings, courts, hourSlots, slotStepHours, weekStartsOn), [
 		anchorDate,
 		bookings,
 		courts,
 		hourSlots,
-		slotStepHours
+		slotStepHours,
+		weekStartsOn
 	]);
 	/** 日视图内容区总高度（表头 + 各资源行叠加以 overlay 抬高后的高度） */
 	const dayContentHeight = 56 + dayRowHeights.reduce((sum, h) => sum + h, 0);
@@ -610,6 +614,7 @@ function BookingCalendar(props = {}) {
 		className: "theme-shell soft-shadow mx-0 flex h-full min-h-0 w-full max-w-none flex-1 flex-col overflow-hidden transition-[padding-right] duration-200",
 		style: { paddingRight: 0 }
 	}, /* @__PURE__ */ React.createElement("div", { className: "flex min-h-0 flex-1 flex-col" }, view === "month" && /* @__PURE__ */ React.createElement(BookingCalendarMonthView, {
+		weekdayIds,
 		isLight,
 		anchorDate,
 		monthDays,
@@ -622,6 +627,7 @@ function BookingCalendar(props = {}) {
 		renderMonthWeekBooking: props.renderMonthWeekBooking,
 		tickFillMode: resolveTickFillMode("month", props.tickFillMode)
 	}), view === "week" && /* @__PURE__ */ React.createElement(BookingCalendarWeekView, {
+		weekdayIds,
 		calendarProps: props,
 		isLight,
 		weekDays,

package/es/components/pisellRecordBoard/shellFrame/Calendar/calendarI18n.js

@@ -18,5 +18,6 @@ const CALENDAR_WEEKDAY_IDS = [
 	"pisell2.recordBoard.calendar.weekday.sat",
 	"pisell2.recordBoard.calendar.weekday.sun"
 ];
+const SUNDAY_FIRST_CALENDAR_WEEKDAY_IDS = [CALENDAR_WEEKDAY_IDS[6], ...CALENDAR_WEEKDAY_IDS.slice(0, 6)];
 //#endregion
-export { CALENDAR_WEEKDAY_IDS, tCal };
+export { CALENDAR_WEEKDAY_IDS, SUNDAY_FIRST_CALENDAR_WEEKDAY_IDS, tCal };

package/es/components/pisellRecordBoard/shellFrame/Calendar/utils/bookingCalendarDateUtils.js

@@ -24,16 +24,16 @@ function addDays(date, n) {
 	next.setDate(next.getDate() + n);
 	return next;
 }
-function startOfWeek(date) {
+function startOfWeek(date, weekStartsOn = 1) {
 	const d = new Date(date);
 	const day = d.getDay();
-	const diff = day === 0 ? -6 : 1 - day;
+	const diff = weekStartsOn === 0 ? -day : day === 0 ? -6 : 1 - day;
 	d.setDate(d.getDate() + diff);
 	d.setHours(0, 0, 0, 0);
 	return d;
 }
-function rangeDays(anchor) {
-	const start = startOfWeek(anchor);
+function rangeDays(anchor, weekStartsOn = 1) {
+	const start = startOfWeek(anchor, weekStartsOn);
 	return Array.from({ length: 7 }, (_, i) => addDays(start, i));
 }
 /**
@@ -67,11 +67,11 @@ function formatShortMonthDay(dateKey) {
 	if (!m || !d) return dateKey;
 	return `${m}/${d}`;
 }
-function monthGrid(date, bookings, courtsList = [], hourSlotsIn, slotStepHours = 1) {
+function monthGrid(date, bookings, courtsList = [], hourSlotsIn, slotStepHours = 1, weekStartsOn = 1) {
 	const hourSlots = hourSlotsIn && hourSlotsIn.length ? hourSlotsIn : buildCalendarTimelineSlotStartsFromRange(DEFAULT_CALENDAR_TIMELINE, date, 60);
 	const year = date.getFullYear();
 	const month = date.getMonth();
-	const start = startOfWeek(new Date(year, month, 1));
+	const start = startOfWeek(new Date(year, month, 1), weekStartsOn);
 	return Array.from({ length: 35 }, (_, i) => addDays(start, i)).map((day) => {
 		const key = fmtDate(day);
 		const dayBookings = bookings.filter((b) => b.kind === "booking" && getBookingSegmentForDate(b, key) != null);

package/es/components/pisellRecordBoard/shellFrame/Calendar/view/BookingCalendarMonthView.js

@@ -1,5 +1,5 @@
 import { monthViewEffectiveMaxLanes } from "../const/bookingCalendarConstants.js";
-import { CALENDAR_WEEKDAY_IDS, tCal } from "../calendarI18n.js";
+import { tCal } from "../calendarI18n.js";
 import { assignPerDateLanesCrossDayUnified, clipBookingDaySpanToWindow, fmtDate, formatHourLabel, formatShortMonthDay, getBookingSegmentForDate, isCrossDayBooking } from "../utils/bookingCalendarDateUtils.js";
 import { getGridBookingRowStateClasses } from "../utils/BookingCalendarStyle.js";
 import { CalendarGridBookingClipMarkers } from "../bookingCalendarViewShared.js";
@@ -15,7 +15,7 @@ const MONTH_GRID_COLS = 7;
 *   - 行高内自适应 effectiveMaxLane，超出 → cell 级 `+N` tile；
 *   - cell 层只负责日期 header / 点击跳日 / drop 改期，不再渲染 booking 列表（被 overlay 替代）。
 */
-function BookingCalendarMonthView({ isLight, anchorDate, monthDays, bookings, goToDayFromCell, handleGridDropMove, setDraggingItem, openBookingDetail, setOverflowListModal, renderMonthWeekBooking, tickFillMode }) {
+function BookingCalendarMonthView({ weekdayIds, isLight, anchorDate, monthDays, bookings, goToDayFromCell, handleGridDropMove, setDraggingItem, openBookingDetail, setOverflowListModal, renderMonthWeekBooking, tickFillMode }) {
 	const todayKey = fmtDate(/* @__PURE__ */ new Date());
 	const weekRows = useMemo(() => {
 		const out = [];
@@ -48,7 +48,7 @@ function BookingCalendarMonthView({ isLight, anchorDate, monthDays, bookings, go
 	return /* @__PURE__ */ React.createElement("div", {
 		key: `month-${anchorDate.getFullYear()}-${anchorDate.getMonth()}`,
 		className: "flex min-h-0 flex-1 flex-col"
-	}, /* @__PURE__ */ React.createElement("div", { className: "relative flex min-h-0 flex-1 flex-col overflow-hidden" }, /* @__PURE__ */ React.createElement("div", { className: "flex min-h-0 min-w-0 flex-1 flex-col overflow-x-auto overflow-y-hidden" }, /* @__PURE__ */ React.createElement("div", { className: "theme-panel flex min-h-[0] min-w-[980px] flex-1 flex-col overflow-hidden" }, /* @__PURE__ */ React.createElement("div", { className: "theme-panel-alt grid shrink-0 grid-cols-7 border-b theme-border shadow-[0_6px_12px_rgba(0,0,0,0.08)]" }, CALENDAR_WEEKDAY_IDS.map((id) => /* @__PURE__ */ React.createElement("div", {
+	}, /* @__PURE__ */ React.createElement("div", { className: "relative flex min-h-0 flex-1 flex-col overflow-hidden" }, /* @__PURE__ */ React.createElement("div", { className: "flex min-h-0 min-w-0 flex-1 flex-col overflow-x-auto overflow-y-hidden" }, /* @__PURE__ */ React.createElement("div", { className: "theme-panel flex min-h-[0] min-w-[980px] flex-1 flex-col overflow-hidden" }, /* @__PURE__ */ React.createElement("div", { className: "theme-panel-alt grid shrink-0 grid-cols-7 border-b theme-border shadow-[0_6px_12px_rgba(0,0,0,0.08)]" }, weekdayIds.map((id) => /* @__PURE__ */ React.createElement("div", {
 		key: id,
 		className: "px-4 py-2.5 text-center text-sm font-medium"
 	}, tCal(id)))), /* @__PURE__ */ React.createElement("div", {

package/es/components/pisellRecordBoard/shellFrame/Calendar/view/BookingCalendarWeekView.js

@@ -1,5 +1,5 @@
 import { CALENDAR_EMPTY_DASHED_SLOT_CLASSNAME } from "../const/bookingCalendarConstants.js";
-import { CALENDAR_WEEKDAY_IDS, tCal } from "../calendarI18n.js";
+import { tCal } from "../calendarI18n.js";
 import { assignLanesByInterval, bookingIntersectsDateWindow, courtDaySummary, dayOccupancy, fmtDate, formatHourLabel, formatShortMonthDay, getBookingSegmentForDate, isCrossDayBooking } from "../utils/bookingCalendarDateUtils.js";
 import { getGridBookingRowStateClasses } from "../utils/BookingCalendarStyle.js";
 import { CalendarGridBookingClipMarkers, getRemainingToneClass } from "../bookingCalendarViewShared.js";
@@ -13,7 +13,7 @@ const WEEK_VIEW_OVERLAY_LANE_GAP = 4;
 /**
 * 周视图：7 日网格 + 左侧分组（可折叠），单元格调起日视图；格内 drop 触发改期草稿。
 */
-function BookingCalendarWeekView({ calendarProps, isLight, weekDays, bookings, courts, hourSlots, slotStepHours, visibleCourts, visibleCourtRows, isBusinessHour, goToDayFromCell, handleGridDropMove, openBookingDetail, setDraggingItem, setCollapsedGroups, setOverflowListModal, tickFillMode }) {
+function BookingCalendarWeekView({ weekdayIds, calendarProps, isLight, weekDays, bookings, courts, hourSlots, slotStepHours, visibleCourts, visibleCourtRows, isBusinessHour, goToDayFromCell, handleGridDropMove, openBookingDetail, setDraggingItem, setCollapsedGroups, setOverflowListModal, tickFillMode }) {
 	const props = calendarProps;
 	const todayKey = fmtDate(/* @__PURE__ */ new Date());
 	/** 与下方 grid `minmax(…px, 1fr)` 一致：窄屏由外层 overflow-auto + min-w-0 定视口宽，本值撑开 scrollWidth */
@@ -142,7 +142,7 @@ function BookingCalendarWeekView({ calendarProps, isLight, weekDays, bookings, c
 		return /* @__PURE__ */ React.createElement("div", {
 			key,
 			className: `relative z-20 border-b border-l px-1.5 py-2 text-center shadow-[0_8px_16px_rgba(0,0,0,0.06)] ${isLight ? "theme-border theme-text" : "border-zinc-800"} ${isToday ? isLight ? "bg-gradient-to-b from-violet-50 to-white" : "bg-gradient-to-b from-violet-950 to-[#1a1a22]" : isLight ? "theme-panel-soft" : "bg-[#1a1a22]"}`
-		}, /* @__PURE__ */ React.createElement("div", { className: `text-sm leading-tight ${isLight ? "theme-text-faint" : "text-zinc-400"}` }, tCal(CALENDAR_WEEKDAY_IDS[i])), /* @__PURE__ */ React.createElement("div", { className: "mt-0.5 flex justify-center" }, /* @__PURE__ */ React.createElement("span", {
+		}, /* @__PURE__ */ React.createElement("div", { className: `text-sm leading-tight ${isLight ? "theme-text-faint" : "text-zinc-400"}` }, tCal(weekdayIds[i])), /* @__PURE__ */ React.createElement("div", { className: "mt-0.5 flex justify-center" }, /* @__PURE__ */ React.createElement("span", {
 			className: "grid h-10 w-10 place-items-center text-3xl font-semibold leading-none",
 			"aria-label": isToday ? "Today" : void 0
 		}, day.getDate())));

package/es/components/pisellRecordBoard/types.d.ts

@@ -329,6 +329,8 @@ interface RecordBoardBlockedTimePanelPayload {
 }
 /** 日历视图槽位 props：由 Shell 合并根级与子槽后传入 PisellRecordBoardCalendarView */
 interface RecordBoardCalendarProps {
+  /** 0 = Sunday, 1 = Monday. Omitted keeps the original Monday-first behaviour. */
+  weekStartsOn?: 0 | 1;
   persistGuard?: CalendarPersistContextValue;
   /**
    * 日历画布外观：亮色切换 `theme-root.theme-light`；未传或 `dark` 为深色（默认）。

package/lib/components/page/dateLocale.js

@@ -0,0 +1,35 @@
+//#region src/components/page/dateLocale.ts
+const COUNTRY_WEEK_STARTS_ON = {
+	US: 0,
+	CA: 0,
+	AU: 1,
+	NZ: 1,
+	SG: 0,
+	HK: 0,
+	TW: 0,
+	CN: 1,
+	JP: 0,
+	KR: 0,
+	MY: 1,
+	GB: 1,
+	FR: 1,
+	IT: 1
+};
+function normalizePageCountryCode(value) {
+	const countryCode = String(value !== null && value !== void 0 ? value : "").trim().toUpperCase();
+	return /^[A-Z]{2}$/.test(countryCode) ? countryCode : void 0;
+}
+/** Undefined tells Page to preserve its previous locale behaviour. */
+function getPageWeekStartsOn(countryCode) {
+	const normalized = normalizePageCountryCode(countryCode);
+	return normalized ? COUNTRY_WEEK_STARTS_ON[normalized] : void 0;
+}
+function getPageEnglishAdapterLocale(countryCode) {
+	const weekStartsOn = getPageWeekStartsOn(countryCode);
+	if (weekStartsOn === void 0) return void 0;
+	return weekStartsOn === 1 ? "en-gb" : "en";
+}
+//#endregion
+exports.getPageEnglishAdapterLocale = getPageEnglishAdapterLocale;
+exports.getPageWeekStartsOn = getPageWeekStartsOn;
+exports.normalizePageCountryCode = normalizePageCountryCode;

package/lib/components/page/index.d.ts

@@ -3,6 +3,7 @@ import { ConfigProviderProps } from "../config-provider/index.js";
 
 //#region src/components/page/index.d.ts
 interface PageProps extends ConfigProviderProps {
+  countryCode?: string;
   variablesConfig?: {
     disabledHistoryListener?: boolean;
   };

package/lib/components/page/index.js

@@ -6,15 +6,20 @@ const require_index = require("../config-provider/index.js");
 const require_VariablesProvider = require("../dataSourceComponents/provider/variables/VariablesProvider.js");
 const require_index$1 = require("../pisell-config-provider/index.js");
 const require_tokens = require("../../theme/tokens.js");
+const require_dateLocale = require("./dateLocale.js");
 let react = require("react");
 react = require_runtime.__toESM(react);
 let antd = require("antd");
+let dayjs = require("dayjs");
+dayjs = require_runtime.__toESM(dayjs);
 let _pisell_date_picker = require("@pisell/date-picker");
 let antd_es_locale_zh_CN = require("antd/es/locale/zh_CN");
 antd_es_locale_zh_CN = require_runtime.__toESM(antd_es_locale_zh_CN);
 let _pisell_date_picker_es_AdapterDayjs = require("@pisell/date-picker/es/AdapterDayjs");
 let antd_es_locale_en_US = require("antd/es/locale/en_US");
 antd_es_locale_en_US = require_runtime.__toESM(antd_es_locale_en_US);
+let antd_es_locale_en_GB = require("antd/es/locale/en_GB");
+antd_es_locale_en_GB = require_runtime.__toESM(antd_es_locale_en_GB);
 let antd_es_locale_zh_TW = require("antd/es/locale/zh_TW");
 antd_es_locale_zh_TW = require_runtime.__toESM(antd_es_locale_zh_TW);
 let antd_es_locale_zh_HK = require("antd/es/locale/zh_HK");
@@ -23,15 +28,19 @@ let antd_es_locale_ja_JP = require("antd/es/locale/ja_JP");
 antd_es_locale_ja_JP = require_runtime.__toESM(antd_es_locale_ja_JP);
 let antd_es_locale_pt_PT = require("antd/es/locale/pt_PT");
 antd_es_locale_pt_PT = require_runtime.__toESM(antd_es_locale_pt_PT);
+let dayjs_locale_en_gb = require("dayjs/locale/en-gb");
+dayjs_locale_en_gb = require_runtime.__toESM(dayjs_locale_en_gb);
 //#region src/components/page/index.tsx
 const _excluded = [
 	"children",
 	"style",
 	"className",
 	"locale",
+	"countryCode",
 	"variablesConfig",
 	"isRenderPisellConfigProvider"
 ];
+dayjs.default.locale(dayjs_locale_en_gb.default, void 0, true);
 const localMap = {
 	"zh-TW": antd_es_locale_zh_TW.default,
 	"zh-CN": antd_es_locale_zh_CN.default,
@@ -51,11 +60,31 @@ const localeDateMap = {
 	"pt": { adapterLocale: "pt" }
 };
 const Page = (props) => {
-	var _context$appHelper, _context$engine, _localeDateMap, _context$engine2;
-	const { children, style, className, locale: propsLocale, variablesConfig, isRenderPisellConfigProvider = true } = props, others = require_objectWithoutProperties._objectWithoutProperties(props, _excluded);
+	var _context$appHelper, _context$engine, _context$appHelper2, _localeDateMap, _context$engine2;
+	const { children, style, className, locale: propsLocale, countryCode: propsCountryCode, variablesConfig, isRenderPisellConfigProvider = true } = props, others = require_objectWithoutProperties._objectWithoutProperties(props, _excluded);
 	const context = require_useEngineContext.default();
 	const { platform, themeColor } = ((_context$appHelper = context.appHelper) === null || _context$appHelper === void 0 ? void 0 : _context$appHelper.constants) || {};
 	const locale = propsLocale || (context === null || context === void 0 || (_context$engine = context.engine) === null || _context$engine === void 0 || (_context$engine = _context$engine.props) === null || _context$engine === void 0 ? void 0 : _context$engine.locale) || "en";
+	const utils = context === null || context === void 0 || (_context$appHelper2 = context.appHelper) === null || _context$appHelper2 === void 0 ? void 0 : _context$appHelper2.utils;
+	let countryCode = require_dateLocale.normalizePageCountryCode(propsCountryCode);
+	try {
+		var _utils$getStore, _utils$getStore$getSt, _utils$store, _utils$store$getState, _utils$getApp, _utils$getApp$getStor, _utils$getApp$getStor2, _hostState$global, _utils$getData, _context$appHelper3, _context$appHelper4, _context$appHelper5;
+		const hostState = (utils === null || utils === void 0 || (_utils$getStore = utils.getStore) === null || _utils$getStore === void 0 || (_utils$getStore = _utils$getStore.call(utils)) === null || _utils$getStore === void 0 || (_utils$getStore$getSt = _utils$getStore.getState) === null || _utils$getStore$getSt === void 0 ? void 0 : _utils$getStore$getSt.call(_utils$getStore)) || (utils === null || utils === void 0 || (_utils$store = utils.store) === null || _utils$store === void 0 || (_utils$store$getState = _utils$store.getState) === null || _utils$store$getState === void 0 ? void 0 : _utils$store$getState.call(_utils$store));
+		const appCore = utils === null || utils === void 0 || (_utils$getApp = utils.getApp) === null || _utils$getApp === void 0 || (_utils$getApp = _utils$getApp.call(utils)) === null || _utils$getApp === void 0 || (_utils$getApp = _utils$getApp.data) === null || _utils$getApp === void 0 || (_utils$getApp = _utils$getApp.store) === null || _utils$getApp === void 0 || (_utils$getApp$getStor = _utils$getApp.getStore) === null || _utils$getApp$getStor === void 0 || (_utils$getApp$getStor = _utils$getApp$getStor.call(_utils$getApp)) === null || _utils$getApp$getStor === void 0 || (_utils$getApp$getStor2 = _utils$getApp$getStor.getDataByModel) === null || _utils$getApp$getStor2 === void 0 ? void 0 : _utils$getApp$getStor2.call(_utils$getApp$getStor, "core", "core");
+		countryCode = [
+			countryCode,
+			hostState === null || hostState === void 0 || (_hostState$global = hostState.global) === null || _hostState$global === void 0 || (_hostState$global = _hostState$global.shopDetail) === null || _hostState$global === void 0 ? void 0 : _hostState$global.country_code,
+			utils === null || utils === void 0 || (_utils$getData = utils.getData) === null || _utils$getData === void 0 || (_utils$getData = _utils$getData.call(utils, "shop_info")) === null || _utils$getData === void 0 ? void 0 : _utils$getData.country_code,
+			appCore === null || appCore === void 0 ? void 0 : appCore.country_code,
+			context === null || context === void 0 || (_context$appHelper3 = context.appHelper) === null || _context$appHelper3 === void 0 || (_context$appHelper3 = _context$appHelper3.constants) === null || _context$appHelper3 === void 0 ? void 0 : _context$appHelper3.countryCode,
+			context === null || context === void 0 || (_context$appHelper4 = context.appHelper) === null || _context$appHelper4 === void 0 || (_context$appHelper4 = _context$appHelper4.constants) === null || _context$appHelper4 === void 0 ? void 0 : _context$appHelper4.country_code,
+			context === null || context === void 0 || (_context$appHelper5 = context.appHelper) === null || _context$appHelper5 === void 0 || (_context$appHelper5 = _context$appHelper5.constants) === null || _context$appHelper5 === void 0 ? void 0 : _context$appHelper5.country
+		].map(require_dateLocale.normalizePageCountryCode).find((candidate) => candidate !== void 0);
+	} catch (_unused) {}
+	const englishAdapterLocale = require_dateLocale.getPageEnglishAdapterLocale(countryCode);
+	const weekStartsOn = require_dateLocale.getPageWeekStartsOn(countryCode);
+	const isEnglish = String(locale).toLowerCase().startsWith("en");
+	const antdLocale = isEnglish && weekStartsOn !== void 0 ? weekStartsOn === 1 ? antd_es_locale_en_GB.default : antd_es_locale_en_US.default : localMap[locale];
 	const theme = (0, react.useMemo)(() => {
 		if (props === null || props === void 0 ? void 0 : props.theme) {
 			var _props$theme;
@@ -72,7 +101,7 @@ const Page = (props) => {
 		document.body.id = "body";
 	}, []);
 	return /* @__PURE__ */ react.default.createElement(require_index.default, require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({}, others), {}, {
-		locale: localMap[locale],
+		locale: antdLocale,
 		prefixCls: props.prefixCls || "pisell-lowcode",
 		theme
 	}), /* @__PURE__ */ react.default.createElement(antd.App, {
@@ -80,7 +109,7 @@ const Page = (props) => {
 		message: { maxCount: 1 }
 	}, /* @__PURE__ */ react.default.createElement(_pisell_date_picker.LocalizationProvider, {
 		dateAdapter: _pisell_date_picker_es_AdapterDayjs.AdapterDayjs,
-		adapterLocale: (localeDateMap === null || localeDateMap === void 0 || (_localeDateMap = localeDateMap[locale]) === null || _localeDateMap === void 0 ? void 0 : _localeDateMap.adapterLocale) || "en"
+		adapterLocale: isEnglish && englishAdapterLocale || (localeDateMap === null || localeDateMap === void 0 || (_localeDateMap = localeDateMap[locale]) === null || _localeDateMap === void 0 ? void 0 : _localeDateMap.adapterLocale) || "en"
 	}, /* @__PURE__ */ react.default.createElement(_pisell_date_picker.ThemeProvider, { theme: datePickerTheme }, /* @__PURE__ */ react.default.createElement(_pisell_date_picker.LocaleProvider, { value: { locale } }, /* @__PURE__ */ react.default.createElement(PisellConfigProvid, { locale }, /* @__PURE__ */ react.default.createElement(require_VariablesProvider.default, {
 		variables: ((_context$engine2 = context.engine) === null || _context$engine2 === void 0 || (_context$engine2 = _context$engine2.props) === null || _context$engine2 === void 0 ? void 0 : _context$engine2.variables) || {},
 		config: variablesConfig

package/lib/components/pisellRecordBoard/shellFrame/Calendar/BookingCalendar.js

@@ -34,7 +34,9 @@ require("./BookingCalendar.less");
 */
 /** 看板日历根组件：内含主题 CSS 与 Spin，按 `view` 挂载月 / 周 / 日子组件 */
 function BookingCalendar(props = {}) {
-	var _hourSlots$;
+	var _props$weekStartsOn, _hourSlots$;
+	const weekStartsOn = (_props$weekStartsOn = props.weekStartsOn) !== null && _props$weekStartsOn !== void 0 ? _props$weekStartsOn : 1;
+	const weekdayIds = weekStartsOn === 0 ? require_calendarI18n.SUNDAY_FIRST_CALENDAR_WEEKDAY_IDS : require_calendarI18n.CALENDAR_WEEKDAY_IDS;
 	const allowPersist = require_calendarPersistGuard.useCalendarPersist();
 	/** 将 `resources` 规范为 `{ id, name, type }`，供分组与三视图共用 */
 	const courts = (0, react.useMemo)(() => {
@@ -99,7 +101,7 @@ function BookingCalendar(props = {}) {
 			rangeStart = new Date(a.getFullYear(), a.getMonth(), 1);
 			rangeEnd = new Date(a.getFullYear(), a.getMonth() + 1, 0);
 		} else if (view === "week") {
-			rangeStart = require_bookingCalendarDateUtils.startOfWeek(a);
+			rangeStart = require_bookingCalendarDateUtils.startOfWeek(a, weekStartsOn);
 			rangeEnd = require_bookingCalendarDateUtils.addDays(rangeStart, 6);
 		} else {
 			rangeStart = new Date(a);
@@ -114,7 +116,8 @@ function BookingCalendar(props = {}) {
 	}, [
 		view,
 		anchorDate,
-		props.onViewportChange
+		props.onViewportChange,
+		weekStartsOn
 	]);
 	const [selectedFreeSlots, setSelectedFreeSlots] = (0, react.useState)([]);
 	const [selectedBlockSlots, setSelectedBlockSlots] = (0, react.useState)([]);
@@ -177,7 +180,7 @@ function BookingCalendar(props = {}) {
 	*/
 	const { dayRowHeights, overlayBookings, courtDayDisplayLaneCount, hiddenDayOverlayIdSet, dayOverlayOverflowPluses } = require_useBookingCalendarDayOverlayLayout.useBookingCalendarDayOverlayLayout(visibleCourtRows, dayKey, bookings, hourSlots, slotStepHours);
 	/** 周视图表头对应的 7 个自然日 */
-	const weekDays = (0, react.useMemo)(() => require_bookingCalendarDateUtils.rangeDays(anchorDate), [anchorDate]);
+	const weekDays = (0, react.useMemo)(() => require_bookingCalendarDateUtils.rangeDays(anchorDate, weekStartsOn), [anchorDate, weekStartsOn]);
 	/** 资源视图：当月每日一列 */
 	const resourceMonthDays = (0, react.useMemo)(() => require_bookingCalendarDateUtils.monthCalendarDays(anchorDate), [anchorDate]);
 	(0, react.useMemo)(() => new Set(weekDays.map((d) => require_bookingCalendarDateUtils.fmtDate(d))), [weekDays]);
@@ -213,12 +216,13 @@ function BookingCalendar(props = {}) {
 		}
 	}, [view]);
 	/** 月历每格摘要（占用点、锁台等），供月视图渲染 */
-	const monthDays = (0, react.useMemo)(() => require_bookingCalendarDateUtils.monthGrid(anchorDate, bookings, courts, hourSlots, slotStepHours), [
+	const monthDays = (0, react.useMemo)(() => require_bookingCalendarDateUtils.monthGrid(anchorDate, bookings, courts, hourSlots, slotStepHours, weekStartsOn), [
 		anchorDate,
 		bookings,
 		courts,
 		hourSlots,
-		slotStepHours
+		slotStepHours,
+		weekStartsOn
 	]);
 	/** 日视图内容区总高度（表头 + 各资源行叠加以 overlay 抬高后的高度） */
 	const dayContentHeight = 56 + dayRowHeights.reduce((sum, h) => sum + h, 0);
@@ -612,6 +616,7 @@ function BookingCalendar(props = {}) {
 		className: "theme-shell soft-shadow mx-0 flex h-full min-h-0 w-full max-w-none flex-1 flex-col overflow-hidden transition-[padding-right] duration-200",
 		style: { paddingRight: 0 }
 	}, /* @__PURE__ */ react.default.createElement("div", { className: "flex min-h-0 flex-1 flex-col" }, view === "month" && /* @__PURE__ */ react.default.createElement(require_BookingCalendarMonthView.BookingCalendarMonthView, {
+		weekdayIds,
 		isLight,
 		anchorDate,
 		monthDays,
@@ -624,6 +629,7 @@ function BookingCalendar(props = {}) {
 		renderMonthWeekBooking: props.renderMonthWeekBooking,
 		tickFillMode: require_bookingCalendarAxis.resolveTickFillMode("month", props.tickFillMode)
 	}), view === "week" && /* @__PURE__ */ react.default.createElement(require_BookingCalendarWeekView.BookingCalendarWeekView, {
+		weekdayIds,
 		calendarProps: props,
 		isLight,
 		weekDays,

package/lib/components/pisellRecordBoard/shellFrame/Calendar/calendarI18n.js

@@ -18,6 +18,8 @@ const CALENDAR_WEEKDAY_IDS = [
 	"pisell2.recordBoard.calendar.weekday.sat",
 	"pisell2.recordBoard.calendar.weekday.sun"
 ];
+const SUNDAY_FIRST_CALENDAR_WEEKDAY_IDS = [CALENDAR_WEEKDAY_IDS[6], ...CALENDAR_WEEKDAY_IDS.slice(0, 6)];
 //#endregion
 exports.CALENDAR_WEEKDAY_IDS = CALENDAR_WEEKDAY_IDS;
+exports.SUNDAY_FIRST_CALENDAR_WEEKDAY_IDS = SUNDAY_FIRST_CALENDAR_WEEKDAY_IDS;
 exports.tCal = tCal;

package/lib/components/pisellRecordBoard/shellFrame/Calendar/utils/bookingCalendarDateUtils.js

@@ -26,16 +26,16 @@ function addDays(date, n) {
 	next.setDate(next.getDate() + n);
 	return next;
 }
-function startOfWeek(date) {
+function startOfWeek(date, weekStartsOn = 1) {
 	const d = new Date(date);
 	const day = d.getDay();
-	const diff = day === 0 ? -6 : 1 - day;
+	const diff = weekStartsOn === 0 ? -day : day === 0 ? -6 : 1 - day;
 	d.setDate(d.getDate() + diff);
 	d.setHours(0, 0, 0, 0);
 	return d;
 }
-function rangeDays(anchor) {
-	const start = startOfWeek(anchor);
+function rangeDays(anchor, weekStartsOn = 1) {
+	const start = startOfWeek(anchor, weekStartsOn);
 	return Array.from({ length: 7 }, (_, i) => addDays(start, i));
 }
 /**
@@ -69,11 +69,11 @@ function formatShortMonthDay(dateKey) {
 	if (!m || !d) return dateKey;
 	return `${m}/${d}`;
 }
-function monthGrid(date, bookings, courtsList = [], hourSlotsIn, slotStepHours = 1) {
+function monthGrid(date, bookings, courtsList = [], hourSlotsIn, slotStepHours = 1, weekStartsOn = 1) {
 	const hourSlots = hourSlotsIn && hourSlotsIn.length ? hourSlotsIn : require_index.buildCalendarTimelineSlotStartsFromRange(require_bookingCalendarConstants.DEFAULT_CALENDAR_TIMELINE, date, 60);
 	const year = date.getFullYear();
 	const month = date.getMonth();
-	const start = startOfWeek(new Date(year, month, 1));
+	const start = startOfWeek(new Date(year, month, 1), weekStartsOn);
 	return Array.from({ length: 35 }, (_, i) => addDays(start, i)).map((day) => {
 		const key = fmtDate(day);
 		const dayBookings = bookings.filter((b) => b.kind === "booking" && getBookingSegmentForDate(b, key) != null);

package/lib/components/pisellRecordBoard/shellFrame/Calendar/view/BookingCalendarMonthView.js

@@ -17,7 +17,7 @@ const MONTH_GRID_COLS = 7;
 *   - 行高内自适应 effectiveMaxLane，超出 → cell 级 `+N` tile；
 *   - cell 层只负责日期 header / 点击跳日 / drop 改期，不再渲染 booking 列表（被 overlay 替代）。
 */
-function BookingCalendarMonthView({ isLight, anchorDate, monthDays, bookings, goToDayFromCell, handleGridDropMove, setDraggingItem, openBookingDetail, setOverflowListModal, renderMonthWeekBooking, tickFillMode }) {
+function BookingCalendarMonthView({ weekdayIds, isLight, anchorDate, monthDays, bookings, goToDayFromCell, handleGridDropMove, setDraggingItem, openBookingDetail, setOverflowListModal, renderMonthWeekBooking, tickFillMode }) {
 	const todayKey = require_bookingCalendarDateUtils.fmtDate(/* @__PURE__ */ new Date());
 	const weekRows = (0, react.useMemo)(() => {
 		const out = [];
@@ -50,7 +50,7 @@ function BookingCalendarMonthView({ isLight, anchorDate, monthDays, bookings, go
 	return /* @__PURE__ */ react.default.createElement("div", {
 		key: `month-${anchorDate.getFullYear()}-${anchorDate.getMonth()}`,
 		className: "flex min-h-0 flex-1 flex-col"
-	}, /* @__PURE__ */ react.default.createElement("div", { className: "relative flex min-h-0 flex-1 flex-col overflow-hidden" }, /* @__PURE__ */ react.default.createElement("div", { className: "flex min-h-0 min-w-0 flex-1 flex-col overflow-x-auto overflow-y-hidden" }, /* @__PURE__ */ react.default.createElement("div", { className: "theme-panel flex min-h-[0] min-w-[980px] flex-1 flex-col overflow-hidden" }, /* @__PURE__ */ react.default.createElement("div", { className: "theme-panel-alt grid shrink-0 grid-cols-7 border-b theme-border shadow-[0_6px_12px_rgba(0,0,0,0.08)]" }, require_calendarI18n.CALENDAR_WEEKDAY_IDS.map((id) => /* @__PURE__ */ react.default.createElement("div", {
+	}, /* @__PURE__ */ react.default.createElement("div", { className: "relative flex min-h-0 flex-1 flex-col overflow-hidden" }, /* @__PURE__ */ react.default.createElement("div", { className: "flex min-h-0 min-w-0 flex-1 flex-col overflow-x-auto overflow-y-hidden" }, /* @__PURE__ */ react.default.createElement("div", { className: "theme-panel flex min-h-[0] min-w-[980px] flex-1 flex-col overflow-hidden" }, /* @__PURE__ */ react.default.createElement("div", { className: "theme-panel-alt grid shrink-0 grid-cols-7 border-b theme-border shadow-[0_6px_12px_rgba(0,0,0,0.08)]" }, weekdayIds.map((id) => /* @__PURE__ */ react.default.createElement("div", {
 		key: id,
 		className: "px-4 py-2.5 text-center text-sm font-medium"
 	}, require_calendarI18n.tCal(id)))), /* @__PURE__ */ react.default.createElement("div", {

package/lib/components/pisellRecordBoard/shellFrame/Calendar/view/BookingCalendarWeekView.js

@@ -15,7 +15,7 @@ const WEEK_VIEW_OVERLAY_LANE_GAP = 4;
 /**
 * 周视图：7 日网格 + 左侧分组（可折叠），单元格调起日视图；格内 drop 触发改期草稿。
 */
-function BookingCalendarWeekView({ calendarProps, isLight, weekDays, bookings, courts, hourSlots, slotStepHours, visibleCourts, visibleCourtRows, isBusinessHour, goToDayFromCell, handleGridDropMove, openBookingDetail, setDraggingItem, setCollapsedGroups, setOverflowListModal, tickFillMode }) {
+function BookingCalendarWeekView({ weekdayIds, calendarProps, isLight, weekDays, bookings, courts, hourSlots, slotStepHours, visibleCourts, visibleCourtRows, isBusinessHour, goToDayFromCell, handleGridDropMove, openBookingDetail, setDraggingItem, setCollapsedGroups, setOverflowListModal, tickFillMode }) {
 	const props = calendarProps;
 	const todayKey = require_bookingCalendarDateUtils.fmtDate(/* @__PURE__ */ new Date());
 	/** 与下方 grid `minmax(…px, 1fr)` 一致：窄屏由外层 overflow-auto + min-w-0 定视口宽，本值撑开 scrollWidth */
@@ -144,7 +144,7 @@ function BookingCalendarWeekView({ calendarProps, isLight, weekDays, bookings, c
 		return /* @__PURE__ */ react.default.createElement("div", {
 			key,
 			className: `relative z-20 border-b border-l px-1.5 py-2 text-center shadow-[0_8px_16px_rgba(0,0,0,0.06)] ${isLight ? "theme-border theme-text" : "border-zinc-800"} ${isToday ? isLight ? "bg-gradient-to-b from-violet-50 to-white" : "bg-gradient-to-b from-violet-950 to-[#1a1a22]" : isLight ? "theme-panel-soft" : "bg-[#1a1a22]"}`
-		}, /* @__PURE__ */ react.default.createElement("div", { className: `text-sm leading-tight ${isLight ? "theme-text-faint" : "text-zinc-400"}` }, require_calendarI18n.tCal(require_calendarI18n.CALENDAR_WEEKDAY_IDS[i])), /* @__PURE__ */ react.default.createElement("div", { className: "mt-0.5 flex justify-center" }, /* @__PURE__ */ react.default.createElement("span", {
+		}, /* @__PURE__ */ react.default.createElement("div", { className: `text-sm leading-tight ${isLight ? "theme-text-faint" : "text-zinc-400"}` }, require_calendarI18n.tCal(weekdayIds[i])), /* @__PURE__ */ react.default.createElement("div", { className: "mt-0.5 flex justify-center" }, /* @__PURE__ */ react.default.createElement("span", {
 			className: "grid h-10 w-10 place-items-center text-3xl font-semibold leading-none",
 			"aria-label": isToday ? "Today" : void 0
 		}, day.getDate())));

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

@@ -329,6 +329,8 @@ interface RecordBoardBlockedTimePanelPayload {
 }
 /** 日历视图槽位 props：由 Shell 合并根级与子槽后传入 PisellRecordBoardCalendarView */
 interface RecordBoardCalendarProps {
+  /** 0 = Sunday, 1 = Monday. Omitted keeps the original Monday-first behaviour. */
+  weekStartsOn?: 0 | 1;
   persistGuard?: CalendarPersistContextValue;
   /**
    * 日历画布外观：亮色切换 `theme-root.theme-light`；未传或 `dark` 为深色（默认）。