@nutui/nutui-react 1.2.0-beta.1 → 1.2.0-beta.2
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/dist/esm/TimeDetail/style/index.js +2 -0
- package/dist/esm/TimeDetail.js +82 -0
- package/dist/esm/TimePannel/style/index.js +2 -0
- package/dist/esm/TimePannel.js +38 -0
- package/dist/esm/TimeSelect.js +14 -109
- package/dist/esm/nutui-react.es.js +2 -0
- 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 +2 -2
- package/dist/nutui.react.umd.js +8 -8
- package/dist/style.es.js +1 -1
- package/dist/types/nutui.react.d.ts +3 -1
- package/package.json +1 -1
|
@@ -0,0 +1,82 @@
|
|
|
1
|
+
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
2
|
+
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
3
|
+
|
|
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; }
|
|
5
|
+
|
|
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; }
|
|
7
|
+
|
|
8
|
+
import React__default, { useState, useEffect } from 'react';
|
|
9
|
+
import { c as cn } from './bem-893ad28d.js';
|
|
10
|
+
import { useConfig } from './ConfigProvider.js';
|
|
11
|
+
import '@bem-react/classname';
|
|
12
|
+
var defaultProps = {
|
|
13
|
+
className: '',
|
|
14
|
+
currentKey: 0,
|
|
15
|
+
currentTime: [],
|
|
16
|
+
times: [],
|
|
17
|
+
select: function select() {
|
|
18
|
+
return null;
|
|
19
|
+
}
|
|
20
|
+
};
|
|
21
|
+
|
|
22
|
+
var TimeDetail = function TimeDetail(props) {
|
|
23
|
+
useConfig();
|
|
24
|
+
|
|
25
|
+
var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
|
|
26
|
+
children = _defaultProps$props.children,
|
|
27
|
+
times = _defaultProps$props.times,
|
|
28
|
+
className = _defaultProps$props.className,
|
|
29
|
+
currentKey = _defaultProps$props.currentKey,
|
|
30
|
+
currentTime = _defaultProps$props.currentTime,
|
|
31
|
+
select = _defaultProps$props.select;
|
|
32
|
+
|
|
33
|
+
var b = cn('timedetail');
|
|
34
|
+
|
|
35
|
+
var _useState = useState([]),
|
|
36
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
37
|
+
renderData = _useState2[0],
|
|
38
|
+
setRenderData = _useState2[1];
|
|
39
|
+
|
|
40
|
+
useEffect(function () {
|
|
41
|
+
var currentData = times.find(function (timesItem) {
|
|
42
|
+
return String(timesItem.key) === String(currentKey);
|
|
43
|
+
});
|
|
44
|
+
var renderData = currentData ? currentData.list : []; // 根据选中的日期回显当前日期可配送的时间
|
|
45
|
+
|
|
46
|
+
setRenderData(renderData);
|
|
47
|
+
}, [times, currentKey]); // 选中时间的回调
|
|
48
|
+
|
|
49
|
+
var handleTime = function handleTime(time) {
|
|
50
|
+
select(time);
|
|
51
|
+
}; // 选中的配送时间增加 active 类名
|
|
52
|
+
|
|
53
|
+
|
|
54
|
+
var getDetailClass = function getDetailClass(item) {
|
|
55
|
+
var initClass = 'nut-timedetail__item';
|
|
56
|
+
var curTimeData = currentTime.find(function (item) {
|
|
57
|
+
return String(item.key) === String(currentKey);
|
|
58
|
+
});
|
|
59
|
+
|
|
60
|
+
if (curTimeData && curTimeData.list && curTimeData.list.includes(item)) {
|
|
61
|
+
initClass += ' nut-timedetail__item-active';
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
return initClass;
|
|
65
|
+
};
|
|
66
|
+
|
|
67
|
+
return React__default.createElement("div", {
|
|
68
|
+
className: "".concat(b(), " ").concat(className || '')
|
|
69
|
+
}, renderData.map(function (item, index) {
|
|
70
|
+
return React__default.createElement("span", {
|
|
71
|
+
className: getDetailClass(item),
|
|
72
|
+
key: item,
|
|
73
|
+
onClick: function onClick() {
|
|
74
|
+
return handleTime(item);
|
|
75
|
+
}
|
|
76
|
+
}, item);
|
|
77
|
+
}));
|
|
78
|
+
};
|
|
79
|
+
|
|
80
|
+
TimeDetail.defaultProps = defaultProps;
|
|
81
|
+
TimeDetail.displayName = 'NutTimeDetail';
|
|
82
|
+
export { TimeDetail as default };
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
2
|
+
|
|
3
|
+
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; }
|
|
4
|
+
|
|
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; }
|
|
6
|
+
|
|
7
|
+
import React__default from 'react';
|
|
8
|
+
import { c as cn } from './bem-893ad28d.js';
|
|
9
|
+
import { useConfig } from './ConfigProvider.js';
|
|
10
|
+
import '@bem-react/classname';
|
|
11
|
+
var defaultProps = {
|
|
12
|
+
className: '',
|
|
13
|
+
date: '',
|
|
14
|
+
curKey: 0
|
|
15
|
+
};
|
|
16
|
+
|
|
17
|
+
var TimePannel = function TimePannel(props) {
|
|
18
|
+
useConfig();
|
|
19
|
+
|
|
20
|
+
var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
|
|
21
|
+
children = _defaultProps$props.children,
|
|
22
|
+
className = _defaultProps$props.className,
|
|
23
|
+
date = _defaultProps$props.date,
|
|
24
|
+
curKey = _defaultProps$props.curKey,
|
|
25
|
+
change = _defaultProps$props.change;
|
|
26
|
+
|
|
27
|
+
var b = cn('timepannel');
|
|
28
|
+
return React__default.createElement("div", {
|
|
29
|
+
className: "".concat(b(), " ").concat(className || ''),
|
|
30
|
+
onClick: function onClick() {
|
|
31
|
+
return change(curKey);
|
|
32
|
+
}
|
|
33
|
+
}, date);
|
|
34
|
+
};
|
|
35
|
+
|
|
36
|
+
TimePannel.defaultProps = defaultProps;
|
|
37
|
+
TimePannel.displayName = 'NutTimePannel';
|
|
38
|
+
export { TimePannel as default };
|
package/dist/esm/TimeSelect.js
CHANGED
|
@@ -8,106 +8,11 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
|
|
|
8
8
|
|
|
9
9
|
import React__default, { useState, useEffect } from 'react';
|
|
10
10
|
import Popup from './Popup.js';
|
|
11
|
+
import TimePannel from './TimePannel.js';
|
|
12
|
+
import TimeDetail from './TimeDetail.js';
|
|
11
13
|
import { c as cn } from './bem-893ad28d.js';
|
|
12
14
|
import { useConfig } from './ConfigProvider.js';
|
|
13
15
|
import '@bem-react/classname';
|
|
14
|
-
var defaultProps$2 = {
|
|
15
|
-
className: '',
|
|
16
|
-
date: '',
|
|
17
|
-
curKey: 0
|
|
18
|
-
};
|
|
19
|
-
|
|
20
|
-
var TimePannel = function TimePannel(props) {
|
|
21
|
-
useConfig();
|
|
22
|
-
|
|
23
|
-
var _defaultProps$2$props = _objectSpread(_objectSpread({}, defaultProps$2), props),
|
|
24
|
-
children = _defaultProps$2$props.children,
|
|
25
|
-
className = _defaultProps$2$props.className,
|
|
26
|
-
date = _defaultProps$2$props.date,
|
|
27
|
-
curKey = _defaultProps$2$props.curKey,
|
|
28
|
-
change = _defaultProps$2$props.change;
|
|
29
|
-
|
|
30
|
-
var b = cn('timepannel');
|
|
31
|
-
return React__default.createElement("div", {
|
|
32
|
-
className: "".concat(b(), " ").concat(className || ''),
|
|
33
|
-
onClick: function onClick() {
|
|
34
|
-
return change(curKey);
|
|
35
|
-
}
|
|
36
|
-
}, date);
|
|
37
|
-
};
|
|
38
|
-
|
|
39
|
-
TimePannel.defaultProps = defaultProps$2;
|
|
40
|
-
TimePannel.displayName = 'NutTimePannel';
|
|
41
|
-
var defaultProps$1 = {
|
|
42
|
-
className: '',
|
|
43
|
-
currentKey: 0,
|
|
44
|
-
currentTime: [],
|
|
45
|
-
times: [],
|
|
46
|
-
select: function select() {
|
|
47
|
-
return null;
|
|
48
|
-
}
|
|
49
|
-
};
|
|
50
|
-
|
|
51
|
-
var TimeDetail = function TimeDetail(props) {
|
|
52
|
-
useConfig();
|
|
53
|
-
|
|
54
|
-
var _defaultProps$1$props = _objectSpread(_objectSpread({}, defaultProps$1), props),
|
|
55
|
-
children = _defaultProps$1$props.children,
|
|
56
|
-
times = _defaultProps$1$props.times,
|
|
57
|
-
className = _defaultProps$1$props.className,
|
|
58
|
-
currentKey = _defaultProps$1$props.currentKey,
|
|
59
|
-
currentTime = _defaultProps$1$props.currentTime,
|
|
60
|
-
select = _defaultProps$1$props.select;
|
|
61
|
-
|
|
62
|
-
var b = cn('timedetail');
|
|
63
|
-
|
|
64
|
-
var _useState = useState([]),
|
|
65
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
66
|
-
renderData = _useState2[0],
|
|
67
|
-
setRenderData = _useState2[1];
|
|
68
|
-
|
|
69
|
-
useEffect(function () {
|
|
70
|
-
var currentData = times.find(function (timesItem) {
|
|
71
|
-
return String(timesItem.key) === String(currentKey);
|
|
72
|
-
});
|
|
73
|
-
var renderData = currentData ? currentData.list : []; // 根据选中的日期回显当前日期可配送的时间
|
|
74
|
-
|
|
75
|
-
setRenderData(renderData);
|
|
76
|
-
}, [times, currentKey]); // 选中时间的回调
|
|
77
|
-
|
|
78
|
-
var handleTime = function handleTime(time) {
|
|
79
|
-
select(time);
|
|
80
|
-
}; // 选中的配送时间增加 active 类名
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
var getDetailClass = function getDetailClass(item) {
|
|
84
|
-
var initClass = 'nut-timedetail__item';
|
|
85
|
-
var curTimeData = currentTime.find(function (item) {
|
|
86
|
-
return String(item.key) === String(currentKey);
|
|
87
|
-
});
|
|
88
|
-
|
|
89
|
-
if (curTimeData && curTimeData.list && curTimeData.list.includes(item)) {
|
|
90
|
-
initClass += ' nut-timedetail__item-active';
|
|
91
|
-
}
|
|
92
|
-
|
|
93
|
-
return initClass;
|
|
94
|
-
};
|
|
95
|
-
|
|
96
|
-
return React__default.createElement("div", {
|
|
97
|
-
className: "".concat(b(), " ").concat(className || '')
|
|
98
|
-
}, renderData.map(function (item, index) {
|
|
99
|
-
return React__default.createElement("span", {
|
|
100
|
-
className: getDetailClass(item),
|
|
101
|
-
key: item,
|
|
102
|
-
onClick: function onClick() {
|
|
103
|
-
return handleTime(item);
|
|
104
|
-
}
|
|
105
|
-
}, item);
|
|
106
|
-
}));
|
|
107
|
-
};
|
|
108
|
-
|
|
109
|
-
TimeDetail.defaultProps = defaultProps$1;
|
|
110
|
-
TimeDetail.displayName = 'NutTimeDetail';
|
|
111
16
|
var defaultProps = {
|
|
112
17
|
className: '',
|
|
113
18
|
visible: false,
|
|
@@ -138,23 +43,23 @@ var TimeSelect = function TimeSelect(props) {
|
|
|
138
43
|
pannelChange = _defaultProps$props.pannelChange,
|
|
139
44
|
timeChange = _defaultProps$props.timeChange;
|
|
140
45
|
|
|
141
|
-
var
|
|
142
|
-
|
|
143
|
-
activeKey =
|
|
144
|
-
setActiveKey =
|
|
46
|
+
var _useState = useState(currentKey),
|
|
47
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
48
|
+
activeKey = _useState2[0],
|
|
49
|
+
setActiveKey = _useState2[1];
|
|
145
50
|
|
|
146
|
-
var
|
|
51
|
+
var _useState3 = useState(currentTime.length ? currentTime : [{
|
|
147
52
|
key: currentKey,
|
|
148
53
|
list: []
|
|
149
54
|
}]),
|
|
150
|
-
|
|
151
|
-
activeTime =
|
|
152
|
-
setActiveTime =
|
|
55
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
56
|
+
activeTime = _useState4[0],
|
|
57
|
+
setActiveTime = _useState4[1];
|
|
153
58
|
|
|
154
|
-
var
|
|
155
|
-
|
|
156
|
-
popVisible =
|
|
157
|
-
setPopVisible =
|
|
59
|
+
var _useState5 = useState(visible),
|
|
60
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
61
|
+
popVisible = _useState6[0],
|
|
62
|
+
setPopVisible = _useState6[1];
|
|
158
63
|
|
|
159
64
|
var popStyle = {
|
|
160
65
|
width: '100%',
|
|
@@ -64,4 +64,6 @@ export { default as Address } from './Address.js';
|
|
|
64
64
|
export { default as Barrage } from './Barrage.js';
|
|
65
65
|
export { default as Signature } from './Signature.js';
|
|
66
66
|
export { default as Card } from './Card.js';
|
|
67
|
+
export { default as TimePannel } from './TimePannel.js';
|
|
68
|
+
export { default as TimeDetail } from './TimeDetail.js';
|
|
67
69
|
export { default as TimeSelect } from './TimeSelect.js';
|
package/dist/locales/base.js
CHANGED
package/dist/locales/en-US.js
CHANGED
package/dist/locales/id-ID.js
CHANGED
package/dist/locales/zh-CN.js
CHANGED
package/dist/locales/zh-TW.js
CHANGED
package/dist/nutui.react.es.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* @nutui/nutui-react v1.2.0-beta.
|
|
2
|
+
* @nutui/nutui-react v1.2.0-beta.2 Tue Jul 26 2022 15:12:30 GMT+0800 (China Standard Time)
|
|
3
3
|
* (c) 2022 @jdf2e.
|
|
4
4
|
* Released under the MIT License.
|
|
5
5
|
*/
|
|
@@ -14859,4 +14859,4 @@ const TimeSelect = (props) => {
|
|
|
14859
14859
|
};
|
|
14860
14860
|
TimeSelect.defaultProps = defaultProps;
|
|
14861
14861
|
TimeSelect.displayName = "NutTimeSelect";
|
|
14862
|
-
export { ActionSheet, Address, AnimatingNumbers, Avatar, AvatarGroup, BackTop, Badge, Barrage, Button, Calendar, CalendarItem, Card, Cell, CellGroup, Checkbox, CheckboxGroup, CircleProgress, Col, Collapse, CollapseItem, ConfigProvider, CountDown, DatePicker, Dialog, Divider, Drag, Elevator, Empty, FixedNav, Icon, Indicator, Infiniteloading, Input, InputNumber, Layout, NavBar, NoticeBar, Notify, Overlay, Pagination, Picker, Popover, Popup, Price, Radio, RadioGroup, Range, Rate, Row, ShortPassword, Signature, Skeleton, Step, Steps, Swiper, SwiperItem, Switch, TabPane, Tabbar, TabbarItem, Tabs, Tag, TextArea, TimeSelect, Toast, Uploader, VirtualList };
|
|
14862
|
+
export { ActionSheet, Address, AnimatingNumbers, Avatar, AvatarGroup, BackTop, Badge, Barrage, Button, Calendar, CalendarItem, Card, Cell, CellGroup, Checkbox, CheckboxGroup, CircleProgress, Col, Collapse, CollapseItem, ConfigProvider, CountDown, DatePicker, Dialog, Divider, Drag, Elevator, Empty, FixedNav, Icon, Indicator, Infiniteloading, Input, InputNumber, Layout, NavBar, NoticeBar, Notify, Overlay, Pagination, Picker, Popover, Popup, Price, Radio, RadioGroup, Range, Rate, Row, ShortPassword, Signature, Skeleton, Step, Steps, Swiper, SwiperItem, Switch, TabPane, Tabbar, TabbarItem, Tabs, Tag, TextArea, TimeDetail, TimePannel, TimeSelect, Toast, Uploader, VirtualList };
|