tplus-components-touch 1.26.1 → 1.27.1

package/dist/components/layout/style.less

@@ -1,83 +0,0 @@
-.tplus-layout{
-    display: flex;
-    flex: 1;
-    flex-direction: column;
-    min-height: 0;
-    background: #EAEBED;
-    box-sizing: border-box;
-    * {
-        box-sizing: border-box;
-    }
-    &.tplus-layout-has-sider {
-        flex-direction: row;
-        > .tplus-layout,
-        > .tplus-layout-content {
-            overflow-x: hidden;
-        }
-    }
-}
-.tplus-layout-header{
-    padding: 0 50px;
-    height: 60px;
-    line-height: 60px;
-}
-.tplus-layout-footer{
-    box-shadow: 0px -3px 4px rgba(0, 0, 0, .03);
-}
-.tplus-layout-header, .tplus-layout-footer {
-    flex: 0 0 auto;
-}
-.tplus-layout-content {
-    flex: 1;
-    min-height: 0;
-}
-//animation
-._tplus-animation-ease_{
-    transition: all 0.2s ease-in-out;
-}
-// sider
-.tplus-layout-sider{
-    height: 100%;
-    position: relative;
-    .tplus-layout-sider-children{
-        height: 100%;
-    }
-    .tplus-sider-trigger{
-        position: fixed;
-        width: 100%;
-        bottom: 0px;
-        z-index: 9;
-        cursor: pointer;
-        min-height: 40px;
-    }
-}
-//_hamburger_
-._hamburger_{
-    transform: scale(0.42, 0.42);
-    ._hamburger_-line{
-        width: 50px;
-        height: 5px;
-        background-color: #ecf0f1;
-        display: block;
-        margin: 8px auto;
-        ._tplus-animation-ease_;
-    }
-}
-._hamburger-active ._hamburger_-line{
-    border-radius: 100px 0px 0px 100px;
-}
-._hamburger-active ._hamburger_-line:nth-child(1),
-._hamburger-active ._hamburger_-line:nth-child(3){
-    width: 20px;
-}
-._hamburger-active ._hamburger_-line:nth-child(2){
-    width: 35px;
-    transform: translateX(-5px);
-}
-._hamburger-active ._hamburger_-line:nth-child(1){
-    transform: translateX(-14px) translateY(6px) rotate(-45deg);
-}
-._hamburger-active ._hamburger_-line:nth-child(3){
-    transform: translateX(-13px) translateY(-5px) rotate(45deg)
-}
-

package/dist/components/loading/index.js

@@ -1,193 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = undefined;
-
-var _regenerator = require('babel-runtime/regenerator');
-
-var _regenerator2 = _interopRequireDefault(_regenerator);
-
-var _extends2 = require('babel-runtime/helpers/extends');
-
-var _extends3 = _interopRequireDefault(_extends2);
-
-var _assign = require('babel-runtime/core-js/object/assign');
-
-var _assign2 = _interopRequireDefault(_assign);
-
-var _typeof2 = require('babel-runtime/helpers/typeof');
-
-var _typeof3 = _interopRequireDefault(_typeof2);
-
-var _asyncToGenerator2 = require('babel-runtime/helpers/asyncToGenerator');
-
-var _asyncToGenerator3 = _interopRequireDefault(_asyncToGenerator2);
-
-var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
-
-var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
-
-var _createClass2 = require('babel-runtime/helpers/createClass');
-
-var _createClass3 = _interopRequireDefault(_createClass2);
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _propTypes = require('prop-types');
-
-var _propTypes2 = _interopRequireDefault(_propTypes);
-
-var _reactDom = require('react-dom');
-
-var _reactDom2 = _interopRequireDefault(_reactDom);
-
-var _loadingContent = require('./loadingContent');
-
-var _loadingContent2 = _interopRequireDefault(_loadingContent);
-
-var _utils = require('./utils');
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var Loading = function () {
-  function Loading() {
-    (0, _classCallCheck3.default)(this, Loading);
-    this.loadingEle = null;
-    this.ref = null;
-    this.startTimeStamp = null;
-    this.delayTime = null;
-  }
-
-  (0, _createClass3.default)(Loading, null, [{
-    key: 'show',
-    value: function () {
-      var _ref = (0, _asyncToGenerator3.default)( /*#__PURE__*/_regenerator2.default.mark(function _callee(params, callback) {
-        var _this = this;
-
-        var props, _ref2, target, queryElement, loadingEle, queryClass, positionProper, onClose;
-
-        return _regenerator2.default.wrap(function _callee$(_context) {
-          while (1) {
-            switch (_context.prev = _context.next) {
-              case 0:
-                onClose = function onClose() {
-                  var argument = typeof props.duration === 'number' ? callback : undefined;
-                  Loading.destroy(argument);
-                };
-
-                if (window._tplus_loading) {
-                  Loading.destroy(callback);
-                }
-
-                this.startTimeStamp = +new Date();
-                window._tplus_loading = true;
-                props = { delay: 200 }; // 默认200ms防闪烁延迟
-
-                if ((typeof params === 'undefined' ? 'undefined' : (0, _typeof3.default)(params)) === 'object' && params) {
-                  props = (0, _assign2.default)(props, params);
-                  params.delay === false && delete params.delay;
-                } else if (typeof params === 'string') {
-                  props.text = params;
-                }
-
-                _ref2 = params || {}, target = _ref2.target;
-                queryElement = void 0;
-                loadingEle = document.createElement('div');
-
-                this.loadingEle = loadingEle;
-                this.delayTime = props.delay;
-
-                if (!target) {
-                  _context.next = 19;
-                  break;
-                }
-
-                queryClass = '.' + target;
-
-                if (['.', '#'].includes(target.charAt(0))) {
-                  queryClass = target;
-                }
-
-                //如果找不到  取root 存在有dom渲染比查询晚一步的情况 根据事件队列机制再次查询一次
-                _context.next = 16;
-                return (0, _utils.queryEle)(queryClass);
-
-              case 16:
-                queryElement = _context.sent;
-                positionProper = getComputedStyle(queryElement, null).getPropertyValue('position');
-
-                if (!positionProper || positionProper == 'static') {
-                  queryElement.style.position = 'relative';
-                }
-
-              case 19:
-
-                !target && document.body.appendChild(loadingEle);
-
-                _reactDom2.default.render(_react2.default.createElement(_loadingContent2.default, (0, _extends3.default)({ onClose: onClose }, props, { ref: function ref(_ref3) {
-                    return _this.ref = _ref3;
-                  } })), loadingEle);
-                target && queryElement.appendChild(loadingEle);
-
-              case 22:
-              case 'end':
-                return _context.stop();
-            }
-          }
-        }, _callee, this);
-      }));
-
-      function show(_x, _x2) {
-        return _ref.apply(this, arguments);
-      }
-
-      return show;
-    }()
-  }, {
-    key: 'hide',
-    value: function hide() {
-      var endTimeStamp = +new Date();
-      var delayTime = this.delayTime;
-      if (delayTime && endTimeStamp - this.startTimeStamp <= delayTime) {
-        return this.destroy();
-      }
-      this.ref && this.ref.readyClose();
-    }
-  }, {
-    key: 'destroy',
-    value: function destroy(callback) {
-      var loadingEle = this.loadingEle;
-      if (loadingEle) {
-        _reactDom2.default.unmountComponentAtNode(loadingEle);
-        !!loadingEle.parentNode && loadingEle.parentNode.removeChild(loadingEle);
-        delete window._tplus_loading;
-      }
-      callback && callback();
-    }
-  }]);
-  return Loading;
-}(); /**
-      * Created by hzy on 2019/4/19.
-      */
-/**
- * show 方法参数 option 说明 // Loading.show({text: '数据加载中'}, callback)
- * loading调用的简写法 Loading.show('数据加载中')
- * @style Loading wrapper style
- * @className Loading wrapper className
- * @text 提示文字，不传默认为 '加载中，请稍后...',字符串类型
- * @target Loading 需要覆盖的 DOM 节点。传入一个 DOM 节点的class或者id名的字符串，不传默认为全屏效果
- * @node 自定义展示元素，会覆盖默认展示。类型为react element
- * @duration Loading持续时间,单位为毫秒值,数字类型
- * @delay Loading防闪烁延迟显示时间, 单位为毫秒值, 数字类型，默认为200，可设置false禁用延迟
- * @callback 为在传入 duration 参数后,自动隐藏后的回调,不传 duration 参数则该回调不生效
- *
- * hide 方法隐藏并销毁Loading组件 Loading.hide();
- */
-
-
-exports.default = Loading;
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["tplus-components-touch/components/loading/index.js"],"names":["Loading","loadingEle","ref","startTimeStamp","delayTime","params","callback","onClose","argument","props","duration","undefined","destroy","window","_tplus_loading","Date","delay","text","target","queryElement","document","createElement","queryClass","includes","charAt","positionProper","getComputedStyle","getPropertyValue","style","position","body","appendChild","ReactDOM","render","endTimeStamp","readyClose","unmountComponentAtNode","parentNode","removeChild"],"mappings":"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","file":"index.js","sourcesContent":["/**\r\n * Created by hzy on 2019/4/19.\r\n */\r\n/**\r\n * show 方法参数 option 说明 // Loading.show({text: '数据加载中'}, callback)\r\n * loading调用的简写法 Loading.show('数据加载中')\r\n * @style Loading wrapper style\r\n * @className Loading wrapper className\r\n * @text 提示文字，不传默认为 '加载中，请稍后...',字符串类型\r\n * @target Loading 需要覆盖的 DOM 节点。传入一个 DOM 节点的class或者id名的字符串，不传默认为全屏效果\r\n * @node 自定义展示元素，会覆盖默认展示。类型为react element\r\n * @duration Loading持续时间,单位为毫秒值,数字类型\r\n * @delay Loading防闪烁延迟显示时间, 单位为毫秒值, 数字类型，默认为200，可设置false禁用延迟\r\n * @callback 为在传入 duration 参数后,自动隐藏后的回调,不传 duration 参数则该回调不生效\r\n *\r\n * hide 方法隐藏并销毁Loading组件 Loading.hide();\r\n */\r\nimport React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport ReactDOM from 'react-dom';\r\nimport LoaingContent from './loadingContent';\r\nimport {queryEle} from './utils';\r\n\r\nexport default class Loading {\r\n  loadingEle = null;\r\n  ref = null;\r\n  startTimeStamp = null;\r\n  delayTime = null;\r\n\r\n  static async show(params, callback) {\r\n    if (window._tplus_loading) {\r\n      Loading.destroy(callback);\r\n    }\r\n\r\n    this.startTimeStamp = +new Date();\r\n    window._tplus_loading = true;\r\n    let props = {delay: 200}; // 默认200ms防闪烁延迟\r\n\r\n    if (typeof params === 'object' && params) {\r\n      props = Object.assign(props, params);\r\n      params.delay === false && (delete params.delay);\r\n    } else if (typeof params === 'string') {\r\n      props.text = params;\r\n    }\r\n\r\n    const {target} = params || {};\r\n    let queryElement;\r\n    const loadingEle = document.createElement('div');\r\n    this.loadingEle = loadingEle;\r\n    this.delayTime = props.delay;\r\n\r\n    if (target) {\r\n      let queryClass = `.${target}`;\r\n      if (['.', '#'].includes(target.charAt(0))) {\r\n        queryClass = target;\r\n      }\r\n\r\n      //如果找不到  取root 存在有dom渲染比查询晚一步的情况 根据事件队列机制再次查询一次\r\n      queryElement = await queryEle(queryClass);\r\n\r\n      const positionProper = getComputedStyle(queryElement, null).getPropertyValue('position');\r\n      if (!positionProper || positionProper == 'static') {\r\n        queryElement.style.position = 'relative';\r\n      }\r\n    }\r\n\r\n    !target && document.body.appendChild(loadingEle);\r\n\r\n    function onClose() {\r\n      const argument = typeof props.duration === 'number' ? callback : undefined;\r\n      Loading.destroy(argument);\r\n    }\r\n\r\n    ReactDOM.render(<LoaingContent onClose={onClose} {...props} ref={ref => this.ref = ref}/>, loadingEle);\r\n    target && queryElement.appendChild(loadingEle);\r\n  }\r\n\r\n  static hide() {\r\n    const endTimeStamp = +new Date();\r\n    const delayTime = this.delayTime;\r\n    if (delayTime && (endTimeStamp - this.startTimeStamp <= delayTime)) {\r\n      return this.destroy();\r\n    }\r\n    this.ref && this.ref.readyClose();\r\n  }\r\n\r\n  static destroy(callback) {\r\n    const loadingEle = this.loadingEle;\r\n    if (loadingEle) {\r\n      ReactDOM.unmountComponentAtNode(loadingEle);\r\n      !!loadingEle.parentNode && loadingEle.parentNode.removeChild(loadingEle);\r\n      delete window._tplus_loading;\r\n    }\r\n    callback && callback();\r\n  }\r\n}\r\n"]}

package/dist/components/loading/loadingContent.js

@@ -1,159 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _assign = require('babel-runtime/core-js/object/assign');
-
-var _assign2 = _interopRequireDefault(_assign);
-
-var _getPrototypeOf = require('babel-runtime/core-js/object/get-prototype-of');
-
-var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);
-
-var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
-
-var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
-
-var _createClass2 = require('babel-runtime/helpers/createClass');
-
-var _createClass3 = _interopRequireDefault(_createClass2);
-
-var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
-
-var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
-
-var _inherits2 = require('babel-runtime/helpers/inherits');
-
-var _inherits3 = _interopRequireDefault(_inherits2);
-
-var _class, _temp2;
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _propTypes = require('prop-types');
-
-var _propTypes2 = _interopRequireDefault(_propTypes);
-
-require('./style.less');
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var defaultSpinner = 'https://newretail.static.chanjet.com/loading.gif';
-
-var LoaingContent = (_temp2 = _class = function (_Component) {
-  (0, _inherits3.default)(LoaingContent, _Component);
-
-  function LoaingContent() {
-    var _ref;
-
-    var _temp, _this, _ret;
-
-    (0, _classCallCheck3.default)(this, LoaingContent);
-
-    for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    return _ret = (_temp = (_this = (0, _possibleConstructorReturn3.default)(this, (_ref = LoaingContent.__proto__ || (0, _getPrototypeOf2.default)(LoaingContent)).call.apply(_ref, [this].concat(args))), _this), _this.state = {
-      closeAnimate: false
-    }, _this.readyClose = function (e) {
-      _this.setState({ closeAnimate: true }, function () {
-        setTimeout(function () {
-          _this.close();
-        }, 250);
-      });
-    }, _this.close = function (e) {
-      if (e) {
-        e.stopPropagation();
-      }
-      _this.clearCloseTimer();
-      _this.props.onClose();
-    }, _this.startLoadingTimer = function () {
-      _this.closeTimer = setTimeout(function () {
-        _this.readyClose();
-      }, _this.props.duration);
-    }, _this.clearCloseTimer = function () {
-      if (_this.closeTimer) {
-        clearTimeout(_this.closeTimer);
-        _this.closeTimer = null;
-      }
-    }, _temp), (0, _possibleConstructorReturn3.default)(_this, _ret);
-  }
-
-  (0, _createClass3.default)(LoaingContent, [{
-    key: 'componentDidMount',
-    value: function componentDidMount() {
-      if (typeof this.props.duration === 'number') {
-        this.startLoadingTimer();
-      }
-    }
-  }, {
-    key: 'componentWillUnmount',
-    value: function componentWillUnmount() {
-      this.clearCloseTimer();
-    }
-  }, {
-    key: 'render',
-    value: function render() {
-      var _props = this.props,
-          style = _props.style,
-          text = _props.text,
-          node = _props.node,
-          className = _props.className,
-          target = _props.target,
-          delay = _props.delay,
-          opacity = _props.opacity;
-      var closeAnimate = this.state.closeAnimate;
-
-      var showTip = text !== false;
-      var loadingNode = _react2.default.createElement(
-        _react.Fragment,
-        null,
-        _react2.default.createElement(
-          'div',
-          { className: 'tplus-loading-spinner' },
-          _react2.default.createElement('img', { src: defaultSpinner, className: 'default-spinner-gif' })
-        ),
-        showTip && _react2.default.createElement(
-          'p',
-          { className: 'tplus-loading-tip' },
-          text
-        )
-      );
-      var containerClass = ('tplus-loading ' + (closeAnimate ? 'loading-close-animate' : '') + ' ' + className).trim();
-      var targetStyle = target ? { position: 'absolute' } : {};
-      var delayDuration = delay ? { animation: 'loading-delay-animation ' + delay + 'ms', WebkitAnimation: 'loading-delay-animation ' + delay + 'ms' } : {};
-      var style2 = opacity ? { 'background-color': 'rgba(2555, 255, 255, ' + opacity + ')' } : {};
-      return _react2.default.createElement(
-        'div',
-        { className: containerClass, style: (0, _assign2.default)(targetStyle, delayDuration, style, style2) },
-        _react2.default.createElement(
-          'div',
-          { className: 'tplus-loading-content' },
-          (0, _react.isValidElement)(node) ? node : loadingNode
-        )
-      );
-    }
-  }]);
-  return LoaingContent;
-}(_react.Component), _class.propTypes = {
-  text: _propTypes2.default.string,
-  className: _propTypes2.default.string,
-  style: _propTypes2.default.object,
-  node: _propTypes2.default.element,
-  onClose: _propTypes2.default.func,
-  duration: _propTypes2.default.number,
-  target: _propTypes2.default.string
-}, _class.defaultProps = {
-  onClose: function onClose() {},
-
-  className: '',
-  style: {},
-  text: '加载中，请稍后...'
-}, _temp2);
-exports.default = LoaingContent;
-//# sourceMappingURL=loadingContent.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["tplus-components-touch/components/loading/loadingContent.js"],"names":["defaultSpinner","LoaingContent","state","closeAnimate","readyClose","e","setState","setTimeout","close","stopPropagation","clearCloseTimer","props","onClose","startLoadingTimer","closeTimer","duration","clearTimeout","style","text","node","className","target","delay","opacity","showTip","loadingNode","containerClass","trim","targetStyle","position","delayDuration","animation","WebkitAnimation","style2","Component","propTypes","PropTypes","string","object","element","func","number","defaultProps"],"mappings":"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","file":"loadingContent.js","sourcesContent":["import React, {Component, Fragment, isValidElement} from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport './style.less';\r\n\r\nconst defaultSpinner = 'https://newretail.static.chanjet.com/loading.gif';\r\n\r\nclass LoaingContent extends Component {\r\n  static propTypes = {\r\n    text: PropTypes.string,\r\n    className: PropTypes.string,\r\n    style: PropTypes.object,\r\n    node: PropTypes.element,\r\n    onClose: PropTypes.func,\r\n    duration: PropTypes.number,\r\n    target: PropTypes.string,\r\n  };\r\n\r\n  static defaultProps = {\r\n    onClose() {},\r\n    className: '',\r\n    style: {},\r\n    text: '加载中，请稍后...',\r\n  };\r\n\r\n  state = {\r\n    closeAnimate: false,\r\n  };\r\n\r\n  componentDidMount() {\r\n    if (typeof this.props.duration === 'number') {\r\n      this.startLoadingTimer();\r\n    }\r\n  }\r\n\r\n  componentWillUnmount() {\r\n    this.clearCloseTimer();\r\n  }\r\n\r\n  readyClose = (e) => {\r\n    this.setState({closeAnimate: true}, () => {\r\n      setTimeout(() => {\r\n        this.close();\r\n      }, 250)\r\n    })\r\n  }\r\n\r\n  close = (e) => {\r\n    if (e) {\r\n      e.stopPropagation();\r\n    }\r\n    this.clearCloseTimer();\r\n    this.props.onClose();\r\n  }\r\n\r\n  startLoadingTimer = () => {\r\n    this.closeTimer = setTimeout(() => {\r\n      this.readyClose();\r\n    }, this.props.duration);\r\n  }\r\n\r\n  clearCloseTimer = () => {\r\n    if (this.closeTimer) {\r\n      clearTimeout(this.closeTimer);\r\n      this.closeTimer = null;\r\n    }\r\n  }\r\n\r\n  render() {\r\n    const { style, text, node, className, target, delay, opacity } = this.props;\r\n    const {closeAnimate} = this.state;\r\n    const showTip = text !== false;\r\n    const loadingNode = (\r\n      <Fragment>\r\n        <div className='tplus-loading-spinner'>\r\n          <img src={defaultSpinner} className='default-spinner-gif' />\r\n        </div>\r\n        {showTip && <p className='tplus-loading-tip'>{text}</p>}\r\n      </Fragment>\r\n    );\r\n    const containerClass = `tplus-loading ${closeAnimate ? 'loading-close-animate' : ''} ${className}`.trim();\r\n    const targetStyle = target ? {position: 'absolute'} : {};\r\n    const delayDuration = delay ? {animation: `loading-delay-animation ${delay}ms`, WebkitAnimation: `loading-delay-animation ${delay}ms`} : {};\r\n    const style2 = opacity ? { 'background-color': `rgba(2555, 255, 255, ${opacity})` } : {};\r\n    return (\r\n      <div className={containerClass} style={Object.assign(targetStyle, delayDuration, style,style2)}>\r\n        <div className='tplus-loading-content'>\r\n          {isValidElement(node) ? node : loadingNode}\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n\r\nexport default LoaingContent;\r\n"]}

package/dist/components/loading/style.less

@@ -1,51 +0,0 @@
-._tplus-animation-ease_{
-    transition: all 0.2s ease-in-out;
-};
-.tplus-loading {
-    width: 100%;
-    height: 100%;
-    z-index: 2019;
-    position: fixed;
-    left: 0px;
-    top: 0px;
-    background-color: rgba(2555,255,255,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: #777;
-            text-align: center;
-        }
-        .closeAnimate{
-          ._tplus-animation-ease_;
-          background-color: #01AAED !important;
-          opacity: 0;
-        }
-    }
-}
-.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

@@ -1,29 +0,0 @@
-'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

@@ -1 +0,0 @@
-{"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"]}