@pisell/private-materials 6.5.12 → 6.5.14

package/es/components/ticketBooking/components/ProductDisplayAdapter/utils.js

@@ -0,0 +1,130 @@
+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; }
+/**
+ * 格式化 SKU 数据源，适配 SkuCard 组件
+ */
+export var formatSkuDataSource = function formatSkuDataSource(dataSource) {
+  return {
+    id: dataSource.id,
+    title: dataSource.title,
+    subtitle: dataSource.subtitle,
+    cover: dataSource.cover,
+    price: dataSource.price,
+    original_price: dataSource.original_price,
+    stock: dataSource.stock_quantity,
+    sortKeys: ['title', 'subtitle', 'price']
+  };
+};
+
+/**
+ * Tab 项接口定义（与 List 组件保持一致）
+ */
+
+/**
+ * 产品分类信息接口
+ */
+
+/**
+ * 产品项接口
+ */
+
+/**
+ * 根据产品数据生成分类 Tabs（Switch 模式）
+ * 参考 TestResponsiveWrapper 的 generateSimpleTabItems 函数
+ * 
+ * @param products 产品列表
+ * @param tabStyle tab 样式类型
+ * @returns TabItem 数组
+ */
+export var generateProductTabs = function generateProductTabs(products) {
+  var tabStyle = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'switch';
+  if (!products || products.length === 0) {
+    return [{
+      key: 'all',
+      label: '全部'
+    }];
+  }
+  if (tabStyle === 'switch') {
+    // 切换模式：提取产品的分类信息，不显示动态数量
+    var categoryMap = new Map();
+
+    // 收集所有分类
+    products.forEach(function (product) {
+      if (product.category && Array.isArray(product.category)) {
+        product.category.forEach(function (cat) {
+          if (!categoryMap.has(cat.id)) {
+            categoryMap.set(cat.id, cat);
+          }
+        });
+      }
+    });
+
+    // 按 sort 字段排序（降序，sort 越大越靠前）
+    var sortedCategories = Array.from(categoryMap.values()).sort(function (a, b) {
+      return (b.sort || 0) - (a.sort || 0);
+    });
+
+    // 生成 tabs
+    var tabs = [{
+      key: 'all',
+      label: '全部'
+    }];
+    sortedCategories.forEach(function (category) {
+      tabs.push({
+        key: String(category.id),
+        label: category.name,
+        group: String(category.id)
+      });
+    });
+    return tabs;
+  } else {
+    // 锚点模式：基于实际数据统计数量
+    var categoryCount = products.reduce(function (acc, product) {
+      if (product.category && Array.isArray(product.category)) {
+        product.category.forEach(function (cat) {
+          var key = String(cat.id);
+          if (!acc[key]) {
+            acc[key] = {
+              count: 0,
+              category: cat
+            };
+          }
+          acc[key].count += 1;
+        });
+      }
+      return acc;
+    }, {});
+
+    // 生成 tabs
+    var _tabs = [{
+      key: 'all',
+      label: "\u5168\u90E8 (".concat(products.length, ")")
+    }];
+
+    // 按 sort 排序
+    var sortedEntries = Object.entries(categoryCount).sort(function (_ref, _ref2) {
+      var _ref3 = _slicedToArray(_ref, 2),
+        a = _ref3[1];
+      var _ref4 = _slicedToArray(_ref2, 2),
+        b = _ref4[1];
+      return (b.category.sort || 0) - (a.category.sort || 0);
+    });
+    sortedEntries.forEach(function (_ref5) {
+      var _ref6 = _slicedToArray(_ref5, 2),
+        key = _ref6[0],
+        _ref6$ = _ref6[1],
+        count = _ref6$.count,
+        category = _ref6$.category;
+      _tabs.push({
+        key: key,
+        label: "".concat(category.name, " (").concat(count, ")"),
+        group: key
+      });
+    });
+    return _tabs;
+  }
+};

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

@@ -1,3 +1,4 @@
+import { ProductDisplayConfig, ProductDisplayPresetKey } from '../ProductDisplayAdapter';
 import './index.less';
 interface AddServiceProps {
     onEdit?: any;
@@ -5,6 +6,25 @@ interface AddServiceProps {
     state?: any;
     renderMode?: 'current' | 'drawer';
     onPrerenderComplete?: () => 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

@@ -26,7 +26,7 @@ import { getProductExtend } from "../../../booking/info2/service/addService/util
 import { holderId, isDaysBooking, isNormalProductByDurationSchedule } from "../../../booking/info/service2/utils";
 import { isBooking4Shop } from "../../../booking/info/utils";
 import { useService } from "../../../booking/info/service/serviceManager";
-import ProductSelect from "../../../../plus/productSelect";
+import ProductDisplayAdapter, { resolveProductDisplayConfig } from "../ProductDisplayAdapter";
 import "./index.less";
 import { addService, addServiceScroll, createSimpleCacheItem, genServiceKey, getIsShowNumber, isSameProduct } from "../../utils";
 import NotAvailable from "../notAvailable";
@@ -34,6 +34,7 @@ import dayjs from 'dayjs';
 import { useProducts } from "../../hooks/pisellos";
 import { createCacheItem, genValues, isBundle, isOption, setHandleSetService } from "./utils";
 import { useToast } from '@pisell/materials';
+import { useIsActive } from "../../context/IsActiveContext";
 var productListLayout = {
   grid: true,
   config: '12:12'
@@ -53,11 +54,13 @@ var AddSerivce = function AddSerivce(props) {
     dispatch = props.dispatch,
     _props$renderMode = props.renderMode,
     renderMode = _props$renderMode === void 0 ? 'current' : _props$renderMode,
-    onPrerenderComplete = props.onPrerenderComplete;
+    onPrerenderComplete = props.onPrerenderComplete,
+    productDisplayConfig = props.productDisplayConfig;
   var context = useEngineContext();
   var notAvailableRef = useRef(null);
   var isLoadedServiceRef = useRef(false);
   request.setRequest(context.appHelper.utils.request);
+  var isActive = useIsActive();
   var Toast = useToast();
   var _useService = useService({
       renderMode: renderMode,
@@ -172,8 +175,10 @@ var AddSerivce = function AddSerivce(props) {
     });
   });
   useMemo(function () {
-    setHandleSetService(scanAddService);
-  }, []);
+    if (isActive) {
+      setHandleSetService(scanAddService);
+    }
+  }, [isActive]);
 
   /*
   const removeNotAvailableService = (list: any) => {
@@ -577,20 +582,37 @@ var AddSerivce = function AddSerivce(props) {
       });
     }
   }, [renderMode, currentDate, customerId, menuList, currentDatetime]);
+
+  // 产品展示配置，支持字符串预设或完整配置对象
+  var finalDisplayConfig = useMemo(function () {
+    // 解析配置（支持字符串或对象）
+    var resolvedConfig = resolveProductDisplayConfig(productDisplayConfig);
+
+    // 如果是 ProductSelect 模式，合并默认的 layout 和 setting
+    if (resolvedConfig.displayMode === 'product-select') {
+      var _resolvedConfig$produ, _resolvedConfig$produ2;
+      return _objectSpread(_objectSpread({}, resolvedConfig), {}, {
+        productSelectConfig: _objectSpread(_objectSpread({}, resolvedConfig.productSelectConfig), {}, {
+          layout: ((_resolvedConfig$produ = resolvedConfig.productSelectConfig) === null || _resolvedConfig$produ === void 0 ? void 0 : _resolvedConfig$produ.layout) || productListLayout,
+          productListSetting: ((_resolvedConfig$produ2 = resolvedConfig.productSelectConfig) === null || _resolvedConfig$produ2 === void 0 ? void 0 : _resolvedConfig$produ2.productListSetting) || productListSetting
+        })
+      });
+    }
+    return resolvedConfig;
+  }, [productDisplayConfig]);
   return useMemo(function () {
     if (renderMode === 'current') {
-      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ProductSelect, {
+      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ProductDisplayAdapter, {
+        config: finalDisplayConfig,
         dataSource: renderList,
-        layout: productListLayout,
-        onChange: handleSelectProduct,
-        value: currentProduct === null || currentProduct === void 0 ? void 0 : currentProduct.id,
         loading: !renderList.length && loading,
-        productListSetting: productListSetting
+        currentProductId: currentProduct === null || currentProduct === void 0 ? void 0 : currentProduct.id,
+        onSelectProduct: handleSelectProduct
       }), /*#__PURE__*/React.createElement(NotAvailable, {
         ref: notAvailableRef
       }));
     }
     return null;
-  }, [state.service.addModal, locales, renderList, state.amountSymbol, state.renderType, state === null || state === void 0 ? void 0 : state.activeCartId, holderId(state), loading, currentProduct, isBooking4]);
+  }, [state.service.addModal, locales, renderList, state.amountSymbol, state.renderType, state === null || state === void 0 ? void 0 : state.activeCartId, holderId(state), loading, currentProduct, isBooking4, finalDisplayConfig]);
 };
 export default AddSerivce;

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

@@ -1,7 +1,9 @@
+import { ProductDisplayConfig, ProductDisplayPresetKey } from '../ProductDisplayAdapter/types';
 interface AddServiceVariantProps {
     globalState: any;
     setGlobalState: any;
     onPrerenderComplete?: () => void;
+    productDisplayConfig?: ProductDisplayPresetKey | ProductDisplayConfig;
 }
 declare const AddServiceVariant: (props: AddServiceVariantProps) => JSX.Element;
 export default AddServiceVariant;

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

@@ -9,7 +9,8 @@ import AddService from "./addService";
 var AddServiceVariant = function AddServiceVariant(props) {
   var globalState = props.globalState,
     setGlobalState = props.setGlobalState,
-    onPrerenderComplete = props.onPrerenderComplete;
+    onPrerenderComplete = props.onPrerenderComplete,
+    productDisplayConfig = props.productDisplayConfig;
   var stateRef = useRef(globalState);
   stateRef.current = globalState;
   var dispatch = function dispatch(_ref) {
@@ -24,7 +25,8 @@ var AddServiceVariant = function AddServiceVariant(props) {
   return /*#__PURE__*/React.createElement(AddService, {
     state: globalState,
     dispatch: dispatch,
-    onPrerenderComplete: onPrerenderComplete
+    onPrerenderComplete: onPrerenderComplete,
+    productDisplayConfig: productDisplayConfig
   });
 };
 export default AddServiceVariant;

package/es/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/es/components/ticketBooking/components/menuBar/index.js

@@ -4,9 +4,33 @@ import "./index.less";
 import { Menu } from 'antd';
 import { SettingOutlined } from '@ant-design/icons';
 import { locales } from '@pisell/utils';
-import { ConfigProvider } from '@pisell/materials';
-var index = function index() {
+import { ConfigProvider, Iconfont } from '@pisell/materials';
+var index = function index(props) {
+  var _props$activeNavKey = props.activeNavKey,
+    activeNavKey = _props$activeNavKey === void 0 ? 'ticket' : _props$activeNavKey,
+    onNavChange = props.onNavChange;
   var status = useNetworkStatus();
+
+  // 导航项配置
+  var navItems = [{
+    key: 'ticket',
+    icon: /*#__PURE__*/React.createElement(Iconfont, {
+      type: "pisell2-ticket",
+      style: {
+        fontSize: 32
+      }
+    }),
+    label: ''
+  }, {
+    key: 'food',
+    label: '',
+    icon: /*#__PURE__*/React.createElement(Iconfont, {
+      type: "pisell2-food",
+      style: {
+        fontSize: 32
+      }
+    })
+  }];
   var items = [{
     key: '1',
     icon: /*#__PURE__*/React.createElement(SettingOutlined, null),
@@ -43,6 +67,11 @@ var index = function index() {
       window.location.href = '/login';
     }
   };
+
+  // 处理导航项点击
+  var handleNavClick = function handleNavClick(key) {
+    onNavChange === null || onNavChange === void 0 || onNavChange(key);
+  };
   return /*#__PURE__*/React.createElement("div", {
     className: "pisell-ticket-booking-menu-bar"
   }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
@@ -58,21 +87,15 @@ var index = function index() {
     fill: "#8157D5"
   }))), /*#__PURE__*/React.createElement("div", {
     className: "nav-wrapper"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "nav-item active"
-  }, /*#__PURE__*/React.createElement("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "32",
-    height: "25",
-    viewBox: "0 0 34 27",
-    fill: "none"
-  }, /*#__PURE__*/React.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"
-  }))))), /*#__PURE__*/React.createElement("div", {
+  }, navItems.map(function (navItem) {
+    return /*#__PURE__*/React.createElement("div", {
+      key: navItem.key,
+      className: "nav-item ".concat(activeNavKey === navItem.key ? 'active' : ''),
+      onClick: function onClick() {
+        return handleNavClick(navItem.key);
+      }
+    }, navItem.icon && navItem.icon, navItem.label && navItem.label);
+  }))), /*#__PURE__*/React.createElement("div", {
     className: "menu-wrapper"
   }, /*#__PURE__*/React.createElement(ConfigProvider, {
     theme: {

package/es/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/es/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/es/components/ticketBooking/components/ticketBooking/index.js

@@ -49,6 +49,8 @@ import { useCustomer } from "../../hooks/pisellos";
 import { useMemoizedFn } from 'ahooks';
 import useScanManager from "../../hooks/pisellos/useScanManager";
 import { useDebounceFn } from 'ahooks';
+import { useIsActive } from "../../context/IsActiveContext";
+import { useShopDiscountModule } from "../../hooks/pisellos/useShopDiscountModule";
 export var _formatBookingDetail = function _formatBookingDetail(data, modalState) {
   var _bookings$list, _bookings$list2;
   var customer_id = data.customer_id,
@@ -220,7 +222,12 @@ var formatProductValues = function formatProductValues(data) {
 };
 var TicketBooking = function TicketBooking(props) {
   var _engineContext$appHel2, _state$modalState2, _state$modalState4;
-  var onPrerenderComplete = props.onPrerenderComplete;
+  var onPrerenderComplete = props.onPrerenderComplete,
+    productDisplayConfig = props.productDisplayConfig,
+    _props$isShowTimeBar = props.isShowTimeBar,
+    isShowTimeBar = _props$isShowTimeBar === void 0 ? true : _props$isShowTimeBar,
+    _props$isShowFloatBut = props.isShowFloatButtons,
+    isShowFloatButtons = _props$isShowFloatBut === void 0 ? true : _props$isShowFloatBut;
   var _useStore = useStore(),
     _useStore2 = _slicedToArray(_useStore, 2),
     state = _useStore2[0],
@@ -255,6 +262,8 @@ var TicketBooking = function TicketBooking(props) {
     setShowTerminalUpgradeModal = _useState4[1];
   var pisellFloatingPanelRef = useRef(null);
   var closeRef = useRef(null);
+  var shopDiscount = useShopDiscountModule();
+  var isActive = useIsActive();
   var bookingTicket = useBookingTicket();
   var _useScanGlobal = useScanGlobal(),
     openScan = _useScanGlobal.openScan,
@@ -303,16 +312,16 @@ var TicketBooking = function TicketBooking(props) {
       }
     }
   });
-  useMemo(function () {
-    openScan(function (data) {
-      handleScan(data);
-    });
-  }, []);
   useEffect(function () {
+    if (isActive) {
+      openScan(function (data) {
+        handleScan(data);
+      });
+    }
     return function () {
       closeScan();
     };
-  }, []);
+  }, [isActive]);
   var _useDebounceFn = useDebounceFn(function (type, orderId) {
       // 支付成功后清空状态
       try {
@@ -1266,10 +1275,11 @@ var TicketBooking = function TicketBooking(props) {
       productExtensionType: state.productExtensionType,
       isBookingTicket2: true
     }),
-    setGlobalState: _setModalState
-  }), /*#__PURE__*/React.createElement(FloatButtons, {
+    setGlobalState: _setModalState,
+    productDisplayConfig: productDisplayConfig
+  }), isShowFloatButtons && /*#__PURE__*/React.createElement(FloatButtons, {
     items: floatButtons
-  })), /*#__PURE__*/React.createElement(TimeBar, {
+  })), isShowTimeBar && /*#__PURE__*/React.createElement(TimeBar, {
     onCreateClick: handleCreateClick,
     setGlobalState: setState,
     globalState: state,

package/es/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/es/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/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 | undefined;
+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.osKey;
+};
+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 || '');
+  return pisellOS.getModule(moduleKey);
 };