@pisell/private-materials 6.4.45 → 6.4.47

package/es/pro/priceKeyboard/components/discountKeyboard/locales.js

@@ -5,7 +5,7 @@ export default {
     'discount-keyboard-discount': 'Discount',
     'discount-keyboard-amount': 'Amount',
     'discount-keyboard-percentage': 'Percentage',
-    'discount-keyboard-max-discount': 'Max Discount',
+    'discount-keyboard-max-discount': 'Max',
     'discount-keyboard-discount-amount': 'Discount Amount',
     'discount-keyboard-total': 'Total',
     'discount-keyboard-payable': 'Payable',
@@ -19,7 +19,7 @@ export default {
     'discount-keyboard-discount': '折扣',
     'discount-keyboard-amount': '金额',
     'discount-keyboard-percentage': '百分比',
-    'discount-keyboard-max-discount': '最高折扣',
+    'discount-keyboard-max-discount': '最高',
     'discount-keyboard-discount-amount': '折扣金额',
     'discount-keyboard-total': '待支付金额',
     'discount-keyboard-payable': '需支付金额',
@@ -33,7 +33,7 @@ export default {
     'discount-keyboard-discount': '折扣',
     'discount-keyboard-amount': '金額',
     'discount-keyboard-percentage': '百分比',
-    'discount-keyboard-max-discount': '最高折扣',
+    'discount-keyboard-max-discount': '最高',
     'discount-keyboard-discount-amount': '折扣金額',
     'discount-keyboard-total': '待支付金額',
     'discount-keyboard-payable': '需支付金額',

package/es/pro/priceKeyboard/components/paymentKeyboard/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { PaymentKeyboardBaseProps } from './types';
 import './index.less';
 interface PaymentKeyboardProps extends PaymentKeyboardBaseProps {

package/es/pro/priceKeyboard/hooks/rightItems.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const useRightItems: (props: {
     rightItemsStyle?: any;
     doneText?: string;

package/lib/components/Sales/Summary/utils.d.ts

@@ -30,7 +30,7 @@ export declare const calculateSubtotal: (items: CartItem[]) => string;
  * @return {*}
  * @Author: xiangfeng.xue
  */
-export declare const calculateTaxFee: (shopInfo: any, items: CartItem[]) => Decimal | "0.00";
+export declare const calculateTaxFee: (shopInfo: any, items: CartItem[]) => "0.00" | Decimal;
 /**
  * 计算所有价格明细
  * @param items - 购物车商品数组

package/lib/components/appointmentBooking/components/Cart/Item/Total.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 declare const Total: ({ className, isFooter }: any) => JSX.Element;
 export default Total;

package/lib/components/appointmentBooking/components/Cart/Item/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 declare const CartItem: ({ onNext }: any) => JSX.Element;
 export default CartItem;

package/lib/components/appointmentBooking/components/Cart/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 declare const Cart: ({ open, onCancel, onNext }: any) => JSX.Element;
 export default Cart;

package/lib/components/appointmentBooking/components/Content/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 declare const Layout: () => JSX.Element;
 export default Layout;

package/lib/components/appointmentBooking/components/Deposit/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 export declare const DepositContent: (props: {
     isAgreeDepositPolicy: boolean;

package/lib/components/appointmentBooking/components/Footer/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 declare const Footer: ({ onNext, isOpen }: any) => JSX.Element;
 export default Footer;

package/lib/components/appointmentBooking/components/Guest/components/InformationOptionsModal/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 declare const GuestOptionsModal: (props: any) => JSX.Element;
 export default GuestOptionsModal;

package/lib/components/appointmentBooking/components/Voucher/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import '../../../booking/components/voucher/index.less';
 import './index.less';
 declare const VoucherCard: (props: any) => JSX.Element;

package/lib/components/appointmentBooking/deposit/components/PolicyModal/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 declare const DepositModal: (props: any) => JSX.Element;
 export default DepositModal;

package/lib/components/appointmentBooking/deposit/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 declare const Deposit: (props: any) => JSX.Element;
 export default Deposit;

package/lib/components/appointmentBooking/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 declare const AppointmentBooking: () => JSX.Element;
 export default AppointmentBooking;

package/lib/components/booking/addons/model.d.ts

@@ -1,10 +1 @@
-/// <reference types="react" />
-import { FormState } from "../model";
-export declare const Provider: (ComponentUi: any) => any, Context: import("react").Context<{
-    state: FormState;
-} & {
-    dispatch: (params: {
-        type: string;
-        payload: any;
-    }) => void;
-}>;
+export declare const Provider: any, Context: any;

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

@@ -484,7 +484,6 @@ var getSumTotal = (state, options) => {
     state,
     options.isEdit
   );
-  debugger;
   const shopDiscount = getShopDiscount(state);
   const roundingAmount = getRoundingAmount(state);
   const paySurchargeFee = getPaySurchargeFee(state);

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 /**
  * @title: 底部

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

@@ -613,8 +613,8 @@ var Footer = (props) => {
       if (noSubmit) {
         return values;
       }
+      const checkout = pisellos.getModule("checkout");
       if (editOrderId) {
-        const checkout = pisellos.getModule("checkout");
         const subtotal_info = {
           subTotalList: (0, import_lodash.cloneDeep)(subTotalList),
           orderTotalList: (0, import_lodash.cloneDeep)(orderTotalList),
@@ -635,6 +635,13 @@ var Footer = (props) => {
         }
         return;
       }
+      if (type === "save") {
+        const isNeedDeposit = checkout.checkIsNeedDepositAsync(values.bookings, values.relation_products);
+        if (isNeedDeposit == null ? void 0 : isNeedDeposit.hasDeposit) {
+          values.is_deposit = 1;
+          values.deposit_amount = isNeedDeposit == null ? void 0 : isNeedDeposit.total;
+        }
+      }
       let api = state.bookingId ? editApi : createApi;
       (0, import_utils4.sendWarningLog)({
         title: "saveBooking",

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 declare const VoucherCard: (props: any) => JSX.Element | null;
 export default VoucherCard;

package/lib/components/booking/forms/footer.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface FooterProps {
     state: any;
     reload: () => void;

package/lib/components/booking/forms/model.d.ts

@@ -1,10 +1 @@
-/// <reference types="react" />
-import { FormState } from "../model";
-export declare const Provider: (ComponentUi: any) => any, Context: import("react").Context<{
-    state: FormState;
-} & {
-    dispatch: (params: {
-        type: string;
-        payload: any;
-    }) => void;
-}>;
+export declare const Provider: any, Context: any;

package/lib/components/booking/forms/sendModal/useSendModal.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SendModalValues } from './index';
 declare const useSendModal: (bookingId?: number) => {
     open: boolean;

package/lib/components/booking/hooks/useClearCart.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const useClearCart: (state: any, dispatch: any) => false | JSX.Element;
 export default useClearCart;

package/lib/components/booking/hooks/useQuotation.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const calculateTotalPrice: (data: any) => number;
 declare const useQuotation: (state: any, dispatch: any) => {
     dom: JSX.Element;

package/lib/components/booking/info/dateRange/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 export declare const disabledDate: (current: any, position: any, currentDate: any) => any;
 declare const DateRange: ({ state, dispatch, key }: any) => JSX.Element;

package/lib/components/booking/info/model.d.ts

@@ -1,14 +1,5 @@
-/// <reference types="react" />
-import { FormState } from '../model';
 export declare const walkInData: {
     id: number;
     nickname: string;
 };
-export declare const Provider: (ComponentUi: any) => any, Context: import("react").Context<{
-    state: FormState;
-} & {
-    dispatch: (params: {
-        type: string;
-        payload: any;
-    }) => void;
-}>;
+export declare const Provider: any, Context: any;

package/lib/components/booking/info/service/addService/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { PisellDrawerProps } from '../../../components/drawer';
 import './index.less';
 interface AddServiceProps {

package/lib/components/booking/info/service/addService/utils.d.ts

@@ -6,7 +6,7 @@ export declare const getDurationProps: ({ cacheItem, useStartTime, currentResour
         type: string;
         value: number;
     };
-    locale: string;
+    locale: any;
     slice: any;
     selectProps: {
         size: string;

package/lib/components/booking/info/service/addTimeModal/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 declare const AddTimeModal: () => JSX.Element;
 export default AddTimeModal;

package/lib/components/booking/info/service/editService/BookingList/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const BookingList: ({ items }: {
     items: any[];
 }) => JSX.Element;

package/lib/components/booking/info/service/serviceItem/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 declare const ServiceItem: ({ d, handleEditService, state, handleLike, resourceItem, errorMessage, handleDeleteService, }: any) => JSX.Element;
 export default ServiceItem;

package/lib/components/booking/info2/service/addService/utils.d.ts

@@ -7,7 +7,7 @@ export declare const getDurationProps: ({ cacheItem, useStartTime, currentResour
         type: string;
         value: number;
     };
-    locale: string;
+    locale: any;
     slice: any;
     selectProps: {
         size: string;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 declare const ServiceItem: ({ d, handleEditService, state, handleLike, errorMessage, handleDeleteService, }: any) => JSX.Element;
 export default ServiceItem;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface FormState {
     amountSymbol: string;
     apis: {
@@ -106,11 +105,4 @@ export declare const walkInData: {
     id: number;
     nickname: string;
 };
-export declare const Provider: (ComponentUi: any) => any, Context: import("react").Context<{
-    state: FormState;
-} & {
-    dispatch: (params: {
-        type: string;
-        payload: any;
-    }) => void;
-}>;
+export declare const Provider: any, Context: any;

package/lib/components/booking/notes/model.d.ts

@@ -1,10 +1 @@
-/// <reference types="react" />
-import { FormState } from "../model";
-export declare const Provider: (ComponentUi: any) => any, Context: import("react").Context<{
-    state: FormState;
-} & {
-    dispatch: (params: {
-        type: string;
-        payload: any;
-    }) => void;
-}>;
+export declare const Provider: any, Context: any;

package/lib/components/booking/payments/model.d.ts

@@ -1,10 +1 @@
-/// <reference types="react" />
-import { FormState } from "../model";
-export declare const Provider: (ComponentUi: any) => any, Context: import("react").Context<{
-    state: FormState;
-} & {
-    dispatch: (params: {
-        type: string;
-        payload: any;
-    }) => void;
-}>;
+export declare const Provider: any, Context: any;

package/lib/components/booking/utils.js

@@ -66,6 +66,7 @@ var import_utils = require("@pisell/utils");
 var import_utils2 = require("./info/service2/utils");
 var import_lodash = require("lodash");
 var import_utilsByBooking = require("./info2/utilsByBooking");
+var import_decimal = __toESM(require("decimal.js"));
 var Request = class {
   request = {};
   constructor() {
@@ -611,22 +612,26 @@ var getServerItemExtend = (state, cacheItem, timeObj) => {
 };
 var getProductTotalPrice = (item) => {
   var _a;
-  let price = Number(item._extend.price);
+  let price = new import_decimal.default(item._extend.price || 0);
   let other = (_a = item._extend) == null ? void 0 : _a.other;
   if (other == null ? void 0 : other.product_variant_id) {
-    price = Number(other == null ? void 0 : other.price);
+    price = new import_decimal.default((other == null ? void 0 : other.price) || 0);
   }
   if (other == null ? void 0 : other.bundle) {
     price = other == null ? void 0 : other.bundle.reduce((accumulator, currentValue) => {
-      return accumulator + Number(currentValue.price) * Number(currentValue.num);
+      const currentPrice = new import_decimal.default(currentValue.price || 0);
+      const currentNum = new import_decimal.default(currentValue.num || 0);
+      return accumulator.add(currentPrice.mul(currentNum));
     }, price);
   }
   if (other == null ? void 0 : other.option) {
     price = other == null ? void 0 : other.option.reduce((accumulator, currentValue) => {
-      return accumulator + Number(currentValue.price) * Number(currentValue.num);
+      const currentPrice = new import_decimal.default(currentValue.price || 0);
+      const currentNum = new import_decimal.default(currentValue.num || 0);
+      return accumulator.add(currentPrice.mul(currentNum));
     }, price);
   }
-  return price;
+  return price.toNumber();
 };
 var getDuration = (duration) => {
   if (typeof duration === "number") {

package/lib/components/checkout/PaymentModal.js

@@ -151,6 +151,19 @@ var PaymentContent = (0, import_react.forwardRef)(
           return method.code === "CASHMANUAL" || method.type === "CASHMANUAL" || ((_a3 = method.name) == null ? void 0 : _a3.toLowerCase().includes("cash"));
         }
       );
+      logger == null ? void 0 : logger.addLog({
+        type: "info",
+        title: "open_till",
+        metadata: {}
+      });
+      (_b2 = (_a2 = interaction == null ? void 0 : interaction.utils) == null ? void 0 : _a2.postMessageToApp) == null ? void 0 : _b2.call(_a2, {
+        module: "till",
+        key: "open_till",
+        data: {
+          type: "cash"
+          // cash 不需要验证钱箱权限
+        }
+      });
       await (checkoutModule == null ? void 0 : checkoutModule.addPaymentItemAsync({
         amount: result.amount,
         /** 支付类型，跟支付列表上对应的支付方式保持一致 */
@@ -165,23 +178,11 @@ var PaymentContent = (0, import_react.forwardRef)(
         voucher_id: 0,
         rounding_amount: result.roundingAmount
       }));
-      logger == null ? void 0 : logger.addLog({
-        type: "info",
-        title: "open_till",
-        metadata: {}
-      });
-      (_b2 = (_a2 = interaction == null ? void 0 : interaction.utils) == null ? void 0 : _a2.postMessageToApp) == null ? void 0 : _b2.call(_a2, {
-        module: "till",
-        key: "open_till",
-        data: {
-          type: "cash"
-          // cash 不需要验证钱箱权限
-        }
-      });
     };
     const processSurcharge = (surcharge) => {
       if (typeof surcharge === "string") {
-        return surcharge.replace(/^[$¥€£]+/, "");
+        const match = surcharge.match(/\d+(?:\.\d+)?/);
+        return match ? match[0] : void 0;
       }
       if (typeof surcharge === "number") {
         return String(surcharge);
@@ -286,7 +287,11 @@ var PaymentContent = (0, import_react.forwardRef)(
           });
           (_d = (_c2 = interaction == null ? void 0 : interaction.utils) == null ? void 0 : _c2.postMessageToApp) == null ? void 0 : _d.call(_c2, {
             module: "till",
-            key: "open_till"
+            key: "open_till",
+            data: {
+              type: "cash"
+              // cash 不需要验证钱箱权限
+            }
           });
         }
         await (checkoutModule == null ? void 0 : checkoutModule.addPaymentItemAsync({
@@ -487,7 +492,11 @@ var PaymentContent = (0, import_react.forwardRef)(
                   });
                   (_b2 = (_a2 = interaction == null ? void 0 : interaction.utils) == null ? void 0 : _a2.postMessageToApp) == null ? void 0 : _b2.call(_a2, {
                     module: "till",
-                    key: "open_till"
+                    key: "open_till",
+                    data: {
+                      type: "cash"
+                      // cash 不需要验证钱箱权限
+                    }
                   });
                 }
               }
@@ -664,7 +673,7 @@ var PaymentContent = (0, import_react.forwardRef)(
           select.forEach((item) => {
             var _a2, _b2, _c2, _d;
             const mapCode = item.code ? import_constants.WALLET_PASS_CODE_MAP[item.code] : null;
-            if (mapCode) {
+            if (mapCode && walletPassDetail.map[mapCode]) {
               voucherItems.push({
                 /** 支付金额 */
                 amount: item.amount,
@@ -1721,6 +1730,17 @@ var PaymentModal = ({
                     }
                   ),
                   onClick: handleOrderNoteClick
+                },
+                enabledAutoPrint ? {
+                  key: "print",
+                  label: import_utils.locales.getText("payment.result.printReceipt"),
+                  icon: /* @__PURE__ */ import_react.default.createElement(import_icon.Printer, { className: getClassName("action-icon") }),
+                  onClick: handlePrintReceiptClick
+                } : {
+                  key: "details",
+                  label: import_utils.locales.getText("payment.result.details"),
+                  icon: /* @__PURE__ */ import_react.default.createElement(import_icon.FileCheck02, { className: getClassName("action-icon") }),
+                  onClick: handleDetailsClick
                 }
               ],
               buttonProps: {
@@ -1733,7 +1753,7 @@ var PaymentModal = ({
       case "partially_paid":
         return [
           [
-            {
+            enabledAutoPrint ? {
               id: "details",
               buttonProps: {
                 className: getClassName("action-button"),
@@ -1741,6 +1761,14 @@ var PaymentModal = ({
                 icon: /* @__PURE__ */ import_react.default.createElement(import_icon.FileCheck02, { className: getClassName("action-icon") }),
                 children: import_utils.locales.getText("payment.result.details")
               }
+            } : {
+              id: "print",
+              buttonProps: {
+                className: getClassName("action-button"),
+                onClick: handlePrintReceiptClick,
+                icon: /* @__PURE__ */ import_react.default.createElement(import_icon.Printer, { className: getClassName("action-icon") }),
+                children: import_utils.locales.getText("payment.result.printReceipt")
+              }
             },
             {
               id: "more",
@@ -1756,6 +1784,17 @@ var PaymentModal = ({
                     }
                   ),
                   onClick: handleOrderNoteClick
+                },
+                enabledAutoPrint ? {
+                  key: "print",
+                  label: import_utils.locales.getText("payment.result.printReceipt"),
+                  icon: /* @__PURE__ */ import_react.default.createElement(import_icon.Printer, { className: getClassName("action-icon") }),
+                  onClick: handlePrintReceiptClick
+                } : {
+                  key: "details",
+                  label: import_utils.locales.getText("payment.result.details"),
+                  icon: /* @__PURE__ */ import_react.default.createElement(import_icon.FileCheck02, { className: getClassName("action-icon") }),
+                  onClick: handleDetailsClick
                 }
               ],
               buttonProps: {
@@ -1963,10 +2002,9 @@ var PaymentModal = ({
         open: showRetryModal,
         title: import_utils.locales.getText("pisell2.checkout.tips"),
         footer: null,
-        closable: false,
-        maskClosable: false,
         keyboard: false,
         onCancel: () => {
+          setShowRetryModal(false);
         }
         // 禁用关闭
       }

package/lib/components/checkout/components/AdditionalModule/index.less

@@ -1,5 +1,5 @@
 .additional-module {
-  // padding-bottom: 16px; // 底部间距
+  padding-bottom: 2px; // 底部间距
 
   // 标题样式
   &-title {

package/lib/components/checkout/components/AmountSummary/index.js

@@ -229,15 +229,11 @@ function AmountSummary({
     return totalDecimal.toNumber();
   };
   const getKeyboardLimits = () => {
-    const walletTotal = getWalletTotalAmount();
-    const walletTotalDecimal = new import_decimal.default(walletTotal);
     const orderDueDecimal = new import_decimal.default(Number(balanceDueAmount || 0));
     const minDecimal = new import_decimal.default(0.01);
-    const diffDecimal = orderDueDecimal.minus(walletTotalDecimal);
-    const maxAmountDecimal = import_decimal.default.max(minDecimal, diffDecimal);
     return {
       min: minDecimal.toNumber(),
-      max: maxAmountDecimal.toNumber()
+      max: orderDueDecimal.toNumber()
     };
   };
   const _formatInputAmount = (value) => {
@@ -266,9 +262,6 @@ function AmountSummary({
       );
       return;
     }
-    if (!inputStr || numericValue <= 0) {
-      numericValue = getOrderDueAmount();
-    }
     const minDecimal = new import_decimal.default(limits.min);
     const maxDecimal = new import_decimal.default(limits.max);
     const valueDecimal = new import_decimal.default(numericValue);
@@ -463,6 +456,9 @@ function AmountSummary({
       return depositPaidAmount < new import_decimal.default(totalAmount).toNumber();
     }
   }, [paymentItems, paymentType, totalAmount]);
+  const showCancelSplitPayment = (0, import_react.useMemo)(() => {
+    return balanceDueAmount !== customAmount;
+  }, [customAmount, balanceDueAmount]);
   const handleChangeDepositAmount = (value) => {
     console.log("handleChangeDepositAmount", value);
     checkoutModule == null ? void 0 : checkoutModule.setDepositAmountAsync(value);
@@ -511,7 +507,7 @@ function AmountSummary({
       shouldShowConfirmMode() ? renderConfirmMode() : /* @__PURE__ */ import_react2.default.createElement("div", { className: (0, import_classnames.default)("balance-due-info") }, paymentType === "deposit" ? /* @__PURE__ */ import_react2.default.createElement(
         import_pisellSimplePriceKeyboardPopover.default,
         {
-          value: (orderInfo == null ? void 0 : orderInfo.depositAmount) || "0",
+          value: balanceDueAmount || "0",
           onConfirm: handleChangeDepositAmount,
           showCurrencySymbol: true,
           useThousandsSeparator: true,
@@ -570,7 +566,7 @@ function AmountSummary({
         ))
       )
     ),
-    !shouldShowConfirmMode() && /* @__PURE__ */ import_react2.default.createElement(
+    !shouldShowConfirmMode() && (showCancelSplitPayment ? /* @__PURE__ */ import_react2.default.createElement(import_antd.Button, { className: (0, import_classnames.default)("cancel-split-payment-button"), onClick: () => onAmountChange == null ? void 0 : onAmountChange(balanceDueAmount) }, getText("split.cancel") || "取消部\n分支付") : /* @__PURE__ */ import_react2.default.createElement(
       import_antd.Popover,
       {
         content: /* @__PURE__ */ import_react2.default.createElement("div", { onClick: (e) => e.stopPropagation() }, /* @__PURE__ */ import_react2.default.createElement(
@@ -610,7 +606,7 @@ function AmountSummary({
         destroyTooltipOnHide: true
       },
       /* @__PURE__ */ import_react2.default.createElement(import_antd.Button, { className: (0, import_classnames.default)("split-payment-button") }, getText("split.payment") || "拆分支付")
-    ),
+    )),
     /* @__PURE__ */ import_react2.default.createElement(
       import_materials.PisellModal,
       {

package/lib/components/checkout/components/AmountSummary/index.less

@@ -476,6 +476,7 @@
 }
 
 .split-payment-button {
+  width: 80px;
   padding: 0 8px;
   background: #079455;
   color: white;
@@ -485,4 +486,16 @@
   white-space: pre-line; // 让换行符(\n)生效
   text-align: left; // 确保文本居中对齐
   min-width: 68px;
+}
+.cancel-split-payment-button {
+  width: 80px;
+  padding: 0 8px;
+  background: #DF5342;
+  color: white;
+  font-size: 14px;
+  border: 1px solid #C3B2E7;
+  height: 80px;
+  white-space: pre-line; // 让换行符(\n)生效
+  text-align: left; // 确保文本居中对齐
+  min-width: 68px;
 }

package/lib/components/checkout/components/CashPaymentModule/index.js

@@ -97,7 +97,9 @@ function CashPaymentModule({
     }
   };
   const { run: handleCashPay } = (0, import_ahooks.useDebounceFn)(handleCashPayInternal, {
-    wait: 500
+    wait: 500,
+    leading: true,
+    trailing: false
   });
   const handleKeyboardConfirm = async (value) => {
     if (isInputDisabled) {