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

基于 Antd 4 的组件封装

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports["default"] = void 0;
require("antd/es/card/style");
var _card = _interopRequireDefault(require("antd/es/card"));
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 + "-inline-list";
var InlineList = function InlineList(_ref) {
  var _ref$className = _ref.className,
    className = _ref$className === void 0 ? '' : _ref$className,
    columns = _ref.columns,
    columnsMore = _ref.columnsMore,
    dataSource = _ref.dataSource;
  var makeEle = function makeEle(items) {
    return items.map(function (item) {
      // 校验当前场景，是否需要展示信息
      if (item.checkShow && !item.checkShow(dataSource)) {
        return null;
      }
      var val = dataSource[item.dataIndex];
      if (item.render) {
        val = item.render(val, dataSource);
      }
      // 校验值为空时，是否需要展示信息
      if (item.hideEmpty && !val) {
        return null;
      }
      return /*#__PURE__*/_react["default"].createElement("div", {
        key: item.dataIndex,
        className: prefix + "-item"
      }, /*#__PURE__*/_react["default"].createElement("div", {
        className: prefix + "-item-key"
      }, item.title, " :"), /*#__PURE__*/_react["default"].createElement("div", {
        className: prefix + "-item-value"
      }, val));
    });
  };
  return /*#__PURE__*/_react["default"].createElement(_card["default"], {
    className: (0, _classnames["default"])(prefix, className)
  }, /*#__PURE__*/_react["default"].createElement("div", {
    className: prefix + "-info"
  }, makeEle(columns)), /*#__PURE__*/_react["default"].createElement("div", {
    className: prefix + "-more"
  }, makeEle(columnsMore)));
};
InlineList.propTypes = {
  columns: _propTypes["default"].array,
  columnsMore: _propTypes["default"].array,
  dataSource: _propTypes["default"].object
};
InlineList.defaultProps = {
  columns: [],
  columnsMore: [],
  dataSource: {}
};
var _default = InlineList;
exports["default"] = _default;