@pisell/private-materials 6.5.2 → 6.5.3

package/es/components/checkout/PaymentPlugin.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const PaymentPlugin: () => JSX.Element;
 export default PaymentPlugin;

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import './index.less';
-import { CurrentOrderInfo } from "../../types";
+import { CurrentOrderInfo } from '../../types';
 interface AdditionalModuleProps {
     orderInfo?: CurrentOrderInfo;
     customAmount?: string;

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

@@ -1,11 +1,10 @@
-import React from "react";
-import { Button, Dropdown } from "antd";
-import { FileTextOutlined, PrinterOutlined, ClockCircleOutlined, LinkOutlined, MoreOutlined } from "@ant-design/icons";
-import { Calculator } from '@pisell/icon';
+import React from 'react';
+import { Button, Dropdown } from 'antd';
+import { ClockCircleOutlined, LinkOutlined } from '@ant-design/icons';
 
 // @ts-ignore - @pisell/utils types not available
 import { locales } from '@pisell/utils';
-import { Iconfont } from '@pisell/materials';
+import { Icon } from '@pisell/materials';
 import "./index.less";
 import { getLocale } from "../../../../utils/locales";
 import localeTexts from "./locales";
@@ -25,10 +24,6 @@ function AdditionalModule(_ref) {
 
   // 定义更多按钮的菜单项
   var moreMenuItems = [{
-    key: 'manual-discount',
-    label: locales.getText('pisell2.text.manual-order-discount'),
-    icon: /*#__PURE__*/React.createElement(Calculator, null)
-  }, {
     key: 'send-link',
     label: locales.getText('pisell2.text.send-link'),
     icon: /*#__PURE__*/React.createElement(LinkOutlined, null)
@@ -49,31 +44,49 @@ function AdditionalModule(_ref) {
     className: "additional-module-button-base purple-theme ".concat(hasOrderNote ? 'note-button' : ''),
     onClick: function onClick() {
       handleButtonClick('order-note');
-    }
-  }, /*#__PURE__*/React.createElement(FileTextOutlined, {
-    className: "additional-module-button-icon"
-  }), locales.getText('pisell2.text.order-note'), hasOrderNote && /*#__PURE__*/React.createElement("span", {
+    },
+    icon: /*#__PURE__*/React.createElement(Icon, {
+      type: "pisell2-clipboard-minus",
+      className: "additional-module-button-icon"
+    }),
+    size: "large"
+  }, locales.getText('pisell2.text.order-note'), hasOrderNote && /*#__PURE__*/React.createElement("span", {
     className: "note-indicator"
-  }, /*#__PURE__*/React.createElement(Iconfont, {
+  }, /*#__PURE__*/React.createElement(Icon, {
     type: "pisell2-info-circle2"
   }))), /*#__PURE__*/React.createElement(Button, {
     className: "additional-module-button-base purple-theme",
     onClick: function onClick() {
       handleButtonClick('print-receipt');
-    }
-  }, /*#__PURE__*/React.createElement(PrinterOutlined, {
-    className: "additional-module-button-icon"
-  }), locales.getText('pisell2.text.print-receipt'))), /*#__PURE__*/React.createElement("div", {
+    },
+    icon: /*#__PURE__*/React.createElement(Icon, {
+      type: "pisell2-printer",
+      className: "additional-module-button-icon"
+    }),
+    size: "large"
+  }, locales.getText('pisell2.text.print-receipt'))), /*#__PURE__*/React.createElement("div", {
     className: "additional-module-button-row"
   }, /*#__PURE__*/React.createElement(Button, {
+    className: "additional-module-button-base purple-theme",
+    onClick: function onClick() {
+      handleButtonClick('manual-discount');
+    },
+    icon: /*#__PURE__*/React.createElement(Icon, {
+      type: "pisell2-sale-01",
+      className: "additional-module-button-icon"
+    }),
+    size: "large"
+  }, locales.getText('pisell2.text.additional-module.order-discount')), /*#__PURE__*/React.createElement(Button, {
     className: "additional-module-button-base ".concat(disabled ? 'disabled-theme' : 'orange-theme'),
     onClick: function onClick() {
       handleButtonClick('save-pay-later');
     },
-    disabled: disabled
-  }, /*#__PURE__*/React.createElement(ClockCircleOutlined, {
-    className: "additional-module-button-icon"
-  }), locales.getText('pisell2.text.save-pay-later')), /*#__PURE__*/React.createElement(Dropdown, {
+    disabled: disabled,
+    size: "large",
+    icon: /*#__PURE__*/React.createElement(ClockCircleOutlined, {
+      className: "additional-module-button-icon"
+    })
+  }, locales.getText('pisell2.text.save-pay-later')), /*#__PURE__*/React.createElement(Dropdown, {
     menu: {
       items: moreMenuItems,
       onClick: function onClick(_ref2) {
@@ -86,9 +99,6 @@ function AdditionalModule(_ref) {
             Toast.fail(locales.getText('pisell2.text.order-no-payment-cannot-send-link'));
           }
         }
-        if (key === 'manual-discount') {
-          handleButtonClick('manual-discount');
-        }
       }
     },
     trigger: ['click'],
@@ -102,10 +112,13 @@ function AdditionalModule(_ref) {
       console.log('Dropdown state changed:', open);
     }
   }, /*#__PURE__*/React.createElement(Button, {
-    className: "additional-module-button-base more-button"
-  }, /*#__PURE__*/React.createElement(MoreOutlined, {
-    className: "additional-module-button-icon"
-  }))))) :
+    size: "large",
+    className: "additional-module-button-base more-button",
+    icon: /*#__PURE__*/React.createElement(Icon, {
+      type: "pisell2-dots-vertical",
+      size: 20
+    })
+  })))) :
   /*#__PURE__*/
   // Flex布局模式：一行布局（不显示现金支付模块时）
   React.createElement("div", {
@@ -114,29 +127,47 @@ function AdditionalModule(_ref) {
     className: "additional-module-button-base purple-theme ".concat(hasOrderNote ? 'note-button' : ''),
     onClick: function onClick() {
       handleButtonClick('order-note');
-    }
-  }, /*#__PURE__*/React.createElement(FileTextOutlined, {
-    className: "additional-module-button-icon"
-  }), locales.getText('pisell2.text.order-note'), hasOrderNote && /*#__PURE__*/React.createElement("span", {
+    },
+    size: "large",
+    icon: /*#__PURE__*/React.createElement(Icon, {
+      type: "pisell2-clipboard-minus",
+      className: "additional-module-button-icon"
+    })
+  }, locales.getText('pisell2.text.order-note'), hasOrderNote && /*#__PURE__*/React.createElement("span", {
     className: "note-indicator"
-  }, /*#__PURE__*/React.createElement(Iconfont, {
+  }, /*#__PURE__*/React.createElement(Icon, {
     type: "pisell2-info-circle2"
   }))), /*#__PURE__*/React.createElement(Button, {
     className: "additional-module-button-base purple-theme",
     onClick: function onClick() {
       handleButtonClick('print-receipt');
-    }
-  }, /*#__PURE__*/React.createElement(PrinterOutlined, {
-    className: "additional-module-button-icon"
-  }), locales.getText('pisell2.text.print-receipt')), /*#__PURE__*/React.createElement(Button, {
+    },
+    size: "large",
+    icon: /*#__PURE__*/React.createElement(Icon, {
+      type: "pisell2-printer",
+      className: "additional-module-button-icon"
+    })
+  }, locales.getText('pisell2.text.print-receipt')), /*#__PURE__*/React.createElement(Button, {
+    className: "additional-module-button-base purple-theme",
+    onClick: function onClick() {
+      handleButtonClick('manual-discount');
+    },
+    icon: /*#__PURE__*/React.createElement(Icon, {
+      type: "pisell2-sale-01",
+      className: "additional-module-button-icon"
+    }),
+    size: "large"
+  }, locales.getText('pisell2.text.additional-module.order-discount')), /*#__PURE__*/React.createElement(Button, {
     className: "additional-module-button-base ".concat(disabled ? 'disabled-theme' : 'orange-theme'),
     onClick: function onClick() {
       handleButtonClick('save-pay-later');
     },
-    disabled: disabled
-  }, /*#__PURE__*/React.createElement(ClockCircleOutlined, {
-    className: "additional-module-button-icon"
-  }), locales.getText('pisell2.text.save-pay-later')), /*#__PURE__*/React.createElement(Dropdown, {
+    disabled: disabled,
+    size: "large",
+    icon: /*#__PURE__*/React.createElement(ClockCircleOutlined, {
+      className: "additional-module-button-icon"
+    })
+  }, locales.getText('pisell2.text.save-pay-later')), /*#__PURE__*/React.createElement(Dropdown, {
     menu: {
       items: moreMenuItems,
       onClick: function onClick(_ref3) {
@@ -149,9 +180,6 @@ function AdditionalModule(_ref) {
             Toast.fail(locales.getText('pisell2.text.order-no-payment-cannot-send-link'));
           }
         }
-        if (key === 'manual-discount') {
-          handleButtonClick('manual-discount');
-        }
       }
     },
     trigger: ['click'],
@@ -165,9 +193,12 @@ function AdditionalModule(_ref) {
       console.log('Dropdown state changed:', open);
     }
   }, /*#__PURE__*/React.createElement(Button, {
-    className: "additional-module-button-base more-button"
-  }, /*#__PURE__*/React.createElement(MoreOutlined, {
-    className: "additional-module-button-icon"
-  }))))));
+    className: "additional-module-button-base more-button",
+    size: "large",
+    icon: /*#__PURE__*/React.createElement(Icon, {
+      type: "pisell2-dots-vertical",
+      size: 20
+    })
+  })))));
 }
 export default AdditionalModule;

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

@@ -3,50 +3,50 @@
 
   // 标题样式
   &-title {
-    font-size: 24px;
+    font-size: 16px;
     font-weight: 600;
     color: #1a1a1a;
-    margin-bottom: 16px;
+    margin-bottom: 8px;
   }
 
   // 按钮容器 - 支持两种布局模式
   &-buttons-container {
     display: flex;
     flex-direction: column;
-    gap: 12px;
+    gap: 8px;
   }
 
   // 按钮行容器
   &-button-row {
     display: flex;
-    gap: 12px;
+    gap: 8px;
   }
 
   // 基础按钮样式
   &-button-base {
     flex: 1;
-    height: 56px;
-    border-width: 2px;
-    border-radius: 12px;
+    border-width: 1px;
+    border-radius: 8px;
     background-color: transparent;
-    font-size: 18px;
-    font-weight: 500;
+    font-size: 14px;
+    font-weight: 600;
     display: flex;
     align-items: center;
     justify-content: center;
-    gap: 12px;
+    padding-left: 12px;
+    padding-right: 12px;
 
     // 紫色主题按钮（Order Note, Print Receipt）
     &.purple-theme {
-      border-color: #7c4dff;
-      color: #7c4dff;
+      border-color: #5d3f9f;
+      color: #5d3f9f;
       flex: 1; // 所有按钮等比例分配空间
     }
 
     // 橙色主题按钮（Save & Pay Later）
     &.orange-theme {
-      border-color: #ff9100;
-      color: #ff9100;
+      border-color: #dc6803;
+      color: #dc6803;
       flex: 1; // 与其他前三个按钮宽度相同
     }
 
@@ -57,7 +57,7 @@
       background-color: #f2f4f7;
       cursor: not-allowed;
       flex: 1; // 与其他前三个按钮宽度相同
-      
+
       .additional-module-button-icon {
         color: #98a2b3;
       }
@@ -66,8 +66,8 @@
     // 更多按钮 - 显示为正方形
     &.more-button {
       flex: none;
-      width: 56px;  // 与高度相同，形成正方形
-      min-width: 56px;
+      width: 50px; // 与高度相同，形成正方形
+      min-width: 50px;
       padding: 0;
       gap: 0;
     }
@@ -101,7 +101,7 @@
       width: 24px;
       height: 24px;
       border-radius: 50%;
-      background-color: #7F56DA;
+      background-color: #7f56da;
       color: #fff;
       font-weight: 700;
       display: flex;
@@ -135,29 +135,28 @@
   }
 }
 
-
 // 更多按钮样式（保持与其他按钮一致）
 .additional-module-button-base.more-button {
-  border-color: #D0D5DD;
+  border-color: #d0d5dd;
   color: #475467;
   position: relative;
-  pointer-events: auto !important;
-  flex: none !important;
-  width: 56px !important;  // 与高度相同，形成正方形
-  min-width: 56px !important;
-  padding: 0 !important;
+  pointer-events: auto;
+  flex: none;
+  width: 50px; // 与高度相同，形成正方形
+  min-width: 50px;
+  padding: 0;
 
   &:hover {
-    border-color: #7c4dff !important;
-    color: #7c4dff !important;
-    background-color: rgba(124, 77, 255, 0.04) !important;
+    border-color: #7c4dff;
+    color: #7c4dff;
+    background-color: rgba(124, 77, 255, 0.04);
   }
 
   &:focus {
-    border-color: #7c4dff !important;
-    color: #7c4dff !important;
+    border-color: #7c4dff;
+    color: #7c4dff;
   }
-  
+
   // 确保按钮内容不会干扰hover检测
   * {
     pointer-events: none;
@@ -172,12 +171,12 @@
 // 确保菜单项可以正常点击
 :global(.ant-dropdown-menu-item) {
   cursor: pointer !important;
-  
+
   &:hover {
     background-color: #f5f5f5 !important;
   }
-  
+
   &:active {
     background-color: #e6f7ff !important;
   }
-}
+}

package/es/components/checkout/components/AdditionalModule/locales.d.ts

@@ -8,6 +8,7 @@ declare const _default: {
         'pisell2.text.manual-order-discount': string;
         'pisell2.text.order-no-payment-required': string;
         'pisell2.text.order-no-payment-cannot-send-link': string;
+        'pisell2.text.additional-module.order-discount': string;
     };
     'zh-CN': {
         'pisell2.text.others': string;
@@ -18,6 +19,7 @@ declare const _default: {
         'pisell2.text.manual-order-discount': string;
         'pisell2.text.order-no-payment-required': string;
         'pisell2.text.order-no-payment-cannot-send-link': string;
+        'pisell2.text.additional-module.order-discount': string;
     };
     'zh-HK': {
         'pisell2.text.others': string;
@@ -28,6 +30,7 @@ declare const _default: {
         'pisell2.text.manual-order-discount': string;
         'pisell2.text.order-no-payment-required': string;
         'pisell2.text.order-no-payment-cannot-send-link': string;
+        'pisell2.text.additional-module.order-discount': string;
     };
 };
 export default _default;

package/es/components/checkout/components/AdditionalModule/locales.js

@@ -1,5 +1,5 @@
 export default {
-  "en": {
+  en: {
     'pisell2.text.others': 'Others',
     'pisell2.text.order-note': 'Order Note',
     'pisell2.text.print-receipt': 'Print Receipt',
@@ -7,7 +7,8 @@ export default {
     'pisell2.text.send-link': 'Send Link',
     'pisell2.text.manual-order-discount': 'Manual Order Discount',
     'pisell2.text.order-no-payment-required': 'Order requires no payment, cannot manually adjust price',
-    'pisell2.text.order-no-payment-cannot-send-link': 'Order requires no payment, cannot send payment link.'
+    'pisell2.text.order-no-payment-cannot-send-link': 'Order requires no payment, cannot send payment link.',
+    'pisell2.text.additional-module.order-discount': 'Order Discount'
   },
   'zh-CN': {
     'pisell2.text.others': '其他',
@@ -17,7 +18,8 @@ export default {
     'pisell2.text.send-link': '发送链接',
     'pisell2.text.manual-order-discount': '手动订单折扣',
     'pisell2.text.order-no-payment-required': '订单已无需支付，不可手动改价',
-    'pisell2.text.order-no-payment-cannot-send-link': '订单已无需支付，不可发送支付链接'
+    'pisell2.text.order-no-payment-cannot-send-link': '订单已无需支付，不可发送支付链接',
+    'pisell2.text.additional-module.order-discount': '订单折扣'
   },
   'zh-HK': {
     'pisell2.text.others': '其他',
@@ -27,6 +29,7 @@ export default {
     'pisell2.text.send-link': '發送鏈接',
     'pisell2.text.manual-order-discount': '手動訂單折扣',
     'pisell2.text.order-no-payment-required': '訂單已無需支付，不可手動改價',
-    'pisell2.text.order-no-payment-cannot-send-link': '訂單已無需支付，不可發送支付鏈接'
+    'pisell2.text.order-no-payment-cannot-send-link': '訂單已無需支付，不可發送支付鏈接',
+    'pisell2.text.additional-module.order-discount': '订单折扣'
   }
 };

package/es/components/checkout/components/AmountSummary/index.d.ts

@@ -11,6 +11,7 @@ interface AmountSummaryProps {
     onAmountChange?: (amount: string) => void;
     onDepositStatusChange?: (isDeposit: boolean) => void;
     onConfirm?: (action?: WalletBalanceConfirmAction) => void;
+    onBalanceDueAmountClick?: (action: string) => void;
     paymentItems?: any[];
     cartData?: any;
     walletPassData?: {
@@ -21,5 +22,5 @@ interface AmountSummaryProps {
     totalAmount?: number;
 }
 export declare type WalletBalanceConfirmAction = 'cancel' | 'save-without-deduct' | 'apply-deduct-now';
-declare function AmountSummary({ amountSymbol, orderInfo, open_deposit, customAmount, balanceDueAmount, clientInfo, onAmountChange, onDepositStatusChange, onConfirm, paymentItems, cartData, walletPassData, totalAmount, }: AmountSummaryProps): JSX.Element;
+declare function AmountSummary({ amountSymbol, orderInfo, open_deposit, customAmount, balanceDueAmount, clientInfo, onAmountChange, onDepositStatusChange, onBalanceDueAmountClick, onConfirm, paymentItems, cartData, walletPassData, totalAmount, }: AmountSummaryProps): JSX.Element;
 export default AmountSummary;

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

@@ -13,7 +13,7 @@ import { Button, Dropdown } from 'antd';
 import { CheckCircleOutlined, PieChartOutlined } from '@ant-design/icons';
 import { Edit05 } from '@pisell/icon';
 import { PisellModal } from '@pisell/materials';
-import { locales, formatAmount } from '@pisell/utils';
+import { locales, formatAmountWithOptions } from '@pisell/utils';
 import Decimal from 'decimal.js';
 import checkoutLocales from "../../locales";
 import PaymentDetailModal from "../PaymentDetailModal";
@@ -64,6 +64,7 @@ function AmountSummary(_ref2) {
     clientInfo = _ref2.clientInfo,
     onAmountChange = _ref2.onAmountChange,
     onDepositStatusChange = _ref2.onDepositStatusChange,
+    onBalanceDueAmountClick = _ref2.onBalanceDueAmountClick,
     onConfirm = _ref2.onConfirm,
     paymentItems = _ref2.paymentItems,
     cartData = _ref2.cartData,
@@ -416,7 +417,12 @@ function AmountSummary(_ref2) {
         className: classNames('payment-detail-label')
       }, displayLabel), /*#__PURE__*/React.createElement("span", {
         className: classNames('payment-detail-amount')
-      }, formatAmount(item.value, 2, amountSymbol)));
+      }, formatAmountWithOptions(item.value, amountSymbol, {
+        precision: 2,
+        hideDecimalForWholeNumbers: false,
+        useThousandsSeparator: true,
+        showCurrencySymbol: true
+      })));
     });
   };
 
@@ -504,7 +510,12 @@ function AmountSummary(_ref2) {
     // }
 
     // 格式化最终金额用于显示
-    var finalBalanceAmount = formatAmount(balanceDecimal.toNumber(), 2, amountSymbol);
+    var finalBalanceAmount = formatAmountWithOptions(balanceDecimal.toNumber(), amountSymbol, {
+      precision: 2,
+      hideDecimalForWholeNumbers: false,
+      useThousandsSeparator: true,
+      showCurrencySymbol: true
+    });
     return /*#__PURE__*/React.createElement("div", {
       className: classNames('confirm-payment-container')
     }, /*#__PURE__*/React.createElement("div", {
@@ -531,7 +542,12 @@ function AmountSummary(_ref2) {
         className: classNames('partial-paid-label')
       }, getText('partial.paid') || 'Partial Paid'), /*#__PURE__*/React.createElement("span", {
         className: classNames('partial-paid-amount')
-      }, formatAmount(partialPaidAmount, 2, amountSymbol))), renderSummaryItems(), hasMoreItems() && /*#__PURE__*/React.createElement("div", {
+      }, formatAmountWithOptions(partialPaidAmount, amountSymbol, {
+        precision: 2,
+        hideDecimalForWholeNumbers: false,
+        useThousandsSeparator: true,
+        showCurrencySymbol: true
+      }))), renderSummaryItems(), hasMoreItems() && /*#__PURE__*/React.createElement("div", {
         className: classNames('more-section'),
         onClick: handleMoreClick,
         style: {
@@ -556,7 +572,12 @@ function AmountSummary(_ref2) {
         className: classNames('partial-paid-label')
       }, getText('partial.paid') || 'Partial Paid'), /*#__PURE__*/React.createElement("span", {
         className: classNames('partial-paid-amount')
-      }, formatAmount(partialPaidAmount, 2, amountSymbol))), renderSummaryItems(), hasMoreItems() && /*#__PURE__*/React.createElement("div", {
+      }, formatAmountWithOptions(partialPaidAmount, amountSymbol, {
+        precision: 2,
+        hideDecimalForWholeNumbers: false,
+        useThousandsSeparator: true,
+        showCurrencySymbol: true
+      }))), renderSummaryItems(), hasMoreItems() && /*#__PURE__*/React.createElement("div", {
         className: classNames('more-section'),
         onClick: handleMoreClick,
         style: {
@@ -616,7 +637,9 @@ function AmountSummary(_ref2) {
   })), /*#__PURE__*/React.createElement("div", {
     className: classNames('middle-section')
   }, getMiddleContent()), /*#__PURE__*/React.createElement("div", {
-    className: classNames('balance-due-card')
+    className: classNames('balance-due-card', {
+      'confirm-mode': shouldShowConfirmMode()
+    })
   },
   // 如果应该显示确认模式，直接返回确认界面
   shouldShowConfirmMode() ? renderConfirmMode() : /*#__PURE__*/React.createElement("div", {
@@ -624,12 +647,46 @@ function AmountSummary(_ref2) {
   }, /*#__PURE__*/React.createElement("div", {
     className: classNames('balance-due-label')
   }, paymentType === 'deposit' ? getText('deposit.due') || 'Deposit Due' : getText('balance.due') || 'Balance Due'), /*#__PURE__*/React.createElement("div", {
-    className: classNames('balance-due-amount')
-  }, formatAmount(balanceDueAmount, 2, amountSymbol))), !shouldShowConfirmMode() && /*#__PURE__*/React.createElement(PisellPriceKeyboardPopover, {
+    className: classNames('balance-due-amount'),
+    onClick: function onClick() {
+      onBalanceDueAmountClick === null || onBalanceDueAmountClick === void 0 || onBalanceDueAmountClick('manual-discount');
+    }
+  }, formatAmountWithOptions(balanceDueAmount, amountSymbol, {
+    precision: 2,
+    hideDecimalForWholeNumbers: false,
+    useThousandsSeparator: true,
+    showCurrencySymbol: true
+  }), /*#__PURE__*/React.createElement(Edit05, {
+    className: classNames('edit-icon'),
+    style: {
+      color: '#7F56DA'
+    }
+  }))), /*#__PURE__*/React.createElement("div", {
+    className: classNames('pay-section'),
+    style: {
+      cursor: 'pointer'
+    },
+    role: "button"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: classNames('pay-text')
+  }, getText('pay') || '支付'), /*#__PURE__*/React.createElement("span", {
+    className: classNames('pay-amount')
+  }, formatAmountWithOptions(function () {
+    try {
+      return new Decimal(currentAmount || '0').toNumber();
+    } catch (_unused7) {
+      return 0;
+    }
+  }(), amountSymbol, {
+    precision: 2,
+    hideDecimalForWholeNumbers: false,
+    useThousandsSeparator: true,
+    showCurrencySymbol: true
+  })))), !shouldShowConfirmMode() && /*#__PURE__*/React.createElement(PisellPriceKeyboardPopover, {
     value: function () {
       try {
         return new Decimal(currentAmount || '0').toNumber();
-      } catch (_unused7) {
+      } catch (_unused8) {
         return 0;
       }
     }()
@@ -642,28 +699,9 @@ function AmountSummary(_ref2) {
     useThousandsSeparator: false,
     selectType: "dark",
     overlayClassName: "amount-summary-keyboard-popover"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: classNames('pay-section'),
-    style: {
-      cursor: 'pointer'
-    },
-    role: "button"
-  }, /*#__PURE__*/React.createElement("span", {
-    className: classNames('pay-text')
-  }, getText('pay') || '支付'), /*#__PURE__*/React.createElement("span", {
-    className: classNames('pay-amount')
-  }, formatAmount(function () {
-    try {
-      return new Decimal(currentAmount || '0').toNumber();
-    } catch (_unused8) {
-      return 0;
-    }
-  }(), 2, amountSymbol)), /*#__PURE__*/React.createElement(Edit05, {
-    className: classNames('edit-icon'),
-    style: {
-      color: '#7F56DA'
-    }
-  })))), /*#__PURE__*/React.createElement(PisellModal, {
+  }, /*#__PURE__*/React.createElement(Button, {
+    className: classNames('split-payment-button')
+  }, getText('split.payment') || '拆分支付')), /*#__PURE__*/React.createElement(PisellModal, {
     open: isPaymentDetailOpen,
     onCancel: handlePaymentDetailClose,
     footer: null,