tplus-components-touch 1.27.1 → 1.27.2

package/dist/components/message/index.js

@@ -0,0 +1,286 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _from = require('babel-runtime/core-js/array/from');
+
+var _from2 = _interopRequireDefault(_from);
+
+var _getIterator2 = require('babel-runtime/core-js/get-iterator');
+
+var _getIterator3 = _interopRequireDefault(_getIterator2);
+
+var _keys = require('babel-runtime/core-js/object/keys');
+
+var _keys2 = _interopRequireDefault(_keys);
+
+var _extends2 = require('babel-runtime/helpers/extends');
+
+var _extends3 = _interopRequireDefault(_extends2);
+
+var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
+
+var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
+
+var _createClass2 = require('babel-runtime/helpers/createClass');
+
+var _createClass3 = _interopRequireDefault(_createClass2);
+
+var _class, _temp; /**
+                    * Message调用的简写法: Message.success('数据加载成功')
+                    * 需要自定义配置的Message调用的写法: Message.success('数据加载成功', {top: 50, width: 500})
+                    * 当传入第二个配置option参数时，使用当前自定义的配置，不传则使用默认config
+                    * option可传入参数: top 距离顶部位置 | duration 持续时间单位秒 | width | height | style
+                    * Message的四种状态为: success | error | warn | info | toast | loading (loading的不会自动消失需要调用销毁方法)
+                    *
+                    * Message.destroy() 方法销毁Message组件
+                    */
+
+
+var _beeMessage = require('bee-message');
+
+var _beeMessage2 = _interopRequireDefault(_beeMessage);
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _mutantsUtil = require('mutants-util');
+
+var _index = require('../../index');
+
+require('bee-message/build/Message.css');
+
+require('./index.less');
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var defualt = {
+  top: 300,
+  duration: 1.5
+};
+
+var voice = {
+  warn: 'https://newretail.static.chanjet.com/muisc/syswarn.mp3' //警告
+};
+
+var fateurClassName = ['message-toast', 'message-loading'];
+
+var Message = (_temp = _class = function () {
+  function Message() {
+    (0, _classCallCheck3.default)(this, Message);
+  }
+
+  (0, _createClass3.default)(Message, null, [{
+    key: 'setStyle',
+    value: function setStyle() {
+      var config = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+      var width = config.width,
+          height = config.height,
+          _config$style = config.style,
+          style = _config$style === undefined ? {} : _config$style;
+
+      var cStyle = (0, _extends3.default)({}, style, {
+        maxWidth: '1000px'
+      });
+      if (width) {
+        cStyle.width = width;
+      }
+      if (height) {
+        cStyle.height = height;
+      }
+      return { style: (0, _extends3.default)({}, cStyle) };
+    }
+  }, {
+    key: 'defualtFocus',
+    value: function defualtFocus() {
+      var _ref = _mutantsUtil.platform || {},
+          isHorizontalPad = _ref.isHorizontalPad;
+
+      if (!!isHorizontalPad) return;
+      var doms = document.getElementsByClassName('app hot-key-focus-container');
+      var input = document.getElementById('productPoint');
+      if (input) setTimeout(function () {
+        if (doms && doms.length > 0) {
+          input.focus();
+        }
+      }, 300);
+    }
+  }, {
+    key: 'resetConfig',
+    value: function resetConfig(msg) {
+      var _document$body$classL;
+
+      var config = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+      var messageType = arguments[2];
+
+      var _ref2 = _mutantsUtil.platform || {},
+          isVerticalTouch = _ref2.isVerticalTouch,
+          isHorizontalPad = _ref2.isHorizontalPad,
+          isHorizontalSunMi = _ref2.isHorizontalSunMi;
+
+      var isMobileEnvironment = !!isHorizontalPad || !!isHorizontalSunMi;
+      if (!!isVerticalTouch && ['error', 'success', 'info', 'warn'].includes(messageType)) {
+        // 竖屏中强制转换为 toast 提示
+        Message.toast(msg, config);
+        return true;
+      }
+
+      if (isMobileEnvironment) {
+        defualt = { top: 100, duration: 1.5 };
+      }
+
+      Message.isUseFateur && (_document$body$classL = document.body.classList).remove.apply(_document$body$classL, fateurClassName);
+      Message.isUseFateur = false;
+
+      _beeMessage2.default.destroy();
+
+      var setConfig = (0, _keys2.default)(config).length ? config : defualt;
+
+      _beeMessage2.default.config(setConfig);
+    }
+  }, {
+    key: 'config',
+    value: function config(_config) {
+      _beeMessage2.default.config(_config);
+    }
+  }, {
+    key: 'destroy',
+    value: function destroy() {
+      _beeMessage2.default.destroy();
+    }
+  }, {
+    key: 'error',
+    value: function error(msg, config) {
+      if (Message.resetConfig(msg, config, 'error')) return;
+      _beeMessage2.default.create((0, _extends3.default)({ content: msg, color: 'danger' }, Message.setStyle(config)));
+      Message.defualtFocus();
+    }
+  }, {
+    key: 'success',
+    value: function success(msg, config) {
+      if (Message.resetConfig(msg, config, 'success')) return;
+      _beeMessage2.default.create((0, _extends3.default)({ content: msg, color: 'success' }, Message.setStyle(config)));
+      Message.defualtFocus();
+    }
+  }, {
+    key: 'warn',
+    value: function warn(msg, config) {
+      if (Message.resetConfig(msg, config, 'warn')) return;
+      _beeMessage2.default.create((0, _extends3.default)({ content: msg, color: 'warning' }, Message.setStyle(config)));
+      Message.defualtFocus();
+    }
+  }, {
+    key: 'info',
+    value: function info(msg, config, status) {
+      if (Message.resetConfig(msg, config, 'info')) return;
+      _beeMessage2.default.create((0, _extends3.default)({ content: msg, color: 'info' }, Message.setStyle(config)));
+      if (status) Message.doMusic(status);
+      Message.defualtFocus();
+    }
+  }, {
+    key: 'toast',
+    value: function toast(msg) {
+      var config = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+      var status = arguments[2];
+
+      Message.resetConfig(msg, (0, _extends3.default)({ top: '40%' }, config));
+      Message.isUseFateur = true;
+      document.body.classList.add('message-toast');
+      _beeMessage2.default.create((0, _extends3.default)({ content: msg, color: 'info' }, Message.setStyle(config)));
+      if (status) Message.doMusic(status);
+    }
+  }, {
+    key: 'loading',
+    value: function loading(msg) {
+      var config = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+
+      Message.resetConfig(msg, (0, _extends3.default)({ top: '40%' }, config, { duration: 18000 }));
+      Message.isUseFateur = true;
+      document.body.classList.add('message-loading');
+      _beeMessage2.default.create((0, _extends3.default)({
+        content: _react2.default.createElement(
+          'div',
+          { className: 'message-loading-content' },
+          _react2.default.createElement(_index.Spin, {
+            type: 'rotating',
+            scale: 2
+          }),
+          _react2.default.createElement(
+            'h1',
+            null,
+            msg
+          )
+        ),
+        color: 'info',
+        keyboard: false
+      }, Message.setStyle(config)));
+
+      setTimeout(function () {
+        var mask = document.createElement('div');
+        mask.className = 'message-loading-mask';
+        var messageContainer = document.querySelector('.u-message');
+        if (messageContainer) {
+          var _iteratorNormalCompletion = true;
+          var _didIteratorError = false;
+          var _iteratorError = undefined;
+
+          try {
+            for (var _iterator = (0, _getIterator3.default)(messageContainer.parentNode.childNodes), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+              var node = _step.value;
+
+              if ((0, _from2.default)(node.classList).includes('message-loading-mask')) return;
+            }
+          } catch (err) {
+            _didIteratorError = true;
+            _iteratorError = err;
+          } finally {
+            try {
+              if (!_iteratorNormalCompletion && _iterator.return) {
+                _iterator.return();
+              }
+            } finally {
+              if (_didIteratorError) {
+                throw _iteratorError;
+              }
+            }
+          }
+
+          messageContainer.parentNode.appendChild(mask);
+        }
+      });
+    }
+  }, {
+    key: 'doMusic',
+    value: function doMusic(status) {
+      Message.clearMusic();
+      var m = voice[status];
+      var audio = document.createElement('audio');
+      audio.controls = true;
+      audio.src = m;
+      audio.hidden = true;
+      audio.autoplay = 'autoplay';
+      document.body.appendChild(audio);
+      Message.sys_audio = audio;
+      setTimeout(function () {
+        Message.clearMusic();
+      }, 3000);
+    }
+  }, {
+    key: 'clearMusic',
+    value: function clearMusic() {
+      if (Message.sys_audio) {
+        document.body.removeChild(Message.sys_audio);Message.sys_audio = null;
+      };
+    }
+  }]);
+  return Message;
+}(), _class.isUseFateur = false, _class.sys_audio = null, _temp);
+
+
+Message.config(defualt);
+
+exports.default = Message;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["tplus-components-touch/components/message/index.js"],"names":["defualt","top","duration","voice","warn","fateurClassName","Message","config","width","height","style","cStyle","maxWidth","platform","isHorizontalPad","doms","document","getElementsByClassName","input","getElementById","setTimeout","length","focus","msg","messageType","isVerticalTouch","isHorizontalSunMi","isMobileEnvironment","includes","toast","isUseFateur","body","classList","remove","tMessage","destroy","setConfig","resetConfig","create","content","color","setStyle","defualtFocus","status","doMusic","add","keyboard","mask","createElement","className","messageContainer","querySelector","parentNode","childNodes","node","appendChild","clearMusic","m","audio","controls","src","hidden","autoplay","sys_audio","removeChild"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBAAA;;;;;;;;;;;AASA;;;;AACA;;;;AACA;;AACA;;AACA;;AACA;;;;AAEA,IAAIA,UAAU;AACZC,OAAK,GADO;AAEZC,YAAU;AAFE,CAAd;;AAKA,IAAMC,QAAQ;AACZC,QAAM,wDADM,CACmD;AADnD,CAAd;;AAIA,IAAMC,kBAAkB,CAAC,eAAD,EAAkB,iBAAlB,CAAxB;;IAEMC,O;;;;;;;+BAMyB;AAAA,UAAbC,MAAa,uEAAJ,EAAI;AAAA,UACpBC,KADoB,GACSD,MADT,CACpBC,KADoB;AAAA,UACbC,MADa,GACSF,MADT,CACbE,MADa;AAAA,0BACSF,MADT,CACLG,KADK;AAAA,UACLA,KADK,iCACG,EADH;;AAE3B,UAAIC,oCACCD,KADD;AAEFE,kBAAS;AAFP,QAAJ;AAIA,UAAGJ,KAAH,EAAS;AACPG,eAAOH,KAAP,GAAeA,KAAf;AACD;AACD,UAAGC,MAAH,EAAU;AACRE,eAAOF,MAAP,GAAgBA,MAAhB;AACD;AACD,aAAO,EAACC,kCAAWC,MAAX,CAAD,EAAP;AACD;;;mCAEqB;AAAA,iBACQE,yBAAY,EADpB;AAAA,UACZC,eADY,QACZA,eADY;;AAEpB,UAAI,CAAC,CAACA,eAAN,EAAuB;AACvB,UAAIC,OAAOC,SAASC,sBAAT,CAAgC,6BAAhC,CAAX;AACA,UAAIC,QAAQF,SAASG,cAAT,CAAwB,cAAxB,CAAZ;AACA,UAAID,KAAJ,EAAWE,WAAW,YAAM;AAAE,YAAGL,QAAQA,KAAKM,MAAL,GAAc,CAAzB,EAA2B;AAACH,gBAAMI,KAAN;AAAc;AAAE,OAA/D,EAAiE,GAAjE;AACZ;;;gCAEkBC,G,EAA+B;AAAA;;AAAA,UAA1BhB,MAA0B,uEAAjB,EAAiB;AAAA,UAAbiB,WAAa;;AAAA,kBACgBX,yBAAY,EAD5B;AAAA,UACxCY,eADwC,SACxCA,eADwC;AAAA,UACvBX,eADuB,SACvBA,eADuB;AAAA,UACNY,iBADM,SACNA,iBADM;;AAEhD,UAAMC,sBAAuB,CAAC,CAACb,eAAF,IAAqB,CAAC,CAACY,iBAApD;AACA,UAAI,CAAC,CAACD,eAAF,IAAqB,CAAC,OAAD,EAAU,SAAV,EAAqB,MAArB,EAA6B,MAA7B,EAAqCG,QAArC,CAA8CJ,WAA9C,CAAzB,EAAqF;AACnF;AACAlB,gBAAQuB,KAAR,CAAcN,GAAd,EAAmBhB,MAAnB;AACA,eAAO,IAAP;AACD;;AAED,UAAIoB,mBAAJ,EAAyB;AACvB3B,kBAAU,EAAEC,KAAK,GAAP,EAAYC,UAAU,GAAtB,EAAV;AACD;;AAEDI,cAAQwB,WAAR,IAAuB,kCAASC,IAAT,CAAcC,SAAd,EAAwBC,MAAxB,8BAAkC5B,eAAlC,CAAvB;AACAC,cAAQwB,WAAR,GAAsB,KAAtB;;AAEAI,2BAASC,OAAT;;AAEA,UAAMC,YAAY,oBAAY7B,MAAZ,EAAoBc,MAApB,GAA6Bd,MAA7B,GAAsCP,OAAxD;;AAEAkC,2BAAS3B,MAAT,CAAgB6B,SAAhB;AACD;;;2BAEa7B,O,EAAQ;AACpB2B,2BAAS3B,MAAT,CAAgBA,OAAhB;AACD;;;8BAEgB;AACf2B,2BAASC,OAAT;AACD;;;0BAEYZ,G,EAAKhB,M,EAAQ;AACxB,UAAID,QAAQ+B,WAAR,CAAoBd,GAApB,EAAyBhB,MAAzB,EAAiC,OAAjC,CAAJ,EAA+C;AAC/C2B,2BAASI,MAAT,0BAAiBC,SAAShB,GAA1B,EAA+BiB,OAAO,QAAtC,IAAmDlC,QAAQmC,QAAR,CAAiBlC,MAAjB,CAAnD;AACAD,cAAQoC,YAAR;AACD;;;4BAEcnB,G,EAAKhB,M,EAAQ;AAC1B,UAAID,QAAQ+B,WAAR,CAAoBd,GAApB,EAAyBhB,MAAzB,EAAiC,SAAjC,CAAJ,EAAiD;AACjD2B,2BAASI,MAAT,0BAAiBC,SAAShB,GAA1B,EAA+BiB,OAAO,SAAtC,IAAoDlC,QAAQmC,QAAR,CAAiBlC,MAAjB,CAApD;AACAD,cAAQoC,YAAR;AACD;;;yBAEWnB,G,EAAKhB,M,EAAQ;AACvB,UAAID,QAAQ+B,WAAR,CAAoBd,GAApB,EAAyBhB,MAAzB,EAAiC,MAAjC,CAAJ,EAA8C;AAC9C2B,2BAASI,MAAT,0BAAiBC,SAAShB,GAA1B,EAA+BiB,OAAO,SAAtC,IAAoDlC,QAAQmC,QAAR,CAAiBlC,MAAjB,CAApD;AACAD,cAAQoC,YAAR;AACD;;;yBAEWnB,G,EAAKhB,M,EAAQoC,M,EAAQ;AAC/B,UAAIrC,QAAQ+B,WAAR,CAAoBd,GAApB,EAAyBhB,MAAzB,EAAiC,MAAjC,CAAJ,EAA8C;AAC9C2B,2BAASI,MAAT,0BAAkBC,SAAShB,GAA3B,EAAgCiB,OAAO,MAAvC,IAAkDlC,QAAQmC,QAAR,CAAiBlC,MAAjB,CAAlD;AACA,UAAIoC,MAAJ,EAAYrC,QAAQsC,OAAR,CAAgBD,MAAhB;AACZrC,cAAQoC,YAAR;AACD;;;0BAEYnB,G,EAA0B;AAAA,UAArBhB,MAAqB,uEAAZ,EAAY;AAAA,UAARoC,MAAQ;;AACrCrC,cAAQ+B,WAAR,CAAoBd,GAApB,2BAA2BtB,KAAK,KAAhC,IAA0CM,MAA1C;AACAD,cAAQwB,WAAR,GAAsB,IAAtB;AACAd,eAASe,IAAT,CAAcC,SAAd,CAAwBa,GAAxB,CAA4B,eAA5B;AACAX,2BAASI,MAAT,0BAAkBC,SAAShB,GAA3B,EAAgCiB,OAAO,MAAvC,IAAkDlC,QAAQmC,QAAR,CAAiBlC,MAAjB,CAAlD;AACA,UAAIoC,MAAJ,EAAYrC,QAAQsC,OAAR,CAAgBD,MAAhB;AACb;;;4BAEcpB,G,EAAkB;AAAA,UAAbhB,MAAa,uEAAJ,EAAI;;AAC/BD,cAAQ+B,WAAR,CAAoBd,GAApB,2BAA0BtB,KAAK,KAA/B,IAAyCM,MAAzC,IAAiDL,UAAU,KAA3D;AACAI,cAAQwB,WAAR,GAAsB,IAAtB;AACAd,eAASe,IAAT,CAAcC,SAAd,CAAwBa,GAAxB,CAA4B,iBAA5B;AACAX,2BAASI,MAAT;AACEC,iBAAS;AAAA;AAAA,YAAK,WAAU,yBAAf;AACP,wCAAC,WAAD;AACE,kBAAK,UADP;AAEE,mBAAO;AAFT,YADO;AAKP;AAAA;AAAA;AAAKhB;AAAL;AALO,SADX;AAQEiB,eAAO,MART;AASEM,kBAAU;AATZ,SAUKxC,QAAQmC,QAAR,CAAiBlC,MAAjB,CAVL;;AAaAa,iBAAW,YAAM;AACf,YAAM2B,OAAO/B,SAASgC,aAAT,CAAuB,KAAvB,CAAb;AACAD,aAAKE,SAAL,GAAiB,sBAAjB;AACA,YAAMC,mBAAmBlC,SAASmC,aAAT,CAAuB,YAAvB,CAAzB;AACA,YAAID,gBAAJ,EAAsB;AAAA;AAAA;AAAA;;AAAA;AACpB,4DAAmBA,iBAAiBE,UAAjB,CAA4BC,UAA/C,4GAA2D;AAAA,kBAAhDC,IAAgD;;AACzD,kBAAI,oBAAWA,KAAKtB,SAAhB,EAA2BJ,QAA3B,CAAoC,sBAApC,CAAJ,EAAiE;AAClE;AAHmB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAIpBsB,2BAAiBE,UAAjB,CAA4BG,WAA5B,CAAwCR,IAAxC;AACD;AACF,OAVD;AAYD;;;4BAEcJ,M,EAAQ;AACrBrC,cAAQkD,UAAR;AACA,UAAIC,IAAItD,MAAMwC,MAAN,CAAR;AACA,UAAIe,QAAQ1C,SAASgC,aAAT,CAAuB,OAAvB,CAAZ;AACAU,YAAMC,QAAN,GAAiB,IAAjB;AACAD,YAAME,GAAN,GAAYH,CAAZ;AACAC,YAAMG,MAAN,GAAe,IAAf;AACAH,YAAMI,QAAN,GAAiB,UAAjB;AACA9C,eAASe,IAAT,CAAcwB,WAAd,CAA0BG,KAA1B;AACApD,cAAQyD,SAAR,GAAoBL,KAApB;AACAtC,iBAAW,YAAM;AAAEd,gBAAQkD,UAAR;AAAsB,OAAzC,EAA2C,IAA3C;AACD;;;iCAEmB;AAClB,UAAIlD,QAAQyD,SAAZ,EAAuB;AAAE/C,iBAASe,IAAT,CAAciC,WAAd,CAA0B1D,QAAQyD,SAAlC,EAA8CzD,QAAQyD,SAAR,GAAoB,IAApB;AAA2B;AACnG;;;YAzIMjC,W,GAAc,K,SAEdiC,S,GAAY,I;;;AA0IrBzD,QAAQC,MAAR,CAAeP,OAAf;;kBAEeM,O","file":"index.js","sourcesContent":["/**\n * Message调用的简写法: Message.success('数据加载成功')\n * 需要自定义配置的Message调用的写法: Message.success('数据加载成功', {top: 50, width: 500})\n * 当传入第二个配置option参数时，使用当前自定义的配置，不传则使用默认config\n * option可传入参数: top 距离顶部位置 | duration 持续时间单位秒 | width | height | style\n * Message的四种状态为: success | error | warn | info | toast | loading (loading的不会自动消失需要调用销毁方法)\n *\n * Message.destroy() 方法销毁Message组件\n */\nimport tMessage from 'bee-message';\nimport React from 'react';\nimport { platform } from 'mutants-util';\nimport { Spin } from '../../index';\nimport 'bee-message/build/Message.css';\nimport './index.less';\n\nlet defualt = {\n  top: 300,\n  duration: 1.5\n};\n\nconst voice = {\n  warn: 'https://newretail.static.chanjet.com/muisc/syswarn.mp3' //警告\n}\n\nconst fateurClassName = ['message-toast', 'message-loading'];\n\nclass Message {\n\n  static isUseFateur = false;\n\n  static sys_audio = null;\n\n  static setStyle(config = {}) {\n    const {width, height, style = {}} = config;\n    let cStyle = {\n      ...style,\n      maxWidth:'1000px'\n    };\n    if(width){\n      cStyle.width = width;\n    }\n    if(height){\n      cStyle.height = height;\n    }\n    return {style: {...cStyle}};\n  }\n\n  static defualtFocus() {\n    const { isHorizontalPad } = platform || {};\n    if (!!isHorizontalPad) return;\n    let doms = document.getElementsByClassName('app hot-key-focus-container');\n    let input = document.getElementById('productPoint');\n    if (input) setTimeout(() => { if(doms && doms.length > 0){input.focus()} }, 300);\n  }\n\n  static resetConfig(msg, config = {}, messageType) {\n    const { isVerticalTouch, isHorizontalPad, isHorizontalSunMi } = platform || {};\n    const isMobileEnvironment  = !!isHorizontalPad || !!isHorizontalSunMi;\n    if (!!isVerticalTouch && ['error', 'success', 'info', 'warn'].includes(messageType)) {\n      // 竖屏中强制转换为 toast 提示\n      Message.toast(msg, config);\n      return true;\n    }\n\n    if (isMobileEnvironment) {\n      defualt = { top: 100, duration: 1.5 }\n    }\n\n    Message.isUseFateur && document.body.classList.remove(...fateurClassName);\n    Message.isUseFateur = false;\n\n    tMessage.destroy();\n\n    const setConfig = Object.keys(config).length ? config : defualt;\n\n    tMessage.config(setConfig);\n  }\n\n  static config(config) {\n    tMessage.config(config);\n  }\n\n  static destroy() {\n    tMessage.destroy();\n  }\n\n  static error(msg, config) {\n    if (Message.resetConfig(msg, config, 'error')) return;\n    tMessage.create({content: msg, color: 'danger', ...Message.setStyle(config)});\n    Message.defualtFocus();\n  }\n\n  static success(msg, config) {\n    if (Message.resetConfig(msg, config, 'success')) return;\n    tMessage.create({content: msg, color: 'success', ...Message.setStyle(config)});\n    Message.defualtFocus();\n  }\n\n  static warn(msg, config) {\n    if (Message.resetConfig(msg, config, 'warn')) return;\n    tMessage.create({content: msg, color: 'warning', ...Message.setStyle(config)});\n    Message.defualtFocus();\n  }\n\n  static info(msg, config, status) {\n    if (Message.resetConfig(msg, config, 'info')) return;\n    tMessage.create({ content: msg, color: 'info', ...Message.setStyle(config) });\n    if (status) Message.doMusic(status)\n    Message.defualtFocus();\n  }\n\n  static toast(msg, config = {}, status) {\n    Message.resetConfig(msg, { top: '40%', ...config });\n    Message.isUseFateur = true;\n    document.body.classList.add('message-toast');\n    tMessage.create({ content: msg, color: 'info', ...Message.setStyle(config) });\n    if (status) Message.doMusic(status)\n  }\n\n  static loading(msg, config = {}) {\n    Message.resetConfig(msg, {top: '40%', ...config, duration: 18000});\n    Message.isUseFateur = true;\n    document.body.classList.add('message-loading');\n    tMessage.create({\n      content: <div className='message-loading-content'>\n        <Spin\n          type='rotating'\n          scale={2}\n        />\n        <h1>{msg}</h1>\n      </div>,\n      color: 'info',\n      keyboard: false,\n      ...Message.setStyle(config)\n    });\n\n    setTimeout(() => {\n      const mask = document.createElement('div');\n      mask.className = 'message-loading-mask';\n      const messageContainer = document.querySelector('.u-message');\n      if (messageContainer) {\n        for (const node of messageContainer.parentNode.childNodes) {\n          if (Array.from(node.classList).includes('message-loading-mask')) return;\n        }\n        messageContainer.parentNode.appendChild(mask);\n      }\n    });\n\n  }\n\n  static doMusic(status) {\n    Message.clearMusic();\n    let m = voice[status];\n    let audio = document.createElement('audio')\n    audio.controls = true;\n    audio.src = m;\n    audio.hidden = true;\n    audio.autoplay = 'autoplay';\n    document.body.appendChild(audio);\n    Message.sys_audio = audio;\n    setTimeout(() => { Message.clearMusic() }, 3000)\n  }\n\n  static clearMusic() {\n    if (Message.sys_audio) { document.body.removeChild(Message.sys_audio); Message.sys_audio = null; };\n  }\n}\n\nMessage.config(defualt);\n\nexport default Message;\n"]}

package/dist/components/message/index.less

@@ -0,0 +1,150 @@
+.u-message{
+    z-index: 9999999 !important;
+    width: 100%;
+    &>span{
+        width: 100%;
+        display: block;
+        text-align: center;
+    }
+    .u-message-notice-description-icon{
+        display: none !important;
+    }
+    .u-message-notice-description-content::before{
+        top:initial!important;
+        transform: initial!important;
+    }
+    .u-message-notice{
+        display: inline-block;
+        position: absolute;
+        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
+        border-radius: 5px;
+        border-width: 1px;
+        border-style: solid;
+        padding: 0px;
+        margin-top: 16px;
+        // left: 0;
+        transform: translateX(-50%);
+        max-width: 90%;
+        .u-message-notice-description-content{
+            padding: 10px 24px 10px 40px;
+            box-sizing: border-box;
+            color: #4e5652;
+            margin-left: 0px;
+            position: relative;
+            min-width: inherit;
+            max-width: inherit;
+            font-size: 14px;
+            word-break: break-all;
+            &:before{
+                font-family: "iconfont" !important;
+                position: absolute;
+                left: 10px;
+                font-size: 14px;
+                top: 50%;
+                transform: translateY(-50%);
+            }
+        }
+        .u-message-notice-close{
+            display: none;
+        }
+    }
+        .u-message-notice.u-message-notice-success{
+            background-color: #e5f7ed;
+            border-color: #02b144;
+            .u-message-notice-description-content{
+                &:before{
+                    content: "\e682";
+                    color: #02b144;
+                }
+            }
+        }
+        .u-message-notice.u-message-notice-danger{
+            background-color: #ffefee;
+            border-color: #ff595e;
+            .u-message-notice-description-content{
+                &:before{
+                    content: "\e683";
+                    color: #ff595e;
+                }
+            }
+        }
+        .u-message-notice.u-message-notice-warning{
+            background-color: #fff3e9;
+            border-color: #ff8c24;
+            .u-message-notice-description-content{
+                &:before{
+                    content: "\e67f";
+                    color: #ff8c24;
+                }
+            }
+        }
+        .u-message-notice.u-message-notice-info{
+            background-color: #eaf7fe;
+            border-color: #33aaf9;
+            .u-message-notice-description-content{
+                &:before{
+                    content: "\e67e";
+                    color: #33aaf9;
+                }
+            }
+        }
+}
+
+.message-toast{
+    .u-message{
+        .u-message-notice{
+            background-color: rgba(0,0,0,.7);
+            border: none;
+            box-shadow: 2px 2px 2px rgba(0,0,0,.1);
+            border-radius: 15px;
+            .u-message-notice-description-content{
+                &:before{
+                    display: none;
+                }
+                color: #fff;
+                font-size: 40px;
+                padding: 30px 40px;
+            }
+        }
+    }
+}
+
+.message-loading{
+    .message-loading-content{
+        position: relative;
+        padding-top: 95px;
+    }
+    .u-message-notice-content{
+        min-width: 250px;
+    }
+    .u-message{
+        .u-message-notice{
+            background-color: rgba(0,0,0,.7);
+            border: none;
+            box-shadow: 2px 2px 2px rgba(0,0,0,.1);
+            border-radius: 15px;
+            .u-message-notice-description-content{
+                &:before{
+                    display: none;
+                }
+                color: #fff;
+                font-size: 36px;
+                padding: 30px 40px;
+                .tplus-spin{
+                    position: absolute;
+                    left: 50%;
+                    margin-left: -16px;
+                    top: 20px;
+                }
+            }
+        }
+    }
+    .message-loading-mask{
+        width: 100%;
+        height: 100%;
+        position: fixed;
+        z-index: 99999999;
+        left: 0;
+        top: 0;
+    }
+}

package/dist/components/modal/index.js

@@ -0,0 +1,93 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = undefined;
+
+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 _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _reactDom = require('react-dom');
+
+var _reactDom2 = _interopRequireDefault(_reactDom);
+
+require('./index.less');
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var Modal = function (_React$Component) {
+  (0, _inherits3.default)(Modal, _React$Component);
+
+  function Modal(props) {
+    (0, _classCallCheck3.default)(this, Modal);
+
+    var _this = (0, _possibleConstructorReturn3.default)(this, (Modal.__proto__ || (0, _getPrototypeOf2.default)(Modal)).call(this, props));
+
+    _this.el = document.createElement('div');
+    document.body.appendChild(_this.el);
+    return _this;
+  }
+
+  (0, _createClass3.default)(Modal, [{
+    key: 'render',
+    value: function render() {
+      var _this2 = this;
+
+      var _props = this.props,
+          handleCancel = _props.handleCancel,
+          handleOk = _props.handleOk,
+          _props$mask = _props.mask,
+          mask = _props$mask === undefined ? true : _props$mask,
+          _props$maskClosable = _props.maskClosable,
+          maskClosable = _props$maskClosable === undefined ? true : _props$maskClosable,
+          _props$maskStyle = _props.maskStyle,
+          maskStyle = _props$maskStyle === undefined ? {} : _props$maskStyle,
+          show = _props.show,
+          _props$className = _props.className,
+          className = _props$className === undefined ? '' : _props$className,
+          _props$bodyClassName = _props.bodyClassName,
+          bodyClassName = _props$bodyClassName === undefined ? '' : _props$bodyClassName;
+
+      return _reactDom2.default.createPortal(show ? _react2.default.createElement(
+        'div',
+        { className: className + ' modal-container', onClick: handleCancel, style: maskStyle },
+        _react2.default.createElement(
+          'div',
+          { ref: function ref(body) {
+              return _this2.body = body;
+            }, className: bodyClassName + ' modal-body', onClick: function onClick(e) {
+              e.preventDefault();
+              e.stopPropagation();
+            } },
+          this.props.children
+        )
+      ) : null, this.el);
+    }
+  }]);
+  return Modal;
+}(_react2.default.Component);
+
+exports.default = Modal;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["tplus-components-touch/components/modal/index.js"],"names":["Modal","props","el","document","createElement","body","appendChild","handleCancel","handleOk","mask","maskClosable","maskStyle","show","className","bodyClassName","ReactDOM","createPortal","e","preventDefault","stopPropagation","children","React","Component"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;AACA;;;;AACA;;;;IAEqBA,K;;;AACjB,iBAAYC,KAAZ,EAAmB;AAAA;;AAAA,oIACTA,KADS;;AAEf,UAAKC,EAAL,GAAUC,SAASC,aAAT,CAAuB,KAAvB,CAAV;AACAD,aAASE,IAAT,CAAcC,WAAd,CAA0B,MAAKJ,EAA/B;AAHe;AAIlB;;;;6BACQ;AAAA;;AAAA,mBAC6G,KAAKD,KADlH;AAAA,UACAM,YADA,UACAA,YADA;AAAA,UACcC,QADd,UACcA,QADd;AAAA,+BACwBC,IADxB;AAAA,UACwBA,IADxB,+BAC6B,IAD7B;AAAA,uCACmCC,YADnC;AAAA,UACmCA,YADnC,uCACgD,IADhD;AAAA,oCACsDC,SADtD;AAAA,UACsDA,SADtD,oCACgE,EADhE;AAAA,UACoEC,IADpE,UACoEA,IADpE;AAAA,oCAC0EC,SAD1E;AAAA,UAC0EA,SAD1E,oCACoF,EADpF;AAAA,wCACwFC,aADxF;AAAA,UACwFA,aADxF,wCACsG,EADtG;;AAEL,aACEC,mBAASC,YAAT,CAEEJ,OACE;AAAA;AAAA,UAAK,WAAcC,SAAd,qBAAL,EAAgD,SAAUN,YAA1D,EAAyE,OAAOI,SAAhF;AACE;AAAA;AAAA,YAAK,KAAK;AAAA,qBAAQ,OAAKN,IAAL,GAAYA,IAApB;AAAA,aAAV,EAAoC,WAAcS,aAAd,gBAApC,EAA8E,SAAS,oBAAK;AACpFG,gBAAEC,cAAF;AACAD,gBAAEE,eAAF;AACL,aAHH;AAIG,eAAKlB,KAAL,CAAWmB;AAJd;AADF,OADF,GAUE,IAZJ,EAeE,KAAKlB,EAfP,CADF;AAmBH;;;EA3B8BmB,gBAAMC,S;;kBAApBtB,K","file":"index.js","sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.less';\n\nexport default class Modal extends React.Component {\n    constructor(props) {\n        super(props);\n        this.el = document.createElement('div');\n        document.body.appendChild(this.el)\n    }\n    render() {\n      const {handleCancel, handleOk, mask=true, maskClosable=true, maskStyle={}, show, className='', bodyClassName='' } = this.props;\n        return (\n          ReactDOM.createPortal(\n\n          ( show ? \n              <div className={`${className} modal-container`} onClick={ handleCancel } style={maskStyle}>\n                <div ref={body => this.body = body} className={`${bodyClassName} modal-body`} onClick={e => {\n                        e.preventDefault();\n                        e.stopPropagation();\n                  }}>\n                  {this.props.children}\n                </div>\n              </div>\n            :\n              null\n          ),\n\n            this.el\n          )\n        );\n    }\n}"]}

package/dist/components/modal/index.less

@@ -0,0 +1,19 @@
+.modal-container {
+  background-color: rgba(33, 33, 33, .4);
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  opacity: 1;
+  z-index: 99999999;
+  .modal-body {
+    background-color: #fff;
+    border-radius: 5px;
+    padding: 30px;
+    width: 400px;
+    position: absolute;
+    margin: 0 auto;
+    top: 40%;
+  }
+}