tplus-components-touch 3.22.16 → 3.23.2

package/dist/components/loading/style.less

@@ -0,0 +1,61 @@
+._tplus-animation-ease_{
+    transition: all 0.2s ease-in-out;
+};
+.tplus-loading {
+    width: 100%;
+    height: 100%;
+    z-index: 2019;
+    position: fixed !important;
+    left: 0px;
+    top: 0px;
+    background-color: rgba(0, 0, 0, 0.5);
+    .tplus-loading-content{
+        padding: 10px;
+        top: 50%;
+        left: 50%;
+        transform: translate(-50%,-50%);
+        transform-origin: 50% 50%;
+        position: absolute;
+        .tplus-loading-spinner{
+            text-align: center;
+            margin-bottom: 20px;
+            .default-spinner-gif{
+              display: block;
+              width: 150px;
+              margin: 0 auto;
+              position: relative;
+              left: 6px;
+            }
+        }
+        .tplus-loading-tip{
+            color: #FFF;
+            font-size: 13px;
+            text-align: center;
+        }
+        .closeAnimate{
+          ._tplus-animation-ease_;
+          background-color: #01AAED !important;
+          opacity: 0;
+        }
+    }
+    .tplus-loading-progress{
+        width: 50%;
+    }
+    .ant-progress-inner, .ant-progress-bg{
+        height: 16px !important;
+    }
+    .ant-progress-text{
+        color: #FFF;
+    }
+}
+.loading-close-animate{
+    ._tplus-animation-ease_;
+    opacity: 0;
+}
+
+
+@keyframes loading-delay-animation {
+    0% { opacity: 0}
+    99.99% { opacity: 0 }
+    100% { opacity: 1 }
+}

package/dist/components/loading/utils.js

@@ -0,0 +1,29 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.queryEle = undefined;
+
+var _promise = require('babel-runtime/core-js/promise');
+
+var _promise2 = _interopRequireDefault(_promise);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function queryEle(queryClass) {
+  return new _promise2.default(function (resolve, reject) {
+    var element = document.querySelector(queryClass);
+    if (!element) {
+      setTimeout(function () {
+        element = document.querySelector(queryClass) || document.querySelector('#root');
+        resolve(element);
+      }, 0);
+    } else {
+      return resolve(element);
+    }
+  });
+}
+
+exports.queryEle = queryEle;
+//# sourceMappingURL=utils.js.map

package/dist/components/loading/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["tplus-components-touch/components/loading/utils.js"],"names":["queryEle","queryClass","resolve","reject","element","document","querySelector","setTimeout"],"mappings":";;;;;;;;;;;;;AAAA,SAASA,QAAT,CAAkBC,UAAlB,EAA8B;AAC5B,SAAO,sBAAY,UAACC,OAAD,EAAUC,MAAV,EAAqB;AACtC,QAAIC,UAAUC,SAASC,aAAT,CAAuBL,UAAvB,CAAd;AACA,QAAI,CAACG,OAAL,EAAc;AACZG,iBAAW,YAAM;AACfH,kBAAUC,SAASC,aAAT,CAAuBL,UAAvB,KAAsCI,SAASC,aAAT,CAAuB,OAAvB,CAAhD;AACAJ,gBAAQE,OAAR;AACD,OAHD,EAGG,CAHH;AAID,KALD,MAKO;AACL,aAAOF,QAAQE,OAAR,CAAP;AACD;AACF,GAVM,CAAP;AAWD;;QAEOJ,Q,GAAAA,Q","file":"utils.js","sourcesContent":["function queryEle(queryClass) {\r\n  return new Promise((resolve, reject) => {\r\n    let element = document.querySelector(queryClass);\r\n    if (!element) {\r\n      setTimeout(() => {\r\n        element = document.querySelector(queryClass) || document.querySelector('#root');\r\n        resolve(element);\r\n      }, 0);\r\n    } else {\r\n      return resolve(element);\r\n    }\r\n  });\r\n}\r\n\r\nexport {queryEle};\r\n"]}

package/dist/components/message/index.js

@@ -0,0 +1,308 @@
+'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 _message2 = require('antd/es/message');
+
+var _message3 = _interopRequireDefault(_message2);
+
+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组件
+                    */
+
+
+require('antd/es/message/style');
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _mutantsUtil = require('mutants-util');
+
+var _index = require('../../index');
+
+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);
+      if (width) {
+        cStyle.width = width;
+      }
+      if (height) {
+        cStyle.height = height;
+      }
+      return { style: (0, _extends3.default)({}, cStyle) };
+    }
+  }, {
+    key: 'defualtFocus',
+    value: function defualtFocus(config) {
+      var _ref = _mutantsUtil.platform || {},
+          isHorizontalPad = _ref.isHorizontalPad;
+
+      if (!!isHorizontalPad) return;
+      var memberCursor = config || {};
+      var doms = document.getElementsByClassName('app hot-key-focus-container');
+      var input = document.getElementById('productPoint');
+      if (memberCursor) {
+        input = document.getElementById('memberPoint');
+      }
+      if (input) setTimeout(function () {
+        if (doms && doms.length > 0) {
+          console.log('message-defualt==Focus==');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;
+      if (config && config.duration === 4) {
+        return;
+      }
+      // 解决连续输入商品时toast不消失的问题
+      _message3.default.destroy();
+      // 解决toast第二次之后输入商品toast不消失问题
+      setTimeout(function () {
+        _message3.default.destroy();
+      }, 1500);
+
+      var setConfig = (0, _keys2.default)(config).length ? config : defualt;
+
+      _message3.default.config(setConfig);
+    }
+  }, {
+    key: 'config',
+    value: function config(_config) {
+      _message3.default.config(_config);
+    }
+  }, {
+    key: 'destroy',
+    value: function destroy() {
+      _message3.default.destroy();
+    }
+  }, {
+    key: 'error',
+    value: function error(msg, config) {
+      if (Message.resetConfig(msg, config, 'error')) return;
+      if (config && config.duration === 4) {
+        _message3.default.error((0, _extends3.default)({ content: msg }, Message.setStyle(config), { duration: 4 }));
+      } else {
+        _message3.default.error((0, _extends3.default)({ content: msg }, Message.setStyle(config)));
+      }
+      Message.defualtFocus(config);
+    }
+  }, {
+    key: 'success',
+    value: function success(msg, config) {
+      if (Message.resetConfig(msg, config, 'success')) return;
+      _message3.default.success((0, _extends3.default)({ content: msg }, Message.setStyle(config)));
+      Message.defualtFocus(config);
+    }
+  }, {
+    key: 'warn',
+    value: function warn(msg, config) {
+      if (Message.resetConfig(msg, config, 'warn')) return;
+      _message3.default.warning((0, _extends3.default)({ content: msg }, Message.setStyle(config)));
+      Message.defualtFocus(config);
+    }
+  }, {
+    key: 'info',
+    value: function info(msg, config, status) {
+      if (Message.resetConfig(msg, config, 'info')) return;
+      _message3.default.info((0, _extends3.default)({ content: msg }, Message.setStyle(config)));
+      if (status) Message.doMusic(status);
+      Message.defualtFocus(config);
+    }
+  }, {
+    key: 'tip',
+    value: function tip(msg, config, status) {
+      if (Message.resetConfig(msg, config, 'info')) return;
+      document.body.classList.remove('message-toast');
+      document.body.classList.add('message-tip');
+      _message3.default.info((0, _extends3.default)({ content: msg }, Message.setStyle(config)));
+      if (status) Message.doMusic(status);
+      Message.defualtFocus(config);
+    }
+  }, {
+    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, { duration: 18000 }));
+      Message.isUseFateur = true;
+      document.body.classList.remove('message-tip');
+      document.body.classList.add('message-toast');
+      _message3.default.info((0, _extends3.default)({ content: msg }, 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');
+      _message3.default.info((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
+          )
+        )
+      }, Message.setStyle(config)));
+
+      setTimeout(function () {
+        var mask = document.createElement('div');
+        mask.className = 'message-loading-mask';
+        var messageContainer = document.querySelector('.ant-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","platform","isHorizontalPad","memberCursor","doms","document","getElementsByClassName","input","getElementById","setTimeout","length","console","log","focus","msg","messageType","isVerticalTouch","isHorizontalSunMi","isMobileEnvironment","includes","toast","isUseFateur","body","classList","remove","destroy","setConfig","resetConfig","error","content","setStyle","defualtFocus","success","warning","status","info","doMusic","add","mask","createElement","className","messageContainer","querySelector","parentNode","childNodes","node","appendChild","clearMusic","m","audio","controls","src","hidden","autoplay","sys_audio","removeChild"],"mappings":"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","file":"index.js","sourcesContent":["/**\r\n * Message调用的简写法: Message.success('数据加载成功')\r\n * 需要自定义配置的Message调用的写法: Message.success('数据加载成功', {top: 50, width: 500})\r\n * 当传入第二个配置option参数时，使用当前自定义的配置，不传则使用默认config\r\n * option可传入参数: top 距离顶部位置 | duration 持续时间单位秒 | width | height | style\r\n * Message的四种状态为: success | error | warn | info | toast | loading (loading的不会自动消失需要调用销毁方法)\r\n *\r\n * Message.destroy() 方法销毁Message组件\r\n */\r\nimport { message as tMessage } from 'antd';\r\nimport React from 'react';\r\nimport { platform } from 'mutants-util';\r\nimport { Spin } from '../../index';\r\nimport './index.less';\r\n\r\nlet defualt = {\r\n  top: 300,\r\n  duration: 1.5\r\n};\r\n\r\nconst voice = {\r\n  warn: 'https://newretail.static.chanjet.com/muisc/syswarn.mp3' //警告\r\n}\r\n\r\nconst fateurClassName = ['message-toast', 'message-loading'];\r\n\r\nclass Message {\r\n\r\n  static isUseFateur = false;\r\n\r\n  static sys_audio = null;\r\n\r\n  static setStyle(config = {}) {\r\n    const {width, height, style = {}} = config;\r\n    let cStyle = {\r\n      ...style\r\n    };\r\n    if(width){\r\n      cStyle.width = width;\r\n    }\r\n    if(height){\r\n      cStyle.height = height;\r\n    }\r\n    return {style: {...cStyle}};\r\n  }\r\n\r\n  static defualtFocus(config) {\r\n    const { isHorizontalPad } = platform || {};\r\n    if (!!isHorizontalPad) return;\r\n    const memberCursor = config ||{};\r\n    let doms = document.getElementsByClassName('app hot-key-focus-container');\r\n    let input = document.getElementById('productPoint');\r\n    if(memberCursor){\r\n      input = document.getElementById('memberPoint');\r\n    }\r\n    if (input) setTimeout(() => { if(doms && doms.length > 0){console.log('message-defualt==Focus=='); input.focus()} }, 300);\r\n  }\r\n\r\n  static resetConfig(msg, config = {}, messageType) {\r\n    const { isVerticalTouch, isHorizontalPad, isHorizontalSunMi } = platform || {};\r\n    const isMobileEnvironment  = !!isHorizontalPad || !!isHorizontalSunMi;\r\n    if (!!isVerticalTouch && ['error', 'success', 'info', 'warn'].includes(messageType)) {\r\n      // 竖屏中强制转换为 toast 提示\r\n      Message.toast(msg, config);\r\n      return true;\r\n    }\r\n\r\n    if (isMobileEnvironment) {\r\n      defualt = { top: 100, duration: 1.5 }\r\n    }\r\n\r\n    Message.isUseFateur && document.body.classList.remove(...fateurClassName);\r\n    Message.isUseFateur = false;\r\n    if (config && config.duration === 4) {\r\n      return;\r\n    }\r\n    // 解决连续输入商品时toast不消失的问题\r\n    tMessage.destroy();\r\n    // 解决toast第二次之后输入商品toast不消失问题\r\n    setTimeout(() => {\r\n      tMessage.destroy();\r\n    }, 1500)\r\n\r\n    const setConfig = Object.keys(config).length ? config : defualt;\r\n\r\n    tMessage.config(setConfig);\r\n  }\r\n\r\n  static config(config) {\r\n    tMessage.config(config);\r\n  }\r\n\r\n  static destroy() {\r\n    tMessage.destroy();\r\n  }\r\n\r\n  static error(msg, config) {\r\n    if (Message.resetConfig(msg, config, 'error')) return;\r\n    if (config && config.duration === 4) {\r\n      tMessage.error({content: msg, ...Message.setStyle(config), duration: 4});\r\n    } else {\r\n      tMessage.error({content: msg, ...Message.setStyle(config)});\r\n    }\r\n    Message.defualtFocus(config);\r\n  }\r\n\r\n  static success(msg, config) {\r\n    if (Message.resetConfig(msg, config, 'success')) return;\r\n    tMessage.success({content: msg, ...Message.setStyle(config)});\r\n    Message.defualtFocus(config);\r\n  }\r\n\r\n  static warn(msg, config) {\r\n    if (Message.resetConfig(msg, config, 'warn')) return;\r\n    tMessage.warning({content: msg, ...Message.setStyle(config)});\r\n    Message.defualtFocus(config);\r\n  }\r\n\r\n  static info(msg, config, status) {\r\n    if (Message.resetConfig(msg, config, 'info')) return;\r\n    tMessage.info({ content: msg, ...Message.setStyle(config) });\r\n    if (status) Message.doMusic(status)\r\n    Message.defualtFocus(config);\r\n  }\r\n\r\n  static tip(msg, config, status) {\r\n    if (Message.resetConfig(msg, config, 'info')) return;\r\n    document.body.classList.remove('message-toast');\r\n    document.body.classList.add('message-tip');\r\n    tMessage.info({ content: msg, ...Message.setStyle(config) });\r\n    if (status) Message.doMusic(status)\r\n    Message.defualtFocus(config);\r\n  }\r\n\r\n  static toast(msg, config = {}, status) {\r\n    Message.resetConfig(msg, { top: '40%', ...config, duration: 18000});\r\n    Message.isUseFateur = true;\r\n    document.body.classList.remove('message-tip');\r\n    document.body.classList.add('message-toast');\r\n    tMessage.info({ content: msg, ...Message.setStyle(config) });\r\n    if (status) Message.doMusic(status)\r\n  }\r\n\r\n  static loading(msg, config = {}) {\r\n    Message.resetConfig(msg, {top: '40%', ...config, duration: 18000});\r\n    Message.isUseFateur = true;\r\n    document.body.classList.add('message-loading');\r\n    tMessage.info({\r\n      content: <div className='message-loading-content'>\r\n        <Spin\r\n          type='rotating'\r\n          scale={2}\r\n        />\r\n        <h1>{msg}</h1>\r\n      </div>,\r\n      ...Message.setStyle(config)\r\n    });\r\n\r\n    setTimeout(() => {\r\n      const mask = document.createElement('div');\r\n      mask.className = 'message-loading-mask';\r\n      const messageContainer = document.querySelector('.ant-message');\r\n      if (messageContainer) {\r\n        for (const node of messageContainer.parentNode.childNodes) {\r\n          if (Array.from(node.classList).includes('message-loading-mask')) return;\r\n        }\r\n        messageContainer.parentNode.appendChild(mask);\r\n      }\r\n    });\r\n\r\n  }\r\n\r\n  static doMusic(status) {\r\n    Message.clearMusic();\r\n    let m = voice[status];\r\n    let audio = document.createElement('audio')\r\n    audio.controls = true;\r\n    audio.src = m;\r\n    audio.hidden = true;\r\n    audio.autoplay = 'autoplay';\r\n    document.body.appendChild(audio);\r\n    Message.sys_audio = audio;\r\n    setTimeout(() => { Message.clearMusic() }, 3000)\r\n  }\r\n\r\n  static clearMusic() {\r\n    if (Message.sys_audio) { document.body.removeChild(Message.sys_audio); Message.sys_audio = null; };\r\n  }\r\n}\r\n\r\nMessage.config(defualt);\r\n\r\nexport default Message;\r\n"]}

package/dist/components/message/index.less

@@ -0,0 +1,101 @@
+.ant-message{
+    .ant-message-notice-content{
+        padding: 0;
+        border-radius: 5px;
+        -webkit-box-shadow: 0 4px 12px rgba(0,0,0,.15);
+        box-shadow: 0 4px 12px rgba(0,0,0,.15);
+        .ant-message-custom-content{
+            padding: 10px 16px;
+            border-width: 1px;
+            border-style: solid;
+            border-radius: 5px;
+        }
+    }
+}
+
+.message-toast{
+    .ant-message{
+        .ant-message-notice-content{
+            box-shadow: none;
+            background: none;
+            .ant-message-custom-content{
+                background-color: rgba(0,0,0,.7);
+                border: none;
+                border-radius: 15px;
+                color: #fff;
+                font-size: 40px;
+                padding: 30px 40px;
+                .anticon{
+                    display: none;
+                }
+            }
+        }
+    }
+}
+.message-tip{
+    .ant-message{
+        .ant-message-notice-content{
+            box-shadow: none;
+            background: none;
+            .ant-message-custom-content{
+                background-color: rgba(0,0,0,.7);
+                border: none;
+                color: #fff;
+                .anticon{
+                    display: none;
+                }
+            }
+        }
+    }
+}
+.message-loading{
+    .message-loading-content{
+        position: relative;
+        padding-top: 95px;
+    }
+
+    .ant-message{
+        .ant-message-notice-content{
+            min-width: 250px;
+            box-shadow: none;
+            background: none;
+        }
+        .ant-message-custom-content{
+            background-color: rgba(0,0,0,.7);
+            border: none;
+            box-shadow: 2px 2px 2px rgba(0,0,0,.1);
+            border-radius: 15px;
+            color: #fff;
+            font-size: 36px;
+            padding: 30px 40px;
+            .anticon{
+                display: none;
+            }
+            .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;
+    }
+}
+.vertical-touch-platform{
+     &.message-loading{
+        .ant-message .ant-message-info{
+            background-color: rgba(0, 0, 0, 0.7);
+            border: none;
+            h1{
+                color: #fff;
+            }
+        }
+     }
+}

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';\r\nimport ReactDOM from 'react-dom';\r\nimport './index.less';\r\n\r\nexport default class Modal extends React.Component {\r\n    constructor(props) {\r\n        super(props);\r\n        this.el = document.createElement('div');\r\n        document.body.appendChild(this.el)\r\n    }\r\n    render() {\r\n      const {handleCancel, handleOk, mask=true, maskClosable=true, maskStyle={}, show, className='', bodyClassName='' } = this.props;\r\n        return (\r\n          ReactDOM.createPortal(\r\n\r\n          ( show ? \r\n              <div className={`${className} modal-container`} onClick={ handleCancel } style={maskStyle}>\r\n                <div ref={body => this.body = body} className={`${bodyClassName} modal-body`} onClick={e => {\r\n                        e.preventDefault();\r\n                        e.stopPropagation();\r\n                  }}>\r\n                  {this.props.children}\r\n                </div>\r\n              </div>\r\n            :\r\n              null\r\n          ),\r\n\r\n            this.el\r\n          )\r\n        );\r\n    }\r\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%;
+  }
+}