@ttk/component/lib/infiniteListScroller/index.js

ttk组件库

'use strict';

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

var getPrototypeOf = require('../getPrototypeOf-3a7a3df9.js');
var React = require('react');
var antd = require('antd');
require('classnames');
var Icon = require('../icon');
require('../_commonjsHelpers-badc9712.js');

function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
var Icon__default = /*#__PURE__*/_interopDefaultLegacy(Icon);

function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = getPrototypeOf._getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = getPrototypeOf._getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return getPrototypeOf._possibleConstructorReturn(this, result); }; }

function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
/**
 * 列表组件
 */

var InfiniteListScroller = /*#__PURE__*/function (_PureComponent) {
  getPrototypeOf._inherits(InfiniteListScroller, _PureComponent);

  var _super = _createSuper(InfiniteListScroller);

  function InfiniteListScroller(props) {
    var _this;

    getPrototypeOf._classCallCheck(this, InfiniteListScroller);

    _this = _super.call(this, props);
    _this.state = {
      data: props.dataSource ? props.dataSource : [],
      count: props.count ? props.count : 0,
      care: props.care,
      loading: false,
      hasMore: true
    };
    return _this;
  }

  getPrototypeOf._createClass(InfiniteListScroller, [{
    key: "componentDidMount",
    value: function componentDidMount() {}
  }, {
    key: "render",
    value: function render() {
      return /*#__PURE__*/React__default["default"].createElement("div", {
        className: "mk-listScroller"
      }, this.state.care ? /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("span", {
        style: {
          height: '30px',
          float: 'left',
          color: '#ff6000'
        }
      }, this.state.care)) : '', /*#__PURE__*/React__default["default"].createElement("div", {
        className: "infinite-container"
      }, /*#__PURE__*/React__default["default"].createElement(antd.List, {
        dataSource: this.state.data,
        renderItem: function renderItem(item) {
          return /*#__PURE__*/React__default["default"].createElement(antd.List.Item, {
            key: item.id
          }, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("span", null, item.content), /*#__PURE__*/React__default["default"].createElement("span", null, item.popverContent ? /*#__PURE__*/React__default["default"].createElement(antd.Popover, {
            placement: "topLeft",
            content: item.popverContent,
            overlayClassName: "accountrelation-popover"
          }, /*#__PURE__*/React__default["default"].createElement(Icon__default["default"], {
            fontFamily: "edficon",
            type: "bangzhutishi",
            style: {
              float: 'right',
              fontSize: '22px'
            }
          })) : '')));
        }
      }, this.state.loading && this.state.hasMore && /*#__PURE__*/React__default["default"].createElement("div", {
        className: "loading-container"
      }, /*#__PURE__*/React__default["default"].createElement(antd.Spin, null)))));
    }
  }]);

  return InfiniteListScroller;
}(React.PureComponent);

exports["default"] = InfiniteListScroller;