@nutui/nutui-react 1.1.5-beta.2 → 1.2.0-beta.0

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.
Files changed (137) hide show
  1. package/dist/esm/Address.js +1 -3
  2. package/dist/esm/AnimatingNumbers.js +1 -2
  3. package/dist/esm/Avatar.js +2 -2
  4. package/dist/esm/AvatarGroup.js +1 -1
  5. package/dist/esm/Calendar.js +1 -1
  6. package/dist/esm/CalendarItem.js +1 -1
  7. package/dist/esm/Cell.js +44 -28
  8. package/dist/esm/CellGroup.js +11 -3
  9. package/dist/esm/CircleProgress.js +1 -1
  10. package/dist/esm/CollapseItem.js +6 -3
  11. package/dist/esm/CountDown.js +2 -2
  12. package/dist/esm/Dialog.js +15 -7
  13. package/dist/esm/Divider.js +6 -4
  14. package/dist/esm/Elevator.js +1 -1
  15. package/dist/esm/Empty.js +6 -0
  16. package/dist/esm/Indicator/style/index.js +2 -0
  17. package/dist/esm/Indicator.js +63 -0
  18. package/dist/esm/NoticeBar.js +2 -2
  19. package/dist/esm/Pagination.js +11 -11
  20. package/dist/esm/Rate.js +4 -1
  21. package/dist/esm/TextArea.js +9 -21
  22. package/dist/esm/TimeSelect/style/index.js +2 -0
  23. package/dist/esm/TimeSelect.js +182 -0
  24. package/dist/esm/VirtualList/style/index.js +2 -0
  25. package/dist/esm/VirtualList.js +344 -0
  26. package/dist/esm/{date-b4847376.js → date-710f8c7c.js} +0 -0
  27. package/dist/esm/nutui-react.es.js +4 -1
  28. package/dist/locales/base.js +1 -1
  29. package/dist/locales/en-US.js +1 -1
  30. package/dist/locales/id-ID.d.ts +3 -0
  31. package/dist/locales/id-ID.js +96 -0
  32. package/dist/locales/zh-CN.js +1 -1
  33. package/dist/locales/zh-TW.js +1 -1
  34. package/dist/nutui.react.es.js +1742 -1240
  35. package/dist/nutui.react.umd.js +19 -19
  36. package/dist/packages/cell/cell.scss +29 -15
  37. package/dist/packages/cellgroup/cellgroup.scss +14 -0
  38. package/dist/packages/divider/divider.scss +17 -8
  39. package/dist/packages/indicator/indicator.scss +63 -0
  40. package/dist/packages/timedetail/timedetail.scss +26 -0
  41. package/dist/packages/timepannel/timepannel.scss +7 -0
  42. package/dist/packages/timeselect/timeselect.scss +33 -0
  43. package/dist/packages/virtuallist/virtuallist.scss +51 -0
  44. package/dist/style.css +1 -1
  45. package/dist/style.es.js +1 -1
  46. package/dist/styles/themes/default.scss +6 -1
  47. package/dist/styles/variables.scss +68 -16
  48. package/dist/types/actionsheet/demo.d.ts +3 -0
  49. package/dist/types/address/demo.d.ts +3 -0
  50. package/dist/types/animatingnumbers/demo.d.ts +3 -0
  51. package/dist/types/avatar/demo.d.ts +4 -0
  52. package/dist/types/backtop/demo.d.ts +3 -0
  53. package/dist/types/badge/demo.d.ts +3 -0
  54. package/dist/types/barrage/demo.d.ts +4 -0
  55. package/dist/types/button/demo.d.ts +3 -0
  56. package/dist/types/calendar/demo.d.ts +3 -0
  57. package/dist/types/card/demo.d.ts +3 -0
  58. package/dist/types/cell/cell.d.ts +10 -6
  59. package/dist/types/cell/demo.d.ts +3 -0
  60. package/dist/types/cellgroup/cellgroup.d.ts +5 -2
  61. package/dist/types/checkbox/demo.d.ts +3 -0
  62. package/dist/types/circleprogress/demo.d.ts +4 -0
  63. package/dist/types/collapse/__test__/collapse.spec.d.ts +1 -0
  64. package/dist/types/collapse/demo.d.ts +3 -0
  65. package/dist/types/collapseitem/collapseitem.d.ts +2 -2
  66. package/dist/types/configprovider/demo.d.ts +3 -0
  67. package/dist/types/countdown/demo.d.ts +3 -0
  68. package/dist/types/datepicker/demo.d.ts +3 -0
  69. package/dist/types/dialog/Content.d.ts +2 -1
  70. package/dist/types/dialog/DialogWrap.d.ts +1 -0
  71. package/dist/types/dialog/config.d.ts +7 -6
  72. package/dist/types/dialog/demo.d.ts +3 -0
  73. package/dist/types/divider/demo.d.ts +3 -0
  74. package/dist/types/divider/divider.d.ts +4 -1
  75. package/dist/types/drag/demo.d.ts +3 -0
  76. package/dist/types/elevator/demo.d.ts +3 -0
  77. package/dist/types/empty/__test__/empty.spec.d.ts +1 -0
  78. package/dist/types/empty/demo.d.ts +4 -0
  79. package/dist/types/fixednav/demo.d.ts +3 -0
  80. package/dist/types/icon/demo.d.ts +3 -0
  81. package/dist/types/indicator/__test__/indicator.spec.d.ts +1 -0
  82. package/dist/types/indicator/demo.d.ts +4 -0
  83. package/dist/types/indicator/index.d.ts +2 -0
  84. package/dist/types/indicator/indicator.d.ts +10 -0
  85. package/dist/types/infiniteloading/demo.d.ts +4 -0
  86. package/dist/types/input/demo.d.ts +3 -0
  87. package/dist/types/inputnumber/demo.d.ts +3 -0
  88. package/dist/types/layout/demo.d.ts +4 -0
  89. package/dist/types/navbar/demo.d.ts +3 -0
  90. package/dist/types/noticebar/demo.d.ts +3 -0
  91. package/dist/types/notify/demo.d.ts +3 -0
  92. package/dist/types/nutui.react.d.ts +5 -2
  93. package/dist/types/overlay/demo.d.ts +4 -0
  94. package/dist/types/pagination/__tests__/pagination.spec.d.ts +1 -0
  95. package/dist/types/pagination/demo.d.ts +3 -0
  96. package/dist/types/pagination/pagination.d.ts +2 -2
  97. package/dist/types/picker/demo.d.ts +3 -0
  98. package/dist/types/popover/Trigger.d.ts +1 -1
  99. package/dist/types/popover/demo.d.ts +3 -0
  100. package/dist/types/popup/demo.d.ts +4 -0
  101. package/dist/types/price/demo.d.ts +3 -0
  102. package/dist/types/radio/demo.d.ts +3 -0
  103. package/dist/types/range/demo.d.ts +3 -0
  104. package/dist/types/rate/__test__/rate.spec.d.ts +1 -0
  105. package/dist/types/rate/demo.d.ts +3 -0
  106. package/dist/types/rate/rate.d.ts +1 -0
  107. package/dist/types/shortpassword/demo.d.ts +3 -0
  108. package/dist/types/signature/demo.d.ts +3 -0
  109. package/dist/types/skeleton/demo.d.ts +4 -0
  110. package/dist/types/steps/demo.d.ts +4 -0
  111. package/dist/types/swiper/demo.d.ts +4 -0
  112. package/dist/types/switch/__test__/switch.spec.d.ts +1 -0
  113. package/dist/types/switch/demo.d.ts +3 -0
  114. package/dist/types/tabbar/demo.d.ts +3 -0
  115. package/dist/types/tabs/demo.d.ts +3 -0
  116. package/dist/types/tag/__test__/tag.spec.d.ts +1 -0
  117. package/dist/types/tag/demo.d.ts +3 -0
  118. package/dist/types/textarea/demo.d.ts +3 -0
  119. package/dist/types/textarea/textarea.d.ts +4 -4
  120. package/dist/types/timedetail/demo.d.ts +3 -0
  121. package/dist/types/timedetail/index.d.ts +3 -0
  122. package/dist/types/timedetail/timedetail.d.ts +14 -0
  123. package/dist/types/timepannel/demo.d.ts +3 -0
  124. package/dist/types/timepannel/index.d.ts +2 -0
  125. package/dist/types/timepannel/timepannel.d.ts +9 -0
  126. package/dist/types/timeselect/demo.d.ts +3 -0
  127. package/dist/types/timeselect/index.d.ts +2 -0
  128. package/dist/types/timeselect/timeselect.d.ts +21 -0
  129. package/dist/types/toast/demo.d.ts +3 -0
  130. package/dist/types/uploader/demo.d.ts +3 -0
  131. package/dist/types/virtuallist/__test__/virtuallist.spec.d.ts +1 -0
  132. package/dist/types/virtuallist/demo.d.ts +3 -0
  133. package/dist/types/virtuallist/index.d.ts +2 -0
  134. package/dist/types/virtuallist/type.d.ts +32 -0
  135. package/dist/types/virtuallist/utils.d.ts +16 -0
  136. package/dist/types/virtuallist/virtuallist.d.ts +3 -0
  137. package/package.json +4 -3
@@ -15,7 +15,7 @@ var defaultProps = {
15
15
  limitshow: false,
16
16
  maxlength: '',
17
17
  rows: '',
18
- placeholder: '请输入内容',
18
+ placeholder: '',
19
19
  readonly: false,
20
20
  disabled: false,
21
21
  autosize: false
@@ -37,9 +37,9 @@ var TextArea = function TextArea(props) {
37
37
  disabled = _defaultProps$props.disabled,
38
38
  autosize = _defaultProps$props.autosize,
39
39
  style = _defaultProps$props.style,
40
- change = _defaultProps$props.change,
41
- blur = _defaultProps$props.blur,
42
- focus = _defaultProps$props.focus;
40
+ onChange = _defaultProps$props.onChange,
41
+ onBlur = _defaultProps$props.onBlur,
42
+ onFocus = _defaultProps$props.onFocus;
43
43
 
44
44
  var textareaBem = cn('textarea');
45
45
 
@@ -68,33 +68,21 @@ var TextArea = function TextArea(props) {
68
68
  }
69
69
 
70
70
  SetInputValue(text.value);
71
-
72
- if (change) {
73
- change(text.value, event);
74
- }
71
+ onChange && onChange(text.value, event);
75
72
  };
76
73
 
77
74
  var textFocus = function textFocus(event) {
78
75
  if (disabled) return;
79
76
  if (readonly) return;
80
-
81
- if (focus) {
82
- focus(event);
83
- }
77
+ onFocus && onFocus(event);
84
78
  };
85
79
 
86
80
  var textBlur = function textBlur(event) {
87
81
  if (disabled) return;
88
82
  if (readonly) return;
89
83
  var text = event.target;
90
-
91
- if (change) {
92
- change(text.value, event);
93
- }
94
-
95
- if (blur) {
96
- blur(event);
97
- }
84
+ onChange && onChange(text.value, event);
85
+ onBlur && onBlur(event);
98
86
  };
99
87
 
100
88
  return React__default.createElement("div", {
@@ -119,7 +107,7 @@ var TextArea = function TextArea(props) {
119
107
  },
120
108
  rows: rows,
121
109
  maxLength: maxlength < 0 ? 0 : maxlength,
122
- placeholder: locale.placeholder
110
+ placeholder: placeholder || locale.placeholder
123
111
  }), limitshow ? React__default.createElement("div", {
124
112
  className: textareaBem('limit')
125
113
  }, inputValue.length, "/", maxlength < 0 ? 0 : maxlength) : null);
@@ -0,0 +1,2 @@
1
+
2
+ require('../../../packages/timeselect/timeselect.scss')
@@ -0,0 +1,182 @@
1
+ import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
2
+ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
3
+ import _defineProperty from "@babel/runtime/helpers/defineProperty";
4
+
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; }
6
+
7
+ 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
+ import React__default, { useState, useEffect } from 'react';
10
+ import Popup from './Popup.js';
11
+ import TimePannel from 'undefined.js';
12
+ import TimeDetail from 'undefined.js';
13
+ import { c as cn } from './bem-893ad28d.js';
14
+ import { useConfig } from './ConfigProvider.js';
15
+ import '@bem-react/classname';
16
+ var defaultProps = {
17
+ className: '',
18
+ visible: false,
19
+ height: '20%',
20
+ multiple: false,
21
+ currentKey: 0,
22
+ currentTime: [],
23
+ title: '取件时间',
24
+ dates: [],
25
+ times: []
26
+ };
27
+
28
+ var TimeSelect = function TimeSelect(props) {
29
+ useConfig();
30
+
31
+ var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
32
+ children = _defaultProps$props.children,
33
+ visible = _defaultProps$props.visible,
34
+ className = _defaultProps$props.className,
35
+ height = _defaultProps$props.height,
36
+ title = _defaultProps$props.title,
37
+ currentKey = _defaultProps$props.currentKey,
38
+ currentTime = _defaultProps$props.currentTime,
39
+ dates = _defaultProps$props.dates,
40
+ times = _defaultProps$props.times,
41
+ multiple = _defaultProps$props.multiple,
42
+ select = _defaultProps$props.select,
43
+ pannelChange = _defaultProps$props.pannelChange,
44
+ timeChange = _defaultProps$props.timeChange;
45
+
46
+ var _useState = useState(currentKey),
47
+ _useState2 = _slicedToArray(_useState, 2),
48
+ activeKey = _useState2[0],
49
+ setActiveKey = _useState2[1];
50
+
51
+ var _useState3 = useState(currentTime.length ? currentTime : [{
52
+ key: currentKey,
53
+ list: []
54
+ }]),
55
+ _useState4 = _slicedToArray(_useState3, 2),
56
+ activeTime = _useState4[0],
57
+ setActiveTime = _useState4[1];
58
+
59
+ var _useState5 = useState(visible),
60
+ _useState6 = _slicedToArray(_useState5, 2),
61
+ popVisible = _useState6[0],
62
+ setPopVisible = _useState6[1];
63
+
64
+ var popStyle = {
65
+ width: '100%',
66
+ height: height
67
+ };
68
+ var b = cn('timeselect'); // popup 的关闭回调, 执行 select 函数更改外部 visible
69
+
70
+ var closeFun = function closeFun() {
71
+ select && select(activeTime);
72
+ }; // 选择配送时间回调
73
+
74
+
75
+ var handleSelectTime = function handleSelectTime(time) {
76
+ var curTimeData = {};
77
+ var curIndex = -1;
78
+
79
+ for (var i = 0; i < activeTime.length; i++) {
80
+ if (String(activeTime[i].key) === String(activeKey)) {
81
+ curTimeData = activeTime[i];
82
+ curIndex = i;
83
+ break;
84
+ }
85
+ }
86
+
87
+ var curTimeIndex = curTimeData.list.findIndex(function (item) {
88
+ return String(item) === String(time);
89
+ });
90
+
91
+ if (curTimeIndex === -1) {
92
+ curTimeData.list.push(time);
93
+ } else {
94
+ curTimeData.list.splice(curTimeIndex, 1);
95
+ }
96
+
97
+ var resultTimeData = _toConsumableArray(activeTime);
98
+
99
+ resultTimeData.splice(curIndex, 1, curTimeData);
100
+ setActiveTime(resultTimeData);
101
+ timeChange && timeChange(time, resultTimeData);
102
+ }; // 选择日期的回调
103
+
104
+
105
+ var handleChange = function handleChange(pannelKey) {
106
+ var resultTimeData = _toConsumableArray(activeTime);
107
+
108
+ if (String(pannelKey) !== String(activeKey)) {
109
+ setActiveKey === null || setActiveKey === void 0 ? void 0 : setActiveKey(pannelKey);
110
+
111
+ if (multiple) {
112
+ var curTimeDataIndex = activeTime.findIndex(function (item) {
113
+ return String(item.key) === String(pannelKey);
114
+ });
115
+
116
+ if (curTimeDataIndex === -1) {
117
+ resultTimeData.push({
118
+ key: pannelKey,
119
+ list: []
120
+ });
121
+ setActiveTime(resultTimeData);
122
+ }
123
+ } else {
124
+ setActiveTime([{
125
+ key: pannelKey,
126
+ list: []
127
+ }]);
128
+ }
129
+ }
130
+
131
+ pannelChange && pannelChange(pannelKey, resultTimeData);
132
+ }; // 选中的日期增加 active 类名
133
+
134
+
135
+ var getTimePannelClass = function getTimePannelClass(dataItem) {
136
+ if (String(dataItem['pannel-key']) === String(activeKey)) {
137
+ return 'nut-timepannel-active';
138
+ }
139
+
140
+ return '';
141
+ }; // 根据外部传入 visible 进行组件的显隐展示
142
+
143
+
144
+ useEffect(function () {
145
+ setPopVisible(visible);
146
+ }, [visible]);
147
+ return React__default.createElement(React__default.Fragment, null, React__default.createElement(Popup, {
148
+ closeable: true,
149
+ round: true,
150
+ visible: popVisible,
151
+ position: "bottom",
152
+ style: popStyle,
153
+ onClose: function onClose() {
154
+ closeFun();
155
+ }
156
+ }, React__default.createElement("div", {
157
+ className: "".concat(b(), " ").concat(className || '')
158
+ }, React__default.createElement("div", {
159
+ className: "nut-timeselect__title"
160
+ }, title), React__default.createElement("div", {
161
+ className: "nut-timeselect__content"
162
+ }, React__default.createElement("div", {
163
+ className: "nut-timeselect__content-left"
164
+ }, dates.map(function (dataItem, index) {
165
+ return React__default.createElement(TimePannel, {
166
+ date: dataItem.date,
167
+ className: getTimePannelClass(dataItem),
168
+ key: String(dataItem['pannel-key'] || index),
169
+ curKey: String(dataItem['pannel-key'] || index),
170
+ change: handleChange
171
+ });
172
+ })), React__default.createElement(TimeDetail, {
173
+ times: times,
174
+ currentKey: String(activeKey),
175
+ currentTime: activeTime,
176
+ select: handleSelectTime
177
+ })))));
178
+ };
179
+
180
+ TimeSelect.defaultProps = defaultProps;
181
+ TimeSelect.displayName = 'NutTimeSelect';
182
+ export { TimeSelect as default };
@@ -0,0 +1,2 @@
1
+
2
+ require('../../../packages/virtuallist/virtuallist.scss')
@@ -0,0 +1,344 @@
1
+ import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
+ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
3
+ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
4
+ var _excluded = ["sourceData", "ItemRender", "itemEqualSize", "itemSize", "horizontal", "overscan", "key", "handleScroll", "className", "containerSize"];
5
+
6
+ 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
+ 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
+ import React__default, { useRef, useState, useEffect, useCallback } from 'react';
11
+ import { useConfig } from './ConfigProvider.js'; // 缓存列表初始化信息
12
+
13
+ var initPositinoCache = function initPositinoCache(reaItemSize) {
14
+ var length = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
15
+ var index = 0;
16
+ var positions = Array(length);
17
+
18
+ while (index < length) {
19
+ positions[index] = {
20
+ index: index,
21
+ height: reaItemSize,
22
+ width: reaItemSize,
23
+ top: index * reaItemSize,
24
+ bottom: (index + 1) * reaItemSize,
25
+ left: index * reaItemSize,
26
+ right: (index + 1) * reaItemSize
27
+ };
28
+ index++;
29
+ }
30
+
31
+ return positions;
32
+ }; // 获取列表总高度
33
+
34
+
35
+ var getListTotalSize = function getListTotalSize(positions, horizontal) {
36
+ var index = positions.length - 1;
37
+ var size = 0;
38
+
39
+ if (index < 0) {
40
+ size = 0;
41
+ } else {
42
+ size = horizontal ? positions[index].right : positions[index].bottom;
43
+ }
44
+
45
+ return size;
46
+ }; // 通过二分法找到 scrollOffset 对应的值
47
+
48
+
49
+ var binarySearch = function binarySearch(positionsList) {
50
+ var value = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
51
+ var horizontal = arguments.length > 2 ? arguments[2] : undefined;
52
+ var start = 0;
53
+ var end = positionsList.length - 1;
54
+ var tempIndex = null;
55
+ var key = horizontal ? 'right' : 'bottom';
56
+
57
+ while (start <= end) {
58
+ var midIndex = Math.floor((start + end) / 2);
59
+ var midValue = positionsList[midIndex][key]; // 相等则直接返回(因为是bottom, 因此startIndex应该是下一个节点)
60
+
61
+ if (midValue === value) {
62
+ return midIndex + 1;
63
+ } // 中间值 < 传入值,则说明 value对应的节点 大于 start, start往后移动一位
64
+
65
+
66
+ if (midValue < value) {
67
+ start = midIndex + 1;
68
+ } // 中间值 > 传入值,则说明 value 在 中间值之前,end 节点移动到 mid - 1
69
+ else if (midValue > value) {
70
+ // tempIndex存放最靠近值为value的所有
71
+ if (tempIndex === null || tempIndex > midIndex) {
72
+ tempIndex = midIndex;
73
+ }
74
+
75
+ end = midIndex - 1;
76
+ }
77
+ }
78
+
79
+ tempIndex = tempIndex || 0;
80
+ return tempIndex;
81
+ };
82
+
83
+ var getEndIndex = function getEndIndex(_ref) {
84
+ var sourceData = _ref.sourceData,
85
+ startIndex = _ref.startIndex,
86
+ visibleCount = _ref.visibleCount,
87
+ _ref$itemEqualSize = _ref.itemEqualSize,
88
+ itemEqualSize = _ref$itemEqualSize === void 0 ? true : _ref$itemEqualSize,
89
+ positions = _ref.positions,
90
+ offSetSize = _ref.offSetSize,
91
+ overscan = _ref.overscan,
92
+ _ref$sizeKey = _ref.sizeKey,
93
+ sizeKey = _ref$sizeKey === void 0 ? 'width' : _ref$sizeKey;
94
+ var dataLength = sourceData.length;
95
+ var tempIndex = null;
96
+
97
+ if (itemEqualSize) {
98
+ var endIndex = startIndex + visibleCount;
99
+ tempIndex = dataLength > 0 ? Math.min(dataLength, endIndex) : endIndex;
100
+ } else {
101
+ var sizeNum = 0;
102
+
103
+ for (var i = startIndex; i < dataLength; i++) {
104
+ sizeNum += positions[i][sizeKey] || 0;
105
+
106
+ if (sizeNum > offSetSize) {
107
+ var _endIndex = i + overscan;
108
+
109
+ tempIndex = dataLength > 0 ? Math.min(dataLength, _endIndex) : _endIndex;
110
+ break;
111
+ }
112
+ }
113
+
114
+ if (sizeNum < offSetSize) {
115
+ tempIndex = dataLength;
116
+ }
117
+ }
118
+
119
+ tempIndex = tempIndex || 0;
120
+ return tempIndex;
121
+ }; // 更新Item大小
122
+
123
+
124
+ var updateItemSize = function updateItemSize(positions, items, sizeKey) {
125
+ var newPos = positions.concat();
126
+ Array.from(items).forEach(function (item) {
127
+ var index = Number(item.getAttribute('data-index'));
128
+ var styleVal = item.getAttribute('style');
129
+ if (styleVal && styleVal.includes('none')) return;
130
+ var nowSize = item.getBoundingClientRect()[sizeKey];
131
+ var oldSize = positions[index][sizeKey]; // 存在差值, 更新该节点以后所有的节点
132
+
133
+ var dValue = oldSize - nowSize;
134
+
135
+ if (dValue) {
136
+ if (sizeKey === 'width') {
137
+ newPos[index].right -= dValue;
138
+ newPos[index][sizeKey] = nowSize;
139
+
140
+ for (var k = index + 1; k < positions.length; k++) {
141
+ newPos[k].left = positions[k - 1].right;
142
+ newPos[k].right -= dValue;
143
+ }
144
+ } else if (sizeKey === 'height') {
145
+ newPos[index].bottom -= dValue;
146
+ newPos[index][sizeKey] = nowSize;
147
+
148
+ for (var _k = index + 1; _k < positions.length; _k++) {
149
+ newPos[_k].top = positions[_k - 1].bottom;
150
+ newPos[_k].bottom -= dValue;
151
+ }
152
+ }
153
+ }
154
+ });
155
+ };
156
+
157
+ var defaultProps = {};
158
+
159
+ var VirtualList = function VirtualList(props) {
160
+ var _props$sourceData = props.sourceData,
161
+ sourceData = _props$sourceData === void 0 ? [] : _props$sourceData,
162
+ ItemRender = props.ItemRender,
163
+ _props$itemEqualSize = props.itemEqualSize,
164
+ itemEqualSize = _props$itemEqualSize === void 0 ? true : _props$itemEqualSize,
165
+ _props$itemSize = props.itemSize,
166
+ itemSize = _props$itemSize === void 0 ? 200 : _props$itemSize,
167
+ _props$horizontal = props.horizontal,
168
+ horizontal = _props$horizontal === void 0 ? false : _props$horizontal,
169
+ _props$overscan = props.overscan,
170
+ overscan = _props$overscan === void 0 ? 2 : _props$overscan,
171
+ key = props.key,
172
+ handleScroll = props.handleScroll,
173
+ className = props.className,
174
+ containerSize = props.containerSize,
175
+ rest = _objectWithoutProperties(props, _excluded);
176
+
177
+ var sizeKey = horizontal ? 'width' : 'height';
178
+ var scrollKey = horizontal ? 'scrollLeft' : 'scrollTop';
179
+ var offsetKey = horizontal ? 'left' : 'top';
180
+ useConfig(); // 虚拟列表容器ref
181
+
182
+ var scrollRef = useRef(null); // 虚拟列表显示区域ref
183
+
184
+ var itemsRef = useRef(null);
185
+ var firstItemRef = useRef(null); // 列表位置信息
186
+
187
+ var _useState = useState([{
188
+ index: 0,
189
+ left: 0,
190
+ top: 0,
191
+ bottom: 0,
192
+ width: 0,
193
+ height: 0,
194
+ right: 0
195
+ }]),
196
+ _useState2 = _slicedToArray(_useState, 2),
197
+ positions = _useState2[0],
198
+ setPositions = _useState2[1]; // 列表总大小
199
+
200
+
201
+ var _useState3 = useState(99999999),
202
+ _useState4 = _slicedToArray(_useState3, 2),
203
+ listTotalSize = _useState4[0],
204
+ setListTotalSize = _useState4[1]; // 可视区域条数
205
+
206
+
207
+ var _useState5 = useState(0),
208
+ _useState6 = _slicedToArray(_useState5, 2),
209
+ visibleCount = _useState6[0],
210
+ setVisibleCount = _useState6[1];
211
+
212
+ var _useState7 = useState(containerSize || 0),
213
+ _useState8 = _slicedToArray(_useState7, 2),
214
+ offSetSize = _useState8[0],
215
+ setOffSetSize = _useState8[1];
216
+
217
+ var _useState9 = useState({
218
+ startOffset: 0,
219
+ startIndex: 0,
220
+ overStart: 0,
221
+ endIndex: 10 // 可视区域结束索引
222
+
223
+ }),
224
+ _useState10 = _slicedToArray(_useState9, 2),
225
+ options = _useState10[0],
226
+ setOptions = _useState10[1]; // 列表位置信息
227
+
228
+
229
+ useEffect(function () {
230
+ var pos = initPositinoCache(itemSize, sourceData.length);
231
+ setPositions(pos);
232
+ var totalSize = getListTotalSize(pos, horizontal);
233
+ setListTotalSize(totalSize);
234
+ }, [sourceData, itemSize, horizontal]);
235
+ var getElement = useCallback(function () {
236
+ var _scrollRef$current;
237
+
238
+ return ((_scrollRef$current = scrollRef.current) === null || _scrollRef$current === void 0 ? void 0 : _scrollRef$current.parentElement) || document.body;
239
+ }, []);
240
+ useEffect(function () {
241
+ if (containerSize) return;
242
+ var size = horizontal ? getElement().offsetWidth : getElement().offsetHeight;
243
+ setOffSetSize(size);
244
+ }, [getElement, horizontal, containerSize]);
245
+ useEffect(function () {
246
+ // 初始-计算visibleCount
247
+ if (offSetSize === 0) return;
248
+ var count = Math.ceil(offSetSize / itemSize) + overscan;
249
+ setVisibleCount(count);
250
+ setOptions(function (options) {
251
+ return _objectSpread(_objectSpread({}, options), {}, {
252
+ endIndex: count
253
+ });
254
+ });
255
+ }, [getElement, horizontal, itemSize, overscan, offSetSize]);
256
+ var updateTotalSize = useCallback(function () {
257
+ if (!itemsRef.current) return;
258
+ var items = itemsRef.current.children;
259
+ if (!items.length) return; // 更新缓存
260
+
261
+ updateItemSize(positions, items, sizeKey);
262
+ var totalSize = getListTotalSize(positions, horizontal);
263
+ setListTotalSize(totalSize);
264
+ }, [positions, sizeKey, horizontal]);
265
+ var onScroll = useCallback(function () {
266
+ requestAnimationFrame(function (e) {
267
+ var scrollSize = getElement()[scrollKey];
268
+ var startIndex = binarySearch(positions, scrollSize, horizontal);
269
+ var overStart = startIndex - overscan > -1 ? startIndex - overscan : 0; // const offSetSize = horizontal ? getElement().offsetWidth : getElement().offsetHeight
270
+
271
+ if (!itemEqualSize) {
272
+ updateTotalSize();
273
+ }
274
+
275
+ var endIndex = getEndIndex({
276
+ sourceData: sourceData,
277
+ startIndex: startIndex,
278
+ visibleCount: visibleCount,
279
+ itemEqualSize: itemEqualSize,
280
+ positions: positions,
281
+ offSetSize: offSetSize,
282
+ sizeKey: sizeKey,
283
+ overscan: overscan
284
+ });
285
+ var startOffset = positions[startIndex][offsetKey];
286
+ setOptions({
287
+ startOffset: startOffset,
288
+ startIndex: startIndex,
289
+ overStart: overStart,
290
+ endIndex: endIndex
291
+ }); // 无限下滑
292
+
293
+ if (endIndex > sourceData.length - 1) {
294
+ handleScroll && handleScroll();
295
+ }
296
+ });
297
+ }, [positions, getElement, sourceData, visibleCount, itemEqualSize, updateTotalSize, offsetKey, sizeKey, scrollKey, horizontal, overscan, handleScroll, offSetSize]);
298
+ useEffect(function () {
299
+ var element = getElement();
300
+ element.addEventListener('scroll', onScroll, false);
301
+ return function () {
302
+ element.removeEventListener('scroll', onScroll, false);
303
+ };
304
+ }, [getElement, onScroll]);
305
+ return React__default.createElement("div", _objectSpread(_objectSpread({
306
+ className: className ? "".concat(className, " nut-virtualList-box") : 'nut-virtualList-box'
307
+ }, rest), {}, {
308
+ style: _defineProperty({}, sizeKey, containerSize ? "".concat(offSetSize, "px") : '')
309
+ }), React__default.createElement("div", {
310
+ ref: scrollRef,
311
+ className: horizontal ? 'nut-horizontal-box' : 'nut-vertical-box',
312
+ style: _defineProperty({
313
+ position: 'relative'
314
+ }, sizeKey, "".concat(listTotalSize, "px"))
315
+ }, React__default.createElement("ul", {
316
+ className: horizontal ? 'nut-virtuallist-items nut-horizontal-items' : 'nut-virtuallist-items nut-vertical-items',
317
+ ref: itemsRef,
318
+ style: {
319
+ transform: horizontal ? "translate3d(".concat(options.startOffset, "px,0,0)") : "translate3d(0,".concat(options.startOffset, "px,0)")
320
+ }
321
+ }, sourceData.slice(options.overStart, options.endIndex).map(function (data, index) {
322
+ var startIndex = options.startIndex,
323
+ overStart = options.overStart;
324
+ var dataIndex = overStart + index;
325
+ var styleVal = dataIndex < startIndex ? 'none' : 'block';
326
+ var keyVal = key && data[key] ? data[key] : dataIndex;
327
+ return React__default.createElement("li", {
328
+ ref: dataIndex === 0 ? firstItemRef : null,
329
+ "data-index": "".concat(dataIndex),
330
+ className: dataIndex % 2 === 0 ? 'nut-virtuallist-item even' : 'nut-virtuallist-item odd',
331
+ key: "".concat(keyVal),
332
+ style: {
333
+ display: styleVal
334
+ }
335
+ }, ItemRender ? React__default.createElement(ItemRender, {
336
+ data: data,
337
+ index: "".concat(dataIndex)
338
+ }) : data);
339
+ }))));
340
+ };
341
+
342
+ VirtualList.defaultProps = defaultProps;
343
+ VirtualList.displayName = 'NutVirtualList';
344
+ export { VirtualList as default };
File without changes
@@ -4,6 +4,7 @@ export { default as CellGroup } from './CellGroup.js';
4
4
  export { default as Icon } from './Icon.js';
5
5
  export { default as Overlay } from './Overlay.js';
6
6
  export { default as Popup } from './Popup.js';
7
+ export { default as ConfigProvider } from './ConfigProvider.js';
7
8
  export { default as Layout } from './Layout.js';
8
9
  export { default as Col } from './Col.js';
9
10
  export { default as Row } from './Row.js';
@@ -16,6 +17,7 @@ export { default as Elevator } from './Elevator.js';
16
17
  export { default as Pagination } from './Pagination.js';
17
18
  export { default as Tabs } from './Tabs.js';
18
19
  export { default as TabPane } from './TabPane.js';
20
+ export { default as Indicator } from './Indicator.js';
19
21
  export { default as Range } from './Range.js';
20
22
  export { default as Calendar } from './Calendar.js';
21
23
  export { default as Checkbox } from './Checkbox.js';
@@ -57,8 +59,9 @@ export { default as Collapse } from './Collapse.js';
57
59
  export { default as CollapseItem } from './CollapseItem.js';
58
60
  export { default as AnimatingNumbers } from './AnimatingNumbers.js';
59
61
  export { default as Empty } from './Empty.js';
60
- export { default as ConfigProvider } from './ConfigProvider.js';
62
+ export { default as VirtualList } from './VirtualList.js';
61
63
  export { default as Address } from './Address.js';
62
64
  export { default as Barrage } from './Barrage.js';
63
65
  export { default as Signature } from './Signature.js';
64
66
  export { default as Card } from './Card.js';
67
+ export { default as TimeSelect } from './TimeSelect.js';
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * @nutui/nutui-react v1.1.5-beta.2 Tue Jun 28 2022 09:34:29 GMT+0800 (China Standard Time)
2
+ * @nutui/nutui-react v1.2.0-beta.0 Tue Jul 26 2022 14:44:13 GMT+0800 (China Standard Time)
3
3
  * (c) 2022 @jdf2e.
4
4
  * Released under the MIT License.
5
5
  */
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * @nutui/nutui-react v1.1.5-beta.2 Tue Jun 28 2022 09:34:29 GMT+0800 (China Standard Time)
2
+ * @nutui/nutui-react v1.2.0-beta.0 Tue Jul 26 2022 14:44:13 GMT+0800 (China Standard Time)
3
3
  * (c) 2022 @jdf2e.
4
4
  * Released under the MIT License.
5
5
  */
@@ -0,0 +1,3 @@
1
+ import { BaseLang } from './base';
2
+ declare const idID: BaseLang;
3
+ export default idID;