tplus-components-touch 3.54.1 → 3.55.1

package/dist/components/message/index.js

@@ -0,0 +1,309 @@
+'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 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 _ref2 = config || {},
+          memberCursor = _ref2.memberCursor;
+
+      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 _ref3 = _mutantsUtil.platform || {},
+          isVerticalTouch = _ref3.isVerticalTouch,
+          isHorizontalPad = _ref3.isHorizontalPad,
+          isHorizontalSunMi = _ref3.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 = this.sys_parms[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.sys_parms = {
+  warn: window.ossAliyuncsFileURL + '/muisc/syswarn.mp3' //警告
+}, _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","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","sys_parms","audio","controls","src","hidden","autoplay","sys_audio","removeChild","warn","window","ossAliyuncsFileURL"],"mappings":"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","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 { message as tMessage } from 'antd';\nimport React from 'react';\nimport { platform } from 'mutants-util';\nimport { Spin } from '../../index';\nimport './index.less';\n\nlet defualt = {\n  top: 300,\n  duration: 1.5\n};\n\nconst fateurClassName = ['message-toast', 'message-loading'];\n\nclass Message {\n\n  static sys_parms = {\n    warn: `${window.ossAliyuncsFileURL}/muisc/syswarn.mp3` //警告\n  }\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    };\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(config) {\n    const { isHorizontalPad } = platform || {};\n    if (!!isHorizontalPad) return;\n    const { memberCursor } = config ||{};\n    let doms = document.getElementsByClassName('app hot-key-focus-container');\n    let input = document.getElementById('productPoint');\n    if(memberCursor){\n      input = document.getElementById('memberPoint');\n    }\n    if (input) setTimeout(() => { if(doms && doms.length > 0){console.log('message-defualt==Focus=='); 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    if (config && config.duration === 4) {\n      return;\n    }\n    // 解决连续输入商品时toast不消失的问题\n    tMessage.destroy();\n    // 解决toast第二次之后输入商品toast不消失问题\n    setTimeout(() => {\n      tMessage.destroy();\n    }, 1500)\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    if (config && config.duration === 4) {\n      tMessage.error({content: msg, ...Message.setStyle(config), duration: 4});\n    } else {\n      tMessage.error({content: msg, ...Message.setStyle(config)});\n    }\n    Message.defualtFocus(config);\n  }\n\n  static success(msg, config) {\n    if (Message.resetConfig(msg, config, 'success')) return;\n    tMessage.success({content: msg, ...Message.setStyle(config)});\n    Message.defualtFocus(config);\n  }\n\n  static warn(msg, config) {\n    if (Message.resetConfig(msg, config, 'warn')) return;\n    tMessage.warning({content: msg, ...Message.setStyle(config)});\n    Message.defualtFocus(config);\n  }\n\n  static info(msg, config, status) {\n    if (Message.resetConfig(msg, config, 'info')) return;\n    tMessage.info({ content: msg, ...Message.setStyle(config) });\n    if (status) Message.doMusic(status)\n    Message.defualtFocus(config);\n  }\n\n  static tip(msg, config, status) {\n    if (Message.resetConfig(msg, config, 'info')) return;\n    document.body.classList.remove('message-toast');\n    document.body.classList.add('message-tip');\n    tMessage.info({ content: msg, ...Message.setStyle(config) });\n    if (status) Message.doMusic(status)\n    Message.defualtFocus(config);\n  }\n\n  static toast(msg, config = {}, status) {\n    Message.resetConfig(msg, { top: '40%', ...config, duration: 18000});\n    Message.isUseFateur = true;\n    document.body.classList.remove('message-tip');\n    document.body.classList.add('message-toast');\n    tMessage.info({ content: msg, ...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.info({\n      content: <div className='message-loading-content'>\n        <Spin\n          type='rotating'\n          scale={2}\n        />\n        <h1>{msg}</h1>\n      </div>,\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('.ant-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 = this.sys_parms[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/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}"]}