@jannie-shao/components-antd4/lib/grid-list/index.js

基于 Antd 4 的组件封装

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports["default"] = void 0;
require("antd/es/row/style");
var _row = _interopRequireDefault(require("antd/es/row"));
require("antd/es/col/style");
var _col = _interopRequireDefault(require("antd/es/col"));
var _react = _interopRequireDefault(require("react"));
var _propTypes = _interopRequireDefault(require("prop-types"));
var _classnames = _interopRequireDefault(require("classnames"));
var _config = require("../style/config");
var prefix = _config.rootPrefix + "-grid-list";
var GridList = function GridList(_ref) {
  var _ref$className = _ref.className,
    className = _ref$className === void 0 ? '' : _ref$className,
    col = _ref.col,
    columns = _ref.columns,
    dataSource = _ref.dataSource;
  return /*#__PURE__*/_react["default"].createElement(_row["default"], {
    className: (0, _classnames["default"])(prefix, className)
  }, columns.map(function (c) {
    return /*#__PURE__*/_react["default"].createElement(_col["default"], {
      key: c.dataIndex,
      span: parseInt(24 / col, 10)
    }, /*#__PURE__*/_react["default"].createElement(_row["default"], null, /*#__PURE__*/_react["default"].createElement(_col["default"], {
      className: prefix + "-label",
      span: 8
    }, c.title), /*#__PURE__*/_react["default"].createElement(_col["default"], {
      span: 16
    }, c.render ? c.render(dataSource[c.dataIndex], dataSource) : dataSource[c.dataIndex])));
  }));
};
GridList.propTypes = {
  col: _propTypes["default"].number,
  columns: _propTypes["default"].array,
  dataSource: _propTypes["default"].object
};
GridList.defaultProps = {
  col: 2,
  columns: [],
  dataSource: {}
};
var _default = GridList;
exports["default"] = _default;