@alicloud/console-base-rc-pagination
Version:
26 lines • 1.35 kB
JavaScript
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
import React from 'react';
import Button, { ButtonTheme, ButtonSize } from '@alicloud/console-base-rc-button';
import intl from '../../../intl';
import { useTheme, usePage, usePages, useNoText, useHandlePagePrev, useHandlePageNext } from '../../../model';
export default function ButtonPrevNext(_ref) {
var _ref2;
var prev = _ref.prev;
var theme = useTheme();
var page = usePage();
var pages = usePages();
var noText = useNoText();
var handlePagePrev = useHandlePagePrev();
var handlePageNext = useHandlePageNext();
var simplest = theme === 'simplest';
var buttonTheme = simplest ? ButtonTheme.TEXT_TERTIARY : ButtonTheme.TERTIARY;
var buttonSize = simplest ? ButtonSize.NONE : ButtonSize.S;
var title = intl(prev ? 'page:prev' : 'page:next');
return /*#__PURE__*/React.createElement(Button, (_ref2 = {
spm: prev ? 'prev' : 'next',
theme: buttonTheme,
size: buttonSize,
label: noText || simplest ? undefined : title,
title: title
}, _defineProperty(_ref2, prev ? 'iconLeft' : 'iconRight', prev ? 'angle-left' : 'angle-right'), _defineProperty(_ref2, "iconSpacing", 'small'), _defineProperty(_ref2, "disabled", prev ? page <= 1 : page >= pages), _defineProperty(_ref2, "onClick", prev ? handlePagePrev : handlePageNext), _ref2));
}