@pisell/private-materials 3.4.85 → 3.4.86

package/es/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/es/components/eftpos/hooks.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Eftpos } from './const';
 /**
  * @title: tyro 设备连接

package/es/components/eftposPay/tyro/hooks.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 /**
  * @title: 获取 Tyro 资源
  * @description:

package/es/components/eventBooking/components/bookingAvailabilityCalendar/components/CalendarDate/CalenDateStatus/index.d.ts

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

package/es/components/eventBooking/components/bookingAvailabilityCalendar/components/CalendarDate/Item/DayItem/index.d.ts

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

package/es/components/eventBooking/components/bookingAvailabilityCalendar/components/CalendarDate/Item/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 import { CalendarItemProps } from '../../../../../type';
 declare const Item: (props: CalendarItemProps) => import("react").JSX.Element;

package/es/components/eventBooking/components/bookingAvailabilityCalendar/components/CalendarDate/Status/index.d.ts

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

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

@@ -15,6 +15,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import React, { useState, useImperativeHandle, forwardRef, useMemo, useContext } from 'react';
 import { Button } from 'antd';
 import { locales } from '@pisell/utils';
+import { useDebounceFn } from 'ahooks';
 import { PisellModal, Iconfont, PisellCheckboxGroup, PisellRow, getBankCardTypeImg, PisellLoading, PisellText } from '@pisell/materials';
 import classNames from 'classnames';
 import { Context } from "../../../model";
@@ -126,12 +127,15 @@ var MWCreditCardList = function MWCreditCardList(props, ref) {
             // 关闭管理卡模式
             setManage(false);
 
+            // 重置确认按钮loading状态
+            setOkLoading(false);
+
             // 选中第一个卡
             setCurrentCard(0);
 
             // 异步 获取信用卡列表
             _getCreditCardList();
-          case 6:
+          case 7:
           case "end":
             return _context2.stop();
         }
@@ -266,21 +270,32 @@ var MWCreditCardList = function MWCreditCardList(props, ref) {
    * @Author: zhiwei.Wang
    * @Date: 2024-08-16 11:11
    */
-  var onOk = function onOk() {
-    var _props$onChange;
-    // 管理卡模式下, 则执行删除卡操作
-    if (manage) {
-      setManage(false);
-      handleBatchDeleteCards();
-      return;
-    }
+  // 确认按钮loading状态
+  var _useState13 = useState(false),
+    _useState14 = _slicedToArray(_useState13, 2),
+    okLoading = _useState14[0],
+    setOkLoading = _useState14[1];
+  var _useDebounceFn = useDebounceFn(function () {
+      var _props$onChange;
+      // 管理卡模式下, 则执行删除卡操作
+      if (manage) {
+        setManage(false);
+        handleBatchDeleteCards();
+        return;
+      }
 
-    // 否则回调到外部
-    var cur = creditCardList.find(function (d) {
-      return d.id === currentCard;
-    });
-    (_props$onChange = props.onChange) === null || _props$onChange === void 0 || _props$onChange.call(props, cur);
-  };
+      // 展示loading, 防止重复点击
+      setOkLoading(true);
+
+      // 否则回调到外部
+      var cur = creditCardList.find(function (d) {
+        return d.id === currentCard;
+      });
+      (_props$onChange = props.onChange) === null || _props$onChange === void 0 || _props$onChange.call(props, cur);
+    }, {
+      wait: 300
+    }),
+    onOk = _useDebounceFn.run;
 
   // 渲染列表
   var renderList = useMemo(function () {
@@ -330,7 +345,8 @@ var MWCreditCardList = function MWCreditCardList(props, ref) {
     okText: manage ? locales.getText('tocPay.text.done') : okText,
     onOk: onOk,
     okButtonProps: {
-      disabled: !currentCard
+      disabled: !currentCard,
+      loading: okLoading
     },
     bodyStyle: {
       padding: 24

package/es/components/pay/toC/PaymentMethods/MWCreditCard/tds2.js

@@ -367,15 +367,7 @@ export var createThreeDSMethodIframe = /*#__PURE__*/function () {
           timer = null; // 返回promise
           return _context3.abrupt("return", new Promise(function (res, rej) {
             var _threeDSMethodData$pa7;
-            // 10秒内没有成功则走N逻辑
-            timer = setTimeout(function () {
-              res(defaultReturnParams);
-              log({
-                msg: '第三步: 10秒超时则走N逻辑',
-                data: threeDSMethodData
-              });
-            }, (threeDSMethodData === null || threeDSMethodData === void 0 || (_threeDSMethodData$pa7 = threeDSMethodData.pay_info) === null || _threeDSMethodData$pa7 === void 0 ? void 0 : _threeDSMethodData$pa7.tdsMethodTimeoutMS) || 10000);
-            window.addEventListener('message', function (event) {
+            var handleMessage = function handleMessage(event) {
               // 判断域名
               if (event.origin.indexOf(postmessageUrl) !== -1 || event.origin.indexOf('securesuite') !== -1) {
                 // 返回 threeDSServerTransID 则 res
@@ -388,6 +380,8 @@ export var createThreeDSMethodIframe = /*#__PURE__*/function () {
                   if (timer) {
                     clearTimeout(timer);
                   }
+                  // 移除监听器，防止重复触发
+                  window.removeEventListener('message', handleMessage);
                   // 10秒内成功则走Y逻辑
                   res({
                     threeDSServerTransID: event.data.threeDSServerTransID,
@@ -395,7 +389,19 @@ export var createThreeDSMethodIframe = /*#__PURE__*/function () {
                   });
                 }
               }
-            }, false);
+            };
+
+            // 10秒内没有成功则走N逻辑
+            timer = setTimeout(function () {
+              // 超时也要移除监听器
+              window.removeEventListener('message', handleMessage);
+              res(defaultReturnParams);
+              log({
+                msg: '第三步: 10秒超时则走N逻辑',
+                data: threeDSMethodData
+              });
+            }, (threeDSMethodData === null || threeDSMethodData === void 0 || (_threeDSMethodData$pa7 = threeDSMethodData.pay_info) === null || _threeDSMethodData$pa7 === void 0 ? void 0 : _threeDSMethodData$pa7.tdsMethodTimeoutMS) || 10000);
+            window.addEventListener('message', handleMessage, false);
           }));
         case 28:
         case "end":

package/es/components/pay/toC/PaymentMethods/StripePay/Stripe/StripeSDK/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const StripeSDK: ({ public_key, client_secret, children, lang, }: {
     public_key: string;
     client_secret?: string | undefined;

package/es/components/systemSettings/registry/components/ItemModal.js

@@ -99,6 +99,9 @@ var interfaceTypeOptions = {
   }, {
     value: 'Input.JSON',
     label: 'JSON编辑器'
+  }, {
+    value: 'RecordListWrapper',
+    label: '记录列表包装器'
   }]
 };
 var ItemModal = function ItemModal(_ref) {
@@ -152,7 +155,9 @@ var ItemModal = function ItemModal(_ref) {
           style: {
             width: '100%'
           },
-          precision: 0,
+          precision: 0
+          // @ts-ignore
+          ,
           allowClear: true
         });
       case 'float':
@@ -160,7 +165,9 @@ var ItemModal = function ItemModal(_ref) {
           placeholder: "\u8BF7\u8F93\u5165\u6570\u5B57",
           style: {
             width: '100%'
-          },
+          }
+          // @ts-ignore
+          ,
           allowClear: true
         });
       case 'boolean':
@@ -258,6 +265,16 @@ var ItemModal = function ItemModal(_ref) {
           };
         }
 
+        // 处理记录列表包装器JSON配置
+        var xRecordSchema = schema['x-record-schema'];
+        if (!xRecordSchema) {
+          formData.xRecordSchema = '';
+        } else if (typeof xRecordSchema === 'string') {
+          formData.xRecordSchema = xRecordSchema;
+        } else if (_typeof(xRecordSchema) === 'object') {
+          formData.xRecordSchema = JSON.stringify(xRecordSchema, null, 2);
+        }
+
         // 处理自定义UI Schema
         var xCustomUiSchema = schema['x-custom-ui-schema'];
         if (!xCustomUiSchema) {
@@ -299,7 +316,8 @@ var ItemModal = function ItemModal(_ref) {
           xDataSource: {
             type: 'default',
             options: []
-          }
+          },
+          xRecordSchema: ''
         };
         form.setFieldsValue(defaultValues);
         setSelectedFieldType('string');
@@ -329,6 +347,11 @@ var ItemModal = function ItemModal(_ref) {
       }
     });
 
+    // 清空记录列表包装器JSON配置
+    form.setFieldsValue({
+      xRecordSchema: ''
+    });
+
     // 重新验证默认值字段
     form.validateFields(['default']).catch(function () {
       // 验证失败时不做特殊处理，让用户看到错误信息
@@ -337,15 +360,14 @@ var ItemModal = function ItemModal(_ref) {
 
   // 处理界面类型变化
   var handleInterfaceTypeChange = function handleInterfaceTypeChange(value) {
-    // 如果切换到非Select类型，清空选项配置
-    if (value !== 'Select') {
-      form.setFieldsValue({
-        xDataSource: {
-          type: 'default',
-          options: []
-        }
-      });
-    }
+    // 清空选项配置和记录列表包装器JSON配置
+    form.setFieldsValue({
+      xDataSource: {
+        type: 'default',
+        options: []
+      },
+      xRecordSchema: ''
+    });
   };
 
   // 处理作用域变化
@@ -361,7 +383,7 @@ var ItemModal = function ItemModal(_ref) {
   // 处理确认
   var handleOk = /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-      var values, validation, _validation, schema, _ref3, _ref3$type, _type, _ref3$options, options, rest;
+      var values, validation, _validation, schema, needUseXDataSource, _ref3, _ref3$type, _type, _ref3$options, options, rest, needUseXRecordSchema;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
@@ -425,72 +447,103 @@ var ItemModal = function ItemModal(_ref) {
             _context.t0 = _context["catch"](22);
             throw new Error("UI Schema\u683C\u5F0F\u9519\u8BEF: ".concat(_context.t0 instanceof Error ? _context.t0.message : '未知错误'));
           case 29:
-            if (!(values.interfaceType === 'Select' && values.xDataSource)) {
-              _context.next = 48;
+            // 将 xDataSource 合并到 schema 的 x-data-source 中
+            needUseXDataSource = ['Select', 'RecordListWrapper'].includes(values.interfaceType || '');
+            if (!(needUseXDataSource && values.xDataSource)) {
+              _context.next = 51;
               break;
             }
             _ref3 = (values === null || values === void 0 ? void 0 : values.xDataSource) || {}, _ref3$type = _ref3.type, _type = _ref3$type === void 0 ? 'default' : _ref3$type, _ref3$options = _ref3.options, options = _ref3$options === void 0 ? [] : _ref3$options, rest = _objectWithoutProperties(_ref3, _excluded);
             if (!(_type === 'default')) {
-              _context.next = 35;
+              _context.next = 36;
               break;
             }
             schema['x-data-source'] = {
               type: _type,
               options: options
             };
-            _context.next = 48;
+            _context.next = 49;
             break;
-          case 35:
+          case 36:
             if (!(_type === 'api')) {
-              _context.next = 47;
+              _context.next = 48;
               break;
             }
             schema['x-data-source'] = _objectSpread({
               type: _type
             }, rest || {});
             if (!(rest !== null && rest !== void 0 && rest.extraParams)) {
-              _context.next = 45;
+              _context.next = 46;
               break;
             }
-            _context.prev = 38;
+            _context.prev = 39;
             schema['x-data-source'].extraParams = JSON.parse(rest.extraParams);
-            _context.next = 45;
+            _context.next = 46;
             break;
-          case 42:
-            _context.prev = 42;
-            _context.t1 = _context["catch"](38);
+          case 43:
+            _context.prev = 43;
+            _context.t1 = _context["catch"](39);
             throw new Error("Extra Params\u683C\u5F0F\u9519\u8BEF: ".concat(_context.t1 instanceof Error ? _context.t1.message : '未知错误'));
-          case 45:
-            _context.next = 48;
+          case 46:
+            _context.next = 49;
             break;
-          case 47:
+          case 48:
             if (_type === 'custom') {
               schema['x-data-source'] = {
                 type: _type
               };
             }
-          case 48:
+          case 49:
+            _context.next = 52;
+            break;
+          case 51:
+            schema['x-data-source'] = undefined;
+          case 52:
+            // 将 xRecordSchema 合并到 schema 的 x-record-schema 中
+            needUseXRecordSchema = values.interfaceType === 'RecordListWrapper';
+            if (!(needUseXRecordSchema && values.xRecordSchema)) {
+              _context.next = 63;
+              break;
+            }
+            _context.prev = 54;
+            // 验证并解析JSON字符串
+            schema['x-record-schema'] = JSON.parse(values.xRecordSchema);
+            _context.next = 61;
+            break;
+          case 58:
+            _context.prev = 58;
+            _context.t2 = _context["catch"](54);
+            throw new Error("Record List Wrapper Schema\u683C\u5F0F\u9519\u8BEF: ".concat(_context.t2 instanceof Error ? _context.t2.message : '未知错误'));
+          case 61:
+            _context.next = 64;
+            break;
+          case 63:
+            schema['x-record-schema'] = undefined;
+          case 64:
             // 更新 uiSchema
             values.schema = Object.keys(schema).length > 0 ? schema : undefined;
 
-            // 从提交数据中移除 xDataSource 和 xCustomUiSchema
+            // 从提交数据中移除 xDataSource
             delete values.xDataSource;
+            // 从提交数据中移除 xRecordSchema
+            delete values.xRecordSchema;
+            // 从提交数据中移除 xCustomUiSchema
             delete values.xCustomUiSchema;
-            _context.next = 53;
+            _context.next = 70;
             return onOk(values);
-          case 53:
-            _context.next = 58;
+          case 70:
+            _context.next = 75;
             break;
-          case 55:
-            _context.prev = 55;
-            _context.t2 = _context["catch"](0);
-            console.error('Validation failed:', _context.t2);
+          case 72:
+            _context.prev = 72;
+            _context.t3 = _context["catch"](0);
+            console.error('Validation failed:', _context.t3);
             // 保存失败时不清空表单，不关闭抽屉
-          case 58:
+          case 75:
           case "end":
             return _context.stop();
         }
-      }, _callee, null, [[0, 55], [22, 26], [38, 42]]);
+      }, _callee, null, [[0, 72], [22, 26], [39, 43], [54, 58]]);
     }));
     return function handleOk() {
       return _ref2.apply(this, arguments);
@@ -503,6 +556,18 @@ var ItemModal = function ItemModal(_ref) {
     onCancel();
   };
   var title = locales.getText(type === 'add' ? 'registry.modal.add.item' : 'registry.modal.edit.item');
+  var jsonValidator = function jsonValidator(value, message) {
+    // 支持空值时跳过验证
+    if (!value || value.trim() === '') {
+      return Promise.resolve();
+    }
+    try {
+      JSON.parse(value);
+      return Promise.resolve();
+    } catch (error) {
+      return Promise.reject(new Error(message));
+    }
+  };
   return /*#__PURE__*/React.createElement(Drawer, {
     title: title,
     open: open,
@@ -600,10 +665,24 @@ var ItemModal = function ItemModal(_ref) {
       key: option.value,
       value: option.value
     }, option.label);
-  }))))), _interfaceType === 'Select' && /*#__PURE__*/React.createElement(OptionDataSource, {
+  }))))), ['Select', 'RecordListWrapper'].includes(_interfaceType || '') && /*#__PURE__*/React.createElement(OptionDataSource, {
     form: form,
     treeDataSource: treeDataSource
-  }), /*#__PURE__*/React.createElement(Form.Item, {
+  }), _interfaceType === 'RecordListWrapper' && /*#__PURE__*/React.createElement(Form.Item, {
+    name: "xRecordSchema",
+    label: locales.getText('registry.form.recordListWrapper.label'),
+    rules: [{
+      validator: function validator(_, value) {
+        return jsonValidator(value, locales.getText('registry.message.recordListWrapper.invalid'));
+      }
+    }]
+  }, /*#__PURE__*/React.createElement(TextArea, {
+    placeholder: locales.getText('registry.form.recordListWrapper.placeholder'),
+    rows: 6,
+    style: {
+      fontFamily: 'monospace'
+    }
+  })), /*#__PURE__*/React.createElement(Form.Item, {
     name: "scopes",
     label: locales.getText('registry.form.scopes'),
     rules: [{
@@ -658,16 +737,7 @@ var ItemModal = function ItemModal(_ref) {
     label: locales.getText('registry.form.uiSchema'),
     rules: [{
       validator: function validator(_, value) {
-        // 支持空值时跳过验证
-        if (!value || value.trim() === '') {
-          return Promise.resolve();
-        }
-        try {
-          JSON.parse(value);
-          return Promise.resolve();
-        } catch (error) {
-          return Promise.reject(new Error(locales.getText('registry.message.uiSchema.invalid')));
-        }
+        return jsonValidator(value, locales.getText('registry.message.uiSchema.invalid'));
       }
     }]
   }, /*#__PURE__*/React.createElement(TextArea, {

package/es/components/systemSettings/registry/locales.d.ts

@@ -113,6 +113,9 @@ declare const _default: {
         'registry.optionDataSource.options.required-desc': string;
         'registry.optionDataSource.options.empty': string;
         'registry.optionDataSource.options.add': string;
+        'registry.form.recordListWrapper.label': string;
+        'registry.form.recordListWrapper.placeholder': string;
+        'registry.message.recordListWrapper.invalid': string;
     };
     'zh-CN': {
         'registry.title': string;
@@ -228,6 +231,9 @@ declare const _default: {
         'registry.optionDataSource.options.required-desc': string;
         'registry.optionDataSource.options.empty': string;
         'registry.optionDataSource.options.add': string;
+        'registry.form.recordListWrapper.label': string;
+        'registry.form.recordListWrapper.placeholder': string;
+        'registry.message.recordListWrapper.invalid': string;
     };
     'zh-HK': {
         'registry.title': string;
@@ -336,6 +342,9 @@ declare const _default: {
         'registry.optionDataSource.options.required-desc': string;
         'registry.optionDataSource.options.empty': string;
         'registry.optionDataSource.options.add': string;
+        'registry.form.recordListWrapper.label': string;
+        'registry.form.recordListWrapper.placeholder': string;
+        'registry.message.recordListWrapper.invalid': string;
     };
     ja: {
         'registry.title': string;

package/es/components/systemSettings/registry/locales.js

@@ -124,7 +124,11 @@ export default {
     'registry.optionDataSource.options.drag-desc': 'Drag rows to reorder.',
     'registry.optionDataSource.options.required-desc': 'Each option must have a value and a label.',
     'registry.optionDataSource.options.empty': 'Please add at least one option for Pre-defined data source.',
-    'registry.optionDataSource.options.add': 'Add Option'
+    'registry.optionDataSource.options.add': 'Add Option',
+    // 记录列表包装器JSON配置
+    'registry.form.recordListWrapper.label': 'Record List Wrapper Schema',
+    'registry.form.recordListWrapper.placeholder': 'Please enter record list wrapper schema in JSON format',
+    'registry.message.recordListWrapper.invalid': 'Please enter valid JSON format'
   },
   'zh-CN': {
     // 页面标题
@@ -251,7 +255,11 @@ export default {
     'registry.optionDataSource.options.drag-desc': '拖拽行可调整顺序。',
     'registry.optionDataSource.options.required-desc': '每个选项必须有选项值和标签。',
     'registry.optionDataSource.options.empty': '预设类型至少需要添加一个选项。',
-    'registry.optionDataSource.options.add': '添加选项'
+    'registry.optionDataSource.options.add': '添加选项',
+    // 记录列表包装器JSON配置
+    'registry.form.recordListWrapper.label': '记录列表包装器JSON配置',
+    'registry.form.recordListWrapper.placeholder': '请输入记录列表包装器JSON配置',
+    'registry.message.recordListWrapper.invalid': '请输入有效的JSON格式'
   },
   'zh-HK': {
     // 页面标题
@@ -370,7 +378,11 @@ export default {
     'registry.optionDataSource.options.drag-desc': '拖拽行可調整順序。',
     'registry.optionDataSource.options.required-desc': '每個選項必須有選項值和標籤。',
     'registry.optionDataSource.options.empty': '預設類型至少需要添加一個選項。',
-    'registry.optionDataSource.options.add': '添加選項'
+    'registry.optionDataSource.options.add': '添加選項',
+    // 记录列表包装器JSON配置
+    'registry.form.recordListWrapper.label': '記錄列表包裝器JSON配置',
+    'registry.form.recordListWrapper.placeholder': '請輸入記錄列表包裝器JSON配置',
+    'registry.message.recordListWrapper.invalid': '請輸入有效的JSON格式'
   },
   ja: {
     'registry.title': '設定レジストリ',

package/es/components/systemSettings/registry/types.d.ts

@@ -112,6 +112,7 @@ export interface ItemFormData {
         extraParams?: string;
     };
     xCustomUiSchema?: string;
+    xRecordSchema?: string;
 }
 export interface GroupModalProps {
     open: boolean;

package/es/hooks/usePaymentLogger.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 interface LogData {
     key: string;
     value: any;

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/eftpos/hooks.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Eftpos } from './const';
 /**
  * @title: tyro 设备连接

package/lib/components/eftposPay/tyro/hooks.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 /**
  * @title: 获取 Tyro 资源
  * @description:

package/lib/components/eventBooking/components/bookingAvailabilityCalendar/components/CalendarDate/CalenDateStatus/index.d.ts

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

package/lib/components/eventBooking/components/bookingAvailabilityCalendar/components/CalendarDate/Item/DayItem/index.d.ts

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

package/lib/components/eventBooking/components/bookingAvailabilityCalendar/components/CalendarDate/Item/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 import { CalendarItemProps } from '../../../../../type';
 declare const Item: (props: CalendarItemProps) => import("react").JSX.Element;

package/lib/components/eventBooking/components/bookingAvailabilityCalendar/components/CalendarDate/Status/index.d.ts

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

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");
@@ -63,6 +64,7 @@ var MWCreditCardList = (props, ref) => {
     setOrder(_order);
     setOpen(true);
     setManage(false);
+    setOkLoading(false);
     setCurrentCard(0);
     _getCreditCardList();
   };
@@ -137,16 +139,21 @@ 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 [okLoading, setOkLoading] = (0, import_react.useState)(false);
+  const { run: onOk } = (0, import_ahooks.useDebounceFn)(
+    () => {
+      var _a;
+      if (manage) {
+        setManage(false);
+        handleBatchDeleteCards();
+        return;
+      }
+      setOkLoading(true);
+      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 +185,8 @@ var MWCreditCardList = (props, ref) => {
       okText: manage ? import_utils.locales.getText("tocPay.text.done") : okText,
       onOk,
       okButtonProps: {
-        disabled: !currentCard
+        disabled: !currentCard,
+        loading: okLoading
       },
       bodyStyle: { padding: 24 }
     },