@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
|
@@ -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
|
var defaultProps = {
|
|
@@ -17,52 +14,42 @@ var defaultProps = {
|
|
|
17
14
|
inactiveText: '',
|
|
18
15
|
className: ''
|
|
19
16
|
};
|
|
20
|
-
|
|
21
17
|
var Switch = function Switch(props) {
|
|
22
18
|
var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
19
|
+
isAsync = _defaultProps$props.isAsync,
|
|
20
|
+
checked = _defaultProps$props.checked,
|
|
21
|
+
disable = _defaultProps$props.disable,
|
|
22
|
+
activeColor = _defaultProps$props.activeColor,
|
|
23
|
+
inactiveColor = _defaultProps$props.inactiveColor,
|
|
24
|
+
activeText = _defaultProps$props.activeText,
|
|
25
|
+
inactiveText = _defaultProps$props.inactiveText,
|
|
26
|
+
change = _defaultProps$props.change,
|
|
27
|
+
className = _defaultProps$props.className,
|
|
28
|
+
style = _defaultProps$props.style;
|
|
34
29
|
var _useState = useState(false),
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
30
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
31
|
+
value = _useState2[0],
|
|
32
|
+
setValue = _useState2[1];
|
|
39
33
|
var b = cn('switch');
|
|
40
34
|
useEffect(function () {
|
|
41
35
|
setValue(checked);
|
|
42
36
|
}, [checked]);
|
|
43
|
-
|
|
44
37
|
var classes = function classes() {
|
|
45
38
|
return "".concat(b(), " ").concat(value ? 'switch-open' : 'switch-close', " ").concat(disable ? "".concat(b(), "-disable") : '', " ", "".concat(b(), "-base"), " ").concat(className);
|
|
46
39
|
};
|
|
47
|
-
|
|
48
40
|
var styles = function styles() {
|
|
49
41
|
var myStyle = _objectSpread({
|
|
50
42
|
backgroundColor: value ? activeColor : inactiveColor
|
|
51
43
|
}, style || {});
|
|
52
|
-
|
|
53
44
|
return myStyle;
|
|
54
45
|
};
|
|
55
|
-
|
|
56
46
|
var _onClick = function onClick(event) {
|
|
57
47
|
if (disable) return;
|
|
58
|
-
|
|
59
48
|
if (!isAsync) {
|
|
60
49
|
setValue(!value);
|
|
61
50
|
}
|
|
62
|
-
|
|
63
51
|
change && change(!value, event);
|
|
64
52
|
};
|
|
65
|
-
|
|
66
53
|
return React__default.createElement("div", {
|
|
67
54
|
className: classes(),
|
|
68
55
|
onClick: function onClick(e) {
|
|
@@ -79,7 +66,6 @@ var Switch = function Switch(props) {
|
|
|
79
66
|
className: "".concat(b('label'), " close")
|
|
80
67
|
}, inactiveText))));
|
|
81
68
|
};
|
|
82
|
-
|
|
83
69
|
Switch.defaultProps = defaultProps;
|
|
84
70
|
Switch.displayName = 'NutSwitch';
|
|
85
71
|
export { Switch as S };
|
|
@@ -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 } from 'react';
|
|
9
6
|
import { c as cn } from './bem-893ad28d.js';
|
|
10
7
|
var defaultProps = {
|
|
@@ -18,31 +15,26 @@ var defaultProps = {
|
|
|
18
15
|
style: {},
|
|
19
16
|
tabSwitch: function tabSwitch() {}
|
|
20
17
|
};
|
|
21
|
-
|
|
22
18
|
var Tabbar = function Tabbar(props) {
|
|
23
19
|
var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
20
|
+
children = _defaultProps$props.children,
|
|
21
|
+
visible = _defaultProps$props.visible,
|
|
22
|
+
bottom = _defaultProps$props.bottom,
|
|
23
|
+
size = _defaultProps$props.size,
|
|
24
|
+
activeColor = _defaultProps$props.activeColor,
|
|
25
|
+
unactiveColor = _defaultProps$props.unactiveColor,
|
|
26
|
+
safeAreaInsetBottom = _defaultProps$props.safeAreaInsetBottom,
|
|
27
|
+
className = _defaultProps$props.className,
|
|
28
|
+
style = _defaultProps$props.style,
|
|
29
|
+
tabSwitch = _defaultProps$props.tabSwitch;
|
|
35
30
|
var b = cn('tabbar');
|
|
36
|
-
|
|
37
31
|
var _useState = useState(visible),
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
32
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
33
|
+
selectIndex = _useState2[0],
|
|
34
|
+
setSelectIndex = _useState2[1];
|
|
42
35
|
var _handleClick = function handleClick(idx) {
|
|
43
36
|
setSelectIndex(idx);
|
|
44
37
|
};
|
|
45
|
-
|
|
46
38
|
return React__default.createElement("div", {
|
|
47
39
|
className: ["".concat(b()), bottom ? "".concat(b('bottom')) : '', safeAreaInsetBottom ? "".concat(b('safebottom')) : '', className].join(' '),
|
|
48
40
|
style: style
|
|
@@ -50,7 +42,6 @@ var Tabbar = function Tabbar(props) {
|
|
|
50
42
|
if (!React__default.isValidElement(child)) {
|
|
51
43
|
return null;
|
|
52
44
|
}
|
|
53
|
-
|
|
54
45
|
var childProps = _objectSpread(_objectSpread({}, child.props), {}, {
|
|
55
46
|
active: idx === selectIndex,
|
|
56
47
|
index: idx,
|
|
@@ -59,15 +50,12 @@ var Tabbar = function Tabbar(props) {
|
|
|
59
50
|
size: size,
|
|
60
51
|
handleClick: function handleClick() {
|
|
61
52
|
_handleClick(idx);
|
|
62
|
-
|
|
63
53
|
tabSwitch(child, idx);
|
|
64
54
|
}
|
|
65
55
|
});
|
|
66
|
-
|
|
67
56
|
return React__default.cloneElement(child, childProps);
|
|
68
57
|
}));
|
|
69
58
|
};
|
|
70
|
-
|
|
71
59
|
Tabbar.defaultProps = defaultProps;
|
|
72
60
|
Tabbar.displayName = 'NutTabbar';
|
|
73
61
|
export { Tabbar as T };
|
|
@@ -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, { useEffect } from 'react';
|
|
8
5
|
import { useHistory } from 'react-router-dom';
|
|
9
6
|
import { c as cn } from './bem-893ad28d.js';
|
|
10
7
|
import { I as Icon } from './icon.taro-1d0d4fb7.js';
|
|
11
8
|
import { C as ComponentDefaults } from './typings-1c5f2628.js';
|
|
12
|
-
|
|
13
9
|
var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
|
|
14
10
|
dot: false,
|
|
15
11
|
size: '',
|
|
@@ -25,25 +21,23 @@ var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
|
|
|
25
21
|
index: 0,
|
|
26
22
|
handleClick: function handleClick(idx) {}
|
|
27
23
|
});
|
|
28
|
-
|
|
29
24
|
var TabbarItem = function TabbarItem(props) {
|
|
30
25
|
var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
26
|
+
dot = _defaultProps$props.dot,
|
|
27
|
+
size = _defaultProps$props.size,
|
|
28
|
+
classPrefix = _defaultProps$props.classPrefix,
|
|
29
|
+
tabTitle = _defaultProps$props.tabTitle,
|
|
30
|
+
icon = _defaultProps$props.icon,
|
|
31
|
+
href = _defaultProps$props.href,
|
|
32
|
+
to = _defaultProps$props.to,
|
|
33
|
+
num = _defaultProps$props.num,
|
|
34
|
+
active = _defaultProps$props.active,
|
|
35
|
+
activeColor = _defaultProps$props.activeColor,
|
|
36
|
+
unactiveColor = _defaultProps$props.unactiveColor,
|
|
37
|
+
index = _defaultProps$props.index,
|
|
38
|
+
handleClick = _defaultProps$props.handleClick,
|
|
39
|
+
iconClassPrefix = _defaultProps$props.iconClassPrefix,
|
|
40
|
+
iconFontClassName = _defaultProps$props.iconFontClassName;
|
|
47
41
|
var b = cn('tabbar-item');
|
|
48
42
|
var bIcon = cn('tabbar-item__icon-box');
|
|
49
43
|
var history = useHistory();
|
|
@@ -52,7 +46,6 @@ var TabbarItem = function TabbarItem(props) {
|
|
|
52
46
|
window.location.href = href;
|
|
53
47
|
return;
|
|
54
48
|
}
|
|
55
|
-
|
|
56
49
|
if (active && to) {
|
|
57
50
|
history.push(to);
|
|
58
51
|
}
|
|
@@ -88,5 +81,4 @@ var TabbarItem = function TabbarItem(props) {
|
|
|
88
81
|
})])
|
|
89
82
|
}, tabTitle)));
|
|
90
83
|
};
|
|
91
|
-
|
|
92
84
|
export { TabbarItem as T };
|
|
@@ -2,18 +2,14 @@ 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", "className", "style", "columns", "data", "bordered", "summary", "striped", "noData", "onSorter", "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 { c as cn } from './bem-893ad28d.js';
|
|
13
10
|
import { I as Icon } from './icon.taro-1d0d4fb7.js';
|
|
14
11
|
import { u as useConfig } from './configprovider.taro-6c7b3056.js';
|
|
15
12
|
import { C as ComponentDefaults } from './typings-1c5f2628.js';
|
|
16
|
-
|
|
17
13
|
var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
|
|
18
14
|
className: '',
|
|
19
15
|
style: {},
|
|
@@ -23,33 +19,28 @@ var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
|
|
|
23
19
|
striped: false,
|
|
24
20
|
noData: '无数据'
|
|
25
21
|
});
|
|
26
|
-
|
|
27
22
|
var Table = function Table(props) {
|
|
28
23
|
var _useConfig = useConfig(),
|
|
29
|
-
|
|
30
|
-
|
|
24
|
+
locale = _useConfig.locale;
|
|
31
25
|
defaultProps.noData = locale.noData;
|
|
32
|
-
|
|
33
26
|
var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
27
|
+
children = _defaultProps$props.children,
|
|
28
|
+
className = _defaultProps$props.className,
|
|
29
|
+
style = _defaultProps$props.style,
|
|
30
|
+
columns = _defaultProps$props.columns,
|
|
31
|
+
data = _defaultProps$props.data,
|
|
32
|
+
bordered = _defaultProps$props.bordered,
|
|
33
|
+
summary = _defaultProps$props.summary,
|
|
34
|
+
striped = _defaultProps$props.striped,
|
|
35
|
+
noData = _defaultProps$props.noData,
|
|
36
|
+
onSorter = _defaultProps$props.onSorter,
|
|
37
|
+
iconClassPrefix = _defaultProps$props.iconClassPrefix,
|
|
38
|
+
iconFontClassName = _defaultProps$props.iconFontClassName,
|
|
39
|
+
rest = _objectWithoutProperties(_defaultProps$props, _excluded);
|
|
48
40
|
var _useState = useState(data),
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
41
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
42
|
+
curData = _useState2[0],
|
|
43
|
+
setCurData = _useState2[1];
|
|
53
44
|
useEffect(function () {
|
|
54
45
|
if (data && String(data) !== String(curData)) {
|
|
55
46
|
setCurData(data);
|
|
@@ -58,11 +49,9 @@ var Table = function Table(props) {
|
|
|
58
49
|
var b = cn('table');
|
|
59
50
|
var classes = classNames({});
|
|
60
51
|
var cls = classNames(b(), classes, className);
|
|
61
|
-
|
|
62
52
|
var handleSorterClick = function handleSorterClick(item) {
|
|
63
53
|
if (item.sorter) {
|
|
64
54
|
onSorter && onSorter(item, curData);
|
|
65
|
-
|
|
66
55
|
if (typeof item.sorter === 'function') {
|
|
67
56
|
setCurData(curData.sort(item.sorter));
|
|
68
57
|
} else {
|
|
@@ -70,19 +59,16 @@ var Table = function Table(props) {
|
|
|
70
59
|
}
|
|
71
60
|
}
|
|
72
61
|
};
|
|
73
|
-
|
|
74
62
|
var cellClasses = function cellClasses(item) {
|
|
75
63
|
return _defineProperty({
|
|
76
64
|
'nut-table__main__head__tr--border': props.bordered
|
|
77
65
|
}, "nut-table__main__head__tr--align".concat(item.align ? item.align : ''), true);
|
|
78
66
|
};
|
|
79
|
-
|
|
80
67
|
var getColumnItem = function getColumnItem(value) {
|
|
81
68
|
return columns.filter(function (item) {
|
|
82
69
|
return item.key === value;
|
|
83
70
|
})[0];
|
|
84
71
|
};
|
|
85
|
-
|
|
86
72
|
var renderHeadCells = function renderHeadCells() {
|
|
87
73
|
return columns.map(function (item, index) {
|
|
88
74
|
return React__default.createElement("span", {
|
|
@@ -99,26 +85,22 @@ var Table = function Table(props) {
|
|
|
99
85
|
}));
|
|
100
86
|
});
|
|
101
87
|
};
|
|
102
|
-
|
|
103
88
|
var sortDataItem = function sortDataItem() {
|
|
104
89
|
return columns.map(function (columns) {
|
|
105
90
|
return [columns.key, columns.render];
|
|
106
91
|
});
|
|
107
92
|
};
|
|
108
|
-
|
|
109
93
|
var renderBodyTds = function renderBodyTds(item) {
|
|
110
94
|
return sortDataItem().map(function (_ref2, index) {
|
|
111
95
|
var _ref3 = _slicedToArray(_ref2, 2),
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
96
|
+
value = _ref3[0],
|
|
97
|
+
render = _ref3[1];
|
|
115
98
|
return React__default.createElement("span", {
|
|
116
99
|
className: classNames('nut-table__main__body__tr__td', cellClasses(getColumnItem(value))),
|
|
117
100
|
key: value
|
|
118
101
|
}, typeof item[value] === 'function' || typeof render === 'function' ? React__default.createElement("div", null, render ? render(item) : item[value](item)) : item[value]);
|
|
119
102
|
});
|
|
120
103
|
};
|
|
121
|
-
|
|
122
104
|
var renderBoyTrs = function renderBoyTrs() {
|
|
123
105
|
return curData.map(function (item, index) {
|
|
124
106
|
return React__default.createElement("div", {
|
|
@@ -127,7 +109,6 @@ var Table = function Table(props) {
|
|
|
127
109
|
}, renderBodyTds(item));
|
|
128
110
|
});
|
|
129
111
|
};
|
|
130
|
-
|
|
131
112
|
return React__default.createElement("div", _objectSpread({
|
|
132
113
|
className: cls,
|
|
133
114
|
style: style
|
|
@@ -153,7 +134,6 @@ var Table = function Table(props) {
|
|
|
153
134
|
className: "nut-table__nodata__text"
|
|
154
135
|
}, noData))));
|
|
155
136
|
};
|
|
156
|
-
|
|
157
137
|
Table.defaultProps = defaultProps;
|
|
158
138
|
Table.displayName = 'NutTable';
|
|
159
139
|
export { Table 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 classNames from 'classnames';
|
|
9
6
|
import { c as cn } from './bem-893ad28d.js';
|
|
@@ -13,14 +10,12 @@ var defaultProps = {
|
|
|
13
10
|
activeKey: '',
|
|
14
11
|
disabled: false
|
|
15
12
|
};
|
|
16
|
-
|
|
17
13
|
var TabPane = function TabPane(props) {
|
|
18
14
|
var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
15
|
+
children = _defaultProps$props.children,
|
|
16
|
+
paneKey = _defaultProps$props.paneKey,
|
|
17
|
+
activeKey = _defaultProps$props.activeKey,
|
|
18
|
+
autoHeightClassName = _defaultProps$props.autoHeightClassName;
|
|
24
19
|
var b = cn('tabpane');
|
|
25
20
|
var classes = classNames({
|
|
26
21
|
active: paneKey === activeKey
|
|
@@ -29,5 +24,4 @@ var TabPane = function TabPane(props) {
|
|
|
29
24
|
className: classes
|
|
30
25
|
}, children);
|
|
31
26
|
};
|
|
32
|
-
|
|
33
27
|
export { TabPane as T };
|
|
@@ -4,30 +4,22 @@ import _createClass from "@babel/runtime/helpers/createClass";
|
|
|
4
4
|
import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
|
|
5
5
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
6
6
|
var _excluded = ["value", "color", "background", "direction", "type", "titleScroll", "ellipsis", "animatedTime", "titleGutter", "size", "titleNode", "children", "onClick", "onChange", "className", "autoHeight", "iconClassPrefix", "iconFontClassName"];
|
|
7
|
-
|
|
8
7
|
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; }
|
|
9
|
-
|
|
10
8
|
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; }
|
|
11
|
-
|
|
12
9
|
import React__default, { useState, useRef, useEffect } from 'react';
|
|
13
10
|
import classNames from 'classnames';
|
|
14
11
|
import { c as cn } from './bem-893ad28d.js';
|
|
15
12
|
import { I as Icon } from './icon.taro-1d0d4fb7.js';
|
|
16
13
|
import { C as ComponentDefaults } from './typings-1c5f2628.js';
|
|
17
|
-
|
|
18
|
-
|
|
14
|
+
var Title = /*#__PURE__*/_createClass(
|
|
15
|
+
// eslint-disable-next-line no-useless-constructor
|
|
19
16
|
function Title() {
|
|
20
17
|
_classCallCheck(this, Title);
|
|
21
|
-
|
|
22
18
|
_defineProperty(this, "title", '');
|
|
23
|
-
|
|
24
19
|
_defineProperty(this, "paneKey", '');
|
|
25
|
-
|
|
26
20
|
_defineProperty(this, "disabled", false);
|
|
27
|
-
|
|
28
21
|
_defineProperty(this, "index", 0);
|
|
29
22
|
});
|
|
30
|
-
|
|
31
23
|
var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
|
|
32
24
|
value: 0,
|
|
33
25
|
color: '',
|
|
@@ -41,66 +33,57 @@ var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
|
|
|
41
33
|
size: 'normal',
|
|
42
34
|
autoHeight: false
|
|
43
35
|
});
|
|
44
|
-
|
|
45
36
|
var pxCheck = function pxCheck(value) {
|
|
46
37
|
return Number.isNaN(Number(value)) ? String(value) : "".concat(value, "px");
|
|
47
38
|
};
|
|
48
|
-
|
|
49
39
|
var Tabs = function Tabs(props) {
|
|
50
40
|
var _classNames;
|
|
51
|
-
|
|
52
41
|
var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
42
|
+
value = _defaultProps$props.value,
|
|
43
|
+
color = _defaultProps$props.color,
|
|
44
|
+
background = _defaultProps$props.background,
|
|
45
|
+
direction = _defaultProps$props.direction,
|
|
46
|
+
type = _defaultProps$props.type,
|
|
47
|
+
titleScroll = _defaultProps$props.titleScroll,
|
|
48
|
+
ellipsis = _defaultProps$props.ellipsis,
|
|
49
|
+
animatedTime = _defaultProps$props.animatedTime,
|
|
50
|
+
titleGutter = _defaultProps$props.titleGutter,
|
|
51
|
+
size = _defaultProps$props.size,
|
|
52
|
+
titleNode = _defaultProps$props.titleNode,
|
|
53
|
+
children = _defaultProps$props.children,
|
|
54
|
+
onClick = _defaultProps$props.onClick,
|
|
55
|
+
onChange = _defaultProps$props.onChange,
|
|
56
|
+
className = _defaultProps$props.className,
|
|
57
|
+
autoHeight = _defaultProps$props.autoHeight,
|
|
58
|
+
iconClassPrefix = _defaultProps$props.iconClassPrefix,
|
|
59
|
+
iconFontClassName = _defaultProps$props.iconFontClassName,
|
|
60
|
+
rest = _objectWithoutProperties(_defaultProps$props, _excluded);
|
|
73
61
|
var _useState = useState({
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
62
|
+
index: 0
|
|
63
|
+
}),
|
|
64
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
65
|
+
currentItem = _useState2[0],
|
|
66
|
+
setCurrentItem = _useState2[1];
|
|
80
67
|
var titles = useRef([]);
|
|
81
68
|
useEffect(function () {
|
|
82
69
|
var currentIndex = 0;
|
|
83
|
-
titles.current = [];
|
|
84
|
-
|
|
70
|
+
titles.current = [];
|
|
71
|
+
// eslint-disable-next-line consistent-return
|
|
85
72
|
React__default.Children.forEach(children, function (child, idx) {
|
|
86
73
|
if (!React__default.isValidElement(child)) {
|
|
87
74
|
return null;
|
|
88
75
|
}
|
|
89
|
-
|
|
90
76
|
var title = new Title();
|
|
91
77
|
var childProps = child === null || child === void 0 ? void 0 : child.props;
|
|
92
|
-
|
|
93
78
|
if (childProps !== null && childProps !== void 0 && childProps.title || childProps !== null && childProps !== void 0 && childProps.paneKey) {
|
|
94
79
|
title.title = childProps === null || childProps === void 0 ? void 0 : childProps.title;
|
|
95
80
|
title.paneKey = (childProps === null || childProps === void 0 ? void 0 : childProps.paneKey) || idx;
|
|
96
81
|
title.disabled = childProps === null || childProps === void 0 ? void 0 : childProps.disabled;
|
|
97
82
|
title.index = idx;
|
|
98
|
-
|
|
99
83
|
if (title.paneKey === value) {
|
|
100
84
|
currentIndex = idx;
|
|
101
85
|
}
|
|
102
86
|
}
|
|
103
|
-
|
|
104
87
|
titles.current.push(title);
|
|
105
88
|
});
|
|
106
89
|
setCurrentItem(titles.current[currentIndex]);
|
|
@@ -123,18 +106,14 @@ var Tabs = function Tabs(props) {
|
|
|
123
106
|
transform: direction === 'horizontal' ? "translate3d(-".concat(index * 100, "%, 0, 0)") : "translate3d( 0,-".concat(index * 100, "%, 0)"),
|
|
124
107
|
transitionDuration: "".concat(animatedTime, "ms")
|
|
125
108
|
};
|
|
126
|
-
|
|
127
109
|
var tabChange = function tabChange(item, index) {
|
|
128
110
|
onClick && onClick(item);
|
|
129
|
-
|
|
130
111
|
if (item.disabled) {
|
|
131
112
|
return;
|
|
132
113
|
}
|
|
133
|
-
|
|
134
114
|
setCurrentItem(item);
|
|
135
115
|
onChange && onChange(item);
|
|
136
116
|
};
|
|
137
|
-
|
|
138
117
|
return React__default.createElement("div", _objectSpread({
|
|
139
118
|
className: classes
|
|
140
119
|
}, rest), React__default.createElement("div", {
|
|
@@ -174,25 +153,20 @@ var Tabs = function Tabs(props) {
|
|
|
174
153
|
style: contentStyle
|
|
175
154
|
}, React__default.Children.map(children, function (child, idx) {
|
|
176
155
|
var _child$props;
|
|
177
|
-
|
|
178
156
|
if (!React__default.isValidElement(child)) {
|
|
179
157
|
return null;
|
|
180
158
|
}
|
|
181
|
-
|
|
182
159
|
var childProps = _objectSpread(_objectSpread({}, child.props), {}, {
|
|
183
160
|
activeKey: value
|
|
184
161
|
});
|
|
185
|
-
|
|
186
162
|
if (String(value) !== String(((_child$props = child.props) === null || _child$props === void 0 ? void 0 : _child$props.paneKey) || idx) && autoHeight) {
|
|
187
163
|
childProps = _objectSpread(_objectSpread({}, childProps), {}, {
|
|
188
164
|
autoHeightClassName: 'inactive'
|
|
189
165
|
});
|
|
190
166
|
}
|
|
191
|
-
|
|
192
167
|
return React__default.cloneElement(child, childProps);
|
|
193
168
|
})));
|
|
194
169
|
};
|
|
195
|
-
|
|
196
170
|
Tabs.defaultProps = defaultProps;
|
|
197
171
|
Tabs.displayName = 'NutTabs';
|
|
198
172
|
export { Tabs as T };
|