oadp-material
Version:
oadp-material
72 lines (70 loc) • 3.04 kB
JavaScript
import _Pagination from "@alifd/next/es/pagination";
import _extends from "@babel/runtime/helpers/extends";
import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
var _excluded = ["type", "size", "shape", "defaultCurrent", "current", "total", "pageShowCount", "pageSize", "pageSizeSelector", "pageSizeList", "pageSizePosition", "onChange", "onPageSizeChange", "style"];
import * as React from 'react';
import "./index.scss";
var OadpEntityPagination = function OadpEntityPagination(_ref) {
var _ref$type = _ref.type,
type = _ref$type === void 0 ? 'normal' : _ref$type,
_ref$size = _ref.size,
size = _ref$size === void 0 ? 'medium' : _ref$size,
_ref$shape = _ref.shape,
shape = _ref$shape === void 0 ? 'normal' : _ref$shape,
_ref$defaultCurrent = _ref.defaultCurrent,
defaultCurrent = _ref$defaultCurrent === void 0 ? 1 : _ref$defaultCurrent,
_ref$current = _ref.current,
current = _ref$current === void 0 ? 1 : _ref$current,
_ref$total = _ref.total,
total = _ref$total === void 0 ? 0 : _ref$total,
_ref$pageShowCount = _ref.pageShowCount,
pageShowCount = _ref$pageShowCount === void 0 ? 5 : _ref$pageShowCount,
_ref$pageSize = _ref.pageSize,
pageSize = _ref$pageSize === void 0 ? 10 : _ref$pageSize,
_ref$pageSizeSelector = _ref.pageSizeSelector,
pageSizeSelector = _ref$pageSizeSelector === void 0 ? false : _ref$pageSizeSelector,
_ref$pageSizeList = _ref.pageSizeList,
pageSizeList = _ref$pageSizeList === void 0 ? [10, 20, 50, 100] : _ref$pageSizeList,
_ref$pageSizePosition = _ref.pageSizePosition,
pageSizePosition = _ref$pageSizePosition === void 0 ? 'end' : _ref$pageSizePosition,
onChange = _ref.onChange,
onPageSizeChange = _ref.onPageSizeChange,
style = _ref.style,
otherProps = _objectWithoutPropertiesLoose(_ref, _excluded);
return /*#__PURE__*/React.createElement(_Pagination, _extends({
type: type,
size: size,
shape: shape,
defaultCurrent: defaultCurrent,
current: current,
total: total,
totalRender: function totalRender(total) {
return "\u5171\u8BA1" + total + "\u6761";
},
pageShowCount: pageShowCount,
pageSize: pageSize,
pageSizeSelector: pageSizeSelector,
pageSizeList: pageSizeList,
pageSizePosition: pageSizePosition,
onChange: onChange,
onPageSizeChange: onPageSizeChange,
style: style
}, otherProps))
// <Pagination
// // ref={this.paginationRef as React.RefObject<HTMLDivElement>}
// shape="arrow-only"
// type="simple"
// current={this.state.pageNum}
// pageSize={this.state.pageSize}
// pageSizeSelector={'dropdown'}
// pageSizeList={[20, 50, 100, 500]}
// pageSizePosition='end'
// total={this.state.total}
// style = {{marginTop: "5px", "marginBottom": "5px", "textAlign": "right"}}
// onChange={this.onPageNumChange}
// onPageSizeChange={this.onPageSizeChange}
// >
// </Pagination>
;
};
export default OadpEntityPagination;