@pisell/private-materials 6.3.131 → 6.3.133

package/es/components/venueBooking/locales.js

@@ -23,6 +23,7 @@ export default {
     'pisell2.venue.cart.delete.venue.only.step1': 'Please return to Step 1 before removing court bookings',
     'pisell2.venue.cart.addons.ready': 'Add-ons are ready below.',
     'pisell2.venue.cart.review.all': 'Review everything before payment.',
+    'pisell2.venue.action.next': 'Next',
     'pisell2.venue.action.next.addons': 'Next: Add-ons',
     'pisell2.venue.action.review.pay': 'Review & Pay',
     'pisell2.venue.action.pay.now': 'Pay now',
@@ -40,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',
@@ -91,6 +93,7 @@ export default {
     'pisell2.venue.calendar.weekday.short.sun': 'Sun',
     'pisell2.venue.time.am': 'am',
     'pisell2.venue.time.pm': 'pm',
+    'pisell2.venue.time.hour.format': '{hour}{suffix}',
     'pisell2.venue.limit.message': 'You can book up to 4 bookings or max 8 hours.',
     'pisell2.text.goodpass': 'Promotion',
     'pisell2.text.goodpass.product-vouchers': 'Product Vouchers',
@@ -118,7 +121,8 @@ export default {
     'pisell2.appointment.deposit.close': 'Close',
     'pisell2.appointment.policy': 'You have read and agreed to this policy',
     'pisell2.appointment.policy.confirm': 'Confirm',
-    'pisell2.appointment.booking.empty.data': 'No data'
+    'pisell2.appointment.booking.empty.data': 'No data',
+    'pisell2.product-select.search': 'Search'
   },
   'zh-CN': {
     'pisell2.venue.step.select': '选择场地',
@@ -140,6 +144,7 @@ export default {
     'pisell2.venue.cart.delete.venue.only.step1': '请返回第一步后再删除场地商品',
     'pisell2.venue.cart.addons.ready': '附加项已准备就绪。',
     'pisell2.venue.cart.review.all': '请在支付前检查所有信息。',
+    'pisell2.venue.action.next': '下一步',
     'pisell2.venue.action.next.addons': '下一步：附加项',
     'pisell2.venue.action.review.pay': '确认 & 支付',
     'pisell2.venue.action.pay.now': '立即支付',
@@ -157,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': '促销',
@@ -208,6 +214,7 @@ export default {
     'pisell2.venue.calendar.weekday.short.sun': '周日',
     'pisell2.venue.time.am': '上午',
     'pisell2.venue.time.pm': '下午',
+    'pisell2.venue.time.hour.format': '{suffix}{hour}点',
     'pisell2.venue.limit.message': '最多可预订 4 个场次或 8 小时。',
     'pisell2.text.goodpass': '促销',
     'pisell2.text.goodpass.product-vouchers': '商品兑换券',
@@ -235,7 +242,8 @@ export default {
     'pisell2.appointment.deposit.close': '关闭',
     'pisell2.appointment.policy': '您已仔细阅读并同意此协议',
     'pisell2.appointment.policy.confirm': '确定',
-    'pisell2.appointment.booking.empty.data': '暂无数据'
+    'pisell2.appointment.booking.empty.data': '暂无数据',
+    'pisell2.product-select.search': '搜索'
   },
   'zh-HK': {
     'pisell2.venue.step.select': '選擇場地',
@@ -257,6 +265,7 @@ export default {
     'pisell2.venue.cart.delete.venue.only.step1': '請返回第一步後再刪除場地商品',
     'pisell2.venue.cart.addons.ready': '附加項已準備就緒。',
     'pisell2.venue.cart.review.all': '請在支付前檢查所有資訊。',
+    'pisell2.venue.action.next': '下一步',
     'pisell2.venue.action.next.addons': '下一步：附加項',
     'pisell2.venue.action.review.pay': '確認 & 支付',
     'pisell2.venue.action.pay.now': '立即支付',
@@ -274,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': '促銷',
@@ -325,6 +335,7 @@ export default {
     'pisell2.venue.calendar.weekday.short.sun': '週日',
     'pisell2.venue.time.am': '上午',
     'pisell2.venue.time.pm': '下午',
+    'pisell2.venue.time.hour.format': '{suffix}{hour}點',
     'pisell2.venue.limit.message': '最多可預訂 4 個場次或 8 小時。',
     'pisell2.text.goodpass': '促銷',
     'pisell2.text.goodpass.product-vouchers': '商品兌換券',
@@ -352,7 +363,8 @@ export default {
     'pisell2.appointment.deposit.close': '關閉',
     'pisell2.appointment.policy': '您已仔細閱讀並同意此協議',
     'pisell2.appointment.policy.confirm': '確定',
-    'pisell2.appointment.booking.empty.data': '暫無數據'
+    'pisell2.appointment.booking.empty.data': '暫無數據',
+    'pisell2.product-select.search': '搜索'
   },
   ja: {
     'pisell2.venue.step.select': 'コートを選択',
@@ -374,6 +386,7 @@ export default {
     'pisell2.venue.cart.delete.venue.only.step1': 'コート予約を削除するには、ステップ1に戻ってください',
     'pisell2.venue.cart.addons.ready': '追加オプションを下から選択できます。',
     'pisell2.venue.cart.review.all': '支払い前に内容を確認してください。',
+    'pisell2.venue.action.next': '次へ',
     'pisell2.venue.action.next.addons': '次へ：追加オプション',
     'pisell2.venue.action.review.pay': '確認して支払う',
     'pisell2.venue.action.pay.now': '今すぐ支払う',
@@ -391,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': 'プロモ',
@@ -442,6 +456,7 @@ export default {
     'pisell2.venue.calendar.weekday.short.sun': '日',
     'pisell2.venue.time.am': '午前',
     'pisell2.venue.time.pm': '午後',
+    'pisell2.venue.time.hour.format': '{suffix}{hour}時',
     'pisell2.venue.limit.message': '最大 4 件の予約、または合計 8 時間まで予約できます。',
     'pisell2.text.goodpass': 'プロモーション',
     'pisell2.text.goodpass.product-vouchers': '商品バウチャー',
@@ -469,7 +484,8 @@ export default {
     'pisell2.appointment.deposit.close': '閉じる',
     'pisell2.appointment.policy': 'このポリシーを読み、同意しました',
     'pisell2.appointment.policy.confirm': '確認',
-    'pisell2.appointment.booking.empty.data': 'データなし'
+    'pisell2.appointment.booking.empty.data': 'データなし',
+    'pisell2.product-select.search': '検索'
   },
   pt: {
     'pisell2.venue.step.select': 'Escolher quadra',
@@ -491,6 +507,7 @@ export default {
     'pisell2.venue.cart.delete.venue.only.step1': 'Volte para a Etapa 1 antes de remover reservas de quadra',
     'pisell2.venue.cart.addons.ready': 'Os adicionais estão prontos abaixo.',
     'pisell2.venue.cart.review.all': 'Revise tudo antes do pagamento.',
+    'pisell2.venue.action.next': 'Próximo',
     'pisell2.venue.action.next.addons': 'Próximo: adicionais',
     'pisell2.venue.action.review.pay': 'Revisar e pagar',
     'pisell2.venue.action.pay.now': 'Pagar agora',
@@ -508,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',
@@ -559,6 +577,7 @@ export default {
     'pisell2.venue.calendar.weekday.short.sun': 'Dom',
     'pisell2.venue.time.am': 'am',
     'pisell2.venue.time.pm': 'pm',
+    'pisell2.venue.time.hour.format': '{hour}{suffix}',
     'pisell2.venue.limit.message': 'Você pode reservar até 4 reservas ou no máximo 8 horas.',
     'pisell2.text.goodpass': 'Promoção',
     'pisell2.text.goodpass.product-vouchers': 'Vales de Produto',
@@ -586,6 +605,7 @@ export default {
     'pisell2.appointment.deposit.close': 'Fechar',
     'pisell2.appointment.policy': 'Você leu e concordou com esta política',
     'pisell2.appointment.policy.confirm': 'Confirmar',
-    'pisell2.appointment.booking.empty.data': 'Sem dados'
+    'pisell2.appointment.booking.empty.data': 'Sem dados',
+    'pisell2.product-select.search': 'Pesquisar'
   }
 };

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

@@ -16,6 +16,14 @@ export declare function pad(n: number): string;
 export declare function timeToMinutes(time: string): number;
 export declare function minutesToTime(minutes: number): string;
 export declare function isHourBoundary(slot: string): boolean;
+/**
+ * 格式化小时列头
+ * 使用 i18n 模板 `pisell2.venue.time.hour.format`，支持 {suffix} / {hour} 两个占位符
+ *   - en / pt: "{hour}{suffix}" → "6pm"
+ *   - zh-CN / zh-TW: "{suffix}{hour}点/點" → "下午6点"
+ *   - ja: "{suffix}{hour}時" → "午後6時"
+ * 未命中模板时回退到 "{hour}{suffix}" 兼容旧行为
+ */
 export declare function formatHourHeader(slot: string): string;
 /** 从 timeLabels 中提取整点小时（用于表头合并列） */
 export declare function buildHourGroups(timeLabels: string[]): string[];

package/es/components/venueBooking/utils.js

@@ -79,13 +79,23 @@ export function minutesToTime(minutes) {
 export function isHourBoundary(slot) {
   return slot.endsWith(':00');
 }
+
+/**
+ * 格式化小时列头
+ * 使用 i18n 模板 `pisell2.venue.time.hour.format`，支持 {suffix} / {hour} 两个占位符
+ *   - en / pt: "{hour}{suffix}" → "6pm"
+ *   - zh-CN / zh-TW: "{suffix}{hour}点/點" → "下午6点"
+ *   - ja: "{suffix}{hour}時" → "午後6時"
+ * 未命中模板时回退到 "{hour}{suffix}" 兼容旧行为
+ */
 export function formatHourHeader(slot) {
   var _slot$split$map = slot.split(':').map(Number),
     _slot$split$map2 = _slicedToArray(_slot$split$map, 1),
     hour = _slot$split$map2[0];
-  var suffix = hour >= 12 ? locales.getText('pisell2.venue.time.pm') || '下午' : locales.getText('pisell2.venue.time.am') || '上午';
+  var suffix = hour >= 12 ? locales.getText('pisell2.venue.time.pm') || 'pm' : locales.getText('pisell2.venue.time.am') || 'am';
   var hour12 = hour % 12 === 0 ? 12 : hour % 12;
-  return "".concat(hour12).concat(suffix);
+  var template = locales.getText('pisell2.venue.time.hour.format') || '{hour}{suffix}';
+  return template.replace('{hour}', String(hour12)).replace('{suffix}', suffix);
 }
 
 /** 从 timeLabels 中提取整点小时（用于表头合并列） */

package/es/hooks/usePaymentLogger.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 interface LogData {
     key: string;
     value: any;

package/es/plus/pisellSalesManagement/config/booking.d.ts

@@ -20,7 +20,7 @@ export declare const getFilterButtonList: () => ({
         }[];
         minInputNumberProps?: undefined;
         maxInputNumberProps?: undefined;
-        readonly component?: undefined;
+        component?: undefined;
         isSearchServer?: undefined;
         showSearch?: undefined;
         showTime?: undefined;
@@ -46,7 +46,7 @@ export declare const getFilterButtonList: () => ({
         mode?: undefined;
         maxTagCount?: undefined;
         options?: undefined;
-        readonly component?: undefined;
+        component?: undefined;
         isSearchServer?: undefined;
         showSearch?: undefined;
         showTime?: undefined;
@@ -91,7 +91,7 @@ export declare const getFilterButtonList: () => ({
         options: () => Promise<any>;
         minInputNumberProps?: undefined;
         maxInputNumberProps?: undefined;
-        readonly component?: undefined;
+        component?: undefined;
         isSearchServer?: undefined;
         showSearch?: undefined;
         showTime?: undefined;
@@ -111,7 +111,7 @@ export declare const getFilterButtonList: () => ({
         options?: undefined;
         minInputNumberProps?: undefined;
         maxInputNumberProps?: undefined;
-        readonly component?: undefined;
+        component?: undefined;
         isSearchServer?: undefined;
         showSearch?: undefined;
         showTime?: undefined;
@@ -133,7 +133,7 @@ export declare const getFilterButtonList: () => ({
         maxTagCount?: undefined;
         minInputNumberProps?: undefined;
         maxInputNumberProps?: undefined;
-        readonly component?: undefined;
+        component?: undefined;
         showTime?: undefined;
     };
     sort?: undefined;
@@ -152,7 +152,7 @@ export declare const getFilterButtonList: () => ({
         options?: undefined;
         minInputNumberProps?: undefined;
         maxInputNumberProps?: undefined;
-        readonly component?: undefined;
+        component?: undefined;
         isSearchServer?: undefined;
         showSearch?: undefined;
     };

package/es/plus/pisellSalesManagement/hooks/useSalesGridData.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface UseSalesGridDataParams {
     perspective: 'monitor' | 'handle';
     extParams?: {

package/es/plus/walletEditor/components/ImageUpload/index.d.ts

@@ -3,6 +3,6 @@ export interface ImageUploadProps {
     value?: string;
     onChange?: (val: string) => void;
 }
-export declare const getBaseTime: (size: number) => 1000 | 2000 | 4000 | 8000;
+export declare const getBaseTime: (size: number) => 2000 | 1000 | 4000 | 8000;
 declare const ImageUpload: React.FC<ImageUploadProps>;
 export default ImageUpload;

package/lib/components/booking/info/clientVariant/hooks/useIsLowSpeedNetwork.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const useIsLowSpeedNetwork: () => import("react").MutableRefObject<boolean>;
 export default useIsLowSpeedNetwork;

package/lib/components/booking/utils.d.ts

@@ -166,10 +166,10 @@ export declare const getProductTotalPrice: (item: any) => number;
 export declare const getDuration: (duration: number | {
     type: string;
     value: number;
-}) => number | {
+}) => number | "flexible" | {
     type: string;
     value: number;
-} | "flexible";
+};
 export declare const isWalkIn: (customer_id?: number | string) => boolean;
 export declare const getIsEdit: (state: any) => boolean;
 export {};

package/lib/components/ecocup/components/CupStatusModal/hooks.d.ts

@@ -8,7 +8,7 @@ export declare const useCupAction: () => {
  * @return {*}
  */
 export declare const useBatchCupAction: () => {
-    run: (this: unknown, eco_cup_ids: string[] | number[]) => Promise<boolean>;
+    run: (this: unknown, eco_cup_ids: number[] | string[]) => Promise<boolean>;
     loading: boolean;
 };
 /**

package/lib/components/eftposPay/hooks.d.ts

@@ -15,11 +15,11 @@ export declare const useStoreRef: <T extends {
     readonly numRef: React.MutableRefObject<string | number | undefined>;
     readonly orderIdRef: React.MutableRefObject<string | number>;
     readonly modeRef: React.MutableRefObject<ModeEnum>;
-    readonly statusRef: React.MutableRefObject<"success" | "warn" | "loading" | "fail" | "pedding" | "resove" | "reject" | "question">;
+    readonly statusRef: React.MutableRefObject<"warn" | "success" | "loading" | "fail" | "pedding" | "resove" | "reject" | "question">;
     readonly netRef: React.MutableRefObject<boolean | undefined>;
     readonly symbolRef: React.MutableRefObject<string>;
     readonly amountRef: React.MutableRefObject<string | number>;
-    readonly eftposRef: React.MutableRefObject<"tyro" | "payo" | "windcave" | "stripe" | "linkly">;
+    readonly eftposRef: React.MutableRefObject<"stripe" | "payo" | "tyro" | "windcave" | "linkly">;
     readonly clientRef: React.MutableRefObject<ClientEnum>;
     readonly dataRef: React.MutableRefObject<import("./store").State>;
 };

package/lib/components/eftposPay/store/index.d.ts

@@ -176,7 +176,7 @@ export declare const updateCustom: (payload: {
 export declare const updateStatus: (status: 'loading' | 'warn' | 'fail' | 'success' | 'question') => {
     type: EActionTypes;
     payload: {
-        status: "success" | "warn" | "loading" | "fail" | "question";
+        status: "warn" | "success" | "loading" | "fail" | "question";
     };
 };
 /**
@@ -197,7 +197,7 @@ export declare const updateComponent: (component: string, render?: boolean) => {
     } | {
         readonly type: "step";
         readonly render: boolean;
-        readonly component?: undefined;
+        component?: undefined;
     };
 };
 /**
@@ -297,9 +297,9 @@ export declare const backUpFree: (payload: Partial<State>) => {
         name?: string | undefined;
         symbol?: string | undefined;
         amount?: string | number | undefined;
-        mode?: "pay" | "fullPay" | "refund" | "query" | undefined;
+        mode?: "refund" | "pay" | "fullPay" | "query" | undefined;
         order_id?: string | number | undefined;
-        eftpos?: "tyro" | "payo" | "windcave" | "stripe" | "linkly" | undefined;
+        eftpos?: "stripe" | "payo" | "tyro" | "windcave" | "linkly" | undefined;
         action?: "amount" | "pay" | "deviceList" | undefined;
         key?: number | undefined;
         step?: number | undefined;
@@ -310,7 +310,7 @@ export declare const backUpFree: (payload: Partial<State>) => {
         net?: boolean | undefined;
         component?: string | undefined;
         form?: string | undefined;
-        status?: "success" | "warn" | "loading" | "fail" | "pedding" | "resove" | "reject" | "question" | undefined;
+        status?: "warn" | "success" | "loading" | "fail" | "pedding" | "resove" | "reject" | "question" | undefined;
         warn?: string | undefined;
         steps?: {
             /** 用于重置当前步骤 */

package/lib/components/eftposPay/tyro/hooks.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 /**
  * @title: 获取 Tyro 资源
  * @description:

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 declare const Status: (props: any) => import("react").JSX.Element;
 export default Status;

package/lib/components/eventBooking/components/bookingAvailabilityCalendar/components/CalendarDate/Item/DayItem/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 declare const DayItem: (props: any) => import("react").JSX.Element;
 export default DayItem;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 import { CalendarItemProps } from '../../../../../type';
 declare const Item: (props: CalendarItemProps) => import("react").JSX.Element;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 declare const Status: (props: any) => import("react").JSX.Element;
 export default Status;

package/lib/components/pay/toC/PaymentMethods/StripePay/Stripe/StripeSDK/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const StripeSDK: ({ public_key, client_secret, children, lang, }: {
     public_key: string;
     client_secret?: string | undefined;

package/lib/components/shoppingCart/components/Empty/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 declare const Empty: (props: any) => import("react").JSX.Element;
 export default Empty;

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

@@ -76,16 +76,11 @@ function Cart(props) {
   const cartProducts = (0, import_react.useMemo)(() => {
     return (items || []).map((item) => ({
       ...item,
-      symbol: (item == null ? void 0 : item.symbol) || symbol
+      symbol: (item == null ? void 0 : item.symbol) || symbol,
+      is_hide_like: true
     }));
   }, [items, symbol]);
-  const confirmOrderText = (() => {
-    if (currentStep === "select-venue")
-      return String(import_utils.locales.getText("pisell2.venue.action.next.addons") || "下一步：附加项");
-    if (currentStep === "addons")
-      return String(import_utils.locales.getText("pisell2.venue.action.review.pay") || "确认 & 支付");
-    return String(import_utils.locales.getText("pisell2.venue.action.pay.now") || "立即支付");
-  })();
+  const confirmOrderText = currentStep === "checkout" ? String(import_utils.locales.getText("pisell2.venue.action.pay.now") || "立即支付") : String(import_utils.locales.getText("pisell2.venue.action.next") || "下一步");
   const subTotalList = (0, import_react.useMemo)(() => {
     var _a2, _b2, _c2;
     const subTotal = Number((summary == null ? void 0 : summary.product_amount) ?? 0);

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

@@ -60,10 +60,6 @@ function Checkout() {
       ((_a = viewModel.summary) == null ? void 0 : _a.total_amount) ?? ((_b = viewModel.summary) == null ? void 0 : _b.expect_amount) ?? 0
     );
   }, [viewModel.summary]);
-  const taxFee = (0, import_react.useMemo)(() => {
-    var _a;
-    return Number(((_a = viewModel.summary) == null ? void 0 : _a.tax_fee) ?? 0);
-  }, [viewModel.summary]);
   const venueCartItems = (0, import_react.useMemo)(() => {
     return (viewModel.cartItems || []).filter((item) => Boolean((item == null ? void 0 : item.start_date) && (item == null ? void 0 : item.end_date)));
   }, [viewModel.cartItems]);
@@ -125,7 +121,7 @@ function Checkout() {
     setNoteValue(nextNote);
     lastNoteRef.current = nextNote;
   }, [viewModel.note]);
-  return /* @__PURE__ */ import_react.default.createElement("div", { className: "space-y-3 md:space-y-5" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "grid gap-3 md:gap-4" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "rounded-[22px] bg-white p-4 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 items-center justify-between gap-3" }, /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("div", { className: "text-xs font-bold uppercase tracking-[0.24em] text-[#b39a8b]" }, import_utils.locales.getText("pisell2.venue.checkout.booking.details") || "预订详情"), /* @__PURE__ */ import_react.default.createElement("div", { className: "mt-3 text-[22px] font-extrabold text-zinc-900" }, import_utils.locales.getText("pisell2.venue.checkout.court.summary") || "场地预订摘要"))), /* @__PURE__ */ import_react.default.createElement("div", { className: "mt-5 grid gap-4 md:grid-cols-2" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "rounded-[22px] bg-[#faf7f4] p-4 ring-1 ring-black/6 md:col-span-2" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "text-sm font-semibold text-[#a69183]" }, import_utils.locales.getText("pisell2.venue.checkout.selected.courts") || "已选场地"), /* @__PURE__ */ import_react.default.createElement("div", { className: "mt-3 space-y-2 text-[15px] font-semibold text-zinc-900" }, mergedCourtSessionLines.length ? mergedCourtSessionLines.map((line, idx) => /* @__PURE__ */ import_react.default.createElement("div", { key: `venue-session-line-${idx}` }, line)) : /* @__PURE__ */ import_react.default.createElement("div", null, import_utils.locales.getText("pisell2.venue.checkout.sessions.empty") || "-"))), addonCartItems.length > 0 ? /* @__PURE__ */ import_react.default.createElement("div", { className: "rounded-[22px] bg-[#faf7f4] p-4 ring-1 ring-black/6" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "text-sm font-semibold text-[#a69183]" }, import_utils.locales.getText("pisell2.venue.checkout.addons") || "附加项"), /* @__PURE__ */ import_react.default.createElement("div", { className: "mt-3 text-[15px] font-semibold text-zinc-900" }, addonCartItems.map((item, idx) => /* @__PURE__ */ import_react.default.createElement("div", { key: `addon-${item.id || idx}` }, item.title || item.name || "-"))), /* @__PURE__ */ import_react.default.createElement("div", { className: "mt-2 text-[15px] text-zinc-500" }, import_utils.locales.getText("pisell2.venue.checkout.addons.total") || "附加项合计", ": ", symbol, addonTotal.toFixed(2))) : null, /* @__PURE__ */ import_react.default.createElement("div", { className: "rounded-[22px] bg-[#faf7f4] p-4 ring-1 ring-black/6" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "text-sm font-semibold text-[#a69183]" }, import_utils.locales.getText("pisell2.venue.checkout.subtotal") || "预订小计"), /* @__PURE__ */ import_react.default.createElement("div", { className: "mt-3 text-[30px] font-extrabold text-zinc-900" }, symbol, Number.isNaN(bookingSubtotal) ? "0.00" : bookingSubtotal.toFixed(2))), taxFee > 0 ? /* @__PURE__ */ import_react.default.createElement("div", { className: "rounded-[22px] bg-[#faf7f4] p-4 ring-1 ring-black/6" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "text-sm font-semibold text-[#a69183]" }, import_utils.locales.getText("pisell2.venue.checkout.tax") || "税费"), /* @__PURE__ */ import_react.default.createElement("div", { className: "mt-3 text-[15px] font-semibold text-zinc-900" }, symbol, Number.isNaN(taxFee) ? "0.00" : taxFee.toFixed(2))) : null)), /* @__PURE__ */ import_react.default.createElement("div", { className: "space-y-4" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "rounded-[28px] bg-white p-5 shadow-[0_10px_40px_rgba(20,20,20,0.06)] ring-1 ring-black/6 md:p-6" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "flex items-start justify-between gap-3" }), /* @__PURE__ */ import_react.default.createElement("div", { className: "mt-5 rounded-[22px] bg-[#faf7f4] p-4 ring-1 ring-black/6" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "text-lg font-bold text-zinc-900" }, import_utils.locales.getText("pisell2.venue.checkout.notice") || "备注"), /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "space-y-3 md:space-y-5" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "grid gap-3 md:gap-4" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "rounded-[22px] bg-white p-4 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 items-center justify-between gap-3" }, /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("div", { className: "text-xs font-bold uppercase tracking-[0.24em] text-[#b39a8b]" }, import_utils.locales.getText("pisell2.venue.checkout.booking.details") || "预订详情"), /* @__PURE__ */ import_react.default.createElement("div", { className: "mt-3 text-[22px] font-extrabold text-zinc-900" }, import_utils.locales.getText("pisell2.venue.checkout.court.summary") || "场地预订摘要"))), /* @__PURE__ */ import_react.default.createElement("div", { className: "mt-5 grid gap-4 md:grid-cols-2" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "rounded-[22px] bg-[#faf7f4] p-4 ring-1 ring-black/6 md:col-span-2" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "text-sm font-semibold text-[#a69183]" }, import_utils.locales.getText("pisell2.venue.checkout.selected.courts") || "已选场地"), /* @__PURE__ */ import_react.default.createElement("div", { className: "mt-3 space-y-2 text-[15px] font-semibold text-zinc-900" }, mergedCourtSessionLines.length ? mergedCourtSessionLines.map((line, idx) => /* @__PURE__ */ import_react.default.createElement("div", { key: `venue-session-line-${idx}` }, line)) : /* @__PURE__ */ import_react.default.createElement("div", null, import_utils.locales.getText("pisell2.venue.checkout.sessions.empty") || "-"))), addonCartItems.length > 0 ? /* @__PURE__ */ import_react.default.createElement("div", { className: "rounded-[22px] bg-[#faf7f4] p-4 ring-1 ring-black/6" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "text-sm font-semibold text-[#a69183]" }, import_utils.locales.getText("pisell2.venue.checkout.addons") || "附加项"), /* @__PURE__ */ import_react.default.createElement("div", { className: "mt-3 text-[15px] font-semibold text-zinc-900" }, addonCartItems.map((item, idx) => /* @__PURE__ */ import_react.default.createElement("div", { key: `addon-${item.id || idx}` }, item.title || item.name || "-"))), /* @__PURE__ */ import_react.default.createElement("div", { className: "mt-2 text-[15px] text-zinc-500" }, import_utils.locales.getText("pisell2.venue.checkout.addons.total") || "附加项合计", ": ", symbol, addonTotal.toFixed(2))) : null, /* @__PURE__ */ import_react.default.createElement("div", { className: "rounded-[22px] bg-[#faf7f4] p-4 ring-1 ring-black/6 md:col-span-2" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "text-sm font-semibold text-[#a69183]" }, import_utils.locales.getText("pisell2.venue.checkout.subtotal") || "预订小计"), /* @__PURE__ */ import_react.default.createElement("div", { className: "mt-3 text-[30px] font-extrabold text-zinc-900" }, symbol, Number.isNaN(bookingSubtotal) ? "0.00" : bookingSubtotal.toFixed(2))))), /* @__PURE__ */ import_react.default.createElement("div", { className: "space-y-4" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "rounded-[28px] bg-white p-5 shadow-[0_10px_40px_rgba(20,20,20,0.06)] ring-1 ring-black/6 md:p-6" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "flex items-start justify-between gap-3" }), /* @__PURE__ */ import_react.default.createElement("div", { className: "mt-5 rounded-[22px] bg-[#faf7f4] p-4 ring-1 ring-black/6" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "text-lg font-bold text-zinc-900" }, import_utils.locales.getText("pisell2.venue.checkout.notice") || "备注"), /* @__PURE__ */ import_react.default.createElement(
     "textarea",
     {
       className: "mt-4 min-h-[120px] w-full rounded-[20px] border border-black/10 bg-white px-4 py-4 text-sm outline-none placeholder:text-zinc-400",

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

@@ -55,9 +55,7 @@ function Content() {
     if (!scope) return void 0;
     function update() {
       if (!wrap) return;
-      const isSticky = typeof window !== "undefined" && window.getComputedStyle(wrap).position === "sticky";
-      const value = isSticky ? `${wrap.offsetHeight}px` : "0px";
-      scope == null ? void 0 : scope.style.setProperty("--vb-grid-sticky-top", value);
+      scope == null ? void 0 : scope.style.setProperty("--vb-grid-sticky-top", `${wrap.offsetHeight}px`);
     }
     update();
     const ro = typeof ResizeObserver !== "undefined" ? new ResizeObserver(update) : null;
@@ -133,17 +131,24 @@ 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-30 lg:static lg:z-auto" }, /* @__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 top-6 self-start rounded-[28px] bg-white shadow-[0_10px_40px_rgba(20,20,20,0.06)] ring-1 ring-black/6" }, /* @__PURE__ */ import_react.default.createElement(
-    import_Cart.default,
+      `), /* @__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",
     {
-      embedded: true,
-      open: true,
-      items: viewModel.cartItems,
-      summary: viewModel.summary,
-      onCancel: () => {
-      },
-      onNext: handlePrimaryAction,
-      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))));
+      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",
+      style: { top: "calc(var(--vb-grid-sticky-top, 0px) + 1.5rem)" }
+    },
+    /* @__PURE__ */ import_react.default.createElement(
+      import_Cart.default,
+      {
+        embedded: true,
+        open: true,
+        items: viewModel.cartItems,
+        summary: viewModel.summary,
+        onCancel: () => {
+        },
+        onNext: handlePrimaryAction,
+        confirmLoading: isSubmittingOrder
+      }
+    )
+  ))), /* @__PURE__ */ import_react.default.createElement("div", { className: "sticky bottom-0 z-41 block lg:hidden" }, /* @__PURE__ */ import_react.default.createElement(import_Footer.default, null))));
 }

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

@@ -57,15 +57,7 @@ function Footer() {
     if (Number.isNaN(parsedAmount)) return "0.00";
     return parsedAmount.toFixed(2);
   }, [viewModel.summary]);
-  const actionText = (0, import_react.useMemo)(() => {
-    if (currentStep === "select-venue") {
-      return String(import_utils.locales.getText("pisell2.venue.action.next.addons") || "下一步：附加项");
-    }
-    if (currentStep === "addons") {
-      return String(import_utils.locales.getText("pisell2.venue.action.review.pay") || "确认 & 支付");
-    }
-    return String(import_utils.locales.getText("pisell2.venue.action.pay.now") || "立即支付");
-  }, [currentStep]);
+  const actionText = (0, import_react.useMemo)(() => currentStep === "checkout" ? String(import_utils.locales.getText("pisell2.venue.action.pay.now") || "立即支付") : String(import_utils.locales.getText("pisell2.venue.action.next") || "下一步"), [currentStep]);
   return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-venue-booking-footer" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-venue-booking-footer-left" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-venue-booking-footer-total-label" }, import_utils.locales.getText("pisell2.event.total") || "合计"), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-venue-booking-footer-total-amount" }, symbol, totalAmount)), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-venue-booking-footer-right" }, /* @__PURE__ */ import_react.default.createElement(import_materials.Badge, { count: ((_a = viewModel.cartItems) == null ? void 0 : _a.length) || 0, id: "venue-booking-cart-btn" }, /* @__PURE__ */ import_react.default.createElement(
     import_materials.Button,
     {

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

@@ -37,16 +37,22 @@ var import_antd = require("antd");
 var import_utils = require("@pisell/utils");
 var import_materials = require("@pisell/materials");
 var import_context = require("../../context");
-var STEP_ITEMS = [
-  { n: 1, key: "select-venue", titleKey: "pisell2.venue.step.select" },
-  { n: 2, key: "addons", titleKey: "pisell2.venue.step.addons" },
-  { n: 3, key: "checkout", titleKey: "pisell2.venue.step.checkout" }
-];
 function Header() {
+  var _a;
   const { currentStep, canNext, viewModel, goToStep, prevStep } = (0, import_context.useVenueBookingContext)();
   const [popupOpen, setPopupOpen] = (0, import_react.useState)(false);
   const [confirmOpen, setConfirmOpen] = (0, import_react.useState)(false);
   const cardRef = (0, import_react.useRef)(null);
+  const STEP_ITEMS = (0, import_react.useMemo)(() => {
+    var _a2;
+    const hasAddons = (((_a2 = viewModel.addonProductList) == null ? void 0 : _a2.length) || 0) > 0;
+    const base = [
+      { key: "select-venue", titleKey: "pisell2.venue.step.select" },
+      ...hasAddons ? [{ key: "addons", titleKey: "pisell2.venue.step.addons" }] : [],
+      { key: "checkout", titleKey: "pisell2.venue.step.checkout" }
+    ];
+    return base.map((item, idx) => ({ ...item, n: idx + 1 }));
+  }, [(_a = viewModel.addonProductList) == null ? void 0 : _a.length]);
   const currentStepIndex = STEP_ITEMS.findIndex((item) => item.key === currentStep);
   const currentStepItem = STEP_ITEMS[currentStepIndex] || STEP_ITEMS[0];
   const isFirstStep = currentStepIndex <= 0;
@@ -98,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,