choerodon-ui/lib/list/index.js

An enterprise-class UI design language and React-based implementation

"use strict";

var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;

var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));

var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));

var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));

var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));

var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));

var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));

var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));

var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));

var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));

var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));

var _react = _interopRequireWildcard(require("react"));

var _classnames = _interopRequireDefault(require("classnames"));

var _omit = _interopRequireDefault(require("lodash/omit"));

var _spin = _interopRequireDefault(require("../spin"));

var _LocaleReceiver = _interopRequireDefault(require("../locale-provider/LocaleReceiver"));

var _default = _interopRequireDefault(require("../locale-provider/default"));

var _enum = require("../_util/enum");

var _pagination = _interopRequireDefault(require("../pagination"));

var _grid = require("../grid");

var _Item = _interopRequireDefault(require("./Item"));

var _ListContext = require("./ListContext");

var _ConfigContext = _interopRequireDefault(require("../config-provider/ConfigContext"));

function _createSuper(Derived) {
  function isNativeReflectConstruct() {
    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
    if (Reflect.construct.sham) return false;
    if (typeof Proxy === "function") return true;

    try {
      Date.prototype.toString.call(Reflect.construct(Date, [], function () {}));
      return true;
    } catch (e) {
      return false;
    }
  }

  return function () {
    var Super = (0, _getPrototypeOf2["default"])(Derived),
        result;

    if (isNativeReflectConstruct()) {
      var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor;
      result = Reflect.construct(Super, arguments, NewTarget);
    } else {
      result = Super.apply(this, arguments);
    }

    return (0, _possibleConstructorReturn2["default"])(this, result);
  };
}

var List =
/*#__PURE__*/
function (_Component) {
  (0, _inherits2["default"])(List, _Component);

  var _super = _createSuper(List);

  function List() {
    var _this;

    (0, _classCallCheck2["default"])(this, List);
    _this = _super.apply(this, arguments);
    _this.keys = {};

    _this.renderItem = function (item, index) {
      var _this$props = _this.props,
          dataSource = _this$props.dataSource,
          renderItem = _this$props.renderItem,
          rowKey = _this$props.rowKey;
      var key;

      if (typeof rowKey === 'function') {
        key = rowKey(dataSource[index]);
      } else if (typeof rowKey === 'string') {
        key = dataSource[rowKey];
      } else {
        key = dataSource.key;
      }

      if (!key) {
        key = "list-item-".concat(index);
      }

      _this.keys[index] = key;
      return renderItem(item, index);
    };

    _this.renderEmpty = function (contextLocale) {
      var _assertThisInitialize = (0, _assertThisInitialized2["default"])(_this),
          props = _assertThisInitialize.props;

      var locale = (0, _objectSpread2["default"])({}, contextLocale, {}, props.locale);
      return _react["default"].createElement("div", {
        className: "".concat(_this.getPrefixCls(), "-empty-text")
      }, locale.emptyText);
    };

    return _this;
  }

  (0, _createClass2["default"])(List, [{
    key: "getContextValue",
    value: function getContextValue() {
      var grid = this.props.grid;
      var getPrefixCls = this.context.getPrefixCls;
      return {
        grid: grid,
        getPrefixCls: getPrefixCls
      };
    }
  }, {
    key: "isSomethingAfterLastTtem",
    value: function isSomethingAfterLastTtem() {
      var _this$props2 = this.props,
          loadMore = _this$props2.loadMore,
          pagination = _this$props2.pagination,
          footer = _this$props2.footer;
      return !!(loadMore || pagination || footer);
    }
  }, {
    key: "getPrefixCls",
    value: function getPrefixCls() {
      var prefixCls = this.props.prefixCls;
      var getPrefixCls = this.context.getPrefixCls;
      return getPrefixCls('list', prefixCls);
    }
  }, {
    key: "render",
    value: function render() {
      var _classNames,
          _this2 = this;

      var _this$props3 = this.props,
          bordered = _this$props3.bordered,
          split = _this$props3.split,
          className = _this$props3.className,
          children = _this$props3.children,
          itemLayout = _this$props3.itemLayout,
          loadMore = _this$props3.loadMore,
          pagination = _this$props3.pagination,
          grid = _this$props3.grid,
          dataSource = _this$props3.dataSource,
          size = _this$props3.size,
          header = _this$props3.header,
          footer = _this$props3.footer,
          empty = _this$props3.empty,
          loading = _this$props3.loading,
          rest = (0, _objectWithoutProperties2["default"])(_this$props3, ["bordered", "split", "className", "children", "itemLayout", "loadMore", "pagination", "grid", "dataSource", "size", "header", "footer", "empty", "loading"]);
      var prefixCls = this.getPrefixCls();
      var loadingProp = loading;

      if (typeof loadingProp === 'boolean') {
        loadingProp = {
          spinning: loadingProp
        };
      }

      var isLoading = loadingProp && loadingProp.spinning; // large => lg
      // small => sm

      var sizeCls = '';

      switch (size) {
        case _enum.Size.large:
          sizeCls = 'lg';
          break;

        case _enum.Size.small:
          sizeCls = 'sm';
          break;

        default:
      }

      var classString = (0, _classnames["default"])(prefixCls, className, (_classNames = {}, (0, _defineProperty2["default"])(_classNames, "".concat(prefixCls, "-vertical"), itemLayout === 'vertical'), (0, _defineProperty2["default"])(_classNames, "".concat(prefixCls, "-").concat(sizeCls), sizeCls), (0, _defineProperty2["default"])(_classNames, "".concat(prefixCls, "-split"), split), (0, _defineProperty2["default"])(_classNames, "".concat(prefixCls, "-bordered"), bordered), (0, _defineProperty2["default"])(_classNames, "".concat(prefixCls, "-loading"), isLoading), (0, _defineProperty2["default"])(_classNames, "".concat(prefixCls, "-grid"), grid), (0, _defineProperty2["default"])(_classNames, "".concat(prefixCls, "-something-after-last-item"), this.isSomethingAfterLastTtem()), _classNames));

      var paginationContent = _react["default"].createElement("div", {
        className: "".concat(prefixCls, "-pagination")
      }, _react["default"].createElement(_pagination["default"], (0, _extends2["default"])({}, pagination)));

      var childrenContent;
      childrenContent = isLoading && _react["default"].createElement("div", {
        style: {
          minHeight: 53
        }
      });

      if (dataSource.length > 0) {
        var items = dataSource.map(function (item, index) {
          return _this2.renderItem(item, index);
        });

        var childrenList = _react.Children.map(items, function (child, index) {
          return (0, _react.cloneElement)(child, {
            key: _this2.keys[index]
          });
        });

        childrenContent = grid ? _react["default"].createElement(_grid.Row, {
          gutter: grid.gutter
        }, childrenList) : childrenList;
      } else if (!children && !isLoading && !empty) {
        childrenContent = _react["default"].createElement(_LocaleReceiver["default"], {
          componentName: "Table",
          defaultLocale: _default["default"].Table
        }, this.renderEmpty);
      } else {
        childrenContent = empty;
      }

      var content = _react["default"].createElement("div", null, _react["default"].createElement(_spin["default"], (0, _extends2["default"])({}, loadingProp), childrenContent), loadMore, !loadMore && pagination ? paginationContent : null);

      return _react["default"].createElement(_ListContext.ListContextProvider, (0, _extends2["default"])({}, this.getContextValue()), _react["default"].createElement("div", (0, _extends2["default"])({
        className: classString
      }, (0, _omit["default"])(rest, ['prefixCls', 'rowKey', 'renderItem', 'selectable'])), header && _react["default"].createElement("div", {
        className: "".concat(prefixCls, "-header")
      }, header), content, children, footer && _react["default"].createElement("div", {
        className: "".concat(prefixCls, "-footer")
      }, footer)));
    }
  }], [{
    key: "contextType",
    get: function get() {
      return _ConfigContext["default"];
    }
  }]);
  return List;
}(_react.Component);

exports["default"] = List;
List.displayName = 'List';
List.Item = _Item["default"];
List.defaultProps = {
  dataSource: [],
  bordered: false,
  split: true,
  loading: false,
  pagination: false
};
//# sourceMappingURL=index.js.map