tplus-components-touch 3.22.16 → 3.22.20

package/dist/components/product/getCard.js

@@ -0,0 +1,145 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = undefined;
+
+var _toConsumableArray2 = require('babel-runtime/helpers/toConsumableArray');
+
+var _toConsumableArray3 = _interopRequireDefault(_toConsumableArray2);
+
+var _from = require('babel-runtime/core-js/array/from');
+
+var _from2 = _interopRequireDefault(_from);
+
+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; /**
+                    * list 商品列表，数组类型，格式为 [{imgUrl, Name, Code, RetailPrice, ID}]
+                    * CardList 组件外层需包裹一个className 为 'detail-content' 的div
+                    * maxEmpyt 商品一行最大的商品数量，默认为12
+                    *
+                    */
+
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
+var _detail = require('./detail');
+
+var _detail2 = _interopRequireDefault(_detail);
+
+require('./index.less');
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var size = {
+  small: '96',
+  middle: '116',
+  big: '170'
+};
+
+var CardList = (_temp = _class = function (_Component) {
+  (0, _inherits3.default)(CardList, _Component);
+
+  function CardList(props) {
+    (0, _classCallCheck3.default)(this, CardList);
+
+    var _this = (0, _possibleConstructorReturn3.default)(this, (CardList.__proto__ || (0, _getPrototypeOf2.default)(CardList)).call(this, props));
+
+    _this.emptyElement = [];
+    var _this$props = _this.props,
+        _this$props$type = _this$props.type,
+        type = _this$props$type === undefined ? 'small' : _this$props$type,
+        _this$props$maxEmpyt = _this$props.maxEmpyt,
+        maxEmpyt = _this$props$maxEmpyt === undefined ? 12 : _this$props$maxEmpyt;
+
+    function ceratEmptyEle(type) {
+      var maxEmpytArray = (0, _from2.default)({ length: maxEmpyt }).fill(0);
+      return maxEmpytArray.map(function (v) {
+        return _react2.default.createElement('div', { className: '' + ('detail-' + type), key: String(Math.random()).substr(2, 10) });
+      });
+    }
+
+    _this.emptyElement = ceratEmptyEle(type);
+    return _this;
+  }
+
+  (0, _createClass3.default)(CardList, [{
+    key: 'render',
+    value: function render() {
+      var _this2 = this;
+
+      var _props = this.props,
+          _props$className = _props.className,
+          className = _props$className === undefined ? '' : _props$className,
+          _props$style = _props.style,
+          style = _props$style === undefined ? {} : _props$style,
+          _props$list = _props.list,
+          list = _props$list === undefined ? [] : _props$list,
+          _props$type = _props.type,
+          type = _props$type === undefined ? 'small' : _props$type,
+          _props$configure = _props.configure,
+          configure = _props$configure === undefined ? { img: true, code: true, name: true, price: true } : _props$configure,
+          click = _props.click,
+          pricePrecision = _props.pricePrecision;
+
+
+      return _react2.default.createElement(
+        'div',
+        {
+          className: 'card-list-wrapper ' + className,
+          style: style,
+          ref: function ref(_ref) {
+            return _this2.cardListRef = _ref;
+          }
+        },
+        [].concat((0, _toConsumableArray3.default)(list.map(function (item, index) {
+          return _react2.default.createElement(_detail2.default, {
+            item: item,
+            click: click,
+            type: type || 'small',
+            configure: configure,
+            key: item.Id || item.ID || index,
+            pricePrecision: pricePrecision
+          });
+        })), (0, _toConsumableArray3.default)(this.emptyElement))
+      );
+    }
+  }]);
+  return CardList;
+}(_react.Component), _class.propTypes = {
+  className: _propTypes2.default.string,
+  style: _propTypes2.default.object,
+  configure: _propTypes2.default.object,
+  maxEmpyt: _propTypes2.default.number,
+  type: _propTypes2.default.string,
+  list: _propTypes2.default.array,
+  click: _propTypes2.default.func
+}, _temp);
+exports.default = CardList;
+//# sourceMappingURL=getCard.js.map

package/dist/components/product/getCard.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["tplus-components-touch/components/product/getCard.js"],"names":["size","small","middle","big","CardList","props","emptyElement","type","maxEmpyt","ceratEmptyEle","maxEmpytArray","length","fill","map","String","Math","random","substr","className","style","list","configure","img","code","name","price","click","pricePrecision","cardListRef","ref","item","index","Id","ID","Component","propTypes","PropTypes","string","object","number","array","func"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBAAA;;;;;;;;AAMA;;;;AACA;;;;AACA;;;;AACA;;;;AAEA,IAAMA,OAAO;AACXC,SAAO,IADI;AAEXC,UAAQ,KAFG;AAGXC,OAAK;AAHM,CAAb;;IAMqBC,Q;;;AAcnB,oBAAYC,KAAZ,EAAmB;AAAA;;AAAA,0IACXA,KADW;;AAAA,UAFnBC,YAEmB,GAFJ,EAEI;AAAA,sBAEuB,MAAKD,KAF5B;AAAA,uCAEVE,IAFU;AAAA,QAEVA,IAFU,oCAEH,OAFG;AAAA,2CAEMC,QAFN;AAAA,QAEMA,QAFN,wCAEiB,EAFjB;;AAGjB,aAASC,aAAT,CAAuBF,IAAvB,EAA6B;AAC3B,UAAMG,gBAAgB,oBAAW,EAACC,QAAQH,QAAT,EAAX,EAA+BI,IAA/B,CAAoC,CAApC,CAAtB;AACA,aAAOF,cAAcG,GAAd,CAAkB;AAAA,eAAK,uCAAK,iBAAc,YAAYN,IAA1B,CAAL,EAAuC,KAAKO,OAAOC,KAAKC,MAAL,EAAP,EAAsBC,MAAtB,CAA6B,CAA7B,EAAgC,EAAhC,CAA5C,GAAL;AAAA,OAAlB,CAAP;AACD;;AAED,UAAKX,YAAL,GAAoBG,cAAcF,IAAd,CAApB;AARiB;AASlB;;;;6BAEQ;AAAA;;AAAA,mBAC8I,KAAKF,KADnJ;AAAA,oCACAa,SADA;AAAA,UACAA,SADA,oCACY,EADZ;AAAA,gCACgBC,KADhB;AAAA,UACgBA,KADhB,gCACwB,EADxB;AAAA,+BAC4BC,IAD5B;AAAA,UAC4BA,IAD5B,+BACmC,EADnC;AAAA,+BACuCb,IADvC;AAAA,UACuCA,IADvC,+BAC8C,OAD9C;AAAA,oCACuDc,SADvD;AAAA,UACuDA,SADvD,oCACmE,EAACC,KAAK,IAAN,EAAYC,MAAM,IAAlB,EAAwBC,MAAM,IAA9B,EAAoCC,OAAO,IAA3C,EADnE;AAAA,UACqHC,KADrH,UACqHA,KADrH;AAAA,UAC4HC,cAD5H,UAC4HA,cAD5H;;;AAGP,aAAQ;AAAA;AAAA;AACN,4CAAgCT,SAD1B;AAEN,iBAAOC,KAFD;AAGN,eAAK;AAAA,mBAAO,OAAKS,WAAL,GAAmBC,IAA1B;AAAA;AAHC;AAAA,mDAMDT,KAAKP,GAAL,CAAS,UAACiB,IAAD,EAAOC,KAAP;AAAA,iBACV,8BAAC,gBAAD;AACE,kBAAMD,IADR;AAEE,mBAAOJ,KAFT;AAGE,kBAAMnB,QAAQ,OAHhB;AAIE,uBAAWc,SAJb;AAKE,iBAAKS,KAAKE,EAAL,IAAWF,KAAKG,EAAhB,IAAsBF,KAL7B;AAME,4BAAgBJ;AANlB,YADU;AAAA,SAAT,CANC,oCAgBD,KAAKrB,YAhBJ;AAAA,OAAR;AAmBD;;;EA/CmC4B,gB,UAE7BC,S,GAAU;AACfjB,aAAWkB,oBAAUC,MADN;AAEflB,SAAMiB,oBAAUE,MAFD;AAGfjB,aAAUe,oBAAUE,MAHL;AAIf9B,YAAU4B,oBAAUG,MAJL;AAKfhC,QAAM6B,oBAAUC,MALD;AAMfjB,QAAMgB,oBAAUI,KAND;AAOfd,SAAOU,oBAAUK;AAPF,C;kBAFErC,Q","file":"getCard.js","sourcesContent":["/**\r\n * list 商品列表，数组类型，格式为 [{imgUrl, Name, Code, RetailPrice, ID}]\r\n * CardList 组件外层需包裹一个className 为 'detail-content' 的div\r\n * maxEmpyt 商品一行最大的商品数量，默认为12\r\n *\r\n */\r\nimport React, {Component} from 'react';\r\nimport PropTypes from 'prop-types'\r\nimport Card from './detail';\r\nimport './index.less';\r\n\r\nconst size = {\r\n  small: '96',\r\n  middle: '116',\r\n  big: '170'\r\n};\r\n\r\nexport default class CardList extends Component {\r\n\r\n  static propTypes={\r\n    className: PropTypes.string,\r\n    style:PropTypes.object,\r\n    configure:PropTypes.object,\r\n    maxEmpyt: PropTypes.number,\r\n    type: PropTypes.string,\r\n    list: PropTypes.array,\r\n    click: PropTypes.func\r\n  }\r\n\r\n  emptyElement = [];\r\n\r\n  constructor(props) {\r\n    super(props);\r\n    const {type = 'small', maxEmpyt = 12} = this.props;\r\n    function ceratEmptyEle(type) {\r\n      const maxEmpytArray = Array.from({length: maxEmpyt}).fill(0);\r\n      return maxEmpytArray.map(v => <div className={`${'detail-' + type}`} key={String(Math.random()).substr(2, 10)}/>);\r\n    }\r\n\r\n    this.emptyElement = ceratEmptyEle(type);\r\n  }\r\n\r\n  render() {\r\n    const {className = '', style = {}, list = [], type = 'small', configure = {img: true, code: true, name: true, price: true}, click, pricePrecision} = this.props;\r\n\r\n    return (<div\r\n      className={`card-list-wrapper ${className}`}\r\n      style={style}\r\n      ref={ref => this.cardListRef = ref}\r\n    >\r\n      {[\r\n        ...list.map((item, index) =>\r\n          <Card\r\n            item={item}\r\n            click={click}\r\n            type={type || 'small'}\r\n            configure={configure}\r\n            key={item.Id || item.ID || index}\r\n            pricePrecision={pricePrecision}\r\n          />\r\n        ),\r\n        ...this.emptyElement\r\n      ]}\r\n    </div>);\r\n  }\r\n}\r\n"]}

package/dist/components/product/index.less

@@ -0,0 +1,128 @@
+@activeColor: #FF8C25;
+.app {
+  .view {
+    width: 100%;
+  }
+}
+
+.detail-content {
+  position: relative;
+  display: flex;
+  justify-content: space-between;
+  flex-wrap: wrap;
+  .detail {
+    width: 143px;
+    border-radius: 4px;
+    overflow: hidden;
+    padding: 0 10px;
+    margin: 0;
+    margin-bottom: 20px;
+    cursor: pointer;
+    .detail-img {
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+      i {
+        margin: 0 auto;
+      }
+      img {
+        width: 100%;
+        height: 100%;
+      }
+    }
+    .detail-content-box {
+      border-radius: 4px;
+      padding: 8px;
+    }
+    .detail-name {
+      height: 48px;
+      line-height: 24px;
+      word-wrap: break-word;
+    }
+    .marginTop10 {
+      margin-top: 10px;
+    }
+    .detail-specification {
+      height: 40px;
+      border-radius: 2px;
+      padding: 3px 5px;
+      box-sizing: border-box;
+    }
+    .detail-specification-big {
+      height: 20px;
+    }
+    .detail-specification-small {
+      height: 40px;
+    }
+    .detail-price {
+      min-height: 24px;
+      display: flex;
+      flex-direction: column;
+        .price , .priceexchangeIntegral{
+          flex: 1;
+          overflow: hidden;
+          i{
+            display: inline-block;
+            margin-left:-2px;
+            margin-right:-2px;
+            font-style: normal;
+          }
+        }
+    }
+    .lh-48 {
+      line-height: 48px;
+    }
+  }
+  .detail-small {
+    width: 96px;
+    .detail-img {
+      width: 76px;
+      height: 76px;
+      i {
+        font-size: 24px;
+      }
+    }
+  }
+  .detail-middle {
+    width: 116px;
+    .detail-img {
+      width: 96px;
+      height: 96px;
+      i {
+        font-size: 32px;
+      }
+    }
+  }
+  .detail-big {
+    width: 170px;
+    .detail-img {
+      width: 150px;
+      height: 150px;
+      i {
+        font-size: 56px;
+      }
+    }
+  }
+  .text-2line-overflow {
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 2;
+    overflow: hidden;
+    word-break: break-all;
+  }
+  .detail-bottom {
+    position: absolute;
+    bottom: 0;
+    width: 100%;
+    text-align: center;
+  }
+  .display-none {
+    display: none;
+  }
+}
+.card-list-wrapper{
+  width: 100%;
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-between;
+}

package/dist/components/progressState/EmptyAndErrorView.js

@@ -0,0 +1,143 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+
+var _button = require('antd/es/button');
+
+var _button2 = _interopRequireDefault(_button);
+
+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/button/style');
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var imgRef = {
+    empty: 'https://newretail.static.chanjet.com/empty.png',
+    error: 'https://newretail.static.chanjet.com/operation_error.png'
+};
+
+var EmptyAndErrorView = (_temp2 = _class = function (_Component) {
+    (0, _inherits3.default)(EmptyAndErrorView, _Component);
+
+    function EmptyAndErrorView() {
+        var _ref;
+
+        var _temp, _this, _ret;
+
+        (0, _classCallCheck3.default)(this, EmptyAndErrorView);
+
+        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 = EmptyAndErrorView.__proto__ || (0, _getPrototypeOf2.default)(EmptyAndErrorView)).call.apply(_ref, [this].concat(args))), _this), _this.onButtonClick = function (e) {
+            var onClick = _this.props.onClick;
+
+            onClick && onClick(e);
+        }, _temp), (0, _possibleConstructorReturn3.default)(_this, _ret);
+    }
+
+    (0, _createClass3.default)(EmptyAndErrorView, [{
+        key: 'render',
+        value: function render() {
+            var _props = this.props,
+                iconVisible = _props.iconVisible,
+                info = _props.info,
+                buttonVisible = _props.buttonVisible,
+                buttonTitle = _props.buttonTitle,
+                secondaryTip = _props.secondaryTip,
+                _props$style = _props.style,
+                style = _props$style === undefined ? {} : _props$style,
+                _props$type = _props.type,
+                type = _props$type === undefined ? 'error' : _props$type;
+
+            var imgURL = imgRef[type];
+
+            return _react2.default.createElement(
+                'div',
+                { className: 'progressState', style: style },
+                _react2.default.createElement(
+                    'div',
+                    null,
+                    iconVisible && _react2.default.createElement(
+                        'div',
+                        { className: 'icon' },
+                        _react2.default.createElement('img', { src: imgURL })
+                    ),
+                    info && _react2.default.createElement(
+                        'div',
+                        { className: 'text' },
+                        info
+                    ),
+                    buttonVisible && _react2.default.createElement(
+                        'div',
+                        { className: 'addBtn' },
+                        _react2.default.createElement(
+                            _button2.default,
+                            { type: 'primary', onClick: this.onButtonClick },
+                            buttonTitle
+                        )
+                    )
+                ),
+                secondaryTip && _react2.default.createElement(
+                    'div',
+                    { className: 'secondaryTip' },
+                    _react2.default.createElement(
+                        'span',
+                        { className: 'tipLabel' },
+                        '\u63D0\u793A :'
+                    ),
+                    _react2.default.createElement(
+                        'div',
+                        { className: 'tipContent' },
+                        '  ',
+                        secondaryTip
+                    )
+                )
+            );
+        }
+    }]);
+    return EmptyAndErrorView;
+}(_react.Component), _class.propTypes = {
+    iconVisible: _propTypes2.default.bool,
+    info: _propTypes2.default.string,
+    buttonVisible: _propTypes2.default.bool,
+    buttonTitle: _propTypes2.default.string,
+    secondaryTip: _propTypes2.default.string,
+    onClick: _propTypes2.default.func,
+    style: _propTypes2.default.object,
+    type: _propTypes2.default.string
+}, _temp2);
+exports.default = EmptyAndErrorView;
+//# sourceMappingURL=EmptyAndErrorView.js.map

package/dist/components/progressState/EmptyAndErrorView.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["tplus-components-touch/components/progressState/EmptyAndErrorView.js"],"names":["imgRef","empty","error","EmptyAndErrorView","onButtonClick","e","onClick","props","iconVisible","info","buttonVisible","buttonTitle","secondaryTip","style","type","imgURL","Component","propTypes","PropTypes","bool","string","func","object"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;AAEA;;;;;;AAGA,IAAMA,SAAS;AACXC,WAAM,gDADK;AAEXC,WAAM;AAFK,CAAf;;IAKMC,iB;;;;;;;;;;;;;;sOAgDFC,a,GAAgB,UAACC,CAAD,EAAK;AAAA,gBACVC,OADU,GACC,MAAKC,KADN,CACVD,OADU;;AAEjBA,uBAAWA,QAAQD,CAAR,CAAX;AACH,S;;;;;iCAtCQ;AAAA,yBAEsF,KAAKE,KAF3F;AAAA,gBAEEC,WAFF,UAEEA,WAFF;AAAA,gBAEeC,IAFf,UAEeA,IAFf;AAAA,gBAEqBC,aAFrB,UAEqBA,aAFrB;AAAA,gBAEoCC,WAFpC,UAEoCA,WAFpC;AAAA,gBAEgDC,YAFhD,UAEgDA,YAFhD;AAAA,sCAE6DC,KAF7D;AAAA,gBAE6DA,KAF7D,gCAEmE,EAFnE;AAAA,qCAEsEC,IAFtE;AAAA,gBAEsEA,IAFtE,+BAE2E,OAF3E;;AAGL,gBAAMC,SAASf,OAAOc,IAAP,CAAf;;AAEA,mBACI;AAAA;AAAA,kBAAK,WAAU,eAAf,EAA+B,OAAOD,KAAtC;AACI;AAAA;AAAA;AACKL,mCACD;AAAA;AAAA,0BAAK,WAAU,MAAf;AACI,+DAAK,KAAKO,MAAV;AADJ,qBAFJ;AAMKN,4BACD;AAAA;AAAA,0BAAK,WAAU,MAAf;AAAuBA;AAAvB,qBAPJ;AASKC,qCACD;AAAA;AAAA,0BAAK,WAAU,QAAf;AACI;AAAA;AAAA,8BAAQ,MAAK,SAAb,EAAuB,SAAS,KAAKN,aAArC;AACMO;AADN;AADJ;AAVJ,iBADJ;AAkBKC,gCACG;AAAA;AAAA,sBAAK,WAAU,cAAf;AACI;AAAA;AAAA,0BAAM,WAAU,UAAhB;AAAA;AAAA,qBADJ;AAEI;AAAA;AAAA,0BAAK,WAAU,YAAf;AAAA;AAA+BA;AAA/B;AAFJ;AAnBR,aADJ;AA4BH;;;EA9C2BI,gB,UAErBC,S,GAAY;AACfT,iBAAaU,oBAAUC,IADR;AAEfV,UAAMS,oBAAUE,MAFD;AAGfV,mBAAeQ,oBAAUC,IAHV;AAIfR,iBAAaO,oBAAUE,MAJR;AAKfR,kBAAcM,oBAAUE,MALT;AAMfd,aAASY,oBAAUG,IANJ;AAOfR,WAAOK,oBAAUI,MAPF;AAQfR,UAAMI,oBAAUE;AARD,C;kBAqDRjB,iB","file":"EmptyAndErrorView.js","sourcesContent":["import React, {Component} from 'react';\r\nimport { Button } from 'antd';\r\nimport PropTypes from 'prop-types';\r\n\r\n\r\nconst imgRef = {\r\n    empty:'https://newretail.static.chanjet.com/empty.png',\r\n    error:'https://newretail.static.chanjet.com/operation_error.png'\r\n}\r\n\r\nclass EmptyAndErrorView extends Component{\r\n\r\n    static propTypes = {\r\n        iconVisible: PropTypes.bool,\r\n        info: PropTypes.string,\r\n        buttonVisible: PropTypes.bool,\r\n        buttonTitle: PropTypes.string,\r\n        secondaryTip: PropTypes.string,\r\n        onClick: PropTypes.func,\r\n        style: PropTypes.object,\r\n        type: PropTypes.string\r\n    };\r\n\r\n    render() {\r\n\r\n        const {iconVisible, info, buttonVisible, buttonTitle,secondaryTip,style={},type='error'} = this.props;\r\n        const imgURL = imgRef[type];\r\n\r\n        return (\r\n            <div className=\"progressState\" style={style}>\r\n                <div>\r\n                    {iconVisible &&\r\n                    <div className=\"icon\">\r\n                        <img src={imgURL}/>\r\n                    </div>\r\n                    }\r\n                    {info &&\r\n                    <div className=\"text\">{info}</div>\r\n                    }\r\n                    {buttonVisible &&\r\n                    <div className=\"addBtn\">\r\n                        <Button type=\"primary\" onClick={this.onButtonClick}>\r\n                             {buttonTitle}\r\n                        </Button>\r\n                    </div>\r\n                    }\r\n                </div>\r\n                {secondaryTip &&\r\n                    <div className=\"secondaryTip\">\r\n                        <span className=\"tipLabel\">提示 :</span>\r\n                        <div className=\"tipContent\">  {secondaryTip}</div>\r\n                    </div>\r\n                }\r\n\r\n            </div>\r\n        );\r\n    }\r\n\r\n    onButtonClick = (e)=>{\r\n        const {onClick} = this.props;\r\n        onClick && onClick(e);\r\n    }\r\n\r\n}\r\n\r\nexport default EmptyAndErrorView;"]}

package/dist/components/progressState/ProgressState.js

@@ -0,0 +1,157 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+
+var _assign = require('babel-runtime/core-js/object/assign');
+
+var _assign2 = _interopRequireDefault(_assign);
+
+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;
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _loadingContent = require('../loading/loadingContent');
+
+var _loadingContent2 = _interopRequireDefault(_loadingContent);
+
+var _EmptyAndErrorView = require('./EmptyAndErrorView');
+
+var _EmptyAndErrorView2 = _interopRequireDefault(_EmptyAndErrorView);
+
+require('./style.less');
+
+var _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var ProgressState = (_temp = _class = function (_React$Component) {
+    (0, _inherits3.default)(ProgressState, _React$Component);
+
+    function ProgressState() {
+        (0, _classCallCheck3.default)(this, ProgressState);
+        return (0, _possibleConstructorReturn3.default)(this, (ProgressState.__proto__ || (0, _getPrototypeOf2.default)(ProgressState)).apply(this, arguments));
+    }
+
+    (0, _createClass3.default)(ProgressState, [{
+        key: 'render',
+
+
+        /**
+         * 返回 ProgressState, 规则如下:
+         * 1. error 优先,如果有error, 则状态为 error
+         * 2. 否则如果 loading, 则状态为 load
+         * 3. 否则如果 notEmpty, 则状态为 show
+         * 4. 否则为 empty
+         * @param loading
+         * @param notEmptu
+         * @param error
+         * @returns {*}
+         */
+        value: function render() {
+            var _props = this.props,
+                state = _props.state,
+                _props$load = _props.load,
+                load = _props$load === undefined ? { style: {} } : _props$load,
+                _props$empty = _props.empty,
+                empty = _props$empty === undefined ? { style: {} } : _props$empty,
+                _props$error = _props.error,
+                error = _props$error === undefined ? { style: {} } : _props$error,
+                children = _props.children,
+                style = _props.style,
+                _props$stateCommonSty = _props.stateCommonStyle,
+                stateCommonStyle = _props$stateCommonSty === undefined ? {} : _props$stateCommonSty,
+                className = _props.className;
+
+            var baseStyle = className ? {} : { height: '100%' };
+            empty.style = (0, _extends3.default)({}, stateCommonStyle, empty.style);
+            error.style = (0, _extends3.default)({}, stateCommonStyle, error.style);
+            load.style = (0, _extends3.default)({}, stateCommonStyle, load.style);
+            return _react2.default.createElement(
+                'div',
+                { className: className, style: (0, _assign2.default)(baseStyle, style) },
+                children,
+                state === 'load' && _react2.default.createElement(_loadingContent2.default, load),
+                state === 'empty' && empty && _react2.default.createElement(_EmptyAndErrorView2.default, (0, _extends3.default)({ type: 'empty' }, ProgressState.defaultProps.empty, empty)),
+                state === 'error' && error && _react2.default.createElement(_EmptyAndErrorView2.default, (0, _extends3.default)({ type: 'error' }, ProgressState.defaultProps.error, error))
+            );
+        }
+    }]);
+    return ProgressState;
+}(_react2.default.Component), _class.defaultProps = {
+    state: 'show',
+    error: { iconVisible: true, buttonTitle: '重试', buttonVisible: true },
+    empty: { iconVisible: true, info: '哎呀, 这里空空的什么都没有', buttonTitle: '刷新', buttonVisible: true }
+}, _class.defaultLoadProps = {
+    style: { position: 'relative' } }, _class.gotProgressState = function (loading, notEmpty, error) {
+    var progressState = void 0;
+
+    if (error) {
+        progressState = 'error';
+    } else if (loading) {
+        progressState = 'load';
+    } else if (notEmpty) {
+        progressState = 'show';
+    } else {
+        progressState = 'empty';
+    }
+
+    return progressState;
+}, _class.propTypes = {
+    state: _propTypes2.default.oneOf(['wait', 'load', 'show', 'error', 'empty']),
+    load: _propTypes2.default.shape({
+        text: _propTypes2.default.string,
+        className: _propTypes2.default.string,
+        style: _propTypes2.default.object
+    }),
+    empty: _propTypes2.default.shape({
+        iconVisible: _propTypes2.default.bool,
+        info: _propTypes2.default.string,
+        buttonTitle: _propTypes2.default.string,
+        onClick: _propTypes2.default.func,
+        buttonVisible: _propTypes2.default.bool,
+        style: _propTypes2.default.object
+    }),
+    error: _propTypes2.default.shape({
+        iconVisible: _propTypes2.default.bool,
+        info: _propTypes2.default.string,
+        buttonTitle: _propTypes2.default.string,
+        onClick: _propTypes2.default.func,
+        buttonVisible: _propTypes2.default.bool
+    }),
+    children: _propTypes2.default.node,
+    className: _propTypes2.default.string,
+    style: _propTypes2.default.object,
+    stateCommonStyle: _propTypes2.default.object
+}, _temp);
+exports.default = ProgressState;
+//# sourceMappingURL=ProgressState.js.map

package/dist/components/progressState/ProgressState.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["tplus-components-touch/components/progressState/ProgressState.js"],"names":["ProgressState","props","state","load","style","empty","error","children","stateCommonStyle","className","baseStyle","height","defaultProps","React","Component","iconVisible","buttonTitle","buttonVisible","info","defaultLoadProps","position","gotProgressState","loading","notEmpty","progressState","propTypes","PropTypes","oneOf","shape","text","string","object","bool","onClick","func","node"],"mappings":"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","file":"ProgressState.js","sourcesContent":["import React from 'react';\r\nimport LoadingView from '../loading/loadingContent';\r\nimport EmptyAndErrorView from './EmptyAndErrorView';\r\nimport './style.less';\r\nimport PropTypes from 'prop-types';\r\n\r\nclass ProgressState extends React.Component {\r\n    static defaultProps = {\r\n        state: 'show',\r\n        error: {iconVisible:true, buttonTitle: '重试', buttonVisible: true},\r\n        empty: {iconVisible:true, info: '哎呀, 这里空空的什么都没有', buttonTitle: '刷新', buttonVisible: true},\r\n    };\r\n\r\n    static defaultLoadProps = {\r\n        style:{position:'relative'}\r\n    }\r\n\r\n    /**\r\n     * 返回 ProgressState, 规则如下:\r\n     * 1. error 优先,如果有error, 则状态为 error\r\n     * 2. 否则如果 loading, 则状态为 load\r\n     * 3. 否则如果 notEmpty, 则状态为 show\r\n     * 4. 否则为 empty\r\n     * @param loading\r\n     * @param notEmptu\r\n     * @param error\r\n     * @returns {*}\r\n     */\r\n    static gotProgressState = (loading, notEmpty, error) => {\r\n        let progressState;\r\n\r\n        if (error) {\r\n            progressState = 'error';\r\n        }\r\n        else if (loading) {\r\n            progressState = 'load';\r\n        }\r\n        else if (notEmpty) {\r\n            progressState = 'show';\r\n        }\r\n        else {\r\n            progressState = 'empty';\r\n        }\r\n\r\n        return progressState;\r\n    };\r\n\r\n    static propTypes = {\r\n        state: PropTypes.oneOf(['wait', 'load', 'show', 'error', 'empty']),\r\n        load: PropTypes.shape({\r\n            text: PropTypes.string,\r\n            className: PropTypes.string,\r\n            style: PropTypes.object,\r\n        }),\r\n        empty: PropTypes.shape({\r\n            iconVisible:PropTypes.bool,\r\n            info: PropTypes.string,\r\n            buttonTitle: PropTypes.string,\r\n            onClick: PropTypes.func,\r\n            buttonVisible: PropTypes.bool,\r\n            style: PropTypes.object\r\n        }),\r\n        error: PropTypes.shape({\r\n            iconVisible:PropTypes.bool,\r\n            info: PropTypes.string,\r\n            buttonTitle: PropTypes.string,\r\n            onClick: PropTypes.func,\r\n            buttonVisible: PropTypes.bool\r\n        }),\r\n        children: PropTypes.node,\r\n        className: PropTypes.string,\r\n        style: PropTypes.object,\r\n        stateCommonStyle: PropTypes.object\r\n    };\r\n\r\n    render() {\r\n        const {\r\n            state,\r\n            load = {style:{}},\r\n            empty = {style:{}},\r\n            error = {style:{}},\r\n            children,\r\n            style,\r\n            stateCommonStyle = {},\r\n            className,\r\n        } = this.props;\r\n        const baseStyle = className ? {} : {height: '100%'};\r\n        empty.style = {...stateCommonStyle,...empty.style};\r\n        error.style = {...stateCommonStyle,...error.style};\r\n        load.style ={...stateCommonStyle,...load.style};\r\n        return (\r\n            <div className={className} style={Object.assign(baseStyle,style)}>\r\n                 {children}\r\n                {state === 'load' &&\r\n                <LoadingView {...load}/>\r\n                }\r\n                {state === 'empty' && empty &&\r\n                <EmptyAndErrorView type={'empty'} {...ProgressState.defaultProps.empty} {...empty}  />\r\n                }\r\n                {state === 'error' && error &&\r\n                <EmptyAndErrorView type={'error'} {...ProgressState.defaultProps.error} {...error} />\r\n                }\r\n            </div>\r\n        );\r\n    }\r\n}\r\n\r\nexport default ProgressState;\r\n"]}

package/dist/components/progressState/index.js

@@ -0,0 +1,14 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _ProgressState = require('./ProgressState');
+
+var _ProgressState2 = _interopRequireDefault(_ProgressState);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+exports.default = _ProgressState2.default;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["tplus-components-touch/components/progressState/index.js"],"names":["ProgressState"],"mappings":";;;;;;AAAA;;;;;;kBACeA,uB","file":"index.js","sourcesContent":["import ProgressState from './ProgressState';\r\nexport default ProgressState;"]}