@pisell/private-materials 6.3.132 → 6.3.134

package/es/components/venueBooking/components/Content/index.js

@@ -49,7 +49,7 @@ export default function Content() {
     };
   }, []);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("style", null, "\n        @keyframes slideLeft { from { opacity: 0; transform: translateX(34px); } to { opacity: 1; transform: translateX(0); } }\n        @keyframes slideRight { from { opacity: 0; transform: translateX(-34px); } to { opacity: 1; transform: translateX(0); } }\n        @keyframes fadeIn { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: translateY(0); } }\n        /* \u9AA8\u67B6\u5C4F\u5149\u6761\uFF1A\u4ECE\u5DE6\u5230\u53F3\u626B\u8FC7\u8425\u9020\u6570\u636E\u52A0\u8F7D\u611F */\n        @keyframes vbShimmer { 0% { transform: translateX(-100%); } 100% { transform: translateX(100%); } }\n        .vb-skeleton-shimmer {\n          position: absolute;\n          inset: 0;\n          background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.6) 50%, transparent 100%);\n          animation: vbShimmer 1.4s ease-in-out infinite;\n          pointer-events: none;\n        }\n\n        /* \u4F5C\u7528\u57DF reset\uFF1A\u4FEE\u590D\u5BBF\u4E3B\u73AF\u5883 preflight: false \u5BFC\u81F4\u6D4F\u89C8\u5668\u9ED8\u8BA4\u6837\u5F0F\u6CC4\u5165 */\n        .venue-booking-scope *,\n        .venue-booking-scope *::before,\n        .venue-booking-scope *::after {\n          box-sizing: border-box;\n        }\n        .venue-booking-scope {\n          --vb-primary: var(--theme-color, #ea1018);\n          --vb-primary-light: color-mix(in srgb, var(--vb-primary) 12%, #fff);\n          --vb-grid-sticky-top: 0px;\n          font-size: 16px;\n          line-height: 1.5;\n        }\n        .venue-booking-scope .vb-primary-text { color: var(--vb-primary); }\n        .venue-booking-scope button {\n          border: none;\n          outline: none;\n          background: transparent;\n          font: inherit;\n          color: inherit;\n          padding: 0;\n          cursor: pointer;\n        }\n        /* \u4EC5\u91CD\u7F6E\u65E0 class \u7684\u539F\u751F\u8F93\u5165\u6846\uFF0C\u907F\u514D\u8986\u76D6 Tailwind \u7EC4\u4EF6\u663E\u5F0F\u8FB9\u6846 */\n        .venue-booking-scope input:not([class]),\n        .venue-booking-scope textarea:not([class]) {\n          border: none;\n          outline: none;\n          font: inherit;\n          color: inherit;\n        }\n\n        /* \u8D2D\u7269\u8F66\u5185 Promotion \u533A\u5757\uFF1A\u7F29\u5C0F\u6807\u9898\u5B57\u53F7\uFF0C\u4E0E SubTotal \u7EDF\u4E00\u4E3A 16px */\n        .venue-booking-scope .pisell-lowcode__appointment-booking-voucher-container .voucher-title .voucher-title-left {\n          font-size: 16px;\n          font-weight: 600;\n          line-height: 24px;\n        }\n        .venue-booking-scope .pisell-lowcode__appointment-booking-voucher-container .voucher-title .voucher-title-right {\n          font-size: 14px;\n          font-weight: 500;\n        }\n\n        /* \u684C\u9762\u7AEF embedded-footer \u7C98\u5728\u4FA7\u8FB9\u680F\u5E95\u90E8 */\n        .venue-booking-scope .pisell-venue-booking-cart-embedded-footer {\n          position: sticky;\n          bottom: 0;\n          z-index: 5;\n          background: #fff;\n          border-radius: 0 0 28px 28px;\n        }\n      "), /*#__PURE__*/React.createElement("main", {
-    className: "mx-auto max-w-[1500px] px-3 pt-3 md:px-6 md:pt-6 lg:pb-12 h-full overscroll-none"
+    className: "mx-auto max-w-[1500px] md:px-6 md:pt-6 lg:pb-12 h-full overscroll-none"
   }, /*#__PURE__*/React.createElement("div", {
     className: "space-y-2 md:space-y-4",
     style: {
@@ -76,6 +76,6 @@ export default function Content() {
     onNext: handlePrimaryAction,
     confirmLoading: isSubmittingOrder
   })))), /*#__PURE__*/React.createElement("div", {
-    className: "sticky bottom-0 z-30 block lg:hidden"
+    className: "sticky bottom-0 z-50 block lg:hidden"
   }, /*#__PURE__*/React.createElement(Footer, null))));
 }

package/es/components/venueBooking/components/Header/index.js

@@ -146,7 +146,7 @@ export default function Header() {
   });
   return /*#__PURE__*/React.createElement("div", {
     ref: cardRef,
-    className: "relative rounded-[20px] bg-white p-3 md:rounded-[24px] md:p-4 ring-1 ring-black/6 shadow-[0_10px_30px_rgba(20,20,20,0.04)]"
+    className: "relative bg-white p-3 md:rounded-[24px] md:p-4 ring-1 ring-black/6 shadow-[0_10px_30px_rgba(20,20,20,0.04)]"
   }, /*#__PURE__*/React.createElement(Modal, {
     open: confirmOpen,
     onCancel: function onCancel() {

package/es/components/venueBooking/components/VenueSelection/components/CourtFilter.js

@@ -11,7 +11,6 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
  */
 import React, { useMemo } from 'react';
 import { locales } from '@pisell/utils';
-import { Iconfont } from '@pisell/materials';
 import { useVenueBookingContext } from "../../../context";
 export default function CourtFilter() {
   var _useVenueBookingConte = useVenueBookingContext(),
@@ -40,22 +39,7 @@ export default function CourtFilter() {
   })));
   return /*#__PURE__*/React.createElement("div", {
     className: "mt-4 grid gap-3 md:mt-5 xl:grid-cols-[1fr_auto] xl:items-center"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "flex items-center gap-3 rounded-[18px] border border-black/8 bg-[#fafafa] px-4 py-3"
-  }, /*#__PURE__*/React.createElement(Iconfont, {
-    type: "pisell2-search-lg",
-    style: {
-      fontSize: 16,
-      color: '#a1a1aa'
-    }
-  }), /*#__PURE__*/React.createElement("input", {
-    value: search,
-    onChange: function onChange(e) {
-      return setSearch(e.target.value);
-    },
-    placeholder: String(locales.getText('pisell2.venue.search.placeholder') || '搜索场地'),
-    className: "w-full border-0 bg-transparent text-sm outline-none placeholder:text-zinc-400"
-  })), courtTypes.length > 1 ? /*#__PURE__*/React.createElement("div", {
+  }, courtTypes.length > 1 ? /*#__PURE__*/React.createElement("div", {
     className: "flex flex-wrap gap-2"
   }, filterOptions.map(function (opt) {
     return /*#__PURE__*/React.createElement("button", {

package/es/components/venueBooking/components/VenueSelection/components/TimeGrid.js

@@ -277,7 +277,9 @@ export default function TimeGrid() {
       style: {
         color: 'var(--vb-primary)'
       }
-    }, locales.getText('pisell2.venue.label.few.left') || '即将满') : null);
+    }, locales.getText('pisell2.venue.label.few.left') || '即将满') : null, !timeMeta.soldOut && !timeMeta.fewLeft && !headerTag ? /*#__PURE__*/React.createElement("div", {
+      className: "mt-1 text-[10px] font-bold text-zinc-500"
+    }, locales.getText('pisell2.venue.label.bookable') || '充足') : null);
   }))), /*#__PURE__*/React.createElement("div", {
     ref: scrollTableRef,
     onScroll: syncHeader,
@@ -295,21 +297,12 @@ export default function TimeGrid() {
       className: "grid border-b border-black/6",
       style: tableGridStyle
     }, /*#__PURE__*/React.createElement("div", {
-      className: "sticky left-0 z-10 border-r border-black/6 px-2 py-4 shadow-[10px_0_16px_-14px_rgba(0,0,0,0.2)] md:px-4 ".concat(courtMeta.soldOut ? 'bg-zinc-50' : 'bg-white')
+      className: "sticky left-0 z-10 border-r border-black/6 px-2 py-2 shadow-[10px_0_16px_-14px_rgba(0,0,0,0.2)] md:px-4 ".concat(courtMeta.soldOut ? 'bg-zinc-50' : 'bg-white')
     }, /*#__PURE__*/React.createElement("div", {
       className: "flex items-start justify-between gap-2"
     }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
       className: "text-[13px] font-extrabold leading-5 md:text-[15px] ".concat(courtMeta.soldOut ? 'text-zinc-400' : 'text-zinc-900')
-    }, resource.resourceName), /*#__PURE__*/React.createElement("div", {
-      className: "mt-1 text-[11px] md:text-xs ".concat(courtMeta.soldOut ? 'text-zinc-400' : 'text-zinc-500')
-    }, resource.productTitle), courtMeta.soldOut ? /*#__PURE__*/React.createElement("div", {
-      className: "mt-1 text-[11px] font-semibold text-zinc-500"
-    }, locales.getText('pisell2.venue.label.sold.out') || '已满') : null, !courtMeta.soldOut && courtMeta.fewLeft ? /*#__PURE__*/React.createElement("div", {
-      className: "mt-1 text-[12px] font-bold",
-      style: {
-        color: 'var(--vb-primary)'
-      }
-    }, locales.getText('pisell2.venue.label.few.left') || '即将满') : null))), resource.slots.map(function (slot, slotIndex) {
+    }, resource.resourceName)))), resource.slots.map(function (slot, slotIndex) {
       var isAvailable = slot.status === 'available';
       // unavailable：该时段不提供服务（如非营业时段）；occupied/past 同样不可选
       var isUnavailable = slot.status === 'occupied' || slot.status === 'past' || slot.status === 'unavailable';
@@ -328,7 +321,7 @@ export default function TimeGrid() {
           return handleSlotClick(resource.resourceId, slot);
         },
         disabled: isUnavailable,
-        className: "px-1 py-3 text-center transition md:px-2 ".concat(isUnavailable ? 'cursor-not-allowed bg-zinc-100 text-zinc-400' : selected ? 'text-white' : 'bg-white hover:bg-[#fff6f6]'),
+        className: "px-1 py-2 text-center transition md:px-2 ".concat(isUnavailable ? 'cursor-not-allowed bg-zinc-100 text-zinc-400' : selected ? 'text-white' : 'bg-white hover:bg-[#fff6f6]'),
         style: _objectSpread({
           borderLeft: isHourBoundary(timeLabel) ? '1px solid rgba(0,0,0,0.08)' : '1px solid rgba(0,0,0,0.03)',
           borderBottom: '1px solid rgba(0,0,0,0.04)'
@@ -340,9 +333,9 @@ export default function TimeGrid() {
       }, /*#__PURE__*/React.createElement("div", {
         className: "text-lg font-bold leading-none"
       }, "\xD7")) : selected ? /*#__PURE__*/React.createElement("div", {
-        className: "space-y-1"
+        className: "space-y-0.5"
       }, /*#__PURE__*/React.createElement("div", {
-        className: "text-[11px] font-bold uppercase tracking-wide text-white/90"
+        className: "text-[11px] font-bold uppercase tracking-wide leading-4 text-white/90"
       }, locales.getText('pisell2.venue.label.selected') || '已选'), /*#__PURE__*/React.createElement(PisellText.Amount, {
         value: Number(slot.price || 0),
         symbol: symbol,
@@ -350,16 +343,16 @@ export default function TimeGrid() {
         showCurrencySymbol: true,
         className: "text-sm font-extrabold text-white"
       })) : /*#__PURE__*/React.createElement("div", {
-        className: "space-y-1"
+        className: "space-y-0.5"
       }, /*#__PURE__*/React.createElement(PisellText.Amount, {
         value: Number(slot.price || 0),
         symbol: symbol,
         precision: 2,
         showCurrencySymbol: true,
         hideDecimalForWholeNumbers: false,
-        className: "text-[13px] font-normal ".concat(priceClass, " md:text-sm")
+        className: "text-[13px] font-normal leading-4 ".concat(priceClass, " md:text-sm")
       }), tag ? /*#__PURE__*/React.createElement("div", {
-        className: "inline-flex rounded-full px-1.5 py-0.5 text-[8px] font-semibold ring-1 md:text-[9px] ".concat(tag.className)
+        className: "inline-flex rounded-full px-1.5 py-0 text-[8px] font-semibold leading-4 ring-1 md:text-[9px] ".concat(tag.className)
       }, tagText) : null));
     }));
   }))));

package/es/components/venueBooking/components/VenueSelection/index.js

@@ -52,7 +52,7 @@ export default function VenueSelection() {
     navigateWeek(7);
   }
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    className: "rounded-[24px] bg-white p-3 shadow-[0_10px_40px_rgba(20,20,20,0.06)] ring-1 ring-black/6 md:rounded-[28px] md:p-6"
+    className: "rounded-b-[24px] bg-white p-3 shadow-[0_10px_40px_rgba(20,20,20,0.06)] ring-1 ring-black/6 md:rounded-[28px] md:p-6"
   }, /*#__PURE__*/React.createElement("div", {
     className: "flex flex-col gap-2 xl:flex-row xl:items-center xl:justify-between"
   }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("h2", {

package/es/components/venueBooking/context.js

@@ -57,6 +57,19 @@ function getWeekRange(anchor) {
   };
 }
 
+/**
+ * 把 startDate 夹紧到今天：避免把已过去的日期传给 OS。
+ * 若整段范围都已过去（endDate < 今天），返回 null 表示该段不需要请求。
+ */
+function clampRangeToToday(startDate, endDate) {
+  var todayKey = formatDateKey(dayjs());
+  if (endDate < todayKey) return null;
+  return {
+    startDate: startDate < todayKey ? todayKey : startDate,
+    endDate: endDate
+  };
+}
+
 /**
  * 从 submitOrder 异常中提取可读错误文案（优先规则校验提示）
  */
@@ -299,7 +312,7 @@ export function VenueBookingProvider(_ref) {
    */
   var fetchWeekData = useCallback( /*#__PURE__*/function () {
     var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(startDate, endDate) {
-      var summary, currentDateKey, grid;
+      var clamped, summary, raw, currentDateKey, grid;
       return _regeneratorRuntime().wrap(function _callee2$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
           case 0:
@@ -311,27 +324,36 @@ export function VenueBookingProvider(_ref) {
           case 2:
             setIsWeekLoading(true);
             _context2.prev = 3;
-            _context2.next = 6;
-            return fetchResourceAvailability(venueBookingModule, startDate, endDate);
-          case 6:
-            summary = getDateRangeSummary(venueBookingModule, startDate, endDate);
+            // 把区间起点夹紧到今天，避免把已过去的日期传给 OS；整段已过去时直接跳过 OS 请求
+            clamped = clampRangeToToday(startDate, endDate);
+            summary = [];
+            if (!clamped) {
+              _context2.next = 11;
+              break;
+            }
+            _context2.next = 9;
+            return fetchResourceAvailability(venueBookingModule, clamped.startDate, clamped.endDate);
+          case 9:
+            raw = getDateRangeSummary(venueBookingModule, clamped.startDate, clamped.endDate);
+            summary = Array.isArray(raw) ? raw : [];
+          case 11:
             currentDateKey = formatDateKey(anchorDateRef.current);
             grid = getTimeSlotGrid(venueBookingModule, currentDateKey);
             setViewModel(function (prev) {
               return _objectSpread(_objectSpread({}, prev), {}, {
-                dateSummary: Array.isArray(summary) ? summary : [],
+                dateSummary: summary,
                 timeSlotGrid: grid
               });
             });
-          case 10:
-            _context2.prev = 10;
+          case 14:
+            _context2.prev = 14;
             setIsWeekLoading(false);
-            return _context2.finish(10);
-          case 13:
+            return _context2.finish(14);
+          case 17:
           case "end":
             return _context2.stop();
         }
-      }, _callee2, null, [[3,, 10, 13]]);
+      }, _callee2, null, [[3,, 14, 17]]);
     }));
     return function (_x2, _x3) {
       return _ref3.apply(this, arguments);
@@ -360,27 +382,34 @@ export function VenueBookingProvider(_ref) {
             MAX_FORWARD_WEEKS = 8;
             fallbackSummary = [];
             _loop = /*#__PURE__*/_regeneratorRuntime().mark(function _loop() {
-              var probeDate, _getWeekRange, startDate, endDate, weekSummary, candidateDate, grid;
+              var probeDate, _getWeekRange, startDate, endDate, clamped, weekSummary, candidateDate, grid;
               return _regeneratorRuntime().wrap(function _loop$(_context3) {
                 while (1) switch (_context3.prev = _context3.next) {
                   case 0:
                     probeDate = fromDate.add(weekOffset * 7, 'day');
-                    _getWeekRange = getWeekRange(probeDate), startDate = _getWeekRange.startDate, endDate = _getWeekRange.endDate;
-                    _context3.next = 4;
-                    return fetchResourceAvailability(venueBookingModule, startDate, endDate);
-                  case 4:
-                    weekSummary = getDateRangeSummary(venueBookingModule, startDate, endDate);
+                    _getWeekRange = getWeekRange(probeDate), startDate = _getWeekRange.startDate, endDate = _getWeekRange.endDate; // 夹紧到今天再请求 OS：当前周会从今天开始，未来周不受影响；整段已过去则跳过
+                    clamped = clampRangeToToday(startDate, endDate);
+                    if (clamped) {
+                      _context3.next = 5;
+                      break;
+                    }
+                    return _context3.abrupt("return", 0);
+                  case 5:
+                    _context3.next = 7;
+                    return fetchResourceAvailability(venueBookingModule, clamped.startDate, clamped.endDate);
+                  case 7:
+                    weekSummary = getDateRangeSummary(venueBookingModule, clamped.startDate, clamped.endDate);
                     if (weekOffset === 0) fallbackSummary = Array.isArray(weekSummary) ? weekSummary : [];
                     candidateDate = findNearestAvailableDate({
                       summary: Array.isArray(weekSummary) ? weekSummary : [],
                       preferredDate: weekOffset === 0 ? fromDate : probeDate.startOf('week')
                     });
                     if (candidateDate) {
-                      _context3.next = 9;
+                      _context3.next = 12;
                       break;
                     }
                     return _context3.abrupt("return", 0);
-                  case 9:
+                  case 12:
                     setAnchorDate(candidateDate);
                     setMonthCursor(candidateDate.startOf('month'));
                     grid = getTimeSlotGrid(venueBookingModule, formatDateKey(candidateDate));
@@ -393,7 +422,7 @@ export function VenueBookingProvider(_ref) {
                     return _context3.abrupt("return", {
                       v: void 0
                     });
-                  case 14:
+                  case 17:
                   case "end":
                     return _context3.stop();
                 }

package/es/components/venueBooking/locales.d.ts

@@ -41,6 +41,7 @@ declare const _default: {
         'pisell2.venue.label.selected': string;
         'pisell2.venue.label.sold.out': string;
         'pisell2.venue.label.few.left': string;
+        'pisell2.venue.label.bookable': string;
         'pisell2.venue.label.off.peak': string;
         'pisell2.venue.label.peak': string;
         'pisell2.venue.label.promo': string;
@@ -161,6 +162,7 @@ declare const _default: {
         'pisell2.venue.label.selected': string;
         'pisell2.venue.label.sold.out': string;
         'pisell2.venue.label.few.left': string;
+        'pisell2.venue.label.bookable': string;
         'pisell2.venue.label.off.peak': string;
         'pisell2.venue.label.peak': string;
         'pisell2.venue.label.promo': string;
@@ -281,6 +283,7 @@ declare const _default: {
         'pisell2.venue.label.selected': string;
         'pisell2.venue.label.sold.out': string;
         'pisell2.venue.label.few.left': string;
+        'pisell2.venue.label.bookable': string;
         'pisell2.venue.label.off.peak': string;
         'pisell2.venue.label.peak': string;
         'pisell2.venue.label.promo': string;
@@ -401,6 +404,7 @@ declare const _default: {
         'pisell2.venue.label.selected': string;
         'pisell2.venue.label.sold.out': string;
         'pisell2.venue.label.few.left': string;
+        'pisell2.venue.label.bookable': string;
         'pisell2.venue.label.off.peak': string;
         'pisell2.venue.label.peak': string;
         'pisell2.venue.label.promo': string;
@@ -521,6 +525,7 @@ declare const _default: {
         'pisell2.venue.label.selected': string;
         'pisell2.venue.label.sold.out': string;
         'pisell2.venue.label.few.left': string;
+        'pisell2.venue.label.bookable': string;
         'pisell2.venue.label.off.peak': string;
         'pisell2.venue.label.peak': string;
         'pisell2.venue.label.promo': string;

package/es/components/venueBooking/locales.js

@@ -41,6 +41,7 @@ export default {
     'pisell2.venue.label.selected': 'Selected',
     'pisell2.venue.label.sold.out': 'Sold out',
     'pisell2.venue.label.few.left': 'Few left',
+    'pisell2.venue.label.bookable': 'Bookable',
     'pisell2.venue.label.off.peak': 'Off-Peak',
     'pisell2.venue.label.peak': 'Peak',
     'pisell2.venue.label.promo': 'Promo',
@@ -161,6 +162,7 @@ export default {
     'pisell2.venue.label.selected': '已选',
     'pisell2.venue.label.sold.out': '已满',
     'pisell2.venue.label.few.left': '即将满',
+    'pisell2.venue.label.bookable': '充足',
     'pisell2.venue.label.off.peak': '非高峰',
     'pisell2.venue.label.peak': '高峰',
     'pisell2.venue.label.promo': '促销',
@@ -281,6 +283,7 @@ export default {
     'pisell2.venue.label.selected': '已選',
     'pisell2.venue.label.sold.out': '已滿',
     'pisell2.venue.label.few.left': '即將滿',
+    'pisell2.venue.label.bookable': '充足',
     'pisell2.venue.label.off.peak': '非高峰',
     'pisell2.venue.label.peak': '高峰',
     'pisell2.venue.label.promo': '促銷',
@@ -401,6 +404,7 @@ export default {
     'pisell2.venue.label.selected': '選択済み',
     'pisell2.venue.label.sold.out': '満席',
     'pisell2.venue.label.few.left': '残りわずか',
+    'pisell2.venue.label.bookable': '予約可',
     'pisell2.venue.label.off.peak': 'オフピーク',
     'pisell2.venue.label.peak': 'ピーク',
     'pisell2.venue.label.promo': 'プロモ',
@@ -521,6 +525,7 @@ export default {
     'pisell2.venue.label.selected': 'Selecionado',
     'pisell2.venue.label.sold.out': 'Esgotado',
     'pisell2.venue.label.few.left': 'Poucas vagas',
+    'pisell2.venue.label.bookable': 'Disponível',
     'pisell2.venue.label.off.peak': 'Fora de pico',
     'pisell2.venue.label.peak': 'Pico',
     'pisell2.venue.label.promo': 'Promoção',

package/lib/components/venueBooking/components/Content/index.js

@@ -131,7 +131,7 @@ function Content() {
           background: #fff;
           border-radius: 0 0 28px 28px;
         }
-      `), /* @__PURE__ */ import_react.default.createElement("main", { className: "mx-auto max-w-[1500px] px-3 pt-3 md:px-6 md:pt-6 lg:pb-12 h-full overscroll-none" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "space-y-2 md:space-y-4", style: { minHeight: "100%" } }, /* @__PURE__ */ import_react.default.createElement("div", { ref: stepHeaderRef, className: "sticky top-0 z-40" }, /* @__PURE__ */ import_react.default.createElement(import_Header.default, null)), /* @__PURE__ */ import_react.default.createElement("div", { className: "grid max-w-full gap-2 md:gap-4 lg:grid-cols-[minmax(0,1fr)_390px] xl:grid-cols-[minmax(0,1fr)_420px]" }, /* @__PURE__ */ import_react.default.createElement("section", { className: "min-w-0 space-y-3 overscroll-none md:space-y-5" }, stepRegistry[currentStep]), /* @__PURE__ */ import_react.default.createElement(
+      `), /* @__PURE__ */ import_react.default.createElement("main", { className: "mx-auto max-w-[1500px] md:px-6 md:pt-6 lg:pb-12 h-full overscroll-none" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "space-y-2 md:space-y-4", style: { minHeight: "100%" } }, /* @__PURE__ */ import_react.default.createElement("div", { ref: stepHeaderRef, className: "sticky top-0 z-40" }, /* @__PURE__ */ import_react.default.createElement(import_Header.default, null)), /* @__PURE__ */ import_react.default.createElement("div", { className: "grid max-w-full gap-2 md:gap-4 lg:grid-cols-[minmax(0,1fr)_390px] xl:grid-cols-[minmax(0,1fr)_420px]" }, /* @__PURE__ */ import_react.default.createElement("section", { className: "min-w-0 space-y-3 overscroll-none md:space-y-5" }, stepRegistry[currentStep]), /* @__PURE__ */ import_react.default.createElement(
     "aside",
     {
       className: "hidden lg:block sticky self-start z-10 rounded-[28px] bg-white shadow-[0_10px_40px_rgba(20,20,20,0.06)] ring-1 ring-black/6",
@@ -150,5 +150,5 @@ function Content() {
         confirmLoading: isSubmittingOrder
       }
     )
-  ))), /* @__PURE__ */ import_react.default.createElement("div", { className: "sticky bottom-0 z-30 block lg:hidden" }, /* @__PURE__ */ import_react.default.createElement(import_Footer.default, null))));
+  ))), /* @__PURE__ */ import_react.default.createElement("div", { className: "sticky bottom-0 z-50 block lg:hidden" }, /* @__PURE__ */ import_react.default.createElement(import_Footer.default, null))));
 }

package/lib/components/venueBooking/components/Header/index.js

@@ -104,7 +104,7 @@ function Header() {
     "div",
     {
       ref: cardRef,
-      className: "relative rounded-[20px] bg-white p-3 md:rounded-[24px] md:p-4 ring-1 ring-black/6 shadow-[0_10px_30px_rgba(20,20,20,0.04)]"
+      className: "relative bg-white p-3 md:rounded-[24px] md:p-4 ring-1 ring-black/6 shadow-[0_10px_30px_rgba(20,20,20,0.04)]"
     },
     /* @__PURE__ */ import_react.default.createElement(
       import_antd.Modal,

package/lib/components/venueBooking/components/VenueSelection/components/CourtFilter.js

@@ -34,7 +34,6 @@ __export(CourtFilter_exports, {
 module.exports = __toCommonJS(CourtFilter_exports);
 var import_react = __toESM(require("react"));
 var import_utils = require("@pisell/utils");
-var import_materials = require("@pisell/materials");
 var import_context = require("../../../context");
 function CourtFilter() {
   const { search, setSearch, filter, setFilter, viewModel } = (0, import_context.useVenueBookingContext)();
@@ -47,15 +46,7 @@ function CourtFilter() {
     { label: import_utils.locales.getText("pisell2.venue.filter.all") || "全部", value: "ALL" },
     ...courtTypes.map((type) => ({ label: type, value: type }))
   ];
-  return /* @__PURE__ */ import_react.default.createElement("div", { className: "mt-4 grid gap-3 md:mt-5 xl:grid-cols-[1fr_auto] xl:items-center" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "flex items-center gap-3 rounded-[18px] border border-black/8 bg-[#fafafa] px-4 py-3" }, /* @__PURE__ */ import_react.default.createElement(import_materials.Iconfont, { type: "pisell2-search-lg", style: { fontSize: 16, color: "#a1a1aa" } }), /* @__PURE__ */ import_react.default.createElement(
-    "input",
-    {
-      value: search,
-      onChange: (e) => setSearch(e.target.value),
-      placeholder: String(import_utils.locales.getText("pisell2.venue.search.placeholder") || "搜索场地"),
-      className: "w-full border-0 bg-transparent text-sm outline-none placeholder:text-zinc-400"
-    }
-  )), courtTypes.length > 1 ? /* @__PURE__ */ import_react.default.createElement("div", { className: "flex flex-wrap gap-2" }, filterOptions.map((opt) => /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "mt-4 grid gap-3 md:mt-5 xl:grid-cols-[1fr_auto] xl:items-center" }, courtTypes.length > 1 ? /* @__PURE__ */ import_react.default.createElement("div", { className: "flex flex-wrap gap-2" }, filterOptions.map((opt) => /* @__PURE__ */ import_react.default.createElement(
     "button",
     {
       key: opt.value,

package/lib/components/venueBooking/components/VenueSelection/components/TimeGrid.js

@@ -231,7 +231,8 @@ function TimeGrid() {
           },
           headerTag && !timeMeta.soldOut ? /* @__PURE__ */ import_react.default.createElement("span", { className: `inline-flex rounded-full px-1.5 py-0.5 text-[8px] font-semibold ring-1 md:text-[9px] ${headerTag.className}` }, headerTag.text) : null,
           timeMeta.soldOut ? /* @__PURE__ */ import_react.default.createElement("div", { className: "mt-1 text-[10px] font-bold text-zinc-400" }, import_utils.locales.getText("pisell2.venue.label.sold.out") || "已满") : null,
-          !timeMeta.soldOut && timeMeta.fewLeft ? /* @__PURE__ */ import_react.default.createElement("div", { className: "mt-1 text-[10px] font-bold", style: { color: "var(--vb-primary)" } }, import_utils.locales.getText("pisell2.venue.label.few.left") || "即将满") : null
+          !timeMeta.soldOut && timeMeta.fewLeft ? /* @__PURE__ */ import_react.default.createElement("div", { className: "mt-1 text-[10px] font-bold", style: { color: "var(--vb-primary)" } }, import_utils.locales.getText("pisell2.venue.label.few.left") || "即将满") : null,
+          !timeMeta.soldOut && !timeMeta.fewLeft && !headerTag ? /* @__PURE__ */ import_react.default.createElement("div", { className: "mt-1 text-[10px] font-bold text-zinc-500" }, import_utils.locales.getText("pisell2.venue.label.bookable") || "充足") : null
         );
       })
     )
@@ -245,7 +246,7 @@ function TimeGrid() {
     },
     /* @__PURE__ */ import_react.default.createElement("div", { className: "w-full", key: grid.date }, visibleResources.map((resource) => {
       const courtMeta = (0, import_utils2.getResourceCourtMeta)(resource);
-      return /* @__PURE__ */ import_react.default.createElement("div", { key: `${resource.resourceId}-${grid.date}`, className: "grid border-b border-black/6", style: tableGridStyle }, /* @__PURE__ */ import_react.default.createElement("div", { className: `sticky left-0 z-10 border-r border-black/6 px-2 py-4 shadow-[10px_0_16px_-14px_rgba(0,0,0,0.2)] md:px-4 ${courtMeta.soldOut ? "bg-zinc-50" : "bg-white"}` }, /* @__PURE__ */ import_react.default.createElement("div", { className: "flex items-start justify-between gap-2" }, /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("div", { className: `text-[13px] font-extrabold leading-5 md:text-[15px] ${courtMeta.soldOut ? "text-zinc-400" : "text-zinc-900"}` }, resource.resourceName), /* @__PURE__ */ import_react.default.createElement("div", { className: `mt-1 text-[11px] md:text-xs ${courtMeta.soldOut ? "text-zinc-400" : "text-zinc-500"}` }, resource.productTitle), courtMeta.soldOut ? /* @__PURE__ */ import_react.default.createElement("div", { className: "mt-1 text-[11px] font-semibold text-zinc-500" }, import_utils.locales.getText("pisell2.venue.label.sold.out") || "已满") : null, !courtMeta.soldOut && courtMeta.fewLeft ? /* @__PURE__ */ import_react.default.createElement("div", { className: "mt-1 text-[12px] font-bold", style: { color: "var(--vb-primary)" } }, import_utils.locales.getText("pisell2.venue.label.few.left") || "即将满") : null))), resource.slots.map((slot, slotIndex) => {
+      return /* @__PURE__ */ import_react.default.createElement("div", { key: `${resource.resourceId}-${grid.date}`, className: "grid border-b border-black/6", style: tableGridStyle }, /* @__PURE__ */ import_react.default.createElement("div", { className: `sticky left-0 z-10 border-r border-black/6 px-2 py-2 shadow-[10px_0_16px_-14px_rgba(0,0,0,0.2)] md:px-4 ${courtMeta.soldOut ? "bg-zinc-50" : "bg-white"}` }, /* @__PURE__ */ import_react.default.createElement("div", { className: "flex items-start justify-between gap-2" }, /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("div", { className: `text-[13px] font-extrabold leading-5 md:text-[15px] ${courtMeta.soldOut ? "text-zinc-400" : "text-zinc-900"}` }, resource.resourceName)))), resource.slots.map((slot, slotIndex) => {
         const isAvailable = slot.status === "available";
         const isUnavailable = slot.status === "occupied" || slot.status === "past" || slot.status === "unavailable";
         const selected = isAvailable && (0, import_hooks.isSlotSelected)(
@@ -265,14 +266,14 @@ function TimeGrid() {
             key: `${resource.resourceId}-${slot.startTime}`,
             onClick: () => handleSlotClick(resource.resourceId, slot),
             disabled: isUnavailable,
-            className: `px-1 py-3 text-center transition md:px-2 ${isUnavailable ? "cursor-not-allowed bg-zinc-100 text-zinc-400" : selected ? "text-white" : "bg-white hover:bg-[#fff6f6]"}`,
+            className: `px-1 py-2 text-center transition md:px-2 ${isUnavailable ? "cursor-not-allowed bg-zinc-100 text-zinc-400" : selected ? "text-white" : "bg-white hover:bg-[#fff6f6]"}`,
             style: {
               borderLeft: (0, import_utils2.isHourBoundary)(timeLabel) ? "1px solid rgba(0,0,0,0.08)" : "1px solid rgba(0,0,0,0.03)",
               borderBottom: "1px solid rgba(0,0,0,0.04)",
               ...selected && !isUnavailable ? { backgroundColor: "var(--vb-primary)" } : null
             }
           },
-          isUnavailable ? /* @__PURE__ */ import_react.default.createElement("div", { className: "flex flex-col items-center justify-center gap-1 text-zinc-400" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "text-lg font-bold leading-none" }, "×")) : selected ? /* @__PURE__ */ import_react.default.createElement("div", { className: "space-y-1" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "text-[11px] font-bold uppercase tracking-wide text-white/90" }, import_utils.locales.getText("pisell2.venue.label.selected") || "已选"), /* @__PURE__ */ import_react.default.createElement(
+          isUnavailable ? /* @__PURE__ */ import_react.default.createElement("div", { className: "flex flex-col items-center justify-center gap-1 text-zinc-400" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "text-lg font-bold leading-none" }, "×")) : selected ? /* @__PURE__ */ import_react.default.createElement("div", { className: "space-y-0.5" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "text-[11px] font-bold uppercase tracking-wide leading-4 text-white/90" }, import_utils.locales.getText("pisell2.venue.label.selected") || "已选"), /* @__PURE__ */ import_react.default.createElement(
             import_materials.PisellText.Amount,
             {
               value: Number(slot.price || 0),
@@ -281,7 +282,7 @@ function TimeGrid() {
               showCurrencySymbol: true,
               className: "text-sm font-extrabold text-white"
             }
-          )) : /* @__PURE__ */ import_react.default.createElement("div", { className: "space-y-1" }, /* @__PURE__ */ import_react.default.createElement(
+          )) : /* @__PURE__ */ import_react.default.createElement("div", { className: "space-y-0.5" }, /* @__PURE__ */ import_react.default.createElement(
             import_materials.PisellText.Amount,
             {
               value: Number(slot.price || 0),
@@ -289,9 +290,9 @@ function TimeGrid() {
               precision: 2,
               showCurrencySymbol: true,
               hideDecimalForWholeNumbers: false,
-              className: `text-[13px] font-normal ${priceClass} md:text-sm`
+              className: `text-[13px] font-normal leading-4 ${priceClass} md:text-sm`
             }
-          ), tag ? /* @__PURE__ */ import_react.default.createElement("div", { className: `inline-flex rounded-full px-1.5 py-0.5 text-[8px] font-semibold ring-1 md:text-[9px] ${tag.className}` }, tagText) : null)
+          ), tag ? /* @__PURE__ */ import_react.default.createElement("div", { className: `inline-flex rounded-full px-1.5 py-0 text-[8px] font-semibold leading-4 ring-1 md:text-[9px] ${tag.className}` }, tagText) : null)
         );
       }));
     }))

package/lib/components/venueBooking/components/VenueSelection/index.js

@@ -57,7 +57,7 @@ function VenueSelection() {
   function goNextWeek() {
     navigateWeek(7);
   }
-  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { className: "rounded-[24px] bg-white p-3 shadow-[0_10px_40px_rgba(20,20,20,0.06)] ring-1 ring-black/6 md:rounded-[28px] md:p-6" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "flex flex-col gap-2 xl:flex-row xl:items-center xl:justify-between" }, /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("h2", { className: "text-2xl font-extrabold leading-tight text-zinc-900 md:text-[30px]" }, import_utils.locales.getText("pisell2.venue.step1.title") || "选择场地"), /* @__PURE__ */ import_react.default.createElement("p", { className: "mt-1 text-xs leading-5 text-zinc-500 md:mt-2 md:text-sm md:leading-6" }, import_utils.locales.getText("pisell2.venue.step1.subtitle") || "仅显示可用时段和价格。")), /* @__PURE__ */ import_react.default.createElement(import_DateNavigator.default, { onPrevWeek: goPrevWeek, onNextWeek: goNextWeek })), /* @__PURE__ */ import_react.default.createElement("div", { className: "mt-3 md:mt-5" }, /* @__PURE__ */ import_react.default.createElement(import_DayTabs.default, { onPrevWeek: goPrevWeek, onNextWeek: goNextWeek })), /* @__PURE__ */ import_react.default.createElement(import_CourtFilter.default, null)), /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { className: "rounded-b-[24px] bg-white p-3 shadow-[0_10px_40px_rgba(20,20,20,0.06)] ring-1 ring-black/6 md:rounded-[28px] md:p-6" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "flex flex-col gap-2 xl:flex-row xl:items-center xl:justify-between" }, /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("h2", { className: "text-2xl font-extrabold leading-tight text-zinc-900 md:text-[30px]" }, import_utils.locales.getText("pisell2.venue.step1.title") || "选择场地"), /* @__PURE__ */ import_react.default.createElement("p", { className: "mt-1 text-xs leading-5 text-zinc-500 md:mt-2 md:text-sm md:leading-6" }, import_utils.locales.getText("pisell2.venue.step1.subtitle") || "仅显示可用时段和价格。")), /* @__PURE__ */ import_react.default.createElement(import_DateNavigator.default, { onPrevWeek: goPrevWeek, onNextWeek: goNextWeek })), /* @__PURE__ */ import_react.default.createElement("div", { className: "mt-3 md:mt-5" }, /* @__PURE__ */ import_react.default.createElement(import_DayTabs.default, { onPrevWeek: goPrevWeek, onNextWeek: goNextWeek })), /* @__PURE__ */ import_react.default.createElement(import_CourtFilter.default, null)), /* @__PURE__ */ import_react.default.createElement(
     "div",
     {
       ref: tableSectionRef,

package/lib/components/venueBooking/context.js

@@ -60,6 +60,14 @@ function getWeekRange(anchor) {
     endDate: (0, import_utils2.formatDateKey)(days[days.length - 1])
   };
 }
+function clampRangeToToday(startDate, endDate) {
+  const todayKey = (0, import_utils2.formatDateKey)((0, import_dayjs.default)());
+  if (endDate < todayKey) return null;
+  return {
+    startDate: startDate < todayKey ? todayKey : startDate,
+    endDate
+  };
+}
 function getSubmitOrderErrorMessage(error) {
   const firstFailure = Array.isArray(error == null ? void 0 : error.failures) ? error.failures[0] : null;
   const failureTips = String((firstFailure == null ? void 0 : firstFailure.validationMessage) || "").trim();
@@ -147,13 +155,18 @@ function VenueBookingProvider({ entryContext, children }) {
     if (!venueBookingModule) return;
     setIsWeekLoading(true);
     try {
-      await (0, import_hooks.fetchResourceAvailability)(venueBookingModule, startDate, endDate);
-      const summary = (0, import_hooks.getDateRangeSummary)(venueBookingModule, startDate, endDate);
+      const clamped = clampRangeToToday(startDate, endDate);
+      let summary = [];
+      if (clamped) {
+        await (0, import_hooks.fetchResourceAvailability)(venueBookingModule, clamped.startDate, clamped.endDate);
+        const raw = (0, import_hooks.getDateRangeSummary)(venueBookingModule, clamped.startDate, clamped.endDate);
+        summary = Array.isArray(raw) ? raw : [];
+      }
       const currentDateKey = (0, import_utils2.formatDateKey)(anchorDateRef.current);
       const grid = (0, import_hooks.getTimeSlotGrid)(venueBookingModule, currentDateKey);
       setViewModel((prev) => ({
         ...prev,
-        dateSummary: Array.isArray(summary) ? summary : [],
+        dateSummary: summary,
         timeSlotGrid: grid
       }));
     } finally {
@@ -169,8 +182,10 @@ function VenueBookingProvider({ entryContext, children }) {
       for (let weekOffset = 0; weekOffset <= MAX_FORWARD_WEEKS; weekOffset++) {
         const probeDate = fromDate.add(weekOffset * 7, "day");
         const { startDate, endDate } = getWeekRange(probeDate);
-        await (0, import_hooks.fetchResourceAvailability)(venueBookingModule, startDate, endDate);
-        const weekSummary = (0, import_hooks.getDateRangeSummary)(venueBookingModule, startDate, endDate);
+        const clamped = clampRangeToToday(startDate, endDate);
+        if (!clamped) continue;
+        await (0, import_hooks.fetchResourceAvailability)(venueBookingModule, clamped.startDate, clamped.endDate);
+        const weekSummary = (0, import_hooks.getDateRangeSummary)(venueBookingModule, clamped.startDate, clamped.endDate);
         if (weekOffset === 0) fallbackSummary = Array.isArray(weekSummary) ? weekSummary : [];
         const candidateDate = findNearestAvailableDate({
           summary: Array.isArray(weekSummary) ? weekSummary : [],

package/lib/components/venueBooking/locales.d.ts

@@ -41,6 +41,7 @@ declare const _default: {
         'pisell2.venue.label.selected': string;
         'pisell2.venue.label.sold.out': string;
         'pisell2.venue.label.few.left': string;
+        'pisell2.venue.label.bookable': string;
         'pisell2.venue.label.off.peak': string;
         'pisell2.venue.label.peak': string;
         'pisell2.venue.label.promo': string;
@@ -161,6 +162,7 @@ declare const _default: {
         'pisell2.venue.label.selected': string;
         'pisell2.venue.label.sold.out': string;
         'pisell2.venue.label.few.left': string;
+        'pisell2.venue.label.bookable': string;
         'pisell2.venue.label.off.peak': string;
         'pisell2.venue.label.peak': string;
         'pisell2.venue.label.promo': string;
@@ -281,6 +283,7 @@ declare const _default: {
         'pisell2.venue.label.selected': string;
         'pisell2.venue.label.sold.out': string;
         'pisell2.venue.label.few.left': string;
+        'pisell2.venue.label.bookable': string;
         'pisell2.venue.label.off.peak': string;
         'pisell2.venue.label.peak': string;
         'pisell2.venue.label.promo': string;
@@ -401,6 +404,7 @@ declare const _default: {
         'pisell2.venue.label.selected': string;
         'pisell2.venue.label.sold.out': string;
         'pisell2.venue.label.few.left': string;
+        'pisell2.venue.label.bookable': string;
         'pisell2.venue.label.off.peak': string;
         'pisell2.venue.label.peak': string;
         'pisell2.venue.label.promo': string;
@@ -521,6 +525,7 @@ declare const _default: {
         'pisell2.venue.label.selected': string;
         'pisell2.venue.label.sold.out': string;
         'pisell2.venue.label.few.left': string;
+        'pisell2.venue.label.bookable': string;
         'pisell2.venue.label.off.peak': string;
         'pisell2.venue.label.peak': string;
         'pisell2.venue.label.promo': string;

package/lib/components/venueBooking/locales.js

@@ -61,6 +61,7 @@ var locales_default = {
     "pisell2.venue.label.selected": "Selected",
     "pisell2.venue.label.sold.out": "Sold out",
     "pisell2.venue.label.few.left": "Few left",
+    "pisell2.venue.label.bookable": "Bookable",
     "pisell2.venue.label.off.peak": "Off-Peak",
     "pisell2.venue.label.peak": "Peak",
     "pisell2.venue.label.promo": "Promo",
@@ -181,6 +182,7 @@ var locales_default = {
     "pisell2.venue.label.selected": "已选",
     "pisell2.venue.label.sold.out": "已满",
     "pisell2.venue.label.few.left": "即将满",
+    "pisell2.venue.label.bookable": "充足",
     "pisell2.venue.label.off.peak": "非高峰",
     "pisell2.venue.label.peak": "高峰",
     "pisell2.venue.label.promo": "促销",
@@ -301,6 +303,7 @@ var locales_default = {
     "pisell2.venue.label.selected": "已選",
     "pisell2.venue.label.sold.out": "已滿",
     "pisell2.venue.label.few.left": "即將滿",
+    "pisell2.venue.label.bookable": "充足",
     "pisell2.venue.label.off.peak": "非高峰",
     "pisell2.venue.label.peak": "高峰",
     "pisell2.venue.label.promo": "促銷",
@@ -421,6 +424,7 @@ var locales_default = {
     "pisell2.venue.label.selected": "選択済み",
     "pisell2.venue.label.sold.out": "満席",
     "pisell2.venue.label.few.left": "残りわずか",
+    "pisell2.venue.label.bookable": "予約可",
     "pisell2.venue.label.off.peak": "オフピーク",
     "pisell2.venue.label.peak": "ピーク",
     "pisell2.venue.label.promo": "プロモ",
@@ -541,6 +545,7 @@ var locales_default = {
     "pisell2.venue.label.selected": "Selecionado",
     "pisell2.venue.label.sold.out": "Esgotado",
     "pisell2.venue.label.few.left": "Poucas vagas",
+    "pisell2.venue.label.bookable": "Disponível",
     "pisell2.venue.label.off.peak": "Fora de pico",
     "pisell2.venue.label.peak": "Pico",
     "pisell2.venue.label.promo": "Promoção",