@nutui/nutui-react 1.5.1 → 2.0.0-alpha.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.
- package/CHANGELOG.md +1 -35
- package/dist/esm/ActionSheet.js +62 -54
- package/dist/esm/Address/style/index.js +0 -1
- package/dist/esm/Address.js +235 -330
- package/dist/esm/Animate.js +43 -32
- package/dist/esm/AnimatingNumbers.js +88 -49
- package/dist/esm/Audio/style/index.js +0 -1
- package/dist/esm/Audio.js +104 -114
- package/dist/esm/Avatar.js +65 -78
- package/dist/esm/AvatarContext.js +5 -0
- package/dist/esm/AvatarGroup.js +46 -27
- package/dist/esm/BackTop/style/index.js +1 -1
- package/dist/esm/BackTop.js +74 -76
- package/dist/esm/Badge.js +57 -54
- package/dist/esm/Barrage.js +45 -32
- package/dist/esm/Button/style/index.js +1 -1
- package/dist/esm/Button.js +66 -87
- package/dist/esm/Calendar.js +80 -79
- package/dist/esm/CalendarItem.js +199 -231
- package/dist/esm/Card.js +44 -37
- package/dist/esm/Cascader.js +430 -433
- package/dist/esm/Cell/style/index.js +1 -1
- package/dist/esm/Cell.js +57 -87
- package/dist/esm/CellGroup.js +7 -5
- package/dist/esm/Checkbox/style/index.js +0 -1
- package/dist/esm/Checkbox.js +11 -8
- package/dist/esm/CheckboxGroup.js +78 -71
- package/dist/esm/CircleProgress.js +50 -40
- package/dist/esm/Col.js +46 -41
- package/dist/esm/Collapse.js +44 -44
- package/dist/esm/CollapseItem/style/index.js +1 -1
- package/dist/esm/CollapseItem.js +64 -104
- package/dist/esm/ConfigProvider.js +400 -101
- package/dist/esm/CountDown.js +90 -95
- package/dist/esm/DatePicker.js +104 -123
- package/dist/esm/Dialog.js +98 -104
- package/dist/esm/Divider.js +36 -27
- package/dist/esm/Drag.js +55 -59
- package/dist/esm/Elevator.js +77 -88
- package/dist/esm/Ellipsis.js +80 -79
- package/dist/esm/Empty.js +50 -44
- package/dist/esm/FixedNav/style/index.js +0 -1
- package/dist/esm/FixedNav.js +57 -65
- package/dist/esm/Form.js +1154 -123
- package/dist/esm/FormItem.js +7 -5
- package/dist/esm/Grid/style/index.js +1 -1
- package/dist/esm/Grid.js +51 -55
- package/dist/esm/GridItem.js +7 -124
- package/dist/esm/Icon.js +83 -5
- package/dist/esm/Image.js +123 -122
- package/dist/esm/ImagePreview.js +75 -93
- package/dist/esm/Indicator.js +41 -36
- package/dist/esm/Infiniteloading/style/index.js +1 -1
- package/dist/esm/Infiniteloading.js +77 -93
- package/dist/esm/Input/style/index.js +1 -1
- package/dist/esm/Input.js +120 -172
- package/dist/esm/InputNumber/style/index.js +1 -1
- package/dist/esm/InputNumber.js +133 -167
- package/dist/esm/Layout.js +27 -6
- package/dist/esm/Menu.js +84 -86
- package/dist/esm/MenuItem/style/index.js +0 -1
- package/dist/esm/MenuItem.js +76 -86
- package/dist/esm/NavBar/style/index.js +1 -1
- package/dist/esm/NavBar.js +59 -63
- package/dist/esm/NoticeBar/style/index.js +1 -1
- package/dist/esm/NoticeBar.js +173 -290
- package/dist/esm/Notify.js +112 -78
- package/dist/esm/NumberKeyboard.js +110 -109
- package/dist/esm/Overlay.js +7 -6
- package/dist/esm/Pagination.js +94 -135
- package/dist/esm/Picker.js +149 -201
- package/dist/esm/Popover/style/index.js +0 -1
- package/dist/esm/Popover.js +121 -116
- package/dist/esm/Popup/style/index.js +0 -1
- package/dist/esm/Popup.js +109 -119
- package/dist/esm/Price.js +51 -39
- package/dist/esm/Progress/style/index.js +1 -1
- package/dist/esm/Progress.js +59 -64
- package/dist/esm/PullToRefresh.js +173 -149
- package/dist/esm/Radio/style/index.js +0 -1
- package/dist/esm/Radio.js +8 -6
- package/dist/esm/RadioGroup.js +64 -84
- package/dist/esm/Range.js +93 -122
- package/dist/esm/Rate/style/index.js +1 -1
- package/dist/esm/Rate.js +77 -95
- package/dist/esm/Row.js +46 -35
- package/dist/esm/SearchBar/style/index.js +1 -1
- package/dist/esm/SearchBar.js +110 -120
- package/dist/esm/ShortPassword/style/index.js +0 -1
- package/dist/esm/ShortPassword.js +120 -116
- package/dist/esm/SideNavBar.js +39 -27
- package/dist/esm/SideNavBarItem.js +31 -14
- package/dist/esm/Signature.js +65 -61
- package/dist/esm/Skeleton.js +48 -40
- package/dist/esm/Step/style/index.js +1 -1
- package/dist/esm/Step.js +49 -49
- package/dist/esm/Steps.js +37 -23
- package/dist/esm/Sticky.js +111 -120
- package/dist/esm/SubSideNavBar.js +50 -38
- package/dist/esm/Swipe.js +75 -63
- package/dist/esm/Swiper.js +171 -206
- package/dist/esm/SwiperItem.js +39 -22
- package/dist/esm/Switch.js +46 -37
- package/dist/esm/TabPane.js +8 -6
- package/dist/esm/Tabbar.js +47 -39
- package/dist/esm/TabbarItem/style/index.js +1 -1
- package/dist/esm/TabbarItem.js +50 -52
- package/dist/esm/Table/style/index.js +1 -1
- package/dist/esm/Table.js +70 -70
- package/dist/esm/Tabs/style/index.js +1 -2
- package/dist/esm/Tabs.js +11 -9
- package/dist/esm/Tag/style/index.js +1 -1
- package/dist/esm/Tag.js +69 -70
- package/dist/esm/TextArea.js +70 -64
- package/dist/esm/TimeDetail.js +47 -38
- package/dist/esm/TimePannel.js +35 -19
- package/dist/esm/TimeSelect.js +60 -68
- package/dist/esm/Toast/style/index.js +1 -1
- package/dist/esm/Toast.js +126 -98
- package/dist/esm/TrendArrow/style/index.js +1 -1
- package/dist/esm/TrendArrow.js +59 -55
- package/dist/esm/Uploader/style/index.js +0 -1
- package/dist/esm/Uploader.js +180 -229
- package/dist/esm/UserContext.js +5 -0
- package/dist/esm/UserContext2.js +5 -0
- package/dist/esm/UserContext3.js +5 -0
- package/dist/esm/Video.js +49 -39
- package/dist/esm/VirtualList.js +111 -146
- package/dist/esm/WaterMark.js +57 -60
- package/dist/esm/bem.js +10 -0
- package/dist/esm/cellgroup2.js +49 -0
- package/dist/esm/checkbox2.js +145 -0
- package/dist/esm/{date-c7aad4c0.js → date.js} +13 -11
- package/dist/esm/{formitem-8a73a5fb.js → formitem2.js} +83 -50
- package/dist/esm/get-scroll-parent.js +26 -0
- package/dist/esm/griditem2.js +96 -0
- package/dist/esm/index.js +14 -0
- package/dist/esm/nutui-react.es.js +188 -94
- package/dist/esm/offsetContext.js +19 -0
- package/dist/esm/overlay2.js +98 -0
- package/dist/esm/px-check.js +6 -0
- package/dist/esm/radio2.js +129 -0
- package/dist/esm/render.js +95 -0
- package/dist/esm/tabpane2.js +44 -0
- package/dist/esm/tabs2.js +175 -0
- package/dist/esm/typings.js +7 -0
- package/dist/esm/use-client-rect.js +32 -0
- package/dist/esm/use-props-value.js +18 -0
- package/dist/esm/use-touch.js +74 -0
- package/dist/locales/base.d.ts +2 -2
- package/dist/locales/base.js +1 -1
- package/dist/locales/en-US.js +3 -3
- package/dist/locales/id-ID.js +3 -3
- package/dist/locales/zh-CN.js +3 -3
- package/dist/locales/zh-TW.js +3 -3
- package/dist/locales/zh-UG.js +3 -3
- package/dist/nutui.react.mjs +8327 -4829
- package/dist/nutui.react.umd.js +8328 -4830
- package/dist/packages/actionsheet/actionsheet.scss +10 -2
- package/dist/packages/backtop/backtop.scss +0 -8
- package/dist/packages/badge/badge.scss +3 -4
- package/dist/packages/button/button.scss +80 -93
- package/dist/packages/cell/cell.scss +18 -90
- package/dist/packages/cellgroup/cellgroup.scss +26 -20
- package/dist/packages/collapseitem/collapseitem.scss +0 -1
- package/dist/packages/dialog/dialog.scss +1 -1
- package/dist/packages/divider/divider.scss +3 -17
- package/dist/packages/grid/grid.scss +1 -0
- package/dist/packages/griditem/griditem.scss +2 -17
- package/dist/packages/icon/icon.scss +0 -132
- package/dist/packages/image/image.scss +0 -12
- package/dist/packages/indicator/indicator.scss +21 -39
- package/dist/packages/infiniteloading/infiniteloading.scss +4 -12
- package/dist/packages/input/input.scss +4 -0
- package/dist/packages/inputnumber/inputnumber.scss +10 -26
- package/dist/packages/menuitem/menuitem.scss +2 -0
- package/dist/packages/navbar/navbar.scss +4 -5
- package/dist/packages/overlay/overlay.scss +0 -19
- package/dist/packages/picker/picker.scss +97 -103
- package/dist/packages/progress/progress.scss +0 -1
- package/dist/packages/radio/radio.scss +8 -0
- package/dist/packages/rate/rate.scss +29 -6
- package/dist/packages/searchbar/searchbar.scss +0 -1
- package/dist/packages/shortpassword/shortpassword.scss +4 -1
- package/dist/packages/step/step.scss +0 -1
- package/dist/packages/sticky/sticky.scss +1 -1
- package/dist/packages/swiper/swiper.scss +8 -0
- package/dist/packages/tabbaritem/tabbaritem.scss +0 -1
- package/dist/packages/table/table.scss +0 -1
- package/dist/packages/tag/tag.scss +9 -2
- package/dist/packages/timedetail/timedetail.scss +9 -3
- package/dist/packages/timeselect/timeselect.scss +1 -1
- package/dist/packages/toast/toast.scss +0 -1
- package/dist/style.css +1 -1
- package/dist/style.mjs +1 -1
- package/dist/styles/font-jmapp/config.json +175 -0
- package/dist/styles/font-jmapp/demo.css +539 -0
- package/dist/styles/font-jmapp/demo_index.html +1821 -0
- package/dist/styles/font-jmapp/iconfont.css +299 -0
- package/dist/styles/font-jmapp/iconfont.eot +0 -0
- package/dist/styles/font-jmapp/iconfont.js +68 -0
- package/dist/styles/font-jmapp/iconfont.json +506 -0
- package/dist/styles/font-jmapp/iconfont.svg +356 -0
- package/dist/styles/font-jmapp/iconfont.ttf +0 -0
- package/dist/styles/font-jmapp/iconfont.woff +0 -0
- package/dist/styles/font-jmapp/iconfont.woff2 +0 -0
- package/dist/styles/theme-default.scss +1 -0
- package/dist/styles/theme-jmapp.scss +41 -0
- package/dist/styles/themes/default.scss +0 -1
- package/dist/styles/variables-jmapp.scss +2601 -0
- package/dist/styles/variables.scss +49 -73
- package/dist/types/index.d.ts +147 -240
- package/package.json +23 -154
- package/dist/esm/AvatarContext-15733596.js +0 -3
- package/dist/esm/Icon/style/index.js +0 -4
- package/dist/esm/UserContext-101ad4a4.js +0 -3
- package/dist/esm/UserContext-2629d479.js +0 -3
- package/dist/esm/UserContext-b33bcf21.js +0 -3
- package/dist/esm/bem-3b438e61.js +0 -8
- package/dist/esm/cellgroup-fcc72767.js +0 -34
- package/dist/esm/checkbox-44e13cd0.js +0 -137
- package/dist/esm/get-scroll-parent-5f85dee8.js +0 -24
- package/dist/esm/grid.context-2ee27d95.js +0 -6
- package/dist/esm/icon-4ef1581c.js +0 -70
- package/dist/esm/index-030b7245.js +0 -11
- package/dist/esm/offsetContext-3ab00d40.js +0 -16
- package/dist/esm/overlay-de6c79d5.js +0 -83
- package/dist/esm/radio-9f141e6b.js +0 -118
- package/dist/esm/render-bbebb760.js +0 -79
- package/dist/esm/tabpane-01075e6c.js +0 -29
- package/dist/esm/tabs-e1b4e4b1.js +0 -181
- package/dist/esm/typings-f27b58f4.js +0 -8
- package/dist/esm/useClientRect-56bb675b.js +0 -39
- package/dist/esm/useTouch-cf73a407.js +0 -99
package/dist/esm/TimeDetail.js
CHANGED
|
@@ -1,13 +1,32 @@
|
|
|
1
1
|
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
2
2
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
3
|
-
function ownKeys(object, enumerableOnly) {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
3
|
+
function ownKeys(object, enumerableOnly) {
|
|
4
|
+
var keys = Object.keys(object);
|
|
5
|
+
if (Object.getOwnPropertySymbols) {
|
|
6
|
+
var symbols = Object.getOwnPropertySymbols(object);
|
|
7
|
+
enumerableOnly && (symbols = symbols.filter(function(sym) {
|
|
8
|
+
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
|
|
9
|
+
})), keys.push.apply(keys, symbols);
|
|
10
|
+
}
|
|
11
|
+
return keys;
|
|
12
|
+
}
|
|
13
|
+
function _objectSpread(target) {
|
|
14
|
+
for (var i = 1; i < arguments.length; i++) {
|
|
15
|
+
var source = null != arguments[i] ? arguments[i] : {};
|
|
16
|
+
i % 2 ? ownKeys(Object(source), true).forEach(function(key) {
|
|
17
|
+
_defineProperty(target, key, source[key]);
|
|
18
|
+
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function(key) {
|
|
19
|
+
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
20
|
+
});
|
|
21
|
+
}
|
|
22
|
+
return target;
|
|
23
|
+
}
|
|
24
|
+
import React__default, { useState, useEffect } from "react";
|
|
25
|
+
import { c as cn } from "./bem.js";
|
|
26
|
+
import { useConfig } from "./ConfigProvider.js";
|
|
27
|
+
import "@bem-react/classname";
|
|
9
28
|
var defaultProps = {
|
|
10
|
-
className:
|
|
29
|
+
className: "",
|
|
11
30
|
currentKey: 0,
|
|
12
31
|
currentTime: [],
|
|
13
32
|
times: [],
|
|
@@ -15,46 +34,34 @@ var defaultProps = {
|
|
|
15
34
|
return null;
|
|
16
35
|
}
|
|
17
36
|
};
|
|
18
|
-
var TimeDetail = function
|
|
37
|
+
var TimeDetail = function TimeDetail2(props) {
|
|
19
38
|
useConfig();
|
|
20
|
-
var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
currentTime = _defaultProps$props.currentTime,
|
|
26
|
-
select = _defaultProps$props.select;
|
|
27
|
-
var b = cn('timedetail');
|
|
28
|
-
var _useState = useState([]),
|
|
29
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
30
|
-
renderData = _useState2[0],
|
|
31
|
-
setRenderData = _useState2[1];
|
|
32
|
-
useEffect(function () {
|
|
33
|
-
var currentData = times.find(function (timesItem) {
|
|
39
|
+
var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), children = _defaultProps$props.children, times = _defaultProps$props.times, className = _defaultProps$props.className, currentKey = _defaultProps$props.currentKey, currentTime = _defaultProps$props.currentTime, select2 = _defaultProps$props.select;
|
|
40
|
+
var b = cn("timedetail");
|
|
41
|
+
var _useState = useState([]), _useState2 = _slicedToArray(_useState, 2), renderData = _useState2[0], setRenderData = _useState2[1];
|
|
42
|
+
useEffect(function() {
|
|
43
|
+
var currentData = times.find(function(timesItem) {
|
|
34
44
|
return String(timesItem.key) === String(currentKey);
|
|
35
45
|
});
|
|
36
|
-
var
|
|
37
|
-
|
|
38
|
-
setRenderData(renderData);
|
|
46
|
+
var renderData2 = currentData ? currentData.list : [];
|
|
47
|
+
setRenderData(renderData2);
|
|
39
48
|
}, [times, currentKey]);
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
select(time);
|
|
49
|
+
var handleTime = function handleTime2(time) {
|
|
50
|
+
select2(time);
|
|
43
51
|
};
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
var
|
|
47
|
-
|
|
48
|
-
return String(item.key) === String(currentKey);
|
|
52
|
+
var getDetailClass = function getDetailClass2(item) {
|
|
53
|
+
var initClass = "nut-timedetail__item";
|
|
54
|
+
var curTimeData = currentTime.find(function(item2) {
|
|
55
|
+
return String(item2.key) === String(currentKey);
|
|
49
56
|
});
|
|
50
57
|
if (curTimeData && curTimeData.list && curTimeData.list.includes(item)) {
|
|
51
|
-
initClass +=
|
|
58
|
+
initClass += " nut-timedetail__item-active";
|
|
52
59
|
}
|
|
53
60
|
return initClass;
|
|
54
61
|
};
|
|
55
62
|
return React__default.createElement("div", {
|
|
56
|
-
className: "".concat(b(), " ").concat(className ||
|
|
57
|
-
}, renderData.map(function
|
|
63
|
+
className: "".concat(b(), " ").concat(className || "")
|
|
64
|
+
}, renderData.map(function(item, index) {
|
|
58
65
|
return React__default.createElement("span", {
|
|
59
66
|
className: getDetailClass(item),
|
|
60
67
|
key: item,
|
|
@@ -65,5 +72,7 @@ var TimeDetail = function TimeDetail(props) {
|
|
|
65
72
|
}));
|
|
66
73
|
};
|
|
67
74
|
TimeDetail.defaultProps = defaultProps;
|
|
68
|
-
TimeDetail.displayName =
|
|
69
|
-
export {
|
|
75
|
+
TimeDetail.displayName = "NutTimeDetail";
|
|
76
|
+
export {
|
|
77
|
+
TimeDetail as default
|
|
78
|
+
};
|
package/dist/esm/TimePannel.js
CHANGED
|
@@ -1,31 +1,47 @@
|
|
|
1
1
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
2
|
-
function ownKeys(object, enumerableOnly) {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
2
|
+
function ownKeys(object, enumerableOnly) {
|
|
3
|
+
var keys = Object.keys(object);
|
|
4
|
+
if (Object.getOwnPropertySymbols) {
|
|
5
|
+
var symbols = Object.getOwnPropertySymbols(object);
|
|
6
|
+
enumerableOnly && (symbols = symbols.filter(function(sym) {
|
|
7
|
+
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
|
|
8
|
+
})), keys.push.apply(keys, symbols);
|
|
9
|
+
}
|
|
10
|
+
return keys;
|
|
11
|
+
}
|
|
12
|
+
function _objectSpread(target) {
|
|
13
|
+
for (var i = 1; i < arguments.length; i++) {
|
|
14
|
+
var source = null != arguments[i] ? arguments[i] : {};
|
|
15
|
+
i % 2 ? ownKeys(Object(source), true).forEach(function(key) {
|
|
16
|
+
_defineProperty(target, key, source[key]);
|
|
17
|
+
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function(key) {
|
|
18
|
+
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
19
|
+
});
|
|
20
|
+
}
|
|
21
|
+
return target;
|
|
22
|
+
}
|
|
23
|
+
import React__default from "react";
|
|
24
|
+
import { c as cn } from "./bem.js";
|
|
25
|
+
import { useConfig } from "./ConfigProvider.js";
|
|
26
|
+
import "@bem-react/classname";
|
|
8
27
|
var defaultProps = {
|
|
9
|
-
className:
|
|
10
|
-
date:
|
|
28
|
+
className: "",
|
|
29
|
+
date: "",
|
|
11
30
|
curKey: 0
|
|
12
31
|
};
|
|
13
|
-
var TimePannel = function
|
|
32
|
+
var TimePannel = function TimePannel2(props) {
|
|
14
33
|
useConfig();
|
|
15
|
-
var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
|
|
16
|
-
|
|
17
|
-
className = _defaultProps$props.className,
|
|
18
|
-
date = _defaultProps$props.date,
|
|
19
|
-
curKey = _defaultProps$props.curKey,
|
|
20
|
-
change = _defaultProps$props.change;
|
|
21
|
-
var b = cn('timepannel');
|
|
34
|
+
var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), children = _defaultProps$props.children, className = _defaultProps$props.className, date = _defaultProps$props.date, curKey = _defaultProps$props.curKey, change = _defaultProps$props.change;
|
|
35
|
+
var b = cn("timepannel");
|
|
22
36
|
return React__default.createElement("div", {
|
|
23
|
-
className: "".concat(b(), " ").concat(className ||
|
|
37
|
+
className: "".concat(b(), " ").concat(className || ""),
|
|
24
38
|
onClick: function onClick() {
|
|
25
39
|
return change(curKey);
|
|
26
40
|
}
|
|
27
41
|
}, date);
|
|
28
42
|
};
|
|
29
43
|
TimePannel.defaultProps = defaultProps;
|
|
30
|
-
TimePannel.displayName =
|
|
31
|
-
export {
|
|
44
|
+
TimePannel.displayName = "NutTimePannel";
|
|
45
|
+
export {
|
|
46
|
+
TimePannel as default
|
|
47
|
+
};
|
package/dist/esm/TimeSelect.js
CHANGED
|
@@ -1,75 +1,68 @@
|
|
|
1
1
|
import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
|
|
2
2
|
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
3
3
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
4
|
-
function ownKeys(object, enumerableOnly) {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
4
|
+
function ownKeys(object, enumerableOnly) {
|
|
5
|
+
var keys = Object.keys(object);
|
|
6
|
+
if (Object.getOwnPropertySymbols) {
|
|
7
|
+
var symbols = Object.getOwnPropertySymbols(object);
|
|
8
|
+
enumerableOnly && (symbols = symbols.filter(function(sym) {
|
|
9
|
+
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
|
|
10
|
+
})), keys.push.apply(keys, symbols);
|
|
11
|
+
}
|
|
12
|
+
return keys;
|
|
13
|
+
}
|
|
14
|
+
function _objectSpread(target) {
|
|
15
|
+
for (var i = 1; i < arguments.length; i++) {
|
|
16
|
+
var source = null != arguments[i] ? arguments[i] : {};
|
|
17
|
+
i % 2 ? ownKeys(Object(source), true).forEach(function(key) {
|
|
18
|
+
_defineProperty(target, key, source[key]);
|
|
19
|
+
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function(key) {
|
|
20
|
+
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
21
|
+
});
|
|
22
|
+
}
|
|
23
|
+
return target;
|
|
24
|
+
}
|
|
25
|
+
import React__default, { useState, useEffect } from "react";
|
|
26
|
+
import Popup from "./Popup.js";
|
|
27
|
+
import TimePannel from "./TimePannel.js";
|
|
28
|
+
import TimeDetail from "./TimeDetail.js";
|
|
29
|
+
import { c as cn } from "./bem.js";
|
|
30
|
+
import { useConfig } from "./ConfigProvider.js";
|
|
31
|
+
import "@bem-react/classname";
|
|
13
32
|
var defaultProps = {
|
|
14
|
-
className:
|
|
33
|
+
className: "",
|
|
15
34
|
style: {},
|
|
16
35
|
visible: false,
|
|
17
|
-
height:
|
|
36
|
+
height: "20%",
|
|
18
37
|
multiple: false,
|
|
19
38
|
currentKey: 0,
|
|
20
39
|
currentTime: [],
|
|
21
|
-
title:
|
|
40
|
+
title: "取件时间",
|
|
22
41
|
dates: [],
|
|
23
42
|
times: []
|
|
24
43
|
};
|
|
25
|
-
var TimeSelect = function
|
|
44
|
+
var TimeSelect = function TimeSelect2(props) {
|
|
26
45
|
useConfig();
|
|
27
|
-
var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
|
|
28
|
-
|
|
29
|
-
className = _defaultProps$props.className,
|
|
30
|
-
height = _defaultProps$props.height,
|
|
31
|
-
title = _defaultProps$props.title,
|
|
32
|
-
currentKey = _defaultProps$props.currentKey,
|
|
33
|
-
currentTime = _defaultProps$props.currentTime,
|
|
34
|
-
dates = _defaultProps$props.dates,
|
|
35
|
-
times = _defaultProps$props.times,
|
|
36
|
-
multiple = _defaultProps$props.multiple,
|
|
37
|
-
select = _defaultProps$props.select,
|
|
38
|
-
pannelChange = _defaultProps$props.pannelChange,
|
|
39
|
-
timeChange = _defaultProps$props.timeChange,
|
|
40
|
-
onSelect = _defaultProps$props.onSelect,
|
|
41
|
-
onPannelChange = _defaultProps$props.onPannelChange,
|
|
42
|
-
onTimeChange = _defaultProps$props.onTimeChange;
|
|
43
|
-
var _useState = useState(currentKey),
|
|
44
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
45
|
-
activeKey = _useState2[0],
|
|
46
|
-
setActiveKey = _useState2[1];
|
|
46
|
+
var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), visible = _defaultProps$props.visible, className = _defaultProps$props.className, height = _defaultProps$props.height, title = _defaultProps$props.title, currentKey = _defaultProps$props.currentKey, currentTime = _defaultProps$props.currentTime, dates = _defaultProps$props.dates, times = _defaultProps$props.times, multiple = _defaultProps$props.multiple, select = _defaultProps$props.select, pannelChange = _defaultProps$props.pannelChange, timeChange = _defaultProps$props.timeChange, onSelect = _defaultProps$props.onSelect, onPannelChange = _defaultProps$props.onPannelChange, onTimeChange = _defaultProps$props.onTimeChange;
|
|
47
|
+
var _useState = useState(currentKey), _useState2 = _slicedToArray(_useState, 2), activeKey = _useState2[0], setActiveKey = _useState2[1];
|
|
47
48
|
var _useState3 = useState(currentTime.length ? currentTime : [{
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
activeTime = _useState4[0],
|
|
53
|
-
setActiveTime = _useState4[1];
|
|
54
|
-
var _useState5 = useState(visible),
|
|
55
|
-
_useState6 = _slicedToArray(_useState5, 2),
|
|
56
|
-
popVisible = _useState6[0],
|
|
57
|
-
setPopVisible = _useState6[1];
|
|
49
|
+
key: currentKey,
|
|
50
|
+
list: []
|
|
51
|
+
}]), _useState4 = _slicedToArray(_useState3, 2), activeTime = _useState4[0], setActiveTime = _useState4[1];
|
|
52
|
+
var _useState5 = useState(visible), _useState6 = _slicedToArray(_useState5, 2), popVisible = _useState6[0], setPopVisible = _useState6[1];
|
|
58
53
|
var popStyle = {
|
|
59
|
-
width:
|
|
60
|
-
height
|
|
54
|
+
width: "100%",
|
|
55
|
+
height
|
|
61
56
|
};
|
|
62
|
-
var b = cn(
|
|
63
|
-
|
|
64
|
-
var closeFun = function closeFun() {
|
|
57
|
+
var b = cn("timeselect");
|
|
58
|
+
var closeFun = function closeFun2() {
|
|
65
59
|
if (onSelect) {
|
|
66
60
|
onSelect(activeTime);
|
|
67
61
|
} else if (select) {
|
|
68
62
|
select(activeTime);
|
|
69
63
|
}
|
|
70
64
|
};
|
|
71
|
-
|
|
72
|
-
var handleSelectTime = function handleSelectTime(time) {
|
|
65
|
+
var handleSelectTime = function handleSelectTime2(time) {
|
|
73
66
|
var curTimeData = {};
|
|
74
67
|
var curIndex = -1;
|
|
75
68
|
for (var i = 0; i < activeTime.length; i++) {
|
|
@@ -79,7 +72,7 @@ var TimeSelect = function TimeSelect(props) {
|
|
|
79
72
|
break;
|
|
80
73
|
}
|
|
81
74
|
}
|
|
82
|
-
var curTimeIndex = curTimeData.list.findIndex(function
|
|
75
|
+
var curTimeIndex = curTimeData.list.findIndex(function(item) {
|
|
83
76
|
return String(item) === String(time);
|
|
84
77
|
});
|
|
85
78
|
if (curTimeIndex === -1) {
|
|
@@ -96,13 +89,12 @@ var TimeSelect = function TimeSelect(props) {
|
|
|
96
89
|
timeChange(time, resultTimeData);
|
|
97
90
|
}
|
|
98
91
|
};
|
|
99
|
-
|
|
100
|
-
var handleChange = function handleChange(pannelKey) {
|
|
92
|
+
var handleChange = function handleChange2(pannelKey) {
|
|
101
93
|
var resultTimeData = _toConsumableArray(activeTime);
|
|
102
94
|
if (String(pannelKey) !== String(activeKey)) {
|
|
103
95
|
setActiveKey === null || setActiveKey === void 0 ? void 0 : setActiveKey(pannelKey);
|
|
104
96
|
if (multiple) {
|
|
105
|
-
var curTimeDataIndex = activeTime.findIndex(function
|
|
97
|
+
var curTimeDataIndex = activeTime.findIndex(function(item) {
|
|
106
98
|
return String(item.key) === String(pannelKey);
|
|
107
99
|
});
|
|
108
100
|
if (curTimeDataIndex === -1) {
|
|
@@ -125,15 +117,13 @@ var TimeSelect = function TimeSelect(props) {
|
|
|
125
117
|
pannelChange(pannelKey, resultTimeData);
|
|
126
118
|
}
|
|
127
119
|
};
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
return 'nut-timepannel-active';
|
|
120
|
+
var getTimePannelClass = function getTimePannelClass2(dataItem) {
|
|
121
|
+
if (String(dataItem["paneKey"]) === String(activeKey)) {
|
|
122
|
+
return "nut-timepannel-active";
|
|
132
123
|
}
|
|
133
|
-
return
|
|
124
|
+
return "";
|
|
134
125
|
};
|
|
135
|
-
|
|
136
|
-
useEffect(function () {
|
|
126
|
+
useEffect(function() {
|
|
137
127
|
setPopVisible(visible);
|
|
138
128
|
}, [visible]);
|
|
139
129
|
return React__default.createElement(React__default.Fragment, null, React__default.createElement(Popup, {
|
|
@@ -146,28 +136,30 @@ var TimeSelect = function TimeSelect(props) {
|
|
|
146
136
|
closeFun();
|
|
147
137
|
}
|
|
148
138
|
}, React__default.createElement("div", {
|
|
149
|
-
className: "".concat(b(), " ").concat(className ||
|
|
139
|
+
className: "".concat(b(), " ").concat(className || "")
|
|
150
140
|
}, React__default.createElement("div", {
|
|
151
141
|
className: "nut-timeselect__title"
|
|
152
142
|
}, title), React__default.createElement("div", {
|
|
153
143
|
className: "nut-timeselect__content"
|
|
154
144
|
}, React__default.createElement("div", {
|
|
155
145
|
className: "nut-timeselect__content-left"
|
|
156
|
-
}, dates.map(function
|
|
146
|
+
}, dates.map(function(dataItem, index) {
|
|
157
147
|
return React__default.createElement(TimePannel, {
|
|
158
148
|
date: dataItem.date,
|
|
159
149
|
className: getTimePannelClass(dataItem),
|
|
160
|
-
key: String(dataItem[
|
|
161
|
-
curKey: String(dataItem[
|
|
150
|
+
key: String(dataItem["paneKey"] || index),
|
|
151
|
+
curKey: String(dataItem["paneKey"] || index),
|
|
162
152
|
change: handleChange
|
|
163
153
|
});
|
|
164
154
|
})), React__default.createElement(TimeDetail, {
|
|
165
|
-
times
|
|
155
|
+
times,
|
|
166
156
|
currentKey: String(activeKey),
|
|
167
157
|
currentTime: activeTime,
|
|
168
158
|
select: handleSelectTime
|
|
169
159
|
})))));
|
|
170
160
|
};
|
|
171
161
|
TimeSelect.defaultProps = defaultProps;
|
|
172
|
-
TimeSelect.displayName =
|
|
173
|
-
export {
|
|
162
|
+
TimeSelect.displayName = "NutTimeSelect";
|
|
163
|
+
export {
|
|
164
|
+
TimeSelect as default
|
|
165
|
+
};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
|
|
1
|
+
|
|
2
2
|
import '../../../packages/toast/toast.scss'
|