@nutui/nutui-react 1.3.5 → 1.3.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +7 -0
- package/dist/esm/ActionSheet.js +15 -25
- package/dist/esm/Address.js +151 -221
- package/dist/esm/AnimatingNumbers.js +7 -31
- package/dist/esm/Audio.js +31 -66
- package/dist/esm/Avatar.js +25 -51
- package/dist/esm/AvatarGroup.js +2 -9
- package/dist/esm/BackTop.js +29 -55
- package/dist/esm/Badge.js +9 -20
- package/dist/esm/Barrage.js +8 -20
- package/dist/esm/Button.js +22 -37
- package/dist/esm/Calendar.js +23 -37
- package/dist/esm/CalendarItem.js +86 -186
- package/dist/esm/Card.js +14 -20
- package/dist/esm/Cascader.js +77 -197
- package/dist/esm/Cell.js +20 -30
- package/dist/esm/CellGroup.js +6 -12
- package/dist/esm/Checkbox.js +27 -48
- package/dist/esm/CheckboxGroup.js +12 -30
- package/dist/esm/CircleProgress.js +11 -28
- package/dist/esm/Col.js +11 -22
- package/dist/esm/Collapse.js +11 -27
- package/dist/esm/CollapseItem.js +33 -47
- package/dist/esm/ConfigProvider.js +4 -15
- package/dist/esm/CountDown.js +37 -74
- package/dist/esm/DatePicker.js +44 -106
- package/dist/esm/Dialog.js +31 -89
- package/dist/esm/Divider.js +8 -15
- package/dist/esm/Drag.js +30 -45
- package/dist/esm/Elevator.js +37 -74
- package/dist/esm/Empty.js +11 -24
- package/dist/esm/FixedNav.js +18 -29
- package/dist/esm/Grid.js +13 -28
- package/dist/esm/GridItem.js +18 -34
- package/dist/esm/ImagePreview.js +36 -71
- package/dist/esm/Indicator.js +9 -20
- package/dist/esm/Infiniteloading.js +26 -55
- package/dist/esm/Input.js +62 -106
- package/dist/esm/InputNumber.js +25 -52
- package/dist/esm/Layout.js +0 -6
- package/dist/esm/Menu.js +24 -46
- package/dist/esm/MenuItem.js +29 -52
- package/dist/esm/NavBar.js +18 -34
- package/dist/esm/NoticeBar.js +54 -102
- package/dist/esm/Notify.js +9 -38
- package/dist/esm/NumberKeyboard.js +21 -52
- package/dist/esm/Pagination.js +38 -71
- package/dist/esm/Picker.js +91 -178
- package/dist/esm/Popover.js +32 -72
- package/dist/esm/Popup.js +40 -72
- package/dist/esm/Price.js +7 -24
- package/dist/esm/Progress.js +35 -50
- package/dist/esm/PullToRefresh.js +28 -83
- package/dist/esm/Radio.js +24 -47
- package/dist/esm/RadioGroup.js +14 -24
- package/dist/esm/Range.js +44 -116
- package/dist/esm/Rate.js +21 -39
- package/dist/esm/Row.js +7 -16
- package/dist/esm/SearchBar.js +47 -68
- package/dist/esm/ShortPassword.js +29 -56
- package/dist/esm/SideNavBar.js +9 -16
- package/dist/esm/SideNavBarItem.js +4 -11
- package/dist/esm/Signature.js +13 -43
- package/dist/esm/Skeleton.js +13 -23
- package/dist/esm/Step.js +12 -28
- package/dist/esm/Steps.js +6 -14
- package/dist/esm/Sticky.js +24 -52
- package/dist/esm/SubSideNavBar.js +7 -22
- package/dist/esm/Swipe.js +15 -54
- package/dist/esm/Swiper.js +102 -186
- package/dist/esm/SwiperItem.js +2 -12
- package/dist/esm/Switch.js +13 -27
- package/dist/esm/Tabbar.js +13 -25
- package/dist/esm/TabbarItem.js +15 -23
- package/dist/esm/Table.js +19 -39
- package/dist/esm/Tag.js +19 -36
- package/dist/esm/TextArea.js +19 -43
- package/dist/esm/TimeDetail.js +15 -28
- package/dist/esm/TimePannel.js +5 -12
- package/dist/esm/TimeSelect.js +35 -59
- package/dist/esm/Toast.js +16 -49
- package/dist/esm/Uploader.js +57 -152
- package/dist/esm/Video.js +8 -19
- package/dist/esm/VirtualList.js +84 -118
- package/dist/esm/date-710f8c7c.js +9 -33
- package/dist/esm/get-scroll-parent-3dcd3f53.js +1 -9
- package/dist/esm/icon-8dc4de10.js +11 -21
- package/dist/esm/offsetContext-0e3d04b3.js +0 -3
- package/dist/esm/overlay-ed3eb37d.js +12 -23
- package/dist/esm/render-18227751.js +0 -11
- package/dist/esm/tabpane-c957ab14.js +4 -10
- package/dist/esm/tabs-0896a61b.js +28 -56
- 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/useClientRect-839d18c5.js +0 -5
- package/dist/esm/useTouch-a2ea68c6.js +27 -47
- 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 +424 -406
- package/dist/nutui.react.umd.js +416 -398
- 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 +2 -0
- package/package.json +1 -1
package/dist/esm/Cell.js
CHANGED
|
@@ -1,18 +1,14 @@
|
|
|
1
1
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
2
2
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
3
3
|
var _excluded = ["children", "click", "title", "subTitle", "desc", "descTextAlign", "isLink", "icon", "roundRadius", "url", "to", "replace", "center", "size", "className", "iconSlot", "linkSlot", "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 { useHistory } from 'react-router-dom';
|
|
11
8
|
import { c as cn } from './bem-893ad28d.js';
|
|
12
9
|
import Icon from './Icon.js';
|
|
13
10
|
import { C as ComponentDefaults } from './typings-1c5f2628.js';
|
|
14
11
|
import '@bem-react/classname';
|
|
15
|
-
|
|
16
12
|
var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
|
|
17
13
|
title: null,
|
|
18
14
|
subTitle: null,
|
|
@@ -31,43 +27,38 @@ var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
|
|
|
31
27
|
linkSlot: null,
|
|
32
28
|
click: function click(event) {}
|
|
33
29
|
});
|
|
34
|
-
|
|
35
30
|
var Cell = function Cell(props) {
|
|
36
31
|
var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
32
|
+
children = _defaultProps$props.children,
|
|
33
|
+
click = _defaultProps$props.click,
|
|
34
|
+
title = _defaultProps$props.title,
|
|
35
|
+
subTitle = _defaultProps$props.subTitle,
|
|
36
|
+
desc = _defaultProps$props.desc,
|
|
37
|
+
descTextAlign = _defaultProps$props.descTextAlign,
|
|
38
|
+
isLink = _defaultProps$props.isLink,
|
|
39
|
+
icon = _defaultProps$props.icon,
|
|
40
|
+
roundRadius = _defaultProps$props.roundRadius,
|
|
41
|
+
url = _defaultProps$props.url,
|
|
42
|
+
to = _defaultProps$props.to,
|
|
43
|
+
replace = _defaultProps$props.replace,
|
|
44
|
+
center = _defaultProps$props.center,
|
|
45
|
+
size = _defaultProps$props.size,
|
|
46
|
+
className = _defaultProps$props.className,
|
|
47
|
+
iconSlot = _defaultProps$props.iconSlot,
|
|
48
|
+
linkSlot = _defaultProps$props.linkSlot,
|
|
49
|
+
iconClassPrefix = _defaultProps$props.iconClassPrefix,
|
|
50
|
+
iconFontClassName = _defaultProps$props.iconFontClassName,
|
|
51
|
+
rest = _objectWithoutProperties(_defaultProps$props, _excluded);
|
|
58
52
|
var b = cn('cell');
|
|
59
53
|
var history = useHistory();
|
|
60
|
-
|
|
61
54
|
var handleClick = function handleClick(event) {
|
|
62
55
|
click(event);
|
|
63
|
-
|
|
64
56
|
if (to && history) {
|
|
65
57
|
history[replace ? 'replace' : 'push'](to);
|
|
66
58
|
} else if (url) {
|
|
67
59
|
replace ? window.location.replace(url) : window.location.href = url;
|
|
68
60
|
}
|
|
69
61
|
};
|
|
70
|
-
|
|
71
62
|
var baseStyle = {
|
|
72
63
|
borderRadius: Number.isNaN(Number(roundRadius)) ? String(roundRadius) : "".concat(roundRadius, "px")
|
|
73
64
|
};
|
|
@@ -110,7 +101,6 @@ var Cell = function Cell(props) {
|
|
|
110
101
|
className: b('link')
|
|
111
102
|
}) : linkSlot));
|
|
112
103
|
};
|
|
113
|
-
|
|
114
104
|
Cell.defaultProps = defaultProps;
|
|
115
105
|
Cell.displayName = 'NutCell';
|
|
116
106
|
export { Cell as default };
|
package/dist/esm/CellGroup.js
CHANGED
|
@@ -1,9 +1,6 @@
|
|
|
1
1
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
2
|
-
|
|
3
2
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
4
|
-
|
|
5
3
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
6
|
-
|
|
7
4
|
import React__default from 'react';
|
|
8
5
|
import { c as cn } from './bem-893ad28d.js';
|
|
9
6
|
import '@bem-react/classname';
|
|
@@ -14,16 +11,14 @@ var defaultProps = {
|
|
|
14
11
|
descSlot: null,
|
|
15
12
|
classPrefix: 'nutui-cell-group'
|
|
16
13
|
};
|
|
17
|
-
|
|
18
14
|
var CellGroup = function CellGroup(props) {
|
|
19
15
|
var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
16
|
+
children = _defaultProps$props.children,
|
|
17
|
+
classPrefix = _defaultProps$props.classPrefix,
|
|
18
|
+
title = _defaultProps$props.title,
|
|
19
|
+
desc = _defaultProps$props.desc,
|
|
20
|
+
titleSlot = _defaultProps$props.titleSlot,
|
|
21
|
+
descSlot = _defaultProps$props.descSlot;
|
|
27
22
|
var b = cn('cell-group');
|
|
28
23
|
return React__default.createElement("div", {
|
|
29
24
|
className: b(null, [classPrefix])
|
|
@@ -35,7 +30,6 @@ var CellGroup = function CellGroup(props) {
|
|
|
35
30
|
className: b('wrap')
|
|
36
31
|
}, children));
|
|
37
32
|
};
|
|
38
|
-
|
|
39
33
|
CellGroup.defaultProps = defaultProps;
|
|
40
34
|
CellGroup.displayName = 'NutCellGroup';
|
|
41
35
|
export { CellGroup as default };
|
package/dist/esm/Checkbox.js
CHANGED
|
@@ -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 = ["iconName", "iconSize", "label", "className", "textPosition", "iconActiveName", "checked", "disabled", "onChange", "indeterminate", "iconClassPrefix", "iconFontClassName", "iconIndeterminateName", "getParentVals", "max"];
|
|
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 Icon from './Icon.js';
|
|
12
9
|
import CheckboxGroup from './CheckboxGroup.js';
|
|
13
10
|
import { c as cn } from './bem-893ad28d.js';
|
|
14
11
|
import { C as ComponentDefaults } from './typings-1c5f2628.js';
|
|
15
12
|
import '@bem-react/classname';
|
|
16
|
-
|
|
17
13
|
var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
|
|
18
14
|
checked: false,
|
|
19
15
|
disabled: false,
|
|
@@ -26,45 +22,38 @@ var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
|
|
|
26
22
|
iconIndeterminateName: 'check-disabled',
|
|
27
23
|
onChange: function onChange(state, label) {}
|
|
28
24
|
});
|
|
29
|
-
|
|
30
25
|
var Checkbox = function Checkbox(props) {
|
|
31
26
|
var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
|
|
32
|
-
|
|
33
|
-
|
|
27
|
+
children = _defaultProps$props.children;
|
|
34
28
|
var b = cn('checkbox');
|
|
35
|
-
|
|
36
29
|
var iconName = props.iconName,
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
30
|
+
iconSize = props.iconSize,
|
|
31
|
+
label = props.label,
|
|
32
|
+
className = props.className,
|
|
33
|
+
textPosition = props.textPosition,
|
|
34
|
+
iconActiveName = props.iconActiveName,
|
|
35
|
+
checked = props.checked,
|
|
36
|
+
disabled = props.disabled,
|
|
37
|
+
onChange = props.onChange,
|
|
38
|
+
indeterminate = props.indeterminate,
|
|
39
|
+
iconClassPrefix = props.iconClassPrefix,
|
|
40
|
+
iconFontClassName = props.iconFontClassName,
|
|
41
|
+
iconIndeterminateName = props.iconIndeterminateName,
|
|
42
|
+
getParentVals = props.getParentVals,
|
|
43
|
+
max = props.max,
|
|
44
|
+
rest = _objectWithoutProperties(props, _excluded);
|
|
53
45
|
var _useState = useState(checked),
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
46
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
47
|
+
innerChecked = _useState2[0],
|
|
48
|
+
setInnerChecked = _useState2[1];
|
|
58
49
|
var _useState3 = useState(disabled),
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
50
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
51
|
+
innerDisabled = _useState4[0],
|
|
52
|
+
setDisabled = _useState4[1];
|
|
63
53
|
var _useState5 = useState(indeterminate),
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
54
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
55
|
+
_indeterminate = _useState6[0],
|
|
56
|
+
setIndeterminate = _useState6[1];
|
|
68
57
|
useEffect(function () {
|
|
69
58
|
setInnerChecked(checked);
|
|
70
59
|
setDisabled(disabled);
|
|
@@ -72,19 +61,15 @@ var Checkbox = function Checkbox(props) {
|
|
|
72
61
|
useEffect(function () {
|
|
73
62
|
setIndeterminate(indeterminate);
|
|
74
63
|
}, [indeterminate]);
|
|
75
|
-
|
|
76
64
|
var getIconName = function getIconName() {
|
|
77
65
|
if (!innerChecked) {
|
|
78
66
|
return iconName;
|
|
79
67
|
}
|
|
80
|
-
|
|
81
68
|
if (_indeterminate) {
|
|
82
69
|
return iconIndeterminateName;
|
|
83
70
|
}
|
|
84
|
-
|
|
85
71
|
return iconActiveName;
|
|
86
72
|
};
|
|
87
|
-
|
|
88
73
|
var renderIcon = function renderIcon() {
|
|
89
74
|
return React__default.createElement(Icon, {
|
|
90
75
|
classPrefix: iconClassPrefix,
|
|
@@ -94,21 +79,18 @@ var Checkbox = function Checkbox(props) {
|
|
|
94
79
|
className: color()
|
|
95
80
|
});
|
|
96
81
|
};
|
|
97
|
-
|
|
98
82
|
var color = function color() {
|
|
99
83
|
if (innerDisabled) {
|
|
100
84
|
return 'nut-checkbox__icon--disable';
|
|
101
85
|
}
|
|
102
|
-
|
|
103
86
|
if (innerChecked) {
|
|
104
87
|
if (_indeterminate) {
|
|
105
88
|
return 'nut-checkbox__icon--indeterminate';
|
|
106
89
|
}
|
|
107
|
-
|
|
108
90
|
return 'nut-checkbox__icon';
|
|
109
91
|
}
|
|
110
|
-
|
|
111
|
-
|
|
92
|
+
return 'nut-checkbox__icon--unchecked';
|
|
93
|
+
// return !innerDisabled ? (!innerChecked ? '#d6d6d6' : '#fa2c19') : '#f5f5f5'
|
|
112
94
|
};
|
|
113
95
|
|
|
114
96
|
var renderLabel = function renderLabel() {
|
|
@@ -118,7 +100,6 @@ var Checkbox = function Checkbox(props) {
|
|
|
118
100
|
}), " ")
|
|
119
101
|
}, children || label);
|
|
120
102
|
};
|
|
121
|
-
|
|
122
103
|
var handleClick = function handleClick() {
|
|
123
104
|
if (!disabled) {
|
|
124
105
|
var latest = !innerChecked;
|
|
@@ -127,7 +108,6 @@ var Checkbox = function Checkbox(props) {
|
|
|
127
108
|
setInnerChecked(latest);
|
|
128
109
|
}
|
|
129
110
|
};
|
|
130
|
-
|
|
131
111
|
return React__default.createElement("div", _objectSpread(_objectSpread({
|
|
132
112
|
className: "".concat(b({
|
|
133
113
|
reverse: textPosition === 'left'
|
|
@@ -136,7 +116,6 @@ var Checkbox = function Checkbox(props) {
|
|
|
136
116
|
onClick: handleClick
|
|
137
117
|
}), renderIcon(), renderLabel());
|
|
138
118
|
};
|
|
139
|
-
|
|
140
119
|
Checkbox.defaultProps = defaultProps;
|
|
141
120
|
Checkbox.displayName = 'NutCheckBox';
|
|
142
121
|
Checkbox.Group = CheckboxGroup;
|
|
@@ -3,11 +3,8 @@ 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", "disabled", "onChange", "checkedValue", "max"];
|
|
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, { useState, useImperativeHandle, useEffect } from 'react';
|
|
12
9
|
import { c as cn } from './bem-893ad28d.js';
|
|
13
10
|
import '@bem-react/classname';
|
|
@@ -19,27 +16,22 @@ var defaultProps = {
|
|
|
19
16
|
};
|
|
20
17
|
var CheckboxGroup = React__default.forwardRef(function (props, ref) {
|
|
21
18
|
var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
|
|
22
|
-
|
|
23
|
-
|
|
19
|
+
children = _defaultProps$props.children;
|
|
24
20
|
var b = cn('checkboxgroup');
|
|
25
|
-
|
|
26
21
|
var className = props.className,
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
22
|
+
disabled = props.disabled,
|
|
23
|
+
onChange = props.onChange,
|
|
24
|
+
checkedValue = props.checkedValue,
|
|
25
|
+
max = props.max,
|
|
26
|
+
rest = _objectWithoutProperties(props, _excluded);
|
|
33
27
|
var _useState = useState(disabled),
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
28
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
29
|
+
innerDisabled = _useState2[0],
|
|
30
|
+
setInnerDisabled = _useState2[1];
|
|
38
31
|
var _useState3 = useState(checkedValue),
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
32
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
33
|
+
innerValue = _useState4[0],
|
|
34
|
+
setInnerValue = _useState4[1];
|
|
43
35
|
useImperativeHandle(ref, function () {
|
|
44
36
|
return {
|
|
45
37
|
toggleAll: function toggleAll(state) {
|
|
@@ -73,42 +65,33 @@ var CheckboxGroup = React__default.forwardRef(function (props, ref) {
|
|
|
73
65
|
setInnerDisabled(disabled);
|
|
74
66
|
setInnerValue(checkedValue);
|
|
75
67
|
}, [disabled, checkedValue]);
|
|
76
|
-
|
|
77
68
|
function handleChildChange(state, label) {
|
|
78
69
|
if (max !== undefined && innerValue && innerValue.length > max) return;
|
|
79
|
-
|
|
80
70
|
if (innerValue) {
|
|
81
71
|
var clippedValue = [];
|
|
82
|
-
|
|
83
72
|
if (state) {
|
|
84
73
|
clippedValue = [].concat(_toConsumableArray(innerValue), [label]);
|
|
85
74
|
} else {
|
|
86
75
|
innerValue === null || innerValue === void 0 ? void 0 : innerValue.splice(innerValue === null || innerValue === void 0 ? void 0 : innerValue.indexOf(label), 1);
|
|
87
76
|
clippedValue = _toConsumableArray(innerValue);
|
|
88
77
|
}
|
|
89
|
-
|
|
90
78
|
setInnerValue(clippedValue);
|
|
91
79
|
onChange && onChange(clippedValue);
|
|
92
80
|
}
|
|
93
81
|
}
|
|
94
|
-
|
|
95
82
|
function validateChildChecked(child) {
|
|
96
83
|
if (!innerValue) return false;
|
|
97
84
|
return (innerValue === null || innerValue === void 0 ? void 0 : innerValue.indexOf(child.props.label || child.children)) > -1;
|
|
98
85
|
}
|
|
99
|
-
|
|
100
86
|
function getParentVals() {
|
|
101
87
|
return innerValue;
|
|
102
88
|
}
|
|
103
|
-
|
|
104
89
|
function cloneChildren() {
|
|
105
90
|
return React__default.Children.map(children, function (child) {
|
|
106
91
|
var childChecked = validateChildChecked(child);
|
|
107
|
-
|
|
108
92
|
if (child.type.displayName !== 'NutCheckBox') {
|
|
109
93
|
return React__default.cloneElement(child);
|
|
110
94
|
}
|
|
111
|
-
|
|
112
95
|
return React__default.cloneElement(child, {
|
|
113
96
|
disabled: innerDisabled,
|
|
114
97
|
checked: childChecked,
|
|
@@ -118,7 +101,6 @@ var CheckboxGroup = React__default.forwardRef(function (props, ref) {
|
|
|
118
101
|
});
|
|
119
102
|
});
|
|
120
103
|
}
|
|
121
|
-
|
|
122
104
|
return React__default.createElement("div", _objectSpread({
|
|
123
105
|
className: "".concat(b(), " ").concat(className || '')
|
|
124
106
|
}, rest), cloneChildren());
|
|
@@ -2,20 +2,15 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
|
2
2
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
3
3
|
import _typeof from "@babel/runtime/helpers/typeof";
|
|
4
4
|
var _excluded = ["children", "progress", "className", "radius", "pathColor", "clockwise", "circleColor", "strokeWidth", "style", "strokeLinecap"];
|
|
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 from 'react';
|
|
11
8
|
import classNames from 'classnames';
|
|
12
9
|
import { c as cn } from './bem-893ad28d.js';
|
|
13
10
|
import '@bem-react/classname';
|
|
14
|
-
|
|
15
11
|
var isObject = function isObject(val) {
|
|
16
12
|
return val !== null && _typeof(val) === 'object';
|
|
17
13
|
};
|
|
18
|
-
|
|
19
14
|
var defaultProps = {
|
|
20
15
|
strokeWidth: 5,
|
|
21
16
|
radius: 50,
|
|
@@ -24,36 +19,30 @@ var defaultProps = {
|
|
|
24
19
|
pathColor: '',
|
|
25
20
|
clockwise: true
|
|
26
21
|
};
|
|
27
|
-
|
|
28
22
|
var CircleProgress = function CircleProgress(props) {
|
|
29
23
|
var _stop;
|
|
30
|
-
|
|
31
24
|
var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
25
|
+
children = _defaultProps$props.children,
|
|
26
|
+
progress = _defaultProps$props.progress,
|
|
27
|
+
className = _defaultProps$props.className,
|
|
28
|
+
radius = _defaultProps$props.radius,
|
|
29
|
+
pathColor = _defaultProps$props.pathColor,
|
|
30
|
+
clockwise = _defaultProps$props.clockwise,
|
|
31
|
+
circleColor = _defaultProps$props.circleColor,
|
|
32
|
+
strokeWidth = _defaultProps$props.strokeWidth,
|
|
33
|
+
style = _defaultProps$props.style,
|
|
34
|
+
strokeLinecap = _defaultProps$props.strokeLinecap,
|
|
35
|
+
restProps = _objectWithoutProperties(_defaultProps$props, _excluded);
|
|
44
36
|
var b = cn('circleprogress');
|
|
45
37
|
var classes = classNames(className, b(''));
|
|
46
38
|
var refRandomId = Math.random().toString(36).slice(-8);
|
|
47
|
-
|
|
48
39
|
var styles = _objectSpread({
|
|
49
40
|
height: "".concat(Number(radius) * 2, "px"),
|
|
50
41
|
width: "".concat(Number(radius) * 2, "px")
|
|
51
42
|
}, style);
|
|
52
|
-
|
|
53
43
|
var pathStyle = {
|
|
54
44
|
stroke: pathColor
|
|
55
45
|
};
|
|
56
|
-
|
|
57
46
|
var hoverStyle = function hoverStyle() {
|
|
58
47
|
var perimeter = 283;
|
|
59
48
|
var offset = perimeter * Number(progress) / 100;
|
|
@@ -62,21 +51,17 @@ var CircleProgress = function CircleProgress(props) {
|
|
|
62
51
|
strokeDasharray: "".concat(offset, "px ").concat(perimeter, "px")
|
|
63
52
|
};
|
|
64
53
|
};
|
|
65
|
-
|
|
66
54
|
var path = function path() {
|
|
67
55
|
var isWise = clockwise ? 1 : 0;
|
|
68
56
|
return "M 50 50 m -45 0 a 45 45 0 1 ".concat(isWise, " 90 0 a 45 45 0 1 ").concat(isWise, " -90 0");
|
|
69
57
|
};
|
|
70
|
-
|
|
71
58
|
var hoverColor = function hoverColor() {
|
|
72
59
|
return isObject(circleColor) ? "url(#".concat(refRandomId, ")") : circleColor;
|
|
73
60
|
};
|
|
74
|
-
|
|
75
61
|
var stop = function stop() {
|
|
76
62
|
if (!isObject(circleColor)) {
|
|
77
63
|
return;
|
|
78
64
|
}
|
|
79
|
-
|
|
80
65
|
var color = circleColor;
|
|
81
66
|
var colorArr = Object.keys(color).sort(function (a, b) {
|
|
82
67
|
return parseFloat(a) - parseFloat(b);
|
|
@@ -93,7 +78,6 @@ var CircleProgress = function CircleProgress(props) {
|
|
|
93
78
|
});
|
|
94
79
|
return stopArr;
|
|
95
80
|
};
|
|
96
|
-
|
|
97
81
|
return React__default.createElement("div", _objectSpread({
|
|
98
82
|
className: classes,
|
|
99
83
|
style: styles
|
|
@@ -130,7 +114,6 @@ var CircleProgress = function CircleProgress(props) {
|
|
|
130
114
|
className: "nut-circleprogress-text"
|
|
131
115
|
}, children || React__default.createElement("div", null, progress, "%")));
|
|
132
116
|
};
|
|
133
|
-
|
|
134
117
|
CircleProgress.defaultProps = defaultProps;
|
|
135
118
|
CircleProgress.displayName = 'NutCircleProgress';
|
|
136
119
|
export { CircleProgress as default };
|
package/dist/esm/Col.js
CHANGED
|
@@ -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, useContext, useEffect } from 'react';
|
|
9
6
|
import { D as DataContext } from './UserContext-be8097d2.js';
|
|
10
7
|
var defaultProps = {
|
|
@@ -12,33 +9,27 @@ var defaultProps = {
|
|
|
12
9
|
offset: '0',
|
|
13
10
|
gutter: '0'
|
|
14
11
|
};
|
|
15
|
-
|
|
16
12
|
var Col = function Col(props) {
|
|
17
13
|
var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
14
|
+
span = _defaultProps$props.span,
|
|
15
|
+
offset = _defaultProps$props.offset,
|
|
16
|
+
children = _defaultProps$props.children,
|
|
17
|
+
_onClick = _defaultProps$props.onClick;
|
|
23
18
|
var _useState = useState(''),
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
19
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
20
|
+
colName = _useState2[0],
|
|
21
|
+
setColName = _useState2[1];
|
|
28
22
|
var _useState3 = useState({}),
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
23
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
24
|
+
colStyle = _useState4[0],
|
|
25
|
+
setColStyle = _useState4[1];
|
|
33
26
|
var _useContext = useContext(DataContext),
|
|
34
|
-
|
|
35
|
-
|
|
27
|
+
gutter = _useContext.gutter;
|
|
36
28
|
var classs = function classs() {
|
|
37
29
|
// 定义col的class类
|
|
38
30
|
var prefixCls = 'nut-col';
|
|
39
31
|
return "".concat(prefixCls, " ").concat(prefixCls, "-").concat(span, " ").concat(gutter ? "".concat(prefixCls, "-gutter") : '', " ").concat(prefixCls, "-").concat(offset);
|
|
40
32
|
};
|
|
41
|
-
|
|
42
33
|
var getStyle = function getStyle() {
|
|
43
34
|
// 定义col的style类
|
|
44
35
|
var style = {};
|
|
@@ -46,7 +37,6 @@ var Col = function Col(props) {
|
|
|
46
37
|
style.paddingRight = "".concat(gutter / 2, "px");
|
|
47
38
|
return style;
|
|
48
39
|
};
|
|
49
|
-
|
|
50
40
|
useEffect(function () {
|
|
51
41
|
setColName(classs);
|
|
52
42
|
setColStyle(getStyle);
|
|
@@ -59,7 +49,6 @@ var Col = function Col(props) {
|
|
|
59
49
|
}
|
|
60
50
|
}, children);
|
|
61
51
|
};
|
|
62
|
-
|
|
63
52
|
Col.defaultProps = defaultProps;
|
|
64
53
|
Col.displayName = 'NutCol';
|
|
65
54
|
export { Col as default };
|
package/dist/esm/Collapse.js
CHANGED
|
@@ -1,11 +1,8 @@
|
|
|
1
1
|
import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
|
|
2
2
|
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
3
3
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
4
|
-
|
|
5
4
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
6
|
-
|
|
7
5
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
8
|
-
|
|
9
6
|
import React__default, { memo, useState, useEffect } from 'react';
|
|
10
7
|
import { c as cn } from './bem-893ad28d.js';
|
|
11
8
|
import '@bem-react/classname';
|
|
@@ -17,32 +14,26 @@ var defaultProps = {
|
|
|
17
14
|
iconColor: '',
|
|
18
15
|
rotate: 180
|
|
19
16
|
};
|
|
20
|
-
|
|
21
17
|
function areEqual(prevProps, nextProps) {
|
|
22
18
|
return JSON.stringify(prevProps.activeName) === JSON.stringify(nextProps.activeName);
|
|
23
19
|
}
|
|
24
|
-
|
|
25
20
|
var Collapse = memo(function (props) {
|
|
26
21
|
var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
22
|
+
children = _defaultProps$props.children,
|
|
23
|
+
activeName = _defaultProps$props.activeName,
|
|
24
|
+
accordion = _defaultProps$props.accordion,
|
|
25
|
+
icon = _defaultProps$props.icon,
|
|
26
|
+
rotate = _defaultProps$props.rotate,
|
|
27
|
+
iconSize = _defaultProps$props.iconSize,
|
|
28
|
+
iconColor = _defaultProps$props.iconColor,
|
|
29
|
+
change = _defaultProps$props.change;
|
|
36
30
|
var childrenDom = React__default.Children.toArray(children);
|
|
37
|
-
|
|
38
31
|
var _useState = useState([]),
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
32
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
33
|
+
defaultOpenIndex = _useState2[0],
|
|
34
|
+
setDefaultOpenIndex = _useState2[1];
|
|
43
35
|
var handleActiveName = function handleActiveName() {
|
|
44
36
|
var activeArr = [];
|
|
45
|
-
|
|
46
37
|
if (!Array.isArray(activeName)) {
|
|
47
38
|
activeArr.push(activeName.toString());
|
|
48
39
|
} else {
|
|
@@ -50,25 +41,20 @@ var Collapse = memo(function (props) {
|
|
|
50
41
|
if (accordion && activeName.length > 1) {
|
|
51
42
|
console.warn('手风琴模式不支持传递多个打开页签');
|
|
52
43
|
}
|
|
53
|
-
|
|
54
44
|
var activeNameStr = activeName.map(function (item) {
|
|
55
45
|
return item.toString();
|
|
56
46
|
});
|
|
57
47
|
activeArr = _toConsumableArray(activeNameStr);
|
|
58
48
|
}
|
|
59
|
-
|
|
60
49
|
return activeArr;
|
|
61
50
|
};
|
|
62
|
-
|
|
63
51
|
var colBem = cn('collapse');
|
|
64
52
|
useEffect(function () {
|
|
65
53
|
var activeArr = handleActiveName();
|
|
66
54
|
setDefaultOpenIndex(activeArr);
|
|
67
55
|
}, [activeName]);
|
|
68
|
-
|
|
69
56
|
var _onToggle = function onToggle(isOpen, name) {
|
|
70
57
|
var newOpenIndex = _toConsumableArray(defaultOpenIndex);
|
|
71
|
-
|
|
72
58
|
if (isOpen) {
|
|
73
59
|
// 当前状态为true,则变为false,闭合
|
|
74
60
|
var removeIndex = newOpenIndex.findIndex(function (value) {
|
|
@@ -84,11 +70,9 @@ var Collapse = memo(function (props) {
|
|
|
84
70
|
newOpenIndex.push(name);
|
|
85
71
|
}
|
|
86
72
|
}
|
|
87
|
-
|
|
88
73
|
setDefaultOpenIndex(newOpenIndex);
|
|
89
74
|
change && change(!isOpen, name);
|
|
90
75
|
};
|
|
91
|
-
|
|
92
76
|
return React__default.createElement("div", {
|
|
93
77
|
className: colBem()
|
|
94
78
|
}, childrenDom.map(function (item) {
|