@nutui/nutui-react-taro 3.0.21-cpp → 3.0.22-cpp
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 +9 -2
- 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/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/badge/badge.js +1 -1
- package/dist/cjs/packages/barrage/barrage.js +2 -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 +4 -4
- 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/elevator/elevator.js +1 -1
- package/dist/cjs/packages/ellipsis/ellipsis.js +1 -1
- package/dist/cjs/packages/form/form.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/image/image.js +1 -1
- package/dist/cjs/packages/imagepreview/imagepreview.js +3 -2
- package/dist/cjs/packages/indicator/indicator.js +1 -1
- package/dist/cjs/packages/infiniteloading/infiniteloading.js +3 -3
- 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/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 +2 -2
- package/dist/cjs/packages/progress/progress.js +6 -9
- 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/range/range.js +3 -3
- package/dist/cjs/packages/shortpassword/shortpassword.js +1 -1
- package/dist/cjs/packages/sidebar/sidebar.js +1 -1
- package/dist/cjs/packages/signature/signature.js +2 -2
- package/dist/cjs/packages/skeleton/skeleton.js +1 -1
- package/dist/cjs/packages/sticky/sticky.js +3 -3
- package/dist/cjs/packages/swipe/swipe.js +1 -0
- package/dist/cjs/packages/swiper/swiper.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/toast/toast.js +2 -2
- package/dist/cjs/packages/trendarrow/trendarrow.js +1 -1
- package/dist/cjs/packages/uploader/uploader.js +1 -1
- package/dist/cjs/packages/video/video.js +2 -2
- package/dist/cjs/packages/virtuallist/utils.js +1 -1
- package/dist/cjs/packages/virtuallist/virtuallist.js +1 -1
- 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/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 +3 -3
- package/dist/es/packages/animatingnumbers/countup.js +1 -1
- package/dist/es/packages/audio/audio.js +16 -16
- package/dist/es/packages/avatar/avatar.js +4 -4
- package/dist/es/packages/avatarcropper/avatarcropper.js +25 -25
- 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 +10 -9
- package/dist/es/packages/button/button.js +4 -4
- 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 +24 -24
- package/dist/es/packages/calendarcard/icon.js +5 -5
- 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 +6 -6
- package/dist/es/packages/cell/cell.js +4 -4
- 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 +7 -7
- 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 +15 -15
- 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/content.js +6 -6
- package/dist/es/packages/dialog/dialog.js +24 -24
- package/dist/es/packages/divider/divider.js +3 -3
- package/dist/es/packages/drag/drag.js +5 -5
- package/dist/es/packages/elevator/elevator.js +17 -17
- package/dist/es/packages/ellipsis/ellipsis.js +14 -14
- package/dist/es/packages/empty/empty.js +1 -1
- package/dist/es/packages/fixednav/fixednav.js +7 -7
- package/dist/es/packages/form/form.js +7 -7
- 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 +6 -6
- package/dist/es/packages/hoverbuttonitem/utils.js +1 -1
- package/dist/es/packages/image/image.js +7 -7
- package/dist/es/packages/imagepreview/imagepreview.js +16 -15
- package/dist/es/packages/indicator/indicator.js +5 -5
- package/dist/es/packages/infiniteloading/infiniteloading.js +14 -14
- 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/lottie/index.js +1 -1
- package/dist/es/packages/lottie/lottiemp.js +1 -1
- package/dist/es/packages/menu/menu.js +13 -13
- package/dist/es/packages/menuitem/menuitem.js +12 -12
- package/dist/es/packages/navbar/navbar.js +7 -7
- package/dist/es/packages/noticebar/noticebar.js +22 -22
- package/dist/es/packages/notify/notify.js +8 -8
- package/dist/es/packages/numberkeyboard/numberkeyboard.js +12 -12
- package/dist/es/packages/overlay/overlay.js +7 -7
- 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 +12 -12
- 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 +16 -16
- package/dist/es/packages/popup/popup.js +13 -13
- package/dist/es/packages/price/price.js +8 -8
- package/dist/es/packages/progress/progress.js +16 -19
- package/dist/es/packages/pulltorefresh/pulltorefresh.js +8 -8
- 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 +12 -12
- package/dist/es/packages/rate/rate.js +11 -11
- 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 +4 -4
- 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 +11 -11
- 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 +15 -15
- 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 +1 -1
- package/dist/es/packages/steps/steps.js +1 -1
- package/dist/es/packages/sticky/sticky.js +5 -5
- package/dist/es/packages/swipe/swipe.js +17 -16
- package/dist/es/packages/swiper/swiper.js +7 -7
- package/dist/es/packages/swiperitem/swiperitem.js +1 -1
- 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 +11 -11
- package/dist/es/packages/tag/tag.js +10 -10
- package/dist/es/packages/textarea/textarea.js +11 -11
- package/dist/es/packages/timedetail/timedetail.js +3 -3
- package/dist/es/packages/timeselect/timeselect.js +6 -6
- package/dist/es/packages/toast/toast.js +10 -10
- package/dist/es/packages/tour/tour.js +10 -10
- 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 +19 -19
- package/dist/es/packages/video/video.js +3 -3
- package/dist/es/packages/virtuallist/utils.js +5 -5
- package/dist/es/packages/virtuallist/virtuallist.js +8 -8
- package/dist/es/packages/watermark/watermark.js +2 -2
- 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/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 +2 -2
- 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 +1147 -1142
- package/dist/style-jmapp.css +1 -1
- package/dist/style-jmapp.scss +31 -31
- package/dist/style-jrkf.css +1 -1
- package/dist/style-jrkf.scss +24 -24
- package/dist/style.css +1 -1
- package/dist/style.scss +40 -40
- package/package.json +1 -1
- package/dist/cjs/utils/taro/ConfigurableCSSTransition copy.d.ts +0 -15
- package/dist/cjs/utils/taro/ConfigurableCSSTransition copy.js +0 -130
- package/dist/es/utils/taro/ConfigurableCSSTransition copy.d.ts +0 -15
- package/dist/es/utils/taro/ConfigurableCSSTransition copy.js +0 -119
|
@@ -19,7 +19,7 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
|
|
|
19
19
|
sidebarDuration: 0
|
|
20
20
|
});
|
|
21
21
|
var classPrefix = 'nut-sidebar';
|
|
22
|
-
export var SideBar = function(props) {
|
|
22
|
+
export var SideBar = function SideBar(props) {
|
|
23
23
|
var _mergeProps = mergeProps(defaultProps, props), contentDuration = _mergeProps.contentDuration, sidebarDuration = _mergeProps.sidebarDuration, children = _mergeProps.children, onClick = _mergeProps.onClick, onChange = _mergeProps.onChange, className = _mergeProps.className, rest = _object_without_properties(_mergeProps, [
|
|
24
24
|
"contentDuration",
|
|
25
25
|
"sidebarDuration",
|
|
@@ -37,7 +37,7 @@ export var SideBar = function(props) {
|
|
|
37
37
|
}), 2), value = _usePropsValue[0], setValue = _usePropsValue[1];
|
|
38
38
|
var titleItemsRef = useRef([]);
|
|
39
39
|
var navRef = useRef(null);
|
|
40
|
-
var getTitles = function() {
|
|
40
|
+
var getTitles = function getTitles() {
|
|
41
41
|
var titles = [];
|
|
42
42
|
React.Children.forEach(children, function(child, idx) {
|
|
43
43
|
if (/*#__PURE__*/ React.isValidElement(child)) {
|
|
@@ -69,7 +69,7 @@ export var SideBar = function(props) {
|
|
|
69
69
|
]);
|
|
70
70
|
var classes = classNames(classPrefix, className);
|
|
71
71
|
var classesTitle = classNames("".concat(classPrefix, "-titles"), "".concat(classPrefix, "-titles-scrollable"));
|
|
72
|
-
var getRect = function(selector) {
|
|
72
|
+
var getRect = function getRect(selector) {
|
|
73
73
|
return new Promise(function(resolve) {
|
|
74
74
|
createSelectorQuery().select(selector).boundingClientRect().exec(function() {
|
|
75
75
|
var rect = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [];
|
|
@@ -77,7 +77,7 @@ export var SideBar = function(props) {
|
|
|
77
77
|
});
|
|
78
78
|
});
|
|
79
79
|
};
|
|
80
|
-
var getAllRect = function(selector) {
|
|
80
|
+
var getAllRect = function getAllRect(selector) {
|
|
81
81
|
return new Promise(function(resolve) {
|
|
82
82
|
createSelectorQuery().selectAll(selector).boundingClientRect().exec(function() {
|
|
83
83
|
var rect = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [];
|
|
@@ -89,7 +89,7 @@ export var SideBar = function(props) {
|
|
|
89
89
|
var navRectRef = useRef();
|
|
90
90
|
var titleRectRef = useRef([]);
|
|
91
91
|
var _useState = _sliced_to_array(useState(0), 2), scrollTop = _useState[0], setScrollTop = _useState[1];
|
|
92
|
-
var scrollDirection = function(to) {
|
|
92
|
+
var scrollDirection = function scrollDirection(to) {
|
|
93
93
|
if (sidebarDuration === 0) {
|
|
94
94
|
setScrollTop(to);
|
|
95
95
|
return;
|
|
@@ -108,7 +108,7 @@ export var SideBar = function(props) {
|
|
|
108
108
|
}
|
|
109
109
|
animate();
|
|
110
110
|
};
|
|
111
|
-
var scrollIntoView = function(index) {
|
|
111
|
+
var scrollIntoView = function scrollIntoView(index) {
|
|
112
112
|
raf(function() {
|
|
113
113
|
Promise.all([
|
|
114
114
|
getRect("#".concat(classPrefix, "-titles-").concat(uuid, " .").concat(classPrefix, "-list")),
|
|
@@ -126,7 +126,7 @@ export var SideBar = function(props) {
|
|
|
126
126
|
});
|
|
127
127
|
});
|
|
128
128
|
};
|
|
129
|
-
var getContentStyle = function() {
|
|
129
|
+
var getContentStyle = function getContentStyle() {
|
|
130
130
|
var index = titles.current.findIndex(function(t) {
|
|
131
131
|
return String(t.value) === String(value);
|
|
132
132
|
});
|
|
@@ -145,7 +145,7 @@ export var SideBar = function(props) {
|
|
|
145
145
|
}, [
|
|
146
146
|
value
|
|
147
147
|
]);
|
|
148
|
-
var tabChange = function(item, index) {
|
|
148
|
+
var tabChange = function tabChange(item, index) {
|
|
149
149
|
if (item.disabled) return;
|
|
150
150
|
onClick === null || onClick === void 0 ? void 0 : onClick(item.value);
|
|
151
151
|
setValue(item.value);
|
|
@@ -166,11 +166,11 @@ export var SideBar = function(props) {
|
|
|
166
166
|
ref: navRef
|
|
167
167
|
}, titles.current.map(function(item, index) {
|
|
168
168
|
return /*#__PURE__*/ React.createElement(View, {
|
|
169
|
-
ref: function(ref) {
|
|
169
|
+
ref: function ref(ref) {
|
|
170
170
|
return titleItemsRef.current.push(ref);
|
|
171
171
|
},
|
|
172
172
|
id: "scrollIntoView".concat(index),
|
|
173
|
-
onClick: function(e) {
|
|
173
|
+
onClick: function onClick(e) {
|
|
174
174
|
tabChange(item, index);
|
|
175
175
|
},
|
|
176
176
|
className: classNames("".concat(classPrefix, "-titles-item"), _define_property({}, "".concat(classPrefix, "-titles-item-active"), !item.disabled && String(item.value) === String(value))),
|
|
@@ -184,13 +184,13 @@ export var SideBar = function(props) {
|
|
|
184
184
|
className: "".concat(classPrefix, "-content"),
|
|
185
185
|
style: getContentStyle()
|
|
186
186
|
}, React.Children.map(children, function(child, idx) {
|
|
187
|
+
var _child_props_value;
|
|
187
188
|
if (!/*#__PURE__*/ React.isValidElement(child)) {
|
|
188
189
|
return null;
|
|
189
190
|
}
|
|
190
191
|
var childProps = _object_spread_props(_object_spread({}, child.props), {
|
|
191
192
|
active: value === child.props.value
|
|
192
193
|
});
|
|
193
|
-
var _child_props_value;
|
|
194
194
|
if (String(value) !== String((_child_props_value = child.props.value) !== null && _child_props_value !== void 0 ? _child_props_value : idx)) {
|
|
195
195
|
childProps = _object_spread({}, childProps);
|
|
196
196
|
}
|
|
@@ -7,7 +7,7 @@ var defaultProps = {
|
|
|
7
7
|
value: '',
|
|
8
8
|
disabled: false
|
|
9
9
|
};
|
|
10
|
-
export var SideBarItem = function(props) {
|
|
10
|
+
export var SideBarItem = function SideBarItem(props) {
|
|
11
11
|
var _mergeProps = mergeProps(defaultProps, props), children = _mergeProps.children, className = _mergeProps.className, disabled = _mergeProps.disabled;
|
|
12
12
|
var classPrefix = 'nut-sidebaritem';
|
|
13
13
|
var classes = classNames(classPrefix, {
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
|
|
1
|
+
import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
|
|
2
2
|
import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
|
|
3
3
|
import { _ as _object_without_properties } from "@swc/helpers/_/_object_without_properties";
|
|
4
4
|
import { _ as _sliced_to_array } from "@swc/helpers/_/_sliced_to_array";
|
|
5
|
-
import React, { useEffect, useImperativeHandle, useRef, useState } from "react";
|
|
5
|
+
/* eslint-disable react/no-unknown-property */ import React, { useEffect, useImperativeHandle, useRef, useState } from "react";
|
|
6
6
|
import { getEnv, nextTick, createSelectorQuery, canvasToTempFilePath } from "@tarojs/taro";
|
|
7
7
|
import { Canvas, View } from "@tarojs/components";
|
|
8
8
|
import { ComponentDefaults } from "../../utils/typings";
|
|
@@ -12,8 +12,8 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
|
|
|
12
12
|
lineWidth: 2,
|
|
13
13
|
strokeStyle: '#1A1A1A'
|
|
14
14
|
});
|
|
15
|
-
var InternalSignature = function(props, ref) {
|
|
16
|
-
var
|
|
15
|
+
var InternalSignature = function InternalSignature(props, ref) {
|
|
16
|
+
var _$_object_spread = _object_spread({}, defaultProps, props), canvasId = _$_object_spread.canvasId, type = _$_object_spread.type, lineWidth = _$_object_spread.lineWidth, strokeStyle = _$_object_spread.strokeStyle, className = _$_object_spread.className, style = _$_object_spread.style, onConfirm = _$_object_spread.onConfirm, onClear = _$_object_spread.onClear, rest = _object_without_properties(_$_object_spread, [
|
|
17
17
|
"canvasId",
|
|
18
18
|
"type",
|
|
19
19
|
"lineWidth",
|
|
@@ -31,7 +31,7 @@ var InternalSignature = function(props, ref) {
|
|
|
31
31
|
var ctx = useRef(null);
|
|
32
32
|
var _useState2 = _sliced_to_array(useState('true'), 1), disalbeScroll = _useState2[0];
|
|
33
33
|
var isSignedRef = useRef(false);
|
|
34
|
-
var startEventHandler = function(event) {
|
|
34
|
+
var startEventHandler = function startEventHandler(event) {
|
|
35
35
|
isSignedRef.current = true;
|
|
36
36
|
if (ctx.current) {
|
|
37
37
|
ctx.current.beginPath();
|
|
@@ -39,7 +39,7 @@ var InternalSignature = function(props, ref) {
|
|
|
39
39
|
ctx.current.strokeStyle = strokeStyle;
|
|
40
40
|
}
|
|
41
41
|
};
|
|
42
|
-
var moveEventHandler = function(event) {
|
|
42
|
+
var moveEventHandler = function moveEventHandler(event) {
|
|
43
43
|
if (ctx.current) {
|
|
44
44
|
var evt = event.changedTouches[0];
|
|
45
45
|
var mouseX = evt.x || evt.clientX;
|
|
@@ -56,8 +56,8 @@ var InternalSignature = function(props, ref) {
|
|
|
56
56
|
});
|
|
57
57
|
}
|
|
58
58
|
};
|
|
59
|
-
var endEventHandler = function(event) {};
|
|
60
|
-
var handleClearBtn = function() {
|
|
59
|
+
var endEventHandler = function endEventHandler(event) {};
|
|
60
|
+
var handleClearBtn = function handleClearBtn() {
|
|
61
61
|
isSignedRef.current = false;
|
|
62
62
|
if (ctx.current) {
|
|
63
63
|
ctx.current.clearRect(0, 0, canvasWidth, canvasHeight);
|
|
@@ -65,7 +65,7 @@ var InternalSignature = function(props, ref) {
|
|
|
65
65
|
}
|
|
66
66
|
onClear && onClear();
|
|
67
67
|
};
|
|
68
|
-
var onSave = function() {
|
|
68
|
+
var onSave = function onSave() {
|
|
69
69
|
if (!isSignedRef.current) {
|
|
70
70
|
onConfirm && onConfirm('', isSignedRef.current);
|
|
71
71
|
return;
|
|
@@ -78,16 +78,16 @@ var InternalSignature = function(props, ref) {
|
|
|
78
78
|
canvas: res[0].node,
|
|
79
79
|
fileType: type,
|
|
80
80
|
canvasId: "".concat(canvasId),
|
|
81
|
-
success: function(res) {
|
|
81
|
+
success: function success(res) {
|
|
82
82
|
onConfirm && onConfirm(res.tempFilePath, isSignedRef.current);
|
|
83
83
|
},
|
|
84
|
-
fail: function(res) {
|
|
84
|
+
fail: function fail(res) {
|
|
85
85
|
console.warn('保存失败', res);
|
|
86
86
|
}
|
|
87
87
|
});
|
|
88
88
|
});
|
|
89
89
|
};
|
|
90
|
-
var canvasSetting = function(canvasDom, width, height) {
|
|
90
|
+
var canvasSetting = function canvasSetting(canvasDom, width, height) {
|
|
91
91
|
var canvas = canvasDom;
|
|
92
92
|
canvas.current = canvas;
|
|
93
93
|
ctx.current = canvas.getContext('2d');
|
|
@@ -104,15 +104,15 @@ var InternalSignature = function(props, ref) {
|
|
|
104
104
|
};
|
|
105
105
|
useImperativeHandle(ref, function() {
|
|
106
106
|
return {
|
|
107
|
-
confirm: function() {
|
|
107
|
+
confirm: function confirm() {
|
|
108
108
|
onSave();
|
|
109
109
|
},
|
|
110
|
-
clear: function() {
|
|
110
|
+
clear: function clear() {
|
|
111
111
|
handleClearBtn();
|
|
112
112
|
}
|
|
113
113
|
};
|
|
114
114
|
});
|
|
115
|
-
var initCanvas = function() {
|
|
115
|
+
var initCanvas = function initCanvas() {
|
|
116
116
|
nextTick(function() {
|
|
117
117
|
setTimeout(function() {
|
|
118
118
|
if ([
|
|
@@ -14,7 +14,7 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
|
|
|
14
14
|
shape: 'round',
|
|
15
15
|
duration: 0.6
|
|
16
16
|
});
|
|
17
|
-
export var Skeleton = function(props) {
|
|
17
|
+
export var Skeleton = function Skeleton(props) {
|
|
18
18
|
var shapeStyle = function shapeStyle() {
|
|
19
19
|
if (shape === 'circle') return {
|
|
20
20
|
borderRadius: '50%'
|
|
@@ -30,7 +30,7 @@ export var Skeleton = function(props) {
|
|
|
30
30
|
};
|
|
31
31
|
return {};
|
|
32
32
|
};
|
|
33
|
-
var
|
|
33
|
+
var _$_object_spread = _object_spread({}, defaultProps, props), className = _$_object_spread.className, width = _$_object_spread.width, height = _$_object_spread.height, shape = _$_object_spread.shape, animated = _$_object_spread.animated, rows = _$_object_spread.rows, visible = _$_object_spread.visible, size = _$_object_spread.size, duration = _$_object_spread.duration, children = _$_object_spread.children, rest = _object_without_properties(_$_object_spread, [
|
|
34
34
|
"className",
|
|
35
35
|
"width",
|
|
36
36
|
"height",
|
|
@@ -44,7 +44,7 @@ export var Skeleton = function(props) {
|
|
|
44
44
|
]);
|
|
45
45
|
var classPrefix = 'nut-skeleton';
|
|
46
46
|
var classes = classNames(classPrefix, className);
|
|
47
|
-
var repeatCount = function(num) {
|
|
47
|
+
var repeatCount = function repeatCount(num) {
|
|
48
48
|
return Array.from({
|
|
49
49
|
length: num
|
|
50
50
|
}, function(v, i) {
|
|
@@ -52,7 +52,7 @@ export var Skeleton = function(props) {
|
|
|
52
52
|
});
|
|
53
53
|
};
|
|
54
54
|
var _useState = _sliced_to_array(useState(false), 2), animate = _useState[0], setAnimate = _useState[1];
|
|
55
|
-
var playAnimation = function() {
|
|
55
|
+
var playAnimation = function playAnimation() {
|
|
56
56
|
setAnimate(false);
|
|
57
57
|
setTimeout(function() {
|
|
58
58
|
setAnimate(true);
|
|
@@ -8,7 +8,7 @@ var prefixCls = 'nut-space';
|
|
|
8
8
|
var defaultProps = {
|
|
9
9
|
direction: 'horizontal'
|
|
10
10
|
};
|
|
11
|
-
export var Space = function(props) {
|
|
11
|
+
export var Space = function Space(props) {
|
|
12
12
|
var _$_object_spread = _object_spread({}, defaultProps, props), className = _$_object_spread.className, style = _$_object_spread.style, children = _$_object_spread.children, wrap = _$_object_spread.wrap, align = _$_object_spread.align, direction = _$_object_spread.direction, justify = _$_object_spread.justify;
|
|
13
13
|
var rtl = useRtl();
|
|
14
14
|
var _obj;
|
|
@@ -12,7 +12,7 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
|
|
|
12
12
|
value: 0,
|
|
13
13
|
icon: null
|
|
14
14
|
});
|
|
15
|
-
export var Step = function(props) {
|
|
15
|
+
export var Step = function Step(props) {
|
|
16
16
|
var _$_object_spread = _object_spread({}, defaultProps, props), type = _$_object_spread.type, title = _$_object_spread.title, description = _$_object_spread.description, value = _$_object_spread.value, icon = _$_object_spread.icon, className = _$_object_spread.className, style = _$_object_spread.style;
|
|
17
17
|
var parent = useContext(DataContext);
|
|
18
18
|
var _parent_propSteps = parent.propSteps, parentType = _parent_propSteps.type, parentValue = _parent_propSteps.value, status = _parent_propSteps.status, parentIcon = _parent_propSteps.icon, onStepClick = _parent_propSteps.onStepClick;
|
|
@@ -15,7 +15,7 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
|
|
|
15
15
|
value: 0,
|
|
16
16
|
icon: null
|
|
17
17
|
});
|
|
18
|
-
export var Steps = function(props) {
|
|
18
|
+
export var Steps = function Steps(props) {
|
|
19
19
|
var propSteps = _object_spread({}, defaultProps, props);
|
|
20
20
|
var direction = propSteps.direction, value = propSteps.value, layout = propSteps.layout, status = propSteps.status, type = propSteps.type, className = propSteps.className, children = propSteps.children, onStepClick = propSteps.onStepClick, restProps = _object_without_properties(propSteps, [
|
|
21
21
|
"direction",
|
|
@@ -19,8 +19,8 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
|
|
|
19
19
|
zIndex: 900
|
|
20
20
|
});
|
|
21
21
|
var classPrefix = 'nut-sticky';
|
|
22
|
-
export var Sticky = function(props) {
|
|
23
|
-
var
|
|
22
|
+
export var Sticky = function Sticky(props) {
|
|
23
|
+
var _$_object_spread = _object_spread({}, defaultProps, props), position = _$_object_spread.position, zIndex = _$_object_spread.zIndex, threshold = _$_object_spread.threshold, style = _$_object_spread.style, children = _$_object_spread.children, container = _$_object_spread.container, className = _$_object_spread.className, onChange = _$_object_spread.onChange, rest = _object_without_properties(_$_object_spread, [
|
|
24
24
|
"position",
|
|
25
25
|
"zIndex",
|
|
26
26
|
"threshold",
|
|
@@ -40,13 +40,13 @@ export var Sticky = function(props) {
|
|
|
40
40
|
onChange && onChange(fixed);
|
|
41
41
|
});
|
|
42
42
|
var rootStyle = useMemo(function() {
|
|
43
|
+
var _rootRect_height, _rootRect_width;
|
|
43
44
|
if (!fixed) {
|
|
44
45
|
return {
|
|
45
46
|
height: '',
|
|
46
47
|
width: ''
|
|
47
48
|
};
|
|
48
49
|
}
|
|
49
|
-
var _rootRect_height, _rootRect_width;
|
|
50
50
|
var style = {
|
|
51
51
|
height: (_rootRect_height = rootRect.height) !== null && _rootRect_height !== void 0 ? _rootRect_height : '',
|
|
52
52
|
width: (_rootRect_width = rootRect.width) !== null && _rootRect_width !== void 0 ? _rootRect_width : ''
|
|
@@ -58,13 +58,13 @@ export var Sticky = function(props) {
|
|
|
58
58
|
rootRect.width
|
|
59
59
|
]);
|
|
60
60
|
var stickyStyle = useMemo(function() {
|
|
61
|
+
var _rootRect_height, _rootRect_width;
|
|
61
62
|
if (!fixed) {
|
|
62
63
|
return _define_property({
|
|
63
64
|
height: '',
|
|
64
65
|
width: ''
|
|
65
66
|
}, position, '');
|
|
66
67
|
}
|
|
67
|
-
var _rootRect_height, _rootRect_width;
|
|
68
68
|
var _obj;
|
|
69
69
|
var style = (_obj = {
|
|
70
70
|
height: (_rootRect_height = rootRect.height) !== null && _rootRect_height !== void 0 ? _rootRect_height : '',
|
|
@@ -81,7 +81,7 @@ export var Sticky = function(props) {
|
|
|
81
81
|
threshold,
|
|
82
82
|
zIndex
|
|
83
83
|
]);
|
|
84
|
-
var handleScroll = function(scrollTop) {
|
|
84
|
+
var handleScroll = function handleScroll(scrollTop) {
|
|
85
85
|
return _async_to_generator(function() {
|
|
86
86
|
var curRootRect, stickyRect, containerRect, difference, curTransform, curFixed, windowHeight;
|
|
87
87
|
return _ts_generator(this, function(_state) {
|
|
@@ -29,7 +29,7 @@ export var Swipe = /*#__PURE__*/ forwardRef(function(props, instanceRef) {
|
|
|
29
29
|
var uid = useUuid();
|
|
30
30
|
var leftId = "swipe-left-".concat(uid);
|
|
31
31
|
var rightId = "swipe-right-".concat(uid);
|
|
32
|
-
var getWidth = function() {
|
|
32
|
+
var getWidth = function getWidth() {
|
|
33
33
|
return _async_to_generator(function() {
|
|
34
34
|
var leftRect, rightRect;
|
|
35
35
|
return _ts_generator(this, function(_state) {
|
|
@@ -95,7 +95,7 @@ export var Swipe = /*#__PURE__*/ forwardRef(function(props, instanceRef) {
|
|
|
95
95
|
left: 0,
|
|
96
96
|
right: 0
|
|
97
97
|
}), 2), actionWidth = _useRefState[0], updateState = _useRefState[1];
|
|
98
|
-
var setActionWidth = function(fn) {
|
|
98
|
+
var setActionWidth = function setActionWidth(fn) {
|
|
99
99
|
var res = fn();
|
|
100
100
|
if (res.left !== undefined) {
|
|
101
101
|
updateState(_object_spread_props(_object_spread({}, actionWidth.current), {
|
|
@@ -117,7 +117,7 @@ export var Swipe = /*#__PURE__*/ forwardRef(function(props, instanceRef) {
|
|
|
117
117
|
state.offset,
|
|
118
118
|
state.dragging
|
|
119
119
|
]);
|
|
120
|
-
var onTouchStart = function(event) {
|
|
120
|
+
var onTouchStart = function onTouchStart(event) {
|
|
121
121
|
return _async_to_generator(function() {
|
|
122
122
|
var _props_onTouchStart;
|
|
123
123
|
return _ts_generator(this, function(_state) {
|
|
@@ -134,7 +134,7 @@ export var Swipe = /*#__PURE__*/ forwardRef(function(props, instanceRef) {
|
|
|
134
134
|
});
|
|
135
135
|
})();
|
|
136
136
|
};
|
|
137
|
-
var onTouchMove = function(event) {
|
|
137
|
+
var onTouchMove = function onTouchMove(event) {
|
|
138
138
|
var _props_onTouchMove;
|
|
139
139
|
if (props.disabled) return;
|
|
140
140
|
touch.move(event);
|
|
@@ -154,7 +154,7 @@ export var Swipe = /*#__PURE__*/ forwardRef(function(props, instanceRef) {
|
|
|
154
154
|
});
|
|
155
155
|
}
|
|
156
156
|
};
|
|
157
|
-
var onTouchEnd = function(event) {
|
|
157
|
+
var onTouchEnd = function onTouchEnd(event) {
|
|
158
158
|
if (state.dragging) {
|
|
159
159
|
var _props_onTouchEnd;
|
|
160
160
|
setState(function(prevState) {
|
|
@@ -169,7 +169,7 @@ export var Swipe = /*#__PURE__*/ forwardRef(function(props, instanceRef) {
|
|
|
169
169
|
(_props_onTouchEnd = props.onTouchEnd) === null || _props_onTouchEnd === void 0 ? void 0 : _props_onTouchEnd.call(props, event);
|
|
170
170
|
}
|
|
171
171
|
};
|
|
172
|
-
var toggle = function(side) {
|
|
172
|
+
var toggle = function toggle(side) {
|
|
173
173
|
var offset = Math.abs(state.offset);
|
|
174
174
|
var base = 0.3;
|
|
175
175
|
var baseNum = opened ? 1 - base : base;
|
|
@@ -180,7 +180,7 @@ export var Swipe = /*#__PURE__*/ forwardRef(function(props, instanceRef) {
|
|
|
180
180
|
close(side);
|
|
181
181
|
}
|
|
182
182
|
};
|
|
183
|
-
var open = function(side) {
|
|
183
|
+
var open = function open(side) {
|
|
184
184
|
var _props_onOpen;
|
|
185
185
|
opened.current = true;
|
|
186
186
|
var offset = side === 'left' ? actionWidth.current.left : -actionWidth.current.right;
|
|
@@ -212,25 +212,25 @@ export var Swipe = /*#__PURE__*/ forwardRef(function(props, instanceRef) {
|
|
|
212
212
|
}, [
|
|
213
213
|
props
|
|
214
214
|
]);
|
|
215
|
-
var rangeCalculation = function(num, min, max) {
|
|
215
|
+
var rangeCalculation = function rangeCalculation(num, min, max) {
|
|
216
216
|
return Math.min(Math.max(Number(num), Number(min)), Number(max));
|
|
217
217
|
};
|
|
218
218
|
var leftWrapper = useRef(null);
|
|
219
219
|
var rightWrapper = useRef(null);
|
|
220
|
-
var renderActionContent = function(side) {
|
|
220
|
+
var renderActionContent = function renderActionContent(side) {
|
|
221
221
|
if (props["".concat(side, "Action")]) {
|
|
222
222
|
return /*#__PURE__*/ React.createElement(View, {
|
|
223
223
|
ref: side === 'left' ? leftWrapper : rightWrapper,
|
|
224
224
|
className: "".concat(classPrefix, "-").concat(side),
|
|
225
225
|
id: side === 'left' ? leftId : rightId,
|
|
226
|
-
onClick: function(e) {
|
|
226
|
+
onClick: function onClick(e) {
|
|
227
227
|
return handleOperate(e, side);
|
|
228
228
|
}
|
|
229
229
|
}, props["".concat(side, "Action")]);
|
|
230
230
|
}
|
|
231
231
|
return null;
|
|
232
232
|
};
|
|
233
|
-
var handleOperate = function(event, position) {
|
|
233
|
+
var handleOperate = function handleOperate(event, position) {
|
|
234
234
|
event.stopPropagation();
|
|
235
235
|
if (props.beforeClose) {
|
|
236
236
|
props.beforeClose(position);
|
|
@@ -242,14 +242,15 @@ export var Swipe = /*#__PURE__*/ forwardRef(function(props, instanceRef) {
|
|
|
242
242
|
useImperativeHandle(instanceRef, function() {
|
|
243
243
|
return {
|
|
244
244
|
open: open,
|
|
245
|
-
close: function() {
|
|
245
|
+
close: function close1() {
|
|
246
246
|
return close();
|
|
247
247
|
}
|
|
248
248
|
};
|
|
249
249
|
});
|
|
250
250
|
useEffect(function() {
|
|
251
|
+
if (typeof document === 'undefined' || typeof document.addEventListener !== 'function') return;
|
|
251
252
|
// 并没有生效
|
|
252
|
-
var handler = function(event) {
|
|
253
|
+
var handler = function handler(event) {
|
|
253
254
|
var targets = [
|
|
254
255
|
root
|
|
255
256
|
];
|
|
@@ -271,13 +272,13 @@ export var Swipe = /*#__PURE__*/ forwardRef(function(props, instanceRef) {
|
|
|
271
272
|
return /*#__PURE__*/ React.createElement(View, {
|
|
272
273
|
ref: root,
|
|
273
274
|
className: classNames(classPrefix, className),
|
|
274
|
-
onTouchStart: function(e) {
|
|
275
|
+
onTouchStart: function onTouchStart1(e) {
|
|
275
276
|
return onTouchStart(e);
|
|
276
277
|
},
|
|
277
|
-
onTouchMove: function(e) {
|
|
278
|
+
onTouchMove: function onTouchMove1(e) {
|
|
278
279
|
return onTouchMove(e);
|
|
279
280
|
},
|
|
280
|
-
onTouchEnd: function(e) {
|
|
281
|
+
onTouchEnd: function onTouchEnd1(e) {
|
|
281
282
|
return onTouchEnd(e);
|
|
282
283
|
},
|
|
283
284
|
style: style
|
|
@@ -19,7 +19,7 @@ var defaultProps = {
|
|
|
19
19
|
};
|
|
20
20
|
var classPrefix = 'nut-swiper';
|
|
21
21
|
export var Swiper = /*#__PURE__*/ React.forwardRef(function(props, ref) {
|
|
22
|
-
var
|
|
22
|
+
var _$_object_spread = _object_spread({}, defaultProps, props), width = _$_object_spread.width, height = _$_object_spread.height, className = _$_object_spread.className, children = _$_object_spread.children, indicator = _$_object_spread.indicator, indicatorDots = _$_object_spread.indicatorDots, loop = _$_object_spread.loop, circular = _$_object_spread.circular, autoPlay = _$_object_spread.autoPlay, autoplay = _$_object_spread.autoplay, vertical = _$_object_spread.vertical, direction = _$_object_spread.direction, defaultValue = _$_object_spread.defaultValue, current = _$_object_spread.current, onChange = _$_object_spread.onChange, style = _$_object_spread.style, rest = _object_without_properties(_$_object_spread, [
|
|
23
23
|
"width",
|
|
24
24
|
"height",
|
|
25
25
|
"className",
|
|
@@ -53,7 +53,7 @@ export var Swiper = /*#__PURE__*/ React.forwardRef(function(props, ref) {
|
|
|
53
53
|
defaultValue,
|
|
54
54
|
current
|
|
55
55
|
]);
|
|
56
|
-
var renderIndicator = function() {
|
|
56
|
+
var renderIndicator = function renderIndicator() {
|
|
57
57
|
if (/*#__PURE__*/ React.isValidElement(indicator)) return indicator;
|
|
58
58
|
if (indicator || indicatorDots) {
|
|
59
59
|
var _obj;
|
|
@@ -67,22 +67,22 @@ export var Swiper = /*#__PURE__*/ React.forwardRef(function(props, ref) {
|
|
|
67
67
|
}
|
|
68
68
|
return null;
|
|
69
69
|
};
|
|
70
|
-
var handleOnChange = function(value) {
|
|
70
|
+
var handleOnChange = function handleOnChange(value) {
|
|
71
71
|
setInnerValue(value.detail.current);
|
|
72
72
|
};
|
|
73
73
|
useImperativeHandle(ref, function() {
|
|
74
74
|
return {
|
|
75
|
-
to: function(value) {
|
|
75
|
+
to: function to(value) {
|
|
76
76
|
setInnerValue(value);
|
|
77
77
|
},
|
|
78
|
-
next: function() {
|
|
78
|
+
next: function next() {
|
|
79
79
|
if (loop) {
|
|
80
80
|
setInnerValue((innerValue + 1) % childrenCount);
|
|
81
81
|
} else {
|
|
82
82
|
setInnerValue(innerValue + 1 >= childrenCount ? innerValue : innerValue + 1);
|
|
83
83
|
}
|
|
84
84
|
},
|
|
85
|
-
prev: function() {
|
|
85
|
+
prev: function prev() {
|
|
86
86
|
if (loop) {
|
|
87
87
|
var next = innerValue - 1;
|
|
88
88
|
next = next < 0 ? childrenCount + next : next;
|
|
@@ -111,7 +111,7 @@ export var Swiper = /*#__PURE__*/ React.forwardRef(function(props, ref) {
|
|
|
111
111
|
autoplay: autoplay || autoPlay,
|
|
112
112
|
vertical: direction === 'vertical' || vertical,
|
|
113
113
|
indicatorDots: false,
|
|
114
|
-
onChange: function(e) {
|
|
114
|
+
onChange: function onChange(e) {
|
|
115
115
|
var _props_onChange;
|
|
116
116
|
handleOnChange(e);
|
|
117
117
|
(_props_onChange = props.onChange) === null || _props_onChange === void 0 ? void 0 : _props_onChange.call(props, e);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { _ as _object_without_properties } from "@swc/helpers/_/_object_without_properties";
|
|
2
2
|
import React from "react";
|
|
3
|
-
export var SwiperItem = function(props) {
|
|
3
|
+
export var SwiperItem = function SwiperItem(props) {
|
|
4
4
|
var children = props.children, rest = _object_without_properties(props, [
|
|
5
5
|
"children"
|
|
6
6
|
]);
|
|
@@ -18,10 +18,10 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
|
|
|
18
18
|
inactiveText: '',
|
|
19
19
|
loadingIcon: /*#__PURE__*/ React.createElement(Loading1, null),
|
|
20
20
|
loading: undefined,
|
|
21
|
-
onLoadingChange: function(loading) {}
|
|
21
|
+
onLoadingChange: function onLoadingChange(loading) {}
|
|
22
22
|
});
|
|
23
|
-
export var Switch = function(props) {
|
|
24
|
-
var
|
|
23
|
+
export var Switch = function Switch(props) {
|
|
24
|
+
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, [
|
|
25
25
|
"checked",
|
|
26
26
|
"defaultChecked",
|
|
27
27
|
"disabled",
|
|
@@ -43,7 +43,7 @@ export var Switch = function(props) {
|
|
|
43
43
|
}), 2), value = _usePropsValue[0], setValue = _usePropsValue[1];
|
|
44
44
|
var _useState = _sliced_to_array(useState(false), 2), internalLoading = _useState[0], setInternalLoading = _useState[1];
|
|
45
45
|
var loading = propLoading !== undefined ? propLoading : internalLoading;
|
|
46
|
-
var setLoading = function(val) {
|
|
46
|
+
var setLoading = function setLoading(val) {
|
|
47
47
|
if (propLoading !== undefined) {
|
|
48
48
|
onLoadingChange(val);
|
|
49
49
|
} else {
|
|
@@ -55,7 +55,7 @@ export var Switch = function(props) {
|
|
|
55
55
|
}, [
|
|
56
56
|
value
|
|
57
57
|
]);
|
|
58
|
-
var classes = function() {
|
|
58
|
+
var classes = function classes() {
|
|
59
59
|
var _obj;
|
|
60
60
|
return classNames([
|
|
61
61
|
classPrefix,
|
|
@@ -63,7 +63,7 @@ export var Switch = function(props) {
|
|
|
63
63
|
(_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)
|
|
64
64
|
]);
|
|
65
65
|
};
|
|
66
|
-
var onClick = function() {
|
|
66
|
+
var onClick = function onClick() {
|
|
67
67
|
return _async_to_generator(function() {
|
|
68
68
|
var e;
|
|
69
69
|
return _ts_generator(this, function(_state) {
|
|
@@ -17,9 +17,9 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
|
|
|
17
17
|
activeColor: '',
|
|
18
18
|
direction: 'vertical',
|
|
19
19
|
safeArea: false,
|
|
20
|
-
onSwitch: function() {}
|
|
20
|
+
onSwitch: function onSwitch() {}
|
|
21
21
|
});
|
|
22
|
-
export var Tabbar = function(props) {
|
|
22
|
+
export var Tabbar = function Tabbar(props) {
|
|
23
23
|
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;
|
|
24
24
|
var classPrefix = 'nut-tabbar';
|
|
25
25
|
var _usePropsValue = _sliced_to_array(usePropsValue({
|
|
@@ -18,10 +18,10 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
|
|
|
18
18
|
right: '0',
|
|
19
19
|
direction: 'vertical'
|
|
20
20
|
});
|
|
21
|
-
export var TabbarItem = function(props) {
|
|
21
|
+
export var TabbarItem = function TabbarItem(props) {
|
|
22
22
|
var ctx = useContext(TabbarContext);
|
|
23
|
-
var
|
|
24
|
-
index =
|
|
23
|
+
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
|
|
24
|
+
index = _$_object_spread.index, direction = _$_object_spread.direction, onActiveClick = _$_object_spread.onActiveClick, rest = _object_without_properties(_$_object_spread, [
|
|
25
25
|
"className",
|
|
26
26
|
"style",
|
|
27
27
|
"title",
|
|
@@ -39,7 +39,7 @@ export var TabbarItem = function(props) {
|
|
|
39
39
|
var classPrefix = 'nut-tabbar-item';
|
|
40
40
|
var _obj;
|
|
41
41
|
var tabbarItemClass = classNames(classPrefix, (_obj = {}, _define_property(_obj, "".concat(classPrefix, "-active"), active), _define_property(_obj, "".concat(classPrefix, "-large"), !icon || !title), _obj), className);
|
|
42
|
-
var renderNodeWithActive = function(node) {
|
|
42
|
+
var renderNodeWithActive = function renderNodeWithActive(node) {
|
|
43
43
|
return node && typeof node === 'function' ? node(active) : node;
|
|
44
44
|
};
|
|
45
45
|
var badgeProps = {
|
|
@@ -50,7 +50,7 @@ export var TabbarItem = function(props) {
|
|
|
50
50
|
right: right,
|
|
51
51
|
color: ctx === null || ctx === void 0 ? void 0 : ctx.activeColor
|
|
52
52
|
};
|
|
53
|
-
var renderTitleText = function() {
|
|
53
|
+
var renderTitleText = function renderTitleText() {
|
|
54
54
|
return title && /*#__PURE__*/ React.createElement(View, {
|
|
55
55
|
className: "".concat(classPrefix, "-text"),
|
|
56
56
|
style: {
|
|
@@ -58,26 +58,26 @@ export var TabbarItem = function(props) {
|
|
|
58
58
|
}
|
|
59
59
|
}, renderNodeWithActive(title));
|
|
60
60
|
};
|
|
61
|
-
var renderTitle = function() {
|
|
61
|
+
var renderTitle = function renderTitle() {
|
|
62
62
|
return /*#__PURE__*/ React.createElement(Badge, _object_spread({
|
|
63
63
|
size: "normal"
|
|
64
64
|
}, badgeProps), renderTitleText());
|
|
65
65
|
};
|
|
66
|
-
var renderIcon = function() {
|
|
66
|
+
var renderIcon = function renderIcon() {
|
|
67
67
|
var distIcon = renderNodeWithActive(icon);
|
|
68
68
|
// 鸿蒙差异处理,需要手动给icon一个color
|
|
69
69
|
return /*#__PURE__*/ React.isValidElement(distIcon) ? /*#__PURE__*/ React.cloneElement(distIcon, _object_spread_props(_object_spread({}, distIcon.props), {
|
|
70
70
|
color: active ? ctx === null || ctx === void 0 ? void 0 : ctx.activeColor : ctx === null || ctx === void 0 ? void 0 : ctx.inactiveColor
|
|
71
71
|
})) : null;
|
|
72
72
|
};
|
|
73
|
-
var renderIconAndTitle = function() {
|
|
73
|
+
var renderIconAndTitle = function renderIconAndTitle() {
|
|
74
74
|
return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(Badge, _object_spread_props(_object_spread({
|
|
75
75
|
size: "normal"
|
|
76
76
|
}, badgeProps), {
|
|
77
77
|
top: 3
|
|
78
78
|
}), renderIcon()), renderTitleText());
|
|
79
79
|
};
|
|
80
|
-
var renderDualItem = function() {
|
|
80
|
+
var renderDualItem = function renderDualItem() {
|
|
81
81
|
return dot ? null : /*#__PURE__*/ React.createElement(React.Fragment, null, renderIcon(), renderTitleText(), /*#__PURE__*/ React.createElement(Badge, badgeProps));
|
|
82
82
|
};
|
|
83
83
|
return /*#__PURE__*/ React.createElement(View, _object_spread({
|
|
@@ -85,7 +85,7 @@ export var TabbarItem = function(props) {
|
|
|
85
85
|
style: _object_spread({
|
|
86
86
|
color: active ? ctx === null || ctx === void 0 ? void 0 : ctx.activeColor : ctx === null || ctx === void 0 ? void 0 : ctx.inactiveColor
|
|
87
87
|
}, style),
|
|
88
|
-
onClick: function() {
|
|
88
|
+
onClick: function onClick() {
|
|
89
89
|
return active ? onActiveClick === null || onActiveClick === void 0 ? void 0 : onActiveClick() : ctx === null || ctx === void 0 ? void 0 : ctx.handleClick(index);
|
|
90
90
|
}
|
|
91
91
|
}, rest), direction === 'horizontal' && !dot ? renderDualItem() : /*#__PURE__*/ React.createElement(React.Fragment, null, icon && renderIconAndTitle(), !icon && renderTitle()));
|