tplus-components-touch 3.22.16 → 3.22.20

package/dist/components/form/index.js

@@ -0,0 +1,310 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = undefined;
+
+var _extends2 = require('babel-runtime/helpers/extends');
+
+var _extends3 = _interopRequireDefault(_extends2);
+
+var _datePicker = require('antd/es/date-picker');
+
+var _datePicker2 = _interopRequireDefault(_datePicker);
+
+var _getPrototypeOf = require('babel-runtime/core-js/object/get-prototype-of');
+
+var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);
+
+var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
+
+var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
+
+var _createClass2 = require('babel-runtime/helpers/createClass');
+
+var _createClass3 = _interopRequireDefault(_createClass2);
+
+var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
+
+var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
+
+var _inherits2 = require('babel-runtime/helpers/inherits');
+
+var _inherits3 = _interopRequireDefault(_inherits2);
+
+var _form = require('antd/es/form');
+
+var _form2 = _interopRequireDefault(_form);
+
+var _class;
+
+require('antd/es/date-picker/style');
+
+require('antd/es/form/style');
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _mutantsMicrofx = require('mutants-microfx');
+
+var _index = require('../../index.js');
+
+var _moment = require('moment');
+
+var _moment2 = _interopRequireDefault(_moment);
+
+var _tools = require('../../util/tools');
+
+var _tools2 = _interopRequireDefault(_tools);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var minDate = new Date(1900, 1, 1);
+var FormItem = _form2.default.Item;
+
+var WrappedModalForm = (0, _mutantsMicrofx.observer)(_class = function (_React$Component) {
+  (0, _inherits3.default)(WrappedModalForm, _React$Component);
+
+  // curFieldModel ：键盘要改变的数据
+  // input :当前键盘绑定的dom
+
+  function WrappedModalForm(props) {
+    (0, _classCallCheck3.default)(this, WrappedModalForm);
+
+    var _this = (0, _possibleConstructorReturn3.default)(this, (WrappedModalForm.__proto__ || (0, _getPrototypeOf2.default)(WrappedModalForm)).call(this, props));
+
+    _this.textBoxChange = function (value, curFieldModel) {
+      _this.props.changeValue && _this.props.changeValue(_this.curFieldModel, value);
+    };
+
+    _this.checkoutVal = function (val) {
+      if (_this.curFieldModel.ControlType === 'NumTextBox') {
+        if ('maxLength' in _this.curFieldModel) {
+          if (_this.curFieldModel.maxLength < val.length) return false;
+        }
+        var arr = val.split('.');
+        if (arr.length > 2) {
+          return false;
+        }
+        if ('precisionLength' in _this.curFieldModel) {
+          if (arr.length == 2 && arr[1].length > _this.curFieldModel.precisionLength) {
+            return false;
+          }
+        }
+      }
+      return true;
+    };
+
+    _this.disabledDate = function (current) {
+      return current && current.valueOf() < minDate.getTime();
+    };
+
+    _this.dateChange = function (el, date, dateString) {
+      var oldValue = el.value;
+      if (!oldValue) oldValue = new Date(1899, 0, 1);
+      if (!date) {
+        date = new Date(1899, 0, 1);
+      } else {
+        date = new Date(date.format('YYYY/MM/DD'));
+      }
+      if (date.toLocaleDateString() === oldValue.toLocaleDateString()) {
+        return;
+      }
+      _this.props.changeValue(el, date);
+    };
+
+    return _this;
+  }
+
+  (0, _createClass3.default)(WrappedModalForm, [{
+    key: 'render',
+    value: function render() {
+      var _this2 = this;
+
+      // const { getFieldProps } = this.props.form;
+      var modalType = this.props.modalType;
+
+      var formItemLayout = {
+        labelCol: { span: 6 },
+        wrapperCol: { span: 14 }
+      };
+      var viewInfo = this.props.viewInfo;
+
+
+      return _react2.default.createElement(
+        _form2.default,
+        (0, _extends3.default)({}, formItemLayout, { className: modalType === 'small' ? 'u-form-around' : '' }),
+        _react2.default.createElement('input', { type: 'text', style: { display: 'none' } }),
+        viewInfo.map(function (el, index) {
+
+          if (el.ControlType === 'TextArea') {
+            return _react2.default.createElement(
+              FormItem,
+              {
+                label: el.Title,
+                hasFeedback: true,
+                key: index
+              },
+              _react2.default.createElement('textarea', {
+                style: el.Title ? { width: '240px' } : { width: '368px' },
+                maxLength: '50',
+                rows: '2',
+                value: el.value,
+                onChange: function onChange(e) {
+                  _this2.textBoxChange(e.target.value, el);
+                },
+                onFocus: function onFocus(e) {
+                  _this2.input = e.target;
+                  _this2.curFieldModel = el;
+                  _index.Keyboard.open(function (v) {
+                    var value = _index.Keyboard.getNewValue(_this2.input, _this2.input.value, v);
+                    _this2.textBoxChange(value);
+                  })();
+                }
+              })
+            );
+          } else if (el.ControlType === 'DatePicker') {
+            return _react2.default.createElement(
+              FormItem,
+              {
+                label: el.Title,
+                hasFeedback: true,
+                key: index
+              },
+              _react2.default.createElement(_datePicker2.default, {
+                placeholder: el.placeholder,
+                disabledDate: _this2.disabledDate,
+                onChange: function onChange(date, dateString) {
+                  return _this2.dateChange(el, date, dateString);
+                },
+                onFocus: function onFocus(e) {
+                  _index.Keyboard.close();
+                }
+              })
+            );
+          } else {
+            var type = el.ControlType === 'PwdTextBox' ? 'password' : 'text';
+            return _react2.default.createElement(
+              FormItem,
+              {
+                label: el.Title,
+                hasFeedback: true,
+                key: index,
+                style: el.SingleShow ? {
+                  'height': '35px',
+                  'minHeight': '35px'
+                } : {}
+              },
+              _react2.default.createElement(_index.Input, {
+                State: el.State,
+                Label: el.Label,
+                Title: el.Title,
+                Value: el.value,
+                SingleShow: el.ReadOnly,
+                ControlType: el.ControlType,
+                disabled: el.disabled,
+                Style: el.Style,
+                placeholder: el.placeholder,
+                type: type,
+                type1: el.type,
+                maxLength: el.maxLength,
+                precisionLength: el.precisionLength,
+                onChange: function onChange(e) {
+                  if (el.ControlType === 'NumTextBox') {
+                    _this2.textBoxChange(e, el);
+                  } else {
+                    _this2.textBoxChange(e.target.value, el);
+                  }
+                },
+                onFocus: function onFocus(e) {
+                  _this2.curFieldModel = el;
+                  if (el.ControlType === 'NumTextBox') {
+                    _this2.input = e;
+                    _index.Keyboard.close();
+                    return;
+                  }
+                  _this2.input = e.target;
+                  _index.Keyboard.open(function (v) {
+                    var value = _index.Keyboard.getNewValue(_this2.input, _this2.input.value, v);
+                    _this2.textBoxChange(value);
+                  })();
+                },
+                onKeyDown: function onKeyDown(e) {
+                  el.onKeyDown && el.onKeyDown(e);
+                }
+              })
+            );
+          }
+        })
+      );
+    }
+  }]);
+  return WrappedModalForm;
+}(_react2.default.Component)) || _class;
+//输入datepicker控制；
+
+
+exports.default = WrappedModalForm;
+var handdleDate = function handdleDate(value) {
+  if (_tools2.default.isNull(value)) {
+    value = null;
+    return value;
+  }
+
+  if (!(value instanceof _moment2.default)) {
+    value = (0, _moment2.default)(value);
+  }
+
+  if (value && value.valueOf() < minDate.getTime()) {
+    value = null;
+  }
+
+  return value;
+};
+// const WrappedModalForm = Form.createForm({
+//   name: 'modalForm' ,
+//   mapPropsToFields(props) {
+//       let obj={}
+//       props.viewInfo&&props.viewInfo.forEach((el)=>{
+//         let value=el.Value;
+//         if(el.ControlType=='DatePicker'){
+//           value=handdleDate(value)
+//         }
+//         obj[el.FieldName]=Form.createFormField({
+//           value: value,
+//         })
+//       })
+//       return obj;
+//   },
+//   onFieldsChange(props,fields){
+//     for(let key in fields){
+//       props.viewInfo.forEach((el)=>{
+//         if(el.FieldName!==key)return;
+//
+//         let fieldValue = fields[key].value;
+//         if(el.ControlType=='DatePicker'){
+//           let oldValue=el.Value;
+//
+//           if(!oldValue)oldValue=new Date(1899,0,1);
+//
+//           if(!fieldValue){
+//             fieldValue=new Date(1899,0,1);
+//           }else{
+//             fieldValue=new Date( fieldValue.format('YYYY/MM/DD') );
+//           }
+//
+//           if( fieldValue.toLocaleDateString()===oldValue.toLocaleDateString() ){
+//             return;
+//           }
+//         }
+//
+//         props.changeValue(el,fieldValue)
+//       })
+//     }
+//   }
+// })(ModalForm);
+//
+// export default WrappedModalForm;
+//# sourceMappingURL=index.js.map

package/dist/components/form/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["tplus-components-touch/components/form/index.js"],"names":["minDate","Date","FormItem","Item","WrappedModalForm","observer","props","textBoxChange","value","curFieldModel","changeValue","checkoutVal","val","ControlType","maxLength","length","arr","split","precisionLength","disabledDate","current","valueOf","getTime","dateChange","el","date","dateString","oldValue","format","toLocaleDateString","modalType","formItemLayout","labelCol","span","wrapperCol","viewInfo","display","map","index","Title","width","e","target","input","Keyboard","open","v","getNewValue","placeholder","close","type","SingleShow","State","Label","ReadOnly","disabled","Style","onKeyDown","React","Component","handdleDate","tools","isNull","Moment"],"mappings":"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","file":"index.js","sourcesContent":["\r\nimport React,{Component} from 'react';\r\nimport { DatePicker, Form } from 'antd';\r\nimport {observer} from \"mutants-microfx\"\r\nimport {Keyboard,Input,Ticon} from '../../index.js'\r\nimport Moment from 'moment'\r\nimport tools from '../../util/tools';\r\nconst minDate = new Date(1900,1,1);\r\nconst FormItem = Form.Item;\r\n@observer\r\nexport default class WrappedModalForm extends React.Component{\r\n  // curFieldModel ：键盘要改变的数据\r\n  // input :当前键盘绑定的dom\r\n\r\n  constructor(props){\r\n    super(props)\r\n  }\r\n\r\n  textBoxChange=(value,curFieldModel)=>{\r\n    this.props.changeValue&&this.props.changeValue(this.curFieldModel,value);\r\n  }\r\n\r\n  checkoutVal=(val)=>{\r\n    if(this.curFieldModel.ControlType==='NumTextBox'){\r\n      if('maxLength' in this.curFieldModel){\r\n        if(this.curFieldModel.maxLength<val.length)return false;\r\n      }\r\n      var arr=val.split('.');\r\n      if( arr.length>2 ){return false}\r\n      if( 'precisionLength' in this.curFieldModel ){\r\n        if(arr.length==2&&arr[1].length>this.curFieldModel.precisionLength){\r\n          return false;\r\n        }\r\n      }\r\n    }\r\n    return true;\r\n  }\r\n\r\n  disabledDate=(current)=>{\r\n    return current && current.valueOf()<minDate.getTime()\r\n  }\r\n  dateChange = (el, date, dateString) =>{\r\n    let oldValue = el.value;\r\n    if (!oldValue) oldValue = new Date(1899, 0, 1);\r\n    if (!date) {\r\n      date = new Date(1899, 0, 1);\r\n    } else {\r\n      date = new Date(date.format('YYYY/MM/DD'));\r\n    }\r\n    if (date.toLocaleDateString() === oldValue.toLocaleDateString()) {\r\n      return;\r\n    }\r\n    this.props.changeValue(el, date);\r\n  };\r\n\r\n  render(){\r\n    // const { getFieldProps } = this.props.form;\r\n    const {modalType}=this.props;\r\n    const formItemLayout = {\r\n      labelCol: { span: 6 },\r\n      wrapperCol: { span: 14 },\r\n    };\r\n    const {viewInfo}=this.props;\r\n\r\n    return (\r\n      <Form {...formItemLayout} className={modalType==='small'?'u-form-around':''}>\r\n        <input type=\"text\" style={{display:'none'}}></input>\r\n        {\r\n          viewInfo.map((el,index)=>{\r\n\r\n            if(el.ControlType === 'TextArea'){\r\n              return (\r\n                <FormItem\r\n                  label={el.Title}\r\n                  hasFeedback\r\n                  key={index}\r\n                >\r\n                  {/*{*/}\r\n                  {/*  el.Title*/}\r\n                  {/*?<Label style={{'verticalAlign':'top'}}>*/}\r\n                  {/*  {el.Title}:*/}\r\n                  {/*</Label>*/}\r\n                  {/*:null*/}\r\n                  {/*}*/}\r\n                  <textarea\r\n                    style={el.Title?{width:'240px'}:{width:'368px'}}\r\n                    maxLength='50'\r\n                    rows = '2'\r\n                    value={el.value}\r\n                    onChange={(e)=>{ this.textBoxChange(e.target.value,el) }}\r\n                    onFocus={(e)=>{\r\n                      this.input = e.target;\r\n                      this.curFieldModel=el;\r\n                      Keyboard.open((v)=>{\r\n                        let value=Keyboard.getNewValue(this.input,this.input.value,v);\r\n                        this.textBoxChange(value)\r\n                      })()}\r\n                    }\r\n                  />\r\n                </FormItem>\r\n              );\r\n            }else if(el.ControlType==='DatePicker'){\r\n              return (\r\n              <FormItem\r\n                label={el.Title}\r\n                hasFeedback\r\n                key={index}\r\n              >\r\n                <DatePicker\r\n                  placeholder={el.placeholder}\r\n                  disabledDate={this.disabledDate}\r\n                  onChange={(date, dateString)=>this.dateChange(el, date, dateString)}\r\n                  onFocus={(e) => {\r\n                    Keyboard.close();\r\n                  }}\r\n                />\r\n              </FormItem>\r\n              )\r\n            }else{\r\n              let type = el.ControlType==='PwdTextBox'?'password':'text';\r\n              return (\r\n                <FormItem\r\n                  label={el.Title}\r\n                  hasFeedback\r\n                  key={index}\r\n                  style={el.SingleShow?{\r\n                    'height':'35px',\r\n                    'minHeight':'35px'\r\n                  }:{}}\r\n                >\r\n                  <Input\r\n                    State={el.State}\r\n                    Label={el.Label}\r\n                    Title={el.Title}\r\n                    Value={el.value}\r\n                    SingleShow={el.ReadOnly}\r\n                    ControlType={el.ControlType}\r\n                    disabled={el.disabled}\r\n                    Style={el.Style}\r\n                    placeholder={el.placeholder}\r\n                    type = {type}\r\n                    type1={el.type}\r\n                    maxLength={el.maxLength}\r\n                    precisionLength={el.precisionLength}\r\n                    onChange={(e)=>{\r\n                      if(el.ControlType==='NumTextBox'){\r\n                        this.textBoxChange(e,el)\r\n                      }else{\r\n                        this.textBoxChange(e.target.value,el)\r\n                      }\r\n                    }}\r\n                    onFocus={(e)=>{\r\n                      this.curFieldModel=el;\r\n                      if(el.ControlType==='NumTextBox'){\r\n                        this.input = e;\r\n                        Keyboard.close();\r\n                        return\r\n                      }\r\n                      this.input = e.target;\r\n                      Keyboard.open((v)=>{\r\n                        let value=Keyboard.getNewValue(this.input,this.input.value,v);\r\n                        this.textBoxChange(value)\r\n                      })()}\r\n                    }\r\n                    onKeyDown={(e)=>{\r\n                      el.onKeyDown&&el.onKeyDown(e);\r\n                    }}\r\n                  />\r\n\r\n                </FormItem>\r\n              )\r\n            }\r\n          })\r\n        }\r\n\r\n      </Form>\r\n    )\r\n  }\r\n}\r\n//输入datepicker控制；\r\nconst handdleDate=(value)=>{\r\n  if(tools.isNull( value )) {\r\n    value=null;\r\n    return value;\r\n  }\r\n\r\n  if(!(value instanceof Moment)){\r\n    value= Moment(value)\r\n  }\r\n\r\n  if( value&&value.valueOf()<minDate.getTime()  ){\r\n    value=null;\r\n  }\r\n\r\n  return value;\r\n}\r\n// const WrappedModalForm = Form.createForm({\r\n//   name: 'modalForm' ,\r\n//   mapPropsToFields(props) {\r\n//       let obj={}\r\n//       props.viewInfo&&props.viewInfo.forEach((el)=>{\r\n//         let value=el.Value;\r\n//         if(el.ControlType=='DatePicker'){\r\n//           value=handdleDate(value)\r\n//         }\r\n//         obj[el.FieldName]=Form.createFormField({\r\n//           value: value,\r\n//         })\r\n//       })\r\n//       return obj;\r\n//   },\r\n//   onFieldsChange(props,fields){\r\n//     for(let key in fields){\r\n//       props.viewInfo.forEach((el)=>{\r\n//         if(el.FieldName!==key)return;\r\n//\r\n//         let fieldValue = fields[key].value;\r\n//         if(el.ControlType=='DatePicker'){\r\n//           let oldValue=el.Value;\r\n//\r\n//           if(!oldValue)oldValue=new Date(1899,0,1);\r\n//\r\n//           if(!fieldValue){\r\n//             fieldValue=new Date(1899,0,1);\r\n//           }else{\r\n//             fieldValue=new Date( fieldValue.format('YYYY/MM/DD') );\r\n//           }\r\n//\r\n//           if( fieldValue.toLocaleDateString()===oldValue.toLocaleDateString() ){\r\n//             return;\r\n//           }\r\n//         }\r\n//\r\n//         props.changeValue(el,fieldValue)\r\n//       })\r\n//     }\r\n//   }\r\n// })(ModalForm);\r\n//\r\n// export default WrappedModalForm;\r\n"]}

package/dist/components/hardwareAPI/index.js

@@ -0,0 +1,181 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _regenerator = require('babel-runtime/regenerator');
+
+var _regenerator2 = _interopRequireDefault(_regenerator);
+
+var _asyncToGenerator2 = require('babel-runtime/helpers/asyncToGenerator');
+
+var _asyncToGenerator3 = _interopRequireDefault(_asyncToGenerator2);
+
+var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
+
+var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
+
+var _createClass2 = require('babel-runtime/helpers/createClass');
+
+var _createClass3 = _interopRequireDefault(_createClass2);
+
+var _mutantsMicrofx = require('mutants-microfx');
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var HardwareAPI = function () {
+  function HardwareAPI(props) {
+    (0, _classCallCheck3.default)(this, HardwareAPI);
+  }
+
+  //打开客显
+
+
+  (0, _createClass3.default)(HardwareAPI, [{
+    key: 'openCusDisp',
+    value: function () {
+      var _ref = (0, _asyncToGenerator3.default)( /*#__PURE__*/_regenerator2.default.mark(function _callee(params, cb) {
+        return _regenerator2.default.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                _mutantsMicrofx.nativeMs.setIpcRendererMethod('OpenCusDisp', params, function (ret) {
+                  return cb(ret);
+                });
+
+              case 1:
+              case 'end':
+                return _context.stop();
+            }
+          }
+        }, _callee, this);
+      }));
+
+      function openCusDisp(_x, _x2) {
+        return _ref.apply(this, arguments);
+      }
+
+      return openCusDisp;
+    }()
+
+    //推送客显信息
+
+  }, {
+    key: 'sendDataCusDisp',
+    value: function () {
+      var _ref2 = (0, _asyncToGenerator3.default)( /*#__PURE__*/_regenerator2.default.mark(function _callee2(params, cb) {
+        return _regenerator2.default.wrap(function _callee2$(_context2) {
+          while (1) {
+            switch (_context2.prev = _context2.next) {
+              case 0:
+                _mutantsMicrofx.nativeMs.setIpcRendererMethod('SendDataCusDisp', params, function (ret) {
+                  return cb(ret);
+                });
+
+              case 1:
+              case 'end':
+                return _context2.stop();
+            }
+          }
+        }, _callee2, this);
+      }));
+
+      function sendDataCusDisp(_x3, _x4) {
+        return _ref2.apply(this, arguments);
+      }
+
+      return sendDataCusDisp;
+    }()
+
+    //关闭客显
+
+  }, {
+    key: 'closeCusDisp',
+    value: function () {
+      var _ref3 = (0, _asyncToGenerator3.default)( /*#__PURE__*/_regenerator2.default.mark(function _callee3(params, cb) {
+        return _regenerator2.default.wrap(function _callee3$(_context3) {
+          while (1) {
+            switch (_context3.prev = _context3.next) {
+              case 0:
+                _mutantsMicrofx.nativeMs.setIpcRendererMethod('CloseCusDisp', params, function (ret) {
+                  return cb(ret);
+                });
+
+              case 1:
+              case 'end':
+                return _context3.stop();
+            }
+          }
+        }, _callee3, this);
+      }));
+
+      function closeCusDisp(_x5, _x6) {
+        return _ref3.apply(this, arguments);
+      }
+
+      return closeCusDisp;
+    }()
+
+    //电子秤-去皮
+
+  }, {
+    key: 'handleBalEntryTare',
+    value: function () {
+      var _ref4 = (0, _asyncToGenerator3.default)( /*#__PURE__*/_regenerator2.default.mark(function _callee4(params, cb) {
+        return _regenerator2.default.wrap(function _callee4$(_context4) {
+          while (1) {
+            switch (_context4.prev = _context4.next) {
+              case 0:
+                _mutantsMicrofx.nativeMs.setIpcRendererMethod('HandleBalEntryTare', params, function (ret) {
+                  return cb(ret);
+                });
+
+              case 1:
+              case 'end':
+                return _context4.stop();
+            }
+          }
+        }, _callee4, this);
+      }));
+
+      function handleBalEntryTare(_x7, _x8) {
+        return _ref4.apply(this, arguments);
+      }
+
+      return handleBalEntryTare;
+    }()
+    //电子秤-清零
+
+  }, {
+    key: 'handleBalEntryZero',
+    value: function () {
+      var _ref5 = (0, _asyncToGenerator3.default)( /*#__PURE__*/_regenerator2.default.mark(function _callee5(params, cb) {
+        return _regenerator2.default.wrap(function _callee5$(_context5) {
+          while (1) {
+            switch (_context5.prev = _context5.next) {
+              case 0:
+                _mutantsMicrofx.nativeMs.setIpcRendererMethod('HandleBalEntryZero', params, function (ret) {
+                  return cb(ret);
+                });
+
+              case 1:
+              case 'end':
+                return _context5.stop();
+            }
+          }
+        }, _callee5, this);
+      }));
+
+      function handleBalEntryZero(_x9, _x10) {
+        return _ref5.apply(this, arguments);
+      }
+
+      return handleBalEntryZero;
+    }()
+  }]);
+  return HardwareAPI;
+}();
+
+exports.default = new HardwareAPI();
+//# sourceMappingURL=index.js.map

package/dist/components/hardwareAPI/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["tplus-components-touch/components/hardwareAPI/index.js"],"names":["HardwareAPI","props","params","cb","nativeMs","setIpcRendererMethod","ret"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA;;;;IAEMA,W;AACJ,uBAAYC,KAAZ,EAAmB;AAAA;AAAG;;AAEtB;;;;;;2GACkBC,M,EAAQC,E;;;;;AACxBC,yCAASC,oBAAT,CAA8B,aAA9B,EAA6CH,MAA7C,EAAqD;AAAA,yBAAOC,GAAGG,GAAH,CAAP;AAAA,iBAArD;;;;;;;;;;;;;;;;;AAGF;;;;;6GACsBJ,M,EAAQC,E;;;;;AAC5BC,yCAASC,oBAAT,CAA8B,iBAA9B,EAAiDH,MAAjD,EAAyD;AAAA,yBAAOC,GAAGG,GAAH,CAAP;AAAA,iBAAzD;;;;;;;;;;;;;;;;;AAGF;;;;;6GACmBJ,M,EAAQC,E;;;;;AACzBC,yCAASC,oBAAT,CAA8B,cAA9B,EAA8CH,MAA9C,EAAsD;AAAA,yBAAOC,GAAGG,GAAH,CAAP;AAAA,iBAAtD;;;;;;;;;;;;;;;;;AAGF;;;;;6GACyBJ,M,EAAQC,E;;;;;AAC/BC,yCAASC,oBAAT,CAA8B,oBAA9B,EAAoDH,MAApD,EAA4D;AAAA,yBAAOC,GAAGG,GAAH,CAAP;AAAA,iBAA5D;;;;;;;;;;;;;;;;AAEF;;;;;6GACyBJ,M,EAAQC,E;;;;;AAC/BC,yCAASC,oBAAT,CAA8B,oBAA9B,EAAoDH,MAApD,EAA4D;AAAA,yBAAOC,GAAGG,GAAH,CAAP;AAAA,iBAA5D;;;;;;;;;;;;;;;;;;;;kBAGW,IAAIN,WAAJ,E","file":"index.js","sourcesContent":["import { nativeMs } from 'mutants-microfx';\r\n\r\nclass HardwareAPI {\r\n  constructor(props) { }\r\n\r\n  //打开客显\r\n  async openCusDisp(params, cb) {\r\n    nativeMs.setIpcRendererMethod('OpenCusDisp', params, ret => cb(ret))\r\n  }\r\n\r\n  //推送客显信息\r\n  async sendDataCusDisp(params, cb) {\r\n    nativeMs.setIpcRendererMethod('SendDataCusDisp', params, ret => cb(ret))\r\n  }\r\n\r\n  //关闭客显\r\n  async closeCusDisp(params, cb) {\r\n    nativeMs.setIpcRendererMethod('CloseCusDisp', params, ret => cb(ret))\r\n  }\r\n\r\n  //电子秤-去皮\r\n  async handleBalEntryTare(params, cb) {\r\n    nativeMs.setIpcRendererMethod('HandleBalEntryTare', params, ret => cb(ret))\r\n  }\r\n  //电子秤-清零\r\n  async handleBalEntryZero(params, cb) {\r\n    nativeMs.setIpcRendererMethod('HandleBalEntryZero', params, ret => cb(ret))\r\n  }\r\n}\r\nexport default new HardwareAPI;"]}