@nutui/nutui-react-taro 1.3.5-beta.1 → 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
|
@@ -2,17 +2,13 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
|
2
2
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
3
3
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
4
4
|
var _excluded = ["children", "disabled", "buttonSize", "min", "max", "inputWidth", "readonly", "modelValue", "decimalPlaces", "step", "isAsync", "className", "style", "add", "reduce", "change", "overlimit", "blur", "focus", "iconClassPrefix", "iconFontClassName"];
|
|
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 { I as Icon } from './icon.taro-1d0d4fb7.js';
|
|
13
10
|
import { c as cn } from './bem-893ad28d.js';
|
|
14
11
|
import { C as ComponentDefaults } from './typings-1c5f2628.js';
|
|
15
|
-
|
|
16
12
|
var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
|
|
17
13
|
disabled: false,
|
|
18
14
|
buttonSize: '',
|
|
@@ -25,76 +21,65 @@ var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
|
|
|
25
21
|
decimalPlaces: 0,
|
|
26
22
|
isAsync: false
|
|
27
23
|
});
|
|
28
|
-
|
|
29
24
|
function pxCheck(value) {
|
|
30
25
|
return Number.isNaN(Number(value)) ? String(value) : "".concat(value, "px");
|
|
31
26
|
}
|
|
32
|
-
|
|
33
27
|
var InputNumber = function InputNumber(props) {
|
|
34
28
|
var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
29
|
+
children = _defaultProps$props.children,
|
|
30
|
+
disabled = _defaultProps$props.disabled,
|
|
31
|
+
buttonSize = _defaultProps$props.buttonSize,
|
|
32
|
+
min = _defaultProps$props.min,
|
|
33
|
+
max = _defaultProps$props.max,
|
|
34
|
+
inputWidth = _defaultProps$props.inputWidth,
|
|
35
|
+
readonly = _defaultProps$props.readonly,
|
|
36
|
+
modelValue = _defaultProps$props.modelValue,
|
|
37
|
+
decimalPlaces = _defaultProps$props.decimalPlaces,
|
|
38
|
+
step = _defaultProps$props.step,
|
|
39
|
+
isAsync = _defaultProps$props.isAsync,
|
|
40
|
+
className = _defaultProps$props.className,
|
|
41
|
+
style = _defaultProps$props.style,
|
|
42
|
+
add = _defaultProps$props.add,
|
|
43
|
+
reduce = _defaultProps$props.reduce,
|
|
44
|
+
change = _defaultProps$props.change,
|
|
45
|
+
overlimit = _defaultProps$props.overlimit,
|
|
46
|
+
blur = _defaultProps$props.blur,
|
|
47
|
+
focus = _defaultProps$props.focus,
|
|
48
|
+
iconClassPrefix = _defaultProps$props.iconClassPrefix,
|
|
49
|
+
iconFontClassName = _defaultProps$props.iconFontClassName,
|
|
50
|
+
restProps = _objectWithoutProperties(_defaultProps$props, _excluded);
|
|
58
51
|
var _useState = useState(modelValue),
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
52
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
53
|
+
inputValue = _useState2[0],
|
|
54
|
+
setInputValue = _useState2[1];
|
|
63
55
|
useEffect(function () {
|
|
64
56
|
setInputValue(modelValue);
|
|
65
57
|
}, [modelValue]);
|
|
66
58
|
var b = cn('inputnumber');
|
|
67
59
|
var classes = classNames(_defineProperty({}, "".concat(b(''), "--disabled"), disabled), className, b(''));
|
|
68
|
-
|
|
69
60
|
var styles = _objectSpread({
|
|
70
61
|
height: pxCheck(buttonSize)
|
|
71
62
|
}, style);
|
|
72
|
-
|
|
73
63
|
var addAllow = function addAllow() {
|
|
74
64
|
var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : Number(inputValue);
|
|
75
65
|
return value < Number(max) && !disabled;
|
|
76
66
|
};
|
|
77
|
-
|
|
78
67
|
var reduceAllow = function reduceAllow() {
|
|
79
68
|
var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : Number(inputValue);
|
|
80
69
|
return value > Number(min) && !disabled;
|
|
81
70
|
};
|
|
82
|
-
|
|
83
71
|
var iconMinusClasses = classNames('nut-inputnumber__icon', {
|
|
84
72
|
'nut-inputnumber__icon--disabled': !reduceAllow()
|
|
85
73
|
});
|
|
86
74
|
var iconAddClasses = classNames('nut-inputnumber__icon', {
|
|
87
75
|
'nut-inputnumber__icon--disabled': !addAllow()
|
|
88
76
|
});
|
|
89
|
-
|
|
90
77
|
var fixedDecimalPlaces = function fixedDecimalPlaces(v) {
|
|
91
78
|
return Number(v).toFixed(Number(decimalPlaces));
|
|
92
79
|
};
|
|
93
|
-
|
|
94
80
|
var emitChange = function emitChange(value, e) {
|
|
95
81
|
var outputValue = fixedDecimalPlaces(value);
|
|
96
82
|
change && change(outputValue, e);
|
|
97
|
-
|
|
98
83
|
if (!isAsync) {
|
|
99
84
|
if (Number(outputValue) < Number(min)) {
|
|
100
85
|
setInputValue(Number(min));
|
|
@@ -105,10 +90,8 @@ var InputNumber = function InputNumber(props) {
|
|
|
105
90
|
}
|
|
106
91
|
}
|
|
107
92
|
};
|
|
108
|
-
|
|
109
93
|
var reduceNumber = function reduceNumber(e) {
|
|
110
94
|
reduce && reduce(e);
|
|
111
|
-
|
|
112
95
|
if (reduceAllow()) {
|
|
113
96
|
var outputValue = Number(inputValue) - Number(step);
|
|
114
97
|
emitChange(outputValue, e);
|
|
@@ -116,10 +99,8 @@ var InputNumber = function InputNumber(props) {
|
|
|
116
99
|
overlimit && overlimit(e);
|
|
117
100
|
}
|
|
118
101
|
};
|
|
119
|
-
|
|
120
102
|
var addNumber = function addNumber(e) {
|
|
121
103
|
add && add(e);
|
|
122
|
-
|
|
123
104
|
if (addAllow()) {
|
|
124
105
|
var outputValue = Number(inputValue) + Number(step);
|
|
125
106
|
emitChange(outputValue, e);
|
|
@@ -127,11 +108,9 @@ var InputNumber = function InputNumber(props) {
|
|
|
127
108
|
overlimit && overlimit(e);
|
|
128
109
|
}
|
|
129
110
|
};
|
|
130
|
-
|
|
131
111
|
var changeValue = function changeValue(e) {
|
|
132
112
|
var value = Number(e.detail.value);
|
|
133
113
|
change && change(value, e);
|
|
134
|
-
|
|
135
114
|
if (!isAsync) {
|
|
136
115
|
if (Number.isNaN(value)) {
|
|
137
116
|
setInputValue(inputValue);
|
|
@@ -140,28 +119,23 @@ var InputNumber = function InputNumber(props) {
|
|
|
140
119
|
}
|
|
141
120
|
}
|
|
142
121
|
};
|
|
143
|
-
|
|
144
122
|
var focusValue = function focusValue(e) {
|
|
145
123
|
if (disabled) return;
|
|
146
124
|
if (readonly) return;
|
|
147
125
|
focus && focus(e);
|
|
148
126
|
};
|
|
149
|
-
|
|
150
127
|
var burValue = function burValue(e) {
|
|
151
128
|
if (disabled) return;
|
|
152
129
|
if (readonly) return;
|
|
153
130
|
var value = Number(e.detail.value);
|
|
154
|
-
|
|
155
131
|
if (value < Number(min)) {
|
|
156
132
|
value = Number(min);
|
|
157
133
|
} else if (value > Number(max)) {
|
|
158
134
|
value = Number(max);
|
|
159
135
|
}
|
|
160
|
-
|
|
161
136
|
emitChange(value, e);
|
|
162
137
|
blur && blur(e);
|
|
163
138
|
};
|
|
164
|
-
|
|
165
139
|
return React__default.createElement("div", _objectSpread({
|
|
166
140
|
className: classes,
|
|
167
141
|
style: styles
|
|
@@ -194,7 +168,6 @@ var InputNumber = function InputNumber(props) {
|
|
|
194
168
|
onClick: addNumber
|
|
195
169
|
}));
|
|
196
170
|
};
|
|
197
|
-
|
|
198
171
|
InputNumber.defaultProps = defaultProps;
|
|
199
172
|
InputNumber.displayName = 'NutInputNumber';
|
|
200
173
|
export { InputNumber as I };
|
|
@@ -1,20 +1,14 @@
|
|
|
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
|
var defaultProps = {};
|
|
9
|
-
|
|
10
6
|
var Layout = function Layout(props) {
|
|
11
7
|
_objectSpread(_objectSpread({}, defaultProps), props);
|
|
12
|
-
|
|
13
8
|
return React__default.createElement("div", {
|
|
14
9
|
className: "nut-layout"
|
|
15
10
|
}, "Layout");
|
|
16
11
|
};
|
|
17
|
-
|
|
18
12
|
Layout.defaultProps = defaultProps;
|
|
19
13
|
Layout.displayName = 'NutLayout';
|
|
20
14
|
export { Layout as L };
|
|
@@ -3,16 +3,12 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
|
3
3
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
4
4
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
5
5
|
var _excluded = ["className", "titleIcon", "scrollFixed", "lockScroll", "closeOnClickOverlay", "children", "activeColor", "iconClassPrefix", "iconFontClassName"];
|
|
6
|
-
|
|
7
6
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
8
|
-
|
|
9
7
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
10
|
-
|
|
11
8
|
import React__default, { useRef, useEffect, useState } from 'react';
|
|
12
9
|
import classNames from 'classnames';
|
|
13
10
|
import { I as Icon } from './icon.taro-1d0d4fb7.js';
|
|
14
11
|
import { C as ComponentDefaults } from './typings-1c5f2628.js';
|
|
15
|
-
|
|
16
12
|
var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
|
|
17
13
|
className: '',
|
|
18
14
|
style: {},
|
|
@@ -22,44 +18,36 @@ var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
|
|
|
22
18
|
lockScroll: true,
|
|
23
19
|
titleIcon: ''
|
|
24
20
|
});
|
|
25
|
-
|
|
26
21
|
var Menu = function Menu(props) {
|
|
27
22
|
var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
23
|
+
className = _defaultProps$props.className,
|
|
24
|
+
titleIcon = _defaultProps$props.titleIcon,
|
|
25
|
+
scrollFixed = _defaultProps$props.scrollFixed,
|
|
26
|
+
lockScroll = _defaultProps$props.lockScroll,
|
|
27
|
+
closeOnClickOverlay = _defaultProps$props.closeOnClickOverlay,
|
|
28
|
+
children = _defaultProps$props.children,
|
|
29
|
+
activeColor = _defaultProps$props.activeColor,
|
|
30
|
+
iconClassPrefix = _defaultProps$props.iconClassPrefix,
|
|
31
|
+
iconFontClassName = _defaultProps$props.iconFontClassName,
|
|
32
|
+
rest = _objectWithoutProperties(_defaultProps$props, _excluded);
|
|
39
33
|
var parentRef = useRef(null);
|
|
40
|
-
|
|
41
34
|
var onScroll = function onScroll() {};
|
|
42
|
-
|
|
43
35
|
useEffect(function () {
|
|
44
36
|
if (scrollFixed) {
|
|
45
37
|
window.addEventListener('scroll', onScroll);
|
|
46
38
|
}
|
|
47
|
-
|
|
48
39
|
return function () {
|
|
49
40
|
return window.removeEventListener('scroll', onScroll);
|
|
50
41
|
};
|
|
51
42
|
}, []);
|
|
52
|
-
|
|
53
43
|
var _useState = useState([]),
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
44
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
45
|
+
itemShow = _useState2[0],
|
|
46
|
+
setItemShow = _useState2[1];
|
|
58
47
|
var _useState3 = useState([]),
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
48
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
49
|
+
itemTitle = _useState4[0],
|
|
50
|
+
setItemTitle = _useState4[1];
|
|
63
51
|
var toggleItemShow = function toggleItemShow(index) {
|
|
64
52
|
itemShow[index] = !itemShow[index];
|
|
65
53
|
var temp = itemShow.map(function (i, idx) {
|
|
@@ -67,21 +55,17 @@ var Menu = function Menu(props) {
|
|
|
67
55
|
});
|
|
68
56
|
setItemShow(_toConsumableArray(temp));
|
|
69
57
|
};
|
|
70
|
-
|
|
71
58
|
var hideItemShow = function hideItemShow(index) {
|
|
72
59
|
itemShow[index] = false;
|
|
73
60
|
setItemShow(_toConsumableArray(itemShow));
|
|
74
61
|
};
|
|
75
|
-
|
|
76
62
|
var updateTitle = function updateTitle(text, index) {
|
|
77
63
|
itemTitle[index] = text;
|
|
78
64
|
setItemTitle(_toConsumableArray(itemTitle));
|
|
79
65
|
};
|
|
80
|
-
|
|
81
66
|
var parent = function parent() {
|
|
82
67
|
return parentRef;
|
|
83
68
|
};
|
|
84
|
-
|
|
85
69
|
var cloneChildren = function cloneChildren() {
|
|
86
70
|
return React__default.Children.map(children, function (child, index) {
|
|
87
71
|
return React__default.cloneElement(child, {
|
|
@@ -99,7 +83,6 @@ var Menu = function Menu(props) {
|
|
|
99
83
|
});
|
|
100
84
|
});
|
|
101
85
|
};
|
|
102
|
-
|
|
103
86
|
return React__default.createElement("div", _objectSpread(_objectSpread({
|
|
104
87
|
className: "nut-menu ".concat(className)
|
|
105
88
|
}, rest), {}, {
|
|
@@ -109,22 +92,20 @@ var Menu = function Menu(props) {
|
|
|
109
92
|
}, React__default.Children.toArray(children).map(function (child, index) {
|
|
110
93
|
if (!child) return null;
|
|
111
94
|
var _child$props = child.props,
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
95
|
+
disabled = _child$props.disabled,
|
|
96
|
+
title = _child$props.title,
|
|
97
|
+
value = _child$props.value,
|
|
98
|
+
direction = _child$props.direction,
|
|
99
|
+
options = _child$props.options;
|
|
117
100
|
var currentTitle = options === null || options === void 0 ? void 0 : options.filter(function (option) {
|
|
118
101
|
return option.value === value;
|
|
119
102
|
});
|
|
120
|
-
|
|
121
103
|
function finallyTitle() {
|
|
122
104
|
if (title) return title;
|
|
123
105
|
if (itemTitle && itemTitle[index]) return itemTitle[index];
|
|
124
106
|
if (currentTitle && currentTitle[0] && currentTitle[0].text) return currentTitle[0].text;
|
|
125
107
|
return '';
|
|
126
108
|
}
|
|
127
|
-
|
|
128
109
|
return React__default.createElement("div", {
|
|
129
110
|
className: "nut-menu__item ".concat(classNames({
|
|
130
111
|
active: itemShow[index],
|
|
@@ -153,7 +134,6 @@ var Menu = function Menu(props) {
|
|
|
153
134
|
})));
|
|
154
135
|
})), cloneChildren());
|
|
155
136
|
};
|
|
156
|
-
|
|
157
137
|
Menu.defaultProps = defaultProps;
|
|
158
138
|
Menu.displayName = 'NutMenu';
|
|
159
139
|
export { Menu as M };
|
|
@@ -2,11 +2,8 @@ import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
|
|
|
2
2
|
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
3
3
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
4
4
|
import _regeneratorRuntime from "@babel/runtime/regenerator";
|
|
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 { CSSTransition } from 'react-transition-group';
|
|
@@ -14,7 +11,6 @@ import { u as useConfig } from './configprovider.taro-6c7b3056.js';
|
|
|
14
11
|
import { I as Icon } from './icon.taro-1d0d4fb7.js';
|
|
15
12
|
import { O as Overlay } from './overlay.taro-be45fed5.js';
|
|
16
13
|
import { C as ComponentDefaults } from './typings-1c5f2628.js';
|
|
17
|
-
|
|
18
14
|
var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
|
|
19
15
|
className: '',
|
|
20
16
|
style: {},
|
|
@@ -29,77 +25,64 @@ var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
|
|
|
29
25
|
return undefined;
|
|
30
26
|
}
|
|
31
27
|
});
|
|
32
|
-
|
|
33
28
|
var MenuItem = function MenuItem(props) {
|
|
34
29
|
useConfig();
|
|
35
|
-
|
|
36
30
|
var mergedProps = _objectSpread(_objectSpread({}, defaultProps), props);
|
|
37
|
-
|
|
38
31
|
var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
32
|
+
className = _defaultProps$props.className,
|
|
33
|
+
style = _defaultProps$props.style,
|
|
34
|
+
options = _defaultProps$props.options,
|
|
35
|
+
value = _defaultProps$props.value,
|
|
36
|
+
columns = _defaultProps$props.columns,
|
|
37
|
+
title = _defaultProps$props.title,
|
|
38
|
+
optionsIcon = _defaultProps$props.optionsIcon,
|
|
39
|
+
direction = _defaultProps$props.direction,
|
|
40
|
+
onChange = _defaultProps$props.onChange,
|
|
41
|
+
activeTitleClass = _defaultProps$props.activeTitleClass,
|
|
42
|
+
inactiveTitleClass = _defaultProps$props.inactiveTitleClass,
|
|
43
|
+
children = _defaultProps$props.children,
|
|
44
|
+
iconClassPrefix = _defaultProps$props.iconClassPrefix,
|
|
45
|
+
iconFontClassName = _defaultProps$props.iconFontClassName;
|
|
54
46
|
var activeColor = mergedProps.activeColor,
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
47
|
+
showPopup = mergedProps.showPopup,
|
|
48
|
+
parent = mergedProps.parent,
|
|
49
|
+
orderKey = mergedProps.orderKey;
|
|
59
50
|
var _useState = useState(showPopup),
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
51
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
52
|
+
_showPopup = _useState2[0],
|
|
53
|
+
setShowPopup = _useState2[1];
|
|
64
54
|
var _useState3 = useState(value),
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
55
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
56
|
+
_value = _useState4[0],
|
|
57
|
+
setValue = _useState4[1];
|
|
69
58
|
useEffect(function () {
|
|
70
59
|
setShowPopup(showPopup);
|
|
71
60
|
}, [showPopup]);
|
|
72
61
|
useEffect(function () {
|
|
73
62
|
getParentOffset();
|
|
74
63
|
}, [_showPopup]);
|
|
75
|
-
|
|
76
64
|
var getIconCName = function getIconCName(optionVal, value) {
|
|
77
65
|
var _classNames;
|
|
78
|
-
|
|
79
66
|
return classNames((_classNames = {}, _defineProperty(_classNames, activeTitleClass, optionVal === value), _defineProperty(_classNames, inactiveTitleClass, optionVal !== value), _classNames));
|
|
80
67
|
};
|
|
81
|
-
|
|
82
68
|
var setTitle = function setTitle(text) {
|
|
83
69
|
if (!title) {
|
|
84
70
|
parent.updateTitle(text, orderKey);
|
|
85
71
|
}
|
|
86
72
|
};
|
|
87
|
-
|
|
88
73
|
var handleClick = function handleClick(item) {
|
|
89
74
|
parent.toggleItemShow(orderKey);
|
|
90
75
|
setTitle(item.text);
|
|
91
76
|
setValue(item.value);
|
|
92
77
|
onChange && onChange(item);
|
|
93
78
|
};
|
|
94
|
-
|
|
95
79
|
var _useState5 = useState({
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
80
|
+
top: 0,
|
|
81
|
+
height: 0
|
|
82
|
+
}),
|
|
83
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
84
|
+
position = _useState6[0],
|
|
85
|
+
setPosition = _useState6[1];
|
|
103
86
|
var getParentOffset = function getParentOffset() {
|
|
104
87
|
setTimeout( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
|
|
105
88
|
var p, rect;
|
|
@@ -110,14 +93,12 @@ var MenuItem = function MenuItem(props) {
|
|
|
110
93
|
p = parent.parent().current;
|
|
111
94
|
_context.next = 3;
|
|
112
95
|
return p.getBoundingClientRect();
|
|
113
|
-
|
|
114
96
|
case 3:
|
|
115
97
|
rect = _context.sent;
|
|
116
98
|
setPosition({
|
|
117
99
|
height: rect.height,
|
|
118
100
|
top: rect.top
|
|
119
101
|
});
|
|
120
|
-
|
|
121
102
|
case 5:
|
|
122
103
|
case "end":
|
|
123
104
|
return _context.stop();
|
|
@@ -126,14 +107,12 @@ var MenuItem = function MenuItem(props) {
|
|
|
126
107
|
}, _callee);
|
|
127
108
|
})));
|
|
128
109
|
};
|
|
129
|
-
|
|
130
110
|
var isShow = function isShow() {
|
|
131
111
|
if (_showPopup) return {};
|
|
132
112
|
return {
|
|
133
113
|
display: 'none'
|
|
134
114
|
};
|
|
135
115
|
};
|
|
136
|
-
|
|
137
116
|
var getPosition = function getPosition() {
|
|
138
117
|
return direction === 'down' ? {
|
|
139
118
|
top: "".concat(position.top + position.height, "px")
|
|
@@ -142,20 +121,17 @@ var MenuItem = function MenuItem(props) {
|
|
|
142
121
|
top: 'auto'
|
|
143
122
|
};
|
|
144
123
|
};
|
|
145
|
-
|
|
146
124
|
var placeholderStyle = function placeholderStyle() {
|
|
147
125
|
if (direction === 'down') {
|
|
148
126
|
return _objectSpread(_objectSpread({
|
|
149
127
|
height: "".concat(position.top + position.height, "px")
|
|
150
128
|
}, isShow()), style);
|
|
151
129
|
}
|
|
152
|
-
|
|
153
130
|
return _objectSpread(_objectSpread({
|
|
154
131
|
height: "".concat(window.innerHeight - position.top, "px"),
|
|
155
132
|
top: 'auto'
|
|
156
133
|
}, isShow()), style);
|
|
157
134
|
};
|
|
158
|
-
|
|
159
135
|
return React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
|
|
160
136
|
className: "placeholder-element ".concat(classNames({
|
|
161
137
|
up: direction === 'up'
|
|
@@ -208,7 +184,6 @@ var MenuItem = function MenuItem(props) {
|
|
|
208
184
|
}, item.text));
|
|
209
185
|
}), children))));
|
|
210
186
|
};
|
|
211
|
-
|
|
212
187
|
MenuItem.defaultProps = defaultProps;
|
|
213
188
|
MenuItem.displayName = 'NutMenuItem';
|
|
214
189
|
export { MenuItem as M };
|
|
@@ -1,15 +1,11 @@
|
|
|
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 classNames from 'classnames';
|
|
9
6
|
import { I as Icon } from './icon.taro-1d0d4fb7.js';
|
|
10
7
|
import { c as cn } from './bem-893ad28d.js';
|
|
11
8
|
import { C as ComponentDefaults } from './typings-1c5f2628.js';
|
|
12
|
-
|
|
13
9
|
var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
|
|
14
10
|
title: '',
|
|
15
11
|
desc: '',
|
|
@@ -24,48 +20,41 @@ var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
|
|
|
24
20
|
zIndex: 10,
|
|
25
21
|
style: {}
|
|
26
22
|
});
|
|
27
|
-
|
|
28
23
|
var NavBar = function NavBar(props) {
|
|
29
24
|
var _classNames;
|
|
30
|
-
|
|
31
25
|
var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
26
|
+
desc = _defaultProps$props.desc,
|
|
27
|
+
title = _defaultProps$props.title,
|
|
28
|
+
titIcon = _defaultProps$props.titIcon,
|
|
29
|
+
leftShow = _defaultProps$props.leftShow,
|
|
30
|
+
className = _defaultProps$props.className,
|
|
31
|
+
style = _defaultProps$props.style,
|
|
32
|
+
leftText = _defaultProps$props.leftText,
|
|
33
|
+
fixed = _defaultProps$props.fixed,
|
|
34
|
+
safeAreaInsetTop = _defaultProps$props.safeAreaInsetTop,
|
|
35
|
+
border = _defaultProps$props.border,
|
|
36
|
+
placeholder = _defaultProps$props.placeholder,
|
|
37
|
+
zIndex = _defaultProps$props.zIndex,
|
|
38
|
+
onClickTitle = _defaultProps$props.onClickTitle,
|
|
39
|
+
onClickIcon = _defaultProps$props.onClickIcon,
|
|
40
|
+
onClickBack = _defaultProps$props.onClickBack,
|
|
41
|
+
onClickRight = _defaultProps$props.onClickRight,
|
|
42
|
+
iconClassPrefix = _defaultProps$props.iconClassPrefix,
|
|
43
|
+
iconFontClassName = _defaultProps$props.iconFontClassName;
|
|
51
44
|
var b = cn('navbar');
|
|
52
45
|
var children = Array.isArray(props.children) ? props.children : [props.children];
|
|
53
46
|
var slot = children.reduce(function (slot, item) {
|
|
54
47
|
var data = slot;
|
|
55
|
-
|
|
56
48
|
if (item && item.props) {
|
|
57
49
|
data[item.props.slot] = item;
|
|
58
50
|
}
|
|
59
|
-
|
|
60
51
|
return data;
|
|
61
52
|
}, {});
|
|
62
|
-
|
|
63
53
|
var styles = function styles() {
|
|
64
54
|
return _objectSpread(_objectSpread({}, style), {}, {
|
|
65
55
|
zIndex: zIndex
|
|
66
56
|
});
|
|
67
57
|
};
|
|
68
|
-
|
|
69
58
|
var renderLeft = function renderLeft() {
|
|
70
59
|
return React__default.createElement("div", {
|
|
71
60
|
className: "".concat(b('left')),
|
|
@@ -81,7 +70,6 @@ var NavBar = function NavBar(props) {
|
|
|
81
70
|
className: "".concat(b('text'))
|
|
82
71
|
}, leftText), slot.left);
|
|
83
72
|
};
|
|
84
|
-
|
|
85
73
|
var renderContent = function renderContent() {
|
|
86
74
|
return React__default.createElement("div", {
|
|
87
75
|
className: "".concat(b('title'))
|
|
@@ -100,7 +88,6 @@ var NavBar = function NavBar(props) {
|
|
|
100
88
|
name: titIcon
|
|
101
89
|
})), slot.content);
|
|
102
90
|
};
|
|
103
|
-
|
|
104
91
|
var renderRight = function renderRight() {
|
|
105
92
|
return React__default.createElement("div", {
|
|
106
93
|
className: "".concat(b('right')),
|
|
@@ -111,21 +98,18 @@ var NavBar = function NavBar(props) {
|
|
|
111
98
|
className: "".concat(b('text'))
|
|
112
99
|
}, desc), slot.right);
|
|
113
100
|
};
|
|
114
|
-
|
|
115
101
|
var renderWrapper = function renderWrapper() {
|
|
116
102
|
return React__default.createElement("div", {
|
|
117
103
|
className: cls,
|
|
118
104
|
style: styles()
|
|
119
105
|
}, renderLeft(), renderContent(), renderRight());
|
|
120
106
|
};
|
|
121
|
-
|
|
122
107
|
var classes = classNames((_classNames = {}, _defineProperty(_classNames, "nut-navbar--border", border), _defineProperty(_classNames, "nut-navbar--fixed", fixed), _defineProperty(_classNames, "nut-navbar--safe-area-inset-top", safeAreaInsetTop), _classNames));
|
|
123
108
|
var cls = classNames(b(''), classes, className);
|
|
124
109
|
return React__default.createElement(React__default.Fragment, null, fixed && placeholder ? React__default.createElement("div", {
|
|
125
110
|
className: "".concat(b(''), "--placeholder")
|
|
126
111
|
}, renderWrapper()) : renderWrapper());
|
|
127
112
|
};
|
|
128
|
-
|
|
129
113
|
NavBar.defaultProps = defaultProps;
|
|
130
114
|
NavBar.displayName = 'NutNavBar';
|
|
131
115
|
export { NavBar as N };
|