@pisell/private-materials 6.4.42 → 6.5.2

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

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

@@ -3,50 +3,50 @@
 
   // 标题样式
   &-title {
-    font-size: 16px;
+    font-size: 24px;
     font-weight: 600;
     color: #1a1a1a;
-    margin-bottom: 8px;
+    margin-bottom: 16px;
   }
 
   // 按钮容器 - 支持两种布局模式
   &-buttons-container {
     display: flex;
     flex-direction: column;
-    gap: 8px;
+    gap: 12px;
   }
 
   // 按钮行容器
   &-button-row {
     display: flex;
-    gap: 8px;
+    gap: 12px;
   }
 
   // 基础按钮样式
   &-button-base {
     flex: 1;
-    border-width: 1px;
-    border-radius: 8px;
+    height: 56px;
+    border-width: 2px;
+    border-radius: 12px;
     background-color: transparent;
-    font-size: 14px;
-    font-weight: 600;
+    font-size: 18px;
+    font-weight: 500;
     display: flex;
     align-items: center;
     justify-content: center;
-    padding-left: 12px;
-    padding-right: 12px;
+    gap: 12px;
 
     // 紫色主题按钮（Order Note, Print Receipt）
     &.purple-theme {
-      border-color: #5d3f9f;
-      color: #5d3f9f;
+      border-color: #7c4dff;
+      color: #7c4dff;
       flex: 1; // 所有按钮等比例分配空间
     }
 
     // 橙色主题按钮（Save & Pay Later）
     &.orange-theme {
-      border-color: #dc6803;
-      color: #dc6803;
+      border-color: #ff9100;
+      color: #ff9100;
       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: 50px; // 与高度相同，形成正方形
-      min-width: 50px;
+      width: 56px;  // 与高度相同，形成正方形
+      min-width: 56px;
       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,28 +135,29 @@
   }
 }
 
+
 // 更多按钮样式（保持与其他按钮一致）
 .additional-module-button-base.more-button {
-  border-color: #d0d5dd;
+  border-color: #D0D5DD;
   color: #475467;
   position: relative;
-  pointer-events: auto;
-  flex: none;
-  width: 50px; // 与高度相同，形成正方形
-  min-width: 50px;
-  padding: 0;
+  pointer-events: auto !important;
+  flex: none !important;
+  width: 56px !important;  // 与高度相同，形成正方形
+  min-width: 56px !important;
+  padding: 0 !important;
 
   &:hover {
-    border-color: #7c4dff;
-    color: #7c4dff;
-    background-color: rgba(124, 77, 255, 0.04);
+    border-color: #7c4dff !important;
+    color: #7c4dff !important;
+    background-color: rgba(124, 77, 255, 0.04) !important;
   }
 
   &:focus {
-    border-color: #7c4dff;
-    color: #7c4dff;
+    border-color: #7c4dff !important;
+    color: #7c4dff !important;
   }
-
+  
   // 确保按钮内容不会干扰hover检测
   * {
     pointer-events: none;
@@ -171,12 +172,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,7 +8,6 @@ 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;
@@ -19,7 +18,6 @@ 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;
@@ -30,7 +28,6 @@ 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,8 +7,7 @@ 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.additional-module.order-discount': 'Order Discount'
+    'pisell2.text.order-no-payment-cannot-send-link': 'Order requires no payment, cannot send payment link.'
   },
   'zh-CN': {
     'pisell2.text.others': '其他',
@@ -18,8 +17,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.additional-module.order-discount': '订单折扣'
+    'pisell2.text.order-no-payment-cannot-send-link': '订单已无需支付，不可发送支付链接'
   },
   'zh-HK': {
     'pisell2.text.others': '其他',
@@ -29,7 +27,6 @@ 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.additional-module.order-discount': '订单折扣'
+    'pisell2.text.order-no-payment-cannot-send-link': '訂單已無需支付，不可發送支付鏈接'
   }
 };

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

@@ -11,7 +11,6 @@ interface AmountSummaryProps {
     onAmountChange?: (amount: string) => void;
     onDepositStatusChange?: (isDeposit: boolean) => void;
     onConfirm?: (action?: WalletBalanceConfirmAction) => void;
-    onBalanceDueAmountClick?: (action: string) => void;
     paymentItems?: any[];
     cartData?: any;
     walletPassData?: {
@@ -22,5 +21,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, onBalanceDueAmountClick, onConfirm, paymentItems, cartData, walletPassData, totalAmount, }: AmountSummaryProps): JSX.Element;
+declare function AmountSummary({ amountSymbol, orderInfo, open_deposit, customAmount, balanceDueAmount, clientInfo, onAmountChange, onDepositStatusChange, 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, formatAmountWithOptions } from '@pisell/utils';
+import { locales, formatAmount } from '@pisell/utils';
 import Decimal from 'decimal.js';
 import checkoutLocales from "../../locales";
 import PaymentDetailModal from "../PaymentDetailModal";
@@ -64,7 +64,6 @@ function AmountSummary(_ref2) {
     clientInfo = _ref2.clientInfo,
     onAmountChange = _ref2.onAmountChange,
     onDepositStatusChange = _ref2.onDepositStatusChange,
-    onBalanceDueAmountClick = _ref2.onBalanceDueAmountClick,
     onConfirm = _ref2.onConfirm,
     paymentItems = _ref2.paymentItems,
     cartData = _ref2.cartData,
@@ -417,12 +416,7 @@ function AmountSummary(_ref2) {
         className: classNames('payment-detail-label')
       }, displayLabel), /*#__PURE__*/React.createElement("span", {
         className: classNames('payment-detail-amount')
-      }, formatAmountWithOptions(item.value, amountSymbol, {
-        precision: 2,
-        hideDecimalForWholeNumbers: false,
-        useThousandsSeparator: true,
-        showCurrencySymbol: true
-      })));
+      }, formatAmount(item.value, 2, amountSymbol)));
     });
   };
 
@@ -510,12 +504,7 @@ function AmountSummary(_ref2) {
     // }
 
     // 格式化最终金额用于显示
-    var finalBalanceAmount = formatAmountWithOptions(balanceDecimal.toNumber(), amountSymbol, {
-      precision: 2,
-      hideDecimalForWholeNumbers: false,
-      useThousandsSeparator: true,
-      showCurrencySymbol: true
-    });
+    var finalBalanceAmount = formatAmount(balanceDecimal.toNumber(), 2, amountSymbol);
     return /*#__PURE__*/React.createElement("div", {
       className: classNames('confirm-payment-container')
     }, /*#__PURE__*/React.createElement("div", {
@@ -542,12 +531,7 @@ function AmountSummary(_ref2) {
         className: classNames('partial-paid-label')
       }, getText('partial.paid') || 'Partial Paid'), /*#__PURE__*/React.createElement("span", {
         className: classNames('partial-paid-amount')
-      }, formatAmountWithOptions(partialPaidAmount, amountSymbol, {
-        precision: 2,
-        hideDecimalForWholeNumbers: false,
-        useThousandsSeparator: true,
-        showCurrencySymbol: true
-      }))), renderSummaryItems(), hasMoreItems() && /*#__PURE__*/React.createElement("div", {
+      }, formatAmount(partialPaidAmount, 2, amountSymbol))), renderSummaryItems(), hasMoreItems() && /*#__PURE__*/React.createElement("div", {
         className: classNames('more-section'),
         onClick: handleMoreClick,
         style: {
@@ -572,12 +556,7 @@ function AmountSummary(_ref2) {
         className: classNames('partial-paid-label')
       }, getText('partial.paid') || 'Partial Paid'), /*#__PURE__*/React.createElement("span", {
         className: classNames('partial-paid-amount')
-      }, formatAmountWithOptions(partialPaidAmount, amountSymbol, {
-        precision: 2,
-        hideDecimalForWholeNumbers: false,
-        useThousandsSeparator: true,
-        showCurrencySymbol: true
-      }))), renderSummaryItems(), hasMoreItems() && /*#__PURE__*/React.createElement("div", {
+      }, formatAmount(partialPaidAmount, 2, amountSymbol))), renderSummaryItems(), hasMoreItems() && /*#__PURE__*/React.createElement("div", {
         className: classNames('more-section'),
         onClick: handleMoreClick,
         style: {
@@ -637,9 +616,7 @@ function AmountSummary(_ref2) {
   })), /*#__PURE__*/React.createElement("div", {
     className: classNames('middle-section')
   }, getMiddleContent()), /*#__PURE__*/React.createElement("div", {
-    className: classNames('balance-due-card', {
-      'confirm-mode': shouldShowConfirmMode()
-    })
+    className: classNames('balance-due-card')
   },
   // 如果应该显示确认模式，直接返回确认界面
   shouldShowConfirmMode() ? renderConfirmMode() : /*#__PURE__*/React.createElement("div", {
@@ -647,46 +624,12 @@ 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'),
-    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, {
+    className: classNames('balance-due-amount')
+  }, formatAmount(balanceDueAmount, 2, amountSymbol))), !shouldShowConfirmMode() && /*#__PURE__*/React.createElement(PisellPriceKeyboardPopover, {
     value: function () {
       try {
         return new Decimal(currentAmount || '0').toNumber();
-      } catch (_unused8) {
+      } catch (_unused7) {
         return 0;
       }
     }()
@@ -699,9 +642,28 @@ function AmountSummary(_ref2) {
     useThousandsSeparator: false,
     selectType: "dark",
     overlayClassName: "amount-summary-keyboard-popover"
-  }, /*#__PURE__*/React.createElement(Button, {
-    className: classNames('split-payment-button')
-  }, getText('split.payment') || '拆分支付')), /*#__PURE__*/React.createElement(PisellModal, {
+  }, /*#__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, {
     open: isPaymentDetailOpen,
     onCancel: handlePaymentDetailClose,
     footer: null,