@nutui/nutui-react-taro 4.0.0-beta.4 → 4.0.0-beta.5
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 +8 -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/audio/audio.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 +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 +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 +2 -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 +1 -1
- 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/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/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 +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 +3 -3
- 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 +9 -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 +22 -22
- 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 +15 -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 +15 -15
- package/dist/es/packages/popup/popup.js +26 -26
- 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 +13 -13
- 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 +16 -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/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 +1159 -1159
- package/dist/style-jmapp.css +1 -1
- package/dist/style-jmapp.scss +35 -35
- package/dist/style-jrkf.css +1 -1
- package/dist/style-jrkf.scss +28 -28
- package/dist/style.css +1 -1
- package/dist/style.scss +36 -36
- package/package.json +1 -1
|
@@ -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()));
|
|
@@ -21,11 +21,11 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
|
|
|
21
21
|
sorterIcon: null,
|
|
22
22
|
showHeader: true
|
|
23
23
|
});
|
|
24
|
-
export var Table = function(props) {
|
|
24
|
+
export var Table = function Table(props) {
|
|
25
25
|
var locale = useConfig().locale;
|
|
26
26
|
var rtl = useRtl();
|
|
27
27
|
defaultProps.noData = locale.noData;
|
|
28
|
-
var
|
|
28
|
+
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, [
|
|
29
29
|
"children",
|
|
30
30
|
"className",
|
|
31
31
|
"style",
|
|
@@ -54,7 +54,7 @@ export var Table = function(props) {
|
|
|
54
54
|
var headerClassPrefix = "".concat(classPrefix, "-main-head-tr");
|
|
55
55
|
var bodyClassPrefix = "".concat(classPrefix, "-main-body-tr");
|
|
56
56
|
var cls = classNames(classPrefix, className);
|
|
57
|
-
var handleSorterClick = function(item) {
|
|
57
|
+
var handleSorterClick = function handleSorterClick(item) {
|
|
58
58
|
if (item.sorter && !sortedMapping.current[item.key]) {
|
|
59
59
|
var copied = _to_consumable_array(innerValue);
|
|
60
60
|
if (typeof item.sorter === 'function') {
|
|
@@ -70,21 +70,21 @@ export var Table = function(props) {
|
|
|
70
70
|
setValue(data);
|
|
71
71
|
}
|
|
72
72
|
};
|
|
73
|
-
var cellClasses = function(item) {
|
|
73
|
+
var cellClasses = function cellClasses(item) {
|
|
74
74
|
var _obj;
|
|
75
75
|
return _obj = {}, _define_property(_obj, "".concat(headerClassPrefix, "-border"), bordered), _define_property(_obj, "".concat(headerClassPrefix, "-align").concat(item.align ? item.align : ''), true), _obj;
|
|
76
76
|
};
|
|
77
|
-
var getColumnItem = function(value) {
|
|
77
|
+
var getColumnItem = function getColumnItem(value) {
|
|
78
78
|
return columns.filter(function(item) {
|
|
79
79
|
return item.key === value;
|
|
80
80
|
})[0];
|
|
81
81
|
};
|
|
82
|
-
var renderHeadCells = function() {
|
|
82
|
+
var renderHeadCells = function renderHeadCells() {
|
|
83
83
|
return columns.map(function(item, index) {
|
|
84
84
|
return /*#__PURE__*/ React.createElement(View, {
|
|
85
85
|
className: classNames("".concat(headerClassPrefix, "-th"), cellClasses(item), getStickyClass(item.key)),
|
|
86
86
|
key: item.key,
|
|
87
|
-
onClick: function() {
|
|
87
|
+
onClick: function onClick() {
|
|
88
88
|
return handleSorterClick(item);
|
|
89
89
|
},
|
|
90
90
|
style: getStickyStyle(item.key)
|
|
@@ -94,7 +94,7 @@ export var Table = function(props) {
|
|
|
94
94
|
})));
|
|
95
95
|
});
|
|
96
96
|
};
|
|
97
|
-
var sortDataItem = function() {
|
|
97
|
+
var sortDataItem = function sortDataItem() {
|
|
98
98
|
return columns.map(function(columns) {
|
|
99
99
|
return [
|
|
100
100
|
columns.key,
|
|
@@ -102,7 +102,7 @@ export var Table = function(props) {
|
|
|
102
102
|
];
|
|
103
103
|
});
|
|
104
104
|
};
|
|
105
|
-
var renderBodyTds = function(item, rowIndex) {
|
|
105
|
+
var renderBodyTds = function renderBodyTds(item, rowIndex) {
|
|
106
106
|
return sortDataItem().map(function(param) {
|
|
107
107
|
var _param = _sliced_to_array(param, 2), value = _param[0], render = _param[1];
|
|
108
108
|
return /*#__PURE__*/ React.createElement(View, {
|
|
@@ -112,7 +112,7 @@ export var Table = function(props) {
|
|
|
112
112
|
}, typeof item[value] === 'function' || typeof render === 'function' ? /*#__PURE__*/ React.createElement(View, null, render ? render(item, rowIndex) : item[value](item)) : item[value]);
|
|
113
113
|
});
|
|
114
114
|
};
|
|
115
|
-
var renderBodyTrs = function() {
|
|
115
|
+
var renderBodyTrs = function renderBodyTrs() {
|
|
116
116
|
return innerValue.map(function(item, index) {
|
|
117
117
|
var inner = renderBodyTds(item, index);
|
|
118
118
|
var rowRender = item.rowRender;
|
|
@@ -7,7 +7,7 @@ var defaultProps = {
|
|
|
7
7
|
value: '',
|
|
8
8
|
disabled: false
|
|
9
9
|
};
|
|
10
|
-
export var TabPane = function(props) {
|
|
10
|
+
export var TabPane = function TabPane(props) {
|
|
11
11
|
var _$_object_spread = _object_spread({}, defaultProps, props), children = _$_object_spread.children, autoHeightClassName = _$_object_spread.autoHeightClassName, className = _$_object_spread.className, disabled = _$_object_spread.disabled;
|
|
12
12
|
var classPrefix = 'nut-tabpane';
|
|
13
13
|
var classes = classNames(classPrefix, {
|
|
@@ -25,9 +25,9 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
|
|
|
25
25
|
autoHeight: false
|
|
26
26
|
});
|
|
27
27
|
var classPrefix = 'nut-tabs';
|
|
28
|
-
export var Tabs = function(props) {
|
|
28
|
+
export var Tabs = function Tabs(props) {
|
|
29
29
|
var rtl = useRtl();
|
|
30
|
-
var
|
|
30
|
+
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, name = _$_object_spread.name, 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, [
|
|
31
31
|
"activeColor",
|
|
32
32
|
"tabStyle",
|
|
33
33
|
"direction",
|
|
@@ -52,7 +52,7 @@ export var Tabs = function(props) {
|
|
|
52
52
|
onChange: onChange
|
|
53
53
|
}), 2), value = _usePropsValue[0], setValue = _usePropsValue[1];
|
|
54
54
|
var titleItemsRef = useRef([]);
|
|
55
|
-
var getTitles = function() {
|
|
55
|
+
var getTitles = function getTitles() {
|
|
56
56
|
var titles = [];
|
|
57
57
|
React.Children.forEach(children, function(child, idx) {
|
|
58
58
|
if (/*#__PURE__*/ React.isValidElement(child)) {
|
|
@@ -89,7 +89,7 @@ export var Tabs = function(props) {
|
|
|
89
89
|
var classes = classNames(classPrefix, "".concat(classPrefix, "-").concat(direction), className);
|
|
90
90
|
var _obj;
|
|
91
91
|
var classesTitle = classNames("".concat(classPrefix, "-titles"), (_obj = {}, _define_property(_obj, "".concat(classPrefix, "-titles-").concat(activeType), activeType), _define_property(_obj, "".concat(classPrefix, "-titles-").concat(align), align), _obj));
|
|
92
|
-
var getRect = function(selector) {
|
|
92
|
+
var getRect = function getRect(selector) {
|
|
93
93
|
return new Promise(function(resolve) {
|
|
94
94
|
var _tabsRef_current;
|
|
95
95
|
var query = createSelectorQuery();
|
|
@@ -101,7 +101,7 @@ export var Tabs = function(props) {
|
|
|
101
101
|
});
|
|
102
102
|
});
|
|
103
103
|
};
|
|
104
|
-
var getAllRect = function(selector) {
|
|
104
|
+
var getAllRect = function getAllRect(selector) {
|
|
105
105
|
return new Promise(function(resolve) {
|
|
106
106
|
var _tabsRef_current;
|
|
107
107
|
var query = createSelectorQuery();
|
|
@@ -116,12 +116,12 @@ export var Tabs = function(props) {
|
|
|
116
116
|
var scrollWithAnimation = useRef(false);
|
|
117
117
|
var _useState = _sliced_to_array(useState(0), 2), scrollLeft = _useState[0], setScrollLeft = _useState[1];
|
|
118
118
|
var _useState1 = _sliced_to_array(useState(0), 2), scrollTop = _useState1[0], setScrollTop = _useState1[1];
|
|
119
|
-
var scrollDirection = function(to, direction) {
|
|
119
|
+
var scrollDirection = function scrollDirection(to, direction) {
|
|
120
120
|
// 使用ScrollView组件此处不需要手动raf scrollLeft
|
|
121
121
|
if (direction === 'horizontal') setScrollLeft(to);
|
|
122
122
|
else setScrollTop(to);
|
|
123
123
|
};
|
|
124
|
-
var scrollIntoView = function(index) {
|
|
124
|
+
var scrollIntoView = function scrollIntoView(index) {
|
|
125
125
|
raf(function() {
|
|
126
126
|
Promise.all([
|
|
127
127
|
getRect("#nut-tabs-titles-".concat(name || uuid)),
|
|
@@ -155,7 +155,7 @@ export var Tabs = function(props) {
|
|
|
155
155
|
});
|
|
156
156
|
});
|
|
157
157
|
};
|
|
158
|
-
var getContentStyle = function() {
|
|
158
|
+
var getContentStyle = function getContentStyle() {
|
|
159
159
|
var index = titles.current.findIndex(function(t) {
|
|
160
160
|
return String(t.value) === String(value);
|
|
161
161
|
});
|
|
@@ -181,7 +181,7 @@ export var Tabs = function(props) {
|
|
|
181
181
|
}, [
|
|
182
182
|
value
|
|
183
183
|
]);
|
|
184
|
-
var tabChange = function(item) {
|
|
184
|
+
var tabChange = function tabChange(item) {
|
|
185
185
|
onClick && onClick(item.value);
|
|
186
186
|
if (!item.disabled) {
|
|
187
187
|
setValue(item.value);
|
|
@@ -208,11 +208,11 @@ export var Tabs = function(props) {
|
|
|
208
208
|
var _obj;
|
|
209
209
|
return /*#__PURE__*/ React.createElement(View, {
|
|
210
210
|
key: item.value,
|
|
211
|
-
ref: function(ref) {
|
|
211
|
+
ref: function ref(ref) {
|
|
212
212
|
return titleItemsRef.current.push(ref);
|
|
213
213
|
},
|
|
214
214
|
id: "scrollIntoView".concat(index),
|
|
215
|
-
onClick: function() {
|
|
215
|
+
onClick: function onClick() {
|
|
216
216
|
return tabChange(item);
|
|
217
217
|
},
|
|
218
218
|
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))
|
|
@@ -16,20 +16,20 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
|
|
|
16
16
|
mark: false,
|
|
17
17
|
closeable: false,
|
|
18
18
|
closeIcon: null,
|
|
19
|
-
onClose: function(e) {},
|
|
20
|
-
onClick: function(e) {}
|
|
19
|
+
onClose: function onClose(e) {},
|
|
20
|
+
onClick: function onClick(e) {}
|
|
21
21
|
});
|
|
22
|
-
export var Tag = function(props) {
|
|
22
|
+
export var Tag = function Tag(props) {
|
|
23
23
|
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;
|
|
24
24
|
var _useState = _sliced_to_array(useState(true), 2), visible = _useState[0], setVisible = _useState[1];
|
|
25
25
|
var classPrefix = 'nut-tag';
|
|
26
26
|
var _obj;
|
|
27
27
|
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));
|
|
28
|
-
var handleClick = function(e) {
|
|
28
|
+
var handleClick = function handleClick(e) {
|
|
29
29
|
onClick && onClick(e);
|
|
30
30
|
};
|
|
31
31
|
// 综合考虑 color、background、plain 组合使用时的效果
|
|
32
|
-
var getStyle = function() {
|
|
32
|
+
var getStyle = function getStyle() {
|
|
33
33
|
var style = {};
|
|
34
34
|
// 标签背景与边框颜色
|
|
35
35
|
if (plain) {
|
|
@@ -39,7 +39,7 @@ export var Tag = function(props) {
|
|
|
39
39
|
}
|
|
40
40
|
return style;
|
|
41
41
|
};
|
|
42
|
-
var getTextStyle = function() {
|
|
42
|
+
var getTextStyle = function getTextStyle() {
|
|
43
43
|
var style = {};
|
|
44
44
|
// 标签内字体颜色
|
|
45
45
|
if (color) {
|
|
@@ -53,7 +53,7 @@ export var Tag = function(props) {
|
|
|
53
53
|
return /*#__PURE__*/ React.createElement(React.Fragment, null, closeable ? visible && /*#__PURE__*/ React.createElement(View, {
|
|
54
54
|
className: classes,
|
|
55
55
|
style: _object_spread({}, style, getStyle()),
|
|
56
|
-
onClick: function(e) {
|
|
56
|
+
onClick: function onClick(e) {
|
|
57
57
|
return handleClick(e);
|
|
58
58
|
}
|
|
59
59
|
}, children && /*#__PURE__*/ React.createElement(View, {
|
|
@@ -61,20 +61,20 @@ export var Tag = function(props) {
|
|
|
61
61
|
style: getTextStyle()
|
|
62
62
|
}, children), closeIcon ? /*#__PURE__*/ React.createElement(View, {
|
|
63
63
|
className: "".concat(classPrefix, "-custom-icon"),
|
|
64
|
-
onClick: function(e) {
|
|
64
|
+
onClick: function onClick(e) {
|
|
65
65
|
setVisible(false);
|
|
66
66
|
onClose && onClose(e);
|
|
67
67
|
}
|
|
68
68
|
}, closeIcon) : /*#__PURE__*/ React.createElement(Close, {
|
|
69
69
|
className: "".concat(classPrefix, "-close-icon"),
|
|
70
|
-
onClick: function(e) {
|
|
70
|
+
onClick: function onClick(e) {
|
|
71
71
|
setVisible(false);
|
|
72
72
|
onClose && onClose(e);
|
|
73
73
|
}
|
|
74
74
|
})) : /*#__PURE__*/ React.createElement(View, {
|
|
75
75
|
className: classes,
|
|
76
76
|
style: _object_spread({}, style, getStyle()),
|
|
77
|
-
onClick: function(e) {
|
|
77
|
+
onClick: function onClick(e) {
|
|
78
78
|
return handleClick(e);
|
|
79
79
|
}
|
|
80
80
|
}, children && /*#__PURE__*/ React.createElement(View, {
|
|
@@ -22,7 +22,7 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
|
|
|
22
22
|
});
|
|
23
23
|
export var TextArea = /*#__PURE__*/ forwardRef(function(props, ref) {
|
|
24
24
|
var locale = useConfig().locale;
|
|
25
|
-
var
|
|
25
|
+
var _$_object_spread = _object_spread({}, defaultProps, props), className = _$_object_spread.className, value = _$_object_spread.value, defaultValue = _$_object_spread.defaultValue, showCount = _$_object_spread.showCount, maxLength = _$_object_spread.maxLength, rows = _$_object_spread.rows, placeholder = _$_object_spread.placeholder, readOnly = _$_object_spread.readOnly, disabled = _$_object_spread.disabled, autoSize = _$_object_spread.autoSize, style = _$_object_spread.style, plain = _$_object_spread.plain, status = _$_object_spread.status, viewId = _$_object_spread.viewId, onChange = _$_object_spread.onChange, onBlur = _$_object_spread.onBlur, onFocus = _$_object_spread.onFocus, rest = _object_without_properties(_$_object_spread, [
|
|
26
26
|
"className",
|
|
27
27
|
"value",
|
|
28
28
|
"defaultValue",
|
|
@@ -44,7 +44,7 @@ export var TextArea = /*#__PURE__*/ forwardRef(function(props, ref) {
|
|
|
44
44
|
var classPrefix = 'nut-textarea';
|
|
45
45
|
var compositionRef = useRef(false);
|
|
46
46
|
var rtl = useRtl();
|
|
47
|
-
var format = function(value) {
|
|
47
|
+
var format = function format(value) {
|
|
48
48
|
if (maxLength !== -1 && value.length > maxLength) {
|
|
49
49
|
return value.substring(0, maxLength);
|
|
50
50
|
}
|
|
@@ -57,7 +57,7 @@ export var TextArea = /*#__PURE__*/ forwardRef(function(props, ref) {
|
|
|
57
57
|
onChange: onChange
|
|
58
58
|
}), 2), innerValue = _usePropsValue[0], setInnerValue = _usePropsValue[1];
|
|
59
59
|
var textareaRef = useRef(null);
|
|
60
|
-
var handleChange = function(event) {
|
|
60
|
+
var handleChange = function handleChange(event) {
|
|
61
61
|
var _event_detail;
|
|
62
62
|
var text = event === null || event === void 0 ? void 0 : (_event_detail = event.detail) === null || _event_detail === void 0 ? void 0 : _event_detail.value;
|
|
63
63
|
if (text) {
|
|
@@ -67,27 +67,27 @@ export var TextArea = /*#__PURE__*/ forwardRef(function(props, ref) {
|
|
|
67
67
|
setInnerValue('');
|
|
68
68
|
}
|
|
69
69
|
};
|
|
70
|
-
var isDisabled = function() {
|
|
70
|
+
var isDisabled = function isDisabled() {
|
|
71
71
|
return disabled || readOnly;
|
|
72
72
|
};
|
|
73
|
-
var handleFocus = function(event) {
|
|
73
|
+
var handleFocus = function handleFocus(event) {
|
|
74
74
|
if (isDisabled()) return;
|
|
75
75
|
onFocus === null || onFocus === void 0 ? void 0 : onFocus(event);
|
|
76
76
|
};
|
|
77
|
-
var handleBlur = function(event) {
|
|
77
|
+
var handleBlur = function handleBlur(event) {
|
|
78
78
|
if (isDisabled()) return;
|
|
79
79
|
onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);
|
|
80
80
|
};
|
|
81
81
|
useImperativeHandle(ref, function() {
|
|
82
82
|
return {
|
|
83
|
-
clear: function() {
|
|
83
|
+
clear: function clear() {
|
|
84
84
|
setInnerValue('');
|
|
85
85
|
},
|
|
86
|
-
focus: function() {
|
|
86
|
+
focus: function focus() {
|
|
87
87
|
var _textareaRef_current;
|
|
88
88
|
return (_textareaRef_current = textareaRef.current) === null || _textareaRef_current === void 0 ? void 0 : _textareaRef_current.focus();
|
|
89
89
|
},
|
|
90
|
-
blur: function() {
|
|
90
|
+
blur: function blur() {
|
|
91
91
|
var _textareaRef_current;
|
|
92
92
|
return (_textareaRef_current = textareaRef.current) === null || _textareaRef_current === void 0 ? void 0 : _textareaRef_current.blur();
|
|
93
93
|
},
|
|
@@ -106,10 +106,10 @@ export var TextArea = /*#__PURE__*/ forwardRef(function(props, ref) {
|
|
|
106
106
|
style: style,
|
|
107
107
|
readOnly: readOnly,
|
|
108
108
|
rows: rows,
|
|
109
|
-
onCompositionStart: function() {
|
|
109
|
+
onCompositionStart: function onCompositionStart() {
|
|
110
110
|
compositionRef.current = true;
|
|
111
111
|
},
|
|
112
|
-
onCompositionEnd: function() {
|
|
112
|
+
onCompositionEnd: function onCompositionEnd() {
|
|
113
113
|
compositionRef.current = false;
|
|
114
114
|
}
|
|
115
115
|
},
|
|
@@ -14,9 +14,9 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
|
|
|
14
14
|
textKey: 'text',
|
|
15
15
|
childrenKey: 'children'
|
|
16
16
|
},
|
|
17
|
-
onSelect: function() {}
|
|
17
|
+
onSelect: function onSelect() {}
|
|
18
18
|
});
|
|
19
|
-
export var TimeDetail = function(props) {
|
|
19
|
+
export var TimeDetail = function TimeDetail(props) {
|
|
20
20
|
var _$_object_spread = _object_spread({}, defaultProps, props), options = _$_object_spread.options, optionKey = _$_object_spread.optionKey, className = _$_object_spread.className, activeDate = _$_object_spread.activeDate, activeTime = _$_object_spread.activeTime, onSelect = _$_object_spread.onSelect;
|
|
21
21
|
var classPrefix = 'nut-timedetail';
|
|
22
22
|
var timeList = useMemo(function() {
|
|
@@ -52,7 +52,7 @@ export var TimeDetail = function(props) {
|
|
|
52
52
|
active: isActive(item[optionKey.valueKey])
|
|
53
53
|
}),
|
|
54
54
|
key: item[optionKey.valueKey],
|
|
55
|
-
onClick: function() {
|
|
55
|
+
onClick: function onClick() {
|
|
56
56
|
return onSelect(item);
|
|
57
57
|
}
|
|
58
58
|
}, item[optionKey.textKey]);
|
|
@@ -22,9 +22,9 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
|
|
|
22
22
|
childrenKey: 'children'
|
|
23
23
|
}
|
|
24
24
|
});
|
|
25
|
-
export var TimeSelect = function(props) {
|
|
25
|
+
export var TimeSelect = function TimeSelect(props) {
|
|
26
26
|
var locale = useConfig().locale;
|
|
27
|
-
var
|
|
27
|
+
var _$_object_spread = _object_spread({}, defaultProps, props), visible = _$_object_spread.visible, className = _$_object_spread.className, style = _$_object_spread.style, title = _$_object_spread.title, defaultValue = _$_object_spread.defaultValue, options = _$_object_spread.options, optionKey = _$_object_spread.optionKey, multiple = _$_object_spread.multiple, onSelect = _$_object_spread.onSelect, onDateChange = _$_object_spread.onDateChange, onTimeChange = _$_object_spread.onTimeChange, rest = _object_without_properties(_$_object_spread, [
|
|
28
28
|
"visible",
|
|
29
29
|
"className",
|
|
30
30
|
"style",
|
|
@@ -52,10 +52,10 @@ export var TimeSelect = function(props) {
|
|
|
52
52
|
return defaultValue || [];
|
|
53
53
|
}), 2), activeTime = _useState1[0], setActiveTime = _useState1[1];
|
|
54
54
|
var classPrefix = 'nut-timeselect';
|
|
55
|
-
var closeFun = function() {
|
|
55
|
+
var closeFun = function closeFun() {
|
|
56
56
|
onSelect && onSelect(activeTime);
|
|
57
57
|
};
|
|
58
|
-
var handleSelectTime = function(selectTime) {
|
|
58
|
+
var handleSelectTime = function handleSelectTime(selectTime) {
|
|
59
59
|
var newActiveTime = _to_consumable_array(activeTime);
|
|
60
60
|
var date = newActiveTime.find(function(item) {
|
|
61
61
|
return item[optionKey.valueKey] === activeDate;
|
|
@@ -100,7 +100,7 @@ export var TimeSelect = function(props) {
|
|
|
100
100
|
setActiveTime(newActiveTime);
|
|
101
101
|
onTimeChange && onTimeChange(selectTime, newActiveTime);
|
|
102
102
|
};
|
|
103
|
-
var handleChange = function(date) {
|
|
103
|
+
var handleChange = function handleChange(date) {
|
|
104
104
|
setActiveDate(date[optionKey.valueKey]);
|
|
105
105
|
onDateChange && onDateChange(date, activeTime);
|
|
106
106
|
};
|
|
@@ -124,7 +124,7 @@ export var TimeSelect = function(props) {
|
|
|
124
124
|
className: classNames('nut-timepannel', {
|
|
125
125
|
active: item[optionKey.valueKey] === activeDate
|
|
126
126
|
}),
|
|
127
|
-
onClick: function() {
|
|
127
|
+
onClick: function onClick() {
|
|
128
128
|
return handleChange(item);
|
|
129
129
|
}
|
|
130
130
|
}, item[optionKey.textKey]);
|
|
@@ -27,9 +27,9 @@ var defaultProps = _object_spread_props(_object_spread({}, defaultOverlayProps),
|
|
|
27
27
|
visible: false,
|
|
28
28
|
wordBreak: 'break-all',
|
|
29
29
|
zIndex: 1300,
|
|
30
|
-
onClose: function() {}
|
|
30
|
+
onClose: function onClose() {}
|
|
31
31
|
});
|
|
32
|
-
export var Toast = function(props) {
|
|
32
|
+
export var Toast = function Toast(props) {
|
|
33
33
|
var _useParams = useParams(mergeProps(defaultProps, props)), _useParams_params = _useParams.params, id = _useParams_params.id, position = _useParams_params.position, contentStyle = _useParams_params.contentStyle, icon = _useParams_params.icon, content = _useParams_params.content, duration = _useParams_params.duration, title = _useParams_params.title, closeOnOverlayClick = _useParams_params.closeOnOverlayClick, lockScroll = _useParams_params.lockScroll, contentClassName = _useParams_params.contentClassName, visible = _useParams_params.visible, size = _useParams_params.size, className = _useParams_params.className, style = _useParams_params.style, wordBreak = _useParams_params.wordBreak, zIndex = _useParams_params.zIndex, onClose = _useParams_params.onClose, setParams = _useParams.setParams;
|
|
34
34
|
var classPrefix = 'nut-toast';
|
|
35
35
|
var timer = useRef(-1);
|
|
@@ -38,7 +38,7 @@ export var Toast = function(props) {
|
|
|
38
38
|
value: visible,
|
|
39
39
|
defaultValue: undefined,
|
|
40
40
|
finalValue: false,
|
|
41
|
-
onChange: function(v) {
|
|
41
|
+
onChange: function onChange(v) {
|
|
42
42
|
!v && (onClose === null || onClose === void 0 ? void 0 : onClose());
|
|
43
43
|
}
|
|
44
44
|
}), 2), innerVisible = _usePropsValue[0], setInnerVisible = _usePropsValue[1];
|
|
@@ -63,20 +63,20 @@ export var Toast = function(props) {
|
|
|
63
63
|
_$hide();
|
|
64
64
|
}
|
|
65
65
|
});
|
|
66
|
-
var clearTimer = function() {
|
|
66
|
+
var clearTimer = function clearTimer() {
|
|
67
67
|
if (timer.current) {
|
|
68
68
|
clearTimeout(timer.current);
|
|
69
69
|
timer.current = -1;
|
|
70
70
|
}
|
|
71
71
|
};
|
|
72
|
-
var _$show = function() {
|
|
72
|
+
var _$show = function show() {
|
|
73
73
|
setInnerVisible(true);
|
|
74
74
|
};
|
|
75
|
-
var _$hide = function() {
|
|
75
|
+
var _$hide = function hide() {
|
|
76
76
|
clearTimer();
|
|
77
77
|
setInnerVisible(false);
|
|
78
78
|
};
|
|
79
|
-
var autoClose = function() {
|
|
79
|
+
var autoClose = function autoClose() {
|
|
80
80
|
clearTimer();
|
|
81
81
|
if (duration) {
|
|
82
82
|
timer.current = window.setTimeout(function() {
|
|
@@ -87,12 +87,12 @@ export var Toast = function(props) {
|
|
|
87
87
|
}, duration * 1000);
|
|
88
88
|
}
|
|
89
89
|
};
|
|
90
|
-
var clickCover = function() {
|
|
90
|
+
var clickCover = function clickCover() {
|
|
91
91
|
if (closeOnOverlayClick) {
|
|
92
92
|
_$hide();
|
|
93
93
|
}
|
|
94
94
|
};
|
|
95
|
-
var renderIcon = function() {
|
|
95
|
+
var renderIcon = function renderIcon() {
|
|
96
96
|
var iconNode = icon;
|
|
97
97
|
if (typeof icon === 'string') {
|
|
98
98
|
iconNode = ({
|
|
@@ -123,7 +123,7 @@ export var Toast = function(props) {
|
|
|
123
123
|
className: "".concat(classPrefix, "-overlay-default-taro ").concat(className),
|
|
124
124
|
closeOnOverlayClick: closeOnOverlayClick,
|
|
125
125
|
lockScroll: lockScroll,
|
|
126
|
-
onClick: function() {
|
|
126
|
+
onClick: function onClick() {
|
|
127
127
|
clickCover();
|
|
128
128
|
}
|
|
129
129
|
}, /*#__PURE__*/ React.createElement(View, {
|