@pisell/private-materials 3.0.136 → 3.0.137

package/lib/components/eftpos/device.js

@@ -38,7 +38,7 @@ var import_utils = require("@pisell/utils");
 var import_const = require("./const");
 var import_form = __toESM(require("./form"));
 var Device = (props) => {
-  const { onSave, formItemList } = props;
+  const { onSave, children, formItemList } = props;
   const initialValues = (0, import_const.getDefaultValue)(formItemList);
   return /* @__PURE__ */ import_react.default.createElement(
     import_antd.Form,
@@ -48,7 +48,7 @@ var Device = (props) => {
       initialValues,
       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("div", { style: { flex: 1, overflow: "auto", padding: "0 0 60px 0" } }, /* @__PURE__ */ import_react.default.createElement(import_form.default, { formItemList }), children),
     /* @__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")))
   );
 };

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

@@ -1,4 +1,9 @@
 import React from 'react';
+/**
+ * @title: 递归循环表单数据
+ * @Author: hongbing.wang
+ * @Date: 2024-08-20 13:21
+ */
 declare const CustomFormItem: ({ formItemList, level, onChange, }: {
     formItemList: any[];
     level?: number | undefined;

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

@@ -0,0 +1,34 @@
+/// <reference types="react" />
+import { Eftpos } from './const';
+/**
+ * @title: tyro 设备连接
+ * @Author: hongbing.wang
+ * @Date: 2024-08-20 13:23
+ */
+export declare const usePairTerminalo: (type: Eftpos, params: {
+    url?: string | undefined;
+    version?: string | undefined;
+}) => ({ mid, tid, apiKey, posProductData, }: {
+    mid: string;
+    tid: string;
+    apiKey: string;
+    posProductData: {
+        posProductVendor: string;
+        posProductName: string;
+        posProductVersion: string;
+        siteReference: string;
+    };
+}, cb: (...agrn: unknown[]) => void) => Promise<void>;
+/**
+ * @title: 获取 Tyro 资源
+ * @description:
+ * @param {Eftpos} type 类型
+ * @param {string} url 链接
+ * @return {*}
+ * @Author: hongbing.wang
+ * @Date: 2024-08-19 18:36
+ */
+export declare const useTyro: (params: {
+    url?: string | undefined;
+    version?: string | undefined;
+}) => readonly [import("react").MutableRefObject<any>, boolean];

package/lib/components/eftpos/hooks.js

@@ -0,0 +1,106 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/eftpos/hooks.tsx
+var hooks_exports = {};
+__export(hooks_exports, {
+  usePairTerminalo: () => usePairTerminalo,
+  useTyro: () => useTyro
+});
+module.exports = __toCommonJS(hooks_exports);
+var import_react = require("react");
+var import_load = __toESM(require("../../utils/load"));
+var usePairTerminalo = (type, params) => {
+  const ref = (0, import_react.useRef)();
+  const iclientRef = (0, import_react.useRef)();
+  const url = (0, import_react.useMemo)(() => {
+    return params && params.url && params.version ? `${params.url}/${params.version}` : "https://iclientsimulator.test.tyro.com/iclient-v1.js";
+  }, [params]);
+  const loadSDK = () => {
+    if (window == null ? void 0 : window.TYRO) {
+      return Promise.resolve(window == null ? void 0 : window.TYRO);
+    }
+    return (0, import_load.default)(url, document.head).then(() => {
+      console.log(window == null ? void 0 : window.TYRO);
+      return window == null ? void 0 : window.TYRO;
+    });
+  };
+  const pair = async ({
+    mid,
+    tid,
+    apiKey,
+    posProductData
+  }, cb) => {
+    if (type !== "tyro") {
+      cb({});
+      return;
+    }
+    if (!ref.current) {
+      ref.current = await loadSDK();
+    }
+    if (!ref.current) {
+      cb({});
+      return;
+    }
+    if (!iclientRef.current) {
+      const TYRO = ref.current;
+      iclientRef.current = new TYRO.IClient(apiKey, posProductData);
+    }
+    iclientRef.current.pairTerminal(mid, tid, (response) => {
+      console.log(response);
+      cb(response);
+    });
+  };
+  return pair;
+};
+var useTyro = (params) => {
+  const ref = (0, import_react.useRef)();
+  const [load, setLoad] = (0, import_react.useState)(false);
+  const url = (0, import_react.useMemo)(() => {
+    return params && params.url && params.version ? `${params.url}/${params.version}` : "https://iclientsimulator.test.tyro.com/iclient-v1.js";
+  }, [params]);
+  (0, import_react.useEffect)(() => {
+    (0, import_load.default)(url, document.head).then(() => {
+      return window == null ? void 0 : window.TYRO;
+    }).then(
+      (res) => {
+        setLoad(true);
+        ref.current = res;
+      },
+      () => {
+        setLoad(true);
+      }
+    );
+  }, [url]);
+  return [ref, load];
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  usePairTerminalo,
+  useTyro
+});

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

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

package/lib/components/eftpos/icon/apiKey.js

@@ -0,0 +1,57 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/eftpos/icon/apiKey.tsx
+var apiKey_exports = {};
+__export(apiKey_exports, {
+  default: () => apiKey_default
+});
+module.exports = __toCommonJS(apiKey_exports);
+var import_react = __toESM(require("react"));
+var apiKey_default = ({ color }) => {
+  return /* @__PURE__ */ import_react.default.createElement(
+    "svg",
+    {
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg"
+    },
+    /* @__PURE__ */ import_react.default.createElement("g", null, /* @__PURE__ */ import_react.default.createElement(
+      "path",
+      {
+        d: "M18 17V19.4C18 19.9601 18 20.2401 17.891 20.454C17.7951 20.6422 17.6422 20.7951 17.454 20.891C17.2401 21 16.9601 21 16.4 21H7.6C7.03995 21 6.75992 21 6.54601 20.891C6.35785 20.7951 6.20487 20.6422 6.10899 20.454C6 20.2401 6 19.9601 6 19.4V17M6.8 17H17.2C18.8802 17 19.7202 17 20.362 16.673C20.9265 16.3854 21.3854 15.9265 21.673 15.362C22 14.7202 22 13.8802 22 12.2V7.8C22 6.11984 22 5.27976 21.673 4.63803C21.3854 4.07354 20.9265 3.6146 20.362 3.32698C19.7202 3 18.8802 3 17.2 3H6.8C5.11984 3 4.27976 3 3.63803 3.32698C3.07354 3.6146 2.6146 4.07354 2.32698 4.63803C2 5.27976 2 6.11984 2 7.8V12.2C2 13.8802 2 14.7202 2.32698 15.362C2.6146 15.9265 3.07354 16.3854 3.63803 16.673C4.27976 17 5.11984 17 6.8 17Z",
+        stroke: color || "white",
+        "stroke-width": "1.67",
+        "stroke-linecap": "round",
+        "stroke-linejoin": "round"
+      }
+    ))
+  );
+};

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

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

package/lib/components/eftpos/icon/device.js

@@ -0,0 +1,57 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/eftpos/icon/device.tsx
+var device_exports = {};
+__export(device_exports, {
+  default: () => device_default
+});
+module.exports = __toCommonJS(device_exports);
+var import_react = __toESM(require("react"));
+var device_default = ({ color }) => {
+  return /* @__PURE__ */ import_react.default.createElement(
+    "svg",
+    {
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg"
+    },
+    /* @__PURE__ */ import_react.default.createElement("g", null, /* @__PURE__ */ import_react.default.createElement(
+      "path",
+      {
+        d: "M18.5708 20C19.8328 20 20.8568 18.977 20.8568 17.714V13.143L21.9998 12L20.8568 10.857V6.286C20.8568 5.023 19.8338 4 18.5708 4M5.429 4C4.166 4 3.143 5.023 3.143 6.286V10.857L2 12L3.143 13.143V17.714C3.143 18.977 4.166 20 5.429 20M7.5 12H7.51M12 12H12.01M16.5 12H16.51M8 12C8 12.2761 7.77614 12.5 7.5 12.5C7.22386 12.5 7 12.2761 7 12C7 11.7239 7.22386 11.5 7.5 11.5C7.77614 11.5 8 11.7239 8 12ZM12.5 12C12.5 12.2761 12.2761 12.5 12 12.5C11.7239 12.5 11.5 12.2761 11.5 12C11.5 11.7239 11.7239 11.5 12 11.5C12.2761 11.5 12.5 11.7239 12.5 12ZM17 12C17 12.2761 16.7761 12.5 16.5 12.5C16.2239 12.5 16 12.2761 16 12C16 11.7239 16.2239 11.5 16.5 11.5C16.7761 11.5 17 11.7239 17 12Z",
+        stroke: color || "white",
+        "stroke-width": "1.67",
+        "stroke-linecap": "round",
+        "stroke-linejoin": "round"
+      }
+    ))
+  );
+};

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

@@ -6,10 +6,20 @@ interface PosProps {
     type: Eftpos;
     /** 厂商名称 */
     name: string;
+    /** 厂商额外信息 */
+    config: {
+        [key: string]: unknown;
+    };
     /** 编辑页面zIndex */
     zIndex?: number;
     /** table 列表宽度 */
     tableSize: number[];
+    /** tyro sdk url */
+    tyroUrl: string;
+    /** tyro sdk version */
+    tyroVersion: string;
+    /** tyro log 是否展示 */
+    useTyroLog?: boolean;
     /** 获取字段匹配数据项 */
     getComm: (params: {
         field: string;