@nutui/nutui-react 3.0.14 → 3.0.16
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 +27 -0
- package/dist/cjs/packages/button/style/button.scss +3 -0
- package/dist/cjs/packages/button/style/style.css +3 -3
- package/dist/cjs/packages/button/style-jmapp/button.scss +3 -0
- package/dist/cjs/packages/button/style-jmapp/style.css +3 -3
- package/dist/cjs/packages/button/style-jrkf/button.scss +3 -0
- package/dist/cjs/packages/button/style-jrkf/style.css +3 -3
- package/dist/cjs/packages/calendarcard/calendarcard.js +10 -4
- package/dist/cjs/packages/calendaritem/calendaritem.d.ts +1 -1
- package/dist/cjs/packages/calendaritem/calendaritem.js +3 -3
- package/dist/cjs/packages/configprovider/types.d.ts +1 -1
- package/dist/cjs/packages/datepicker/utils.js +22 -37
- package/dist/cjs/packages/dialog/dialog.js +2 -7
- package/dist/cjs/packages/formitem/formitem.js +3 -3
- package/dist/cjs/packages/formitem/style/formitem.scss +14 -15
- package/dist/cjs/packages/formitem/style/style.css +9 -11
- package/dist/cjs/packages/formitem/style-jmapp/formitem.scss +14 -15
- package/dist/cjs/packages/formitem/style-jmapp/style.css +8 -10
- package/dist/cjs/packages/formitem/style-jrkf/formitem.scss +14 -15
- package/dist/cjs/packages/formitem/style-jrkf/style.css +8 -10
- package/dist/cjs/packages/imagepreview/imagepreview.js +23 -7
- package/dist/cjs/packages/noticebar/noticebar.js +66 -41
- package/dist/cjs/packages/overlay/style/overlay.scss +0 -1
- package/dist/cjs/packages/overlay/style/style.css +0 -1
- package/dist/cjs/packages/overlay/style-jmapp/overlay.scss +0 -1
- package/dist/cjs/packages/overlay/style-jmapp/style.css +0 -1
- package/dist/cjs/packages/overlay/style-jrkf/overlay.scss +0 -1
- package/dist/cjs/packages/overlay/style-jrkf/style.css +0 -1
- package/dist/cjs/types/spec/calendar/base.d.ts +3 -1
- package/dist/cjs/types/spec/calendarcard/base.d.ts +1 -0
- package/dist/cjs/types/spec/datepicker/base.d.ts +1 -1
- package/dist/cjs/types/spec/imagepreview/h5.d.ts +4 -1
- package/dist/cjs/types/spec/imagepreview/taro.d.ts +4 -1
- package/dist/cjs/utils/date.d.ts +2 -2
- package/dist/cjs/utils/date.js +2 -2
- package/dist/es/packages/button/style/button.scss +3 -0
- package/dist/es/packages/button/style/style.css +3 -3
- package/dist/es/packages/button/style-jmapp/button.scss +3 -0
- package/dist/es/packages/button/style-jmapp/style.css +3 -3
- package/dist/es/packages/button/style-jrkf/button.scss +3 -0
- package/dist/es/packages/button/style-jrkf/style.css +3 -3
- package/dist/es/packages/calendarcard/calendarcard.js +11 -5
- package/dist/es/packages/calendaritem/calendaritem.d.ts +1 -1
- package/dist/es/packages/calendaritem/calendaritem.js +3 -3
- package/dist/es/packages/configprovider/types.d.ts +1 -1
- package/dist/es/packages/datepicker/utils.js +22 -37
- package/dist/es/packages/dialog/dialog.js +2 -7
- package/dist/es/packages/formitem/formitem.js +3 -3
- package/dist/es/packages/formitem/style/formitem.scss +14 -15
- package/dist/es/packages/formitem/style/style.css +9 -11
- package/dist/es/packages/formitem/style-jmapp/formitem.scss +14 -15
- package/dist/es/packages/formitem/style-jmapp/style.css +8 -10
- package/dist/es/packages/formitem/style-jrkf/formitem.scss +14 -15
- package/dist/es/packages/formitem/style-jrkf/style.css +8 -10
- package/dist/es/packages/imagepreview/imagepreview.js +23 -7
- package/dist/es/packages/noticebar/noticebar.js +67 -42
- package/dist/es/packages/overlay/style/overlay.scss +0 -1
- package/dist/es/packages/overlay/style/style.css +0 -1
- package/dist/es/packages/overlay/style-jmapp/overlay.scss +0 -1
- package/dist/es/packages/overlay/style-jmapp/style.css +0 -1
- package/dist/es/packages/overlay/style-jrkf/overlay.scss +0 -1
- package/dist/es/packages/overlay/style-jrkf/style.css +0 -1
- package/dist/es/types/spec/calendar/base.d.ts +3 -1
- package/dist/es/types/spec/calendarcard/base.d.ts +4 -0
- package/dist/es/types/spec/datepicker/base.d.ts +1 -1
- package/dist/es/types/spec/imagepreview/h5.d.ts +4 -1
- package/dist/es/types/spec/imagepreview/taro.d.ts +4 -1
- package/dist/es/utils/date.d.ts +2 -2
- package/dist/es/utils/date.js +2 -2
- package/dist/nutui.react.umd.js +128 -104
- package/dist/style-jmapp.css +1 -1
- package/dist/style-jmapp.scss +28 -28
- package/dist/style-jrkf.css +1 -1
- package/dist/style-jrkf.scss +40 -40
- package/dist/style.css +1 -1
- package/dist/style.scss +31 -31
- package/dist/styles/variables.scss +1 -2
- package/package.json +1 -1
|
@@ -18,19 +18,25 @@
|
|
|
18
18
|
word-wrap: break-word;
|
|
19
19
|
text-align: $form-item-label-text-align;
|
|
20
20
|
line-height: unset;
|
|
21
|
-
}
|
|
22
21
|
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
22
|
+
&-left-required {
|
|
23
|
+
color: $form-item-required-color;
|
|
24
|
+
margin-right: $form-item-required-margin-right;
|
|
25
|
+
position: absolute;
|
|
26
|
+
left: -10px;
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
&-right-required {
|
|
30
|
+
color: $form-item-required-color;
|
|
31
|
+
margin-left: $form-item-required-margin-right;
|
|
32
|
+
position: absolute;
|
|
33
|
+
right: -10px;
|
|
34
|
+
}
|
|
29
35
|
}
|
|
30
36
|
|
|
31
37
|
.nut-form-item-labeltxt {
|
|
32
38
|
position: relative;
|
|
33
|
-
font-size:
|
|
39
|
+
font-size: $form-item-label-font-size;
|
|
34
40
|
}
|
|
35
41
|
|
|
36
42
|
&-body {
|
|
@@ -136,13 +142,6 @@
|
|
|
136
142
|
white-space: nowrap;
|
|
137
143
|
}
|
|
138
144
|
|
|
139
|
-
.nut-form-item-label-left-required {
|
|
140
|
-
display: block;
|
|
141
|
-
line-height: 1.5;
|
|
142
|
-
position: absolute;
|
|
143
|
-
left: 0.1em;
|
|
144
|
-
}
|
|
145
|
-
|
|
146
145
|
.nut-form-item-top {
|
|
147
146
|
flex-direction: column;
|
|
148
147
|
align-items: flex-start;
|
|
@@ -22,16 +22,21 @@
|
|
|
22
22
|
text-align: var(--nutui-form-item-label-text-align, left);
|
|
23
23
|
line-height: unset;
|
|
24
24
|
}
|
|
25
|
-
.nut-form-item-label-required {
|
|
25
|
+
.nut-form-item-label-left-required {
|
|
26
26
|
color: var(--nutui-form-item-required-color, var(--nutui-color-danger));
|
|
27
27
|
margin-right: var(--nutui-form-item-required-margin-right, 4px);
|
|
28
|
-
display: block;
|
|
29
28
|
position: absolute;
|
|
30
29
|
left: -10px;
|
|
31
30
|
}
|
|
31
|
+
.nut-form-item-label-right-required {
|
|
32
|
+
color: var(--nutui-form-item-required-color, var(--nutui-color-danger));
|
|
33
|
+
margin-left: var(--nutui-form-item-required-margin-right, 4px);
|
|
34
|
+
position: absolute;
|
|
35
|
+
right: -10px;
|
|
36
|
+
}
|
|
32
37
|
.nut-form-item .nut-form-item-labeltxt {
|
|
33
38
|
position: relative;
|
|
34
|
-
font-size:
|
|
39
|
+
font-size: var(--nutui-form-item-label-font-size, var(--nutui-font-text));
|
|
35
40
|
}
|
|
36
41
|
.nut-form-item-body {
|
|
37
42
|
flex: 1;
|
|
@@ -121,13 +126,6 @@
|
|
|
121
126
|
white-space: nowrap;
|
|
122
127
|
}
|
|
123
128
|
|
|
124
|
-
.nut-form-item-label-left-required {
|
|
125
|
-
display: block;
|
|
126
|
-
line-height: 1.5;
|
|
127
|
-
position: absolute;
|
|
128
|
-
left: 0.1em;
|
|
129
|
-
}
|
|
130
|
-
|
|
131
129
|
.nut-form-item-top {
|
|
132
130
|
flex-direction: column;
|
|
133
131
|
align-items: flex-start;
|
|
@@ -18,19 +18,25 @@
|
|
|
18
18
|
word-wrap: break-word;
|
|
19
19
|
text-align: $form-item-label-text-align;
|
|
20
20
|
line-height: unset;
|
|
21
|
-
}
|
|
22
21
|
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
22
|
+
&-left-required {
|
|
23
|
+
color: $form-item-required-color;
|
|
24
|
+
margin-right: $form-item-required-margin-right;
|
|
25
|
+
position: absolute;
|
|
26
|
+
left: -10px;
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
&-right-required {
|
|
30
|
+
color: $form-item-required-color;
|
|
31
|
+
margin-left: $form-item-required-margin-right;
|
|
32
|
+
position: absolute;
|
|
33
|
+
right: -10px;
|
|
34
|
+
}
|
|
29
35
|
}
|
|
30
36
|
|
|
31
37
|
.nut-form-item-labeltxt {
|
|
32
38
|
position: relative;
|
|
33
|
-
font-size:
|
|
39
|
+
font-size: $form-item-label-font-size;
|
|
34
40
|
}
|
|
35
41
|
|
|
36
42
|
&-body {
|
|
@@ -136,13 +142,6 @@
|
|
|
136
142
|
white-space: nowrap;
|
|
137
143
|
}
|
|
138
144
|
|
|
139
|
-
.nut-form-item-label-left-required {
|
|
140
|
-
display: block;
|
|
141
|
-
line-height: 1.5;
|
|
142
|
-
position: absolute;
|
|
143
|
-
left: 0.1em;
|
|
144
|
-
}
|
|
145
|
-
|
|
146
145
|
.nut-form-item-top {
|
|
147
146
|
flex-direction: column;
|
|
148
147
|
align-items: flex-start;
|
|
@@ -22,16 +22,21 @@
|
|
|
22
22
|
text-align: var(--nutui-form-item-label-text-align, left);
|
|
23
23
|
line-height: unset;
|
|
24
24
|
}
|
|
25
|
-
.nut-form-item-label-required {
|
|
25
|
+
.nut-form-item-label-left-required {
|
|
26
26
|
color: var(--nutui-form-item-required-color, var(--nutui-color-danger));
|
|
27
27
|
margin-right: var(--nutui-form-item-required-margin-right, 4px);
|
|
28
|
-
display: block;
|
|
29
28
|
position: absolute;
|
|
30
29
|
left: -10px;
|
|
31
30
|
}
|
|
31
|
+
.nut-form-item-label-right-required {
|
|
32
|
+
color: var(--nutui-form-item-required-color, var(--nutui-color-danger));
|
|
33
|
+
margin-left: var(--nutui-form-item-required-margin-right, 4px);
|
|
34
|
+
position: absolute;
|
|
35
|
+
right: -10px;
|
|
36
|
+
}
|
|
32
37
|
.nut-form-item .nut-form-item-labeltxt {
|
|
33
38
|
position: relative;
|
|
34
|
-
font-size:
|
|
39
|
+
font-size: var(--nutui-form-item-label-font-size, var(--nutui-font-text));
|
|
35
40
|
}
|
|
36
41
|
.nut-form-item-body {
|
|
37
42
|
flex: 1;
|
|
@@ -121,13 +126,6 @@
|
|
|
121
126
|
white-space: nowrap;
|
|
122
127
|
}
|
|
123
128
|
|
|
124
|
-
.nut-form-item-label-left-required {
|
|
125
|
-
display: block;
|
|
126
|
-
line-height: 1.5;
|
|
127
|
-
position: absolute;
|
|
128
|
-
left: 0.1em;
|
|
129
|
-
}
|
|
130
|
-
|
|
131
129
|
.nut-form-item-top {
|
|
132
130
|
flex-direction: column;
|
|
133
131
|
align-items: flex-start;
|
|
@@ -12,6 +12,7 @@ var _interop_require_default = require("@swc/helpers/_/_interop_require_default"
|
|
|
12
12
|
var _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
|
|
13
13
|
var _object_spread = require("@swc/helpers/_/_object_spread");
|
|
14
14
|
var _object_spread_props = require("@swc/helpers/_/_object_spread_props");
|
|
15
|
+
var _object_without_properties = require("@swc/helpers/_/_object_without_properties");
|
|
15
16
|
var _sliced_to_array = require("@swc/helpers/_/_sliced_to_array");
|
|
16
17
|
var _to_consumable_array = require("@swc/helpers/_/_to_consumable_array");
|
|
17
18
|
var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
|
|
@@ -24,6 +25,7 @@ var _swiper = /*#__PURE__*/ _interop_require_default._(require("../swiper"));
|
|
|
24
25
|
var _swiperitem = /*#__PURE__*/ _interop_require_default._(require("../swiperitem"));
|
|
25
26
|
var _typings = require("../../utils/typings");
|
|
26
27
|
var _usepropsvalue = require("../../hooks/use-props-value");
|
|
28
|
+
var _utils = require("../../utils");
|
|
27
29
|
var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typings.ComponentDefaults), {
|
|
28
30
|
images: [],
|
|
29
31
|
videos: [],
|
|
@@ -40,7 +42,24 @@ var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typing
|
|
|
40
42
|
onClose: function onClose() {}
|
|
41
43
|
});
|
|
42
44
|
var ImagePreview = function ImagePreview(props) {
|
|
43
|
-
var
|
|
45
|
+
var _mergeProps = (0, _utils.mergeProps)(defaultProps, props), value = _mergeProps.value, className = _mergeProps.className, style = _mergeProps.style, images = _mergeProps.images, videos = _mergeProps.videos, visible = _mergeProps.visible, defaultValue = _mergeProps.defaultValue, indicatorColor = _mergeProps.indicatorColor, pagination = _mergeProps.pagination, indicator = _mergeProps.indicator, autoPlay = _mergeProps.autoPlay, closeOnContentClick = _mergeProps.closeOnContentClick, closeIcon = _mergeProps.closeIcon, closeIconPosition = _mergeProps.closeIconPosition, onClose = _mergeProps.onClose, onChange = _mergeProps.onChange, rest = (0, _object_without_properties._)(_mergeProps, [
|
|
46
|
+
"value",
|
|
47
|
+
"className",
|
|
48
|
+
"style",
|
|
49
|
+
"images",
|
|
50
|
+
"videos",
|
|
51
|
+
"visible",
|
|
52
|
+
"defaultValue",
|
|
53
|
+
"indicatorColor",
|
|
54
|
+
"pagination",
|
|
55
|
+
"indicator",
|
|
56
|
+
"autoPlay",
|
|
57
|
+
"closeOnContentClick",
|
|
58
|
+
"closeIcon",
|
|
59
|
+
"closeIconPosition",
|
|
60
|
+
"onClose",
|
|
61
|
+
"onChange"
|
|
62
|
+
]);
|
|
44
63
|
var classPrefix = 'nut-imagepreview';
|
|
45
64
|
var ref = (0, _react.useRef)(null);
|
|
46
65
|
var _usePropsValue = (0, _sliced_to_array._)((0, _usepropsvalue.usePropsValue)({
|
|
@@ -179,21 +198,18 @@ var ImagePreview = function ImagePreview(props) {
|
|
|
179
198
|
style: style,
|
|
180
199
|
ref: ref,
|
|
181
200
|
onTouchStart: onTouchStart
|
|
182
|
-
}, showPop && /*#__PURE__*/ _react.default.createElement(_swiper.default, {
|
|
183
|
-
|
|
184
|
-
duration: duration,
|
|
201
|
+
}, showPop && /*#__PURE__*/ _react.default.createElement(_swiper.default, (0, _object_spread._)({
|
|
202
|
+
autoplay: !!duration,
|
|
185
203
|
className: "".concat(classPrefix, "-swiper"),
|
|
186
|
-
loop: true,
|
|
187
204
|
style: {
|
|
188
205
|
'--nutui-indicator-color': indicatorColor
|
|
189
206
|
},
|
|
190
|
-
direction: "horizontal",
|
|
191
207
|
onChange: function onChange(page) {
|
|
192
208
|
return slideChangeEnd(page);
|
|
193
209
|
},
|
|
194
210
|
defaultValue: innerNo > maxNo ? maxNo - 1 : innerNo - 1,
|
|
195
211
|
indicator: indicator
|
|
196
|
-
}, (0, _to_consumable_array._)(videos.map(function(item) {
|
|
212
|
+
}, rest), (0, _to_consumable_array._)(videos.map(function(item) {
|
|
197
213
|
return {
|
|
198
214
|
type: 'video',
|
|
199
215
|
data: item
|
|
@@ -14,6 +14,7 @@ var _define_property = require("@swc/helpers/_/_define_property");
|
|
|
14
14
|
var _object_spread = require("@swc/helpers/_/_object_spread");
|
|
15
15
|
var _object_spread_props = require("@swc/helpers/_/_object_spread_props");
|
|
16
16
|
var _sliced_to_array = require("@swc/helpers/_/_sliced_to_array");
|
|
17
|
+
var _to_consumable_array = require("@swc/helpers/_/_to_consumable_array");
|
|
17
18
|
var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
|
|
18
19
|
var _iconsreact = require("@nutui/icons-react");
|
|
19
20
|
var _classnames = /*#__PURE__*/ _interop_require_default._(require("classnames"));
|
|
@@ -57,9 +58,10 @@ var NoticeBar = function NoticeBar(props) {
|
|
|
57
58
|
var _useState8 = (0, _sliced_to_array._)((0, _react.useState)(null), 2), isCanScroll = _useState8[0], SetIsCanScroll = _useState8[1];
|
|
58
59
|
var isVertical = direction === 'vertical';
|
|
59
60
|
var _useState9 = (0, _sliced_to_array._)((0, _react.useState)(null), 2), rect = _useState9[0], setRect = _useState9[1];
|
|
60
|
-
var
|
|
61
|
+
var activeRef = (0, _react.useRef)(0);
|
|
61
62
|
var _useState10 = (0, _sliced_to_array._)((0, _react.useState)(false), 2), ready = _useState10[0], setReady = _useState10[1];
|
|
62
63
|
var container = (0, _react.useRef)(null);
|
|
64
|
+
var _useState11 = (0, _sliced_to_array._)((0, _react.useState)(false), 2), isContainerReady = _useState11[0], setIsContainerReady = _useState11[1];
|
|
63
65
|
var innerRef = (0, _react.useRef)(null);
|
|
64
66
|
var swiperRef = (0, _react.useRef)({
|
|
65
67
|
moving: false,
|
|
@@ -69,8 +71,8 @@ var NoticeBar = function NoticeBar(props) {
|
|
|
69
71
|
offset: 0,
|
|
70
72
|
size: 0
|
|
71
73
|
});
|
|
72
|
-
var
|
|
73
|
-
var
|
|
74
|
+
var _useState12 = (0, _sliced_to_array._)((0, _react.useState)([]), 2), childOffset = _useState12[0], setChildOffset = _useState12[1];
|
|
75
|
+
var _useState13 = (0, _sliced_to_array._)((0, _react.useState)(0), 2), offset = _useState13[0], setOffset = _useState13[1];
|
|
74
76
|
var _useMemo = (0, _react.useMemo)(function() {
|
|
75
77
|
var childCount = 0;
|
|
76
78
|
var childs = _react.default.Children.map(children, function(child) {
|
|
@@ -110,7 +112,9 @@ var NoticeBar = function NoticeBar(props) {
|
|
|
110
112
|
// 销毁事件
|
|
111
113
|
clearInterval(timer);
|
|
112
114
|
};
|
|
113
|
-
}, [
|
|
115
|
+
}, [
|
|
116
|
+
childs
|
|
117
|
+
]);
|
|
114
118
|
(0, _react.useEffect)(function() {
|
|
115
119
|
initScrollWrap(content);
|
|
116
120
|
}, [
|
|
@@ -208,24 +212,24 @@ var NoticeBar = function NoticeBar(props) {
|
|
|
208
212
|
};
|
|
209
213
|
// 垂直自定义滚动方式
|
|
210
214
|
var init = function init() {
|
|
211
|
-
var
|
|
215
|
+
var activeIndex = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 0;
|
|
212
216
|
var rects = (0, _getrect.getRect)(container === null || container === void 0 ? void 0 : container.current);
|
|
213
|
-
var _active = Math.max(Math.min(childCount - 1,
|
|
217
|
+
var _active = Math.max(Math.min(childCount - 1, activeIndex), 0);
|
|
214
218
|
var _height = rects.height;
|
|
215
219
|
trackSize = childCount * Number(_height);
|
|
216
220
|
var targetOffset = getOffset(_active);
|
|
217
|
-
|
|
218
|
-
if (ready) {
|
|
219
|
-
swiperRef.current.moving = false;
|
|
220
|
-
}
|
|
221
|
-
active = _active;
|
|
221
|
+
activeRef.current = _active;
|
|
222
222
|
setRect(rects);
|
|
223
223
|
setOffset(targetOffset);
|
|
224
|
+
setChildOffset(new Array(childCount).fill(0));
|
|
225
|
+
// 关闭动画并立即设置样式
|
|
226
|
+
swiperRef.current.moving = true;
|
|
227
|
+
setStyle(targetOffset, rects);
|
|
228
|
+
swiperRef.current.moving = false;
|
|
224
229
|
setReady(true);
|
|
225
230
|
};
|
|
226
231
|
(0, _react.useEffect)(function() {
|
|
227
232
|
if (ready) {
|
|
228
|
-
stopAutoPlay();
|
|
229
233
|
autoplay();
|
|
230
234
|
}
|
|
231
235
|
return function() {
|
|
@@ -235,18 +239,19 @@ var NoticeBar = function NoticeBar(props) {
|
|
|
235
239
|
ready
|
|
236
240
|
]);
|
|
237
241
|
(0, _react.useEffect)(function() {
|
|
238
|
-
if (isVertical && children) {
|
|
239
|
-
init();
|
|
242
|
+
if (isVertical && children && isContainerReady) {
|
|
240
243
|
stopAutoPlay();
|
|
241
|
-
|
|
244
|
+
setReady(false);
|
|
245
|
+
init();
|
|
242
246
|
}
|
|
243
247
|
}, [
|
|
244
248
|
children,
|
|
245
|
-
|
|
249
|
+
isContainerReady
|
|
246
250
|
]);
|
|
247
251
|
// 清除定时器
|
|
248
252
|
var stopAutoPlay = function stopAutoPlay() {
|
|
249
253
|
clearTimeout(swiperRef.current.autoplayTimer);
|
|
254
|
+
swiperRef.current.moving = false;
|
|
250
255
|
swiperRef.current.autoplayTimer = null;
|
|
251
256
|
};
|
|
252
257
|
// 定时轮播
|
|
@@ -266,22 +271,25 @@ var NoticeBar = function NoticeBar(props) {
|
|
|
266
271
|
// 父级容器偏移量
|
|
267
272
|
var targetOffset = getOffset(targetActive, offset);
|
|
268
273
|
// 循环滚动,调整开头结尾图片位置
|
|
269
|
-
|
|
270
|
-
var
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
274
|
+
setChildOffset(function(prevChildOffset) {
|
|
275
|
+
var newChildOffset = (0, _to_consumable_array._)(prevChildOffset);
|
|
276
|
+
if (Array.isArray(children) && children[0] && targetOffset !== minOffset) {
|
|
277
|
+
var rightBound = targetOffset < minOffset;
|
|
278
|
+
newChildOffset[0] = rightBound ? trackSize : 0;
|
|
279
|
+
}
|
|
280
|
+
if (Array.isArray(children) && children[childCount - 1] && targetOffset !== 0) {
|
|
281
|
+
var leftBound = targetOffset > 0;
|
|
282
|
+
newChildOffset[childCount - 1] = leftBound ? -trackSize : 0;
|
|
283
|
+
}
|
|
284
|
+
return newChildOffset;
|
|
285
|
+
});
|
|
286
|
+
activeRef.current = targetActive;
|
|
279
287
|
setOffset(targetOffset);
|
|
280
|
-
|
|
288
|
+
setStyle(targetOffset);
|
|
281
289
|
};
|
|
282
290
|
// 下一页
|
|
283
291
|
var next = function next() {
|
|
284
|
-
|
|
292
|
+
resetPosition();
|
|
285
293
|
requestFrame(function() {
|
|
286
294
|
requestFrame(function() {
|
|
287
295
|
swiperRef.current.moving = false;
|
|
@@ -294,18 +302,19 @@ var NoticeBar = function NoticeBar(props) {
|
|
|
294
302
|
var handleItemClick = function handleItemClick(event, value) {
|
|
295
303
|
onItemClick && onItemClick(event, value);
|
|
296
304
|
};
|
|
297
|
-
var
|
|
298
|
-
var moveOffset = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : offset;
|
|
305
|
+
var setStyle = function setStyle() {
|
|
306
|
+
var moveOffset = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : offset, currentRect = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : rect;
|
|
299
307
|
var target = innerRef.current;
|
|
300
308
|
if (!target) {
|
|
301
309
|
return;
|
|
302
310
|
}
|
|
303
311
|
var _offset = 0;
|
|
304
|
-
//
|
|
305
|
-
var
|
|
306
|
-
|
|
312
|
+
// 使用传入的 currentRect 或状态中的 rect
|
|
313
|
+
var containerHeight = (currentRect === null || currentRect === void 0 ? void 0 : currentRect.height) || height;
|
|
314
|
+
var val = containerHeight - Number(height);
|
|
315
|
+
_offset = moveOffset + Number(activeRef.current === childCount - 1 && val / 2);
|
|
307
316
|
target.style.transitionDuration = "".concat(swiperRef.current.moving ? 0 : duration, "ms");
|
|
308
|
-
target.style.height = "".concat(Number(height) * childCount, "px");
|
|
317
|
+
target.style.height = "".concat(Number(height) * (childCount + 1), "px");
|
|
309
318
|
target.style.transform = "translate3D(0,".concat(_offset, "px,0)");
|
|
310
319
|
};
|
|
311
320
|
// 无缝滚动第一个元素位移控制
|
|
@@ -323,11 +332,12 @@ var NoticeBar = function NoticeBar(props) {
|
|
|
323
332
|
};
|
|
324
333
|
// 确定当前active 元素
|
|
325
334
|
var getActive = function getActive(pace) {
|
|
335
|
+
var currentActive = activeRef.current;
|
|
326
336
|
if (pace) {
|
|
327
|
-
var _active =
|
|
337
|
+
var _active = currentActive + pace;
|
|
328
338
|
return range(_active, -1, childCount);
|
|
329
339
|
}
|
|
330
|
-
return
|
|
340
|
+
return currentActive;
|
|
331
341
|
};
|
|
332
342
|
// 计算位移
|
|
333
343
|
var getOffset = function getOffset(active) {
|
|
@@ -345,14 +355,15 @@ var NoticeBar = function NoticeBar(props) {
|
|
|
345
355
|
return Math.min(Math.max(num, min), max);
|
|
346
356
|
};
|
|
347
357
|
// 重置首尾位置信息
|
|
348
|
-
var
|
|
358
|
+
var resetPosition = function resetPosition() {
|
|
359
|
+
var currentActive = activeRef.current;
|
|
349
360
|
swiperRef.current.moving = true;
|
|
350
|
-
if (
|
|
361
|
+
if (currentActive <= -1) {
|
|
351
362
|
move({
|
|
352
363
|
pace: childCount
|
|
353
364
|
});
|
|
354
365
|
}
|
|
355
|
-
if (
|
|
366
|
+
if (currentActive >= childCount) {
|
|
356
367
|
move({
|
|
357
368
|
pace: -childCount
|
|
358
369
|
});
|
|
@@ -366,6 +377,20 @@ var NoticeBar = function NoticeBar(props) {
|
|
|
366
377
|
stopAutoPlay();
|
|
367
378
|
};
|
|
368
379
|
}, []);
|
|
380
|
+
var hasVerticalContent = (0, _react.useMemo)(function() {
|
|
381
|
+
if (!isVertical) return false;
|
|
382
|
+
if (children) return (childs === null || childs === void 0 ? void 0 : childs.length) > 0;
|
|
383
|
+
return (list === null || list === void 0 ? void 0 : list.length) > 0;
|
|
384
|
+
}, [
|
|
385
|
+
isVertical,
|
|
386
|
+
childs,
|
|
387
|
+
list,
|
|
388
|
+
children
|
|
389
|
+
]);
|
|
390
|
+
var containerRefCallback = (0, _react.useCallback)(function(ref) {
|
|
391
|
+
container.current = ref;
|
|
392
|
+
setIsContainerReady(true);
|
|
393
|
+
}, []);
|
|
369
394
|
return /*#__PURE__*/ _react.default.createElement("div", {
|
|
370
395
|
className: cls,
|
|
371
396
|
style: style
|
|
@@ -391,10 +416,10 @@ var NoticeBar = function NoticeBar(props) {
|
|
|
391
416
|
}, rightIcon || /*#__PURE__*/ _react.default.createElement(_iconsreact.Close, {
|
|
392
417
|
width: 12,
|
|
393
418
|
height: 12
|
|
394
|
-
})) : null) : null, showNoticeBar &&
|
|
419
|
+
})) : null) : null, showNoticeBar && hasVerticalContent && isVertical ? /*#__PURE__*/ _react.default.createElement("div", {
|
|
395
420
|
className: "nut-noticebar-vertical",
|
|
396
421
|
style: barStyle,
|
|
397
|
-
ref:
|
|
422
|
+
ref: containerRefCallback,
|
|
398
423
|
onClick: handleClick
|
|
399
424
|
}, leftIcon ? /*#__PURE__*/ _react.default.createElement("div", {
|
|
400
425
|
className: "nut-noticebar-box-left-icon"
|
|
@@ -4,6 +4,8 @@ import { BaseProps } from '../../base/props';
|
|
|
4
4
|
export interface CalendarDay {
|
|
5
5
|
day: SimpleValue;
|
|
6
6
|
type: string;
|
|
7
|
+
month?: SimpleValue;
|
|
8
|
+
year?: SimpleValue;
|
|
7
9
|
}
|
|
8
10
|
export interface CalendarMonthInfo {
|
|
9
11
|
curData: string[] | string;
|
|
@@ -43,7 +45,7 @@ export interface BaseCalendar {
|
|
|
43
45
|
renderDayBottom?: (date: CalendarDay) => string | JSX.Element;
|
|
44
46
|
onClose: () => void;
|
|
45
47
|
onConfirm: (param: string) => void;
|
|
46
|
-
onDayClick: (data: string) => void;
|
|
48
|
+
onDayClick: (data: string[]) => void;
|
|
47
49
|
onPageChange: (param: string) => void;
|
|
48
50
|
}
|
|
49
51
|
export interface BaseCalendarItem extends BaseProps {
|
|
@@ -5,7 +5,7 @@ export interface BaseDatePicker extends BaseProps {
|
|
|
5
5
|
defaultValue?: Date;
|
|
6
6
|
visible: boolean;
|
|
7
7
|
title: string;
|
|
8
|
-
type: 'date' | 'time' | 'year-month' | 'month-day' | 'datehour' | 'datetime' | 'hour-minutes';
|
|
8
|
+
type: 'date' | 'time' | 'year-month' | 'month-day' | 'datehour' | 'datetime' | 'hour-minutes' | '';
|
|
9
9
|
showChinese: boolean;
|
|
10
10
|
minuteStep: number;
|
|
11
11
|
startDate: Date;
|
|
@@ -1,3 +1,6 @@
|
|
|
1
1
|
import { BaseImagePreview } from './base';
|
|
2
|
-
|
|
2
|
+
import { WebSwiperProps } from "../../../types";
|
|
3
|
+
type props = BaseImagePreview & Omit<WebSwiperProps, 'autoPlay' | 'indicator'>;
|
|
4
|
+
export interface WebImagePreviewProps extends Omit<props, 'autoplay'> {
|
|
3
5
|
}
|
|
6
|
+
export {};
|
|
@@ -1,5 +1,8 @@
|
|
|
1
1
|
import { BaseImagePreview } from './base';
|
|
2
|
-
|
|
2
|
+
import { TaroSwiperProps } from "../../../types";
|
|
3
|
+
type props = Omit<BaseImagePreview, 'autoPlay'> & Omit<TaroSwiperProps, 'autoPlay' | 'autoplay' | 'indicator'>;
|
|
4
|
+
export interface TaroImagePreviewProps extends props {
|
|
3
5
|
autoPlay: boolean;
|
|
4
6
|
showMenuByLongpress: boolean;
|
|
5
7
|
}
|
|
8
|
+
export {};
|
package/dist/cjs/utils/date.d.ts
CHANGED
|
@@ -60,6 +60,6 @@ export declare const getDaysStatus: (type: string, year: number, month: number)
|
|
|
60
60
|
export declare const getPreMonthDates: (type: string, year: number, month: number, firstDayOfWeek: number) => {
|
|
61
61
|
day: number;
|
|
62
62
|
type: string;
|
|
63
|
-
|
|
64
|
-
|
|
63
|
+
year: number;
|
|
64
|
+
month: number;
|
|
65
65
|
}[];
|
package/dist/cjs/utils/date.js
CHANGED
|
@@ -250,8 +250,8 @@ var getPreMonthDates = function getPreMonthDates(type, year, month, firstDayOfWe
|
|
|
250
250
|
return {
|
|
251
251
|
day: k + 1,
|
|
252
252
|
type: type,
|
|
253
|
-
|
|
254
|
-
|
|
253
|
+
year: preYear,
|
|
254
|
+
month: preMonth
|
|
255
255
|
};
|
|
256
256
|
});
|
|
257
257
|
return months.slice(preDates - days);
|
|
@@ -286,6 +286,7 @@
|
|
|
286
286
|
color: $button-success-color;
|
|
287
287
|
}
|
|
288
288
|
|
|
289
|
+
&-disabled,
|
|
289
290
|
&-solid-disabled {
|
|
290
291
|
background: $button-success-disabled;
|
|
291
292
|
border-color: $button-success-disabled;
|
|
@@ -320,6 +321,7 @@
|
|
|
320
321
|
color: $button-info-color;
|
|
321
322
|
}
|
|
322
323
|
|
|
324
|
+
&-disabled,
|
|
323
325
|
&-solid-disabled {
|
|
324
326
|
background: $button-info-disabled;
|
|
325
327
|
border-color: $button-info-disabled;
|
|
@@ -354,6 +356,7 @@
|
|
|
354
356
|
color: $button-danger-color;
|
|
355
357
|
}
|
|
356
358
|
|
|
359
|
+
&-disabled,
|
|
357
360
|
&-solid-disabled {
|
|
358
361
|
background: $button-danger-disabled;
|
|
359
362
|
border-color: $button-danger-disabled;
|
|
@@ -239,7 +239,7 @@
|
|
|
239
239
|
.nut-button-success-children {
|
|
240
240
|
color: var(--nutui-button-success-color, #ffffff);
|
|
241
241
|
}
|
|
242
|
-
.nut-button-success-solid-disabled {
|
|
242
|
+
.nut-button-success-disabled, .nut-button-success-solid-disabled {
|
|
243
243
|
background: var(--nutui-button-success-disabled, var(--nutui-color-success-disabled, #b2f0ae));
|
|
244
244
|
border-color: var(--nutui-button-success-disabled, var(--nutui-color-success-disabled, #b2f0ae));
|
|
245
245
|
}
|
|
@@ -266,7 +266,7 @@
|
|
|
266
266
|
.nut-button-info-children {
|
|
267
267
|
color: var(--nutui-button-info-color, #ffffff);
|
|
268
268
|
}
|
|
269
|
-
.nut-button-info-solid-disabled {
|
|
269
|
+
.nut-button-info-disabled, .nut-button-info-solid-disabled {
|
|
270
270
|
background: var(--nutui-button-info-disabled, var(--nutui-color-info-disabled, #89a6f8));
|
|
271
271
|
border-color: var(--nutui-button-info-disabled, var(--nutui-color-info-disabled, #89a6f8));
|
|
272
272
|
}
|
|
@@ -293,7 +293,7 @@
|
|
|
293
293
|
.nut-button-danger-children {
|
|
294
294
|
color: var(--nutui-button-danger-color, #ffffff);
|
|
295
295
|
}
|
|
296
|
-
.nut-button-danger-solid-disabled {
|
|
296
|
+
.nut-button-danger-disabled, .nut-button-danger-solid-disabled {
|
|
297
297
|
background: var(--nutui-button-danger-disabled, var(--nutui-color-danger-disabled, var(--nutui-color-primary-disabled-special, #ffadbe)));
|
|
298
298
|
border-color: var(--nutui-button-danger-disabled, var(--nutui-color-danger-disabled, var(--nutui-color-primary-disabled-special, #ffadbe)));
|
|
299
299
|
}
|