react_hsbc_teller 2.0.0 → 2.0.2-4.1

package/packages/pages/video/video.less

@@ -276,6 +276,7 @@
   font-size: 22px;
     color: #222222;
     font-weight: 600;
+    transform: translateX(-100px);
   ul{
     li{ 
       list-style: none;
@@ -328,6 +329,27 @@
     padding: 6px 13px;
   }
 }
+.envClass {
+  margin-bottom: 0;
+  padding-left: 1.25rem;
+}
+.ant-collapse > .ant-collapse-item > .ant-collapse-header{
+  font-weight: bold;
+}
+.ant-collapse > .ant-collapse-item.panel-error > .ant-collapse-header{
+  color: #DA0110;
+}
+.ant-collapse-ghost > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box{
+  padding-top: 0 !important;
+}
+.ant-collapse-header{
+  img{
+    width: 16px;
+    height: 16px;
+    margin-left: 10px;
+    margin-bottom: 1px;
+  }
+}
 .voiceClass{
   width: 25Px;
   height: 25.3Px;
@@ -419,7 +441,7 @@
   border-spacing: 20px!important;
 }
 .modelButtonFaceOkColorFile{
-  width: 170px!important;
+  min-width: 170px!important;
   height: 40px!important;
   font-size: 16px!important;
   color: #5C5C5C!important;
@@ -622,4 +644,22 @@ display: inline-flex;
 .imgDIV{
   margin: 0 !important;
   text-align:center;
-}
+}
+.QRCode{
+  position: absolute;
+  right: -200px;
+  top: 30px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  .sessionDiv{
+    background: #DB0011;
+    border-radius: 20px;
+    padding: 0 15px;
+    text-align: center;
+    line-height: 40px;
+    height: 40px;
+    color: white;
+    margin-top: 20px;
+  }
+}

package/packages/utils/utils.js

@@ -0,0 +1,114 @@
+function compressImage(base64, callback) {
+  var targSize = 1024 * 1024 * 1.45 //1024KB  
+  if (base64.length <= targSize) {
+      callback(base64);
+      // console.log("直接返回")
+      return
+  }
+  var newImage = new Image();
+  newImage.src = base64;
+  console.log('压缩前'+base64.length)
+  newImage.setAttribute("crossOrigin", 'Anonymous'); //url为外域时需要  
+  newImage.onload = function () {
+      var quality = 0.95; //压缩系数0-1之间
+      var canvas = document.createElement("canvas");
+      var ctx = canvas.getContext("2d");
+      canvas.width = 720
+      canvas.height = 405
+      ctx.clearRect(0, 0, canvas.width, canvas.height);
+      ctx.drawImage(newImage, 0, 0, canvas.width, canvas.height);
+      var base64 = canvas.toDataURL("image/png", quality); //压缩语句
+      // 如想确保图片压缩到自己想要的尺寸,如要求在5-10kb之间，请加以下语句，quality初始值根据情况自定
+      // console.log(base64.length + "循环1压缩" + (base64.length / 1024 > 512))
+      
+      // while (base64.length > targSize) {
+      //     quality -= 0.03;
+      //     // console.log(base64.length + "循环压缩" + quality)
+      //     base64 = canvas.toDataURL("image/png", quality);
+      // }
+      console.log('压缩后'+base64.length)
+      callback(base64); //必须通过回调函数返回，否则无法及时拿到该值
+  }
+}
+function debounce(fn, delay = 500) {
+  // 是闭包中的
+  let timer
+  
+  // input事件调用的函数，相当于obj调用函数 this指向Input
+  return function() {
+     // 这个if 判断不做也没关系，判断了（除第一次非空的情况）也就是执行从第二次开始，在延迟时间内多次触发才会走该判断
+     if(timer) {clearTimeout(timer)}
+     // 此时的箭头函数的this 和 arguments 都是从外部函数继承而来
+     // 如果用普通函数就要用词法作用域 var tshat = this var arg = arguments
+     timer = setTimeout(() =>{
+        // 使得传入的回调函数的this 指向Input这个元素对象
+        // arguments是该事件的详情，可以获得该函数被调用时的所有参数,是一个event 对象（所有Dom事件都会传event对象进入）
+        // 直接使用 fn() 问题也不大
+        fn.apply(this,arguments) 
+        timer = null
+     },delay)
+ }
+}
+function isLight(src) {
+  let gray = new cv.Mat() 
+  cv.cvtColor(src, gray, cv.COLOR_BGR2GRAY)
+  let sum = 0;
+  let avg = 0;
+  let scalar = new cv.Scalar() 
+  let ls = new Array();
+  let size = gray.rows * gray.cols;
+  for (let i = 0; i < 256; i++)
+      ls[i] = 0;
+
+  for (let i = 0; i < gray.rows; i++)
+  {
+      for (let j = 0; j < gray.cols; j++)
+      {
+          scalar = gray.ucharPtr(i, j);
+          sum += (scalar[0] - 128);
+          let x = scalar[0];
+          ls[x]++;
+      }
+  }
+  avg = sum / size;
+  let total = 0;
+  let mean = 0;
+  for (let i = 0; i < 256; i++)
+  {
+      total +=  Math.abs((i - 128) - avg) * ls[i];
+  }
+  mean = total / size;
+  let cast = Math.abs(avg / mean);
+
+  // 调用delete释放堆的内存
+  gray.delete();
+
+  console.log('亮度值:', cast)
+  //std::cout <<  "亮度异常值:" << cast << std::endl;
+  if (cast > 1)
+  {
+      if (avg > 0)
+      {
+        console.log('亮度异常 过亮:')
+          //std::cout << "亮度异常 过亮" << avg << std::endl;
+          return 1;
+      }
+      else {
+        console.log('亮度异常 过暗')
+          //std::cout << "亮度异常 过暗" << avg << std::endl;
+          return -1;
+      }
+  }
+  else
+  {
+    console.log('亮度正常')
+      //std::cout << "normal" << std::endl;
+      return 0;
+  }
+  
+}
+export {
+  compressImage,
+  debounce,
+  isLight
+}

package/packages/common/JKL.js

@@ -1,61 +0,0 @@
-const JKL = {};
-
-JKL.Dumper = function () {
-  return this;
-};
-
-//  Dump the data into JSON format
-
-JKL.Dumper.prototype.dump = function (data, offset) {
-  if (typeof (offset) === 'undefined') offset = '';
-  const nextoff = `${offset}  `;
-  switch (typeof (data)) {
-    case 'string':
-      return `"${this.escapeString(data)}"`;
-      break;
-    case 'number':
-      return data;
-      break;
-    case 'boolean':
-      return data ? 'true' : 'false';
-      break;
-    case 'undefined':
-      return 'null';
-      break;
-    case 'object':
-      if (data == null) {
-        return 'null';
-      } if (data.constructor == Array) {
-        var array = [];
-        for (let i = 0; i < data.length; i++) {
-          array[i] = this.dump(data[i], nextoff);
-        }
-        return `[\n${nextoff}${array.join(`,\n${nextoff}`)}\n${offset}]`;
-      }
-      var array = [];
-      for (let key in data) {
-        const val = this.dump(data[key], nextoff);
-        //              if ( key.match( /[^A-Za-z0-9_]/ )) {
-        key = `"${this.escapeString(key)}"`;
-        //              }
-        array[array.length] = `${key}: ${val}`;
-      }
-      if (array.length == 1 && !array[0].match(/[\n\{\[]/)) {
-        return `{ ${array[0]} }`;
-      }
-      return `{\n${nextoff}${array.join(`,\n${nextoff}`)}\n${offset}}`;
-
-      break;
-    default:
-      return data;
-      // unsupported data type
-      break;
-  }
-};
-
-//  escape '\' and '"'
-
-JKL.Dumper.prototype.escapeString = function (str) {
-  return str.replace(/\\/g, '\\\\').replace(/\"/g, '\\"');
-};
-export default JKL;

package/packages/common/XML.js

@@ -1,271 +0,0 @@
-/* eslint-disable no-undef */
-// ========================================================================
-//  XML.ObjTree -- XML source code from/to JavaScript object like E4X
-// ========================================================================
-
-import JKL from './JKL';
-
-const XML = {};
-
-XML.ObjTree = function () {
-  return this;
-};
-
-//  class variables
-
-XML.ObjTree.VERSION = '0.23';
-
-//  object prototype
-
-XML.ObjTree.prototype.xmlDecl = '<?xml version="1.0" encoding="UTF-8" ?>\n';
-XML.ObjTree.prototype.attr_prefix = '-';
-
-//  method: parseXML( xmlsource )
-
-XML.ObjTree.prototype.parseXML = function (xml) {
-  let xmldom;
-  let root;
-  if (window.DOMParser) {
-    xmldom = new DOMParser();
-    //      xmldom.async = false;           // DOMParser is always sync-mode
-    const dom = xmldom.parseFromString(xml, 'application/xml');
-    if (!dom) return;
-    root = dom.documentElement;
-  } else if (window.ActiveXObject) {
-    xmldom = new ActiveXObject('Microsoft.XMLDOM');
-    xmldom.async = false;
-    xmldom.loadXML(xml);
-    root = xmldom.documentElement;
-  }
-  if (!root) return;
-  return this.parseDOM(root);
-};
-
-//  method: parseHTTP( url, options, callback )
-
-XML.ObjTree.prototype.parseHTTP = function (url, options, callback) {
-  const myopt = {};
-  for (const key in options) {
-    myopt[key] = options[key]; // copy object
-  }
-  if (!myopt.method) {
-    if (typeof (myopt.postBody) === 'undefined'
-            && typeof (myopt.postbody) === 'undefined'
-            && typeof (myopt.parameters) === 'undefined') {
-      myopt.method = 'get';
-    } else {
-      myopt.method = 'post';
-    }
-  }
-  if (callback) {
-    myopt.asynchronous = true; // async-mode
-    const __this = this;
-    const __func = callback;
-    const __save = myopt.onComplete;
-    myopt.onComplete = function (trans) {
-      let tree;
-      if (trans && trans.responseXML && trans.responseXML.documentElement) {
-        tree = __this.parseDOM(trans.responseXML.documentElement);
-      }
-      __func(tree, trans);
-      if (__save) __save(trans);
-    };
-  } else {
-    myopt.asynchronous = false; // sync-mode
-  }
-  let trans;
-  if (typeof (HTTP) !== 'undefined' && HTTP.Request) {
-    myopt.uri = url;
-    var req = new HTTP.Request(myopt); // JSAN
-    if (req) trans = req.transport;
-  } else if (typeof (Ajax) !== 'undefined' && Ajax.Request) {
-    var req = new Ajax.Request(url, myopt); // ptorotype.js
-    if (req) trans = req.transport;
-  }
-  if (callback) return trans;
-  if (trans && trans.responseXML && trans.responseXML.documentElement) {
-    return this.parseDOM(trans.responseXML.documentElement);
-  }
-};
-
-//  method: parseDOM( documentroot )
-
-XML.ObjTree.prototype.parseDOM = function (root) {
-  if (!root) return;
-
-  this.__force_array = {};
-  if (this.force_array) {
-    for (let i = 0; i < this.force_array.length; i++) {
-      this.__force_array[this.force_array[i]] = 1;
-    }
-  }
-
-  let json = this.parseElement(root); // parse root node
-  if (this.__force_array[root.nodeName]) {
-    json = [json];
-  }
-  if (root.nodeType != 11) { // DOCUMENT_FRAGMENT_NODE
-    const tmp = {};
-    tmp[root.nodeName] = json; // root nodeName
-    json = tmp;
-  }
-  return json;
-};
-
-//  method: parseElement( element )
-
-XML.ObjTree.prototype.parseElement = function (elem) {
-  //  COMMENT_NODE
-  if (elem.nodeType == 7) {
-    return;
-  }
-
-  //  TEXT_NODE CDATA_SECTION_NODE
-  if (elem.nodeType == 3 || elem.nodeType == 4) {
-    const bool = elem.nodeValue.match(/[^\x00-\x20]/);
-    if (bool == null) return; // ignore white spaces
-    return elem.nodeValue;
-  }
-
-  let retval;
-  const cnt = {};
-
-  //  parse attributes
-  if (elem.attributes && elem.attributes.length) {
-    retval = {};
-    for (var i = 0; i < elem.attributes.length; i++) {
-      var key = elem.attributes[i].nodeName;
-      if (typeof (key) !== 'string') continue;
-      var val = elem.attributes[i].nodeValue;
-      if (!val) continue;
-      key = this.attr_prefix + key;
-      if (typeof (cnt[key]) === 'undefined') cnt[key] = 0;
-      cnt[key]++;
-      this.addNode(retval, key, cnt[key], val);
-    }
-  }
-
-  //  parse child nodes (recursive)
-  if (elem.childNodes && elem.childNodes.length) {
-    let textonly = true;
-    if (retval) textonly = false; // some attributes exists
-    for (var i = 0; i < elem.childNodes.length && textonly; i++) {
-      const ntype = elem.childNodes[i].nodeType;
-      if (ntype == 3 || ntype == 4) continue;
-      textonly = false;
-    }
-    if (textonly) {
-      if (!retval) retval = '';
-      for (var i = 0; i < elem.childNodes.length; i++) {
-        retval += elem.childNodes[i].nodeValue;
-      }
-    } else {
-      if (!retval) retval = {};
-      for (var i = 0; i < elem.childNodes.length; i++) {
-        var key = elem.childNodes[i].nodeName;
-        if (typeof (key) !== 'string') continue;
-        var val = this.parseElement(elem.childNodes[i]);
-        if (!val) continue;
-        if (typeof (cnt[key]) === 'undefined') cnt[key] = 0;
-        cnt[key]++;
-        this.addNode(retval, key, cnt[key], val);
-      }
-    }
-  }
-  return retval;
-};
-
-//  method: addNode( hash, key, count, value )
-
-XML.ObjTree.prototype.addNode = function (hash, key, cnts, val) {
-  if (this.__force_array[key]) {
-    if (cnts == 1) hash[key] = [];
-    hash[key][hash[key].length] = val; // push
-  } else if (cnts == 1) { // 1st sibling
-    hash[key] = val;
-  } else if (cnts == 2) { // 2nd sibling
-    hash[key] = [hash[key], val];
-  } else { // 3rd sibling and more
-    hash[key][hash[key].length] = val;
-  }
-};
-
-//  method: writeXML( tree )
-
-XML.ObjTree.prototype.writeXML = function (tree) {
-  const xml = this.hash_to_xml(null, tree);
-  return this.xmlDecl + xml;
-};
-
-//  method: hash_to_xml( tagName, tree )
-
-XML.ObjTree.prototype.hash_to_xml = function (name, tree) {
-  const elem = [];
-  const attr = [];
-  for (const key in tree) {
-    if (!tree.hasOwnProperty(key)) continue;
-    const val = tree[key];
-    if (key.charAt(0) != this.attr_prefix) {
-      if (typeof (val) === 'undefined' || val == null) {
-        elem[elem.length] = `<${key} />`;
-      } else if (typeof (val) === 'object' && val.constructor == Array) {
-        elem[elem.length] = this.array_to_xml(key, val);
-      } else if (typeof (val) === 'object') {
-        elem[elem.length] = this.hash_to_xml(key, val);
-      } else {
-        elem[elem.length] = this.scalar_to_xml(key, val);
-      }
-    } else {
-      attr[attr.length] = ` ${key.substring(1)}="${this.xml_escape(val)}"`;
-    }
-  }
-  const jattr = attr.join('');
-  let jelem = elem.join('');
-  if (typeof (name) === 'undefined' || name == null) {
-    // no tag
-  } else if (elem.length > 0) {
-    if (jelem.match(/\n/)) {
-      jelem = `<${name}${jattr}>\n${jelem}</${name}>\n`;
-    } else {
-      jelem = `<${name}${jattr}>${jelem}</${name}>\n`;
-    }
-  } else {
-    jelem = `<${name}${jattr} />\n`;
-  }
-  return jelem;
-};
-
-//  method: array_to_xml( tagName, array )
-
-XML.ObjTree.prototype.array_to_xml = function (name, array) {
-  const out = [];
-  for (let i = 0; i < array.length; i++) {
-    const val = array[i];
-    if (typeof (val) === 'undefined' || val == null) {
-      out[out.length] = `<${name} />`;
-    } else if (typeof (val) === 'object' && val.constructor == Array) {
-      out[out.length] = this.array_to_xml(name, val);
-    } else if (typeof (val) === 'object') {
-      out[out.length] = this.hash_to_xml(name, val);
-    } else {
-      out[out.length] = this.scalar_to_xml(name, val);
-    }
-  }
-  return out.join('');
-};
-
-//  method: scalar_to_xml( tagName, text )
-
-XML.ObjTree.prototype.scalar_to_xml = function (name, text) {
-  if (name == '#text') {
-    return this.xml_escape(text);
-  }
-  return `<${name}>${this.xml_escape(text)}</${name}>\n`;
-};
-
-//  method: xml_escape( text )
-
-XML.ObjTree.prototype.xml_escape = function (text) {
-  return text.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;');
-};
-export default XML;