jc-biz-components/lib/jc-description-list/DescriptionList.js

jc component library based on Antd

'use strict';

Object.defineProperty(exports, "__esModule", {
  value: true
});

var _extends2 = require('babel-runtime/helpers/extends');

var _extends3 = _interopRequireDefault(_extends2);

var _row = require('antd/lib/row');

var _row2 = _interopRequireDefault(_row);

var _objectWithoutProperties2 = require('babel-runtime/helpers/objectWithoutProperties');

var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);

exports['default'] = DescriptionList;

require('antd/lib/row/style');

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _classnames = require('classnames');

var _classnames2 = _interopRequireDefault(_classnames);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }

// import styles from './index.less'

function DescriptionList(_ref) {
  var className = _ref.className,
      title = _ref.title,
      _ref$col = _ref.col,
      col = _ref$col === undefined ? 3 : _ref$col,
      _ref$layout = _ref.layout,
      layout = _ref$layout === undefined ? 'horizontal' : _ref$layout,
      _ref$gutter = _ref.gutter,
      gutter = _ref$gutter === undefined ? 32 : _ref$gutter,
      children = _ref.children,
      size = _ref.size,
      restProps = (0, _objectWithoutProperties3['default'])(_ref, ['className', 'title', 'col', 'layout', 'gutter', 'children', 'size']);

  var prefixCls = 'jc-description-list';
  var clsString = (0, _classnames2['default'])(prefixCls, 'layout', className, {
    small: size === 'small',
    large: size === 'large'
  });
  var column = col > 4 ? 4 : col;
  return _react2['default'].createElement(
    'div',
    (0, _extends3['default'])({
      className: clsString
    }, restProps),
    title ? _react2['default'].createElement(
      'div',
      { className: this.props.prefixCls + '-title' },
      title
    ) : null,
    _react2['default'].createElement(
      _row2['default'],
      { gutter: gutter },
      _react2['default'].Children.map(children, function (child) {
        return _react2['default'].cloneElement(child, { column: column });
      })
    )
  );
}
module.exports = exports['default'];