@pisell/private-materials 6.3.14 → 6.4.1

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

@@ -0,0 +1,100 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/booking/info2/service/editNormalService/index.tsx
+var editNormalService_exports = {};
+__export(editNormalService_exports, {
+  default: () => editNormalService_default
+});
+module.exports = __toCommonJS(editNormalService_exports);
+var import_react = __toESM(require("react"));
+var import_ahooks = require("ahooks");
+var import_skuDetailModal = __toESM(require("../../../../../pro/skuDetailModal"));
+var import_model = require("../../../info/model");
+var EditNormalService = (0, import_react.forwardRef)((props, ref) => {
+  const { state, dispatch } = (0, import_react.useContext)(import_model.Context);
+  const modalRef = (0, import_react.useRef)(null);
+  (0, import_react.useImperativeHandle)(ref, () => ({
+    init: (cacheItem) => {
+      modalRef.current.open(cacheItem);
+    }
+  }));
+  const handleRemove = (0, import_ahooks.useMemoizedFn)((productData) => {
+    var _a, _b;
+    const newProducts = (_b = ((_a = state == null ? void 0 : state.service) == null ? void 0 : _a.value) || []) == null ? void 0 : _b.filter((item) => {
+      return item._id !== productData._id;
+    });
+    dispatch({
+      type: "setService",
+      payload: {
+        editModal: false,
+        value: newProducts,
+        edit: true,
+        cacheItem: null
+      }
+    });
+  });
+  const handleConfirm = (0, import_ahooks.useMemoizedFn)((data) => {
+    var _a, _b;
+    const newProducts = (_b = ((_a = state == null ? void 0 : state.service) == null ? void 0 : _a.value) || []) == null ? void 0 : _b.map((item) => {
+      if (item._id == data._id) {
+        return data;
+      }
+      return item;
+    });
+    dispatch({
+      type: "setService",
+      payload: {
+        editModal: false,
+        value: newProducts,
+        edit: true,
+        cacheItem: null
+      }
+    });
+  });
+  const handleClose = (0, import_ahooks.useMemoizedFn)(() => {
+    dispatch({
+      type: "setService",
+      payload: {
+        editModal: false,
+        cacheItem: null,
+        changeService: false
+      }
+    });
+  });
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_skuDetailModal.default,
+    {
+      onClose: handleClose,
+      onConfirm: handleConfirm,
+      onRemove: handleRemove,
+      ref: modalRef
+    }
+  );
+});
+var editNormalService_default = EditNormalService;

package/lib/components/booking/info2/service/editService/index.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 import './index.less';
+import './index.less';
 export interface EditServiceRef {
     init: (cacheItem?: any) => void;
 }

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

@@ -32,11 +32,11 @@ __export(editService_exports, {
   default: () => editService_default
 });
 module.exports = __toCommonJS(editService_exports);
-var import_react = __toESM(require("react"));
 var import_Delete_wght300_24px = __toESM(require("@pisell/icon/es/Delete_wght300_24px"));
+var import_utils = require("@pisell/utils");
+var import_react = __toESM(require("react"));
 var import_drawer = __toESM(require("../../../components/drawer"));
 var import_model = require("../../../info/model");
-var import_utils = require("@pisell/utils");
 var import_duration = __toESM(require("../../../materiels/duration"));
 var import_Capacity = __toESM(require("./Capacity"));
 var import_Resources = __toESM(require("./Resources"));
@@ -44,14 +44,16 @@ var import_antd = require("antd");
 var import_index = require("./index.less");
 var import_collapsibleList = __toESM(require("../../../components/collapsibleList"));
 var import_utils2 = require("../../../components/collapsibleList/utils");
+var import_index2 = require("./index.less");
 var import_ahooks = require("ahooks");
-var import_utils3 = require("../../../utils");
-var import_utilsByBooking = require("../../utilsByBooking");
-var import_utils4 = require("../addService/utils");
 var import_materials = require("@pisell/materials");
+var import_utils3 = require("../../../../ticketBooking/utils");
+var import_utils4 = require("../../../info/service2/utils");
 var import_utils5 = require("../../../info/utils");
-var import_utils6 = require("../../../info/service2/utils");
-var import_utils7 = require("../../../../ticketBooking/utils");
+var import_utils6 = require("../../../utils");
+var import_utilsByBooking = require("../../utilsByBooking");
+var import_utils7 = require("../addService/utils");
+var import_noteModal = __toESM(require("../../../../../plus/noteModal"));
 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;
@@ -60,15 +62,26 @@ var Info = (_, ref) => {
   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 useNote = import_antd.Form.useWatch("note", 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);
+  (0, import_react.useEffect)(() => {
+    window.openBookingEditModal = () => {
+      setOpen(true);
+    };
+    window.closeBookingEditModal = () => {
+      setOpen(false);
+    };
+  }, []);
   const isNormalProduct = (0, import_react.useMemo)(() => {
     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);
+    return ((_b2 = state == null ? void 0 : state.service) == null ? void 0 : _b2.cacheItem) && (0, import_utils4.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 = (0, import_ahooks.useMemoizedFn)((_cacheItem) => {
     let values = form.getFieldsValue();
@@ -87,7 +100,7 @@ var Info = (_, ref) => {
   const durationProps = (0, import_react.useMemo)(() => {
     var _a2, _b2, _c2;
     let _cacheItem = getCurrentCacheItem();
-    const val2 = (0, import_utils4.getDurationProps)({
+    const val2 = (0, import_utils7.getDurationProps)({
       cacheItem: _cacheItem,
       useStartTime,
       // currentResource,
@@ -102,13 +115,13 @@ var Info = (_, ref) => {
     (_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)(() => {
-    const op = (0, import_utils4.getFlexibleOption)({
+    const op = (0, import_utils7.getFlexibleOption)({
       durationProps
     });
     return op;
   }, [durationProps, import_utils.locales.locale]);
   const timeObj = (0, import_react.useMemo)(() => {
-    const val2 = (0, import_utils4.getTimeObj)({
+    const val2 = (0, import_utils7.getTimeObj)({
       durationProps,
       useStartTime,
       currentResource,
@@ -116,8 +129,15 @@ var Info = (_, ref) => {
       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]);
+  }, [
+    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)(() => {
+    console.log("执行次数:于灵活时长的结束时间随");
     try {
       if (useDuration.indexOf("flexible_") == 0) {
         if (flexibleOption) {
@@ -130,13 +150,14 @@ var Info = (_, ref) => {
     }
   }, [useDuration, flexibleOption]);
   const handleDeleteProduct = (0, import_ahooks.useMemoizedFn)(() => {
-    var _a2;
+    var _a2, _b2;
     if (state.channelDisabledEdit) {
       return;
     }
     let _list = [...state.service.value];
     let _id = (_a2 = state.service.cacheItem) == null ? void 0 : _a2._id;
     _list = _list.filter((d) => d._id !== _id);
+    (_b2 = window.closeBookingEditModal) == null ? void 0 : _b2.call(window);
     dispatch({
       type: "setService",
       payload: {
@@ -165,7 +186,7 @@ var Info = (_, ref) => {
     form.setFieldsValue({ discount });
   };
   const onFinish = (values) => {
-    var _a2, _b2;
+    var _a2, _b2, _c2, _d2;
     let isSuccess = (_a2 = resourcesRef.current) == null ? void 0 : _a2.check();
     if (isShowTimeAndResource && !isSuccess) {
       return;
@@ -190,7 +211,7 @@ var Info = (_, ref) => {
       },
       ...values
     };
-    const { startDate, endDate } = (0, import_utils3.getServiceTimes)({ _extend });
+    const { startDate, endDate } = (0, import_utils6.getServiceTimes)({ _extend });
     _extend.startDate = startDate;
     _extend.endDate = endDate;
     if (_extend.bundle_edit !== void 0) {
@@ -198,10 +219,10 @@ var Info = (_, ref) => {
     }
     _item._extend = _extend;
     _item._time = (/* @__PURE__ */ new Date()).getTime();
-    _item._serviceKey = (0, import_utils7.genServiceKey)(_item);
+    _item._serviceKey = (0, import_utils3.genServiceKey)(_item);
     let _id = _item == null ? void 0 : _item._id;
     if (!_list.some((d) => d._id === _id)) {
-      const detail = (0, import_utils7.addService)(_list, _item, state);
+      const detail = (0, import_utils3.addService)(_list, _item, state);
       _list = detail.list;
     } else {
       if (isChangeTotal.current) {
@@ -209,9 +230,19 @@ var Info = (_, ref) => {
       }
       _list = _list.map((d) => d._id === _id ? { ..._item, new: 0 } : d);
     }
-    (0, import_utils3.deleteCacheParams)();
+    (0, import_utils6.deleteCacheParams)();
     console.log("_onFinish", _list);
     form.resetFields();
+    if (!!((_c2 = state.service.cacheItem) == null ? void 0 : _c2.new)) {
+      window.dispatchEvent(
+        new CustomEvent("onAddNewService", {
+          detail: {
+            cacheItem: { ...state.service.cacheItem }
+          }
+        })
+      );
+    }
+    (_d2 = window.closeBookingEditModal) == null ? void 0 : _d2.call(window);
     dispatch({
       type: "setService",
       payload: {
@@ -235,9 +266,9 @@ var Info = (_, ref) => {
     }
   );
   const setEditData = (0, import_ahooks.useMemoizedFn)(
-    (_cacheItem, open, openProductDetail) => {
+    (_cacheItem, open2, openProductDetail) => {
       console.timeEnd("handleChange");
-      console.log("setEditDatasetEditData", _cacheItem, open);
+      console.log("setEditDatasetEditData", _cacheItem, open2);
       isChangeTotal.current = false;
       let cacheItem = _cacheItem || state.service.cacheItem;
       let values = cacheItem._extend;
@@ -264,7 +295,7 @@ 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 = () => {
-    let res = (0, import_utils4.formatResources)({
+    let res = (0, import_utils7.formatResources)({
       cacheItem: getCurrentCacheItem(),
       resourcesOrigin: state.service.cacheItem._data.resourcesOrigin
     });
@@ -334,7 +365,7 @@ var Info = (_, ref) => {
     var _a2, _b2, _c2, _d2, _e2;
     const item = state.service.cacheItem;
     let values = form.getFieldsValue();
-    const isSession = (0, import_utils3.isSessionProduct)(item);
+    const isSession = (0, import_utils6.isSessionProduct)(item);
     const sessionValue = {};
     if (isSession) {
       sessionValue.startEndTime = {
@@ -353,7 +384,7 @@ var Info = (_, ref) => {
           session: isSession,
           variant: true,
           package: true,
-          number: (0, import_utils7.getIsShowNumber)(item, state)
+          number: (0, import_utils3.getIsShowNumber)(item, state)
         },
         isOS: isSession,
         customer_id: (_e2 = (_d2 = state.client) == null ? void 0 : _d2.value) == null ? void 0 : _e2.id,
@@ -384,10 +415,10 @@ var Info = (_, ref) => {
           },
           new: 0
         };
-        let _total = (0, import_utils3.getProductTotalPrice)(cacheItem);
+        let _total = (0, import_utils6.getProductTotalPrice)(cacheItem);
         cacheItem._extend.total = _total;
         try {
-          cacheItem._extend.capacity = (0, import_utils4.setDefaultCapacitys)({
+          cacheItem._extend.capacity = (0, import_utils7.setDefaultCapacitys)({
             capacitys: cacheItem._data.capacitys,
             cacheItem
           });
@@ -418,10 +449,12 @@ var Info = (_, ref) => {
     });
   });
   const handleChange = (0, import_ahooks.useMemoizedFn)((e) => {
+    var _a2;
     if (state.channelDisabledEdit) {
       return;
     }
     form.resetFields();
+    (_a2 = window.closeBookingEditModal) == null ? void 0 : _a2.call(window);
     dispatch({
       type: "setService",
       payload: {
@@ -447,6 +480,18 @@ var Info = (_, ref) => {
     return false;
   }, [state.renderType, isNormalProduct]);
   const SelectTime = (_p = window.BaseMaterials) == null ? void 0 : _p.SelectTime;
+  const isNoSpecAndPackage = (0, import_utilsByBooking.getIsNoSpecAndPackage)(state.service.cacheItem);
+  const handleNoteConfirm = (noteValue) => {
+    form.setFieldsValue({ note: noteValue });
+    setNoteModalOpen(false);
+  };
+  const handleNoteDelete = () => {
+    form.setFieldsValue({ note: "" });
+    setNoteModalOpen(false);
+  };
+  const handleNoteCancel = () => {
+    setNoteModalOpen(false);
+  };
   console.log(isShowTimeAndResource, "isShowTimeAndResource");
   const productName = (0, import_react.useMemo)(() => {
     var _a2, _b2, _c2;
@@ -458,7 +503,12 @@ var Info = (_, ref) => {
         renderItem: (item) => (0, import_utils2.renderBundles)(item, state.amountSymbol)
       }
     ))));
-  }, [(_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]);
+  }, [
+    (_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(
@@ -490,7 +540,12 @@ var Info = (_, ref) => {
         }
       )
     ));
-  }, [useTotal, (_u = (_t = state.service.cacheItem) == null ? void 0 : _t._extend) == null ? void 0 : _u.origin_total, state.amountSymbol, state.channelDisabledEdit]);
+  }, [
+    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,
@@ -547,16 +602,18 @@ var Info = (_, ref) => {
         getCurrentCacheItem
       }
     ));
-  }, [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]);
+  }, [
+    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
-      }
-    ));
-  }, [state.locale, state.isTerminal, (_F = (_E = (_D = state.service) == null ? void 0 : _D.cacheItem) == null ? void 0 : _E._data) == null ? void 0 : _F.capacitys]);
+    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 }));
+  }, [
+    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));
   }, []);
@@ -587,28 +644,61 @@ var Info = (_, ref) => {
   }, []);
   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(
+    return /* @__PURE__ */ import_react.default.createElement(
       "div",
       {
-        className: "pisell-lowcode__booking-service-delete-wrap",
-        onClick: handleDeleteProduct
-      },
-      /* @__PURE__ */ import_react.default.createElement(import_Delete_wght300_24px.default, { className: "pisell-lowcode__booking-service-delete-icon" })
-    ), /* @__PURE__ */ import_react.default.createElement(
-      import_antd.Button,
-      {
-        type: "primary",
-        className: "pisell-lowcode__booking-service-body-edit-footer-apple",
-        disabled: !isNormalProduct && !((_a2 = state.service.resourcesOrigin) == null ? void 0 : _a2.length),
-        onClick: () => {
-          form.submit();
-        }
+        className: "pisell-lowcode__booking-service-body-edit-footer",
+        style: (state == null ? void 0 : state.isBookingTicket2) ? { justifyContent: "space-between" } : {}
       },
-      import_utils.locales.getText("pisell2.text.apply")
-    ));
+      /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-service-body-edit-footer-left" }, /* @__PURE__ */ import_react.default.createElement(
+        "div",
+        {
+          className: "pisell-lowcode__booking-service-delete-wrap",
+          onClick: handleDeleteProduct
+        },
+        /* @__PURE__ */ import_react.default.createElement(import_Delete_wght300_24px.default, { className: "pisell-lowcode__booking-service-delete-icon" })
+      ), (state == null ? void 0 : state.isBookingTicket2) && /* @__PURE__ */ import_react.default.createElement(
+        import_materials.ConfigProvider,
+        {
+          theme: {
+            token: {
+              colorPrimary: "#0d7fa9"
+            }
+          }
+        },
+        /* @__PURE__ */ import_react.default.createElement(
+          import_antd.Button,
+          {
+            className: "pisell-lowcode__booking-service-buttons-item note-button",
+            type: "primary",
+            size: "large",
+            onClick: () => setNoteModalOpen(true),
+            style: { height: "48px", width: "140px" }
+          },
+          import_utils.locales.getText("pisell2.ticket-booking.note"),
+          useNote && /* @__PURE__ */ import_react.default.createElement("span", { className: "note-indicator" }, /* @__PURE__ */ import_react.default.createElement(Iconfont, { type: "pisell2-info-circle2" }))
+        )
+      )),
+      /* @__PURE__ */ import_react.default.createElement(
+        import_antd.Button,
+        {
+          type: "primary",
+          className: "pisell-lowcode__booking-service-body-edit-footer-apple",
+          disabled: !isNormalProduct && !((_a2 = state.service.resourcesOrigin) == null ? void 0 : _a2.length),
+          onClick: () => {
+            form.submit();
+          }
+        },
+        import_utils.locales.getText("pisell2.text.apply")
+      )
+    );
   }, [(_G = state.service.resourcesOrigin) == null ? void 0 : _G.length, isNormalProduct]);
   console.log("render edit");
-  console.log(state.service.editModal && !((_H = state.service.cacheItem) == null ? void 0 : _H.autoClose), performance.now() - window.pp1, "打开商品1");
+  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) {
@@ -626,9 +716,11 @@ var Info = (_, ref) => {
       zIndex: state.service.changeService ? 999 : 1e3,
       forceRender: true,
       mask: state.drawerMask,
-      open: state.service.editModal && !((_I = state.service.cacheItem) == null ? void 0 : _I.autoClose),
+      open: !isNoSpecAndPackage && state.service.editModal && !((_I = state.service.cacheItem) == null ? void 0 : _I.autoClose),
       title: import_utils.locales.getText("pisell2.text.edit-service"),
       onClose: () => {
+        var _a2;
+        (_a2 = window.closeBookingEditModal) == null ? void 0 : _a2.call(window);
         dispatch({
           type: "setService",
           payload: {
@@ -639,7 +731,16 @@ 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)), footer)
+    /* @__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,
+      {
+        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/service/editService/index.less

@@ -2,13 +2,12 @@
   padding: 24px 32px 100px !important;
 }
 
-
 .pisell-lowcode__booking-service-body-edit-footer {
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
-  border-top: 1px solid #E7E8E9;
+  border-top: 1px solid #e7e8e9;
   padding: 20px 32px;
   display: flex;
   align-items: center;
@@ -16,12 +15,19 @@
   gap: 12px;
   background-color: #fff;
 
+  .pisell-lowcode__booking-service-body-edit-footer-left {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+    width: fit-content;
+  }
+
   .pisell-lowcode__booking-service-delete-wrap {
     height: 48px;
     width: 48px;
     border-radius: 8px;
-    border: 1px solid var(--gray-300, #D0D5DD);
-    background: var(--base-white, #FFF);
+    border: 1px solid var(--gray-300, #d0d5dd);
+    background: var(--base-white, #fff);
     box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
     cursor: pointer;
     display: flex;
@@ -29,11 +35,42 @@
     justify-content: center;
 
     .pisell-lowcode__booking-service-delete-icon {
-      color: #B42318;
+      color: #b42318;
       font-size: 20px;
     }
   }
 
+  .pisell-lowcode__booking-service-buttons-item {
+    height: 48px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex: 1;
+    position: relative;
+
+    &.note-button {
+      .note-indicator {
+        position: absolute;
+        top: 0; // 不使用负数偏移
+        right: 0; // 不使用负数偏移
+        transform: translate(12%, -12%); // 向外溢出约 2-3px
+        width: 24px;
+        height: 24px;
+        border-radius: 50%;
+        background-color: #7f56da; // 紫色
+        color: #fff;
+        font-weight: 700;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        line-height: 1;
+        font-size: 30px;
+        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
+        pointer-events: none;
+      }
+    }
+  }
+
   .pisell-lowcode__booking-service-body-edit-footer-apple {
     flex: 1;
     height: 48px;
@@ -46,14 +83,12 @@
 .pisell-lowcode-select-selection-item {
   .resource-option {
     padding-left: 0;
-
   }
 }
 
 .pisell-lowcode-select-item-option-content {
   .resource-option {
     padding-left: 0;
-
   }
 }
 
@@ -63,7 +98,7 @@
   gap: 8px;
 
   .resource-option-alert-icon {
-    color: #B42318;
+    color: #b42318;
     cursor: pointer;
   }
 }
@@ -72,7 +107,7 @@
   min-height: 40px;
   cursor: pointer;
   background-color: #ffffff;
-  border: 1px solid #D0D5DD;
+  border: 1px solid #d0d5dd;
   border-radius: 10px;
   transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
   overflow: hidden;
@@ -90,10 +125,11 @@
       flex: 1;
     }
 
-    .current-service-info-change-btn {}
+    .current-service-info-change-btn {
+    }
   }
 
   &:hover {
     border-color: #7f56d9;
   }
-}
+}