@pisell/private-materials 3.0.13 → 3.0.14-2.gray

package/es/components/eftposPay/windcave/windcave.js

@@ -0,0 +1,299 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+/* eslint-disable react/jsx-no-useless-fragment */
+/* eslint-disable no-nested-ternary */
+/* eslint-disable @typescript-eslint/no-use-before-define */
+/* eslint-disable @typescript-eslint/naming-convention */
+/* eslint-disable consistent-return */
+/* eslint-disable react/no-array-index-key */
+/* eslint-disable array-callback-return */
+import { locales } from '@pisell/utils';
+import React, { useEffect, useMemo, useRef, useState } from 'react';
+import { useStoreRef } from "../hooks";
+import Step from "../component/step/step";
+import { StatusEnum, ModeEnum } from "../const";
+import { getUuid, getPayParams } from "../helper";
+import { useDispatch, useContextData, updateState, updateCustom } from "../store";
+import { StemTypeEnum, StepStatusEnum, getStepMapping } from "./const";
+import { useFail, useValidate } from "./helper";
+import Action, { ReceiptAction } from "./receiptAction";
+var Minute = 1000 * 60;
+
+// 注意断网与卸载未完成的回调将终止处理
+export default (function (_ref) {
+  var api = _ref.api,
+    onChange = _ref.onChange,
+    _ref$formatAmount = _ref.formatAmount,
+    formatAmount = _ref$formatAmount === void 0 ? function (number, precision, symbol) {
+      return "".concat(symbol).concat(number);
+    } : _ref$formatAmount;
+  var _useContextData = useContextData(),
+    custom = _useContextData.custom,
+    status = _useContextData.status;
+  var _useStoreRef = useStoreRef(),
+    deviceRef = _useStoreRef.deviceRef,
+    payRef = _useStoreRef.payRef,
+    numRef = _useStoreRef.numRef,
+    orderIdRef = _useStoreRef.orderIdRef,
+    modeRef = _useStoreRef.modeRef,
+    statusRef = _useStoreRef.statusRef,
+    netRef = _useStoreRef.netRef,
+    symbolRef = _useStoreRef.symbolRef,
+    amountRef = _useStoreRef.amountRef,
+    eftposRef = _useStoreRef.eftposRef;
+  var dispatch = useDispatch();
+  var fail = useFail();
+  var failRef = useRef(fail);
+  var unloadRef = useRef(false);
+  var stepRef = useRef(custom === null || custom === void 0 ? void 0 : custom.step);
+  var listRef = useRef(custom === null || custom === void 0 ? void 0 : custom.list);
+  var initRef = useRef(false);
+  var clearRef = useRef();
+
+  /** 是否是签名页面 */
+  var isReceiptPage = useMemo(function () {
+    return (custom === null || custom === void 0 ? void 0 : custom.step) === StepStatusEnum.Receipt;
+  }, [custom === null || custom === void 0 ? void 0 : custom.step]);
+  /** 签名页面状态 */
+  var receiptPage = useMemo(function () {
+    return (custom === null || custom === void 0 ? void 0 : custom.step) !== StepStatusEnum.Receipt ? '' : (custom === null || custom === void 0 ? void 0 : custom.receiptPage) || 'receipt';
+  }, [custom === null || custom === void 0 ? void 0 : custom.step, custom === null || custom === void 0 ? void 0 : custom.receiptPage]);
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    disabled = _useState2[0],
+    setDisabled = _useState2[1];
+  useEffect(function () {
+    listRef.current = custom === null || custom === void 0 ? void 0 : custom.list;
+  }, [custom === null || custom === void 0 ? void 0 : custom.list]);
+  useEffect(function () {
+    stepRef.current = custom === null || custom === void 0 ? void 0 : custom.step;
+  }, [custom === null || custom === void 0 ? void 0 : custom.step]);
+  useEffect(function () {
+    failRef.current = fail;
+  }, [fail]);
+
+  /**
+   * @title:  查询支付状态
+   * @description: 轮询 api.check 检查支付状态, 中间状态转换在 useValidate 中进行,结束在当前回调中完成
+   * @param {*} useValidate
+   * @return {*}
+   * @Author: hongbing.wang
+   * @Date: 2024-08-12 11:02
+   */
+  var _useValidate = useValidate(api.check, Minute, function (res) {
+      // 将所有步骤状态设为完成 resolve
+      dispatch(updateCustom({
+        list: listRef.current.map(function (item) {
+          return _objectSpread(_objectSpread({}, item), {}, {
+            status: 'resolve'
+          });
+        }),
+        card_reader_surcharge: (res === null || res === void 0 ? void 0 : res.card_reader_surcharge) || 0
+      }));
+
+      // 更新支付状态与文案
+      dispatch(updateState({
+        status: 'success',
+        title: locales.getText('page.eftpos-pay.text.successful')(modeRef.current)
+      }));
+      clearRef.current = setTimeout(function () {
+        var _deviceRef$current, _deviceRef$current$se;
+        var params = getPayParams({
+          mode: modeRef.current,
+          amount: amountRef.current,
+          order_id: orderIdRef.current,
+          number: numRef.current,
+          device: deviceRef.current,
+          pay: payRef.current,
+          custom: {
+            card_reader_surcharge: (res === null || res === void 0 ? void 0 : res.card_reader_surcharge) || 0
+          }
+        }, 'success');
+        var receipt = Array.isArray(res.receipt) ? res.receipt : [res.receipt];
+        onChange('success', _objectSpread(_objectSpread({}, params), {}, {
+          receipt: (_deviceRef$current = deviceRef.current) !== null && _deviceRef$current !== void 0 && (_deviceRef$current$se = _deviceRef$current.setting) !== null && _deviceRef$current$se !== void 0 && _deviceRef$current$se.receipts ? [] : receipt
+        }));
+      }, 1000);
+    }),
+    _useValidate2 = _slicedToArray(_useValidate, 2),
+    run = _useValidate2[0],
+    validateRef = _useValidate2[1];
+  var controllerRef = useRef();
+  useEffect(function () {
+    var _deviceRef$current2, _deviceRef$current3;
+    if (statusRef.current === StatusEnum.Success || statusRef.current === StatusEnum.Fail) {
+      return;
+    }
+    if (initRef.current) {
+      return;
+    }
+    initRef.current = true;
+    // 是否在签名步骤
+    if (stepRef.current === StepStatusEnum.Receipt) {
+      if (StatusEnum.Loading === statusRef.current) {
+        // 签名页面处于运行中(已发送签名,或取消签名接口),则进行计时查询
+        run();
+      } else {
+        // 签名页面处于未加载中,则进行无限查询
+        run(-1);
+      }
+      return;
+    }
+    controllerRef.current = new AbortController();
+
+    // 存在支付流水号
+    if (numRef.current) {
+      // 计时查询
+      run();
+      return;
+    }
+
+    // 不存在支付流水号 则去创建支付
+    console.log('modeRef.current = ', modeRef.current);
+    numRef.current = getUuid();
+    dispatch(updateState({
+      number: numRef.current
+    }));
+    var resultPromise = modeRef.current === ModeEnum.Pay ? api.pay({
+      order_id: orderIdRef.current,
+      amount: payRef.current.total,
+      card_reader_type: eftposRef.current,
+      card_reader_id: (_deviceRef$current2 = deviceRef.current) === null || _deviceRef$current2 === void 0 ? void 0 : _deviceRef$current2.id,
+      number: numRef.current
+    }, {
+      signal: controllerRef.current.signal
+    }) : api.refund({
+      order_id: orderIdRef.current,
+      amount: amountRef.current,
+      card_reader_type: eftposRef.current,
+      card_reader_id: (_deviceRef$current3 = deviceRef.current) === null || _deviceRef$current3 === void 0 ? void 0 : _deviceRef$current3.id,
+      number: numRef.current
+    }, {
+      signal: controllerRef.current.signal
+    });
+    resultPromise.then(function (res) {
+      var _failRef$current;
+      // 无网 或 已卸载 则不进行处理
+      if (unloadRef.current || !netRef.current) {
+        return;
+      }
+      if (res && "".concat(res.code) === '200' && res.data && res.data.txn_status_id) {
+        var _validateRef$current;
+        (_validateRef$current = validateRef.current) === null || _validateRef$current === void 0 ? void 0 : _validateRef$current.call(validateRef, res, true);
+        return;
+      }
+      (_failRef$current = failRef.current) === null || _failRef$current === void 0 ? void 0 : _failRef$current.call(failRef, res, stepRef.current >= StepStatusEnum.Account);
+    }).catch(function (res) {
+      var _failRef$current2;
+      // 无网 或 已卸载 则不进行处理
+      if (unloadRef.current || !netRef.current) {
+        return;
+      }
+      (_failRef$current2 = failRef.current) === null || _failRef$current2 === void 0 ? void 0 : _failRef$current2.call(failRef, res, stepRef.current >= StepStatusEnum.Account);
+    });
+    return;
+  }, [api, run, dispatch]);
+
+  /**
+   * @title: 取消支付
+   * @Author: hongbing.wang
+   * @Date: 2024-08-20 12:51
+   */
+  var onCancel = function onCancel() {
+    setDisabled(true);
+    api.update({
+      type: 'CANCEL',
+      number: numRef.current
+    });
+  };
+  useEffect(function () {
+    return function () {
+      var _controllerRef$curren, _controllerRef$curren2;
+      unloadRef.current = true;
+      (_controllerRef$curren = controllerRef.current) === null || _controllerRef$curren === void 0 ? void 0 : (_controllerRef$curren2 = _controllerRef$curren.abort) === null || _controllerRef$curren2 === void 0 ? void 0 : _controllerRef$curren2.call(_controllerRef$curren);
+      if (clearRef.current) {
+        clearTimeout(clearRef.current);
+      }
+    };
+  }, []);
+
+  /**
+   * @title:  签名状态
+   * @param {boolean} status 签名状态
+   * @Author: hongbing.wang
+   * @Date: 2024-08-20 12:54
+   */
+  var onChangeReceipt = function onChangeReceipt(status) {
+    if (status) {
+      // 签名,取消签名接口执行成功, 进行计时查询
+      run();
+    }
+  };
+  useEffect(function () {
+    if (listRef.current.length === 0) {
+      // 总金额(+ 单位)
+      var totalUnit = '';
+      if (modeRef.current === ModeEnum.Pay) {
+        var _payRef$current;
+        // 支付状态,前往pay中获取
+        totalUnit = (_payRef$current = payRef.current) === null || _payRef$current === void 0 ? void 0 : _payRef$current.totalUnit;
+      } else if (modeRef.current === ModeEnum.Refund) {
+        // 退款状态,直接使用总额(退款状态不存在金额编辑)
+        if (payRef.current) {
+          totalUnit = payRef.current.totalUnit;
+        } else {
+          totalUnit = formatAmount(amountRef.current, 2, symbolRef.current);
+          dispatch(updateState({
+            pay: {
+              total: amountRef.current,
+              totalUnit: totalUnit
+            }
+          }));
+        }
+      }
+      var nextStep = getStepMapping(StepStatusEnum.Free, {
+        money: totalUnit,
+        mode: modeRef.current
+      });
+      dispatch(updateCustom({
+        list: [nextStep],
+        step: StepStatusEnum.Free
+      }));
+    }
+  }, [dispatch]);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode__eft-pay-body"
+  }, receiptPage !== 'again' ? (custom === null || custom === void 0 ? void 0 : custom.list).map(function (item) {
+    return /*#__PURE__*/React.createElement(Step, {
+      key: item.index,
+      pedding: item.pedding,
+      resolve: item.resolve,
+      reject: item.reject,
+      status: item.status,
+      className: item.type === StemTypeEnum.Passive && item.status === 'pedding' ? 'pisell-lowcode__eft-pay-step-item-warn' : ''
+    });
+  }) : null, receiptPage === 'again' ? /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode__eft-pay-warn-text pisell-lowcode__eft-pay-body"
+  }, locales.getText('page.eftpos-pay.text.signature.text')(modeRef.current)) : null, status === StatusEnum.Loading ? /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode__eft-pay-step-item pisell-lowcode__eft-pay-step-item-tip"
+  }, locales.getText('page.eftpos-pay.text.processing')) : null, status === StatusEnum.Success ? /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode__eft-pay-step-item pisell-lowcode__eft-pay-step-item-tip"
+  }, locales.getText('page.eftpos-pay.text.transaction.end')) : null), !isReceiptPage && status !== StatusEnum.Success ? /*#__PURE__*/React.createElement(Action, {
+    index: custom === null || custom === void 0 ? void 0 : custom.step,
+    onCancel: onCancel,
+    disabled: disabled
+  }) : null, isReceiptPage ? /*#__PURE__*/React.createElement(ReceiptAction, {
+    api: api,
+    onChange: onChangeReceipt
+  }) : null);
+});

package/es/components/index.d.ts

@@ -5,4 +5,8 @@ import BookingNotes from './booking/notes';
 import BookingAddons from './booking/addons';
 import BookingForms from './booking/forms';
 import Schedules from './schedules';
-export { Login, BookingInfo, Booking, BookingNotes, BookingAddons, BookingForms, Schedules };
+import ProductExtension from './productExtension';
+import RuleSetting from './ruleSetting';
+import TaxSelect from './taxSelect';
+import ToCPay from './pay/toC';
+export { Login, BookingInfo, Booking, BookingNotes, BookingAddons, BookingForms, Schedules, ProductExtension, RuleSetting, TaxSelect, ToCPay };

package/es/components/index.js

@@ -5,4 +5,8 @@ import BookingNotes from "./booking/notes";
 import BookingAddons from "./booking/addons";
 import BookingForms from "./booking/forms";
 import Schedules from "./schedules";
-export { Login, BookingInfo, Booking, BookingNotes, BookingAddons, BookingForms, Schedules };
+import ProductExtension from "./productExtension";
+import RuleSetting from "./ruleSetting";
+import TaxSelect from "./taxSelect";
+import ToCPay from "./pay/toC";
+export { Login, BookingInfo, Booking, BookingNotes, BookingAddons, BookingForms, Schedules, ProductExtension, RuleSetting, TaxSelect, ToCPay };

package/es/components/listComponent/index.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+interface ListComponentProps {
+    value?: any[];
+    onChange?: (value: any) => void;
+    renderItem?: (item: any, index: number, handleDeleteItem: (item: any) => void, handleOnChangeItem: (item: any, newValue: any) => void) => React.ReactNode;
+    renderAddButton?: (handleAddItem: () => void) => React.ReactNode;
+    maxLength?: number;
+    createItem?: (item: any) => any;
+    rowKey?: string;
+    className?: string;
+    style?: React.CSSProperties;
+    wrapClassName?: string;
+}
+declare const _default: React.ForwardRefExoticComponent<ListComponentProps & React.RefAttributes<unknown>>;
+export default _default;

package/es/components/listComponent/index.js

@@ -0,0 +1,75 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+import React, { useImperativeHandle, forwardRef } from "react";
+import classNames from "classnames";
+import { getUniqueId } from "@pisell/utils";
+var ListComponent = function ListComponent(_ref, ref) {
+  var _ref$value = _ref.value,
+    value = _ref$value === void 0 ? [] : _ref$value,
+    _ref$onChange = _ref.onChange,
+    onChange = _ref$onChange === void 0 ? function () {} : _ref$onChange,
+    _ref$renderItem = _ref.renderItem,
+    renderItem = _ref$renderItem === void 0 ? function () {
+      return null;
+    } : _ref$renderItem,
+    _ref$renderAddButton = _ref.renderAddButton,
+    renderAddButton = _ref$renderAddButton === void 0 ? function () {
+      return null;
+    } : _ref$renderAddButton,
+    _ref$createItem = _ref.createItem,
+    createItem = _ref$createItem === void 0 ? function (item) {
+      return item;
+    } : _ref$createItem,
+    _ref$maxLength = _ref.maxLength,
+    maxLength = _ref$maxLength === void 0 ? 999 : _ref$maxLength,
+    _ref$rowKey = _ref.rowKey,
+    rowKey = _ref$rowKey === void 0 ? "_id" : _ref$rowKey,
+    className = _ref.className,
+    style = _ref.style,
+    wrapClassName = _ref.wrapClassName;
+  var handleAddItem = function handleAddItem(item) {
+    if (value.length < maxLength) {
+      // 添加新项的逻辑
+      onChange([].concat(_toConsumableArray(value), [createItem(_objectSpread(_defineProperty({}, rowKey, getUniqueId()), item))]));
+    }
+  };
+  var handleOnChangeItem = function handleOnChangeItem(item, newValue) {
+    onChange(value.map(function (d) {
+      if (d[rowKey] === item[rowKey]) {
+        return _objectSpread(_objectSpread({}, d), newValue);
+      }
+      return d;
+    }));
+  };
+  var handleDeleteItem = function handleDeleteItem(current) {
+    // 删除选定项的逻辑
+    onChange(value.filter(function (item) {
+      return item[rowKey] !== current[rowKey];
+    }));
+  };
+  useImperativeHandle(ref, function () {
+    return {
+      add: handleAddItem,
+      delete: handleDeleteItem
+    };
+  });
+  return /*#__PURE__*/React.createElement("div", {
+    className: classNames("list-component-wrap", wrapClassName)
+  }, /*#__PURE__*/React.createElement("ul", {
+    className: classNames("list-component-ul", className),
+    style: style
+  }, value.map(function (item, index) {
+    return renderItem(item, index, handleDeleteItem, handleOnChangeItem);
+  })), value.length < maxLength && renderAddButton(handleAddItem));
+};
+export default /*#__PURE__*/forwardRef(ListComponent);

package/es/components/pay/toC/PayAmount/index.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import './index.less';
+interface PayAmountProps {
+    amount: number;
+}
+/**
+ * @title: 支付金额
+ * @description:
+ * @param {*} param1
+ * @return {*}
+ * @Author: zhiwei.Wang
+ * @Date: 2024-08-16 10:50
+ */
+declare const PayAmount: React.FC<PayAmountProps>;
+export default PayAmount;

package/es/components/pay/toC/PayAmount/index.js

@@ -0,0 +1,25 @@
+import React from 'react';
+import { PisellText } from '@pisell/materials';
+import { locales } from '@pisell/utils';
+import "./index.less";
+/**
+ * @title: 支付金额
+ * @description:
+ * @param {*} param1
+ * @return {*}
+ * @Author: zhiwei.Wang
+ * @Date: 2024-08-16 10:50
+ */
+var PayAmount = function PayAmount(_ref) {
+  var _ref$amount = _ref.amount,
+    amount = _ref$amount === void 0 ? 0 : _ref$amount;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "pay-amount"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "amount-title"
+  }, locales.getText('tocPay.text.total')), /*#__PURE__*/React.createElement(PisellText.Amount, {
+    value: amount,
+    className: "amount-value"
+  }));
+};
+export default PayAmount;

package/es/components/pay/toC/PayAmount/index.less

@@ -0,0 +1,21 @@
+.pay-amount {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+
+  .amount-title {
+    color: #000;
+    font-size: 24px;
+    font-style: normal;
+    font-weight: 600;
+    line-height: 32px;
+  }
+
+  .amount-value {
+    font-size: 24px;
+    font-style: normal;
+    font-weight: 600;
+    line-height: 32px;
+    color: var(--theme-color);
+  }
+}

package/es/components/pay/toC/PayCountdown/index.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import './index.less';
+interface PayCountdownProps {
+    time: number;
+}
+/**
+ * @title: 支付倒计时
+ * @description:
+ * @param {*} param1
+ * @return {*}
+ * @Author: zhiwei.Wang
+ * @Date: 2024-08-16 10:51
+ */
+declare const PayCountdown: React.FC<PayCountdownProps>;
+export default PayCountdown;

package/es/components/pay/toC/PayCountdown/index.js

@@ -0,0 +1,26 @@
+import React from 'react';
+import { PisellCountdown } from '@pisell/materials';
+import { locales } from '@pisell/utils';
+import "./index.less";
+/**
+ * @title: 支付倒计时
+ * @description:
+ * @param {*} param1
+ * @return {*}
+ * @Author: zhiwei.Wang
+ * @Date: 2024-08-16 10:51
+ */
+var PayCountdown = function PayCountdown(_ref) {
+  var _ref$time = _ref.time,
+    time = _ref$time === void 0 ? 0 : _ref$time;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "pay-countdown"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "countdown-title"
+  }, locales.getText('tocPay.text.completePaymentIn'), ' '), /*#__PURE__*/React.createElement(PisellCountdown, {
+    className: "countdown-time",
+    leftTime: time * 1000,
+    format: "mm:ss"
+  }));
+};
+export default PayCountdown;

package/es/components/pay/toC/PayCountdown/index.less

@@ -0,0 +1,22 @@
+.pay-countdown {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  // margin-top: 24px;
+
+  .countdown-title {
+    color: var(--Text-Text_1, #1B1B1B);
+    font-size: 16px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 22px;
+  }
+
+  .countdown-time {
+    color: var(--theme-color);
+    font-size: 16px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 22px;
+  }
+}

package/es/components/pay/toC/PaymentList/index.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import './index.less';
+export declare type OnChangeTypeKey = 'paymentType' | 'paymentListInit';
+export interface PaymentListProps {
+    store?: {
+        paymentList?: any[];
+        paymentType?: string;
+    };
+    handlePayment: (res: any) => void;
+    paymentTypeChange: (res: any) => void;
+    hide?: boolean;
+    renderTitle?: () => React.ReactNode;
+}
+export interface PaymentListRef {
+    init: (props: any) => {};
+    calculateSurcharge: (amount: number) => any;
+}
+declare const _default: React.ForwardRefExoticComponent<PaymentListProps & React.RefAttributes<unknown>>;
+export default _default;