tplus-components-touch 3.28.1 → 3.28.2

package/dist/components/layout/sider.js

@@ -1,165 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = undefined;
-
-var _extends2 = require('babel-runtime/helpers/extends');
-
-var _extends3 = _interopRequireDefault(_extends2);
-
-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, _temp; /**
-                    * Created by hzy on 2019/4/17.
-                    */
-/**
- * @className sider class名
- * @style style
- * @collapsible 是否可收起
- * @collapsed 是否折叠状态
- * @onCollapse 监听折叠事件
- * @trigger trigger Node
- * @triggerStyle 默认trigger Node 样式
- * @width  折叠展开宽度
- * @collapsedWidth  折叠关闭时的宽度
- */
-
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _propTypes = require('prop-types');
-
-var _propTypes2 = _interopRequireDefault(_propTypes);
-
-var _hamburger = require('./hamburger');
-
-var _hamburger2 = _interopRequireDefault(_hamburger);
-
-require('./style.less');
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var Sider = (_temp = _class = function (_Component) {
-  (0, _inherits3.default)(Sider, _Component);
-
-  function Sider(props) {
-    (0, _classCallCheck3.default)(this, Sider);
-
-    var _this = (0, _possibleConstructorReturn3.default)(this, (Sider.__proto__ || (0, _getPrototypeOf2.default)(Sider)).call(this, props));
-
-    _this.toggleSider = function () {
-      var siderState = _this.state.siderState;
-      var onCollapse = _this.props.onCollapse;
-
-      _this.setState({ siderState: !siderState });
-      onCollapse && onCollapse(!siderState);
-    };
-
-    _this.state = {
-      id: Date.now(),
-      siderState: _this.props.collapsed
-    };
-    return _this;
-  }
-
-  (0, _createClass3.default)(Sider, [{
-    key: 'componentDidMount',
-    value: function componentDidMount() {
-      var _context$siderHook = this.context.siderHook;
-      _context$siderHook = _context$siderHook === undefined ? {} : _context$siderHook;
-      var addSider = _context$siderHook.addSider;
-
-      addSider(this.state.id);
-    }
-  }, {
-    key: 'componentWillMount',
-    value: function componentWillMount() {
-      var _context$siderHook2 = this.context.siderHook;
-      _context$siderHook2 = _context$siderHook2 === undefined ? {} : _context$siderHook2;
-      var removeSider = _context$siderHook2.removeSider;
-
-      removeSider(this.state.id);
-    }
-  }, {
-    key: 'render',
-    value: function render() {
-      var _props = this.props,
-          className = _props.className,
-          _props$collapsedWidth = _props.collapsedWidth,
-          collapsedWidth = _props$collapsedWidth === undefined ? 100 : _props$collapsedWidth,
-          _props$width = _props.width,
-          width = _props$width === undefined ? 200 : _props$width,
-          collapsed = _props.collapsed,
-          onCollapse = _props.onCollapse,
-          collapsible = _props.collapsible,
-          trigger = _props.trigger,
-          _props$style = _props.style,
-          style = _props$style === undefined ? {} : _props$style,
-          children = _props.children,
-          _props$triggerStyle = _props.triggerStyle,
-          triggerStyle = _props$triggerStyle === undefined ? {} : _props$triggerStyle,
-          toggleAnimate = _props.toggleAnimate;
-      var siderState = this.state.siderState;
-
-      var asideWidth = (siderState ? collapsedWidth : width) + 'px';
-      var triggerNode = trigger || _react2.default.createElement(_hamburger2.default, { close: siderState, toggleAnimate: toggleAnimate, style: triggerStyle });
-      return _react2.default.createElement(
-        'aside',
-        {
-          className: 'tplus-layout-sider _tplus-animation-ease_ ' + (collapsed ? 'tplus-sider-collapsed' : '') + ' ' + className,
-          style: (0, _extends3.default)({ flex: '0 0 ' + asideWidth, maxWidth: asideWidth, minWidth: asideWidth, width: asideWidth }, style)
-        },
-        _react2.default.createElement(
-          'div',
-          { className: 'tplus-layout-sider-children' },
-          children
-        ),
-        collapsible && _react2.default.createElement(
-          'div',
-          { onClick: this.toggleSider, className: 'tplus-sider-trigger _tplus-animation-ease_', style: { width: asideWidth } },
-          triggerNode
-        )
-      );
-    }
-  }]);
-  return Sider;
-}(_react.Component), _class.contextTypes = {
-  siderHook: _propTypes2.default.object
-}, _class.defaultProps = {
-  collapsible: false,
-  collapsed: false
-}, _class.propTypes = {
-  collapsible: _propTypes2.default.bool,
-  collapsed: _propTypes2.default.bool,
-  style: _propTypes2.default.object,
-  triggerStyle: _propTypes2.default.object,
-  trigger: _propTypes2.default.any,
-  onCollapse: _propTypes2.default.func,
-  width: _propTypes2.default.number,
-  collapsedWidth: _propTypes2.default.number,
-  className: _propTypes2.default.string
-}, _temp);
-exports.default = Sider;
-//# sourceMappingURL=sider.js.map

package/dist/components/layout/sider.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["tplus-components-touch/components/layout/sider.js"],"names":["Sider","props","toggleSider","siderState","state","onCollapse","setState","id","Date","now","collapsed","context","siderHook","addSider","removeSider","className","collapsedWidth","width","collapsible","trigger","style","children","triggerStyle","toggleAnimate","asideWidth","triggerNode","flex","maxWidth","minWidth","Component","contextTypes","PropTypes","object","defaultProps","propTypes","bool","any","func","number","string"],"mappings":"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","file":"sider.js","sourcesContent":["/**\r\n * Created by hzy on 2019/4/17.\r\n */\r\n/**\r\n * @className sider class名\r\n * @style style\r\n * @collapsible 是否可收起\r\n * @collapsed 是否折叠状态\r\n * @onCollapse 监听折叠事件\r\n * @trigger trigger Node\r\n * @triggerStyle 默认trigger Node 样式\r\n * @width  折叠展开宽度\r\n * @collapsedWidth  折叠关闭时的宽度\r\n */\r\nimport React, {Component} from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport Hamburger from './hamburger';\r\nimport './style.less';\r\n\r\nexport default class Sider extends Component {\r\n  static contextTypes = {\r\n    siderHook: PropTypes.object\r\n  }\r\n  static defaultProps = {\r\n    collapsible: false,\r\n    collapsed: false\r\n  }\r\n  static propTypes = {\r\n    collapsible: PropTypes.bool,\r\n    collapsed: PropTypes.bool,\r\n    style: PropTypes.object,\r\n    triggerStyle: PropTypes.object,\r\n    trigger: PropTypes.any,\r\n    onCollapse: PropTypes.func,\r\n    width: PropTypes.number,\r\n    collapsedWidth: PropTypes.number,\r\n    className: PropTypes.string,\r\n  };\r\n  constructor(props){\r\n    super(props);\r\n    this.state = {\r\n      id: Date.now(),\r\n      siderState: this.props.collapsed\r\n    };\r\n  }\r\n  componentDidMount() {\r\n    const {siderHook: {addSider} = {}} = this.context;\r\n    addSider(this.state.id);\r\n  }\r\n  componentWillMount() {\r\n    const {siderHook: {removeSider} = {}} = this.context;\r\n    removeSider(this.state.id);\r\n  }\r\n  toggleSider = () => {\r\n    const {siderState} = this.state;\r\n    const {onCollapse} = this.props;\r\n    this.setState({siderState: !siderState});\r\n    onCollapse && onCollapse(!siderState);\r\n  }\r\n  render() {\r\n    const {className, collapsedWidth = 100, width = 200, collapsed, onCollapse, collapsible, trigger, style = {}, children, triggerStyle = {}, toggleAnimate} = this.props;\r\n    const {siderState} = this.state;\r\n    const asideWidth = (siderState ? collapsedWidth : width) + 'px';\r\n    const triggerNode = trigger || <Hamburger close={siderState} toggleAnimate={toggleAnimate} style={triggerStyle} />;\r\n    return (<aside\r\n      className={`tplus-layout-sider _tplus-animation-ease_ ${collapsed ? 'tplus-sider-collapsed' : ''} ${className}`}\r\n      style={{flex: `0 0 ${asideWidth}`, maxWidth: asideWidth, minWidth: asideWidth, width: asideWidth, ...style}}\r\n    >\r\n      <div className='tplus-layout-sider-children'>{children}</div>\r\n      {collapsible && <div onClick={this.toggleSider} className='tplus-sider-trigger _tplus-animation-ease_' style={{width: asideWidth}}>\r\n        {triggerNode}\r\n      </div>}\r\n    </aside>);\r\n  }\r\n}\r\n"]}

package/dist/components/layout/style.less

@@ -1,82 +0,0 @@
-.tplus-layout{
-    display: flex;
-    flex: 1;
-    flex-direction: column;
-    min-height: 0;
-    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,198 +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();
-    }
-  }, {
-    key: 'transfer',
-    value: function transfer(params) {
-      this.ref && this.ref.setPercent(params);
-    }
-  }]);
-  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","setPercent"],"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  static transfer(params) {\r\n    this.ref && this.ref.setPercent(params);\r\n  }\r\n}\r\n"]}

package/dist/components/loading/loadingContent.js

@@ -1,176 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _assign = require('babel-runtime/core-js/object/assign');
-
-var _assign2 = _interopRequireDefault(_assign);
-
-var _progress = require('antd/es/progress');
-
-var _progress2 = _interopRequireDefault(_progress);
-
-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;
-
-require('antd/es/progress/style');
-
-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,
-      percent: 0,
-      title: ''
-    }, _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;
-      }
-    }, _this.setPercent = function (params) {
-      var percent = params.percent,
-          title = params.title;
-
-      _this.setState({ percent: percent, title: title });
-    }, _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,
-          showProgress = _props.showProgress;
-      var _state = this.state,
-          closeAnimate = _state.closeAnimate,
-          percent = _state.percent,
-          title = _state.title;
-
-      var showTip = text !== false;
-      var loadingNode = _react2.default.createElement(
-        _react.Fragment,
-        null,
-        _react2.default.createElement(
-          'div',
-          { className: 'tplus-loading-spinner' },
-          showProgress === true ? _react2.default.createElement(_progress2.default, { strokeLinecap: 'square', percent: percent }) : _react2.default.createElement('img', { src: defaultSpinner, className: 'default-spinner-gif' })
-        ),
-        showTip && _react2.default.createElement(
-          'p',
-          { className: 'tplus-loading-tip' },
-          showProgress === true ? '\u6863\u6848\u6570\u636E\u3010' + title + '\u3011\u4E0B\u8F7D\u4E2D' : 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' + (showProgress === true ? ' tplus-loading-progress' : '') },
-          (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","percent","title","readyClose","e","setState","setTimeout","close","stopPropagation","clearCloseTimer","props","onClose","startLoadingTimer","closeTimer","duration","clearTimeout","setPercent","params","style","text","node","className","target","delay","opacity","showProgress","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 { Progress } from 'antd';\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    percent: 0,\r\n    title: ''\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  setPercent = (params) => {\r\n    const { percent, title } = params\r\n    this.setState({ percent, title })\r\n  }\r\n\r\n  render() {\r\n    const { style, text, node, className, target, delay, opacity, showProgress } = this.props;\r\n    const { closeAnimate, percent, title } = this.state;\r\n    const showTip = text !== false;\r\n    const loadingNode = (\r\n      <Fragment>\r\n        <div className='tplus-loading-spinner'>\r\n          {\r\n            showProgress === true ?\r\n              <Progress strokeLinecap=\"square\" percent={percent} />\r\n              :\r\n              <img src={defaultSpinner} className='default-spinner-gif' />\r\n          }\r\n        </div>\r\n        {\r\n          showTip && <p className='tplus-loading-tip'>{showProgress === true ? `档案数据【${title}】下载中` : text}</p>\r\n        }\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${showProgress === true ? ' tplus-loading-progress' : ''}`}>\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"]}