@pisell/private-materials 6.8.7 → 6.8.9

package/lib/components/booking/info2/service/editService/Holder/index.less

@@ -0,0 +1,63 @@
+.booking-holder-field {
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+
+  &__header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    flex-wrap: wrap;
+    gap: 8px;
+  }
+
+  &__title {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    font-weight: 600;
+    font-size: 14px;
+    line-height: 20px;
+  }
+
+  &__required {
+    color: #ff4d4f;
+  }
+
+  &__count {
+    color: #667085;
+    font-size: 12px;
+  }
+
+  &__actions {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+  }
+
+  &__action-button {
+    padding: 0;
+    border: none;
+    background: transparent;
+    color: #7f56d9;
+    font-size: 12px;
+    line-height: 16px;
+    cursor: pointer;
+    span {
+      text-decoration: underline;
+      text-underline-offset: 4px;
+    }
+
+    &:hover {
+      color: #6941c6;
+    }
+
+    &:disabled,
+    &.booking-holder-field__action--disabled {
+      cursor: not-allowed;
+      opacity: 0.5;
+      color: #c2a9f1;
+    }
+  }
+}
+

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

@@ -40,6 +40,7 @@ var import_model = require("../../../info/model");
 var import_duration = __toESM(require("../../../materiels/duration"));
 var import_Capacity = __toESM(require("./Capacity"));
 var import_Resources = __toESM(require("./Resources"));
+var import_Holder = __toESM(require("./Holder"));
 var import_antd = require("antd");
 var import_index = require("./index.less");
 var import_collapsibleList = __toESM(require("../../../components/collapsibleList"));
@@ -56,20 +57,29 @@ var import_utils7 = require("../addService/utils");
 var import_utils8 = require("./utils");
 var import_noteModal = __toESM(require("../../../../../plus/noteModal"));
 var import_priceKeyboard = require("../../../../../pro/priceKeyboard");
+var import_EditTabs = __toESM(require("../../../info/service/editService/EditTabs"));
+var import_BookingList = __toESM(require("../../../info/service/editService/BookingList"));
+var import_dayjs = __toESM(require("dayjs"));
+var import_utils9 = require("../../../info/service2/Group/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, _G, _H, _I;
+  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, _J, _K;
   const [form] = import_antd.Form.useForm();
   const useTotal = import_antd.Form.useWatch("total", form);
   const useResource = import_antd.Form.useWatch("resource", form);
   const useStartTime = import_antd.Form.useWatch("start_time", form);
   const useDuration = import_antd.Form.useWatch("duration", form);
+  const useHolder = import_antd.Form.useWatch("holder", form);
+  const useHolderId = import_antd.Form.useWatch("holder_id", form);
   const useNote = import_antd.Form.useWatch("note", form);
+  const useStartDate = import_antd.Form.useWatch("start_date", form);
+  const useEndDate = import_antd.Form.useWatch("end_date", form);
   const { state, dispatch } = (0, import_react.useContext)(import_model.Context);
   const resourcesRef = (0, import_react.useRef)(null);
   const isChangeTotal = (0, import_react.useRef)(false);
   const [noteModalOpen, setNoteModalOpen] = (0, import_react.useState)(false);
   const [open, setOpen] = (0, import_react.useState)(false);
+  const [currentTab, setCurrentTab] = (0, import_react.useState)("batch_edit");
   (0, import_react.useEffect)(() => {
     window.openBookingEditModal = () => {
       setOpen(true);
@@ -124,6 +134,7 @@ var Info = (_, ref) => {
   }, [durationProps, import_utils.locales.locale]);
   const timeObj = (0, import_react.useMemo)(() => {
     const val2 = (0, import_utils7.getTimeObj)({
+      cacheItem: getCurrentCacheItem(),
       durationProps,
       useStartTime,
       currentResource,
@@ -188,7 +199,7 @@ var Info = (_, ref) => {
     form.setFieldsValue({ discount });
   };
   const onFinish = (values) => {
-    var _a2, _b2, _c2, _d2, _e2, _f2;
+    var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2, _k2;
     let isSuccess = (_a2 = resourcesRef.current) == null ? void 0 : _a2.check();
     if (isShowTimeAndResource && !isSuccess) {
       return;
@@ -213,37 +224,67 @@ var Info = (_, ref) => {
       },
       ...values
     };
-    const { startDate, endDate } = (0, import_utils6.getServiceTimes)({ _extend });
-    _extend.startDate = startDate;
-    _extend.endDate = endDate;
+    if (isEditGroup) {
+      _extend.quantity = 1;
+      _extend.startDate = _extend == null ? void 0 : _extend.start_date;
+      _extend.endDate = _extend == null ? void 0 : _extend.end_date;
+    } else {
+      const { startDate, endDate } = (0, import_utils6.getServiceTimes)({ _extend });
+      _extend.startDate = startDate;
+      _extend.endDate = endDate;
+    }
     if (_extend.bundle_edit !== void 0) {
       _extend.bundle_edit = 1;
     }
     _item._extend = _extend;
     _item._time = (/* @__PURE__ */ new Date()).getTime();
     _item._serviceKey = (0, import_utils3.genServiceKey)(_item);
+    _item._holderKey = (0, import_utils3.genHolderKey)(_item);
+    if (((_d2 = (_c2 = _item._extend) == null ? void 0 : _c2.holder_id) == null ? void 0 : _d2.length) > 1 || ((_e2 = _item._extend) == null ? void 0 : _e2.quantity) > 1 && ((_g2 = (_f2 = _item._extend) == null ? void 0 : _f2.holder_id) == null ? void 0 : _g2.length) >= 1) {
+      let holder_ids = _item._extend.holder_id;
+      _item._extend.holder_id = holder_ids[0];
+      holder_ids = holder_ids.slice(1);
+      _item._holderKey = (0, import_utils3.genHolderKey)(_item);
+      holder_ids.forEach((holder_id) => {
+        const newItem = { ..._item, _id: (0, import_utils.getUniqueId)(), _extend: { ..._item._extend, holder_id: [holder_id], quantity: 1 } };
+        newItem._holderKey = (0, import_utils3.genHolderKey)(newItem);
+        _list.unshift(newItem);
+        _item._extend.quantity -= 1;
+      });
+      if (_item._extend.quantity > 1) {
+        const newItem = { ..._item, _id: (0, import_utils.getUniqueId)(), _extend: { ..._item._extend, holder_id: void 0, quantity: _item._extend.quantity - 1 } };
+        newItem._holderKey = (0, import_utils3.genHolderKey)(newItem);
+        _list.unshift(newItem);
+        _item._extend.quantity = 1;
+      }
+    }
     let _id = _item == null ? void 0 : _item._id;
+    let groupId = (_h2 = _item == null ? void 0 : _item._extend) == null ? void 0 : _h2.groupId;
     _item = (0, import_utils8.setProductPrice)(_item, {
       newTotal: values.total,
-      origin_total: (_c2 = _item._extend) == null ? void 0 : _c2.origin_total
+      origin_total: (_i2 = _item._extend) == null ? void 0 : _i2.origin_total
     });
-    if (!_list.some((d) => d._id === _id)) {
-      const detail = (0, import_utils3.addService)(_list, _item, state);
-      _list = detail.list;
+    if (groupId) {
+      _list = _list.filter((d) => {
+        var _a3;
+        return ((_a3 = d._extend) == null ? void 0 : _a3.groupId) !== groupId;
+      });
+      _list = _list.concat((0, import_utils9.createBookingItemsByGroup)(_item, true));
     } else {
-      if (isChangeTotal.current) {
-        delete _item.discount_list;
-        _item = (0, import_utils8.setProductPrice)(_item, {
-          newTotal: values.total,
-          origin_total: (_d2 = _item._extend) == null ? void 0 : _d2.origin_total
-        });
+      if (!_list.some((d) => d._id === _id)) {
+        const detail = (0, import_utils3.addService)(_list, _item, state);
+        _list = detail.list;
+      } else {
+        if (isChangeTotal.current) {
+          delete _item.discount_list;
+        }
+        _list = _list.map((d) => d._id === _id ? { ..._item, new: 0 } : d);
       }
-      _list = _list.map((d) => d._id === _id ? { ..._item, new: 0 } : d);
     }
     (0, import_utils6.deleteCacheParams)();
     console.log("_onFinish", _list);
     form.resetFields();
-    if (!!((_e2 = state.service.cacheItem) == null ? void 0 : _e2.new)) {
+    if (!!((_j2 = state.service.cacheItem) == null ? void 0 : _j2.new)) {
       window.dispatchEvent(
         new CustomEvent("onAddNewService", {
           detail: {
@@ -252,7 +293,15 @@ var Info = (_, ref) => {
         })
       );
     }
-    (_f2 = window.closeBookingEditModal) == null ? void 0 : _f2.call(window);
+    (_k2 = window.closeBookingEditModal) == null ? void 0 : _k2.call(window);
+    _list.sort((a, b) => {
+      var _a3, _b3;
+      const aHasHolderId = ((_a3 = a._extend) == null ? void 0 : _a3.holder_id) && (Array.isArray(a._extend.holder_id) ? a._extend.holder_id.length > 0 : true);
+      const bHasHolderId = ((_b3 = b._extend) == null ? void 0 : _b3.holder_id) && (Array.isArray(b._extend.holder_id) ? b._extend.holder_id.length > 0 : true);
+      if (!aHasHolderId && bHasHolderId) return -1;
+      if (aHasHolderId && !bHasHolderId) return 1;
+      return 0;
+    });
     dispatch({
       type: "setService",
       payload: {
@@ -279,16 +328,34 @@ var Info = (_, ref) => {
     (_cacheItem, open2, openProductDetail) => {
       console.timeEnd("handleChange");
       console.log("setEditDatasetEditData", _cacheItem, open2);
+      setCurrentTab("batch_edit");
       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);
+      form.setFieldsValue({
+        capacity: values.capacity,
+        discount_reason: values.discount_reason,
+        duration: values.duration,
+        endDate: values.endDate,
+        end_date: values.end_date,
+        origin_total: values.origin_total,
+        price: values.price,
+        product_name: values.product_name,
+        quantity: values.quantity,
+        resource: values.resource,
+        startDate: values.startDate,
+        start_time: values.start_time,
+        start_date: values.start_date,
+        total: values.total,
+        holder_id: values.holder_id,
+        note: values.note
+      });
+      const endTime2 = performance.now();
+      console.log(endTime2 - window.pp1, "打开商品5");
+      console.log("执行时间", endTime2 - startTime2, values);
       setTimeout(() => {
       }, 20);
       if (openProductDetail) {
@@ -305,9 +372,10 @@ var Info = (_, ref) => {
     return cPrice !== oPrice;
   }, [useTotal, (_i = (_h = state.service.cacheItem) == null ? void 0 : _h._extend) == null ? void 0 : _i.origin_total]);
   const getResources = () => {
+    var _a2, _b2;
     let res = (0, import_utils7.formatResources)({
       cacheItem: getCurrentCacheItem(),
-      resourcesOrigin: state.service.cacheItem._data.resourcesOrigin
+      resourcesOrigin: (_b2 = (_a2 = state.service.cacheItem) == null ? void 0 : _a2._data) == null ? void 0 : _b2.resourcesOrigin
     });
     dispatch({
       type: "setService",
@@ -491,6 +559,18 @@ var Info = (_, ref) => {
   }, [state.renderType, isNormalProduct]);
   const SelectTime = (_p = window.BaseMaterials) == null ? void 0 : _p.SelectTime;
   const isNoSpecAndPackage = (0, import_utilsByBooking.getIsNoSpecAndPackage)(state.service.cacheItem);
+  const items = (0, import_react.useMemo)(() => {
+    var _a2, _b2;
+    return ((_b2 = (_a2 = getCurrentCacheItem()) == null ? void 0 : _a2._extend) == null ? void 0 : _b2.items) || [];
+  }, [
+    getCurrentCacheItem(),
+    state.service.cacheItem,
+    currentResource,
+    useTotal
+  ]);
+  const isEditGroup = (0, import_react.useMemo)(() => {
+    return items.length;
+  }, [items]);
   const handleNoteConfirm = (noteValue) => {
     form.setFieldsValue({ note: noteValue });
     setNoteModalOpen(false);
@@ -573,16 +653,28 @@ var Info = (_, ref) => {
       /* @__PURE__ */ import_react.default.createElement(import_antd.Input.TextArea, { size: "large" })
     )) : null;
   }, [isReason]);
+  const DateCom = (position) => {
+    return /* @__PURE__ */ import_react.default.createElement(
+      import_antd.DatePicker,
+      {
+        className: "pisell-lowcode__booking-service-select-date",
+        disabledDate: (current) => (0, import_utils4.disabledDate)(current, position, state.date.value),
+        size: "large",
+        style: { width: "100%" },
+        format: state.locale === "en" ? "DD/MM/YYYY" : "YYYY-MM-DD"
+      }
+    );
+  };
   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"),
-        name: "start_time",
+        label: import_utils.locales.getText(isEditGroup ? "pisell2.text.start_date" : "pisell2.text.start_time"),
+        name: isEditGroup ? "start_date" : "start_time",
         rules: [{ required: true }]
       },
-      SelectTime ? /* @__PURE__ */ import_react.default.createElement(
+      isEditGroup ? DateCom("start") : SelectTime ? /* @__PURE__ */ import_react.default.createElement(
         SelectTime,
         {
           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,
@@ -595,10 +687,23 @@ var Info = (_, ref) => {
         }
       ) : null
     ));
-  }, [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]);
+  }, [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, isEditGroup]);
+  const endTime = (0, import_react.useMemo)(() => {
+    if (!isEditGroup) {
+      return null;
+    }
+    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.end_date"),
+        name: "end_date"
+      },
+      DateCom("end")
+    ));
+  }, [isEditGroup]);
   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(
+    return /* @__PURE__ */ import_react.default.createElement(import_antd.Col, { span: isEditGroup ? 24 : 12 }, /* @__PURE__ */ import_react.default.createElement(
       import_antd.Form.Item,
       {
         label: import_utils.locales.getText("pisell2.text.duration"),
@@ -607,7 +712,7 @@ var Info = (_, ref) => {
       },
       /* @__PURE__ */ import_react.default.createElement(import_duration.default, { ...durationProps, timeObj })
     ));
-  }, [durationProps, timeObj]);
+  }, [durationProps, timeObj, isEditGroup]);
   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(
@@ -624,6 +729,38 @@ var Info = (_, ref) => {
     (_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 holder = (0, import_react.useMemo)(() => {
+    var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2;
+    const showExtra = ((_c2 = (_b2 = (_a2 = state == null ? void 0 : state.bookingConfig) == null ? void 0 : _a2.config) == null ? void 0 : _b2.basic) == null ? void 0 : _c2.subject_require) === "require" && (!useHolderId || (useHolderId == null ? void 0 : useHolderId.length) < ((_e2 = (_d2 = state.service.cacheItem) == null ? void 0 : _d2._extend) == null ? void 0 : _e2.quantity));
+    return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Form.Item,
+      {
+        name: "holder_id",
+        style: { width: "100%" },
+        rules: [
+          {
+            required: ((_h2 = (_g2 = (_f2 = state == null ? void 0 : state.bookingConfig) == null ? void 0 : _f2.config) == null ? void 0 : _g2.basic) == null ? void 0 : _h2.subject_require) === "require",
+            validator: (rule, value, callback) => {
+              debugger;
+              if (showExtra) {
+                callback(import_utils.locales.getText("page.booking.text.holder.length-error"));
+              } else {
+                callback();
+              }
+            }
+          }
+        ]
+      },
+      /* @__PURE__ */ import_react.default.createElement(
+        import_Holder.default,
+        {
+          state,
+          cacheItem: state.service.cacheItem,
+          dispatch
+        }
+      )
+    ));
+  }, [state.pet, state.client, state.service.cacheItem, useHolderId]);
   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 }));
   }, [
@@ -726,6 +863,91 @@ var Info = (_, ref) => {
       setVal(false);
     }
   }, [isShowTimeAndResource]);
+  const groupDom = (0, import_react.useMemo)(() => {
+    return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, !!isEditGroup && /* @__PURE__ */ import_react.default.createElement(
+      import_EditTabs.default,
+      {
+        value: currentTab,
+        onChange: (e) => {
+          console.log(e);
+          setCurrentTab(e);
+        }
+      }
+    ), /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        className: "",
+        style: {
+          display: currentTab === "booking_list" ? "block" : "none"
+        }
+      },
+      /* @__PURE__ */ import_react.default.createElement(import_BookingList.default, { items })
+    ));
+  }, [isEditGroup, currentTab, items]);
+  const updateMultiDay = async ({ start_date, end_date, duration: duration2 }) => {
+    const cacheItem = await (0, import_utils7.getMultiDay)({
+      start_date,
+      end_date,
+      state,
+      cacheItem: getCurrentCacheItem()
+    });
+    if (duration2 !== void 0) {
+      cacheItem._extend.duration = duration2;
+    }
+    cacheItem._extend.items = (0, import_utils9.createBookingItemsByGroup)(cacheItem);
+    cacheItem._extend = {
+      ...cacheItem._extend,
+      ...(0, import_utils9.getGroupTotalPrice)(cacheItem._extend.items)
+    };
+    dispatch({
+      type: "setService",
+      payload: {
+        cacheItem
+      }
+    });
+    let fieldsValues = {
+      total: cacheItem._extend.total
+    };
+    form.setFieldsValue(fieldsValues);
+  };
+  const onValuesChange = (changedValues) => {
+    if (isEditGroup) {
+      if (changedValues == null ? void 0 : changedValues.duration) {
+        const end_date = (0, import_dayjs.default)(useStartDate).add(
+          changedValues == null ? void 0 : changedValues.duration,
+          "day"
+        );
+        form.setFieldsValue({
+          end_date
+        });
+        return updateMultiDay({
+          start_date: useStartDate,
+          end_date,
+          duration: changedValues == null ? void 0 : changedValues.duration
+        });
+      }
+      if (changedValues == null ? void 0 : changedValues.start_date) {
+        const startDate = (0, import_dayjs.default)(changedValues == null ? void 0 : changedValues.start_date);
+        const endDate = (0, import_dayjs.default)(useEndDate);
+        if (startDate.isAfter(endDate)) {
+          return form.setFieldsValue({
+            duration: void 0,
+            end_date: void 0
+          });
+        }
+      }
+      if ((changedValues == null ? void 0 : changedValues.start_date) || (changedValues == null ? void 0 : changedValues.end_date)) {
+        const cacheItem = getCurrentCacheItem();
+        const duration2 = (0, import_utils6.getDays)(cacheItem, "days");
+        const start_date = (changedValues == null ? void 0 : changedValues.start_date) || useStartDate;
+        const end_date = (changedValues == null ? void 0 : changedValues.end_date) || useEndDate;
+        updateMultiDay({ start_date, end_date, duration: duration2 });
+        return form.setFieldsValue({
+          duration: duration2
+        });
+      }
+    }
+  };
   return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
     import_drawer.default,
     {
@@ -748,16 +970,29 @@ var Info = (_, ref) => {
         });
       }
     },
-    /* @__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), /* @__PURE__ */ import_react.default.createElement(import_antd.Form.Item, { noStyle: true, name: "note" }, noteModalOpen && /* @__PURE__ */ import_react.default.createElement(
-      import_noteModal.default,
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-service-body-edit" }, groupDom, /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Form,
       {
-        open: noteModalOpen,
-        value: form.getFieldValue("note"),
-        onConfirm: handleNoteConfirm,
-        onDelete: handleNoteDelete,
-        onCancel: handleNoteCancel
-      }
-    ))), footer)
+        layout: "vertical",
+        form,
+        onFinish,
+        onValuesChange,
+        style: {
+          display: currentTab === "batch_edit" ? "block" : "none"
+        }
+      },
+      /* @__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, endTime, duration, resource, capacity, hiddenQuantity), isNormalProduct && quantity, !(0, import_utils4.isNormalProductByDurationSchedule)(state.service.cacheItem) && !(0, import_utils6.isWalkIn)((_K = (_J = state.client) == null ? void 0 : _J.value) == null ? void 0 : _K.id) && holder),
+      /* @__PURE__ */ import_react.default.createElement(import_antd.Form.Item, { noStyle: true, name: "note" }, noteModalOpen && /* @__PURE__ */ import_react.default.createElement(
+        import_noteModal.default,
+        {
+          open: noteModalOpen,
+          value: form.getFieldValue("note"),
+          onConfirm: handleNoteConfirm,
+          onDelete: handleNoteDelete,
+          onCancel: handleNoteCancel
+        }
+      ))
+    ), footer)
   ));
 };
 var editService_default = (0, import_react.forwardRef)(Info);

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

@@ -44,6 +44,7 @@ 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 import_utils5 = require("./service/addService/utils");
 var getUseableEventCount = (eventList, current) => {
   return (eventList || []).reduce((pre, event) => {
     return pre - event.pax;
@@ -220,13 +221,20 @@ var getServiceStartTimeAndEndTime = (state, cacheItem, timeObj) => {
   }
   const appointmentTimingPreference = getAppointmentTimingPreference(state);
   let lastServer = (0, import_utils2.getLastServer)((_a = state.service.value) == null ? void 0 : _a.filter((item) => !item.isCustomItem && !(0, import_utils3.isNormalProductByDurationSchedule)(item)));
+  const getDuration = (cacheItem2) => {
+    var _a2;
+    if ((0, import_utils5.isMultiDayProduct)(cacheItem2)) {
+      return (0, import_utils2.getDays)(cacheItem2, "days");
+    }
+    return (0, import_utils2.findNextDuration)(
+      cacheItem2.duration,
+      timeObj == null ? void 0 : timeObj.durationSlicesBasedOnTime,
+      (_a2 = cacheItem2 == null ? void 0 : cacheItem2.duration) == null ? void 0 : _a2.value
+    );
+  };
   let _extend = {
     // 时长: 当前商品时长 > 第一个时长
-    duration: (0, import_utils2.findNextDuration)(
-      cacheItem.duration,
-      timeObj == null ? void 0 : timeObj.durationSlicesBasedOnTime,
-      (_b = cacheItem == null ? void 0 : cacheItem.duration) == null ? void 0 : _b.value
-    )
+    duration: getDuration(cacheItem)
   };
   if (lastServer) {
     let lastServerStartDate = lastServer._extend.startDate;
@@ -235,9 +243,9 @@ var getServiceStartTimeAndEndTime = (state, cacheItem, timeObj) => {
       _extend.start_time = lastServerStartDate.format("HH:mm");
     } else {
       if ((0, import_dayjs.default)(lastServerEndDate).isAfter(lastServerStartDate, "day")) {
-        _extend.start_time = timeObj == null ? void 0 : timeObj.timeSlices[((_c = timeObj == null ? void 0 : timeObj.timeSlices) == null ? void 0 : _c.length) - 1].value;
+        _extend.start_time = timeObj == null ? void 0 : timeObj.timeSlices[((_b = timeObj == null ? void 0 : timeObj.timeSlices) == null ? void 0 : _b.length) - 1].value;
       } else {
-        _extend.start_time = lastServerEndDate.format("HH:mm");
+        _extend.start_time = (_c = lastServerEndDate || (0, import_dayjs.default)()) == null ? void 0 : _c.format("HH:mm");
       }
     }
   } else {
@@ -265,7 +273,10 @@ var getServiceStartTimeAndEndTime = (state, cacheItem, timeObj) => {
     ..._extend,
     ...cacheItem._extend
   };
-  const { startDate, endDate } = (0, import_utils2.getServiceTimes)({ _extend });
+  const { startDate, endDate } = (0, import_utils2.getServiceTimes)({
+    ...cacheItem,
+    _extend
+  });
   _extend.startDate = startDate;
   _extend.endDate = endDate;
   const session = (_e = (_d = cacheItem == null ? void 0 : cacheItem._extend) == null ? void 0 : _d.other) == null ? void 0 : _e.session;