@hi-ui/hiui 3.9.0-rc.8 → 4.0.0-beta.1

package/es/pagination/Pagination.js

@@ -1,538 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Pagination = exports["default"] = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
-
-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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _Pager = _interopRequireDefault(require("./Pager"));
-
-var _select = _interopRequireDefault(require("../select"));
-
-var _input = _interopRequireDefault(require("../input"));
-
-var _context = _interopRequireDefault(require("../context"));
-
-var _icon = _interopRequireDefault(require("../icon"));
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { 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); }; }
-
-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; } }
-
-function isInteger(value) {
-  return typeof value === 'number' && isFinite(value) && Math.floor(value) === value;
-}
-
-function breakItemRender(page, element) {
-  return element;
-}
-
-function noop() {}
-
-var Pagination = /*#__PURE__*/function (_Component) {
-  (0, _inherits2["default"])(Pagination, _Component);
-
-  var _super = _createSuper(Pagination);
-
-  function Pagination(props) {
-    var _this;
-
-    (0, _classCallCheck2["default"])(this, Pagination);
-    _this = _super.call(this, props);
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "gotoPage", function (e) {
-      var pageNum = parseInt(e.target.value);
-
-      var setPageNum = function setPageNum(page) {
-        _this.handleChange(page);
-
-        _this.props.onJump && _this.props.onJump(Number(page));
-      };
-
-      if (e.type === 'blur') {
-        setPageNum(pageNum);
-      } else if (e.type === 'keypress') {
-        if (e.charCode === 13) {
-          setPageNum(pageNum);
-
-          _this.jumper.current.blur();
-        }
-      }
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "pagerIndex", 0);
-    var defaultCurrent = props.defaultCurrent,
-        propsCurrent = props.current,
-        pageSize = props.pageSize,
-        total = props.total;
-
-    var current = _this.getCurrent(propsCurrent !== undefined ? propsCurrent : defaultCurrent, _this.calculatePage(total, pageSize));
-
-    _this.jumper = /*#__PURE__*/_react["default"].createRef();
-    _this.tempRef = /*#__PURE__*/_react["default"].createRef();
-    _this.state = {
-      current: current,
-      jumpTo: current,
-      pageSize: pageSize,
-      total: props.total
-    };
-    return _this;
-  }
-
-  (0, _createClass2["default"])(Pagination, [{
-    key: "componentWillReceiveProps",
-    value: function componentWillReceiveProps(props) {
-      var states = {};
-
-      if (props.pageSize !== this.props.pageSize) {
-        states.pageSize = props.pageSize;
-      }
-
-      if (props.total !== this.props.total) {
-        states.total = props.total;
-      }
-
-      var current;
-
-      if (props.current !== undefined && this.state.current !== props.current) {
-        current = this.getCurrent(props.current, this.calculatePage(props.total, props.pageSize));
-      }
-
-      if (current) {
-        states.current = current;
-        states.jumpTo = current;
-      }
-
-      this.setState(_objectSpread({}, states));
-    }
-  }, {
-    key: "getCurrent",
-    value: function getCurrent(current, maxPage) {
-      if (current < 1) {
-        return 1;
-      } else if (current > maxPage) {
-        return maxPage;
-      }
-
-      return current;
-    }
-  }, {
-    key: "calculatePage",
-    value: function calculatePage(total, pageSize) {
-      if (typeof pageSize === 'undefined') {
-        pageSize = this.state.pageSize;
-      }
-
-      return Math.ceil(total / pageSize);
-    }
-  }, {
-    key: "handleChange",
-    value: function handleChange(page) {
-      var prevPage = this.state.current;
-      var maxPage = this.calculatePage(this.props.total);
-
-      if (isInteger(page) && page !== prevPage && page >= 1 && page <= maxPage) {
-        var pageSize = this.state.pageSize;
-        this.props.onChange(page, prevPage, pageSize);
-        this.props.current !== undefined || this.setState({
-          current: page,
-          jumpTo: page
-        });
-      }
-    }
-  }, {
-    key: "prev",
-    value: function prev() {
-      if (this.state.current > 1) {
-        return this.state.current - 1;
-      }
-
-      return -1;
-    }
-  }, {
-    key: "next",
-    value: function next() {
-      if (this.state.current < this.calculatePage(this.props.total)) {
-        return this.state.current + 1;
-      }
-
-      return -1;
-    }
-  }, {
-    key: "onPageSizeChange",
-    value: function onPageSizeChange(pageSize) {
-      var _this2 = this;
-
-      var _this$props = this.props,
-          total = _this$props.total,
-          onPageSizeChange = _this$props.onPageSizeChange;
-      var current = this.getCurrent(this.state.current, this.calculatePage(total, pageSize)); // pageSize改动需要重新计算当前页，避免超过最大页情况
-
-      this.setState({
-        pageSize: pageSize
-      }, function () {
-        onPageSizeChange && onPageSizeChange(pageSize, current);
-
-        _this2.handleChange(current);
-      });
-    }
-  }, {
-    key: "renderPageSizes",
-    value: function renderPageSizes() {
-      var _this3 = this;
-
-      var _this$props2 = this.props,
-          pageSize = _this$props2.pageSize,
-          pageSizeOptions = _this$props2.pageSizeOptions,
-          _this$props2$localeDa = _this$props2.localeDatas.pagination,
-          i18nItemPerPage = _this$props2$localeDa.itemPerPage,
-          i18nItem = _this$props2$localeDa.item;
-
-      if (pageSizeOptions.length === 0) {
-        return null;
-      }
-
-      return /*#__PURE__*/_react["default"].createElement(_select["default"], {
-        type: "single",
-        clearable: false,
-        style: {
-          width: 114,
-          marginRight: 24
-        },
-        data: pageSizeOptions.map(function (n) {
-          return {
-            // 这里的类型判断是考虑对过去的兼容写法
-            id: (0, _typeof2["default"])(n) === 'object' ? n.value : n,
-            title: "".concat(n, " ").concat(i18nItem, " / ").concat(i18nItemPerPage)
-          };
-        }),
-        value: pageSize,
-        onChange: function onChange(ids) {
-          _this3.onPageSizeChange(ids[0]);
-        }
-      });
-    }
-  }, {
-    key: "renderJumper",
-    value: function renderJumper() {
-      var _this$props3 = this.props,
-          showJumper = _this$props3.showJumper,
-          prefixCls = _this$props3.prefixCls,
-          localeDatas = _this$props3.localeDatas;
-
-      if (!showJumper) {
-        return null;
-      }
-
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        className: "".concat(prefixCls, "__jumper ").concat(prefixCls, "__text")
-      }, localeDatas.pagination["goto"], this.renderJumperInput(), localeDatas.pagination.page);
-    }
-  }, {
-    key: "renderJumperInput",
-    value: function renderJumperInput() {
-      var _this4 = this;
-
-      var _this$props4 = this.props,
-          prefixCls = _this$props4.prefixCls,
-          total = _this$props4.total;
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        className: "".concat(prefixCls, "__jumper-input")
-      }, /*#__PURE__*/_react["default"].createElement(_input["default"], {
-        ref: this.jumper,
-        onKeyPress: this.gotoPage.bind(this),
-        onBlur: this.gotoPage,
-        value: this.state.jumpTo,
-        onChange: function onChange(e, tVal) {
-          var val = e.target.value;
-
-          if (!val) {
-            _this4.setState({
-              jumpTo: val
-            });
-
-            return;
-          }
-
-          if (/^\d+$/.test(val)) {
-            var maxPage = _this4.calculatePage(total);
-
-            var jumpTo = val < 1 ? 1 : val > maxPage ? maxPage : val;
-
-            _this4.setState({
-              jumpTo: jumpTo
-            });
-          } else {
-            _this4.setState({
-              jumpTo: _this4.state.jumpTo
-            });
-          }
-        }
-      }));
-    }
-  }, {
-    key: "renderPagers",
-    value: function renderPagers() {
-      var _this$props5 = this.props,
-          max = _this$props5.max,
-          total = _this$props5.total,
-          prefixCls = _this$props5.prefixCls;
-      var current = this.state.current;
-      var maxPage = this.calculatePage(total);
-      var prevPager = this.renderPrevPager(); // 上一页
-
-      var nextPager = this.renderNextPager(); // 下一页
-
-      var pagers = [prevPager];
-      var leftBuffer, rightBuffer;
-
-      if (max * 2 + 1 + 2 >= maxPage) {
-        leftBuffer = 1;
-        rightBuffer = maxPage;
-      } else if (maxPage - current <= max) {
-        rightBuffer = maxPage;
-        leftBuffer = maxPage - 2 * max - 1;
-        leftBuffer = leftBuffer <= 1 ? 1 : leftBuffer;
-      } else if (current - max <= 1) {
-        leftBuffer = 1;
-        rightBuffer = 2 * max + leftBuffer + 1;
-        rightBuffer = rightBuffer >= maxPage ? maxPage : rightBuffer;
-      } else {
-        leftBuffer = current - max;
-        rightBuffer = current + max;
-      }
-
-      if (leftBuffer !== 1) {
-        pagers.push(this.renderPager(1, {
-          active: current === 1,
-          id: 1
-        }));
-      }
-
-      if (leftBuffer > 2) {
-        pagers.push(this.renderPager('...', {
-          className: "".concat(prefixCls, "__item-break"),
-          itemRender: breakItemRender
-        }));
-      }
-
-      for (var index = leftBuffer; index <= rightBuffer; index++) {
-        pagers.push(this.renderPager(index, {
-          active: current === index,
-          id: index
-        }));
-      }
-
-      if (rightBuffer < maxPage - 1) {
-        pagers.push(this.renderPager('...', {
-          className: "".concat(prefixCls, "__item-break"),
-          itemRender: breakItemRender
-        }));
-      }
-
-      if (rightBuffer !== maxPage) {
-        pagers.push(this.renderPager(maxPage, {
-          active: current === maxPage,
-          id: maxPage
-        }));
-      }
-
-      pagers.push(nextPager);
-      return pagers;
-    }
-  }, {
-    key: "renderPrevPager",
-    value: function renderPrevPager() {
-      var prefixCls = this.props.prefixCls;
-      var prevPage = this.prev();
-      return this.renderPager(prevPage, {
-        className: "".concat(prefixCls, "__item-prev"),
-        disabled: prevPage < 1,
-        id: 'PREV'
-      }, /*#__PURE__*/_react["default"].createElement(_icon["default"], {
-        name: "left"
-      }));
-    }
-  }, {
-    key: "renderNextPager",
-    value: function renderNextPager() {
-      var prefixCls = this.props.prefixCls;
-      var nextPage = this.next();
-      return this.renderPager(nextPage, {
-        className: "".concat(prefixCls, "__item-next"),
-        disabled: nextPage < 1,
-        id: 'NEXT'
-      }, /*#__PURE__*/_react["default"].createElement(_icon["default"], {
-        name: "right"
-      }));
-    }
-  }, {
-    key: "renderPager",
-    value: function renderPager(page, props, children) {
-      var _this$props6 = this.props,
-          prefixCls = _this$props6.prefixCls,
-          itemRender = _this$props6.itemRender,
-          pageLink = _this$props6.pageLink;
-      return /*#__PURE__*/_react["default"].createElement(_Pager["default"], (0, _extends2["default"])({
-        key: props.id || Math.random(),
-        rootPrefixCls: prefixCls,
-        onClick: this.handleChange.bind(this),
-        page: page,
-        pageLink: !!pageLink,
-        itemRender: itemRender || props.itemRender
-      }, props), children);
-    }
-  }, {
-    key: "renderNormal",
-    value: function renderNormal() {
-      // 标准分页
-      var _this$props7 = this.props,
-          prefixCls = _this$props7.prefixCls,
-          showTotal = _this$props7.showTotal,
-          total = _this$props7.total,
-          i18nTotal = _this$props7.localeDatas.pagination.total;
-      return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, showTotal && /*#__PURE__*/_react["default"].createElement("div", {
-        className: "".concat(prefixCls, "__total ").concat(prefixCls, "__text")
-      }, i18nTotal[0], /*#__PURE__*/_react["default"].createElement("span", {
-        className: "".concat(prefixCls, "__span")
-      }, total), i18nTotal[1]), this.renderPageSizes(), this.renderPagers(), this.renderJumper());
-    }
-  }, {
-    key: "renderSimple",
-    value: function renderSimple() {
-      // 简单分页
-      var _this$props8 = this.props,
-          total = _this$props8.total,
-          prefixCls = _this$props8.prefixCls,
-          i18nSimple = _this$props8.localeDatas.pagination.simple;
-      var maxPage = this.calculatePage(total);
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        className: "".concat(prefixCls, "__text")
-      }, /*#__PURE__*/_react["default"].createElement("span", null, i18nSimple[0]), this.renderJumperInput(), /*#__PURE__*/_react["default"].createElement("span", null, i18nSimple[1]), /*#__PURE__*/_react["default"].createElement("span", {
-        className: "".concat(prefixCls, "__span")
-      }, "/"), i18nSimple[2], /*#__PURE__*/_react["default"].createElement("span", {
-        className: "".concat(prefixCls, "__span")
-      }, maxPage), i18nSimple[3], ",", /*#__PURE__*/_react["default"].createElement("span", {
-        className: "".concat(prefixCls, "__span")
-      }, total, " ", i18nSimple[4]));
-    }
-  }, {
-    key: "renderPn",
-    value: function renderPn() {
-      // 上一页下一页
-      var _this$props9 = this.props,
-          prefixCls = _this$props9.prefixCls,
-          total = _this$props9.total,
-          showJumper = _this$props9.showJumper;
-      var maxPage = this.calculatePage(total);
-      var prevPager = this.renderPrevPager();
-      var nextPager = this.renderNextPager();
-      return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, prevPager, showJumper && /*#__PURE__*/_react["default"].createElement("div", {
-        className: "".concat(prefixCls, "__text")
-      }, this.renderJumperInput(), "/", /*#__PURE__*/_react["default"].createElement("span", {
-        style: {
-          margin: '0 20px 0px 8px'
-        }
-      }, maxPage)), nextPager);
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props10 = this.props,
-          autoHide = _this$props10.autoHide,
-          total = _this$props10.total,
-          type = _this$props10.type,
-          prefixCls = _this$props10.prefixCls,
-          className = _this$props10.className,
-          theme = _this$props10.theme;
-      var maxPage = this.calculatePage(total);
-
-      if (maxPage === 0 || autoHide && maxPage === 1) {
-        return null;
-      }
-
-      var children;
-
-      switch (type) {
-        case 'simple':
-          children = this.renderSimple();
-          break;
-
-        case 'shrink':
-          children = this.renderPn();
-          break;
-
-        default:
-          children = this.renderNormal();
-          break;
-      }
-
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        ref: this.tempRef,
-        className: "".concat(prefixCls, " ").concat(prefixCls, "--").concat(type, " ").concat(className, " theme__").concat(theme)
-      }, children);
-    }
-  }]);
-  return Pagination;
-}(_react.Component);
-
-exports.Pagination = Pagination;
-Pagination.propTypes = {
-  defaultCurrent: _propTypes["default"].number,
-  pageSize: _propTypes["default"].number,
-  max: _propTypes["default"].number,
-  showJumper: _propTypes["default"].bool,
-  autoHide: _propTypes["default"].bool,
-  total: _propTypes["default"].number,
-  onChange: _propTypes["default"].func,
-  itemRender: _propTypes["default"].func,
-  onPageSizeChange: _propTypes["default"].func,
-  onJump: _propTypes["default"].func,
-  pageSizeOptions: _propTypes["default"].array,
-  type: _propTypes["default"].oneOf(['simple', 'default', 'shrink'])
-};
-Pagination.defaultProps = {
-  pageSizeOptions: [],
-  showJumper: false,
-  autoHide: false,
-  type: 'default',
-  defaultCurrent: 1,
-  pageSize: 10,
-  max: 2,
-  total: 0,
-  onChange: noop,
-  className: '',
-  prefixCls: 'hi-pagination'
-};
-
-var _default = (0, _context["default"])(Pagination);
-
-exports["default"] = _default;