@pisell/private-materials 6.8.10 → 6.8.12

package/es/components/booking/info2/service/contactInfoMode/index.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
-declare const ContactInfoMode: () => React.JSX.Element;
+/// <reference types="react" />
+declare const ContactInfoMode: () => JSX.Element;
 export default ContactInfoMode;

package/es/components/booking/info2/service/editNormalService/index.js

@@ -1,23 +1,52 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import React, { forwardRef, useContext, useImperativeHandle, useRef } from 'react';
 import { useMemoizedFn } from 'ahooks';
 import SkuDetailModal from "../../../../../pro/skuDetailModal";
 import { Context } from "../../../info/model";
 import { setProductPrice } from "../editService/utils";
 var EditNormalService = /*#__PURE__*/forwardRef(function (props, ref) {
-  var _useContext = useContext(Context),
-    state = _useContext.state,
-    dispatch = _useContext.dispatch;
+  var _ref = useContext(Context),
+    state = _ref.state,
+    dispatch = _ref.dispatch;
   var modalRef = useRef(null);
+  var createPayloadRef = useRef(null);
+  /**
+   * @description 记录最后一次打开弹窗时外部传入的 onClose，用于关闭时回调清理外部状态
+   */
+  var openOnCloseRef = useRef(undefined);
   useImperativeHandle(ref, function () {
     return {
-      init: function init(cacheItem) {
-        modalRef.current.open(cacheItem);
+      init: function init(payload) {
+        openOnCloseRef.current = payload === null || payload === void 0 ? void 0 : payload.onClose;
+        // create 模式：用于 ticketBooking addServiceVariant 的新增流程
+        if ((payload === null || payload === void 0 ? void 0 : payload.mode) === 'create') {
+          createPayloadRef.current = payload;
+          modalRef.current.open({
+            id: payload.productId,
+            date: payload.date,
+            is_eject: payload.isEject
+          });
+          return;
+        }
+
+        // edit 模式（兼容两种入口：payload 或旧的 cacheItem）
+        createPayloadRef.current = null;
+        if ((payload === null || payload === void 0 ? void 0 : payload.mode) === 'edit') {
+          modalRef.current.open(payload.cacheItem);
+          return;
+        }
+        modalRef.current.open(payload);
       }
     };
   });
   var handleRemove = useMemoizedFn(function (productData) {
-    var _ref, _state$service;
-    var newProducts = (_ref = (state === null || state === void 0 || (_state$service = state.service) === null || _state$service === void 0 ? void 0 : _state$service.value) || []) === null || _ref === void 0 ? void 0 : _ref.filter(function (item) {
+    var _ref2, _state$service;
+    var newProducts = (_ref2 = (state === null || state === void 0 || (_state$service = state.service) === null || _state$service === void 0 ? void 0 : _state$service.value) || []) === null || _ref2 === void 0 ? void 0 : _ref2.filter(function (item) {
       return item._id !== productData._id;
     });
     dispatch({
@@ -31,8 +60,45 @@ var EditNormalService = /*#__PURE__*/forwardRef(function (props, ref) {
     });
   });
   var handleConfirm = useMemoizedFn(function (data) {
-    var _ref2, _state$service2;
-    var newProducts = (_ref2 = (state === null || state === void 0 || (_state$service2 = state.service) === null || _state$service2 === void 0 ? void 0 : _state$service2.value) || []) === null || _ref2 === void 0 ? void 0 : _ref2.map(function (item) {
+    var _ref3, _state$service2;
+    // create 模式：将结果回传给 addServiceVariant 的 callback，后续走原有 addService 流程
+    if (createPayloadRef.current) {
+      var _data, _data2, _data3, _data4;
+      var payload = createPayloadRef.current;
+      createPayloadRef.current = null;
+      var skuValue = ((_data = data) === null || _data === void 0 || (_data = _data._extend) === null || _data === void 0 ? void 0 : _data.skuValue) || {
+        product_id: payload.productId,
+        product_variant_id: 0,
+        bundle: [],
+        option: []
+      };
+      var quantity = Number(((_data2 = data) === null || _data2 === void 0 || (_data2 = _data2._extend) === null || _data2 === void 0 ? void 0 : _data2.quantity) || 1);
+
+      // 这里的 data._extend.total 在 SkuDetailModal 中被定义为“单价覆盖值”
+      // const unitPrice = Number(data?._extend?.total ?? data?.price ?? 0);
+      var detail = _objectSpread(_objectSpread({}, data || {}), {}, {
+        id: payload.productId,
+        product_id: payload.productId,
+        _extend: _objectSpread(_objectSpread({}, ((_data3 = data) === null || _data3 === void 0 ? void 0 : _data3._extend) || {}), {}, {
+          origin_total: (_data4 = data) === null || _data4 === void 0 || (_data4 = _data4._extend) === null || _data4 === void 0 ? void 0 : _data4.total,
+          quantity: quantity
+        }),
+        origin_total: data.total
+      });
+      var e = {
+        key: payload.productId,
+        rowKey: payload.productId,
+        product_id: payload.productId,
+        price: skuValue.price || 0,
+        product_variant_id: skuValue.product_variant_id || 0,
+        bundle: skuValue.bundle || [],
+        option: skuValue.option || [],
+        quantity: quantity
+      };
+      payload.callback(e, undefined, detail, false);
+      return;
+    }
+    var newProducts = (_ref3 = (state === null || state === void 0 || (_state$service2 = state.service) === null || _state$service2 === void 0 ? void 0 : _state$service2.value) || []) === null || _ref3 === void 0 ? void 0 : _ref3.map(function (item) {
       if (item._id == data._id) {
         var _data$_extend, _data$_extend2;
         data = setProductPrice(data, {
@@ -54,6 +120,7 @@ var EditNormalService = /*#__PURE__*/forwardRef(function (props, ref) {
     });
   });
   var handleClose = useMemoizedFn(function () {
+    var _openOnCloseRef$curre;
     dispatch({
       type: 'setService',
       payload: {
@@ -62,6 +129,10 @@ var EditNormalService = /*#__PURE__*/forwardRef(function (props, ref) {
         changeService: false
       }
     });
+    // 避免下次打开时拿到旧引用
+    createPayloadRef.current = null;
+    (_openOnCloseRef$curre = openOnCloseRef.current) === null || _openOnCloseRef$curre === void 0 || _openOnCloseRef$curre.call(openOnCloseRef);
+    openOnCloseRef.current = undefined;
   });
   return /*#__PURE__*/React.createElement(SkuDetailModal, {
     onClose: handleClose,

package/es/components/booking/info2/service/editService/index.js

@@ -38,7 +38,7 @@ import { ConfigProvider, Iconfont } from '@pisell/materials';
 import { addService, genHolderKey, genServiceKey, getIsShowNumber } from "../../../../ticketBooking/utils";
 import { disabledDate as _disabledDate, isNormalProductByDurationSchedule } from "../../../info/service2/utils";
 import { editSessionProduct } from "../../../info/utils";
-import { deleteCacheParams, getDays, getProductTotalPrice, getServiceTimes, isSessionProduct, isWalkIn } from "../../../utils";
+import { deleteCacheParams, getDays, getIsEject, getProductTotalPrice, getServiceTimes, isSessionProduct, isWalkIn } from "../../../utils";
 import { getErrorList, getIsNoSpecAndPackage } from "../../utilsByBooking";
 import { formatResources, getDurationProps, getFlexibleOption, getMultiDay, getTimeObj, setDefaultCapacitys } from "../addService/utils";
 import { setProductPrice } from "./utils";
@@ -48,9 +48,10 @@ import EditTabs from "../../../info/service/editService/EditTabs";
 import BookingList from "../../../info/service/editService/BookingList";
 import dayjs from "dayjs";
 import { createBookingItemsByGroup, getGroupTotalPrice } from "../../../info/service2/Group/utils";
+import { getOpenNormalServiceHandler } from "../openNormalService";
 var submitLock = false;
 var Info = function Info(_, ref) {
-  var _state$service4, _state$bookingConfig2, _state$bookingConfig3, _state$service$cacheI5, _state$service$cacheI7, _state$service6, _window$BaseMaterials, _state$service8, _state$service$cacheI12, _state$bookingConfig5, _state$service$cacheI13, _state$service$cacheI14, _state$service9, _state$service$resour2, _state$service$cacheI16, _state$service$cacheI17, _state$client2;
+  var _state$service4, _state$bookingConfig2, _state$bookingConfig3, _state$service$cacheI5, _state$service$cacheI7, _state$service6, _window$BaseMaterials, _state$service8, _state$service$cacheI12, _state$bookingConfig5, _state$service$cacheI13, _state$service$cacheI14, _state$service9, _state$service$resour2, _state$service$cacheI16, _state$service$cacheI18, _state$client2;
   var _Form$useForm = Form.useForm(),
     _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
     form = _Form$useForm2[0];
@@ -81,6 +82,10 @@ var Info = function Info(_, ref) {
     _useState6 = _slicedToArray(_useState5, 2),
     currentTab = _useState6[0],
     setCurrentTab = _useState6[1];
+  var _useState7 = useState(false),
+    _useState8 = _slicedToArray(_useState7, 2),
+    maskClosable = _useState8[0],
+    setMaskClosable = _useState8[1];
   useEffect(function () {
     window.openBookingEditModal = function () {
       setOpen(true);
@@ -569,13 +574,14 @@ var Info = function Info(_, ref) {
    * @Date: 2024-08-28 17:08
    */
   var handleEdit = useMemoizedFn(function (e) {
-    var _state$client;
     // 当前商品
     var item = state.service.cacheItem;
 
     // 表单数据
     var values = form.getFieldsValue();
     var isSession = isSessionProduct(item);
+    // 是否有单规格 组合规格 套餐, 或者session商品 如果没有不需要打开弹窗
+    var isEject = getIsEject(item, 'detail');
     var sessionValue = {};
     if (isSession) {
       var _item$_extend6, _item$_extend7, _item$_extend8;
@@ -585,85 +591,96 @@ var Info = function Info(_, ref) {
         duration: item === null || item === void 0 || (_item$_extend8 = item._extend) === null || _item$_extend8 === void 0 ? void 0 : _item$_extend8.duration
       };
     }
+    var callback = function callback(e, extension_type, detail) {
+      var _cacheItem$_extend;
+      var _detail = detail || item;
+      var other = JSON.parse(JSON.stringify(e));
+      other.session = e.session;
 
-    // 打开商品详情弹窗
-    state.action({
-      type: 'pisell1.handleOpenProductModal',
-      data: {
-        id: item.id,
-        date: state.date.value.format('YYYY-MM-DD'),
-        showConfig: {
-          option: true,
-          session: isSession,
-          variant: true,
-          package: true,
-          number: getIsShowNumber(item, state)
-        },
-        isOS: isSession,
-        customer_id: (_state$client = state.client) === null || _state$client === void 0 || (_state$client = _state$client.value) === null || _state$client === void 0 ? void 0 : _state$client.id,
-        value: _objectSpread(_objectSpread(_objectSpread({}, item._extend.other), sessionValue), {}, {
-          quantity: values.quantity || item._extend.quantity
-        })
-      },
-      callback: function callback(e, extension_type, detail) {
-        var _cacheItem$_extend;
-        var _detail = detail || item;
-        var other = JSON.parse(JSON.stringify(e));
-        other.session = e.session;
+      // 重新生成商品
+      var cacheItem = _objectSpread(_objectSpread(_objectSpread({}, item), _detail), {}, {
+        product_id: item.id,
+        _id: item === null || item === void 0 ? void 0 : item._id,
+        _key: e.key,
+        _extend: _objectSpread(_objectSpread(_objectSpread({}, item._extend), values), {}, {
+          quantity: (e === null || e === void 0 ? void 0 : e.quantity) || (values === null || values === void 0 ? void 0 : values.quantity) || 1,
+          // 覆盖选择的规格和套餐
+          other: other
+        }),
+        new: 0
+      });
+      // 获取商品总价
+      var _total = getProductTotalPrice(cacheItem);
 
-        // 重新生成商品
-        var cacheItem = _objectSpread(_objectSpread(_objectSpread({}, item), _detail), {}, {
-          product_id: item.id,
-          _id: item === null || item === void 0 ? void 0 : item._id,
-          _key: e.key,
-          _extend: _objectSpread(_objectSpread(_objectSpread({}, item._extend), values), {}, {
-            quantity: (e === null || e === void 0 ? void 0 : e.quantity) || (values === null || values === void 0 ? void 0 : values.quantity) || 1,
-            // 覆盖选择的规格和套餐
-            other: other
-          }),
-          new: 0
+      // 用于折扣 可修改
+      cacheItem._extend.total = _total;
+      try {
+        cacheItem._extend.capacity = setDefaultCapacitys({
+          capacitys: cacheItem._data.capacitys,
+          cacheItem: cacheItem
         });
-
-        // 获取商品总价
-        var _total = getProductTotalPrice(cacheItem);
-
-        // 用于折扣 可修改
-        cacheItem._extend.total = _total;
-        try {
-          cacheItem._extend.capacity = setDefaultCapacitys({
-            capacitys: cacheItem._data.capacitys,
-            cacheItem: cacheItem
+      } catch (err) {}
+      var sessionDetail = editSessionProduct(cacheItem, e.session);
+      if (sessionDetail) {
+        setTimeout(function () {
+          form.setFieldsValue({
+            start_time: sessionDetail.start_time,
+            duration: sessionDetail.duration
           });
-        } catch (err) {}
-        var sessionDetail = editSessionProduct(cacheItem, e.session);
-        if (sessionDetail) {
-          setTimeout(function () {
-            form.setFieldsValue({
-              start_time: sessionDetail.start_time,
-              duration: sessionDetail.duration
-            });
-          }, 200);
-        }
+        }, 200);
+      }
 
-        // 用于储存原价
-        cacheItem._extend.origin_total = _total;
+      // 用于储存原价
+      cacheItem._extend.origin_total = _total;
 
-        // 覆盖商品
-        dispatch({
-          type: 'setService',
-          payload: {
-            cacheItem: cacheItem
-          }
-        });
+      // 覆盖商品
+      dispatch({
+        type: 'setService',
+        payload: {
+          cacheItem: cacheItem
+        }
+      });
 
-        // 更新表单内的商品价格
-        form.setFieldsValue({
-          total: _total,
-          capacity: (_cacheItem$_extend = cacheItem._extend) === null || _cacheItem$_extend === void 0 ? void 0 : _cacheItem$_extend.capacity,
-          quantity: (e === null || e === void 0 ? void 0 : e.quantity) || (values === null || values === void 0 ? void 0 : values.quantity) || 1
+      // 更新表单内的商品价格
+      form.setFieldsValue({
+        total: _total,
+        capacity: (_cacheItem$_extend = cacheItem._extend) === null || _cacheItem$_extend === void 0 ? void 0 : _cacheItem$_extend.capacity,
+        quantity: (e === null || e === void 0 ? void 0 : e.quantity) || (values === null || values === void 0 ? void 0 : values.quantity) || 1
+      });
+    };
+    if (isNormalProductByDurationSchedule(item) || !isSession && isEject) {
+      var openNormalService = getOpenNormalServiceHandler();
+      if (openNormalService) {
+        openNormalService({
+          mode: 'edit',
+          cacheItem: item,
+          callback: callback
         });
       }
-    });
+    } else {
+      var _state$client;
+      // 打开商品详情弹窗
+      state.action({
+        type: 'pisell1.handleOpenProductModal',
+        data: {
+          id: item.id,
+          date: state.date.value.format('YYYY-MM-DD'),
+          showConfig: {
+            option: true,
+            session: isSession,
+            variant: true,
+            package: true,
+            number: getIsShowNumber(item, state)
+          },
+          isOS: isSession,
+          customer_id: (_state$client = state.client) === null || _state$client === void 0 || (_state$client = _state$client.value) === null || _state$client === void 0 ? void 0 : _state$client.id,
+          value: _objectSpread(_objectSpread(_objectSpread({}, item._extend.other), sessionValue), {}, {
+            quantity: values.quantity || item._extend.quantity
+          })
+        },
+        callback: callback
+      });
+    }
   });
 
   /**
@@ -993,10 +1010,10 @@ var Info = function Info(_, ref) {
   }, [(_state$service$resour2 = state.service.resourcesOrigin) === null || _state$service$resour2 === void 0 ? void 0 : _state$service$resour2.length, isNormalProduct]);
   console.log('render edit');
   console.log(state.service.editModal && !((_state$service$cacheI16 = state.service.cacheItem) !== null && _state$service$cacheI16 !== void 0 && _state$service$cacheI16.autoClose), performance.now() - window.pp1, '打开商品1');
-  var _useState7 = useState(false),
-    _useState8 = _slicedToArray(_useState7, 2),
-    val = _useState8[0],
-    setVal = _useState8[1];
+  var _useState9 = useState(false),
+    _useState10 = _slicedToArray(_useState9, 2),
+    val = _useState10[0],
+    setVal = _useState10[1];
   useEffect(function () {
     if (isShowTimeAndResource) {
       setTimeout(function () {
@@ -1113,14 +1130,36 @@ var Info = function Info(_, ref) {
       }
     }
   };
+  var drawerOpen = useMemo(function () {
+    var _state$service$cacheI17;
+    return !isNoSpecAndPackage && state.service.editModal && !((_state$service$cacheI17 = state.service.cacheItem) !== null && _state$service$cacheI17 !== void 0 && _state$service$cacheI17.autoClose);
+  }, [isNoSpecAndPackage, state.service.editModal, (_state$service$cacheI18 = state.service.cacheItem) === null || _state$service$cacheI18 === void 0 ? void 0 : _state$service$cacheI18.autoClose]);
+
+  // 弹窗打开 200ms 后开启 maskClosable
+  useEffect(function () {
+    var timer = null;
+    if (drawerOpen) {
+      timer = setTimeout(function () {
+        setMaskClosable(true);
+      }, 200);
+    } else {
+      setMaskClosable(false);
+    }
+    return function () {
+      if (timer) {
+        clearTimeout(timer);
+      }
+    };
+  }, [drawerOpen]);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Drawer, {
+    maskClosable: maskClosable,
     titleNoWrap: true
     //通过zIndex的方式控制  添加商品 和 编辑服务弹窗的上下层级
     ,
     zIndex: state.service.changeService ? 999 : 1000,
     forceRender: true,
     mask: state.drawerMask,
-    open: !isNoSpecAndPackage && state.service.editModal && !((_state$service$cacheI17 = state.service.cacheItem) !== null && _state$service$cacheI17 !== void 0 && _state$service$cacheI17.autoClose),
+    open: drawerOpen,
     title: locales.getText('pisell2.text.edit-service'),
     onClose: function onClose() {
       var _window$closeBookingE4, _window4;

package/es/components/booking/info2/service/index.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import '../../info/service/index.less';
-declare const _default: React.MemoExoticComponent<() => React.JSX.Element>;
+declare const _default: React.MemoExoticComponent<() => JSX.Element>;
 export default _default;

package/es/components/booking/info2/service/index.js

@@ -8,6 +8,7 @@ import useInfoHolder from "../../info/hooks/useInfoHolder";
 import Lists from "../../info/service/Lists";
 import useQuotation from "../../hooks/useQuotation";
 import EditNormalService from "./editNormalService";
+import { setOpenNormalServiceHandler } from "./openNormalService";
 var Service = function Service() {
   var _useContext = useContext(Context),
     state = _useContext.state,
@@ -22,6 +23,17 @@ var Service = function Service() {
   useEffect(function () {
     document.body.id = 'body';
   }, []);
+  useEffect(function () {
+    // 将内部的 EditNormalService ref 暴露为一个可全局调用的函数
+    setOpenNormalServiceHandler(function (payload) {
+      var _editNormalServiceRef;
+      (_editNormalServiceRef = editNormalServiceRef.current) === null || _editNormalServiceRef === void 0 || _editNormalServiceRef.init(payload);
+    });
+    return function () {
+      // 组件卸载时清理 handler，避免持有失效的 ref
+      setOpenNormalServiceHandler(undefined);
+    };
+  }, [editNormalServiceRef]);
 
   // const clearCart = useClearCart(state, dispatch);
 

package/es/components/booking/info2/service/openNormalService.js

@@ -0,0 +1,15 @@
+var openNormalServiceHandler;
+
+/**
+ * 注册“打开普通服务编辑弹窗”的处理函数
+ */
+export function setOpenNormalServiceHandler(handler) {
+  openNormalServiceHandler = handler;
+}
+
+/**
+ * 获取当前注册的“打开普通服务编辑弹窗”处理函数
+ */
+export function getOpenNormalServiceHandler() {
+  return openNormalServiceHandler;
+}

package/es/components/booking/info2/service/serviceItem/index.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import './index.less';
-declare const ServiceItem: ({ d, handleEditService, state, handleLike, errorMessage, handleDeleteService, }: any) => React.JSX.Element;
+declare const ServiceItem: ({ d, handleEditService, state, handleLike, errorMessage, handleDeleteService, }: any) => JSX.Element;
 export default ServiceItem;

package/es/components/booking/info2/service/serviceList/index.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
+/// <reference types="react" />
 import './index.less';
 declare const ServiceList: ({ onEdit }: {
     onEdit: any;
-}) => React.JSX.Element;
+}) => JSX.Element;
 export default ServiceList;

package/es/components/booking/materiels/contacts/index.d.ts

@@ -1,4 +1,3 @@
-import React from "react";
 import "./index.less";
 declare type ContactType = {
     country_calling_code: string;
@@ -12,5 +11,5 @@ declare type ContactsPropsType = {
     value: ContactType[];
     onChange: (value: ContactType[]) => void;
 };
-declare const Contacts: (props: ContactsPropsType) => React.JSX.Element;
+declare const Contacts: (props: ContactsPropsType) => JSX.Element;
 export default Contacts;

package/es/components/booking/materiels/duration/index.d.ts

@@ -1,5 +1,4 @@
 import { SelectProps } from 'antd';
-import React from 'react';
 interface DurationProps extends SelectProps {
     locale?: string;
     slice?: number;
@@ -10,5 +9,5 @@ interface DurationProps extends SelectProps {
     startDate?: any;
     timeObj?: any;
 }
-declare const Duration: (props: DurationProps) => React.JSX.Element;
+declare const Duration: (props: DurationProps) => JSX.Element;
 export default Duration;

package/es/components/booking/materiels/holder/index.d.ts

@@ -1,7 +1,6 @@
 import { SelectProps } from 'antd';
-import React from 'react';
 interface HolderProps extends SelectProps {
     selectProps?: SelectProps;
 }
-declare const Holder: (props: HolderProps) => React.JSX.Element;
+declare const Holder: (props: HolderProps) => JSX.Element;
 export default Holder;

package/es/components/booking/materiels/startTime/index.d.ts

@@ -1,10 +1,9 @@
 import { SelectProps } from "antd";
-import React from "react";
 interface StartTimeProps extends SelectProps {
     locale?: string;
     slice?: number;
     selectProps?: SelectProps;
     timeObjChange?: any;
 }
-declare const StartTime: (props: StartTimeProps) => React.JSX.Element;
+declare const StartTime: (props: StartTimeProps) => JSX.Element;
 export default StartTime;

package/es/components/booking/notes/NoteBlock/NoteItem/index.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+/// <reference types="react" />
 import "./index.less";
 export interface InfoProps {
     isEdit: boolean;
@@ -6,5 +6,5 @@ export interface InfoProps {
     onChange?: (item: any, type: "edit" | "remove") => void;
     menus?: any[];
 }
-declare const NoteItem: (props: InfoProps) => React.JSX.Element;
+declare const NoteItem: (props: InfoProps) => JSX.Element;
 export default NoteItem;

package/es/components/booking/notes/NoteBlock/index.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+/// <reference types="react" />
 import "./index.less";
 export interface InfoProps {
     title?: string;
@@ -13,5 +13,5 @@ export interface InfoProps {
     maxLength?: number;
     noteType: string;
 }
-declare const NoteBlock: (props: InfoProps) => React.JSX.Element;
+declare const NoteBlock: (props: InfoProps) => JSX.Element;
 export default NoteBlock;

package/es/components/booking/notes/addNote/index.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+/// <reference types="react" />
 import "./index.less";
-declare const AddNote: ({ value, onChange, title, placeholder }: any) => React.JSX.Element;
+declare const AddNote: ({ value, onChange, title, placeholder }: any) => JSX.Element;
 export default AddNote;

package/es/components/checkout/components/AdditionalModule/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import './index.less';
 import { CurrentOrderInfo } from '../../types';
 interface AdditionalModuleProps {
@@ -11,5 +11,5 @@ interface AdditionalModuleProps {
     isFullWidth?: boolean;
     showMore?: boolean;
 }
-declare function AdditionalModule({ orderInfo, customAmount, handleButtonClick, hasOrderNote, disabled, showCashPayment, isFullWidth, showMore }: AdditionalModuleProps): React.JSX.Element;
+declare function AdditionalModule({ orderInfo, customAmount, handleButtonClick, hasOrderNote, disabled, showCashPayment, isFullWidth, showMore }: AdditionalModuleProps): JSX.Element;
 export default AdditionalModule;

package/es/components/checkout/components/AmountSummary/index.d.ts

@@ -1,6 +1,6 @@
+/// <reference types="react" />
 import './index.less';
 import { CurrentOrderInfo } from '../../types';
-import React from 'react';
 interface AmountSummaryProps {
     amountSymbol?: string;
     orderInfo?: CurrentOrderInfo;
@@ -22,5 +22,5 @@ interface AmountSummaryProps {
     totalAmount?: number;
 }
 export declare type WalletBalanceConfirmAction = 'cancel' | 'save-without-deduct' | 'apply-deduct-now';
-declare function AmountSummary({ amountSymbol, orderInfo, open_deposit, customAmount, balanceDueAmount, clientInfo, onAmountChange, onDepositStatusChange, onBalanceDueAmountClick, onConfirm, paymentItems, cartData, walletPassData, totalAmount, }: AmountSummaryProps): React.JSX.Element;
+declare function AmountSummary({ amountSymbol, orderInfo, open_deposit, customAmount, balanceDueAmount, clientInfo, onAmountChange, onDepositStatusChange, onBalanceDueAmountClick, onConfirm, paymentItems, cartData, walletPassData, totalAmount, }: AmountSummaryProps): JSX.Element;
 export default AmountSummary;

package/es/components/checkout/components/CashPaymentModule/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import { CurrentOrderInfo } from '../../types';
 import './index.less';
 export interface CashPaymentModuleProps {
@@ -22,5 +22,5 @@ disabled, // 禁用状态
 roundingFunction, balanceDueAmount, // 当前阶段剩余支付金额（定金或普通支付）
 balanceDueTotalAmount, // 完整订单剩余待付金额
 syncingLock, // 是否锁定
-shortcutsSize, }: CashPaymentModuleProps): React.JSX.Element;
+shortcutsSize, }: CashPaymentModuleProps): JSX.Element;
 export default CashPaymentModule;

package/es/components/checkout/components/PaymentDetailModal/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import './index.less';
 interface SummaryItem {
     key: string;
@@ -34,5 +34,5 @@ interface PaymentDetailModalProps {
     };
     clientInfo?: any;
 }
-declare function PaymentDetailModal({ amountSymbol, orderInfo, cartData, onClose, summaryData, labelMaps, paymentItems, customAmount, voidPayment, walletPassData, clientInfo, }: PaymentDetailModalProps): React.JSX.Element;
+declare function PaymentDetailModal({ amountSymbol, orderInfo, cartData, onClose, summaryData, labelMaps, paymentItems, customAmount, voidPayment, walletPassData, clientInfo, }: PaymentDetailModalProps): JSX.Element;
 export default PaymentDetailModal;

package/es/components/checkout/components/PaymentOptionsModule/index.d.ts

@@ -1,6 +1,6 @@
+/// <reference types="react" />
 import { ExtendedPaymentMethod } from './PaymentMethodItem';
 import { PaymentOptionsModuleProps } from '../../types';
-import React from 'react';
 import './index.less';
 interface ExtendedPaymentOptionsModuleProps extends PaymentOptionsModuleProps {
     amountSymbol?: string;
@@ -12,5 +12,5 @@ interface ExtendedPaymentOptionsModuleProps extends PaymentOptionsModuleProps {
     showCashPayment?: boolean;
 }
 export declare const SHOW_METHODS_CODE: string[];
-declare function PaymentOptionsModule({ amountSymbol, orderInfo, onClick, paymentMethods, customAmount, title, disabled, showCashPayment, }: ExtendedPaymentOptionsModuleProps): React.JSX.Element;
+declare function PaymentOptionsModule({ amountSymbol, orderInfo, onClick, paymentMethods, customAmount, title, disabled, showCashPayment, }: ExtendedPaymentOptionsModuleProps): JSX.Element;
 export default PaymentOptionsModule;