tplus-pos/dist/components/product/getPageCard.js

pos module

'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);

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=getPageCard.js.map