zent/es/pagination/components/button/PageNumberButton.js

一套前端设计语言和基于React的实现

import { __assign, __extends, __rest } from "tslib";
import { jsx as _jsx } from "react/jsx-runtime";
import { Component } from 'react';
import cx from 'classnames';
import Button from '../../../button';
var PageNumberButton = (function (_super) {
    __extends(PageNumberButton, _super);
    function PageNumberButton() {
        return _super !== null && _super.apply(this, arguments) || this;
    }
    PageNumberButton.prototype.render = function () {
        var _a = this.props, selected = _a.selected, bordered = _a.bordered, rest = __rest(_a, ["selected", "bordered"]);
        var buttonType;
        if (selected) {
            buttonType = 'primary';
        }
        else {
            buttonType = 'default';
        }
        return (_jsx(Button, __assign({}, rest, { type: buttonType, className: cx('zent-pagination-page-number-button', 'zent-pagination-button--layout', {
                'zent-pagination-page-button--no-border': !bordered,
            }) }), void 0));
    };
    PageNumberButton.defaultProps = {
        selected: false,
        bordered: true,
    };
    return PageNumberButton;
}(Component));
export { PageNumberButton };
export default PageNumberButton;