tplus-components-touch 1.26.3 → 1.27.1

package/dist/components/product/getCard.js

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

@@ -1 +0,0 @@
-{"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

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

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

@@ -1 +0,0 @@
-{"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;"]}