@nutui/nutui-react-taro 1.3.5 → 1.3.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +7 -0
- package/dist/esm/Audio.js +4 -4
- package/dist/esm/Calendar.js +4 -4
- package/dist/esm/CalendarItem.js +3 -3
- package/dist/esm/DatePicker.js +4 -4
- package/dist/esm/Drag.js +3 -4
- package/dist/esm/Elevator.js +2 -4
- package/dist/esm/NoticeBar.js +3 -3
- package/dist/esm/Picker.js +3 -3
- package/dist/esm/Popover.js +3 -3
- package/dist/esm/Range.js +3 -3
- package/dist/esm/SearchBar.js +3 -2
- package/dist/esm/Signature.js +3 -2
- package/dist/esm/Swipe.js +3 -3
- package/dist/esm/actionsheet.taro-360d8d34.js +15 -25
- package/dist/esm/address.taro-f16cef31.js +151 -219
- package/dist/esm/animatingnumbers.taro-6f40a2e9.js +13 -41
- package/dist/esm/{audio.taro-29f5568f.js → audio.taro-57d4f0da.js} +33 -60
- package/dist/esm/avatar.taro-ec620cdd.js +25 -50
- package/dist/esm/avatargroup-5b2584d9.js +2 -9
- package/dist/esm/backtop.taro-aa8b2bc5.js +29 -55
- package/dist/esm/badge.taro-38684262.js +9 -20
- package/dist/esm/barrage.taro-d86c367a.js +8 -21
- package/dist/esm/button.taro-a9ebb937.js +22 -37
- package/dist/esm/{calendar.taro-438940bd.js → calendar.taro-533b3219.js} +13 -24
- package/dist/esm/{calendaritem.taro-11333579.js → calendaritem.taro-fe5dd4bd.js} +71 -183
- package/dist/esm/card.taro-1bc35ebe.js +14 -20
- package/dist/esm/cascader.taro-77100fb4.js +77 -197
- package/dist/esm/cell.taro-a4c3bb7b.js +20 -30
- package/dist/esm/cellgroup.taro-8c87bf08.js +6 -12
- package/dist/esm/checkbox.taro-104557c1.js +27 -48
- package/dist/esm/checkboxgroup.taro-3d380042.js +12 -30
- package/dist/esm/circleprogress.taro-3c89a157.js +14 -41
- package/dist/esm/col.taro-2a437387.js +11 -22
- package/dist/esm/collapse.taro-72e58ba2.js +11 -27
- package/dist/esm/collapseitem-75843a5e.js +33 -47
- package/dist/esm/configprovider-3e87d67a.js +2 -6
- package/dist/esm/configprovider.taro-6c7b3056.js +4 -14
- package/dist/esm/countdown.taro-f2d9ffed.js +37 -74
- package/dist/esm/{datepicker.taro-1acec61f.js → datepicker.taro-49a4cf0c.js} +43 -104
- package/dist/esm/dialog.taro-492e2b9a.js +27 -58
- package/dist/esm/divider.taro-5236fe6a.js +8 -15
- package/dist/esm/drag.taro-0717c783.js +153 -0
- package/dist/esm/{elevator.taro-8e385785.js → elevator.taro-443253ec.js} +99 -124
- package/dist/esm/empty.taro-ab9c4f03.js +11 -24
- package/dist/esm/fixednav.taro-582322a1.js +16 -27
- package/dist/esm/grid.taro-5d75c0ad.js +13 -28
- package/dist/esm/griditem.taro-866cd288.js +18 -34
- package/dist/esm/icon-8dc4de10.js +11 -21
- package/dist/esm/icon.taro-1d0d4fb7.js +11 -21
- package/dist/esm/imagepreview.taro-1199e977.js +36 -71
- package/dist/esm/indicator.taro-183ea169.js +9 -20
- package/dist/esm/infiniteloading.taro-b95e62bf.js +23 -49
- package/dist/esm/input.taro-2453d7c4.js +62 -106
- package/dist/esm/inputnumber.taro-0cf7c1b7.js +25 -52
- package/dist/esm/layout.taro-358f014f.js +0 -6
- package/dist/esm/menu.taro-9345dcfd.js +21 -41
- package/dist/esm/menuitem.taro-fc0961b7.js +29 -54
- package/dist/esm/navbar.taro-c931c078.js +18 -34
- package/dist/esm/{noticebar.taro-1fa04a96.js → noticebar.taro-332691f9.js} +55 -107
- package/dist/esm/notify.taro-d9c48fae.js +18 -34
- package/dist/esm/numberkeyboard.taro-53c350b8.js +21 -52
- package/dist/esm/nutui-react.es.js +16 -16
- package/dist/esm/offsetContext-0e3d04b3.js +0 -3
- package/dist/esm/overlay.taro-be45fed5.js +12 -23
- package/dist/esm/pagination.taro-62bbd23f.js +38 -71
- package/dist/esm/{picker.taro-6a4dad23.js → picker.taro-f003b725.js} +95 -186
- package/dist/esm/{popover.taro-eddd0bd2.js → popover.taro-7e5dff8c.js} +33 -76
- package/dist/esm/popup.taro-33d0bbc8.js +40 -72
- package/dist/esm/price.taro-97393d8f.js +7 -24
- package/dist/esm/progress.taro-623bc807.js +23 -31
- package/dist/esm/pulltorefresh.taro-e66c78ad.js +29 -92
- package/dist/esm/radio.taro-95d43860.js +24 -47
- package/dist/esm/radiogroup.taro-b5dad516.js +14 -24
- package/dist/esm/{range.taro-515d37a4.js → range.taro-fc7c0b6a.js} +50 -133
- package/dist/esm/rate.taro-69c85081.js +21 -39
- package/dist/esm/row.taro-cec13a7e.js +7 -16
- package/dist/esm/{searchbar.taro-f134fb96.js → searchbar.taro-0d3c0081.js} +55 -70
- package/dist/esm/shortpassword.taro-2e96ca22.js +29 -56
- package/dist/esm/sidenavbar.taro-87f056cd.js +9 -16
- package/dist/esm/sidenavbaritem.taro-77e077f4.js +4 -11
- package/dist/esm/signature.taro-59b3b3ab.js +146 -0
- package/dist/esm/skeleton.taro-b9ff84b9.js +13 -23
- package/dist/esm/step.taro-f1057500.js +12 -28
- package/dist/esm/steps.taro-943f4fbb.js +6 -14
- package/dist/esm/sticky.taro-30d4e453.js +0 -7
- package/dist/esm/subsidenavbar.taro-2c1fcf16.js +7 -22
- package/dist/esm/{swipe.taro-dfb9a049.js → swipe.taro-83bc248f.js} +98 -91
- package/dist/esm/swiper.taro-f314d67a.js +110 -196
- package/dist/esm/swiperitem-d00e7513.js +2 -12
- package/dist/esm/switch.taro-be5eb823.js +13 -27
- package/dist/esm/tabbar.taro-da72fa2c.js +13 -25
- package/dist/esm/tabbaritem.taro-94cd62c2.js +15 -23
- package/dist/esm/table.taro-7ac89a6c.js +19 -39
- package/dist/esm/tabpane.taro-95aa185b.js +4 -10
- package/dist/esm/tabs.taro-86186dff.js +28 -54
- package/dist/esm/tag.taro-95d7f5c2.js +19 -36
- package/dist/esm/textarea.taro-388d1f90.js +18 -35
- package/dist/esm/timedetail.taro-519808cf.js +15 -28
- package/dist/esm/timepannel.taro-9904f6e6.js +5 -12
- package/dist/esm/timeselect.taro-73796bfc.js +35 -59
- package/dist/esm/toast.taro-86862dff.js +26 -46
- package/dist/esm/types/src/packages/elevator/demo.d.ts +1 -0
- package/dist/esm/types/src/packages/searchbar/searchbar.d.ts +2 -0
- package/dist/esm/types/src/packages/searchbar/searchbar.taro.d.ts +2 -0
- package/dist/esm/types/src/packages/signature/signature.taro.d.ts +10 -2
- package/dist/esm/uploader.taro-6184abe7.js +52 -144
- package/dist/esm/{useClientRect-8b7cc406.js → useClientRect-bf69d7b3.js} +1 -40
- package/dist/esm/useTouch-a2ea68c6.js +27 -47
- package/dist/esm/video-c1090c92.js +8 -19
- package/dist/esm/virtuallist.taro-6858f690.js +84 -118
- package/dist/locales/base.js +1 -1
- package/dist/locales/en-US.js +1 -1
- package/dist/locales/id-ID.js +1 -1
- package/dist/locales/zh-CN.js +1 -1
- package/dist/locales/zh-TW.js +1 -1
- package/dist/nutui.react.es.js +10844 -11362
- package/dist/nutui.react.umd.js +10844 -11362
- package/dist/packages/searchbar/searchbar.scss +20 -3
- package/dist/style.css +1 -1
- package/dist/style.es.js +1 -1
- package/dist/types/index.d.ts +17 -8
- package/package.json +1 -1
- package/dist/esm/drag.taro-56e8c87a.js +0 -134
- package/dist/esm/signature.taro-a9286cd1.js +0 -178
|
@@ -1,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 Taro from '@tarojs/taro';
|
|
12
9
|
import { c as cn } from './bem-893ad28d.js';
|
|
13
10
|
import { I as Icon } from './icon.taro-1d0d4fb7.js';
|
|
14
11
|
import { C as ComponentDefaults } from './typings-1c5f2628.js';
|
|
15
|
-
|
|
16
12
|
var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
|
|
17
13
|
title: null,
|
|
18
14
|
subTitle: null,
|
|
@@ -31,36 +27,32 @@ 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) {
|
|
@@ -73,7 +65,6 @@ var Cell = function Cell(props) {
|
|
|
73
65
|
}
|
|
74
66
|
}
|
|
75
67
|
};
|
|
76
|
-
|
|
77
68
|
var baseStyle = {
|
|
78
69
|
borderRadius: Number.isNaN(Number(roundRadius)) ? String(roundRadius) : "".concat(roundRadius, "px")
|
|
79
70
|
};
|
|
@@ -116,7 +107,6 @@ var Cell = function Cell(props) {
|
|
|
116
107
|
className: b('link')
|
|
117
108
|
}) : linkSlot));
|
|
118
109
|
};
|
|
119
|
-
|
|
120
110
|
Cell.defaultProps = defaultProps;
|
|
121
111
|
Cell.displayName = 'NutCell';
|
|
122
112
|
export { Cell as C };
|
|
@@ -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
|
var defaultProps = {
|
|
@@ -13,16 +10,14 @@ var defaultProps = {
|
|
|
13
10
|
descSlot: null,
|
|
14
11
|
classPrefix: 'nutui-cell-group'
|
|
15
12
|
};
|
|
16
|
-
|
|
17
13
|
var CellGroup = function CellGroup(props) {
|
|
18
14
|
var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
15
|
+
children = _defaultProps$props.children,
|
|
16
|
+
classPrefix = _defaultProps$props.classPrefix,
|
|
17
|
+
title = _defaultProps$props.title,
|
|
18
|
+
desc = _defaultProps$props.desc,
|
|
19
|
+
titleSlot = _defaultProps$props.titleSlot,
|
|
20
|
+
descSlot = _defaultProps$props.descSlot;
|
|
26
21
|
var b = cn('cell-group');
|
|
27
22
|
return React__default.createElement("div", {
|
|
28
23
|
className: b(null, [classPrefix])
|
|
@@ -34,7 +29,6 @@ var CellGroup = function CellGroup(props) {
|
|
|
34
29
|
className: b('wrap')
|
|
35
30
|
}, children));
|
|
36
31
|
};
|
|
37
|
-
|
|
38
32
|
CellGroup.defaultProps = defaultProps;
|
|
39
33
|
CellGroup.displayName = 'NutCellGroup';
|
|
40
34
|
export { CellGroup as C };
|
|
@@ -2,17 +2,13 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
|
2
2
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
3
3
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
4
4
|
var _excluded = ["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 { I as Icon } from './icon.taro-1d0d4fb7.js';
|
|
12
9
|
import { C as CheckboxGroup } from './checkboxgroup.taro-3d380042.js';
|
|
13
10
|
import { c as cn } from './bem-893ad28d.js';
|
|
14
11
|
import { C as ComponentDefaults } from './typings-1c5f2628.js';
|
|
15
|
-
|
|
16
12
|
var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
|
|
17
13
|
checked: false,
|
|
18
14
|
disabled: false,
|
|
@@ -25,45 +21,38 @@ var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
|
|
|
25
21
|
iconIndeterminateName: 'check-disabled',
|
|
26
22
|
onChange: function onChange(state, label) {}
|
|
27
23
|
});
|
|
28
|
-
|
|
29
24
|
var Checkbox = function Checkbox(props) {
|
|
30
25
|
var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
|
|
31
|
-
|
|
32
|
-
|
|
26
|
+
children = _defaultProps$props.children;
|
|
33
27
|
var b = cn('checkbox');
|
|
34
|
-
|
|
35
28
|
var iconName = props.iconName,
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
29
|
+
iconSize = props.iconSize,
|
|
30
|
+
label = props.label,
|
|
31
|
+
className = props.className,
|
|
32
|
+
textPosition = props.textPosition,
|
|
33
|
+
iconActiveName = props.iconActiveName,
|
|
34
|
+
checked = props.checked,
|
|
35
|
+
disabled = props.disabled,
|
|
36
|
+
onChange = props.onChange,
|
|
37
|
+
indeterminate = props.indeterminate,
|
|
38
|
+
iconClassPrefix = props.iconClassPrefix,
|
|
39
|
+
iconFontClassName = props.iconFontClassName,
|
|
40
|
+
iconIndeterminateName = props.iconIndeterminateName,
|
|
41
|
+
getParentVals = props.getParentVals,
|
|
42
|
+
max = props.max,
|
|
43
|
+
rest = _objectWithoutProperties(props, _excluded);
|
|
52
44
|
var _useState = useState(checked),
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
45
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
46
|
+
innerChecked = _useState2[0],
|
|
47
|
+
setInnerChecked = _useState2[1];
|
|
57
48
|
var _useState3 = useState(disabled),
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
49
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
50
|
+
innerDisabled = _useState4[0],
|
|
51
|
+
setDisabled = _useState4[1];
|
|
62
52
|
var _useState5 = useState(indeterminate),
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
53
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
54
|
+
_indeterminate = _useState6[0],
|
|
55
|
+
setIndeterminate = _useState6[1];
|
|
67
56
|
useEffect(function () {
|
|
68
57
|
setInnerChecked(checked);
|
|
69
58
|
setDisabled(disabled);
|
|
@@ -71,19 +60,15 @@ var Checkbox = function Checkbox(props) {
|
|
|
71
60
|
useEffect(function () {
|
|
72
61
|
setIndeterminate(indeterminate);
|
|
73
62
|
}, [indeterminate]);
|
|
74
|
-
|
|
75
63
|
var getIconName = function getIconName() {
|
|
76
64
|
if (!innerChecked) {
|
|
77
65
|
return iconName;
|
|
78
66
|
}
|
|
79
|
-
|
|
80
67
|
if (_indeterminate) {
|
|
81
68
|
return iconIndeterminateName;
|
|
82
69
|
}
|
|
83
|
-
|
|
84
70
|
return iconActiveName;
|
|
85
71
|
};
|
|
86
|
-
|
|
87
72
|
var renderIcon = function renderIcon() {
|
|
88
73
|
return React__default.createElement(Icon, {
|
|
89
74
|
classPrefix: iconClassPrefix,
|
|
@@ -93,21 +78,18 @@ var Checkbox = function Checkbox(props) {
|
|
|
93
78
|
className: color()
|
|
94
79
|
});
|
|
95
80
|
};
|
|
96
|
-
|
|
97
81
|
var color = function color() {
|
|
98
82
|
if (innerDisabled) {
|
|
99
83
|
return 'nut-checkbox__icon--disable';
|
|
100
84
|
}
|
|
101
|
-
|
|
102
85
|
if (innerChecked) {
|
|
103
86
|
if (_indeterminate) {
|
|
104
87
|
return 'nut-checkbox__icon--indeterminate';
|
|
105
88
|
}
|
|
106
|
-
|
|
107
89
|
return 'nut-checkbox__icon';
|
|
108
90
|
}
|
|
109
|
-
|
|
110
|
-
|
|
91
|
+
return 'nut-checkbox__icon--unchecked';
|
|
92
|
+
// return !innerDisabled ? (!innerChecked ? '#d6d6d6' : '#fa2c19') : '#f5f5f5'
|
|
111
93
|
};
|
|
112
94
|
|
|
113
95
|
var renderLabel = function renderLabel() {
|
|
@@ -117,7 +99,6 @@ var Checkbox = function Checkbox(props) {
|
|
|
117
99
|
}), " ")
|
|
118
100
|
}, children || label);
|
|
119
101
|
};
|
|
120
|
-
|
|
121
102
|
var handleClick = function handleClick() {
|
|
122
103
|
if (!disabled) {
|
|
123
104
|
var latest = !innerChecked;
|
|
@@ -126,7 +107,6 @@ var Checkbox = function Checkbox(props) {
|
|
|
126
107
|
setInnerChecked(latest);
|
|
127
108
|
}
|
|
128
109
|
};
|
|
129
|
-
|
|
130
110
|
return React__default.createElement("div", _objectSpread(_objectSpread({
|
|
131
111
|
className: "".concat(b({
|
|
132
112
|
reverse: textPosition === 'left'
|
|
@@ -135,7 +115,6 @@ var Checkbox = function Checkbox(props) {
|
|
|
135
115
|
onClick: handleClick
|
|
136
116
|
}), renderIcon(), renderLabel());
|
|
137
117
|
};
|
|
138
|
-
|
|
139
118
|
Checkbox.defaultProps = defaultProps;
|
|
140
119
|
Checkbox.displayName = 'NutCheckBox';
|
|
141
120
|
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
|
var defaultProps = {
|
|
@@ -18,27 +15,22 @@ var defaultProps = {
|
|
|
18
15
|
};
|
|
19
16
|
var CheckboxGroup = React__default.forwardRef(function (props, ref) {
|
|
20
17
|
var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
|
|
21
|
-
|
|
22
|
-
|
|
18
|
+
children = _defaultProps$props.children;
|
|
23
19
|
var b = cn('checkboxgroup');
|
|
24
|
-
|
|
25
20
|
var className = props.className,
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
21
|
+
disabled = props.disabled,
|
|
22
|
+
onChange = props.onChange,
|
|
23
|
+
checkedValue = props.checkedValue,
|
|
24
|
+
max = props.max,
|
|
25
|
+
rest = _objectWithoutProperties(props, _excluded);
|
|
32
26
|
var _useState = useState(disabled),
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
27
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
28
|
+
innerDisabled = _useState2[0],
|
|
29
|
+
setInnerDisabled = _useState2[1];
|
|
37
30
|
var _useState3 = useState(checkedValue),
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
31
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
32
|
+
innerValue = _useState4[0],
|
|
33
|
+
setInnerValue = _useState4[1];
|
|
42
34
|
useImperativeHandle(ref, function () {
|
|
43
35
|
return {
|
|
44
36
|
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());
|
|
@@ -3,19 +3,14 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
|
3
3
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
4
4
|
import _typeof from "@babel/runtime/helpers/typeof";
|
|
5
5
|
var _excluded = ["children", "progress", "className", "radius", "pathColor", "clockwise", "circleColor", "strokeWidth", "style", "strokeLinecap"];
|
|
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, useEffect } from 'react';
|
|
12
9
|
import classNames from 'classnames';
|
|
13
10
|
import { c as cn } from './bem-893ad28d.js';
|
|
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,63 +19,51 @@ var defaultProps = {
|
|
|
24
19
|
pathColor: '#e5e9f2',
|
|
25
20
|
clockwise: true
|
|
26
21
|
};
|
|
27
|
-
|
|
28
22
|
var CircleProgress = function CircleProgress(props) {
|
|
29
23
|
var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
24
|
+
children = _defaultProps$props.children,
|
|
25
|
+
progress = _defaultProps$props.progress,
|
|
26
|
+
className = _defaultProps$props.className,
|
|
27
|
+
radius = _defaultProps$props.radius,
|
|
28
|
+
pathColor = _defaultProps$props.pathColor,
|
|
29
|
+
clockwise = _defaultProps$props.clockwise,
|
|
30
|
+
circleColor = _defaultProps$props.circleColor,
|
|
31
|
+
strokeWidth = _defaultProps$props.strokeWidth,
|
|
32
|
+
style = _defaultProps$props.style,
|
|
33
|
+
strokeLinecap = _defaultProps$props.strokeLinecap,
|
|
34
|
+
restProps = _objectWithoutProperties(_defaultProps$props, _excluded);
|
|
42
35
|
var _useState = useState(progress),
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
36
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
37
|
+
oldValue = _useState2[0],
|
|
38
|
+
setOldValue = _useState2[1];
|
|
47
39
|
var b = cn('circleprogress');
|
|
48
40
|
var classes = classNames(className, b(''));
|
|
49
41
|
var refRandomId = Math.random().toString(36).slice(-8);
|
|
50
42
|
var lastTime = 0;
|
|
51
|
-
|
|
52
43
|
var styles = _objectSpread({
|
|
53
44
|
height: "".concat(Number(radius) * 2, "px"),
|
|
54
45
|
width: "".concat(Number(radius) * 2, "px")
|
|
55
46
|
}, style);
|
|
56
|
-
|
|
57
47
|
useEffect(function () {
|
|
58
48
|
var rafId;
|
|
59
49
|
var startTime = Date.now();
|
|
60
50
|
var startRate = Number(oldValue); // 30
|
|
61
|
-
|
|
62
51
|
var endRate = Number(progress); // 40
|
|
63
|
-
|
|
64
52
|
var duration = Math.abs((startRate - endRate) * 1000 / +100); // 100
|
|
65
|
-
|
|
66
53
|
var animate = function animate() {
|
|
67
54
|
var now = Date.now();
|
|
68
55
|
var progress = Math.min((now - startTime) / duration, 1);
|
|
69
56
|
var rate = progress * (endRate - startRate) + startRate;
|
|
70
57
|
setOldValue(Math.min(Math.max(+rate, 0), 100));
|
|
71
|
-
|
|
72
58
|
if (endRate > startRate ? rate < endRate : rate > endRate) {
|
|
73
59
|
rafId = requestAnimationFrame(animate);
|
|
74
60
|
}
|
|
75
61
|
};
|
|
76
|
-
|
|
77
62
|
if (rafId) {
|
|
78
63
|
cancelAnimationFrame(rafId);
|
|
79
64
|
}
|
|
80
|
-
|
|
81
65
|
rafId = requestAnimationFrame(animate);
|
|
82
66
|
}, [progress]);
|
|
83
|
-
|
|
84
67
|
var requestAnimationFrame = function requestAnimationFrame(callback) {
|
|
85
68
|
var currTime = new Date().getTime();
|
|
86
69
|
var timeToCall = Math.max(0, 16.7 - (currTime - lastTime));
|
|
@@ -91,16 +74,13 @@ var CircleProgress = function CircleProgress(props) {
|
|
|
91
74
|
lastTime = currTime + timeToCall;
|
|
92
75
|
return id;
|
|
93
76
|
};
|
|
94
|
-
|
|
95
77
|
var cancelAnimationFrame = function cancelAnimationFrame(id) {
|
|
96
78
|
clearTimeout(id);
|
|
97
79
|
};
|
|
98
|
-
|
|
99
80
|
var stop = function stop() {
|
|
100
81
|
if (!isObject(circleColor)) {
|
|
101
82
|
return [];
|
|
102
83
|
}
|
|
103
|
-
|
|
104
84
|
var color = circleColor;
|
|
105
85
|
var colorArr = Object.keys(color).sort(function (a, b) {
|
|
106
86
|
return parseFloat(a) - parseFloat(b);
|
|
@@ -117,19 +97,15 @@ var CircleProgress = function CircleProgress(props) {
|
|
|
117
97
|
});
|
|
118
98
|
return stopArr;
|
|
119
99
|
};
|
|
120
|
-
|
|
121
100
|
var transColor = function transColor(color) {
|
|
122
101
|
return color && color.replace('#', '%23');
|
|
123
102
|
};
|
|
124
|
-
|
|
125
103
|
var format = function format(progress) {
|
|
126
104
|
return Math.min(Math.max(+progress, 0), 100);
|
|
127
105
|
};
|
|
128
|
-
|
|
129
106
|
var circleStyle = function circleStyle() {
|
|
130
107
|
var stopArr = stop();
|
|
131
108
|
var stopDom = [];
|
|
132
|
-
|
|
133
109
|
if (stopArr) {
|
|
134
110
|
stopArr.map(function (item) {
|
|
135
111
|
var obj = '';
|
|
@@ -137,7 +113,6 @@ var CircleProgress = function CircleProgress(props) {
|
|
|
137
113
|
stopDom.push(obj);
|
|
138
114
|
});
|
|
139
115
|
}
|
|
140
|
-
|
|
141
116
|
var perimeter = 283;
|
|
142
117
|
var progress = +oldValue;
|
|
143
118
|
var offset = perimeter * Number(format(parseFloat(progress.toFixed(1)))) / 100;
|
|
@@ -153,7 +128,6 @@ var CircleProgress = function CircleProgress(props) {
|
|
|
153
128
|
height: '100%'
|
|
154
129
|
};
|
|
155
130
|
};
|
|
156
|
-
|
|
157
131
|
return React__default.createElement("div", _objectSpread({
|
|
158
132
|
className: classes,
|
|
159
133
|
style: styles
|
|
@@ -163,7 +137,6 @@ var CircleProgress = function CircleProgress(props) {
|
|
|
163
137
|
className: "nut-circleprogress-text"
|
|
164
138
|
}, children || React__default.createElement("div", null, progress, "%")));
|
|
165
139
|
};
|
|
166
|
-
|
|
167
140
|
CircleProgress.defaultProps = defaultProps;
|
|
168
141
|
CircleProgress.displayName = 'NutCircleProgress';
|
|
169
142
|
export { CircleProgress as C };
|
|
@@ -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 C };
|