@pisell/utils 1.0.20 → 1.0.21

package/es/index.d.ts

@@ -6,3 +6,4 @@ export * from "./platform";
 export * from "./log";
 export * from "./format";
 export * from "./escPosPrinter";
+export * from "./jsBridge";

package/es/index.js

@@ -6,4 +6,5 @@ export * from "./platform";
 export * from "./log";
 export * from "./format";
 export * from "./escPosPrinter";
+export * from "./jsBridge";
 // export { default as firebase } from './firebase';

package/es/jsBridge/index.d.ts

@@ -0,0 +1,106 @@
+declare type LanguageNumber = {
+    en: number;
+    zh_CN: number;
+    zh_HK: number;
+};
+declare type LanguageString = {
+    en: string;
+    zh_CN: string;
+    zh_HK: string;
+} | string;
+/**
+ * 打印小票
+ */
+declare type WebPrint0 = {
+    /**
+     * 打印类型
+     * 0: 小票
+     * 1：ITS备货单/划菜单
+     * 2：手环
+     */
+    type: "0";
+    data: {
+        /** 订单ID */
+        order_id: string;
+    };
+    /** 打印语言对应的数量 */
+    language: LanguageNumber;
+};
+/**
+ * 打印ITS备货单/划菜单
+ */
+declare type WebPrint1 = {
+    /**
+     * 打印类型
+     * 0: 小票
+     * 1：ITS备货单/划菜单
+     * 2：手环
+     */
+    type: "1";
+    data: {
+        /** 0:备货 1：划单 */
+        mode: "0" | "1";
+        resource: LanguageString;
+        /** 订单备注 */
+        order_note: string;
+        /** 订单时间或商品下单时间 */
+        time: string;
+        /** 订单编号 */
+        order_number?: string;
+        /** 商品 */
+        products: {
+            /** 商品名称 */
+            product_title: LanguageString;
+            /** 商品规格 */
+            product_option_string: LanguageString;
+            /** 商品备注 */
+            product_note: string;
+            /** 商品数量 */
+            product_quantity: number;
+            /** 加菜标识 待定 */
+            is_append?: boolean;
+            /** 退菜标识 待定 */
+            is_removed?: boolean;
+        }[];
+    };
+    /** 打印语言对应的数量 */
+    language: LanguageNumber;
+};
+declare type WebPrint2 = {
+    /**
+     * 打印类型
+     * 0: 小票
+     * 1：ITS备货单/划菜单
+     * 2：手环
+     */
+    type: "2";
+    data: {
+        /** 0: 普通票 1:成人票 2:免费成人票 */
+        type: "0" | "1" | "2";
+        /** 发行编码 */
+        encoded: string;
+        /** 编码 */
+        code: string;
+        /** 到期时间 */
+        expire_date: string;
+        areas: {
+            /** 区域名字 */
+            area_name: string;
+            /** 区域代码 */
+            area_code: string;
+            /** 可用次数 */
+            limit_num: number;
+            /**  已用次数 */
+            used_num: number;
+        }[];
+    };
+};
+declare type WebPrintParams = WebPrint0 | WebPrint1 | WebPrint2;
+/**
+ * webView页面中调用打印机打印
+ * 此api暂时只支持native app平台下ios手机
+ * @param params
+ * @param callback
+ */
+export declare function webPrint(params: WebPrintParams, callback: (...arg: any) => void): void;
+export {};

package/es/jsBridge/index.js

@@ -0,0 +1,18 @@
+import regDeviceApi from "./regDeviceApi";
+/**
+ * webView页面中调用打印机打印
+ * 此api暂时只支持native app平台下ios手机
+ * @param params
+ * @param callback
+ */
+export function webPrint(params, _callback) {
+  regDeviceApi().then(function (jsBridge) {
+    jsBridge.callDeviceApi({
+      apiName: "webPrint",
+      params: params,
+      callback: function callback() {
+        _callback && _callback.apply(void 0, arguments);
+      }
+    });
+  });
+}

package/es/jsBridge/regDeviceApi.d.ts

@@ -0,0 +1,15 @@
+type ComposedJSBridge = {
+    // eslint-disable-next-line camelcase
+    callDeviceApi: (a: {
+        apiName: string;
+        callback: Functon;
+        onError?: (e: any) => void;
+        params?: any;
+        key_events?: string[];
+    }) => void;
+    calledByDevice: (a: { apiName: string; callback: Functon }) => void;
+};
+
+const regDeviceApi: () => Promise<ComposedJSBridge>;
+
+export default regDeviceApi;

package/es/jsBridge/regDeviceApi.js

@@ -0,0 +1,137 @@
+import { isAndroid, isIos } from "../platform";
+var androidRegStatus = false;
+var iosRegStatus = false;
+var androidBridge;
+var iosBridge;
+var composedBridge;
+function regIosJsBridge(callback) {
+  if (window.WebViewJavascriptBridge) {
+    callback(window.WebViewJavascriptBridge);
+    return;
+  }
+  if (window.WVJBCallbacks) {
+    window.WVJBCallbacks.push(callback);
+    return;
+  }
+  window.WVJBCallbacks = [callback];
+  var WVJBIframe = document.createElement('iframe');
+  WVJBIframe.style.display = 'none';
+  WVJBIframe.src = 'https://__bridge_loaded__';
+  document.documentElement && document.documentElement.appendChild(WVJBIframe);
+  setTimeout(function () {
+    try {
+      document.documentElement && document.documentElement.removeChild(WVJBIframe);
+    } catch (e) {
+      console.log(e);
+    }
+  }, 0);
+}
+function regAndroidJsBridge(extraInit) {
+  if (window._jsBridge) {
+    extraInit(window._jsBridge);
+    return;
+  }
+  document.addEventListener('WebViewJavascriptBridgeReady', function (event) {
+    var bridge = event.bridge;
+    window._jsBridge = bridge;
+    if (!bridge) return;
+    // 这段代码不能删除
+    bridge.init(function (message, responseCallback) {
+      if (responseCallback) {
+        responseCallback('init responseCallback');
+      }
+    });
+    extraInit(bridge);
+  }, false);
+}
+
+/**
+ * 通用jsBridge
+ * @param  deviceType
+ */
+function getComposedBridge(deviceType) {
+  if (composedBridge) {
+    return composedBridge;
+  }
+  composedBridge = {
+    // 主动调用设备的方法
+    callDeviceApi: function callDeviceApi(_ref) {
+      var apiName = _ref.apiName,
+        inCb = _ref.callback,
+        _ref$params = _ref.params,
+        params = _ref$params === void 0 ? {} : _ref$params,
+        onError = _ref.onError;
+      var callback = function callback(res) {
+        var result = res;
+        try {
+          result = JSON.parse(res);
+        } catch (error) {
+          console.log("error ".concat(apiName), error);
+        }
+        if (result.code || result.code === 0) {
+          // 强转字符串，兼容安卓的number
+          result.code = "".concat(result.code);
+        }
+        for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+          args[_key - 1] = arguments[_key];
+        }
+        inCb.apply(void 0, [result].concat(args));
+      };
+      if (deviceType === 'iphone') {
+        iosBridge.callHandler(apiName, params, callback, function (e) {
+          console.log(e, '--- 调用ios api报错：', apiName);
+          if (onError) {
+            onError(e);
+          }
+        });
+      } else if (deviceType === 'android') {
+        androidBridge.callHandler(apiName, params, callback, function (e) {
+          console.log(e, '--- 调用android api报错：', apiName);
+          if (onError) {
+            onError(e);
+          }
+        });
+      } else {
+        console.log('--- 没获取到js bridge ---');
+      }
+    },
+    // 被设备调用的方法
+    calledByDevice: function calledByDevice(_ref2) {
+      var apiName = _ref2.apiName,
+        callback = _ref2.callback;
+      if (deviceType === 'iphone') {
+        iosBridge.registerHandler(apiName, callback);
+      } else if (deviceType === 'android') {
+        androidBridge.registerHandler(apiName, callback);
+      }
+    }
+  };
+  return composedBridge;
+}
+export default function regDeviceApi() {
+  return new Promise(function (resolve, reject) {
+    if (isIos() && !iosRegStatus) {
+      regIosJsBridge(function (bridge) {
+        iosRegStatus = true;
+        iosBridge = bridge;
+        var realBridge = getComposedBridge('iphone');
+        resolve(realBridge);
+      });
+    } else if (isIos() && iosRegStatus) {
+      var realBridge = getComposedBridge('iphone');
+      resolve(realBridge);
+    } else if (isAndroid() && !androidRegStatus) {
+      regAndroidJsBridge(function (bridge) {
+        androidBridge = bridge;
+        androidRegStatus = true;
+        var realBridge = getComposedBridge('android');
+        resolve(realBridge);
+      });
+    } else if (isAndroid() && androidRegStatus) {
+      var _realBridge = getComposedBridge('android');
+      resolve(_realBridge);
+    } else {
+      reject();
+    }
+  });
+}

package/lib/index.d.ts

@@ -6,3 +6,4 @@ export * from "./platform";
 export * from "./log";
 export * from "./format";
 export * from "./escPosPrinter";
+export * from "./jsBridge";

package/lib/index.js

@@ -24,6 +24,7 @@ __reExport(src_exports, require("./platform"), module.exports);
 __reExport(src_exports, require("./log"), module.exports);
 __reExport(src_exports, require("./format"), module.exports);
 __reExport(src_exports, require("./escPosPrinter"), module.exports);
+__reExport(src_exports, require("./jsBridge"), module.exports);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ...require("./otherUtils"),
@@ -33,5 +34,6 @@ __reExport(src_exports, require("./escPosPrinter"), module.exports);
   ...require("./platform"),
   ...require("./log"),
   ...require("./format"),
-  ...require("./escPosPrinter")
+  ...require("./escPosPrinter"),
+  ...require("./jsBridge")
 });

package/lib/jsBridge/index.d.ts

@@ -0,0 +1,106 @@
+declare type LanguageNumber = {
+    en: number;
+    zh_CN: number;
+    zh_HK: number;
+};
+declare type LanguageString = {
+    en: string;
+    zh_CN: string;
+    zh_HK: string;
+} | string;
+/**
+ * 打印小票
+ */
+declare type WebPrint0 = {
+    /**
+     * 打印类型
+     * 0: 小票
+     * 1：ITS备货单/划菜单
+     * 2：手环
+     */
+    type: "0";
+    data: {
+        /** 订单ID */
+        order_id: string;
+    };
+    /** 打印语言对应的数量 */
+    language: LanguageNumber;
+};
+/**
+ * 打印ITS备货单/划菜单
+ */
+declare type WebPrint1 = {
+    /**
+     * 打印类型
+     * 0: 小票
+     * 1：ITS备货单/划菜单
+     * 2：手环
+     */
+    type: "1";
+    data: {
+        /** 0:备货 1：划单 */
+        mode: "0" | "1";
+        resource: LanguageString;
+        /** 订单备注 */
+        order_note: string;
+        /** 订单时间或商品下单时间 */
+        time: string;
+        /** 订单编号 */
+        order_number?: string;
+        /** 商品 */
+        products: {
+            /** 商品名称 */
+            product_title: LanguageString;
+            /** 商品规格 */
+            product_option_string: LanguageString;
+            /** 商品备注 */
+            product_note: string;
+            /** 商品数量 */
+            product_quantity: number;
+            /** 加菜标识 待定 */
+            is_append?: boolean;
+            /** 退菜标识 待定 */
+            is_removed?: boolean;
+        }[];
+    };
+    /** 打印语言对应的数量 */
+    language: LanguageNumber;
+};
+declare type WebPrint2 = {
+    /**
+     * 打印类型
+     * 0: 小票
+     * 1：ITS备货单/划菜单
+     * 2：手环
+     */
+    type: "2";
+    data: {
+        /** 0: 普通票 1:成人票 2:免费成人票 */
+        type: "0" | "1" | "2";
+        /** 发行编码 */
+        encoded: string;
+        /** 编码 */
+        code: string;
+        /** 到期时间 */
+        expire_date: string;
+        areas: {
+            /** 区域名字 */
+            area_name: string;
+            /** 区域代码 */
+            area_code: string;
+            /** 可用次数 */
+            limit_num: number;
+            /**  已用次数 */
+            used_num: number;
+        }[];
+    };
+};
+declare type WebPrintParams = WebPrint0 | WebPrint1 | WebPrint2;
+/**
+ * webView页面中调用打印机打印
+ * 此api暂时只支持native app平台下ios手机
+ * @param params
+ * @param callback
+ */
+export declare function webPrint(params: WebPrintParams, callback: (...arg: any) => void): void;
+export {};

package/lib/jsBridge/index.js

@@ -0,0 +1,50 @@
+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/jsBridge/index.ts
+var jsBridge_exports = {};
+__export(jsBridge_exports, {
+  webPrint: () => webPrint
+});
+module.exports = __toCommonJS(jsBridge_exports);
+var import_regDeviceApi = __toESM(require("./regDeviceApi"));
+function webPrint(params, callback) {
+  (0, import_regDeviceApi.default)().then((jsBridge) => {
+    jsBridge.callDeviceApi({
+      apiName: "webPrint",
+      params,
+      callback: (...arg) => {
+        callback && callback(...arg);
+      }
+    });
+  });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  webPrint
+});

package/lib/jsBridge/regDeviceApi.d.ts

@@ -0,0 +1,15 @@
+type ComposedJSBridge = {
+    // eslint-disable-next-line camelcase
+    callDeviceApi: (a: {
+        apiName: string;
+        callback: Functon;
+        onError?: (e: any) => void;
+        params?: any;
+        key_events?: string[];
+    }) => void;
+    calledByDevice: (a: { apiName: string; callback: Functon }) => void;
+};
+
+const regDeviceApi: () => Promise<ComposedJSBridge>;
+
+export default regDeviceApi;

package/lib/jsBridge/regDeviceApi.js

@@ -0,0 +1,149 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/jsBridge/regDeviceApi.js
+var regDeviceApi_exports = {};
+__export(regDeviceApi_exports, {
+  default: () => regDeviceApi
+});
+module.exports = __toCommonJS(regDeviceApi_exports);
+var import_platform = require("../platform");
+var androidRegStatus = false;
+var iosRegStatus = false;
+var androidBridge;
+var iosBridge;
+var composedBridge;
+function regIosJsBridge(callback) {
+  if (window.WebViewJavascriptBridge) {
+    callback(window.WebViewJavascriptBridge);
+    return;
+  }
+  if (window.WVJBCallbacks) {
+    window.WVJBCallbacks.push(callback);
+    return;
+  }
+  window.WVJBCallbacks = [callback];
+  const WVJBIframe = document.createElement("iframe");
+  WVJBIframe.style.display = "none";
+  WVJBIframe.src = "https://__bridge_loaded__";
+  document.documentElement && document.documentElement.appendChild(WVJBIframe);
+  setTimeout(() => {
+    try {
+      document.documentElement && document.documentElement.removeChild(WVJBIframe);
+    } catch (e) {
+      console.log(e);
+    }
+  }, 0);
+}
+function regAndroidJsBridge(extraInit) {
+  if (window._jsBridge) {
+    extraInit(window._jsBridge);
+    return;
+  }
+  document.addEventListener(
+    "WebViewJavascriptBridgeReady",
+    (event) => {
+      const { bridge } = event;
+      window._jsBridge = bridge;
+      if (!bridge)
+        return;
+      bridge.init((message, responseCallback) => {
+        if (responseCallback) {
+          responseCallback("init responseCallback");
+        }
+      });
+      extraInit(bridge);
+    },
+    false
+  );
+}
+function getComposedBridge(deviceType) {
+  if (composedBridge) {
+    return composedBridge;
+  }
+  composedBridge = {
+    // 主动调用设备的方法
+    callDeviceApi: ({ apiName, callback: inCb, params = {}, onError }) => {
+      const callback = (res, ...args) => {
+        let result = res;
+        try {
+          result = JSON.parse(res);
+        } catch (error) {
+          console.log(`error ${apiName}`, error);
+        }
+        if (result.code || result.code === 0) {
+          result.code = `${result.code}`;
+        }
+        inCb(result, ...args);
+      };
+      if (deviceType === "iphone") {
+        iosBridge.callHandler(apiName, params, callback, (e) => {
+          console.log(e, "--- \u8C03\u7528ios api\u62A5\u9519\uFF1A", apiName);
+          if (onError) {
+            onError(e);
+          }
+        });
+      } else if (deviceType === "android") {
+        androidBridge.callHandler(apiName, params, callback, (e) => {
+          console.log(e, "--- \u8C03\u7528android api\u62A5\u9519\uFF1A", apiName);
+          if (onError) {
+            onError(e);
+          }
+        });
+      } else {
+        console.log("--- \u6CA1\u83B7\u53D6\u5230js bridge ---");
+      }
+    },
+    // 被设备调用的方法
+    calledByDevice: ({ apiName, callback }) => {
+      if (deviceType === "iphone") {
+        iosBridge.registerHandler(apiName, callback);
+      } else if (deviceType === "android") {
+        androidBridge.registerHandler(apiName, callback);
+      }
+    }
+  };
+  return composedBridge;
+}
+function regDeviceApi() {
+  return new Promise((resolve, reject) => {
+    if ((0, import_platform.isIos)() && !iosRegStatus) {
+      regIosJsBridge((bridge) => {
+        iosRegStatus = true;
+        iosBridge = bridge;
+        const realBridge = getComposedBridge("iphone");
+        resolve(realBridge);
+      });
+    } else if ((0, import_platform.isIos)() && iosRegStatus) {
+      const realBridge = getComposedBridge("iphone");
+      resolve(realBridge);
+    } else if ((0, import_platform.isAndroid)() && !androidRegStatus) {
+      regAndroidJsBridge((bridge) => {
+        androidBridge = bridge;
+        androidRegStatus = true;
+        const realBridge = getComposedBridge("android");
+        resolve(realBridge);
+      });
+    } else if ((0, import_platform.isAndroid)() && androidRegStatus) {
+      const realBridge = getComposedBridge("android");
+      resolve(realBridge);
+    } else {
+      reject();
+    }
+  });
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/utils",
-  "version": "1.0.20",
+  "version": "1.0.21",
   "sideEffects": false,
   "main": "./lib/index.js",
   "module": "./es/index.js",