@wener/console
Version:
Base console UI toolkit
40 lines (39 loc) • 1.92 kB
JavaScript
import { PiDotBold } from 'react-icons/pi';
export var PageInfo = function(param) {
var _param_from = param.from, from = _param_from === void 0 ? 0 : _param_from, _param_to = param.to, to = _param_to === void 0 ? 0 : _param_to, _param_total = param.total, total = _param_total === void 0 ? 0 : _param_total, _param_pageSizeOptions = param.pageSizeOptions, pageSizeOptions = _param_pageSizeOptions === void 0 ? [
10,
20,
30,
50,
100,
200,
500,
1000
] : _param_pageSizeOptions, _param_pageSize = param.pageSize, pageSize = _param_pageSize === void 0 ? 30 : _param_pageSize, onPageSizeChange = param.onPageSizeChange;
return /*#__PURE__*/ React.createElement("div", {
className: 'flex items-center text-sm font-thin tabular-nums'
}, from, "-", to, /*#__PURE__*/ React.createElement(PiDotBold, {
className: 'h-4 w-4'
}), /*#__PURE__*/ React.createElement("span", {
className: '总数'
}, total), /*#__PURE__*/ React.createElement(PiDotBold, {
className: 'h-4 w-4'
}), /*#__PURE__*/ React.createElement("div", {
className: "dropdown dropdown-top dropdown-hover"
}, /*#__PURE__*/ React.createElement("div", {
title: '每页数量',
tabIndex: 0,
role: "button",
className: "btn btn-ghost btn-xs px-1 text-sm font-thin opacity-50 hover:opacity-75"
}, pageSize), /*#__PURE__*/ React.createElement("ul", {
tabIndex: 0,
className: "menu dropdown-content rounded-box bg-base-100 z-[1] w-20 p-2 shadow"
}, pageSizeOptions.map(function(v) {
return /*#__PURE__*/ React.createElement("li", {
key: v,
onClick: function() {
onPageSizeChange === null || onPageSizeChange === void 0 ? void 0 : onPageSizeChange(v);
}
}, /*#__PURE__*/ React.createElement("a", null, v));
}))));
};