@nutui/nutui-react-taro 1.3.5 → 1.3.7
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 +14 -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/Menu.js +2 -2
- package/dist/esm/MenuItem.js +2 -2
- 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 → menu.taro-f8ca86db.js} +24 -42
- package/dist/esm/{menuitem.taro-fc0961b7.js → menuitem.taro-7bf564c9.js} +32 -57
- 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 +18 -18
- 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 +10848 -11365
- package/dist/nutui.react.umd.js +10840 -11357
- package/dist/packages/menu/menu.scss +4 -0
- package/dist/packages/menuitem/menuitem.scss +27 -2
- 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
|
@@ -10,24 +10,19 @@ import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
|
|
|
10
10
|
import _typeof from "@babel/runtime/helpers/typeof";
|
|
11
11
|
var _excluded = ["children", "list", "theme", "location", "visible", "offset", "className", "style", "onClick", "onChoose", "iconClassPrefix", "iconFontClassName"];
|
|
12
12
|
import _regeneratorRuntime from "@babel/runtime/regenerator";
|
|
13
|
-
|
|
14
13
|
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; }
|
|
15
|
-
|
|
16
14
|
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; }
|
|
17
|
-
|
|
18
15
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
19
|
-
|
|
20
16
|
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
21
|
-
|
|
22
17
|
import React__default, { useRef, useState, useEffect } from 'react';
|
|
23
18
|
import { I as Icon } from './icon.taro-1d0d4fb7.js';
|
|
24
19
|
import { O as Overlay } from './overlay.taro-be45fed5.js';
|
|
25
|
-
import { g as getRectByTaro } from './useClientRect-
|
|
20
|
+
import { g as getRectByTaro } from './useClientRect-bf69d7b3.js';
|
|
26
21
|
import { C as ComponentDefaults } from './typings-1c5f2628.js';
|
|
22
|
+
|
|
27
23
|
/**
|
|
28
24
|
* 过滤ref
|
|
29
25
|
*/
|
|
30
|
-
|
|
31
26
|
function fillRef(ref, node) {
|
|
32
27
|
if (typeof ref === 'function') {
|
|
33
28
|
ref(node);
|
|
@@ -38,42 +33,31 @@ function fillRef(ref, node) {
|
|
|
38
33
|
/**
|
|
39
34
|
* 将ref合并到一个ref函数中以支持ref传递
|
|
40
35
|
*/
|
|
41
|
-
|
|
42
|
-
|
|
43
36
|
function composeRef() {
|
|
44
37
|
for (var _len = arguments.length, refs = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
45
38
|
refs[_key] = arguments[_key];
|
|
46
39
|
}
|
|
47
|
-
|
|
48
40
|
return function (node) {
|
|
49
41
|
refs.forEach(function (ref) {
|
|
50
42
|
fillRef(ref, node);
|
|
51
43
|
});
|
|
52
44
|
};
|
|
53
45
|
}
|
|
54
|
-
|
|
55
46
|
var Trigger = /*#__PURE__*/function (_React__default$Compo) {
|
|
56
47
|
_inherits(Trigger, _React__default$Compo);
|
|
57
|
-
|
|
58
48
|
var _super = _createSuper(Trigger);
|
|
59
|
-
|
|
60
49
|
function Trigger() {
|
|
61
50
|
_classCallCheck(this, Trigger);
|
|
62
|
-
|
|
63
51
|
return _super.apply(this, arguments);
|
|
64
52
|
}
|
|
65
|
-
|
|
66
53
|
_createClass(Trigger, [{
|
|
67
54
|
key: "fireEvents",
|
|
68
55
|
value: function fireEvents(type, e) {
|
|
69
56
|
var childCallback = this.props.children.props[type];
|
|
70
|
-
|
|
71
57
|
if (childCallback) {
|
|
72
58
|
childCallback(e);
|
|
73
59
|
}
|
|
74
|
-
|
|
75
60
|
var callback = this.props[type];
|
|
76
|
-
|
|
77
61
|
if (callback) {
|
|
78
62
|
callback(e);
|
|
79
63
|
}
|
|
@@ -82,29 +66,24 @@ var Trigger = /*#__PURE__*/function (_React__default$Compo) {
|
|
|
82
66
|
key: "render",
|
|
83
67
|
value: function render() {
|
|
84
68
|
var _this$props = this.props,
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
69
|
+
children = _this$props.children,
|
|
70
|
+
_this$props$className = _this$props.className,
|
|
71
|
+
className = _this$props$className === void 0 ? '' : _this$props$className;
|
|
88
72
|
var child = React__default.Children.only(children);
|
|
89
73
|
var newChildProps = {
|
|
90
74
|
key: 'trigger'
|
|
91
75
|
};
|
|
92
|
-
|
|
93
76
|
if (child && child.props && child.props.className) {
|
|
94
77
|
newChildProps.className = className;
|
|
95
78
|
}
|
|
96
|
-
|
|
97
79
|
var cloneProps = _objectSpread({}, newChildProps);
|
|
98
|
-
|
|
99
80
|
cloneProps.ref = composeRef(this.props.forwardedRef, child.ref);
|
|
100
81
|
var trigger = React__default.cloneElement(child, cloneProps);
|
|
101
82
|
return trigger;
|
|
102
83
|
}
|
|
103
84
|
}]);
|
|
104
|
-
|
|
105
85
|
return Trigger;
|
|
106
86
|
}(React__default.Component);
|
|
107
|
-
|
|
108
87
|
var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
|
|
109
88
|
list: [],
|
|
110
89
|
theme: 'light',
|
|
@@ -115,23 +94,21 @@ var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
|
|
|
115
94
|
onClick: function onClick(e) {},
|
|
116
95
|
onChoose: function onChoose(item, index) {}
|
|
117
96
|
});
|
|
118
|
-
|
|
119
97
|
var Popover = function Popover(props) {
|
|
120
98
|
var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
99
|
+
children = _defaultProps$props.children,
|
|
100
|
+
list = _defaultProps$props.list,
|
|
101
|
+
theme = _defaultProps$props.theme,
|
|
102
|
+
location = _defaultProps$props.location,
|
|
103
|
+
visible = _defaultProps$props.visible,
|
|
104
|
+
offset = _defaultProps$props.offset,
|
|
105
|
+
className = _defaultProps$props.className,
|
|
106
|
+
style = _defaultProps$props.style,
|
|
107
|
+
onClick = _defaultProps$props.onClick,
|
|
108
|
+
onChoose = _defaultProps$props.onChoose,
|
|
109
|
+
iconClassPrefix = _defaultProps$props.iconClassPrefix,
|
|
110
|
+
iconFontClassName = _defaultProps$props.iconFontClassName,
|
|
111
|
+
reset = _objectWithoutProperties(_defaultProps$props, _excluded);
|
|
135
112
|
var goodItem = useRef(null);
|
|
136
113
|
setTimeout( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
|
|
137
114
|
var res;
|
|
@@ -143,15 +120,12 @@ var Popover = function Popover(props) {
|
|
|
143
120
|
_context.next = 6;
|
|
144
121
|
break;
|
|
145
122
|
}
|
|
146
|
-
|
|
147
123
|
_context.next = 3;
|
|
148
124
|
return getRectByTaro(goodItem.current);
|
|
149
|
-
|
|
150
125
|
case 3:
|
|
151
126
|
res = _context.sent;
|
|
152
127
|
setElWidth(res === null || res === void 0 ? void 0 : res.width);
|
|
153
128
|
setElHeight(res === null || res === void 0 ? void 0 : res.height);
|
|
154
|
-
|
|
155
129
|
case 6:
|
|
156
130
|
case "end":
|
|
157
131
|
return _context.stop();
|
|
@@ -159,42 +133,34 @@ var Popover = function Popover(props) {
|
|
|
159
133
|
}
|
|
160
134
|
}, _callee);
|
|
161
135
|
})));
|
|
162
|
-
|
|
163
136
|
var _useState = useState(''),
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
137
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
138
|
+
classes = _useState2[0],
|
|
139
|
+
setClasses = _useState2[1];
|
|
168
140
|
var _useState3 = useState(0),
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
141
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
142
|
+
elWidth = _useState4[0],
|
|
143
|
+
setElWidth = _useState4[1];
|
|
173
144
|
var _useState5 = useState(0),
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
145
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
146
|
+
elHeight = _useState6[0],
|
|
147
|
+
setElHeight = _useState6[1];
|
|
178
148
|
var _useState7 = useState(''),
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
149
|
+
_useState8 = _slicedToArray(_useState7, 2),
|
|
150
|
+
popoverContent = _useState8[0],
|
|
151
|
+
setPopoverContent = _useState8[1];
|
|
183
152
|
var _useState9 = useState(''),
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
153
|
+
_useState10 = _slicedToArray(_useState9, 2),
|
|
154
|
+
popoverArrow = _useState10[0],
|
|
155
|
+
setPopoverArrow = _useState10[1];
|
|
188
156
|
useEffect(function () {
|
|
189
157
|
setClasses(classesSelf());
|
|
190
158
|
setPopoverContent(popoverContentSelf());
|
|
191
159
|
setPopoverArrow(popoverArrowSelf());
|
|
192
160
|
}, [list, theme]);
|
|
193
|
-
|
|
194
161
|
var getStyle = function getStyle() {
|
|
195
162
|
var offNumer = Number(offset) ? Number(offset) : 0;
|
|
196
163
|
var style = {};
|
|
197
|
-
|
|
198
164
|
if (location.includes('top')) {
|
|
199
165
|
style.bottom = "".concat(elHeight + offNumer, "px");
|
|
200
166
|
} else if (location.includes('right')) {
|
|
@@ -204,44 +170,36 @@ var Popover = function Popover(props) {
|
|
|
204
170
|
} else {
|
|
205
171
|
style.top = "".concat(elHeight + offNumer, "px");
|
|
206
172
|
}
|
|
207
|
-
|
|
208
173
|
return style;
|
|
209
174
|
};
|
|
210
|
-
|
|
211
175
|
var classesSelf = function classesSelf() {
|
|
212
176
|
var prefixCls = 'nut-popover';
|
|
213
177
|
return "".concat(prefixCls, " ").concat(theme ? "".concat(prefixCls, "--").concat(theme) : '');
|
|
214
178
|
};
|
|
215
|
-
|
|
216
179
|
var popoverContentSelf = function popoverContentSelf() {
|
|
217
180
|
var prefixCls = 'popover-content';
|
|
218
181
|
return "".concat(prefixCls, "-show ").concat(prefixCls, " ").concat(location ? "".concat(prefixCls, "--").concat(location) : '');
|
|
219
182
|
};
|
|
220
|
-
|
|
221
183
|
var filter = function filter() {
|
|
222
184
|
var ms = ['top', 'bottom', 'left', 'right'];
|
|
223
185
|
return ms.filter(function (m) {
|
|
224
186
|
return location.includes(m);
|
|
225
187
|
})[0];
|
|
226
188
|
};
|
|
227
|
-
|
|
228
189
|
var popoverArrowSelf = function popoverArrowSelf() {
|
|
229
190
|
var prefixCls = 'popover-arrow';
|
|
230
191
|
return "".concat(prefixCls, " ").concat(prefixCls, "-").concat(filter(), " ").concat(location ? "".concat(prefixCls, "--").concat(location) : '');
|
|
231
192
|
};
|
|
232
|
-
|
|
233
193
|
var handleClick = function handleClick(e) {
|
|
234
194
|
if (props.onClick) {
|
|
235
195
|
props.onClick(e);
|
|
236
196
|
}
|
|
237
197
|
};
|
|
238
|
-
|
|
239
198
|
var handleChoose = function handleChoose(item, index) {
|
|
240
199
|
if (!item.disabled) {
|
|
241
200
|
onChoose(item, index);
|
|
242
201
|
}
|
|
243
202
|
};
|
|
244
|
-
|
|
245
203
|
return React__default.createElement(React__default.Fragment, null, React__default.createElement("div", _objectSpread({
|
|
246
204
|
className: "".concat(classes, " ").concat(className),
|
|
247
205
|
style: _objectSpread({}, style)
|
|
@@ -281,7 +239,6 @@ var Popover = function Popover(props) {
|
|
|
281
239
|
}
|
|
282
240
|
}) : '');
|
|
283
241
|
};
|
|
284
|
-
|
|
285
242
|
Popover.defaultProps = defaultProps;
|
|
286
243
|
Popover.displayName = 'NutPopover';
|
|
287
244
|
export { Popover as P };
|
|
@@ -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 { createPortal } from 'react-dom';
|
|
10
7
|
import { CSSTransition } from 'react-transition-group';
|
|
@@ -13,7 +10,6 @@ import { d as defaultOverlayProps, O as Overlay } from './overlay.taro-be45fed5.
|
|
|
13
10
|
import { I as Icon } from './icon.taro-1d0d4fb7.js';
|
|
14
11
|
import { c as cn } from './bem-893ad28d.js';
|
|
15
12
|
import { C as ComponentDefaults } from './typings-1c5f2628.js';
|
|
16
|
-
|
|
17
13
|
var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
|
|
18
14
|
position: 'center',
|
|
19
15
|
transition: '',
|
|
@@ -34,96 +30,80 @@ var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
|
|
|
34
30
|
onClickOverlay: function onClickOverlay(e) {},
|
|
35
31
|
onClickCloseIcon: function onClickCloseIcon(e) {}
|
|
36
32
|
}, defaultOverlayProps);
|
|
37
|
-
|
|
38
33
|
var _zIndex = 2000;
|
|
39
|
-
|
|
40
34
|
var Popup = function Popup(props) {
|
|
41
35
|
var _classNames;
|
|
42
|
-
|
|
43
36
|
var children = props.children,
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
37
|
+
visible = props.visible,
|
|
38
|
+
overlay = props.overlay,
|
|
39
|
+
closeOnClickOverlay = props.closeOnClickOverlay,
|
|
40
|
+
overlayStyle = props.overlayStyle,
|
|
41
|
+
overlayClass = props.overlayClass,
|
|
42
|
+
zIndex = props.zIndex,
|
|
43
|
+
lockScroll = props.lockScroll,
|
|
44
|
+
duration = props.duration,
|
|
45
|
+
closeable = props.closeable,
|
|
46
|
+
closeIconPosition = props.closeIconPosition,
|
|
47
|
+
closeIcon = props.closeIcon,
|
|
48
|
+
style = props.style,
|
|
49
|
+
transition = props.transition,
|
|
50
|
+
round = props.round,
|
|
51
|
+
position = props.position,
|
|
52
|
+
popClass = props.popClass,
|
|
53
|
+
className = props.className,
|
|
54
|
+
destroyOnClose = props.destroyOnClose,
|
|
55
|
+
teleport = props.teleport,
|
|
56
|
+
onOpen = props.onOpen,
|
|
57
|
+
onClose = props.onClose,
|
|
58
|
+
onClickOverlay = props.onClickOverlay,
|
|
59
|
+
onClickCloseIcon = props.onClickCloseIcon,
|
|
60
|
+
onOpened = props.onOpened,
|
|
61
|
+
onClosed = props.onClosed,
|
|
62
|
+
onClick = props.onClick,
|
|
63
|
+
iconClassPrefix = props.iconClassPrefix,
|
|
64
|
+
iconFontClassName = props.iconFontClassName;
|
|
73
65
|
var _useState = useState(zIndex || _zIndex),
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
66
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
67
|
+
index = _useState2[0],
|
|
68
|
+
setIndex = _useState2[1];
|
|
78
69
|
var _useState3 = useState(visible),
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
70
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
71
|
+
innerVisible = _useState4[0],
|
|
72
|
+
setInnerVisible = _useState4[1];
|
|
83
73
|
var _useState5 = useState(true),
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
74
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
75
|
+
showChildren = _useState6[0],
|
|
76
|
+
setShowChildren = _useState6[1];
|
|
88
77
|
var _useState7 = useState(''),
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
78
|
+
_useState8 = _slicedToArray(_useState7, 2),
|
|
79
|
+
transitionName = _useState8[0],
|
|
80
|
+
setTransitionName = _useState8[1];
|
|
93
81
|
var b = cn('popup');
|
|
94
82
|
var baseStyle = {
|
|
95
83
|
zIndex: index,
|
|
96
84
|
animationDuration: "".concat(duration, "s")
|
|
97
85
|
};
|
|
98
|
-
|
|
99
86
|
var overlayStyles = _objectSpread(_objectSpread({}, overlayStyle), baseStyle);
|
|
100
|
-
|
|
101
87
|
var popStyles = _objectSpread(_objectSpread({}, style), baseStyle);
|
|
102
|
-
|
|
103
88
|
var classes = classNames((_classNames = {
|
|
104
89
|
round: round
|
|
105
90
|
}, _defineProperty(_classNames, "popup-".concat(position), true), _defineProperty(_classNames, "".concat(popClass), true), _defineProperty(_classNames, "".concat(className), true), _classNames), b(''));
|
|
106
91
|
var closeClasses = classNames(_defineProperty({
|
|
107
92
|
'nutui-popup__close-icon': true
|
|
108
93
|
}, "nutui-popup__close-icon--".concat(closeIconPosition), true));
|
|
109
|
-
|
|
110
94
|
var open = function open() {
|
|
111
95
|
if (!innerVisible) {
|
|
112
96
|
setInnerVisible(true);
|
|
113
97
|
setIndex(++_zIndex);
|
|
114
98
|
}
|
|
115
|
-
|
|
116
99
|
if (destroyOnClose) {
|
|
117
100
|
setShowChildren(true);
|
|
118
101
|
}
|
|
119
|
-
|
|
120
102
|
onOpen && onOpen();
|
|
121
103
|
};
|
|
122
|
-
|
|
123
104
|
var close = function close() {
|
|
124
105
|
if (innerVisible) {
|
|
125
106
|
setInnerVisible(false);
|
|
126
|
-
|
|
127
107
|
if (destroyOnClose) {
|
|
128
108
|
setTimeout(function () {
|
|
129
109
|
setShowChildren(false);
|
|
@@ -132,45 +112,36 @@ var Popup = function Popup(props) {
|
|
|
132
112
|
}
|
|
133
113
|
}
|
|
134
114
|
};
|
|
135
|
-
|
|
136
115
|
var onHandleClickOverlay = function onHandleClickOverlay(e) {
|
|
137
116
|
if (closeOnClickOverlay) {
|
|
138
117
|
onClickOverlay && onClickOverlay(e);
|
|
139
118
|
close();
|
|
140
119
|
}
|
|
141
120
|
};
|
|
142
|
-
|
|
143
121
|
var onHandleClick = function onHandleClick(e) {
|
|
144
122
|
onClick && onClick(e);
|
|
145
123
|
};
|
|
146
|
-
|
|
147
124
|
var onHandleClickCloseIcon = function onHandleClickCloseIcon(e) {
|
|
148
125
|
onClickCloseIcon && onClickCloseIcon(e);
|
|
149
126
|
close();
|
|
150
127
|
};
|
|
151
|
-
|
|
152
128
|
var onHandleOpened = function onHandleOpened(e) {
|
|
153
129
|
onOpened && onOpened(e);
|
|
154
130
|
};
|
|
155
|
-
|
|
156
131
|
var onHandleClosed = function onHandleClosed(e) {
|
|
157
132
|
onClosed && onClosed(e);
|
|
158
133
|
};
|
|
159
|
-
|
|
160
134
|
var resolveContainer = function resolveContainer(getContainer) {
|
|
161
135
|
var container = typeof getContainer === 'function' ? getContainer() : getContainer;
|
|
162
136
|
return container || document.body;
|
|
163
137
|
};
|
|
164
|
-
|
|
165
138
|
var renderToContainer = function renderToContainer(getContainer, node) {
|
|
166
139
|
if (getContainer) {
|
|
167
140
|
var container = resolveContainer(getContainer);
|
|
168
141
|
return createPortal(node, container);
|
|
169
142
|
}
|
|
170
|
-
|
|
171
143
|
return node;
|
|
172
144
|
};
|
|
173
|
-
|
|
174
145
|
var renderPop = function renderPop() {
|
|
175
146
|
return React__default.createElement(CSSTransition, {
|
|
176
147
|
classNames: transitionName,
|
|
@@ -193,7 +164,6 @@ var Popup = function Popup(props) {
|
|
|
193
164
|
size: "12px"
|
|
194
165
|
})) : ''));
|
|
195
166
|
};
|
|
196
|
-
|
|
197
167
|
var renderNode = function renderNode() {
|
|
198
168
|
return React__default.createElement(React__default.Fragment, null, overlay ? React__default.createElement(React__default.Fragment, null, React__default.createElement(Overlay, {
|
|
199
169
|
style: overlayStyles,
|
|
@@ -206,7 +176,6 @@ var Popup = function Popup(props) {
|
|
|
206
176
|
onClick: onHandleClickOverlay
|
|
207
177
|
}), renderPop()) : React__default.createElement(React__default.Fragment, null, renderPop()));
|
|
208
178
|
};
|
|
209
|
-
|
|
210
179
|
useEffect(function () {
|
|
211
180
|
visible && open();
|
|
212
181
|
!visible && close();
|
|
@@ -216,7 +185,6 @@ var Popup = function Popup(props) {
|
|
|
216
185
|
}, [position]);
|
|
217
186
|
return React__default.createElement(React__default.Fragment, null, renderToContainer(teleport, renderNode()));
|
|
218
187
|
};
|
|
219
|
-
|
|
220
188
|
Popup.defaultProps = defaultProps;
|
|
221
189
|
Popup.displayName = 'NutPopup';
|
|
222
190
|
export { Popup as P };
|
|
@@ -1,11 +1,8 @@
|
|
|
1
1
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
2
2
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
3
3
|
var _excluded = ["price", "needSymbol", "symbol", "decimalDigits", "thousands", "className"];
|
|
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 from 'react';
|
|
10
7
|
import { c as cn } from './bem-893ad28d.js';
|
|
11
8
|
var defaultProps = {
|
|
@@ -16,19 +13,16 @@ var defaultProps = {
|
|
|
16
13
|
thousands: false,
|
|
17
14
|
className: ''
|
|
18
15
|
};
|
|
19
|
-
|
|
20
16
|
var Price = function Price(props) {
|
|
21
17
|
var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
18
|
+
price = _defaultProps$props.price,
|
|
19
|
+
needSymbol = _defaultProps$props.needSymbol,
|
|
20
|
+
symbol = _defaultProps$props.symbol,
|
|
21
|
+
decimalDigits = _defaultProps$props.decimalDigits,
|
|
22
|
+
thousands = _defaultProps$props.thousands,
|
|
23
|
+
className = _defaultProps$props.className,
|
|
24
|
+
rest = _objectWithoutProperties(_defaultProps$props, _excluded);
|
|
30
25
|
var b = cn('price');
|
|
31
|
-
|
|
32
26
|
var replaceSpecialChar = function replaceSpecialChar(symbol) {
|
|
33
27
|
var desSymbol = symbol;
|
|
34
28
|
desSymbol = symbol.replace(/"/g, '"');
|
|
@@ -39,53 +33,43 @@ var Price = function Price(props) {
|
|
|
39
33
|
desSymbol = symbol.replace(/¥/g, '¥');
|
|
40
34
|
return desSymbol;
|
|
41
35
|
};
|
|
42
|
-
|
|
43
36
|
var showSymbol = function showSymbol() {
|
|
44
37
|
return {
|
|
45
38
|
__html: (needSymbol ? replaceSpecialChar(symbol) : '') || ''
|
|
46
39
|
};
|
|
47
40
|
};
|
|
48
|
-
|
|
49
41
|
var checkPoint = function checkPoint(price) {
|
|
50
42
|
return String(price).indexOf('.') > 0;
|
|
51
43
|
};
|
|
52
|
-
|
|
53
44
|
var formatThousands = function formatThousands(num) {
|
|
54
45
|
if (Number(num) === 0) {
|
|
55
46
|
num = 0;
|
|
56
47
|
}
|
|
57
|
-
|
|
58
48
|
if (checkPoint(num)) {
|
|
59
49
|
num = Number(num).toFixed(decimalDigits);
|
|
60
50
|
num = typeof num.split('.') === 'string' ? num.split('.') : num.split('.')[0];
|
|
61
51
|
} else {
|
|
62
52
|
num = num.toString();
|
|
63
53
|
}
|
|
64
|
-
|
|
65
54
|
if (thousands) {
|
|
66
55
|
return (num || 0).toString().replace(/(\d)(?=(?:\d{3})+$)/g, '$1,');
|
|
67
56
|
}
|
|
68
|
-
|
|
69
57
|
return num;
|
|
70
58
|
};
|
|
71
|
-
|
|
72
59
|
var formatDecimal = function formatDecimal(decimalNum) {
|
|
73
60
|
if (Number(decimalNum) === 0) {
|
|
74
61
|
decimalNum = 0;
|
|
75
62
|
}
|
|
76
|
-
|
|
77
63
|
if (checkPoint(decimalNum)) {
|
|
78
64
|
decimalNum = Number(decimalNum).toFixed(decimalDigits);
|
|
79
65
|
decimalNum = typeof decimalNum.split('.') === 'string' ? 0 : decimalNum.split('.')[1];
|
|
80
66
|
} else {
|
|
81
67
|
decimalNum = 0;
|
|
82
68
|
}
|
|
83
|
-
|
|
84
69
|
var result = "0.".concat(decimalNum);
|
|
85
70
|
var resultFixed = Number(result).toFixed(decimalDigits);
|
|
86
71
|
return String(resultFixed).substring(2, resultFixed.length);
|
|
87
72
|
};
|
|
88
|
-
|
|
89
73
|
return React__default.createElement("div", _objectSpread({
|
|
90
74
|
className: "".concat(b(), " ").concat(className)
|
|
91
75
|
}, rest), needSymbol ? React__default.createElement("div", {
|
|
@@ -99,7 +83,6 @@ var Price = function Price(props) {
|
|
|
99
83
|
className: "".concat(b('small'))
|
|
100
84
|
}, formatDecimal(price)));
|
|
101
85
|
};
|
|
102
|
-
|
|
103
86
|
Price.defaultProps = defaultProps;
|
|
104
87
|
Price.displayName = 'NutPrice';
|
|
105
88
|
export { Price as P };
|
|
@@ -1,17 +1,13 @@
|
|
|
1
1
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
2
2
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
3
3
|
var _excluded = ["className", "style", "isShowPercentage", "percentage", "fillColor", "strokeColor", "strokeWidth", "size", "textColor", "textWidth", "showText", "textInside", "textBackground", "textType", "status", "iconName", "iconColor", "iconSize", "rounded", "children", "iconClassPrefix", "iconFontClassName"];
|
|
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 from 'react';
|
|
10
7
|
import classNames from 'classnames';
|
|
11
8
|
import { I as Icon } from './icon-8dc4de10.js';
|
|
12
9
|
import { c as cn } from './bem-893ad28d.js';
|
|
13
10
|
import { C as ComponentDefaults } from './typings-1c5f2628.js';
|
|
14
|
-
|
|
15
11
|
var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
|
|
16
12
|
className: '',
|
|
17
13
|
style: {},
|
|
@@ -33,35 +29,32 @@ var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
|
|
|
33
29
|
rounded: true,
|
|
34
30
|
children: undefined
|
|
35
31
|
});
|
|
36
|
-
|
|
37
32
|
var Progress = function Progress(props) {
|
|
38
33
|
var _classNames, _classNames2, _classNames4;
|
|
39
|
-
|
|
40
34
|
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
|
-
|
|
63
|
-
|
|
64
|
-
|
|
35
|
+
className = _defaultProps$props.className,
|
|
36
|
+
style = _defaultProps$props.style,
|
|
37
|
+
isShowPercentage = _defaultProps$props.isShowPercentage,
|
|
38
|
+
percentage = _defaultProps$props.percentage,
|
|
39
|
+
fillColor = _defaultProps$props.fillColor,
|
|
40
|
+
strokeColor = _defaultProps$props.strokeColor,
|
|
41
|
+
strokeWidth = _defaultProps$props.strokeWidth,
|
|
42
|
+
size = _defaultProps$props.size,
|
|
43
|
+
textColor = _defaultProps$props.textColor,
|
|
44
|
+
textWidth = _defaultProps$props.textWidth,
|
|
45
|
+
showText = _defaultProps$props.showText,
|
|
46
|
+
textInside = _defaultProps$props.textInside,
|
|
47
|
+
textBackground = _defaultProps$props.textBackground,
|
|
48
|
+
textType = _defaultProps$props.textType,
|
|
49
|
+
status = _defaultProps$props.status,
|
|
50
|
+
iconName = _defaultProps$props.iconName,
|
|
51
|
+
iconColor = _defaultProps$props.iconColor,
|
|
52
|
+
iconSize = _defaultProps$props.iconSize,
|
|
53
|
+
rounded = _defaultProps$props.rounded,
|
|
54
|
+
children = _defaultProps$props.children,
|
|
55
|
+
iconClassPrefix = _defaultProps$props.iconClassPrefix,
|
|
56
|
+
iconFontClassName = _defaultProps$props.iconFontClassName,
|
|
57
|
+
rest = _objectWithoutProperties(_defaultProps$props, _excluded);
|
|
65
58
|
var b = cn('progress');
|
|
66
59
|
var classes = classNames(b(''));
|
|
67
60
|
var classesOuter = classNames((_classNames = {}, _defineProperty(_classNames, "".concat(b(''), "-outer"), true), _defineProperty(_classNames, "".concat(b(''), "-").concat(size || 'base'), true), _classNames));
|
|
@@ -129,7 +122,6 @@ var Progress = function Progress(props) {
|
|
|
129
122
|
color: iconColor
|
|
130
123
|
})));
|
|
131
124
|
};
|
|
132
|
-
|
|
133
125
|
Progress.defaultProps = defaultProps;
|
|
134
126
|
Progress.displayName = 'NutProgress';
|
|
135
127
|
export { Progress as P };
|