tplus-components-touch 3.28.2 → 3.28.6

package/dist/components/layout/sider.js

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

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

package/dist/components/layout/style.less

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

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

@@ -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","setPercent"],"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  static transfer(params) {\n    this.ref && this.ref.setPercent(params);\n  }\n}\n"]}

package/dist/components/loading/loadingContent.js

@@ -0,0 +1,185 @@
+'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 _mutantsUtil = require('mutants-util');
+
+var _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
+require('./style.less');
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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 });
+    }, _this.getLoadingIcon = function () {
+      var theme = _mutantsUtil.localStore.get('theme');
+      var img = 'https://newretail.static.chanjet.com/bc_pos/loading' + (theme == 'blue' || theme == 'dark' ? '2' : '') + '.gif';
+      return img;
+    }, _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 tip = opacity ? 'tplus-loading-tip-color' : '';
+      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(
+            'div',
+            { className: 'shadows' },
+            _react2.default.createElement('img', { src: this.getLoadingIcon(), className: 'default-spinner-gif' })
+          )
+        ),
+        showTip && _react2.default.createElement(
+          'p',
+          { className: 'tplus-loading-tip ' + 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

@@ -0,0 +1 @@
+{"version":3,"sources":["tplus-components-touch/components/loading/loadingContent.js"],"names":["LoaingContent","state","closeAnimate","percent","title","readyClose","e","setState","setTimeout","close","stopPropagation","clearCloseTimer","props","onClose","startLoadingTimer","closeTimer","duration","clearTimeout","setPercent","params","getLoadingIcon","theme","localStore","get","img","style","text","node","className","target","delay","opacity","showProgress","showTip","tip","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 { Progress } from 'antd';\nimport { localStore } from 'mutants-util';\nimport PropTypes from 'prop-types';\nimport './style.less';\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    percent: 0,\n    title: ''\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  setPercent = (params) => {\n    const { percent, title } = params\n    this.setState({ percent, title })\n  }\n\n  getLoadingIcon = () => {\n    const theme = localStore.get('theme');\n    const img = `https://newretail.static.chanjet.com/bc_pos/loading${(theme == 'blue' || theme == 'dark') ? '2' : ''}.gif`;\n    return img;\n  }\n\n  render() {\n    const { style, text, node, className, target, delay, opacity, showProgress } = this.props;\n    const { closeAnimate, percent, title } = this.state;\n    const showTip = text !== false;\n    const tip = opacity ? 'tplus-loading-tip-color' : '';\n    const loadingNode = (\n      <Fragment>\n        <div className='tplus-loading-spinner'>\n          {\n            showProgress === true ?\n              <Progress strokeLinecap=\"square\" percent={percent} />\n              :\n              <div className='shadows'>\n                <img src={this.getLoadingIcon()} className='default-spinner-gif' />\n              </div>\n          }\n        </div>\n        {\n          showTip && <p className={`tplus-loading-tip ${tip}`}>{showProgress === true ? `档案数据【${title}】下载中` : text}</p>\n        }\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${showProgress === true ? ' tplus-loading-progress' : ''}`}>\n          {isValidElement(node) ? node : loadingNode}\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default LoaingContent;\n"]}