@nutui/nutui-react 1.2.3-beta.1 → 1.2.3-beta.4
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/dist/esm/CollapseItem.js +13 -12
- package/dist/esm/FixedNav.js +3 -3
- package/dist/esm/Infiniteloading.js +6 -5
- package/dist/esm/ShortPassword.js +22 -17
- package/dist/locales/base.js +1 -1
- package/dist/locales/en-US.js +1 -1
- package/dist/locales/id-ID.js +1 -1
- package/dist/locales/zh-CN.js +1 -1
- package/dist/locales/zh-TW.js +1 -1
- package/dist/nutui.react.es.js +653 -428
- package/dist/nutui.react.umd.js +16708 -28
- package/dist/style.es.js +1 -1
- package/dist/styles/variables.scss +0 -1
- package/dist/types/actionsheet/demo.d.ts +1 -0
- package/dist/types/address/demo.d.ts +1 -0
- package/dist/types/animatingnumbers/demo.d.ts +1 -0
- package/dist/types/avatar/demo.d.ts +1 -0
- package/dist/types/backtop/demo.d.ts +1 -0
- package/dist/types/badge/demo.d.ts +1 -0
- package/dist/types/barrage/demo.d.ts +1 -0
- package/dist/types/button/demo.d.ts +1 -0
- package/dist/types/calendar/demo.d.ts +1 -0
- package/dist/types/card/demo.d.ts +1 -0
- package/dist/types/cell/demo.d.ts +1 -0
- package/dist/types/checkbox/demo.d.ts +1 -0
- package/dist/types/circleprogress/demo.d.ts +1 -0
- package/dist/types/collapse/demo.d.ts +1 -0
- package/dist/types/configprovider/demo.d.ts +1 -0
- package/dist/types/countdown/demo.d.ts +1 -0
- package/dist/types/datepicker/demo.d.ts +1 -0
- package/dist/types/dialog/Mask.d.ts +1 -0
- package/dist/types/dialog/demo.d.ts +1 -0
- package/dist/types/divider/demo.d.ts +1 -0
- package/dist/types/drag/demo.d.ts +1 -0
- package/dist/types/elevator/demo.d.ts +1 -0
- package/dist/types/empty/demo.d.ts +1 -0
- package/dist/types/fixednav/__tests__/fixednav.spec.d.ts +1 -0
- package/dist/types/fixednav/demo.d.ts +1 -0
- package/dist/types/icon/demo.d.ts +1 -0
- package/dist/types/indicator/demo.d.ts +1 -0
- package/dist/types/infiniteloading/demo.d.ts +1 -0
- package/dist/types/input/demo.d.ts +1 -0
- package/dist/types/inputnumber/demo.d.ts +1 -0
- package/dist/types/layout/demo.d.ts +1 -0
- package/dist/types/navbar/demo.d.ts +1 -0
- package/dist/types/noticebar/demo.d.ts +1 -0
- package/dist/types/notify/demo.d.ts +1 -0
- package/dist/types/numberkeyboard/demo.d.ts +1 -0
- package/dist/types/overlay/demo.d.ts +1 -0
- package/dist/types/pagination/demo.d.ts +1 -0
- package/dist/types/picker/demo.d.ts +1 -0
- package/dist/types/popover/demo.d.ts +1 -0
- package/dist/types/popup/demo.d.ts +1 -0
- package/dist/types/price/demo.d.ts +1 -0
- package/dist/types/progress/demo.d.ts +1 -0
- package/dist/types/radio/demo.d.ts +1 -0
- package/dist/types/range/demo.d.ts +1 -0
- package/dist/types/rate/demo.d.ts +1 -0
- package/dist/types/searchbar/demo.d.ts +1 -0
- package/dist/types/shortpassword/_test_/index.spec.d.ts +1 -0
- package/dist/types/shortpassword/demo.d.ts +1 -0
- package/dist/types/shortpassword/shortpassword.d.ts +3 -3
- package/dist/types/sidenavbar/demo.d.ts +1 -0
- package/dist/types/signature/demo.d.ts +1 -0
- package/dist/types/skeleton/demo.d.ts +1 -0
- package/dist/types/steps/demo.d.ts +1 -0
- package/dist/types/swiper/demo.d.ts +1 -0
- package/dist/types/switch/demo.d.ts +1 -0
- package/dist/types/tabbar/demo.d.ts +1 -0
- package/dist/types/table/demo.d.ts +1 -0
- package/dist/types/tabs/demo.d.ts +1 -0
- package/dist/types/tag/demo.d.ts +1 -0
- package/dist/types/textarea/demo.d.ts +1 -0
- package/dist/types/timedetail/demo.d.ts +1 -0
- package/dist/types/timepannel/demo.d.ts +1 -0
- package/dist/types/timeselect/__test__/timeselect.spec.d.ts +1 -0
- package/dist/types/timeselect/demo.d.ts +1 -0
- package/dist/types/toast/demo.d.ts +1 -0
- package/dist/types/uploader/demo.d.ts +1 -0
- package/dist/types/video/demo.d.ts +1 -0
- package/dist/types/virtuallist/demo.d.ts +1 -0
- package/package.json +12 -5
package/dist/esm/CollapseItem.js
CHANGED
|
@@ -79,21 +79,22 @@ var CollapseItem = function CollapseItem(props) {
|
|
|
79
79
|
if (node !== null) {
|
|
80
80
|
setDomHeight(node.getBoundingClientRect().height);
|
|
81
81
|
}
|
|
82
|
-
}, [
|
|
82
|
+
}, [update]);
|
|
83
83
|
useEffect(function () {
|
|
84
|
-
// setCurrHeight('auto')
|
|
85
84
|
// 一开始content都有高度,在这里根据isOpen,改变其高度
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
85
|
+
setTimeout(function () {
|
|
86
|
+
if (domHeight !== -1) {
|
|
87
|
+
isOpen ? setCurrHeight("".concat(domHeight, "px")) : setCurrHeight('0px');
|
|
88
|
+
}
|
|
89
89
|
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
90
|
+
var newIconStyle = isOpen ? {
|
|
91
|
+
transform: "translateY(-50%) rotate(".concat(rotate, "deg)")
|
|
92
|
+
} : {
|
|
93
|
+
transform: 'translateY(-50%)'
|
|
94
|
+
};
|
|
95
|
+
setIconStyle(newIconStyle);
|
|
96
|
+
}, 10);
|
|
97
|
+
}, [isOpen, domHeight, rotate]);
|
|
97
98
|
return React__default.createElement("div", _objectSpread({
|
|
98
99
|
className: colBem()
|
|
99
100
|
}, rest), React__default.createElement("div", {
|
package/dist/esm/FixedNav.js
CHANGED
|
@@ -15,8 +15,8 @@ import { useConfig } from './ConfigProvider.js';
|
|
|
15
15
|
import '@bem-react/classname';
|
|
16
16
|
var defaultProps = {
|
|
17
17
|
fixednavClass: 'nut-fixednav',
|
|
18
|
-
activeText: '
|
|
19
|
-
unActiveText: '
|
|
18
|
+
activeText: '',
|
|
19
|
+
unActiveText: '',
|
|
20
20
|
type: 'right',
|
|
21
21
|
position: {
|
|
22
22
|
top: 'auto',
|
|
@@ -102,7 +102,7 @@ var FixedNav = function FixedNav(props) {
|
|
|
102
102
|
color: "#fff"
|
|
103
103
|
}), React__default.createElement("div", {
|
|
104
104
|
className: "text"
|
|
105
|
-
}, visible ? locale.fixednav.activeText
|
|
105
|
+
}, visible ? activeText || locale.fixednav.activeText : unActiveText || locale.fixednav.unActiveText))));
|
|
106
106
|
};
|
|
107
107
|
|
|
108
108
|
FixedNav.defaultProps = defaultProps;
|
|
@@ -104,6 +104,7 @@ var Infiniteloading = function Infiniteloading(props) {
|
|
|
104
104
|
|
|
105
105
|
setIsInfiniting(true);
|
|
106
106
|
loadMore && loadMore(infiniteDone);
|
|
107
|
+
return true;
|
|
107
108
|
});
|
|
108
109
|
};
|
|
109
110
|
|
|
@@ -155,7 +156,7 @@ var Infiniteloading = function Infiniteloading(props) {
|
|
|
155
156
|
};
|
|
156
157
|
|
|
157
158
|
var requestAniFrame = function requestAniFrame() {
|
|
158
|
-
return window.requestAnimationFrame || window.webkitRequestAnimationFrame || function (callback) {
|
|
159
|
+
return window.requestAnimationFrame || window.webkitRequestAnimationFrame || function fn(callback) {
|
|
159
160
|
window.setTimeout(callback, 1000 / 60);
|
|
160
161
|
};
|
|
161
162
|
};
|
|
@@ -197,7 +198,7 @@ var Infiniteloading = function Infiniteloading(props) {
|
|
|
197
198
|
|
|
198
199
|
beforeScrollTop.current = resScrollTop;
|
|
199
200
|
scrollChange && scrollChange(resScrollTop);
|
|
200
|
-
return offsetDistance <= threshold && direction
|
|
201
|
+
return offsetDistance <= threshold && direction === 'down';
|
|
201
202
|
};
|
|
202
203
|
|
|
203
204
|
return React__default.createElement("div", _objectSpread({
|
|
@@ -217,7 +218,7 @@ var Infiniteloading = function Infiniteloading(props) {
|
|
|
217
218
|
name: pullIcon
|
|
218
219
|
}), React__default.createElement("span", {
|
|
219
220
|
className: "top-text"
|
|
220
|
-
}, locale.infiniteloading.pullRefreshText
|
|
221
|
+
}, pullTxt || locale.infiniteloading.pullRefreshText))), React__default.createElement("div", {
|
|
221
222
|
className: "nut-infinite-container"
|
|
222
223
|
}, children), React__default.createElement("div", {
|
|
223
224
|
className: "nut-infinite-bottom"
|
|
@@ -228,9 +229,9 @@ var Infiniteloading = function Infiniteloading(props) {
|
|
|
228
229
|
name: loadIcon
|
|
229
230
|
}), React__default.createElement("div", {
|
|
230
231
|
className: "bottom-text"
|
|
231
|
-
}, locale.infiniteloading.loadText
|
|
232
|
+
}, loadTxt || locale.infiniteloading.loadText)) : !hasMore && React__default.createElement("div", {
|
|
232
233
|
className: "tips"
|
|
233
|
-
}, locale.infiniteloading.loadMoreText
|
|
234
|
+
}, loadMoreTxt || locale.infiniteloading.loadMoreText)));
|
|
234
235
|
};
|
|
235
236
|
|
|
236
237
|
Infiniteloading.defaultProps = defaultProps;
|
|
@@ -2,7 +2,7 @@ import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
|
|
|
2
2
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
3
3
|
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
4
4
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
5
|
-
var _excluded = ["title", "desc", "tips", "visible", "modelValue", "errorMsg", "noButton", "closeOnClickOverlay", "length", "style", "className", "
|
|
5
|
+
var _excluded = ["title", "desc", "tips", "visible", "modelValue", "errorMsg", "noButton", "closeOnClickOverlay", "length", "style", "className", "onChange", "onOk", "onTips", "onCancel", "onClose", "onComplete"];
|
|
6
6
|
|
|
7
7
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
8
8
|
|
|
@@ -15,9 +15,9 @@ import Icon from './Icon.js';
|
|
|
15
15
|
import { useConfig } from './ConfigProvider.js';
|
|
16
16
|
import '@bem-react/classname';
|
|
17
17
|
var defaultProps = {
|
|
18
|
-
title: '
|
|
19
|
-
desc: '
|
|
20
|
-
tips: '
|
|
18
|
+
title: '',
|
|
19
|
+
desc: '',
|
|
20
|
+
tips: '',
|
|
21
21
|
visible: false,
|
|
22
22
|
modelValue: '',
|
|
23
23
|
errorMsg: '',
|
|
@@ -25,12 +25,12 @@ var defaultProps = {
|
|
|
25
25
|
closeOnClickOverlay: true,
|
|
26
26
|
length: 6,
|
|
27
27
|
className: '',
|
|
28
|
-
|
|
28
|
+
onChange: function onChange(value) {},
|
|
29
29
|
onOk: function onOk(value) {},
|
|
30
30
|
onCancel: function onCancel() {},
|
|
31
31
|
onClose: function onClose() {},
|
|
32
32
|
onTips: function onTips() {},
|
|
33
|
-
|
|
33
|
+
onComplete: function onComplete(value) {}
|
|
34
34
|
};
|
|
35
35
|
|
|
36
36
|
var ShortPassword = function ShortPassword(props) {
|
|
@@ -48,12 +48,12 @@ var ShortPassword = function ShortPassword(props) {
|
|
|
48
48
|
length = props.length,
|
|
49
49
|
style = props.style,
|
|
50
50
|
className = props.className,
|
|
51
|
-
|
|
51
|
+
onChange = props.onChange,
|
|
52
52
|
onOk = props.onOk,
|
|
53
53
|
onTips = props.onTips,
|
|
54
54
|
onCancel = props.onCancel,
|
|
55
55
|
onClose = props.onClose,
|
|
56
|
-
|
|
56
|
+
onComplete = props.onComplete,
|
|
57
57
|
reset = _objectWithoutProperties(props, _excluded);
|
|
58
58
|
|
|
59
59
|
var b = cn('shortpassword');
|
|
@@ -82,7 +82,7 @@ var ShortPassword = function ShortPassword(props) {
|
|
|
82
82
|
setInnerVisible(visible);
|
|
83
83
|
}, [visible]);
|
|
84
84
|
useEffect(function () {
|
|
85
|
-
if (modelValue) {
|
|
85
|
+
if (typeof modelValue !== 'undefined') {
|
|
86
86
|
setInputValue(modelValue);
|
|
87
87
|
}
|
|
88
88
|
}, [modelValue]);
|
|
@@ -97,10 +97,10 @@ var ShortPassword = function ShortPassword(props) {
|
|
|
97
97
|
setInputValue(inputValue);
|
|
98
98
|
|
|
99
99
|
if (String(inputValue).length === comLen) {
|
|
100
|
-
|
|
100
|
+
onComplete && onComplete(inputValue);
|
|
101
101
|
}
|
|
102
102
|
|
|
103
|
-
|
|
103
|
+
onChange && onChange(inputValue);
|
|
104
104
|
};
|
|
105
105
|
|
|
106
106
|
var systemStyle = function systemStyle() {
|
|
@@ -109,18 +109,23 @@ var ShortPassword = function ShortPassword(props) {
|
|
|
109
109
|
|
|
110
110
|
var isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); // ios终端
|
|
111
111
|
|
|
112
|
+
var style = {};
|
|
113
|
+
console.log(isIOS, isAndroid);
|
|
114
|
+
|
|
112
115
|
if (isIOS) {
|
|
113
|
-
|
|
116
|
+
style = {
|
|
114
117
|
paddingRight: '1200px'
|
|
115
118
|
};
|
|
116
119
|
}
|
|
117
120
|
|
|
118
121
|
if (isAndroid) {
|
|
119
|
-
|
|
122
|
+
style = {
|
|
120
123
|
opacity: 0,
|
|
121
124
|
zIndex: 10
|
|
122
125
|
};
|
|
123
126
|
}
|
|
127
|
+
|
|
128
|
+
return style;
|
|
124
129
|
};
|
|
125
130
|
|
|
126
131
|
var focus = function focus() {
|
|
@@ -149,9 +154,9 @@ var ShortPassword = function ShortPassword(props) {
|
|
|
149
154
|
style: _objectSpread({}, style)
|
|
150
155
|
}, reset), React__default.createElement("div", {
|
|
151
156
|
className: b('title')
|
|
152
|
-
}, locale.shortpassword.title
|
|
157
|
+
}, title || locale.shortpassword.title), React__default.createElement("div", {
|
|
153
158
|
className: b('subtitle')
|
|
154
|
-
}, locale.shortpassword.desc
|
|
159
|
+
}, desc || locale.shortpassword.desc), React__default.createElement("div", {
|
|
155
160
|
className: b('input')
|
|
156
161
|
}, React__default.createElement("input", {
|
|
157
162
|
ref: textInput,
|
|
@@ -181,7 +186,7 @@ var ShortPassword = function ShortPassword(props) {
|
|
|
181
186
|
className: b('message')
|
|
182
187
|
}, React__default.createElement("div", {
|
|
183
188
|
className: b('message__error')
|
|
184
|
-
}, errorMsg), tips ? React__default.createElement("div", {
|
|
189
|
+
}, errorMsg), tips || locale.shortpassword.tips ? React__default.createElement("div", {
|
|
185
190
|
className: b('message__forget')
|
|
186
191
|
}, React__default.createElement(Icon, {
|
|
187
192
|
className: "icon",
|
|
@@ -189,7 +194,7 @@ var ShortPassword = function ShortPassword(props) {
|
|
|
189
194
|
name: "tips"
|
|
190
195
|
}), React__default.createElement("div", {
|
|
191
196
|
onClick: onTips
|
|
192
|
-
}, locale.shortpassword.tips
|
|
197
|
+
}, tips || locale.shortpassword.tips)) : null), !noButton ? React__default.createElement("div", {
|
|
193
198
|
className: b('footer')
|
|
194
199
|
}, React__default.createElement("div", {
|
|
195
200
|
className: b('footer__cancel'),
|
package/dist/locales/base.js
CHANGED
package/dist/locales/en-US.js
CHANGED
package/dist/locales/id-ID.js
CHANGED
package/dist/locales/zh-CN.js
CHANGED
package/dist/locales/zh-TW.js
CHANGED