@pisell/private-materials 6.3.90 → 6.3.91

package/es/components/eftpos/PairModal/index.less

@@ -0,0 +1,70 @@
+.pisell-lowcode__pos-device-pair-modal-content {
+  padding: 20px 0;
+  display: flex;
+  flex-direction: column;
+  gap: 20px;
+
+  &-top {
+    padding: 16px;
+    display: flex;
+    flex-direction: row;
+    gap: 8px;
+    border-radius: 12px;
+    box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
+
+    &-circle-1 {
+      margin: -8px 0 0 -8px;
+      width: 36px;
+      height: 36px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      border-radius: 50%;
+    }
+
+    &-circle-2 {
+      width: 28px;
+      height: 28px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      border-radius: 50%;
+    }
+
+    &-right {
+      display: flex;
+      flex-direction: column;
+      gap: 4px;
+
+      &-title {
+        font-size: 14px;
+        font-weight: 600;
+      }
+
+      &-description {
+        font-size: 14px;
+        font-weight: 400;
+      }
+    }
+  }
+
+  &-code {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    gap: 8px;
+
+    &-title {
+      color: var(--Gray-700, #344054);
+      font-size: 14px;
+      font-weight: 600;
+    }
+
+    &-value {
+      color: var(--Gray-900, #101828);
+      font-size: 30px;
+      font-weight: 600;
+    }
+  }
+}

package/es/components/eftpos/assets/mx51SCI.svg

@@ -0,0 +1,15 @@
+<svg width="120" height="120" viewBox="0 0 120 120" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="0.5" y="0.5" width="119" height="119" rx="1.5" stroke="black" stroke-opacity="0.1"/>
+<rect x="12" y="12" width="97" height="97" rx="14.9231" fill="url(#paint0_linear_2070_406)"/>
+<path d="M38.3388 91.6821C36.7088 91.6821 35.2787 91.4809 34.0485 91.0783C32.8491 90.6758 31.8188 90.1959 30.9576 89.6385C30.1272 89.0502 29.466 88.4774 28.9739 87.9201C28.4818 87.3627 28.1435 86.9447 27.959 86.6661C27.4362 85.9849 27.1132 85.3966 26.9902 84.9012C26.8672 84.3748 26.9287 83.8484 27.1748 83.322C27.4515 82.7956 27.9129 82.2228 28.5587 81.6036C29.2046 81.0462 29.8043 80.7521 30.3579 80.7211C30.9422 80.6592 31.5112 80.7985 32.0648 81.1391C32.6184 81.4797 33.1566 81.9596 33.6794 82.5789C34.4176 83.4768 35.1403 84.1116 35.8477 84.4831C36.5858 84.8237 37.3547 84.994 38.1543 84.994C39.1692 84.994 40.0304 84.8702 40.7377 84.6225C41.4451 84.3748 41.9833 83.9877 42.3524 83.4614C42.7214 82.904 42.906 82.2073 42.906 81.3713C42.906 80.6901 42.6445 80.1483 42.1217 79.7458C41.6296 79.3123 40.953 78.9407 40.0919 78.6311C39.2615 78.3214 38.3235 78.0273 37.2778 77.7486C36.2629 77.439 35.2479 77.0829 34.233 76.6804C33.5257 76.4327 32.8491 76.123 32.2032 75.7515C31.5573 75.3799 30.9422 74.9619 30.3579 74.4975C29.7736 74.033 29.2661 73.4757 28.8355 72.8254C28.4357 72.1752 28.1128 71.4321 27.8667 70.5961C27.6515 69.7601 27.5438 68.8002 27.5438 67.7165C27.5438 65.8896 27.9898 64.2641 28.8817 62.8398C29.7736 61.4154 31.0038 60.3008 32.5723 59.4957C34.1715 58.6597 36.0014 58.2417 38.062 58.2417C39.446 58.2417 40.6455 58.3656 41.6604 58.6133C42.706 58.861 43.5826 59.1551 44.2899 59.4957C44.9973 59.8363 45.5509 60.1769 45.9507 60.5175C46.3813 60.8271 46.6734 61.0748 46.8272 61.2606C47.6884 62.0657 48.1651 62.7624 48.2573 63.3507C48.3496 63.908 48.0267 64.6976 47.2885 65.7194C46.5197 66.8031 45.7508 67.4069 44.9819 67.5307C44.2438 67.6546 43.398 67.3914 42.4446 66.7411C42.0756 66.4005 41.7065 66.0909 41.3374 65.8122C40.9684 65.5336 40.5224 65.3168 39.9996 65.162C39.5075 64.9762 38.8463 64.8833 38.0159 64.8833C37.5238 64.8833 37.0625 64.9607 36.6319 65.1156C36.2014 65.2394 35.8323 65.4252 35.5247 65.6729C35.2172 65.9206 34.9712 66.2302 34.7866 66.6018C34.6021 66.9424 34.5098 67.3294 34.5098 67.7629C34.5098 68.4751 34.7405 69.0479 35.2018 69.4814C35.6939 69.9149 36.3244 70.271 37.0933 70.5496C37.8929 70.7973 38.7694 71.045 39.7228 71.2928C40.707 71.5095 41.7065 71.7727 42.7214 72.0823C43.6441 72.392 44.536 72.779 45.3971 73.2434C46.2583 73.6769 47.0271 74.2343 47.7037 74.9155C48.3803 75.5967 48.9186 76.4482 49.3184 77.4699C49.7489 78.4917 49.9642 79.7457 49.9642 81.232C49.9642 83.0898 49.6106 84.6844 48.9032 86.0158C48.1958 87.3473 47.2578 88.431 46.0891 89.267C44.9204 90.103 43.6595 90.7068 42.3062 91.0783C40.953 91.4809 39.6305 91.6821 38.3388 91.6821Z" fill="white"/>
+<path d="M70.5808 91.5892C69.2276 91.5892 67.7975 91.3725 66.2905 90.939C64.7835 90.5055 63.3072 89.8553 61.8618 88.9883C60.4163 88.1213 59.0938 87.0221 57.8943 85.6907C56.7257 84.3283 55.7876 82.7492 55.0803 80.9533C54.4037 79.1265 54.0653 77.0519 54.0653 74.7297C54.0653 72.5003 54.4037 70.5187 55.0803 68.7847C55.7876 67.0198 56.7257 65.4871 57.8943 64.1867C59.063 62.8862 60.3701 61.818 61.8156 60.982C63.2611 60.115 64.7527 59.4802 66.2905 59.0777C67.8282 58.6442 69.2891 58.4275 70.6731 58.4275C72.2416 58.4275 73.6102 58.6133 74.7789 58.9848C75.9476 59.3564 76.901 59.7434 77.6391 60.1459C78.3772 60.5175 78.8385 60.7807 79.0231 60.9355C79.5767 61.2761 80.0995 61.6632 80.5916 62.0966C81.0836 62.5301 81.3451 63.1029 81.3758 63.8151C81.3758 64.1867 81.2989 64.5582 81.1452 64.9298C81.0221 65.2704 80.8222 65.6419 80.5454 66.0445C80.0534 66.7566 79.5767 67.283 79.1153 67.6236C78.6848 67.9332 78.2388 68.088 77.7775 68.088C77.4084 68.088 77.0547 67.9952 76.7164 67.8094C76.4089 67.6236 76.0091 67.3759 75.517 67.0663C75.3017 66.9114 74.9941 66.7257 74.5943 66.5089C74.1945 66.2612 73.6563 66.0445 72.9797 65.8587C72.3031 65.6419 71.4419 65.5336 70.3963 65.5336C69.3198 65.5336 68.228 65.7348 67.1209 66.1374C66.0444 66.5089 65.0449 67.0817 64.1222 67.8558C63.1996 68.6299 62.4615 69.6207 61.9079 70.8283C61.3543 72.0049 61.0775 73.3828 61.0775 74.9619C61.0775 76.603 61.3543 78.0118 61.9079 79.1884C62.4922 80.365 63.2457 81.3404 64.1684 82.1144C65.091 82.8885 66.0906 83.4768 67.167 83.8794C68.2742 84.2509 69.3506 84.4367 70.3963 84.4367C71.3189 84.4367 72.1032 84.3438 72.749 84.158C73.4256 83.9722 73.9946 83.7555 74.4559 83.5078C74.948 83.2291 75.3632 82.9814 75.7015 82.7647C76.0398 82.5479 76.3781 82.3467 76.7164 82.1609C77.0855 81.9751 77.4546 81.8822 77.8236 81.8822C78.2542 81.8822 78.6848 82.0525 79.1153 82.3931C79.5767 82.7337 80.038 83.2756 80.4993 84.0187C80.7761 84.4212 80.9914 84.8237 81.1452 85.2263C81.2989 85.5978 81.3604 85.9694 81.3297 86.3409C81.3297 86.9912 81.0836 87.533 80.5916 87.9665C80.0995 88.369 79.5767 88.7406 79.0231 89.0812C78.777 89.2051 78.3003 89.4837 77.5929 89.9172C76.8856 90.3197 75.9476 90.6913 74.7789 91.0319C73.6102 91.4035 72.2108 91.5892 70.5808 91.5892Z" fill="white"/>
+<path d="M89.6602 91.2177C88.553 91.2177 87.7534 91.0629 87.2613 90.7532C86.7692 90.4126 86.4617 89.9637 86.3387 89.4063C86.2464 88.849 86.2003 88.2762 86.2003 87.6879V62.2824C86.2003 61.6632 86.2464 61.0903 86.3387 60.564C86.4617 60.0376 86.7692 59.6041 87.2613 59.2635C87.7534 58.9229 88.5684 58.7526 89.7064 58.7526C90.875 58.7526 91.6901 58.9229 92.1514 59.2635C92.6435 59.6041 92.9356 60.0376 93.0279 60.564C93.1509 61.0903 93.2124 61.6786 93.2124 62.3289V87.7343C93.2124 88.3226 93.1509 88.8954 93.0279 89.4528C92.9049 89.9791 92.5973 90.4126 92.1052 90.7532C91.6439 91.0629 90.8289 91.2177 89.6602 91.2177Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M45.8041 35.9527C40.1321 38.1431 35.9705 44.2016 37.2148 51.3425C37.5331 53.1694 36.3102 54.9084 34.4834 55.2267C32.6565 55.5451 30.9175 54.3222 30.5991 52.4953C28.7602 41.9422 34.9718 32.9371 43.3849 29.6882C47.6281 28.0496 52.4777 27.8499 57.1512 29.6551C61.334 31.2708 65.1725 34.4113 68.2662 39.1703C70.6587 38.2805 74.3315 37.2718 78.2292 37.5666C80.9091 37.7693 83.7808 38.5954 86.3719 40.5668C88.9685 42.5423 91.0505 45.4911 92.4362 49.5495C93.0355 51.3044 92.0986 53.2128 90.3437 53.8121C88.5888 54.4113 86.6804 53.4744 86.0811 51.7195C85.0458 48.6875 83.6589 46.9408 82.3057 45.9112C80.947 44.8774 79.3879 44.3888 77.7227 44.2629C74.2477 44 70.7135 45.3476 69.1257 46.0778C67.0105 47.0505 64.5801 46.1664 63.4951 44.2478C60.8703 39.6062 57.7303 37.0777 54.7315 35.9194C51.7245 34.7579 48.6035 34.8717 45.8041 35.9527Z" fill="white"/>
+<defs>
+<linearGradient id="paint0_linear_2070_406" x1="178.008" y1="109" x2="-67.421" y2="12.2616" gradientUnits="userSpaceOnUse">
+<stop stop-color="#DFD4FC"/>
+<stop offset="0.58" stop-color="#8E7AF7"/>
+<stop offset="1" stop-color="#261D46"/>
+</linearGradient>
+</defs>
+</svg>

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

@@ -2,7 +2,9 @@ export declare enum Eftpos {
     Payo = "payo",
     Tyro = "tyro",
     Windcave = "windcave",
-    Stripe = "stripe"
+    Stripe = "stripe",
+    Linkly = "linkly",
+    MX51 = "mx51"
 }
 export declare enum DeviceEnum {
     /** 新增 */

package/es/components/eftpos/const.js

@@ -19,6 +19,8 @@ export var Eftpos = /*#__PURE__*/function (Eftpos) {
   Eftpos["Tyro"] = "tyro";
   Eftpos["Windcave"] = "windcave";
   Eftpos["Stripe"] = "stripe";
+  Eftpos["Linkly"] = "linkly";
+  Eftpos["MX51"] = "mx51";
   return Eftpos;
 }({});
 export var DeviceEnum = /*#__PURE__*/function (DeviceEnum) {

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

@@ -1,9 +1,11 @@
 import React from 'react';
-import { DeviceProp } from './const';
+import { DeviceProp, Eftpos } from './const';
 interface DeviceProps {
     formItemList: any[];
     onSave: (device: DeviceProp) => void;
     children?: React.ReactNode;
+    type?: Eftpos;
+    status?: 'add' | 'edit' | 'repair';
 }
-declare const Device: (props: DeviceProps) => JSX.Element;
+declare const Device: (props: DeviceProps) => React.JSX.Element;
 export default Device;

package/es/components/eftpos/device.js

@@ -1,14 +1,16 @@
 import React from 'react';
 import { Form, Button } from 'antd';
 import { locales } from '@pisell/utils';
-import { getDefaultValue } from "./const";
+import { Eftpos, getDefaultValue } from "./const";
 import FormItem from "./form";
 var Device = function Device(props) {
   var onSave = props.onSave,
     children = props.children,
     formItemList = props.formItemList;
   var initialValues = getDefaultValue(formItemList);
-  return /*#__PURE__*/React.createElement(Form, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, (props === null || props === void 0 ? void 0 : props.type) === Eftpos.MX51 && /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode__pos-device-pair-text"
+  }, "Pair your POS with an mx51 terminal using the pairing code shown on the terminal."), /*#__PURE__*/React.createElement(Form, {
     layout: "vertical",
     onFinish: onSave,
     initialValues: initialValues,
@@ -29,6 +31,6 @@ var Device = function Device(props) {
     style: {
       height: '48px'
     }
-  }, locales.getText('page.eftpos.text.save'))));
+  }, (props === null || props === void 0 ? void 0 : props.status) === 'edit' ? locales.getText('page.eftpos.text.save') : locales.getText('page.eftpos.text.pair')))));
 };
 export default Device;

package/es/components/eftpos/deviceList/index.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const _default: ({ input, ...formItemProps }: any) => JSX.Element;
+import React from 'react';
+declare const _default: ({ input, ...formItemProps }: any) => React.JSX.Element;
 export default _default;

package/es/components/eftpos/form/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 /**
  * @title: 递归循环表单数据
  * @Author: hongbing.wang
@@ -8,7 +8,7 @@ declare const CustomFormItem: ({ formItemList, level, onChange, }: {
     formItemList: any[];
     level?: number | undefined;
     onChange?: ((...agrn: unknown[]) => unknown) | undefined;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default CustomFormItem;
 declare type helpMappingType = {
     [key: string]: {

package/es/components/eftpos/group/index.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import React from 'react';
 import { RadioGroupProps } from 'antd';
-export declare const CheckboxGroup: ({ direction, options, ...props }: any) => JSX.Element;
+export declare const CheckboxGroup: ({ direction, options, ...props }: any) => React.JSX.Element;
 export declare const RadioGroup: ({ direction, options, ...props }: RadioGroupProps & {
     direction?: "vertical" | undefined;
-}) => JSX.Element;
+}) => React.JSX.Element;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Eftpos } from './const';
 /**
  * @title: tyro 设备连接
@@ -32,3 +31,10 @@ export declare const useTyro: (params: {
     url?: string;
     version?: string;
 }) => readonly [import("react").MutableRefObject<any>, boolean];
+export declare const useRequest: () => any;
+/**
+ * @title 配对请求
+ */
+export declare const usePairRequest: () => {
+    run: (params: any) => any;
+};

package/es/components/eftpos/hooks.js

@@ -10,6 +10,8 @@ function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try
 function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
 import { useEffect, useMemo, useRef, useState } from 'react';
 import loadjs from "../../utils/load";
+import useEngineContext from "../../hooks/useEngineContext";
+
 /**
  * @title: tyro 设备连接
  * @Author: hongbing.wang
@@ -115,4 +117,22 @@ export var useTyro = function useTyro(params) {
     });
   }, [url]);
   return [ref, load];
+};
+export var useRequest = function useRequest() {
+  var _context$appHelper;
+  var context = useEngineContext();
+  return (context === null || context === void 0 || (_context$appHelper = context.appHelper) === null || _context$appHelper === void 0 || (_context$appHelper = _context$appHelper.utils) === null || _context$appHelper === void 0 ? void 0 : _context$appHelper.request) || {};
+};
+
+/**
+ * @title 配对请求
+ */
+export var usePairRequest = function usePairRequest() {
+  var request = useRequest();
+  var run = function run(params) {
+    return request.post('/shop/pay/card-reader/pair', params, {});
+  };
+  return {
+    run: run
+  };
 };

package/es/components/eftpos/icon/apiKey.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
+import React from 'react';
 declare const _default: ({ color }: {
     color?: string | undefined;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default _default;

package/es/components/eftpos/icon/device.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
+import React from 'react';
 declare const _default: ({ color }: {
     color?: string | undefined;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default _default;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { Eftpos, DeviceStatus } from './const';
 import './index.less';
 interface PosProps {
@@ -43,5 +43,5 @@ interface PosProps {
     getPosComm: (...agrn: unknown[]) => any;
     savePos: (...agrn: unknown[]) => any;
 }
-declare const _default: (props: PosProps) => JSX.Element;
+declare const _default: (props: PosProps) => React.JSX.Element;
 export default _default;

package/es/components/eftpos/index.js

@@ -23,11 +23,15 @@ import Pos from "./pos";
 import Drawer from "../booking/components/drawer";
 import Log from "./log";
 import localeTexts from "./locales";
-import { usePairTerminalo } from "./hooks";
+import { usePairRequest, usePairTerminalo } from "./hooks";
 import DeviceIcon from "./icon/apiKey";
 import ApiKeyIcon from "./icon/device";
 import { getLocale } from "../../utils/locales";
+import { usePairModal } from "./PairModal/hooks";
+import PairModal from "./PairModal/index";
 import { Eftpos, getCommByFields, DeviceEnum, getDefaultValue } from "./const";
+import { Image } from '@pisell/materials';
+import mx51SCISvg from "./assets/mx51SCI.svg";
 import "./index.less";
 locales.init(localeTexts, getLocale());
 
@@ -183,6 +187,8 @@ export default (function (props) {
     _useState22 = _slicedToArray(_useState21, 2),
     posLoading = _useState22[0],
     setPosLoading = _useState22[1];
+  var pairModalHook = usePairModal();
+  var pairRequest = usePairRequest();
 
   /**
    * @title: 删除设备
@@ -303,34 +309,58 @@ export default (function (props) {
    * @Date: 2024-08-20 11:21
    */
   var onSave = /*#__PURE__*/function () {
-    var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4(device) {
+    var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4(device, pair_response) {
       var update;
       return _regeneratorRuntime().wrap(function _callee4$(_context4) {
         while (1) switch (_context4.prev = _context4.next) {
           case 0:
             console.log('device = ', device);
+            console.log('pair_response = ', pair_response);
             update = /*#__PURE__*/function () {
               var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
+                var _device$connection, _device$connection2;
                 return _regeneratorRuntime().wrap(function _callee3$(_context3) {
                   while (1) switch (_context3.prev = _context3.next) {
                     case 0:
-                      _context3.next = 2;
+                      _context3.prev = 0;
+                      _context3.next = 3;
                       return onEdit(_objectSpread(_objectSpread({}, device), {}, {
-                        type: type
-                      }), status || 'add').catch(function () {
-                        setLoading(false);
-                      });
-                    case 2:
+                        type: type,
+                        pair_response: pair_response
+                      }), status || 'add');
+                    case 3:
+                      // MX51 设备在新增与重连时候需单独展示提示信息
+                      if (type === Eftpos.MX51 && (status === DeviceEnum.Add || status === DeviceEnum.Repair)) {
+                        messageApi.open({
+                          type: 'success',
+                          style: {
+                            zIndex: (zIndex || 9999) + 1
+                          },
+                          content: /*#__PURE__*/React.createElement("div", {
+                            className: "pisell-lowcode__pos_message-custom-content_mx51"
+                          }, /*#__PURE__*/React.createElement("span", null, "Terminal paired successfully."), /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement("span", null, "Pairing Name: ", (device === null || device === void 0 || (_device$connection = device.connection) === null || _device$connection === void 0 ? void 0 : _device$connection.pairing_nickname) || '-'), /*#__PURE__*/React.createElement("span", null, "Pairing ID: ", (device === null || device === void 0 || (_device$connection2 = device.connection) === null || _device$connection2 === void 0 ? void 0 : _device$connection2.pairing_code) || '-')))
+                        });
+                      }
+                      _context3.next = 9;
+                      break;
+                    case 6:
+                      _context3.prev = 6;
+                      _context3.t0 = _context3["catch"](0);
+                      console.error('onSave error =>', _context3.t0);
+                    case 9:
+                      _context3.prev = 9;
                       setLoading(false);
-                      _context3.next = 5;
+                      return _context3.finish(9);
+                    case 12:
+                      _context3.next = 14;
                       return tableRef.current.loadData();
-                    case 5:
+                    case 14:
                       setPage('list');
-                    case 6:
+                    case 15:
                     case "end":
                       return _context3.stop();
                   }
-                }, _callee3);
+                }, _callee3, null, [[0, 6, 9, 12]]);
               }));
               return function update() {
                 return _ref5.apply(this, arguments);
@@ -338,7 +368,7 @@ export default (function (props) {
             }();
             setLoading(true);
             if (!(type === 'tyro' && status !== 'edit')) {
-              _context4.next = 6;
+              _context4.next = 7;
               break;
             }
             pair(_objectSpread(_objectSpread({}, config), device.connection), function (response) {
@@ -379,15 +409,15 @@ export default (function (props) {
               update();
             });
             return _context4.abrupt("return");
-          case 6:
-            update();
           case 7:
+            update();
+          case 8:
           case "end":
             return _context4.stop();
         }
       }, _callee4);
     }));
-    return function onSave(_x3) {
+    return function onSave(_x3, _x4) {
       return _ref4.apply(this, arguments);
     };
   }();
@@ -479,6 +509,71 @@ export default (function (props) {
   useEffect(function () {
     setPage('list');
   }, [type]);
+
+  /**
+   * @title 保存配对信息
+   * @description MX51设备配对的第一步不是直接保存，而是要先发起配对请求，等刷卡机上配对后，再保存
+   */
+  var onSavePair = /*#__PURE__*/function () {
+    var _ref7 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee6(device) {
+      var eftposList, response;
+      return _regeneratorRuntime().wrap(function _callee6$(_context6) {
+        while (1) switch (_context6.prev = _context6.next) {
+          case 0:
+            eftposList = [Eftpos.MX51]; // MX51 设备在新增与重连时候需单独发起配对请求
+            if (!(eftposList.includes(type) && (status === DeviceEnum.Add || status === DeviceEnum.Repair))) {
+              _context6.next = 18;
+              break;
+            }
+            _context6.prev = 2;
+            setLoading(true);
+            _context6.next = 6;
+            return pairRequest.run(_objectSpread(_objectSpread({}, (device === null || device === void 0 ? void 0 : device.connection) || {}), {}, {
+              type: type
+            }));
+          case 6:
+            response = _context6.sent;
+            if ((response === null || response === void 0 ? void 0 : response.code) == 200) {
+              pairModalHook.open({
+                data: {
+                  type: type,
+                  device: device,
+                  pairResponse: response === null || response === void 0 ? void 0 : response.data
+                },
+                onCancel: function onCancel() {
+                  pairModalHook.close();
+                },
+                onConfirm: function onConfirm() {
+                  pairModalHook.close();
+                  onSave(device, response === null || response === void 0 ? void 0 : response.data);
+                }
+              });
+            }
+            _context6.next = 13;
+            break;
+          case 10:
+            _context6.prev = 10;
+            _context6.t0 = _context6["catch"](2);
+            console.error('onSavePair error =>', _context6.t0);
+          case 13:
+            _context6.prev = 13;
+            setLoading(false);
+            return _context6.finish(13);
+          case 16:
+            _context6.next = 19;
+            break;
+          case 18:
+            onSave(device);
+          case 19:
+          case "end":
+            return _context6.stop();
+        }
+      }, _callee6, null, [[2, 10, 13, 16]]);
+    }));
+    return function onSavePair(_x5) {
+      return _ref7.apply(this, arguments);
+    };
+  }();
   if (type === Eftpos.Windcave) {
     // 使用 stripe 支付 需要设置 商家参数
     return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(PosTabs, {
@@ -567,7 +662,17 @@ export default (function (props) {
   }), /*#__PURE__*/React.createElement(Drawer, {
     open: page === 'edit',
     onClose: onBack,
-    title: locales.getText('page.eftpos.text.device.add')(status, name),
+    title: type === Eftpos.MX51 ? /*#__PURE__*/React.createElement("span", {
+      style: {
+        display: 'inline-flex',
+        alignItems: 'center',
+        gap: '4px'
+      }
+    }, /*#__PURE__*/React.createElement(Image, {
+      src: mx51SCISvg,
+      preview: false,
+      width: 24
+    }), /*#__PURE__*/React.createElement("span", null, "Simple Cloud Payments")) : locales.getText('page.eftpos.text.device.add')(status, name),
     titleNoWrap: true,
     zIndex: zIndex || 9999,
     destroyOnClose: true,
@@ -578,8 +683,10 @@ export default (function (props) {
     wrapperClassName: "pisell-lowcode__pos_box"
   }, /*#__PURE__*/React.createElement(Device, {
     formItemList: deviceItemList,
-    onSave: onSave,
-    key: "device".concat(type)
+    onSave: onSavePair,
+    key: "device".concat(type),
+    type: type,
+    status: status
   }, pairStatus ? /*#__PURE__*/React.createElement(Form.Item, {
     label: "Status"
   }, /*#__PURE__*/React.createElement(Input, {
@@ -603,5 +710,5 @@ export default (function (props) {
     tyroUrl: tyroUrl,
     tyroVersion: tyroVersion,
     device: deviceItem
-  })), contextHolder);
+  })), contextHolder, pairModalHook.visible && /*#__PURE__*/React.createElement(PairModal, pairModalHook.modalProps));
 });

package/es/components/eftpos/index.less

@@ -88,7 +88,6 @@
   display: flex;
 }
 
-
 .pisell-lowcode__pos_drawer {
   transform: translateZ(0);
 }
@@ -204,3 +203,29 @@
   display: flex;
   flex-direction: column;
 }
+.pisell-lowcode__pos-device-pair-text {
+  padding: 0 24px 0 34px;
+  color: #101828;
+  font-size: 14px;
+  font-weight: 400;
+}
+
+.pisell-lowcode__pos_message
+  .pisell-lowcode__pos_message-notice-content
+  .pisell-lowcode__pos_message-success {
+  display: flex;
+  align-items: center;
+}
+
+.pisell-lowcode__pos_message-custom-content_mx51 {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  justify-content: center;
+
+  > span:last-child {
+    display: flex;
+    gap: 10px;
+    flex-wrap: wrap;
+  }
+}

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

@@ -15,6 +15,7 @@ declare const _default: {
         'page.eftpos.text.edit': string;
         'page.eftpos.text.delete': string;
         'page.eftpos.text.save': string;
+        'page.eftpos.text.pair': string;
         'page.eftpos.text.confim.delete': string;
         'page.eftpos.text.confirm_delete-message': (x: string) => string;
         'page.eftpos.text.confim.cancel': string;
@@ -30,6 +31,13 @@ declare const _default: {
         'page.eftpos.text.setting': string;
         'page.eftpos.text.setting.tip': string;
         'page.eftpos.text.setting.btn': string;
+        'page.eftpos.text.pair.modal.content.text-info': (status: string) => {
+            title: string;
+            description: string;
+            codeTitle: string;
+            cancenButtonText: string;
+            okButtonText: string;
+        } | undefined;
     };
     'zh-CN': {
         'page.eftpos.text.manufacturer': string;
@@ -47,6 +55,7 @@ declare const _default: {
         'page.eftpos.text.edit': string;
         'page.eftpos.text.delete': string;
         'page.eftpos.text.save': string;
+        'page.eftpos.text.pair': string;
         'page.eftpos.text.confim.delete': string;
         'page.eftpos.text.confirm_delete-message': (x: string) => string;
         'page.eftpos.text.confim.cancel': string;
@@ -62,6 +71,13 @@ declare const _default: {
         'page.eftpos.text.setting': string;
         'page.eftpos.text.setting.tip': string;
         'page.eftpos.text.setting.btn': string;
+        'page.eftpos.text.pair.modal.content.text-info': (status: string) => {
+            title: string;
+            description: string;
+            codeTitle: string;
+            cancenButtonText: string;
+            okButtonText: string;
+        } | undefined;
     };
     'zh-HK': {
         'page.eftpos.text.manufacturer': string;
@@ -79,6 +95,7 @@ declare const _default: {
         'page.eftpos.text.edit': string;
         'page.eftpos.text.delete': string;
         'page.eftpos.text.save': string;
+        'page.eftpos.text.pair': string;
         'page.eftpos.text.confim.delete': string;
         'page.eftpos.text.confirm_delete-message': (x: string) => string;
         'page.eftpos.text.confim.cancel': string;
@@ -94,6 +111,13 @@ declare const _default: {
         'page.eftpos.text.setting': string;
         'page.eftpos.text.setting.tip': string;
         'page.eftpos.text.setting.btn': string;
+        'page.eftpos.text.pair.modal.content.text-info': (status: string) => {
+            title: string;
+            description: string;
+            codeTitle: string;
+            cancenButtonText: string;
+            okButtonText: string;
+        } | undefined;
     };
 };
 export default _default;