@pisell/private-materials 6.4.73 → 6.4.75

package/lib/components/booking/forms/table/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import "./index.less";
 declare const Table: ({ value, onChange, field, mode, onAdd }: any) => JSX.Element;
 export default Table;

package/lib/components/booking/info/clientVariant/hooks/useIsLowSpeedNetwork.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const useIsLowSpeedNetwork: () => import("react").MutableRefObject<boolean>;
 export default useIsLowSpeedNetwork;

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

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

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: any;
+    locale: string;
     slice: any;
     selectProps: {
         size: string;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import "./index.less";
 declare const Like: ({ status, onChange, className, style, }: {
     style?: any;

package/lib/components/booking/info/service2/utils.d.ts

@@ -248,4 +248,4 @@ export declare const updateAppointmentServicePrice: (state: any, { start_date, e
  * @Author: WangHan
  * @Date: 2024-12-24 11:32
  */
-export declare const updateServicePrice: (state: any) => Promise<any> | never[];
+export declare const updateServicePrice: (state: any) => never[] | Promise<any>;

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: any;
+    locale: string;
     slice: any;
     selectProps: {
         size: string;

package/lib/components/booking/materiels/holder/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { SelectProps } from 'antd';
 interface HolderProps extends SelectProps {
     selectProps?: SelectProps;

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

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

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

@@ -1 +1,10 @@
-export declare const Provider: any, Context: any;
+/// <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;
+}>;

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

@@ -1 +1,10 @@
-export declare const Provider: any, Context: any;
+/// <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;
+}>;

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

@@ -165,10 +165,10 @@ export declare const getProductTotalPrice: (item: any) => number;
 export declare const getDuration: (duration: number | {
     type: string;
     value: number;
-}) => number | {
+}) => number | "flexible" | {
     type: string;
     value: number;
-} | "flexible";
+};
 export declare const isWalkIn: (customer_id?: number | string) => boolean;
 export declare const getIsEdit: (state: any) => boolean;
 export {};

package/lib/components/checkout/PaymentModal.js

@@ -112,12 +112,18 @@ var PaymentContent = (0, import_react.forwardRef)(
     const [balanceDueAmount, setBalanceDueAmount] = (0, import_react.useState)("");
     const [balanceDueTotalAmount, setBalanceDueTotalAmount] = (0, import_react.useState)("");
     const [recommendAmounts, setRecommendAmounts] = (0, import_react.useState)([]);
+    const [showSplitPaymentKeyboard, setShowSplitPaymentKeyboard] = (0, import_react.useState)(false);
     const paymentMethodsRef = (0, import_react.useRef)(null);
     const [paymentMethods, setPaymentMethods] = (0, import_react.useState)([]);
     const [showCashPayment, setShowCashPayment] = (0, import_react.useState)(false);
     const [paymentOptionsTitle, setPaymentOptionsTitle] = (0, import_react.useState)(
       import_utils.locales.getText("cards.and.digitals") || "Cards & Digitals"
     );
+    const paymentOptionList = (0, import_react.useMemo)(() => {
+      return paymentMethods.filter(
+        (item) => !(item.type === "app" && item.code === "EFTPOS_LINKLY") && (["custom"].includes(item.type) || import_PaymentOptionsModule.SHOW_METHODS_CODE.includes(item.code))
+      );
+    }, [paymentMethods]);
     const clientChangedRef = (0, import_react.useRef)(false);
     const walletPassRef = (0, import_react.useRef)(null);
     const [paymentItems, setPaymentItems] = (0, import_react.useState)([]);
@@ -446,7 +452,7 @@ var PaymentContent = (0, import_react.forwardRef)(
             const orderPaymentAddedUnsubscribe = core.effects.on(
               CheckoutHooks.OnOrderPaymentAdded,
               executeIfActive(async (data) => {
-                var _a2, _b2;
+                var _a2, _b2, _c2, _d, _e;
                 console.log("orderPaymentAddedUnsubscribe>>>>", data);
                 const orderInfo2 = checkoutModule.getCurrentOrderInfo();
                 updateOrderInfo == null ? void 0 : updateOrderInfo(orderInfo2);
@@ -471,6 +477,12 @@ var PaymentContent = (0, import_react.forwardRef)(
                     totalAmount2 = totalAmount2.add(serviceChargeTotal);
                   }
                   console.log(totalAmount2, paymentItems2);
+                  const isToastMode = ((_c2 = (_b2 = (_a2 = state == null ? void 0 : state.bookingConfig) == null ? void 0 : _a2.config) == null ? void 0 : _b2.payment_setting) == null ? void 0 : _c2.payment_result_display_mode) !== "modal";
+                  if (!isToastMode) {
+                    autoCloseConfig.autoClose = false;
+                    autoCloseConfig.autoCloseDelay = 0;
+                    autoCloseConfig.maskClosable = false;
+                  }
                   await (0, import_PaymentResultToastUtils.displayPaymentResultToast)(
                     {
                       paymentStatus: "partially_paid",
@@ -499,7 +511,7 @@ var PaymentContent = (0, import_react.forwardRef)(
                     title: "open_till",
                     metadata: {}
                   });
-                  (_b2 = (_a2 = interaction == null ? void 0 : interaction.utils) == null ? void 0 : _a2.postMessageToApp) == null ? void 0 : _b2.call(_a2, {
+                  (_e = (_d = interaction == null ? void 0 : interaction.utils) == null ? void 0 : _d.postMessageToApp) == null ? void 0 : _e.call(_d, {
                     module: "till",
                     key: "open_till",
                     data: {
@@ -742,6 +754,9 @@ var PaymentContent = (0, import_react.forwardRef)(
         case "send-link":
           setPaymentLinkModalOpen(true);
           break;
+        case "split-payment":
+          setShowSplitPaymentKeyboard(true);
+          break;
         case "print-receipt":
           let data;
           const isSynced = await checkoutModule.isCurrentOrderSynced();
@@ -856,7 +871,11 @@ var PaymentContent = (0, import_react.forwardRef)(
       return res;
     };
     const handleModalClick = (0, import_react.useCallback)((event) => {
-      (0, import_PaymentResultToast.closeAllPaymentResultToasts)();
+      var _a2, _b2, _c2;
+      const isToastMode = ((_c2 = (_b2 = (_a2 = state == null ? void 0 : state.bookingConfig) == null ? void 0 : _a2.config) == null ? void 0 : _b2.payment_setting) == null ? void 0 : _c2.payment_result_display_mode) !== "modal";
+      if (isToastMode) {
+        (0, import_PaymentResultToast.closeAllPaymentResultToasts)();
+      }
     }, []);
     return /* @__PURE__ */ import_react.default.createElement(
       "div",
@@ -928,7 +947,7 @@ var PaymentContent = (0, import_react.forwardRef)(
           {
             style: showCashPayment ? {
               gridColumn: "1",
-              gridRow: "1"
+              gridRow: (paymentOptionList == null ? void 0 : paymentOptionList.length) === 1 ? "span 2" : "1"
             } : {}
           },
           /* @__PURE__ */ import_react.default.createElement(
@@ -944,17 +963,18 @@ var PaymentContent = (0, import_react.forwardRef)(
               customAmount,
               roundingFunction,
               balanceDueAmount,
-              balanceDueTotalAmount
+              balanceDueTotalAmount,
+              shortcutsSize: (paymentOptionList == null ? void 0 : paymentOptionList.length) === 3 || (paymentOptionList == null ? void 0 : paymentOptionList.length) === 1 ? "large" : "default"
             }
           )
         ),
-        moduleConfig.showPaymentOptions && /* @__PURE__ */ import_react.default.createElement(
+        moduleConfig.showPaymentOptions && (paymentOptionList == null ? void 0 : paymentOptionList.length) > 0 && /* @__PURE__ */ import_react.default.createElement(
           "div",
           {
             className: showCashPayment ? "" : "payment-options-module-container",
             style: showCashPayment ? {
               gridColumn: "2",
-              gridRow: "1 / 3"
+              gridRow: (paymentOptionList == null ? void 0 : paymentOptionList.length) > 3 ? "1 / 3" : "1"
             } : {}
           },
           /* @__PURE__ */ import_react.default.createElement(
@@ -976,8 +996,8 @@ var PaymentContent = (0, import_react.forwardRef)(
           {
             className: showCashPayment ? "" : "additional-module-container",
             style: showCashPayment ? {
-              gridColumn: "1",
-              gridRow: "2"
+              gridColumn: (paymentOptionList == null ? void 0 : paymentOptionList.length) > 3 ? "1" : (paymentOptionList == null ? void 0 : paymentOptionList.length) <= 1 ? "2" : "span 2",
+              gridRow: (paymentOptionList == null ? void 0 : paymentOptionList.length) === 0 ? "1" : "2"
             } : {}
           },
           /* @__PURE__ */ import_react.default.createElement(
@@ -988,7 +1008,9 @@ var PaymentContent = (0, import_react.forwardRef)(
               handleButtonClick,
               hasOrderNote: !!orderNote && orderNote.trim().length > 0,
               disabled: isOrderFree,
-              showCashPayment
+              showCashPayment,
+              isFullWidth: !((paymentOptionList == null ? void 0 : paymentOptionList.length) > 3 || (paymentOptionList == null ? void 0 : paymentOptionList.length) <= 1),
+              showMore: !(showCashPayment && (paymentOptionList == null ? void 0 : paymentOptionList.length) === 0)
             }
           )
         )
@@ -1020,6 +1042,7 @@ var PaymentContent = (0, import_react.forwardRef)(
             open: showPriceAdjustModal,
             onCancel: () => setShowPriceAdjustModal(false)
           },
+          tips: import_utils.locales.getText("pisell2.checkout.modal.price-adjustment-tips") || "Changing amount will update order total",
           selectType: "dark",
           originalValue: currentTotalPrice,
           defaultValue: currentTotalPriceAfterDiscount,
@@ -1037,6 +1060,39 @@ var PaymentContent = (0, import_react.forwardRef)(
           walletPassData,
           onSavePayLater: handleSavePayLater
         }
+      ),
+      /* @__PURE__ */ import_react.default.createElement(
+        import_priceKeyboard.PaymentKeyboard,
+        {
+          containerProps: {
+            renderType: "modal",
+            open: showSplitPaymentKeyboard,
+            onCancel: () => setShowSplitPaymentKeyboard(false)
+          },
+          paymentOriginalValue: balanceDueAmount,
+          paymentDefaultValue: String(customAmount || 0),
+          enableExceedMaxAmount: false,
+          payment: {
+            enable: true
+          },
+          surcharge: {
+            enable: false
+          },
+          surchargeDefaultValue: {
+            percent: "0",
+            fixed: "0"
+          },
+          selectType: "light",
+          onChange: (value) => {
+            console.log(value);
+          },
+          doneText: import_utils.locales.getText("confirm") || "确认",
+          onPay: (args) => {
+            console.log(args);
+            setShowSplitPaymentKeyboard(false);
+            handleAmountChange(String(args.amount));
+          }
+        }
       )
     );
   }
@@ -1469,7 +1525,7 @@ var PaymentModal = ({
           unsubscribeRef.current = checkout.core.effects.on(
             "checkout:onOrderSynced",
             executeIfActive(async (data2) => {
-              var _a3, _b3, _c3, _d3, _e2;
+              var _a3, _b3, _c3, _d3, _e2, _f2, _g2, _h2;
               const currentOrderId = checkout.getCurrentOrderId();
               setCurrentEditOrderId(currentOrderId);
               const responseData = (_a3 = data2.response) == null ? void 0 : _a3.data;
@@ -1547,6 +1603,12 @@ var PaymentModal = ({
                   }));
                 }
                 const orderInfo3 = checkout.getCurrentOrderInfo();
+                const isToastMode = ((_h2 = (_g2 = (_f2 = state == null ? void 0 : state.bookingConfig) == null ? void 0 : _f2.config) == null ? void 0 : _g2.payment_setting) == null ? void 0 : _h2.payment_result_display_mode) !== "modal";
+                if (!isToastMode) {
+                  autoCloseConfig.autoClose = false;
+                  autoCloseConfig.autoCloseDelay = 0;
+                  autoCloseConfig.maskClosable = false;
+                }
                 await (0, import_PaymentResultToastUtils.displayPaymentResultToast)(
                   {
                     paymentStatus,

package/lib/components/checkout/components/AdditionalModule/index.d.ts

@@ -8,6 +8,8 @@ interface AdditionalModuleProps {
     hasOrderNote?: boolean;
     disabled?: boolean;
     showCashPayment?: boolean;
+    isFullWidth?: boolean;
+    showMore?: boolean;
 }
-declare function AdditionalModule({ orderInfo, customAmount, handleButtonClick, hasOrderNote, disabled, showCashPayment, }: AdditionalModuleProps): JSX.Element;
+declare function AdditionalModule({ orderInfo, customAmount, handleButtonClick, hasOrderNote, disabled, showCashPayment, isFullWidth, showMore }: AdditionalModuleProps): JSX.Element;
 export default AdditionalModule;

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

@@ -47,7 +47,9 @@ function AdditionalModule({
   handleButtonClick,
   hasOrderNote = false,
   disabled = false,
-  showCashPayment = false
+  showCashPayment = false,
+  isFullWidth = false,
+  showMore = true
 }) {
   import_utils.locales.init(import_locales2.default, (0, import_locales.getLocale)());
   const moreMenuItems = [
@@ -55,11 +57,16 @@ function AdditionalModule({
       key: "send-link",
       label: import_utils.locales.getText("pisell2.text.send-link"),
       icon: /* @__PURE__ */ import_react.default.createElement(import_icons.LinkOutlined, null)
+    },
+    {
+      key: "print-receipt",
+      label: import_utils.locales.getText("pisell2.text.print-receipt"),
+      icon: /* @__PURE__ */ import_react.default.createElement(import_materials.Icon, { type: "pisell2-printer" })
     }
   ];
   const Toast = (0, import_useToast.default)();
-  return /* @__PURE__ */ import_react.default.createElement("div", { className: "additional-module" }, showCashPayment && /* @__PURE__ */ import_react.default.createElement("div", { className: "additional-module-title" }, import_utils.locales.getText("pisell2.text.others")), /* @__PURE__ */ import_react.default.createElement("div", { className: "additional-module-buttons-container" }, showCashPayment ? (
-    // Grid布局模式：两行布局（显示现金支付模块时）
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "additional-module" }, showCashPayment && /* @__PURE__ */ import_react.default.createElement("div", { className: "additional-module-title" }, import_utils.locales.getText("pisell2.text.others")), /* @__PURE__ */ import_react.default.createElement("div", { className: "additional-module-buttons-container" }, showCashPayment && !isFullWidth ? (
+    // Grid布局模式：两行布局（显示现金支付模块且非全宽时）
     /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { className: "additional-module-button-row" }, /* @__PURE__ */ import_react.default.createElement(
       import_antd.Button,
       {
@@ -83,18 +90,18 @@ function AdditionalModule({
       {
         className: "additional-module-button-base purple-theme",
         onClick: () => {
-          handleButtonClick("print-receipt");
+          handleButtonClick("split-payment");
         },
         icon: /* @__PURE__ */ import_react.default.createElement(
           import_materials.Icon,
           {
-            type: "pisell2-printer",
+            type: "pisell2-coins-01",
             className: "additional-module-button-icon"
           }
         ),
         size: "large"
       },
-      import_utils.locales.getText("pisell2.text.print-receipt")
+      import_utils.locales.getText("split.payment")
     )), /* @__PURE__ */ import_react.default.createElement("div", { className: "additional-module-button-row" }, /* @__PURE__ */ import_react.default.createElement(
       import_antd.Button,
       {
@@ -126,7 +133,7 @@ function AdditionalModule({
         icon: /* @__PURE__ */ import_react.default.createElement(import_icons.ClockCircleOutlined, { className: "additional-module-button-icon" })
       },
       import_utils.locales.getText("pisell2.text.save-pay-later")
-    ), /* @__PURE__ */ import_react.default.createElement(
+    ), showMore && /* @__PURE__ */ import_react.default.createElement(
       import_antd.Dropdown,
       {
         menu: {
@@ -143,6 +150,10 @@ function AdditionalModule({
                   )
                 );
               }
+            } else if (key === "split-payment") {
+              handleButtonClick("split-payment");
+            } else if (key === "print-receipt") {
+              handleButtonClick("print-receipt");
             }
           }
         },
@@ -163,9 +174,33 @@ function AdditionalModule({
           icon: /* @__PURE__ */ import_react.default.createElement(import_materials.Icon, { type: "pisell2-dots-vertical", size: 20 })
         }
       )
+    )), !showMore && /* @__PURE__ */ import_react.default.createElement("div", { className: "additional-module-button-row" }, /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Button,
+      {
+        className: "additional-module-button-base purple-theme",
+        onClick: () => {
+          handleButtonClick("send-link");
+        },
+        disabled,
+        size: "large",
+        icon: /* @__PURE__ */ import_react.default.createElement(import_icons.LinkOutlined, null)
+      },
+      import_utils.locales.getText("pisell2.text.send-link")
+    ), /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Button,
+      {
+        className: "additional-module-button-base purple-theme",
+        onClick: () => {
+          handleButtonClick("print-receipt");
+        },
+        disabled,
+        size: "large",
+        icon: /* @__PURE__ */ import_react.default.createElement(import_materials.Icon, { type: "pisell2-printer" })
+      },
+      import_utils.locales.getText("pisell2.text.print-receipt")
     )))
   ) : (
-    // Flex布局模式：一行布局（不显示现金支付模块时）
+    // Flex布局模式：一行布局（不显示现金支付模块或强制全宽时）
     /* @__PURE__ */ import_react.default.createElement("div", { className: "additional-module-button-row" }, /* @__PURE__ */ import_react.default.createElement(
       import_antd.Button,
       {
@@ -189,18 +224,18 @@ function AdditionalModule({
       {
         className: "additional-module-button-base purple-theme",
         onClick: () => {
-          handleButtonClick("print-receipt");
+          handleButtonClick("split-payment");
         },
         size: "large",
         icon: /* @__PURE__ */ import_react.default.createElement(
           import_materials.Icon,
           {
-            type: "pisell2-printer",
+            type: "pisell2-coins-01",
             className: "additional-module-button-icon"
           }
         )
       },
-      import_utils.locales.getText("pisell2.text.print-receipt")
+      import_utils.locales.getText("split.payment")
     ), /* @__PURE__ */ import_react.default.createElement(
       import_antd.Button,
       {
@@ -247,6 +282,10 @@ function AdditionalModule({
                   )
                 );
               }
+            } else if (key === "split-payment") {
+              handleButtonClick("split-payment");
+            } else if (key === "print-receipt") {
+              handleButtonClick("print-receipt");
             }
           }
         },

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

@@ -42,7 +42,6 @@ var import_decimal = __toESM(require("decimal.js"));
 var import_locales = __toESM(require("../../locales"));
 var import_PaymentDetailModal = __toESM(require("../PaymentDetailModal"));
 var import_pisellSimplePriceKeyboardPopover = __toESM(require("../../../../pro/pisellSimplePriceKeyboardPopover"));
-var import_priceKeyboard = require("../../../../pro/priceKeyboard");
 var import_index = require("./index.less");
 var import_classnames = __toESM(require("classnames"));
 var import_useEngineContext = __toESM(require("../../../../hooks/useEngineContext"));
@@ -365,12 +364,12 @@ function AmountSummary({
     let balanceAmountValue = parseFormattedAmount(getBalanceDueAmount());
     let balanceDecimal = new import_decimal.default(balanceAmountValue);
     const syncedVoucherAmount = paymentItems == null ? void 0 : paymentItems.reduce((acc, item) => {
-      if (item.isSynced && (paymentType === "regular" && item.order_payment_type !== "deposit" || paymentType === "deposit" && item.order_payment_type === "deposit")) {
+      if ((item.isSynced || item.voucher_id) && (paymentType === "regular" && item.order_payment_type !== "deposit" || paymentType === "deposit" && item.order_payment_type === "deposit")) {
         return acc.plus(item.amount).plus(Number(item.rounding_amount) > 0 ? 0 : item.rounding_amount || 0);
       }
       return acc;
     }, new import_decimal.default(0)).toNumber();
-    balanceDecimal = balanceDecimal.minus(syncedVoucherAmount);
+    balanceDecimal = new import_decimal.default(Math.abs(balanceDecimal.minus(new import_decimal.default(syncedVoucherAmount)).toNumber()));
     const finalBalanceAmount = (0, import_utils.formatAmountWithOptions)(
       balanceDecimal.toNumber(),
       amountSymbol,
@@ -467,8 +466,9 @@ function AmountSummary({
     return balanceDueAmount !== customAmount && Number(balanceDueAmount) > 0 && Number(customAmount) > 0;
   }, [customAmount, balanceDueAmount]);
   const handleChangeDepositAmount = (value) => {
-    console.log("handleChangeDepositAmount", value);
-    checkoutModule == null ? void 0 : checkoutModule.setDepositAmountAsync(value);
+    const valueStr = String(value);
+    console.log("handleChangeDepositAmount", valueStr);
+    checkoutModule == null ? void 0 : checkoutModule.setDepositAmountAsync(valueStr);
   };
   const hasDepositPayment = (0, import_react.useMemo)(() => {
     return paymentItems == null ? void 0 : paymentItems.some((item) => item.order_payment_type === "deposit" && item.status !== "voided");
@@ -594,47 +594,6 @@ function AmountSummary({
         ))
       )
     ),
-    !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(
-          import_priceKeyboard.PaymentKeyboard,
-          {
-            paymentOriginalValue: balanceDueAmount,
-            paymentDefaultValue: String(customAmount || 0),
-            enableExceedMaxAmount: false,
-            payment: {
-              enable: true
-            },
-            surcharge: {
-              enable: false
-            },
-            surchargeDefaultValue: {
-              percent: "0",
-              fixed: "0"
-            },
-            selectType: "light",
-            onChange: (value) => {
-              console.log(value);
-            },
-            doneText: getText("confirm"),
-            onPay: (args) => {
-              console.log(args);
-              setIsKeyboardVisible(false);
-              handleKeyboardConfirm(args.amount);
-            }
-          }
-        )),
-        trigger: "click",
-        open: isKeyboardVisible,
-        onOpenChange: setIsKeyboardVisible,
-        placement: "bottom",
-        overlayClassName: "payment-keyboard-popover",
-        arrow: true,
-        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

@@ -226,7 +226,7 @@
     border-radius: 16px;
     padding: 0 16px 0 16px;
     color: #1a1a1a;
-    width: 350px;
+    width: 400px;
     min-width: 200px;
     height: 80px;
     display: flex;

package/lib/components/checkout/components/CashPaymentModule/index.d.ts

@@ -15,10 +15,12 @@ export interface CashPaymentModuleProps {
     balanceDueAmount?: string;
     balanceDueTotalAmount?: string;
     syncingLock?: boolean;
+    shortcutsSize?: 'default' | 'large';
 }
 export declare function CashPaymentModule({ amountSymbol, orderInfo, onPaymentComplete, customAmount, amountButtons, // 按钮列表，默认5个推荐金额
 disabled, // 禁用状态
 roundingFunction, balanceDueAmount, // 当前阶段剩余支付金额（定金或普通支付）
 balanceDueTotalAmount, // 完整订单剩余待付金额
-syncingLock, }: CashPaymentModuleProps): JSX.Element;
+syncingLock, // 是否锁定
+shortcutsSize, }: CashPaymentModuleProps): JSX.Element;
 export default CashPaymentModule;

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

@@ -55,8 +55,10 @@ function CashPaymentModule({
   // 当前阶段剩余支付金额（定金或普通支付）
   balanceDueTotalAmount = "0",
   // 完整订单剩余待付金额
-  syncingLock = false
+  syncingLock = false,
   // 是否锁定
+  shortcutsSize = "default"
+  // 预设大小
 }) {
   const [amount, setAmount] = (0, import_react.useState)(customAmount || "");
   const [roundingAmount, setRoundingAmount] = (0, import_react.useState)(0);
@@ -225,7 +227,8 @@ function CashPaymentModule({
         };
       }),
       onReset: handleReset,
-      onEnter: syncingLock ? void 0 : handleCashPay
+      onEnter: syncingLock ? void 0 : handleCashPay,
+      shortcutsSize
     }
   );
 }

package/lib/components/checkout/components/PaymentOptionsModule/PaymentMethodItem.d.ts

@@ -24,6 +24,8 @@ export interface PaymentMethodItemProps {
     onClick?: (method: ExtendedPaymentMethod) => void;
     /** 获取文本的函数 */
     getText?: (key: string, fallback?: string) => string;
+    /** 大小 */
+    size?: 'default' | 'large';
 }
 declare const PaymentMethodItem: React.FC<PaymentMethodItemProps>;
 export default PaymentMethodItem;

package/lib/components/checkout/components/PaymentOptionsModule/PaymentMethodItem.js

@@ -45,7 +45,8 @@ var PaymentMethodItem = ({
   customAmount,
   disabled = false,
   onClick,
-  getText
+  getText,
+  size = "default"
 }) => {
   const [isKeyboardVisible, setIsKeyboardVisible] = (0, import_react.useState)(false);
   const calculateSurcharge = (method2) => {
@@ -100,6 +101,9 @@ var PaymentMethodItem = ({
           "payment-options-module-disabled": disabled
         }
       ),
+      style: {
+        height: size === "large" ? "82px" : "62px"
+      },
       onClick: showKeyboard,
       type: "button",
       disabled

package/lib/components/checkout/components/PaymentOptionsModule/index.d.ts

@@ -11,5 +11,6 @@ interface ExtendedPaymentOptionsModuleProps extends PaymentOptionsModuleProps {
     disabled?: boolean;
     showCashPayment?: boolean;
 }
+export declare const SHOW_METHODS_CODE: string[];
 declare function PaymentOptionsModule({ amountSymbol, orderInfo, onClick, paymentMethods, customAmount, title, disabled, showCashPayment, }: ExtendedPaymentOptionsModuleProps): JSX.Element;
 export default PaymentOptionsModule;