@nutui/nutui-react 4.0.0-beta.4 → 4.0.0-beta.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 +15 -0
- package/dist/cjs/hooks/use-props-value.js +1 -1
- package/dist/cjs/hooks/use-touch.js +4 -4
- package/dist/cjs/packages/address/cascaderRender.js +1 -1
- package/dist/cjs/packages/address/existRender.js +1 -1
- package/dist/cjs/packages/animate/animate.js +1 -1
- package/dist/cjs/packages/audio/audio.js +1 -1
- package/dist/cjs/packages/avatar/avatar.js +1 -1
- package/dist/cjs/packages/avatarcropper/avatarcropper.js +1 -1
- package/dist/cjs/packages/barrage/barrage.js +1 -1
- package/dist/cjs/packages/button/button.js +1 -1
- package/dist/cjs/packages/card/card.js +1 -1
- package/dist/cjs/packages/cascader/utils.js +7 -6
- package/dist/cjs/packages/cell/cell.js +1 -1
- package/dist/cjs/packages/cellgroup/cellgroup.js +1 -1
- package/dist/cjs/packages/checkboxgroup/checkboxgroup.js +3 -3
- package/dist/cjs/packages/circleprogress/circleprogress.js +1 -1
- package/dist/cjs/packages/collapseitem/collapseitem.js +1 -1
- package/dist/cjs/packages/countdown/countdown.js +1 -1
- package/dist/cjs/packages/datepicker/datepicker.js +1 -1
- package/dist/cjs/packages/dialog/dialog.js +2 -2
- package/dist/cjs/packages/divider/divider.js +1 -1
- package/dist/cjs/packages/drag/drag.js +1 -1
- package/dist/cjs/packages/elevator/elevator.js +1 -1
- package/dist/cjs/packages/ellipsis/ellipsis.js +1 -1
- package/dist/cjs/packages/empty/empty.js +1 -1
- package/dist/cjs/packages/fixednav/fixednav.js +1 -1
- package/dist/cjs/packages/grid/grid.js +1 -1
- package/dist/cjs/packages/griditem/griditem.js +1 -1
- package/dist/cjs/packages/indicator/indicator.js +1 -1
- package/dist/cjs/packages/infiniteloading/infiniteloading.js +1 -1
- package/dist/cjs/packages/input/input.js +1 -1
- package/dist/cjs/packages/inputnumber/inputnumber.js +1 -1
- package/dist/cjs/packages/loading/loading.js +1 -1
- package/dist/cjs/packages/menu/menu.js +1 -1
- package/dist/cjs/packages/numberkeyboard/numberkeyboard.js +1 -1
- package/dist/cjs/packages/overlay/overlay.js +1 -1
- package/dist/cjs/packages/pagination/pagination.js +1 -1
- package/dist/cjs/packages/picker/picker.js +1 -1
- package/dist/cjs/packages/pickerview/pickerroller.js +1 -1
- package/dist/cjs/packages/popover/popover.js +1 -1
- package/dist/cjs/packages/price/price.js +1 -1
- package/dist/cjs/packages/progress/progress.js +1 -1
- package/dist/cjs/packages/quickenter/quickenter.js +2 -2
- package/dist/cjs/packages/radio/radio.js +1 -1
- package/dist/cjs/packages/radiogroup/radiogroup.js +3 -3
- package/dist/cjs/packages/shortpassword/shortpassword.js +1 -1
- package/dist/cjs/packages/signature/signature.js +1 -1
- package/dist/cjs/packages/skeleton/skeleton.js +1 -1
- package/dist/cjs/packages/step/step.js +1 -1
- package/dist/cjs/packages/sticky/sticky.js +1 -1
- package/dist/cjs/packages/switch/switch.js +1 -1
- package/dist/cjs/packages/tabbaritem/tabbaritem.js +1 -1
- package/dist/cjs/packages/table/table.js +1 -1
- package/dist/cjs/packages/tabs/tabs.js +1 -1
- package/dist/cjs/packages/textarea/textarea.js +1 -1
- package/dist/cjs/packages/timeselect/timeselect.js +1 -1
- package/dist/cjs/packages/tour/tour.js +1 -1
- package/dist/cjs/packages/trendarrow/trendarrow.js +1 -1
- package/dist/cjs/packages/video/video.js +1 -1
- package/dist/cjs/packages/virtuallist/utils.js +1 -1
- package/dist/cjs/packages/virtuallist/virtuallist.js +1 -1
- package/dist/cjs/utils/scale-f.js +1 -3
- package/dist/es/hooks/taro/use-custom-event.js +3 -3
- package/dist/es/hooks/taro/use-lock-scoll.js +1 -1
- package/dist/es/hooks/use-click-away.js +2 -2
- package/dist/es/hooks/use-lock-scroll.js +3 -3
- package/dist/es/hooks/use-pagination.js +1 -1
- package/dist/es/hooks/use-ref-state.js +3 -3
- package/dist/es/hooks/use-touch.js +13 -13
- package/dist/es/hooks/use-watch.js +1 -1
- package/dist/es/locales/en-US.js +4 -4
- package/dist/es/locales/id-ID.js +4 -4
- package/dist/es/locales/ja-JP.js +4 -4
- package/dist/es/locales/tr-TR.js +4 -4
- package/dist/es/locales/vi-VN.js +4 -4
- package/dist/es/locales/zh-CN.js +4 -4
- package/dist/es/locales/zh-TW.js +4 -4
- package/dist/es/locales/zh-UG.js +4 -4
- package/dist/es/packages/actionsheet/actionsheet.js +8 -8
- package/dist/es/packages/address/address.js +10 -10
- package/dist/es/packages/address/cascaderRender.js +4 -4
- package/dist/es/packages/address/elevatorRender.js +17 -17
- package/dist/es/packages/address/existRender.js +5 -5
- package/dist/es/packages/address/utils.js +5 -5
- package/dist/es/packages/animate/animate.js +4 -4
- package/dist/es/packages/animatingnumbers/countup.js +2 -2
- package/dist/es/packages/audio/audio.js +26 -26
- package/dist/es/packages/avatar/avatar.js +4 -4
- package/dist/es/packages/avatarcropper/avatarcropper.js +20 -20
- package/dist/es/packages/avatargroup/avatargroup.js +1 -1
- package/dist/es/packages/backtop/backtop.js +3 -3
- package/dist/es/packages/badge/badge.js +3 -3
- package/dist/es/packages/barrage/barrage.js +5 -5
- package/dist/es/packages/button/button.js +2 -2
- package/dist/es/packages/calendar/calendar.js +12 -12
- package/dist/es/packages/calendar/utils.js +7 -7
- package/dist/es/packages/calendarcard/calendarcard.js +22 -22
- package/dist/es/packages/calendarcard/icon.js +4 -4
- package/dist/es/packages/calendarcard/utils.js +5 -5
- package/dist/es/packages/calendaritem/calendaritem.js +32 -32
- package/dist/es/packages/card/card.js +2 -2
- package/dist/es/packages/cascader/cascader.js +15 -15
- package/dist/es/packages/cascader/utils.js +9 -8
- package/dist/es/packages/cell/cell.js +5 -5
- package/dist/es/packages/cellgroup/cellgroup.js +2 -2
- package/dist/es/packages/checkbox/checkbox.js +10 -10
- package/dist/es/packages/checkboxgroup/checkboxgroup.js +7 -7
- package/dist/es/packages/circleprogress/circleprogress.js +5 -5
- package/dist/es/packages/col/col.js +2 -2
- package/dist/es/packages/collapse/collapse.js +3 -3
- package/dist/es/packages/collapse/context.js +2 -2
- package/dist/es/packages/collapseitem/collapseitem.js +5 -5
- package/dist/es/packages/configprovider/configprovider.js +5 -5
- package/dist/es/packages/countdown/countdown.js +12 -12
- package/dist/es/packages/datepicker/datepicker.js +12 -12
- package/dist/es/packages/datepicker/utils.js +7 -7
- package/dist/es/packages/datepickerview/datepickerview.js +5 -5
- package/dist/es/packages/dialog/confirm.js +8 -8
- package/dist/es/packages/dialog/content.js +5 -5
- package/dist/es/packages/dialog/dialog.js +23 -23
- package/dist/es/packages/divider/divider.js +3 -3
- package/dist/es/packages/drag/drag.js +4 -4
- package/dist/es/packages/elevator/elevator.js +14 -14
- package/dist/es/packages/ellipsis/ellipsis.js +11 -11
- package/dist/es/packages/empty/empty.js +2 -2
- package/dist/es/packages/fixednav/fixednav.js +8 -8
- package/dist/es/packages/form/form.js +6 -6
- package/dist/es/packages/form/useform.js +4 -4
- package/dist/es/packages/formitem/formitem.js +1 -1
- package/dist/es/packages/grid/context.js +1 -1
- package/dist/es/packages/grid/grid.js +4 -4
- package/dist/es/packages/griditem/griditem.js +6 -6
- package/dist/es/packages/hoverbutton/hoverbutton.js +1 -1
- package/dist/es/packages/hoverbuttonitem/hoverbuttonitem.js +4 -4
- package/dist/es/packages/hoverbuttonitem/utils.js +1 -1
- package/dist/es/packages/image/image.js +8 -8
- package/dist/es/packages/imagepreview/imagepreview.js +13 -13
- package/dist/es/packages/indicator/indicator.js +5 -5
- package/dist/es/packages/infiniteloading/infiniteloading.js +13 -13
- package/dist/es/packages/input/input.js +13 -13
- package/dist/es/packages/inputnumber/inputnumber.js +12 -12
- package/dist/es/packages/layout/layout.js +1 -1
- package/dist/es/packages/loading/loading.js +3 -3
- package/dist/es/packages/menu/menu.js +13 -13
- package/dist/es/packages/menuitem/menuitem.js +10 -10
- package/dist/es/packages/navbar/navbar.js +7 -7
- package/dist/es/packages/noticebar/noticebar.js +25 -25
- package/dist/es/packages/notify/Notification.js +1 -1
- package/dist/es/packages/notify/notify.js +3 -3
- package/dist/es/packages/numberkeyboard/numberkeyboard.js +13 -13
- package/dist/es/packages/overlay/overlay.js +6 -6
- package/dist/es/packages/pagination/pagination.js +8 -8
- package/dist/es/packages/picker/picker.js +15 -15
- package/dist/es/packages/pickerview/pickerroller.js +10 -10
- package/dist/es/packages/pickerview/pickerview.js +3 -3
- package/dist/es/packages/pickerview/utils.js +6 -6
- package/dist/es/packages/popover/popover.js +13 -13
- package/dist/es/packages/popup/popup.js +22 -22
- package/dist/es/packages/price/price.js +8 -8
- package/dist/es/packages/progress/progress.js +5 -5
- package/dist/es/packages/pulltorefresh/pulltorefresh.js +7 -7
- package/dist/es/packages/quickenter/quickenter.js +14 -14
- package/dist/es/packages/radio/radio.js +11 -11
- package/dist/es/packages/radiogroup/radiogroup.js +6 -6
- package/dist/es/packages/range/range.js +7 -7
- package/dist/es/packages/range/utils.js +2 -2
- package/dist/es/packages/rate/rate.js +14 -14
- package/dist/es/packages/resultpage/resultpage.js +1 -1
- package/dist/es/packages/row/row.js +4 -4
- package/dist/es/packages/safearea/safearea.js +1 -1
- package/dist/es/packages/searchbar/searchbar.js +3 -3
- package/dist/es/packages/segmented/segmented.js +4 -4
- package/dist/es/packages/shortpassword/shortpassword.js +7 -7
- package/dist/es/packages/sidebar/sidebar.js +8 -8
- package/dist/es/packages/sidebar/utils.js +1 -1
- package/dist/es/packages/sidebaritem/sidebaritem.js +1 -1
- package/dist/es/packages/signature/signature.js +12 -12
- package/dist/es/packages/skeleton/skeleton.js +4 -4
- package/dist/es/packages/space/space.js +1 -1
- package/dist/es/packages/step/step.js +2 -2
- package/dist/es/packages/steps/steps.js +1 -1
- package/dist/es/packages/sticky/sticky.js +4 -4
- package/dist/es/packages/swipe/swipe.js +16 -16
- package/dist/es/packages/swiper/effects/default.js +2 -2
- package/dist/es/packages/swiper/effects/focus.js +4 -4
- package/dist/es/packages/swiper/swiper.js +14 -14
- package/dist/es/packages/swiperitem/swiperitem.js +2 -2
- package/dist/es/packages/switch/switch.js +6 -6
- package/dist/es/packages/tabbar/tabbar.js +2 -2
- package/dist/es/packages/tabbaritem/tabbaritem.js +10 -10
- package/dist/es/packages/table/table.js +10 -10
- package/dist/es/packages/tabpane/tabpane.js +1 -1
- package/dist/es/packages/tabs/tabs.js +10 -10
- package/dist/es/packages/tag/tag.js +10 -10
- package/dist/es/packages/textarea/textarea.js +12 -12
- package/dist/es/packages/timedetail/timedetail.js +3 -3
- package/dist/es/packages/timeselect/timeselect.js +6 -6
- package/dist/es/packages/toast/Notification.js +1 -1
- package/dist/es/packages/toast/toast.js +2 -2
- package/dist/es/packages/tour/tour.js +11 -11
- package/dist/es/packages/trendarrow/trendarrow.js +4 -4
- package/dist/es/packages/uploader/preview.js +8 -8
- package/dist/es/packages/uploader/uploader.js +15 -15
- package/dist/es/packages/video/video.js +4 -4
- package/dist/es/packages/virtuallist/utils.js +5 -5
- package/dist/es/packages/virtuallist/virtuallist.js +2 -2
- package/dist/es/packages/watermark/watermark.js +2 -2
- package/dist/es/types/spec/empty/base.js +1 -1
- package/dist/es/utils/clamp.js +1 -1
- package/dist/es/utils/date.js +3 -3
- package/dist/es/utils/get-rect.js +1 -1
- package/dist/es/utils/interceptor.js +1 -1
- package/dist/es/utils/is-date.js +1 -1
- package/dist/es/utils/is-empty.js +1 -1
- package/dist/es/utils/is-function.js +1 -1
- package/dist/es/utils/is-object.js +1 -1
- package/dist/es/utils/is-promise.js +1 -1
- package/dist/es/utils/pad-zero.js +1 -1
- package/dist/es/utils/px-check.js +1 -1
- package/dist/es/utils/scale-f.js +2 -4
- package/dist/es/utils/sleep.js +1 -1
- package/dist/es/utils/taro/ConfigurableCSSTransition.js +1 -1
- package/dist/es/utils/taro/get-rect-by-id.js +1 -1
- package/dist/es/utils/taro/get-rect.js +3 -3
- package/dist/es/utils/taro/get-system-info.js +2 -2
- package/dist/es/utils/taro/platform.js +4 -4
- package/dist/es/utils/upper-case-first.js +1 -1
- package/dist/nutui.react.umd.js +1061 -1057
- package/dist/style-jmapp.css +1 -1
- package/dist/style-jmapp.scss +34 -34
- package/dist/style-jrkf.css +1 -1
- package/dist/style-jrkf.scss +34 -34
- package/dist/style.css +1 -1
- package/dist/style.scss +30 -30
- package/package.json +1 -1
|
@@ -40,7 +40,7 @@ export var Swipe = /*#__PURE__*/ forwardRef(function(props, instanceRef) {
|
|
|
40
40
|
};
|
|
41
41
|
var leftWidth = actionWidth.left;
|
|
42
42
|
var rightWidth = actionWidth.right;
|
|
43
|
-
var onTouchStart = function(event) {
|
|
43
|
+
var onTouchStart = function onTouchStart(event) {
|
|
44
44
|
if (!props.disabled) {
|
|
45
45
|
var _props_onTouchStart;
|
|
46
46
|
startOffset.current = state.offset;
|
|
@@ -48,7 +48,7 @@ export var Swipe = /*#__PURE__*/ forwardRef(function(props, instanceRef) {
|
|
|
48
48
|
(_props_onTouchStart = props.onTouchStart) === null || _props_onTouchStart === void 0 ? void 0 : _props_onTouchStart.call(props, event);
|
|
49
49
|
}
|
|
50
50
|
};
|
|
51
|
-
var onTouchMove = function(event) {
|
|
51
|
+
var onTouchMove = function onTouchMove(event) {
|
|
52
52
|
var _props_onTouchMove;
|
|
53
53
|
if (props.disabled) {
|
|
54
54
|
return;
|
|
@@ -68,7 +68,7 @@ export var Swipe = /*#__PURE__*/ forwardRef(function(props, instanceRef) {
|
|
|
68
68
|
setState(newState);
|
|
69
69
|
}
|
|
70
70
|
};
|
|
71
|
-
var onTouchEnd = function(event) {
|
|
71
|
+
var onTouchEnd = function onTouchEnd(event) {
|
|
72
72
|
if (state.dragging) {
|
|
73
73
|
var _props_onTouchEnd;
|
|
74
74
|
setState(function(v) {
|
|
@@ -83,7 +83,7 @@ export var Swipe = /*#__PURE__*/ forwardRef(function(props, instanceRef) {
|
|
|
83
83
|
(_props_onTouchEnd = props.onTouchEnd) === null || _props_onTouchEnd === void 0 ? void 0 : _props_onTouchEnd.call(props, event);
|
|
84
84
|
}
|
|
85
85
|
};
|
|
86
|
-
var toggle = function(side) {
|
|
86
|
+
var toggle = function toggle(side) {
|
|
87
87
|
var offset = Math.abs(state.offset);
|
|
88
88
|
var base = 0.3;
|
|
89
89
|
var baseNum = opened.current ? 1 - base : base;
|
|
@@ -94,7 +94,7 @@ export var Swipe = /*#__PURE__*/ forwardRef(function(props, instanceRef) {
|
|
|
94
94
|
close(side);
|
|
95
95
|
}
|
|
96
96
|
};
|
|
97
|
-
var open = function(side) {
|
|
97
|
+
var open = function open(side) {
|
|
98
98
|
var _props_onOpen;
|
|
99
99
|
opened.current = true;
|
|
100
100
|
var offset = side === 'left' ? leftWidth : -rightWidth;
|
|
@@ -109,7 +109,7 @@ export var Swipe = /*#__PURE__*/ forwardRef(function(props, instanceRef) {
|
|
|
109
109
|
});
|
|
110
110
|
});
|
|
111
111
|
};
|
|
112
|
-
var close = function(position) {
|
|
112
|
+
var close = function close(position) {
|
|
113
113
|
if (opened.current) {
|
|
114
114
|
var _props_onClose;
|
|
115
115
|
opened.current = false;
|
|
@@ -124,10 +124,10 @@ export var Swipe = /*#__PURE__*/ forwardRef(function(props, instanceRef) {
|
|
|
124
124
|
});
|
|
125
125
|
});
|
|
126
126
|
};
|
|
127
|
-
var rangeCalculation = function(num, min, max) {
|
|
127
|
+
var rangeCalculation = function rangeCalculation(num, min, max) {
|
|
128
128
|
return Math.min(Math.max(Number(num), Number(min)), Number(max));
|
|
129
129
|
};
|
|
130
|
-
var getNodeWidth = function(node) {
|
|
130
|
+
var getNodeWidth = function getNodeWidth(node) {
|
|
131
131
|
if (node) {
|
|
132
132
|
var ele = getRect(node);
|
|
133
133
|
return ele.width;
|
|
@@ -158,19 +158,19 @@ export var Swipe = /*#__PURE__*/ forwardRef(function(props, instanceRef) {
|
|
|
158
158
|
}
|
|
159
159
|
}
|
|
160
160
|
}, []);
|
|
161
|
-
var renderActionContent = function(side, measuredRef) {
|
|
161
|
+
var renderActionContent = function renderActionContent(side, measuredRef) {
|
|
162
162
|
if (props["".concat(side, "Action")]) {
|
|
163
163
|
return /*#__PURE__*/ React.createElement("div", {
|
|
164
164
|
ref: measuredRef,
|
|
165
165
|
className: "".concat(classPrefix, "-").concat(side),
|
|
166
|
-
onClick: function(e) {
|
|
166
|
+
onClick: function onClick(e) {
|
|
167
167
|
return handleOperate(e, side);
|
|
168
168
|
}
|
|
169
169
|
}, props["".concat(side, "Action")]);
|
|
170
170
|
}
|
|
171
171
|
return null;
|
|
172
172
|
};
|
|
173
|
-
var handleOperate = function(event, position) {
|
|
173
|
+
var handleOperate = function handleOperate(event, position) {
|
|
174
174
|
event.stopPropagation();
|
|
175
175
|
if (props.beforeClose) {
|
|
176
176
|
props.beforeClose(position);
|
|
@@ -181,13 +181,13 @@ export var Swipe = /*#__PURE__*/ forwardRef(function(props, instanceRef) {
|
|
|
181
181
|
useImperativeHandle(instanceRef, function() {
|
|
182
182
|
return {
|
|
183
183
|
open: open,
|
|
184
|
-
close: function() {
|
|
184
|
+
close: function close1() {
|
|
185
185
|
return close();
|
|
186
186
|
}
|
|
187
187
|
};
|
|
188
188
|
});
|
|
189
189
|
useEffect(function() {
|
|
190
|
-
var handler = function(event) {
|
|
190
|
+
var handler = function handler(event) {
|
|
191
191
|
var targets = [
|
|
192
192
|
root
|
|
193
193
|
];
|
|
@@ -207,13 +207,13 @@ export var Swipe = /*#__PURE__*/ forwardRef(function(props, instanceRef) {
|
|
|
207
207
|
return /*#__PURE__*/ React.createElement("div", {
|
|
208
208
|
ref: root,
|
|
209
209
|
className: classNames(classPrefix, className),
|
|
210
|
-
onTouchStart: function(e) {
|
|
210
|
+
onTouchStart: function onTouchStart1(e) {
|
|
211
211
|
return onTouchStart(e);
|
|
212
212
|
},
|
|
213
|
-
onTouchMove: function(e) {
|
|
213
|
+
onTouchMove: function onTouchMove1(e) {
|
|
214
214
|
return onTouchMove(e);
|
|
215
215
|
},
|
|
216
|
-
onTouchEnd: function(e) {
|
|
216
|
+
onTouchEnd: function onTouchEnd1(e) {
|
|
217
217
|
return onTouchEnd(e);
|
|
218
218
|
},
|
|
219
219
|
style: style
|
|
@@ -2,7 +2,7 @@ import { _ as _define_property } from "@swc/helpers/_/_define_property";
|
|
|
2
2
|
import React from "react";
|
|
3
3
|
import { animated } from "@react-spring/web";
|
|
4
4
|
import { useRtl } from "../../configprovider";
|
|
5
|
-
var getPerSlidePosition = function(index, position, loop, count) {
|
|
5
|
+
var getPerSlidePosition = function getPerSlidePosition(index, position, loop, count) {
|
|
6
6
|
var currentPosition = index * 100 + position;
|
|
7
7
|
if (loop) {
|
|
8
8
|
var cycle = count * 100;
|
|
@@ -13,7 +13,7 @@ var getPerSlidePosition = function(index, position, loop, count) {
|
|
|
13
13
|
}
|
|
14
14
|
return "".concat(currentPosition, "%");
|
|
15
15
|
};
|
|
16
|
-
export var defaultEffect = function(args) {
|
|
16
|
+
export var defaultEffect = function defaultEffect(args) {
|
|
17
17
|
return React.Children.map(args.children, function(child, index) {
|
|
18
18
|
var isVertical = args.isVertical, getSpringsAxis = args.getSpringsAxis, loop = args.loop, count = args.count;
|
|
19
19
|
var rtl = useRtl();
|
|
@@ -4,7 +4,7 @@ import React, { useEffect } from "react";
|
|
|
4
4
|
import { animated } from "@react-spring/web";
|
|
5
5
|
import { getRefValue, useRefState } from "../../../hooks/use-ref-state";
|
|
6
6
|
import { useRtl } from "../../configprovider";
|
|
7
|
-
var getPerSlidePosition = function(index, position, loop, count) {
|
|
7
|
+
var getPerSlidePosition = function getPerSlidePosition(index, position, loop, count) {
|
|
8
8
|
var currentPosition = index * 100 + position;
|
|
9
9
|
if (loop) {
|
|
10
10
|
var cycle = count * 100;
|
|
@@ -15,7 +15,7 @@ var getPerSlidePosition = function(index, position, loop, count) {
|
|
|
15
15
|
}
|
|
16
16
|
return "".concat(currentPosition, "%");
|
|
17
17
|
};
|
|
18
|
-
export var focusEffect = function(args) {
|
|
18
|
+
export var focusEffect = function focusEffect(args) {
|
|
19
19
|
return React.Children.map(args.children, function(child, index) {
|
|
20
20
|
var rtl = useRtl();
|
|
21
21
|
var position = rtl ? 'right' : 'left';
|
|
@@ -43,7 +43,7 @@ export var focusEffect = function(args) {
|
|
|
43
43
|
}, child);
|
|
44
44
|
});
|
|
45
45
|
};
|
|
46
|
-
export var useList = function(effect, count, current) {
|
|
46
|
+
export var useList = function useList(effect, count, current) {
|
|
47
47
|
var _useRefState = _sliced_to_array(useRefState([]), 2), transforms = _useRefState[0], setTransforms = _useRefState[1];
|
|
48
48
|
useEffect(function() {
|
|
49
49
|
setTransforms(Array.from({
|
|
@@ -59,7 +59,7 @@ export var useList = function(effect, count, current) {
|
|
|
59
59
|
setTransforms
|
|
60
60
|
];
|
|
61
61
|
};
|
|
62
|
-
export var updateTransform = function(transforms, setTransforms, effect, page) {
|
|
62
|
+
export var updateTransform = function updateTransform(transforms, setTransforms, effect, page) {
|
|
63
63
|
setTransforms(getRefValue(transforms).map(function(s, index) {
|
|
64
64
|
return(// eslint-disable-next-line no-nested-ternary
|
|
65
65
|
page === index ? 1 : effect ? effect.scale : 1);
|
|
@@ -53,27 +53,27 @@ export var Swiper = /*#__PURE__*/ React.forwardRef(function(props, ref) {
|
|
|
53
53
|
x: !isVertical ? innerValue.current * 100 * -1 : 0,
|
|
54
54
|
y: isVertical ? innerValue.current * 100 * -1 : 0,
|
|
55
55
|
s: 0,
|
|
56
|
-
reset: function() {},
|
|
56
|
+
reset: function reset() {},
|
|
57
57
|
config: {
|
|
58
58
|
tension: 200,
|
|
59
59
|
friction: 30
|
|
60
60
|
}
|
|
61
61
|
};
|
|
62
62
|
}), 2), springs = _useSpring[0], api = _useSpring[1];
|
|
63
|
-
var getSlideSize = function() {
|
|
63
|
+
var getSlideSize = function getSlideSize() {
|
|
64
64
|
if (props.slideSize) return props.slideSize;
|
|
65
65
|
if (stageRef.current) {
|
|
66
66
|
return isVertical ? stageRef.current.offsetHeight : stageRef.current.offsetWidth;
|
|
67
67
|
}
|
|
68
68
|
return 0;
|
|
69
69
|
};
|
|
70
|
-
var getSwiperSize = function() {
|
|
70
|
+
var getSwiperSize = function getSwiperSize() {
|
|
71
71
|
if (swiperRef.current) {
|
|
72
72
|
return isVertical ? swiperRef.current.offsetHeight : swiperRef.current.offsetWidth;
|
|
73
73
|
}
|
|
74
74
|
return 0;
|
|
75
75
|
};
|
|
76
|
-
var bound = function(v, min, max) {
|
|
76
|
+
var bound = function bound(v, min, max) {
|
|
77
77
|
if (min !== undefined) {
|
|
78
78
|
v = Math.max(v, min);
|
|
79
79
|
}
|
|
@@ -125,7 +125,7 @@ export var Swiper = /*#__PURE__*/ React.forwardRef(function(props, ref) {
|
|
|
125
125
|
count,
|
|
126
126
|
runTimeSwiper
|
|
127
127
|
]);
|
|
128
|
-
var to = function(index) {
|
|
128
|
+
var to = function to(index) {
|
|
129
129
|
var immediate = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : false;
|
|
130
130
|
var _props_onChange;
|
|
131
131
|
var targetIndex = bound(index, 0, count - 1);
|
|
@@ -142,13 +142,13 @@ export var Swiper = /*#__PURE__*/ React.forwardRef(function(props, ref) {
|
|
|
142
142
|
api.start((_obj = {}, // 这里需要统一成百分比
|
|
143
143
|
_define_property(_obj, isVertical ? 'y' : 'x', (loop ? -index : boundIndex(targetIndex) * -1) * 100), _define_property(_obj, "s", 0), _define_property(_obj, "immediate", immediate), _obj));
|
|
144
144
|
};
|
|
145
|
-
var getSpringsAxis = function() {
|
|
145
|
+
var getSpringsAxis = function getSpringsAxis() {
|
|
146
146
|
return springs[isVertical ? 'y' : 'x'];
|
|
147
147
|
};
|
|
148
|
-
var next = function() {
|
|
148
|
+
var next = function next() {
|
|
149
149
|
to(Math.round(-getSpringsAxis().get() / 100) + 1);
|
|
150
150
|
};
|
|
151
|
-
var prev = function() {
|
|
151
|
+
var prev = function prev() {
|
|
152
152
|
to(Math.round(-getSpringsAxis().get() / 100) - 1);
|
|
153
153
|
};
|
|
154
154
|
React.useImperativeHandle(ref, function() {
|
|
@@ -180,14 +180,14 @@ export var Swiper = /*#__PURE__*/ React.forwardRef(function(props, ref) {
|
|
|
180
180
|
}
|
|
181
181
|
}, {
|
|
182
182
|
enabled: touchable,
|
|
183
|
-
transform: function(param) {
|
|
183
|
+
transform: function transform(param) {
|
|
184
184
|
var _param = _sliced_to_array(param, 2), x = _param[0], y = _param[1];
|
|
185
185
|
return [
|
|
186
186
|
-x,
|
|
187
187
|
-y
|
|
188
188
|
];
|
|
189
189
|
},
|
|
190
|
-
from: function() {
|
|
190
|
+
from: function from() {
|
|
191
191
|
// 由百分比转换到像素
|
|
192
192
|
var slideSize = getSlideSize();
|
|
193
193
|
var x = springs.x.get() / 100 * slideSize;
|
|
@@ -197,7 +197,7 @@ export var Swiper = /*#__PURE__*/ React.forwardRef(function(props, ref) {
|
|
|
197
197
|
-y
|
|
198
198
|
];
|
|
199
199
|
},
|
|
200
|
-
bounds: function() {
|
|
200
|
+
bounds: function bounds() {
|
|
201
201
|
if (loop) return {};
|
|
202
202
|
var slideSize = getSlideSize();
|
|
203
203
|
return isVertical ? {
|
|
@@ -216,7 +216,7 @@ export var Swiper = /*#__PURE__*/ React.forwardRef(function(props, ref) {
|
|
|
216
216
|
touch: true
|
|
217
217
|
}
|
|
218
218
|
});
|
|
219
|
-
var renderIndicator = function() {
|
|
219
|
+
var renderIndicator = function renderIndicator() {
|
|
220
220
|
if (!indicator) return null;
|
|
221
221
|
if (/*#__PURE__*/ React.isValidElement(indicator)) return indicator;
|
|
222
222
|
var _obj;
|
|
@@ -228,7 +228,7 @@ export var Swiper = /*#__PURE__*/ React.forwardRef(function(props, ref) {
|
|
|
228
228
|
direction: direction
|
|
229
229
|
}));
|
|
230
230
|
};
|
|
231
|
-
var renderEffect = function() {
|
|
231
|
+
var renderEffect = function renderEffect() {
|
|
232
232
|
if (!effect) return defaultEffect({
|
|
233
233
|
children: children,
|
|
234
234
|
getSpringsAxis: getSpringsAxis,
|
|
@@ -251,7 +251,7 @@ export var Swiper = /*#__PURE__*/ React.forwardRef(function(props, ref) {
|
|
|
251
251
|
});
|
|
252
252
|
}
|
|
253
253
|
};
|
|
254
|
-
var renderSlides = function() {
|
|
254
|
+
var renderSlides = function renderSlides() {
|
|
255
255
|
var _obj;
|
|
256
256
|
return /*#__PURE__*/ React.createElement("div", {
|
|
257
257
|
ref: stageRef,
|
|
@@ -2,11 +2,11 @@ import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
|
|
|
2
2
|
import React from "react";
|
|
3
3
|
import classNames from "classnames";
|
|
4
4
|
var defaultProps = {
|
|
5
|
-
onClick: function(e) {
|
|
5
|
+
onClick: function onClick(e) {
|
|
6
6
|
return undefined;
|
|
7
7
|
}
|
|
8
8
|
};
|
|
9
|
-
export var SwiperItem = function(props) {
|
|
9
|
+
export var SwiperItem = function SwiperItem(props) {
|
|
10
10
|
var classPrefix = 'nut-swiper-item';
|
|
11
11
|
var _$_object_spread = _object_spread({}, defaultProps, props), className = _$_object_spread.className, style = _$_object_spread.style, children = _$_object_spread.children;
|
|
12
12
|
var classes = classNames(classPrefix, className);
|
|
@@ -17,10 +17,10 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
|
|
|
17
17
|
inactiveText: '',
|
|
18
18
|
loadingIcon: /*#__PURE__*/ React.createElement(Loading1, null),
|
|
19
19
|
loading: undefined,
|
|
20
|
-
onLoadingChange: function(loading) {}
|
|
20
|
+
onLoadingChange: function onLoadingChange(loading) {}
|
|
21
21
|
});
|
|
22
|
-
export var Switch = function(props) {
|
|
23
|
-
var
|
|
22
|
+
export var Switch = function Switch(props) {
|
|
23
|
+
var _$_object_spread = _object_spread({}, defaultProps, props), checked = _$_object_spread.checked, defaultChecked = _$_object_spread.defaultChecked, disabled = _$_object_spread.disabled, activeText = _$_object_spread.activeText, inactiveText = _$_object_spread.inactiveText, loadingIcon = _$_object_spread.loadingIcon, className = _$_object_spread.className, style = _$_object_spread.style, onChange = _$_object_spread.onChange, propLoading = _$_object_spread.loading, onLoadingChange = _$_object_spread.onLoadingChange, ariaLabel = _$_object_spread.ariaLabel, rest = _object_without_properties(_$_object_spread, [
|
|
24
24
|
"checked",
|
|
25
25
|
"defaultChecked",
|
|
26
26
|
"disabled",
|
|
@@ -42,7 +42,7 @@ export var Switch = function(props) {
|
|
|
42
42
|
}), 2), value = _usePropsValue[0], setValue = _usePropsValue[1];
|
|
43
43
|
var _useState = _sliced_to_array(useState(false), 2), internalLoading = _useState[0], setInternalLoading = _useState[1];
|
|
44
44
|
var loading = propLoading !== undefined ? propLoading : internalLoading;
|
|
45
|
-
var setLoading = function(val) {
|
|
45
|
+
var setLoading = function setLoading(val) {
|
|
46
46
|
if (propLoading !== undefined) {
|
|
47
47
|
onLoadingChange(val);
|
|
48
48
|
} else {
|
|
@@ -54,7 +54,7 @@ export var Switch = function(props) {
|
|
|
54
54
|
}, [
|
|
55
55
|
value
|
|
56
56
|
]);
|
|
57
|
-
var classes = function() {
|
|
57
|
+
var classes = function classes() {
|
|
58
58
|
var _obj;
|
|
59
59
|
return classNames([
|
|
60
60
|
classPrefix,
|
|
@@ -62,7 +62,7 @@ export var Switch = function(props) {
|
|
|
62
62
|
(_obj = {}, _define_property(_obj, "".concat(classPrefix, "-close"), !value), _define_property(_obj, "".concat(classPrefix, "-disabled"), disabled), _define_property(_obj, "".concat(classPrefix, "-disabled-close"), disabled && !value), _obj)
|
|
63
63
|
]);
|
|
64
64
|
};
|
|
65
|
-
var onClick = function() {
|
|
65
|
+
var onClick = function onClick() {
|
|
66
66
|
return _async_to_generator(function() {
|
|
67
67
|
var e;
|
|
68
68
|
return _ts_generator(this, function(_state) {
|
|
@@ -16,9 +16,9 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
|
|
|
16
16
|
activeColor: '',
|
|
17
17
|
direction: 'vertical',
|
|
18
18
|
safeArea: false,
|
|
19
|
-
onSwitch: function() {}
|
|
19
|
+
onSwitch: function onSwitch() {}
|
|
20
20
|
});
|
|
21
|
-
export var Tabbar = function(props) {
|
|
21
|
+
export var Tabbar = function Tabbar(props) {
|
|
22
22
|
var _$_object_spread = _object_spread({}, defaultProps, props), children = _$_object_spread.children, defaultValue = _$_object_spread.defaultValue, value = _$_object_spread.value, fixed = _$_object_spread.fixed, activeColor = _$_object_spread.activeColor, inactiveColor = _$_object_spread.inactiveColor, direction = _$_object_spread.direction, safeArea = _$_object_spread.safeArea, className = _$_object_spread.className, style = _$_object_spread.style, onSwitch = _$_object_spread.onSwitch;
|
|
23
23
|
var classPrefix = 'nut-tabbar';
|
|
24
24
|
var _usePropsValue = _sliced_to_array(usePropsValue({
|
|
@@ -17,10 +17,10 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
|
|
|
17
17
|
right: '0',
|
|
18
18
|
direction: 'vertical'
|
|
19
19
|
});
|
|
20
|
-
export var TabbarItem = function(props) {
|
|
20
|
+
export var TabbarItem = function TabbarItem(props) {
|
|
21
21
|
var ctx = useContext(TabbarContext);
|
|
22
|
-
var
|
|
23
|
-
index =
|
|
22
|
+
var _$_object_spread = _object_spread({}, defaultProps, props), className = _$_object_spread.className, style = _$_object_spread.style, title = _$_object_spread.title, icon = _$_object_spread.icon, value = _$_object_spread.value, dot = _$_object_spread.dot, max = _$_object_spread.max, top = _$_object_spread.top, right = _$_object_spread.right, // @ts-ignore
|
|
23
|
+
index = _$_object_spread.index, direction = _$_object_spread.direction, onActiveClick = _$_object_spread.onActiveClick, rest = _object_without_properties(_$_object_spread, [
|
|
24
24
|
"className",
|
|
25
25
|
"style",
|
|
26
26
|
"title",
|
|
@@ -38,7 +38,7 @@ export var TabbarItem = function(props) {
|
|
|
38
38
|
var classPrefix = 'nut-tabbar-item';
|
|
39
39
|
var _obj;
|
|
40
40
|
var tabbarItemClass = classNames(classPrefix, (_obj = {}, _define_property(_obj, "".concat(classPrefix, "-active"), active), _define_property(_obj, "".concat(classPrefix, "-large"), !icon || !title), _obj), className);
|
|
41
|
-
var renderNodeWithActive = function(node) {
|
|
41
|
+
var renderNodeWithActive = function renderNodeWithActive(node) {
|
|
42
42
|
return node && typeof node === 'function' ? node(active) : node;
|
|
43
43
|
};
|
|
44
44
|
var badgeProps = {
|
|
@@ -49,27 +49,27 @@ export var TabbarItem = function(props) {
|
|
|
49
49
|
right: right,
|
|
50
50
|
color: ctx === null || ctx === void 0 ? void 0 : ctx.activeColor
|
|
51
51
|
};
|
|
52
|
-
var renderTitleText = function() {
|
|
52
|
+
var renderTitleText = function renderTitleText() {
|
|
53
53
|
return title && /*#__PURE__*/ React.createElement("div", {
|
|
54
54
|
className: "".concat(classPrefix, "-text")
|
|
55
55
|
}, renderNodeWithActive(title));
|
|
56
56
|
};
|
|
57
|
-
var renderTitle = function() {
|
|
57
|
+
var renderTitle = function renderTitle() {
|
|
58
58
|
return /*#__PURE__*/ React.createElement(Badge, _object_spread({
|
|
59
59
|
size: "normal"
|
|
60
60
|
}, badgeProps), renderTitleText());
|
|
61
61
|
};
|
|
62
|
-
var renderIcon = function() {
|
|
62
|
+
var renderIcon = function renderIcon() {
|
|
63
63
|
return renderNodeWithActive(icon);
|
|
64
64
|
};
|
|
65
|
-
var renderIconAndTitle = function() {
|
|
65
|
+
var renderIconAndTitle = function renderIconAndTitle() {
|
|
66
66
|
return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(Badge, _object_spread_props(_object_spread({
|
|
67
67
|
size: "normal"
|
|
68
68
|
}, badgeProps), {
|
|
69
69
|
top: 3
|
|
70
70
|
}), renderIcon()), renderTitleText());
|
|
71
71
|
};
|
|
72
|
-
var renderDualItem = function() {
|
|
72
|
+
var renderDualItem = function renderDualItem() {
|
|
73
73
|
return dot ? null : /*#__PURE__*/ React.createElement(React.Fragment, null, renderIcon(), renderTitleText(), /*#__PURE__*/ React.createElement(Badge, badgeProps));
|
|
74
74
|
};
|
|
75
75
|
return /*#__PURE__*/ React.createElement("div", _object_spread({
|
|
@@ -77,7 +77,7 @@ export var TabbarItem = function(props) {
|
|
|
77
77
|
style: _object_spread({
|
|
78
78
|
color: active ? ctx === null || ctx === void 0 ? void 0 : ctx.activeColor : ctx === null || ctx === void 0 ? void 0 : ctx.inactiveColor
|
|
79
79
|
}, style),
|
|
80
|
-
onClick: function() {
|
|
80
|
+
onClick: function onClick() {
|
|
81
81
|
return active ? onActiveClick === null || onActiveClick === void 0 ? void 0 : onActiveClick() : ctx === null || ctx === void 0 ? void 0 : ctx.handleClick(index);
|
|
82
82
|
}
|
|
83
83
|
}, rest), direction === 'horizontal' && !dot ? renderDualItem() : /*#__PURE__*/ React.createElement(React.Fragment, null, icon && renderIconAndTitle(), !icon && renderTitle()));
|
|
@@ -20,11 +20,11 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
|
|
|
20
20
|
sorterIcon: null,
|
|
21
21
|
showHeader: true
|
|
22
22
|
});
|
|
23
|
-
export var Table = function(props) {
|
|
23
|
+
export var Table = function Table(props) {
|
|
24
24
|
var locale = useConfig().locale;
|
|
25
25
|
var rtl = useRtl();
|
|
26
26
|
defaultProps.noData = locale.noData;
|
|
27
|
-
var
|
|
27
|
+
var _$_object_spread = _object_spread({}, defaultProps, props), children = _$_object_spread.children, className = _$_object_spread.className, style = _$_object_spread.style, columns = _$_object_spread.columns, data = _$_object_spread.data, bordered = _$_object_spread.bordered, summary = _$_object_spread.summary, striped = _$_object_spread.striped, noData = _$_object_spread.noData, sorterIcon = _$_object_spread.sorterIcon, showHeader = _$_object_spread.showHeader, onSort = _$_object_spread.onSort, rest = _object_without_properties(_$_object_spread, [
|
|
28
28
|
"children",
|
|
29
29
|
"className",
|
|
30
30
|
"style",
|
|
@@ -53,7 +53,7 @@ export var Table = function(props) {
|
|
|
53
53
|
var headerClassPrefix = "".concat(classPrefix, "-main-head-tr");
|
|
54
54
|
var bodyClassPrefix = "".concat(classPrefix, "-main-body-tr");
|
|
55
55
|
var cls = classNames(classPrefix, className);
|
|
56
|
-
var handleSorterClick = function(item) {
|
|
56
|
+
var handleSorterClick = function handleSorterClick(item) {
|
|
57
57
|
if (item.sorter && !sortedMapping.current[item.key]) {
|
|
58
58
|
var copied = _to_consumable_array(innerValue);
|
|
59
59
|
if (typeof item.sorter === 'function') {
|
|
@@ -69,21 +69,21 @@ export var Table = function(props) {
|
|
|
69
69
|
setValue(data);
|
|
70
70
|
}
|
|
71
71
|
};
|
|
72
|
-
var cellClasses = function(item) {
|
|
72
|
+
var cellClasses = function cellClasses(item) {
|
|
73
73
|
var _obj;
|
|
74
74
|
return _obj = {}, _define_property(_obj, "".concat(headerClassPrefix, "-border"), bordered), _define_property(_obj, "".concat(headerClassPrefix, "-align").concat(item.align ? item.align : ''), true), _obj;
|
|
75
75
|
};
|
|
76
|
-
var getColumnItem = function(value) {
|
|
76
|
+
var getColumnItem = function getColumnItem(value) {
|
|
77
77
|
return columns.filter(function(item) {
|
|
78
78
|
return item.key === value;
|
|
79
79
|
})[0];
|
|
80
80
|
};
|
|
81
|
-
var renderHeadCells = function() {
|
|
81
|
+
var renderHeadCells = function renderHeadCells() {
|
|
82
82
|
return columns.map(function(item, index) {
|
|
83
83
|
return /*#__PURE__*/ React.createElement("div", {
|
|
84
84
|
className: classNames("".concat(headerClassPrefix, "-th"), cellClasses(item), getStickyClass(item.key)),
|
|
85
85
|
key: item.key,
|
|
86
|
-
onClick: function() {
|
|
86
|
+
onClick: function onClick() {
|
|
87
87
|
return handleSorterClick(item);
|
|
88
88
|
},
|
|
89
89
|
style: getStickyStyle(item.key)
|
|
@@ -93,7 +93,7 @@ export var Table = function(props) {
|
|
|
93
93
|
})));
|
|
94
94
|
});
|
|
95
95
|
};
|
|
96
|
-
var sortDataItem = function() {
|
|
96
|
+
var sortDataItem = function sortDataItem() {
|
|
97
97
|
return columns.map(function(columns) {
|
|
98
98
|
return [
|
|
99
99
|
columns.key,
|
|
@@ -101,7 +101,7 @@ export var Table = function(props) {
|
|
|
101
101
|
];
|
|
102
102
|
});
|
|
103
103
|
};
|
|
104
|
-
var renderBodyTds = function(item, rowIndex) {
|
|
104
|
+
var renderBodyTds = function renderBodyTds(item, rowIndex) {
|
|
105
105
|
return sortDataItem().map(function(param) {
|
|
106
106
|
var _param = _sliced_to_array(param, 2), value = _param[0], render = _param[1];
|
|
107
107
|
return /*#__PURE__*/ React.createElement("div", {
|
|
@@ -111,7 +111,7 @@ export var Table = function(props) {
|
|
|
111
111
|
}, typeof item[value] === 'function' || typeof render === 'function' ? /*#__PURE__*/ React.createElement("div", null, render ? render(item, rowIndex) : item[value](item)) : item[value]);
|
|
112
112
|
});
|
|
113
113
|
};
|
|
114
|
-
var renderBodyTrs = function() {
|
|
114
|
+
var renderBodyTrs = function renderBodyTrs() {
|
|
115
115
|
return innerValue.map(function(item, index) {
|
|
116
116
|
var inner = renderBodyTds(item, index);
|
|
117
117
|
var rowRender = item.rowRender;
|
|
@@ -6,7 +6,7 @@ var defaultProps = {
|
|
|
6
6
|
value: '',
|
|
7
7
|
disabled: false
|
|
8
8
|
};
|
|
9
|
-
export var TabPane = function(props) {
|
|
9
|
+
export var TabPane = function TabPane(props) {
|
|
10
10
|
var _$_object_spread = _object_spread({}, defaultProps, props), children = _$_object_spread.children, autoHeightClassName = _$_object_spread.autoHeightClassName, className = _$_object_spread.className, disabled = _$_object_spread.disabled;
|
|
11
11
|
var classPrefix = 'nut-tabpane';
|
|
12
12
|
var classes = classNames(classPrefix, {
|
|
@@ -21,9 +21,9 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
|
|
|
21
21
|
autoHeight: false
|
|
22
22
|
});
|
|
23
23
|
var classPrefix = 'nut-tabs';
|
|
24
|
-
export var Tabs = function(props) {
|
|
24
|
+
export var Tabs = function Tabs(props) {
|
|
25
25
|
var rtl = useRtl();
|
|
26
|
-
var
|
|
26
|
+
var _$_object_spread = _object_spread({}, defaultProps, props), activeColor = _$_object_spread.activeColor, tabStyle = _$_object_spread.tabStyle, direction = _$_object_spread.direction, activeType = _$_object_spread.activeType, duration = _$_object_spread.duration, align = _$_object_spread.align, title = _$_object_spread.title, children = _$_object_spread.children, onClick = _$_object_spread.onClick, onChange = _$_object_spread.onChange, className = _$_object_spread.className, autoHeight = _$_object_spread.autoHeight, outerValue = _$_object_spread.value, outerDefaultValue = _$_object_spread.defaultValue, rest = _object_without_properties(_$_object_spread, [
|
|
27
27
|
"activeColor",
|
|
28
28
|
"tabStyle",
|
|
29
29
|
"direction",
|
|
@@ -46,18 +46,18 @@ export var Tabs = function(props) {
|
|
|
46
46
|
}), 2), value = _usePropsValue[0], setValue = _usePropsValue[1];
|
|
47
47
|
var titleItemsRef = useRef([]);
|
|
48
48
|
var navRef = useRef(null);
|
|
49
|
-
var scrollDirection = function(nav, to, duration) {
|
|
49
|
+
var scrollDirection = function scrollDirection(nav, to, duration) {
|
|
50
50
|
var from = direction === 'horizontal' ? nav.scrollLeft : nav.scrollTop;
|
|
51
51
|
var frames = duration === 0 ? 1 : Math.round(duration * 1000 / 16);
|
|
52
52
|
var count = 0;
|
|
53
|
-
var animate = function() {
|
|
53
|
+
var animate = function animate1() {
|
|
54
54
|
if (direction === 'horizontal') nav.scrollLeft += (to - from) / frames;
|
|
55
55
|
else nav.scrollTop += (to - from) / frames;
|
|
56
56
|
if (++count < frames) raf(animate);
|
|
57
57
|
};
|
|
58
58
|
animate();
|
|
59
59
|
};
|
|
60
|
-
var scrollIntoView = function(index, immediate) {
|
|
60
|
+
var scrollIntoView = function scrollIntoView(index, immediate) {
|
|
61
61
|
var nav = navRef.current;
|
|
62
62
|
var titleItem = titleItemsRef.current;
|
|
63
63
|
var titlesLength = titles.current.length;
|
|
@@ -75,7 +75,7 @@ export var Tabs = function(props) {
|
|
|
75
75
|
}
|
|
76
76
|
scrollDirection(nav, to, immediate ? 0 : 0.3);
|
|
77
77
|
};
|
|
78
|
-
var getTitles = function() {
|
|
78
|
+
var getTitles = function getTitles() {
|
|
79
79
|
var titles = [];
|
|
80
80
|
React.Children.forEach(children, function(child, idx) {
|
|
81
81
|
if (/*#__PURE__*/ React.isValidElement(child)) {
|
|
@@ -112,7 +112,7 @@ export var Tabs = function(props) {
|
|
|
112
112
|
var classes = classNames(classPrefix, "".concat(classPrefix, "-").concat(direction), className);
|
|
113
113
|
var _obj;
|
|
114
114
|
var classesTitle = classNames("".concat(classPrefix, "-titles"), (_obj = {}, _define_property(_obj, "".concat(classPrefix, "-titles-").concat(activeType), activeType), _define_property(_obj, "".concat(classPrefix, "-titles-scrollable"), true), _define_property(_obj, "".concat(classPrefix, "-titles-").concat(align), align), _obj));
|
|
115
|
-
var getContentStyle = function() {
|
|
115
|
+
var getContentStyle = function getContentStyle() {
|
|
116
116
|
var index = titles.current.findIndex(function(t) {
|
|
117
117
|
return t.value === value;
|
|
118
118
|
});
|
|
@@ -133,7 +133,7 @@ export var Tabs = function(props) {
|
|
|
133
133
|
}, [
|
|
134
134
|
value
|
|
135
135
|
]);
|
|
136
|
-
var tabChange = function(item) {
|
|
136
|
+
var tabChange = function tabChange(item) {
|
|
137
137
|
onClick && onClick(item.value);
|
|
138
138
|
if (!item.disabled) {
|
|
139
139
|
setValue(item.value);
|
|
@@ -149,10 +149,10 @@ export var Tabs = function(props) {
|
|
|
149
149
|
var _obj;
|
|
150
150
|
return /*#__PURE__*/ React.createElement("div", {
|
|
151
151
|
key: item.value,
|
|
152
|
-
ref: function(ref) {
|
|
152
|
+
ref: function ref(ref) {
|
|
153
153
|
return titleItemsRef.current.push(ref);
|
|
154
154
|
},
|
|
155
|
-
onClick: function() {
|
|
155
|
+
onClick: function onClick() {
|
|
156
156
|
return tabChange(item);
|
|
157
157
|
},
|
|
158
158
|
className: classNames("".concat(classPrefix, "-titles-item"), (_obj = {}, _define_property(_obj, "nut-tabs-titles-item-active", !item.disabled && String(item.value) === String(value)), _define_property(_obj, "nut-tabs-titles-item-disabled", item.disabled), _define_property(_obj, "nut-tabs-titles-item-".concat(align), align), _obj))
|
|
@@ -15,20 +15,20 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
|
|
|
15
15
|
mark: false,
|
|
16
16
|
closeable: false,
|
|
17
17
|
closeIcon: null,
|
|
18
|
-
onClose: function(e) {},
|
|
19
|
-
onClick: function(e) {}
|
|
18
|
+
onClose: function onClose(e) {},
|
|
19
|
+
onClick: function onClick(e) {}
|
|
20
20
|
});
|
|
21
|
-
export var Tag = function(props) {
|
|
21
|
+
export var Tag = function Tag(props) {
|
|
22
22
|
var _$_object_spread = _object_spread({}, defaultProps, props), className = _$_object_spread.className, style = _$_object_spread.style, background = _$_object_spread.background, plain = _$_object_spread.plain, type = _$_object_spread.type, round = _$_object_spread.round, children = _$_object_spread.children, mark = _$_object_spread.mark, closeable = _$_object_spread.closeable, closeIcon = _$_object_spread.closeIcon, color = _$_object_spread.color, onClick = _$_object_spread.onClick, onClose = _$_object_spread.onClose;
|
|
23
23
|
var _useState = _sliced_to_array(useState(true), 2), visible = _useState[0], setVisible = _useState[1];
|
|
24
24
|
var classPrefix = 'nut-tag';
|
|
25
25
|
var _obj;
|
|
26
26
|
var classes = classNames((_obj = {}, _define_property(_obj, classPrefix, true), _define_property(_obj, "".concat(classPrefix, "-").concat(type), type), _define_property(_obj, "".concat(classPrefix, "-plain"), plain), _define_property(_obj, "".concat(classPrefix, "-round"), round), _define_property(_obj, "".concat(classPrefix, "-mark"), mark), _define_property(_obj, "".concat(classPrefix, "-close"), closeable), _define_property(_obj, "".concat(className), className), _obj));
|
|
27
|
-
var handleClick = function(e) {
|
|
27
|
+
var handleClick = function handleClick(e) {
|
|
28
28
|
onClick && onClick(e);
|
|
29
29
|
};
|
|
30
30
|
// 综合考虑 color、background、plain 组合使用时的效果
|
|
31
|
-
var getStyle = function() {
|
|
31
|
+
var getStyle = function getStyle() {
|
|
32
32
|
var style = {};
|
|
33
33
|
// 标签背景与边框颜色
|
|
34
34
|
if (plain) {
|
|
@@ -38,7 +38,7 @@ export var Tag = function(props) {
|
|
|
38
38
|
}
|
|
39
39
|
return style;
|
|
40
40
|
};
|
|
41
|
-
var getTextStyle = function() {
|
|
41
|
+
var getTextStyle = function getTextStyle() {
|
|
42
42
|
var style = {};
|
|
43
43
|
// 标签内字体颜色
|
|
44
44
|
if (color) {
|
|
@@ -52,7 +52,7 @@ export var Tag = function(props) {
|
|
|
52
52
|
return /*#__PURE__*/ React.createElement(React.Fragment, null, closeable ? visible && /*#__PURE__*/ React.createElement("div", {
|
|
53
53
|
className: classes,
|
|
54
54
|
style: _object_spread({}, style, getStyle()),
|
|
55
|
-
onClick: function(e) {
|
|
55
|
+
onClick: function onClick(e) {
|
|
56
56
|
return handleClick(e);
|
|
57
57
|
}
|
|
58
58
|
}, children && /*#__PURE__*/ React.createElement("span", {
|
|
@@ -60,20 +60,20 @@ export var Tag = function(props) {
|
|
|
60
60
|
style: getTextStyle()
|
|
61
61
|
}, children), /*#__PURE__*/ React.isValidElement(closeIcon) ? /*#__PURE__*/ React.createElement("i", {
|
|
62
62
|
className: "".concat(classPrefix, "-custom-icon"),
|
|
63
|
-
onClick: function(e) {
|
|
63
|
+
onClick: function onClick(e) {
|
|
64
64
|
setVisible(false);
|
|
65
65
|
onClose && onClose(e);
|
|
66
66
|
}
|
|
67
67
|
}, closeIcon) : /*#__PURE__*/ React.createElement(Close, {
|
|
68
68
|
className: "".concat(classPrefix, "-close-icon"),
|
|
69
|
-
onClick: function(e) {
|
|
69
|
+
onClick: function onClick(e) {
|
|
70
70
|
setVisible(false);
|
|
71
71
|
onClose && onClose(e);
|
|
72
72
|
}
|
|
73
73
|
})) : /*#__PURE__*/ React.createElement("div", {
|
|
74
74
|
className: classes,
|
|
75
75
|
style: _object_spread({}, style, getStyle()),
|
|
76
|
-
onClick: function(e) {
|
|
76
|
+
onClick: function onClick(e) {
|
|
77
77
|
return handleClick(e);
|
|
78
78
|
}
|
|
79
79
|
}, children && /*#__PURE__*/ React.createElement("span", {
|