@pisell/private-materials 3.0.97 → 3.0.99

package/es/components/booking/info/service/editService/index.js

@@ -34,6 +34,7 @@ import { getErrorList, getServiceTimes, deleteCacheParams } from "../../../utils
 import Like from "../like";
 import { getNoResource } from "../../../mock";
 import { formatResources, getDurationProps, getFlexibleOption, getTimeObj } from "../addService/utils";
+var submitLock = false;
 var Info = function Info() {
   var _state$bookingConfig2, _state$bookingConfig3, _state$bookingConfig4, _state$service$cacheI6, _state$service3, _state$service3$cache, _state$service5, _state$service5$cache, _state$service5$cache2, _state$service5$cache3, _window$BaseMaterials, _state$service$cacheI7, _state$service6, _state$service6$cache, _state$service6$cache2, _state$service$cacheI8, _state$service$cacheI9, _state$service$cacheI10, _state$service$cacheI11, _state$bookingConfig5, _state$bookingConfig6, _state$bookingConfig7, _state$bookingConfig8;
   var _Form$useForm = Form.useForm(),
@@ -324,6 +325,7 @@ var Info = function Info() {
       discount: discount
     });
   };
+
   /**
    * @title: 提交,
    * @description:
@@ -334,6 +336,16 @@ var Info = function Info() {
    */
   var onFinish = function onFinish(values) {
     var _currentResource$_ext;
+    // 防止多次提交, 增加锁
+    if (submitLock) {
+      return;
+    }
+    submitLock = true;
+
+    // 500毫秒后解除
+    setTimeout(function () {
+      submitLock = false;
+    }, 500);
     var _list = _toConsumableArray(state.service.value);
     var _item = _objectSpread(_objectSpread({}, state.service.cacheItem), {}, {
       autoClose: false,

package/es/components/eftpos/device.js

@@ -24,7 +24,10 @@ var Device = function Device(props) {
     className: "pisell-lowcode__pos-device-btn"
   }, /*#__PURE__*/React.createElement(Button, {
     htmlType: "submit",
-    block: true
+    block: true,
+    style: {
+      height: '48px'
+    }
   }, locales.getText("page.eftpos.text.save"))));
 };
 export default Device;

package/es/components/eftpos/index.less

@@ -28,7 +28,7 @@
   flex-shrink: 0;
 }
 .pisell-lowcode__pos_tabs-nav::after {
-  content: "";
+  content: '';
   position: absolute;
   top: 0;
   bottom: 0;
@@ -135,7 +135,23 @@
   font-weight: 500 !important;
   line-height: 38px;
 }
-
+.pisell-lowcode__pos-table-del-title {
+  color: var(--Gray-900, #101828);
+  /* Text lg/Semibold */
+  font-size: 18px;
+  font-style: normal;
+  font-weight: 600;
+  line-height: 28px; /* 155.556% */
+}
+.pisell-lowcode__pos-table-del-text {
+  color: var(--Gray-900, #101828);
+  /* Text sm/Regular */
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 20px; /* 142.857% */
+  padding: 0 0 12px 0;
+}
 .pisell-lowcode__pos-device {
   display: flex;
   flex-direction: column;

package/es/components/eftpos/locales.d.ts

@@ -22,6 +22,10 @@ declare const _default: {
         'page.eftpos.text.table.status': string;
         'page.eftpos.text.table.surcharge': string;
         'page.eftpos.text.table.opeartion': string;
+        'page.eftpos.text.table.del.title': string;
+        'page.eftpos.text.table.del.text': string;
+        'page.eftpos.text.table.del.delete': string;
+        'page.eftpos.text.table.del.cancel': string;
     };
     'zh-CN': {
         'page.eftpos.text.manufacturer': string;
@@ -46,6 +50,10 @@ declare const _default: {
         'page.eftpos.text.table.status': string;
         'page.eftpos.text.table.surcharge': string;
         'page.eftpos.text.table.opeartion': string;
+        'page.eftpos.text.table.del.title': string;
+        'page.eftpos.text.table.del.text': string;
+        'page.eftpos.text.table.del.delete': string;
+        'page.eftpos.text.table.del.cancel': string;
     };
     'zh-HK': {
         'page.eftpos.text.manufacturer': string;
@@ -70,6 +78,10 @@ declare const _default: {
         'page.eftpos.text.table.status': string;
         'page.eftpos.text.table.surcharge': string;
         'page.eftpos.text.table.opeartion': string;
+        'page.eftpos.text.table.del.title': string;
+        'page.eftpos.text.table.del.text': string;
+        'page.eftpos.text.table.del.delete': string;
+        'page.eftpos.text.table.del.cancel': string;
     };
 };
 export default _default;

package/es/components/eftpos/locales.js

@@ -29,7 +29,11 @@ export default {
     'page.eftpos.text.table.name': 'Device name',
     'page.eftpos.text.table.status': 'Status',
     'page.eftpos.text.table.surcharge': 'Surcharge',
-    'page.eftpos.text.table.opeartion': 'Opeartion'
+    'page.eftpos.text.table.opeartion': 'Opeartion',
+    'page.eftpos.text.table.del.title': 'Delete device',
+    'page.eftpos.text.table.del.text': 'Are you sure you want to delete the device?',
+    'page.eftpos.text.table.del.delete': 'Delete',
+    'page.eftpos.text.table.del.cancel': 'Cancel'
   },
   'zh-CN': {
     'page.eftpos.text.manufacturer': '厂商',
@@ -61,7 +65,11 @@ export default {
     'page.eftpos.text.table.name': '设备名称',
     'page.eftpos.text.table.status': '状态',
     'page.eftpos.text.table.surcharge': '支付手续费',
-    'page.eftpos.text.table.opeartion': '操作'
+    'page.eftpos.text.table.opeartion': '操作',
+    'page.eftpos.text.table.del.title': '删除设备',
+    'page.eftpos.text.table.del.text': '您确定要删除设备？',
+    'page.eftpos.text.table.del.delete': '删除',
+    'page.eftpos.text.table.del.cancel': '取消'
   },
   'zh-HK': {
     'page.eftpos.text.manufacturer': '廠商',
@@ -93,6 +101,10 @@ export default {
     'page.eftpos.text.table.name': '設備名稱',
     'page.eftpos.text.table.status': '狀態',
     'page.eftpos.text.table.surcharge': '支付手續費',
-    'page.eftpos.text.table.opeartion': '操作'
+    'page.eftpos.text.table.opeartion': '操作',
+    'page.eftpos.text.table.del.title': '刪除設備',
+    'page.eftpos.text.table.del.text': '您確定要刪除設備？',
+    'page.eftpos.text.table.del.delete': '刪除',
+    'page.eftpos.text.table.del.cancel': '取消'
   }
 };

package/es/components/eftpos/table.js

@@ -19,6 +19,7 @@ function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefine
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import React, { useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';
 import { Space, Typography, Table, Modal, Button, Pagination } from 'antd';
+import XClose from '@pisell/icon/es/XClose';
 import { locales } from '@pisell/utils';
 var Column = Table.Column;
 var Title = Typography.Title,
@@ -48,18 +49,22 @@ var App = function App(_ref, ref) {
     loading = _useState2[0],
     setLoading = _useState2[1];
   var deviceRef = useRef('');
-  var _useState3 = useState({
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isModalOpen = _useState4[0],
+    setModalOpen = _useState4[1];
+  var _useState5 = useState({
       pageSize: 10,
       current: 1,
       total: 0
     }),
-    _useState4 = _slicedToArray(_useState3, 2),
-    pagination = _useState4[0],
-    setPagination = _useState4[1];
-  var _useState5 = useState([]),
     _useState6 = _slicedToArray(_useState5, 2),
-    data = _useState6[0],
-    setData = _useState6[1];
+    pagination = _useState6[0],
+    setPagination = _useState6[1];
+  var _useState7 = useState([]),
+    _useState8 = _slicedToArray(_useState7, 2),
+    data = _useState8[0],
+    setData = _useState8[1];
   var loadData = /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(current) {
       var res;
@@ -121,18 +126,13 @@ var App = function App(_ref, ref) {
   };
   var onDelDevice = function onDelDevice(record) {
     deviceRef.current = record.id;
-    Modal.confirm({
-      title: locales.getText('page.eftpos.text.confim.delete'),
-      content: locales.getText('page.eftpos.text.confirm_delete-message')(record.name),
-      okText: locales.getText('page.eftpos.text.confim.delete'),
-      cancelText: locales.getText('page.eftpos.text.confim.cancel'),
-      onOk: onOk
-    });
+    setModalOpen(true);
   };
   var onChangeSize = function onChangeSize(num) {
     loadData(num);
   };
   var onOk = function onOk() {
+    setModalOpen(false);
     if (deviceRef.current) {
       onDel(deviceRef.current).then(function () {
         return loadData();
@@ -144,7 +144,7 @@ var App = function App(_ref, ref) {
       loadData: loadData
     };
   });
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     className: "pisell-lowcode__pos-table",
     style: _objectSpread({}, style || {})
   }, /*#__PURE__*/React.createElement(Title, {
@@ -154,7 +154,10 @@ var App = function App(_ref, ref) {
     className: "pisell-lowcode__pos-table-act"
   }, /*#__PURE__*/React.createElement(Text, null, locales.getText('page.eftpos.text.device.list')), /*#__PURE__*/React.createElement(Button, {
     type: "primary",
-    onClick: onAddDevice
+    onClick: onAddDevice,
+    style: {
+      height: '48px'
+    }
   }, locales.getText('page.eftpos.text.device.add')())), /*#__PURE__*/React.createElement(Table, {
     dataSource: data,
     rowKey: "id",
@@ -231,6 +234,52 @@ var App = function App(_ref, ref) {
     total: pagination.total,
     onChange: onChangeSize,
     onShowSizeChange: onChangeSize
-  }));
+  })), /*#__PURE__*/React.createElement(Modal, {
+    open: isModalOpen,
+    width: 400,
+    centered: true,
+    onCancel: function onCancel() {
+      return setModalOpen(false);
+    },
+    closeIcon: /*#__PURE__*/React.createElement(XClose, {
+      size: 20,
+      style: {
+        fontSize: '24px'
+      }
+    }),
+    footer: /*#__PURE__*/React.createElement("div", {
+      style: {
+        display: 'flex',
+        gap: '12px'
+      }
+    }, /*#__PURE__*/React.createElement(Button, {
+      block: true,
+      onClick: function onClick() {
+        return setModalOpen(false);
+      },
+      style: {
+        flex: 1,
+        height: '48px',
+        borderRadius: '8px'
+      }
+    }, locales.getText('page.eftpos.text.table.del.cancel')), /*#__PURE__*/React.createElement(Button, {
+      type: "primary",
+      block: true,
+      onClick: onOk,
+      style: {
+        flex: 1,
+        height: '48px',
+        borderRadius: '8px'
+      }
+    }, locales.getText('page.eftpos.text.table.del.delete')))
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      height: '34px'
+    }
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode__pos-table-del-title"
+  }, locales.getText('page.eftpos.text.table.del.title')), /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode__pos-table-del-text"
+  }, locales.getText('page.eftpos.text.table.del.text'))));
 };
 export default /*#__PURE__*/React.forwardRef(App);

package/es/components/eftposPay/amount.js

@@ -145,8 +145,7 @@ export default (function (_ref) {
   return /*#__PURE__*/React.createElement("div", {
     className: "pisell-lowcode__eft-pay-amount ".concat(className)
   }, isIpad ? null : /*#__PURE__*/React.createElement(Titlebar, {
-    type: status ? 'left-title-close' : 'back-title-cancel',
-    onBack: onBack,
+    type: 'left-title-close',
     onClose: onClose
   }, status ? name : locales.getText('page.eftpos-pay.text.surcharge.edit.title')), status ? /*#__PURE__*/React.createElement("div", {
     className: "pisell-lowcode__eft-pay-amount-body"

package/es/components/eftposPay/component/fail/failCustom.d.ts

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

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

@@ -6,8 +6,9 @@ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _ty
 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); }
 /* eslint-disable no-nested-ternary */
 import { locales } from '@pisell/utils';
+import { useMount } from 'ahooks';
 import { Button } from 'antd';
-import React, { useEffect } from 'react';
+import React from 'react';
 import { ModeEnum } from "../../const";
 import { getInitState } from "../../manufacturer";
 import XClose from '@pisell/icon/es/XClose';
@@ -16,6 +17,7 @@ import Header from "../header";
 export default (function (_ref) {
   var _ref$className = _ref.className,
     className = _ref$className === void 0 ? '' : _ref$className,
+    isIpad = _ref.isIpad,
     onChange = _ref.onChange;
   var _useContextData = useContextData(),
     eftpos = _useContextData.eftpos,
@@ -51,14 +53,16 @@ export default (function (_ref) {
   var onClose = function onClose() {
     onChange('fail');
   };
-  useEffect(function () {
-    onChange('page', 'fail');
-  }, []);
+  useMount(function () {
+    if ((failCustom === null || failCustom === void 0 ? void 0 : failCustom.status) === 'fail') {
+      onChange('page', 'fail');
+    }
+  });
   return /*#__PURE__*/React.createElement("div", {
     className: "pisell-lowcode__eft-pay-box ".concat(className)
   }, /*#__PURE__*/React.createElement(Header, {
     status: failCustom.status
-  }, (failCustom === null || failCustom === void 0 ? void 0 : failCustom.status) === 'fail' ? /*#__PURE__*/React.createElement(XClose, {
+  }, (failCustom === null || failCustom === void 0 ? void 0 : failCustom.status) === 'fail' && !isIpad ? /*#__PURE__*/React.createElement(XClose, {
     size: 20,
     style: {
       fontSize: '24px',

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

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

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

@@ -7,7 +7,8 @@ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input ==
 /* eslint-disable no-nested-ternary */
 import { locales } from '@pisell/utils';
 import { Button } from 'antd';
-import React, { useEffect } from 'react';
+import { useMount } from 'ahooks';
+import React from 'react';
 import XClose from '@pisell/icon/es/XClose';
 import { getInitState } from "../../manufacturer";
 import { useDispatch, useContextData, updateState, updateCustomStemItem, updateComponent } from "../../store";
@@ -16,7 +17,8 @@ export default (function (_ref) {
   var _steps$step, _steps$step$custom;
   var onChange = _ref.onChange,
     _ref$className = _ref.className,
-    className = _ref$className === void 0 ? '' : _ref$className;
+    className = _ref$className === void 0 ? '' : _ref$className,
+    isIpad = _ref.isIpad;
   var _useContextData = useContextData(),
     eftpos = _useContextData.eftpos,
     step = _useContextData.step,
@@ -62,14 +64,16 @@ export default (function (_ref) {
     // 支付失败页
     onChange('fail');
   };
-  useEffect(function () {
-    onChange('page', 'fail');
-  }, []);
+  useMount(function () {
+    if (steps[step].status === 'fail') {
+      onChange('page', 'fail');
+    }
+  });
   return /*#__PURE__*/React.createElement("div", {
     className: "pisell-lowcode__eft-pay-box ".concat(className)
   }, /*#__PURE__*/React.createElement(Header, {
     status: steps[step].status
-  }, steps[step].status === 'fail' ? /*#__PURE__*/React.createElement(XClose, {
+  }, steps[step].status === 'fail' && !isIpad ? /*#__PURE__*/React.createElement(XClose, {
     size: 20,
     style: {
       fontSize: '24px',

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

@@ -2,7 +2,7 @@
   display: flex;
   align-items: center;
   justify-content: space-between;
-  padding: 24px 0 20px;
+  padding: 16px 0 16px;
   flex-shrink: 0;
 }
 .pisell-lowcode__eft-pay-header-title {

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

@@ -32,6 +32,9 @@ export default (function (_ref) {
     setDisabled = _useState2[1];
   var prefix = usePrefix();
   var onSuccess = function onSuccess() {
+    if (disabled) {
+      return;
+    }
     setDisabled(true);
     if (mode === ModeEnum.Pay) {
       var obj = (custom === null || custom === void 0 ? void 0 : custom.pay) || {};
@@ -54,6 +57,9 @@ export default (function (_ref) {
     });
   };
   var onFail = function onFail() {
+    if (disabled) {
+      return;
+    }
     setDisabled(true);
     onChange('fail');
   };
@@ -66,26 +72,26 @@ export default (function (_ref) {
   }, 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"
+    className: "pisell-lowcode__eft-pay-manual-card",
+    onClick: onSuccess
   }, /*#__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
+    block: true
   }, locales.getText('page.eftpos-pay.text.successful')(mode))), /*#__PURE__*/React.createElement("div", {
-    className: "pisell-lowcode__eft-pay-manual-card"
+    className: "pisell-lowcode__eft-pay-manual-card",
+    onClick: onFail
   }, /*#__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
+    block: true
   }, locales.getText('page.eftpos-pay.text.failed')(mode)))));
 });

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

@@ -1,6 +1,6 @@
 .pisell-lowcode__eft-pay-manual{
   padding: var(--pisel-lc-pos-manual-padding, 24px);
-  width: var(--pisel-lc-pos-manual-width, fit-content);
+  width: var(--pisel-lc-pos-manual-width, 600px);
 }
 
 .pisell-lowcode__eft-pay-manual-title {
@@ -56,7 +56,7 @@
   overflow: auto;
 }
 
-@media only screen and (max-width: 400px) {
+@media only screen and (max-width: 499px) {
   .pisell-lowcode__eft-pay-manual-card-box {
     gap:10px;
   }
@@ -74,17 +74,30 @@
 }
 
 
-@media only screen and (min-width: 401px) and (max-width: 820px) {
+@media only screen and (min-width: 500px) and (max-width: 601px) {
+  .pisell-lowcode__eft-pay-terminal .pisell-lowcode__eft-pay-manual-card-box{
+    flex: none;
+    height: 360px;
+  }
   .pisell-lowcode__eft-pay-manual-card-box {
-    flex-direction: column;
+    gap:10px;
+    height: 400px;
+    
   }
   .pisell-lowcode__eft-pay-manual-card {
-    width: 100%;
+    flex: 1;
+    padding: 20px;
+    gap:30px;
+  }
+  .pisell-lowcode__eft-pay-manual-img{
+    width: 200px;
+    height: 200px;
   }
- 
 }
 
-@media only screen and (min-width: 821px) {
+ 
+
+@media only screen and (min-width: 601px) {
   .pisell-lowcode__eft-pay-manual-card-box {
     margin: 24px auto 0;
     gap: 20px;

package/es/components/eftposPay/const.d.ts

@@ -128,4 +128,5 @@ export interface ActionProps {
         [key: string]: (...agrn: unknown[]) => Promise<unknown>;
     };
     className?: string;
+    isIpad?: boolean;
 }

package/es/components/eftposPay/device.less

@@ -1,6 +1,6 @@
 .pisell-lowcode__eft-pay-device-box {
   max-height: var(--pisel-lc-pos-device-max-height, unset);
-  width: var(--pisel-lc-pos-device-width, 400px);
+  width: var(--pisel-lc-pos-device-width, 600px);
   max-width: 100%;
   padding: var(--pisel-lc-pos-device-padding, 0 24px 24px);
 }

package/es/components/eftposPay/index.js

@@ -127,6 +127,7 @@ var App = function App(_ref) {
     onChange: onChange,
     className: isIpad ? 'pisell-lowcode__eft-pay-terminal' : '',
     terminal: terminal,
+    isIpad: isIpad,
     net: net
   });
 };
@@ -171,11 +172,9 @@ export default (function (props) {
       symbol: current
     });
   }, [mode, props.params, props.type, symbol]);
-
-  // useEffect(() => {
-  //   document.body.id = 'body';
-  // }, []);
-
+  useEffect(function () {
+    document.body.id = 'body';
+  }, []);
   return /*#__PURE__*/React.createElement(Provider, {
     state: state
   }, /*#__PURE__*/React.createElement(App, {

package/es/components/eftposPay/index.less

@@ -1,18 +1,8 @@
-.simulator {
-  height: auto;
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  border-radius: 12px;
-  background-color: #eee;
-  padding: 24px;
-}
+@import  './var.less';
 
 .pisell-lowcode__eft-pay-amount {
   display: flex;
   flex-direction: column;
-  gap: 8px;
 }
 
 //
@@ -56,14 +46,14 @@
   line-height: 20px; /* 142.857% */
 }
 .pisell-lowcode__eft-pay-step-item-btns {
-  margin: 32px 0 0 0;
+  margin: 24px 0 0 0;
   display: flex;
   gap: 12px;
   flex-shrink: 0;
 }
 .pisell-lowcode__eft-pay-step-item-btn {
   flex: 1;
-  height: 34px;
+  height: 48px !important;
 }
 
  
@@ -207,29 +197,6 @@
   width: 40px;
 }
 
-.pisell-lowcode__eft-pay-box {
-  max-height: var(--pisel-lc-pos-pay-max-height, unset);
-  width: var(--pisel-lc-pos-pay-width, 400px);
-  max-width: 100%;
-  padding: var(--pisel-lc-pos-pay-padding, 24px);
-}
-
-.pisell-lowcode__eft-pay-amount {
-  max-height: var(--pisel-lc-pos-amount-max-height, unset);
-  width: var(--pisel-lc-pos-amount-width, 600px);
-  max-width: 100%;
-  padding: var(--pisel-lc-pos-device-padding, 0 24px 24px);
-}
-
-.pisell-lowcode__eft-pay-terminal {
-  width: var(--pisel-lc-pos-terminal-width, 100%) !important;
-  height: var(--pisel-lc-pos-terminal-height, 100%) !important;
-  display: flex;
-  flex-direction: column;
-}
-// .pisell-lowcode__eft-pay-terminal .pisell-lowcode__eft-pay-amount-body{
-//   flex: 1;
-// }
 .pisell-lowcode__eft-pay-amount-body,
 .pisell-lowcode__eft-pay-body {
   flex: 1;
@@ -258,10 +225,6 @@
   line-height: 20px; /* 142.857% */
 }
 
-.pisell-lowcode__eft-pay-step-item-pedding {
-}
-.pisell-lowcode__eft-pay-step-item-warn {
-}
 
 .pisell-lowcode__eft-pay-step-item-resolve {
   color: var(--gray-true-900, #141414);
@@ -271,3 +234,30 @@
   font-weight: 400;
   line-height: 20px; /* 142.857% */
 }
+.pisell-lowcode__eft-pay-manual-btn{
+  // height: ;
+  height: 48px !important;
+}
+
+
+.pisell-lowcode__eft-pay-box {
+  max-height: var(--pisel-lc-pos-pay-max-height, unset);
+  width: var(--pisel-lc-pos-pay-width, 600px);
+  max-width: 100%;
+  padding: var(--pisel-lc-pos-pay-padding, 24px);
+}
+
+.pisell-lowcode__eft-pay-amount {
+  max-height: var(--pisel-lc-pos-amount-max-height, unset);
+  width: var(--pisel-lc-pos-amount-width, 600px);
+  max-width: 100%;
+  padding: var(--pisel-lc-pos-device-padding, 0 24px 24px);
+}
+
+.pisell-lowcode__eft-pay-terminal {
+  width: var(--pisel-lc-pos-terminal-width, 100%) !important;
+  height: var(--pisel-lc-pos-terminal-height, 100%) !important;
+  display: flex;
+  flex-direction: column;
+}
+

package/es/components/eftposPay/locales.js

@@ -74,7 +74,7 @@ export default {
     'page.eftpos-pay.text.surcharge.percentage': 'Percentage',
     'page.eftpos-pay.text.surcharge.fixed': 'Fixed',
     'page.eftpos-pay.text.surcharge.percentage-fixed': 'Surcharge = Percentage + Fixed',
-    'page.eftpos-pay.text.surcharge.edit.title': 'Edit Payment Surcharge',
+    'page.eftpos-pay.text.surcharge.edit.title': 'Edit payment surcharge',
     // 自定义
     'page.eftpos-pay.text.input.title': function pageEftposPayTextInputTitle(name) {
       return "Amount to pay on ".concat(name);