tplus-components-touch 1.27.1 → 1.27.2

package/dist/components/layout/style.less

@@ -0,0 +1,83 @@
+.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

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

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

package/dist/components/loading/loadingContent.js

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

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

package/dist/components/loading/style.less

@@ -0,0 +1,51 @@
+._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

@@ -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) {\n  return new Promise((resolve, reject) => {\n    let element = document.querySelector(queryClass);\n    if (!element) {\n      setTimeout(() => {\n        element = document.querySelector(queryClass) || document.querySelector('#root');\n        resolve(element);\n      }, 0);\n    } else {\n      return resolve(element);\n    }\n  });\n}\n\nexport {queryEle};\n"]}