@jannie-shao/components-antd4/lib/search-ret/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 _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
var _react = _interopRequireDefault(require("react"));
var _propTypes = _interopRequireDefault(require("prop-types"));
var _classnames = _interopRequireDefault(require("classnames"));
var _utils = require("../utils");
var _table = _interopRequireDefault(require("../table"));
var _config = require("../style/config");
var _excluded = ["className", "topBar", "layout", "isLoading", "showSizeChanger", "dataList", "columns", "pagination", "onPageChange"];
var SearchRet = function SearchRet(_ref) {
  var className = _ref.className,
    topBar = _ref.topBar,
    layout = _ref.layout,
    isLoading = _ref.isLoading,
    showSizeChanger = _ref.showSizeChanger,
    dataList = _ref.dataList,
    columns = _ref.columns,
    pagination = _ref.pagination,
    onPageChange = _ref.onPageChange,
    tableProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
  return /*#__PURE__*/_react["default"].createElement(_card["default"], {
    className: (0, _classnames["default"])(_config.rootPrefix + "-search-ret", className),
    title: topBar
  }, /*#__PURE__*/_react["default"].createElement(_table["default"], (0, _extends2["default"])({
    rowKey: function rowKey(r) {
      if (r._rowKey !== undefined) return r._rowKey;
      if (r.id !== undefined) return r.id;
      return (0, _utils.randomString)();
    }
  }, tableProps, {
    tableLayout: layout,
    columns: columns,
    dataSource: dataList,
    loading: isLoading,
    pagination: pagination === false ? false : (0, _extends2["default"])({
      showSizeChanger: showSizeChanger,
      showTotal: function showTotal(total) {
        return total + " Total";
      }
    }, pagination),
    onChange: onPageChange
  })));
};
SearchRet.propTypes = {
  className: _propTypes["default"].string,
  topBar: _propTypes["default"].node,
  layout: _propTypes["default"].string,
  isLoading: _propTypes["default"].bool,
  showSizeChanger: _propTypes["default"].bool,
  columns: _propTypes["default"].array,
  dataList: _propTypes["default"].array,
  pagination: _propTypes["default"].any,
  onPageChange: _propTypes["default"].func
};
SearchRet.defaultProps = {
  className: '',
  topBar: '',
  layout: 'auto',
  isLoading: false,
  showSizeChanger: true,
  columns: [],
  dataList: [],
  pagination: {
    total: 0,
    current: 1,
    pageSize: 50
  },
  onPageChange: function onPageChange() {}
};
var _default = SearchRet;
exports["default"] = _default;