@pisell/private-materials 3.0.96 → 3.0.97

package/es/components/eftposPay/component/fail/unknow.js

@@ -0,0 +1,43 @@
+/* eslint-disable no-nested-ternary */
+import { locales } from '@pisell/utils';
+import { Button } from 'antd';
+import React, { useEffect } from 'react';
+import { useDispatch, useContextData, updateState, updateComponent } from "../../store";
+import Header from "../header";
+export default (function (_ref) {
+  var _ref$className = _ref.className,
+    className = _ref$className === void 0 ? '' : _ref$className;
+  var _useContextData = useContextData(),
+    lastComponent = _useContextData.lastComponent,
+    mode = _useContextData.mode;
+  var dispatch = useDispatch();
+  var onManually = function onManually() {
+    dispatch(updateState({
+      manual: {
+        title: locales.getText('page.eftpos-pay.text.request.unknown.title')(mode),
+        text: locales.getText('page.eftpos-pay.text.request.unknown.text')(mode)
+      }
+    }));
+    dispatch(updateComponent('Manual'));
+  };
+  useEffect(function () {
+    if (lastComponent === 'Network') {
+      dispatch(updateComponent(''));
+    }
+  }, [lastComponent]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode__eft-pay-box ".concat(className)
+  }, /*#__PURE__*/React.createElement(Header, {
+    status: "warn"
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode__eft-pay-fail-title"
+  }, locales.getText('page.eftpos-pay.text.unknown.title')(mode)), /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode__eft-pay-warn-text pisell-lowcode__eft-pay-body"
+  }, locales.getText('page.eftpos-pay.text.unknown.text')(mode)), /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode__eft-pay-step-item-btns"
+  }, /*#__PURE__*/React.createElement(Button, {
+    block: true,
+    className: "pisell-lowcode__eft-pay-step-item-btn",
+    onClick: onManually
+  }, locales.getText('page.eftpos-pay.text.manual.marking'))));
+});

package/es/components/eftposPay/component/header/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { StatusType } from '../../const';
+import './index.less';
+declare const _default: ({ status, title, children }: {
+    status: StatusType;
+    title?: string | undefined;
+    children?: React.ReactNode;
+}) => React.JSX.Element;
+export default _default;

package/es/components/eftposPay/component/header/index.js

@@ -0,0 +1,66 @@
+import React from 'react';
+import usePrefix from "../../../../hooks/usePrefix";
+import { StatusEnum } from "../../const";
+import "./index.less";
+var Icon = function Icon(_ref) {
+  var status = _ref.status;
+  var prefix = usePrefix();
+  if (status === StatusEnum.Loading) {
+    return /*#__PURE__*/React.createElement("div", {
+      style: {
+        backgroundImage: "url(".concat(prefix, "/loading.png)")
+      },
+      className: "pisell-lowcode__eft-pay-img pisell-lowcode__eft-pay-load"
+    });
+  }
+  if (status === StatusEnum.Success) {
+    return /*#__PURE__*/React.createElement("div", {
+      style: {
+        backgroundImage: "url(".concat(prefix, "/success.png)")
+      },
+      className: "pisell-lowcode__eft-pay-img " // pisell-lowcode__eft-pay-success
+    });
+  }
+
+  if (status === StatusEnum.Fail) {
+    return /*#__PURE__*/React.createElement("div", {
+      style: {
+        backgroundImage: "url(".concat(prefix, "/error.png)")
+      },
+      className: "pisell-lowcode__eft-pay-img " // pisell-lowcode__eft-pay-fail
+    });
+  }
+
+  if (status === StatusEnum.Warn) {
+    return /*#__PURE__*/React.createElement("div", {
+      style: {
+        backgroundImage: "url(".concat(prefix, "/warn.png)")
+      },
+      className: "pisell-lowcode__eft-pay-img " // pisell-lowcode__eft-pay-warn
+    });
+  }
+
+  if (status === StatusEnum.Question) {
+    return /*#__PURE__*/React.createElement("div", {
+      style: {
+        backgroundImage: "url(".concat(prefix, "/question.png)")
+      },
+      className: "pisell-lowcode__eft-pay-img " // pisell-lowcode__eft-pay-warn
+    });
+  }
+
+  return null;
+};
+export default (function (_ref2) {
+  var status = _ref2.status,
+    _ref2$title = _ref2.title,
+    title = _ref2$title === void 0 ? '' : _ref2$title,
+    children = _ref2.children;
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode__eft-pay-icon"
+  }, /*#__PURE__*/React.createElement(Icon, {
+    status: status
+  }), children), title ? /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode__eft-pay-title"
+  }, title) : null);
+});

package/es/components/eftposPay/component/header/index.less

@@ -0,0 +1,44 @@
+.pisell-lowcode__eft-pay-icon {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 120px;
+  margin: 0 0 24px 0;
+  flex-shrink: 0;
+  position: relative;
+}
+.pisell-lowcode__eft-pay-title {
+  color: var(--gray-900, #101828);
+  
+  font-size: 18px;
+  font-style: normal;
+  font-weight: 600;
+  line-height: 28px; /* 155.556% */
+}
+.pisell-lowcode__eft-pay-img {
+  width: 120px;
+  height: 120px;
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: contain;
+}
+.pisell-lowcode__eft-pay-load {
+  animation: spin 1s linear infinite;
+}
+// .pisell-lowcode__eft-pay-success{
+  
+// }
+// .pisell-lowcode__eft-pay-warn{
+  
+// }
+// .pisell-lowcode__eft-pay-fail{
+  
+// }
+@keyframes spin {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+}

package/es/components/eftposPay/component/header/titlebar.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import './titlebar.less';
+declare enum EPopupTitleBarVariantType {
+    BackTitleClose = "back-title-cancel",
+    LeftTitleClose = "left-title-close"
+}
+declare const _default: ({ type, children, onBack, onClose, }: {
+    type?: "back-title-cancel" | "left-title-close" | undefined;
+    children: string;
+    onBack?: (() => void) | undefined;
+    onClose?: (() => void) | undefined;
+}) => React.JSX.Element;
+export default _default;

package/es/components/eftposPay/component/header/titlebar.js

@@ -0,0 +1,39 @@
+/* eslint-disable import/order */
+/* eslint-disable no-nested-ternary */
+import React from 'react';
+import "./titlebar.less";
+import XClose from '@pisell/icon/es/XClose';
+import LeftOutlined from '@ant-design/icons/LeftOutlined';
+var EPopupTitleBarVariantType;
+(function (EPopupTitleBarVariantType) {
+  EPopupTitleBarVariantType["BackTitleClose"] = "back-title-cancel";
+  EPopupTitleBarVariantType["LeftTitleClose"] = "left-title-close";
+})(EPopupTitleBarVariantType || (EPopupTitleBarVariantType = {}));
+export default (function (_ref) {
+  var _ref$type = _ref.type,
+    type = _ref$type === void 0 ? EPopupTitleBarVariantType.LeftTitleClose : _ref$type,
+    children = _ref.children,
+    onBack = _ref.onBack,
+    onClose = _ref.onClose;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode__eft-pay-header",
+    style: type === EPopupTitleBarVariantType.LeftTitleClose ? {
+      justifyContent: 'space-between'
+    } : type === EPopupTitleBarVariantType.BackTitleClose ? {
+      justifyContent: 'space-between'
+    } : {}
+  }, type === EPopupTitleBarVariantType.BackTitleClose ? /*#__PURE__*/React.createElement(LeftOutlined, {
+    style: {
+      fontSize: '24px'
+    },
+    onClick: onBack
+  }) : null, /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode__eft-pay-header-title"
+  }, children), /*#__PURE__*/React.createElement(XClose, {
+    size: 20,
+    style: {
+      fontSize: '24px'
+    },
+    onClick: onClose
+  }));
+});

package/es/components/eftposPay/component/header/titlebar.less

@@ -0,0 +1,17 @@
+.pisell-lowcode__eft-pay-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 24px 0 20px;
+  flex-shrink: 0;
+}
+.pisell-lowcode__eft-pay-header-title {
+  color: var(--gray-900, #101828);
+
+  /* Text lg/Semibold */
+  
+  font-size: 18px;
+  font-style: normal;
+  font-weight: 600;
+  line-height: 28px; /* 155.556% */
+}

package/es/components/eftposPay/component/manual/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { ActionProps } from '../../const';
+import './index.less';
+declare const _default: ({ onChange, className }: ActionProps) => React.JSX.Element;
+export default _default;

package/es/components/eftposPay/component/manual/index.js

@@ -0,0 +1,91 @@
+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; }
+import { locales } from '@pisell/utils';
+import { Button } from 'antd';
+import React, { useState } from 'react';
+import usePrefix from "../../../../hooks/usePrefix";
+import { ModeEnum } from "../../const";
+import { useContextData } from "../../store";
+import "./index.less";
+export default (function (_ref) {
+  var onChange = _ref.onChange,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? '' : _ref$className;
+  var _useContextData = useContextData(),
+    manual = _useContextData.manual,
+    custom = _useContextData.custom,
+    mode = _useContextData.mode,
+    device = _useContextData.device;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    disabled = _useState2[0],
+    setDisabled = _useState2[1];
+  var prefix = usePrefix();
+  var onSuccess = function onSuccess() {
+    setDisabled(true);
+    if (mode === ModeEnum.Pay) {
+      var obj = (custom === null || custom === void 0 ? void 0 : custom.pay) || {};
+      onChange('success', _objectSpread(_objectSpread({}, obj), {}, {
+        number: custom === null || custom === void 0 ? void 0 : custom.number,
+        device: device
+      }));
+      return;
+    }
+    if (mode === ModeEnum.Refund) {
+      var _obj = (custom === null || custom === void 0 ? void 0 : custom.refund) || {};
+      onChange('success', _objectSpread(_objectSpread({}, _obj), {}, {
+        number: custom === null || custom === void 0 ? void 0 : custom.number,
+        device: device
+      }));
+      return;
+    }
+    onChange('success', {
+      number: custom === null || custom === void 0 ? void 0 : custom.number
+    });
+  };
+  var onFail = function onFail() {
+    setDisabled(true);
+    onChange('fail');
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode__eft-pay-manual ".concat(className)
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode__eft-pay-manual-title"
+  }, manual === null || manual === void 0 ? void 0 : manual.title), /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode__eft-pay-manual-txt"
+  }, manual === null || manual === void 0 ? void 0 : manual.text), /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode__eft-pay-manual-card-box"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode__eft-pay-manual-card"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode__eft-pay-manual-img",
+    style: {
+      backgroundImage: "url(".concat(prefix, "/pay_success.png)")
+    }
+  }), /*#__PURE__*/React.createElement(Button, {
+    onClick: onSuccess,
+    className: "pisell-lowcode__eft-pay-manual-btn",
+    disabled: disabled
+  }, locales.getText('page.eftpos-pay.text.successful')(mode))), /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode__eft-pay-manual-card"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode__eft-pay-manual-img",
+    style: {
+      backgroundImage: "url(".concat(prefix, "/pay_error.png)")
+    }
+  }), /*#__PURE__*/React.createElement(Button, {
+    onClick: onFail,
+    className: "pisell-lowcode__eft-pay-manual-btn",
+    disabled: disabled
+  }, locales.getText('page.eftpos-pay.text.failed')(mode)))));
+});

package/es/components/eftposPay/component/manual/index.less

@@ -0,0 +1,96 @@
+.pisell-lowcode__eft-pay-manual{
+  padding: var(--pisel-lc-pos-manual-padding, 24px);
+  width: var(--pisel-lc-pos-manual-width, fit-content);
+}
+
+.pisell-lowcode__eft-pay-manual-title {
+  color: var(--text-text_1, #1b1b1b);
+
+  /* H6/Semi Bold */
+  
+  font-size: 16px;
+  font-style: normal;
+  font-weight: 600;
+  line-height: 22px; /* 137.5% */
+}
+.pisell-lowcode__eft-pay-manual-txt {
+  color: var(--text-text_1, #1b1b1b);
+  /* Paragraph/Regular */
+  
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 20px; /* 142.857% */
+}
+
+.pisell-lowcode__eft-pay-manual-card-box {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: 10px;
+  margin-top: 20px;
+  flex-wrap: nowrap;
+}
+.pisell-lowcode__eft-pay-manual-card {
+  display: flex;
+  padding: 20px 10px;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  gap: 30px;
+  align-self: stretch;
+  border-radius: 20px;
+  border: 1px solid var(--surface-surface_3, #c6c6c6);
+  position: relative;
+  z-index: 1;
+}
+.pisell-lowcode__eft-pay-manual-img {
+  width: 160px;
+  height: 160px;
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: cover;
+}
+.pisell-lowcode__eft-pay-manual-card-box{
+  flex: 1;
+  overflow: auto;
+}
+
+@media only screen and (max-width: 400px) {
+  .pisell-lowcode__eft-pay-manual-card-box {
+    gap:10px;
+  }
+  .pisell-lowcode__eft-pay-manual-card {
+    flex: 1;
+    padding: 8px;
+  }
+  .pisell-lowcode__eft-pay-manual-img {
+    width: 110px;
+    height: 150px;
+  }
+  .pisell-lowcode__eft-pay-manual-card .pisell-lowcode__eft-pay-manual-btn{
+    font-size: 12px !important;
+  }
+}
+
+
+@media only screen and (min-width: 401px) and (max-width: 820px) {
+  .pisell-lowcode__eft-pay-manual-card-box {
+    flex-direction: column;
+  }
+  .pisell-lowcode__eft-pay-manual-card {
+    width: 100%;
+  }
+ 
+}
+
+@media only screen and (min-width: 821px) {
+  .pisell-lowcode__eft-pay-manual-card-box {
+    margin: 24px auto 0;
+    gap: 20px;
+    width: 100%;
+  }
+  .pisell-lowcode__eft-pay-manual-card {
+    flex: 1;
+  }
+}

package/es/components/eftposPay/component/signature/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ActionProps } from '../../const';
+declare const _default: ({ api, className }: ActionProps) => React.JSX.Element;
+export default _default;

package/es/components/eftposPay/component/signature/index.js

@@ -0,0 +1,63 @@
+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; }
+import { locales } from '@pisell/utils';
+import { Button } from 'antd';
+import React, { useState } from 'react';
+import { useContextData, useDispatch, updateNextStep, updateComponent } from "../../store";
+import Header from "../header";
+export default (function (_ref) {
+  var api = _ref.api,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? '' : _ref$className;
+  var dispatch = useDispatch();
+  var _useContextData = useContextData(),
+    custom = _useContextData.custom,
+    mode = _useContextData.mode;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    disabled = _useState2[0],
+    setDisabled = _useState2[1];
+  var onBack = function onBack() {
+    dispatch(updateComponent(''));
+  };
+  var onConfirm = function onConfirm() {
+    setDisabled(true);
+    api.update({
+      type: 'NO',
+      number: custom === null || custom === void 0 ? void 0 : custom.number
+    }).then(function () {
+      setDisabled(false);
+      dispatch(updateComponent(''));
+      // 取消接口
+      dispatch(updateNextStep());
+    }).catch(function (res) {
+      setDisabled(false);
+      console.log(res);
+    });
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode__eft-pay-box ".concat(className)
+  }, /*#__PURE__*/React.createElement(Header, {
+    status: "warn"
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode__eft-pay-fail-title"
+  }, locales.getText('page.eftpos-pay.text.signature.title')), /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode__eft-pay-warn-text pisell-lowcode__eft-pay-body"
+  }, locales.getText('page.eftpos-pay.text.signature.text')(mode)), /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode__eft-pay-step-item-btns"
+  }, /*#__PURE__*/React.createElement(Button, {
+    block: true,
+    className: "pisell-lowcode__eft-pay-step-item-btn",
+    onClick: onBack
+  }, locales.getText('page.eftpos-pay.text.back')), /*#__PURE__*/React.createElement(Button, {
+    block: true,
+    className: "pisell-lowcode__eft-pay-step-item-btn",
+    type: "primary",
+    onClick: onConfirm,
+    disabled: disabled
+  }, locales.getText('page.eftpos-pay.text.confirm.decline'))));
+});

package/es/components/eftposPay/component/step/index.d.ts

@@ -0,0 +1,12 @@
+import React, { ReactNode } from 'react';
+import { StatusType } from '../../const';
+declare const _default: (props: {
+    status: StatusType;
+    warn?: ReactNode;
+    text?: ReactNode;
+    tip?: ReactNode;
+    loading?: ReactNode;
+    success?: ReactNode;
+    fail?: ReactNode;
+}) => React.JSX.Element;
+export default _default;

package/es/components/eftposPay/component/step/index.js

@@ -0,0 +1,31 @@
+/* eslint-disable react/no-unused-prop-types */
+import { CheckCircleFilled } from '@ant-design/icons';
+import React from 'react';
+import { StatusEnum } from "../../const";
+export default (function (props) {
+  var status = props.status,
+    warn = props.warn,
+    text = props.text,
+    tip = props.tip;
+  var txt = '';
+  if ((status === StatusEnum.Loading || status === StatusEnum.Success || status === StatusEnum.Fail) && props[status]) {
+    txt = props[status];
+  } else {
+    txt = text;
+  }
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode__eft-pay-step-item pisell-lowcode__eft-pay-step-item-".concat(status)
+  }, txt, status === StatusEnum.Success ? /*#__PURE__*/React.createElement(CheckCircleFilled, {
+    color: "#1B945C",
+    style: {
+      color: '#1B945C',
+      fontSize: '24px',
+      verticalAlign: 'middle',
+      margin: '0 0 0 4px'
+    }
+  }) : null), status === StatusEnum.Loading && tip ? /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode__eft-pay-step-item pisell-lowcode__eft-pay-step-item-tip"
+  }, tip) : null, status === StatusEnum.Warn && warn ? /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode__eft-pay-step-item pisell-lowcode__eft-pay-step-item-".concat(status)
+  }, warn) : null);
+});

package/es/components/eftposPay/component/step/step.d.ts

@@ -0,0 +1,9 @@
+import React, { ReactNode } from 'react';
+declare const _default: (props: {
+    status: string;
+    pedding?: ReactNode;
+    resolve?: ReactNode;
+    reject?: ReactNode;
+    className?: string | undefined;
+}) => React.JSX.Element;
+export default _default;

package/es/components/eftposPay/component/step/step.js

@@ -0,0 +1,23 @@
+/* eslint-disable no-nested-ternary */
+/* eslint-disable react/no-unused-prop-types */
+import { CheckCircleFilled } from '@ant-design/icons';
+import React from 'react';
+export default (function (props) {
+  var className = props.className,
+    status = props.status,
+    pedding = props.pedding,
+    resolve = props.resolve,
+    reject = props.reject;
+  var txt = status === 'pedding' ? pedding : status === 'resolve' ? resolve : reject;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode__eft-pay-step-item pisell-lowcode__eft-pay-step-item-".concat(status, " ").concat(className || '')
+  }, txt || pedding, status === 'resolve' ? /*#__PURE__*/React.createElement(CheckCircleFilled, {
+    color: "#1B945C",
+    style: {
+      color: '#1B945C',
+      fontSize: '24px',
+      verticalAlign: 'middle',
+      margin: '0 0 0 4px'
+    }
+  }) : null);
+});