@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
|
@@ -12,15 +12,15 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
|
|
|
12
12
|
wrap: 'nowrap',
|
|
13
13
|
gutter: '0'
|
|
14
14
|
});
|
|
15
|
-
export var Row = function(props) {
|
|
15
|
+
export var Row = function Row(props) {
|
|
16
16
|
var _$_object_spread = _object_spread({}, defaultProps, props), className = _$_object_spread.className, style = _$_object_spread.style, children = _$_object_spread.children, type = _$_object_spread.type, justify = _$_object_spread.justify, align = _$_object_spread.align, wrap = _$_object_spread.wrap, gutter = _$_object_spread.gutter, onClick = _$_object_spread.onClick;
|
|
17
|
-
var getClass = function(prefix, type) {
|
|
17
|
+
var getClass = function getClass(prefix, type) {
|
|
18
18
|
var classType = type ? "nut-row-".concat(prefix, "-").concat(type) : '';
|
|
19
19
|
if (prefix) return classType;
|
|
20
20
|
if (type) return "nut-row-".concat(type);
|
|
21
21
|
return '';
|
|
22
22
|
};
|
|
23
|
-
var getClasses = function() {
|
|
23
|
+
var getClasses = function getClasses() {
|
|
24
24
|
return classNames(classPrefix, getClass('', type), getClass('justify', justify), getClass('align', align), getClass('flex', wrap));
|
|
25
25
|
};
|
|
26
26
|
var parentRow = {
|
|
@@ -31,7 +31,7 @@ export var Row = function(props) {
|
|
|
31
31
|
}, /*#__PURE__*/ React.createElement("div", {
|
|
32
32
|
className: classNames(getClasses(), className),
|
|
33
33
|
style: style,
|
|
34
|
-
onClick: function(e) {
|
|
34
|
+
onClick: function onClick1(e) {
|
|
35
35
|
onClick === null || onClick === void 0 ? void 0 : onClick(e, 'row');
|
|
36
36
|
}
|
|
37
37
|
}, React.Children.map(children, function(child, index) {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import classNames from "classnames";
|
|
3
3
|
var classPrefix = 'nut-safe-area';
|
|
4
|
-
export var SafeArea = function(props) {
|
|
4
|
+
export var SafeArea = function SafeArea(props) {
|
|
5
5
|
return /*#__PURE__*/ React.createElement("div", {
|
|
6
6
|
className: classNames(classPrefix, "".concat(classPrefix, "-position-").concat(props.position))
|
|
7
7
|
});
|
|
@@ -23,7 +23,7 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
|
|
|
23
23
|
leftIn: /*#__PURE__*/ React.createElement(Search, null),
|
|
24
24
|
tag: false
|
|
25
25
|
});
|
|
26
|
-
export var SearchBar = function(props) {
|
|
26
|
+
export var SearchBar = function SearchBar(props) {
|
|
27
27
|
var classPrefix = 'nut-searchbar';
|
|
28
28
|
var locale = useConfig().locale;
|
|
29
29
|
var searchInputRef = useRef(null);
|
|
@@ -125,7 +125,7 @@ export var SearchBar = function(props) {
|
|
|
125
125
|
autoFocus,
|
|
126
126
|
forceFocus
|
|
127
127
|
]);
|
|
128
|
-
var renderField = function() {
|
|
128
|
+
var renderField = function renderField() {
|
|
129
129
|
var inputCls = classNames("".concat(classPrefix, "-input"));
|
|
130
130
|
return /*#__PURE__*/ React.createElement("input", _object_spread({
|
|
131
131
|
type: "search",
|
|
@@ -158,7 +158,7 @@ export var SearchBar = function(props) {
|
|
|
158
158
|
return /*#__PURE__*/ React.createElement("div", {
|
|
159
159
|
key: "def-".concat(index),
|
|
160
160
|
className: "nut-searchbar-value",
|
|
161
|
-
onClick: function(e) {
|
|
161
|
+
onClick: function onClick(e) {
|
|
162
162
|
return onItemClick === null || onItemClick === void 0 ? void 0 : onItemClick(item, e);
|
|
163
163
|
}
|
|
164
164
|
}, item, /*#__PURE__*/ React.createElement(Close, null));
|
|
@@ -7,9 +7,9 @@ import { usePropsValue } from "../../hooks/use-props-value";
|
|
|
7
7
|
import { mergeProps } from "../../utils/merge-props";
|
|
8
8
|
var defaultProps = {
|
|
9
9
|
options: [],
|
|
10
|
-
onChange: function(value) {}
|
|
10
|
+
onChange: function onChange(value) {}
|
|
11
11
|
};
|
|
12
|
-
export var Segmented = function(props) {
|
|
12
|
+
export var Segmented = function Segmented(props) {
|
|
13
13
|
var classPrefix = 'nut-segmented';
|
|
14
14
|
var itemClassPrefix = 'nut-segmented-item';
|
|
15
15
|
var mergedProps = mergeProps(defaultProps, props);
|
|
@@ -31,7 +31,7 @@ export var Segmented = function(props) {
|
|
|
31
31
|
return /*#__PURE__*/ React.createElement("div", {
|
|
32
32
|
className: classNames(itemClassPrefix, (_obj = {}, _define_property(_obj, "".concat(itemClassPrefix, "-active"), opt.value === value), _define_property(_obj, "".concat(opt.className), !!opt.className), _obj)),
|
|
33
33
|
key: opt.value,
|
|
34
|
-
onClick: function() {
|
|
34
|
+
onClick: function onClick() {
|
|
35
35
|
if (opt.disabled) return;
|
|
36
36
|
setValue(opt.value);
|
|
37
37
|
}
|
|
@@ -46,7 +46,7 @@ export var Segmented = function(props) {
|
|
|
46
46
|
return /*#__PURE__*/ React.createElement("div", {
|
|
47
47
|
className: classNames(itemClassPrefix, _define_property({}, "".concat(itemClassPrefix, "-active"), index === value)),
|
|
48
48
|
key: option.toString(),
|
|
49
|
-
onClick: function() {
|
|
49
|
+
onClick: function onClick() {
|
|
50
50
|
setValue(index);
|
|
51
51
|
}
|
|
52
52
|
}, option);
|
|
@@ -18,9 +18,9 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
|
|
|
18
18
|
length: 6,
|
|
19
19
|
autoFocus: false
|
|
20
20
|
});
|
|
21
|
-
export var InternalShortPassword = function(props, ref) {
|
|
21
|
+
export var InternalShortPassword = function InternalShortPassword(props, ref) {
|
|
22
22
|
var locale = useConfig().locale;
|
|
23
|
-
var
|
|
23
|
+
var _$_object_spread = _object_spread({}, defaultProps, props), title = _$_object_spread.title, description = _$_object_spread.description, tips = _$_object_spread.tips, outerVisible = _$_object_spread.visible, value = _$_object_spread.value, error = _$_object_spread.error, hideFooter = _$_object_spread.hideFooter, length = _$_object_spread.length, plain = _$_object_spread.plain, style = _$_object_spread.style, className = _$_object_spread.className, closeable = _$_object_spread.closeable, autoFocus = _$_object_spread.autoFocus, round = _$_object_spread.round, onFocus = _$_object_spread.onFocus, onChange = _$_object_spread.onChange, onConfirm = _$_object_spread.onConfirm, onTips = _$_object_spread.onTips, onCancel = _$_object_spread.onCancel, onClose = _$_object_spread.onClose, onComplete = _$_object_spread.onComplete, onOverlayClick = _$_object_spread.onOverlayClick, onCloseIconClick = _$_object_spread.onCloseIconClick, rest = _object_without_properties(_$_object_spread, [
|
|
24
24
|
"title",
|
|
25
25
|
"description",
|
|
26
26
|
"tips",
|
|
@@ -51,7 +51,7 @@ export var InternalShortPassword = function(props, ref) {
|
|
|
51
51
|
}, [
|
|
52
52
|
length
|
|
53
53
|
]);
|
|
54
|
-
var format = function(val) {
|
|
54
|
+
var format = function format(val) {
|
|
55
55
|
return val.slice(0, comLen);
|
|
56
56
|
};
|
|
57
57
|
var _usePropsValue = _sliced_to_array(usePropsValue({
|
|
@@ -59,15 +59,15 @@ export var InternalShortPassword = function(props, ref) {
|
|
|
59
59
|
defaultValue: false,
|
|
60
60
|
finalValue: false
|
|
61
61
|
}), 2), visible = _usePropsValue[0], setVisible = _usePropsValue[1];
|
|
62
|
-
var handleClose = function() {
|
|
62
|
+
var handleClose = function handleClose() {
|
|
63
63
|
onClose === null || onClose === void 0 ? void 0 : onClose();
|
|
64
64
|
setVisible(false);
|
|
65
65
|
};
|
|
66
66
|
var actions = {
|
|
67
|
-
open: function() {
|
|
67
|
+
open: function open() {
|
|
68
68
|
setVisible(true);
|
|
69
69
|
},
|
|
70
|
-
close: function() {
|
|
70
|
+
close: function close() {
|
|
71
71
|
setVisible(false);
|
|
72
72
|
}
|
|
73
73
|
};
|
|
@@ -94,7 +94,7 @@ export var InternalShortPassword = function(props, ref) {
|
|
|
94
94
|
}, [
|
|
95
95
|
value
|
|
96
96
|
]);
|
|
97
|
-
var sure = function() {
|
|
97
|
+
var sure = function sure() {
|
|
98
98
|
onConfirm && onConfirm(inputValue);
|
|
99
99
|
};
|
|
100
100
|
return /*#__PURE__*/ React.createElement(Popup, _object_spread({
|
|
@@ -16,7 +16,7 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
|
|
|
16
16
|
sidebarDuration: 0
|
|
17
17
|
});
|
|
18
18
|
var classPrefix = 'nut-sidebar';
|
|
19
|
-
export var SideBar = function(props) {
|
|
19
|
+
export var SideBar = function SideBar(props) {
|
|
20
20
|
var _mergeProps = mergeProps(defaultProps, props), contentDuration = _mergeProps.contentDuration, sidebarDuration = _mergeProps.sidebarDuration, children = _mergeProps.children, onClick = _mergeProps.onClick, onChange = _mergeProps.onChange, className = _mergeProps.className, rest = _object_without_properties(_mergeProps, [
|
|
21
21
|
"contentDuration",
|
|
22
22
|
"sidebarDuration",
|
|
@@ -33,7 +33,7 @@ export var SideBar = function(props) {
|
|
|
33
33
|
}), 2), value = _usePropsValue[0], setValue = _usePropsValue[1];
|
|
34
34
|
var titleItemsRef = useRef([]);
|
|
35
35
|
var navRef = useRef(null);
|
|
36
|
-
var scroll = function(nav, to) {
|
|
36
|
+
var scroll = function scroll(nav, to) {
|
|
37
37
|
var count = 0;
|
|
38
38
|
var from = nav.scrollTop;
|
|
39
39
|
var frames = sidebarDuration === 0 ? 1 : Math.round(sidebarDuration / 16);
|
|
@@ -45,7 +45,7 @@ export var SideBar = function(props) {
|
|
|
45
45
|
}
|
|
46
46
|
animate();
|
|
47
47
|
};
|
|
48
|
-
var scrollIntoView = function(index) {
|
|
48
|
+
var scrollIntoView = function scrollIntoView(index) {
|
|
49
49
|
var nav = navRef.current;
|
|
50
50
|
var titleItem = titleItemsRef.current;
|
|
51
51
|
var titlesLength = titles.current.length;
|
|
@@ -58,7 +58,7 @@ export var SideBar = function(props) {
|
|
|
58
58
|
var to = runTop - (nav.offsetHeight - title.offsetHeight) / 2 + title.offsetHeight;
|
|
59
59
|
scroll(nav, to);
|
|
60
60
|
};
|
|
61
|
-
var getTitles = function() {
|
|
61
|
+
var getTitles = function getTitles() {
|
|
62
62
|
var titles = [];
|
|
63
63
|
React.Children.forEach(children, function(child, idx) {
|
|
64
64
|
if (/*#__PURE__*/ React.isValidElement(child)) {
|
|
@@ -91,7 +91,7 @@ export var SideBar = function(props) {
|
|
|
91
91
|
]);
|
|
92
92
|
var classes = classNames(classPrefix, className);
|
|
93
93
|
var classesTitle = classNames("".concat(classPrefix, "-titles"), "".concat(classPrefix, "-titles-scrollable"));
|
|
94
|
-
var getContentStyle = function() {
|
|
94
|
+
var getContentStyle = function getContentStyle() {
|
|
95
95
|
var index = titles.current.findIndex(function(t) {
|
|
96
96
|
return t.value === value;
|
|
97
97
|
});
|
|
@@ -115,7 +115,7 @@ export var SideBar = function(props) {
|
|
|
115
115
|
}, [
|
|
116
116
|
value
|
|
117
117
|
]);
|
|
118
|
-
var tabChange = function(item) {
|
|
118
|
+
var tabChange = function tabChange(item) {
|
|
119
119
|
if (item.disabled) return;
|
|
120
120
|
onClick === null || onClick === void 0 ? void 0 : onClick(item.value);
|
|
121
121
|
setValue(item.value);
|
|
@@ -128,11 +128,11 @@ export var SideBar = function(props) {
|
|
|
128
128
|
}, titles.current.map(function(item) {
|
|
129
129
|
var _obj;
|
|
130
130
|
return /*#__PURE__*/ React.createElement("div", {
|
|
131
|
-
onClick: function() {
|
|
131
|
+
onClick: function onClick() {
|
|
132
132
|
tabChange(item);
|
|
133
133
|
},
|
|
134
134
|
className: classNames("".concat(classPrefix, "-titles-item"), (_obj = {}, _define_property(_obj, "".concat(classPrefix, "-titles-item-active"), !item.disabled && String(item.value) === String(value)), _define_property(_obj, "".concat(classPrefix, "-titles-item-disabled"), item.disabled), _obj)),
|
|
135
|
-
ref: function(ref) {
|
|
135
|
+
ref: function ref(ref) {
|
|
136
136
|
return titleItemsRef.current.push(ref);
|
|
137
137
|
},
|
|
138
138
|
key: item.value
|
|
@@ -6,7 +6,7 @@ var defaultProps = {
|
|
|
6
6
|
value: '',
|
|
7
7
|
disabled: false
|
|
8
8
|
};
|
|
9
|
-
export var SideBarItem = function(props) {
|
|
9
|
+
export var SideBarItem = function SideBarItem(props) {
|
|
10
10
|
var _mergeProps = mergeProps(defaultProps, props), children = _mergeProps.children, className = _mergeProps.className, disabled = _mergeProps.disabled;
|
|
11
11
|
var classPrefix = 'nut-sidebaritem';
|
|
12
12
|
var classes = classNames(classPrefix, {
|
|
@@ -12,9 +12,9 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
|
|
|
12
12
|
strokeStyle: 'var(--nutui-color-title, #1a1a1a)',
|
|
13
13
|
unsupported: ''
|
|
14
14
|
});
|
|
15
|
-
var InternalSignature = function(props, ref) {
|
|
15
|
+
var InternalSignature = function InternalSignature(props, ref) {
|
|
16
16
|
var locale = useConfig().locale;
|
|
17
|
-
var
|
|
17
|
+
var _$_object_spread = _object_spread({}, defaultProps, props), type = _$_object_spread.type, lineWidth = _$_object_spread.lineWidth, strokeStyle = _$_object_spread.strokeStyle, unsupported = _$_object_spread.unsupported, className = _$_object_spread.className, style = _$_object_spread.style, onConfirm = _$_object_spread.onConfirm, onClear = _$_object_spread.onClear, rest = _object_without_properties(_$_object_spread, [
|
|
18
18
|
"type",
|
|
19
19
|
"lineWidth",
|
|
20
20
|
"strokeStyle",
|
|
@@ -30,7 +30,7 @@ var InternalSignature = function(props, ref) {
|
|
|
30
30
|
var _useState = _sliced_to_array(useState(0), 2), canvasHeight = _useState[0], setCanvasHeight = _useState[1];
|
|
31
31
|
var _useState1 = _sliced_to_array(useState(0), 2), canvasWidth = _useState1[0], setCanvasWidth = _useState1[1];
|
|
32
32
|
var ctx = useRef(null);
|
|
33
|
-
var checkCanvas = function() {
|
|
33
|
+
var checkCanvas = function checkCanvas() {
|
|
34
34
|
var elem = document.createElement('canvas');
|
|
35
35
|
return !!(elem.getContext && elem.getContext('2d'));
|
|
36
36
|
};
|
|
@@ -61,7 +61,7 @@ var InternalSignature = function(props, ref) {
|
|
|
61
61
|
}, [
|
|
62
62
|
isCanvasSupported
|
|
63
63
|
]);
|
|
64
|
-
var startEventHandler = function(event) {
|
|
64
|
+
var startEventHandler = function startEventHandler(event) {
|
|
65
65
|
event.preventDefault();
|
|
66
66
|
isSignedRef.current = true;
|
|
67
67
|
if (ctx.current && canvasRef.current) {
|
|
@@ -73,12 +73,12 @@ var InternalSignature = function(props, ref) {
|
|
|
73
73
|
canvasRef.current.addEventListener(events[3], leaveEventHandler, false);
|
|
74
74
|
}
|
|
75
75
|
};
|
|
76
|
-
var addEvent = function() {
|
|
76
|
+
var addEvent = function addEvent() {
|
|
77
77
|
if (canvasRef.current) {
|
|
78
78
|
canvasRef.current.addEventListener(events[0], startEventHandler, false);
|
|
79
79
|
}
|
|
80
80
|
};
|
|
81
|
-
var moveEventHandler = function(event) {
|
|
81
|
+
var moveEventHandler = function moveEventHandler(event) {
|
|
82
82
|
event.preventDefault();
|
|
83
83
|
var evt = isSupportTouch ? event.touches[0] : event;
|
|
84
84
|
if (canvasRef.current && ctx.current) {
|
|
@@ -89,21 +89,21 @@ var InternalSignature = function(props, ref) {
|
|
|
89
89
|
ctx.current.stroke();
|
|
90
90
|
}
|
|
91
91
|
};
|
|
92
|
-
var endEventHandler = function(event) {
|
|
92
|
+
var endEventHandler = function endEventHandler1(event) {
|
|
93
93
|
event.preventDefault();
|
|
94
94
|
if (canvasRef.current) {
|
|
95
95
|
canvasRef.current.removeEventListener(events[1], moveEventHandler, false);
|
|
96
96
|
canvasRef.current.removeEventListener(events[2], endEventHandler, false);
|
|
97
97
|
}
|
|
98
98
|
};
|
|
99
|
-
var leaveEventHandler = function(event) {
|
|
99
|
+
var leaveEventHandler = function leaveEventHandler(event) {
|
|
100
100
|
event.preventDefault();
|
|
101
101
|
if (canvasRef.current) {
|
|
102
102
|
canvasRef.current.removeEventListener(events[1], moveEventHandler, false);
|
|
103
103
|
canvasRef.current.removeEventListener(events[2], endEventHandler, false);
|
|
104
104
|
}
|
|
105
105
|
};
|
|
106
|
-
var handleClearBtn = function() {
|
|
106
|
+
var handleClearBtn = function handleClearBtn() {
|
|
107
107
|
isSignedRef.current = false;
|
|
108
108
|
if (canvasRef.current && ctx.current) {
|
|
109
109
|
canvasRef.current.addEventListener(events[2], endEventHandler, false);
|
|
@@ -112,7 +112,7 @@ var InternalSignature = function(props, ref) {
|
|
|
112
112
|
}
|
|
113
113
|
onClear && onClear();
|
|
114
114
|
};
|
|
115
|
-
var onSave = function(canvas) {
|
|
115
|
+
var onSave = function onSave(canvas) {
|
|
116
116
|
var dataurl = '';
|
|
117
117
|
if (!isSignedRef.current) {
|
|
118
118
|
onConfirm && onConfirm(canvas, dataurl, isSignedRef.current);
|
|
@@ -132,10 +132,10 @@ var InternalSignature = function(props, ref) {
|
|
|
132
132
|
};
|
|
133
133
|
useImperativeHandle(ref, function() {
|
|
134
134
|
return {
|
|
135
|
-
confirm: function() {
|
|
135
|
+
confirm: function confirm() {
|
|
136
136
|
onSave(canvasRef.current);
|
|
137
137
|
},
|
|
138
|
-
clear: function() {
|
|
138
|
+
clear: function clear() {
|
|
139
139
|
handleClearBtn();
|
|
140
140
|
}
|
|
141
141
|
};
|
|
@@ -13,7 +13,7 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
|
|
|
13
13
|
shape: 'round',
|
|
14
14
|
duration: 0.6
|
|
15
15
|
});
|
|
16
|
-
export var Skeleton = function(props) {
|
|
16
|
+
export var Skeleton = function Skeleton(props) {
|
|
17
17
|
var shapeStyle = function shapeStyle() {
|
|
18
18
|
if (shape === 'circle') return {
|
|
19
19
|
borderRadius: '50%'
|
|
@@ -29,7 +29,7 @@ export var Skeleton = function(props) {
|
|
|
29
29
|
};
|
|
30
30
|
return {};
|
|
31
31
|
};
|
|
32
|
-
var
|
|
32
|
+
var _$_object_spread = _object_spread({}, defaultProps, props), className = _$_object_spread.className, width = _$_object_spread.width, height = _$_object_spread.height, shape = _$_object_spread.shape, animated = _$_object_spread.animated, rows = _$_object_spread.rows, visible = _$_object_spread.visible, size = _$_object_spread.size, duration = _$_object_spread.duration, children = _$_object_spread.children, rest = _object_without_properties(_$_object_spread, [
|
|
33
33
|
"className",
|
|
34
34
|
"width",
|
|
35
35
|
"height",
|
|
@@ -43,7 +43,7 @@ export var Skeleton = function(props) {
|
|
|
43
43
|
]);
|
|
44
44
|
var classPrefix = 'nut-skeleton';
|
|
45
45
|
var classes = classNames(classPrefix, className);
|
|
46
|
-
var repeatCount = function(num) {
|
|
46
|
+
var repeatCount = function repeatCount(num) {
|
|
47
47
|
return Array.from({
|
|
48
48
|
length: num
|
|
49
49
|
}, function(v, i) {
|
|
@@ -51,7 +51,7 @@ export var Skeleton = function(props) {
|
|
|
51
51
|
});
|
|
52
52
|
};
|
|
53
53
|
var _useState = _sliced_to_array(useState(false), 2), animate = _useState[0], setAnimate = _useState[1];
|
|
54
|
-
var playAnimation = function() {
|
|
54
|
+
var playAnimation = function playAnimation() {
|
|
55
55
|
setAnimate(false); // 首先将 animate 设置为 false
|
|
56
56
|
setTimeout(function() {
|
|
57
57
|
setAnimate(true); // 1 毫秒后再设置为 true,触发动画
|
|
@@ -6,7 +6,7 @@ var prefixCls = 'nut-space';
|
|
|
6
6
|
var defaultProps = {
|
|
7
7
|
direction: 'horizontal'
|
|
8
8
|
};
|
|
9
|
-
export var Space = function(props) {
|
|
9
|
+
export var Space = function Space(props) {
|
|
10
10
|
var _$_object_spread = _object_spread({}, defaultProps, props), className = _$_object_spread.className, style = _$_object_spread.style, children = _$_object_spread.children, wrap = _$_object_spread.wrap, align = _$_object_spread.align, direction = _$_object_spread.direction, justify = _$_object_spread.justify;
|
|
11
11
|
var _obj;
|
|
12
12
|
var cls = classNames(prefixCls, (_obj = {}, _define_property(_obj, "".concat(prefixCls, "-").concat(direction), direction), _define_property(_obj, "".concat(prefixCls, "-").concat(direction, "-wrap"), wrap), _define_property(_obj, "".concat(prefixCls, "-align-").concat(align), align), _define_property(_obj, "".concat(prefixCls, "-justify-").concat(justify), justify), _define_property(_obj, "".concat(className), className), _obj));
|
|
@@ -12,8 +12,8 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
|
|
|
12
12
|
value: 0,
|
|
13
13
|
icon: null
|
|
14
14
|
});
|
|
15
|
-
export var Step = function(props) {
|
|
16
|
-
var
|
|
15
|
+
export var Step = function Step(props) {
|
|
16
|
+
var _$_object_spread = _object_spread({}, defaultProps, props), type = _$_object_spread.type, children = _$_object_spread.children, title = _$_object_spread.title, description = _$_object_spread.description, value = _$_object_spread.value, icon = _$_object_spread.icon, className = _$_object_spread.className, restProps = _object_without_properties(_$_object_spread, [
|
|
17
17
|
"type",
|
|
18
18
|
"children",
|
|
19
19
|
"title",
|
|
@@ -14,7 +14,7 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
|
|
|
14
14
|
value: 0,
|
|
15
15
|
icon: null
|
|
16
16
|
});
|
|
17
|
-
export var Steps = function(props) {
|
|
17
|
+
export var Steps = function Steps(props) {
|
|
18
18
|
var propSteps = _object_spread({}, defaultProps, props);
|
|
19
19
|
var direction = propSteps.direction, value = propSteps.value, layout = propSteps.layout, status = propSteps.status, type = propSteps.type, className = propSteps.className, children = propSteps.children, onStepClick = propSteps.onStepClick, restProps = _object_without_properties(propSteps, [
|
|
20
20
|
"direction",
|
|
@@ -59,7 +59,7 @@ page {
|
|
|
59
59
|
padding-left: calc(4px * var(--nut-scale-f, 1));
|
|
60
60
|
}
|
|
61
61
|
.nut-steps-horizontal-single .nut-step-special {
|
|
62
|
-
padding-right: var(--nutui-steps-horizontal-item-special-padding-right, calc(22px * var(--nut-scale-f, 1)));
|
|
62
|
+
padding-right: var(--nutui-steps-horizontal-item-special-padding-right, calc(22px * var(--nut-scale-font, var(--nut-scale-f, 1))));
|
|
63
63
|
}
|
|
64
64
|
.nut-steps-horizontal-single .nut-step-special .nut-step-line {
|
|
65
65
|
width: 100%;
|
|
@@ -15,8 +15,8 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
|
|
|
15
15
|
zIndex: 900
|
|
16
16
|
});
|
|
17
17
|
var classPrefix = 'nut-sticky';
|
|
18
|
-
export var Sticky = function(props) {
|
|
19
|
-
var
|
|
18
|
+
export var Sticky = function Sticky(props) {
|
|
19
|
+
var _$_object_spread = _object_spread({}, defaultProps, props), position = _$_object_spread.position, zIndex = _$_object_spread.zIndex, children = _$_object_spread.children, container = _$_object_spread.container, style = _$_object_spread.style, className = _$_object_spread.className, threshold = _$_object_spread.threshold, onChange = _$_object_spread.onChange, rest = _object_without_properties(_$_object_spread, [
|
|
20
20
|
"position",
|
|
21
21
|
"zIndex",
|
|
22
22
|
"children",
|
|
@@ -84,7 +84,7 @@ export var Sticky = function(props) {
|
|
|
84
84
|
});
|
|
85
85
|
});
|
|
86
86
|
}
|
|
87
|
-
var getFixed = function() {
|
|
87
|
+
var getFixed = function getFixed() {
|
|
88
88
|
var fixed = false;
|
|
89
89
|
if (position === 'top') {
|
|
90
90
|
fixed = containerEle ? threshold > rootRect.top && containerRect.bottom > 0 : threshold > rootRect.top;
|
|
@@ -97,7 +97,7 @@ export var Sticky = function(props) {
|
|
|
97
97
|
fixed: fixed
|
|
98
98
|
};
|
|
99
99
|
};
|
|
100
|
-
var getTransform = function() {
|
|
100
|
+
var getTransform = function getTransform() {
|
|
101
101
|
if (position === 'top' && containerEle) {
|
|
102
102
|
var diff = containerRect.bottom - threshold - stickyRect.height;
|
|
103
103
|
var transform = diff < 0 ? diff : 0;
|
|
@@ -40,7 +40,7 @@ export var Swipe = /*#__PURE__*/ forwardRef(function(props, instanceRef) {
|
|
|
40
40
|
};
|
|
41
41
|
var leftWidth = actionWidth.left;
|
|
42
42
|
var rightWidth = actionWidth.right;
|
|
43
|
-
var onTouchStart = function(event) {
|
|
43
|
+
var onTouchStart = function onTouchStart(event) {
|
|
44
44
|
if (!props.disabled) {
|
|
45
45
|
var _props_onTouchStart;
|
|
46
46
|
startOffset.current = state.offset;
|
|
@@ -48,7 +48,7 @@ export var Swipe = /*#__PURE__*/ forwardRef(function(props, instanceRef) {
|
|
|
48
48
|
(_props_onTouchStart = props.onTouchStart) === null || _props_onTouchStart === void 0 ? void 0 : _props_onTouchStart.call(props, event);
|
|
49
49
|
}
|
|
50
50
|
};
|
|
51
|
-
var onTouchMove = function(event) {
|
|
51
|
+
var onTouchMove = function onTouchMove(event) {
|
|
52
52
|
var _props_onTouchMove;
|
|
53
53
|
if (props.disabled) {
|
|
54
54
|
return;
|
|
@@ -68,7 +68,7 @@ export var Swipe = /*#__PURE__*/ forwardRef(function(props, instanceRef) {
|
|
|
68
68
|
setState(newState);
|
|
69
69
|
}
|
|
70
70
|
};
|
|
71
|
-
var onTouchEnd = function(event) {
|
|
71
|
+
var onTouchEnd = function onTouchEnd(event) {
|
|
72
72
|
if (state.dragging) {
|
|
73
73
|
var _props_onTouchEnd;
|
|
74
74
|
setState(function(v) {
|
|
@@ -83,7 +83,7 @@ export var Swipe = /*#__PURE__*/ forwardRef(function(props, instanceRef) {
|
|
|
83
83
|
(_props_onTouchEnd = props.onTouchEnd) === null || _props_onTouchEnd === void 0 ? void 0 : _props_onTouchEnd.call(props, event);
|
|
84
84
|
}
|
|
85
85
|
};
|
|
86
|
-
var toggle = function(side) {
|
|
86
|
+
var toggle = function toggle(side) {
|
|
87
87
|
var offset = Math.abs(state.offset);
|
|
88
88
|
var base = 0.3;
|
|
89
89
|
var baseNum = opened.current ? 1 - base : base;
|
|
@@ -94,7 +94,7 @@ export var Swipe = /*#__PURE__*/ forwardRef(function(props, instanceRef) {
|
|
|
94
94
|
close(side);
|
|
95
95
|
}
|
|
96
96
|
};
|
|
97
|
-
var open = function(side) {
|
|
97
|
+
var open = function open(side) {
|
|
98
98
|
var _props_onOpen;
|
|
99
99
|
opened.current = true;
|
|
100
100
|
var offset = side === 'left' ? leftWidth : -rightWidth;
|
|
@@ -109,7 +109,7 @@ export var Swipe = /*#__PURE__*/ forwardRef(function(props, instanceRef) {
|
|
|
109
109
|
});
|
|
110
110
|
});
|
|
111
111
|
};
|
|
112
|
-
var close = function(position) {
|
|
112
|
+
var close = function close(position) {
|
|
113
113
|
if (opened.current) {
|
|
114
114
|
var _props_onClose;
|
|
115
115
|
opened.current = false;
|
|
@@ -124,10 +124,10 @@ export var Swipe = /*#__PURE__*/ forwardRef(function(props, instanceRef) {
|
|
|
124
124
|
});
|
|
125
125
|
});
|
|
126
126
|
};
|
|
127
|
-
var rangeCalculation = function(num, min, max) {
|
|
127
|
+
var rangeCalculation = function rangeCalculation(num, min, max) {
|
|
128
128
|
return Math.min(Math.max(Number(num), Number(min)), Number(max));
|
|
129
129
|
};
|
|
130
|
-
var getNodeWidth = function(node) {
|
|
130
|
+
var getNodeWidth = function getNodeWidth(node) {
|
|
131
131
|
if (node) {
|
|
132
132
|
var ele = getRect(node);
|
|
133
133
|
return ele.width;
|
|
@@ -158,19 +158,19 @@ export var Swipe = /*#__PURE__*/ forwardRef(function(props, instanceRef) {
|
|
|
158
158
|
}
|
|
159
159
|
}
|
|
160
160
|
}, []);
|
|
161
|
-
var renderActionContent = function(side, measuredRef) {
|
|
161
|
+
var renderActionContent = function renderActionContent(side, measuredRef) {
|
|
162
162
|
if (props["".concat(side, "Action")]) {
|
|
163
163
|
return /*#__PURE__*/ React.createElement("div", {
|
|
164
164
|
ref: measuredRef,
|
|
165
165
|
className: "".concat(classPrefix, "-").concat(side),
|
|
166
|
-
onClick: function(e) {
|
|
166
|
+
onClick: function onClick(e) {
|
|
167
167
|
return handleOperate(e, side);
|
|
168
168
|
}
|
|
169
169
|
}, props["".concat(side, "Action")]);
|
|
170
170
|
}
|
|
171
171
|
return null;
|
|
172
172
|
};
|
|
173
|
-
var handleOperate = function(event, position) {
|
|
173
|
+
var handleOperate = function handleOperate(event, position) {
|
|
174
174
|
event.stopPropagation();
|
|
175
175
|
if (props.beforeClose) {
|
|
176
176
|
props.beforeClose(position);
|
|
@@ -181,13 +181,13 @@ export var Swipe = /*#__PURE__*/ forwardRef(function(props, instanceRef) {
|
|
|
181
181
|
useImperativeHandle(instanceRef, function() {
|
|
182
182
|
return {
|
|
183
183
|
open: open,
|
|
184
|
-
close: function() {
|
|
184
|
+
close: function close1() {
|
|
185
185
|
return close();
|
|
186
186
|
}
|
|
187
187
|
};
|
|
188
188
|
});
|
|
189
189
|
useEffect(function() {
|
|
190
|
-
var handler = function(event) {
|
|
190
|
+
var handler = function handler(event) {
|
|
191
191
|
var targets = [
|
|
192
192
|
root
|
|
193
193
|
];
|
|
@@ -207,13 +207,13 @@ export var Swipe = /*#__PURE__*/ forwardRef(function(props, instanceRef) {
|
|
|
207
207
|
return /*#__PURE__*/ React.createElement("div", {
|
|
208
208
|
ref: root,
|
|
209
209
|
className: classNames(classPrefix, className),
|
|
210
|
-
onTouchStart: function(e) {
|
|
210
|
+
onTouchStart: function onTouchStart1(e) {
|
|
211
211
|
return onTouchStart(e);
|
|
212
212
|
},
|
|
213
|
-
onTouchMove: function(e) {
|
|
213
|
+
onTouchMove: function onTouchMove1(e) {
|
|
214
214
|
return onTouchMove(e);
|
|
215
215
|
},
|
|
216
|
-
onTouchEnd: function(e) {
|
|
216
|
+
onTouchEnd: function onTouchEnd1(e) {
|
|
217
217
|
return onTouchEnd(e);
|
|
218
218
|
},
|
|
219
219
|
style: style
|
|
@@ -2,7 +2,7 @@ import { _ as _define_property } from "@swc/helpers/_/_define_property";
|
|
|
2
2
|
import React from "react";
|
|
3
3
|
import { animated } from "@react-spring/web";
|
|
4
4
|
import { useRtl } from "../../configprovider";
|
|
5
|
-
var getPerSlidePosition = function(index, position, loop, count) {
|
|
5
|
+
var getPerSlidePosition = function getPerSlidePosition(index, position, loop, count) {
|
|
6
6
|
var currentPosition = index * 100 + position;
|
|
7
7
|
if (loop) {
|
|
8
8
|
var cycle = count * 100;
|
|
@@ -13,7 +13,7 @@ var getPerSlidePosition = function(index, position, loop, count) {
|
|
|
13
13
|
}
|
|
14
14
|
return "".concat(currentPosition, "%");
|
|
15
15
|
};
|
|
16
|
-
export var defaultEffect = function(args) {
|
|
16
|
+
export var defaultEffect = function defaultEffect(args) {
|
|
17
17
|
return React.Children.map(args.children, function(child, index) {
|
|
18
18
|
var isVertical = args.isVertical, getSpringsAxis = args.getSpringsAxis, loop = args.loop, count = args.count;
|
|
19
19
|
var rtl = useRtl();
|
|
@@ -4,7 +4,7 @@ import React, { useEffect } from "react";
|
|
|
4
4
|
import { animated } from "@react-spring/web";
|
|
5
5
|
import { getRefValue, useRefState } from "../../../hooks/use-ref-state";
|
|
6
6
|
import { useRtl } from "../../configprovider";
|
|
7
|
-
var getPerSlidePosition = function(index, position, loop, count) {
|
|
7
|
+
var getPerSlidePosition = function getPerSlidePosition(index, position, loop, count) {
|
|
8
8
|
var currentPosition = index * 100 + position;
|
|
9
9
|
if (loop) {
|
|
10
10
|
var cycle = count * 100;
|
|
@@ -15,7 +15,7 @@ var getPerSlidePosition = function(index, position, loop, count) {
|
|
|
15
15
|
}
|
|
16
16
|
return "".concat(currentPosition, "%");
|
|
17
17
|
};
|
|
18
|
-
export var focusEffect = function(args) {
|
|
18
|
+
export var focusEffect = function focusEffect(args) {
|
|
19
19
|
return React.Children.map(args.children, function(child, index) {
|
|
20
20
|
var rtl = useRtl();
|
|
21
21
|
var position = rtl ? 'right' : 'left';
|
|
@@ -43,7 +43,7 @@ export var focusEffect = function(args) {
|
|
|
43
43
|
}, child);
|
|
44
44
|
});
|
|
45
45
|
};
|
|
46
|
-
export var useList = function(effect, count, current) {
|
|
46
|
+
export var useList = function useList(effect, count, current) {
|
|
47
47
|
var _useRefState = _sliced_to_array(useRefState([]), 2), transforms = _useRefState[0], setTransforms = _useRefState[1];
|
|
48
48
|
useEffect(function() {
|
|
49
49
|
setTransforms(Array.from({
|
|
@@ -59,7 +59,7 @@ export var useList = function(effect, count, current) {
|
|
|
59
59
|
setTransforms
|
|
60
60
|
];
|
|
61
61
|
};
|
|
62
|
-
export var updateTransform = function(transforms, setTransforms, effect, page) {
|
|
62
|
+
export var updateTransform = function updateTransform(transforms, setTransforms, effect, page) {
|
|
63
63
|
setTransforms(getRefValue(transforms).map(function(s, index) {
|
|
64
64
|
return(// eslint-disable-next-line no-nested-ternary
|
|
65
65
|
page === index ? 1 : effect ? effect.scale : 1);
|