@pisell/private-materials 3.0.127 → 3.0.128

package/es/components/booking/info/pet/index.js

@@ -18,24 +18,25 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 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(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import React, { useContext, useEffect, useMemo, useState } from "react";
-import User01 from "@pisell/icon/es/User01";
+import React, { useContext, useEffect, useMemo, useState } from 'react';
+import User01 from '@pisell/icon/es/User01';
 import { Context } from "../model";
-import { Avatar, Skeleton, Button } from "antd";
+import { Avatar, Skeleton, Button } from 'antd';
 import "./index.less";
-import { locales } from "@pisell/utils";
+import { locales } from '@pisell/utils';
 import FormsCom from "../../forms/forms";
 import { changeFormValues, sortFormValues } from "../../forms/format";
 import { isWalkIn } from "../../utils";
 import useEngineContext from "../../../../hooks/useEngineContext";
+import { useMemoizedFn } from "ahooks";
 var defaultParams = {
   skip: 1,
   num: 20,
   total: 0,
-  keyword: ""
+  keyword: ''
 };
 var Pet = function Pet(props) {
-  var _context$appHelper, _state2, _state2$bookingConfig, _state2$bookingConfig2, _state2$bookingConfig3, _state$bookingConfig3, _state$client$value2, _state$client9, _state$client9$value, _state$pet5, _state$pet5$formData, _state$pet5$formData$, _state$pet5$formData$2, _state$client10;
+  var _context$appHelper, _state2, _state2$bookingConfig, _state2$bookingConfig2, _state2$bookingConfig3, _state$bookingConfig3, _state$client$value2, _state$client9, _state$client9$value, _state$pet5, _state$pet5$formData, _state$pet5$formData$, _state$pet5$formData$2, _state$client11;
   var hideTitle = props.hideTitle,
     addButtonProps = props.addButtonProps,
     handleOpenModal = props.handleOpenModal,
@@ -89,7 +90,7 @@ var Pet = function Pet(props) {
       options: [],
       form_id: _holder.form.id,
       field: _holder.form.form_field,
-      relation_type: "appointment_booking",
+      relation_type: 'appointment_booking',
       form_record: []
     });
   }, [(_state$bookingConfig3 = state.bookingConfig) === null || _state$bookingConfig3 === void 0 ? void 0 : _state$bookingConfig3.holder]);
@@ -121,7 +122,7 @@ var Pet = function Pet(props) {
             _params = _args.length > 1 && _args[1] !== undefined ? _args[1] : defaultParams;
             setLoading(true);
             _list = []; // 只要不是  客户表单并且没选择客户,  都获取数据
-            noClient = formData.data_range === "customer" && isWalkIn((_state$client = state.client) === null || _state$client === void 0 ? void 0 : (_state$client$value = _state$client.value) === null || _state$client$value === void 0 ? void 0 : _state$client$value.id);
+            noClient = formData.data_range === 'customer' && isWalkIn((_state$client = state.client) === null || _state$client === void 0 ? void 0 : (_state$client$value = _state$client.value) === null || _state$client$value === void 0 ? void 0 : _state$client$value.id);
             if (noClient) {
               _context.next = 14;
               break;
@@ -131,7 +132,7 @@ var Pet = function Pet(props) {
             }, _params), {}, {
               source_shop_customer: petForm === null || petForm === void 0 ? void 0 : petForm.is_franchisor
             });
-            if (formData.data_range === "customer") {
+            if (formData.data_range === 'customer') {
               _values.customer_id = (_state$client2 = state.client) === null || _state$client2 === void 0 ? void 0 : (_state$client2$value = _state$client2.value) === null || _state$client2$value === void 0 ? void 0 : _state$client2$value.id;
             }
             _context.next = 10;
@@ -149,7 +150,7 @@ var Pet = function Pet(props) {
             }));
           case 14:
             dispatch({
-              type: "setPet",
+              type: 'setPet',
               payload: {
                 formData: [_objectSpread(_objectSpread({}, formData), {}, {
                   options: _list
@@ -204,13 +205,13 @@ var Pet = function Pet(props) {
             }
             _context2.prev = 4;
             formData = petForm;
-            if (!(state.renderType === "eventBooking")) {
+            if (!(state.renderType === 'eventBooking')) {
               _context2.next = 12;
               break;
             }
             _context2.next = 9;
             return state.apis.getForms({
-              relation_type: "event_booking_v2",
+              relation_type: 'event_booking_v2',
               relation_id: ((_state$bookingDetail2 = state.bookingDetail) === null || _state$bookingDetail2 === void 0 ? void 0 : (_state$bookingDetail3 = _state$bookingDetail2.bookings) === null || _state$bookingDetail3 === void 0 ? void 0 : _state$bookingDetail3.id) || 0
               // _config: { useCache: true },
             });
@@ -241,13 +242,13 @@ var Pet = function Pet(props) {
             });
           case 16:
             records = _context2.sent;
-            console.log("records", records);
+            console.log('records', records);
             values[boardParams === null || boardParams === void 0 ? void 0 : boardParams.form_id] = sortFormValues(records, (_state$client3 = state.client) === null || _state$client3 === void 0 ? void 0 : (_state$client3$value = _state$client3.value) === null || _state$client3$value === void 0 ? void 0 : _state$client3$value.id);
             payload.value = values;
             setValueLoading(false);
           case 21:
             dispatch({
-              type: "setPet",
+              type: 'setPet',
               payload: payload
             });
             _context2.next = 29;
@@ -257,7 +258,7 @@ var Pet = function Pet(props) {
             _context2.t0 = _context2["catch"](4);
             setValueLoading(false);
             setLoading(false);
-            console.log("form_error", _context2.t0);
+            console.log('form_error', _context2.t0);
           case 29:
           case "end":
             return _context2.stop();
@@ -268,22 +269,22 @@ var Pet = function Pet(props) {
       return _ref4.apply(this, arguments);
     };
   }();
-  var handleViewItem = function handleViewItem(item) {
+  var handleViewItem = useMemoizedFn(function (item) {
     var _state$client4, _state$client4$value;
     var _data = {
       formDataConfig: _objectSpread({}, petForm),
       record: item
     };
-    if (petForm.data_range === "customer" && !isWalkIn((_state$client4 = state.client) === null || _state$client4 === void 0 ? void 0 : (_state$client4$value = _state$client4.value) === null || _state$client4$value === void 0 ? void 0 : _state$client4$value.id)) {
+    if (petForm.data_range === 'customer' && !isWalkIn((_state$client4 = state.client) === null || _state$client4 === void 0 ? void 0 : (_state$client4$value = _state$client4.value) === null || _state$client4$value === void 0 ? void 0 : _state$client4$value.id)) {
       var _state$client5, _state$client5$value;
       _data.customerId = (_state$client5 = state.client) === null || _state$client5 === void 0 ? void 0 : (_state$client5$value = _state$client5.value) === null || _state$client5$value === void 0 ? void 0 : _state$client5$value.id;
     }
     state.action({
-      type: "pisell1.goCustomFormDetail",
+      type: 'pisell1.goCustomFormDetail',
       data: _data,
       callback: function callback(res) {
         var cur = _toConsumableArray(state.pet.value[petForm.form_id] || []);
-        if (res.type === "delete") {
+        if (res.type === 'delete') {
           cur = cur.filter(function (d) {
             return d.form_record_id !== item.form_record_id;
           });
@@ -313,25 +314,25 @@ var Pet = function Pet(props) {
         _addCallback();
       }
     });
-  };
-  var handleEditItem = function handleEditItem(item) {
+  });
+  var handleEditItem = useMemoizedFn(function (item) {
     var _state$client6, _state$client6$value;
     var _data = {
       formDataConfig: _objectSpread({}, petForm),
       record: item
     };
-    if (petForm.data_range === "customer" && !isWalkIn((_state$client6 = state.client) === null || _state$client6 === void 0 ? void 0 : (_state$client6$value = _state$client6.value) === null || _state$client6$value === void 0 ? void 0 : _state$client6$value.id)) {
+    if (petForm.data_range === 'customer' && !isWalkIn((_state$client6 = state.client) === null || _state$client6 === void 0 ? void 0 : (_state$client6$value = _state$client6.value) === null || _state$client6$value === void 0 ? void 0 : _state$client6$value.id)) {
       var _state$client7, _state$client7$value;
       _data.customerId = (_state$client7 = state.client) === null || _state$client7 === void 0 ? void 0 : (_state$client7$value = _state$client7.value) === null || _state$client7$value === void 0 ? void 0 : _state$client7$value.id;
     }
     state.action({
-      type: "pisell1.editCustomFormRecord",
+      type: 'pisell1.editCustomFormRecord',
       data: _data,
       callback: function callback() {
         _addCallback();
       }
     });
-  };
+  });
 
   /**
    * @title: 修改数据
@@ -341,18 +342,18 @@ var Pet = function Pet(props) {
    * @Author: zhiwei.Wang
    * @Date: 2024-01-27 14:16
    */
-  var onValueChange = function onValueChange(_ref5) {
+  var onValueChange = useMemoizedFn(function (_ref5) {
     var values = _ref5.values,
       _ref5$edit = _ref5.edit,
       edit = _ref5$edit === void 0 ? true : _ref5$edit;
     dispatch({
-      type: "setPet",
+      type: 'setPet',
       payload: {
         edit: edit,
         value: values
       }
     });
-  };
+  });
 
   // 当客户id 发生改变时, 检测当前表单是否是该客户的, 如果不是则移除
   useEffect(function () {
@@ -365,7 +366,7 @@ var Pet = function Pet(props) {
     });
     setTimeout(function () {
       dispatch({
-        type: "setPet",
+        type: 'setPet',
         payload: {
           value: changeFormValuesData
         }
@@ -379,7 +380,7 @@ var Pet = function Pet(props) {
         return;
       }
     }
-    if (boardParams.form_id && boardParams.type === "form") {
+    if (boardParams.form_id && boardParams.type === 'form') {
       getForms(true);
     }
   };
@@ -390,7 +391,7 @@ var Pet = function Pet(props) {
       handleUpdateForm();
     }, 10);
   }, [state.bookingId, state.bookingDetail, boardParams.form_id, boardParams.type, state.renderType, petForm, clientChangeNotSetPet ? (_state$client9 = state.client) === null || _state$client9 === void 0 ? void 0 : (_state$client9$value = _state$client9.value) === null || _state$client9$value === void 0 ? void 0 : _state$client9$value.id : undefined]);
-  var _addCallback = function addCallback(_params) {
+  var _addCallback = useMemoizedFn(function (_params) {
     var _state$pet3, _state$pet3$formData;
     var _formData = (_state$pet3 = state.pet) === null || _state$pet3 === void 0 ? void 0 : (_state$pet3$formData = _state$pet3.formData) === null || _state$pet3$formData === void 0 ? void 0 : _state$pet3$formData[0];
     // if (_formData?.type === "multiple" || _formData?.type === "single") {
@@ -398,23 +399,23 @@ var Pet = function Pet(props) {
       formData: _formData
     }, _params);
     // }
-  };
+  });
 
-  var searchChange = function searchChange(keyword) {
+  var searchChange = useMemoizedFn(function (keyword) {
     var _params = _objectSpread(_objectSpread({}, params), {}, {
       skip: 1,
       keyword: keyword
     });
     _addCallback(_params);
-  };
+  });
   var loadMore = useMemo(function () {
     var _state$pet4, _state$pet4$formData, _state$pet4$formData$, _state$pet4$formData$2;
     var show = ((_state$pet4 = state.pet) === null || _state$pet4 === void 0 ? void 0 : (_state$pet4$formData = _state$pet4.formData) === null || _state$pet4$formData === void 0 ? void 0 : (_state$pet4$formData$ = _state$pet4$formData[0]) === null || _state$pet4$formData$ === void 0 ? void 0 : (_state$pet4$formData$2 = _state$pet4$formData$.options) === null || _state$pet4$formData$2 === void 0 ? void 0 : _state$pet4$formData$2.length) < params.total || 0;
     return show ? /*#__PURE__*/React.createElement("div", {
       className: "",
       style: {
-        textAlign: "center",
-        padding: "16px 0"
+        textAlign: 'center',
+        padding: '16px 0'
       }
     }, /*#__PURE__*/React.createElement(Button, {
       loading: loadLoading,
@@ -424,105 +425,108 @@ var Pet = function Pet(props) {
         });
         _addCallback(_params);
       }
-    }, locales.getText("pisell2.text.load-more"))) : null;
+    }, locales.getText('pisell2.text.load-more'))) : null;
   }, [loadLoading, params, (_state$pet5 = state.pet) === null || _state$pet5 === void 0 ? void 0 : (_state$pet5$formData = _state$pet5.formData) === null || _state$pet5$formData === void 0 ? void 0 : (_state$pet5$formData$ = _state$pet5$formData[0]) === null || _state$pet5$formData$ === void 0 ? void 0 : (_state$pet5$formData$2 = _state$pet5$formData$.options) === null || _state$pet5$formData$2 === void 0 ? void 0 : _state$pet5$formData$2.length]);
-  return /*#__PURE__*/React.createElement("div", {
-    className: "pisell-lowcode__booking-pet-wraps"
-  }, /*#__PURE__*/React.createElement(Skeleton, {
-    loading: valueLoading,
-    active: true,
-    round: true
-  }, /*#__PURE__*/React.createElement(FormsCom, {
-    hideTitle: hideTitle,
-    watch: {
-      value: state.pet.value
-    },
-    addCallback: function addCallback() {
-      _addCallback();
-    },
-    loading: valueLoading,
-    forms: state.pet.formData,
-    action: state.action,
-    modalOpen: state.modalOpen,
-    value: state.pet.value,
-    onChange: onValueChange,
-    client: (_state$client10 = state.client) === null || _state$client10 === void 0 ? void 0 : _state$client10.value,
-    customSelectProps: {
-      loading: loading,
-      handleViewItem: handleViewItem,
-      virtualListHeight: window.innerHeight - 213 - 57 - 16,
-      disabled: state.disabledEdit,
-      autoFocus: !state.isTerminal,
-      closeCallback: function closeCallback() {
-        searchChange("");
+  return useMemo(function () {
+    var _state$client10;
+    return /*#__PURE__*/React.createElement("div", {
+      className: "pisell-lowcode__booking-pet-wraps"
+    }, /*#__PURE__*/React.createElement(Skeleton, {
+      loading: valueLoading,
+      active: true,
+      round: true
+    }, /*#__PURE__*/React.createElement(FormsCom, {
+      hideTitle: hideTitle,
+      watch: {
+        value: state.pet.value
       },
-      showDropDown: !state.disableEventBookingEdit,
-      searchChange: searchChange,
-      searchValue: params.search,
-      loadMore: loadMore,
-      filterItem: function filterItem() {
-        return true;
+      addCallback: function addCallback() {
+        _addCallback();
       },
-      handleOpenModal: handleOpenModal,
-      previewItemTitleRender: previewItemTitleRender
-    },
-    optionRender: function optionRender(item) {
-      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Avatar, {
-        className: "pisell-lowcode__booking-pet-list-item-avatar",
-        src: item.cover,
-        icon: /*#__PURE__*/React.createElement(User01, {
-          className: "pisell-lowcode__booking-pet-list-item-avatar-icon"
-        })
-      }), /*#__PURE__*/React.createElement("div", {
-        className: "pisell-lowcode__booking-pet-list-item-info"
-      }, /*#__PURE__*/React.createElement("div", {
-        className: "pisell-lowcode__booking-pet-list-item-info-name"
-      }, item.main_field), /*#__PURE__*/React.createElement("div", {
-        className: "pisell-lowcode__booking-pet-list-item-info-desc"
-      }, /*#__PURE__*/React.createElement("div", {
-        className: ""
-      }, item.key_age))), /*#__PURE__*/React.createElement("div", {
-        className: "pisell-lowcode__booking-pet-list-item-actions"
-      }, /*#__PURE__*/React.createElement("div", {
-        className: "pisell-lowcode__booking-pet-list-item-actions-view",
-        onClick: function onClick(e) {
-          e.preventDefault();
-          e.stopPropagation();
-          handleViewItem(item);
-        }
-      }, locales.getText("pisell2.text.view")), /*#__PURE__*/React.createElement("div", {
-        className: "pisell-lowcode__booking-pet-list-item-actions-edit",
-        onClick: function onClick(e) {
-          e.preventDefault();
-          e.stopPropagation();
-          handleEditItem(item);
-        }
-      }, locales.getText("pisell2.text.edit"))));
-    },
-    addButtonProps: _objectSpread({
-      style: {
-        margin: 0
+      loading: valueLoading,
+      forms: state.pet.formData,
+      action: state.action,
+      modalOpen: state.modalOpen,
+      value: state.pet.value,
+      onChange: onValueChange,
+      client: (_state$client10 = state.client) === null || _state$client10 === void 0 ? void 0 : _state$client10.value,
+      customSelectProps: {
+        loading: loading,
+        handleViewItem: handleViewItem,
+        virtualListHeight: window.innerHeight - 213 - 57 - 16,
+        disabled: state.disabledEdit,
+        autoFocus: !state.isTerminal,
+        closeCallback: function closeCallback() {
+          searchChange('');
+        },
+        showDropDown: !state.disableEventBookingEdit,
+        searchChange: searchChange,
+        searchValue: params.search,
+        loadMore: loadMore,
+        filterItem: function filterItem() {
+          return true;
+        },
+        handleOpenModal: handleOpenModal,
+        previewItemTitleRender: previewItemTitleRender
       },
-      disabled: state.disableEventBookingEdit,
-      showDisabledMessage: !state.disableEventBookingEdit,
-      addCallback: function () {
-        var _addCallback2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
-          return _regeneratorRuntime().wrap(function _callee3$(_context3) {
-            while (1) switch (_context3.prev = _context3.next) {
-              case 0:
-                _addCallback();
-              case 1:
-              case "end":
-                return _context3.stop();
-            }
-          }, _callee3);
-        }));
-        function addCallback() {
-          return _addCallback2.apply(this, arguments);
-        }
-        return addCallback;
-      }()
-    }, addButtonProps)
-  })));
+      optionRender: function optionRender(item) {
+        return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Avatar, {
+          className: "pisell-lowcode__booking-pet-list-item-avatar",
+          src: item.cover,
+          icon: /*#__PURE__*/React.createElement(User01, {
+            className: "pisell-lowcode__booking-pet-list-item-avatar-icon"
+          })
+        }), /*#__PURE__*/React.createElement("div", {
+          className: "pisell-lowcode__booking-pet-list-item-info"
+        }, /*#__PURE__*/React.createElement("div", {
+          className: "pisell-lowcode__booking-pet-list-item-info-name"
+        }, item.main_field), /*#__PURE__*/React.createElement("div", {
+          className: "pisell-lowcode__booking-pet-list-item-info-desc"
+        }, /*#__PURE__*/React.createElement("div", {
+          className: ""
+        }, item.key_age))), /*#__PURE__*/React.createElement("div", {
+          className: "pisell-lowcode__booking-pet-list-item-actions"
+        }, /*#__PURE__*/React.createElement("div", {
+          className: "pisell-lowcode__booking-pet-list-item-actions-view",
+          onClick: function onClick(e) {
+            e.preventDefault();
+            e.stopPropagation();
+            handleViewItem(item);
+          }
+        }, locales.getText('pisell2.text.view')), /*#__PURE__*/React.createElement("div", {
+          className: "pisell-lowcode__booking-pet-list-item-actions-edit",
+          onClick: function onClick(e) {
+            e.preventDefault();
+            e.stopPropagation();
+            handleEditItem(item);
+          }
+        }, locales.getText('pisell2.text.edit'))));
+      },
+      addButtonProps: _objectSpread({
+        style: {
+          margin: 0
+        },
+        disabled: state.disableEventBookingEdit,
+        showDisabledMessage: !state.disableEventBookingEdit,
+        addCallback: function () {
+          var _addCallback2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
+            return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+              while (1) switch (_context3.prev = _context3.next) {
+                case 0:
+                  _addCallback();
+                case 1:
+                case "end":
+                  return _context3.stop();
+              }
+            }, _callee3);
+          }));
+          function addCallback() {
+            return _addCallback2.apply(this, arguments);
+          }
+          return addCallback;
+        }()
+      }, addButtonProps)
+    })));
+  }, [valueLoading, hideTitle, state.pet.value, state.pet.formData, state.action, state.modalOpen, state.pet.value, (_state$client11 = state.client) === null || _state$client11 === void 0 ? void 0 : _state$client11.value, loading, state.disabledEdit, state.isTerminal, state.disableEventBookingEdit, params.search, loadMore, addButtonProps]);
 };
 export default Pet;

package/es/components/booking/info/service/addService/index.js

@@ -31,10 +31,10 @@ import { getIsBundleOrCombination } from "../../utils";
 import { getProductExtend } from "./utils";
 import { formatProductListByCategory, getProductTotalPrice, request } from "../../../utils";
 import { locales, getUniqueId } from '@pisell/utils';
-import { useUpdateEffect } from 'ahooks';
+import { useMemoizedFn, useUpdateEffect } from 'ahooks';
 var shopList = [2886, 4422, 5538, 6930, 6814, 6813, 6812, 6087, 6303, 6080, 6978, 7386, 6848, 6305];
 var Info = function Info(_ref) {
-  var _state$service3, _state$service5, _state$service6, _state$service6$cache;
+  var _state$service3, _state$service5, _state$service7, _state$service7$cache;
   var onEdit = _ref.onEdit;
   var _useState = useState(''),
     _useState2 = _slicedToArray(_useState, 2),
@@ -204,7 +204,7 @@ var Info = function Info(_ref) {
       }, 100);
     }
   };
-  var handleSelectProduct = function handleSelectProduct(item, type) {
+  var handleSelectProduct = useMemoizedFn(function (item, type) {
     // 是否有单规格 组合规格 套餐, 如果没有不需要打开弹窗
     var isEject = type === 'detail' || item.bundle_group_count > 0;
     var lock = false;
@@ -278,7 +278,7 @@ var Info = function Info(_ref) {
         onEdit === null || onEdit === void 0 ? void 0 : onEdit(cacheItem);
       }
     });
-  };
+  });
   var renderList = useMemo(function () {
     var _state$service2;
     var _list = ((_state$service2 = state.service) === null || _state$service2 === void 0 ? void 0 : _state$service2.services) || [];
@@ -296,7 +296,6 @@ var Info = function Info(_ref) {
   useEffect(function () {
     var _context$appHelper$ut, _context$appHelper$ut2, _context$appHelper$ut3, _context$appHelper$ut4, _context$appHelper$ut5, _state$service4, _state$service4$value;
     // Salonip 不要这个
-
     if (shopList.includes((_context$appHelper$ut = context.appHelper.utils.store) === null || _context$appHelper$ut === void 0 ? void 0 : (_context$appHelper$ut2 = _context$appHelper$ut.getState) === null || _context$appHelper$ut2 === void 0 ? void 0 : (_context$appHelper$ut3 = _context$appHelper$ut2.call(_context$appHelper$ut)) === null || _context$appHelper$ut3 === void 0 ? void 0 : (_context$appHelper$ut4 = _context$appHelper$ut3.global) === null || _context$appHelper$ut4 === void 0 ? void 0 : (_context$appHelper$ut5 = _context$appHelper$ut4.globalConfig) === null || _context$appHelper$ut5 === void 0 ? void 0 : _context$appHelper$ut5.id) || state.closeAutoOpenService) {
       return;
     }
@@ -347,46 +346,49 @@ var Info = function Info(_ref) {
       }
     });
   }, [state.renderType, showAddButton, isService, state.service.value, loading]);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, ((_state$service6 = state.service) === null || _state$service6 === void 0 ? void 0 : (_state$service6$cache = _state$service6.cacheItem) === null || _state$service6$cache === void 0 ? void 0 : _state$service6$cache.autoClose) && /*#__PURE__*/React.createElement(Skeleton, {
-    loading: true,
-    active: true,
-    round: true
-  }), addButton, /*#__PURE__*/React.createElement(Drawer, {
-    open: state.service.addModal,
-    title: locales.getText('pisell2.text.select-service'),
-    rootClassName: "booking-server-wrap",
-    onClose: function onClose() {
-      dispatch({
-        type: 'setService',
-        payload: {
-          addModal: false,
-          changeService: false
-        }
-      });
-    },
-    header: /*#__PURE__*/React.createElement("div", {
-      className: "pisell-lowcode__booking-service-header"
-    }, /*#__PURE__*/React.createElement(Input, {
-      ref: searchRef,
-      prefix: /*#__PURE__*/React.createElement(SearchLg, null),
-      style: {
-        marginTop: 16,
-        height: 44
+  return useMemo(function () {
+    var _state$service6, _state$service6$cache;
+    return /*#__PURE__*/React.createElement(React.Fragment, null, ((_state$service6 = state.service) === null || _state$service6 === void 0 ? void 0 : (_state$service6$cache = _state$service6.cacheItem) === null || _state$service6$cache === void 0 ? void 0 : _state$service6$cache.autoClose) && /*#__PURE__*/React.createElement(Skeleton, {
+      loading: true,
+      active: true,
+      round: true
+    }), addButton, /*#__PURE__*/React.createElement(Drawer, {
+      open: state.service.addModal,
+      title: locales.getText('pisell2.text.select-service'),
+      rootClassName: "booking-server-wrap",
+      onClose: function onClose() {
+        dispatch({
+          type: 'setService',
+          payload: {
+            addModal: false,
+            changeService: false
+          }
+        });
       },
-      placeholder: locales.getText('pisell2.text.search'),
-      allowClear: true,
-      value: search,
-      onChange: function onChange(e) {
-        setSearch(e.target.value);
-      }
-    }))
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "pisell-lowcode__booking-service-body"
-  }, /*#__PURE__*/React.createElement(TabProduct, {
-    list: renderList,
-    amountSymbol: state.amountSymbol,
-    onChange: handleSelectProduct,
-    scrollDom: ".booking-server-wrap .pisell-lowcode-drawer-body"
-  }))));
+      header: /*#__PURE__*/React.createElement("div", {
+        className: "pisell-lowcode__booking-service-header"
+      }, /*#__PURE__*/React.createElement(Input, {
+        ref: searchRef,
+        prefix: /*#__PURE__*/React.createElement(SearchLg, null),
+        style: {
+          marginTop: 16,
+          height: 44
+        },
+        placeholder: locales.getText('pisell2.text.search'),
+        allowClear: true,
+        value: search,
+        onChange: function onChange(e) {
+          setSearch(e.target.value);
+        }
+      }))
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "pisell-lowcode__booking-service-body"
+    }, /*#__PURE__*/React.createElement(TabProduct, {
+      list: renderList,
+      amountSymbol: state.amountSymbol,
+      onChange: handleSelectProduct,
+      scrollDom: ".booking-server-wrap .pisell-lowcode-drawer-body"
+    }))));
+  }, [(_state$service7 = state.service) === null || _state$service7 === void 0 ? void 0 : (_state$service7$cache = _state$service7.cacheItem) === null || _state$service7$cache === void 0 ? void 0 : _state$service7$cache.autoClose, addButton, state.service.addModal, locales, search, renderList, state.amountSymbol]);
 };
 export default Info;

package/es/components/booking/info/service/addTimeModal/index.d.ts

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