tplus-components-touch 3.22.16 → 3.22.17

package/dist/components/socket/index.js

@@ -0,0 +1,220 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+exports.default = undefined;
+
+var _regenerator = require('babel-runtime/regenerator');
+
+var _regenerator2 = _interopRequireDefault(_regenerator);
+
+var _asyncToGenerator2 = require('babel-runtime/helpers/asyncToGenerator');
+
+var _asyncToGenerator3 = _interopRequireDefault(_asyncToGenerator2);
+
+var _toConsumableArray2 = require('babel-runtime/helpers/toConsumableArray');
+
+var _toConsumableArray3 = _interopRequireDefault(_toConsumableArray2);
+
+var _keys = require('babel-runtime/core-js/object/keys');
+
+var _keys2 = _interopRequireDefault(_keys);
+
+var _typeof2 = require('babel-runtime/helpers/typeof');
+
+var _typeof3 = _interopRequireDefault(_typeof2);
+
+var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
+
+var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
+
+var _createClass2 = require('babel-runtime/helpers/createClass');
+
+var _createClass3 = _interopRequireDefault(_createClass2);
+
+var _signalr = require('@aspnet/signalr');
+
+var signalR = _interopRequireWildcard(_signalr);
+
+var _axios = require('axios');
+
+var _axios2 = _interopRequireDefault(_axios);
+
+var _mutantsMicrofx = require('mutants-microfx');
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var Socket = function () {
+    function Socket(_ref) {
+        var host = _ref.host,
+            path = _ref.path,
+            connected = _ref.connected,
+            error = _ref.error,
+            reconnect = _ref.reconnect,
+            token = _ref.token;
+        (0, _classCallCheck3.default)(this, Socket);
+
+        this.host = host;
+        this.path = path;
+        this.token = token;
+        this.connected = connected || function () {};
+        this.reconnect = reconnect || function () {};
+        this.error = error || function () {};
+        this.connection = this._init();
+        this.on = this.on;
+        this.stop = this.stop;
+        this.throttle = this.throttle;
+    }
+
+    (0, _createClass3.default)(Socket, [{
+        key: '_init',
+        value: function _init() {
+            var _this = this;
+
+            var connection = new signalR.HubConnectionBuilder().withUrl('' + this.host + this.path, {
+                accessTokenFactory: function accessTokenFactory() {
+                    return _this.token;
+                }
+            }).configureLogging(signalR.LogLevel.Information).build();
+
+            connection.start().then(function () {
+                return _this.connected(connection);
+            }).catch(function (err) {
+                return _this._error(err);
+            });
+            connection.onclose(function () {
+                return _this.reconnect(connection);
+            });
+
+            return connection;
+        }
+    }, {
+        key: '_error',
+        value: function _error(err) {
+            var _this2 = this;
+
+            console.error('signalR:', err);
+            this.error(err);
+            this.throttle(function () {
+                _this2.reconnect(_this2.connection);
+            }, 3000);
+        }
+    }, {
+        key: 'updateConfig',
+        value: function updateConfig(options, reInit) {
+            var _this3 = this;
+
+            if (options && (typeof options === 'undefined' ? 'undefined' : (0, _typeof3.default)(options)) === 'object') {
+                (0, _keys2.default)(options).forEach(function (key) {
+                    return _this3[key] = options[key];
+                });
+            }
+            if (reInit) {
+                this.stop(function () {
+                    _this3.connection = _this3._init();
+                });
+            } else {
+                this.connection.start().then(function () {
+                    return _this3.connected(_this3.connection);
+                }).catch(function (err) {
+                    return _this3._error(err);
+                });
+            }
+        }
+    }, {
+        key: 'on',
+        value: function on(type, func) {
+            this.connection.on(type, function () {
+                return func.apply(undefined, arguments);
+            });
+        }
+    }, {
+        key: 'send',
+        value: function send(type) {
+            var _connection;
+
+            var params = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+            var error = arguments[2];
+
+            (_connection = this.connection).invoke.apply(_connection, [type].concat((0, _toConsumableArray3.default)(params))).catch(function (err) {
+                return error && error(err);
+            });
+        }
+    }, {
+        key: 'stop',
+        value: function stop(func) {
+            var _this4 = this;
+
+            var stoped = function stoped() {
+                _this4.connection = null;
+                func && func();
+            };
+            this.connection.stop().then(stoped).catch(stoped);
+        }
+    }, {
+        key: 'throttle',
+        value: function throttle(fn, gapTime) {
+            var _lastTime = null;
+            return function () {
+                var _nowTime = +new Date();
+                if (_nowTime - _lastTime > gapTime || !_lastTime) {
+                    fn();
+                    _lastTime = _nowTime;
+                }
+            };
+        }
+    }], [{
+        key: 'socketAuth',
+        value: function () {
+            var _ref2 = (0, _asyncToGenerator3.default)( /*#__PURE__*/_regenerator2.default.mark(function _callee() {
+                var _ref3, orgId, _ref3$loginInfo, loginInfo, SignalRServerHost, CiaToken, accountId, token, PosId, storeID, appKey, params;
+
+                return _regenerator2.default.wrap(function _callee$(_context) {
+                    while (1) {
+                        switch (_context.prev = _context.next) {
+                            case 0:
+                                _ref3 = _mutantsMicrofx.localStore.get('user') || {}, orgId = _ref3.orgId, _ref3$loginInfo = _ref3.loginInfo, loginInfo = _ref3$loginInfo === undefined ? {} : _ref3$loginInfo;
+                                SignalRServerHost = loginInfo.SignalRServerHost, CiaToken = loginInfo.CiaToken, accountId = loginInfo.enterpriseUniqId, token = loginInfo.SignalRToken, PosId = loginInfo.PosId, storeID = loginInfo.storeID, appKey = loginInfo.CloudServerAppKey;
+                                params = { accountId: accountId, token: token, PosId: PosId, storeID: storeID, orgId: orgId, appKey: appKey, CiaToken: CiaToken };
+                                _context.next = 5;
+                                return _axios2.default.get(SignalRServerHost + '/api/auth/GetAccessToken', { params: params });
+
+                            case 5:
+                                return _context.abrupt('return', _context.sent);
+
+                            case 6:
+                            case 'end':
+                                return _context.stop();
+                        }
+                    }
+                }, _callee, this);
+            }));
+
+            function socketAuth() {
+                return _ref2.apply(this, arguments);
+            }
+
+            return socketAuth;
+        }()
+    }]);
+    return Socket;
+}(); // cloud server消息推送接口单独使用 不走统一配置
+/**
+ * host 主机
+ * path 地址
+ * connected 连接成功后的回调
+ * error 错误信息的回调
+ * reconnect 触发重连的钩子
+ * updateConfig   触发重连时候 需要在实例化时的reconnect钩子调用该方法，参数 options 为设置新的参数 reInit 为是否重新初始化连接
+ * send   发送消息
+ * on   监听推送消息
+ * stop   停止连接
+ *
+**/
+
+
+exports.default = Socket;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["tplus-components-touch/components/socket/index.js"],"names":["signalR","Socket","host","path","connected","error","reconnect","token","connection","_init","on","stop","throttle","HubConnectionBuilder","withUrl","accessTokenFactory","configureLogging","LogLevel","Information","build","start","then","catch","_error","err","onclose","console","options","reInit","forEach","key","type","func","params","invoke","stoped","fn","gapTime","_lastTime","_nowTime","Date","localStore","get","orgId","loginInfo","SignalRServerHost","CiaToken","accountId","enterpriseUniqId","SignalRToken","PosId","storeID","appKey","CloudServerAppKey","axios"],"mappings":"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","file":"index.js","sourcesContent":["/**\r\n * host 主机\r\n * path 地址\r\n * connected 连接成功后的回调\r\n * error 错误信息的回调\r\n * reconnect 触发重连的钩子\r\n * updateConfig   触发重连时候 需要在实例化时的reconnect钩子调用该方法，参数 options 为设置新的参数 reInit 为是否重新初始化连接\r\n * send   发送消息\r\n * on   监听推送消息\r\n * stop   停止连接\r\n *\r\n**/\r\nimport * as signalR from '@aspnet/signalr';\r\nimport axios from 'axios'; // cloud server消息推送接口单独使用 不走统一配置\r\nimport { localStore } from 'mutants-microfx';\r\n\r\nexport default class Socket {\r\n    constructor({ host, path, connected, error, reconnect, token }) {\r\n        this.host = host;\r\n        this.path = path;\r\n        this.token = token;\r\n        this.connected = connected || (() => { });\r\n        this.reconnect = reconnect || (() => { });\r\n        this.error = error || (() => { });\r\n        this.connection = this._init();\r\n        this.on = this.on;\r\n        this.stop = this.stop;\r\n        this.throttle = this.throttle;\r\n    }\r\n\r\n    _init() {\r\n        const connection = new signalR.HubConnectionBuilder()\r\n            .withUrl(`${this.host}${this.path}`, {\r\n                accessTokenFactory: () => this.token\r\n            })\r\n            .configureLogging(signalR.LogLevel.Information)\r\n            .build();\r\n\r\n        connection.start().then(() => this.connected(connection)).catch(err => this._error(err));\r\n        connection.onclose(() => this.reconnect(connection));\r\n\r\n        return connection;\r\n    }\r\n\r\n    _error(err) {\r\n        console.error('signalR:', err);\r\n        this.error(err);\r\n        this.throttle(() => {\r\n            this.reconnect(this.connection);\r\n        }, 3000);\r\n    }\r\n\r\n    updateConfig(options, reInit) {\r\n        if (options && typeof options === 'object') {\r\n            Object.keys(options).forEach(key => this[key] = options[key]);\r\n        }\r\n        if (reInit) {\r\n            this.stop(() => {\r\n                this.connection = this._init();\r\n            });\r\n        } else {\r\n            this.connection.start().then(() => this.connected(this.connection)).catch(err => this._error(err));\r\n        }\r\n    }\r\n\r\n    on(type, func) {\r\n        this.connection.on(type, (...argument) => func(...argument));\r\n    }\r\n\r\n    send(type, params = [], error) {\r\n        this.connection.invoke(type, ...params).catch(err => error && error(err));\r\n    }\r\n\r\n    stop(func) {\r\n        const stoped = () => {\r\n            this.connection = null;\r\n            func && func();\r\n        }\r\n        this.connection.stop().then(stoped).catch(stoped);\r\n    }\r\n\r\n    throttle(fn, gapTime) {\r\n        let _lastTime = null;\r\n        return function () {\r\n            const _nowTime = +new Date();\r\n            if (_nowTime - _lastTime > gapTime || !_lastTime) {\r\n                fn();\r\n                _lastTime = _nowTime;\r\n            }\r\n        }\r\n    }\r\n\r\n    static async socketAuth() {\r\n        const { orgId, loginInfo = {} } = localStore.get('user') || {};\r\n        const { SignalRServerHost, CiaToken, enterpriseUniqId: accountId, SignalRToken: token, PosId, storeID, CloudServerAppKey: appKey } = loginInfo;\r\n        const params = { accountId, token, PosId, storeID, orgId, appKey, CiaToken };\r\n        return await axios.get(`${SignalRServerHost}/api/auth/GetAccessToken`, { params });\r\n    }\r\n}\r\n"]}

package/dist/components/spin/index.js

@@ -0,0 +1,95 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _extends2 = require('babel-runtime/helpers/extends');
+
+var _extends3 = _interopRequireDefault(_extends2);
+
+exports.default = Spin;
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+require('./spin-style.less');
+
+var _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var rotating = _react2.default.createElement(
+  'div',
+  { 'class': 'la-ball-spin-clockwise-fade-rotating' },
+  _react2.default.createElement('div', null),
+  _react2.default.createElement('div', null),
+  _react2.default.createElement('div', null),
+  _react2.default.createElement('div', null),
+  _react2.default.createElement('div', null),
+  _react2.default.createElement('div', null),
+  _react2.default.createElement('div', null),
+  _react2.default.createElement('div', null)
+); /**
+    * @style style
+    * @className className
+    * @scale spin缩放比
+    * @type spin类型 arrow-circle | circle | circle-side | shape
+    * @visible 是否显示
+    */
+
+
+var shapeNode = function shapeNode() {
+  return _react2.default.createElement(
+    'div',
+    { className: 'shape-container' },
+    _react2.default.createElement('div', { className: 'shape shape-1' }),
+    _react2.default.createElement('div', { className: 'shape shape-2' }),
+    _react2.default.createElement('div', { className: 'shape shape-3' }),
+    _react2.default.createElement('div', { className: 'shape shape-4' })
+  );
+};
+
+function Spin(props) {
+  var _props$className = props.className,
+      className = _props$className === undefined ? '' : _props$className,
+      _props$style = props.style,
+      style = _props$style === undefined ? {} : _props$style,
+      _props$scale = props.scale,
+      scale = _props$scale === undefined ? 1 : _props$scale,
+      _props$type = props.type,
+      type = _props$type === undefined ? 'arrow-circle' : _props$type,
+      _props$visible = props.visible,
+      visible = _props$visible === undefined ? true : _props$visible;
+
+  var scaleSize = 'scale(' + scale + ')';
+  var scaleStyle = {
+    transform: scaleSize,
+    WebkitTransform: scaleSize,
+    MozTransform: scaleSize
+  };
+  var assignStyle = (0, _extends3.default)({}, style, scaleStyle);
+  if (!visible) return null;
+  var createContent = function createContent() {
+    if (type === 'shape') return shapeNode();
+    if (type === 'rotating') return rotating;
+    return _react2.default.createElement('div', { className: type });
+  };
+  return _react2.default.createElement(
+    'div',
+    { className: 'tplus-spin ' + className, style: assignStyle },
+    createContent()
+  );
+}
+
+Spin.propTypes = {
+  style: _propTypes2.default.object,
+  className: _propTypes2.default.string,
+  type: _propTypes2.default.string,
+  scale: _propTypes2.default.number,
+  visible: _propTypes2.default.bool
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["tplus-components-touch/components/spin/index.js"],"names":["Spin","rotating","shapeNode","props","className","style","scale","type","visible","scaleSize","scaleStyle","transform","WebkitTransform","MozTransform","assignStyle","createContent","propTypes","PropTypes","object","string","number","bool"],"mappings":";;;;;;;;;;kBA6BwBA,I;;AAtBxB;;;;AACA;;AACA;;;;;;AAEA,IAAMC,WAAY;AAAA;AAAA,IAAK,SAAM,sCAAX;AAChB,4CADgB;AAEhB,4CAFgB;AAGhB,4CAHgB;AAIhB,4CAJgB;AAKhB,4CALgB;AAMhB,4CANgB;AAOhB,4CAPgB;AAQhB;AARgB,CAAlB,C,CAXA;;;;;;;;;AAsBA,IAAMC,YAAY,SAAZA,SAAY;AAAA,SAAO;AAAA;AAAA,MAAK,WAAU,iBAAf;AACvB,2CAAK,WAAU,eAAf,GADuB;AAEvB,2CAAK,WAAU,eAAf,GAFuB;AAGvB,2CAAK,WAAU,eAAf,GAHuB;AAIvB,2CAAK,WAAU,eAAf;AAJuB,GAAP;AAAA,CAAlB;;AAOe,SAASF,IAAT,CAAcG,KAAd,EAAqB;AAAA,yBACqDA,KADrD,CAC3BC,SAD2B;AAAA,MAC3BA,SAD2B,oCACf,EADe;AAAA,qBACqDD,KADrD,CACXE,KADW;AAAA,MACXA,KADW,gCACH,EADG;AAAA,qBACqDF,KADrD,CACCG,KADD;AAAA,MACCA,KADD,gCACS,CADT;AAAA,oBACqDH,KADrD,CACYI,IADZ;AAAA,MACYA,IADZ,+BACmB,cADnB;AAAA,uBACqDJ,KADrD,CACmCK,OADnC;AAAA,MACmCA,OADnC,kCAC6C,IAD7C;;AAElC,MAAMC,uBAAqBH,KAArB,MAAN;AACA,MAAMI,aAAa;AACjBC,eAAWF,SADM;AAEjBG,qBAAiBH,SAFA;AAGjBI,kBAAcJ;AAHG,GAAnB;AAKA,MAAMK,yCAAkBT,KAAlB,EAA4BK,UAA5B,CAAN;AACA,MAAI,CAACF,OAAL,EAAc,OAAO,IAAP;AACd,MAAMO,gBAAgB,SAAhBA,aAAgB,GAAM;AAC1B,QAAIR,SAAS,OAAb,EAAsB,OAAOL,WAAP;AACtB,QAAIK,SAAS,UAAb,EAAyB,OAAON,QAAP;AACzB,WAAO,uCAAK,WAAWM,IAAhB,GAAP;AACD,GAJD;AAKA,SAAO;AAAA;AAAA,MAAK,2BAAyBH,SAA9B,EAA2C,OAAOU,WAAlD;AACJC;AADI,GAAP;AAGD;;AAGDf,KAAKgB,SAAL,GAAiB;AACfX,SAAOY,oBAAUC,MADF;AAEfd,aAAWa,oBAAUE,MAFN;AAGfZ,QAAMU,oBAAUE,MAHD;AAIfb,SAAOW,oBAAUG,MAJF;AAKfZ,WAASS,oBAAUI;AALJ,CAAjB","file":"index.js","sourcesContent":["/**\r\n * @style style\r\n * @className className\r\n * @scale spin缩放比\r\n * @type spin类型 arrow-circle | circle | circle-side | shape\r\n * @visible 是否显示\r\n */\r\nimport React from 'react';\r\nimport './spin-style.less';\r\nimport PropTypes, {oneOfType} from 'prop-types';\r\n\r\nconst rotating = (<div class=\"la-ball-spin-clockwise-fade-rotating\">\r\n  <div></div>\r\n  <div></div>\r\n  <div></div>\r\n  <div></div>\r\n  <div></div>\r\n  <div></div>\r\n  <div></div>\r\n  <div></div>\r\n</div>)\r\n\r\nconst shapeNode = () => (<div className=\"shape-container\">\r\n  <div className=\"shape shape-1\"></div>\r\n  <div className=\"shape shape-2\"></div>\r\n  <div className=\"shape shape-3\"></div>\r\n  <div className=\"shape shape-4\"></div>\r\n</div>)\r\n\r\nexport default function Spin(props) {\r\n  const {className = '', style = {}, scale = 1, type = 'arrow-circle', visible = true} = props;\r\n  const scaleSize = `scale(${scale})`;\r\n  const scaleStyle = {\r\n    transform: scaleSize,\r\n    WebkitTransform: scaleSize,\r\n    MozTransform: scaleSize,\r\n  };\r\n  const assignStyle = {...style, ...scaleStyle};\r\n  if (!visible) return null;\r\n  const createContent = () => {\r\n    if (type === 'shape') return shapeNode();\r\n    if (type === 'rotating') return rotating;\r\n    return <div className={type} />;\r\n  }\r\n  return(<div className={`tplus-spin ${className}`} style={assignStyle}>\r\n    {createContent()}\r\n  </div>);\r\n}\r\n\r\n\r\nSpin.propTypes = {\r\n  style: PropTypes.object,\r\n  className: PropTypes.string,\r\n  type: PropTypes.string,\r\n  scale: PropTypes.number,\r\n  visible: PropTypes.bool,\r\n};\r\n"]}