@nutui/nutui-react-taro 1.3.5 → 1.3.6
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 +7 -0
- package/dist/esm/Audio.js +4 -4
- package/dist/esm/Calendar.js +4 -4
- package/dist/esm/CalendarItem.js +3 -3
- package/dist/esm/DatePicker.js +4 -4
- package/dist/esm/Drag.js +3 -4
- package/dist/esm/Elevator.js +2 -4
- package/dist/esm/NoticeBar.js +3 -3
- package/dist/esm/Picker.js +3 -3
- package/dist/esm/Popover.js +3 -3
- package/dist/esm/Range.js +3 -3
- package/dist/esm/SearchBar.js +3 -2
- package/dist/esm/Signature.js +3 -2
- package/dist/esm/Swipe.js +3 -3
- package/dist/esm/actionsheet.taro-360d8d34.js +15 -25
- package/dist/esm/address.taro-f16cef31.js +151 -219
- package/dist/esm/animatingnumbers.taro-6f40a2e9.js +13 -41
- package/dist/esm/{audio.taro-29f5568f.js → audio.taro-57d4f0da.js} +33 -60
- package/dist/esm/avatar.taro-ec620cdd.js +25 -50
- package/dist/esm/avatargroup-5b2584d9.js +2 -9
- package/dist/esm/backtop.taro-aa8b2bc5.js +29 -55
- package/dist/esm/badge.taro-38684262.js +9 -20
- package/dist/esm/barrage.taro-d86c367a.js +8 -21
- package/dist/esm/button.taro-a9ebb937.js +22 -37
- package/dist/esm/{calendar.taro-438940bd.js → calendar.taro-533b3219.js} +13 -24
- package/dist/esm/{calendaritem.taro-11333579.js → calendaritem.taro-fe5dd4bd.js} +71 -183
- package/dist/esm/card.taro-1bc35ebe.js +14 -20
- package/dist/esm/cascader.taro-77100fb4.js +77 -197
- package/dist/esm/cell.taro-a4c3bb7b.js +20 -30
- package/dist/esm/cellgroup.taro-8c87bf08.js +6 -12
- package/dist/esm/checkbox.taro-104557c1.js +27 -48
- package/dist/esm/checkboxgroup.taro-3d380042.js +12 -30
- package/dist/esm/circleprogress.taro-3c89a157.js +14 -41
- package/dist/esm/col.taro-2a437387.js +11 -22
- package/dist/esm/collapse.taro-72e58ba2.js +11 -27
- package/dist/esm/collapseitem-75843a5e.js +33 -47
- package/dist/esm/configprovider-3e87d67a.js +2 -6
- package/dist/esm/configprovider.taro-6c7b3056.js +4 -14
- package/dist/esm/countdown.taro-f2d9ffed.js +37 -74
- package/dist/esm/{datepicker.taro-1acec61f.js → datepicker.taro-49a4cf0c.js} +43 -104
- package/dist/esm/dialog.taro-492e2b9a.js +27 -58
- package/dist/esm/divider.taro-5236fe6a.js +8 -15
- package/dist/esm/drag.taro-0717c783.js +153 -0
- package/dist/esm/{elevator.taro-8e385785.js → elevator.taro-443253ec.js} +99 -124
- package/dist/esm/empty.taro-ab9c4f03.js +11 -24
- package/dist/esm/fixednav.taro-582322a1.js +16 -27
- package/dist/esm/grid.taro-5d75c0ad.js +13 -28
- package/dist/esm/griditem.taro-866cd288.js +18 -34
- package/dist/esm/icon-8dc4de10.js +11 -21
- package/dist/esm/icon.taro-1d0d4fb7.js +11 -21
- package/dist/esm/imagepreview.taro-1199e977.js +36 -71
- package/dist/esm/indicator.taro-183ea169.js +9 -20
- package/dist/esm/infiniteloading.taro-b95e62bf.js +23 -49
- package/dist/esm/input.taro-2453d7c4.js +62 -106
- package/dist/esm/inputnumber.taro-0cf7c1b7.js +25 -52
- package/dist/esm/layout.taro-358f014f.js +0 -6
- package/dist/esm/menu.taro-9345dcfd.js +21 -41
- package/dist/esm/menuitem.taro-fc0961b7.js +29 -54
- package/dist/esm/navbar.taro-c931c078.js +18 -34
- package/dist/esm/{noticebar.taro-1fa04a96.js → noticebar.taro-332691f9.js} +55 -107
- package/dist/esm/notify.taro-d9c48fae.js +18 -34
- package/dist/esm/numberkeyboard.taro-53c350b8.js +21 -52
- package/dist/esm/nutui-react.es.js +16 -16
- package/dist/esm/offsetContext-0e3d04b3.js +0 -3
- package/dist/esm/overlay.taro-be45fed5.js +12 -23
- package/dist/esm/pagination.taro-62bbd23f.js +38 -71
- package/dist/esm/{picker.taro-6a4dad23.js → picker.taro-f003b725.js} +95 -186
- package/dist/esm/{popover.taro-eddd0bd2.js → popover.taro-7e5dff8c.js} +33 -76
- package/dist/esm/popup.taro-33d0bbc8.js +40 -72
- package/dist/esm/price.taro-97393d8f.js +7 -24
- package/dist/esm/progress.taro-623bc807.js +23 -31
- package/dist/esm/pulltorefresh.taro-e66c78ad.js +29 -92
- package/dist/esm/radio.taro-95d43860.js +24 -47
- package/dist/esm/radiogroup.taro-b5dad516.js +14 -24
- package/dist/esm/{range.taro-515d37a4.js → range.taro-fc7c0b6a.js} +50 -133
- package/dist/esm/rate.taro-69c85081.js +21 -39
- package/dist/esm/row.taro-cec13a7e.js +7 -16
- package/dist/esm/{searchbar.taro-f134fb96.js → searchbar.taro-0d3c0081.js} +55 -70
- package/dist/esm/shortpassword.taro-2e96ca22.js +29 -56
- package/dist/esm/sidenavbar.taro-87f056cd.js +9 -16
- package/dist/esm/sidenavbaritem.taro-77e077f4.js +4 -11
- package/dist/esm/signature.taro-59b3b3ab.js +146 -0
- package/dist/esm/skeleton.taro-b9ff84b9.js +13 -23
- package/dist/esm/step.taro-f1057500.js +12 -28
- package/dist/esm/steps.taro-943f4fbb.js +6 -14
- package/dist/esm/sticky.taro-30d4e453.js +0 -7
- package/dist/esm/subsidenavbar.taro-2c1fcf16.js +7 -22
- package/dist/esm/{swipe.taro-dfb9a049.js → swipe.taro-83bc248f.js} +98 -91
- package/dist/esm/swiper.taro-f314d67a.js +110 -196
- package/dist/esm/swiperitem-d00e7513.js +2 -12
- package/dist/esm/switch.taro-be5eb823.js +13 -27
- package/dist/esm/tabbar.taro-da72fa2c.js +13 -25
- package/dist/esm/tabbaritem.taro-94cd62c2.js +15 -23
- package/dist/esm/table.taro-7ac89a6c.js +19 -39
- package/dist/esm/tabpane.taro-95aa185b.js +4 -10
- package/dist/esm/tabs.taro-86186dff.js +28 -54
- package/dist/esm/tag.taro-95d7f5c2.js +19 -36
- package/dist/esm/textarea.taro-388d1f90.js +18 -35
- package/dist/esm/timedetail.taro-519808cf.js +15 -28
- package/dist/esm/timepannel.taro-9904f6e6.js +5 -12
- package/dist/esm/timeselect.taro-73796bfc.js +35 -59
- package/dist/esm/toast.taro-86862dff.js +26 -46
- 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/types/src/packages/searchbar/searchbar.taro.d.ts +2 -0
- package/dist/esm/types/src/packages/signature/signature.taro.d.ts +10 -2
- package/dist/esm/uploader.taro-6184abe7.js +52 -144
- package/dist/esm/{useClientRect-8b7cc406.js → useClientRect-bf69d7b3.js} +1 -40
- package/dist/esm/useTouch-a2ea68c6.js +27 -47
- package/dist/esm/video-c1090c92.js +8 -19
- package/dist/esm/virtuallist.taro-6858f690.js +84 -118
- 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 +10844 -11362
- package/dist/nutui.react.umd.js +10844 -11362
- 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 +17 -8
- package/package.json +1 -1
- package/dist/esm/drag.taro-56e8c87a.js +0 -134
- package/dist/esm/signature.taro-a9286cd1.js +0 -178
|
@@ -1,14 +1,10 @@
|
|
|
1
1
|
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
2
2
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
3
|
-
|
|
4
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; }
|
|
5
|
-
|
|
6
4
|
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
5
|
import React__default, { useState, useEffect } from 'react';
|
|
9
6
|
import { I as Icon } from './icon.taro-1d0d4fb7.js';
|
|
10
7
|
import { C as ComponentDefaults } from './typings-1c5f2628.js';
|
|
11
|
-
|
|
12
8
|
var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
|
|
13
9
|
type: 'default',
|
|
14
10
|
color: '',
|
|
@@ -21,54 +17,45 @@ var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
|
|
|
21
17
|
onClose: function onClose(e) {},
|
|
22
18
|
onClick: function onClick(e) {}
|
|
23
19
|
});
|
|
24
|
-
|
|
25
20
|
var Tag = function Tag(props) {
|
|
26
21
|
var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
22
|
+
color = _defaultProps$props.color,
|
|
23
|
+
plain = _defaultProps$props.plain,
|
|
24
|
+
type = _defaultProps$props.type,
|
|
25
|
+
round = _defaultProps$props.round,
|
|
26
|
+
prefixCls = _defaultProps$props.prefixCls,
|
|
27
|
+
children = _defaultProps$props.children,
|
|
28
|
+
mark = _defaultProps$props.mark,
|
|
29
|
+
closeable = _defaultProps$props.closeable,
|
|
30
|
+
textColor = _defaultProps$props.textColor,
|
|
31
|
+
onClick = _defaultProps$props.onClick,
|
|
32
|
+
onClose = _defaultProps$props.onClose,
|
|
33
|
+
iconClassPrefix = _defaultProps$props.iconClassPrefix,
|
|
34
|
+
iconFontClassName = _defaultProps$props.iconFontClassName;
|
|
41
35
|
var _useState = useState(''),
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
36
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
37
|
+
btnName = _useState2[0],
|
|
38
|
+
setBtnName = _useState2[1];
|
|
46
39
|
var _useState3 = useState(true),
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
40
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
41
|
+
isTagShow = _useState4[0],
|
|
42
|
+
setIsTagShow = _useState4[1];
|
|
51
43
|
useEffect(function () {
|
|
52
44
|
setBtnName(classes());
|
|
53
45
|
}, [type, color, textColor, plain, round, mark, closeable, prefixCls, onClick, onClose]);
|
|
54
|
-
|
|
55
46
|
var classes = function classes() {
|
|
56
47
|
var prefixCls = 'nut-tag';
|
|
57
48
|
return "".concat(prefixCls, "\n ").concat(type ? "".concat(prefixCls, "--").concat(type) : '', "\n ").concat(plain ? "".concat(prefixCls, "--plain") : '', "\n ").concat(round ? "".concat(prefixCls, "--round") : '', "\n ").concat(mark ? "".concat(prefixCls, "--mark") : '', "\n ").concat(closeable ? "".concat(prefixCls, "--close") : '');
|
|
58
49
|
};
|
|
59
|
-
|
|
60
50
|
var handleClick = function handleClick(e) {
|
|
61
51
|
if (props.onClick) {
|
|
62
52
|
props.onClick(e);
|
|
63
53
|
}
|
|
64
54
|
};
|
|
65
|
-
|
|
66
55
|
var getStyle = function getStyle() {
|
|
67
56
|
var style = {};
|
|
68
|
-
|
|
69
57
|
if (textColor) {
|
|
70
58
|
style.color = textColor;
|
|
71
|
-
|
|
72
59
|
if (plain) {
|
|
73
60
|
style.background = '#fff';
|
|
74
61
|
} else if (color) {
|
|
@@ -78,10 +65,8 @@ var Tag = function Tag(props) {
|
|
|
78
65
|
style.color = '#fff';
|
|
79
66
|
style.background = color;
|
|
80
67
|
}
|
|
81
|
-
|
|
82
68
|
return style;
|
|
83
69
|
};
|
|
84
|
-
|
|
85
70
|
return React__default.createElement("div", null, closeable ? isTagShow && React__default.createElement("div", {
|
|
86
71
|
className: "".concat(btnName),
|
|
87
72
|
style: getStyle(),
|
|
@@ -98,7 +83,6 @@ var Tag = function Tag(props) {
|
|
|
98
83
|
size: "12",
|
|
99
84
|
onClick: function onClick(e) {
|
|
100
85
|
setIsTagShow(false);
|
|
101
|
-
|
|
102
86
|
if (props.onClose) {
|
|
103
87
|
props.onClose(e);
|
|
104
88
|
}
|
|
@@ -113,7 +97,6 @@ var Tag = function Tag(props) {
|
|
|
113
97
|
className: "text"
|
|
114
98
|
}, children)));
|
|
115
99
|
};
|
|
116
|
-
|
|
117
100
|
Tag.defaultProps = defaultProps;
|
|
118
101
|
Tag.displayName = 'NutTag';
|
|
119
102
|
export { Tag as T };
|
|
@@ -1,10 +1,7 @@
|
|
|
1
1
|
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
2
2
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
3
|
-
|
|
4
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; }
|
|
5
|
-
|
|
6
4
|
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
5
|
import React__default, { useState, useEffect } from 'react';
|
|
9
6
|
import { u as useConfig } from './configprovider.taro-6c7b3056.js';
|
|
10
7
|
import { c as cn } from './bem-893ad28d.js';
|
|
@@ -19,63 +16,51 @@ var defaultProps = {
|
|
|
19
16
|
disabled: false,
|
|
20
17
|
autosize: false
|
|
21
18
|
};
|
|
22
|
-
|
|
23
19
|
var TextArea = function TextArea(props) {
|
|
24
20
|
var _useConfig = useConfig(),
|
|
25
|
-
|
|
26
|
-
|
|
21
|
+
locale = _useConfig.locale;
|
|
27
22
|
var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
23
|
+
className = _defaultProps$props.className,
|
|
24
|
+
defaultValue = _defaultProps$props.defaultValue,
|
|
25
|
+
textAlign = _defaultProps$props.textAlign,
|
|
26
|
+
limitshow = _defaultProps$props.limitshow,
|
|
27
|
+
maxlength = _defaultProps$props.maxlength,
|
|
28
|
+
rows = _defaultProps$props.rows,
|
|
29
|
+
placeholder = _defaultProps$props.placeholder,
|
|
30
|
+
readonly = _defaultProps$props.readonly,
|
|
31
|
+
disabled = _defaultProps$props.disabled,
|
|
32
|
+
autosize = _defaultProps$props.autosize,
|
|
33
|
+
style = _defaultProps$props.style,
|
|
34
|
+
onChange = _defaultProps$props.onChange,
|
|
35
|
+
onBlur = _defaultProps$props.onBlur,
|
|
36
|
+
onFocus = _defaultProps$props.onFocus;
|
|
43
37
|
var textareaBem = cn('textarea');
|
|
44
|
-
|
|
45
38
|
var _useState = useState(''),
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
39
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
40
|
+
inputValue = _useState2[0],
|
|
41
|
+
SetInputValue = _useState2[1];
|
|
50
42
|
useEffect(function () {
|
|
51
43
|
if (defaultValue) {
|
|
52
44
|
var initValue = defaultValue;
|
|
53
|
-
|
|
54
45
|
if (maxlength && initValue.length > Number(maxlength)) {
|
|
55
46
|
initValue = initValue.substring(0, Number(maxlength));
|
|
56
47
|
}
|
|
57
|
-
|
|
58
48
|
SetInputValue(initValue);
|
|
59
49
|
}
|
|
60
50
|
}, [defaultValue]);
|
|
61
|
-
|
|
62
51
|
var textChange = function textChange(event) {
|
|
63
52
|
var text = event.detail;
|
|
64
|
-
|
|
65
53
|
if (maxlength && text.value.length > Number(maxlength)) {
|
|
66
54
|
text.value = text.value.substring(0, Number(maxlength));
|
|
67
55
|
}
|
|
68
|
-
|
|
69
56
|
SetInputValue(text.value);
|
|
70
57
|
onChange && onChange(text.value, event);
|
|
71
58
|
};
|
|
72
|
-
|
|
73
59
|
var textFocus = function textFocus(event) {
|
|
74
60
|
if (disabled) return;
|
|
75
61
|
if (readonly) return;
|
|
76
62
|
onFocus && onFocus(event);
|
|
77
63
|
};
|
|
78
|
-
|
|
79
64
|
var textBlur = function textBlur(event) {
|
|
80
65
|
if (disabled) return;
|
|
81
66
|
if (readonly) return;
|
|
@@ -83,7 +68,6 @@ var TextArea = function TextArea(props) {
|
|
|
83
68
|
onChange && onChange(text.value, event);
|
|
84
69
|
onBlur && onBlur(event);
|
|
85
70
|
};
|
|
86
|
-
|
|
87
71
|
return React__default.createElement("div", {
|
|
88
72
|
className: "".concat(textareaBem(), " ").concat(disabled ? textareaBem('disabled') : '', " ").concat(className || '')
|
|
89
73
|
}, React__default.createElement("textarea", {
|
|
@@ -114,7 +98,6 @@ var TextArea = function TextArea(props) {
|
|
|
114
98
|
className: textareaBem('limit')
|
|
115
99
|
}, inputValue.length, "/", maxlength < 0 ? 0 : maxlength) : null);
|
|
116
100
|
};
|
|
117
|
-
|
|
118
101
|
TextArea.defaultProps = defaultProps;
|
|
119
102
|
TextArea.displayName = 'NutTextArea';
|
|
120
103
|
export { TextArea as T };
|
|
@@ -1,10 +1,7 @@
|
|
|
1
1
|
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
2
2
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
3
|
-
|
|
4
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; }
|
|
5
|
-
|
|
6
4
|
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
5
|
import React__default, { useState, useEffect } from 'react';
|
|
9
6
|
import { c as cn } from './bem-893ad28d.js';
|
|
10
7
|
import { u as useConfig } from './configprovider.taro-6c7b3056.js';
|
|
@@ -17,52 +14,43 @@ var defaultProps = {
|
|
|
17
14
|
return null;
|
|
18
15
|
}
|
|
19
16
|
};
|
|
20
|
-
|
|
21
17
|
var TimeDetail = function TimeDetail(props) {
|
|
22
18
|
useConfig();
|
|
23
|
-
|
|
24
19
|
var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
20
|
+
children = _defaultProps$props.children,
|
|
21
|
+
times = _defaultProps$props.times,
|
|
22
|
+
className = _defaultProps$props.className,
|
|
23
|
+
currentKey = _defaultProps$props.currentKey,
|
|
24
|
+
currentTime = _defaultProps$props.currentTime,
|
|
25
|
+
select = _defaultProps$props.select;
|
|
32
26
|
var b = cn('timedetail');
|
|
33
|
-
|
|
34
27
|
var _useState = useState([]),
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
28
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
29
|
+
renderData = _useState2[0],
|
|
30
|
+
setRenderData = _useState2[1];
|
|
39
31
|
useEffect(function () {
|
|
40
32
|
var currentData = times.find(function (timesItem) {
|
|
41
33
|
return String(timesItem.key) === String(currentKey);
|
|
42
34
|
});
|
|
43
|
-
var renderData = currentData ? currentData.list : [];
|
|
44
|
-
|
|
35
|
+
var renderData = currentData ? currentData.list : [];
|
|
36
|
+
// 根据选中的日期回显当前日期可配送的时间
|
|
45
37
|
setRenderData(renderData);
|
|
46
|
-
}, [times, currentKey]);
|
|
47
|
-
|
|
38
|
+
}, [times, currentKey]);
|
|
39
|
+
// 选中时间的回调
|
|
48
40
|
var handleTime = function handleTime(time) {
|
|
49
41
|
select(time);
|
|
50
|
-
};
|
|
51
|
-
|
|
52
|
-
|
|
42
|
+
};
|
|
43
|
+
// 选中的配送时间增加 active 类名
|
|
53
44
|
var getDetailClass = function getDetailClass(item) {
|
|
54
45
|
var initClass = 'nut-timedetail__item';
|
|
55
46
|
var curTimeData = currentTime.find(function (item) {
|
|
56
47
|
return String(item.key) === String(currentKey);
|
|
57
48
|
});
|
|
58
|
-
|
|
59
49
|
if (curTimeData && curTimeData.list && curTimeData.list.includes(item)) {
|
|
60
50
|
initClass += ' nut-timedetail__item-active';
|
|
61
51
|
}
|
|
62
|
-
|
|
63
52
|
return initClass;
|
|
64
53
|
};
|
|
65
|
-
|
|
66
54
|
return React__default.createElement("div", {
|
|
67
55
|
className: "".concat(b(), " ").concat(className || '')
|
|
68
56
|
}, renderData.map(function (item, index) {
|
|
@@ -75,7 +63,6 @@ var TimeDetail = function TimeDetail(props) {
|
|
|
75
63
|
}, item);
|
|
76
64
|
}));
|
|
77
65
|
};
|
|
78
|
-
|
|
79
66
|
TimeDetail.defaultProps = defaultProps;
|
|
80
67
|
TimeDetail.displayName = 'NutTimeDetail';
|
|
81
68
|
export { TimeDetail as T };
|
|
@@ -1,9 +1,6 @@
|
|
|
1
1
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
2
|
-
|
|
3
2
|
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
3
|
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
4
|
import React__default from 'react';
|
|
8
5
|
import { c as cn } from './bem-893ad28d.js';
|
|
9
6
|
import { u as useConfig } from './configprovider.taro-6c7b3056.js';
|
|
@@ -12,17 +9,14 @@ var defaultProps = {
|
|
|
12
9
|
date: '',
|
|
13
10
|
curKey: 0
|
|
14
11
|
};
|
|
15
|
-
|
|
16
12
|
var TimePannel = function TimePannel(props) {
|
|
17
13
|
useConfig();
|
|
18
|
-
|
|
19
14
|
var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
15
|
+
children = _defaultProps$props.children,
|
|
16
|
+
className = _defaultProps$props.className,
|
|
17
|
+
date = _defaultProps$props.date,
|
|
18
|
+
curKey = _defaultProps$props.curKey,
|
|
19
|
+
change = _defaultProps$props.change;
|
|
26
20
|
var b = cn('timepannel');
|
|
27
21
|
return React__default.createElement("div", {
|
|
28
22
|
className: "".concat(b(), " ").concat(className || ''),
|
|
@@ -31,7 +25,6 @@ var TimePannel = function TimePannel(props) {
|
|
|
31
25
|
}
|
|
32
26
|
}, date);
|
|
33
27
|
};
|
|
34
|
-
|
|
35
28
|
TimePannel.defaultProps = defaultProps;
|
|
36
29
|
TimePannel.displayName = 'NutTimePannel';
|
|
37
30
|
export { TimePannel as T };
|
|
@@ -1,11 +1,8 @@
|
|
|
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
|
-
|
|
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 { P as Popup } from './popup.taro-33d0bbc8.js';
|
|
11
8
|
import { T as TimePannel } from './timepannel.taro-9904f6e6.js';
|
|
@@ -23,58 +20,50 @@ var defaultProps = {
|
|
|
23
20
|
dates: [],
|
|
24
21
|
times: []
|
|
25
22
|
};
|
|
26
|
-
|
|
27
23
|
var TimeSelect = function TimeSelect(props) {
|
|
28
24
|
useConfig();
|
|
29
|
-
|
|
30
25
|
var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
26
|
+
children = _defaultProps$props.children,
|
|
27
|
+
visible = _defaultProps$props.visible,
|
|
28
|
+
className = _defaultProps$props.className,
|
|
29
|
+
height = _defaultProps$props.height,
|
|
30
|
+
title = _defaultProps$props.title,
|
|
31
|
+
currentKey = _defaultProps$props.currentKey,
|
|
32
|
+
currentTime = _defaultProps$props.currentTime,
|
|
33
|
+
dates = _defaultProps$props.dates,
|
|
34
|
+
times = _defaultProps$props.times,
|
|
35
|
+
multiple = _defaultProps$props.multiple,
|
|
36
|
+
select = _defaultProps$props.select,
|
|
37
|
+
pannelChange = _defaultProps$props.pannelChange,
|
|
38
|
+
timeChange = _defaultProps$props.timeChange;
|
|
45
39
|
var _useState = useState(currentKey),
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
40
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
41
|
+
activeKey = _useState2[0],
|
|
42
|
+
setActiveKey = _useState2[1];
|
|
50
43
|
var _useState3 = useState(currentTime.length ? currentTime : [{
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
44
|
+
key: currentKey,
|
|
45
|
+
list: []
|
|
46
|
+
}]),
|
|
47
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
48
|
+
activeTime = _useState4[0],
|
|
49
|
+
setActiveTime = _useState4[1];
|
|
58
50
|
var _useState5 = useState(visible),
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
51
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
52
|
+
popVisible = _useState6[0],
|
|
53
|
+
setPopVisible = _useState6[1];
|
|
63
54
|
var popStyle = {
|
|
64
55
|
width: '100%',
|
|
65
56
|
height: height
|
|
66
57
|
};
|
|
67
|
-
var b = cn('timeselect');
|
|
68
|
-
|
|
58
|
+
var b = cn('timeselect');
|
|
59
|
+
// popup 的关闭回调, 执行 select 函数更改外部 visible
|
|
69
60
|
var closeFun = function closeFun() {
|
|
70
61
|
select && select(activeTime);
|
|
71
|
-
};
|
|
72
|
-
|
|
73
|
-
|
|
62
|
+
};
|
|
63
|
+
// 选择配送时间回调
|
|
74
64
|
var handleSelectTime = function handleSelectTime(time) {
|
|
75
65
|
var curTimeData = {};
|
|
76
66
|
var curIndex = -1;
|
|
77
|
-
|
|
78
67
|
for (var i = 0; i < activeTime.length; i++) {
|
|
79
68
|
if (String(activeTime[i].key) === String(activeKey)) {
|
|
80
69
|
curTimeData = activeTime[i];
|
|
@@ -82,36 +71,28 @@ var TimeSelect = function TimeSelect(props) {
|
|
|
82
71
|
break;
|
|
83
72
|
}
|
|
84
73
|
}
|
|
85
|
-
|
|
86
74
|
var curTimeIndex = curTimeData.list.findIndex(function (item) {
|
|
87
75
|
return String(item) === String(time);
|
|
88
76
|
});
|
|
89
|
-
|
|
90
77
|
if (curTimeIndex === -1) {
|
|
91
78
|
curTimeData.list.push(time);
|
|
92
79
|
} else {
|
|
93
80
|
curTimeData.list.splice(curTimeIndex, 1);
|
|
94
81
|
}
|
|
95
|
-
|
|
96
82
|
var resultTimeData = _toConsumableArray(activeTime);
|
|
97
|
-
|
|
98
83
|
resultTimeData.splice(curIndex, 1, curTimeData);
|
|
99
84
|
setActiveTime(resultTimeData);
|
|
100
85
|
timeChange && timeChange(time, resultTimeData);
|
|
101
|
-
};
|
|
102
|
-
|
|
103
|
-
|
|
86
|
+
};
|
|
87
|
+
// 选择日期的回调
|
|
104
88
|
var handleChange = function handleChange(pannelKey) {
|
|
105
89
|
var resultTimeData = _toConsumableArray(activeTime);
|
|
106
|
-
|
|
107
90
|
if (String(pannelKey) !== String(activeKey)) {
|
|
108
91
|
setActiveKey === null || setActiveKey === void 0 ? void 0 : setActiveKey(pannelKey);
|
|
109
|
-
|
|
110
92
|
if (multiple) {
|
|
111
93
|
var curTimeDataIndex = activeTime.findIndex(function (item) {
|
|
112
94
|
return String(item.key) === String(pannelKey);
|
|
113
95
|
});
|
|
114
|
-
|
|
115
96
|
if (curTimeDataIndex === -1) {
|
|
116
97
|
resultTimeData.push({
|
|
117
98
|
key: pannelKey,
|
|
@@ -126,20 +107,16 @@ var TimeSelect = function TimeSelect(props) {
|
|
|
126
107
|
}]);
|
|
127
108
|
}
|
|
128
109
|
}
|
|
129
|
-
|
|
130
110
|
pannelChange && pannelChange(pannelKey, resultTimeData);
|
|
131
|
-
};
|
|
132
|
-
|
|
133
|
-
|
|
111
|
+
};
|
|
112
|
+
// 选中的日期增加 active 类名
|
|
134
113
|
var getTimePannelClass = function getTimePannelClass(dataItem) {
|
|
135
114
|
if (String(dataItem['pannel-key']) === String(activeKey)) {
|
|
136
115
|
return 'nut-timepannel-active';
|
|
137
116
|
}
|
|
138
|
-
|
|
139
117
|
return '';
|
|
140
|
-
};
|
|
141
|
-
|
|
142
|
-
|
|
118
|
+
};
|
|
119
|
+
// 根据外部传入 visible 进行组件的显隐展示
|
|
143
120
|
useEffect(function () {
|
|
144
121
|
setPopVisible(visible);
|
|
145
122
|
}, [visible]);
|
|
@@ -175,7 +152,6 @@ var TimeSelect = function TimeSelect(props) {
|
|
|
175
152
|
select: handleSelectTime
|
|
176
153
|
})))));
|
|
177
154
|
};
|
|
178
|
-
|
|
179
155
|
TimeSelect.defaultProps = defaultProps;
|
|
180
156
|
TimeSelect.displayName = 'NutTimeSelect';
|
|
181
157
|
export { TimeSelect as T };
|
|
@@ -2,11 +2,8 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
|
2
2
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
3
3
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
4
4
|
var _excluded = ["children", "id", "style", "icon", "iconSize", "msg", "bottom", "duration", "center", "type", "title", "customClass", "size", "textAlignCenter", "bgColor", "cover", "coverColor", "closeOnClickOverlay", "visible", "onClose"];
|
|
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 classNames from 'classnames';
|
|
12
9
|
import { c as cn } from './bem-893ad28d.js';
|
|
@@ -31,42 +28,37 @@ var defaultProps = {
|
|
|
31
28
|
closeOnClickOverlay: false,
|
|
32
29
|
visible: false,
|
|
33
30
|
onClose: function onClose() {} // 未实现
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
31
|
+
};
|
|
32
|
+
// export default class Notification extends React.PureComponent<NotificationProps> {
|
|
37
33
|
var Toast = function Toast(props) {
|
|
38
34
|
var _classNames;
|
|
39
|
-
|
|
40
35
|
var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
36
|
+
children = _defaultProps$props.children,
|
|
37
|
+
id = _defaultProps$props.id,
|
|
38
|
+
style = _defaultProps$props.style,
|
|
39
|
+
icon = _defaultProps$props.icon,
|
|
40
|
+
iconSize = _defaultProps$props.iconSize,
|
|
41
|
+
msg = _defaultProps$props.msg,
|
|
42
|
+
bottom = _defaultProps$props.bottom,
|
|
43
|
+
duration = _defaultProps$props.duration,
|
|
44
|
+
center = _defaultProps$props.center,
|
|
45
|
+
type = _defaultProps$props.type,
|
|
46
|
+
title = _defaultProps$props.title,
|
|
47
|
+
customClass = _defaultProps$props.customClass,
|
|
48
|
+
size = _defaultProps$props.size,
|
|
49
|
+
textAlignCenter = _defaultProps$props.textAlignCenter,
|
|
50
|
+
bgColor = _defaultProps$props.bgColor,
|
|
51
|
+
cover = _defaultProps$props.cover,
|
|
52
|
+
coverColor = _defaultProps$props.coverColor,
|
|
53
|
+
closeOnClickOverlay = _defaultProps$props.closeOnClickOverlay,
|
|
54
|
+
visible = _defaultProps$props.visible,
|
|
55
|
+
onClose = _defaultProps$props.onClose,
|
|
56
|
+
rest = _objectWithoutProperties(_defaultProps$props, _excluded);
|
|
63
57
|
var timer;
|
|
64
|
-
|
|
65
58
|
var _useState = useState(false),
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
59
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
60
|
+
openState = _useState2[0],
|
|
61
|
+
SetOpenState = _useState2[1];
|
|
70
62
|
useEffect(function () {
|
|
71
63
|
if (visible) {
|
|
72
64
|
SetOpenState(true);
|
|
@@ -75,50 +67,40 @@ var Toast = function Toast(props) {
|
|
|
75
67
|
hide();
|
|
76
68
|
}
|
|
77
69
|
}, [visible]);
|
|
78
|
-
|
|
79
70
|
var clearTimer = function clearTimer() {
|
|
80
71
|
if (timer) {
|
|
81
72
|
clearTimeout(timer);
|
|
82
73
|
timer = null;
|
|
83
74
|
}
|
|
84
75
|
};
|
|
85
|
-
|
|
86
76
|
var hide = function hide() {
|
|
87
77
|
SetOpenState(false);
|
|
88
78
|
onClose();
|
|
89
79
|
};
|
|
90
|
-
|
|
91
80
|
var show = function show() {
|
|
92
81
|
clearTimer();
|
|
93
|
-
|
|
94
82
|
if (duration) {
|
|
95
83
|
timer = setTimeout(function () {
|
|
96
84
|
hide();
|
|
97
85
|
}, duration * 1000);
|
|
98
86
|
}
|
|
99
87
|
};
|
|
100
|
-
|
|
101
88
|
var clickCover = function clickCover() {
|
|
102
89
|
if (closeOnClickOverlay) {
|
|
103
90
|
hide();
|
|
104
91
|
}
|
|
105
92
|
};
|
|
106
|
-
|
|
107
93
|
var toastBem = cn('toast');
|
|
108
|
-
|
|
109
94
|
var hasIcon = function hasIcon() {
|
|
110
95
|
if (type !== 'text') {
|
|
111
96
|
return true;
|
|
112
97
|
}
|
|
113
|
-
|
|
114
98
|
return !!icon;
|
|
115
99
|
};
|
|
116
|
-
|
|
117
100
|
var iconName = function iconName() {
|
|
118
101
|
if (icon) {
|
|
119
102
|
return icon;
|
|
120
103
|
}
|
|
121
|
-
|
|
122
104
|
return {
|
|
123
105
|
success: 'success',
|
|
124
106
|
fail: 'failure',
|
|
@@ -126,7 +108,6 @@ var Toast = function Toast(props) {
|
|
|
126
108
|
loading: 'loading'
|
|
127
109
|
}[type];
|
|
128
110
|
};
|
|
129
|
-
|
|
130
111
|
var classes = classNames((_classNames = {
|
|
131
112
|
'nut-toast-center': center,
|
|
132
113
|
'nut-toast-has-icon': icon,
|
|
@@ -161,7 +142,6 @@ var Toast = function Toast(props) {
|
|
|
161
142
|
className: toastBem('text')
|
|
162
143
|
}, msg))) : null);
|
|
163
144
|
};
|
|
164
|
-
|
|
165
145
|
Toast.defaultProps = defaultProps;
|
|
166
146
|
Toast.displayName = 'NutToast';
|
|
167
147
|
export { Toast as T };
|