@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.
Files changed (51) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/dist/esm/Address.js +22 -28
  3. package/dist/esm/Badge.js +0 -2
  4. package/dist/esm/Calendar.js +6 -2
  5. package/dist/esm/CalendarItem.js +14 -13
  6. package/dist/esm/CheckboxGroup.js +1 -1
  7. package/dist/esm/Collapse.js +2 -2
  8. package/dist/esm/ConfigProvider/style/index.js +2 -0
  9. package/dist/esm/ConfigProvider.js +146 -0
  10. package/dist/esm/CountDown/style/index.js +2 -0
  11. package/dist/esm/CountDown.js +221 -0
  12. package/dist/esm/Dialog.js +25 -13
  13. package/dist/esm/FixedNav.js +5 -1
  14. package/dist/esm/Infiniteloading.js +7 -3
  15. package/dist/esm/Input.js +5 -1
  16. package/dist/esm/NoticeBar.js +1 -1
  17. package/dist/esm/Pagination.js +6 -2
  18. package/dist/esm/Picker.js +6 -2
  19. package/dist/esm/Range.js +5 -1
  20. package/dist/esm/ShortPassword.js +9 -5
  21. package/dist/esm/Signature.js +7 -3
  22. package/dist/esm/TextArea.js +5 -1
  23. package/dist/esm/Toast.js +4 -10
  24. package/dist/esm/nutui-react.es.js +2 -0
  25. package/dist/locales/base.d.ts +91 -0
  26. package/dist/locales/base.js +5 -0
  27. package/dist/locales/en-US.d.ts +3 -0
  28. package/dist/locales/en-US.js +95 -0
  29. package/dist/locales/zh-CN.d.ts +3 -0
  30. package/dist/locales/zh-CN.js +97 -0
  31. package/dist/locales/zh-TW.d.ts +3 -0
  32. package/dist/locales/zh-TW.js +95 -0
  33. package/dist/nutui.react.es.js +549 -219
  34. package/dist/nutui.react.umd.js +22 -22
  35. package/dist/packages/configprovider/configprovider.scss +2 -0
  36. package/dist/packages/countdown/countdown.scss +3 -0
  37. package/dist/style.css +1 -1
  38. package/dist/style.es.js +1 -1
  39. package/dist/styles/themes/default.scss +2 -0
  40. package/dist/styles/variables-jdw.scss +376 -0
  41. package/dist/types/button/__test__/button.spec.d.ts +1 -0
  42. package/dist/types/configprovider/configprovider.d.ts +12 -0
  43. package/dist/types/configprovider/index.d.ts +3 -0
  44. package/dist/types/countdown/countdown.d.ts +15 -0
  45. package/dist/types/countdown/index.d.ts +2 -0
  46. package/dist/types/dialog/DialogWrap.d.ts +2 -2
  47. package/dist/types/dialog/DialogWrapper.d.ts +3 -0
  48. package/dist/types/dialog/config.d.ts +1 -1
  49. package/dist/types/nutui.react.d.ts +3 -1
  50. package/dist/types/toast/Notification.d.ts +1 -7
  51. 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 };
@@ -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(e) {
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
- footer: renderFooter()
316
+ lockScroll: lockScroll,
317
+ footer: renderFooter(),
318
+ onClosed: onClosed,
319
+ onCancel: onCancel
308
320
  }));
309
321
  };
310
322
 
@@ -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,
@@ -191,7 +191,7 @@ var NoticeBar = function NoticeBar(props) {
191
191
  }, 0);
192
192
  };
193
193
  /**
194
- * 利益点滚动方式一
194
+ * 滚动方式一
195
195
  */
196
196
 
197
197
 
@@ -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;
@@ -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
- }, "\u53D6\u6D88"), React__default.createElement("div", {
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
- }, "\u786E\u5B9A")), React__default.createElement("div", {
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, "\u4E0D\u5728\u8BE5\u533A\u95F4\u5185"));
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
- }, "\u53D6\u6D88"), React__default.createElement("div", {
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
- }, "\u786E\u8BA4")) : null)));
202
+ }, locale.confirm)) : null)));
199
203
  };
200
204
 
201
205
  ShortPassword.defaultProps = defaultProps;
@@ -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
- }, "\u91CD\u7B7E"), React__default.createElement(Button, {
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
- }, "\u786E\u8BA4"));
171
+ }, locale.confirm));
168
172
  };
169
173
 
170
174
  Signature.defaultProps = defaultProps;
@@ -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);