@pisell/private-materials 6.2.24 → 6.2.26

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;
+  const isNoSpecAndPackage = (0, import_utilsByBooking.getIsNoSpecAndPackage)(state.service.cacheItem);
+  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]);
+  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,7 +40,7 @@ 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_useClearCart = __toESM(require("../../hooks/useClearCart"));
+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);
@@ -49,21 +49,25 @@ var Service = () => {
     handleEdit,
     handleAction,
     dispatchService,
-    showAddTimeModal
+    showAddTimeModal,
+    editNormalServiceRef
   } = (0, import_useInfoHolder.default)(state, dispatch);
   (0, import_react.useEffect)(() => {
     document.body.id = "body";
   }, []);
-  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" }, /* @__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/service/serviceItem/index.js

@@ -158,7 +158,7 @@ var ServiceItem = ({
       },
       /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { type: "text", icon: /* @__PURE__ */ import_react.default.createElement(import_materials.Iconfont, { type: "pisell2-trash-01" }) })
     ),
-    d.id ? /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-service-item-title" }, d.title) : null,
+    d.id || d.isCustomItem ? /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-service-item-title" }, d.title) : null,
     d._extend && state.renderType !== "eventBooking" ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-service-item-date" }, (0, import_utils.getServiceTime)(d, state.date.value)), renderResources) : null,
     (((_d = (_c = d._extend) == null ? void 0 : _c.other) == null ? void 0 : _d.bundle) || []).length ? /* @__PURE__ */ import_react.default.createElement(
       import_collapsibleList.default,
@@ -168,7 +168,7 @@ var ServiceItem = ({
         renderItem: (item) => (0, import_utils3.renderBundles)(item, state.amountSymbol)
       }
     ) : null,
-    d.id ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-service-item-price-wrap" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "pisell-lowcode__booking-service-item-price" }, (0, import_utils2.formatAmount)((_g = d._extend) == null ? void 0 : _g.total, 2, state.amountSymbol)), isDiscount ? /* @__PURE__ */ import_react.default.createElement("span", { className: "pisell-lowcode__booking-service-item-original-price" }, (0, import_utils2.formatAmount)(d._extend.origin_total, 2, state.amountSymbol)) : null)) : null,
+    d.id || d.isCustomItem ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-service-item-price-wrap" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "pisell-lowcode__booking-service-item-price" }, (0, import_utils2.formatAmount)((_g = d._extend) == null ? void 0 : _g.total, 2, state.amountSymbol)), isDiscount ? /* @__PURE__ */ import_react.default.createElement("span", { className: "pisell-lowcode__booking-service-item-original-price" }, (0, import_utils2.formatAmount)(d._extend.origin_total, 2, state.amountSymbol)) : null)) : null,
     isDiscount && ((_h = d._extend) == null ? void 0 : _h.discount_reason) ? /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-service-item-discount-reason" }, /* @__PURE__ */ import_react.default.createElement("span", null, import_utils2.locales.getText("pisell2.text.discount-reason"), ":"), " ", (_i = d._extend) == null ? void 0 : _i.discount_reason) : null,
     renderUser,
     ((_j = d._extend.relation_details) == null ? void 0 : _j.length) ? /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-service-item-relation-details" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-service-item-title" }, import_utils2.locales.getText("page.booking.text.sales")), d._extend.relation_details.map((item, index) => {

package/lib/components/booking/info2/utilsByBooking.d.ts

@@ -33,3 +33,4 @@ export declare const getAppointmentTimingPreference: (state: any) => any;
  * @Date: 2024-01-26 14:09
  */
 export declare const getServiceStartTimeAndEndTime: (state: any, cacheItem: any, timeObj: any) => any;
+export declare const getIsNoSpecAndPackage: (product: any) => boolean;

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

@@ -33,6 +33,7 @@ __export(utilsByBooking_exports, {
   formatTimes: () => formatTimes,
   getAppointmentTimingPreference: () => getAppointmentTimingPreference,
   getErrorList: () => getErrorList,
+  getIsNoSpecAndPackage: () => getIsNoSpecAndPackage,
   getResourceTimeIsUsable: () => getResourceTimeIsUsable,
   getServiceStartTimeAndEndTime: () => getServiceStartTimeAndEndTime,
   getSumCapacity: () => getSumCapacity
@@ -41,6 +42,7 @@ module.exports = __toCommonJS(utilsByBooking_exports);
 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 getUseableEventCount = (eventList, current) => {
   return (eventList || []).reduce((pre, event) => {
     return pre - event.pax;
@@ -208,15 +210,21 @@ var getAppointmentTimingPreference = (state) => {
   return ((_c = (_b = (_a = state == null ? void 0 : state.bookingConfig) == null ? void 0 : _a.config) == null ? void 0 : _b.information_tab) == null ? void 0 : _c.appointment_timing_preference) || "sequential";
 };
 var getServiceStartTimeAndEndTime = (state, cacheItem, timeObj) => {
-  var _a, _b, _c;
+  var _a, _b, _c, _d;
+  if (cacheItem == null ? void 0 : cacheItem.isCustomItem) {
+    return {
+      duration: null
+      // 自定义商品没有时长概念
+    };
+  }
   const appointmentTimingPreference = getAppointmentTimingPreference(state);
-  let lastServer = (0, import_utils2.getLastServer)(state.service.value);
+  let lastServer = (0, import_utils2.getLastServer)((_a = state.service.value) == null ? void 0 : _a.filter((item) => !item.isCustomItem));
   let _extend = {
     // 时长: 当前商品时长 > 第一个时长
     duration: (0, import_utils2.findNextDuration)(
       cacheItem.duration,
       timeObj.durationSlicesBasedOnTime,
-      (_a = cacheItem == null ? void 0 : cacheItem.duration) == null ? void 0 : _a.value
+      (_b = cacheItem == null ? void 0 : cacheItem.duration) == null ? void 0 : _b.value
     )
   };
   if (lastServer) {
@@ -259,7 +267,7 @@ var getServiceStartTimeAndEndTime = (state, cacheItem, timeObj) => {
   const { startDate, endDate } = (0, import_utils2.getServiceTimes)({ _extend });
   _extend.startDate = startDate;
   _extend.endDate = endDate;
-  const session = (_c = (_b = cacheItem == null ? void 0 : cacheItem._extend) == null ? void 0 : _b.other) == null ? void 0 : _c.session;
+  const session = (_d = (_c = cacheItem == null ? void 0 : cacheItem._extend) == null ? void 0 : _c.other) == null ? void 0 : _d.session;
   if ((0, import_utils2.isSessionProduct)(cacheItem) && session) {
     _extend.start_date = session.start_at;
     _extend.startDate = session.start_at;
@@ -270,12 +278,23 @@ var getServiceStartTimeAndEndTime = (state, cacheItem, timeObj) => {
   }
   return _extend;
 };
+var getIsNoSpecAndPackage = (product) => {
+  var _a, _b, _c, _d;
+  if (!(0, import_utils3.isNormalProductByDurationSchedule)(product)) {
+    return false;
+  }
+  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;
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   formatResource,
   formatTimes,
   getAppointmentTimingPreference,
   getErrorList,
+  getIsNoSpecAndPackage,
   getResourceTimeIsUsable,
   getServiceStartTimeAndEndTime,
   getSumCapacity