@pisell/private-materials 6.4.63 → 6.4.64

package/es/components/ticketBooking/context/IsActiveContext.js

@@ -0,0 +1,37 @@
+import React, { createContext, useContext } from 'react';
+
+/**
+ * IsActive Context
+ * 用于在 TicketBooking 组件树中提供 isActive 状态
+ * isActive 用于标识当前组件是否处于激活状态
+ */
+
+var IsActiveContext = /*#__PURE__*/createContext({
+  isActive: true
+});
+/**
+ * IsActive Provider
+ * 提供 isActive 给子组件使用
+ */
+export var IsActiveProvider = function IsActiveProvider(_ref) {
+  var isActive = _ref.isActive,
+    children = _ref.children;
+  return /*#__PURE__*/React.createElement(IsActiveContext.Provider, {
+    value: {
+      isActive: isActive
+    }
+  }, children);
+};
+
+/**
+ * useIsActive Hook
+ * 在子组件中使用此 hook 获取 isActive 状态
+ */
+export var useIsActive = function useIsActive() {
+  var context = useContext(IsActiveContext);
+  if (!context) {
+    throw new Error('useIsActive must be used within an IsActiveProvider');
+  }
+  return context.isActive;
+};
+export default IsActiveContext;

package/es/components/ticketBooking/context/OsKeyContext.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+/**
+ * OsKey Context
+ * 用于在 TicketBooking 组件树中提供 pisellos 的 osKey
+ * osKey 用于区分不同页面使用同一个组件时的模块标识
+ */
+interface OsKeyContextType {
+    /** pisellos 模块的唯一标识 */
+    osKey: string | undefined;
+}
+declare const OsKeyContext: React.Context<OsKeyContextType>;
+interface OsKeyProviderProps {
+    osKey: string | undefined;
+    children: React.ReactNode;
+}
+/**
+ * OsKey Provider
+ * 提供 osKey 给子组件使用
+ */
+export declare const OsKeyProvider: React.FC<OsKeyProviderProps>;
+/**
+ * useOsKey Hook
+ * 在子组件中使用此 hook 获取 osKey
+ */
+export declare const useOsKey: () => string;
+export default OsKeyContext;

package/es/components/ticketBooking/context/OsKeyContext.js

@@ -0,0 +1,37 @@
+import React, { createContext, useContext } from 'react';
+
+/**
+ * OsKey Context
+ * 用于在 TicketBooking 组件树中提供 pisellos 的 osKey
+ * osKey 用于区分不同页面使用同一个组件时的模块标识
+ */
+
+var OsKeyContext = /*#__PURE__*/createContext({
+  osKey: undefined
+});
+/**
+ * OsKey Provider
+ * 提供 osKey 给子组件使用
+ */
+export var OsKeyProvider = function OsKeyProvider(_ref) {
+  var osKey = _ref.osKey,
+    children = _ref.children;
+  return /*#__PURE__*/React.createElement(OsKeyContext.Provider, {
+    value: {
+      osKey: osKey
+    }
+  }, children);
+};
+
+/**
+ * useOsKey Hook
+ * 在子组件中使用此 hook 获取 osKey
+ */
+export var useOsKey = function useOsKey() {
+  var context = useContext(OsKeyContext);
+  if (!context) {
+    throw new Error('useOsKey must be used within an OsKeyProvider');
+  }
+  return (context === null || context === void 0 ? void 0 : context.osKey) || "ticket";
+};
+export default OsKeyContext;

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

@@ -0,0 +1,2 @@
+export { OsKeyProvider, useOsKey } from './OsKeyContext';
+export { default as OsKeyContext } from './OsKeyContext';

package/es/components/ticketBooking/context/index.js

@@ -0,0 +1,2 @@
+export { OsKeyProvider, useOsKey } from "./OsKeyContext";
+export { default as OsKeyContext } from "./OsKeyContext";

package/es/components/ticketBooking/hooks/pisellos/bookingTicket.d.ts

@@ -1 +1,6 @@
+/**
+ * useBookingTicket Hook
+ * 获取当前 TicketBooking 实例对应的 BookingTicket 模块
+ * 通过 osKey 区分不同页面的模块实例
+ */
 export declare const useBookingTicket: () => any;

package/es/components/ticketBooking/hooks/pisellos/bookingTicket.js

@@ -1,5 +1,17 @@
 import { usePisellOS } from "../../../../hooks/useEngineContext";
+import { useOsKey } from "../../context/OsKeyContext";
+import { getBookingTicketKey } from "../../utils";
+
+/**
+ * useBookingTicket Hook
+ * 获取当前 TicketBooking 实例对应的 BookingTicket 模块
+ * 通过 osKey 区分不同页面的模块实例
+ */
 export var useBookingTicket = function useBookingTicket() {
   var pisellOS = usePisellOS();
-  return pisellOS.getModule('bookingTicket');
+  var osKey = useOsKey();
+
+  // 根据 osKey 生成模块名称
+  var moduleKey = getBookingTicketKey(osKey || 'ticket');
+  return pisellOS.getModule(moduleKey);
 };

package/es/components/ticketBooking/hooks/pisellos/index.d.ts

@@ -1,3 +1,4 @@
 export * from './bookingTicket';
 export * from './useProducts';
 export * from './useCustomer';
+export * from './useActiveExecute';

package/es/components/ticketBooking/hooks/pisellos/index.js

@@ -1,3 +1,4 @@
 export * from "./bookingTicket";
 export * from "./useProducts";
-export * from "./useCustomer";
+export * from "./useCustomer";
+export * from "./useActiveExecute";

package/es/components/ticketBooking/hooks/pisellos/useActiveExecute.d.ts

@@ -0,0 +1,21 @@
+/**
+ * useActiveExecute Hook
+ * 返回一个函数，该函数接收一个回调函数，并返回一个包装后的函数
+ * 包装后的函数只在 isActive 为 true 时执行原始回调
+ *
+ * @example
+ * ```tsx
+ * const { executeIfActive } = useActiveExecute();
+ *
+ * // 创建一个包装函数用于事件监听
+ * const handleChange = (data) => {
+ *   console.log('data:', data);
+ * };
+ *
+ * // 返回的函数会在被调用时检查 isActive
+ * pisellos.effects.on('event', executeIfActive(handleChange));
+ * ```
+ */
+export declare const useActiveExecute: () => {
+    executeIfActive: <T extends (...args: any[]) => any>(fn: T) => T;
+};

package/es/components/ticketBooking/hooks/pisellos/useActiveExecute.js

@@ -0,0 +1,50 @@
+import { useMemoizedFn } from 'ahooks';
+import { useRef, useEffect } from 'react';
+import { useIsActive } from "../../context/IsActiveContext";
+
+/**
+ * useActiveExecute Hook
+ * 返回一个函数，该函数接收一个回调函数，并返回一个包装后的函数
+ * 包装后的函数只在 isActive 为 true 时执行原始回调
+ *
+ * @example
+ * ```tsx
+ * const { executeIfActive } = useActiveExecute();
+ *
+ * // 创建一个包装函数用于事件监听
+ * const handleChange = (data) => {
+ *   console.log('data:', data);
+ * };
+ *
+ * // 返回的函数会在被调用时检查 isActive
+ * pisellos.effects.on('event', executeIfActive(handleChange));
+ * ```
+ */
+export var useActiveExecute = function useActiveExecute() {
+  var isActive = useIsActive();
+  // 使用 ref 存储最新的 isActive 值，避免闭包陷阱
+  var isActiveRef = useRef(isActive);
+
+  // 每次 isActive 变化时更新 ref
+  useEffect(function () {
+    isActiveRef.current = isActive;
+  }, [isActive]);
+
+  /**
+   * executeIfActive 接收一个函数，返回一个包装后的函数
+   * 包装后的函数会接收所有参数，并在 isActive 为 true 时调用原始函数
+   */
+  var executeIfActive = useMemoizedFn(function (fn) {
+    return function () {
+      // 使用 ref.current 获取最新的 isActive 值
+      if (!isActiveRef.current) return;
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+      return fn === null || fn === void 0 ? void 0 : fn.apply(void 0, args);
+    };
+  });
+  return {
+    executeIfActive: executeIfActive
+  };
+};

package/es/components/ticketBooking/hooks/pisellos/useCustomer.js

@@ -17,9 +17,12 @@ import { useState, useEffect } from 'react';
 import { useBookingTicket } from "./bookingTicket";
 import { usePisellOS } from "../../../../hooks/useEngineContext";
 import { useMemoizedFn } from 'ahooks';
+import { useActiveExecute } from "./useActiveExecute";
 export var useCustomer = function useCustomer(props) {
   var bookingTicket = useBookingTicket();
   var pisellos = usePisellOS();
+  var _useActiveExecute = useActiveExecute(),
+    executeIfActive = _useActiveExecute.executeIfActive;
 
   // 客户列表
   var _useState = useState([]),
@@ -59,10 +62,12 @@ export var useCustomer = function useCustomer(props) {
 
   // 监听事件
   useEffect(function () {
-    if (!pisellos) {
+    var _bookingTicket$store;
+    if (!bookingTicket) {
       return;
     }
-    var unlisten1 = pisellos.effects.on('customer:onUpdate', function (state) {
+    var customerModule = bookingTicket === null || bookingTicket === void 0 || (_bookingTicket$store = bookingTicket.store) === null || _bookingTicket$store === void 0 ? void 0 : _bookingTicket$store.customer;
+    var wrappedOnCustomerListUpdate = executeIfActive(function (state) {
       setCustomers(state.customerList);
       setHasMore(state.hasMore);
       setPagination(function (prev) {
@@ -73,14 +78,17 @@ export var useCustomer = function useCustomer(props) {
         });
       });
     });
-    var unlisten2 = pisellos.effects.on('customer:onSelected', function (customer) {
+    var wrappedOnCustomerSelected = executeIfActive(function (customer) {
       var _props$changeCustomer;
       setSelectedCustomer(customer);
       (_props$changeCustomer = props.changeCustomerToGlobalState) === null || _props$changeCustomer === void 0 || _props$changeCustomer.call(props, customer);
     });
-    var unlisten3 = pisellos.effects.on('customer:onPaginationChange', function (paginationInfo) {
+    var wrappedOnPaginationChange = executeIfActive(function (paginationInfo) {
       setPagination(paginationInfo);
     });
+    var unlisten1 = customerModule.effectsOn('onCustomerListUpdate', wrappedOnCustomerListUpdate);
+    var unlisten2 = customerModule.effectsOn('onCustomerSelected', wrappedOnCustomerSelected);
+    var unlisten3 = customerModule.effectsOn('onPaginationChange', wrappedOnPaginationChange);
     return function () {
       unlisten1();
       unlisten2();

package/es/components/ticketBooking/hooks/pisellos/useProducts.d.ts

@@ -4,7 +4,7 @@ interface IGetProductsParams {
     menu_list_ids?: number[];
     schedule_datetime?: string;
 }
-export declare const useProducts: () => {
+export declare const useProducts: (notAvailableRef: any) => {
     getProducts: (params?: IGetProductsParams) => Promise<void>;
     products: any[];
     loading: boolean;

package/es/components/ticketBooking/hooks/pisellos/useProducts.js

@@ -10,9 +10,12 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { useMemoizedFn } from 'ahooks';
 import { useBookingTicket } from "./bookingTicket";
-import { useState } from 'react';
-export var useProducts = function useProducts() {
+import { useState, useRef } from 'react';
+import { useOsKey } from "../../context/OsKeyContext";
+import { getProductCache, setProductCache } from "../../utils/productCache";
+export var useProducts = function useProducts(notAvailableRef) {
   var bookingTicket = useBookingTicket();
+  var osKey = useOsKey();
   var _useState = useState([]),
     _useState2 = _slicedToArray(_useState, 2),
     products = _useState2[0],
@@ -21,24 +24,63 @@ export var useProducts = function useProducts() {
     _useState4 = _slicedToArray(_useState3, 2),
     loading = _useState4[0],
     setLoading = _useState4[1];
+  var isFirstLoadRef = useRef(true);
+  var isFirstLoadDataRef = useRef(true);
   var getProducts = useMemoizedFn( /*#__PURE__*/function () {
     var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(params) {
-      var products;
+      var cachedProducts, freshProducts, _notAvailableRef$curr;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
-            setLoading(true);
-            _context.next = 3;
+            // 1. 如果是首次加载，尝试从缓存中获取数据
+            if (isFirstLoadRef.current && osKey) {
+              cachedProducts = getProductCache(osKey);
+              if (cachedProducts) {
+                // 先展示缓存数据
+                setProducts(cachedProducts);
+                setLoading(false);
+              }
+              isFirstLoadRef.current = false;
+            } else {
+              setLoading(true);
+            }
+
+            // 2. 无论是否有缓存，都调用接口获取最新数据
+            _context.prev = 1;
+            _context.next = 4;
             return bookingTicket.loadProducts(params);
-          case 3:
-            products = _context.sent;
-            setProducts(products);
+          case 4:
+            freshProducts = _context.sent;
+            isFirstLoadDataRef.current = false;
+            // 3. 更新展示数据
+            setProducts(freshProducts);
+
+            // 4. 将新数据缓存到 storage
+            if (osKey) {
+              setProductCache(osKey, freshProducts);
+              console.log('[ProductCache] 已更新缓存');
+            }
+            _context.next = 16;
+            break;
+          case 10:
+            _context.prev = 10;
+            _context.t0 = _context["catch"](1);
+            // 只有在第一次加载或之前有数据时才显示 notAvailable
+            if ((_context.t0 === null || _context.t0 === void 0 ? void 0 : _context.t0.code) === 607100 && (isFirstLoadDataRef.current || products.length > 0)) {
+              (_notAvailableRef$curr = notAvailableRef.current) === null || _notAvailableRef$curr === void 0 || _notAvailableRef$curr.open();
+            }
             setLoading(false);
-          case 6:
+            setProducts([]);
+            isFirstLoadDataRef.current = false;
+          case 16:
+            _context.prev = 16;
+            setLoading(false);
+            return _context.finish(16);
+          case 19:
           case "end":
             return _context.stop();
         }
-      }, _callee);
+      }, _callee, null, [[1, 10, 16, 19]]);
     }));
     return function (_x) {
       return _ref.apply(this, arguments);

package/es/components/ticketBooking/hooks/pisellos/useScanCustomer.js

@@ -3,13 +3,16 @@ import { locales } from "@pisell/utils";
 import { useBookingTicket } from "./bookingTicket";
 import { formatScanCustomer } from "../../utils";
 import { useToast } from '@pisell/materials';
+import { useActiveExecute } from "./useActiveExecute";
 var useScanCustomer = function useScanCustomer() {
   var bookingTicket = useBookingTicket();
   var scanRef = useRef(null);
   var Toast = useToast();
+  var _useActiveExecute = useActiveExecute(),
+    executeIfActive = _useActiveExecute.executeIfActive;
   var handleScanCustomer = function handleScanCustomer(callback) {
     console.log('handleScanCustomer>>>>>>>', callback);
-    scanRef.current = bookingTicket === null || bookingTicket === void 0 ? void 0 : bookingTicket.scanCustomerListener(function (data) {
+    scanRef.current = bookingTicket === null || bookingTicket === void 0 ? void 0 : bookingTicket.scanCustomerListener(executeIfActive(function (data) {
       console.log('scanCustomerListener>>>>>>>', data);
       if (data.status === 'failed') {
         Toast.fail(locales.getText('pisell2.text.scan-global-failed'));
@@ -17,7 +20,7 @@ var useScanCustomer = function useScanCustomer() {
       }
       var customer = formatScanCustomer(data);
       callback(customer);
-    });
+    }));
   };
   return {
     openScan: handleScanCustomer,

package/es/components/ticketBooking/hooks/pisellos/useScanGlobal.js

@@ -3,12 +3,17 @@ import { useBookingTicket } from "./bookingTicket";
 import { formatScanGlobal } from "../../utils";
 import { useToast } from '@pisell/materials';
 import { locales } from '@pisell/utils';
+import { useActiveExecute } from "./useActiveExecute";
 var useScanGlobal = function useScanGlobal() {
   var bookingTicket = useBookingTicket();
   var scanRef = useRef(null);
   var Toast = useToast();
+  var _useActiveExecute = useActiveExecute(),
+    executeIfActive = _useActiveExecute.executeIfActive;
   var handleScanGlobal = function handleScanGlobal(callback) {
-    scanRef.current = bookingTicket === null || bookingTicket === void 0 ? void 0 : bookingTicket.scanGlobalListener(function (data) {
+    var _bookingTicket$initPe;
+    bookingTicket === null || bookingTicket === void 0 || (_bookingTicket$initPe = bookingTicket.initPeripheralsListener) === null || _bookingTicket$initPe === void 0 || _bookingTicket$initPe.call(bookingTicket);
+    scanRef.current = bookingTicket === null || bookingTicket === void 0 ? void 0 : bookingTicket.scanGlobalListener(executeIfActive(function (data) {
       console.log('scanGlobalListener>>>>>>>', data);
       if (data.status === 'failed') {
         Toast.fail(locales.getText('pisell2.text.scan-global-failed'));
@@ -16,7 +21,7 @@ var useScanGlobal = function useScanGlobal() {
       }
       var result = formatScanGlobal(data);
       callback(result);
-    });
+    }));
   };
   return {
     openScan: handleScanGlobal,

package/es/components/ticketBooking/hooks/pisellos/useShopDiscountModule.d.ts

@@ -0,0 +1,6 @@
+/**
+ * useShopDiscountModule Hook
+ * 获取当前 ShopDiscount 模块
+ * 通过 osKey 区分不同页面的模块实例
+ */
+export declare const useShopDiscountModule: () => any;

package/es/components/ticketBooking/hooks/pisellos/useShopDiscountModule.js

@@ -0,0 +1,18 @@
+import { usePisellOS } from "../../../../hooks/useEngineContext";
+import { useOsKey } from "../../context/OsKeyContext";
+import { getShopDiscountKey } from "../../utils";
+
+/**
+ * useShopDiscountModule Hook
+ * 获取当前 ShopDiscount 模块
+ * 通过 osKey 区分不同页面的模块实例
+ */
+export var useShopDiscountModule = function useShopDiscountModule() {
+  var pisellOS = usePisellOS();
+  var osKey = useOsKey();
+
+  // 根据 osKey 生成模块名称
+  var moduleKey = getShopDiscountKey(osKey || 'ticket');
+  console.log(pisellOS, pisellOS, moduleKey, 'pisellOS');
+  return pisellOS.getModule(moduleKey);
+};

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

@@ -1,8 +1,14 @@
+import { ProductDisplayConfig, ProductDisplayPresetKey } from './components/ProductDisplayAdapter/types';
 import './index.less';
 interface TicketBookingProps {
     productExtensionType: string[];
     bookingConfigParams: Record<string, any>;
     isShowMenuBar?: boolean;
+    isShowTimeBar?: boolean;
+    isShowFloatButtons?: boolean;
+    productDisplayConfig?: ProductDisplayPresetKey | ProductDisplayConfig;
+    isActive?: boolean;
+    rulesHooks?: any;
 }
 declare const _default: (props: TicketBookingProps) => JSX.Element;
 export default _default;

package/es/components/ticketBooking/index.js

@@ -1,6 +1,12 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
@@ -12,9 +18,12 @@ import { cloneDeep } from 'lodash';
 import TicketBooking from "./components/ticketBooking/index";
 import { request } from "../../utils";
 import useEngineContext from "../../hooks/useEngineContext";
-import { getDefaultStartParam } from "./utils";
+import { getBookingTicketKey, getDefaultStartParam, getShopDiscountKey, rulesHooks } from "./utils";
 import localeTexts from "./locales";
 import MenuBar from "./components/menuBar";
+import { useLocalStorageState } from 'ahooks';
+import { OsKeyProvider } from "./context/OsKeyContext";
+import { IsActiveProvider } from "./context/IsActiveContext";
 import "./index.less";
 var initialState = {
   amountSymbol: '$',
@@ -137,16 +146,60 @@ var initialState = {
 export default (function (props) {
   var _context$appHelper, _context$appHelper$ut2, _context$appHelper$ut3, _context$appHelper$ut4, _context$appHelper$ut5;
   var productExtensionType = props.productExtensionType,
-    bookingConfigParams = props.bookingConfigParams,
+    propsBookingConfigParams = props.bookingConfigParams,
     _props$isShowMenuBar = props.isShowMenuBar,
-    isShowMenuBar = _props$isShowMenuBar === void 0 ? true : _props$isShowMenuBar;
+    isShowMenuBar = _props$isShowMenuBar === void 0 ? true : _props$isShowMenuBar,
+    _props$isShowTimeBar = props.isShowTimeBar,
+    propsIsShowTimeBar = _props$isShowTimeBar === void 0 ? true : _props$isShowTimeBar,
+    _props$isShowFloatBut = props.isShowFloatButtons,
+    propsIsShowFloatButtons = _props$isShowFloatBut === void 0 ? true : _props$isShowFloatBut,
+    propsProductDisplayConfig = props.productDisplayConfig,
+    _props$isActive = props.isActive,
+    isActive = _props$isActive === void 0 ? true : _props$isActive,
+    propsRulesHooks = props.rulesHooks;
+  var _useLocalStorageState = useLocalStorageState('pisell-ticket-booking-nav-key', {
+      defaultValue: 'ticket'
+    }),
+    _useLocalStorageState2 = _slicedToArray(_useLocalStorageState, 2),
+    activeNavKey = _useLocalStorageState2[0],
+    setActiveNavKey = _useLocalStorageState2[1];
+
+  // 根据 activeNavKey 动态配置（仅在显示菜单栏时生效）
+  var bookingConfigParams = useMemo(function () {
+    if (isShowMenuBar && activeNavKey === 'food') {
+      return _objectSpread(_objectSpread({}, propsBookingConfigParams), {}, {
+        sub_type: 'food',
+        source_type: 'pos'
+      });
+    }
+    return propsBookingConfigParams;
+  }, [isShowMenuBar, activeNavKey, propsBookingConfigParams]);
+  var isShowTimeBar = useMemo(function () {
+    return isShowMenuBar && activeNavKey === 'food' ? false : propsIsShowTimeBar;
+  }, [isShowMenuBar, activeNavKey, propsIsShowTimeBar]);
+  var isShowFloatButtons = useMemo(function () {
+    return isShowMenuBar && activeNavKey === 'food' ? false : propsIsShowFloatButtons;
+  }, [isShowMenuBar, activeNavKey, propsIsShowFloatButtons]);
+
+  // 根据bookingConfigParams?.sub_type 动态配置osKey
+  // 多页面使用同一个组件时，需要根据不同的osKey来区分不同的页面
+  var osKey = useMemo(function () {
+    return bookingConfigParams === null || bookingConfigParams === void 0 ? void 0 : bookingConfigParams.sub_type;
+  }, [bookingConfigParams]);
+  var productDisplayConfig = useMemo(function () {
+    if (isShowMenuBar && activeNavKey === 'food') {
+      return 'sku-list-a5';
+    }
+    return propsProductDisplayConfig;
+  }, [isShowMenuBar, activeNavKey, propsProductDisplayConfig]);
   var storeRef = useRef(null);
   var context = useEngineContext();
   var _context$appHelper$ut = (_context$appHelper = context.appHelper) === null || _context$appHelper === void 0 ? void 0 : _context$appHelper.utils,
     pisellos = _context$appHelper$ut.pisellos,
     pisellosAllModule = _context$appHelper$ut.pisellosAllModule;
   var _ref = pisellosAllModule || {},
-    BookingTicket = _ref.BookingTicket;
+    BookingTicket = _ref.BookingTicket,
+    ShopDiscountImpl = _ref.ShopDiscountImpl;
   locales.init(localeTexts, ((_context$appHelper$ut2 = context.appHelper.utils) === null || _context$appHelper$ut2 === void 0 || (_context$appHelper$ut3 = _context$appHelper$ut2.getApp) === null || _context$appHelper$ut3 === void 0 || (_context$appHelper$ut3 = _context$appHelper$ut3.call(_context$appHelper$ut2)) === null || _context$appHelper$ut3 === void 0 || (_context$appHelper$ut3 = _context$appHelper$ut3.locales) === null || _context$appHelper$ut3 === void 0 || (_context$appHelper$ut4 = _context$appHelper$ut3.getLocale) === null || _context$appHelper$ut4 === void 0 ? void 0 : _context$appHelper$ut4.call(_context$appHelper$ut3)) || ((_context$appHelper$ut5 = context.appHelper.utils) === null || _context$appHelper$ut5 === void 0 || (_context$appHelper$ut5 = _context$appHelper$ut5.storage) === null || _context$appHelper$ut5 === void 0 ? void 0 : _context$appHelper$ut5.get('umi_locale')) || 'en');
   useLayoutEffect(function () {
     request.setRequest(context.appHelper.utils.request);
@@ -157,21 +210,44 @@ export default (function (props) {
       productExtensionType: productExtensionType
     }));
     storeRef.current = store;
-  }, []);
+  }, [bookingConfigParams, productExtensionType]);
+  console.log(osKey, pisellos, 'osKeyosKey');
   useMemo(function () {
     if (BookingTicket) {
-      pisellos === null || pisellos === void 0 || pisellos.registerModule(new BookingTicket('bookingTicket'), {
+      pisellos === null || pisellos === void 0 || pisellos.registerModule(new BookingTicket(getBookingTicketKey(osKey)), {
         initialState: {},
         otherParams: {
-          cacheId: 'test-cache',
+          cacheId: getBookingTicketKey(osKey),
           platform: 'shop'
         }
       });
     }
-  }, []);
+    if (ShopDiscountImpl) {
+      pisellos === null || pisellos === void 0 || pisellos.registerModule(new ShopDiscountImpl(getShopDiscountKey(osKey)), {
+        otherParams: {
+          platform: "shop",
+          rules: {
+            hooks: propsRulesHooks || rulesHooks
+          }
+        }
+      });
+    }
+  }, [osKey]);
   return /*#__PURE__*/React.createElement("div", {
     className: "pisell-ticket-booking-wrapper"
-  }, isShowMenuBar && /*#__PURE__*/React.createElement(MenuBar, null), /*#__PURE__*/React.createElement(Provider, {
-    store: storeRef.current
-  }, /*#__PURE__*/React.createElement(TicketBooking, null)));
+  }, isShowMenuBar && /*#__PURE__*/React.createElement(MenuBar, {
+    activeNavKey: activeNavKey,
+    onNavChange: setActiveNavKey
+  }), /*#__PURE__*/React.createElement(IsActiveProvider, {
+    isActive: isActive
+  }, /*#__PURE__*/React.createElement(OsKeyProvider, {
+    osKey: osKey
+  }, /*#__PURE__*/React.createElement(Provider, {
+    store: storeRef.current,
+    key: activeNavKey
+  }, /*#__PURE__*/React.createElement(TicketBooking, {
+    productDisplayConfig: productDisplayConfig,
+    isShowTimeBar: isShowTimeBar,
+    isShowFloatButtons: isShowFloatButtons
+  })))));
 });

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

@@ -59,4 +59,32 @@ export declare const formatScanGlobal: (data: ScanData) => {
     scanCode: string;
 } | null | undefined;
 export declare const createSimpleCacheItem: (item: any, e: any, state: any) => any;
-export {};
+export declare const getBookingTicketKey: (osKey: string) => string;
+export declare const getShopDiscountKey: (osKey: string) => string;
+export declare const rulesHooks: {
+    getProduct(product: Record<string, any>): {
+        booking_id: any;
+        id: any;
+        _id: any;
+        price: any;
+        total: any;
+        discount_list: any;
+        origin_total: any;
+        num: any;
+        quantity: any;
+        vouchersApplicable: any;
+    };
+    setProduct(product: Record<string, any>, values: {
+        total: number;
+        discount_list: any[];
+        price: number;
+        quantity: number;
+        _id?: string;
+    }): {
+        _id: any;
+        discount_list: any[];
+        _extend: any;
+    };
+};
+export { getCache, setCache, clearCache, clearAllCache, clearAllCacheByOsKey, getProductCache, setProductCache, clearProductCache, clearAllProductCache, getBoardConfigCache, setBoardConfigCache, clearBoardConfigCache, } from './productCache';
+export type { CacheType } from './productCache';