1 | import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
2 | import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
3 | import React, { useCallback, useState } from 'react';
|
4 | import classNames from 'classnames';
|
5 | import { Size } from '../../../es/_util/enum';
|
6 | import { $l } from '../locale-context';
|
7 | import ObserverNumberField from '../number-field/NumberField';
|
8 |
|
9 | var QuickJumper = function QuickJumper(props) {
|
10 | var prefixCls = props.prefixCls,
|
11 | value = props.value,
|
12 | onChange = props.onChange,
|
13 | disabled = props.disabled,
|
14 | gotoButton = props.gotoButton;
|
15 |
|
16 | var _useState = useState(false),
|
17 | _useState2 = _slicedToArray(_useState, 2),
|
18 | focused = _useState2[0],
|
19 | setFocused = _useState2[1];
|
20 |
|
21 | var handleFocus = useCallback(function () {
|
22 | return setFocused(true);
|
23 | }, []);
|
24 | var handleBlur = useCallback(function () {
|
25 | return setFocused(false);
|
26 | }, []);
|
27 | return React.createElement(React.Fragment, null, React.createElement("span", {
|
28 | className: "".concat(prefixCls, "-quick-jumper")
|
29 | }, $l('Pagination', 'jump_to')), React.createElement("span", {
|
30 | className: classNames("".concat(prefixCls, "-quick-jumper-input"), _defineProperty({}, "".concat(prefixCls, "-quick-jumper-input-focused"), focused))
|
31 | }, React.createElement(ObserverNumberField, {
|
32 | value: value,
|
33 | disabled: disabled,
|
34 | min: 1,
|
35 | onChange: onChange,
|
36 | onFocus: handleFocus,
|
37 | onBlur: handleBlur,
|
38 | size: Size.small,
|
39 | isFlat: true,
|
40 | border: false
|
41 | }), $l('Pagination', 'page')), gotoButton);
|
42 | };
|
43 |
|
44 | QuickJumper.displayName = 'QuickJumper';
|
45 | export default QuickJumper;
|
46 |
|