@nutui/nutui-react 1.3.5-beta.1 → 1.3.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +7 -0
- package/dist/esm/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/RadioGroup.js
CHANGED
|
@@ -2,11 +2,8 @@ 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 = ["className", "value", "onChange", "textPosition", "direction"];
|
|
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 { R as RadioContext } from './context-aa058329.js';
|
|
12
9
|
import { c as cn } from './bem-893ad28d.js';
|
|
@@ -19,21 +16,19 @@ var defaultProps = {
|
|
|
19
16
|
};
|
|
20
17
|
var RadioGroup = React__default.forwardRef(function (props, ref) {
|
|
21
18
|
var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
|
|
22
|
-
|
|
23
|
-
|
|
19
|
+
children = _defaultProps$props.children;
|
|
24
20
|
cn('RadioGroup');
|
|
25
|
-
|
|
26
21
|
var className = props.className,
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
22
|
+
value = props.value,
|
|
23
|
+
_onChange = props.onChange,
|
|
24
|
+
textPosition = props.textPosition,
|
|
25
|
+
direction = props.direction,
|
|
26
|
+
rest = _objectWithoutProperties(props, _excluded);
|
|
33
27
|
var _useState = useState(value),
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
28
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
29
|
+
val2State = _useState2[0],
|
|
30
|
+
setVal2State = _useState2[1];
|
|
31
|
+
// useImperativeHandle(ref, () => ({
|
|
37
32
|
// toggleAll(state: boolean) {
|
|
38
33
|
// console.log(state)
|
|
39
34
|
// if (state === false) {
|
|
@@ -48,11 +43,10 @@ var RadioGroup = React__default.forwardRef(function (props, ref) {
|
|
|
48
43
|
// }
|
|
49
44
|
// },
|
|
50
45
|
// }))
|
|
51
|
-
|
|
52
|
-
|
|
53
46
|
useEffect(function () {
|
|
54
47
|
setVal2State(value);
|
|
55
|
-
}, [value]);
|
|
48
|
+
}, [value]);
|
|
49
|
+
// function handleChildChange(state: boolean, label: string) {
|
|
56
50
|
// if (innerValue) {
|
|
57
51
|
// let clippedValue = []
|
|
58
52
|
// if (state) {
|
|
@@ -65,24 +59,20 @@ var RadioGroup = React__default.forwardRef(function (props, ref) {
|
|
|
65
59
|
// onChange && onChange(clippedValue)
|
|
66
60
|
// }
|
|
67
61
|
// }
|
|
68
|
-
|
|
69
62
|
function validateChildChecked(child) {
|
|
70
63
|
if (val2State === null) return false;
|
|
71
64
|
return val2State === child.props.value;
|
|
72
65
|
}
|
|
73
|
-
|
|
74
66
|
function cloneChildren() {
|
|
75
67
|
return React__default.Children.map(children, function (child, index) {
|
|
76
68
|
var childChecked = validateChildChecked(child);
|
|
77
|
-
|
|
78
69
|
if (child.type.displayName !== 'NutRadio') {
|
|
79
70
|
return React__default.cloneElement(child);
|
|
80
71
|
}
|
|
81
|
-
|
|
82
72
|
return React__default.cloneElement(child, {
|
|
83
73
|
textPosition: textPosition,
|
|
84
|
-
checked: childChecked
|
|
85
|
-
|
|
74
|
+
checked: childChecked
|
|
75
|
+
// onChange: handleChildChange,
|
|
86
76
|
});
|
|
87
77
|
});
|
|
88
78
|
}
|
package/dist/esm/Range.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, useRef, useEffect, useCallback } from 'react';
|
|
9
6
|
import { u as useTouch } from './useTouch-a2ea68c6.js';
|
|
10
7
|
import { g as getRect } from './useClientRect-839d18c5.js';
|
|
@@ -23,60 +20,50 @@ var defaultProps = {
|
|
|
23
20
|
};
|
|
24
21
|
var startValue;
|
|
25
22
|
var currentValue;
|
|
26
|
-
|
|
27
23
|
var Range = function Range(props) {
|
|
28
24
|
var _useConfig = useConfig(),
|
|
29
|
-
|
|
30
|
-
|
|
25
|
+
locale = _useConfig.locale;
|
|
31
26
|
var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
27
|
+
className = _defaultProps$props.className,
|
|
28
|
+
range = _defaultProps$props.range,
|
|
29
|
+
disabled = _defaultProps$props.disabled,
|
|
30
|
+
activeColor = _defaultProps$props.activeColor,
|
|
31
|
+
inactiveColor = _defaultProps$props.inactiveColor,
|
|
32
|
+
buttonColor = _defaultProps$props.buttonColor,
|
|
33
|
+
hiddenRange = _defaultProps$props.hiddenRange,
|
|
34
|
+
hiddenTag = _defaultProps$props.hiddenTag,
|
|
35
|
+
modelValue = _defaultProps$props.modelValue,
|
|
36
|
+
button = _defaultProps$props.button,
|
|
37
|
+
vertical = _defaultProps$props.vertical,
|
|
38
|
+
marks = _defaultProps$props.marks,
|
|
39
|
+
change = _defaultProps$props.change,
|
|
40
|
+
dragStart = _defaultProps$props.dragStart,
|
|
41
|
+
dragEnd = _defaultProps$props.dragEnd;
|
|
48
42
|
var _defaultProps$props2 = _objectSpread(_objectSpread({}, defaultProps), props),
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
43
|
+
min = _defaultProps$props2.min,
|
|
44
|
+
max = _defaultProps$props2.max,
|
|
45
|
+
step = _defaultProps$props2.step;
|
|
53
46
|
min = Number(min);
|
|
54
47
|
max = Number(max);
|
|
55
48
|
step = Number(step);
|
|
56
|
-
|
|
57
49
|
var _useState = useState(0),
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
50
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
51
|
+
buttonIndex = _useState2[0],
|
|
52
|
+
SetButtonIndex = _useState2[1];
|
|
62
53
|
var _useState3 = useState(),
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
54
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
55
|
+
initValue = _useState4[0],
|
|
56
|
+
SetInitValue = _useState4[1];
|
|
67
57
|
var _useState5 = useState('start'),
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
58
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
59
|
+
dragStatus = _useState6[0],
|
|
60
|
+
SetDragStatus = _useState6[1];
|
|
72
61
|
var touch = useTouch();
|
|
73
62
|
var root = useRef(null);
|
|
74
|
-
|
|
75
63
|
var _useState7 = useState([]),
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
64
|
+
_useState8 = _slicedToArray(_useState7, 2),
|
|
65
|
+
marksList = _useState8[0],
|
|
66
|
+
SetMarksList = _useState8[1];
|
|
80
67
|
useEffect(function () {
|
|
81
68
|
if (modelValue) {
|
|
82
69
|
if (!range && (modelValue < min || modelValue > max)) {
|
|
@@ -84,7 +71,6 @@ var Range = function Range(props) {
|
|
|
84
71
|
Toast.text("".concat(modelValue, " ").concat(locale.range.rangeText));
|
|
85
72
|
return;
|
|
86
73
|
}
|
|
87
|
-
|
|
88
74
|
SetInitValue(modelValue);
|
|
89
75
|
}
|
|
90
76
|
}, [modelValue]);
|
|
@@ -99,11 +85,9 @@ var Range = function Range(props) {
|
|
|
99
85
|
SetMarksList(list);
|
|
100
86
|
}
|
|
101
87
|
}, [marks]);
|
|
102
|
-
|
|
103
88
|
var scope = function scope() {
|
|
104
89
|
return Number(max) - Number(min);
|
|
105
90
|
};
|
|
106
|
-
|
|
107
91
|
var classes = useCallback(function () {
|
|
108
92
|
var prefixCls = 'nut-range';
|
|
109
93
|
return [prefixCls, "".concat(disabled ? "".concat(prefixCls, "-disabled") : ''), "".concat(vertical ? "".concat(prefixCls, "-vertical") : ''), "".concat(!hiddenRange ? "".concat(prefixCls, "-show-number") : '')].filter(Boolean).join(' ');
|
|
@@ -116,73 +100,57 @@ var Range = function Range(props) {
|
|
|
116
100
|
var classPrefix = 'nut-range-mark';
|
|
117
101
|
var lowerBound = Number(min);
|
|
118
102
|
var upperBound = Number(max);
|
|
119
|
-
|
|
120
103
|
if (range) {
|
|
121
104
|
var _modelValue = _slicedToArray(modelValue, 2),
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
105
|
+
left = _modelValue[0],
|
|
106
|
+
right = _modelValue[1];
|
|
125
107
|
lowerBound = left;
|
|
126
108
|
upperBound = right;
|
|
127
109
|
} else {
|
|
128
110
|
upperBound = modelValue;
|
|
129
111
|
}
|
|
130
|
-
|
|
131
112
|
var isActive = mark <= upperBound && mark >= lowerBound;
|
|
132
113
|
return ["".concat(classPrefix, "-text"), "".concat(isActive ? "".concat(classPrefix, "-text-active") : '')].filter(Boolean).join(' ');
|
|
133
114
|
}, [range, modelValue, min, max]);
|
|
134
|
-
|
|
135
115
|
var _useState9 = useState(classes()),
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
116
|
+
_useState10 = _slicedToArray(_useState9, 2),
|
|
117
|
+
rangeName = _useState10[0],
|
|
118
|
+
setRangeName = _useState10[1];
|
|
140
119
|
var _useState11 = useState(containerClasses()),
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
120
|
+
_useState12 = _slicedToArray(_useState11, 2),
|
|
121
|
+
containerName = _useState12[0],
|
|
122
|
+
setContainerName = _useState12[1];
|
|
145
123
|
useEffect(function () {
|
|
146
124
|
setRangeName(classes());
|
|
147
125
|
setContainerName(containerClasses());
|
|
148
126
|
}, [classes, containerClasses]);
|
|
149
|
-
|
|
150
127
|
var wrapperStyle = function wrapperStyle() {
|
|
151
128
|
return {
|
|
152
129
|
background: inactiveColor
|
|
153
130
|
};
|
|
154
131
|
};
|
|
155
|
-
|
|
156
132
|
var buttonStyle = function buttonStyle() {
|
|
157
133
|
return {
|
|
158
134
|
borderColor: buttonColor
|
|
159
135
|
};
|
|
160
136
|
};
|
|
161
|
-
|
|
162
137
|
var isRange = function isRange(val) {
|
|
163
138
|
return !!range && Array.isArray(val);
|
|
164
139
|
};
|
|
165
|
-
|
|
166
140
|
var calcMainAxis = function calcMainAxis() {
|
|
167
141
|
var modelVal = initValue || initValue === 0 ? initValue : modelValue;
|
|
168
|
-
|
|
169
142
|
if (isRange(modelVal)) {
|
|
170
143
|
return "".concat((modelVal[1] - modelVal[0]) * 100 / scope(), "%");
|
|
171
144
|
}
|
|
172
|
-
|
|
173
145
|
return "".concat((modelVal - Number(min)) * 100 / scope(), "%");
|
|
174
146
|
};
|
|
175
|
-
|
|
176
147
|
var calcOffset = function calcOffset() {
|
|
177
148
|
var modelVal = initValue || initValue === 0 ? initValue : modelValue;
|
|
178
|
-
|
|
179
149
|
if (isRange(modelVal)) {
|
|
180
150
|
return "".concat((modelVal[0] - Number(min)) * 100 / scope(), "%");
|
|
181
151
|
}
|
|
182
|
-
|
|
183
152
|
return "0%";
|
|
184
153
|
};
|
|
185
|
-
|
|
186
154
|
var barStyle = function barStyle() {
|
|
187
155
|
if (vertical) {
|
|
188
156
|
return {
|
|
@@ -192,7 +160,6 @@ var Range = function Range(props) {
|
|
|
192
160
|
transition: dragStatus ? 'none' : undefined
|
|
193
161
|
};
|
|
194
162
|
}
|
|
195
|
-
|
|
196
163
|
return {
|
|
197
164
|
width: calcMainAxis(),
|
|
198
165
|
left: calcOffset(),
|
|
@@ -200,102 +167,80 @@ var Range = function Range(props) {
|
|
|
200
167
|
transition: dragStatus ? 'none' : undefined
|
|
201
168
|
};
|
|
202
169
|
};
|
|
203
|
-
|
|
204
170
|
var marksStyle = function marksStyle(mark) {
|
|
205
171
|
var style = {
|
|
206
172
|
left: "".concat((mark - Number(min)) / scope() * 100, "%")
|
|
207
173
|
};
|
|
208
|
-
|
|
209
174
|
if (vertical) {
|
|
210
175
|
style = {
|
|
211
176
|
top: "".concat((mark - Number(min)) / scope() * 100, "%")
|
|
212
177
|
};
|
|
213
178
|
}
|
|
214
|
-
|
|
215
179
|
return style;
|
|
216
180
|
};
|
|
217
|
-
|
|
218
181
|
var tickStyle = function tickStyle(mark) {
|
|
219
182
|
var lowerBound = Number(min);
|
|
220
183
|
var upperBound = Number(max);
|
|
221
|
-
|
|
222
184
|
if (range) {
|
|
223
185
|
var _modelValue2 = _slicedToArray(modelValue, 2),
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
186
|
+
left = _modelValue2[0],
|
|
187
|
+
right = _modelValue2[1];
|
|
227
188
|
lowerBound = left;
|
|
228
189
|
upperBound = right;
|
|
229
190
|
}
|
|
230
|
-
|
|
231
191
|
var isActive = mark <= upperBound && mark >= lowerBound;
|
|
232
192
|
var style = {
|
|
233
193
|
background: !isActive ? inactiveColor : activeColor
|
|
234
194
|
};
|
|
235
195
|
return style;
|
|
236
196
|
};
|
|
237
|
-
|
|
238
197
|
var format = function format(value) {
|
|
239
198
|
value = Math.max(+min, Math.min(value, +max));
|
|
240
199
|
return Math.round(value / +step) * +step;
|
|
241
200
|
};
|
|
242
|
-
|
|
243
201
|
var isSameValue = function isSameValue(newValue, oldValue) {
|
|
244
202
|
return JSON.stringify(newValue) === JSON.stringify(oldValue);
|
|
245
203
|
};
|
|
246
|
-
|
|
247
204
|
var handleOverlap = function handleOverlap(value) {
|
|
248
205
|
if (value[0] > value[1]) {
|
|
249
206
|
return value.slice(0).reverse();
|
|
250
207
|
}
|
|
251
|
-
|
|
252
208
|
return value;
|
|
253
209
|
};
|
|
254
|
-
|
|
255
210
|
var updateValue = function updateValue(value, end) {
|
|
256
211
|
if (isRange(value)) {
|
|
257
212
|
value = handleOverlap(value).map(format);
|
|
258
213
|
} else {
|
|
259
214
|
value = format(value);
|
|
260
215
|
}
|
|
261
|
-
|
|
262
216
|
var modelVal = initValue || initValue === 0 ? initValue : modelValue;
|
|
263
|
-
|
|
264
217
|
if (!isSameValue(value, modelVal)) {
|
|
265
218
|
SetInitValue(value);
|
|
266
219
|
}
|
|
267
|
-
|
|
268
220
|
if ((marks || end) && !isSameValue(value, startValue)) {
|
|
269
221
|
change && change(value);
|
|
270
222
|
}
|
|
271
223
|
};
|
|
272
|
-
|
|
273
224
|
var click = function click(event) {
|
|
274
225
|
if (disabled || !root.current) {
|
|
275
226
|
return;
|
|
276
227
|
}
|
|
277
|
-
|
|
278
228
|
SetDragStatus('');
|
|
279
229
|
var rect = getRect(root.current);
|
|
280
230
|
var delta = event.clientX - rect.left;
|
|
281
231
|
var total = rect.width;
|
|
282
|
-
|
|
283
232
|
if (vertical) {
|
|
284
233
|
delta = event.clientY - rect.top;
|
|
285
234
|
total = rect.height;
|
|
286
235
|
}
|
|
287
|
-
|
|
288
236
|
var value = Number(min) + delta / total * scope();
|
|
289
237
|
currentValue = initValue || initValue === 0 ? initValue : modelValue;
|
|
290
|
-
|
|
291
238
|
if (isRange(currentValue)) {
|
|
292
239
|
var _currentValue = currentValue,
|
|
293
|
-
|
|
294
|
-
|
|
295
|
-
|
|
296
|
-
|
|
240
|
+
_currentValue2 = _slicedToArray(_currentValue, 2),
|
|
241
|
+
left = _currentValue2[0],
|
|
242
|
+
right = _currentValue2[1];
|
|
297
243
|
var middle = (left + right) / 2;
|
|
298
|
-
|
|
299
244
|
if (value <= middle) {
|
|
300
245
|
updateValue([value, right], true);
|
|
301
246
|
} else {
|
|
@@ -305,74 +250,59 @@ var Range = function Range(props) {
|
|
|
305
250
|
updateValue(value, true);
|
|
306
251
|
}
|
|
307
252
|
};
|
|
308
|
-
|
|
309
253
|
var _onTouchStart = function onTouchStart(event) {
|
|
310
254
|
if (disabled) {
|
|
311
255
|
return;
|
|
312
256
|
}
|
|
313
|
-
|
|
314
257
|
touch.start(event);
|
|
315
258
|
currentValue = initValue || initValue === 0 ? initValue : modelValue;
|
|
316
|
-
|
|
317
259
|
if (isRange(currentValue)) {
|
|
318
260
|
startValue = currentValue.map(format);
|
|
319
261
|
} else {
|
|
320
262
|
startValue = format(currentValue);
|
|
321
263
|
}
|
|
322
|
-
|
|
323
264
|
SetDragStatus('start');
|
|
324
265
|
};
|
|
325
|
-
|
|
326
266
|
var _onTouchMove = function onTouchMove(event) {
|
|
327
267
|
if (disabled || !root.current) {
|
|
328
268
|
return;
|
|
329
269
|
}
|
|
330
|
-
|
|
331
270
|
if (dragStatus === 'start') {
|
|
332
271
|
dragStart && dragStart();
|
|
333
272
|
}
|
|
334
|
-
|
|
335
273
|
touch.move(event);
|
|
336
274
|
SetDragStatus('draging');
|
|
337
275
|
var rect = getRect(root.current);
|
|
338
276
|
var delta = touch.deltaX;
|
|
339
277
|
var total = rect.width;
|
|
340
278
|
var diff = delta / total * scope();
|
|
341
|
-
|
|
342
279
|
if (vertical) {
|
|
343
280
|
delta = touch.deltaY;
|
|
344
281
|
total = rect.height;
|
|
345
282
|
diff = delta / total * scope();
|
|
346
283
|
}
|
|
347
|
-
|
|
348
284
|
if (isRange(startValue)) {
|
|
349
285
|
currentValue[buttonIndex] = startValue[buttonIndex] + diff;
|
|
350
286
|
} else {
|
|
351
287
|
currentValue = startValue + diff;
|
|
352
288
|
}
|
|
353
|
-
|
|
354
289
|
updateValue(currentValue);
|
|
355
290
|
};
|
|
356
|
-
|
|
357
291
|
var _onTouchEnd = function onTouchEnd(event) {
|
|
358
292
|
if (disabled) {
|
|
359
293
|
return;
|
|
360
294
|
}
|
|
361
|
-
|
|
362
295
|
if (dragStatus === 'draging') {
|
|
363
296
|
updateValue(currentValue, true);
|
|
364
297
|
dragEnd && dragEnd();
|
|
365
298
|
}
|
|
366
|
-
|
|
367
299
|
SetDragStatus('');
|
|
368
300
|
};
|
|
369
|
-
|
|
370
301
|
var curValue = function curValue(idx) {
|
|
371
302
|
var modelVal = initValue || initValue === 0 ? initValue : modelValue;
|
|
372
303
|
var value = typeof idx === 'number' ? modelVal[idx] : modelVal;
|
|
373
304
|
return value;
|
|
374
305
|
};
|
|
375
|
-
|
|
376
306
|
return React__default.createElement("div", {
|
|
377
307
|
className: "".concat(containerName)
|
|
378
308
|
}, !hiddenRange ? React__default.createElement("div", {
|
|
@@ -413,7 +343,6 @@ var Range = function Range(props) {
|
|
|
413
343
|
// 实时更新当前拖动的按钮索引
|
|
414
344
|
SetButtonIndex(index);
|
|
415
345
|
}
|
|
416
|
-
|
|
417
346
|
_onTouchStart(e);
|
|
418
347
|
},
|
|
419
348
|
onTouchMove: function onTouchMove(e) {
|
|
@@ -466,7 +395,6 @@ var Range = function Range(props) {
|
|
|
466
395
|
className: "max"
|
|
467
396
|
}, +max) : null);
|
|
468
397
|
};
|
|
469
|
-
|
|
470
398
|
Range.defaultProps = defaultProps;
|
|
471
399
|
Range.displayName = 'NutRange';
|
|
472
400
|
export { Range as default };
|
package/dist/esm/Rate.js
CHANGED
|
@@ -1,16 +1,12 @@
|
|
|
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
|
import Icon from './Icon.js';
|
|
11
8
|
import { C as ComponentDefaults } from './typings-1c5f2628.js';
|
|
12
9
|
import '@bem-react/classname';
|
|
13
|
-
|
|
14
10
|
var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
|
|
15
11
|
count: 5,
|
|
16
12
|
modelValue: 0,
|
|
@@ -25,76 +21,63 @@ var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
|
|
|
25
21
|
allowHalf: false,
|
|
26
22
|
spacing: 14
|
|
27
23
|
});
|
|
28
|
-
|
|
29
24
|
var Rate = function Rate(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
|
+
count = _defaultProps$props.count,
|
|
27
|
+
modelValue = _defaultProps$props.modelValue,
|
|
28
|
+
minimizeValue = _defaultProps$props.minimizeValue,
|
|
29
|
+
iconSize = _defaultProps$props.iconSize,
|
|
30
|
+
activeColor = _defaultProps$props.activeColor,
|
|
31
|
+
voidColor = _defaultProps$props.voidColor,
|
|
32
|
+
checkedIcon = _defaultProps$props.checkedIcon,
|
|
33
|
+
uncheckedIcon = _defaultProps$props.uncheckedIcon,
|
|
34
|
+
disabled = _defaultProps$props.disabled,
|
|
35
|
+
readonly = _defaultProps$props.readonly,
|
|
36
|
+
allowHalf = _defaultProps$props.allowHalf,
|
|
37
|
+
spacing = _defaultProps$props.spacing,
|
|
38
|
+
onChange = _defaultProps$props.onChange,
|
|
39
|
+
iconClassPrefix = _defaultProps$props.iconClassPrefix,
|
|
40
|
+
iconFontClassName = _defaultProps$props.iconFontClassName;
|
|
47
41
|
var b = cn('rate');
|
|
48
42
|
var bi = cn('rate-item');
|
|
49
|
-
|
|
50
43
|
var _useState = useState([1, 2, 3, 4, 5]),
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
44
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
45
|
+
countArray = _useState2[0],
|
|
46
|
+
setCountArray = _useState2[1];
|
|
55
47
|
var _useState3 = useState(0),
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
48
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
49
|
+
score = _useState4[0],
|
|
50
|
+
setScore = _useState4[1];
|
|
60
51
|
useEffect(function () {
|
|
61
52
|
var tmp = [];
|
|
62
|
-
|
|
63
53
|
for (var i = 1; i <= Number(count); i++) {
|
|
64
54
|
tmp.push(i);
|
|
65
55
|
}
|
|
66
|
-
|
|
67
56
|
setCountArray(tmp);
|
|
68
57
|
}, [count]);
|
|
69
58
|
useEffect(function () {
|
|
70
59
|
setScore(Math.max(Number(modelValue), Number(minimizeValue)));
|
|
71
60
|
}, [modelValue]);
|
|
72
|
-
|
|
73
61
|
var pxCheck = function pxCheck(value) {
|
|
74
62
|
return Number.isNaN(Number(value)) ? String(value) : "".concat(value, "px");
|
|
75
63
|
};
|
|
76
|
-
|
|
77
64
|
var _onClick = function onClick(e, index) {
|
|
78
65
|
e.preventDefault();
|
|
79
66
|
e.stopPropagation();
|
|
80
67
|
if (disabled || readonly) return;
|
|
81
68
|
var value = 0;
|
|
82
|
-
|
|
83
69
|
if (!(index === 1 && score === index)) {
|
|
84
70
|
value = index;
|
|
85
|
-
|
|
86
71
|
if (allowHalf) {
|
|
87
72
|
if ((e === null || e === void 0 ? void 0 : e.target).className.includes('__icon--half')) {
|
|
88
73
|
value -= 0.5;
|
|
89
74
|
}
|
|
90
75
|
}
|
|
91
76
|
}
|
|
92
|
-
|
|
93
77
|
value = Math.max(value, Number(minimizeValue));
|
|
94
78
|
setScore(value);
|
|
95
79
|
onChange && onChange(value);
|
|
96
80
|
};
|
|
97
|
-
|
|
98
81
|
return React__default.createElement("div", {
|
|
99
82
|
className: b()
|
|
100
83
|
}, countArray.map(function (n) {
|
|
@@ -131,7 +114,6 @@ var Rate = function Rate(props) {
|
|
|
131
114
|
}));
|
|
132
115
|
}));
|
|
133
116
|
};
|
|
134
|
-
|
|
135
117
|
Rate.defaultProps = defaultProps;
|
|
136
118
|
Rate.displayName = 'NutRate';
|
|
137
119
|
export { Rate as default };
|
package/dist/esm/Row.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 { D as DataContext } from './UserContext-be8097d2.js';
|
|
9
6
|
var defaultProps = {
|
|
@@ -13,29 +10,24 @@ var defaultProps = {
|
|
|
13
10
|
wrap: 'nowrap',
|
|
14
11
|
gutter: '0'
|
|
15
12
|
};
|
|
16
|
-
|
|
17
13
|
var Row = function Row(props) {
|
|
18
14
|
var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
15
|
+
children = _defaultProps$props.children,
|
|
16
|
+
type = _defaultProps$props.type,
|
|
17
|
+
justify = _defaultProps$props.justify,
|
|
18
|
+
align = _defaultProps$props.align,
|
|
19
|
+
wrap = _defaultProps$props.wrap,
|
|
20
|
+
gutter = _defaultProps$props.gutter,
|
|
21
|
+
_onClick = _defaultProps$props.onClick;
|
|
27
22
|
var prefixCls = 'nut-row';
|
|
28
|
-
|
|
29
23
|
var getClass = function getClass(prefix, type) {
|
|
30
24
|
var classType = type ? "nut-row-".concat(prefix, "-").concat(type) : '';
|
|
31
25
|
var className = prefix ? classType : "nut-row-".concat(type);
|
|
32
26
|
return className;
|
|
33
27
|
};
|
|
34
|
-
|
|
35
28
|
var getClasses = function getClasses() {
|
|
36
29
|
return "\n ".concat(getClass('', type), "\n ").concat(getClass('justify', justify), "\n ").concat(getClass('align', align), "\n ").concat(getClass('flex', wrap), "\n ").concat(prefixCls, "\n ");
|
|
37
30
|
};
|
|
38
|
-
|
|
39
31
|
var parentRow = {
|
|
40
32
|
gutter: gutter
|
|
41
33
|
};
|
|
@@ -48,7 +40,6 @@ var Row = function Row(props) {
|
|
|
48
40
|
}
|
|
49
41
|
}, children));
|
|
50
42
|
};
|
|
51
|
-
|
|
52
43
|
Row.defaultProps = defaultProps;
|
|
53
44
|
Row.displayName = 'NutRow';
|
|
54
45
|
export { Row as default };
|