zent
Version:
一套前端设计语言和基于React的实现
29 lines (28 loc) • 1.27 kB
JavaScript
import { __assign, __extends } from "tslib";
import { jsx as _jsx } from "react/jsx-runtime";
import { I18nReceiver as Receiver } from '../../../i18n';
import { NumberInput } from '../../../number-input';
import BasePageJumper from './BasePageJumper';
var INPUT_WIDTH = 56;
var PageJumper = (function (_super) {
__extends(PageJumper, _super);
function PageJumper() {
return _super !== null && _super.apply(this, arguments) || this;
}
PageJumper.prototype.render = function () {
var value = this.state.value;
var input = (_jsx(NumberInput, { integer: true, value: value, onChange: this.onChange, onPressEnter: this.onConfirm, width: INPUT_WIDTH }, void 0));
return (_jsx(Receiver, __assign({ componentName: "Pagination" }, { children: function (i18n) {
return (_jsx("div", __assign({ className: "zent-pagination-page-jumper", "data-zv": '10.0.17' }, { children: i18n.jumpTo({ input: input }) }), void 0));
} }), void 0));
};
PageJumper.prototype.handleJump = function (pageNumber) {
this.props.onJump(pageNumber);
this.setState({
value: null,
});
};
return PageJumper;
}(BasePageJumper));
export { PageJumper };
export default PageJumper;