@pisell/private-materials 6.5.16 → 6.5.18

package/es/components/list/utils/getText.d.ts

@@ -0,0 +1,53 @@
+/**
+ * 国际化文案获取工具函数
+ * 参考 AmountSummary 组件的实现方式，使用 useEngineContext 获取语言设置
+ *
+ * @example
+ * ```typescript
+ * import { useGetText } from './utils';
+ * import locales from './locales';
+ *
+ * const MyComponent = () => {
+ *   const { getText, getTextFunc } = useGetText(locales);
+ *
+ *   // 获取字符串文案
+ *   const title = getText('component.title', 'Default Title');
+ *
+ *   // 获取函数类型文案
+ *   const formatFunc = getTextFunc('component.format');
+ *   const formattedText = typeof formatFunc === 'function'
+ *     ? formatFunc(arg1, arg2)
+ *     : 'Default Text';
+ *
+ *   return <div>{title}</div>;
+ * };
+ * ```
+ */
+export declare type SupportedLanguage = 'en' | 'zh-CN' | 'zh-HK';
+export interface LocalesObject {
+    [key: string]: {
+        [key: string]: string | ((...args: any[]) => string);
+    };
+}
+export interface GetTextFunctions {
+    getText: (key: string, fallback?: string) => string;
+    getTextFunc: (key: string) => any;
+    getCurrentLanguage: () => string;
+}
+/**
+ * 使用 useEngineContext 创建本地化文案获取函数的 Hook
+ * @param locales - 本地化文案对象
+ * @returns getText 和 getTextFunc 函数
+ */
+export declare const useGetText: (locales: LocalesObject) => GetTextFunctions;
+/**
+ * 创建本地化文案获取函数（非 Hook 版本，保持向后兼容）
+ * @param locales - 本地化文案对象
+ * @returns getText 和 getTextFunc 函数
+ * @deprecated 推荐使用 useGetText Hook 版本
+ */
+export declare const createGetText: (locales: LocalesObject) => GetTextFunctions;
+/**
+ * 默认导出：直接创建一个通用的 getText 函数工厂
+ */
+export default createGetText;

package/es/components/list/utils/index.d.ts

@@ -0,0 +1,4 @@
+/**
+ * List 组件工具函数导出
+ */
+export { useGetText, createGetText, default as createGetTextDefault, type SupportedLanguage, type LocalesObject, type GetTextFunctions } from './getText';

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./index.less";
 export interface LoginProps {
     title: string;

package/es/components/pay/toB/components/Content/Header.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const ToBPayTitle: (props: {
     amount: number | string;
 }) => JSX.Element;

package/es/components/pay/toB/components/MX51/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: React.ForwardRefExoticComponent<Omit<any, "ref"> & React.RefAttributes<unknown>>;
+export default _default;

package/es/components/pay/toB/store/hooks.d.ts

@@ -0,0 +1,15 @@
+import { ToBPayContextType } from '../types';
+/**
+ * 使用商家端支付的Hook
+ * @throws {Error} 如果在ToBPayProvider外部使用会抛出错误
+ * @returns {ToBPayContextType} 商家端支付上下文
+ */
+export declare const useToBPay: () => ToBPayContextType;
+export declare const useOSPayment: () => any;
+/**
+ * 使用OS支付的Hook
+ */
+export declare const useOSPaymentEffect: () => {
+    osPaymentEffectOn: () => void;
+    osPaymentEffectOff: () => void;
+};

package/es/components/pay/toB/types/index.d.ts

@@ -0,0 +1,72 @@
+export * from './storeTypes';
+export interface ToBPayParams {
+    source?: 'normal' | 'restore';
+    data: {
+        type?: string;
+        payMethod: {
+            id: string;
+            code: string;
+            type: string;
+            name: string;
+        };
+        params: {
+            orderId: string | number;
+            symbol?: string;
+            amount: string;
+            surcharge?: string;
+        };
+        mode: 'pay' | 'refund';
+    };
+    callback: ToBPayCallback;
+}
+export declare type ToBPayCallback = (res: {
+    status: string;
+    data: {
+        amount: number;
+        surPercentRate?: number;
+        surMoney?: number;
+        surcharge?: number;
+        uniquePaymentNumber?: string;
+    };
+    msg?: string;
+}) => void;
+/**
+ * @title: 支付打开参数
+ */
+export interface PayOpenParams extends Omit<ToBPayParams, 'callback'> {
+    payCallback: (res: EftposPayResult | MX51PayResult) => void;
+}
+/**
+ * @title: eftpos支付结果
+ */
+export interface EftposPayResult {
+    status: 'success' | 'fail';
+    params: {
+        amount: number;
+        surPercentRate: number;
+        surMoney: number;
+        uniquePaymentNumber: string;
+    };
+}
+/**
+ * @title: MX51支付结果
+ */
+export interface MX51PayResult {
+    result: boolean;
+    msg?: string;
+    amount: number;
+    surcharge: number;
+    uniquePaymentNumber: string;
+}
+/**
+ * @title 原生MX51支付结果
+ */
+export interface NativeMX51PayResult {
+    code: string;
+    msg?: string;
+    data: {
+        amount: number;
+        surcharge: number;
+    };
+    uuid: string;
+}

package/es/components/pay/toC/PaymentMethods/MWCreditCard/TDSPay/ThreedsLoading/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 declare const ThreedsLoading: ({ title, showSuccessBackButton, onSuccessBack }: any) => JSX.Element;
 export default ThreedsLoading;

package/es/components/pay/toC/PaymentMethods/StripePay/Stripe/components/SetupForm/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 declare const SetupForm: ({ onReady, amount, order_id, payment_method, scene, }: any) => JSX.Element;
 export default SetupForm;

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

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

package/es/components/pay/toC/WalletPassBlock/components/WalletUseList/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { WalletPassDataType } from '../../../PaymentMethods/WalletPass/serve';
 import './index.less';
 interface WalletUseListProps {

package/es/components/pisellSelectCustomerModal/RightPanel/Add/BirthdayField/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const DateSectionCom: ({ value, onChange, showTime, className, style, useSpace, format, itemStyle, }: any) => JSX.Element;
 export default DateSectionCom;

package/es/components/pisellSelectCustomerModal/RightPanel/Add/GenderField/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const GenderField: (props: any) => JSX.Element;
 export default GenderField;

package/es/components/pisellSelectCustomerModal/RightPanel/Add/PhoneField/index.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const PhoneField: ({ value, onChange }: any) => JSX.Element;
 export default PhoneField;

package/es/components/productExtension/fields/Actor/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const Actor: ({ name }: {
     name: string;
 }) => JSX.Element;

package/es/components/productExtension/fields/SelectProducts/ProductItem/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 declare const ProductItem: ({ item, onClick, amountSymbol, style, className, }: any) => JSX.Element;
 export default ProductItem;

package/es/components/productExtension/fields/SelectProducts/ProductItemPreview/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./index.less";
 declare const ProductItemPreview: ({ item, onClick, onRemove, amountSymbol, style, className, }: any) => JSX.Element;
 export default ProductItemPreview;

package/es/components/ruleSetting/ruleBorder/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./index.less";
 interface RuleSettingProps {
     value: any;

package/es/components/schedules/calendar/index.d.ts

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

package/es/components/schedules/components/ScheduleDetailList/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ScheduleItem } from "../../type";
 import "./index.less";
 declare type ScheduleDetailListPropsType = {

package/es/components/schedules/components/ScheduleList/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ButtonProps } from 'antd';
 import { ScheduleItem } from '../../type';
 import './index.less';

package/es/components/schedules/products/ProductDetailDrawer/ProductDetail/MaxParticipantsModule/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./index.less";
 declare const MaxParticipantsModule: ({ form, value, onChange, useSchedule, isAutoChange, onData, }: {
     form: any;

package/es/components/schedules/products/ProductDetailDrawer/ProductDetail/ResourcesModule/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const ResourcesModule: ({ product }: {
     product: any;
 }) => JSX.Element;

package/es/components/schedules/products/ProductDetailDrawer/ProductDetail/SchedulesModule/AddSchedules/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./index.less";
 declare const AddSchedules: ({ value, onChange, drawerContainer, isSelf }: any) => JSX.Element;
 export default AddSchedules;

package/es/components/schedules/products/ProductDetailDrawer/ProductDetail/SchedulesModule/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./index.less";
 declare type Value = number[];
 declare const SchedulesModule: ({ value, onChange, drawerContainer, ruleFn, tabKey, previewItemChange, isSelf, isTitle, }: {

package/es/components/schedules/products/ProductDetailDrawer/index.d.ts

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

package/es/components/schedules/products/list/ProductItem/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./index.less";
 declare type Item = any;
 interface ProductItemProps {

package/es/components/schedules/products/list/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 interface ProductListProps {
     loading: boolean;

package/es/components/schedules/resources/index.d.ts

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

package/es/components/schedules/resources/list/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./index.less";
 declare type ResourcesListProps = {
     list: any;

package/es/components/schedules/schedules/AllSchedules/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ScheduleItem } from '../../type';
 import './index.less';
 declare type AllSchedulesPropsType = {

package/es/components/schedules/schedules/ScheduleDetailDrawer/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { DrawerProps } from "antd";
 import { ScheduleItem } from "../../type";
 import "./index.less";

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

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const SchedulesConnect: () => JSX.Element;
 export default SchedulesConnect;

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

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

package/es/components/shoppingCart/components/Render/index.d.ts

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SelectProps } from "antd";
 import "./index.less";
 interface TaxSelectProps {

package/es/components/ticketBooking/components/ProductDisplayAdapter/ProductDisplayAdapter.d.ts

@@ -0,0 +1,27 @@
+import React from 'react';
+import { ProductDisplayConfig } from './types';
+import './index.less';
+interface ProductDisplayAdapterProps {
+    /** 展示配置 */
+    config: ProductDisplayConfig;
+    /** 数据源 */
+    dataSource: any[];
+    /** 加载状态 */
+    loading?: boolean;
+    /** 当前选中的产品ID */
+    currentProductId?: number;
+    /** 选择产品回调 */
+    onSelectProduct: (item: any, type?: 'select' | 'detail') => void;
+    /** 空状态描述 */
+    emptyDescription?: string;
+    /** 自定义样式 */
+    style?: React.CSSProperties;
+    /** 自定义类名 */
+    className?: string;
+}
+/**
+ * 产品展示适配器组件
+ * 统一管理 ProductSelect 和 SkuList 两种展示模式
+ */
+declare const ProductDisplayAdapter: React.FC<ProductDisplayAdapterProps>;
+export default ProductDisplayAdapter;

package/es/components/ticketBooking/components/ProductDisplayAdapter/index.d.ts

@@ -0,0 +1,7 @@
+/**
+ * ProductDisplayAdapter 产品展示适配器
+ * 支持通过配置化方式在 ProductSelect 和 SkuList 两种展示模式之间切换
+ */
+export { default } from './ProductDisplayAdapter';
+export type { ProductDisplayConfig, ProductDisplayPresetKey, ProductSelectConfig, ProductSelectLayout, ProductListSetting, SkuListConfig, SkuCardDisplayMode, ListConfig, ListLayoutType, DisplayMode, } from './types';
+export { ProductDisplayPresets, LegacyProductDisplayPresets, resolveProductDisplayConfig, } from './types';

package/es/components/ticketBooking/components/ProductDisplayAdapter/index.less

@@ -1,6 +1,18 @@
 .sku-list-container {
   height: 100%;
   background-color: #4e4e4e;
+  .empty-content {
+    .empty-icon-wrapper {
+      .empty-default-icon {
+        color: rgba(255, 255, 255, 0.8) !important;
+      }
+    }
+    .empty-inner {
+      .empty-text {
+        color: rgba(255, 255, 255, 0.8) !important;
+      }
+    }
+  }
   .sku-list {
     background-color: #4e4e4e;
     overflow: auto;

package/es/components/ticketBooking/components/ProductDisplayAdapter/types.d.ts

@@ -0,0 +1,115 @@
+/**
+ * 产品展示配置类型定义
+ */
+import type { ProductCardConfig } from '../../../../plus/productSelect/ProductCard/SkuCard/type';
+/** 预设配置的字符串键 */
+export declare type ProductDisplayPresetKey = 'product-select' | 'sku-list-a1' | 'sku-list-a2' | 'sku-list-a5' | 'default';
+/** ProductSelect 布局配置 */
+export interface ProductSelectLayout {
+    grid: boolean;
+    config: string;
+}
+export declare type NumberBoolean = 0 | 1;
+/** ProductSelect 列表设置 */
+export interface ProductListSetting {
+    /** 是否显示产品封面 */
+    isProductCover?: NumberBoolean;
+    /** 是否显示标题 */
+    isTitle?: NumberBoolean;
+    /** 是否显示副标题 */
+    isSubtitle?: NumberBoolean;
+    /** 是否显示价格 */
+    isPrice?: NumberBoolean;
+    /** 是否显示原价 */
+    isOriginPrice?: NumberBoolean;
+    /** 是否显示库存 */
+    isStock?: NumberBoolean;
+}
+/** ProductSelect 模式配置 */
+export interface ProductSelectConfig {
+    /** 是否显示搜索框 */
+    showSearch?: boolean;
+    /** 是否显示分类Tab */
+    showTab?: boolean;
+    /** 布局配置 */
+    layout?: ProductSelectLayout;
+    /** 产品列表设置 */
+    productListSetting?: ProductListSetting;
+}
+/** SkuCard 显示模式 */
+export declare type SkuCardDisplayMode = 'display_a1' | 'display_a2' | 'display_a5' | 'display_a9' | 'display_custom';
+/**
+ * SkuCard 配置
+ * 直接使用 ProductCardConfig 类型，保持类型同步
+ *
+ * @see packages/private-materials/src/plus/productSelect/ProductCard/SkuCard/type.ts ProductCardConfig
+ */
+export declare type SkuCardAllConfig = ProductCardConfig;
+/** List 布局类型 */
+export declare type ListLayoutType = 'grid' | 'list';
+/** Tab 样式类型 */
+export declare type TabStyleType = 'switch' | 'anchor' | 'none';
+/** List 组件配置 */
+export interface ListConfig {
+    /** 布局类型 */
+    layout?: ListLayoutType;
+    /** 列数 */
+    columns?: number;
+    /** 是否显示分页 */
+    showPagination?: boolean;
+    /** 是否显示Tab */
+    showTab?: boolean;
+    /** Tab 样式类型：switch-切换模式，anchor-锚点模式，none-不显示 */
+    tabStyle?: TabStyleType;
+    /** Tab 是否吸顶 */
+    stickyTop?: boolean;
+    /** Tab配置 */
+    tabConfig?: any;
+    /** 分页配置 */
+    paginationConfig?: any;
+    [key: string]: any;
+}
+/** SkuList 模式配置 */
+export interface SkuListConfig {
+    /** List 组件配置 */
+    listConfig?: ListConfig;
+    /** SkuCard 配置 */
+    skuCardAllConfig?: SkuCardAllConfig;
+}
+/** 展示模式类型 */
+export declare type DisplayMode = 'product-select' | 'sku-list';
+/**
+ * 产品展示配置
+ * 用于配置化控制产品展示的方式
+ */
+export interface ProductDisplayConfig {
+    /** 展示模式 */
+    displayMode: DisplayMode;
+    /** ProductSelect 模式配置 */
+    productSelectConfig?: ProductSelectConfig;
+    /** SkuList 模式配置 */
+    skuListConfig?: SkuListConfig;
+}
+/**
+ * 产品展示配置预设
+ * 支持通过字符串键或直接使用配置对象
+ */
+export declare const ProductDisplayPresets: Record<ProductDisplayPresetKey, ProductDisplayConfig>;
+/**
+ * 兼容性：保持原有的导出方式
+ * @deprecated 建议使用 ProductDisplayPresets['product-select'] 或字符串键访问
+ */
+export declare const LegacyProductDisplayPresets: {
+    /** @deprecated 使用 ProductDisplayPresets['product-select'] */
+    DEFAULT_PRODUCT_SELECT: ProductDisplayConfig;
+    /** @deprecated 使用 ProductDisplayPresets['sku-list-a1'] */
+    DEFAULT_SKU_LIST_A1: ProductDisplayConfig;
+    /** @deprecated 使用 ProductDisplayPresets['sku-list-a2'] */
+    DEFAULT_SKU_LIST_A2: ProductDisplayConfig;
+    /** @deprecated 使用 ProductDisplayPresets['sku-list-a5'] */
+    DEFAULT_SKU_LIST_A5: ProductDisplayConfig;
+};
+/**
+ * 工具函数：将字符串键或配置对象解析为配置对象
+ */
+export declare function resolveProductDisplayConfig(config?: ProductDisplayPresetKey | ProductDisplayConfig): ProductDisplayConfig;

package/es/components/ticketBooking/components/ProductDisplayAdapter/utils.d.ts

@@ -0,0 +1,50 @@
+/**
+ * 格式化 SKU 数据源，适配 SkuCard 组件
+ */
+export declare const formatSkuDataSource: (dataSource: any) => {
+    id: any;
+    title: any;
+    subtitle: any;
+    cover: any;
+    price: any;
+    original_price: any;
+    stock: any;
+    sortKeys: string[];
+};
+/**
+ * Tab 项接口定义（与 List 组件保持一致）
+ */
+export interface TabItem {
+    key: string;
+    label: string;
+    group?: string;
+}
+/**
+ * 产品分类信息接口
+ */
+interface ProductCategory {
+    id: number;
+    name: string;
+    icon?: string;
+    slug?: string;
+    sort?: number;
+}
+/**
+ * 产品项接口
+ */
+interface Product {
+    id: number;
+    title: string;
+    category?: ProductCategory[];
+    [key: string]: any;
+}
+/**
+ * 根据产品数据生成分类 Tabs（Switch 模式）
+ * 参考 TestResponsiveWrapper 的 generateSimpleTabItems 函数
+ *
+ * @param products 产品列表
+ * @param tabStyle tab 样式类型
+ * @returns TabItem 数组
+ */
+export declare const generateProductTabs: (products: Product[], tabStyle?: 'switch' | 'anchor') => TabItem[];
+export {};

package/es/components/ticketBooking/components/addServiceVariant/addService.d.ts

@@ -0,0 +1,31 @@
+import { ProductDisplayConfig, ProductDisplayPresetKey } from '../ProductDisplayAdapter';
+import './index.less';
+interface AddServiceProps {
+    onEdit?: any;
+    dispatch?: any;
+    state?: any;
+    renderMode?: 'current' | 'drawer';
+    onPrerenderComplete?: () => void;
+    onGetProductsReady?: (getProducts: any) => void;
+    /**
+     * 产品展示配置
+     *
+     * 支持两种方式：
+     * 1. 简易模式：传入预设字符串，如 'product-select', 'sku-list-a1', 'sku-list-a2', 'sku-list-a5'
+     * 2. 完整配置模式：传入完整的配置对象
+     *
+     * @example
+     * // 简易模式
+     * <AddService productDisplayConfig="sku-list-a1" />
+     *
+     * @example
+     * // 完整配置模式
+     * <AddService productDisplayConfig={{
+     *   displayMode: 'sku-list',
+     *   skuListConfig: { ... }
+     * }} />
+     */
+    productDisplayConfig?: ProductDisplayPresetKey | ProductDisplayConfig;
+}
+declare const AddSerivce: (props: AddServiceProps) => JSX.Element | null;
+export default AddSerivce;

package/es/components/ticketBooking/components/addServiceVariant/addService.js

@@ -20,7 +20,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { getUniqueId, locales, sendWarningLog } from '@pisell/utils';
 import React, { useEffect, useMemo, useRef, useState } from 'react';
 import { useMemoizedFn } from 'ahooks';
-import useEngineContext from "../../../../hooks/useEngineContext";
+import useEngineContext, { usePlatform } from "../../../../hooks/useEngineContext";
 import { isSessionProduct, request, getProductTotalPrice, getIsEject, getIsOnlySession } from "../../../booking/utils";
 import { getProductExtend } from "../../../booking/info2/service/addService/utils";
 import { holderId, isDaysBooking, isNormalProductByDurationSchedule } from "../../../booking/info/service2/utils";
@@ -58,6 +58,7 @@ var AddSerivce = function AddSerivce(props) {
     onGetProductsReady = props.onGetProductsReady,
     productDisplayConfig = props.productDisplayConfig;
   var context = useEngineContext();
+  var platform = usePlatform();
   var notAvailableRef = useRef(null);
   var isLoadedServiceRef = useRef(false);
   request.setRequest(context.appHelper.utils.request);
@@ -107,7 +108,7 @@ var AddSerivce = function AddSerivce(props) {
   //   }
   // }, [state?.service?.value]);
 
-  var _useProducts = useProducts(),
+  var _useProducts = useProducts(notAvailableRef),
     getProducts = _useProducts.getProducts,
     products = _useProducts.products,
     loading = _useProducts.loading,
@@ -996,7 +997,7 @@ var AddSerivce = function AddSerivce(props) {
     return state.date.value.format('YYYY-MM-DD HH:mm:ss');
   }, [state.date.value]);
   useEffect(function () {
-    if (renderMode === 'current' && state.bookingConfig) {
+    if (renderMode === 'current' && state.bookingConfig && platform !== 'shop') {
       getProducts({
         schedule_date: currentDate,
         customer_id: customerId,
@@ -1008,6 +1009,16 @@ var AddSerivce = function AddSerivce(props) {
       });
     }
   }, [renderMode, customerId, menuList]);
+  useEffect(function () {
+    if (renderMode === 'current' && state.bookingConfig && platform === 'shop') {
+      getProducts({
+        schedule_date: currentDate,
+        customer_id: customerId,
+        menu_list_ids: menuList,
+        schedule_datetime: currentDatetime
+      });
+    }
+  }, [renderMode, currentDate, customerId, menuList, currentDatetime]);
 
   // 产品展示配置，支持字符串预设或完整配置对象
   var finalDisplayConfig = useMemo(function () {