tplus-components-touch 1.27.1 → 1.27.2

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":["/**\n * list 商品列表，数组类型，格式为 [{imgUrl, Name, Code, RetailPrice, ID}]\n * CardList 组件外层需包裹一个className 为 'detail-content' 的div\n * maxEmpyt 商品一行最大的商品数量，默认为12\n *\n */\nimport React, {Component} from 'react';\nimport PropTypes from 'prop-types'\nimport Card from './detail';\nimport './index.less';\n\nconst size = {\n  small: '96',\n  middle: '116',\n  big: '170'\n};\n\nexport default class CardList extends Component {\n\n  static propTypes={\n    className: PropTypes.string,\n    style:PropTypes.object,\n    configure:PropTypes.object,\n    maxEmpyt: PropTypes.number,\n    type: PropTypes.string,\n    list: PropTypes.array,\n    click: PropTypes.func\n  }\n\n  emptyElement = [];\n\n  constructor(props) {\n    super(props);\n    const {type = 'small', maxEmpyt = 12} = this.props;\n    function ceratEmptyEle(type) {\n      const maxEmpytArray = Array.from({length: maxEmpyt}).fill(0);\n      return maxEmpytArray.map(v => <div className={`${'detail-' + type}`} key={String(Math.random()).substr(2, 10)}/>);\n    }\n\n    this.emptyElement = ceratEmptyEle(type);\n  }\n\n  render() {\n    const {className = '', style = {}, list = [], type = 'small', configure = {img: true, code: true, name: true, price: true}, click, pricePrecision} = this.props;\n\n    return (<div\n      className={`card-list-wrapper ${className}`}\n      style={style}\n      ref={ref => this.cardListRef = ref}\n    >\n      {[\n        ...list.map((item, index) =>\n          <Card\n            item={item}\n            click={click}\n            type={type || 'small'}\n            configure={configure}\n            key={item.Id || item.ID || index}\n            pricePrecision={pricePrecision}\n          />\n        ),\n        ...this.emptyElement\n      ]}\n    </div>);\n  }\n}\n"]}

package/dist/components/product/index.less

@@ -0,0 +1,354 @@
+@activeColor: #FF8C25;
+.app {
+  .view {
+    width: 100%;
+  }
+}
+.product {
+  user-select: none;
+  width: 100%;
+  height: 100%;
+  position: relative;
+  background: #FFF;
+
+  // 键盘 --- start ---
+  .product-keyboard {
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    transition: height 0.2s;
+    overflow: hidden;
+    color: #FFF;
+    z-index: 1300;
+  }
+  .product-keyboard-show {
+    height: 223px;
+    padding-top: 12px;
+    box-sizing: content-box;
+  }
+  .product-keyboard-hide {
+    height: 0;
+  }
+  // 键盘 --- end ---
+
+  .keyboard {
+    .u-input-group-btn {
+      width: 20px;
+      line-height: 34px;
+      right: 12px!important;
+      .product-jianpan {
+        color: #666;
+        font-size: 20px;
+      }
+    }
+    input {
+      background: #F4F4F4;
+      border-color: #999999!important;
+      &:focus {
+        border-color: #999999!important;
+      }
+    }
+  }
+  .hidden {
+    display: none!important;
+  }
+  div, span, input {
+    box-sizing: border-box;
+  }
+  .product-left {
+    width: 100%;
+    height: 100%;
+    padding-right: 96px;
+    display: flex;
+    flex-direction: column;
+    .title {
+      height: 57px;
+      display: flex;
+      border-bottom: 1px solid #E6E6EB;
+      .search {
+        height: 32px;
+        width: 210px;
+        margin-top: 12px;
+        margin-left: 16px;
+        .keyboard {
+          width: 100%;
+        }
+      }
+      .second-level {
+        width: calc(100% - 208px);
+        flex: 1;
+        margin-left: 10px;
+        background: #FFF;
+        padding: 0 67px 0 60px;
+        overflow: hidden;
+        position: relative;
+        .second-item-active {
+          color: @activeColor;
+          border-bottom: 2px solid @activeColor;
+        }
+        .swiper-container-second {
+          height: 100%;
+          overflow: hidden;
+        }
+        .swiper-button {
+          background-image: inherit;
+          text-align: center;
+          display: flex;
+          flex-direction: column;
+          justify-content: center;
+          height: 100%;
+          top: 22px;
+          line-height: 55px;
+          .button-icon {}
+        }
+        .swiper-button-prev {
+          left: 15px;
+          z-index: 1;
+        }
+        .swiper-button-next {
+          right: 20px;
+          z-index: 1;
+        }
+        .second-item {
+          font-size: 14px;
+          width: auto;
+          padding: 0 10px;
+          cursor: pointer;
+          text-align: center;
+          /* Center slide text vertically */
+          display: -webkit-box;
+          display: -ms-flexbox;
+          display: -webkit-flex;
+          display: flex;
+          -webkit-box-pack: center;
+          -ms-flex-pack: center;
+          -webkit-justify-content: center;
+          justify-content: center;
+          -webkit-box-align: center;
+          -ms-flex-align: center;
+          -webkit-align-items: center;
+          align-items: center;
+        }
+      }
+    }
+    .content {
+      flex: 1;
+      display: flex;
+      overflow: hidden;
+      .detail-box-ouside {
+        flex: 1;
+        padding: 16px 0px 0;
+        .detail-box {
+          width: 100%;
+          height: 100%;
+          overflow: auto;
+          padding: 0 6px 0;
+        }
+        .detail-box-1024 {
+          height: calc(~'100% - 45px')!important;
+        }
+        .amount {
+          height: 44px;
+          line-height: 44px;
+          font-size: 16px;
+          border-top: 1px solid #C8C8CD;
+          color: #474364;
+          .amount-label {
+            vertical-align: middle;
+            margin-left: 12px;
+          }
+          .amount-money {
+            vertical-align: middle;
+            font-size: 32px;
+            color: #FF5E3F;
+            margin-left: 10px;
+          }
+        }
+      }
+    }
+
+  }
+  .product-right {
+    width: 96px;
+    height: 100%;
+    position: absolute;
+    top: 0;
+    right: 0;
+    box-shadow: -3px 0px 5px #CCC;
+    .first-level {
+      width: 96px;
+      background: #FAFAFA;
+      padding: 15px 0;
+      height: 100%;
+      overflow: hidden;
+      .first-item {
+        text-align: center;
+        height: auto;
+        padding: 9px 0;
+        cursor: pointer;
+        font-size: 14px;
+      }
+      .first-item-active {
+        background: #FFF;
+        color: @activeColor;
+      }
+    }
+  }
+
+  .swiper-container-first,
+  .swiper-container-product {
+    height: 100%;
+    .swiper-wrapper {
+      height: 100%;
+    }
+  }
+  .clearfix {
+    zoom: 1
+  }
+  .clearfix:after,
+  .clearfix:before {
+    content: " ";
+    display: table
+  }
+  .clearfix:after {
+    clear: both;
+    visibility: hidden;
+    font-size: 0;
+    height: 0
+  }
+
+  .text-1line-overflow {
+    overflow: hidden;
+    word-break: keep-all;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+  }
+}
+
+.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;
+        color: #999;
+      }
+      img {
+        width: 100%;
+        height: 100%;
+      }
+    }
+    .detail-content-box {
+      background: rgba(255,140,37,0.20);
+      border-radius: 4px;
+      padding: 8px;
+    }
+    .detail-name {
+      color: #474364;
+      height: 48px;
+      line-height: 24px;
+      font-size: 16px;
+      word-wrap: break-word;
+      // margin-top: 10px;
+    }
+    .marginTop10 {
+      margin-top: 10px;
+    }
+    .detail-code {
+      color: #75787B;
+      font-size: 14px;
+    }
+    .detail-specification {
+      height: 40px;
+      background: rgba(255, 140, 37, 0.2);
+      border-radius: 2px;
+      padding: 3px 5px;
+      box-sizing: border-box;
+      font-size: 12px;
+      color: #333;
+    }
+    .detail-specification-withimg {
+      background: rgb(244, 244, 244);
+    }
+    .detail-specification-big {
+      height: 20px;
+    }
+    .detail-specification-small {
+      height: 40px;
+    }
+    .detail-price {
+      color: #FF5E3F;
+      font-size: 16px;
+      height: 24px;
+    }
+    .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 _Button2 = require('tinper-bee/dist/Button');
+
+var _Button3 = _interopRequireDefault(_Button2);
+
+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('tinper-bee/dist/Button/index.css');
+
+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(
+                            _Button3.default,
+                            { colors: 'warning', 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,QAAO,SAAf,EAAyB,SAAS,KAAKN,aAAvC;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';\nimport {Button} from 'tinper-bee';\nimport PropTypes from 'prop-types';\n\n\nconst imgRef = {\n    empty:'https://newretail.static.chanjet.com/empty.png',\n    error:'https://newretail.static.chanjet.com/operation_error.png'\n}\n\nclass EmptyAndErrorView extends Component{\n\n    static propTypes = {\n        iconVisible: PropTypes.bool,\n        info: PropTypes.string,\n        buttonVisible: PropTypes.bool,\n        buttonTitle: PropTypes.string,\n        secondaryTip: PropTypes.string,\n        onClick: PropTypes.func,\n        style: PropTypes.object,\n        type: PropTypes.string\n    };\n\n    render() {\n\n        const {iconVisible, info, buttonVisible, buttonTitle,secondaryTip,style={},type='error'} = this.props;\n        const imgURL = imgRef[type];\n\n        return (\n            <div className=\"progressState\" style={style}>\n                <div>\n                    {iconVisible && \n                    <div className=\"icon\">\n                        <img src={imgURL}/>\n                    </div>\n                    }\n                    {info &&\n                    <div className=\"text\">{info}</div>\n                    }\n                    {buttonVisible &&\n                    <div className=\"addBtn\">\n                        <Button colors=\"warning\" onClick={this.onButtonClick}>\n                             {buttonTitle}\n                        </Button>\n                    </div>\n                    }\n                </div>\n                {secondaryTip &&\n                    <div className=\"secondaryTip\">\n                        <span className=\"tipLabel\">提示 :</span>\n                        <div className=\"tipContent\">  {secondaryTip}</div>\n                    </div>\n                }\n\n            </div>\n        );\n    }\n\n    onButtonClick = (e)=>{\n        const {onClick} = this.props;\n        onClick && onClick(e);\n    }\n\n}\n\nexport default EmptyAndErrorView;"]}