@pisell/private-materials 6.6.57 → 6.6.59

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

@@ -52,6 +52,28 @@ import { useDebounceFn } from 'ahooks';
 import { useOsKey } from "../../context";
 import { useIsActive } from "../../context/IsActiveContext";
 import { useShopDiscountModule } from "../../hooks/pisellos/useShopDiscountModule";
+// ============= 内存监控埋点（不影响业务逻辑） =============
+var MEM_STATS_KEY = '__pisellTicketBookingMemStats';
+var getMemStats = function getMemStats() {
+  var g = globalThis;
+  if (!g[MEM_STATS_KEY]) {
+    g[MEM_STATS_KEY] = {
+      mountedAt: Date.now(),
+      storeCreateCount: 0,
+      intervalDateSetCount: 0,
+      intervalDateTickCount: 0,
+      postCartUpdateCount: 0,
+      postCartUpdateBytes: 0,
+      lastHeartbeatHeapMB: 0,
+      crossedThresholdsMB: []
+    };
+  }
+  return g[MEM_STATS_KEY];
+};
+// 水位越线阈值（MB），由低到高，单页面周期内每个阈值只触发一次
+var HEAP_CROSS_THRESHOLDS_MB = [800, 1200, 1500, 2000, 2500];
+// ========================================================
+
 export var _formatBookingDetail = function _formatBookingDetail(data, modalState) {
   var _bookings$list, _bookings$list2;
   var customer_id = data.customer_id,
@@ -249,6 +271,9 @@ var TicketBooking = function TicketBooking(props) {
   var Toast = useToast();
   var _persistentRef = useRef(false);
   var _initStateRef = useRef({});
+  // 内存监控埋点：镜像最新 state，供心跳定时器读取，避免闭包钉在初次 render
+  var _memStateRef = useRef(null);
+  _memStateRef.current = state;
   var _listTimerRef = useRef();
   var _timerRef = useRef();
   var _callbackFnRef = useRef();
@@ -466,6 +491,96 @@ var TicketBooking = function TicketBooking(props) {
     };
   }, []);
 
+  // ============= 内存监控心跳：每 5 分钟上报一次；水位跨越阈值即时上报 =============
+  useEffect(function () {
+    var stats = getMemStats();
+    // 新页面周期开始，重置 mountedAt 和 crossedThresholds（仅当此单例首次用于本组件）
+    if (!stats.mountedAt || Date.now() - stats.mountedAt > 24 * 60 * 60 * 1000) {
+      stats.mountedAt = Date.now();
+      stats.crossedThresholdsMB = [];
+    }
+    var buildPayload = function buildPayload(extra) {
+      var _store$getState$globa, _store$getState4, _s$modalState$service, _s$modalState, _s$list$bookingList$l, _s$list, _s$bookingId;
+      var s = _memStateRef.current || {};
+      var perfMem = performance.memory || {};
+      var shopId = (_store$getState$globa = store === null || store === void 0 || (_store$getState4 = store.getState) === null || _store$getState4 === void 0 || (_store$getState4 = _store$getState4.call(store)) === null || _store$getState4 === void 0 || (_store$getState4 = _store$getState4.global) === null || _store$getState4 === void 0 || (_store$getState4 = _store$getState4.globalConfig) === null || _store$getState4 === void 0 ? void 0 : _store$getState4.id) !== null && _store$getState$globa !== void 0 ? _store$getState$globa : '';
+      var jsHeapUsedMB = perfMem.usedJSHeapSize ? +(perfMem.usedJSHeapSize / 1024 / 1024).toFixed(2) : -1;
+      var jsHeapTotalMB = perfMem.totalJSHeapSize ? +(perfMem.totalJSHeapSize / 1024 / 1024).toFixed(2) : -1;
+      var jsHeapLimitMB = perfMem.jsHeapSizeLimit ? +(perfMem.jsHeapSizeLimit / 1024 / 1024).toFixed(2) : -1;
+      var payload = {
+        page_alive_sec: Math.round((Date.now() - stats.mountedAt) / 1000),
+        shop_id: shopId,
+        url: typeof location !== 'undefined' ? location.href.slice(0, 200) : '',
+        js_heap_used_mb: jsHeapUsedMB,
+        js_heap_total_mb: jsHeapTotalMB,
+        js_heap_limit_mb: jsHeapLimitMB,
+        dom_nodes_count: typeof document !== 'undefined' ? document.getElementsByTagName('*').length : -1,
+        cart_items_count: (_s$modalState$service = s === null || s === void 0 || (_s$modalState = s.modalState) === null || _s$modalState === void 0 || (_s$modalState = _s$modalState.service) === null || _s$modalState === void 0 || (_s$modalState = _s$modalState.value) === null || _s$modalState === void 0 ? void 0 : _s$modalState.length) !== null && _s$modalState$service !== void 0 ? _s$modalState$service : 0,
+        booking_list_count: (_s$list$bookingList$l = s === null || s === void 0 || (_s$list = s.list) === null || _s$list === void 0 || (_s$list = _s$list.bookingList) === null || _s$list === void 0 ? void 0 : _s$list.length) !== null && _s$list$bookingList$l !== void 0 ? _s$list$bookingList$l : 0,
+        modal_open: !!(s !== null && s !== void 0 && s.open),
+        booking_id: (_s$bookingId = s === null || s === void 0 ? void 0 : s.bookingId) !== null && _s$bookingId !== void 0 ? _s$bookingId : 0,
+        board_config_loaded: !!(s !== null && s !== void 0 && s.bookingConfig),
+        store_create_count: stats.storeCreateCount,
+        interval_date_set_count: stats.intervalDateSetCount,
+        interval_date_tick_count: stats.intervalDateTickCount,
+        post_cart_update_count: stats.postCartUpdateCount,
+        post_cart_update_mb: +(stats.postCartUpdateBytes / 1024 / 1024).toFixed(2),
+        ua: typeof navigator !== 'undefined' ? navigator.userAgent.slice(0, 120) : ''
+      };
+      if (extra) Object.assign(payload, extra);
+      return payload;
+    };
+    var doSend = function doSend(title, extra) {
+      try {
+        var payload = buildPayload(extra);
+        sendWarningLog({
+          title: title,
+          content: Object.entries(payload).map(function (_ref) {
+            var _ref2 = _slicedToArray(_ref, 2),
+              key = _ref2[0],
+              value = _ref2[1];
+            return {
+              key: key,
+              value: String(value !== null && value !== void 0 ? value : '')
+            };
+          })
+        });
+      } catch (e) {}
+    };
+
+    // 心跳：立即发一次（记录进入时基线），然后每 5 分钟发一次
+    doSend('TicketBookingMemHeartbeat', {
+      reason: 'mounted'
+    });
+    var heartbeatTimer = setInterval(function () {
+      var perfMem = performance.memory || {};
+      var heapMB = perfMem.usedJSHeapSize ? perfMem.usedJSHeapSize / 1024 / 1024 : -1;
+      stats.lastHeartbeatHeapMB = heapMB;
+      doSend('TicketBookingMemHeartbeat', {
+        reason: 'heartbeat'
+      });
+
+      // 水位越线检测：本轮心跳时发现某阈值被跨越且之前未上报过
+      if (heapMB > 0) {
+        for (var _i = 0, _HEAP_CROSS_THRESHOLD = HEAP_CROSS_THRESHOLDS_MB; _i < _HEAP_CROSS_THRESHOLD.length; _i++) {
+          var th = _HEAP_CROSS_THRESHOLD[_i];
+          if (heapMB >= th && !stats.crossedThresholdsMB.includes(th)) {
+            stats.crossedThresholdsMB.push(th);
+            doSend('TicketBookingMemHeapCross', {
+              reason: 'heap_cross',
+              threshold_mb: th,
+              current_heap_mb: +heapMB.toFixed(2)
+            });
+          }
+        }
+      }
+    }, 5 * 60 * 1000);
+    return function () {
+      clearInterval(heartbeatTimer);
+    };
+  }, []);
+  // ================================================================================
+
   // 日期选择变更事件
   var _onDateChange = function _onDateChange(date, dateString) {
     _setIntervalTime(false);
@@ -479,6 +594,10 @@ var TicketBooking = function TicketBooking(props) {
   var _setIntervalTime = function _setIntervalTime(isInterval) {
     clearInterval(_timerRef.current);
     if (isInterval) {
+      try {
+        var _s = getMemStats();
+        _s.intervalDateSetCount = (_s.intervalDateSetCount || 0) + 1;
+      } catch (e) {}
       setState({
         isTimeChange: false,
         isDateChange: false
@@ -488,6 +607,10 @@ var TicketBooking = function TicketBooking(props) {
       }
       _setDataChange(dayjs());
       _timerRef.current = setInterval(function () {
+        try {
+          var _s2 = getMemStats();
+          _s2.intervalDateTickCount = (_s2.intervalDateTickCount || 0) + 1;
+        } catch (e) {}
         _setDataChange(dayjs());
       }, 1000 * 60);
     }
@@ -561,7 +684,6 @@ var TicketBooking = function TicketBooking(props) {
     } catch (error) {
       console.error(error);
     }
-    console.log('formatedProducts', total, formatedProducts);
     var fees = [];
     var products = [];
     var _iterator3 = _createForOfIteratorHelper(formatedProducts),
@@ -625,42 +747,41 @@ var TicketBooking = function TicketBooking(props) {
         message: (_locales$getText2 = locales.getText('pisell2.product.card.cart-items')) === null || _locales$getText2 === void 0 ? void 0 : _locales$getText2(products.length)
       });
     }
-    console.log('start post message, config:', {
+    interaction === null || interaction === void 0 || (_interaction$utils4 = interaction.utils) === null || _interaction$utils4 === void 0 || (_interaction$utils4$p = _interaction$utils4.postMessageToApp) === null || _interaction$utils4$p === void 0 || _interaction$utils4$p.call(_interaction$utils4, {
       module: 'cds',
       key: 'cartUpdate',
       data: {
         currency_symbol: getSymbolic(),
-        total: total.productAmount,
+        total: total.expectAmount,
         // 小计
         products: products,
         fees: fees
       }
     });
-    interaction === null || interaction === void 0 || (_interaction$utils4 = interaction.utils) === null || _interaction$utils4 === void 0 || (_interaction$utils4$p = _interaction$utils4.postMessageToApp) === null || _interaction$utils4$p === void 0 || _interaction$utils4$p.call(_interaction$utils4, {
-      module: 'cds',
-      key: 'cartUpdate',
-      data: {
+    // 内存监控埋点：统计 cartUpdate 消息的累计次数和字节数
+    try {
+      var _s = getMemStats();
+      _s.postCartUpdateCount = (_s.postCartUpdateCount || 0) + 1;
+      var _payload = {
         currency_symbol: getSymbolic(),
         total: total.expectAmount,
-        // 小计
         products: products,
         fees: fees
-      }
-    });
+      };
+      _s.postCartUpdateBytes = (_s.postCartUpdateBytes || 0) + JSON.stringify(_payload).length;
+    } catch (e) {}
   }, [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]);
 
   /**
    * 设置弹窗内的状态
    */
   var _setModalState = function _setModalState(props) {
-    var _newVal$service2;
     console.log('同步state到外层', props);
     var newVal = _objectSpread({}, props);
     if (newVal.service) {
       var _newVal$service;
       newVal.service.value = (newVal === null || newVal === void 0 || (_newVal$service = newVal.service) === null || _newVal$service === void 0 ? void 0 : _newVal$service.value) || [];
     }
-    console.log(newVal === null || newVal === void 0 || (_newVal$service2 = newVal.service) === null || _newVal$service2 === void 0 ? void 0 : _newVal$service2.value, 'newVal.service.value');
     setState({
       modalState: _objectSpread(_objectSpread({}, state.modalState), newVal)
     });
@@ -696,14 +817,14 @@ var TicketBooking = function TicketBooking(props) {
     }, 100);
   };
   var _setShopOpeningHours = function _setShopOpeningHours() {
-    var _getData, _store$getState4;
-    var time = (getData === null || getData === void 0 || (_getData = getData('operating_day_boundary')) === null || _getData === void 0 ? void 0 : _getData.time) || (store === null || store === void 0 || (_store$getState4 = store.getState) === null || _store$getState4 === void 0 || (_store$getState4 = _store$getState4.call(store)) === null || _store$getState4 === void 0 || (_store$getState4 = _store$getState4.global) === null || _store$getState4 === void 0 || (_store$getState4 = _store$getState4.shopDetail) === null || _store$getState4 === void 0 || (_store$getState4 = _store$getState4.operating_day_boundary) === null || _store$getState4 === void 0 ? void 0 : _store$getState4.time);
+    var _getData, _store$getState5;
+    var time = (getData === null || getData === void 0 || (_getData = getData('operating_day_boundary')) === null || _getData === void 0 ? void 0 : _getData.time) || (store === null || store === void 0 || (_store$getState5 = store.getState) === null || _store$getState5 === void 0 || (_store$getState5 = _store$getState5.call(store)) === null || _store$getState5 === void 0 || (_store$getState5 = _store$getState5.global) === null || _store$getState5 === void 0 || (_store$getState5 = _store$getState5.shopDetail) === null || _store$getState5 === void 0 || (_store$getState5 = _store$getState5.operating_day_boundary) === null || _store$getState5 === void 0 ? void 0 : _store$getState5.time);
     if (time) {
       localStorage.setItem('shopOpeningHours', time);
     }
   };
   var _getAddTimeProducts = /*#__PURE__*/function () {
-    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
       var data;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
@@ -726,7 +847,7 @@ var TicketBooking = function TicketBooking(props) {
       }, _callee);
     }));
     return function _getAddTimeProducts() {
-      return _ref.apply(this, arguments);
+      return _ref3.apply(this, arguments);
     };
   }();
 
@@ -734,7 +855,7 @@ var TicketBooking = function TicketBooking(props) {
    * 获取board配置
    */
   var _getBoardConfig = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
+    var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
       var bookingConfigParams, isHasCache, cachedBoardConfig, _cachedBoardConfig$co, data;
       return _regeneratorRuntime().wrap(function _callee2$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
@@ -788,7 +909,7 @@ var TicketBooking = function TicketBooking(props) {
       }, _callee2, null, [[3, 11]]);
     }));
     return function _getBoardConfig() {
-      return _ref2.apply(this, arguments);
+      return _ref4.apply(this, arguments);
     };
   }();
   var _addVisibilityListener = function _addVisibilityListener(callback) {
@@ -914,9 +1035,9 @@ var TicketBooking = function TicketBooking(props) {
         // 储存参数, 添加服务商品时使用
         sessionStorage.setItem('pisell2.booking.serviceParams', JSON.stringify(data));
       } else {
-        var _store$getState5;
+        var _store$getState6;
         // 当前时区的时间
-        var timezone = store === null || store === void 0 || (_store$getState5 = store.getState) === null || _store$getState5 === void 0 || (_store$getState5 = _store$getState5.call(store)) === null || _store$getState5 === void 0 || (_store$getState5 = _store$getState5.global) === null || _store$getState5 === void 0 || (_store$getState5 = _store$getState5.globalConfig) === null || _store$getState5 === void 0 ? void 0 : _store$getState5.timezone;
+        var timezone = store === null || store === void 0 || (_store$getState6 = store.getState) === null || _store$getState6 === void 0 || (_store$getState6 = _store$getState6.call(store)) === null || _store$getState6 === void 0 || (_store$getState6 = _store$getState6.global) === null || _store$getState6 === void 0 || (_store$getState6 = _store$getState6.globalConfig) === null || _store$getState6 === void 0 ? void 0 : _store$getState6.timezone;
         initState.modalState.date.value = dayjs.tz(new Date(), timezone);
         // 兜底, 没有传递则清空下
         sessionStorage.removeItem('pisell2.booking.serviceParams');
@@ -926,7 +1047,6 @@ var TicketBooking = function TicketBooking(props) {
       }
       if (data !== null && data !== void 0 && data.eventBookingServiceParams) {}
     }
-    console.log(initState, 'initState');
     setState(_objectSpread(_objectSpread({}, initState), {}, _defineProperty(_defineProperty({}, state.renderType === 'eventBooking' ? 'eventOpen' : 'open', true), "bookingId", state.bookingId)));
   };
   var _rebook = useMemoizedFn(function () {
@@ -945,7 +1065,7 @@ var TicketBooking = function TicketBooking(props) {
    *
    */
   var _getBookingDetail = /*#__PURE__*/function () {
-    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(bookingId) {
+    var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(bookingId) {
       var renderType, openRebook, getDetail, data;
       return _regeneratorRuntime().wrap(function _callee3$(_context3) {
         while (1) switch (_context3.prev = _context3.next) {
@@ -967,7 +1087,6 @@ var TicketBooking = function TicketBooking(props) {
                 })
               });
             }
-            console.log('getBookingDetail', data);
 
             // 格式化储存
             _initBookingData('edit', data);
@@ -976,14 +1095,14 @@ var TicketBooking = function TicketBooking(props) {
                 _rebook();
               });
             }
-          case 10:
+          case 9:
           case "end":
             return _context3.stop();
         }
       }, _callee3);
     }));
     return function _getBookingDetail(_x) {
-      return _ref3.apply(this, arguments);
+      return _ref5.apply(this, arguments);
     };
   }();
   /**
@@ -991,16 +1110,16 @@ var TicketBooking = function TicketBooking(props) {
    *
    */
   var _openModal = function _openModal(props) {
-    var _ref4 = props || {},
-      bookingId = _ref4.bookingId,
-      serviceParams = _ref4.serviceParams,
-      params = _ref4.params,
-      eventBookingServiceParams = _ref4.eventBookingServiceParams,
-      _ref4$renderType = _ref4.renderType,
-      renderType = _ref4$renderType === void 0 ? 'booking' : _ref4$renderType,
-      openRebook = _ref4.openRebook,
-      _ref4$isParallelResou = _ref4.isParallelResourcesBooking,
-      isParallelResourcesBooking = _ref4$isParallelResou === void 0 ? true : _ref4$isParallelResou;
+    var _ref6 = props || {},
+      bookingId = _ref6.bookingId,
+      serviceParams = _ref6.serviceParams,
+      params = _ref6.params,
+      eventBookingServiceParams = _ref6.eventBookingServiceParams,
+      _ref6$renderType = _ref6.renderType,
+      renderType = _ref6$renderType === void 0 ? 'booking' : _ref6$renderType,
+      openRebook = _ref6.openRebook,
+      _ref6$isParallelResou = _ref6.isParallelResourcesBooking,
+      isParallelResourcesBooking = _ref6$isParallelResou === void 0 ? true : _ref6$isParallelResou;
     setState({
       isShowInfo: false
     });
@@ -1037,7 +1156,7 @@ var TicketBooking = function TicketBooking(props) {
     });
   };
   var _scanBookingDetailResult = /*#__PURE__*/function () {
-    var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4(detail) {
+    var _ref7 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4(detail) {
       var _Toast$loading, _result;
       var result, objDetail;
       return _regeneratorRuntime().wrap(function _callee4$(_context4) {
@@ -1091,7 +1210,7 @@ var TicketBooking = function TicketBooking(props) {
       }, _callee4);
     }));
     return function _scanBookingDetailResult(_x2) {
-      return _ref5.apply(this, arguments);
+      return _ref7.apply(this, arguments);
     };
   }();
   /**

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

@@ -1,4 +1,3 @@
-import React from 'react';
 import type { Dayjs } from 'dayjs';
 import './index.less';
 interface ITimeBarProps {
@@ -10,5 +9,5 @@ interface ITimeBarProps {
     locale: string;
     onCreateClick: () => void;
 }
-declare const TimeBar: (props: ITimeBarProps) => React.JSX.Element;
+declare const TimeBar: (props: ITimeBarProps) => JSX.Element;
 export default TimeBar;

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

@@ -17,5 +17,5 @@
  * ```
  */
 export declare const useActiveExecute: () => {
-    executeIfActive: (this: unknown, fn: (...args: any[]) => any) => (...args: any[]) => any;
+    executeIfActive: <T extends (...args: any[]) => any>(fn: T) => T;
 };

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

@@ -11,15 +11,15 @@ export declare const useCustomer: (props: {
         pageSize: number;
         total: number;
     };
-    loadCustomers: (this: unknown, params?: {
-        skip?: number | undefined;
-        num?: number | undefined;
-        search?: string | undefined;
-    } | undefined) => Promise<void>;
-    changePage: (this: unknown, page: number, pageSize: number) => Promise<void>;
-    selectCustomer: (this: unknown, customer: ClientData | null) => void;
-    addCustomerToFirst: (this: unknown, customer: ClientData) => void;
+    loadCustomers: (params?: {
+        skip?: number;
+        num?: number;
+        search?: string;
+    }) => Promise<void>;
+    changePage: (page: number, pageSize: number) => Promise<void>;
+    selectCustomer: (customer: ClientData | null) => void;
+    addCustomerToFirst: (customer: ClientData) => void;
     initLoad: (this: any, keyword: any, formId: number) => Promise<void>;
     hasMore: boolean;
-    loadMore: (this: unknown) => Promise<void>;
+    loadMore: () => Promise<void>;
 };

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

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

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

@@ -1,6 +1,6 @@
 declare const useScanManager: () => {
-    disableAllScanListeners: (this: unknown) => void;
-    enableAllScanListeners: (this: unknown) => void;
-    clearAllScanListenersTaskQueue: (this: unknown) => void;
+    disableAllScanListeners: () => void;
+    enableAllScanListeners: () => void;
+    clearAllScanListenersTaskQueue: () => void;
 };
 export default useScanManager;

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

@@ -1,4 +1,3 @@
-import React from 'react';
 import { ProductDisplayConfig, ProductDisplayPresetKey } from './components/ProductDisplayAdapter/types';
 import './index.less';
 interface TicketBookingProps {
@@ -11,5 +10,5 @@ interface TicketBookingProps {
     isActive?: boolean;
     rulesHooks?: any;
 }
-declare const _default: (props: TicketBookingProps) => React.JSX.Element;
+declare const _default: (props: TicketBookingProps) => JSX.Element;
 export default _default;

package/es/components/ticketBooking/index.js

@@ -206,12 +206,18 @@ export default (function (props) {
     request.setRequest(context.appHelper.utils.request);
   }, []);
   useMemo(function () {
+    try {
+      var g = globalThis;
+      if (g.__pisellTicketBookingMemStats) {
+        g.__pisellTicketBookingMemStats.storeCreateCount = (g.__pisellTicketBookingMemStats.storeCreateCount || 0) + 1;
+      }
+    } catch (e) {}
     var store = createStore(_objectSpread(_objectSpread({}, cloneDeep(initialState)), {}, {
       bookingConfigParams: bookingConfigParams,
       productExtensionType: productExtensionType
     }));
     storeRef.current = store;
-  }, [bookingConfigParams, productExtensionType]);
+  }, [JSON.stringify(bookingConfigParams), JSON.stringify(productExtensionType)]);
   useMemo(function () {
     if (BookingTicket) {
       var _businessUtils$getApp;

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

@@ -13,7 +13,7 @@ interface ProviderProps<T extends object> {
     store: Store<T>;
     children: React.ReactNode;
 }
-export declare function Provider<T extends object>({ store, children, }: ProviderProps<T>): import("react").JSX.Element;
+export declare function Provider<T extends object>({ store, children, }: ProviderProps<T>): JSX.Element;
 export declare function createStore<T extends object>(initialState: T): Store<T>;
 export declare function useStore<T extends object>(): [
     T,

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

@@ -1,4 +1,3 @@
-import React from 'react';
 import './index.less';
-declare const WalletList: (props: any) => React.JSX.Element;
+declare const WalletList: (props: any) => JSX.Element;
 export default WalletList;

package/es/components/walletList/model.d.ts

@@ -2,5 +2,5 @@ import React from 'react';
 import { State, WalletListContextType } from './types';
 export declare const initialState: State;
 export declare const Context: React.Context<WalletListContextType>;
-export declare const Provider: (Component: React.ComponentType<any>) => (props: any) => React.JSX.Element;
+export declare const Provider: (Component: React.ComponentType<any>) => (props: any) => JSX.Element;
 export * from './types';

package/es/components/walletList/tempHolderSelector/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import './index.less';
 export declare const getAvatarText: (name: string) => string;
 interface ITempHolderSelectorProps {
@@ -10,5 +10,5 @@ interface ITempHolderSelectorProps {
     onCancel: () => void;
     confirmLoading: boolean;
 }
-export default function TempHolderSelector(props: ITempHolderSelectorProps): React.JSX.Element;
+export default function TempHolderSelector(props: ITempHolderSelectorProps): JSX.Element;
 export {};

package/es/components/workSpaceList/components/Modal/index.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { Modal as AntModal, ModalFuncProps as AntModalFuncProps, ModalProps as AntModalProps } from 'antd';
 import './index.less';
 interface ModalProps extends AntModalProps {
@@ -12,7 +11,7 @@ declare type ModalComponent = typeof OriginModal & {
     success: typeof AntModal.success;
     info: typeof AntModal.info;
 };
-declare const OriginModal: (props: ModalProps) => React.JSX.Element;
+declare const OriginModal: (props: ModalProps) => JSX.Element;
 declare const Modal: ModalComponent;
 export declare type ModalFuncProps = AntModalFuncProps;
 export default Modal;

package/es/components/workSpaceList/components/SearchWorkspaceAndBase/index.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import './../../index.less';
-declare const Search: () => React.JSX.Element;
+declare const Search: () => JSX.Element;
 export default Search;

package/es/hooks/usePaymentLogger.d.ts

@@ -15,8 +15,8 @@ interface UsePaymentLoggerOptions {
  */
 declare const usePaymentLogger: (options: UsePaymentLoggerOptions) => {
     logs: import("react").MutableRefObject<LogData[]>;
-    addLog: (this: unknown, logData: LogData) => void;
-    sendLogs: (this: unknown, title?: string | undefined, err?: any) => void;
+    addLog: (logData: LogData) => void;
+    sendLogs: (title?: string, err?: any) => void;
 };
 export default usePaymentLogger;
 export type { LogData, UsePaymentLoggerOptions };

package/es/plus/clientName/index.d.ts

@@ -1,5 +1,4 @@
-import React from 'react';
 import './index.less';
 import { IClientNameProps } from './type';
-declare const ClientName: ({ className, dataSource, style }: IClientNameProps) => React.JSX.Element | null;
+declare const ClientName: ({ className, dataSource, style }: IClientNameProps) => JSX.Element | null;
 export default ClientName;

package/es/plus/clinetSearch/Add/BirthdayField/index.d.ts

@@ -1,3 +1,2 @@
-import React from 'react';
-declare const DateSectionCom: ({ value, onChange, showTime, className, style, useSpace, format, itemStyle, }: any) => React.JSX.Element;
+declare const DateSectionCom: ({ value, onChange, showTime, className, style, useSpace, format, itemStyle, }: any) => JSX.Element;
 export default DateSectionCom;

package/es/plus/clinetSearch/Add/GenderField/index.d.ts

@@ -1,3 +1,2 @@
-import React from 'react';
-declare const GenderField: (props: any) => React.JSX.Element;
+declare const GenderField: (props: any) => JSX.Element;
 export default GenderField;

package/es/plus/clinetSearch/Add/PhoneField/index.d.ts

@@ -1,3 +1,2 @@
-import React from 'react';
-declare const PhoneField: ({ value, onChange }: any) => React.JSX.Element;
+declare const PhoneField: ({ value, onChange }: any) => JSX.Element;
 export default PhoneField;

package/es/plus/contactInfoModal/ContactInfoContent.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import './index.less';
-declare const ContactInfoContent: (props: any) => React.JSX.Element;
+declare const ContactInfoContent: (props: any) => JSX.Element;
 export default ContactInfoContent;

package/es/plus/noteModal/AddTempModal.d.ts

@@ -1,8 +1,7 @@
-import React from 'react';
 import './index.less';
 declare const AddTempModal: ({ open, onCancel, onConfirm, }: {
     open: boolean;
     onCancel: () => void;
     onConfirm: (value: string) => void;
-}) => React.JSX.Element;
+}) => JSX.Element;
 export default AddTempModal;

package/es/plus/productSelect/ProductCard/SkuCard/SkuCardA1/index.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import './index.less';
-declare const SkuCardA1: (props: any) => React.JSX.Element;
+declare const SkuCardA1: (props: any) => JSX.Element;
 export default SkuCardA1;

package/es/plus/productSelect/ProductCard/SkuCard/SkuCardA2/index.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import './index.less';
-declare const SkuCardA2: (props: any) => React.JSX.Element;
+declare const SkuCardA2: (props: any) => JSX.Element;
 export default SkuCardA2;

package/es/plus/productSelect/ProductCard/SkuCard/SkuCardA5/index.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import './index.less';
-declare const SkuCardA5: (props: any) => React.JSX.Element;
+declare const SkuCardA5: (props: any) => JSX.Element;
 export default SkuCardA5;

package/es/plus/productSelect/ProductCard/SkuCard/SkuCardA9/index.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import './index.less';
-declare const SkuCardA9: (props: any) => React.JSX.Element;
+declare const SkuCardA9: (props: any) => JSX.Element;
 export default SkuCardA9;

package/es/plus/productSelect/ProductCard/SkuCard/SkuCardCustom/index.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import './index.less';
-declare const SkuCardCustom: (props: any) => React.JSX.Element;
+declare const SkuCardCustom: (props: any) => JSX.Element;
 export default SkuCardCustom;

package/es/plus/productSelect/ProductCard/SkuCard/components/Action/index.d.ts

@@ -1,8 +1,7 @@
-import React from 'react';
 import './index.less';
 import { ProductCardConfig } from '../../type';
 declare const Action: ({ props, className, }: {
     props: ProductCardConfig;
     className?: string | undefined;
-}) => React.JSX.Element | null;
+}) => JSX.Element | null;
 export default Action;

package/es/plus/productSelect/ProductCard/SkuCard/components/Capacity/index.d.ts

@@ -2,5 +2,5 @@ import React from 'react';
 import { ProductCardConfig } from '../../type';
 declare const Capacity: ({ props }: {
     props: ProductCardConfig;
-}) => string | number | true | React.JSX.Element | Iterable<React.ReactNode> | null;
+}) => string | number | true | JSX.Element | React.ReactFragment | null;
 export default Capacity;

package/es/plus/productSelect/ProductCard/SkuCard/components/CardCom/index.d.ts

@@ -1,8 +1,7 @@
-import React from 'react';
 import { ProductCardConfig } from '../../type';
 import './index.less';
 declare const CardCom: ({ props, className }: {
     props: ProductCardConfig;
     className: string;
-}) => React.JSX.Element;
+}) => JSX.Element;
 export default CardCom;