@pisell/private-materials 6.5.13 → 6.5.15

package/lib/components/ticketBooking/components/addServiceVariant/index.js

@@ -35,7 +35,7 @@ module.exports = __toCommonJS(addServiceVariant_exports);
 var import_react = __toESM(require("react"));
 var import_addService = __toESM(require("./addService"));
 var AddServiceVariant = (props) => {
-  const { globalState, setGlobalState, onPrerenderComplete } = props;
+  const { globalState, setGlobalState, onPrerenderComplete, onGetProductsReady, productDisplayConfig } = props;
   const stateRef = (0, import_react.useRef)(globalState);
   stateRef.current = globalState;
   const dispatch = ({ type, payload }) => {
@@ -50,7 +50,9 @@ var AddServiceVariant = (props) => {
     {
       state: globalState,
       dispatch,
-      onPrerenderComplete
+      onPrerenderComplete,
+      onGetProductsReady,
+      productDisplayConfig
     }
   );
 };

package/lib/components/ticketBooking/components/menuBar/index.d.ts

@@ -1,3 +1,7 @@
 import './index.less';
-declare const index: () => JSX.Element;
+interface MenuBarProps {
+    activeNavKey?: string;
+    onNavChange?: (key: string) => void;
+}
+declare const index: (props: MenuBarProps) => JSX.Element;
 export default index;

package/lib/components/ticketBooking/components/menuBar/index.js

@@ -39,8 +39,21 @@ var import_antd = require("antd");
 var import_icons = require("@ant-design/icons");
 var import_utils = require("@pisell/utils");
 var import_materials = require("@pisell/materials");
-var index = () => {
+var index = (props) => {
+  const { activeNavKey = "ticket", onNavChange } = props;
   const status = (0, import_useNetworkStatus.useNetworkStatus)();
+  const navItems = [
+    {
+      key: "ticket",
+      icon: /* @__PURE__ */ import_react.default.createElement(import_materials.Iconfont, { type: "pisell2-ticket", style: { fontSize: 32 } }),
+      label: ""
+    },
+    {
+      key: "food",
+      label: "",
+      icon: /* @__PURE__ */ import_react.default.createElement(import_materials.Iconfont, { type: "pisell2-food", style: { fontSize: 32 } })
+    }
+  ];
   const items = [
     {
       key: "1",
@@ -81,6 +94,9 @@ var index = () => {
       window.location.href = "/login";
     }
   };
+  const handleNavClick = (key) => {
+    onNavChange == null ? void 0 : onNavChange(key);
+  };
   return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-ticket-booking-menu-bar" }, /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("div", { className: "logo-wrapper" }, /* @__PURE__ */ import_react.default.createElement(
     "svg",
     {
@@ -97,25 +113,15 @@ var index = () => {
         fill: "#8157D5"
       }
     )
-  )), /* @__PURE__ */ import_react.default.createElement("div", { className: "nav-wrapper" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "nav-item active" }, /* @__PURE__ */ import_react.default.createElement(
-    "svg",
+  )), /* @__PURE__ */ import_react.default.createElement("div", { className: "nav-wrapper" }, navItems.map((navItem) => /* @__PURE__ */ import_react.default.createElement(
+    "div",
     {
-      xmlns: "http://www.w3.org/2000/svg",
-      width: "32",
-      height: "25",
-      viewBox: "0 0 34 27",
-      fill: "none"
+      key: navItem.key,
+      className: `nav-item ${activeNavKey === navItem.key ? "active" : ""}`,
+      onClick: () => handleNavClick(navItem.key)
     },
-    /* @__PURE__ */ import_react.default.createElement(
-      "path",
-      {
-        d: "M13.8 7.05078V5.48828M13.8 14.082V12.5195M13.8 21.1133V19.5508M6.12 0.800781H27.88C29.6722 0.800781 30.5683 0.800781 31.2528 1.14139C31.8549 1.44099 32.3444 1.91905 32.6512 2.50706C33 3.17554 33 4.05062 33 5.80078V7.83203C29.9072 7.83203 27.4 10.2805 27.4 13.3008C27.4 16.3211 29.9072 18.7695 33 18.7695V20.8008C33 22.5509 33 23.426 32.6512 24.0945C32.3444 24.6825 31.8549 25.1606 31.2528 25.4602C30.5683 25.8008 29.6722 25.8008 27.88 25.8008H6.12C4.32783 25.8008 3.43175 25.8008 2.74723 25.4602C2.14511 25.1606 1.65557 24.6825 1.34878 24.0945C1 23.426 1 22.5509 1 20.8008V18.7695C4.09279 18.7695 6.6 16.3211 6.6 13.3008C6.6 10.2805 4.09279 7.83203 1 7.83203V5.80078C1 4.05062 1 3.17554 1.34878 2.50706C1.65557 1.91905 2.14511 1.44099 2.74723 1.14139C3.43175 0.800781 4.32783 0.800781 6.12 0.800781Z",
-        stroke: "white",
-        "stroke-width": "1.5",
-        "stroke-linecap": "round",
-        "stroke-linejoin": "round"
-      }
-    )
+    navItem.icon && navItem.icon,
+    navItem.label && navItem.label
   )))), /* @__PURE__ */ import_react.default.createElement("div", { className: "menu-wrapper" }, /* @__PURE__ */ import_react.default.createElement(
     import_materials.ConfigProvider,
     {

package/lib/components/ticketBooking/components/menuBar/index.less

@@ -28,6 +28,7 @@
     display: flex;
     flex-direction: column;
     align-items: center;
+    gap: 12px;
 
     .nav-item {
       cursor: pointer;
@@ -38,10 +39,35 @@
       justify-content: center;
       align-items: center;
       position: relative;
-      background: var(--Gray-950, #0c111d);
+      background: transparent;
+      color: rgba(255, 255, 255, 0.75);
+      transition: all 0.3s ease;
+
+      svg {
+        transition: all 0.3s ease;
+        
+        path {
+          stroke: rgba(255, 255, 255, 0.75);
+          transition: all 0.3s ease;
+        }
+      }
+
+      &:hover {
+        background: rgba(129, 87, 213, 0.1);
+        color: rgba(255, 255, 255, 0.95);
+
+        svg path {
+          stroke: rgba(255, 255, 255, 0.95);
+        }
+      }
 
       &.active {
         background: #8157d5;
+        color: #ffffff;
+
+        svg path {
+          stroke: #ffffff;
+        }
 
         &::before {
           display: block;

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

@@ -1,7 +1,11 @@
 import './index.less';
+import { ProductDisplayConfig, ProductDisplayPresetKey } from '../ProductDisplayAdapter/types';
 export declare const _formatBookingDetail: (data: any, modalState: any) => any;
 interface TicketBookingProps {
     onPrerenderComplete?: () => void;
+    productDisplayConfig?: ProductDisplayPresetKey | ProductDisplayConfig;
+    isShowTimeBar?: boolean;
+    isShowFloatButtons?: boolean;
 }
 declare const TicketBooking: (props: TicketBookingProps) => JSX.Element;
 export default TicketBooking;

package/lib/components/ticketBooking/components/ticketBooking/index.js

@@ -60,6 +60,9 @@ var import_pisellos = require("../../hooks/pisellos");
 var import_ahooks = require("ahooks");
 var import_useScanManager = __toESM(require("../../hooks/pisellos/useScanManager"));
 var import_ahooks2 = require("ahooks");
+var import_context = require("../../context");
+var import_IsActiveContext = require("../../context/IsActiveContext");
+var import_useShopDiscountModule = require("../../hooks/pisellos/useShopDiscountModule");
 var _formatBookingDetail = (data, modalState) => {
   var _a, _b, _c, _d;
   let {
@@ -240,8 +243,12 @@ var formatProductValues = (data) => {
 };
 var TicketBooking = (props) => {
   var _a, _b, _c, _d, _e;
-  const { onPrerenderComplete } = props;
+  const { onPrerenderComplete, productDisplayConfig, isShowTimeBar = true, isShowFloatButtons = true } = props;
   const [state, setState] = (0, import_miniRedux.useStore)();
+  const getProductsRef = (0, import_react.useRef)(null);
+  const handleGetProductsReady = (0, import_ahooks.useMemoizedFn)((getProducts) => {
+    getProductsRef.current = getProducts;
+  });
   const engineContext = (0, import_useEngineContext.default)();
   const { props: engineProps } = engineContext.engine;
   const {
@@ -263,10 +270,14 @@ var TicketBooking = (props) => {
   const _listTimerRef = (0, import_react.useRef)();
   const _timerRef = (0, import_react.useRef)();
   const _callbackFnRef = (0, import_react.useRef)();
+  const _isFirstLoadBoardConfigRef = (0, import_react.useRef)(true);
   const [activeBookingId, setActiveBookingId] = (0, import_react.useState)(0);
   const [showTerminalUpgradeModal, setShowTerminalUpgradeModal] = (0, import_react.useState)(false);
   const pisellFloatingPanelRef = (0, import_react.useRef)(null);
   const closeRef = (0, import_react.useRef)(null);
+  const shopDiscount = (0, import_useShopDiscountModule.useShopDiscountModule)();
+  const isActive = (0, import_IsActiveContext.useIsActive)();
+  const osKey = (0, import_context.useOsKey)();
   const bookingTicket = (0, import_bookingTicket.useBookingTicket)();
   const { openScan, closeScan } = (0, import_useScanGlobal.default)();
   const handleScan = (0, import_useScanGlobalHandle.default)();
@@ -305,16 +316,16 @@ var TicketBooking = (props) => {
       }
     }
   });
-  (0, import_react.useMemo)(() => {
-    openScan((data) => {
-      handleScan(data);
-    });
-  }, []);
   (0, import_react.useEffect)(() => {
+    if (isActive) {
+      openScan((data) => {
+        handleScan(data);
+      });
+    }
     return () => {
       closeScan();
     };
-  }, []);
+  }, [isActive]);
   const { run: clearAllCart } = (0, import_ahooks2.useDebounceFn)(
     (type, orderId) => {
       var _a2, _b2, _c2, _d2, _e2, _f, _g, _h;
@@ -437,12 +448,28 @@ var TicketBooking = (props) => {
       if (_listTimerRef.current) clearInterval(_listTimerRef.current);
     };
   }, []);
+  const _getProducts = (date) => {
+    var _a2, _b2, _c2, _d2, _e2, _f;
+    const currentDate2 = date.format("YYYY-MM-DD");
+    const currentDatetime = date.format("YYYY-MM-DD HH:mm:ss");
+    const customerId = (_c2 = (_b2 = (_a2 = state.modalState) == null ? void 0 : _a2.client) == null ? void 0 : _b2.value) == null ? void 0 : _c2.id;
+    const menuList = ((_f = (_e2 = (_d2 = state.bookingConfig) == null ? void 0 : _d2.config) == null ? void 0 : _e2.menu_list_tab) == null ? void 0 : _f.menu_list) || [];
+    getProductsRef.current({
+      schedule_date: currentDate2,
+      customer_id: customerId,
+      menu_list_ids: menuList,
+      schedule_datetime: currentDatetime
+    });
+  };
   const _onDateChange = (date, dateString) => {
     _setIntervalTime(false);
     setState({
       isDateChange: true
     });
     _setDataChange(date, dateString);
+    if (getProductsRef.current) {
+      _getProducts(date);
+    }
   };
   const _setIntervalTime = (isInterval) => {
     clearInterval(_timerRef.current);
@@ -632,6 +659,9 @@ var TicketBooking = (props) => {
         edit: true
       }
     });
+    if (isTimeChange && getProductsRef.current) {
+      _getProducts(date);
+    }
     setTimeout(() => {
       var _a2, _b2, _c2, _d2, _e2;
       if ((_b2 = (_a2 = state.modalState.service) == null ? void 0 : _a2.value) == null ? void 0 : _b2.length) {
@@ -671,15 +701,37 @@ var TicketBooking = (props) => {
   const _getBoardConfig = async () => {
     var _a2, _b2, _c2;
     const { bookingConfigParams } = state;
-    const data = await (0, import_serve.getBookingConfig)({
-      ...bookingConfigParams
-    });
-    if ((_c2 = (_b2 = (_a2 = data == null ? void 0 : data.config) == null ? void 0 : _a2.information_tab) == null ? void 0 : _b2.appointment_card) == null ? void 0 : _c2.quick_time) {
-      _getAddTimeProducts();
+    let isHasCache = false;
+    if (_isFirstLoadBoardConfigRef.current && osKey) {
+      const cachedBoardConfig = (0, import_utils2.getBoardConfigCache)(osKey);
+      if (cachedBoardConfig) {
+        isHasCache = true;
+        setState({
+          bookingConfig: cachedBoardConfig
+        });
+        console.log("[BoardConfigCache] 使用缓存数据展示");
+        if ((_c2 = (_b2 = (_a2 = cachedBoardConfig == null ? void 0 : cachedBoardConfig.config) == null ? void 0 : _a2.information_tab) == null ? void 0 : _b2.appointment_card) == null ? void 0 : _c2.quick_time) {
+          _getAddTimeProducts();
+        }
+      }
+      _isFirstLoadBoardConfigRef.current = false;
+    }
+    try {
+      const data = await (0, import_serve.getBookingConfig)({
+        ...bookingConfigParams
+      });
+      if (!isHasCache) {
+        setState({
+          bookingConfig: data
+        });
+      }
+      if (osKey && data) {
+        (0, import_utils2.setBoardConfigCache)(osKey, data);
+        console.log("[BoardConfigCache] 已更新缓存");
+      }
+    } catch (error) {
+      console.error("[BoardConfigCache] 获取配置失败:", error);
     }
-    setState({
-      bookingConfig: data
-    });
   };
   const _addVisibilityListener = (callback) => {
     const handleVisibilityChange = () => {
@@ -1159,9 +1211,11 @@ var TicketBooking = (props) => {
         productExtensionType: state.productExtensionType,
         isBookingTicket2: true
       },
-      setGlobalState: _setModalState
+      setGlobalState: _setModalState,
+      onGetProductsReady: handleGetProductsReady,
+      productDisplayConfig
     }
-  ), /* @__PURE__ */ import_react.default.createElement(import_floatButtons.default, { items: floatButtons })), /* @__PURE__ */ import_react.default.createElement(
+  ), isShowFloatButtons && /* @__PURE__ */ import_react.default.createElement(import_floatButtons.default, { items: floatButtons })), isShowTimeBar && /* @__PURE__ */ import_react.default.createElement(
     import_timeBar.default,
     {
       onCreateClick: handleCreateClick,

package/lib/components/ticketBooking/components/timeBar/index.d.ts

@@ -8,6 +8,7 @@ interface ITimeBarProps {
     setIntervalTime: (value: boolean) => void;
     locale: string;
     onCreateClick: () => void;
+    setNowTime?: (time: Dayjs) => void;
 }
 declare const TimeBar: (props: ITimeBarProps) => JSX.Element;
 export default TimeBar;

package/lib/components/ticketBooking/components/timeBar/index.js

@@ -43,7 +43,7 @@ var import_utils = require("@pisell/utils");
 var import_index = require("./index.less");
 var TimeBar = (props) => {
   var _a, _b;
-  const { globalState: state, setGlobalState, locale, onCreateClick } = props;
+  const { globalState: state, setGlobalState, locale, onCreateClick, setNowTime } = props;
   const _onClickNext = (0, import_ahooks.useMemoizedFn)(() => {
     var _a2, _b2, _c, _d;
     const currentTime = (_b2 = (_a2 = state.modalState) == null ? void 0 : _a2.date) == null ? void 0 : _b2.value;
@@ -60,10 +60,12 @@ var TimeBar = (props) => {
   });
   const _onClickToday = (0, import_ahooks.useMemoizedFn)(() => {
     var _a2;
+    setNowTime == null ? void 0 : setNowTime((0, import_dayjs.default)());
     (_a2 = props.setIntervalTime) == null ? void 0 : _a2.call(props, true);
   });
   const _onClickNow = (0, import_ahooks.useMemoizedFn)(() => {
     var _a2;
+    setNowTime == null ? void 0 : setNowTime((0, import_dayjs.default)());
     (_a2 = props.setIntervalTime) == null ? void 0 : _a2.call(props, true);
   });
   const _onDateTimeChange = (0, import_ahooks.useMemoizedFn)((timeString) => {

package/lib/components/ticketBooking/components/timeBar/index.less

@@ -4,6 +4,7 @@
   align-items: center;
   gap: 16px;
   padding: 8px;
+  background-color: #fff;
 
   button {
     flex-shrink: 0;

package/lib/components/ticketBooking/context/IsActiveContext.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+/**
+ * IsActive Context
+ * 用于在 TicketBooking 组件树中提供 isActive 状态
+ * isActive 用于标识当前组件是否处于激活状态
+ */
+interface IsActiveContextType {
+    /** 是否激活 */
+    isActive: boolean;
+}
+declare const IsActiveContext: React.Context<IsActiveContextType>;
+interface IsActiveProviderProps {
+    isActive: boolean;
+    children: React.ReactNode;
+}
+/**
+ * IsActive Provider
+ * 提供 isActive 给子组件使用
+ */
+export declare const IsActiveProvider: React.FC<IsActiveProviderProps>;
+/**
+ * useIsActive Hook
+ * 在子组件中使用此 hook 获取 isActive 状态
+ */
+export declare const useIsActive: () => boolean;
+export default IsActiveContext;

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

@@ -0,0 +1,56 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/ticketBooking/context/IsActiveContext.tsx
+var IsActiveContext_exports = {};
+__export(IsActiveContext_exports, {
+  IsActiveProvider: () => IsActiveProvider,
+  default: () => IsActiveContext_default,
+  useIsActive: () => useIsActive
+});
+module.exports = __toCommonJS(IsActiveContext_exports);
+var import_react = __toESM(require("react"));
+var IsActiveContext = (0, import_react.createContext)({
+  isActive: true
+});
+var IsActiveProvider = ({ isActive, children }) => {
+  return /* @__PURE__ */ import_react.default.createElement(IsActiveContext.Provider, { value: { isActive } }, children);
+};
+var useIsActive = () => {
+  const context = (0, import_react.useContext)(IsActiveContext);
+  if (!context) {
+    throw new Error("useIsActive must be used within an IsActiveProvider");
+  }
+  return context.isActive;
+};
+var IsActiveContext_default = IsActiveContext;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  IsActiveProvider,
+  useIsActive
+});

package/lib/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/lib/components/ticketBooking/context/OsKeyContext.js

@@ -0,0 +1,56 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/ticketBooking/context/OsKeyContext.tsx
+var OsKeyContext_exports = {};
+__export(OsKeyContext_exports, {
+  OsKeyProvider: () => OsKeyProvider,
+  default: () => OsKeyContext_default,
+  useOsKey: () => useOsKey
+});
+module.exports = __toCommonJS(OsKeyContext_exports);
+var import_react = __toESM(require("react"));
+var OsKeyContext = (0, import_react.createContext)({
+  osKey: void 0
+});
+var OsKeyProvider = ({ osKey, children }) => {
+  return /* @__PURE__ */ import_react.default.createElement(OsKeyContext.Provider, { value: { osKey } }, children);
+};
+var useOsKey = () => {
+  const context = (0, import_react.useContext)(OsKeyContext);
+  if (!context) {
+    throw new Error("useOsKey must be used within an OsKeyProvider");
+  }
+  return (context == null ? void 0 : context.osKey) || "ticket";
+};
+var OsKeyContext_default = OsKeyContext;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  OsKeyProvider,
+  useOsKey
+});

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

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

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

@@ -0,0 +1,44 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/ticketBooking/context/index.ts
+var context_exports = {};
+__export(context_exports, {
+  OsKeyContext: () => import_OsKeyContext2.default,
+  OsKeyProvider: () => import_OsKeyContext.OsKeyProvider,
+  useOsKey: () => import_OsKeyContext.useOsKey
+});
+module.exports = __toCommonJS(context_exports);
+var import_OsKeyContext = require("./OsKeyContext");
+var import_OsKeyContext2 = __toESM(require("./OsKeyContext"));
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  OsKeyContext,
+  OsKeyProvider,
+  useOsKey
+});

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

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

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

@@ -23,9 +23,13 @@ __export(bookingTicket_exports, {
 });
 module.exports = __toCommonJS(bookingTicket_exports);
 var import_useEngineContext = require("../../../../hooks/useEngineContext");
+var import_OsKeyContext = require("../../context/OsKeyContext");
+var import_utils = require("../../utils");
 var useBookingTicket = () => {
   const pisellOS = (0, import_useEngineContext.usePisellOS)();
-  return pisellOS.getModule("bookingTicket");
+  const osKey = (0, import_OsKeyContext.useOsKey)();
+  const moduleKey = (0, import_utils.getBookingTicketKey)(osKey || "ticket");
+  return pisellOS.getModule(moduleKey);
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

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

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

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

@@ -19,9 +19,11 @@ module.exports = __toCommonJS(pisellos_exports);
 __reExport(pisellos_exports, require("./bookingTicket"), module.exports);
 __reExport(pisellos_exports, require("./useProducts"), module.exports);
 __reExport(pisellos_exports, require("./useCustomer"), module.exports);
+__reExport(pisellos_exports, require("./useActiveExecute"), module.exports);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ...require("./bookingTicket"),
   ...require("./useProducts"),
-  ...require("./useCustomer")
+  ...require("./useCustomer"),
+  ...require("./useActiveExecute")
 });

package/lib/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;
+};