@nutui/nutui-react 4.0.0-beta.3 → 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 +21 -6
- package/dist/cjs/hooks/use-props-value.js +1 -1
- package/dist/cjs/hooks/use-touch.js +4 -4
- package/dist/cjs/packages/address/cascaderRender.js +1 -1
- package/dist/cjs/packages/address/existRender.js +1 -1
- package/dist/cjs/packages/animate/animate.js +1 -1
- package/dist/cjs/packages/audio/audio.js +1 -1
- package/dist/cjs/packages/avatar/avatar.js +1 -1
- package/dist/cjs/packages/avatarcropper/avatarcropper.js +1 -1
- package/dist/cjs/packages/barrage/barrage.js +1 -1
- package/dist/cjs/packages/button/button.js +1 -1
- package/dist/cjs/packages/card/card.js +1 -1
- package/dist/cjs/packages/cascader/utils.js +4 -4
- package/dist/cjs/packages/cell/cell.js +1 -1
- package/dist/cjs/packages/cellgroup/cellgroup.js +1 -1
- package/dist/cjs/packages/checkboxgroup/checkboxgroup.js +3 -3
- package/dist/cjs/packages/circleprogress/circleprogress.js +1 -1
- package/dist/cjs/packages/collapseitem/collapseitem.js +1 -1
- package/dist/cjs/packages/configprovider/types.d.ts +1 -1
- package/dist/cjs/packages/countdown/countdown.js +1 -1
- package/dist/cjs/packages/datepicker/datepicker.js +1 -1
- package/dist/cjs/packages/dialog/dialog.js +2 -2
- package/dist/cjs/packages/divider/divider.js +1 -1
- package/dist/cjs/packages/drag/drag.js +1 -1
- package/dist/cjs/packages/elevator/elevator.js +1 -1
- package/dist/cjs/packages/ellipsis/ellipsis.js +1 -1
- package/dist/cjs/packages/empty/empty.d.ts +4 -11
- package/dist/cjs/packages/empty/empty.js +22 -18
- package/dist/cjs/packages/empty/index.d.ts +1 -1
- package/dist/cjs/packages/empty/style/empty.scss +97 -31
- package/dist/cjs/packages/empty/style/style.css +77 -32
- package/dist/cjs/packages/empty/style-jmapp/empty.scss +97 -31
- package/dist/cjs/packages/empty/style-jmapp/style.css +77 -32
- package/dist/cjs/packages/empty/style-jrkf/empty.scss +97 -31
- package/dist/cjs/packages/empty/style-jrkf/style.css +77 -32
- package/dist/cjs/packages/fixednav/fixednav.js +1 -1
- package/dist/cjs/packages/grid/grid.js +1 -1
- package/dist/cjs/packages/griditem/griditem.js +1 -1
- package/dist/cjs/packages/indicator/indicator.js +1 -1
- package/dist/cjs/packages/infiniteloading/infiniteloading.js +1 -1
- package/dist/cjs/packages/input/input.js +1 -1
- package/dist/cjs/packages/inputnumber/inputnumber.js +1 -1
- package/dist/cjs/packages/loading/loading.js +1 -1
- package/dist/cjs/packages/menu/menu.js +1 -1
- package/dist/cjs/packages/numberkeyboard/numberkeyboard.js +1 -1
- package/dist/cjs/packages/overlay/overlay.js +1 -1
- package/dist/cjs/packages/pagination/pagination.js +1 -1
- package/dist/cjs/packages/picker/picker.js +1 -1
- package/dist/cjs/packages/pickerview/pickerroller.js +1 -1
- package/dist/cjs/packages/popover/popover.js +1 -1
- package/dist/cjs/packages/price/price.js +1 -1
- package/dist/cjs/packages/progress/progress.js +1 -1
- package/dist/cjs/packages/quickenter/quickenter.js +2 -2
- package/dist/cjs/packages/radio/radio.js +1 -1
- package/dist/cjs/packages/radiogroup/radiogroup.js +3 -3
- package/dist/cjs/packages/rate/index.d.ts +1 -1
- package/dist/cjs/packages/rate/rate.js +54 -8
- package/dist/cjs/packages/rate/style/rate.scss +244 -76
- package/dist/cjs/packages/rate/style/style.css +198 -68
- package/dist/cjs/packages/rate/style-jmapp/rate.scss +244 -76
- package/dist/cjs/packages/rate/style-jmapp/style.css +198 -68
- package/dist/cjs/packages/rate/style-jrkf/rate.scss +244 -76
- package/dist/cjs/packages/rate/style-jrkf/style.css +198 -68
- package/dist/cjs/packages/shortpassword/shortpassword.js +1 -1
- package/dist/cjs/packages/signature/signature.js +1 -1
- package/dist/cjs/packages/skeleton/skeleton.js +1 -1
- package/dist/cjs/packages/step/step.js +1 -1
- package/dist/cjs/packages/steps/style/style.css +1 -1
- package/dist/cjs/packages/sticky/sticky.js +1 -1
- package/dist/cjs/packages/switch/switch.js +1 -1
- package/dist/cjs/packages/tabbaritem/tabbaritem.js +1 -1
- package/dist/cjs/packages/table/table.js +1 -1
- package/dist/cjs/packages/tabs/tabs.js +1 -1
- package/dist/cjs/packages/textarea/textarea.js +1 -1
- package/dist/cjs/packages/timeselect/timeselect.js +1 -1
- package/dist/cjs/packages/tour/tour.js +1 -1
- package/dist/cjs/packages/trendarrow/trendarrow.js +1 -1
- package/dist/cjs/packages/video/video.js +1 -1
- package/dist/cjs/packages/virtuallist/utils.js +1 -1
- package/dist/cjs/packages/virtuallist/virtuallist.js +1 -1
- package/dist/cjs/types/spec/empty/base.d.ts +12 -8
- package/dist/cjs/types/spec/empty/base.js +28 -1
- package/dist/cjs/types/spec/rate/base.d.ts +3 -0
- package/dist/cjs/utils/scale-f.js +1 -3
- package/dist/es/hooks/taro/use-custom-event.js +3 -3
- package/dist/es/hooks/taro/use-lock-scoll.js +1 -1
- package/dist/es/hooks/use-click-away.js +2 -2
- package/dist/es/hooks/use-lock-scroll.js +3 -3
- package/dist/es/hooks/use-pagination.js +1 -1
- package/dist/es/hooks/use-ref-state.js +3 -3
- package/dist/es/hooks/use-touch.js +13 -13
- package/dist/es/hooks/use-watch.js +1 -1
- package/dist/es/locales/en-US.js +4 -4
- package/dist/es/locales/id-ID.js +4 -4
- package/dist/es/locales/ja-JP.js +4 -4
- package/dist/es/locales/tr-TR.js +4 -4
- package/dist/es/locales/vi-VN.js +4 -4
- package/dist/es/locales/zh-CN.js +4 -4
- package/dist/es/locales/zh-TW.js +4 -4
- package/dist/es/locales/zh-UG.js +4 -4
- package/dist/es/packages/actionsheet/actionsheet.js +8 -8
- package/dist/es/packages/address/address.js +10 -10
- package/dist/es/packages/address/cascaderRender.js +4 -4
- package/dist/es/packages/address/elevatorRender.js +17 -17
- package/dist/es/packages/address/existRender.js +5 -5
- package/dist/es/packages/address/utils.js +5 -5
- package/dist/es/packages/animate/animate.js +4 -4
- package/dist/es/packages/animatingnumbers/countup.js +2 -2
- package/dist/es/packages/audio/audio.js +26 -26
- package/dist/es/packages/avatar/avatar.js +4 -4
- package/dist/es/packages/avatarcropper/avatarcropper.js +20 -20
- package/dist/es/packages/avatargroup/avatargroup.js +1 -1
- package/dist/es/packages/backtop/backtop.js +3 -3
- package/dist/es/packages/badge/badge.js +3 -3
- package/dist/es/packages/barrage/barrage.js +5 -5
- package/dist/es/packages/button/button.js +2 -2
- package/dist/es/packages/calendar/calendar.js +12 -12
- package/dist/es/packages/calendar/utils.js +7 -7
- package/dist/es/packages/calendarcard/calendarcard.js +22 -22
- package/dist/es/packages/calendarcard/icon.js +4 -4
- package/dist/es/packages/calendarcard/utils.js +5 -5
- package/dist/es/packages/calendaritem/calendaritem.js +32 -32
- package/dist/es/packages/card/card.js +2 -2
- package/dist/es/packages/cascader/cascader.js +15 -15
- package/dist/es/packages/cascader/utils.js +6 -6
- package/dist/es/packages/cell/cell.js +5 -5
- package/dist/es/packages/cellgroup/cellgroup.js +2 -2
- package/dist/es/packages/checkbox/checkbox.js +10 -10
- package/dist/es/packages/checkboxgroup/checkboxgroup.js +7 -7
- package/dist/es/packages/circleprogress/circleprogress.js +5 -5
- package/dist/es/packages/col/col.js +2 -2
- package/dist/es/packages/collapse/collapse.js +3 -3
- package/dist/es/packages/collapse/context.js +2 -2
- package/dist/es/packages/collapseitem/collapseitem.js +5 -5
- package/dist/es/packages/configprovider/configprovider.js +5 -5
- package/dist/es/packages/configprovider/types.d.ts +1 -1
- package/dist/es/packages/countdown/countdown.js +12 -12
- package/dist/es/packages/datepicker/datepicker.js +12 -12
- package/dist/es/packages/datepicker/utils.js +7 -7
- package/dist/es/packages/datepickerview/datepickerview.js +5 -5
- package/dist/es/packages/dialog/confirm.js +8 -8
- package/dist/es/packages/dialog/content.js +5 -5
- package/dist/es/packages/dialog/dialog.js +23 -23
- package/dist/es/packages/divider/divider.js +3 -3
- package/dist/es/packages/drag/drag.js +4 -4
- package/dist/es/packages/elevator/elevator.js +14 -14
- package/dist/es/packages/ellipsis/ellipsis.js +11 -11
- package/dist/es/packages/empty/empty.d.ts +4 -11
- package/dist/es/packages/empty/empty.js +23 -19
- package/dist/es/packages/empty/index.d.ts +1 -1
- package/dist/es/packages/empty/style/empty.scss +97 -31
- package/dist/es/packages/empty/style/style.css +77 -32
- package/dist/es/packages/empty/style-jmapp/empty.scss +97 -31
- package/dist/es/packages/empty/style-jmapp/style.css +77 -32
- package/dist/es/packages/empty/style-jrkf/empty.scss +97 -31
- package/dist/es/packages/empty/style-jrkf/style.css +77 -32
- package/dist/es/packages/fixednav/fixednav.js +8 -8
- package/dist/es/packages/form/form.js +6 -6
- package/dist/es/packages/form/useform.js +4 -4
- package/dist/es/packages/formitem/formitem.js +1 -1
- package/dist/es/packages/grid/context.js +1 -1
- package/dist/es/packages/grid/grid.js +4 -4
- package/dist/es/packages/griditem/griditem.js +6 -6
- package/dist/es/packages/hoverbutton/hoverbutton.js +1 -1
- package/dist/es/packages/hoverbuttonitem/hoverbuttonitem.js +4 -4
- package/dist/es/packages/hoverbuttonitem/utils.js +1 -1
- package/dist/es/packages/image/image.js +8 -8
- package/dist/es/packages/imagepreview/imagepreview.js +13 -13
- package/dist/es/packages/indicator/indicator.js +5 -5
- package/dist/es/packages/infiniteloading/infiniteloading.js +13 -13
- package/dist/es/packages/input/input.js +13 -13
- package/dist/es/packages/inputnumber/inputnumber.js +12 -12
- package/dist/es/packages/layout/layout.js +1 -1
- package/dist/es/packages/loading/loading.js +3 -3
- package/dist/es/packages/menu/menu.js +13 -13
- package/dist/es/packages/menuitem/menuitem.js +10 -10
- package/dist/es/packages/navbar/navbar.js +7 -7
- package/dist/es/packages/noticebar/noticebar.js +25 -25
- package/dist/es/packages/notify/Notification.js +1 -1
- package/dist/es/packages/notify/notify.js +3 -3
- package/dist/es/packages/numberkeyboard/numberkeyboard.js +13 -13
- package/dist/es/packages/overlay/overlay.js +6 -6
- package/dist/es/packages/pagination/pagination.js +8 -8
- package/dist/es/packages/picker/picker.js +15 -15
- package/dist/es/packages/pickerview/pickerroller.js +10 -10
- package/dist/es/packages/pickerview/pickerview.js +3 -3
- package/dist/es/packages/pickerview/utils.js +6 -6
- package/dist/es/packages/popover/popover.js +13 -13
- package/dist/es/packages/popup/popup.js +22 -22
- package/dist/es/packages/price/price.js +8 -8
- package/dist/es/packages/progress/progress.js +5 -5
- package/dist/es/packages/pulltorefresh/pulltorefresh.js +7 -7
- package/dist/es/packages/quickenter/quickenter.js +14 -14
- package/dist/es/packages/radio/radio.js +11 -11
- package/dist/es/packages/radiogroup/radiogroup.js +6 -6
- package/dist/es/packages/range/range.js +7 -7
- package/dist/es/packages/range/utils.js +2 -2
- package/dist/es/packages/rate/index.d.ts +1 -1
- package/dist/es/packages/rate/rate.js +65 -19
- package/dist/es/packages/rate/style/rate.scss +244 -76
- package/dist/es/packages/rate/style/style.css +198 -68
- package/dist/es/packages/rate/style-jmapp/rate.scss +244 -76
- package/dist/es/packages/rate/style-jmapp/style.css +198 -68
- package/dist/es/packages/rate/style-jrkf/rate.scss +244 -76
- package/dist/es/packages/rate/style-jrkf/style.css +198 -68
- package/dist/es/packages/resultpage/resultpage.js +1 -1
- package/dist/es/packages/row/row.js +4 -4
- package/dist/es/packages/safearea/safearea.js +1 -1
- package/dist/es/packages/searchbar/searchbar.js +3 -3
- package/dist/es/packages/segmented/segmented.js +4 -4
- package/dist/es/packages/shortpassword/shortpassword.js +7 -7
- package/dist/es/packages/sidebar/sidebar.js +8 -8
- package/dist/es/packages/sidebar/utils.js +1 -1
- package/dist/es/packages/sidebaritem/sidebaritem.js +1 -1
- package/dist/es/packages/signature/signature.js +12 -12
- package/dist/es/packages/skeleton/skeleton.js +4 -4
- package/dist/es/packages/space/space.js +1 -1
- package/dist/es/packages/step/step.js +2 -2
- package/dist/es/packages/steps/steps.js +1 -1
- package/dist/es/packages/steps/style/style.css +1 -1
- package/dist/es/packages/sticky/sticky.js +4 -4
- package/dist/es/packages/swipe/swipe.js +16 -16
- package/dist/es/packages/swiper/effects/default.js +2 -2
- package/dist/es/packages/swiper/effects/focus.js +4 -4
- package/dist/es/packages/swiper/swiper.js +14 -14
- package/dist/es/packages/swiperitem/swiperitem.js +2 -2
- package/dist/es/packages/switch/switch.js +6 -6
- package/dist/es/packages/tabbar/tabbar.js +2 -2
- package/dist/es/packages/tabbaritem/tabbaritem.js +10 -10
- package/dist/es/packages/table/table.js +10 -10
- package/dist/es/packages/tabpane/tabpane.js +1 -1
- package/dist/es/packages/tabs/tabs.js +10 -10
- package/dist/es/packages/tag/tag.js +10 -10
- package/dist/es/packages/textarea/textarea.js +12 -12
- package/dist/es/packages/timedetail/timedetail.js +3 -3
- package/dist/es/packages/timeselect/timeselect.js +6 -6
- package/dist/es/packages/toast/Notification.js +1 -1
- package/dist/es/packages/toast/toast.js +2 -2
- package/dist/es/packages/tour/tour.js +11 -11
- package/dist/es/packages/trendarrow/trendarrow.js +4 -4
- package/dist/es/packages/uploader/preview.js +8 -8
- package/dist/es/packages/uploader/uploader.js +15 -15
- package/dist/es/packages/video/video.js +4 -4
- package/dist/es/packages/virtuallist/utils.js +5 -5
- package/dist/es/packages/virtuallist/virtuallist.js +2 -2
- package/dist/es/packages/watermark/watermark.js +2 -2
- package/dist/es/types/spec/empty/base.d.ts +15 -11
- package/dist/es/types/spec/empty/base.js +13 -1
- package/dist/es/types/spec/rate/base.d.ts +9 -0
- 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 +1146 -1080
- package/dist/style-jmapp.css +1 -1
- package/dist/style-jmapp.scss +41 -41
- package/dist/style-jrkf.css +1 -1
- package/dist/style-jrkf.scss +42 -42
- package/dist/style.css +1 -1
- package/dist/style.scss +35 -35
- package/dist/styles/variables-daojia.scss +25 -12
- package/dist/styles/variables-jmapp.scss +42 -17
- package/dist/styles/variables-jrkf.scss +24 -20
- package/dist/styles/variables.scss +32 -24
- package/package.json +1 -1
|
@@ -53,27 +53,27 @@ export var Swiper = /*#__PURE__*/ React.forwardRef(function(props, ref) {
|
|
|
53
53
|
x: !isVertical ? innerValue.current * 100 * -1 : 0,
|
|
54
54
|
y: isVertical ? innerValue.current * 100 * -1 : 0,
|
|
55
55
|
s: 0,
|
|
56
|
-
reset: function() {},
|
|
56
|
+
reset: function reset() {},
|
|
57
57
|
config: {
|
|
58
58
|
tension: 200,
|
|
59
59
|
friction: 30
|
|
60
60
|
}
|
|
61
61
|
};
|
|
62
62
|
}), 2), springs = _useSpring[0], api = _useSpring[1];
|
|
63
|
-
var getSlideSize = function() {
|
|
63
|
+
var getSlideSize = function getSlideSize() {
|
|
64
64
|
if (props.slideSize) return props.slideSize;
|
|
65
65
|
if (stageRef.current) {
|
|
66
66
|
return isVertical ? stageRef.current.offsetHeight : stageRef.current.offsetWidth;
|
|
67
67
|
}
|
|
68
68
|
return 0;
|
|
69
69
|
};
|
|
70
|
-
var getSwiperSize = function() {
|
|
70
|
+
var getSwiperSize = function getSwiperSize() {
|
|
71
71
|
if (swiperRef.current) {
|
|
72
72
|
return isVertical ? swiperRef.current.offsetHeight : swiperRef.current.offsetWidth;
|
|
73
73
|
}
|
|
74
74
|
return 0;
|
|
75
75
|
};
|
|
76
|
-
var bound = function(v, min, max) {
|
|
76
|
+
var bound = function bound(v, min, max) {
|
|
77
77
|
if (min !== undefined) {
|
|
78
78
|
v = Math.max(v, min);
|
|
79
79
|
}
|
|
@@ -125,7 +125,7 @@ export var Swiper = /*#__PURE__*/ React.forwardRef(function(props, ref) {
|
|
|
125
125
|
count,
|
|
126
126
|
runTimeSwiper
|
|
127
127
|
]);
|
|
128
|
-
var to = function(index) {
|
|
128
|
+
var to = function to(index) {
|
|
129
129
|
var immediate = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : false;
|
|
130
130
|
var _props_onChange;
|
|
131
131
|
var targetIndex = bound(index, 0, count - 1);
|
|
@@ -142,13 +142,13 @@ export var Swiper = /*#__PURE__*/ React.forwardRef(function(props, ref) {
|
|
|
142
142
|
api.start((_obj = {}, // 这里需要统一成百分比
|
|
143
143
|
_define_property(_obj, isVertical ? 'y' : 'x', (loop ? -index : boundIndex(targetIndex) * -1) * 100), _define_property(_obj, "s", 0), _define_property(_obj, "immediate", immediate), _obj));
|
|
144
144
|
};
|
|
145
|
-
var getSpringsAxis = function() {
|
|
145
|
+
var getSpringsAxis = function getSpringsAxis() {
|
|
146
146
|
return springs[isVertical ? 'y' : 'x'];
|
|
147
147
|
};
|
|
148
|
-
var next = function() {
|
|
148
|
+
var next = function next() {
|
|
149
149
|
to(Math.round(-getSpringsAxis().get() / 100) + 1);
|
|
150
150
|
};
|
|
151
|
-
var prev = function() {
|
|
151
|
+
var prev = function prev() {
|
|
152
152
|
to(Math.round(-getSpringsAxis().get() / 100) - 1);
|
|
153
153
|
};
|
|
154
154
|
React.useImperativeHandle(ref, function() {
|
|
@@ -180,14 +180,14 @@ export var Swiper = /*#__PURE__*/ React.forwardRef(function(props, ref) {
|
|
|
180
180
|
}
|
|
181
181
|
}, {
|
|
182
182
|
enabled: touchable,
|
|
183
|
-
transform: function(param) {
|
|
183
|
+
transform: function transform(param) {
|
|
184
184
|
var _param = _sliced_to_array(param, 2), x = _param[0], y = _param[1];
|
|
185
185
|
return [
|
|
186
186
|
-x,
|
|
187
187
|
-y
|
|
188
188
|
];
|
|
189
189
|
},
|
|
190
|
-
from: function() {
|
|
190
|
+
from: function from() {
|
|
191
191
|
// 由百分比转换到像素
|
|
192
192
|
var slideSize = getSlideSize();
|
|
193
193
|
var x = springs.x.get() / 100 * slideSize;
|
|
@@ -197,7 +197,7 @@ export var Swiper = /*#__PURE__*/ React.forwardRef(function(props, ref) {
|
|
|
197
197
|
-y
|
|
198
198
|
];
|
|
199
199
|
},
|
|
200
|
-
bounds: function() {
|
|
200
|
+
bounds: function bounds() {
|
|
201
201
|
if (loop) return {};
|
|
202
202
|
var slideSize = getSlideSize();
|
|
203
203
|
return isVertical ? {
|
|
@@ -216,7 +216,7 @@ export var Swiper = /*#__PURE__*/ React.forwardRef(function(props, ref) {
|
|
|
216
216
|
touch: true
|
|
217
217
|
}
|
|
218
218
|
});
|
|
219
|
-
var renderIndicator = function() {
|
|
219
|
+
var renderIndicator = function renderIndicator() {
|
|
220
220
|
if (!indicator) return null;
|
|
221
221
|
if (/*#__PURE__*/ React.isValidElement(indicator)) return indicator;
|
|
222
222
|
var _obj;
|
|
@@ -228,7 +228,7 @@ export var Swiper = /*#__PURE__*/ React.forwardRef(function(props, ref) {
|
|
|
228
228
|
direction: direction
|
|
229
229
|
}));
|
|
230
230
|
};
|
|
231
|
-
var renderEffect = function() {
|
|
231
|
+
var renderEffect = function renderEffect() {
|
|
232
232
|
if (!effect) return defaultEffect({
|
|
233
233
|
children: children,
|
|
234
234
|
getSpringsAxis: getSpringsAxis,
|
|
@@ -251,7 +251,7 @@ export var Swiper = /*#__PURE__*/ React.forwardRef(function(props, ref) {
|
|
|
251
251
|
});
|
|
252
252
|
}
|
|
253
253
|
};
|
|
254
|
-
var renderSlides = function() {
|
|
254
|
+
var renderSlides = function renderSlides() {
|
|
255
255
|
var _obj;
|
|
256
256
|
return /*#__PURE__*/ React.createElement("div", {
|
|
257
257
|
ref: stageRef,
|
|
@@ -2,11 +2,11 @@ import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
|
|
|
2
2
|
import React from "react";
|
|
3
3
|
import classNames from "classnames";
|
|
4
4
|
var defaultProps = {
|
|
5
|
-
onClick: function(e) {
|
|
5
|
+
onClick: function onClick(e) {
|
|
6
6
|
return undefined;
|
|
7
7
|
}
|
|
8
8
|
};
|
|
9
|
-
export var SwiperItem = function(props) {
|
|
9
|
+
export var SwiperItem = function SwiperItem(props) {
|
|
10
10
|
var classPrefix = 'nut-swiper-item';
|
|
11
11
|
var _$_object_spread = _object_spread({}, defaultProps, props), className = _$_object_spread.className, style = _$_object_spread.style, children = _$_object_spread.children;
|
|
12
12
|
var classes = classNames(classPrefix, className);
|
|
@@ -17,10 +17,10 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
|
|
|
17
17
|
inactiveText: '',
|
|
18
18
|
loadingIcon: /*#__PURE__*/ React.createElement(Loading1, null),
|
|
19
19
|
loading: undefined,
|
|
20
|
-
onLoadingChange: function(loading) {}
|
|
20
|
+
onLoadingChange: function onLoadingChange(loading) {}
|
|
21
21
|
});
|
|
22
|
-
export var Switch = function(props) {
|
|
23
|
-
var
|
|
22
|
+
export var Switch = function Switch(props) {
|
|
23
|
+
var _$_object_spread = _object_spread({}, defaultProps, props), checked = _$_object_spread.checked, defaultChecked = _$_object_spread.defaultChecked, disabled = _$_object_spread.disabled, activeText = _$_object_spread.activeText, inactiveText = _$_object_spread.inactiveText, loadingIcon = _$_object_spread.loadingIcon, className = _$_object_spread.className, style = _$_object_spread.style, onChange = _$_object_spread.onChange, propLoading = _$_object_spread.loading, onLoadingChange = _$_object_spread.onLoadingChange, ariaLabel = _$_object_spread.ariaLabel, rest = _object_without_properties(_$_object_spread, [
|
|
24
24
|
"checked",
|
|
25
25
|
"defaultChecked",
|
|
26
26
|
"disabled",
|
|
@@ -42,7 +42,7 @@ export var Switch = function(props) {
|
|
|
42
42
|
}), 2), value = _usePropsValue[0], setValue = _usePropsValue[1];
|
|
43
43
|
var _useState = _sliced_to_array(useState(false), 2), internalLoading = _useState[0], setInternalLoading = _useState[1];
|
|
44
44
|
var loading = propLoading !== undefined ? propLoading : internalLoading;
|
|
45
|
-
var setLoading = function(val) {
|
|
45
|
+
var setLoading = function setLoading(val) {
|
|
46
46
|
if (propLoading !== undefined) {
|
|
47
47
|
onLoadingChange(val);
|
|
48
48
|
} else {
|
|
@@ -54,7 +54,7 @@ export var Switch = function(props) {
|
|
|
54
54
|
}, [
|
|
55
55
|
value
|
|
56
56
|
]);
|
|
57
|
-
var classes = function() {
|
|
57
|
+
var classes = function classes() {
|
|
58
58
|
var _obj;
|
|
59
59
|
return classNames([
|
|
60
60
|
classPrefix,
|
|
@@ -62,7 +62,7 @@ export var Switch = function(props) {
|
|
|
62
62
|
(_obj = {}, _define_property(_obj, "".concat(classPrefix, "-close"), !value), _define_property(_obj, "".concat(classPrefix, "-disabled"), disabled), _define_property(_obj, "".concat(classPrefix, "-disabled-close"), disabled && !value), _obj)
|
|
63
63
|
]);
|
|
64
64
|
};
|
|
65
|
-
var onClick = function() {
|
|
65
|
+
var onClick = function onClick() {
|
|
66
66
|
return _async_to_generator(function() {
|
|
67
67
|
var e;
|
|
68
68
|
return _ts_generator(this, function(_state) {
|
|
@@ -16,9 +16,9 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
|
|
|
16
16
|
activeColor: '',
|
|
17
17
|
direction: 'vertical',
|
|
18
18
|
safeArea: false,
|
|
19
|
-
onSwitch: function() {}
|
|
19
|
+
onSwitch: function onSwitch() {}
|
|
20
20
|
});
|
|
21
|
-
export var Tabbar = function(props) {
|
|
21
|
+
export var Tabbar = function Tabbar(props) {
|
|
22
22
|
var _$_object_spread = _object_spread({}, defaultProps, props), children = _$_object_spread.children, defaultValue = _$_object_spread.defaultValue, value = _$_object_spread.value, fixed = _$_object_spread.fixed, activeColor = _$_object_spread.activeColor, inactiveColor = _$_object_spread.inactiveColor, direction = _$_object_spread.direction, safeArea = _$_object_spread.safeArea, className = _$_object_spread.className, style = _$_object_spread.style, onSwitch = _$_object_spread.onSwitch;
|
|
23
23
|
var classPrefix = 'nut-tabbar';
|
|
24
24
|
var _usePropsValue = _sliced_to_array(usePropsValue({
|
|
@@ -17,10 +17,10 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
|
|
|
17
17
|
right: '0',
|
|
18
18
|
direction: 'vertical'
|
|
19
19
|
});
|
|
20
|
-
export var TabbarItem = function(props) {
|
|
20
|
+
export var TabbarItem = function TabbarItem(props) {
|
|
21
21
|
var ctx = useContext(TabbarContext);
|
|
22
|
-
var
|
|
23
|
-
index =
|
|
22
|
+
var _$_object_spread = _object_spread({}, defaultProps, props), className = _$_object_spread.className, style = _$_object_spread.style, title = _$_object_spread.title, icon = _$_object_spread.icon, value = _$_object_spread.value, dot = _$_object_spread.dot, max = _$_object_spread.max, top = _$_object_spread.top, right = _$_object_spread.right, // @ts-ignore
|
|
23
|
+
index = _$_object_spread.index, direction = _$_object_spread.direction, onActiveClick = _$_object_spread.onActiveClick, rest = _object_without_properties(_$_object_spread, [
|
|
24
24
|
"className",
|
|
25
25
|
"style",
|
|
26
26
|
"title",
|
|
@@ -38,7 +38,7 @@ export var TabbarItem = function(props) {
|
|
|
38
38
|
var classPrefix = 'nut-tabbar-item';
|
|
39
39
|
var _obj;
|
|
40
40
|
var tabbarItemClass = classNames(classPrefix, (_obj = {}, _define_property(_obj, "".concat(classPrefix, "-active"), active), _define_property(_obj, "".concat(classPrefix, "-large"), !icon || !title), _obj), className);
|
|
41
|
-
var renderNodeWithActive = function(node) {
|
|
41
|
+
var renderNodeWithActive = function renderNodeWithActive(node) {
|
|
42
42
|
return node && typeof node === 'function' ? node(active) : node;
|
|
43
43
|
};
|
|
44
44
|
var badgeProps = {
|
|
@@ -49,27 +49,27 @@ export var TabbarItem = function(props) {
|
|
|
49
49
|
right: right,
|
|
50
50
|
color: ctx === null || ctx === void 0 ? void 0 : ctx.activeColor
|
|
51
51
|
};
|
|
52
|
-
var renderTitleText = function() {
|
|
52
|
+
var renderTitleText = function renderTitleText() {
|
|
53
53
|
return title && /*#__PURE__*/ React.createElement("div", {
|
|
54
54
|
className: "".concat(classPrefix, "-text")
|
|
55
55
|
}, renderNodeWithActive(title));
|
|
56
56
|
};
|
|
57
|
-
var renderTitle = function() {
|
|
57
|
+
var renderTitle = function renderTitle() {
|
|
58
58
|
return /*#__PURE__*/ React.createElement(Badge, _object_spread({
|
|
59
59
|
size: "normal"
|
|
60
60
|
}, badgeProps), renderTitleText());
|
|
61
61
|
};
|
|
62
|
-
var renderIcon = function() {
|
|
62
|
+
var renderIcon = function renderIcon() {
|
|
63
63
|
return renderNodeWithActive(icon);
|
|
64
64
|
};
|
|
65
|
-
var renderIconAndTitle = function() {
|
|
65
|
+
var renderIconAndTitle = function renderIconAndTitle() {
|
|
66
66
|
return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(Badge, _object_spread_props(_object_spread({
|
|
67
67
|
size: "normal"
|
|
68
68
|
}, badgeProps), {
|
|
69
69
|
top: 3
|
|
70
70
|
}), renderIcon()), renderTitleText());
|
|
71
71
|
};
|
|
72
|
-
var renderDualItem = function() {
|
|
72
|
+
var renderDualItem = function renderDualItem() {
|
|
73
73
|
return dot ? null : /*#__PURE__*/ React.createElement(React.Fragment, null, renderIcon(), renderTitleText(), /*#__PURE__*/ React.createElement(Badge, badgeProps));
|
|
74
74
|
};
|
|
75
75
|
return /*#__PURE__*/ React.createElement("div", _object_spread({
|
|
@@ -77,7 +77,7 @@ export var TabbarItem = function(props) {
|
|
|
77
77
|
style: _object_spread({
|
|
78
78
|
color: active ? ctx === null || ctx === void 0 ? void 0 : ctx.activeColor : ctx === null || ctx === void 0 ? void 0 : ctx.inactiveColor
|
|
79
79
|
}, style),
|
|
80
|
-
onClick: function() {
|
|
80
|
+
onClick: function onClick() {
|
|
81
81
|
return active ? onActiveClick === null || onActiveClick === void 0 ? void 0 : onActiveClick() : ctx === null || ctx === void 0 ? void 0 : ctx.handleClick(index);
|
|
82
82
|
}
|
|
83
83
|
}, rest), direction === 'horizontal' && !dot ? renderDualItem() : /*#__PURE__*/ React.createElement(React.Fragment, null, icon && renderIconAndTitle(), !icon && renderTitle()));
|
|
@@ -20,11 +20,11 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
|
|
|
20
20
|
sorterIcon: null,
|
|
21
21
|
showHeader: true
|
|
22
22
|
});
|
|
23
|
-
export var Table = function(props) {
|
|
23
|
+
export var Table = function Table(props) {
|
|
24
24
|
var locale = useConfig().locale;
|
|
25
25
|
var rtl = useRtl();
|
|
26
26
|
defaultProps.noData = locale.noData;
|
|
27
|
-
var
|
|
27
|
+
var _$_object_spread = _object_spread({}, defaultProps, props), children = _$_object_spread.children, className = _$_object_spread.className, style = _$_object_spread.style, columns = _$_object_spread.columns, data = _$_object_spread.data, bordered = _$_object_spread.bordered, summary = _$_object_spread.summary, striped = _$_object_spread.striped, noData = _$_object_spread.noData, sorterIcon = _$_object_spread.sorterIcon, showHeader = _$_object_spread.showHeader, onSort = _$_object_spread.onSort, rest = _object_without_properties(_$_object_spread, [
|
|
28
28
|
"children",
|
|
29
29
|
"className",
|
|
30
30
|
"style",
|
|
@@ -53,7 +53,7 @@ export var Table = function(props) {
|
|
|
53
53
|
var headerClassPrefix = "".concat(classPrefix, "-main-head-tr");
|
|
54
54
|
var bodyClassPrefix = "".concat(classPrefix, "-main-body-tr");
|
|
55
55
|
var cls = classNames(classPrefix, className);
|
|
56
|
-
var handleSorterClick = function(item) {
|
|
56
|
+
var handleSorterClick = function handleSorterClick(item) {
|
|
57
57
|
if (item.sorter && !sortedMapping.current[item.key]) {
|
|
58
58
|
var copied = _to_consumable_array(innerValue);
|
|
59
59
|
if (typeof item.sorter === 'function') {
|
|
@@ -69,21 +69,21 @@ export var Table = function(props) {
|
|
|
69
69
|
setValue(data);
|
|
70
70
|
}
|
|
71
71
|
};
|
|
72
|
-
var cellClasses = function(item) {
|
|
72
|
+
var cellClasses = function cellClasses(item) {
|
|
73
73
|
var _obj;
|
|
74
74
|
return _obj = {}, _define_property(_obj, "".concat(headerClassPrefix, "-border"), bordered), _define_property(_obj, "".concat(headerClassPrefix, "-align").concat(item.align ? item.align : ''), true), _obj;
|
|
75
75
|
};
|
|
76
|
-
var getColumnItem = function(value) {
|
|
76
|
+
var getColumnItem = function getColumnItem(value) {
|
|
77
77
|
return columns.filter(function(item) {
|
|
78
78
|
return item.key === value;
|
|
79
79
|
})[0];
|
|
80
80
|
};
|
|
81
|
-
var renderHeadCells = function() {
|
|
81
|
+
var renderHeadCells = function renderHeadCells() {
|
|
82
82
|
return columns.map(function(item, index) {
|
|
83
83
|
return /*#__PURE__*/ React.createElement("div", {
|
|
84
84
|
className: classNames("".concat(headerClassPrefix, "-th"), cellClasses(item), getStickyClass(item.key)),
|
|
85
85
|
key: item.key,
|
|
86
|
-
onClick: function() {
|
|
86
|
+
onClick: function onClick() {
|
|
87
87
|
return handleSorterClick(item);
|
|
88
88
|
},
|
|
89
89
|
style: getStickyStyle(item.key)
|
|
@@ -93,7 +93,7 @@ export var Table = function(props) {
|
|
|
93
93
|
})));
|
|
94
94
|
});
|
|
95
95
|
};
|
|
96
|
-
var sortDataItem = function() {
|
|
96
|
+
var sortDataItem = function sortDataItem() {
|
|
97
97
|
return columns.map(function(columns) {
|
|
98
98
|
return [
|
|
99
99
|
columns.key,
|
|
@@ -101,7 +101,7 @@ export var Table = function(props) {
|
|
|
101
101
|
];
|
|
102
102
|
});
|
|
103
103
|
};
|
|
104
|
-
var renderBodyTds = function(item, rowIndex) {
|
|
104
|
+
var renderBodyTds = function renderBodyTds(item, rowIndex) {
|
|
105
105
|
return sortDataItem().map(function(param) {
|
|
106
106
|
var _param = _sliced_to_array(param, 2), value = _param[0], render = _param[1];
|
|
107
107
|
return /*#__PURE__*/ React.createElement("div", {
|
|
@@ -111,7 +111,7 @@ export var Table = function(props) {
|
|
|
111
111
|
}, typeof item[value] === 'function' || typeof render === 'function' ? /*#__PURE__*/ React.createElement("div", null, render ? render(item, rowIndex) : item[value](item)) : item[value]);
|
|
112
112
|
});
|
|
113
113
|
};
|
|
114
|
-
var renderBodyTrs = function() {
|
|
114
|
+
var renderBodyTrs = function renderBodyTrs() {
|
|
115
115
|
return innerValue.map(function(item, index) {
|
|
116
116
|
var inner = renderBodyTds(item, index);
|
|
117
117
|
var rowRender = item.rowRender;
|
|
@@ -6,7 +6,7 @@ var defaultProps = {
|
|
|
6
6
|
value: '',
|
|
7
7
|
disabled: false
|
|
8
8
|
};
|
|
9
|
-
export var TabPane = function(props) {
|
|
9
|
+
export var TabPane = function TabPane(props) {
|
|
10
10
|
var _$_object_spread = _object_spread({}, defaultProps, props), children = _$_object_spread.children, autoHeightClassName = _$_object_spread.autoHeightClassName, className = _$_object_spread.className, disabled = _$_object_spread.disabled;
|
|
11
11
|
var classPrefix = 'nut-tabpane';
|
|
12
12
|
var classes = classNames(classPrefix, {
|
|
@@ -21,9 +21,9 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
|
|
|
21
21
|
autoHeight: false
|
|
22
22
|
});
|
|
23
23
|
var classPrefix = 'nut-tabs';
|
|
24
|
-
export var Tabs = function(props) {
|
|
24
|
+
export var Tabs = function Tabs(props) {
|
|
25
25
|
var rtl = useRtl();
|
|
26
|
-
var
|
|
26
|
+
var _$_object_spread = _object_spread({}, defaultProps, props), activeColor = _$_object_spread.activeColor, tabStyle = _$_object_spread.tabStyle, direction = _$_object_spread.direction, activeType = _$_object_spread.activeType, duration = _$_object_spread.duration, align = _$_object_spread.align, title = _$_object_spread.title, children = _$_object_spread.children, onClick = _$_object_spread.onClick, onChange = _$_object_spread.onChange, className = _$_object_spread.className, autoHeight = _$_object_spread.autoHeight, outerValue = _$_object_spread.value, outerDefaultValue = _$_object_spread.defaultValue, rest = _object_without_properties(_$_object_spread, [
|
|
27
27
|
"activeColor",
|
|
28
28
|
"tabStyle",
|
|
29
29
|
"direction",
|
|
@@ -46,18 +46,18 @@ export var Tabs = function(props) {
|
|
|
46
46
|
}), 2), value = _usePropsValue[0], setValue = _usePropsValue[1];
|
|
47
47
|
var titleItemsRef = useRef([]);
|
|
48
48
|
var navRef = useRef(null);
|
|
49
|
-
var scrollDirection = function(nav, to, duration) {
|
|
49
|
+
var scrollDirection = function scrollDirection(nav, to, duration) {
|
|
50
50
|
var from = direction === 'horizontal' ? nav.scrollLeft : nav.scrollTop;
|
|
51
51
|
var frames = duration === 0 ? 1 : Math.round(duration * 1000 / 16);
|
|
52
52
|
var count = 0;
|
|
53
|
-
var animate = function() {
|
|
53
|
+
var animate = function animate1() {
|
|
54
54
|
if (direction === 'horizontal') nav.scrollLeft += (to - from) / frames;
|
|
55
55
|
else nav.scrollTop += (to - from) / frames;
|
|
56
56
|
if (++count < frames) raf(animate);
|
|
57
57
|
};
|
|
58
58
|
animate();
|
|
59
59
|
};
|
|
60
|
-
var scrollIntoView = function(index, immediate) {
|
|
60
|
+
var scrollIntoView = function scrollIntoView(index, immediate) {
|
|
61
61
|
var nav = navRef.current;
|
|
62
62
|
var titleItem = titleItemsRef.current;
|
|
63
63
|
var titlesLength = titles.current.length;
|
|
@@ -75,7 +75,7 @@ export var Tabs = function(props) {
|
|
|
75
75
|
}
|
|
76
76
|
scrollDirection(nav, to, immediate ? 0 : 0.3);
|
|
77
77
|
};
|
|
78
|
-
var getTitles = function() {
|
|
78
|
+
var getTitles = function getTitles() {
|
|
79
79
|
var titles = [];
|
|
80
80
|
React.Children.forEach(children, function(child, idx) {
|
|
81
81
|
if (/*#__PURE__*/ React.isValidElement(child)) {
|
|
@@ -112,7 +112,7 @@ export var Tabs = function(props) {
|
|
|
112
112
|
var classes = classNames(classPrefix, "".concat(classPrefix, "-").concat(direction), className);
|
|
113
113
|
var _obj;
|
|
114
114
|
var classesTitle = classNames("".concat(classPrefix, "-titles"), (_obj = {}, _define_property(_obj, "".concat(classPrefix, "-titles-").concat(activeType), activeType), _define_property(_obj, "".concat(classPrefix, "-titles-scrollable"), true), _define_property(_obj, "".concat(classPrefix, "-titles-").concat(align), align), _obj));
|
|
115
|
-
var getContentStyle = function() {
|
|
115
|
+
var getContentStyle = function getContentStyle() {
|
|
116
116
|
var index = titles.current.findIndex(function(t) {
|
|
117
117
|
return t.value === value;
|
|
118
118
|
});
|
|
@@ -133,7 +133,7 @@ export var Tabs = function(props) {
|
|
|
133
133
|
}, [
|
|
134
134
|
value
|
|
135
135
|
]);
|
|
136
|
-
var tabChange = function(item) {
|
|
136
|
+
var tabChange = function tabChange(item) {
|
|
137
137
|
onClick && onClick(item.value);
|
|
138
138
|
if (!item.disabled) {
|
|
139
139
|
setValue(item.value);
|
|
@@ -149,10 +149,10 @@ export var Tabs = function(props) {
|
|
|
149
149
|
var _obj;
|
|
150
150
|
return /*#__PURE__*/ React.createElement("div", {
|
|
151
151
|
key: item.value,
|
|
152
|
-
ref: function(ref) {
|
|
152
|
+
ref: function ref(ref) {
|
|
153
153
|
return titleItemsRef.current.push(ref);
|
|
154
154
|
},
|
|
155
|
-
onClick: function() {
|
|
155
|
+
onClick: function onClick() {
|
|
156
156
|
return tabChange(item);
|
|
157
157
|
},
|
|
158
158
|
className: classNames("".concat(classPrefix, "-titles-item"), (_obj = {}, _define_property(_obj, "nut-tabs-titles-item-active", !item.disabled && String(item.value) === String(value)), _define_property(_obj, "nut-tabs-titles-item-disabled", item.disabled), _define_property(_obj, "nut-tabs-titles-item-".concat(align), align), _obj))
|
|
@@ -15,20 +15,20 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
|
|
|
15
15
|
mark: false,
|
|
16
16
|
closeable: false,
|
|
17
17
|
closeIcon: null,
|
|
18
|
-
onClose: function(e) {},
|
|
19
|
-
onClick: function(e) {}
|
|
18
|
+
onClose: function onClose(e) {},
|
|
19
|
+
onClick: function onClick(e) {}
|
|
20
20
|
});
|
|
21
|
-
export var Tag = function(props) {
|
|
21
|
+
export var Tag = function Tag(props) {
|
|
22
22
|
var _$_object_spread = _object_spread({}, defaultProps, props), className = _$_object_spread.className, style = _$_object_spread.style, background = _$_object_spread.background, plain = _$_object_spread.plain, type = _$_object_spread.type, round = _$_object_spread.round, children = _$_object_spread.children, mark = _$_object_spread.mark, closeable = _$_object_spread.closeable, closeIcon = _$_object_spread.closeIcon, color = _$_object_spread.color, onClick = _$_object_spread.onClick, onClose = _$_object_spread.onClose;
|
|
23
23
|
var _useState = _sliced_to_array(useState(true), 2), visible = _useState[0], setVisible = _useState[1];
|
|
24
24
|
var classPrefix = 'nut-tag';
|
|
25
25
|
var _obj;
|
|
26
26
|
var classes = classNames((_obj = {}, _define_property(_obj, classPrefix, true), _define_property(_obj, "".concat(classPrefix, "-").concat(type), type), _define_property(_obj, "".concat(classPrefix, "-plain"), plain), _define_property(_obj, "".concat(classPrefix, "-round"), round), _define_property(_obj, "".concat(classPrefix, "-mark"), mark), _define_property(_obj, "".concat(classPrefix, "-close"), closeable), _define_property(_obj, "".concat(className), className), _obj));
|
|
27
|
-
var handleClick = function(e) {
|
|
27
|
+
var handleClick = function handleClick(e) {
|
|
28
28
|
onClick && onClick(e);
|
|
29
29
|
};
|
|
30
30
|
// 综合考虑 color、background、plain 组合使用时的效果
|
|
31
|
-
var getStyle = function() {
|
|
31
|
+
var getStyle = function getStyle() {
|
|
32
32
|
var style = {};
|
|
33
33
|
// 标签背景与边框颜色
|
|
34
34
|
if (plain) {
|
|
@@ -38,7 +38,7 @@ export var Tag = function(props) {
|
|
|
38
38
|
}
|
|
39
39
|
return style;
|
|
40
40
|
};
|
|
41
|
-
var getTextStyle = function() {
|
|
41
|
+
var getTextStyle = function getTextStyle() {
|
|
42
42
|
var style = {};
|
|
43
43
|
// 标签内字体颜色
|
|
44
44
|
if (color) {
|
|
@@ -52,7 +52,7 @@ export var Tag = function(props) {
|
|
|
52
52
|
return /*#__PURE__*/ React.createElement(React.Fragment, null, closeable ? visible && /*#__PURE__*/ React.createElement("div", {
|
|
53
53
|
className: classes,
|
|
54
54
|
style: _object_spread({}, style, getStyle()),
|
|
55
|
-
onClick: function(e) {
|
|
55
|
+
onClick: function onClick(e) {
|
|
56
56
|
return handleClick(e);
|
|
57
57
|
}
|
|
58
58
|
}, children && /*#__PURE__*/ React.createElement("span", {
|
|
@@ -60,20 +60,20 @@ export var Tag = function(props) {
|
|
|
60
60
|
style: getTextStyle()
|
|
61
61
|
}, children), /*#__PURE__*/ React.isValidElement(closeIcon) ? /*#__PURE__*/ React.createElement("i", {
|
|
62
62
|
className: "".concat(classPrefix, "-custom-icon"),
|
|
63
|
-
onClick: function(e) {
|
|
63
|
+
onClick: function onClick(e) {
|
|
64
64
|
setVisible(false);
|
|
65
65
|
onClose && onClose(e);
|
|
66
66
|
}
|
|
67
67
|
}, closeIcon) : /*#__PURE__*/ React.createElement(Close, {
|
|
68
68
|
className: "".concat(classPrefix, "-close-icon"),
|
|
69
|
-
onClick: function(e) {
|
|
69
|
+
onClick: function onClick(e) {
|
|
70
70
|
setVisible(false);
|
|
71
71
|
onClose && onClose(e);
|
|
72
72
|
}
|
|
73
73
|
})) : /*#__PURE__*/ React.createElement("div", {
|
|
74
74
|
className: classes,
|
|
75
75
|
style: _object_spread({}, style, getStyle()),
|
|
76
|
-
onClick: function(e) {
|
|
76
|
+
onClick: function onClick(e) {
|
|
77
77
|
return handleClick(e);
|
|
78
78
|
}
|
|
79
79
|
}, children && /*#__PURE__*/ React.createElement("span", {
|
|
@@ -21,7 +21,7 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
|
|
|
21
21
|
});
|
|
22
22
|
export var TextArea = /*#__PURE__*/ forwardRef(function(props, ref) {
|
|
23
23
|
var locale = useConfig().locale;
|
|
24
|
-
var
|
|
24
|
+
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, onChange = _$_object_spread.onChange, onBlur = _$_object_spread.onBlur, onFocus = _$_object_spread.onFocus, rest = _object_without_properties(_$_object_spread, [
|
|
25
25
|
"className",
|
|
26
26
|
"value",
|
|
27
27
|
"defaultValue",
|
|
@@ -43,7 +43,7 @@ export var TextArea = /*#__PURE__*/ forwardRef(function(props, ref) {
|
|
|
43
43
|
var textareaRef = useRef(null);
|
|
44
44
|
var compositionRef = useRef(false);
|
|
45
45
|
var rtl = useRtl();
|
|
46
|
-
var format = function(value) {
|
|
46
|
+
var format = function format(value) {
|
|
47
47
|
if (maxLength !== -1 && value.length > maxLength) {
|
|
48
48
|
return value.substring(0, maxLength);
|
|
49
49
|
}
|
|
@@ -62,7 +62,7 @@ export var TextArea = /*#__PURE__*/ forwardRef(function(props, ref) {
|
|
|
62
62
|
defaultValue,
|
|
63
63
|
innerValue
|
|
64
64
|
]);
|
|
65
|
-
var setContentHeight = function() {
|
|
65
|
+
var setContentHeight = function setContentHeight() {
|
|
66
66
|
var textarea = textareaRef.current;
|
|
67
67
|
if (textarea) {
|
|
68
68
|
textarea.style.height = 'auto';
|
|
@@ -72,32 +72,32 @@ export var TextArea = /*#__PURE__*/ forwardRef(function(props, ref) {
|
|
|
72
72
|
}
|
|
73
73
|
}
|
|
74
74
|
};
|
|
75
|
-
var handleChange = function(event) {
|
|
75
|
+
var handleChange = function handleChange(event) {
|
|
76
76
|
var text = event.target;
|
|
77
77
|
var value = compositionRef.current ? text.value : format(text.value);
|
|
78
78
|
setInnerValue(value);
|
|
79
79
|
};
|
|
80
|
-
var isDisabled = function() {
|
|
80
|
+
var isDisabled = function isDisabled() {
|
|
81
81
|
return disabled || readOnly;
|
|
82
82
|
};
|
|
83
|
-
var handleFocus = function(event) {
|
|
83
|
+
var handleFocus = function handleFocus(event) {
|
|
84
84
|
if (isDisabled()) return;
|
|
85
85
|
onFocus === null || onFocus === void 0 ? void 0 : onFocus(event);
|
|
86
86
|
};
|
|
87
|
-
var handleBlur = function(event) {
|
|
87
|
+
var handleBlur = function handleBlur(event) {
|
|
88
88
|
if (isDisabled()) return;
|
|
89
89
|
onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);
|
|
90
90
|
};
|
|
91
91
|
useImperativeHandle(ref, function() {
|
|
92
92
|
return {
|
|
93
|
-
clear: function() {
|
|
93
|
+
clear: function clear() {
|
|
94
94
|
return setInnerValue('');
|
|
95
95
|
},
|
|
96
|
-
focus: function() {
|
|
96
|
+
focus: function focus() {
|
|
97
97
|
var _textareaRef_current;
|
|
98
98
|
return (_textareaRef_current = textareaRef.current) === null || _textareaRef_current === void 0 ? void 0 : _textareaRef_current.focus();
|
|
99
99
|
},
|
|
100
|
-
blur: function() {
|
|
100
|
+
blur: function blur() {
|
|
101
101
|
var _textareaRef_current;
|
|
102
102
|
return (_textareaRef_current = textareaRef.current) === null || _textareaRef_current === void 0 ? void 0 : _textareaRef_current.blur();
|
|
103
103
|
},
|
|
@@ -119,10 +119,10 @@ export var TextArea = /*#__PURE__*/ forwardRef(function(props, ref) {
|
|
|
119
119
|
onChange: handleChange,
|
|
120
120
|
onBlur: handleBlur,
|
|
121
121
|
onFocus: handleFocus,
|
|
122
|
-
onCompositionEnd: function() {
|
|
122
|
+
onCompositionEnd: function onCompositionEnd() {
|
|
123
123
|
compositionRef.current = false;
|
|
124
124
|
},
|
|
125
|
-
onCompositionStart: function() {
|
|
125
|
+
onCompositionStart: function onCompositionStart() {
|
|
126
126
|
compositionRef.current = true;
|
|
127
127
|
},
|
|
128
128
|
rows: rows,
|
|
@@ -13,9 +13,9 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
|
|
|
13
13
|
textKey: 'text',
|
|
14
14
|
childrenKey: 'children'
|
|
15
15
|
},
|
|
16
|
-
onSelect: function() {}
|
|
16
|
+
onSelect: function onSelect() {}
|
|
17
17
|
});
|
|
18
|
-
export var TimeDetail = function(props) {
|
|
18
|
+
export var TimeDetail = function TimeDetail(props) {
|
|
19
19
|
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;
|
|
20
20
|
var classPrefix = 'nut-timedetail';
|
|
21
21
|
var timeList = useMemo(function() {
|
|
@@ -51,7 +51,7 @@ export var TimeDetail = function(props) {
|
|
|
51
51
|
active: isActive(item[optionKey.valueKey])
|
|
52
52
|
}),
|
|
53
53
|
key: item[optionKey.valueKey],
|
|
54
|
-
onClick: function() {
|
|
54
|
+
onClick: function onClick() {
|
|
55
55
|
return onSelect(item);
|
|
56
56
|
}
|
|
57
57
|
}, item[optionKey.textKey]);
|
|
@@ -21,9 +21,9 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
|
|
|
21
21
|
childrenKey: 'children'
|
|
22
22
|
}
|
|
23
23
|
});
|
|
24
|
-
export var TimeSelect = function(props) {
|
|
24
|
+
export var TimeSelect = function TimeSelect(props) {
|
|
25
25
|
var locale = useConfig().locale;
|
|
26
|
-
var
|
|
26
|
+
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, [
|
|
27
27
|
"visible",
|
|
28
28
|
"className",
|
|
29
29
|
"style",
|
|
@@ -51,10 +51,10 @@ export var TimeSelect = function(props) {
|
|
|
51
51
|
return defaultValue || [];
|
|
52
52
|
}), 2), activeTime = _useState1[0], setActiveTime = _useState1[1];
|
|
53
53
|
var classPrefix = 'nut-timeselect';
|
|
54
|
-
var closeFun = function() {
|
|
54
|
+
var closeFun = function closeFun() {
|
|
55
55
|
onSelect && onSelect(activeTime);
|
|
56
56
|
};
|
|
57
|
-
var handleSelectTime = function(selectTime) {
|
|
57
|
+
var handleSelectTime = function handleSelectTime(selectTime) {
|
|
58
58
|
var newActiveTime = _to_consumable_array(activeTime);
|
|
59
59
|
var date = newActiveTime.find(function(item) {
|
|
60
60
|
return item[optionKey.valueKey] === activeDate;
|
|
@@ -99,7 +99,7 @@ export var TimeSelect = function(props) {
|
|
|
99
99
|
setActiveTime(newActiveTime);
|
|
100
100
|
onTimeChange && onTimeChange(selectTime, newActiveTime);
|
|
101
101
|
};
|
|
102
|
-
var handleChange = function(date) {
|
|
102
|
+
var handleChange = function handleChange(date) {
|
|
103
103
|
setActiveDate(date[optionKey.valueKey]);
|
|
104
104
|
onDateChange && onDateChange(date, activeTime);
|
|
105
105
|
};
|
|
@@ -123,7 +123,7 @@ export var TimeSelect = function(props) {
|
|
|
123
123
|
className: classNames('nut-timepannel', {
|
|
124
124
|
active: item[optionKey.valueKey] === activeDate
|
|
125
125
|
}),
|
|
126
|
-
onClick: function() {
|
|
126
|
+
onClick: function onClick() {
|
|
127
127
|
return handleChange(item);
|
|
128
128
|
}
|
|
129
129
|
}, item[optionKey.textKey]);
|
|
@@ -121,7 +121,7 @@ var Notification = /*#__PURE__*/ function(_superClass) {
|
|
|
121
121
|
style: style,
|
|
122
122
|
zIndex: zIndex,
|
|
123
123
|
className: "".concat(classPrefix, "-overlay-default ").concat(className),
|
|
124
|
-
onClick: function() {
|
|
124
|
+
onClick: function onClick() {
|
|
125
125
|
return _this.clickCover();
|
|
126
126
|
},
|
|
127
127
|
closeOnOverlayClick: closeOnOverlayClick,
|
|
@@ -17,7 +17,7 @@ var defaultProps = _object_spread_props(_object_spread({}, defaultOverlayProps),
|
|
|
17
17
|
closeOnOverlayClick: false,
|
|
18
18
|
lockScroll: false,
|
|
19
19
|
zIndex: 1300,
|
|
20
|
-
onClose: function() {}
|
|
20
|
+
onClose: function onClose() {}
|
|
21
21
|
});
|
|
22
22
|
function getInstance(props, callback) {
|
|
23
23
|
if (messageInstance) {
|
|
@@ -43,7 +43,7 @@ function notice(opts) {
|
|
|
43
43
|
messageInstance = notification;
|
|
44
44
|
});
|
|
45
45
|
}
|
|
46
|
-
var errorMsg = function(msg) {
|
|
46
|
+
var errorMsg = function errorMsg(msg) {
|
|
47
47
|
if (!msg) {
|
|
48
48
|
console.warn('[NutUI Toast]: msg cannot be null');
|
|
49
49
|
}
|