@pisell/private-materials 3.0.97 → 3.0.98

package/es/components/eftposPay/var.less

@@ -0,0 +1,9 @@
+@pos-max-height:var (--pisel-lc-pos-max-height, unset);
+@pos-height:var (--pisel-lc-pos-max-height, unset);
+@pos-width:var (--pisel-lc-pos-width, 600px);
+@pos-padding:var (--pisel-lc-pos-pay-padding, 24px);
+
+@pos-terminal-max-height:var (--pisel-lc-pos-max-height, unset);
+@pos-terminal-height:var (--pisel-lc-pos-max-height, unset);
+@pos-terminal-width:var (--pisel-lc-pos-width, 600px);
+@pos-terminal-padding:var (--pisel-lc-pos-pay-padding, 24px);

package/lib/components/eftpos/device.js

@@ -49,7 +49,7 @@ var Device = (props) => {
       className: "pisell-lowcode__pos-device"
     },
     /* @__PURE__ */ import_react.default.createElement("div", { style: { flex: 1, overflow: "auto", padding: "0 0 60px 0" } }, /* @__PURE__ */ import_react.default.createElement(import_form.default, { formItemList })),
-    /* @__PURE__ */ import_react.default.createElement(import_antd.Form.Item, { className: "pisell-lowcode__pos-device-btn" }, /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { htmlType: "submit", block: true }, import_utils.locales.getText("page.eftpos.text.save")))
+    /* @__PURE__ */ import_react.default.createElement(import_antd.Form.Item, { className: "pisell-lowcode__pos-device-btn" }, /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { htmlType: "submit", block: true, style: { height: "48px" } }, import_utils.locales.getText("page.eftpos.text.save")))
   );
 };
 var device_default = Device;

package/lib/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/lib/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/lib/components/eftpos/locales.js

@@ -51,7 +51,11 @@ var locales_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": "厂商",
@@ -81,7 +85,11 @@ var locales_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": "廠商",
@@ -111,6 +119,10 @@ var locales_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/lib/components/eftpos/table.js

@@ -34,6 +34,7 @@ __export(table_exports, {
 module.exports = __toCommonJS(table_exports);
 var import_react = __toESM(require("react"));
 var import_antd = require("antd");
+var import_XClose = __toESM(require("@pisell/icon/es/XClose"));
 var import_utils = require("@pisell/utils");
 var { Column } = import_antd.Table;
 var { Title, Text } = import_antd.Typography;
@@ -66,6 +67,7 @@ var App = ({
   }, [size]);
   const [loading, setLoading] = (0, import_react.useState)(false);
   const deviceRef = (0, import_react.useRef)("");
+  const [isModalOpen, setModalOpen] = (0, import_react.useState)(false);
   const [pagination, setPagination] = (0, import_react.useState)({
     pageSize: 10,
     current: 1,
@@ -116,20 +118,13 @@ var App = ({
   };
   const onDelDevice = (record) => {
     deviceRef.current = record.id;
-    import_antd.Modal.confirm({
-      title: import_utils.locales.getText("page.eftpos.text.confim.delete"),
-      content: import_utils.locales.getText("page.eftpos.text.confirm_delete-message")(
-        record.name
-      ),
-      okText: import_utils.locales.getText("page.eftpos.text.confim.delete"),
-      cancelText: import_utils.locales.getText("page.eftpos.text.confim.cancel"),
-      onOk
-    });
+    setModalOpen(true);
   };
   const onChangeSize = (num) => {
     loadData(num);
   };
   const onOk = () => {
+    setModalOpen(false);
     if (deviceRef.current) {
       onDel(deviceRef.current).then(() => {
         return loadData();
@@ -139,7 +134,7 @@ var App = ({
   (0, import_react.useImperativeHandle)(ref, () => ({
     loadData
   }));
-  return /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
     "div",
     {
       className: "pisell-lowcode__pos-table",
@@ -148,7 +143,7 @@ var App = ({
       }
     },
     /* @__PURE__ */ import_react.default.createElement(Title, { level: 4, className: "pisell-lowcode__pos-title" }, eftposName, " ", import_utils.locales.getText("page.eftpos.text.device")),
-    /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__pos-table-act" }, /* @__PURE__ */ import_react.default.createElement(Text, null, import_utils.locales.getText("page.eftpos.text.device.list")), /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { type: "primary", onClick: onAddDevice }, import_utils.locales.getText("page.eftpos.text.device.add")())),
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__pos-table-act" }, /* @__PURE__ */ import_react.default.createElement(Text, null, import_utils.locales.getText("page.eftpos.text.device.list")), /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { type: "primary", onClick: onAddDevice, style: { height: "48px" } }, import_utils.locales.getText("page.eftpos.text.device.add")())),
     /* @__PURE__ */ import_react.default.createElement(
       import_antd.Table,
       {
@@ -230,6 +225,36 @@ var App = ({
         onShowSizeChange: onChangeSize
       }
     )
-  );
+  ), /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Modal,
+    {
+      open: isModalOpen,
+      width: 400,
+      centered: true,
+      onCancel: () => setModalOpen(false),
+      closeIcon: /* @__PURE__ */ import_react.default.createElement(import_XClose.default, { size: 20, style: { fontSize: "24px" } }),
+      footer: /* @__PURE__ */ import_react.default.createElement("div", { style: { display: "flex", gap: "12px" } }, /* @__PURE__ */ import_react.default.createElement(
+        import_antd.Button,
+        {
+          block: true,
+          onClick: () => setModalOpen(false),
+          style: { flex: 1, height: "48px", borderRadius: "8px" }
+        },
+        import_utils.locales.getText("page.eftpos.text.table.del.cancel")
+      ), /* @__PURE__ */ import_react.default.createElement(
+        import_antd.Button,
+        {
+          type: "primary",
+          block: true,
+          onClick: onOk,
+          style: { flex: 1, height: "48px", borderRadius: "8px" }
+        },
+        import_utils.locales.getText("page.eftpos.text.table.del.delete")
+      ))
+    },
+    /* @__PURE__ */ import_react.default.createElement("div", { style: { height: "34px" } }),
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__pos-table-del-title" }, import_utils.locales.getText("page.eftpos.text.table.del.title")),
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__pos-table-del-text" }, import_utils.locales.getText("page.eftpos.text.table.del.text"))
+  ));
 };
 var table_default = import_react.default.forwardRef(App);

package/lib/components/eftposPay/amount.js

@@ -140,8 +140,7 @@ var amount_default = ({
   return /* @__PURE__ */ import_react.default.createElement("div", { className: `pisell-lowcode__eft-pay-amount ${className}` }, isIpad ? null : /* @__PURE__ */ import_react.default.createElement(
     import_titlebar.default,
     {
-      type: status ? "left-title-close" : "back-title-cancel",
-      onBack,
+      type: "left-title-close",
       onClose
     },
     status ? name : import_utils.locales.getText("page.eftpos-pay.text.surcharge.edit.title")

package/lib/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/lib/components/eftposPay/component/fail/failCustom.js

@@ -33,6 +33,7 @@ __export(failCustom_exports, {
 });
 module.exports = __toCommonJS(failCustom_exports);
 var import_utils = require("@pisell/utils");
+var import_ahooks = require("ahooks");
 var import_antd = require("antd");
 var import_react = __toESM(require("react"));
 var import_const = require("../../const");
@@ -40,7 +41,7 @@ var import_manufacturer = require("../../manufacturer");
 var import_XClose = __toESM(require("@pisell/icon/es/XClose"));
 var import_store = require("../../store");
 var import_header = __toESM(require("../header"));
-var failCustom_default = ({ className = "", onChange }) => {
+var failCustom_default = ({ className = "", isIpad, onChange }) => {
   const { eftpos, custom, mode } = (0, import_store.useContextData)();
   const failCustom = custom == null ? void 0 : custom.failCustom;
   const dispatch = (0, import_store.useDispatch)();
@@ -77,10 +78,12 @@ var failCustom_default = ({ className = "", onChange }) => {
   const onClose = () => {
     onChange("fail");
   };
-  (0, import_react.useEffect)(() => {
-    onChange("page", "fail");
-  }, []);
-  return /* @__PURE__ */ import_react.default.createElement("div", { className: `pisell-lowcode__eft-pay-box ${className}` }, /* @__PURE__ */ import_react.default.createElement(import_header.default, { status: failCustom.status }, (failCustom == null ? void 0 : failCustom.status) === "fail" ? /* @__PURE__ */ import_react.default.createElement(
+  (0, import_ahooks.useMount)(() => {
+    if ((failCustom == null ? void 0 : failCustom.status) === "fail") {
+      onChange("page", "fail");
+    }
+  });
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: `pisell-lowcode__eft-pay-box ${className}` }, /* @__PURE__ */ import_react.default.createElement(import_header.default, { status: failCustom.status }, (failCustom == null ? void 0 : failCustom.status) === "fail" && !isIpad ? /* @__PURE__ */ import_react.default.createElement(
     import_XClose.default,
     {
       size: 20,

package/lib/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/lib/components/eftposPay/component/fail/index.js

@@ -34,12 +34,13 @@ __export(fail_exports, {
 module.exports = __toCommonJS(fail_exports);
 var import_utils = require("@pisell/utils");
 var import_antd = require("antd");
+var import_ahooks = require("ahooks");
 var import_react = __toESM(require("react"));
 var import_XClose = __toESM(require("@pisell/icon/es/XClose"));
 var import_manufacturer = require("../../manufacturer");
 var import_store = require("../../store");
 var import_header = __toESM(require("../header"));
-var fail_default = ({ onChange, className = "" }) => {
+var fail_default = ({ onChange, className = "", isIpad }) => {
   var _a, _b;
   const { eftpos, step, steps, custom, mode } = (0, import_store.useContextData)();
   const isPosNetworkError = ((_b = (_a = steps[step]) == null ? void 0 : _a.custom) == null ? void 0 : _b.isPosNetworkError) || false;
@@ -82,10 +83,12 @@ var fail_default = ({ onChange, className = "" }) => {
   const onClose = () => {
     onChange("fail");
   };
-  (0, import_react.useEffect)(() => {
-    onChange("page", "fail");
-  }, []);
-  return /* @__PURE__ */ import_react.default.createElement("div", { className: `pisell-lowcode__eft-pay-box ${className}` }, /* @__PURE__ */ import_react.default.createElement(import_header.default, { status: steps[step].status }, steps[step].status === "fail" ? /* @__PURE__ */ import_react.default.createElement(
+  (0, import_ahooks.useMount)(() => {
+    if (steps[step].status === "fail") {
+      onChange("page", "fail");
+    }
+  });
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: `pisell-lowcode__eft-pay-box ${className}` }, /* @__PURE__ */ import_react.default.createElement(import_header.default, { status: steps[step].status }, steps[step].status === "fail" && !isIpad ? /* @__PURE__ */ import_react.default.createElement(
     import_XClose.default,
     {
       size: 20,

package/lib/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/lib/components/eftposPay/component/manual/index.js

@@ -44,6 +44,9 @@ var manual_default = ({ onChange, className = "" }) => {
   const [disabled, setDisabled] = (0, import_react.useState)(false);
   const prefix = (0, import_usePrefix.default)();
   const onSuccess = () => {
+    if (disabled) {
+      return;
+    }
     setDisabled(true);
     if (mode === import_const.ModeEnum.Pay) {
       const obj = (custom == null ? void 0 : custom.pay) || {};
@@ -66,24 +69,34 @@ var manual_default = ({ onChange, className = "" }) => {
     onChange("success", { number: custom == null ? void 0 : custom.number });
   };
   const onFail = () => {
+    if (disabled) {
+      return;
+    }
     setDisabled(true);
     onChange("fail");
   };
-  return /* @__PURE__ */ import_react.default.createElement("div", { className: `pisell-lowcode__eft-pay-manual ${className}` }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__eft-pay-manual-title" }, manual == null ? void 0 : manual.title), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__eft-pay-manual-txt" }, manual == null ? void 0 : manual.text), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__eft-pay-manual-card-box" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__eft-pay-manual-card" }, /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: `pisell-lowcode__eft-pay-manual ${className}` }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__eft-pay-manual-title" }, manual == null ? void 0 : manual.title), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__eft-pay-manual-txt" }, manual == null ? void 0 : manual.text), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__eft-pay-manual-card-box" }, /* @__PURE__ */ import_react.default.createElement(
     "div",
     {
-      className: "pisell-lowcode__eft-pay-manual-img",
-      style: { backgroundImage: `url(${prefix}/pay_success.png)` }
-    }
-  ), /* @__PURE__ */ import_react.default.createElement(
-    import_antd.Button,
-    {
-      onClick: onSuccess,
-      className: "pisell-lowcode__eft-pay-manual-btn",
-      disabled
+      className: "pisell-lowcode__eft-pay-manual-card",
+      onClick: onSuccess
     },
-    import_utils.locales.getText("page.eftpos-pay.text.successful")(mode)
-  )), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__eft-pay-manual-card" }, /* @__PURE__ */ import_react.default.createElement(
+    /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        className: "pisell-lowcode__eft-pay-manual-img",
+        style: { backgroundImage: `url(${prefix}/pay_success.png)` }
+      }
+    ),
+    /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Button,
+      {
+        className: "pisell-lowcode__eft-pay-manual-btn",
+        block: true
+      },
+      import_utils.locales.getText("page.eftpos-pay.text.successful")(mode)
+    )
+  ), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__eft-pay-manual-card", onClick: onFail }, /* @__PURE__ */ import_react.default.createElement(
     "div",
     {
       className: "pisell-lowcode__eft-pay-manual-img",
@@ -92,9 +105,8 @@ var manual_default = ({ onChange, className = "" }) => {
   ), /* @__PURE__ */ import_react.default.createElement(
     import_antd.Button,
     {
-      onClick: onFail,
       className: "pisell-lowcode__eft-pay-manual-btn",
-      disabled
+      block: true
     },
     import_utils.locales.getText("page.eftpos-pay.text.failed")(mode)
   ))));

package/lib/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/lib/components/eftposPay/const.d.ts

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

package/lib/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/lib/components/eftposPay/index.js

@@ -138,6 +138,7 @@ var App = ({
       onChange,
       className: isIpad ? "pisell-lowcode__eft-pay-terminal" : "",
       terminal,
+      isIpad,
       net
     }
   );
@@ -176,6 +177,9 @@ var eftposPay_default = (props) => {
       props.params ? { mode, ...props.params, symbol: current } : { mode, symbol: current }
     );
   }, [mode, props.params, props.type, symbol]);
+  (0, import_react.useEffect)(() => {
+    document.body.id = "body";
+  }, []);
   return /* @__PURE__ */ import_react.default.createElement(import_store.Provider, { state }, /* @__PURE__ */ import_react.default.createElement(
     App,
     {

package/lib/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/lib/components/eftposPay/locales.js

@@ -74,7 +74,7 @@ var locales_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": (name) => `Amount to pay on ${name}`,
     "page.eftpos-pay.text.amount.cash.left.pay.paid": (money) => `${money} left to be paid`,

package/lib/components/eftposPay/pay.d.ts

@@ -1,10 +1,11 @@
 import React from 'react';
 import { PayProps } from './const';
 import './index.less';
-declare const Pay: ({ api, onChange: onChangeStatus, className, terminal, net, }: PayProps & {
+declare const Pay: ({ api, onChange: onChangeStatus, className, terminal, net, isIpad }: PayProps & {
     terminal: {
         network: boolean;
     };
     net: boolean;
+    isIpad: boolean;
 }) => React.JSX.Element;
 export default Pay;

package/lib/components/eftposPay/pay.js

@@ -58,7 +58,8 @@ var Pay = ({
   onChange: onChangeStatus,
   className,
   terminal,
-  net
+  net,
+  isIpad
 }) => {
   const data = (0, import_store.useContextData)();
   const dispatch = (0, import_store.useDispatch)();
@@ -113,7 +114,8 @@ var Pay = ({
     {
       onChange,
       api,
-      className
+      className,
+      isIpad: true
     }
   ) : null);
 };

package/lib/components/eftposPay/var.less

@@ -0,0 +1,9 @@
+@pos-max-height:var (--pisel-lc-pos-max-height, unset);
+@pos-height:var (--pisel-lc-pos-max-height, unset);
+@pos-width:var (--pisel-lc-pos-width, 600px);
+@pos-padding:var (--pisel-lc-pos-pay-padding, 24px);
+
+@pos-terminal-max-height:var (--pisel-lc-pos-max-height, unset);
+@pos-terminal-height:var (--pisel-lc-pos-max-height, unset);
+@pos-terminal-width:var (--pisel-lc-pos-width, 600px);
+@pos-terminal-padding:var (--pisel-lc-pos-pay-padding, 24px);