@pisell/private-materials 3.4.8 → 3.4.9

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

@@ -54,7 +54,7 @@ var import_utils6 = require("../../../info/service2/utils");
 var import_utils7 = require("../../../../ticketBooking/utils");
 var submitLock = false;
 var Info = (_, ref) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C, _D, _E, _F;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C, _D, _E, _F, _G, _H, _I;
   const [form] = import_antd.Form.useForm();
   const useTotal = import_antd.Form.useWatch("total", form);
   const useResource = import_antd.Form.useWatch("resource", form);
@@ -64,10 +64,13 @@ var Info = (_, ref) => {
   const resourcesRef = (0, import_react.useRef)(null);
   const isChangeTotal = (0, import_react.useRef)(false);
   const isNormalProduct = (0, import_react.useMemo)(() => {
-    var _a2, _b2;
-    return ((_a2 = state == null ? void 0 : state.service) == null ? void 0 : _a2.cacheItem) && (0, import_utils6.isNormalProductByDurationSchedule)((_b2 = state == null ? void 0 : state.service) == null ? void 0 : _b2.cacheItem);
+    var _a2, _b2, _c2;
+    if (!((_a2 = state == null ? void 0 : state.service) == null ? void 0 : _a2.cacheItem)) {
+      return true;
+    }
+    return ((_b2 = state == null ? void 0 : state.service) == null ? void 0 : _b2.cacheItem) && (0, import_utils6.isNormalProductByDurationSchedule)((_c2 = state == null ? void 0 : state.service) == null ? void 0 : _c2.cacheItem);
   }, [(_a = state == null ? void 0 : state.service) == null ? void 0 : _a.cacheItem]);
-  const getCurrentCacheItem = (_cacheItem) => {
+  const getCurrentCacheItem = (0, import_ahooks.useMemoizedFn)((_cacheItem) => {
     let values = form.getFieldsValue();
     let _item = _cacheItem || state.service.cacheItem;
     return {
@@ -77,40 +80,43 @@ var Info = (_, ref) => {
         ...values
       }
     };
-  };
+  });
   const currentResource = (0, import_react.useMemo)(() => {
     return null;
-  }, [useResource]);
+  }, []);
   const durationProps = (0, import_react.useMemo)(() => {
     var _a2, _b2, _c2;
     let _cacheItem = getCurrentCacheItem();
-    return (0, import_utils4.getDurationProps)({
+    const val2 = (0, import_utils4.getDurationProps)({
       cacheItem: _cacheItem,
       useStartTime,
-      currentResource,
+      // currentResource,
       slice: (_c2 = (_b2 = (_a2 = state.bookingConfig) == null ? void 0 : _a2.config) == null ? void 0 : _b2.basic) == null ? void 0 : _c2.service_time
     });
+    return val2;
   }, [
-    currentResource,
+    // currentResource,
     state.service.cacheItem,
     useStartTime,
     useResource,
     (_d = (_c = (_b = state.bookingConfig) == null ? void 0 : _b.config) == null ? void 0 : _c.basic) == null ? void 0 : _d.service_time
   ]);
   const flexibleOption = (0, import_react.useMemo)(() => {
-    return (0, import_utils4.getFlexibleOption)({
+    const op = (0, import_utils4.getFlexibleOption)({
       durationProps
     });
+    return op;
   }, [durationProps, import_utils.locales.locale]);
   const timeObj = (0, import_react.useMemo)(() => {
-    return (0, import_utils4.getTimeObj)({
+    const val2 = (0, import_utils4.getTimeObj)({
       durationProps,
       useStartTime,
       currentResource,
       state,
       useDuration
     });
-  }, [durationProps, useStartTime, currentResource, state, useDuration]);
+    return val2;
+  }, [durationProps, useStartTime, currentResource, (_g = (_f = (_e = state.bookingConfig) == null ? void 0 : _e.config) == null ? void 0 : _f.basic) == null ? void 0 : _g.service_time, useDuration]);
   (0, import_react.useEffect)(() => {
     try {
       if (useDuration.indexOf("flexible_") == 0) {
@@ -123,7 +129,7 @@ var Info = (_, ref) => {
     } catch (err) {
     }
   }, [useDuration, flexibleOption]);
-  const handleDeleteProduct = () => {
+  const handleDeleteProduct = (0, import_ahooks.useMemoizedFn)(() => {
     var _a2;
     if (state.channelDisabledEdit) {
       return;
@@ -140,7 +146,7 @@ var Info = (_, ref) => {
         cacheItem: null
       }
     });
-  };
+  });
   const getDiscount = () => {
     var _a2;
     let oPrice = Number(((_a2 = state.service.cacheItem) == null ? void 0 : _a2._extend.origin_total) || 0);
@@ -218,13 +224,32 @@ var Info = (_, ref) => {
       }
     });
   };
+  const { run: setEditDataRun } = (0, import_ahooks.useDebounceFn)(
+    (...params) => {
+      setEditData(...params);
+    },
+    {
+      wait: 50,
+      leading: true,
+      trailing: false
+    }
+  );
   const setEditData = (0, import_ahooks.useMemoizedFn)(
     (_cacheItem, open, openProductDetail) => {
-      form.resetFields();
+      console.timeEnd("handleChange");
+      console.log("setEditDatasetEditData", _cacheItem, open);
       isChangeTotal.current = false;
       let cacheItem = _cacheItem || state.service.cacheItem;
       let values = cacheItem._extend;
+      const startTime2 = performance.now();
+      console.log(startTime2, "startTime");
+      form.resetFields();
       form.setFieldsValue(values);
+      const endTime = performance.now();
+      console.log(endTime - window.pp1, "打开商品5");
+      console.log("执行时间", endTime - startTime2, values);
+      setTimeout(() => {
+      }, 20);
       if (openProductDetail) {
         setTimeout(() => {
           handleEdit({});
@@ -237,7 +262,7 @@ var Info = (_, ref) => {
     let oPrice = Number(((_a2 = state.service.cacheItem) == null ? void 0 : _a2._extend.origin_total) || 0);
     let cPrice = Number(useTotal || 0);
     return cPrice !== oPrice;
-  }, [useTotal, (_f = (_e = state.service.cacheItem) == null ? void 0 : _e._extend) == null ? void 0 : _f.origin_total]);
+  }, [useTotal, (_i = (_h = state.service.cacheItem) == null ? void 0 : _h._extend) == null ? void 0 : _i.origin_total]);
   const getResources = () => {
     let res = (0, import_utils4.formatResources)({
       cacheItem: getCurrentCacheItem(),
@@ -259,9 +284,9 @@ var Info = (_, ref) => {
     updateResourceErrors(res.maps);
   };
   const updateResourceErrors = (resourceMaps) => {
-    let { resource } = form.getFieldsValue();
-    if (resource) {
-      let _resource = { ...resource };
+    let { resource: resource2 } = form.getFieldsValue();
+    if (resource2) {
+      let _resource = { ...resource2 };
       for (let form_id in _resource) {
         _resource[form_id] = _resource[form_id].map((d) => {
           var _a2, _b2;
@@ -295,24 +320,17 @@ var Info = (_, ref) => {
   ]);
   (0, import_react.useEffect)(() => {
     if (state.isBookingCreatePage && state.service.editModal) {
-      setEditData(null);
+      setEditDataRun(null);
     }
   }, [state.service.editModal, state.isBookingCreatePage]);
   (0, import_react.useEffect)(() => {
     getDiscount();
-  }, [useTotal, (_h = (_g = state.service.cacheItem) == null ? void 0 : _g._extend) == null ? void 0 : _h.origin_total]);
-  const isDiscount = (0, import_react.useMemo)(() => {
-    var _a2, _b2, _c2;
-    if (!((_a2 = state.service) == null ? void 0 : _a2.cacheItem)) {
-      return false;
-    }
-    return useTotal != ((_c2 = (_b2 = state.service) == null ? void 0 : _b2.cacheItem) == null ? void 0 : _c2._extend.origin_total);
-  }, [useTotal, (_j = (_i = state.service) == null ? void 0 : _i.cacheItem) == null ? void 0 : _j._extend.origin_total]);
+  }, [useTotal, (_k = (_j = state.service.cacheItem) == null ? void 0 : _j._extend) == null ? void 0 : _k.origin_total]);
   const bundles = (0, import_react.useMemo)(() => {
     var _a2, _b2, _c2, _d2;
     return ((_d2 = (_c2 = (_b2 = (_a2 = state.service) == null ? void 0 : _a2.cacheItem) == null ? void 0 : _b2._extend) == null ? void 0 : _c2.other) == null ? void 0 : _d2.bundle) || [];
-  }, [(_n = (_m = (_l = (_k = state.service) == null ? void 0 : _k.cacheItem) == null ? void 0 : _l._extend) == null ? void 0 : _m.other) == null ? void 0 : _n.bundle]);
-  const handleEdit = (e) => {
+  }, [(_o = (_n = (_m = (_l = state.service) == null ? void 0 : _l.cacheItem) == null ? void 0 : _m._extend) == null ? void 0 : _n.other) == null ? void 0 : _o.bundle]);
+  const handleEdit = (0, import_ahooks.useMemoizedFn)((e) => {
     var _a2, _b2, _c2, _d2, _e2;
     const item = state.service.cacheItem;
     let values = form.getFieldsValue();
@@ -398,8 +416,8 @@ var Info = (_, ref) => {
         });
       }
     });
-  };
-  const handleChange = (e) => {
+  });
+  const handleChange = (0, import_ahooks.useMemoizedFn)((e) => {
     if (state.channelDisabledEdit) {
       return;
     }
@@ -413,10 +431,10 @@ var Info = (_, ref) => {
         // changeService: true,
       }
     });
-  };
+  });
   (0, import_react.useImperativeHandle)(ref, () => {
     return {
-      init: setEditData
+      init: setEditDataRun
     };
   });
   const handleTotalChange = (number) => {
@@ -428,43 +446,30 @@ var Info = (_, ref) => {
     }
     return false;
   }, [state.renderType, isNormalProduct]);
-  const SelectTime = (_o = window.BaseMaterials) == null ? void 0 : _o.SelectTime;
-  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
-    import_drawer.default,
-    {
-      titleNoWrap: true,
-      zIndex: state.service.changeService ? 999 : 1e3,
-      forceRender: true,
-      mask: state.drawerMask,
-      open: state.service.editModal && !((_p = state.service.cacheItem) == null ? void 0 : _p.autoClose),
-      title: import_utils.locales.getText("pisell2.text.edit-service"),
-      onClose: () => {
-        dispatch({
-          type: "setService",
-          payload: {
-            editModal: false,
-            cacheItem: null,
-            changeService: false
-          }
-        });
-      }
-    },
-    /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-service-body-edit" }, /* @__PURE__ */ import_react.default.createElement(import_antd.Form, { layout: "vertical", form, onFinish }, /* @__PURE__ */ import_react.default.createElement(import_antd.Row, { style: { width: "100%" }, gutter: [16, 0] }, /* @__PURE__ */ import_react.default.createElement(import_antd.Col, { span: 24 }, /* @__PURE__ */ import_react.default.createElement(import_antd.Form.Item, { name: "product_name" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "current-service-info" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "current-service-info-name-wrap" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "current-service-info-name" }, ((_s = (_r = (_q = state.service) == null ? void 0 : _q.cacheItem) == null ? void 0 : _r._extend) == null ? void 0 : _s.product_name) || "-"), /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { onClick: handleEdit }, import_utils.locales.getText("pisell2.text.edit")), !state.isBookingCreatePage && /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { onClick: handleChange }, import_utils.locales.getText("pisell2.text.change"))), /* @__PURE__ */ import_react.default.createElement(
+  const SelectTime = (_p = window.BaseMaterials) == null ? void 0 : _p.SelectTime;
+  console.log(isShowTimeAndResource, "isShowTimeAndResource");
+  const productName = (0, import_react.useMemo)(() => {
+    var _a2, _b2, _c2;
+    return /* @__PURE__ */ import_react.default.createElement(import_antd.Col, { span: 24 }, /* @__PURE__ */ import_react.default.createElement(import_antd.Form.Item, { name: "product_name" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "current-service-info" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "current-service-info-name-wrap" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "current-service-info-name" }, ((_c2 = (_b2 = (_a2 = state.service) == null ? void 0 : _a2.cacheItem) == null ? void 0 : _b2._extend) == null ? void 0 : _c2.product_name) || "-"), /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { onClick: handleEdit }, import_utils.locales.getText("pisell2.text.edit")), !state.isBookingCreatePage && /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { onClick: handleChange }, import_utils.locales.getText("pisell2.text.change"))), /* @__PURE__ */ import_react.default.createElement(
       import_collapsibleList.default,
       {
         style: { marginTop: bundles.length ? "8px" : 0 },
         list: bundles,
         renderItem: (item) => (0, import_utils2.renderBundles)(item, state.amountSymbol)
       }
-    )))), /* @__PURE__ */ import_react.default.createElement(import_antd.Col, { span: 24 }, /* @__PURE__ */ import_react.default.createElement(
+    ))));
+  }, [(_s = (_r = (_q = state.service) == null ? void 0 : _q.cacheItem) == null ? void 0 : _r._extend) == null ? void 0 : _s.product_name, bundles, state.amountSymbol, state.isBookingCreatePage]);
+  const price = (0, import_react.useMemo)(() => {
+    var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2;
+    return /* @__PURE__ */ import_react.default.createElement(import_antd.Col, { span: 24 }, /* @__PURE__ */ import_react.default.createElement(
       import_antd.Form.Item,
       {
         label: import_utils.locales.getText("pisell2.text.price"),
         name: "total",
         rules: [{ required: true }],
-        extra: useTotal !== ((_u = (_t = state.service.cacheItem) == null ? void 0 : _t._extend) == null ? void 0 : _u.origin_total) && import_utils.locales.getText("page.booking.text.price-extra")(
+        extra: useTotal !== ((_b2 = (_a2 = state.service.cacheItem) == null ? void 0 : _a2._extend) == null ? void 0 : _b2.origin_total) && import_utils.locales.getText("page.booking.text.price-extra")(
           (0, import_utils.formatAmount)(
-            (_w = (_v = state.service.cacheItem) == null ? void 0 : _v._extend) == null ? void 0 : _w.origin_total,
+            (_d2 = (_c2 = state.service.cacheItem) == null ? void 0 : _c2._extend) == null ? void 0 : _d2.origin_total,
             2,
             state.amountSymbol
           ),
@@ -480,18 +485,25 @@ var Info = (_, ref) => {
           prefix: state.amountSymbol,
           onChange: handleTotalChange,
           disabled: state.channelDisabledEdit,
-          originValue: ((_y = (_x = state.service.cacheItem) == null ? void 0 : _x._extend) == null ? void 0 : _y.origin_total) || 0,
-          placeholder: ((_A = (_z = state.service.cacheItem) == null ? void 0 : _z._extend) == null ? void 0 : _A.origin_total) || "0"
+          originValue: ((_f2 = (_e2 = state.service.cacheItem) == null ? void 0 : _e2._extend) == null ? void 0 : _f2.origin_total) || 0,
+          placeholder: ((_h2 = (_g2 = state.service.cacheItem) == null ? void 0 : _g2._extend) == null ? void 0 : _h2.origin_total) || "0"
         }
       )
-    )), isReason ? /* @__PURE__ */ import_react.default.createElement(import_antd.Col, { span: 24 }, /* @__PURE__ */ import_react.default.createElement(
+    ));
+  }, [useTotal, (_u = (_t = state.service.cacheItem) == null ? void 0 : _t._extend) == null ? void 0 : _u.origin_total, state.amountSymbol, state.channelDisabledEdit]);
+  const reason = (0, import_react.useMemo)(() => {
+    return isReason ? /* @__PURE__ */ import_react.default.createElement(import_antd.Col, { span: 24 }, /* @__PURE__ */ import_react.default.createElement(
       import_antd.Form.Item,
       {
         label: import_utils.locales.getText("pisell2.text.discount-reason"),
         name: "discount_reason"
       },
       /* @__PURE__ */ import_react.default.createElement(import_antd.Input.TextArea, { size: "large" })
-    )) : null, isShowTimeAndResource && /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_antd.Col, { span: 12 }, /* @__PURE__ */ import_react.default.createElement(
+    )) : null;
+  }, [isReason]);
+  const startTime = (0, import_react.useMemo)(() => {
+    var _a2, _b2, _c2, _d2;
+    return /* @__PURE__ */ import_react.default.createElement(import_antd.Col, { span: 12 }, /* @__PURE__ */ import_react.default.createElement(
       import_antd.Form.Item,
       {
         label: import_utils.locales.getText("pisell2.text.start_time"),
@@ -501,7 +513,7 @@ var Info = (_, ref) => {
       SelectTime ? /* @__PURE__ */ import_react.default.createElement(
         SelectTime,
         {
-          slice: (_E = (_D = (_C = (_B = state.bookingConfig) == null ? void 0 : _B.config) == null ? void 0 : _C.basic) == null ? void 0 : _D.service_time) == null ? void 0 : _E.value,
+          slice: (_d2 = (_c2 = (_b2 = (_a2 = state.bookingConfig) == null ? void 0 : _a2.config) == null ? void 0 : _b2.basic) == null ? void 0 : _c2.service_time) == null ? void 0 : _d2.value,
           timePickerProps: {
             style: { width: "100%" }
           },
@@ -510,7 +522,11 @@ var Info = (_, ref) => {
           }
         }
       ) : null
-    )), /* @__PURE__ */ import_react.default.createElement(import_antd.Col, { span: 12 }, /* @__PURE__ */ import_react.default.createElement(
+    ));
+  }, [SelectTime, (_y = (_x = (_w = (_v = state.bookingConfig) == null ? void 0 : _v.config) == null ? void 0 : _w.basic) == null ? void 0 : _x.service_time) == null ? void 0 : _y.value]);
+  const duration = (0, import_react.useMemo)(() => {
+    console.log("render form duration");
+    return /* @__PURE__ */ import_react.default.createElement(import_antd.Col, { span: 12 }, /* @__PURE__ */ import_react.default.createElement(
       import_antd.Form.Item,
       {
         label: import_utils.locales.getText("pisell2.text.duration"),
@@ -518,23 +534,34 @@ var Info = (_, ref) => {
         rules: [{ required: true }]
       },
       /* @__PURE__ */ import_react.default.createElement(import_duration.default, { ...durationProps, timeObj })
-    )), /* @__PURE__ */ import_react.default.createElement(import_antd.Form.Item, { noStyle: true, name: "resource" }, /* @__PURE__ */ import_react.default.createElement(
+    ));
+  }, [durationProps, timeObj]);
+  const resource = (0, import_react.useMemo)(() => {
+    console.log("render form resource");
+    return /* @__PURE__ */ import_react.default.createElement(import_antd.Form.Item, { noStyle: true, name: "resource" }, /* @__PURE__ */ import_react.default.createElement(
       import_Resources.default,
       {
         ref: resourcesRef,
         state,
         cacheItem: state.service.cacheItem,
-        getCurrentCacheItem,
-        useDuration,
-        useStartTime
+        getCurrentCacheItem
       }
-    )), /* @__PURE__ */ import_react.default.createElement(import_antd.Form.Item, { noStyle: true, name: "capacity" }, /* @__PURE__ */ import_react.default.createElement(
+    ));
+  }, [state.renderType, (_A = (_z = state.service.cacheItem) == null ? void 0 : _z._data) == null ? void 0 : _A.resources, (_C = (_B = state.service.cacheItem) == null ? void 0 : _B._data) == null ? void 0 : _C.resourceMaps]);
+  const capacity = (0, import_react.useMemo)(() => {
+    return /* @__PURE__ */ import_react.default.createElement(import_antd.Form.Item, { noStyle: true, name: "capacity" }, /* @__PURE__ */ import_react.default.createElement(
       import_Capacity.default,
       {
         state,
         cacheItem: state.service.cacheItem
       }
-    )), /* @__PURE__ */ import_react.default.createElement(import_antd.Form.Item, { hidden: true, name: "quantity" }, /* @__PURE__ */ import_react.default.createElement(import_antd.InputNumber, null))), isNormalProduct && /* @__PURE__ */ import_react.default.createElement(import_antd.Col, { span: 24 }, /* @__PURE__ */ import_react.default.createElement(
+    ));
+  }, [state.locale, state.isTerminal, (_F = (_E = (_D = state.service) == null ? void 0 : _D.cacheItem) == null ? void 0 : _E._data) == null ? void 0 : _F.capacitys]);
+  const hiddenQuantity = (0, import_react.useMemo)(() => {
+    return /* @__PURE__ */ import_react.default.createElement(import_antd.Form.Item, { hidden: true, name: "quantity" }, /* @__PURE__ */ import_react.default.createElement(import_antd.InputNumber, null));
+  }, []);
+  const quantity = (0, import_react.useMemo)(() => {
+    return /* @__PURE__ */ import_react.default.createElement(import_antd.Col, { span: 24 }, /* @__PURE__ */ import_react.default.createElement(
       import_antd.Form.Item,
       {
         label: import_utils.locales.getText("pisell2.text.quantity"),
@@ -556,7 +583,11 @@ var Info = (_, ref) => {
           }
         }
       )
-    )))), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-service-body-edit-footer" }, /* @__PURE__ */ import_react.default.createElement(
+    ));
+  }, []);
+  const footer = (0, import_react.useMemo)(() => {
+    var _a2;
+    return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-service-body-edit-footer" }, /* @__PURE__ */ import_react.default.createElement(
       "div",
       {
         className: "pisell-lowcode__booking-service-delete-wrap",
@@ -568,13 +599,47 @@ var Info = (_, ref) => {
       {
         type: "primary",
         className: "pisell-lowcode__booking-service-body-edit-footer-apple",
-        disabled: !isNormalProduct && !((_F = state.service.resourcesOrigin) == null ? void 0 : _F.length),
+        disabled: !isNormalProduct && !((_a2 = state.service.resourcesOrigin) == null ? void 0 : _a2.length),
         onClick: () => {
           form.submit();
         }
       },
       import_utils.locales.getText("pisell2.text.apply")
-    )))
+    ));
+  }, [(_G = state.service.resourcesOrigin) == null ? void 0 : _G.length, isNormalProduct]);
+  console.log("render edit");
+  console.log(state.service.editModal && !((_H = state.service.cacheItem) == null ? void 0 : _H.autoClose), performance.now() - window.pp1, "打开商品1");
+  const [val, setVal] = (0, import_react.useState)(false);
+  (0, import_react.useEffect)(() => {
+    if (isShowTimeAndResource) {
+      setTimeout(() => {
+        setVal(true);
+      }, 200);
+    } else {
+      setVal(false);
+    }
+  }, [isShowTimeAndResource]);
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
+    import_drawer.default,
+    {
+      titleNoWrap: true,
+      zIndex: state.service.changeService ? 999 : 1e3,
+      forceRender: true,
+      mask: state.drawerMask,
+      open: state.service.editModal && !((_I = state.service.cacheItem) == null ? void 0 : _I.autoClose),
+      title: import_utils.locales.getText("pisell2.text.edit-service"),
+      onClose: () => {
+        dispatch({
+          type: "setService",
+          payload: {
+            editModal: false,
+            cacheItem: null,
+            changeService: false
+          }
+        });
+      }
+    },
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-service-body-edit" }, /* @__PURE__ */ import_react.default.createElement(import_antd.Form, { layout: "vertical", form, onFinish }, /* @__PURE__ */ import_react.default.createElement(import_antd.Row, { style: { width: "100%" }, gutter: [16, 0] }, productName, price, reason, val && isShowTimeAndResource && /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, startTime, duration, resource, capacity, hiddenQuantity), isNormalProduct && quantity)), footer)
   ));
 };
 var editService_default = (0, import_react.forwardRef)(Info);

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

@@ -56,14 +56,18 @@ var Service = () => {
   }, []);
   const clearCart = (0, import_useClearCart.default)(state, dispatch);
   const { dom } = (0, import_useQuotation.default)(state, dispatch);
-  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-service-wrap" }, clearCart, /* @__PURE__ */ import_react.default.createElement(
-    import_Lists.default,
-    {
-      isParallelResource: true,
-      onEdit: handleEdit,
-      onAction: handleAction,
-      onChange: (e, type) => dispatchService(type || "setService", e)
-    }
-  ), !state.isBookingCreatePage ? /* @__PURE__ */ import_react.default.createElement(import_addService.default, { onEdit: handleEdit }) : null), /* @__PURE__ */ import_react.default.createElement(import_editService.default, { ref: detailRef }), showAddTimeModal && /* @__PURE__ */ import_react.default.createElement(import_addTimeModal.default, null), dom);
+  const renderMemo = (0, import_react.useMemo)(() => {
+    console.log("render info22222");
+    return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-service-wrap" }, clearCart, /* @__PURE__ */ import_react.default.createElement(
+      import_Lists.default,
+      {
+        isParallelResource: true,
+        onEdit: handleEdit,
+        onAction: handleAction,
+        onChange: (e, type) => dispatchService(type || "setService", e)
+      }
+    ), !state.isBookingCreatePage ? /* @__PURE__ */ import_react.default.createElement(import_addService.default, { onEdit: handleEdit }) : null), /* @__PURE__ */ import_react.default.createElement(import_editService.default, { ref: detailRef }), showAddTimeModal && /* @__PURE__ */ import_react.default.createElement(import_addTimeModal.default, null), dom);
+  }, [clearCart, dom, showAddTimeModal, clearCart]);
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, renderMemo);
 };
 var service_default = import_react.default.memo(Service);

package/lib/components/booking/materiels/duration/index.js

@@ -49,6 +49,7 @@ var Duration = (props) => {
     timeObj,
     ...resetProps
   } = props;
+  const startDateStr = (0, import_react.useMemo)(() => (0, import_dayjs.default)(startDate).format("YYYY-MM-DD HH:mm:ss"), [startDate]);
   const times = (0, import_react.useMemo)(() => {
     if (timeObj) {
       return timeObj.durationSlicesBasedOnTime;
@@ -76,7 +77,7 @@ var Duration = (props) => {
       });
     }
     return durationSlicesBasedOnTime;
-  }, [timeObj, slice, locale, duration, startDate, usableTime]);
+  }, [timeObj.durationSlicesBasedOnTime, slice, locale, duration, startDateStr, usableTime == null ? void 0 : usableTime.end_at]);
   (0, import_react.useEffect)(() => {
     timeObjChange == null ? void 0 : timeObjChange(times);
   }, [times]);
@@ -88,6 +89,10 @@ var Duration = (props) => {
     },
     []
   );
-  return /* @__PURE__ */ import_react.default.createElement(import_antd.Select, { ...selectProps, ...resetProps }, renderOptions(times));
+  const options = (0, import_react.useMemo)(() => {
+    console.log("render form options");
+    return renderOptions(times);
+  }, [times]);
+  return /* @__PURE__ */ import_react.default.createElement(import_antd.Select, { ...selectProps, ...resetProps }, options);
 };
 var duration_default = Duration;

package/lib/components/shoppingCart/components/Cart/Product.js

@@ -37,6 +37,7 @@ var import_materials = require("@pisell/materials");
 var import_useClearCart = __toESM(require("../../hooks/useClearCart"));
 var import_useContext = require("../../hooks/useContext");
 var import_useAddService = __toESM(require("../../hooks/useAddService"));
+var import_ahooks = require("ahooks");
 var Product = (props) => {
   const { id, lists, isAdd = true } = props;
   const { state, onAction, onChange } = (0, import_useContext.useContext)();
@@ -54,10 +55,10 @@ var Product = (props) => {
     isShowEditProduct
   } = state;
   const clearCart = (0, import_useClearCart.default)(id);
-  const handleChange = (item, type, other) => {
+  const handleChange = (0, import_ahooks.useMemoizedFn)((item, type, other) => {
     if (disabledEdit && !(other == null ? void 0 : other.disabled)) return;
     onChange(item, type, other);
-  };
+  });
   const productParams = (0, import_react.useMemo)(() => {
     return {
       isShowNote,
@@ -81,24 +82,33 @@ var Product = (props) => {
     isShowChangeHolder,
     isShowEditProduct
   ]);
-  return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__shopping-cart-content" }, clearCart, lists == null ? void 0 : lists.map((item) => {
-    return /* @__PURE__ */ import_react.default.createElement(
-      import_materials.ProductCard,
-      {
-        key: item._id,
-        dataSource: item,
-        onAction: (e) => onAction == null ? void 0 : onAction(e),
-        onDelete: (e) => handleChange(e, "delete", item),
-        onNote: (e) => handleChange(e, "note", { note: e.note }),
-        onLike: (e) => handleChange(e, "like", { like_status: e.like_status }),
-        onEditProduct: (e) => handleChange == null ? void 0 : handleChange(e, "edit_product"),
-        onCard: (e) => handleChange == null ? void 0 : handleChange(e, "view"),
-        onChangeResource: (e) => handleChange(item, "change_resource", e),
-        onChangeHolder: (e) => handleChange(item, "change_holder", e),
-        onAddHolder: (e) => handleChange(item, "add_holder", e),
-        ...productParams
-      }
-    );
-  }), !hideAddBtn && platform !== "h5" && isAdd ? (0, import_useAddService.default)(id, "more") : null);
+  (0, import_ahooks.useTrackedEffect)(
+    (changes) => {
+      console.log("Index of changed dependencies: ", changes);
+    },
+    [clearCart, lists, productParams, hideAddBtn, isAdd, platform]
+  );
+  return (0, import_react.useMemo)(() => {
+    console.log("render cart");
+    return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__shopping-cart-content" }, clearCart, lists == null ? void 0 : lists.map((item) => {
+      return /* @__PURE__ */ import_react.default.createElement(
+        import_materials.ProductCard,
+        {
+          key: item._id,
+          dataSource: item,
+          onAction: (e) => onAction == null ? void 0 : onAction(e),
+          onDelete: (e) => handleChange(e, "delete", item),
+          onNote: (e) => handleChange(e, "note", { note: e.note }),
+          onLike: (e) => handleChange(e, "like", { like_status: e.like_status }),
+          onEditProduct: (e) => handleChange == null ? void 0 : handleChange(e, "edit_product"),
+          onCard: (e) => handleChange == null ? void 0 : handleChange(e, "view"),
+          onChangeResource: (e) => handleChange(item, "change_resource", e),
+          onChangeHolder: (e) => handleChange(item, "change_holder", e),
+          onAddHolder: (e) => handleChange(item, "add_holder", e),
+          ...productParams
+        }
+      );
+    }), !hideAddBtn && platform !== "h5" && isAdd ? (0, import_useAddService.default)(id, "more") : null);
+  }, [clearCart, lists, productParams, hideAddBtn, isAdd, platform]);
 };
 var Product_default = Product;

package/lib/components/shoppingCart/components/Cart/index.js

@@ -66,20 +66,23 @@ var Cart = () => {
       };
     });
   }, [carts, platform]);
-  return /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("pisell-lowcode__shopping-cart") }, isProductList ? /* @__PURE__ */ import_react.default.createElement(import_Product.default, { id: void 0, lists: state == null ? void 0 : state.products }) : /* @__PURE__ */ import_react.default.createElement(
-    import_materials.Collapse,
-    {
-      items: cartsMap,
-      showHeader: true,
-      panelBackground: "#ffffff",
-      collapsible: platform !== "shop" ? "disabled" : "-",
-      accordion: platform === "shop",
-      onChange: (key) => {
-        updateState({ activeKey: key });
-        onActiveKey(key);
-      },
-      ...collapseParams
-    }
-  ));
+  return (0, import_react.useMemo)(() => {
+    console.log("render cart 22222");
+    return /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("pisell-lowcode__shopping-cart") }, isProductList ? /* @__PURE__ */ import_react.default.createElement(import_Product.default, { id: void 0, lists: state == null ? void 0 : state.products }) : /* @__PURE__ */ import_react.default.createElement(
+      import_materials.Collapse,
+      {
+        items: cartsMap,
+        showHeader: true,
+        panelBackground: "#ffffff",
+        collapsible: platform !== "shop" ? "disabled" : "-",
+        accordion: platform === "shop",
+        onChange: (key) => {
+          updateState({ activeKey: key });
+          onActiveKey(key);
+        },
+        ...collapseParams
+      }
+    ));
+  }, [isProductList, cartsMap, platform, collapseParams, state == null ? void 0 : state.products]);
 };
 var Cart_default = Cart;