@nutui/nutui-react 1.2.0-beta.1 → 1.2.0-beta.4
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 +32 -0
- 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
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,35 @@
|
|
|
1
|
+
## v1.2.0
|
|
2
|
+
`2022-07-27`
|
|
3
|
+
|
|
4
|
+
* :bug: fix: html title 文案修改 & button 组件 readme 格式修改 (#126)
|
|
5
|
+
* :zap: feat: 国际化语言支持 (#124)
|
|
6
|
+
* :zap: feat: add empty & review (#130)
|
|
7
|
+
* :bug: fix: 修复 button 组件 demo 中的错误文案 (#134)
|
|
8
|
+
* :zap: feat: cell 单元测试完成 (#132)
|
|
9
|
+
* :bug: fix: 修复 input 组件添加多语言支持后 placeholder 属性设置不生效的问题
|
|
10
|
+
* :bug: fix: fixednav 样式类名优化
|
|
11
|
+
* :bug: fix: 修改Button在服务端不渲染class和style (#133)
|
|
12
|
+
* :bug: fix: 修复自定义地址组件 (#143)
|
|
13
|
+
* :bug: fix: swiper问题修复 (#140)
|
|
14
|
+
* :bug: fix: 修复address组件三级地址切换回来二级地址不同步的问题 (#144)
|
|
15
|
+
* :bug: fix: dialog 组件多语言后props设置出错
|
|
16
|
+
* :zap: feat: 新增collapse组件的单元测试 (#145)
|
|
17
|
+
* :zap: feat: tag + switch 组件测试用例 (#148)
|
|
18
|
+
* :zap: feat: 新增虚拟列表virtuallist (#136)
|
|
19
|
+
* :zap: feat: indicator 组件 (#158)
|
|
20
|
+
* :bug: fix: textarea placeholder 设置不生效
|
|
21
|
+
* :bug: fix: textarea 组件 change、focus、blur 事件改为 onChange、onFocus、onBlur (#163)
|
|
22
|
+
* :zap: feat: popup在线文档接入和国际化支持 (#167)
|
|
23
|
+
* :zap: feat: navbar在线文档接入和国际化支持 (#171)
|
|
24
|
+
* :zap: feat: tabbar在线文档接入和国际化支持 (#169)
|
|
25
|
+
* :bug: fix: empty空状态组件新增国际化文档新增单元测试 (#164)
|
|
26
|
+
* :zap: feat: calendar在线文档接入和国际化支持 (#168)
|
|
27
|
+
* :zap: feat: indicator指示器组件新增国际化文档 (#166)
|
|
28
|
+
* :zap: feat: 弹框增加onClickSelf事件 (#172)
|
|
29
|
+
* :zap: feat: timeselect (#149)
|
|
30
|
+
* :zap: feat: divider组件新增props (#162)
|
|
31
|
+
|
|
32
|
+
|
|
1
33
|
## v1.1.4
|
|
2
34
|
`2022-05-23`
|
|
3
35
|
|
|
@@ -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
|
|
2
|
+
* @nutui/nutui-react v1.2.0 Wed Jul 27 2022 11:25:51 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 };
|