@pisell/private-materials 6.5.13 → 6.5.15

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

@@ -1,7 +1,10 @@
+import { ProductDisplayConfig, ProductDisplayPresetKey } from '../ProductDisplayAdapter/types';
 interface AddServiceVariantProps {
     globalState: any;
     setGlobalState: any;
     onPrerenderComplete?: () => void;
+    onGetProductsReady?: (getProducts: any) => 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,9 @@ import AddService from "./addService";
 var AddServiceVariant = function AddServiceVariant(props) {
   var globalState = props.globalState,
     setGlobalState = props.setGlobalState,
-    onPrerenderComplete = props.onPrerenderComplete;
+    onPrerenderComplete = props.onPrerenderComplete,
+    onGetProductsReady = props.onGetProductsReady,
+    productDisplayConfig = props.productDisplayConfig;
   var stateRef = useRef(globalState);
   stateRef.current = globalState;
   var dispatch = function dispatch(_ref) {
@@ -24,7 +26,9 @@ var AddServiceVariant = function AddServiceVariant(props) {
   return /*#__PURE__*/React.createElement(AddService, {
     state: globalState,
     dispatch: dispatch,
-    onPrerenderComplete: onPrerenderComplete
+    onPrerenderComplete: onPrerenderComplete,
+    onGetProductsReady: onGetProductsReady,
+    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

@@ -32,7 +32,7 @@ import dayjs from 'dayjs';
 import useEngineContext from "../../../../hooks/useEngineContext";
 import { useStore } from "../../miniRedux";
 import BookingInfo from "../../../../components/booking/info";
-import { formatDateToStr, getNextTimeSlice, getDisabledEdit, restoreProductOtherData, getIsParallelResourcesBooking, formatHolder } from "../../utils";
+import { formatDateToStr, getNextTimeSlice, getDisabledEdit, restoreProductOtherData, getIsParallelResourcesBooking, formatHolder, getBoardConfigCache, setBoardConfigCache } from "../../utils";
 import AddServiceVariant from "../addServiceVariant";
 import TimeBar from "../timeBar";
 import { formatProducts } from "../../../booking/info/service2/utils";
@@ -49,6 +49,9 @@ import { useCustomer } from "../../hooks/pisellos";
 import { useMemoizedFn } from 'ahooks';
 import useScanManager from "../../hooks/pisellos/useScanManager";
 import { useDebounceFn } from 'ahooks';
+import { useOsKey } from "../../context";
+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,
@@ -219,12 +222,23 @@ var formatProductValues = function formatProductValues(data) {
   });
 };
 var TicketBooking = function TicketBooking(props) {
-  var _engineContext$appHel2, _state$modalState2, _state$modalState4;
-  var onPrerenderComplete = props.onPrerenderComplete;
+  var _engineContext$appHel2, _state$modalState3, _state$modalState5;
+  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],
     setState = _useStore2[1];
+  var getProductsRef = useRef(null);
+
+  // 处理 getProducts 函数准备就绪
+  var handleGetProductsReady = useMemoizedFn(function (getProducts) {
+    getProductsRef.current = getProducts;
+  });
   var engineContext = useEngineContext();
   var engineProps = engineContext.engine.props;
   var _engineContext$appHel = (_engineContext$appHel2 = engineContext.appHelper) === null || _engineContext$appHel2 === void 0 ? void 0 : _engineContext$appHel2.utils,
@@ -245,6 +259,7 @@ var TicketBooking = function TicketBooking(props) {
   var _listTimerRef = useRef();
   var _timerRef = useRef();
   var _callbackFnRef = useRef();
+  var _isFirstLoadBoardConfigRef = useRef(true); // 跟踪 boardConfig 是否首次加载
   var _useState = useState(0),
     _useState2 = _slicedToArray(_useState, 2),
     activeBookingId = _useState2[0],
@@ -255,6 +270,9 @@ var TicketBooking = function TicketBooking(props) {
     setShowTerminalUpgradeModal = _useState4[1];
   var pisellFloatingPanelRef = useRef(null);
   var closeRef = useRef(null);
+  var shopDiscount = useShopDiscountModule();
+  var isActive = useIsActive();
+  var osKey = useOsKey();
   var bookingTicket = useBookingTicket();
   var _useScanGlobal = useScanGlobal(),
     openScan = _useScanGlobal.openScan,
@@ -303,16 +321,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 {
@@ -454,6 +472,19 @@ var TicketBooking = function TicketBooking(props) {
       if (_listTimerRef.current) clearInterval(_listTimerRef.current);
     };
   }, []);
+  var _getProducts = function _getProducts(date) {
+    var _state$modalState, _state$bookingConfig;
+    var currentDate = date.format('YYYY-MM-DD');
+    var currentDatetime = date.format('YYYY-MM-DD HH:mm:ss');
+    var customerId = (_state$modalState = state.modalState) === null || _state$modalState === void 0 || (_state$modalState = _state$modalState.client) === null || _state$modalState === void 0 || (_state$modalState = _state$modalState.value) === null || _state$modalState === void 0 ? void 0 : _state$modalState.id;
+    var menuList = ((_state$bookingConfig = state.bookingConfig) === null || _state$bookingConfig === void 0 || (_state$bookingConfig = _state$bookingConfig.config) === null || _state$bookingConfig === void 0 || (_state$bookingConfig = _state$bookingConfig.menu_list_tab) === null || _state$bookingConfig === void 0 ? void 0 : _state$bookingConfig.menu_list) || [];
+    getProductsRef.current({
+      schedule_date: currentDate,
+      customer_id: customerId,
+      menu_list_ids: menuList,
+      schedule_datetime: currentDatetime
+    });
+  };
 
   // 日期选择变更事件
   var _onDateChange = function _onDateChange(date, dateString) {
@@ -462,6 +493,11 @@ var TicketBooking = function TicketBooking(props) {
       isDateChange: true
     });
     _setDataChange(date, dateString);
+
+    // 手动获取 products
+    if (getProductsRef.current) {
+      _getProducts(date);
+    }
   };
 
   // 是否定时设置开始时间为当前时间
@@ -523,8 +559,8 @@ var TicketBooking = function TicketBooking(props) {
 
   // 商品加购信息发生变化时，需要发送至native端
   useEffect(function () {
-    var _state$modalState, _locales$getText, _interaction$utils4, _interaction$utils4$p;
-    var cartItems = state === null || state === void 0 || (_state$modalState = state.modalState) === null || _state$modalState === void 0 || (_state$modalState = _state$modalState.service) === null || _state$modalState === void 0 ? void 0 : _state$modalState.value;
+    var _state$modalState2, _locales$getText, _interaction$utils4, _interaction$utils4$p;
+    var cartItems = state === null || state === void 0 || (_state$modalState2 = state.modalState) === null || _state$modalState2 === void 0 || (_state$modalState2 = _state$modalState2.service) === null || _state$modalState2 === void 0 ? void 0 : _state$modalState2.value;
     if (!Array.isArray(cartItems) || cartItems.length === 0) {
       var _interaction$utils3, _interaction$utils3$p;
       interaction === null || interaction === void 0 || (_interaction$utils3 = interaction.utils) === null || _interaction$utils3 === void 0 || (_interaction$utils3$p = _interaction$utils3.postMessageToApp) === null || _interaction$utils3$p === void 0 || _interaction$utils3$p.call(_interaction$utils3, {
@@ -635,7 +671,7 @@ var TicketBooking = function TicketBooking(props) {
         fees: fees
       }
     });
-  }, [state === null || state === void 0 || (_state$modalState2 = state.modalState) === null || _state$modalState2 === void 0 || (_state$modalState2 = _state$modalState2.service) === null || _state$modalState2 === void 0 ? void 0 : _state$modalState2.value]);
+  }, [state === null || state === void 0 || (_state$modalState3 = state.modalState) === null || _state$modalState3 === void 0 || (_state$modalState3 = _state$modalState3.service) === null || _state$modalState3 === void 0 ? void 0 : _state$modalState3.value]);
 
   /**
    * 设置弹窗内的状态
@@ -666,6 +702,11 @@ var TicketBooking = function TicketBooking(props) {
         edit: true
       })
     });
+
+    // 如果是时间变化，手动获取 products
+    if (isTimeChange && getProductsRef.current) {
+      _getProducts(date);
+    }
     setTimeout(function () {
       var _state$modalState$ser;
       if ((_state$modalState$ser = state.modalState.service) !== null && _state$modalState$ser !== void 0 && (_state$modalState$ser = _state$modalState$ser.value) !== null && _state$modalState$ser !== void 0 && _state$modalState$ser.length) {
@@ -720,27 +761,57 @@ var TicketBooking = function TicketBooking(props) {
    */
   var _getBoardConfig = /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
-      var _data$config;
-      var bookingConfigParams, data;
+      var bookingConfigParams, isHasCache, cachedBoardConfig, _cachedBoardConfig$co, data;
       return _regeneratorRuntime().wrap(function _callee2$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
           case 0:
-            bookingConfigParams = state.bookingConfigParams; // 获取board设置
-            _context2.next = 3;
+            bookingConfigParams = state.bookingConfigParams;
+            isHasCache = false; // 1. 如果是首次加载，尝试从缓存中获取数据
+            if (_isFirstLoadBoardConfigRef.current && osKey) {
+              cachedBoardConfig = getBoardConfigCache(osKey);
+              if (cachedBoardConfig) {
+                isHasCache = true;
+                // 先展示缓存数据
+                setState({
+                  bookingConfig: cachedBoardConfig
+                });
+                console.log('[BoardConfigCache] 使用缓存数据展示');
+
+                // 如果缓存数据中有 quick_time 配置，也加载快捷时间产品
+                if (cachedBoardConfig !== null && cachedBoardConfig !== void 0 && (_cachedBoardConfig$co = cachedBoardConfig.config) !== null && _cachedBoardConfig$co !== void 0 && (_cachedBoardConfig$co = _cachedBoardConfig$co.information_tab) !== null && _cachedBoardConfig$co !== void 0 && (_cachedBoardConfig$co = _cachedBoardConfig$co.appointment_card) !== null && _cachedBoardConfig$co !== void 0 && _cachedBoardConfig$co.quick_time) {
+                  _getAddTimeProducts();
+                }
+              }
+              _isFirstLoadBoardConfigRef.current = false;
+            }
+
+            // 2. 无论是否有缓存，都调用接口获取最新数据
+            _context2.prev = 3;
+            _context2.next = 6;
             return getBookingConfig(_objectSpread({}, bookingConfigParams));
-          case 3:
+          case 6:
             data = _context2.sent;
-            if (data !== null && data !== void 0 && (_data$config = data.config) !== null && _data$config !== void 0 && (_data$config = _data$config.information_tab) !== null && _data$config !== void 0 && (_data$config = _data$config.appointment_card) !== null && _data$config !== void 0 && _data$config.quick_time) {
-              _getAddTimeProducts();
+            if (!isHasCache) {
+              setState({
+                bookingConfig: data
+              });
             }
-            setState({
-              bookingConfig: data
-            });
-          case 6:
+            // 4. 将新数据缓存到 storage
+            if (osKey && data) {
+              setBoardConfigCache(osKey, data);
+              console.log('[BoardConfigCache] 已更新缓存');
+            }
+            _context2.next = 14;
+            break;
+          case 11:
+            _context2.prev = 11;
+            _context2.t0 = _context2["catch"](3);
+            console.error('[BoardConfigCache] 获取配置失败:', _context2.t0);
+          case 14:
           case "end":
             return _context2.stop();
         }
-      }, _callee2);
+      }, _callee2, null, [[3, 11]]);
     }));
     return function _getBoardConfig() {
       return _ref2.apply(this, arguments);
@@ -885,8 +956,8 @@ var TicketBooking = function TicketBooking(props) {
     setState(_objectSpread(_objectSpread({}, initState), {}, _defineProperty(_defineProperty({}, state.renderType === 'eventBooking' ? 'eventOpen' : 'open', true), "bookingId", state.bookingId)));
   };
   var _rebook = useMemoizedFn(function () {
-    var _state$bookingConfig;
-    var date = getNextTimeSlice(((_state$bookingConfig = state.bookingConfig) === null || _state$bookingConfig === void 0 || (_state$bookingConfig = _state$bookingConfig.config) === null || _state$bookingConfig === void 0 || (_state$bookingConfig = _state$bookingConfig.basic) === null || _state$bookingConfig === void 0 ? void 0 : _state$bookingConfig.service_time.value) || 10);
+    var _state$bookingConfig2;
+    var date = getNextTimeSlice(((_state$bookingConfig2 = state.bookingConfig) === null || _state$bookingConfig2 === void 0 || (_state$bookingConfig2 = _state$bookingConfig2.config) === null || _state$bookingConfig2 === void 0 || (_state$bookingConfig2 = _state$bookingConfig2.basic) === null || _state$bookingConfig2 === void 0 ? void 0 : _state$bookingConfig2.service_time.value) || 10);
     setState({
       rebookState: _objectSpread(_objectSpread({}, state.rebookState), {}, {
         open: true,
@@ -1135,9 +1206,9 @@ var TicketBooking = function TicketBooking(props) {
     });
   });
   var currentDate = useMemo(function () {
-    var _state$modalState3;
-    return (_state$modalState3 = state.modalState) === null || _state$modalState3 === void 0 || (_state$modalState3 = _state$modalState3.date) === null || _state$modalState3 === void 0 || (_state$modalState3 = _state$modalState3.value) === null || _state$modalState3 === void 0 ? void 0 : _state$modalState3.format('YYYY-MM-DD');
-  }, [(_state$modalState4 = state.modalState) === null || _state$modalState4 === void 0 || (_state$modalState4 = _state$modalState4.date) === null || _state$modalState4 === void 0 ? void 0 : _state$modalState4.value]);
+    var _state$modalState4;
+    return (_state$modalState4 = state.modalState) === null || _state$modalState4 === void 0 || (_state$modalState4 = _state$modalState4.date) === null || _state$modalState4 === void 0 || (_state$modalState4 = _state$modalState4.value) === null || _state$modalState4 === void 0 ? void 0 : _state$modalState4.format('YYYY-MM-DD');
+  }, [(_state$modalState5 = state.modalState) === null || _state$modalState5 === void 0 || (_state$modalState5 = _state$modalState5.date) === null || _state$modalState5 === void 0 ? void 0 : _state$modalState5.value]);
   var floatButtons = useMemo(function () {
     return [{
       icon: /*#__PURE__*/React.createElement(Iconfont, {
@@ -1266,10 +1337,12 @@ var TicketBooking = function TicketBooking(props) {
       productExtensionType: state.productExtensionType,
       isBookingTicket2: true
     }),
-    setGlobalState: _setModalState
-  }), /*#__PURE__*/React.createElement(FloatButtons, {
+    setGlobalState: _setModalState,
+    onGetProductsReady: handleGetProductsReady,
+    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.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/es/components/ticketBooking/components/timeBar/index.js

@@ -18,7 +18,8 @@ var TimeBar = function TimeBar(props) {
   var state = props.globalState,
     setGlobalState = props.setGlobalState,
     locale = props.locale,
-    onCreateClick = props.onCreateClick;
+    onCreateClick = props.onCreateClick,
+    setNowTime = props.setNowTime;
   var _onClickNext = useMemoizedFn(function () {
     var _state$modalState, _props$onDateChange, _props$setIntervalTim;
     var currentTime = (_state$modalState = state.modalState) === null || _state$modalState === void 0 || (_state$modalState = _state$modalState.date) === null || _state$modalState === void 0 ? void 0 : _state$modalState.value;
@@ -35,10 +36,12 @@ var TimeBar = function TimeBar(props) {
   });
   var _onClickToday = useMemoizedFn(function () {
     var _props$setIntervalTim3;
+    setNowTime === null || setNowTime === void 0 || setNowTime(dayjs());
     (_props$setIntervalTim3 = props.setIntervalTime) === null || _props$setIntervalTim3 === void 0 || _props$setIntervalTim3.call(props, true);
   });
   var _onClickNow = useMemoizedFn(function () {
     var _props$setIntervalTim4;
+    setNowTime === null || setNowTime === void 0 || setNowTime(dayjs());
     (_props$setIntervalTim4 = props.setIntervalTime) === null || _props$setIntervalTim4 === void 0 || _props$setIntervalTim4.call(props, true);
   });
 

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;
+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";