@nutui/nutui-react 1.3.5 → 1.3.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +14 -0
- package/dist/esm/ActionSheet.js +15 -25
- package/dist/esm/Address.js +151 -221
- package/dist/esm/AnimatingNumbers.js +7 -31
- package/dist/esm/Audio.js +31 -66
- package/dist/esm/Avatar.js +25 -51
- package/dist/esm/AvatarGroup.js +2 -9
- package/dist/esm/BackTop.js +29 -55
- package/dist/esm/Badge.js +9 -20
- package/dist/esm/Barrage.js +8 -20
- package/dist/esm/Button.js +22 -37
- package/dist/esm/Calendar.js +23 -37
- package/dist/esm/CalendarItem.js +86 -186
- package/dist/esm/Card.js +14 -20
- package/dist/esm/Cascader.js +77 -197
- package/dist/esm/Cell.js +20 -30
- package/dist/esm/CellGroup.js +6 -12
- package/dist/esm/Checkbox.js +27 -48
- package/dist/esm/CheckboxGroup.js +12 -30
- package/dist/esm/CircleProgress.js +11 -28
- package/dist/esm/Col.js +11 -22
- package/dist/esm/Collapse.js +11 -27
- package/dist/esm/CollapseItem.js +33 -47
- package/dist/esm/ConfigProvider.js +4 -15
- package/dist/esm/CountDown.js +37 -74
- package/dist/esm/DatePicker.js +44 -106
- package/dist/esm/Dialog.js +31 -89
- package/dist/esm/Divider.js +8 -15
- package/dist/esm/Drag.js +30 -45
- package/dist/esm/Elevator.js +37 -74
- package/dist/esm/Empty.js +11 -24
- package/dist/esm/FixedNav.js +18 -29
- package/dist/esm/Grid.js +13 -28
- package/dist/esm/GridItem.js +18 -34
- package/dist/esm/ImagePreview.js +36 -71
- package/dist/esm/Indicator.js +9 -20
- package/dist/esm/Infiniteloading.js +26 -55
- package/dist/esm/Input.js +62 -106
- package/dist/esm/InputNumber.js +25 -52
- package/dist/esm/Layout.js +0 -6
- package/dist/esm/Menu.js +27 -49
- package/dist/esm/MenuItem.js +32 -56
- package/dist/esm/NavBar.js +18 -34
- package/dist/esm/NoticeBar.js +54 -102
- package/dist/esm/Notify.js +9 -38
- package/dist/esm/NumberKeyboard.js +21 -52
- package/dist/esm/Pagination.js +38 -71
- package/dist/esm/Picker.js +91 -178
- package/dist/esm/Popover.js +32 -72
- package/dist/esm/Popup.js +40 -72
- package/dist/esm/Price.js +7 -24
- package/dist/esm/Progress.js +35 -50
- package/dist/esm/PullToRefresh.js +28 -83
- package/dist/esm/Radio.js +24 -47
- package/dist/esm/RadioGroup.js +14 -24
- package/dist/esm/Range.js +44 -116
- package/dist/esm/Rate.js +21 -39
- package/dist/esm/Row.js +7 -16
- package/dist/esm/SearchBar.js +47 -68
- package/dist/esm/ShortPassword.js +29 -56
- package/dist/esm/SideNavBar.js +9 -16
- package/dist/esm/SideNavBarItem.js +4 -11
- package/dist/esm/Signature.js +13 -43
- package/dist/esm/Skeleton.js +13 -23
- package/dist/esm/Step.js +12 -28
- package/dist/esm/Steps.js +6 -14
- package/dist/esm/Sticky.js +24 -52
- package/dist/esm/SubSideNavBar.js +7 -22
- package/dist/esm/Swipe.js +15 -54
- package/dist/esm/Swiper.js +102 -186
- package/dist/esm/SwiperItem.js +2 -12
- package/dist/esm/Switch.js +13 -27
- package/dist/esm/Tabbar.js +13 -25
- package/dist/esm/TabbarItem.js +15 -23
- package/dist/esm/Table.js +19 -39
- package/dist/esm/Tag.js +19 -36
- package/dist/esm/TextArea.js +19 -43
- package/dist/esm/TimeDetail.js +15 -28
- package/dist/esm/TimePannel.js +5 -12
- package/dist/esm/TimeSelect.js +35 -59
- package/dist/esm/Toast.js +16 -49
- package/dist/esm/Uploader.js +57 -152
- package/dist/esm/Video.js +8 -19
- package/dist/esm/VirtualList.js +84 -118
- package/dist/esm/date-710f8c7c.js +9 -33
- package/dist/esm/get-scroll-parent-3dcd3f53.js +1 -9
- package/dist/esm/icon-8dc4de10.js +11 -21
- package/dist/esm/offsetContext-0e3d04b3.js +0 -3
- package/dist/esm/overlay-ed3eb37d.js +12 -23
- package/dist/esm/render-18227751.js +0 -11
- package/dist/esm/tabpane-c957ab14.js +4 -10
- package/dist/esm/tabs-0896a61b.js +28 -56
- package/dist/esm/types/src/packages/elevator/demo.d.ts +1 -0
- package/dist/esm/types/src/packages/searchbar/searchbar.d.ts +2 -0
- package/dist/esm/useClientRect-839d18c5.js +0 -5
- package/dist/esm/useTouch-a2ea68c6.js +27 -47
- package/dist/locales/base.js +1 -1
- package/dist/locales/en-US.js +1 -1
- package/dist/locales/id-ID.js +1 -1
- package/dist/locales/zh-CN.js +1 -1
- package/dist/locales/zh-TW.js +1 -1
- package/dist/nutui.react.es.js +429 -413
- package/dist/nutui.react.umd.js +421 -405
- package/dist/packages/menu/menu.scss +4 -0
- package/dist/packages/menuitem/menuitem.scss +27 -2
- package/dist/packages/searchbar/searchbar.scss +20 -3
- package/dist/style.css +1 -1
- package/dist/style.es.js +1 -1
- package/dist/types/index.d.ts +2 -0
- package/package.json +1 -1
|
@@ -1,11 +1,8 @@
|
|
|
1
1
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
2
2
|
import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
|
|
3
3
|
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
4
|
-
|
|
5
4
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
6
|
-
|
|
7
5
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
8
|
-
|
|
9
6
|
import React__default, { useState, useEffect } from 'react';
|
|
10
7
|
import classNames from 'classnames';
|
|
11
8
|
import { c as cn } from './bem-893ad28d.js';
|
|
@@ -23,53 +20,44 @@ var defaultProps = {
|
|
|
23
20
|
popClass: '',
|
|
24
21
|
onClose: function onClose() {}
|
|
25
22
|
};
|
|
26
|
-
|
|
27
23
|
var NumberKeyboard = function NumberKeyboard(props) {
|
|
28
24
|
var _useConfig = useConfig(),
|
|
29
|
-
|
|
30
|
-
|
|
25
|
+
locale = _useConfig.locale;
|
|
31
26
|
var title = props.title,
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
27
|
+
confirmText = props.confirmText,
|
|
28
|
+
visible = props.visible,
|
|
29
|
+
type = props.type,
|
|
30
|
+
customKey = props.customKey,
|
|
31
|
+
randomKeys = props.randomKeys,
|
|
32
|
+
popClass = props.popClass,
|
|
33
|
+
style = props.style,
|
|
34
|
+
className = props.className,
|
|
35
|
+
onChange = props.onChange,
|
|
36
|
+
onDelete = props.onDelete,
|
|
37
|
+
onClose = props.onClose;
|
|
43
38
|
var b = cn('numberkeyboard');
|
|
44
|
-
|
|
45
39
|
var _useState = useState(visible),
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
40
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
41
|
+
show = _useState2[0],
|
|
42
|
+
setShow = _useState2[1];
|
|
50
43
|
var _useState3 = useState(undefined),
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
44
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
45
|
+
clickKeyIndex = _useState4[0],
|
|
46
|
+
setClickKeyIndex = _useState4[1];
|
|
55
47
|
var _useState5 = useState([]),
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
48
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
49
|
+
keysList = _useState6[0],
|
|
50
|
+
setKeysList = _useState6[1];
|
|
60
51
|
useEffect(function () {
|
|
61
52
|
setShow(visible);
|
|
62
53
|
}, [visible]);
|
|
63
|
-
|
|
64
54
|
var defaultKey = function defaultKey() {
|
|
65
55
|
var leftBottomKey = {
|
|
66
56
|
id: 'lock',
|
|
67
57
|
type: 'lock'
|
|
68
58
|
};
|
|
69
|
-
|
|
70
59
|
if (customKey) {
|
|
71
60
|
var customKeys = Array.isArray(customKey) ? customKey : [customKey];
|
|
72
|
-
|
|
73
61
|
if (customKeys.length > 0) {
|
|
74
62
|
var newCustomKey = customKeys[0];
|
|
75
63
|
leftBottomKey = {
|
|
@@ -78,7 +66,6 @@ var NumberKeyboard = function NumberKeyboard(props) {
|
|
|
78
66
|
};
|
|
79
67
|
}
|
|
80
68
|
}
|
|
81
|
-
|
|
82
69
|
return [].concat(_toConsumableArray(getBasicKeys()), [leftBottomKey, {
|
|
83
70
|
id: 0,
|
|
84
71
|
type: 'number'
|
|
@@ -87,39 +74,31 @@ var NumberKeyboard = function NumberKeyboard(props) {
|
|
|
87
74
|
type: 'delete'
|
|
88
75
|
}]);
|
|
89
76
|
};
|
|
90
|
-
|
|
91
77
|
var getBasicKeys = function getBasicKeys() {
|
|
92
78
|
var keys = [];
|
|
93
|
-
|
|
94
79
|
for (var i = 1; i <= 9; i++) {
|
|
95
80
|
keys.push({
|
|
96
81
|
id: i,
|
|
97
82
|
type: 'number'
|
|
98
83
|
});
|
|
99
84
|
}
|
|
100
|
-
|
|
101
85
|
if (randomKeys) {
|
|
102
86
|
return keys.sort(function () {
|
|
103
87
|
return Math.random() > 0.5 ? 1 : -1;
|
|
104
88
|
});
|
|
105
89
|
}
|
|
106
|
-
|
|
107
90
|
return keys;
|
|
108
91
|
};
|
|
109
|
-
|
|
110
92
|
var genCustomKeys = function genCustomKeys() {
|
|
111
93
|
var keys = getBasicKeys();
|
|
112
94
|
if (!customKey) return [];
|
|
113
95
|
var customKeys = Array.isArray(customKey) ? customKey : [customKey];
|
|
114
|
-
|
|
115
96
|
if (customKeys.length > 2) {
|
|
116
97
|
customKeys = [customKeys[0], customKeys[1]];
|
|
117
98
|
}
|
|
118
|
-
|
|
119
99
|
if (customKeys.length === 2 && props.title && props.type !== 'rightColumn') {
|
|
120
100
|
customKeys = [customKeys[0]];
|
|
121
101
|
}
|
|
122
|
-
|
|
123
102
|
if (customKeys.length === 1) {
|
|
124
103
|
if (props.title && props.type !== 'rightColumn') {
|
|
125
104
|
keys.push({
|
|
@@ -153,10 +132,8 @@ var NumberKeyboard = function NumberKeyboard(props) {
|
|
|
153
132
|
type: 'custom'
|
|
154
133
|
});
|
|
155
134
|
}
|
|
156
|
-
|
|
157
135
|
return keys;
|
|
158
136
|
};
|
|
159
|
-
|
|
160
137
|
useEffect(function () {
|
|
161
138
|
if (props.type === 'rightColumn' || props.title !== '') {
|
|
162
139
|
setKeysList(genCustomKeys());
|
|
@@ -164,33 +141,26 @@ var NumberKeyboard = function NumberKeyboard(props) {
|
|
|
164
141
|
setKeysList(defaultKey());
|
|
165
142
|
}
|
|
166
143
|
}, []);
|
|
167
|
-
|
|
168
144
|
var onTouchstart = function onTouchstart(item, event) {
|
|
169
145
|
event.stopPropagation();
|
|
170
146
|
setClickKeyIndex(item.id);
|
|
171
|
-
|
|
172
147
|
if (item.type === 'number' || item.type === 'custom') {
|
|
173
148
|
onChange && onChange(item.id);
|
|
174
149
|
}
|
|
175
|
-
|
|
176
150
|
if (item.type === 'lock') {
|
|
177
151
|
onClose && onClose();
|
|
178
152
|
}
|
|
179
|
-
|
|
180
153
|
if (item.type === 'delete') {
|
|
181
154
|
onDelete && onDelete();
|
|
182
155
|
}
|
|
183
156
|
};
|
|
184
|
-
|
|
185
157
|
var onTouchMove = function onTouchMove(event) {
|
|
186
158
|
event.stopPropagation();
|
|
187
159
|
};
|
|
188
|
-
|
|
189
160
|
var onTouchEnd = function onTouchEnd(event) {
|
|
190
161
|
event.preventDefault();
|
|
191
162
|
setClickKeyIndex(undefined);
|
|
192
163
|
};
|
|
193
|
-
|
|
194
164
|
return React__default.createElement("div", null, React__default.createElement(Popup, {
|
|
195
165
|
visible: show,
|
|
196
166
|
position: "bottom",
|
|
@@ -271,7 +241,6 @@ var NumberKeyboard = function NumberKeyboard(props) {
|
|
|
271
241
|
})
|
|
272
242
|
}, confirmText || locale.done))) : null))));
|
|
273
243
|
};
|
|
274
|
-
|
|
275
244
|
NumberKeyboard.defaultProps = defaultProps;
|
|
276
245
|
NumberKeyboard.displayName = 'NutNumberKeyboard';
|
|
277
246
|
export { NumberKeyboard as default };
|
package/dist/esm/Pagination.js
CHANGED
|
@@ -2,11 +2,8 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
|
2
2
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
3
3
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
4
4
|
var _excluded = ["modelValue", "mode", "prevText", "nextText", "pageCount", "totalItems", "itemsPerPage", "showPageSize", "onChange", "updatecurrent", "forceEllipses", "pageNodeRender", "defaultValue", "className"];
|
|
5
|
-
|
|
6
5
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
7
|
-
|
|
8
6
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
9
|
-
|
|
10
7
|
import React__default, { useState, useEffect } from 'react';
|
|
11
8
|
import { useConfig } from './ConfigProvider.js';
|
|
12
9
|
import { c as cn } from './bem-893ad28d.js';
|
|
@@ -26,119 +23,96 @@ var defaultProps = {
|
|
|
26
23
|
return item.text;
|
|
27
24
|
}
|
|
28
25
|
};
|
|
29
|
-
|
|
30
26
|
var Pagination = function Pagination(props) {
|
|
31
27
|
var _useConfig = useConfig(),
|
|
32
|
-
|
|
33
|
-
|
|
28
|
+
locale = _useConfig.locale;
|
|
34
29
|
_objectSpread(_objectSpread({}, defaultProps), props);
|
|
35
|
-
|
|
36
30
|
var modelValue = props.modelValue,
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
31
|
+
mode = props.mode,
|
|
32
|
+
prevText = props.prevText,
|
|
33
|
+
nextText = props.nextText,
|
|
34
|
+
pageCount = props.pageCount,
|
|
35
|
+
totalItems = props.totalItems,
|
|
36
|
+
itemsPerPage = props.itemsPerPage,
|
|
37
|
+
showPageSize = props.showPageSize,
|
|
38
|
+
onChange = props.onChange,
|
|
39
|
+
updatecurrent = props.updatecurrent,
|
|
40
|
+
forceEllipses = props.forceEllipses,
|
|
41
|
+
pageNodeRender = props.pageNodeRender,
|
|
42
|
+
defaultValue = props.defaultValue,
|
|
43
|
+
className = props.className,
|
|
44
|
+
rest = _objectWithoutProperties(props, _excluded);
|
|
52
45
|
var _useState = useState(1),
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
46
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
47
|
+
currentPage = _useState2[0],
|
|
48
|
+
setCurrent = _useState2[1];
|
|
57
49
|
var _useState3 = useState([]),
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
50
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
51
|
+
pages = _useState4[0],
|
|
52
|
+
setPages = _useState4[1];
|
|
62
53
|
var _useState5 = useState(Number(pageCount)),
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
54
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
55
|
+
countRef = _useState6[0],
|
|
56
|
+
setCountRef = _useState6[1];
|
|
57
|
+
var paginationBem = cn('pagination');
|
|
58
|
+
// 计算页面的数量
|
|
69
59
|
var computedCountRef = function computedCountRef() {
|
|
70
60
|
var num = Number(pageCount) || Math.ceil(Number(totalItems) / Number(itemsPerPage));
|
|
71
61
|
return Number.isNaN(num) ? 1 : Math.max(1, num);
|
|
72
|
-
};
|
|
73
|
-
|
|
74
|
-
|
|
62
|
+
};
|
|
63
|
+
// 生成pages数组,用来遍历
|
|
75
64
|
var computedPages = function computedPages(_currentPage, _countRef) {
|
|
76
65
|
if (mode === 'simple') return [];
|
|
77
66
|
var items = [];
|
|
78
67
|
var pageCount = _countRef || countRef; // 总的页面数量
|
|
79
|
-
|
|
80
68
|
var pageSize = Number(showPageSize); // 展示的页面个数
|
|
81
|
-
|
|
82
69
|
var _current = _currentPage || Number(currentPage); // 当前页
|
|
83
|
-
|
|
84
|
-
|
|
85
70
|
var startPage = 1;
|
|
86
71
|
var endPage = pageCount;
|
|
87
72
|
var partialShow = pageCount > pageSize;
|
|
88
|
-
|
|
89
73
|
if (partialShow) {
|
|
90
74
|
// 选中的page在展示的page中间
|
|
91
75
|
startPage = Math.max(_current - Math.floor(pageSize / 2), 1);
|
|
92
76
|
endPage = startPage + pageSize - 1;
|
|
93
|
-
|
|
94
77
|
if (endPage > pageCount) {
|
|
95
78
|
endPage = pageCount;
|
|
96
79
|
startPage = endPage - pageSize + 1;
|
|
97
80
|
}
|
|
98
|
-
}
|
|
99
|
-
|
|
100
|
-
|
|
81
|
+
}
|
|
82
|
+
// 遍历生成数组
|
|
101
83
|
for (var i = startPage; i <= endPage; i++) {
|
|
102
84
|
var page = setPage(i, i, _current === i);
|
|
103
85
|
items.push(page);
|
|
104
|
-
}
|
|
105
|
-
|
|
106
|
-
|
|
86
|
+
}
|
|
87
|
+
// 判断是否有折叠
|
|
107
88
|
if (partialShow && pageSize > 0 && forceEllipses) {
|
|
108
89
|
if (startPage > 1) {
|
|
109
90
|
var prevPage = setPage(startPage - 1, '...');
|
|
110
91
|
items.unshift(prevPage);
|
|
111
92
|
}
|
|
112
|
-
|
|
113
93
|
if (endPage < pageCount) {
|
|
114
94
|
var nextPage = setPage(endPage + 1, '...');
|
|
115
95
|
items.push(nextPage);
|
|
116
96
|
}
|
|
117
97
|
}
|
|
118
|
-
|
|
119
98
|
return items;
|
|
120
|
-
};
|
|
121
|
-
|
|
122
|
-
|
|
99
|
+
};
|
|
100
|
+
// 点击选择page
|
|
123
101
|
var selectPage = function selectPage(curPage, isSelect) {
|
|
124
|
-
if (curPage > countRef || curPage < 1) return;
|
|
125
|
-
|
|
102
|
+
if (curPage > countRef || curPage < 1) return;
|
|
103
|
+
// 是否传入modelValue
|
|
126
104
|
if (!('modelValue' in props)) {
|
|
127
105
|
setCurrent(Number(curPage));
|
|
128
|
-
|
|
129
106
|
if (curPage !== currentPage) {
|
|
130
107
|
setPages(computedPages(curPage));
|
|
131
108
|
}
|
|
132
109
|
}
|
|
133
|
-
|
|
134
110
|
if (curPage !== currentPage) {
|
|
135
111
|
updatecurrent && updatecurrent(curPage);
|
|
136
112
|
}
|
|
137
|
-
|
|
138
113
|
if (isSelect) onChange && onChange(curPage);
|
|
139
|
-
};
|
|
140
|
-
|
|
141
|
-
|
|
114
|
+
};
|
|
115
|
+
// set page 对象
|
|
142
116
|
var setPage = function setPage(number, text, active) {
|
|
143
117
|
return {
|
|
144
118
|
number: number,
|
|
@@ -146,29 +120,23 @@ var Pagination = function Pagination(props) {
|
|
|
146
120
|
active: active
|
|
147
121
|
};
|
|
148
122
|
};
|
|
149
|
-
|
|
150
123
|
useEffect(function () {
|
|
151
124
|
// 初始化 判断是否传入值 计算 当前页,总页数,生成子节点
|
|
152
125
|
var currentValue = props.defaultValue || 1;
|
|
153
|
-
|
|
154
126
|
if ('modelValue' in props) {
|
|
155
127
|
currentValue = Number(props.modelValue);
|
|
156
128
|
}
|
|
157
|
-
|
|
158
129
|
var pageCount = computedCountRef();
|
|
159
130
|
setCountRef(pageCount);
|
|
160
131
|
setPages(computedPages(currentValue, pageCount));
|
|
161
132
|
}, []);
|
|
162
|
-
|
|
163
133
|
if ('modelValue' in props) {
|
|
164
134
|
var current = props.modelValue ? Number(props.modelValue) : 1;
|
|
165
|
-
|
|
166
135
|
if (current !== currentPage) {
|
|
167
136
|
setCurrent(current);
|
|
168
137
|
setPages(computedPages(Number(current)));
|
|
169
138
|
}
|
|
170
139
|
}
|
|
171
|
-
|
|
172
140
|
return React__default.createElement("div", _objectSpread({
|
|
173
141
|
className: "".concat(paginationBem(''), " ").concat(className)
|
|
174
142
|
}, rest), React__default.createElement("div", {
|
|
@@ -197,7 +165,6 @@ var Pagination = function Pagination(props) {
|
|
|
197
165
|
}
|
|
198
166
|
}, nextText || locale.pagination.next));
|
|
199
167
|
};
|
|
200
|
-
|
|
201
168
|
Pagination.defaultProps = defaultProps;
|
|
202
169
|
Pagination.displayName = 'NutPagination';
|
|
203
170
|
export { Pagination as default };
|