@pisell/private-materials 6.3.108 → 6.3.110

package/lib/components/kioskSkuDetail/index.js

@@ -79,6 +79,7 @@ function KioskSkuDetail(props) {
   });
   const [isEdit, setIsEdit] = (0, import_react.useState)(false);
   const skuOptionsSelectionRef = (0, import_react.useRef)(null);
+  const [nativeInitData, setNativeInitData] = (0, import_react.useState)(null);
   const requestSeqRef = (0, import_react.useRef)(0);
   const resetForInit = (0, import_react.useCallback)(() => {
     setProductData(null);
@@ -96,6 +97,7 @@ function KioskSkuDetail(props) {
       bundle: [],
       option: []
     });
+    setNativeInitData(null);
   }, []);
   const loadByProductId = (0, import_react.useCallback)(async (productId, options = {}) => {
     var _a2, _b2;
@@ -154,7 +156,7 @@ function KioskSkuDetail(props) {
   const loadRef = (0, import_react.useRef)(loadByProductId);
   loadRef.current = loadByProductId;
   (0, import_react.useEffect)(() => {
-    var _a2, _b2, _c2, _d2, _e2, _f2;
+    var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2;
     (_b2 = (_a2 = interaction == null ? void 0 : interaction.utils) == null ? void 0 : _a2.postMessageToApp) == null ? void 0 : _b2.call(_a2, {
       module: "wallet_pass",
       key: "page_load"
@@ -176,6 +178,22 @@ function KioskSkuDetail(props) {
     (_f2 = (_e2 = interaction == null ? void 0 : interaction.utils) == null ? void 0 : _e2.mountFunction) == null ? void 0 : _f2.call(
       _e2,
       "wallet_pass",
+      "restore_recharge_wallet_pass",
+      (_data) => {
+        const data = JSON.parse(_data || "{}");
+        console.log("重置状态", data == null ? void 0 : data.productId);
+        console.log("宽", window.innerWidth);
+        console.log("高", window.innerHeight);
+        console.log("设备像素比", window.devicePixelRatio);
+        resetForInit();
+        if ((data == null ? void 0 : data.productId) || (data == null ? void 0 : data.productId) === 0) loadRef.current(data == null ? void 0 : data.productId);
+        setIsEdit(false);
+        setNativeInitData(data);
+      }
+    );
+    (_h2 = (_g2 = interaction == null ? void 0 : interaction.utils) == null ? void 0 : _g2.mountFunction) == null ? void 0 : _h2.call(
+      _g2,
+      "wallet_pass",
       "edit_buy_wallet_pass",
       (data) => {
         console.log("编辑状态", data);
@@ -197,6 +215,7 @@ function KioskSkuDetail(props) {
           option: []
         });
         setIsEdit(true);
+        setNativeInitData(productData2);
       }
     );
     if (initialProductId || initialProductId === 0) loadRef.current(initialProductId);
@@ -257,12 +276,17 @@ function KioskSkuDetail(props) {
       quantity,
       variantId: skuValue.product_variant_id,
       pricePerUnit: unitPrice,
-      isWebBuyWalletPass: true
+      isWebBuyWalletPass: true,
+      // 特定字段
+      balance: nativeInitData == null ? void 0 : nativeInitData.balance,
+      walletCodeId: nativeInitData == null ? void 0 : nativeInitData.walletCodeId,
+      walletPassCodeId: nativeInitData == null ? void 0 : nativeInitData.walletPassCodeId
     };
     interaction.utils.postMessageToApp({
       module: "wallet_pass",
       key: "buy_wallet_pass",
       data: {
+        ...nativeInitData || {},
         // 把洗好的数据放这里
         productData: obj,
         isEdit
@@ -304,7 +328,7 @@ function KioskSkuDetail(props) {
           __html: descriptionText
         }
       }
-    )), !!priceRangeText && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-kiosk-sku-detail__price-range" }, priceRangeText, " ", currency_code), !!errorText && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-kiosk-sku-detail__error" }, errorText)), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-kiosk-sku-detail__options-card" }, productData && Array.isArray(productData == null ? void 0 : productData.variant) && productData.variant.length > 0 ? /* @__PURE__ */ import_react.default.createElement(
+    )), (nativeInitData == null ? void 0 : nativeInitData.balance) ? /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-kiosk-sku-detail__price-range" }, import_utils.locales.getText("pisell2.text.kiosk.sku.detail.balance"), ": ", symbol, nativeInitData == null ? void 0 : nativeInitData.balance) : !!priceRangeText && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-kiosk-sku-detail__price-range" }, priceRangeText, " ", currency_code), !!errorText && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-kiosk-sku-detail__error" }, errorText)), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-kiosk-sku-detail__options-card" }, productData && Array.isArray(productData == null ? void 0 : productData.variant) && productData.variant.length > 0 ? /* @__PURE__ */ import_react.default.createElement(
       import_skuOptionsSelection.default,
       {
         ref: skuOptionsSelectionRef,

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

@@ -6,6 +6,7 @@ declare const _default: {
         'pisell2.text.kiosk.sku.detail.btn.update': string;
         'pisell2.text.kiosk.sku.detail.loading.options': string;
         'pisell2.text.kiosk.sku.detail.toast.select.variant': string;
+        'pisell2.text.kiosk.sku.detail.balance': string;
     };
     'zh-CN': {
         'pisell2.text.kiosk.sku.detail.btn.back': string;
@@ -14,6 +15,7 @@ declare const _default: {
         'pisell2.text.kiosk.sku.detail.btn.update': string;
         'pisell2.text.kiosk.sku.detail.loading.options': string;
         'pisell2.text.kiosk.sku.detail.toast.select.variant': string;
+        'pisell2.text.kiosk.sku.detail.balance': string;
     };
     'zh-TW': {
         'pisell2.text.kiosk.sku.detail.btn.back': string;
@@ -22,6 +24,25 @@ declare const _default: {
         'pisell2.text.kiosk.sku.detail.btn.update': string;
         'pisell2.text.kiosk.sku.detail.loading.options': string;
         'pisell2.text.kiosk.sku.detail.toast.select.variant': string;
+        'pisell2.text.kiosk.sku.detail.balance': string;
+    };
+    ja: {
+        'pisell2.text.kiosk.sku.detail.btn.back': string;
+        'pisell2.text.kiosk.sku.detail.item.total': string;
+        'pisell2.text.kiosk.sku.detail.btn.add.to.cart': string;
+        'pisell2.text.kiosk.sku.detail.btn.update': string;
+        'pisell2.text.kiosk.sku.detail.loading.options': string;
+        'pisell2.text.kiosk.sku.detail.toast.select.variant': string;
+        'pisell2.text.kiosk.sku.detail.balance': string;
+    };
+    pt: {
+        'pisell2.text.kiosk.sku.detail.btn.back': string;
+        'pisell2.text.kiosk.sku.detail.item.total': string;
+        'pisell2.text.kiosk.sku.detail.btn.add.to.cart': string;
+        'pisell2.text.kiosk.sku.detail.btn.update': string;
+        'pisell2.text.kiosk.sku.detail.loading.options': string;
+        'pisell2.text.kiosk.sku.detail.toast.select.variant': string;
+        'pisell2.text.kiosk.sku.detail.balance': string;
     };
 };
 export default _default;

package/lib/components/kioskSkuDetail/locales.js

@@ -29,7 +29,8 @@ var locales_default = {
     "pisell2.text.kiosk.sku.detail.btn.add.to.cart": "Add to cart",
     "pisell2.text.kiosk.sku.detail.btn.update": "Update",
     "pisell2.text.kiosk.sku.detail.loading.options": "Loading options…",
-    "pisell2.text.kiosk.sku.detail.toast.select.variant": "Please select a top-up option"
+    "pisell2.text.kiosk.sku.detail.toast.select.variant": "Please select a top-up option",
+    "pisell2.text.kiosk.sku.detail.balance": "Balance"
   },
   "zh-CN": {
     "pisell2.text.kiosk.sku.detail.btn.back": "返回",
@@ -37,7 +38,8 @@ var locales_default = {
     "pisell2.text.kiosk.sku.detail.btn.add.to.cart": "加入购物车",
     "pisell2.text.kiosk.sku.detail.btn.update": "更新",
     "pisell2.text.kiosk.sku.detail.loading.options": "正在加载选项…",
-    "pisell2.text.kiosk.sku.detail.toast.select.variant": "请选择充值选项"
+    "pisell2.text.kiosk.sku.detail.toast.select.variant": "请选择充值选项",
+    "pisell2.text.kiosk.sku.detail.balance": "余额"
   },
   "zh-TW": {
     "pisell2.text.kiosk.sku.detail.btn.back": "返回",
@@ -45,6 +47,25 @@ var locales_default = {
     "pisell2.text.kiosk.sku.detail.btn.add.to.cart": "加入購物車",
     "pisell2.text.kiosk.sku.detail.btn.update": "更新",
     "pisell2.text.kiosk.sku.detail.loading.options": "正在載入選項…",
-    "pisell2.text.kiosk.sku.detail.toast.select.variant": "請選擇充值選項"
+    "pisell2.text.kiosk.sku.detail.toast.select.variant": "請選擇充值選項",
+    "pisell2.text.kiosk.sku.detail.balance": "餘額"
+  },
+  ja: {
+    "pisell2.text.kiosk.sku.detail.btn.back": "戻る",
+    "pisell2.text.kiosk.sku.detail.item.total": "小計",
+    "pisell2.text.kiosk.sku.detail.btn.add.to.cart": "カートに追加",
+    "pisell2.text.kiosk.sku.detail.btn.update": "更新",
+    "pisell2.text.kiosk.sku.detail.loading.options": "オプションを読み込み中…",
+    "pisell2.text.kiosk.sku.detail.toast.select.variant": "チャージオプションを選択してください",
+    "pisell2.text.kiosk.sku.detail.balance": "残高"
+  },
+  pt: {
+    "pisell2.text.kiosk.sku.detail.btn.back": "Voltar",
+    "pisell2.text.kiosk.sku.detail.item.total": "Subtotal",
+    "pisell2.text.kiosk.sku.detail.btn.add.to.cart": "Adicionar ao carrinho",
+    "pisell2.text.kiosk.sku.detail.btn.update": "Atualizar",
+    "pisell2.text.kiosk.sku.detail.loading.options": "Carregando opções…",
+    "pisell2.text.kiosk.sku.detail.toast.select.variant": "Por favor, selecione uma opção de recarga",
+    "pisell2.text.kiosk.sku.detail.balance": "Saldo"
   }
 };

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

@@ -20,5 +20,19 @@ declare const _default: {
         "pisell2.text.password-error": string;
         "pisell2.text.email-error": string;
     };
+    ja: {
+        'pisell2.text.login': string;
+        "pisell2.text.email-placeholder": string;
+        "pisell2.text.password-placeholder": string;
+        "pisell2.text.password-error": string;
+        "pisell2.text.email-error": string;
+    };
+    pt: {
+        'pisell2.text.login': string;
+        "pisell2.text.email-placeholder": string;
+        "pisell2.text.password-placeholder": string;
+        "pisell2.text.password-error": string;
+        "pisell2.text.email-error": string;
+    };
 };
 export default _default;

package/lib/components/login/locales.js

@@ -43,5 +43,19 @@ var locales_default = {
     "pisell2.text.password-placeholder": "請輸入密碼",
     "pisell2.text.password-error": "請輸入正確的密碼",
     "pisell2.text.email-error": "請輸入正確的電子郵件"
+  },
+  ja: {
+    "pisell2.text.login": "ログイン",
+    "pisell2.text.email-placeholder": "メールアドレスを入力してください",
+    "pisell2.text.password-placeholder": "パスワードを入力してください",
+    "pisell2.text.password-error": "正しいパスワードを入力してください",
+    "pisell2.text.email-error": "正しいメールアドレスを入力してください"
+  },
+  pt: {
+    "pisell2.text.login": "Login",
+    "pisell2.text.email-placeholder": "Por favor, insira o e-mail",
+    "pisell2.text.password-placeholder": "Por favor, insira a senha",
+    "pisell2.text.password-error": "Por favor, insira a senha correta",
+    "pisell2.text.email-error": "Por favor, insira o e-mail correto"
   }
 };

package/lib/components/pay/toC/PaymentList/serve.js

@@ -55,7 +55,7 @@ var filterPaymentList = (list, platform = "h5", isApp, amount) => {
   if (platform === "h5") {
     arr = arr.concat(["globepay.wechat.qrcode", "globepay.alipay.qrcode"]);
   }
-  if (!(0, import_utils2.isIOS)()) {
+  if (!(0, import_utils2.isIOS)() && !(0, import_utils2.isSafari)()) {
     arr = arr.concat(["mw.apple"]);
   }
   if ((0, import_utils2.isIOS)() && isApp) {

package/lib/components/pay/toC/PaymentMethods/MWCreditCard/Add/index.d.ts

@@ -4,9 +4,15 @@ export interface AddMWCreditCardRef {
     init: () => void;
     onReset: () => void;
     onSubmit: () => void;
+    close: () => void;
 }
 export interface AddMWCreditCardProps {
+    /** 创建卡片回调 */
     onCreate?: (values: any) => void;
+    /** 店铺名称，用于授权说明文案 */
+    shopName?: string;
+    /** 按钮 loading */
+    btnLoading?: boolean;
 }
 declare const _default: React.ForwardRefExoticComponent<AddMWCreditCardProps & React.RefAttributes<any>>;
 export default _default;

package/lib/components/pay/toC/PaymentMethods/MWCreditCard/Add/index.js

@@ -71,7 +71,7 @@ var formatName = (card_name) => {
   }
 };
 var AddMWCreditCard = (props, ref) => {
-  const { onCreate } = props;
+  const { onCreate, shopName = "", btnLoading = false } = props;
   const [open, setOpen] = (0, import_react.useState)(false);
   const [form] = import_antd.Form.useForm();
   const { state } = (0, import_react.useContext)(import_model.Context);
@@ -147,12 +147,16 @@ var AddMWCreditCard = (props, ref) => {
   const onSubmit = () => {
     form.submit();
   };
+  const close = () => {
+    setOpen(false);
+  };
   (0, import_react.useImperativeHandle)(
     ref,
     () => ({
       init,
       onReset,
-      onSubmit
+      onSubmit,
+      close
     })
   );
   const okText = (0, import_react.useMemo)(() => {
@@ -167,15 +171,37 @@ var AddMWCreditCard = (props, ref) => {
   return /* @__PURE__ */ import_react.default.createElement(
     import_materials.PisellModal,
     {
-      title: /* @__PURE__ */ import_react.default.createElement("div", null, import_utils.locales.getText("tocPay.text.addCard")),
+      title: /* @__PURE__ */ import_react.default.createElement("div", { className: "secure-card-payment-title" }, import_utils.locales.getText("tocPay.text.secureCardPayment"), /* @__PURE__ */ import_react.default.createElement(
+        import_materials.Iconfont,
+        {
+          type: "pisell2-shield-tick",
+          className: "secure-card-payment-title-icon"
+        }
+      )),
       open,
       onCancel,
       cancelVisible: false,
       onOk: onSubmit,
       okText,
-      bodyStyle: { padding: 24 }
+      bodyStyle: { padding: 24, display: "flex", flexDirection: "column" },
+      okButtonProps: {
+        loading: btnLoading,
+        style: {
+          display: "flex",
+          justifyContent: "center",
+          alignItems: "center"
+        }
+      }
     },
-    /* @__PURE__ */ import_react.default.createElement("div", { className: "" }, /* @__PURE__ */ import_react.default.createElement(
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "add-mw-credit-card-wrap" }, /* @__PURE__ */ import_react.default.createElement(
+      import_materials.PisellAlert,
+      {
+        className: "secure-card-tip-alert",
+        icon: /* @__PURE__ */ import_react.default.createElement(import_materials.Iconfont, { type: "pisell2-shield-tick" }),
+        showIcon: true,
+        message: import_utils.locales.getText("tocPay.text.secureBankInfo")
+      }
+    ), /* @__PURE__ */ import_react.default.createElement(
       import_antd.Form,
       {
         layout: "vertical",
@@ -246,24 +272,21 @@ var AddMWCreditCard = (props, ref) => {
             placeholder: import_utils.locales.getText("tocPay.text.incorrectName")
           }
         )
-      )), /* @__PURE__ */ import_react.default.createElement(import_antd.Col, { span: 24 }, /* @__PURE__ */ import_react.default.createElement(
+      ))),
+      /* @__PURE__ */ import_react.default.createElement("div", { className: "merchant-authorization-text" }, import_utils.locales.getText("tocPay.text.merchantAuthorizationBefore"), /* @__PURE__ */ import_react.default.createElement("span", { className: "merchant-shop-name" }, shopName), import_utils.locales.getText("tocPay.text.merchantAuthorizationAfter")),
+      /* @__PURE__ */ import_react.default.createElement(import_antd.Divider, { className: "secure-card-divider" }),
+      /* @__PURE__ */ import_react.default.createElement(
         import_antd.Form.Item,
         {
           name: "is_save",
           valuePropName: "checked",
-          initialValue: true
+          initialValue: true,
+          className: "save-card-form-item"
         },
         /* @__PURE__ */ import_react.default.createElement(import_antd.Checkbox, null, /* @__PURE__ */ import_react.default.createElement("span", { className: "save-card-checkbox-text" }, import_utils.locales.getText("tocPay.text.saveCardForNextTime")))
-      )), /* @__PURE__ */ import_react.default.createElement(import_antd.Col, { span: 24 }, /* @__PURE__ */ import_react.default.createElement(
-        import_materials.PisellAlert,
-        {
-          className: "save-card-alert",
-          icon: /* @__PURE__ */ import_react.default.createElement(import_materials.Iconfont, { type: "pisell2-shield-tick" }),
-          showIcon: true,
-          message: import_utils.locales.getText("tocPay.text.secureBankInfo")
-        }
-      )))
-    ))
+      ),
+      /* @__PURE__ */ import_react.default.createElement("div", { className: "save-card-encryption-text" }, import_utils.locales.getText("tocPay.text.saveCardEncryption"))
+    ), /* @__PURE__ */ import_react.default.createElement("div", { className: "three-d-secure-section" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "three-d-secure-badge" }, /* @__PURE__ */ import_react.default.createElement(import_materials.Iconfont, { type: "pisell2-shield-01", className: "three-d-secure-icon" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "three-d-secure-badge-text" }, "3D")), /* @__PURE__ */ import_react.default.createElement("span", { className: "three-d-secure-text" }, import_utils.locales.getText("tocPay.text.threeDSecureProtection"))))
   );
 };
 var Add_default = (0, import_react.forwardRef)(AddMWCreditCard);

package/lib/components/pay/toC/PaymentMethods/MWCreditCard/Add/index.less

@@ -1,3 +1,4 @@
+/* 表单 label 样式 */
 .pisell-lowcode-form-item-label {
   color: var(--Gray-900, #101828);
   font-size: 14px;
@@ -6,20 +7,120 @@
   line-height: 20px;
 }
 
+/* 标题区域 */
+.secure-card-payment-title {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  font-weight: 600;
+}
+
+.secure-card-payment-title-icon {
+  color: #12b76a;
+  font-size: 20px;
+}
+
+/* 外层容器 - flex 列布局，使 3D Secure 内容少时贴底 */
+.add-mw-credit-card-wrap {
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+}
+
+/* 安全提示 Alert - 顶部 */
+.secure-card-tip-alert {
+  margin-bottom: 12px;
+  .pisell-lowcode-alert-message {
+    font-size: 13px;
+    font-style: normal;
+    font-weight: 500;
+    line-height: 18px;
+    color: #027a48;
+  }
+}
+
+/* 授权说明文案 */
+.merchant-authorization-text {
+  color: var(--Gray-600, #475467);
+  font-size: 13px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 18px;
+  margin-top: 4px;
+}
+
+/* shopName 蓝色高亮 */
+.merchant-shop-name {
+  color: #1570EF;
+}
+
+/* 分割线 */
+.secure-card-divider {
+  margin: 16px 0;
+}
+
+/* 保存卡片 Checkbox */
+.save-card-form-item {
+  margin-bottom: 4px !important;
+}
+
 .save-card-checkbox-text {
   color: var(--Gray-900, #101828);
-  font-size: 16px;
+  font-size: 14px;
   font-style: normal;
   font-weight: 500;
 }
 
-.save-card-alert {
+/* 保存卡片加密提示 */
+.save-card-encryption-text {
+  color: var(--Gray-500, #667085);
+  font-size: 13px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 18px;
+  padding-left: 24px;
+  margin-bottom: 24px;
+}
 
-  .pisell-lowcode-alert-message {
-    font-size: 14px;
-    font-style: normal;
-    font-weight: 400;
-    line-height: 20px;
-  }
+/* 3D Secure 安全说明 - margin-top: auto 使其内容少时贴底，多时跟随流 */
+.three-d-secure-section {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 8px;
+  padding: 16px 0;
+  margin-top: auto;
+}
+
+.three-d-secure-badge {
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 32px;
+  height: 32px;
+}
+
+.three-d-secure-icon {
+  color: #2e90fa;
+  font-size: 32px;
+}
 
-}
+.three-d-secure-badge-text {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  font-size: 10px;
+  font-weight: 700;
+  color: #2e90fa;
+  line-height: 1;
+}
+
+.three-d-secure-text {
+  color: var(--Gray-600, #475467);
+  font-size: 13px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 18px;
+}

package/lib/components/pay/toC/PaymentMethods/MWCreditCard/List/index.d.ts

@@ -2,10 +2,12 @@ import React from 'react';
 import './index.less';
 export interface MWCreditCardListRef {
     init: (order: any) => void;
+    close: () => void;
 }
 interface MWCreditCardListProps {
     onAdd?: () => void;
     onChange?: (cardId: number) => void;
+    btnLoading?: boolean;
 }
 declare const _default: React.ForwardRefExoticComponent<MWCreditCardListProps & React.RefAttributes<any>>;
 export default _default;

package/lib/components/pay/toC/PaymentMethods/MWCreditCard/List/index.js

@@ -35,6 +35,7 @@ module.exports = __toCommonJS(List_exports);
 var import_react = __toESM(require("react"));
 var import_antd = require("antd");
 var import_utils = require("@pisell/utils");
+var import_ahooks = require("ahooks");
 var import_materials = require("@pisell/materials");
 var import_classnames = __toESM(require("classnames"));
 var import_model = require("../../../model");
@@ -49,7 +50,13 @@ var MWCreditCardList = (props, ref) => {
   const [manage, setManage] = (0, import_react.useState)(false);
   const [order, setOrder] = (0, import_react.useState)(null);
   const _getCreditCardList = async () => {
+    var _a;
     const cardList = await (0, import_serve.getCreditCardList)();
+    if (!cardList.length) {
+      (_a = props.onAdd) == null ? void 0 : _a.call(props);
+      setLoading(false);
+      return;
+    }
     setCreditCardList(cardList);
     if (cardList.length) {
       setCurrentCard(cardList[0].id);
@@ -69,8 +76,12 @@ var MWCreditCardList = (props, ref) => {
   const cardChange = (id) => {
     setCurrentCard(id);
   };
+  const close = () => {
+    setOpen(false);
+  };
   (0, import_react.useImperativeHandle)(ref, () => ({
-    init
+    init,
+    close
   }));
   const renderOption = (d, active) => {
     return /* @__PURE__ */ import_react.default.createElement(
@@ -137,16 +148,19 @@ var MWCreditCardList = (props, ref) => {
       });
     }
   };
-  const onOk = () => {
-    var _a;
-    if (manage) {
-      setManage(false);
-      handleBatchDeleteCards();
-      return;
-    }
-    let cur = creditCardList.find((d) => d.id === currentCard);
-    (_a = props.onChange) == null ? void 0 : _a.call(props, cur);
-  };
+  const { run: onOk } = (0, import_ahooks.useDebounceFn)(
+    () => {
+      var _a;
+      if (manage) {
+        setManage(false);
+        handleBatchDeleteCards();
+        return;
+      }
+      let cur = creditCardList.find((d) => d.id === currentCard);
+      (_a = props.onChange) == null ? void 0 : _a.call(props, cur);
+    },
+    { wait: 300 }
+  );
   const renderList = (0, import_react.useMemo)(() => {
     return creditCardList.filter((d) => d.delete !== 1);
   }, [creditCardList]);
@@ -178,7 +192,13 @@ var MWCreditCardList = (props, ref) => {
       okText: manage ? import_utils.locales.getText("tocPay.text.done") : okText,
       onOk,
       okButtonProps: {
-        disabled: !currentCard
+        disabled: !currentCard,
+        loading: props.btnLoading,
+        style: {
+          display: "flex",
+          justifyContent: "center",
+          alignItems: "center"
+        }
       },
       bodyStyle: { padding: 24 }
     },

package/lib/components/pay/toC/PaymentMethods/MWCreditCard/TDSPay/ThreedsLoading/index.d.ts

@@ -1,4 +1,23 @@
 import React from 'react';
 import './index.less';
-declare const ThreedsLoading: ({ title, showSuccessBackButton, onSuccessBack }: any) => React.JSX.Element;
+interface ThreedsLoadingProps {
+    /** 主标题（单行模式使用，覆盖默认文案） */
+    title?: string;
+    /** 副标题（多行模式第二行，可选） */
+    subtitle?: string;
+    /** 描述说明（多行模式第三行，可选） */
+    description?: string;
+    /** 是否展示"支付完成返回"按钮 */
+    showSuccessBackButton?: boolean;
+    /** "支付完成返回"按钮点击回调 */
+    onSuccessBack?: () => void;
+}
+/**
+ * @title: 等待加载页
+ * @description: 通用的支付等待 loading 页面。
+ *              - 默认单行文案模式（传 title 或使用默认文案）
+ *              - 传入 subtitle / description 后进入多行文案模式
+ *              向后兼容：不传新 props 时行为与原来完全一致。
+ */
+declare const ThreedsLoading: React.FC<ThreedsLoadingProps>;
 export default ThreedsLoading;

package/lib/components/pay/toC/PaymentMethods/MWCreditCard/TDSPay/ThreedsLoading/index.js

@@ -36,7 +36,13 @@ var import_react = __toESM(require("react"));
 var import_useEngineContext = __toESM(require("../../../../../../../hooks/useEngineContext"));
 var import_index = require("./index.less");
 var import_utils = require("@pisell/utils");
-var ThreedsLoading = ({ title, showSuccessBackButton, onSuccessBack }) => {
+var ThreedsLoading = ({
+  title,
+  subtitle,
+  description,
+  showSuccessBackButton,
+  onSuccessBack
+}) => {
   var _a;
   const context = (0, import_useEngineContext.default)();
   const { config } = ((_a = context.appHelper) == null ? void 0 : _a.constants) || {};
@@ -47,6 +53,6 @@ var ThreedsLoading = ({ title, showSuccessBackButton, onSuccessBack }) => {
       src: config.static + "/static/stripe_loading.gif",
       alt: ""
     }
-  ), /* @__PURE__ */ import_react.default.createElement("div", { className: "threeds-loading-title" }, title || import_utils.locales.getText("tocPay.text.waitingForBankVerification")), showSuccessBackButton && /* @__PURE__ */ import_react.default.createElement("div", { onClick: onSuccessBack, className: "threeds-loading-success-back-button" }, import_utils.locales.getText("tocPay.text.successBack")));
+  ), /* @__PURE__ */ import_react.default.createElement("div", { className: "threeds-loading-title" }, title || import_utils.locales.getText("tocPay.text.waitingForBankVerification")), subtitle && /* @__PURE__ */ import_react.default.createElement("div", { className: "threeds-loading-subtitle" }, subtitle), description && /* @__PURE__ */ import_react.default.createElement("div", { className: "threeds-loading-description" }, description), showSuccessBackButton && /* @__PURE__ */ import_react.default.createElement("div", { onClick: onSuccessBack, className: "threeds-loading-success-back-button" }, import_utils.locales.getText("tocPay.text.successBack")));
 };
 var ThreedsLoading_default = ThreedsLoading;

package/lib/components/pay/toC/PaymentMethods/MWCreditCard/TDSPay/ThreedsLoading/index.less

@@ -22,6 +22,26 @@
     color: #353535;
   }
 
+  .threeds-loading-subtitle {
+    margin-top: 8px;
+    padding: 0 40px;
+    text-align: center;
+    font-size: 14px;
+    font-weight: 400;
+    line-height: 20px;
+    color: #475467;
+  }
+
+  .threeds-loading-description {
+    margin-top: 4px;
+    padding: 0 40px;
+    text-align: center;
+    font-size: 13px;
+    font-weight: 400;
+    line-height: 18px;
+    color: #667085;
+  }
+
   .threeds-loading-success-back-button {
     margin-top: 20px;
     color: #4b6b99;

package/lib/components/pay/toC/PaymentMethods/MWCreditCard/TDSPay/index.d.ts

@@ -1,10 +1,16 @@
 import React from 'react';
 import './index.less';
 export interface TDSPayRef {
-    init: (res: any, order: any) => void;
+    /** 初始化 3DS 支付流程
+     * @param res 卡信息（已保存卡含 id，新卡含表单字段）
+     * @param order 订单信息
+     * @param preCheckData 可选，外部预检查已获取的数据（跳过内部 fastPayNew / checkEnrollment）
+     */
+    init: (res: any, order: any, preCheckData?: any) => void;
 }
 export interface TDSPayProps {
     onChange?: (values: any) => void;
+    closeAll: () => void;
 }
 declare const _default: React.ForwardRefExoticComponent<TDSPayProps & React.RefAttributes<any>>;
 export default _default;