@pisell/private-materials 6.2.25 → 6.2.27

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,44 +446,30 @@ var Info = (_, ref) => {
     }
     return false;
   }, [state.renderType, isNormalProduct]);
-  const SelectTime = (_o = window.BaseMaterials) == null ? void 0 : _o.SelectTime;
+  const SelectTime = (_p = window.BaseMaterials) == null ? void 0 : _p.SelectTime;
   const isNoSpecAndPackage = (0, import_utilsByBooking.getIsNoSpecAndPackage)(state.service.cacheItem);
-  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: !isNoSpecAndPackage && 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 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
           ),
@@ -481,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"),
@@ -502,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%" }
           },
@@ -511,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"),
@@ -519,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"),
@@ -557,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",
@@ -569,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]);
+  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: !isNoSpecAndPackage && 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

@@ -40,8 +40,8 @@ var import_service = require("../../info/service/index.less");
 var import_addTimeModal = __toESM(require("./addTimeModal"));
 var import_useInfoHolder = __toESM(require("../../info/hooks/useInfoHolder"));
 var import_Lists = __toESM(require("../../info/service/Lists"));
-var import_useQuotation = __toESM(require("../../hooks/useQuotation"));
 var import_editNormalService = __toESM(require("./editNormalService"));
+var import_useQuotation = __toESM(require("../../hooks/useQuotation"));
 var Service = () => {
   const { state, dispatch } = (0, import_react.useContext)(import_model.Context);
   const {
@@ -56,14 +56,18 @@ var Service = () => {
     document.body.id = "body";
   }, []);
   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" }, /* @__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), /* @__PURE__ */ import_react.default.createElement(import_editNormalService.default, { ref: editNormalServiceRef }), 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" }, /* @__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), /* @__PURE__ */ import_react.default.createElement(import_editNormalService.default, { ref: editNormalServiceRef }), dom);
+  }, [dom, showAddTimeModal]);
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, renderMemo);
 };
 var service_default = import_react.default.memo(Service);

package/lib/components/booking/info2/utilsByBooking.js

@@ -43,6 +43,7 @@ var import_dayjs = __toESM(require("dayjs"));
 var import_utils = require("@pisell/utils");
 var import_utils2 = require("../utils");
 var import_utils3 = require("../info/service2/utils");
+var import_utils4 = require("../../ticketBooking/components/addServiceVariant/utils");
 var getUseableEventCount = (eventList, current) => {
   return (eventList || []).reduce((pre, event) => {
     return pre - event.pax;
@@ -286,7 +287,7 @@ var getIsNoSpecAndPackage = (product) => {
   if (product == null ? void 0 : product.isEditBooking) {
     return ((_a = product == null ? void 0 : product.product_bundle) == null ? void 0 : _a.length) === 0 && (product == null ? void 0 : product.product_variant_id) === 0 && (((_c = (_b = product == null ? void 0 : product.product_sku) == null ? void 0 : _b.option) == null ? void 0 : _c.length) || 0) === 0;
   }
-  return (product == null ? void 0 : product.is_bundle) === 0 && (((_d = product == null ? void 0 : product.variant) == null ? void 0 : _d.length) || 0) === 0 && ((product == null ? void 0 : product.option_group_count) || 0) === 0;
+  return (product == null ? void 0 : product.is_bundle) === 0 && (((_d = product == null ? void 0 : product.variant) == null ? void 0 : _d.length) || 0) === 0 && !(0, import_utils4.isOption)(product);
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

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/booking/materiels/holder/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SelectProps } from 'antd';
 interface HolderProps extends SelectProps {
     selectProps?: SelectProps;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SelectProps } from "antd";
 interface StartTimeProps extends SelectProps {
     locale?: string;

package/lib/components/booking/utils.d.ts

@@ -165,10 +165,10 @@ export declare const getProductTotalPrice: (item: any) => number;
 export declare const getDuration: (duration: number | {
     type: string;
     value: number;
-}) => number | {
+}) => number | "flexible" | {
     type: string;
     value: number;
-} | "flexible";
+};
 export declare const isWalkIn: (customer_id?: number | string) => boolean;
 export declare const getIsEdit: (state: any) => boolean;
 export {};

package/lib/components/eftpos/deviceList/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const _default: ({ input, ...formItemProps }: any) => JSX.Element;
 export default _default;

package/lib/components/eftpos/form/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * @title: 递归循环表单数据
  * @Author: hongbing.wang

package/lib/components/eftpos/group/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { RadioGroupProps } from 'antd';
 export declare const CheckboxGroup: ({ direction, options, ...props }: any) => JSX.Element;
 export declare const RadioGroup: ({ direction, options, ...props }: RadioGroupProps & {

package/lib/components/eftpos/hooks.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Eftpos } from './const';
 /**
  * @title: tyro 设备连接

package/lib/components/eftpos/icon/apiKey.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: ({ color }: {
     color?: string | undefined;
 }) => JSX.Element;

package/lib/components/eftpos/icon/device.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: ({ color }: {
     color?: string | undefined;
 }) => JSX.Element;

package/lib/components/eftpos/receipt/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * @title: 自定义组件设置
  * @description: 自定义组件设置

package/lib/components/eftpos/surcharge/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.css';
 /**
  * @title: 自定义组件设置

package/lib/components/eftposPay/amount.d.ts

@@ -8,7 +8,7 @@ import { PosProps } from './const';
  */
 declare const _default: ({ className, onChange, onClose, formatAmount, isMobile, net, client }: {
     className?: string | undefined;
-    onChange?: ((status: "page" | "success" | "print" | "fail" | "mark_tx_processed", params?: string | {
+    onChange?: ((status: "success" | "page" | "fail" | "print" | "mark_tx_processed", params?: string | {
         [keys: string]: unknown;
     } | undefined, other?: any) => void) | undefined;
     onClose: () => void;

package/lib/components/eftposPay/app.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { PosProps, RouteType } from './const';
 declare const App: ({ action, api, device_number, terminal, tyroUrl, tyroVersion, onChangeParams, isMobile, channel, formatAmount, ...props }: Omit<PosProps, "type" | "mode" | "getApi"> & {
     action: RouteType;

package/lib/components/eftposPay/component/alert/warn.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const _default: () => JSX.Element;
 export default _default;

package/lib/components/eftposPay/component/header/titlebar.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './titlebar.less';
 declare enum EPopupTitleBarVariantType {
     BackTitleClose = "back-title-cancel",

package/lib/components/eftposPay/component/step/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { StatusType } from '../../const';
 declare const _default: (props: {
     status: StatusType;

package/lib/components/eftposPay/component/step/step.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: (props: {
     status: string;
     pedding?: string;

package/lib/components/eftposPay/device.d.ts

@@ -10,7 +10,7 @@ import './device.less';
 declare const _default: ({ api, onChange, onClose, className, device_number, isMobile, net, client, formatAmount, }: {
     api: PayProps['api'];
     className?: string | undefined;
-    onChange?: ((status: "page" | "success" | "print" | "fail" | "mark_tx_processed", params?: string | {
+    onChange?: ((status: "success" | "page" | "fail" | "print" | "mark_tx_processed", params?: string | {
         [keys: string]: unknown;
     } | undefined, other?: any) => void) | undefined;
     onClose: () => void;