tplus-components-touch 1.27.1 → 1.27.2

package/dist/components/form/index.js

@@ -0,0 +1,325 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _Form5 = require('tinper-bee/dist/Form');
+
+var _Form6 = _interopRequireDefault(_Form5);
+
+var _extends2 = require('babel-runtime/helpers/extends');
+
+var _extends3 = _interopRequireDefault(_extends2);
+
+var _Label3 = require('tinper-bee/dist/Label');
+
+var _Label4 = _interopRequireDefault(_Label3);
+
+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 _class;
+
+require('tinper-bee/dist/Form/index.css');
+
+require('tinper-bee/dist/Label/index.css');
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _beeDatepicker = require('bee-datepicker');
+
+var _beeDatepicker2 = _interopRequireDefault(_beeDatepicker);
+
+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 = _Form6.default.FormItem;
+
+var ModalForm = (0, _mutantsMicrofx.observer)(_class = function (_React$Component) {
+  (0, _inherits3.default)(ModalForm, _React$Component);
+
+  // curFieldModel ：键盘要改变的数据
+  // input :当前键盘绑定的dom
+
+  function ModalForm(props) {
+    (0, _classCallCheck3.default)(this, ModalForm);
+
+    var _this = (0, _possibleConstructorReturn3.default)(this, (ModalForm.__proto__ || (0, _getPrototypeOf2.default)(ModalForm)).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();
+    };
+
+    return _this;
+  }
+
+  (0, _createClass3.default)(ModalForm, [{
+    key: 'render',
+    value: function render() {
+      var _this2 = this;
+
+      var getFieldProps = this.props.form.getFieldProps;
+      var modalType = this.props.modalType;
+
+      var formItemLayout = {
+        labelCol: { span: 6 },
+        wrapperCol: { span: 14 }
+      };
+      var getRuleConfig = function getRuleConfig(el) {
+        return {
+          rules: [{
+            required: el.IsRequired, message: '\u8BF7\u5F55\u5165' + el.Title
+          }]
+        };
+      };
+      var viewInfo = this.props.viewInfo;
+
+
+      return _react2.default.createElement(
+        _Form6.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
+              },
+              el.Title ? _react2.default.createElement(
+                _Label4.default,
+                { style: { 'verticalAlign': 'top' } },
+                el.Title,
+                ':'
+              ) : null,
+              _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(
+                'div',
+                { className: 'input-wrapper-2' },
+                _react2.default.createElement(
+                  _Label4.default,
+                  { style: { 'lineHeight': '50px' } },
+                  el.Title,
+                  ':'
+                ),
+                _react2.default.createElement(_beeDatepicker2.default, (0, _extends3.default)({
+                  renderIcon: function renderIcon() {
+                    return _react2.default.createElement(_index.Ticon, { type: 'riqi', className: 'riqi' });
+                  },
+                  placeholder: el.placeholder,
+                  disabledDate: _this2.disabledDate,
+                  outInputFocus: function outInputFocus(e) {
+                    _index.Keyboard.close();
+                  }
+                }, getFieldProps(el.FieldName, getRuleConfig(el))))
+              )
+            );
+          } 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 ModalForm;
+}(_react2.default.Component)) || _class;
+//输入datepicker控制；
+
+
+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;
+};
+var WrappedModalForm = _Form6.default.createForm({
+  name: 'modalForm',
+  mapPropsToFields: function mapPropsToFields(props) {
+    var obj = {};
+    props.viewInfo && props.viewInfo.forEach(function (el) {
+      var value = el.Value;
+      if (el.ControlType == 'DatePicker') {
+        value = handdleDate(value);
+      }
+      obj[el.FieldName] = _Form6.default.createFormField({
+        value: value
+      });
+    });
+    return obj;
+  },
+  onFieldsChange: function onFieldsChange(props, fields) {
+    var _loop = function _loop(key) {
+      props.viewInfo.forEach(function (el) {
+        if (el.FieldName !== key) return;
+
+        var fieldValue = fields[key].value;
+        if (el.ControlType == 'DatePicker') {
+          var 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);
+      });
+    };
+
+    for (var key in fields) {
+      _loop(key);
+    }
+  }
+})(ModalForm);
+
+exports.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","ModalForm","observer","props","textBoxChange","value","curFieldModel","changeValue","checkoutVal","val","ControlType","maxLength","length","arr","split","precisionLength","disabledDate","current","valueOf","getTime","getFieldProps","form","modalType","formItemLayout","labelCol","span","wrapperCol","getRuleConfig","el","rules","required","IsRequired","message","Title","viewInfo","display","map","index","width","Value","e","target","input","Keyboard","open","v","getNewValue","placeholder","close","FieldName","type","SingleShow","State","Label","ReadOnly","disabled","Style","onKeyDown","React","Component","handdleDate","tools","isNull","Moment","WrappedModalForm","createForm","name","mapPropsToFields","obj","forEach","createFormField","onFieldsChange","fields","key","fieldValue","oldValue","format","toLocaleDateString"],"mappings":"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","file":"index.js","sourcesContent":["\nimport React,{Component} from 'react';\nimport { Form, Label } from 'tinper-bee';\nimport DatePicker from 'bee-datepicker';\nimport {observer} from \"mutants-microfx\"\nimport {Keyboard,Input,Ticon} from '../../index.js'\nimport Moment from 'moment'\nimport tools from '../../util/tools';\nconst minDate = new Date(1900,1,1);\nconst FormItem = Form.FormItem;\n@observer\nclass ModalForm extends React.Component{\n  // curFieldModel ：键盘要改变的数据\n  // input :当前键盘绑定的dom\n\n  constructor(props){\n    super(props)\n  }\n\n  textBoxChange=(value,curFieldModel)=>{\n    this.props.changeValue&&this.props.changeValue(this.curFieldModel,value);\n  }\n\n  checkoutVal=(val)=>{\n    if(this.curFieldModel.ControlType==='NumTextBox'){\n      if('maxLength' in this.curFieldModel){\n        if(this.curFieldModel.maxLength<val.length)return false;\n      }\n      var arr=val.split('.');\n      if( arr.length>2 ){return false}\n      if( 'precisionLength' in this.curFieldModel ){\n        if(arr.length==2&&arr[1].length>this.curFieldModel.precisionLength){\n          return false;\n        }\n      }\n    }\n    return true;\n  }\n\n  disabledDate=(current)=>{\n    return current && current.valueOf()<minDate.getTime()\n  }\n\n  render(){\n    const { getFieldProps } = this.props.form;\n    const {modalType}=this.props;\n    const formItemLayout = {\n      labelCol: { span: 6 },\n      wrapperCol: { span: 14 },\n    };\n    const getRuleConfig = (el)=>{\n      return {\n        rules: [{\n              required: el.IsRequired, message: `请录入${el.Title}`\n        }]\n      }\n    }\n    const {viewInfo}=this.props;\n\n    return (\n      <Form {...formItemLayout} className={modalType==='small'?'u-form-around':''}>\n        <input type=\"text\" style={{display:'none'}}></input>\n        {\n          viewInfo.map((el,index)=>{\n\n            if(el.ControlType === 'TextArea'){\n              return (\n                <FormItem\n                  label={el.Title}\n                  hasFeedback\n                  key={index}\n                >\n                  {\n                    el.Title\n                  ?<Label style={{'verticalAlign':'top'}}>\n                    {el.Title}:\n                  </Label>\n                  :null\n                  }\n                  <textarea\n                    style={el.Title?{width:'240px'}:{width:'368px'}}\n                    maxLength='50'\n                    rows = '2'\n                    value={el.Value}\n                    onChange={(e)=>{ this.textBoxChange(e.target.value,el) }}\n                    onFocus={(e)=>{\n                      this.input = e.target;\n                      this.curFieldModel=el;\n                      Keyboard.open((v)=>{\n                        let value=Keyboard.getNewValue(this.input,this.input.value,v);\n                        this.textBoxChange(value)\n                      })()}\n                    }\n                  />\n                </FormItem>\n              );\n            }else if(el.ControlType==='DatePicker'){\n              return (\n              <FormItem\n                label={el.Title}\n                hasFeedback\n                key={index}\n              >\n                <div className='input-wrapper-2'>\n                  <Label style={{'lineHeight':'50px'}}>\n                    {el.Title}:\n                  </Label>\n                    <DatePicker\n                      renderIcon={() => { return <Ticon type='riqi' className='riqi' /> }}\n                      placeholder={el.placeholder}\n                      disabledDate={this.disabledDate}\n                      outInputFocus={(e) => {\n                        Keyboard.close();\n                      }}\n                      {...getFieldProps(el.FieldName, getRuleConfig(el))}\n                    />\n                </div>\n              </FormItem>\n              )\n            }else{\n              let type = el.ControlType==='PwdTextBox'?'password':'text';\n              return (\n                <FormItem\n                  label={el.Title}\n                  hasFeedback\n                  key={index}\n                  style={el.SingleShow?{\n                    'height':'35px',\n                    'minHeight':'35px'\n                  }:{}}\n                >\n                  <Input\n                    State={el.State}\n                    Label={el.Label}\n                    Title={el.Title}\n                    Value={el.Value}\n                    SingleShow={el.ReadOnly}\n                    ControlType={el.ControlType}\n                    disabled={el.disabled}\n                    Style={el.Style}\n                    placeholder={el.placeholder}\n                    type = {type}\n                    type1={el.type}\n                    maxLength={el.maxLength}\n                    precisionLength={el.precisionLength}\n                    onChange={(e)=>{\n                      if(el.ControlType==='NumTextBox'){\n                        this.textBoxChange(e,el)\n                      }else{\n                        this.textBoxChange(e.target.value,el)\n                      }\n                    }}\n                    onFocus={(e)=>{\n                      this.curFieldModel=el;\n                      if(el.ControlType==='NumTextBox'){\n                        this.input = e;\n                        Keyboard.close();\n                        return\n                      }\n                      this.input = e.target;\n                      Keyboard.open((v)=>{\n                        let value=Keyboard.getNewValue(this.input,this.input.value,v);\n                        this.textBoxChange(value)\n                      })()}\n                    }\n                    onKeyDown={(e)=>{\n                      el.onKeyDown&&el.onKeyDown(e);\n                    }}\n                  />\n\n                </FormItem>\n              )\n            }\n          })\n        }\n\n      </Form>\n    )\n  }\n}\n//输入datepicker控制；\nconst handdleDate=(value)=>{\n  if(tools.isNull( value )) {\n    value=null;\n    return value;\n  }\n\n  if(!(value instanceof Moment)){\n    value= Moment(value)\n  }\n\n  if( value&&value.valueOf()<minDate.getTime()  ){\n    value=null;\n  }\n\n  return value;\n}\nconst WrappedModalForm = Form.createForm({\n  name: 'modalForm' ,\n  mapPropsToFields(props) {\n      let obj={}\n      props.viewInfo&&props.viewInfo.forEach((el)=>{\n        let value=el.Value;\n        if(el.ControlType=='DatePicker'){\n          value=handdleDate(value)\n        }\n        obj[el.FieldName]=Form.createFormField({\n          value: value,\n        })\n      })\n      return obj;\n  },\n  onFieldsChange(props,fields){\n    for(let key in fields){\n      props.viewInfo.forEach((el)=>{\n        if(el.FieldName!==key)return;\n\n        let fieldValue = fields[key].value;\n        if(el.ControlType=='DatePicker'){\n          let oldValue=el.Value;\n\n          if(!oldValue)oldValue=new Date(1899,0,1);\n\n          if(!fieldValue){\n            fieldValue=new Date(1899,0,1);\n          }else{\n            fieldValue=new Date( fieldValue.format('YYYY/MM/DD') );\n          }\n\n          if( fieldValue.toLocaleDateString()===oldValue.toLocaleDateString() ){\n            return;\n          }\n        }\n\n        props.changeValue(el,fieldValue)\n      })\n    }\n  }\n})(ModalForm);\n\nexport default WrappedModalForm;\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;"]}