ming-demo3/lib/components/refer/ReferPagination.js

mdf metaui web

"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 _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));

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

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

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

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

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

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

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

var _baseui = require("@mdf/baseui");

var ReferPagination = function (_React$Component) {
  (0, _inherits2["default"])(ReferPagination, _React$Component);

  function ReferPagination(props) {
    var _this;

    (0, _classCallCheck2["default"])(this, ReferPagination);
    _this = (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf2["default"])(ReferPagination).call(this, props));
    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "setPageInfo", function (paginationlist) {
      var pageinfo = _this.state.pagination;
      pageinfo.total = paginationlist.recordCount;
      pageinfo.current = paginationlist.pageIndex;
      pageinfo.pageSize = paginationlist.pageSize;
      _this.totalPage = Math.ceil(pageinfo.total / pageinfo.pageSize);

      _this.setState({
        pagination: pageinfo
      });
    });
    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onPaginationClick", function (e, type) {
      var pageIndex = _this.state.pagination.current;
      if (type == 'first') pageIndex = 1;
      if (type == 'pre') pageIndex = pageIndex - 1;
      if (type == 'next') pageIndex = pageIndex + 1;
      if (type == 'last') pageIndex = _this.totalPage;

      _this.props.model.setPageIndex(pageIndex);
    });
    _this.state = {
      pagination: {
        total: 1,
        current: 1,
        pageSize: 1
      }
    };
    _this.totalPage = 1;
    return _this;
  }

  (0, _createClass2["default"])(ReferPagination, [{
    key: "componentDidMount",
    value: function componentDidMount() {
      if (this.props.model) this.props.model.addListener(this);
    }
  }, {
    key: "componentDidUpdate",
    value: function componentDidUpdate() {
      if (this.props.model) this.props.model.addListener(this);
    }
  }, {
    key: "componentWillUnmount",
    value: function componentWillUnmount() {
      if (this.props.model) this.props.model.removeListener(this);
    }
  }, {
    key: "render",
    value: function render() {
      var _this2 = this;

      var _this$state$paginatio = this.state.pagination,
          current = _this$state$paginatio.current,
          total = _this$state$paginatio.total;
      var preStyle = {},
          nextStyle = {};
      if (total == 0) return null;
      if (current == 1) preStyle.pointerEvents = 'none';
      if (current == this.totalPage) nextStyle.pointerEvents = 'none';
      return _react["default"].createElement("div", {
        className: "refer-pagination"
      }, _react["default"].createElement("span", {
        className: current == 1 ? "first disabled" : "first",
        style: preStyle,
        onClick: function onClick(e) {
          return _this2.onPaginationClick(e, 'first');
        }
      }, _react["default"].createElement(_baseui.Icon, {
        type: "double-left"
      })), _react["default"].createElement("span", {
        className: current == 1 ? "pre disabled" : "pre",
        style: preStyle,
        onClick: function onClick(e) {
          return _this2.onPaginationClick(e, 'pre');
        }
      }, _react["default"].createElement(_baseui.Icon, {
        type: "left"
      })), _react["default"].createElement("span", {
        className: "info"
      }, current, "/", this.totalPage), _react["default"].createElement("span", {
        className: current == this.totalPage ? "next disabled" : "next",
        style: nextStyle,
        onClick: function onClick(e) {
          return _this2.onPaginationClick(e, 'next');
        }
      }, _react["default"].createElement(_baseui.Icon, {
        type: "right"
      })), _react["default"].createElement("span", {
        className: current == this.totalPage ? "last disabled" : "last",
        style: nextStyle,
        onClick: function onClick(e) {
          return _this2.onPaginationClick(e, 'last');
        }
      }, _react["default"].createElement(_baseui.Icon, {
        type: "double-right"
      })));
    }
  }]);
  return ReferPagination;
}(_react["default"].Component);

exports["default"] = ReferPagination;
//# sourceMappingURL=ReferPagination.js.map