@pisell/private-materials 6.2.28 → 6.2.30

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

@@ -41,22 +41,26 @@ var import_materials = require("@pisell/materials");
 var import_dayjs = __toESM(require("dayjs"));
 var import_clearCartModal = __toESM(require("../clearCartModal"));
 var import_customiseItemModal = __toESM(require("../customiseItemModal"));
+var import_voucherModal = __toESM(require("../voucherModal"));
 var import_amount = require("../footer/amount");
 var import_utils2 = require("@pisell/utils");
 var import_index = require("./index.less");
 var import_useCustomer = require("../../../ticketBooking/hooks/pisellos/useCustomer");
 var import_ahooks = require("ahooks");
 var import_useEngineContext = __toESM(require("../../../../hooks/useEngineContext"));
+var import_useScanManager = __toESM(require("../../../ticketBooking/hooks/pisellos/useScanManager"));
 var createToastContent = (text) => /* @__PURE__ */ import_react.default.createElement("div", { className: "action-buttons-toast-content" }, text);
 var ActionButtons = ({
   state,
   dispatch,
-  disabled = false
+  disabled = false,
+  source
 }) => {
-  var _a, _b, _c, _d, _e, _f, _g;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
   const [showClearModal, setShowClearModal] = (0, import_react.useState)(false);
   const [showPriceAdjustModal, setShowPriceAdjustModal] = (0, import_react.useState)(false);
   const [showCustomiseModal, setShowCustomiseModal] = (0, import_react.useState)(false);
+  const [showVoucherModal, setShowVoucherModal] = (0, import_react.useState)(false);
   const context = (0, import_useEngineContext.default)();
   const Toast = (_b = (_a = context.appHelper) == null ? void 0 : _a.utils) == null ? void 0 : _b.Toast;
   const pisellOS = (0, import_useEngineContext.usePisellOS)();
@@ -72,6 +76,7 @@ var ActionButtons = ({
   const { selectCustomer } = (0, import_useCustomer.useCustomer)({
     changeCustomerToGlobalState
   });
+  const { clearAllScanListenersTaskQueue } = (0, import_useScanManager.default)();
   (0, import_react.useEffect)(() => {
     if (!pisellOS) return;
     const handleCustomerSelected = () => {
@@ -109,10 +114,45 @@ var ActionButtons = ({
     const { originExpectAmount } = (0, import_amount.getSumTotal)(state, true);
     return originExpectAmount;
   }, [state, hasCartItems]);
+  const [discountList, setDiscountList] = (0, import_react.useState)([]);
+  const usedVouchersCount = (0, import_react.useMemo)(() => {
+    var _a2, _b2;
+    try {
+      if (!((_b2 = (_a2 = state.service) == null ? void 0 : _a2.value) == null ? void 0 : _b2.length)) {
+        return 0;
+      }
+      return discountList.filter((discount) => discount.isSelected).length;
+    } catch (error) {
+      console.error("计算已使用券数量失败:", error);
+      return 0;
+    }
+  }, [discountList, (_e = state.service) == null ? void 0 : _e.value]);
+  const shouldShowWarning = (0, import_react.useMemo)(() => {
+    var _a2, _b2;
+    try {
+      return ((_b2 = (_a2 = state.service) == null ? void 0 : _a2.value) == null ? void 0 : _b2.length) > 0 && discountList.length > 0 && !discountList.some((discount) => discount.isSelected) && discountList.some((discount) => discount.isManualSelect);
+    } catch (error) {
+      console.error("判断警告状态失败:", error);
+      return false;
+    }
+  }, [discountList, (_f = state.service) == null ? void 0 : _f.value]);
+  (0, import_react.useEffect)(() => {
+    var _a2;
+    const { pisellos } = ((_a2 = context.appHelper) == null ? void 0 : _a2.utils) || {};
+    if (!pisellos) return;
+    const onDiscountListChange = (discount) => {
+      setDiscountList(discount);
+    };
+    pisellos.effects.on("shopDiscount:onDiscountListChange", onDiscountListChange);
+    return () => {
+      pisellos.effects.off("shopDiscount:onDiscountListChange", onDiscountListChange);
+    };
+  }, [(_g = context.appHelper) == null ? void 0 : _g.utils]);
   const handleClear = () => {
     setShowClearModal(true);
   };
   const handleClearItemsOnly = () => {
+    clearAllScanListenersTaskQueue();
     if (!hasCartItems) {
       Toast == null ? void 0 : Toast.info(createToastContent(import_utils.locales.getText("pisell2.clear-cart-modal.empty-cart-tip")));
       return;
@@ -139,6 +179,7 @@ var ActionButtons = ({
     Toast == null ? void 0 : Toast.success(createToastContent(import_utils.locales.getText("pisell2.action-buttons.clear-success")));
   };
   const handleClearAllAndReset = () => {
+    clearAllScanListenersTaskQueue();
     dispatch({
       type: "setService",
       payload: {
@@ -201,6 +242,9 @@ var ActionButtons = ({
   const handleCustomiseItem = () => {
     setShowCustomiseModal(true);
   };
+  const handleGoodPassClick = () => {
+    setShowVoucherModal(true);
+  };
   const handleCustomiseItemSave = (data) => {
     var _a2;
     console.log("保存自定义商品:", data);
@@ -261,8 +305,17 @@ var ActionButtons = ({
       onClick: handleClear,
       type: "text",
       disabled: isDisabledEdit
+    }
+  ), /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Button,
+    {
+      className: "action-button customise-button",
+      icon: /* @__PURE__ */ import_react.default.createElement(import_icon.PlusCircle, { size: 22 }),
+      onClick: handleCustomiseItem,
+      type: "text",
+      disabled: isDisabledEdit
     },
-    import_utils.locales.getText("pisell2.action-buttons.clear")
+    import_utils.locales.getText("pisell2.action-buttons.customise-item")
   ), /* @__PURE__ */ import_react.default.createElement(
     import_antd.Button,
     {
@@ -273,17 +326,16 @@ var ActionButtons = ({
       disabled: isDisabledEdit
     },
     import_utils.locales.getText("pisell2.action-buttons.manuel-order")
-  ), /* @__PURE__ */ import_react.default.createElement(
+  ), /* @__PURE__ */ import_react.default.createElement("div", { className: "action-button-wrapper" }, /* @__PURE__ */ import_react.default.createElement(
     import_antd.Button,
     {
-      className: "action-button customise-button",
-      icon: /* @__PURE__ */ import_react.default.createElement(import_icon.PlusCircle, { size: 22 }),
-      onClick: handleCustomiseItem,
-      type: "text",
-      disabled: isDisabledEdit
+      className: "action-button goodpass-button",
+      icon: /* @__PURE__ */ import_react.default.createElement(import_icon.Sale03, { size: 22 }),
+      onClick: handleGoodPassClick,
+      type: "text"
     },
-    import_utils.locales.getText("pisell2.action-buttons.customise-item")
-  )), /* @__PURE__ */ import_react.default.createElement(
+    import_utils.locales.getText("pisell2.text.goodpass")
+  ), usedVouchersCount > 0 && /* @__PURE__ */ import_react.default.createElement("div", { className: "voucher-badge" }, usedVouchersCount), shouldShowWarning && /* @__PURE__ */ import_react.default.createElement("div", { className: "voucher-warning-icon" }, "!"))), /* @__PURE__ */ import_react.default.createElement(
     import_clearCartModal.default,
     {
       visible: showClearModal,
@@ -317,9 +369,18 @@ var ActionButtons = ({
       visible: showCustomiseModal,
       onClose: () => setShowCustomiseModal(false),
       onSave: handleCustomiseItemSave,
-      currencySymbol: ((_g = (_f = (_e = context.appHelper) == null ? void 0 : _e.utils) == null ? void 0 : _f.getSymbolic) == null ? void 0 : _g.call(_f)) || "$",
+      currencySymbol: ((_j = (_i = (_h = context.appHelper) == null ? void 0 : _h.utils) == null ? void 0 : _i.getSymbolic) == null ? void 0 : _j.call(_i)) || "$",
       disabled: isDisabledEdit
     }
+  ), /* @__PURE__ */ import_react.default.createElement(
+    import_voucherModal.default,
+    {
+      visible: showVoucherModal,
+      onClose: () => setShowVoucherModal(false),
+      state,
+      dispatch,
+      source
+    }
   ));
 };
 var actionButtons_default = ActionButtons;

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

@@ -6,6 +6,52 @@
   margin-top: 8px;
   padding: 0;
 
+  .action-button-wrapper {
+    position: relative;
+    flex: 1.4;
+    display: flex;
+    
+    .voucher-badge {
+      position: absolute;
+      top: -8px;
+      right: -8px;
+      width: 20px;
+      height: 20px;
+      border-radius: 50%;
+      background-color: #7F56DA;
+      color: white;
+      font-size: 12px;
+      font-weight: 600;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      z-index: 10;
+      min-width: 20px;
+      padding: 0 4px;
+      box-sizing: border-box;
+    }
+
+    .voucher-warning-icon {
+      position: absolute;
+      top: -6px;
+      right: -6px;
+      width: 18px;
+      height: 18px;
+      border-radius: 50%;
+      background-color: #ff4d4f;
+      color: white;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      z-index: 10;
+      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
+
+      .anticon {
+        font-size: 10px;
+      }
+    }
+  }
+
   .action-button {
     display: flex;
     justify-content: center;
@@ -18,7 +64,7 @@
     color: white;
     background: #2C2C2C;
     border: 1px solid #2C2C2C;
-    border-radius: 4px;
+    border-radius: 8px;
     font-size: 12px;
     font-weight: 500;
     transition: all 0.2s ease;
@@ -44,9 +90,10 @@
       }
     }
 
-    // Clear 按钮更小
+    // Clear 按钮固定宽度
     &.clear-button {
-      flex: 0.8;
+      width: 44px;
+      flex: none;
       border-color: #FF4D4F;
       
       &:hover:not(:disabled) {
@@ -59,6 +106,7 @@
       flex: 1;
       border-color: #CC8E50;
       align-items: center;
+      padding: 0 4px;
       
       &:hover:not(:disabled) {
         border-color: #CC8E50;
@@ -82,12 +130,31 @@
 
     // Customise 按钮更大一些
     &.customise-button {
-      flex: 1.3;
+      flex: 1;
       border-color: #8157D5;
       
       &:hover:not(:disabled) {
         border-color: #8157D5;
       }
+
+      // Customise按钮文本支持换行，保持与图标水平对齐
+      span {
+        white-space: pre-line !important;
+        line-height: 1.15;
+        text-align: center;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+      }
+    }
+
+    &.goodpass-button {
+      flex: 1.4;
+      border-color: #CC8E50;
+      
+      &:hover:not(:disabled) {
+        border-color: #CC8E50;
+      }
     }
 
     // 图标样式

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

@@ -53,6 +53,7 @@ var import__ = require("../../../../index");
 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 Footer = (props) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
   const { state, buttons, dispatch, source } = props;
@@ -64,6 +65,7 @@ var Footer = (props) => {
   const isBooking4Shop = (0, import_useIsBooking4Shop.useIsBooking4Shop)(state);
   const appointmentProductRef = (0, import_react.useRef)(null);
   const context = (0, import_useEngineContext.default)();
+  const { disableAllScanListeners } = (0, import_useScanManager.default)();
   const { isTerminal, interaction, store, storage, businessUtils } = (_a = context.appHelper) == null ? void 0 : _a.utils;
   (0, import_react.useEffect)(() => {
     store == null ? void 0 : store.dispatch({
@@ -201,6 +203,7 @@ var Footer = (props) => {
     var _a2, _b2;
     if (!order_id) return;
     if (isTerminal == null ? void 0 : isTerminal()) {
+      disableAllScanListeners();
       return (_b2 = (_a2 = interaction == null ? void 0 : interaction.utils) == null ? void 0 : _a2.postMessageToApp) == null ? void 0 : _b2.call(_a2, {
         module: "booking",
         key: "booking_checkout",
@@ -629,7 +632,7 @@ var Footer = (props) => {
           type: "primary",
           onClick: handleNote
         },
-        import_utils.locales.getText("pisell2.ticket-booking.notes")
+        import_utils.locales.getText("pisell2.ticket-booking.note")
       )
     );
   }, []);

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

@@ -1,6 +1,6 @@
 .pisell-lowcode__booking-footer-total {
   width: 100%;
-  padding-bottom: 16px;
+  padding-bottom: 8px;
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
@@ -15,7 +15,8 @@
     display: flex;
     flex-direction: column;
 
-    .pisell-lowcode__booking-footer-left-total {}
+    .pisell-lowcode__booking-footer-left-total {
+    }
 
     .pisell-lowcode__booking-footer-left-arrears {
       font-size: 14px;

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

@@ -432,6 +432,7 @@ var formatValues = (state) => {
     type: state.renderType === "eventBooking" ? "event_booking_v2" : "appointment_booking",
     platform: state.isBookingTicket2 ? "pos" : "shop",
     sales_channel: "my_pisel",
+    order_sales_channel: state.isBookingTicket2 ? "pos" : "online_store",
     bookings: [],
     customer_id: 1,
     customer_name: "",

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

@@ -52,7 +52,7 @@ var TabPane = ({
   dispatch,
   source
 }) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i;
+  var _a, _b, _c, _d, _e, _f;
   const context = (0, import_useEngineContext.default)();
   const { businessUtils } = ((_a = context.appHelper) == null ? void 0 : _a.utils) || {};
   const hasGoodPassApp = !!((_b = businessUtils == null ? void 0 : businessUtils.getAppByModal) == null ? void 0 : _b.call(businessUtils, "goodpass"));
@@ -102,28 +102,7 @@ var TabPane = ({
       },
       children
     )
-  ), shouldShowTerminalVoucher && state && dispatch && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-tab-pane-voucher-section" }, /* @__PURE__ */ import_react.default.createElement(
-    import_voucher.default,
-    {
-      state: {
-        ...state,
-        service: {
-          ...state.service || {},
-          value: ((_d = state.service) == null ? void 0 : _d.value) || []
-        },
-        addons: {
-          ...state.addons || {},
-          value: ((_e = state.addons) == null ? void 0 : _e.value) || []
-        },
-        client: {
-          ...state.client || {},
-          value: ((_f = state.client) == null ? void 0 : _f.value) || {}
-        }
-      },
-      dispatch,
-      source
-    }
-  ), /* @__PURE__ */ import_react.default.createElement(import_actionButtons.default, { state, dispatch })), /* @__PURE__ */ import_react.default.createElement(
+  ), state && dispatch && (state == null ? void 0 : state.isBookingTicket2) && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-tab-pane-voucher-section" }, /* @__PURE__ */ import_react.default.createElement(import_actionButtons.default, { state, dispatch })), /* @__PURE__ */ import_react.default.createElement(
     import_authWrap.default,
     {
       show: !!footer || shouldShowFooterVoucher,
@@ -134,15 +113,15 @@ var TabPane = ({
             ...state,
             service: {
               ...state.service || {},
-              value: ((_g = state.service) == null ? void 0 : _g.value) || []
+              value: ((_d = state.service) == null ? void 0 : _d.value) || []
             },
             addons: {
               ...state.addons || {},
-              value: ((_h = state.addons) == null ? void 0 : _h.value) || []
+              value: ((_e = state.addons) == null ? void 0 : _e.value) || []
             },
             client: {
               ...state.client || {},
-              value: ((_i = state.client) == null ? void 0 : _i.value) || {}
+              value: ((_f = state.client) == null ? void 0 : _f.value) || {}
             }
           },
           dispatch,

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

@@ -50,7 +50,7 @@
 .pisell-lowcode__booking-tab-pane-voucher-section {
   display: flex;
   flex-direction: column;
-  padding: 8px 16px;
+  padding: 10px;
   position: relative;
   z-index: 3;
   background-color: #1b1b1b;

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

@@ -58,8 +58,8 @@ var services = {};
 var VoucherCard = (props) => {
   var _a, _b, _c, _d;
   const context = (0, import_useEngineContext.default)();
-  const { state, dispatch, source } = props;
-  const [showDetail, setShowDetail] = (0, import_react.useState)(false);
+  const { state, dispatch, source, isInModal = false } = props;
+  const [showDetail, setShowDetail] = (0, import_react.useState)(isInModal ? true : false);
   const { pisellos } = (_a = context.appHelper) == null ? void 0 : _a.utils;
   const [code, setCode] = (0, import_react.useState)("");
   const [discountList, setDisCountList] = (0, import_react.useState)([]);
@@ -255,7 +255,7 @@ var VoucherCard = (props) => {
       return Number(b == null ? void 0 : b.isSelected) - Number(a == null ? void 0 : a.isSelected);
     });
   };
-  return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-footer-voucher-container" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "voucher-title" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "voucher-title-left" }, import_utils.locales.getText("pisell2.text.goodpass")), /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-footer-voucher-container" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "voucher-title" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "voucher-title-left" }, import_utils.locales.getText("pisell2.text.goodpass")), !isInModal && /* @__PURE__ */ import_react.default.createElement(
     "span",
     {
       className: "voucher-title-right",
@@ -278,13 +278,14 @@ var VoucherCard = (props) => {
     "div",
     {
       className: (0, import_classnames.default)("voucher-detail", {
-        show: showDetail
+        show: showDetail || isInModal
       })
     },
     (availableData == null ? void 0 : availableData.length) > 0 ? /* @__PURE__ */ import_react.default.createElement(
       import_materials.PisellGoodPassCard,
       {
         style: { width: "100%" },
+        isInModal: isInModal || false,
         dataSource: ((_d = (_c = state.service) == null ? void 0 : _c.value) == null ? void 0 : _d.length) ? availableData : [],
         mixedSort,
         onChange: (val) => {

package/lib/components/booking/components/voucherModal/index.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import './index.less';
+interface VoucherModalProps {
+    /** 是否显示弹窗 */
+    visible: boolean;
+    /** 关闭弹窗回调 */
+    onClose: () => void;
+    /** booking 状态对象 */
+    state: any;
+    /** dispatch 函数 */
+    dispatch: (action: {
+        type: string;
+        payload?: any;
+    }) => void;
+    /** 数据源 */
+    source?: any;
+}
+declare const VoucherModal: React.FC<VoucherModalProps>;
+export default VoucherModal;

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

@@ -0,0 +1,83 @@
+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/components/voucherModal/index.tsx
+var voucherModal_exports = {};
+__export(voucherModal_exports, {
+  default: () => voucherModal_default
+});
+module.exports = __toCommonJS(voucherModal_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_voucher = __toESM(require("../voucher"));
+var import_index = require("./index.less");
+var VoucherModal = ({
+  visible,
+  onClose,
+  state,
+  dispatch,
+  source
+}) => {
+  var _a, _b, _c;
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Modal,
+    {
+      title: null,
+      open: visible,
+      onCancel: onClose,
+      footer: null,
+      width: 600,
+      className: `pisell-voucher-modal ${!visible ? "pisell-voucher-modal--hidden" : ""}`,
+      forceRender: true
+    },
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-voucher-modal-content" }, /* @__PURE__ */ import_react.default.createElement(
+      import_voucher.default,
+      {
+        state: {
+          ...state,
+          service: {
+            ...state.service || {},
+            value: ((_a = state.service) == null ? void 0 : _a.value) || []
+          },
+          addons: {
+            ...state.addons || {},
+            value: ((_b = state.addons) == null ? void 0 : _b.value) || []
+          },
+          client: {
+            ...state.client || {},
+            value: ((_c = state.client) == null ? void 0 : _c.value) || {}
+          }
+        },
+        dispatch,
+        source,
+        isInModal: true
+      }
+    ))
+  );
+};
+var voucherModal_default = VoucherModal;

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

@@ -0,0 +1,23 @@
+.pisell-voucher-modal {
+  .ant-modal-body {
+    padding: 0;
+  }
+
+  .pisell-voucher-modal-content {
+    max-height: 70vh;
+    overflow-y: auto;
+  }
+
+  // 隐藏状态下的样式优化
+  &.pisell-voucher-modal--hidden {
+    // 当弹窗隐藏时，可以通过一些样式来优化性能
+    // 例如暂停动画、降低 GPU 使用等
+    .pisell-voucher-modal-content {
+      // 暂停内容中的动画和过渡效果
+      * {
+        animation-play-state: paused !important;
+        transition: none !important;
+      }
+    }
+  }
+}

package/lib/components/booking/forms/forms.js

@@ -147,7 +147,7 @@ var Forms = (0, import_model.Provider)((props) => {
         "div",
         {
           className: "pisell-lowcode__booking-field-wrap",
-          style: { padding: hideTitle ? 0 : "12px 0 0" },
+          style: { padding: hideTitle ? 0 : "0" },
           key: d.form_id
         },
         hideTitle ? null : /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-field-title" }, d.form.title),

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

@@ -42,7 +42,7 @@
 }
 .create-booking-page-info-wrap {
   position: initial !important;
-  padding: 0 16px !important;
+  padding: 0 10px !important;
   .booking-info-create-new {
     margin-top: 10px;
     color: var(--Base-Black, #000);

package/lib/components/booking/info/pet/index.less

@@ -146,5 +146,5 @@
 }
 
 .pisell-lowcode__booking-pet-wraps {
-  margin-top: 16px;
+  margin-top: 12px;
 }

package/lib/components/booking/info/service/index.less

@@ -1,5 +1,5 @@
 .pisell-lowcode__booking-service-wrap {
-  margin-top: 16px;
+  margin-top: 12px;
   .pisell-lowcode__booking-service-clear-btn {
     cursor: pointer;
     margin-top: -12px;

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

@@ -264,6 +264,7 @@ declare const _default: {
         'pisell2.clear-cart-modal.clear-items-only': string;
         'pisell2.clear-cart-modal.clear-all-reset': string;
         'pisell2.clear-cart-modal.empty-cart-tip': string;
+        'pisell2.voucher-modal.title': string;
         'pisell2.text.change.pet.title': string;
         'pisell2.text.change.pet.content': string;
         'pisell2.text.change.pet.content1': string;
@@ -564,6 +565,7 @@ declare const _default: {
         'pisell2.clear-cart-modal.clear-items-only': string;
         'pisell2.clear-cart-modal.clear-all-reset': string;
         'pisell2.clear-cart-modal.empty-cart-tip': string;
+        'pisell2.voucher-modal.title': string;
         'pisell2.text.change.pet.title': string;
         'pisell2.text.change.pet.content': string;
         'pisell2.text.change.pet.content1': string;
@@ -864,6 +866,7 @@ declare const _default: {
         'pisell2.clear-cart-modal.clear-items-only': string;
         'pisell2.clear-cart-modal.clear-all-reset': string;
         'pisell2.clear-cart-modal.empty-cart-tip': string;
+        'pisell2.voucher-modal.title': string;
         'pisell2.text.change.pet.title': string;
         'pisell2.text.change.pet.content': string;
         'pisell2.text.change.pet.content1': string;