@pisell/private-materials 6.2.32 → 6.2.33

package/es/pro/skuDetailModal/index.js

@@ -224,6 +224,14 @@ var SkuDetailModal = function SkuDetailModal(_ref, ref) {
     setDiscounts([]);
     setShowPriceAdjustModal(false);
   };
+
+  // 无图时使用商品名称前两个字作为封面文字
+  var coverText = useMemo(function () {
+    var _productData$title;
+    var title = (productData === null || productData === void 0 || (_productData$title = productData.title) === null || _productData$title === void 0 ? void 0 : _productData$title.trim()) || '';
+    if (!title) return '';
+    return Array.from(title).slice(0, 2).join('');
+  }, [productData === null || productData === void 0 ? void 0 : productData.title]);
   if (!productData) return null;
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(PisellModal, {
     platform: "pc",
@@ -241,11 +249,13 @@ var SkuDetailModal = function SkuDetailModal(_ref, ref) {
     className: "sku-detail-content-main"
   }, /*#__PURE__*/React.createElement("div", {
     className: "sku-detail-left"
-  }, productData.cover ? /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "product-image"
-  }, /*#__PURE__*/React.createElement("img", {
+  }, productData.cover ? /*#__PURE__*/React.createElement("img", {
     src: productData.cover || ''
-  })) : null, /*#__PURE__*/React.createElement("div", {
+  }) : /*#__PURE__*/React.createElement("div", {
+    className: "product-cover-text"
+  }, coverText)), /*#__PURE__*/React.createElement("div", {
     className: "product-actions"
   }, /*#__PURE__*/React.createElement(Button, {
     size: "large",
@@ -314,18 +324,22 @@ var SkuDetailModal = function SkuDetailModal(_ref, ref) {
         fontSize: 20
       }
     }),
-    className: "remove-btn",
+    className: "sku-detail-content-footer-remove-btn",
     onClick: handleRemove
   }, locales.getText('pisell2.text.sku.detail.modal.btn.remove')), /*#__PURE__*/React.createElement("div", {
     className: "modal-actions"
   }, /*#__PURE__*/React.createElement(Button, {
     type: "default",
     size: "large",
-    onClick: handleManualPriceChange
-  }, locales.getText('pisell2.text.sku.detail.modal.btn.manual.price.change')), /*#__PURE__*/React.createElement(Button, {
+    onClick: handleManualPriceChange,
+    className: "sku-detail-content-footer-price-btn"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "sku-detail-content-footer-price-btn-text"
+  }, locales.getText('pisell2.text.sku.detail.modal.btn.manual.price.change'))), /*#__PURE__*/React.createElement(Button, {
     type: "primary",
     size: "large",
-    onClick: handleConfirm
+    onClick: handleConfirm,
+    className: "sku-detail-content-footer-confirm-btn"
   }, locales.getText('pisell2.text.sku.detail.modal.btn.confirm'))))), noteModalOpen && /*#__PURE__*/React.createElement(NoteModal, {
     open: noteModalOpen,
     value: note,

package/es/pro/skuDetailModal/index.less

@@ -34,6 +34,20 @@
       object-fit: cover;
       background: lightgray 50% / cover no-repeat;
     }
+
+    .product-cover-text {
+      width: 100%;
+      height: 100%;
+      background-color: #dedede;
+      color: #747474;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      font-size: 40px;
+      font-weight: 600;
+      line-height: 1;
+      user-select: none;
+    }
   }
 
   .product-actions {
@@ -44,6 +58,7 @@
 
     .add-note-btn {
       width: 100%;
+      height: 48px;
     }
   }
 
@@ -199,10 +214,35 @@
     align-items: center;
     justify-content: space-between;
 
+    .sku-detail-content-footer-remove-btn {
+      width: 120px;
+      height: 48px;
+    }
+
     .modal-actions {
       display: flex;
       gap: 8px;
       justify-content: flex-end;
+
+      .sku-detail-content-footer-price-btn {
+        width: 140px;
+        height: 48px;
+
+        .sku-detail-content-footer-price-btn-text {
+          width: 100%;
+          text-align: center;
+          // 支持换行显示
+          white-space: wrap;
+          font-size: 16px;
+          font-weight: 400;
+          line-height: 20px;
+        }
+      }
+
+      .sku-detail-content-footer-confirm-btn {
+        width: 200px;
+        height: 48px;
+      }
     }
   }
 }

package/lib/components/booking/components/footer/index.js

@@ -54,8 +54,9 @@ var import_useIsBooking4Shop = require("../../hooks/useIsBooking4Shop");
 var import_utils4 = require("@pisell/utils");
 var import_dayjs = __toESM(require("dayjs"));
 var import_useScanManager = __toESM(require("../../../ticketBooking/hooks/pisellos/useScanManager"));
+var import_materials = require("@pisell/materials");
 var Footer = (props) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m;
   const { state, buttons, dispatch, source } = props;
   const [showDetail, setShowDetail] = (0, import_react.useState)(false);
   const [loading, setLoading] = (0, import_react.useState)(false);
@@ -615,6 +616,11 @@ var Footer = (props) => {
       )
     );
   }, []);
+  const hasOrderNote = (0, import_react.useMemo)(() => {
+    var _a2;
+    const note = ((_a2 = state == null ? void 0 : state.notes) == null ? void 0 : _a2.orderNote) || "";
+    return note.trim().length > 0;
+  }, [(_h = state == null ? void 0 : state.notes) == null ? void 0 : _h.orderNote]);
   const noteButton = (0, import_react.useMemo)(() => {
     return /* @__PURE__ */ import_react.default.createElement(
       import_antd.ConfigProvider,
@@ -628,14 +634,15 @@ var Footer = (props) => {
       /* @__PURE__ */ import_react.default.createElement(
         import_antd.Button,
         {
-          className: "pisell-lowcode__booking-footer-buttons-item",
+          className: "pisell-lowcode__booking-footer-buttons-item note-button",
           type: "primary",
           onClick: handleNote
         },
-        import_utils.locales.getText("pisell2.ticket-booking.note")
+        import_utils.locales.getText("pisell2.ticket-booking.note"),
+        hasOrderNote && /* @__PURE__ */ import_react.default.createElement("span", { className: "note-indicator" }, /* @__PURE__ */ import_react.default.createElement(import_materials.Iconfont, { type: "pisell2-info-circle2" }))
       )
     );
-  }, []);
+  }, [hasOrderNote]);
   let buttonMap = {
     checkout: checkoutButton,
     save: saveButton,
@@ -779,7 +786,7 @@ var Footer = (props) => {
     isShowPaymentLink,
     source,
     _buttons.length,
-    (_h = state == null ? void 0 : state.bookingDetail) == null ? void 0 : _h.payment_status
+    (_i = state == null ? void 0 : state.bookingDetail) == null ? void 0 : _i.payment_status
   ]);
   const isOnlyDeposit = (0, import_react.useMemo)(() => {
     var _a2, _b2, _c2, _d2;
@@ -871,7 +878,7 @@ var Footer = (props) => {
   }, [
     state.bookingId,
     state.bookingDetail,
-    (_i = state.addons) == null ? void 0 : _i.load,
+    (_j = state.addons) == null ? void 0 : _j.load,
     state.renderType
   ]);
   const menuChange = (e) => {
@@ -962,7 +969,7 @@ var Footer = (props) => {
         label: import_utils.locales.getText("pisell1.text.rounding")
       }
     ];
-  }, [total, (_j = state.bookingDetail) == null ? void 0 : _j.surcharge, state, state.bookingId]);
+  }, [total, (_k = state.bookingDetail) == null ? void 0 : _k.surcharge, state, state.bookingId]);
   const orderTotalList = (0, import_react.useMemo)(() => {
     return [
       // 订单已付金额
@@ -996,7 +1003,7 @@ var Footer = (props) => {
         label: import_utils.locales.getText("pisell2.text.refunded-amount")
       }
     ];
-  }, [total, (_k = state.bookingDetail) == null ? void 0 : _k.surcharge, state, state.bookingId]);
+  }, [total, (_l = state.bookingDetail) == null ? void 0 : _l.surcharge, state, state.bookingId]);
   return /* @__PURE__ */ import_react.default.createElement(import_antd.Skeleton, { title: false, round: true, loading: showFooter, active: true }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-footer-total" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "pisell-lowcode__booking-footer-left" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "pisell-lowcode__booking-footer-left-total" }, totalText), /* @__PURE__ */ import_react.default.createElement("span", { className: "pisell-lowcode__booking-footer-left-arrears" }, arrearsText)), /* @__PURE__ */ import_react.default.createElement(
     "span",
     {
@@ -1071,7 +1078,7 @@ var Footer = (props) => {
     {
       open: noteModalOpen,
       title: import_utils.locales.getText("pisell2.text.add-order-notes"),
-      value: ((_l = state.notes) == null ? void 0 : _l.orderNote) || "",
+      value: ((_m = state.notes) == null ? void 0 : _m.orderNote) || "",
       onConfirm: handleNoteConfirm,
       onDelete: handleNoteDelete,
       onCancel: handleNoteCancel

package/lib/components/booking/components/footer/index.less

@@ -122,6 +122,29 @@
     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-footer-buttons-item-primary {

package/lib/components/booking/components/tabPane/index.less

@@ -120,9 +120,9 @@
 }
 
 .pisell-lowcode__booking-tab-pane-footer {
-  position: sticky;
-  bottom: 0;
-  left: 0;
+  //position: sticky;
+  //bottom: 0;
+  //left: 0;
   z-index: 2;
   display: block;
   // display: flex;

package/lib/components/booking/info/hooks/useInfoHolder.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { EditServiceRef } from "../service/editService";
 declare const useInfoHolder: (state: any, dispatch: any) => {
     detailRef: import("react").MutableRefObject<EditServiceRef | undefined>;

package/lib/components/booking/info/service/Lists.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const Lists: ({ onEdit, onChange, onAction, isParallelResource }: any) => JSX.Element;
 export default Lists;

package/lib/components/booking/info/service/Lists.js

@@ -81,7 +81,7 @@ var Lists = ({ onEdit, onChange, onAction, isParallelResource }) => {
     var _a2, _b;
     return {
       hideAddBtn: state.isTerminalDayBookingPage || state.isBookingCreatePage,
-      isShowNote: (0, import_utils.isEventBooking)(state),
+      isShowNote: state.isBookingTicket2 ? true : (0, import_utils.isEventBooking)(state),
       isShowPackageNote: false,
       accounts: [],
       isEdit: !!(state == null ? void 0 : state.bookingId),

package/lib/components/booking/info/service2/utils.js

@@ -527,6 +527,7 @@ var getGeneralParams = (item, state, isParallelResource) => {
     isShowChangeHolder: !isNormalProduct,
     isShowAction: (0, import_utils4.isShowAddTime)(state, item),
     actionText: import_utils2.locales.getText("page.booking.text.add-time"),
+    actionIcon: "pisell2-clock-plus",
     isMultipleResource: true,
     multiResources,
     holderMaxCount: item == null ? void 0 : item._extend.quantity,
@@ -548,7 +549,7 @@ var formatProducts = (lists, state, isRenderGroup = true, isGeneral, isParallelR
   const normalList = [];
   const groupList = [];
   const formItem = (item) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v;
     const _isDayBookingProduct = isDayBookingProduct(item, state);
     const clientTitle = getHolderName(state, (_a = item == null ? void 0 : item._extend) == null ? void 0 : _a.holder_id);
     const options = formatOptions((_c = (_b = item == null ? void 0 : item._extend) == null ? void 0 : _b.other) == null ? void 0 : _c.option);
@@ -573,19 +574,19 @@ var formatProducts = (lists, state, isRenderGroup = true, isGeneral, isParallelR
       num: item == null ? void 0 : item._extend.quantity,
       image: item == null ? void 0 : item.cover,
       isShowNote: true,
-      note: item == null ? void 0 : item.note,
-      like_status: (_l = item == null ? void 0 : item._extend) == null ? void 0 : _l.like_status,
+      note: (item == null ? void 0 : item.note) || ((_l = item == null ? void 0 : item._extend) == null ? void 0 : _l.note),
+      like_status: (_m = item == null ? void 0 : item._extend) == null ? void 0 : _m.like_status,
       bundle,
       options,
       errorMessage,
-      product_option_string: (_n = (_m = item == null ? void 0 : item._extend) == null ? void 0 : _m.other) == null ? void 0 : _n.product_option_string,
-      discount_reason: (_o = item == null ? void 0 : item._extend) == null ? void 0 : _o.discount_reason,
-      resource_id: isNormalProduct ? 0 : (_p = item == null ? void 0 : item._extend) == null ? void 0 : _p.resource,
+      product_option_string: (_o = (_n = item == null ? void 0 : item._extend) == null ? void 0 : _n.other) == null ? void 0 : _o.product_option_string,
+      discount_reason: (_p = item == null ? void 0 : item._extend) == null ? void 0 : _p.discount_reason,
+      resource_id: isNormalProduct ? 0 : (_q = item == null ? void 0 : item._extend) == null ? void 0 : _q.resource,
       relation_form_name: isNormalProduct ? "" : (resourceItem == null ? void 0 : resourceItem.labelText) || item.relation_form_name,
       holder_title: clientTitle,
-      start_date: !isNormalProduct ? (_q = item == null ? void 0 : item._extend) == null ? void 0 : _q.start_date : "",
-      end_date: !isNormalProduct ? (_r = item == null ? void 0 : item._extend) == null ? void 0 : _r.end_date : "",
-      holder_id: ((_s = item == null ? void 0 : item._extend) == null ? void 0 : _s.holder_id) || 0,
+      start_date: !isNormalProduct ? (_r = item == null ? void 0 : item._extend) == null ? void 0 : _r.start_date : "",
+      end_date: !isNormalProduct ? (_s = item == null ? void 0 : item._extend) == null ? void 0 : _s.end_date : "",
+      holder_id: ((_t = item == null ? void 0 : item._extend) == null ? void 0 : _t.holder_id) || 0,
       isNormalProduct,
       isCustomItem: item == null ? void 0 : item.isCustomItem,
       // 添加自定义商品标识
@@ -593,8 +594,8 @@ var formatProducts = (lists, state, isRenderGroup = true, isGeneral, isParallelR
       // 是否适用优惠券/折扣
       locale: state.locale,
       symbol: state.amountSymbol,
-      relation_products: ((_t = item == null ? void 0 : item._extend) == null ? void 0 : _t.relation_details) || [],
-      items: isEventBooking(state) ? [] : formItems(((_u = item == null ? void 0 : item._extend) == null ? void 0 : _u.items) || []),
+      relation_products: ((_u = item == null ? void 0 : item._extend) == null ? void 0 : _u.relation_details) || [],
+      items: isEventBooking(state) ? [] : formItems(((_v = item == null ? void 0 : item._extend) == null ? void 0 : _v.items) || []),
       ...generalParams,
       _origin: item
     };

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

@@ -59,7 +59,9 @@ var CartClientCard = (0, import_react.forwardRef)((props, ref) => {
   );
   const { state, dispatch } = (0, import_react.useContext)(import_model.Context);
   const translationOriginal = (0, import_useTranslationOriginal.default)();
+  const [keyword, setKeyword] = (0, import_react.useState)("");
   const keywordRef = (0, import_react.useRef)("");
+  keywordRef.current = keyword;
   const Toast = (0, import_useToast.default)();
   const { openScan, closeScan } = (0, import_useScanCustomer.default)();
   const context = (0, import_useEngineContext.default)();
@@ -81,7 +83,6 @@ var CartClientCard = (0, import_react.forwardRef)((props, ref) => {
     selectedCustomer,
     loading,
     pagination,
-    loadCustomers,
     changePage,
     selectCustomer,
     addCustomerToFirst,
@@ -91,9 +92,22 @@ var CartClientCard = (0, import_react.forwardRef)((props, ref) => {
   } = (0, import_useCustomer.useCustomer)({
     changeCustomerToGlobalState
   });
+  const handleSearchClient = async (keyword2) => {
+    var _a2, _b2;
+    await initLoad(keyword2);
+    (_b2 = (_a2 = clientSearchRef.current) == null ? void 0 : _a2.resetScrollPosition) == null ? void 0 : _b2.call(_a2);
+  };
+  const _debouncedSearch = (0, import_ahooks.useDebounceFn)(
+    async (_keyword) => {
+      var _a2, _b2;
+      await initLoad(keyword);
+      (_b2 = (_a2 = clientSearchRef.current) == null ? void 0 : _a2.resetScrollPosition) == null ? void 0 : _b2.call(_a2);
+    },
+    { wait: 500 }
+  );
   (0, import_react.useEffect)(() => {
-    initLoad();
-  }, []);
+    _debouncedSearch.run(keyword);
+  }, [keyword]);
   (0, import_react.useEffect)(() => {
     if (state.action) {
       state.action({
@@ -104,27 +118,18 @@ var CartClientCard = (0, import_react.forwardRef)((props, ref) => {
       });
     }
   }, []);
-  const updateSearchKeyword = (newVal) => {
-    var _a2, _b2;
-    (_b2 = (_a2 = clientSearchRef.current) == null ? void 0 : _a2.setSearchKeyword) == null ? void 0 : _b2.call(_a2, newVal);
-    keywordRef.current = newVal;
-  };
   const handleScanCustomer = (customer) => {
     if (customer == null ? void 0 : customer.scanCode) {
-      updateSearchKeyword(customer.scanCode);
-      handleSearchClient(customer.scanCode);
+      setKeyword(customer.scanCode);
     }
   };
   (0, import_react.useEffect)(() => {
-    var _a2, _b2;
     if (searchModalVisible) {
       openScan(handleScanCustomer);
     } else {
       closeScan();
       if (keywordRef.current) {
-        updateSearchKeyword("");
-        (_b2 = (_a2 = clientSearchRef.current) == null ? void 0 : _a2.resetScrollPosition) == null ? void 0 : _b2.call(_a2);
-        initLoad();
+        setKeyword("");
       }
     }
   }, [searchModalVisible, initLoad]);
@@ -133,34 +138,21 @@ var CartClientCard = (0, import_react.forwardRef)((props, ref) => {
   };
   const handleChangeClient = (data) => {
     setSearchModalVisible(true);
-    console.log("更换客户:", data);
   };
   const handleRemoveClient = (data) => {
     selectCustomer(null);
-    console.log("移除客户:", data);
   };
   const handleViewClient = (data) => {
-    console.log("查看客户:", data);
     state.action({
       type: "pisell1.handleOpenCustomerModal",
       data: { id: state.client.value.id },
       callback: (data2) => {
-        if (state.disabledEdit) {
-          return;
-        }
       }
     });
   };
-  const handleRowClick = (record) => {
-    handleSetClient(record);
-  };
   const handleModalCancel = () => {
     setSearchModalVisible(false);
   };
-  const handleSearchClient = async (keyword) => {
-    await loadCustomers({ search: keyword });
-  };
-  const _debouncedSearch = (0, import_ahooks.useDebounceFn)(handleSearchClient, { wait: 500 });
   const handleAddClientSuccess = (record, isChecked) => {
     addCustomerToFirst(record);
     if (isChecked) {
@@ -261,11 +253,11 @@ var CartClientCard = (0, import_react.forwardRef)((props, ref) => {
       loading,
       dataSource: customers,
       onSearch: handleSearchClient,
-      onSearchTextChange: (keyword) => {
-        keywordRef.current = keyword;
-        _debouncedSearch.run(keyword);
+      keyword,
+      onKeywordChange: (_keyword) => {
+        setKeyword(_keyword);
       },
-      onRowClick: handleRowClick,
+      onRowClick: handleSetClient,
       containerProps: {
         open: searchModalVisible,
         onCancel: handleModalCancel

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

@@ -52,6 +52,7 @@ var import_materials = require("@pisell/materials");
 var import_utils5 = require("../../../info/utils");
 var import_utils6 = require("../../../info/service2/utils");
 var import_utils7 = require("../../../../ticketBooking/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,9 +61,11 @@ 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 isNormalProduct = (0, import_react.useMemo)(() => {
     var _a2, _b2, _c2;
     if (!((_a2 = state == null ? void 0 : state.service) == null ? void 0 : _a2.cacheItem)) {
@@ -587,26 +590,56 @@ 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
+        className: "pisell-lowcode__booking-service-body-edit-footer",
+        style: (state == null ? void 0 : state.isBookingTicket2) ? { justifyContent: "space-between" } : {}
       },
-      /* @__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();
-        }
-      },
-      import_utils.locales.getText("pisell2.text.apply")
-    ));
-  }, [(_G = state.service.resourcesOrigin) == null ? void 0 : _G.length]);
+      /* @__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_antd.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(import_materials.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();
+          },
+          style: (state == null ? void 0 : state.isBookingTicket2) ? { width: "200px", maxWidth: "200px" } : {}
+        },
+        import_utils.locales.getText("pisell2.text.apply")
+      )
+    );
+  }, [(_G = state.service.resourcesOrigin) == null ? void 0 : _G.length, isNormalProduct]);
   console.log("render edit");
   console.log(state.service.editModal && !((_H = state.service.cacheItem) == null ? void 0 : _H.autoClose), performance.now() - window.pp1, "打开商品1");
   const [val, setVal] = (0, import_react.useState)(false);
@@ -619,6 +652,17 @@ var Info = (_, ref) => {
       setVal(false);
     }
   }, [isShowTimeAndResource]);
+  const handleNoteConfirm = (noteValue) => {
+    form.setFieldsValue({ note: noteValue });
+    setNoteModalOpen(false);
+  };
+  const handleNoteDelete = () => {
+    form.setFieldsValue({ note: "" });
+    setNoteModalOpen(false);
+  };
+  const handleNoteCancel = () => {
+    setNoteModalOpen(false);
+  };
   return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
     import_drawer.default,
     {
@@ -639,7 +683,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);