@nutui/nutui-react 1.1.3-beta.1 → 1.1.4-beta.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +8 -0
- package/dist/esm/Address.js +22 -28
- package/dist/esm/Badge.js +0 -2
- package/dist/esm/Calendar.js +6 -2
- package/dist/esm/CalendarItem.js +14 -13
- package/dist/esm/CheckboxGroup.js +1 -1
- package/dist/esm/Collapse.js +2 -2
- package/dist/esm/ConfigProvider/style/index.js +2 -0
- package/dist/esm/ConfigProvider.js +146 -0
- package/dist/esm/CountDown/style/index.js +2 -0
- package/dist/esm/CountDown.js +221 -0
- package/dist/esm/Dialog.js +25 -13
- package/dist/esm/FixedNav.js +5 -1
- package/dist/esm/Infiniteloading.js +7 -3
- package/dist/esm/Input.js +5 -1
- package/dist/esm/NoticeBar.js +1 -1
- package/dist/esm/Pagination.js +6 -2
- package/dist/esm/Picker.js +6 -2
- package/dist/esm/Range.js +5 -1
- package/dist/esm/ShortPassword.js +9 -5
- package/dist/esm/Signature.js +7 -3
- package/dist/esm/TextArea.js +5 -1
- package/dist/esm/Toast.js +4 -10
- package/dist/esm/nutui-react.es.js +2 -0
- package/dist/locales/base.d.ts +91 -0
- package/dist/locales/base.js +5 -0
- package/dist/locales/en-US.d.ts +3 -0
- package/dist/locales/en-US.js +95 -0
- package/dist/locales/zh-CN.d.ts +3 -0
- package/dist/locales/zh-CN.js +97 -0
- package/dist/locales/zh-TW.d.ts +3 -0
- package/dist/locales/zh-TW.js +95 -0
- package/dist/nutui.react.es.js +549 -219
- package/dist/nutui.react.umd.js +22 -22
- package/dist/packages/configprovider/configprovider.scss +2 -0
- package/dist/packages/countdown/countdown.scss +3 -0
- package/dist/style.css +1 -1
- package/dist/style.es.js +1 -1
- package/dist/styles/themes/default.scss +2 -0
- package/dist/styles/variables-jdw.scss +376 -0
- package/dist/types/button/__test__/button.spec.d.ts +1 -0
- package/dist/types/configprovider/configprovider.d.ts +12 -0
- package/dist/types/configprovider/index.d.ts +3 -0
- package/dist/types/countdown/countdown.d.ts +15 -0
- package/dist/types/countdown/index.d.ts +2 -0
- package/dist/types/dialog/DialogWrap.d.ts +2 -2
- package/dist/types/dialog/DialogWrapper.d.ts +3 -0
- package/dist/types/dialog/config.d.ts +1 -1
- package/dist/types/nutui.react.d.ts +3 -1
- package/dist/types/toast/Notification.d.ts +1 -7
- package/package.json +15 -4
|
@@ -0,0 +1,221 @@
|
|
|
1
|
+
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
2
|
+
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
3
|
+
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
4
|
+
var _excluded = ["showPlainText", "showDays", "paused", "startTime", "endTime", "className", "style", "onEnd", "onPaused", "onRestart", "onUpdate", "children"];
|
|
5
|
+
|
|
6
|
+
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; }
|
|
7
|
+
|
|
8
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
9
|
+
|
|
10
|
+
import React__default, { useState, useRef, useEffect } from 'react';
|
|
11
|
+
import { c as cn } from './bem-893ad28d.js';
|
|
12
|
+
import { useConfig } from './ConfigProvider.js';
|
|
13
|
+
import '@bem-react/classname';
|
|
14
|
+
var defaultProps = {
|
|
15
|
+
showPlainText: false,
|
|
16
|
+
showDays: false,
|
|
17
|
+
paused: false,
|
|
18
|
+
startTime: Date.now(),
|
|
19
|
+
endTime: Date.now()
|
|
20
|
+
};
|
|
21
|
+
|
|
22
|
+
var CountDown = function CountDown(props) {
|
|
23
|
+
var _useConfig = useConfig(),
|
|
24
|
+
locale = _useConfig.locale;
|
|
25
|
+
|
|
26
|
+
var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
|
|
27
|
+
showPlainText = _defaultProps$props.showPlainText,
|
|
28
|
+
showDays = _defaultProps$props.showDays,
|
|
29
|
+
paused = _defaultProps$props.paused,
|
|
30
|
+
startTime = _defaultProps$props.startTime,
|
|
31
|
+
endTime = _defaultProps$props.endTime,
|
|
32
|
+
className = _defaultProps$props.className,
|
|
33
|
+
style = _defaultProps$props.style,
|
|
34
|
+
onEnd = _defaultProps$props.onEnd,
|
|
35
|
+
onPaused = _defaultProps$props.onPaused,
|
|
36
|
+
onRestart = _defaultProps$props.onRestart,
|
|
37
|
+
onUpdate = _defaultProps$props.onUpdate,
|
|
38
|
+
children = _defaultProps$props.children,
|
|
39
|
+
rest = _objectWithoutProperties(_defaultProps$props, _excluded);
|
|
40
|
+
|
|
41
|
+
var b = cn('countdown');
|
|
42
|
+
|
|
43
|
+
var _useState = useState(0),
|
|
44
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
45
|
+
restTimeStamp = _useState2[0],
|
|
46
|
+
setRestTime = _useState2[1];
|
|
47
|
+
|
|
48
|
+
var stateRef = useRef({
|
|
49
|
+
pauseTime: 0,
|
|
50
|
+
curr: 0,
|
|
51
|
+
timer: 0,
|
|
52
|
+
isPaused: paused,
|
|
53
|
+
isIninted: false
|
|
54
|
+
}); // 补0操作
|
|
55
|
+
|
|
56
|
+
var fill2 = function fill2(v) {
|
|
57
|
+
v += '';
|
|
58
|
+
|
|
59
|
+
while (v.length < 2) {
|
|
60
|
+
v = '0' + v;
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
return v;
|
|
64
|
+
}; // 倒计时数据
|
|
65
|
+
|
|
66
|
+
|
|
67
|
+
var restTime = function restTime(t) {
|
|
68
|
+
var ts = t;
|
|
69
|
+
var rest = {
|
|
70
|
+
d: '-',
|
|
71
|
+
h: '--',
|
|
72
|
+
m: '--',
|
|
73
|
+
s: '--'
|
|
74
|
+
};
|
|
75
|
+
|
|
76
|
+
if (ts === 0) {
|
|
77
|
+
rest = {
|
|
78
|
+
d: '0',
|
|
79
|
+
h: '00',
|
|
80
|
+
m: '00',
|
|
81
|
+
s: '00'
|
|
82
|
+
};
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
if (ts) {
|
|
86
|
+
var ds = 24 * 60 * 60 * 1000;
|
|
87
|
+
var hs = 60 * 60 * 1000;
|
|
88
|
+
var ms = 60 * 1000;
|
|
89
|
+
var d = ts >= ds ? parseInt(String(ts / ds)) : 0;
|
|
90
|
+
var h = ts - d * ds >= hs ? parseInt(String((ts - d * ds) / hs)) : 0;
|
|
91
|
+
var m = ts - d * ds - h * hs >= ms ? parseInt(String((ts - d * ds - h * hs) / ms)) : 0;
|
|
92
|
+
var s = Math.round((ts - d * ds - h * hs - m * ms) / 1000);
|
|
93
|
+
if (d >= 0) rest.d = d + '';
|
|
94
|
+
if (h >= 0) rest.h = fill2(h);
|
|
95
|
+
if (m >= 0) rest.m = fill2(m);
|
|
96
|
+
if (s >= 0) rest.s = fill2(s);
|
|
97
|
+
}
|
|
98
|
+
|
|
99
|
+
return rest;
|
|
100
|
+
}; // 倒计最终时格式数据
|
|
101
|
+
|
|
102
|
+
|
|
103
|
+
var resttime = function () {
|
|
104
|
+
var rest = restTime(restTimeStamp);
|
|
105
|
+
var d = rest.d;
|
|
106
|
+
|
|
107
|
+
if (!showDays && Number(d) > 0) {
|
|
108
|
+
rest.h = fill2(Number(rest.h) + Number(d) * 24);
|
|
109
|
+
rest.d = '0';
|
|
110
|
+
}
|
|
111
|
+
|
|
112
|
+
return rest;
|
|
113
|
+
}(); // 获取时间戳
|
|
114
|
+
|
|
115
|
+
|
|
116
|
+
var getTimeStamp = function getTimeStamp(timeStr) {
|
|
117
|
+
if (!timeStr) return Date.now();
|
|
118
|
+
var t = timeStr;
|
|
119
|
+
t = t > 0 ? +t : t.toString().replace(/\-/g, '/');
|
|
120
|
+
return new Date(t).getTime();
|
|
121
|
+
}; // 展示文案,English todo @hanyuxinting
|
|
122
|
+
|
|
123
|
+
|
|
124
|
+
var plainText = function () {
|
|
125
|
+
var d = resttime.d,
|
|
126
|
+
h = resttime.h,
|
|
127
|
+
m = resttime.m,
|
|
128
|
+
s = resttime.s;
|
|
129
|
+
var showDayshours = Number(d) > 0 && showDays ? "".concat(d).concat(locale.countdown.day).concat(h) : h;
|
|
130
|
+
return "".concat(showDayshours).concat(locale.countdown.hour).concat(m).concat(locale.countdown.minute).concat(s).concat(locale.countdown.second);
|
|
131
|
+
}(); // 初始化
|
|
132
|
+
|
|
133
|
+
|
|
134
|
+
var initTimer = function initTimer() {
|
|
135
|
+
if (!stateRef.current.isIninted) {
|
|
136
|
+
stateRef.current.isIninted = true;
|
|
137
|
+
}
|
|
138
|
+
|
|
139
|
+
var delay = 1000;
|
|
140
|
+
var curr = Date.now();
|
|
141
|
+
var start = getTimeStamp(startTime || curr);
|
|
142
|
+
var end = getTimeStamp(endTime || curr);
|
|
143
|
+
var diffTime = curr - start;
|
|
144
|
+
setRestTime(end - (start + diffTime));
|
|
145
|
+
stateRef.current.timer = setInterval(function () {
|
|
146
|
+
if (!stateRef.current.isPaused) {
|
|
147
|
+
var _restTime = end - (Date.now() - stateRef.current.pauseTime + diffTime);
|
|
148
|
+
|
|
149
|
+
setRestTime(_restTime);
|
|
150
|
+
|
|
151
|
+
if (_restTime < 0) {
|
|
152
|
+
setRestTime(0);
|
|
153
|
+
onEnd && onEnd();
|
|
154
|
+
clearInterval(stateRef.current.timer);
|
|
155
|
+
}
|
|
156
|
+
}
|
|
157
|
+
}, delay);
|
|
158
|
+
}; // 监听值变更
|
|
159
|
+
|
|
160
|
+
|
|
161
|
+
useEffect(function () {
|
|
162
|
+
if (onUpdate) {
|
|
163
|
+
var tranTime = restTime(restTimeStamp);
|
|
164
|
+
onUpdate(tranTime);
|
|
165
|
+
}
|
|
166
|
+
}, [restTimeStamp]); // 监听暂停
|
|
167
|
+
|
|
168
|
+
useEffect(function () {
|
|
169
|
+
if (stateRef.current.isIninted) {
|
|
170
|
+
stateRef.current.isPaused = paused;
|
|
171
|
+
|
|
172
|
+
if (paused) {
|
|
173
|
+
stateRef.current.curr = getTimeStamp();
|
|
174
|
+
onPaused && onPaused(restTimeStamp);
|
|
175
|
+
} else {
|
|
176
|
+
stateRef.current.pauseTime += getTimeStamp() - stateRef.current.curr;
|
|
177
|
+
onRestart && onRestart(restTimeStamp);
|
|
178
|
+
}
|
|
179
|
+
}
|
|
180
|
+
}, [paused]); // 监听开始结束时间变更
|
|
181
|
+
|
|
182
|
+
useEffect(function () {
|
|
183
|
+
if (stateRef.current.isIninted) {
|
|
184
|
+
initTimer();
|
|
185
|
+
}
|
|
186
|
+
}, [endTime, startTime]); // 初始化
|
|
187
|
+
|
|
188
|
+
useEffect(function () {
|
|
189
|
+
initTimer();
|
|
190
|
+
return componentWillUnmount;
|
|
191
|
+
}, []);
|
|
192
|
+
|
|
193
|
+
var componentWillUnmount = function componentWillUnmount() {
|
|
194
|
+
clearInterval(stateRef.current.timer);
|
|
195
|
+
};
|
|
196
|
+
|
|
197
|
+
return React__default.createElement("div", _objectSpread({
|
|
198
|
+
className: "".concat(b(), " ").concat(className || ''),
|
|
199
|
+
style: _objectSpread({}, style)
|
|
200
|
+
}, rest), children || React__default.createElement(React__default.Fragment, null, showPlainText ? React__default.createElement("div", {
|
|
201
|
+
className: b('block')
|
|
202
|
+
}, " ", plainText, " ") : React__default.createElement(React__default.Fragment, null, Number(resttime.d) >= 0 && showDays ? React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
|
|
203
|
+
className: b('block')
|
|
204
|
+
}, resttime.d), React__default.createElement("div", {
|
|
205
|
+
className: b('dot')
|
|
206
|
+
}, locale.countdown.day || ':')) : null, React__default.createElement("div", {
|
|
207
|
+
className: b('block')
|
|
208
|
+
}, resttime.h), React__default.createElement("div", {
|
|
209
|
+
className: b('dot')
|
|
210
|
+
}, ":"), React__default.createElement("div", {
|
|
211
|
+
className: b('block')
|
|
212
|
+
}, resttime.m), React__default.createElement("div", {
|
|
213
|
+
className: b('dot')
|
|
214
|
+
}, ":"), React__default.createElement("div", {
|
|
215
|
+
className: b('block')
|
|
216
|
+
}, resttime.s))));
|
|
217
|
+
};
|
|
218
|
+
|
|
219
|
+
CountDown.defaultProps = defaultProps;
|
|
220
|
+
CountDown.displayName = 'NutCountDown';
|
|
221
|
+
export { CountDown as default };
|
package/dist/esm/Dialog.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
2
2
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
3
|
-
var _excluded = ["visible", "footer", "noOkBtn", "noCancelBtn", "okBtnDisabled", "cancelAutoClose"];
|
|
3
|
+
var _excluded = ["visible", "footer", "noOkBtn", "noCancelBtn", "lockScroll", "okBtnDisabled", "cancelAutoClose", "okText", "cancelText", "onClosed", "onCancel", "onOk"];
|
|
4
4
|
|
|
5
5
|
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; }
|
|
6
6
|
|
|
@@ -12,6 +12,7 @@ import classNames from 'classnames';
|
|
|
12
12
|
import Button from './Button.js';
|
|
13
13
|
import { CSSTransition } from 'react-transition-group';
|
|
14
14
|
import ReactDOM__default from 'react-dom';
|
|
15
|
+
import { useConfig } from './ConfigProvider.js';
|
|
15
16
|
|
|
16
17
|
var Content = function Content(props) {
|
|
17
18
|
var visible = props.visible,
|
|
@@ -103,7 +104,13 @@ var DialogWrap = function DialogWrap(props) {
|
|
|
103
104
|
DialogWrap.displayName = 'NutDialogWrap';
|
|
104
105
|
|
|
105
106
|
var DialogWrapper = function DialogWrapper(props) {
|
|
106
|
-
var visible = props.visible
|
|
107
|
+
var visible = props.visible,
|
|
108
|
+
lockScroll = props.lockScroll;
|
|
109
|
+
|
|
110
|
+
if (lockScroll && !visible && document.body.classList.value.includes('nut-overflow-hidden')) {
|
|
111
|
+
document.body.classList.remove('nut-overflow-hidden');
|
|
112
|
+
}
|
|
113
|
+
|
|
107
114
|
return React__default.createElement("div", {
|
|
108
115
|
style: {
|
|
109
116
|
display: visible ? 'block' : 'none'
|
|
@@ -243,25 +250,27 @@ var defaultProps = {
|
|
|
243
250
|
};
|
|
244
251
|
|
|
245
252
|
var BaseDialog = function BaseDialog(props, ref) {
|
|
253
|
+
var _useConfig = useConfig(),
|
|
254
|
+
locale = _useConfig.locale;
|
|
255
|
+
|
|
246
256
|
var visible = props.visible,
|
|
247
257
|
footer = props.footer,
|
|
248
258
|
noOkBtn = props.noOkBtn,
|
|
249
259
|
noCancelBtn = props.noCancelBtn,
|
|
260
|
+
lockScroll = props.lockScroll,
|
|
250
261
|
okBtnDisabled = props.okBtnDisabled,
|
|
251
262
|
cancelAutoClose = props.cancelAutoClose,
|
|
263
|
+
okText = props.okText,
|
|
264
|
+
cancelText = props.cancelText,
|
|
265
|
+
onClosed = props.onClosed,
|
|
266
|
+
onCancel = props.onCancel,
|
|
267
|
+
onOk = props.onOk,
|
|
252
268
|
restProps = _objectWithoutProperties(props, _excluded);
|
|
253
269
|
|
|
254
270
|
var renderFooter = function renderFooter() {
|
|
255
|
-
var okText = props.okText,
|
|
256
|
-
cancelText = props.cancelText,
|
|
257
|
-
footer = props.footer,
|
|
258
|
-
lockScroll = props.lockScroll,
|
|
259
|
-
onClosed = props.onClosed,
|
|
260
|
-
onCancel = props.onCancel,
|
|
261
|
-
onOk = props.onOk;
|
|
262
271
|
if (footer === null) return;
|
|
263
272
|
|
|
264
|
-
var handleCancel = function handleCancel(
|
|
273
|
+
var handleCancel = function handleCancel() {
|
|
265
274
|
if (!cancelAutoClose) return;
|
|
266
275
|
onClosed === null || onClosed === void 0 ? void 0 : onClosed();
|
|
267
276
|
onCancel === null || onCancel === void 0 ? void 0 : onCancel();
|
|
@@ -288,7 +297,7 @@ var BaseDialog = function BaseDialog(props, ref) {
|
|
|
288
297
|
onClick: function onClick() {
|
|
289
298
|
return handleCancel();
|
|
290
299
|
}
|
|
291
|
-
}, cancelText), !noOkBtn && React__default.createElement(Button, {
|
|
300
|
+
}, locale.cancel || cancelText), !noOkBtn && React__default.createElement(Button, {
|
|
292
301
|
size: "small",
|
|
293
302
|
type: "primary",
|
|
294
303
|
className: classNames('nut-dialog__footer-ok', {
|
|
@@ -298,13 +307,16 @@ var BaseDialog = function BaseDialog(props, ref) {
|
|
|
298
307
|
onClick: function onClick() {
|
|
299
308
|
return handleOk();
|
|
300
309
|
}
|
|
301
|
-
}, okText));
|
|
310
|
+
}, locale.confirm || okText));
|
|
302
311
|
return footerContent;
|
|
303
312
|
};
|
|
304
313
|
|
|
305
314
|
return React__default.createElement(DialogWrapper, _objectSpread(_objectSpread({}, restProps), {}, {
|
|
306
315
|
visible: visible,
|
|
307
|
-
|
|
316
|
+
lockScroll: lockScroll,
|
|
317
|
+
footer: renderFooter(),
|
|
318
|
+
onClosed: onClosed,
|
|
319
|
+
onCancel: onCancel
|
|
308
320
|
}));
|
|
309
321
|
};
|
|
310
322
|
|
package/dist/esm/FixedNav.js
CHANGED
|
@@ -11,6 +11,7 @@ import classNames from 'classnames';
|
|
|
11
11
|
import Icon from './Icon.js';
|
|
12
12
|
import Overlay from './Overlay.js';
|
|
13
13
|
import { c as cn } from './bem-893ad28d.js';
|
|
14
|
+
import { useConfig } from './ConfigProvider.js';
|
|
14
15
|
import '@bem-react/classname';
|
|
15
16
|
var defaultProps = {
|
|
16
17
|
fixednavClass: 'nut-fixednav',
|
|
@@ -24,6 +25,9 @@ var defaultProps = {
|
|
|
24
25
|
};
|
|
25
26
|
|
|
26
27
|
var FixedNav = function FixedNav(props) {
|
|
28
|
+
var _useConfig = useConfig(),
|
|
29
|
+
locale = _useConfig.locale;
|
|
30
|
+
|
|
27
31
|
var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
|
|
28
32
|
fixednavClass = _defaultProps$props.fixednavClass,
|
|
29
33
|
overlay = _defaultProps$props.overlay,
|
|
@@ -97,7 +101,7 @@ var FixedNav = function FixedNav(props) {
|
|
|
97
101
|
color: "#fff"
|
|
98
102
|
}), React__default.createElement("div", {
|
|
99
103
|
className: "text"
|
|
100
|
-
}, visible ? activeText : unActiveText))));
|
|
104
|
+
}, visible ? locale.fixednav.activeText || activeText : locale.fixednav.unActiveText || unActiveText))));
|
|
101
105
|
};
|
|
102
106
|
|
|
103
107
|
FixedNav.defaultProps = defaultProps;
|
|
@@ -11,6 +11,7 @@ import React__default, { useState, useRef, useEffect } from 'react';
|
|
|
11
11
|
import classNames from 'classnames';
|
|
12
12
|
import { c as cn } from './bem-893ad28d.js';
|
|
13
13
|
import Icon from './Icon.js';
|
|
14
|
+
import { useConfig } from './ConfigProvider.js';
|
|
14
15
|
import '@bem-react/classname';
|
|
15
16
|
var defaultProps = {
|
|
16
17
|
hasMore: true,
|
|
@@ -27,6 +28,9 @@ var defaultProps = {
|
|
|
27
28
|
};
|
|
28
29
|
|
|
29
30
|
var Infiniteloading = function Infiniteloading(props) {
|
|
31
|
+
var _useConfig = useConfig(),
|
|
32
|
+
locale = _useConfig.locale;
|
|
33
|
+
|
|
30
34
|
var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
|
|
31
35
|
children = _defaultProps$props.children,
|
|
32
36
|
hasMore = _defaultProps$props.hasMore,
|
|
@@ -213,7 +217,7 @@ var Infiniteloading = function Infiniteloading(props) {
|
|
|
213
217
|
name: pullIcon
|
|
214
218
|
}), React__default.createElement("span", {
|
|
215
219
|
className: "top-text"
|
|
216
|
-
}, pullTxt))), React__default.createElement("div", {
|
|
220
|
+
}, locale.infiniteloading.pullRefreshText || pullTxt))), React__default.createElement("div", {
|
|
217
221
|
className: "nut-infinite-container"
|
|
218
222
|
}, children), React__default.createElement("div", {
|
|
219
223
|
className: "nut-infinite-bottom"
|
|
@@ -224,9 +228,9 @@ var Infiniteloading = function Infiniteloading(props) {
|
|
|
224
228
|
name: loadIcon
|
|
225
229
|
}), React__default.createElement("div", {
|
|
226
230
|
className: "bottom-text"
|
|
227
|
-
}, loadTxt)) : !hasMore && React__default.createElement("div", {
|
|
231
|
+
}, locale.infiniteloading.loadText || loadTxt)) : !hasMore && React__default.createElement("div", {
|
|
228
232
|
className: "tips"
|
|
229
|
-
}, loadMoreTxt)));
|
|
233
|
+
}, locale.infiniteloading.loadMoreText || loadMoreTxt)));
|
|
230
234
|
};
|
|
231
235
|
|
|
232
236
|
Infiniteloading.defaultProps = defaultProps;
|
package/dist/esm/Input.js
CHANGED
|
@@ -8,6 +8,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
|
|
|
8
8
|
import React__default, { useState, useEffect } from 'react';
|
|
9
9
|
import { c as cn } from './bem-893ad28d.js';
|
|
10
10
|
import Icon from './Icon.js';
|
|
11
|
+
import { useConfig } from './ConfigProvider.js';
|
|
11
12
|
import '@bem-react/classname';
|
|
12
13
|
|
|
13
14
|
function trimExtraChar(value, _char, regExp) {
|
|
@@ -58,6 +59,9 @@ var defaultProps = {
|
|
|
58
59
|
};
|
|
59
60
|
|
|
60
61
|
var Input = function Input(props) {
|
|
62
|
+
var _useConfig = useConfig(),
|
|
63
|
+
locale = _useConfig.locale;
|
|
64
|
+
|
|
61
65
|
var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
|
|
62
66
|
type = _defaultProps$props.type,
|
|
63
67
|
defaultValue = _defaultProps$props.defaultValue,
|
|
@@ -155,7 +159,7 @@ var Input = function Input(props) {
|
|
|
155
159
|
}, label) : null), React__default.createElement("input", {
|
|
156
160
|
className: "input-text",
|
|
157
161
|
type: type,
|
|
158
|
-
placeholder: placeholder,
|
|
162
|
+
placeholder: locale.placeholder || placeholder,
|
|
159
163
|
disabled: disabled,
|
|
160
164
|
readOnly: readonly,
|
|
161
165
|
value: inputValue,
|
package/dist/esm/NoticeBar.js
CHANGED
package/dist/esm/Pagination.js
CHANGED
|
@@ -8,6 +8,7 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
|
|
|
8
8
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
9
9
|
|
|
10
10
|
import React__default, { useState, useEffect } from 'react';
|
|
11
|
+
import { useConfig } from './ConfigProvider.js';
|
|
11
12
|
import { c as cn } from './bem-893ad28d.js';
|
|
12
13
|
import '@bem-react/classname';
|
|
13
14
|
var defaultProps = {
|
|
@@ -27,6 +28,9 @@ var defaultProps = {
|
|
|
27
28
|
};
|
|
28
29
|
|
|
29
30
|
var Pagination = function Pagination(props) {
|
|
31
|
+
var _useConfig = useConfig(),
|
|
32
|
+
locale = _useConfig.locale;
|
|
33
|
+
|
|
30
34
|
_objectSpread(_objectSpread({}, defaultProps), props);
|
|
31
35
|
|
|
32
36
|
var modelValue = props.modelValue,
|
|
@@ -172,7 +176,7 @@ var Pagination = function Pagination(props) {
|
|
|
172
176
|
onClick: function onClick(e) {
|
|
173
177
|
return selectPage(Number(currentPage) - 1, true);
|
|
174
178
|
}
|
|
175
|
-
}, prevText), mode == 'multi' ? React__default.createElement("div", {
|
|
179
|
+
}, locale.pagination.prev || prevText), mode == 'multi' ? React__default.createElement("div", {
|
|
176
180
|
className: "".concat(paginationBem('contain'))
|
|
177
181
|
}, pages.map(function (item, index) {
|
|
178
182
|
return React__default.createElement("div", {
|
|
@@ -191,7 +195,7 @@ var Pagination = function Pagination(props) {
|
|
|
191
195
|
onClick: function onClick(e) {
|
|
192
196
|
return selectPage(Number(currentPage) + 1, true);
|
|
193
197
|
}
|
|
194
|
-
}, nextText));
|
|
198
|
+
}, locale.pagination.next || nextText));
|
|
195
199
|
};
|
|
196
200
|
|
|
197
201
|
Pagination.defaultProps = defaultProps;
|
package/dist/esm/Picker.js
CHANGED
|
@@ -10,6 +10,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
|
|
|
10
10
|
|
|
11
11
|
import React__default, { useState, useRef, useImperativeHandle, useEffect } from 'react';
|
|
12
12
|
import Popup from './Popup.js';
|
|
13
|
+
import { useConfig } from './ConfigProvider.js';
|
|
13
14
|
import { c as cn } from './bem-893ad28d.js';
|
|
14
15
|
import '@bem-react/classname';
|
|
15
16
|
|
|
@@ -241,6 +242,9 @@ var InternalPickerSlot = function InternalPickerSlot(props, ref) {
|
|
|
241
242
|
var PickerSlot = React__default.forwardRef(InternalPickerSlot);
|
|
242
243
|
|
|
243
244
|
var InternalPicker = function InternalPicker(props, ref) {
|
|
245
|
+
var _useConfig = useConfig(),
|
|
246
|
+
locale = _useConfig.locale;
|
|
247
|
+
|
|
244
248
|
var isVisible = props.isVisible,
|
|
245
249
|
title = props.title,
|
|
246
250
|
_props$listData2 = props.listData,
|
|
@@ -372,14 +376,14 @@ var InternalPicker = function InternalPicker(props, ref) {
|
|
|
372
376
|
onClick: function onClick() {
|
|
373
377
|
return closeActionSheet();
|
|
374
378
|
}
|
|
375
|
-
},
|
|
379
|
+
}, locale.cancel), React__default.createElement("div", {
|
|
376
380
|
className: b('title')
|
|
377
381
|
}, title || ''), React__default.createElement("span", {
|
|
378
382
|
className: b('confirm-btn'),
|
|
379
383
|
onClick: function onClick() {
|
|
380
384
|
return confirm();
|
|
381
385
|
}
|
|
382
|
-
},
|
|
386
|
+
}, locale.confirm)), React__default.createElement("div", {
|
|
383
387
|
className: b('panel'),
|
|
384
388
|
ref: pickerRef
|
|
385
389
|
}, listData === null || listData === void 0 ? void 0 : listData.map(function (item, index) {
|
package/dist/esm/Range.js
CHANGED
|
@@ -8,6 +8,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
|
|
|
8
8
|
import React__default, { useState, useRef, useEffect } from 'react';
|
|
9
9
|
import { c as cn } from './bem-893ad28d.js';
|
|
10
10
|
import Toast from './Toast.js';
|
|
11
|
+
import { useConfig } from './ConfigProvider.js';
|
|
11
12
|
import '@bem-react/classname';
|
|
12
13
|
var MIN_DISTANCE = 10;
|
|
13
14
|
|
|
@@ -168,6 +169,9 @@ var startValue;
|
|
|
168
169
|
var currentValue;
|
|
169
170
|
|
|
170
171
|
var Range = function Range(props) {
|
|
172
|
+
var _useConfig = useConfig(),
|
|
173
|
+
locale = _useConfig.locale;
|
|
174
|
+
|
|
171
175
|
var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
|
|
172
176
|
className = _defaultProps$props.className,
|
|
173
177
|
range = _defaultProps$props.range,
|
|
@@ -208,7 +212,7 @@ var Range = function Range(props) {
|
|
|
208
212
|
if (modelValue) {
|
|
209
213
|
if (!range && (modelValue < min || modelValue > max)) {
|
|
210
214
|
SetInitValue(0);
|
|
211
|
-
Toast.text("".concat(modelValue, "
|
|
215
|
+
Toast.text("".concat(modelValue, " ").concat(locale.range.rangeText));
|
|
212
216
|
return;
|
|
213
217
|
}
|
|
214
218
|
|
|
@@ -12,6 +12,7 @@ import React__default, { useRef, useState, useEffect } from 'react';
|
|
|
12
12
|
import { c as cn } from './bem-893ad28d.js';
|
|
13
13
|
import Popup from './Popup.js';
|
|
14
14
|
import Icon from './Icon.js';
|
|
15
|
+
import { useConfig } from './ConfigProvider.js';
|
|
15
16
|
import '@bem-react/classname';
|
|
16
17
|
var defaultProps = {
|
|
17
18
|
title: '请输入密码',
|
|
@@ -33,6 +34,9 @@ var defaultProps = {
|
|
|
33
34
|
};
|
|
34
35
|
|
|
35
36
|
var ShortPassword = function ShortPassword(props) {
|
|
37
|
+
var _useConfig = useConfig(),
|
|
38
|
+
locale = _useConfig.locale;
|
|
39
|
+
|
|
36
40
|
var title = props.title,
|
|
37
41
|
desc = props.desc,
|
|
38
42
|
tips = props.tips,
|
|
@@ -145,9 +149,9 @@ var ShortPassword = function ShortPassword(props) {
|
|
|
145
149
|
style: _objectSpread({}, style)
|
|
146
150
|
}, reset), React__default.createElement("div", {
|
|
147
151
|
className: b('title')
|
|
148
|
-
}, title), React__default.createElement("div", {
|
|
152
|
+
}, locale.shortpassword.title || title), React__default.createElement("div", {
|
|
149
153
|
className: b('subtitle')
|
|
150
|
-
}, desc), React__default.createElement("div", {
|
|
154
|
+
}, locale.shortpassword.desc || desc), React__default.createElement("div", {
|
|
151
155
|
className: b('input')
|
|
152
156
|
}, React__default.createElement("input", {
|
|
153
157
|
ref: textInput,
|
|
@@ -185,17 +189,17 @@ var ShortPassword = function ShortPassword(props) {
|
|
|
185
189
|
name: "tips"
|
|
186
190
|
}), React__default.createElement("div", {
|
|
187
191
|
onClick: onTips
|
|
188
|
-
}, tips)) : null), !noButton ? React__default.createElement("div", {
|
|
192
|
+
}, locale.shortpassword.tips || tips)) : null), !noButton ? React__default.createElement("div", {
|
|
189
193
|
className: b('footer')
|
|
190
194
|
}, React__default.createElement("div", {
|
|
191
195
|
className: b('footer__cancel'),
|
|
192
196
|
onClick: onCancel
|
|
193
|
-
},
|
|
197
|
+
}, locale.cancel), React__default.createElement("div", {
|
|
194
198
|
className: b('footer__sure'),
|
|
195
199
|
onClick: function onClick() {
|
|
196
200
|
return sure();
|
|
197
201
|
}
|
|
198
|
-
},
|
|
202
|
+
}, locale.confirm)) : null)));
|
|
199
203
|
};
|
|
200
204
|
|
|
201
205
|
ShortPassword.defaultProps = defaultProps;
|
package/dist/esm/Signature.js
CHANGED
|
@@ -10,6 +10,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
|
|
|
10
10
|
import React__default, { useRef, useState, useEffect } from 'react';
|
|
11
11
|
import Button from './Button.js';
|
|
12
12
|
import { c as cn } from './bem-893ad28d.js';
|
|
13
|
+
import { useConfig } from './ConfigProvider.js';
|
|
13
14
|
import '@bem-react/classname';
|
|
14
15
|
var defaultProps = {
|
|
15
16
|
type: 'png',
|
|
@@ -20,6 +21,9 @@ var defaultProps = {
|
|
|
20
21
|
};
|
|
21
22
|
|
|
22
23
|
var Signature = function Signature(props) {
|
|
24
|
+
var _useConfig = useConfig(),
|
|
25
|
+
locale = _useConfig.locale;
|
|
26
|
+
|
|
23
27
|
var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
|
|
24
28
|
type = _defaultProps$props.type,
|
|
25
29
|
lineWidth = _defaultProps$props.lineWidth,
|
|
@@ -152,19 +156,19 @@ var Signature = function Signature(props) {
|
|
|
152
156
|
width: canvasWidth
|
|
153
157
|
}) : React__default.createElement("p", {
|
|
154
158
|
className: "".concat(b('unsopport'))
|
|
155
|
-
}, unSupportTpl)), React__default.createElement(Button, {
|
|
159
|
+
}, locale.signature.unSupportTpl || unSupportTpl)), React__default.createElement(Button, {
|
|
156
160
|
className: "".concat(b('btn')),
|
|
157
161
|
type: "default",
|
|
158
162
|
onClick: function onClick() {
|
|
159
163
|
return clear();
|
|
160
164
|
}
|
|
161
|
-
},
|
|
165
|
+
}, locale.signature.reSign), React__default.createElement(Button, {
|
|
162
166
|
className: "".concat(b('btn')),
|
|
163
167
|
type: "primary",
|
|
164
168
|
onClick: function onClick() {
|
|
165
169
|
return confirm();
|
|
166
170
|
}
|
|
167
|
-
},
|
|
171
|
+
}, locale.confirm));
|
|
168
172
|
};
|
|
169
173
|
|
|
170
174
|
Signature.defaultProps = defaultProps;
|
package/dist/esm/TextArea.js
CHANGED
|
@@ -6,6 +6,7 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
|
|
|
6
6
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
7
7
|
|
|
8
8
|
import React__default, { useState, useEffect } from 'react';
|
|
9
|
+
import { useConfig } from './ConfigProvider.js';
|
|
9
10
|
import { c as cn } from './bem-893ad28d.js';
|
|
10
11
|
import '@bem-react/classname';
|
|
11
12
|
var defaultProps = {
|
|
@@ -21,6 +22,9 @@ var defaultProps = {
|
|
|
21
22
|
};
|
|
22
23
|
|
|
23
24
|
var TextArea = function TextArea(props) {
|
|
25
|
+
var _useConfig = useConfig(),
|
|
26
|
+
locale = _useConfig.locale;
|
|
27
|
+
|
|
24
28
|
var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
|
|
25
29
|
className = _defaultProps$props.className,
|
|
26
30
|
defaultValue = _defaultProps$props.defaultValue,
|
|
@@ -115,7 +119,7 @@ var TextArea = function TextArea(props) {
|
|
|
115
119
|
},
|
|
116
120
|
rows: rows,
|
|
117
121
|
maxLength: maxlength < 0 ? 0 : maxlength,
|
|
118
|
-
placeholder: placeholder
|
|
122
|
+
placeholder: locale.placeholder
|
|
119
123
|
}), limitshow ? React__default.createElement("div", {
|
|
120
124
|
className: textareaBem('limit')
|
|
121
125
|
}, inputValue.length, "/", maxlength < 0 ? 0 : maxlength) : null);
|