@pisell/private-materials 3.0.127 → 3.0.128

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

@@ -36,7 +36,7 @@ import { getNoResource } from "../../../mock";
 import { formatResources, getDurationProps, getFlexibleOption, getTimeObj } from "../addService/utils";
 var submitLock = false;
 var Info = function Info(_, ref) {
-  var _state$bookingConfig2, _state$bookingConfig3, _state$bookingConfig4, _state$service$cacheI4, _state$service$cacheI5, _state$service$cacheI7, _state$service$cacheI8, _state$service$cacheI9, _state$service3, _state$service3$cache, _state$service5, _state$service5$cache, _state$service5$cache2, _state$service5$cache3, _window$BaseMaterials, _state$service$cacheI10, _state$service6, _state$service6$cache, _state$service6$cache2, _state$service$cacheI11, _state$service$cacheI12, _state$service$cacheI13, _state$service$cacheI14, _state$bookingConfig5, _state$bookingConfig6, _state$bookingConfig7, _state$bookingConfig8;
+  var _state$bookingConfig2, _state$bookingConfig3, _state$bookingConfig4, _state$service$cacheI4, _state$service$cacheI5, _state$service$cacheI7, _state$service$cacheI8, _state$service$cacheI9, _state$service3, _state$service3$cache, _state$service5, _state$service5$cache, _state$service5$cache2, _state$service5$cache3, _window$BaseMaterials, _state$service$cacheI15, _state$service7, _state$service7$cache, _state$service7$cache2, _state$service$cacheI16, _state$service$cacheI17, _state$bookingConfig9, _state$bookingConfig10, _state$bookingConfig11, _state$bookingConfig12;
   var _Form$useForm = Form.useForm(),
     _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
     form = _Form$useForm2[0];
@@ -218,7 +218,7 @@ var Info = function Info(_, ref) {
    * @Author: zhiwei.Wang
    * @Date: 2024-01-09 13:59
    */
-  var handleDeleteProduct = function handleDeleteProduct() {
+  var handleDeleteProduct = useMemoizedFn(function () {
     var _state$service$cacheI;
     if (state.channelDisabledEdit) {
       return;
@@ -237,7 +237,7 @@ var Info = function Info(_, ref) {
         cacheItem: null
       }
     });
-  };
+  });
 
   /**
    * @title: 渲染下拉框
@@ -269,11 +269,11 @@ var Info = function Info(_, ref) {
    * @Author: zhiwei.Wang
    * @Date: 2024-01-09 14:02
    */
-  var handleLikeResource = function handleLikeResource(status) {
+  var handleLikeResource = useMemoizedFn(function (status) {
     form.setFieldsValue({
       like_status: status
     });
-  };
+  });
 
   /**
    * @title: 获取错误信息
@@ -336,7 +336,7 @@ var Info = function Info(_, ref) {
    * @Author: zhiwei.Wang
    * @Date: 2024-01-09 14:04
    */
-  var onFinish = function onFinish(values) {
+  var onFinish = useMemoizedFn(function (values) {
     var _currentResource$_ext;
     // 防止多次提交, 增加锁
     if (submitLock) {
@@ -400,7 +400,7 @@ var Info = function Info(_, ref) {
         changeService: false
       }
     });
-  };
+  });
   var setEditData = useMemoizedFn(function (_cacheItem) {
     var cacheItem = _cacheItem || state.service.cacheItem;
     var values = cacheItem._extend;
@@ -573,7 +573,7 @@ var Info = function Info(_, ref) {
    * @Author: zhiwei.Wang
    * @Date: 2024-08-28 17:08
    */
-  var handleEdit = function handleEdit(e) {
+  var handleEdit = useMemoizedFn(function (e) {
     // 当前商品
     var item = state.service.cacheItem;
 
@@ -630,7 +630,7 @@ var Info = function Info(_, ref) {
         });
       }
     });
-  };
+  });
 
   /**
    * @title: 更换商品
@@ -640,7 +640,7 @@ var Info = function Info(_, ref) {
    * @Author: zhiwei.Wang
    * @Date: 2024-08-28 17:10
    */
-  var handleChange = function handleChange(e) {
+  var handleChange = useMemoizedFn(function (e) {
     if (state.channelDisabledEdit) {
       return;
     }
@@ -653,199 +653,201 @@ var Info = function Info(_, ref) {
         changeService: true
       }
     });
-  };
+  });
   useImperativeHandle(ref, function () {
     return {
       init: setEditData
     };
   });
-  console.log('state.service.value', state.service.value);
   var SelectTime = (_window$BaseMaterials = window.BaseMaterials) === null || _window$BaseMaterials === void 0 ? void 0 : _window$BaseMaterials.SelectTime;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Drawer
-  //通过zIndex的方式控制  添加商品 和 编辑服务弹窗的上下层级
-  , {
-    zIndex: state.service.changeService ? 999 : 1000,
-    forceRender: true,
-    open: state.service.editModal && !((_state$service$cacheI10 = state.service.cacheItem) !== null && _state$service$cacheI10 !== void 0 && _state$service$cacheI10.autoClose),
-    title: locales.getText('pisell2.text.edit-service'),
-    onClose: function onClose() {
-      dispatch({
-        type: 'setService',
-        payload: {
-          editModal: false,
-          cacheItem: null,
-          changeService: false
-        }
-      });
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "pisell-lowcode__booking-service-body-edit"
-  }, /*#__PURE__*/React.createElement(Form, {
-    layout: "vertical",
-    form: form,
-    onFinish: onFinish
-  }, /*#__PURE__*/React.createElement(Row, {
-    style: {
-      width: '100%'
-    },
-    gutter: [16, 0]
-  }, /*#__PURE__*/React.createElement(Col, {
-    span: 24
-  }, /*#__PURE__*/React.createElement(Form.Item, {
-    name: "product_name"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "current-service-info"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "current-service-info-name-wrap"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "current-service-info-name"
-  }, ((_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$cache2 = _state$service6$cache._extend) === null || _state$service6$cache2 === void 0 ? void 0 : _state$service6$cache2.product_name) || '-'), /*#__PURE__*/React.createElement(Button, {
-    onClick: handleEdit
-  }, locales.getText('pisell2.text.edit')), /*#__PURE__*/React.createElement(Button, {
-    onClick: handleChange
-  }, locales.getText('pisell2.text.change'))), /*#__PURE__*/React.createElement(CollapsibleList, {
-    style: {
-      marginTop: bundles.length ? '8px' : 0
-    },
-    list: bundles,
-    renderItem: function renderItem(item) {
-      return renderBundles(item, state.amountSymbol);
-    }
-  })))), /*#__PURE__*/React.createElement(Col, {
-    span: 12
-  }, /*#__PURE__*/React.createElement(Form.Item, {
-    label: locales.getText('pisell2.text.price'),
-    name: "total",
-    rules: [{
-      required: true
-    }]
-  }, /*#__PURE__*/React.createElement(InputNumber, {
-    disabled: state.channelDisabledEdit,
-    prefix: state.amountSymbol,
-    size: "large",
-    precision: 2,
-    style: {
-      width: '100%'
-    },
-    min: 0,
-    max: ((_state$service$cacheI11 = state.service.cacheItem) === null || _state$service$cacheI11 === void 0 ? void 0 : (_state$service$cacheI12 = _state$service$cacheI11._extend) === null || _state$service$cacheI12 === void 0 ? void 0 : _state$service$cacheI12.origin_total) || 0,
-    placeholder: ((_state$service$cacheI13 = state.service.cacheItem) === null || _state$service$cacheI13 === void 0 ? void 0 : (_state$service$cacheI14 = _state$service$cacheI13._extend) === null || _state$service$cacheI14 === void 0 ? void 0 : _state$service$cacheI14.origin_total) || '0'
-  }))), /*#__PURE__*/React.createElement(Col, {
-    span: 12
-  }, /*#__PURE__*/React.createElement(Form.Item, {
-    label: locales.getText('pisell2.text.discount'),
-    name: "discount"
-  }, /*#__PURE__*/React.createElement(Select, {
-    disabled: state.channelDisabledEdit,
-    size: "large",
-    open: false,
-    allowClear: isDiscount,
-    onChange: function onChange(e) {
-      form.setFieldsValue({
-        total: state.service.cacheItem._extend.origin_total
-      });
-    }
-  }))), isReason ? /*#__PURE__*/React.createElement(Col, {
-    span: 24
-  }, /*#__PURE__*/React.createElement(Form.Item, {
-    label: locales.getText('pisell2.text.discount-reason'),
-    name: "discount_reason"
-  }, /*#__PURE__*/React.createElement(Input.TextArea, {
-    size: "large"
-  }))) : null, state.renderType !== 'eventBooking' && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Col, {
-    span: 12
-  }, /*#__PURE__*/React.createElement(Form.Item, {
-    label: locales.getText('pisell2.text.start_time'),
-    name: "start_time",
-    rules: [{
-      required: true
-    }]
-  }, SelectTime ? /*#__PURE__*/React.createElement(SelectTime, {
-    slice: (_state$bookingConfig5 = state.bookingConfig) === null || _state$bookingConfig5 === void 0 ? void 0 : (_state$bookingConfig6 = _state$bookingConfig5.config) === null || _state$bookingConfig6 === void 0 ? void 0 : (_state$bookingConfig7 = _state$bookingConfig6.basic) === null || _state$bookingConfig7 === void 0 ? void 0 : (_state$bookingConfig8 = _state$bookingConfig7.service_time) === null || _state$bookingConfig8 === void 0 ? void 0 : _state$bookingConfig8.value,
-    timePickerProps: {
+  return useMemo(function () {
+    var _state$service$cacheI10, _state$service6, _state$service6$cache, _state$service6$cache2, _state$service$cacheI11, _state$service$cacheI12, _state$service$cacheI13, _state$service$cacheI14, _state$bookingConfig5, _state$bookingConfig6, _state$bookingConfig7, _state$bookingConfig8;
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Drawer
+    //通过zIndex的方式控制  添加商品 和 编辑服务弹窗的上下层级
+    , {
+      zIndex: state.service.changeService ? 999 : 1000,
+      forceRender: true,
+      open: state.service.editModal && !((_state$service$cacheI10 = state.service.cacheItem) !== null && _state$service$cacheI10 !== void 0 && _state$service$cacheI10.autoClose),
+      title: locales.getText('pisell2.text.edit-service'),
+      onClose: function onClose() {
+        dispatch({
+          type: 'setService',
+          payload: {
+            editModal: false,
+            cacheItem: null,
+            changeService: false
+          }
+        });
+      }
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "pisell-lowcode__booking-service-body-edit"
+    }, /*#__PURE__*/React.createElement(Form, {
+      layout: "vertical",
+      form: form,
+      onFinish: onFinish
+    }, /*#__PURE__*/React.createElement(Row, {
       style: {
         width: '100%'
-      }
-    },
-    timeProps: {
+      },
+      gutter: [16, 0]
+    }, /*#__PURE__*/React.createElement(Col, {
+      span: 24
+    }, /*#__PURE__*/React.createElement(Form.Item, {
+      name: "product_name"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "current-service-info"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "current-service-info-name-wrap"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "current-service-info-name"
+    }, ((_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$cache2 = _state$service6$cache._extend) === null || _state$service6$cache2 === void 0 ? void 0 : _state$service6$cache2.product_name) || '-'), /*#__PURE__*/React.createElement(Button, {
+      onClick: handleEdit
+    }, locales.getText('pisell2.text.edit')), /*#__PURE__*/React.createElement(Button, {
+      onClick: handleChange
+    }, locales.getText('pisell2.text.change'))), /*#__PURE__*/React.createElement(CollapsibleList, {
       style: {
-        zoom: 0.8
+        marginTop: bundles.length ? '8px' : 0
+      },
+      list: bundles,
+      renderItem: function renderItem(item) {
+        return renderBundles(item, state.amountSymbol);
       }
-    }
-  }) : null)), /*#__PURE__*/React.createElement(Col, {
-    span: 12
-  }, /*#__PURE__*/React.createElement(Form.Item, {
-    label: locales.getText('pisell2.text.duration'),
-    name: "duration",
-    rules: [{
-      required: true
-    }]
-  }, /*#__PURE__*/React.createElement(Duration, _extends({}, durationProps, {
-    timeObj: timeObj
-  })))), /*#__PURE__*/React.createElement(Col, {
-    span: 24
-  }, /*#__PURE__*/React.createElement(Form.Item, {
-    required: true,
-    label: locales.getText('pisell2.text.resource')
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "resource-col"
-  }, /*#__PURE__*/React.createElement(Button, {
-    className: "resource-col-like-wrap",
-    disabled: !useResource,
-    onClick: function onClick() {
-      handleLikeResource(useLikeStatus === 'like' ? 'common' : 'like');
-    }
-  }, /*#__PURE__*/React.createElement(Like
-  // onChange={handleLikeResource}
-  , {
-    status: useLikeStatus
-    // className='like-resource'
-  })), /*#__PURE__*/React.createElement(Form.Item, {
-    name: "resource",
-    noStyle: true,
-    rules: [{
-      required: true
-    }]
-  }, /*#__PURE__*/React.createElement(Select, {
-    loading: resourceLoading,
-    size: "large",
-    allowClear: true,
-    showSearch: true,
-    open: selectOpen,
-    onDropdownVisibleChange: setSelectOpen,
-    filterOption: function filterOption(str, option) {
-      return (option.labelText || '').toLowerCase().includes((str || '').toLowerCase());
-    }
-  }, renderOptions(state.service.resources || [], 'form_record_id', 'label', 'resource')))))), /*#__PURE__*/React.createElement(Form.Item, {
-    hidden: true,
-    name: "quantity"
-  }, /*#__PURE__*/React.createElement(InputNumber, null)), /*#__PURE__*/React.createElement(Form.Item, {
-    hidden: true,
-    name: "like_status"
-  }, /*#__PURE__*/React.createElement(Input, null))))), state.renderType !== 'eventBooking' && errorList.map(function (d, i) {
-    return /*#__PURE__*/React.createElement(Alert, {
-      key: d.type,
-      message: d.label,
-      type: "warning",
-      showIcon: true,
+    })))), /*#__PURE__*/React.createElement(Col, {
+      span: 12
+    }, /*#__PURE__*/React.createElement(Form.Item, {
+      label: locales.getText('pisell2.text.price'),
+      name: "total",
+      rules: [{
+        required: true
+      }]
+    }, /*#__PURE__*/React.createElement(InputNumber, {
+      disabled: state.channelDisabledEdit,
+      prefix: state.amountSymbol,
+      size: "large",
+      precision: 2,
       style: {
-        marginBottom: 12
+        width: '100%'
+      },
+      min: 0,
+      max: ((_state$service$cacheI11 = state.service.cacheItem) === null || _state$service$cacheI11 === void 0 ? void 0 : (_state$service$cacheI12 = _state$service$cacheI11._extend) === null || _state$service$cacheI12 === void 0 ? void 0 : _state$service$cacheI12.origin_total) || 0,
+      placeholder: ((_state$service$cacheI13 = state.service.cacheItem) === null || _state$service$cacheI13 === void 0 ? void 0 : (_state$service$cacheI14 = _state$service$cacheI13._extend) === null || _state$service$cacheI14 === void 0 ? void 0 : _state$service$cacheI14.origin_total) || '0'
+    }))), /*#__PURE__*/React.createElement(Col, {
+      span: 12
+    }, /*#__PURE__*/React.createElement(Form.Item, {
+      label: locales.getText('pisell2.text.discount'),
+      name: "discount"
+    }, /*#__PURE__*/React.createElement(Select, {
+      disabled: state.channelDisabledEdit,
+      size: "large",
+      open: false,
+      allowClear: isDiscount,
+      onChange: function onChange(e) {
+        form.setFieldsValue({
+          total: state.service.cacheItem._extend.origin_total
+        });
       }
-    });
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "pisell-lowcode__booking-service-body-edit-footer"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "pisell-lowcode__booking-service-delete-wrap",
-    onClick: handleDeleteProduct
-  }, /*#__PURE__*/React.createElement(Delete_wght300_24px, {
-    className: "pisell-lowcode__booking-service-delete-icon"
-  })), /*#__PURE__*/React.createElement(Button, {
-    type: "primary",
-    className: "pisell-lowcode__booking-service-body-edit-footer-apple",
-    disabled: resourceLoading,
-    onClick: function onClick() {
-      form.submit();
-    }
-  }, locales.getText('pisell2.text.apply'))))));
+    }))), isReason ? /*#__PURE__*/React.createElement(Col, {
+      span: 24
+    }, /*#__PURE__*/React.createElement(Form.Item, {
+      label: locales.getText('pisell2.text.discount-reason'),
+      name: "discount_reason"
+    }, /*#__PURE__*/React.createElement(Input.TextArea, {
+      size: "large"
+    }))) : null, state.renderType !== 'eventBooking' && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Col, {
+      span: 12
+    }, /*#__PURE__*/React.createElement(Form.Item, {
+      label: locales.getText('pisell2.text.start_time'),
+      name: "start_time",
+      rules: [{
+        required: true
+      }]
+    }, SelectTime ? /*#__PURE__*/React.createElement(SelectTime, {
+      slice: (_state$bookingConfig5 = state.bookingConfig) === null || _state$bookingConfig5 === void 0 ? void 0 : (_state$bookingConfig6 = _state$bookingConfig5.config) === null || _state$bookingConfig6 === void 0 ? void 0 : (_state$bookingConfig7 = _state$bookingConfig6.basic) === null || _state$bookingConfig7 === void 0 ? void 0 : (_state$bookingConfig8 = _state$bookingConfig7.service_time) === null || _state$bookingConfig8 === void 0 ? void 0 : _state$bookingConfig8.value,
+      timePickerProps: {
+        style: {
+          width: '100%'
+        }
+      },
+      timeProps: {
+        style: {
+          zoom: 0.8
+        }
+      }
+    }) : null)), /*#__PURE__*/React.createElement(Col, {
+      span: 12
+    }, /*#__PURE__*/React.createElement(Form.Item, {
+      label: locales.getText('pisell2.text.duration'),
+      name: "duration",
+      rules: [{
+        required: true
+      }]
+    }, /*#__PURE__*/React.createElement(Duration, _extends({}, durationProps, {
+      timeObj: timeObj
+    })))), /*#__PURE__*/React.createElement(Col, {
+      span: 24
+    }, /*#__PURE__*/React.createElement(Form.Item, {
+      required: true,
+      label: locales.getText('pisell2.text.resource')
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "resource-col"
+    }, /*#__PURE__*/React.createElement(Button, {
+      className: "resource-col-like-wrap",
+      disabled: !useResource,
+      onClick: function onClick() {
+        handleLikeResource(useLikeStatus === 'like' ? 'common' : 'like');
+      }
+    }, /*#__PURE__*/React.createElement(Like
+    // onChange={handleLikeResource}
+    , {
+      status: useLikeStatus
+      // className='like-resource'
+    })), /*#__PURE__*/React.createElement(Form.Item, {
+      name: "resource",
+      noStyle: true,
+      rules: [{
+        required: true
+      }]
+    }, /*#__PURE__*/React.createElement(Select, {
+      loading: resourceLoading,
+      size: "large",
+      allowClear: true,
+      showSearch: true,
+      open: selectOpen,
+      onDropdownVisibleChange: setSelectOpen,
+      filterOption: function filterOption(str, option) {
+        return (option.labelText || '').toLowerCase().includes((str || '').toLowerCase());
+      }
+    }, renderOptions(state.service.resources || [], 'form_record_id', 'label', 'resource')))))), /*#__PURE__*/React.createElement(Form.Item, {
+      hidden: true,
+      name: "quantity"
+    }, /*#__PURE__*/React.createElement(InputNumber, null)), /*#__PURE__*/React.createElement(Form.Item, {
+      hidden: true,
+      name: "like_status"
+    }, /*#__PURE__*/React.createElement(Input, null))))), state.renderType !== 'eventBooking' && errorList.map(function (d, i) {
+      return /*#__PURE__*/React.createElement(Alert, {
+        key: d.type,
+        message: d.label,
+        type: "warning",
+        showIcon: true,
+        style: {
+          marginBottom: 12
+        }
+      });
+    }), /*#__PURE__*/React.createElement("div", {
+      className: "pisell-lowcode__booking-service-body-edit-footer"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "pisell-lowcode__booking-service-delete-wrap",
+      onClick: handleDeleteProduct
+    }, /*#__PURE__*/React.createElement(Delete_wght300_24px, {
+      className: "pisell-lowcode__booking-service-delete-icon"
+    })), /*#__PURE__*/React.createElement(Button, {
+      type: "primary",
+      className: "pisell-lowcode__booking-service-body-edit-footer-apple",
+      disabled: resourceLoading,
+      onClick: function onClick() {
+        form.submit();
+      }
+    }, locales.getText('pisell2.text.apply'))))));
+  }, [state.service.changeService, state.service.editModal, (_state$service$cacheI15 = state.service.cacheItem) === null || _state$service$cacheI15 === void 0 ? void 0 : _state$service$cacheI15.autoClose, locales, (_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$cache2 = _state$service7$cache._extend) === null || _state$service7$cache2 === void 0 ? void 0 : _state$service7$cache2.product_name, bundles, state.amountSymbol, state.channelDisabledEdit, (_state$service$cacheI16 = state.service.cacheItem) === null || _state$service$cacheI16 === void 0 ? void 0 : (_state$service$cacheI17 = _state$service$cacheI16._extend) === null || _state$service$cacheI17 === void 0 ? void 0 : _state$service$cacheI17.origin_total, isDiscount, isReason, state.renderType, (_state$bookingConfig9 = state.bookingConfig) === null || _state$bookingConfig9 === void 0 ? void 0 : (_state$bookingConfig10 = _state$bookingConfig9.config) === null || _state$bookingConfig10 === void 0 ? void 0 : (_state$bookingConfig11 = _state$bookingConfig10.basic) === null || _state$bookingConfig11 === void 0 ? void 0 : (_state$bookingConfig12 = _state$bookingConfig11.service_time) === null || _state$bookingConfig12 === void 0 ? void 0 : _state$bookingConfig12.value, SelectTime, durationProps, timeObj, useResource, useLikeStatus, resourceLoading, selectOpen, state.service.resources, errorList]);
 };
 export default /*#__PURE__*/forwardRef(Info);

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

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

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

@@ -52,4 +52,4 @@ var Service = function Service() {
     ref: detailRef
   }), showAddTimeModal && /*#__PURE__*/React.createElement(AddTimeModal, null));
 };
-export default Service;
+export default /*#__PURE__*/React.memo(Service);

package/es/components/eftposPay/store/index.d.ts

@@ -121,7 +121,7 @@ export declare const updateCustom: (payload: {
 export declare const updateStatus: (status: 'loading' | 'warn' | 'fail' | 'success' | 'question') => {
     type: EActionTypes;
     payload: {
-        status: "success" | "warn" | "loading" | "fail" | "question";
+        status: "loading" | "success" | "warn" | "fail" | "question";
     };
 };
 export declare const updateWarn: (warn: ReactNode) => {
@@ -190,16 +190,16 @@ export declare const backUpProduction: (payload: Partial<State>) => {
 export declare const backUpFree: (payload: Partial<State>) => {
     type: EActionTypes;
     payload: {
-        mode?: "pay" | "refund" | "query" | undefined;
+        mode?: "refund" | "pay" | "query" | undefined;
         eftpos?: "payo" | "tyro" | "windcave" | "stripe" | "eftpos" | undefined;
         key?: number | undefined;
         step?: number | undefined;
         title?: string | undefined;
-        type?: "step" | "unset" | undefined;
+        type?: "unset" | "step" | undefined;
         render?: boolean | undefined;
         component?: string | undefined;
         lastComponent?: string | undefined;
-        status?: "success" | "warn" | "loading" | "fail" | "pedding" | "resove" | "reject" | "question" | undefined;
+        status?: "loading" | "success" | "warn" | "fail" | "pedding" | "resove" | "reject" | "question" | undefined;
         warn?: ReactNode;
         steps?: {
             /** 用于重置当前步骤 */

package/lib/components/booking/components/TabProduct/index.js

@@ -37,6 +37,7 @@ var import_tabs = __toESM(require("./tabs"));
 var import_card = __toESM(require("./card"));
 var import_productItem = __toESM(require("./productItem"));
 var import_index = require("./index.less");
+var import_ahooks = require("ahooks");
 var io = null;
 var TabProduct = (props) => {
   const { list, onChange, amountSymbol = "$", scrollDom } = props;
@@ -48,7 +49,7 @@ var TabProduct = (props) => {
       handleObserver();
     }
   }, [list]);
-  const handleObserver = () => {
+  const handleObserver = (0, import_ahooks.useMemoizedFn)(() => {
     const _marginTop = 270;
     const _marginBottom = window.innerHeight - 70 - 200 - 70;
     const _rootMargin = `${_marginTop * -1}px 0px ${_marginBottom * -1}px 0px`;
@@ -74,8 +75,8 @@ var TabProduct = (props) => {
         }
       }
     }
-  };
-  const handleUnobserver = () => {
+  });
+  const handleUnobserver = (0, import_ahooks.useMemoizedFn)(() => {
     if ((list == null ? void 0 : list.length) && io) {
       for (const item of list) {
         const _item = document.querySelector(`#list-${item.id}`);
@@ -84,65 +85,67 @@ var TabProduct = (props) => {
         }
       }
     }
-  };
-  const onProductClick = (productDetail, type) => {
+  });
+  const onProductClick = (0, import_ahooks.useMemoizedFn)((productDetail, type) => {
     onChange == null ? void 0 : onChange(productDetail, type);
-  };
-  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { className: "booking-tab-product" }, /* @__PURE__ */ import_react.default.createElement(
-    "div",
-    {
-      className: "booking-tabs-wrap",
-      style: {
-        top: "100px"
-      }
-    },
-    /* @__PURE__ */ import_react.default.createElement(import_card.default, { className: "booking-tabs", id: "product-category" }, /* @__PURE__ */ import_react.default.createElement(
-      import_tabs.default,
-      {
-        ref: tabsRef,
-        options: list,
-        rowKey: "id",
-        tab: current,
-        onChange: (e) => {
-          let categoryDom = document.querySelector("#product-category");
-          let top = 0;
-          if (categoryDom) {
-            top = categoryDom.offsetHeight + 16;
-          }
-          const dom = document == null ? void 0 : document.querySelector("#list-" + e);
-          const main = document == null ? void 0 : document.querySelector(scrollDom || "");
-          if (dom && main) {
-            main.scrollTop = dom.offsetTop - top;
-          }
-          handleUnobserver();
-          setCurrent(e);
-          setTimeout(() => {
-            handleObserver();
-          }, 1e3);
-        }
-      }
-    ))
-  ), /* @__PURE__ */ import_react.default.createElement("div", { className: "booking-category-list" }, list.map((d, i) => {
-    return /* @__PURE__ */ import_react.default.createElement(
+  });
+  return (0, import_react.useMemo)(() => {
+    return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { className: "booking-tab-product" }, /* @__PURE__ */ import_react.default.createElement(
       "div",
       {
-        className: "booking-category-item",
-        id: `list-${d.id}`,
-        key: i
+        className: "booking-tabs-wrap",
+        style: {
+          top: "100px"
+        }
       },
-      /* @__PURE__ */ import_react.default.createElement("div", { className: "booking-category-title" }, d.name),
-      /* @__PURE__ */ import_react.default.createElement("div", { className: "booking-product-list" }, /* @__PURE__ */ import_react.default.createElement(import_card.default, { className: "booking-card", layout: 2 }, d.products.map((item) => {
-        return /* @__PURE__ */ import_react.default.createElement(
-          import_productItem.default,
-          {
-            key: item.id,
-            item,
-            onClick: onProductClick,
-            amountSymbol
+      /* @__PURE__ */ import_react.default.createElement(import_card.default, { className: "booking-tabs", id: "product-category" }, /* @__PURE__ */ import_react.default.createElement(
+        import_tabs.default,
+        {
+          ref: tabsRef,
+          options: list,
+          rowKey: "id",
+          tab: current,
+          onChange: (e) => {
+            let categoryDom = document.querySelector("#product-category");
+            let top = 0;
+            if (categoryDom) {
+              top = categoryDom.offsetHeight + 16;
+            }
+            const dom = document == null ? void 0 : document.querySelector("#list-" + e);
+            const main = document == null ? void 0 : document.querySelector(scrollDom || "");
+            if (dom && main) {
+              main.scrollTop = dom.offsetTop - top;
+            }
+            handleUnobserver();
+            setCurrent(e);
+            setTimeout(() => {
+              handleObserver();
+            }, 1e3);
           }
-        );
-      })))
-    );
-  }))));
+        }
+      ))
+    ), /* @__PURE__ */ import_react.default.createElement("div", { className: "booking-category-list" }, list.map((d, i) => {
+      return /* @__PURE__ */ import_react.default.createElement(
+        "div",
+        {
+          className: "booking-category-item",
+          id: `list-${d.id}`,
+          key: i
+        },
+        /* @__PURE__ */ import_react.default.createElement("div", { className: "booking-category-title" }, d.name),
+        /* @__PURE__ */ import_react.default.createElement("div", { className: "booking-product-list" }, /* @__PURE__ */ import_react.default.createElement(import_card.default, { className: "booking-card", layout: 2 }, d.products.map((item) => {
+          return /* @__PURE__ */ import_react.default.createElement(
+            import_productItem.default,
+            {
+              key: item.id,
+              item,
+              onClick: onProductClick,
+              amountSymbol
+            }
+          );
+        })))
+      );
+    }))));
+  }, [list, current, amountSymbol]);
 };
 var TabProduct_default = TabProduct;