@nutui/nutui-react-taro 3.0.19-cpp.17 → 3.0.19-cpp.19
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/cjs/locales/base.d.ts +2 -0
- package/dist/cjs/locales/en-US.js +3 -1
- package/dist/cjs/locales/id-ID.js +3 -1
- package/dist/cjs/locales/tr-TR.js +3 -1
- package/dist/cjs/locales/zh-CN.js +3 -1
- package/dist/cjs/locales/zh-TW.js +3 -1
- package/dist/cjs/locales/zh-UG.js +3 -1
- package/dist/cjs/packages/checkbox/checkbox.js +6 -11
- package/dist/cjs/packages/dialog/dialog.js +5 -1
- package/dist/cjs/packages/popup/popup.js +6 -2
- package/dist/cjs/packages/radio/radio.js +9 -3
- package/dist/cjs/packages/switch/switch.js +10 -3
- package/dist/cjs/packages/textarea/textarea.js +2 -1
- package/dist/cjs/packages/toast/toast.js +2 -1
- package/dist/cjs/types/spec/checkbox/base.d.ts +0 -1
- package/dist/cjs/types/spec/dialog/base.d.ts +1 -0
- package/dist/cjs/types/spec/dialog/h5.d.ts +2 -0
- package/dist/cjs/types/spec/dialog/taro.d.ts +2 -0
- package/dist/cjs/types/spec/overlay/base.d.ts +1 -0
- package/dist/cjs/types/spec/popup/base.d.ts +1 -0
- package/dist/cjs/types/spec/radio/base.d.ts +1 -0
- package/dist/cjs/types/spec/switch/base.d.ts +1 -0
- package/dist/es/locales/base.d.ts +2 -0
- package/dist/es/locales/en-US.js +3 -1
- package/dist/es/locales/id-ID.js +3 -1
- package/dist/es/locales/tr-TR.js +3 -1
- package/dist/es/locales/zh-CN.js +3 -1
- package/dist/es/locales/zh-TW.js +3 -1
- package/dist/es/locales/zh-UG.js +3 -1
- package/dist/es/packages/checkbox/checkbox.js +7 -12
- package/dist/es/packages/dialog/dialog.js +5 -1
- package/dist/es/packages/popup/popup.js +6 -2
- package/dist/es/packages/radio/radio.js +9 -3
- package/dist/es/packages/switch/switch.js +10 -3
- package/dist/es/packages/textarea/textarea.js +2 -1
- package/dist/es/packages/toast/toast.js +2 -1
- package/dist/es/types/spec/checkbox/base.d.ts +0 -1
- package/dist/es/types/spec/dialog/base.d.ts +1 -0
- package/dist/es/types/spec/dialog/h5.d.ts +2 -0
- package/dist/es/types/spec/dialog/taro.d.ts +2 -0
- package/dist/es/types/spec/overlay/base.d.ts +1 -0
- package/dist/es/types/spec/popup/base.d.ts +1 -0
- package/dist/es/types/spec/radio/base.d.ts +1 -0
- package/dist/es/types/spec/switch/base.d.ts +1 -0
- package/dist/nutui.react.umd.js +42 -23
- package/dist/style-jmapp.css +1 -1
- package/dist/style-jmapp.scss +27 -27
- package/dist/style-jrkf.css +1 -1
- package/dist/style-jrkf.scss +27 -27
- package/dist/style.css +1 -1
- package/dist/style.scss +26 -26
- package/package.json +1 -1
|
@@ -8,6 +8,7 @@ export interface BaseLang {
|
|
|
8
8
|
select: string;
|
|
9
9
|
edit: string;
|
|
10
10
|
reset: string;
|
|
11
|
+
close: string;
|
|
11
12
|
video: {
|
|
12
13
|
errorTip: string;
|
|
13
14
|
clickRetry: string;
|
|
@@ -140,4 +141,5 @@ export interface BaseLang {
|
|
|
140
141
|
watermark: {
|
|
141
142
|
errorCanvasTips: string;
|
|
142
143
|
};
|
|
144
|
+
mask: string;
|
|
143
145
|
}
|
|
@@ -18,6 +18,7 @@ var enUS = {
|
|
|
18
18
|
select: 'Select',
|
|
19
19
|
edit: 'Edit',
|
|
20
20
|
reset: 'Reset',
|
|
21
|
+
close: 'Close',
|
|
21
22
|
video: {
|
|
22
23
|
errorTip: 'Error Tip',
|
|
23
24
|
clickRetry: 'Click Retry'
|
|
@@ -163,6 +164,7 @@ var enUS = {
|
|
|
163
164
|
},
|
|
164
165
|
watermark: {
|
|
165
166
|
errorCanvasTips: 'Canvas is not supported in the current environment'
|
|
166
|
-
}
|
|
167
|
+
},
|
|
168
|
+
mask: 'Mask'
|
|
167
169
|
};
|
|
168
170
|
var _default = enUS;
|
|
@@ -18,6 +18,7 @@ var idID = {
|
|
|
18
18
|
select: 'Pilih',
|
|
19
19
|
edit: 'Sunting',
|
|
20
20
|
reset: 'Mengatur Ulang',
|
|
21
|
+
close: 'Tutup',
|
|
21
22
|
video: {
|
|
22
23
|
errorTip: 'Terjadi Kesalahan',
|
|
23
24
|
clickRetry: 'Coba Lagi'
|
|
@@ -163,6 +164,7 @@ var idID = {
|
|
|
163
164
|
},
|
|
164
165
|
watermark: {
|
|
165
166
|
errorCanvasTips: 'Canvas is not supported in the current environment'
|
|
166
|
-
}
|
|
167
|
+
},
|
|
168
|
+
mask: 'Masker'
|
|
167
169
|
};
|
|
168
170
|
var _default = idID;
|
|
@@ -18,6 +18,7 @@ var trTR = {
|
|
|
18
18
|
select: 'Seçiniz',
|
|
19
19
|
edit: 'düzenlemek',
|
|
20
20
|
reset: 'sıfırlama',
|
|
21
|
+
close: 'Kapat',
|
|
21
22
|
video: {
|
|
22
23
|
errorTip: 'Video yüklenemedi',
|
|
23
24
|
clickRetry: 'Yeniden Tıklayın'
|
|
@@ -163,6 +164,7 @@ var trTR = {
|
|
|
163
164
|
},
|
|
164
165
|
watermark: {
|
|
165
166
|
errorCanvasTips: 'Geçerli ortam Canvası desteklemiyor'
|
|
166
|
-
}
|
|
167
|
+
},
|
|
168
|
+
mask: 'Maske'
|
|
167
169
|
};
|
|
168
170
|
var _default = trTR;
|
|
@@ -18,6 +18,7 @@ var zhCN = {
|
|
|
18
18
|
select: '请选择',
|
|
19
19
|
edit: '编辑',
|
|
20
20
|
reset: '重置',
|
|
21
|
+
close: '关闭',
|
|
21
22
|
video: {
|
|
22
23
|
errorTip: '视频加载失败',
|
|
23
24
|
clickRetry: '点击重试'
|
|
@@ -163,6 +164,7 @@ var zhCN = {
|
|
|
163
164
|
},
|
|
164
165
|
watermark: {
|
|
165
166
|
errorCanvasTips: '当前环境不支持Canvas'
|
|
166
|
-
}
|
|
167
|
+
},
|
|
168
|
+
mask: '蒙层'
|
|
167
169
|
};
|
|
168
170
|
var _default = zhCN;
|
|
@@ -18,6 +18,7 @@ var zhCN = {
|
|
|
18
18
|
select: '請選擇',
|
|
19
19
|
edit: '編輯',
|
|
20
20
|
reset: '重置',
|
|
21
|
+
close: '關閉',
|
|
21
22
|
video: {
|
|
22
23
|
errorTip: '視頻加載失敗',
|
|
23
24
|
clickRetry: '點擊重試'
|
|
@@ -163,6 +164,7 @@ var zhCN = {
|
|
|
163
164
|
},
|
|
164
165
|
watermark: {
|
|
165
166
|
errorCanvasTips: '當前環境不支持Canvas'
|
|
166
|
-
}
|
|
167
|
+
},
|
|
168
|
+
mask: '蒙層'
|
|
167
169
|
};
|
|
168
170
|
var _default = zhCN;
|
|
@@ -18,6 +18,7 @@ var zhUG = {
|
|
|
18
18
|
select: 'تاللاڭ',
|
|
19
19
|
edit: 'يحرر',
|
|
20
20
|
reset: 'إعادة ضبط',
|
|
21
|
+
close: 'تاقاش',
|
|
21
22
|
video: {
|
|
22
23
|
errorTip: 'فىلىمنى قويۇش مەغلۇپ بولدى',
|
|
23
24
|
clickRetry: 'قايتا سىناش'
|
|
@@ -163,6 +164,7 @@ var zhUG = {
|
|
|
163
164
|
},
|
|
164
165
|
watermark: {
|
|
165
166
|
errorCanvasTips: 'Canvas نى قوللىمايدۇ'
|
|
166
|
-
}
|
|
167
|
+
},
|
|
168
|
+
mask: 'mask'
|
|
167
169
|
};
|
|
168
170
|
var _default = zhUG;
|
|
@@ -29,13 +29,12 @@ var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typing
|
|
|
29
29
|
icon: null,
|
|
30
30
|
activeIcon: null,
|
|
31
31
|
indeterminateIcon: null,
|
|
32
|
-
timeout: 300,
|
|
33
32
|
onChange: function onChange(value) {}
|
|
34
33
|
});
|
|
35
34
|
var classPrefix = 'nut-checkbox';
|
|
36
35
|
var Checkbox = function Checkbox(props) {
|
|
37
36
|
var children = (0, _object_spread._)({}, defaultProps, props).children;
|
|
38
|
-
var icon = props.icon, label = props.label, className = props.className, activeIcon = props.activeIcon, checked = props.checked, value = props.value, defaultChecked = props.defaultChecked, shape = props.shape, disabled = props.disabled, onChange = props.onChange, indeterminate = props.indeterminate, indeterminateIcon = props.indeterminateIcon,
|
|
37
|
+
var icon = props.icon, label = props.label, className = props.className, activeIcon = props.activeIcon, checked = props.checked, value = props.value, defaultChecked = props.defaultChecked, shape = props.shape, disabled = props.disabled, onChange = props.onChange, indeterminate = props.indeterminate, indeterminateIcon = props.indeterminateIcon, others = (0, _object_without_properties._)(props, [
|
|
39
38
|
"icon",
|
|
40
39
|
"label",
|
|
41
40
|
"className",
|
|
@@ -47,8 +46,7 @@ var Checkbox = function Checkbox(props) {
|
|
|
47
46
|
"disabled",
|
|
48
47
|
"onChange",
|
|
49
48
|
"indeterminate",
|
|
50
|
-
"indeterminateIcon"
|
|
51
|
-
"timeout"
|
|
49
|
+
"indeterminateIcon"
|
|
52
50
|
]);
|
|
53
51
|
// eslint-disable-next-line prefer-const
|
|
54
52
|
var labelPosition = others.labelPosition, rest = (0, _object_without_properties._)(others, [
|
|
@@ -142,15 +140,9 @@ var Checkbox = function Checkbox(props) {
|
|
|
142
140
|
className: (0, _classnames.default)("".concat(classPrefix, "-label "), (0, _define_property._)({}, "".concat(classPrefix, "-label-disabled"), innerDisabled))
|
|
143
141
|
}, children || label);
|
|
144
142
|
};
|
|
145
|
-
var loadingRef = (0, _react.useRef)(false);
|
|
146
143
|
var handleClick = function handleClick() {
|
|
147
144
|
// 禁用的时候直接返回
|
|
148
145
|
if (disabled) return;
|
|
149
|
-
if (loadingRef.current) return;
|
|
150
|
-
loadingRef.current = true;
|
|
151
|
-
setTimeout(function() {
|
|
152
|
-
loadingRef.current = false;
|
|
153
|
-
}, timeout);
|
|
154
146
|
// 先转换状态
|
|
155
147
|
var latestChecked = !innerChecked;
|
|
156
148
|
setChecked(latestChecked);
|
|
@@ -179,7 +171,10 @@ var Checkbox = function Checkbox(props) {
|
|
|
179
171
|
return /*#__PURE__*/ _react.default.createElement(_components.View, (0, _object_spread_props._)((0, _object_spread._)({
|
|
180
172
|
className: (0, _classnames.default)(classPrefix, (_obj = {}, (0, _define_property._)(_obj, "".concat(classPrefix, "-reverse"), labelPosition === 'left'), (0, _define_property._)(_obj, 'nut-checkbox-list-item', ctx === null || ctx === void 0 ? void 0 : ctx.list), (0, _define_property._)(_obj, "".concat(classPrefix, "-active"), innerChecked), _obj), className)
|
|
181
173
|
}, rest), {
|
|
182
|
-
onClick: handleClick
|
|
174
|
+
onClick: handleClick,
|
|
175
|
+
ariaRole: "checkbox",
|
|
176
|
+
tabIndex: innerDisabled ? -1 : 0,
|
|
177
|
+
ariaChecked: innerIndeterminate ? 'mixed' : innerChecked
|
|
183
178
|
}), renderCheckboxItem());
|
|
184
179
|
};
|
|
185
180
|
Checkbox.displayName = 'NutCheckBox';
|
|
@@ -206,7 +206,11 @@ var BaseDialog = function BaseDialog(props) {
|
|
|
206
206
|
var systomIcon = closeIconPosition !== 'bottom' ? /*#__PURE__*/ _react.default.createElement(_iconsreacttaro.Close, null) : /*#__PURE__*/ _react.default.createElement(_iconsreacttaro.Failure, null);
|
|
207
207
|
return /*#__PURE__*/ _react.default.createElement(_components.View, {
|
|
208
208
|
className: closeClasses,
|
|
209
|
-
onClick: handleClose
|
|
209
|
+
onClick: handleClose,
|
|
210
|
+
ariaRole: "button",
|
|
211
|
+
ariaLabel: locale.close,
|
|
212
|
+
// @ts-ignore
|
|
213
|
+
tabIndex: 0
|
|
210
214
|
}, /*#__PURE__*/ _react.default.isValidElement(closeIcon) ? closeIcon : systomIcon);
|
|
211
215
|
};
|
|
212
216
|
var onHandleClickOverlay = function onHandleClickOverlay(e) {
|
|
@@ -28,6 +28,7 @@ var _index = /*#__PURE__*/ _interop_require_default._(require("../overlay/index"
|
|
|
28
28
|
var _uselockscoll = require("../../hooks/taro/use-lock-scoll");
|
|
29
29
|
var _platform = require("../../utils/taro/platform");
|
|
30
30
|
var _pxtransform = require("../../utils/taro/px-transform");
|
|
31
|
+
var _configprovider = require("../configprovider/configprovider");
|
|
31
32
|
var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _overlay.defaultOverlayProps), {
|
|
32
33
|
position: 'center',
|
|
33
34
|
transition: '',
|
|
@@ -57,7 +58,7 @@ var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _overla
|
|
|
57
58
|
// 默认1000,参看variables
|
|
58
59
|
var _zIndex = 1100;
|
|
59
60
|
var Popup = function Popup(props) {
|
|
60
|
-
var _$_object_spread = (0, _object_spread._)({}, defaultProps, props), children = _$_object_spread.children, visible = _$_object_spread.visible, overlay = _$_object_spread.overlay, closeOnOverlayClick = _$_object_spread.closeOnOverlayClick, overlayStyle = _$_object_spread.overlayStyle, overlayClassName = _$_object_spread.overlayClassName, zIndex = _$_object_spread.zIndex, lockScroll = _$_object_spread.lockScroll, duration = _$_object_spread.duration, closeable = _$_object_spread.closeable, closeIconPosition = _$_object_spread.closeIconPosition, closeIcon = _$_object_spread.closeIcon, left = _$_object_spread.left, title = _$_object_spread.title, top = _$_object_spread.top, description = _$_object_spread.description, style = _$_object_spread.style, transition = _$_object_spread.transition, round = _$_object_spread.round, position = _$_object_spread.position, className = _$_object_spread.className, destroyOnClose = _$_object_spread.destroyOnClose, portal = _$_object_spread.portal, resizable = _$_object_spread.resizable, minHeight = _$_object_spread.minHeight, onOpen = _$_object_spread.onOpen, onClose = _$_object_spread.onClose, onOverlayClick = _$_object_spread.onOverlayClick, onCloseIconClick = _$_object_spread.onCloseIconClick, afterShow = _$_object_spread.afterShow, afterClose = _$_object_spread.afterClose, onClick = _$_object_spread.onClick, onTouchStart = _$_object_spread.onTouchStart, onTouchMove = _$_object_spread.onTouchMove, onTouchEnd = _$_object_spread.onTouchEnd;
|
|
61
|
+
var _$_object_spread = (0, _object_spread._)({}, defaultProps, props), children = _$_object_spread.children, visible = _$_object_spread.visible, overlay = _$_object_spread.overlay, closeOnOverlayClick = _$_object_spread.closeOnOverlayClick, overlayStyle = _$_object_spread.overlayStyle, overlayClassName = _$_object_spread.overlayClassName, zIndex = _$_object_spread.zIndex, lockScroll = _$_object_spread.lockScroll, duration = _$_object_spread.duration, closeable = _$_object_spread.closeable, closeIconPosition = _$_object_spread.closeIconPosition, closeIcon = _$_object_spread.closeIcon, left = _$_object_spread.left, title = _$_object_spread.title, top = _$_object_spread.top, description = _$_object_spread.description, style = _$_object_spread.style, transition = _$_object_spread.transition, round = _$_object_spread.round, position = _$_object_spread.position, className = _$_object_spread.className, destroyOnClose = _$_object_spread.destroyOnClose, portal = _$_object_spread.portal, resizable = _$_object_spread.resizable, minHeight = _$_object_spread.minHeight, onOpen = _$_object_spread.onOpen, onClose = _$_object_spread.onClose, onOverlayClick = _$_object_spread.onOverlayClick, onCloseIconClick = _$_object_spread.onCloseIconClick, afterShow = _$_object_spread.afterShow, afterClose = _$_object_spread.afterClose, onClick = _$_object_spread.onClick, onTouchStart = _$_object_spread.onTouchStart, onTouchMove = _$_object_spread.onTouchMove, onTouchEnd = _$_object_spread.onTouchEnd, closeAriaLabel = _$_object_spread.closeAriaLabel;
|
|
61
62
|
var innerIndex = zIndex || _zIndex;
|
|
62
63
|
var _useState = (0, _sliced_to_array._)((0, _react.useState)(innerIndex), 2), index = _useState[0], setIndex = _useState[1];
|
|
63
64
|
var _useState1 = (0, _sliced_to_array._)((0, _react.useState)(visible), 2), innerVisible = _useState1[0], setInnerVisible = _useState1[1];
|
|
@@ -71,6 +72,7 @@ var Popup = function Popup(props) {
|
|
|
71
72
|
var heightRef = (0, _react.useRef)(0);
|
|
72
73
|
var defaultHeightRef = (0, _react.useRef)(0);
|
|
73
74
|
var isTouching = (0, _react.useRef)(false);
|
|
75
|
+
var locale = (0, _configprovider.useConfig)().locale;
|
|
74
76
|
var classPrefix = 'nut-popup';
|
|
75
77
|
var overlayStyles = (0, _object_spread._)({}, overlayStyle);
|
|
76
78
|
var contentZIndex = (0, _platform.harmony)() ? index + 1 : index // 解决harmony层级问题
|
|
@@ -160,7 +162,9 @@ var Popup = function Popup(props) {
|
|
|
160
162
|
var closeClasses = (0, _classnames.default)("".concat(classPrefix, "-title-right"), "".concat(classPrefix, "-title-right-").concat(closeIconPosition));
|
|
161
163
|
return /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, closeable && /*#__PURE__*/ _react.default.createElement(_components.View, {
|
|
162
164
|
className: closeClasses,
|
|
163
|
-
onClick: handleCloseIconClick
|
|
165
|
+
onClick: handleCloseIconClick,
|
|
166
|
+
ariaRole: "button",
|
|
167
|
+
ariaLabel: closeAriaLabel || locale.close
|
|
164
168
|
}, /*#__PURE__*/ _react.default.isValidElement(closeIcon) ? closeIcon : /*#__PURE__*/ _react.default.createElement(_iconsreacttaro.Close, null)));
|
|
165
169
|
};
|
|
166
170
|
var renderTop = function renderTop() {
|
|
@@ -33,7 +33,7 @@ var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typing
|
|
|
33
33
|
});
|
|
34
34
|
var Radio = function Radio(props) {
|
|
35
35
|
var classPrefix = 'nut-radio';
|
|
36
|
-
var _ref = (0, _object_spread._)({}, defaultProps, props), children = _ref.children, className = _ref.className, style = _ref.style, checked = _ref.checked, defaultChecked = _ref.defaultChecked, shape = _ref.shape, value = _ref.value, icon = _ref.icon, activeIcon = _ref.activeIcon, onChange = _ref.onChange, others = (0, _object_without_properties._)(_ref, [
|
|
36
|
+
var _ref = (0, _object_spread._)({}, defaultProps, props), children = _ref.children, className = _ref.className, style = _ref.style, checked = _ref.checked, defaultChecked = _ref.defaultChecked, shape = _ref.shape, value = _ref.value, icon = _ref.icon, activeIcon = _ref.activeIcon, onChange = _ref.onChange, ariaLabel = _ref.ariaLabel, others = (0, _object_without_properties._)(_ref, [
|
|
37
37
|
"children",
|
|
38
38
|
"className",
|
|
39
39
|
"style",
|
|
@@ -43,7 +43,8 @@ var Radio = function Radio(props) {
|
|
|
43
43
|
"value",
|
|
44
44
|
"icon",
|
|
45
45
|
"activeIcon",
|
|
46
|
-
"onChange"
|
|
46
|
+
"onChange",
|
|
47
|
+
"ariaLabel"
|
|
47
48
|
]);
|
|
48
49
|
// eslint-disable-next-line prefer-const
|
|
49
50
|
var labelPosition = others.labelPosition, disabled = others.disabled;
|
|
@@ -122,7 +123,12 @@ var Radio = function Radio(props) {
|
|
|
122
123
|
return /*#__PURE__*/ _react.default.createElement(_components.View, {
|
|
123
124
|
className: cls,
|
|
124
125
|
style: style,
|
|
125
|
-
onClick: handleClick
|
|
126
|
+
onClick: handleClick,
|
|
127
|
+
ariaRole: "radio",
|
|
128
|
+
ariaLabel: ariaLabel,
|
|
129
|
+
// @ts-ignore
|
|
130
|
+
ariaChecked: checkedStatement,
|
|
131
|
+
ariaDisabled: disabled
|
|
126
132
|
}, renderRadioItem());
|
|
127
133
|
};
|
|
128
134
|
Radio.displayName = 'NutRadio';
|
|
@@ -33,7 +33,7 @@ var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typing
|
|
|
33
33
|
onLoadingChange: function onLoadingChange(loading) {}
|
|
34
34
|
});
|
|
35
35
|
var Switch = function Switch(props) {
|
|
36
|
-
var _ref = (0, _object_spread._)({}, defaultProps, props), checked = _ref.checked, defaultChecked = _ref.defaultChecked, disabled = _ref.disabled, activeText = _ref.activeText, inactiveText = _ref.inactiveText, loadingIcon = _ref.loadingIcon, className = _ref.className, style = _ref.style, onChange = _ref.onChange, propLoading = _ref.loading, onLoadingChange = _ref.onLoadingChange, rest = (0, _object_without_properties._)(_ref, [
|
|
36
|
+
var _ref = (0, _object_spread._)({}, defaultProps, props), checked = _ref.checked, defaultChecked = _ref.defaultChecked, disabled = _ref.disabled, activeText = _ref.activeText, inactiveText = _ref.inactiveText, loadingIcon = _ref.loadingIcon, className = _ref.className, style = _ref.style, onChange = _ref.onChange, propLoading = _ref.loading, onLoadingChange = _ref.onLoadingChange, ariaLabel = _ref.ariaLabel, rest = (0, _object_without_properties._)(_ref, [
|
|
37
37
|
"checked",
|
|
38
38
|
"defaultChecked",
|
|
39
39
|
"disabled",
|
|
@@ -44,7 +44,8 @@ var Switch = function Switch(props) {
|
|
|
44
44
|
"style",
|
|
45
45
|
"onChange",
|
|
46
46
|
"loading",
|
|
47
|
-
"onLoadingChange"
|
|
47
|
+
"onLoadingChange",
|
|
48
|
+
"ariaLabel"
|
|
48
49
|
]);
|
|
49
50
|
var classPrefix = 'nut-switch';
|
|
50
51
|
var rtl = (0, _index.useRtl)();
|
|
@@ -126,7 +127,13 @@ var Switch = function Switch(props) {
|
|
|
126
127
|
return /*#__PURE__*/ _react.default.createElement(_components.View, (0, _object_spread._)({
|
|
127
128
|
className: classes(),
|
|
128
129
|
onClick: onClick,
|
|
129
|
-
style: style
|
|
130
|
+
style: style,
|
|
131
|
+
ariaRole: "switch",
|
|
132
|
+
// @ts-ignore
|
|
133
|
+
ariaChecked: value,
|
|
134
|
+
ariaDisabled: disabled,
|
|
135
|
+
tabIndex: disabled ? -1 : 0,
|
|
136
|
+
ariaLabel: ariaLabel
|
|
130
137
|
}, rest), /*#__PURE__*/ _react.default.createElement(_components.View, {
|
|
131
138
|
className: (0, _classnames.default)([
|
|
132
139
|
[
|
|
@@ -135,7 +135,8 @@ var TextArea = /*#__PURE__*/ (0, _react.forwardRef)(function(props, ref) {
|
|
|
135
135
|
onFocus: handleFocus,
|
|
136
136
|
autoHeight: autoSize,
|
|
137
137
|
maxlength: maxLength,
|
|
138
|
-
placeholder: placeholder !== undefined ? placeholder : locale.placeholder
|
|
138
|
+
placeholder: placeholder !== undefined ? placeholder : locale.placeholder,
|
|
139
|
+
showCount: showCount
|
|
139
140
|
})), showCount && /*#__PURE__*/ _react.default.createElement(_components.View, {
|
|
140
141
|
className: (0, _classnames.default)("".concat(classPrefix, "-limit"), (0, _define_property._)({}, "".concat(classPrefix, "-limit-disabled"), disabled))
|
|
141
142
|
}, innerValue.length, "/", maxLength < 0 ? 0 : maxLength)));
|
|
@@ -155,7 +155,8 @@ var Toast = function Toast(props) {
|
|
|
155
155
|
id: id
|
|
156
156
|
}, /*#__PURE__*/ _react.default.createElement(_components.View, {
|
|
157
157
|
className: (0, _classnames.default)("".concat(classPrefix, "-inner"), "".concat(classPrefix, "-").concat(position), contentClassName, "".concat(classPrefix, "-inner-").concat(size), "".concat(classPrefix, "-inner-").concat(wordBreak), (0, _define_property._)({}, "".concat(classPrefix, "-inner-descrption"), content)),
|
|
158
|
-
style: (0, _object_spread._)({}, styles, contentStyle)
|
|
158
|
+
style: (0, _object_spread._)({}, styles, contentStyle),
|
|
159
|
+
ariaRole: "alert"
|
|
159
160
|
}, renderIcon(), title && /*#__PURE__*/ _react.default.createElement(_components.Text, {
|
|
160
161
|
className: "".concat(classPrefix, "-title")
|
|
161
162
|
}, title), content && ((0, _platform.td)() ? /*#__PURE__*/ _react.default.createElement(_components.Text, {
|
|
@@ -39,6 +39,7 @@ export interface BaseDialog extends DialogWrapProps {
|
|
|
39
39
|
beforeClose: () => boolean;
|
|
40
40
|
beforeCancel: () => boolean;
|
|
41
41
|
onConfirm: (e?: MouseEvent<HTMLButtonElement>) => PromiseLike<any> | void;
|
|
42
|
+
ariaLabel?: string;
|
|
42
43
|
}
|
|
43
44
|
export type DialogReturnProps = {
|
|
44
45
|
update: (newConfig: Partial<BaseDialog>) => void;
|
|
@@ -2,6 +2,8 @@ import { ITouchEvent } from '@tarojs/components';
|
|
|
2
2
|
import { BaseDialog, BaseContentProps } from './base';
|
|
3
3
|
export interface TaroContentProps extends BaseContentProps {
|
|
4
4
|
onClick: (event: ITouchEvent) => void;
|
|
5
|
+
ariaRole?: string;
|
|
6
|
+
ariaLabel?: string;
|
|
5
7
|
}
|
|
6
8
|
export interface TaroDialogProps extends Omit<BaseDialog, 'onOverlayClick' | 'onClick'> {
|
|
7
9
|
onClick: (event: ITouchEvent) => void;
|
|
@@ -26,4 +26,5 @@ export interface BasePopup extends BaseProps, BaseOverlay {
|
|
|
26
26
|
onTouchMove: (height: number, e: any, direction: 'up' | 'down') => void;
|
|
27
27
|
onTouchStart: (height: number, e: any) => void;
|
|
28
28
|
onTouchEnd: (height: number, e: any) => void;
|
|
29
|
+
closeAriaLabel?: string;
|
|
29
30
|
}
|
|
@@ -8,6 +8,7 @@ export interface BaseLang {
|
|
|
8
8
|
select: string;
|
|
9
9
|
edit: string;
|
|
10
10
|
reset: string;
|
|
11
|
+
close: string;
|
|
11
12
|
video: {
|
|
12
13
|
errorTip: string;
|
|
13
14
|
clickRetry: string;
|
|
@@ -140,4 +141,5 @@ export interface BaseLang {
|
|
|
140
141
|
watermark: {
|
|
141
142
|
errorCanvasTips: string;
|
|
142
143
|
};
|
|
144
|
+
mask: string;
|
|
143
145
|
}
|
package/dist/es/locales/en-US.js
CHANGED
|
@@ -8,6 +8,7 @@ var enUS = {
|
|
|
8
8
|
select: 'Select',
|
|
9
9
|
edit: 'Edit',
|
|
10
10
|
reset: 'Reset',
|
|
11
|
+
close: 'Close',
|
|
11
12
|
video: {
|
|
12
13
|
errorTip: 'Error Tip',
|
|
13
14
|
clickRetry: 'Click Retry'
|
|
@@ -153,6 +154,7 @@ var enUS = {
|
|
|
153
154
|
},
|
|
154
155
|
watermark: {
|
|
155
156
|
errorCanvasTips: 'Canvas is not supported in the current environment'
|
|
156
|
-
}
|
|
157
|
+
},
|
|
158
|
+
mask: 'Mask'
|
|
157
159
|
};
|
|
158
160
|
export default enUS;
|
package/dist/es/locales/id-ID.js
CHANGED
|
@@ -8,6 +8,7 @@ var idID = {
|
|
|
8
8
|
select: 'Pilih',
|
|
9
9
|
edit: 'Sunting',
|
|
10
10
|
reset: 'Mengatur Ulang',
|
|
11
|
+
close: 'Tutup',
|
|
11
12
|
video: {
|
|
12
13
|
errorTip: 'Terjadi Kesalahan',
|
|
13
14
|
clickRetry: 'Coba Lagi'
|
|
@@ -153,6 +154,7 @@ var idID = {
|
|
|
153
154
|
},
|
|
154
155
|
watermark: {
|
|
155
156
|
errorCanvasTips: 'Canvas is not supported in the current environment'
|
|
156
|
-
}
|
|
157
|
+
},
|
|
158
|
+
mask: 'Masker'
|
|
157
159
|
};
|
|
158
160
|
export default idID;
|
package/dist/es/locales/tr-TR.js
CHANGED
|
@@ -8,6 +8,7 @@ var trTR = {
|
|
|
8
8
|
select: 'Seçiniz',
|
|
9
9
|
edit: 'düzenlemek',
|
|
10
10
|
reset: 'sıfırlama',
|
|
11
|
+
close: 'Kapat',
|
|
11
12
|
video: {
|
|
12
13
|
errorTip: 'Video yüklenemedi',
|
|
13
14
|
clickRetry: 'Yeniden Tıklayın'
|
|
@@ -153,6 +154,7 @@ var trTR = {
|
|
|
153
154
|
},
|
|
154
155
|
watermark: {
|
|
155
156
|
errorCanvasTips: 'Geçerli ortam Canvası desteklemiyor'
|
|
156
|
-
}
|
|
157
|
+
},
|
|
158
|
+
mask: 'Maske'
|
|
157
159
|
};
|
|
158
160
|
export default trTR;
|
package/dist/es/locales/zh-CN.js
CHANGED
|
@@ -8,6 +8,7 @@ var zhCN = {
|
|
|
8
8
|
select: '请选择',
|
|
9
9
|
edit: '编辑',
|
|
10
10
|
reset: '重置',
|
|
11
|
+
close: '关闭',
|
|
11
12
|
video: {
|
|
12
13
|
errorTip: '视频加载失败',
|
|
13
14
|
clickRetry: '点击重试'
|
|
@@ -153,6 +154,7 @@ var zhCN = {
|
|
|
153
154
|
},
|
|
154
155
|
watermark: {
|
|
155
156
|
errorCanvasTips: '当前环境不支持Canvas'
|
|
156
|
-
}
|
|
157
|
+
},
|
|
158
|
+
mask: '蒙层'
|
|
157
159
|
};
|
|
158
160
|
export default zhCN;
|
package/dist/es/locales/zh-TW.js
CHANGED
|
@@ -8,6 +8,7 @@ var zhCN = {
|
|
|
8
8
|
select: '請選擇',
|
|
9
9
|
edit: '編輯',
|
|
10
10
|
reset: '重置',
|
|
11
|
+
close: '關閉',
|
|
11
12
|
video: {
|
|
12
13
|
errorTip: '視頻加載失敗',
|
|
13
14
|
clickRetry: '點擊重試'
|
|
@@ -153,6 +154,7 @@ var zhCN = {
|
|
|
153
154
|
},
|
|
154
155
|
watermark: {
|
|
155
156
|
errorCanvasTips: '當前環境不支持Canvas'
|
|
156
|
-
}
|
|
157
|
+
},
|
|
158
|
+
mask: '蒙層'
|
|
157
159
|
};
|
|
158
160
|
export default zhCN;
|
package/dist/es/locales/zh-UG.js
CHANGED
|
@@ -8,6 +8,7 @@ var zhUG = {
|
|
|
8
8
|
select: 'تاللاڭ',
|
|
9
9
|
edit: 'يحرر',
|
|
10
10
|
reset: 'إعادة ضبط',
|
|
11
|
+
close: 'تاقاش',
|
|
11
12
|
video: {
|
|
12
13
|
errorTip: 'فىلىمنى قويۇش مەغلۇپ بولدى',
|
|
13
14
|
clickRetry: 'قايتا سىناش'
|
|
@@ -153,6 +154,7 @@ var zhUG = {
|
|
|
153
154
|
},
|
|
154
155
|
watermark: {
|
|
155
156
|
errorCanvasTips: 'Canvas نى قوللىمايدۇ'
|
|
156
|
-
}
|
|
157
|
+
},
|
|
158
|
+
mask: 'mask'
|
|
157
159
|
};
|
|
158
160
|
export default zhUG;
|
|
@@ -3,7 +3,7 @@ import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
|
|
|
3
3
|
import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
|
|
4
4
|
import { _ as _object_without_properties } from "@swc/helpers/_/_object_without_properties";
|
|
5
5
|
import { _ as _sliced_to_array } from "@swc/helpers/_/_sliced_to_array";
|
|
6
|
-
import React, { useContext, useEffect,
|
|
6
|
+
import React, { useContext, useEffect, useState } from "react";
|
|
7
7
|
import { CheckDisabled, Checked, CheckNormal } from "@nutui/icons-react-taro";
|
|
8
8
|
import classNames from "classnames";
|
|
9
9
|
import { View } from "@tarojs/components";
|
|
@@ -17,13 +17,12 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
|
|
|
17
17
|
icon: null,
|
|
18
18
|
activeIcon: null,
|
|
19
19
|
indeterminateIcon: null,
|
|
20
|
-
timeout: 300,
|
|
21
20
|
onChange: function(value) {}
|
|
22
21
|
});
|
|
23
22
|
var classPrefix = 'nut-checkbox';
|
|
24
23
|
export var Checkbox = function(props) {
|
|
25
24
|
var children = _object_spread({}, defaultProps, props).children;
|
|
26
|
-
var icon = props.icon, label = props.label, className = props.className, activeIcon = props.activeIcon, checked = props.checked, value = props.value, defaultChecked = props.defaultChecked, shape = props.shape, disabled = props.disabled, onChange = props.onChange, indeterminate = props.indeterminate, indeterminateIcon = props.indeterminateIcon,
|
|
25
|
+
var icon = props.icon, label = props.label, className = props.className, activeIcon = props.activeIcon, checked = props.checked, value = props.value, defaultChecked = props.defaultChecked, shape = props.shape, disabled = props.disabled, onChange = props.onChange, indeterminate = props.indeterminate, indeterminateIcon = props.indeterminateIcon, others = _object_without_properties(props, [
|
|
27
26
|
"icon",
|
|
28
27
|
"label",
|
|
29
28
|
"className",
|
|
@@ -35,8 +34,7 @@ export var Checkbox = function(props) {
|
|
|
35
34
|
"disabled",
|
|
36
35
|
"onChange",
|
|
37
36
|
"indeterminate",
|
|
38
|
-
"indeterminateIcon"
|
|
39
|
-
"timeout"
|
|
37
|
+
"indeterminateIcon"
|
|
40
38
|
]);
|
|
41
39
|
// eslint-disable-next-line prefer-const
|
|
42
40
|
var labelPosition = others.labelPosition, rest = _object_without_properties(others, [
|
|
@@ -130,15 +128,9 @@ export var Checkbox = function(props) {
|
|
|
130
128
|
className: classNames("".concat(classPrefix, "-label "), _define_property({}, "".concat(classPrefix, "-label-disabled"), innerDisabled))
|
|
131
129
|
}, children || label);
|
|
132
130
|
};
|
|
133
|
-
var loadingRef = useRef(false);
|
|
134
131
|
var handleClick = function() {
|
|
135
132
|
// 禁用的时候直接返回
|
|
136
133
|
if (disabled) return;
|
|
137
|
-
if (loadingRef.current) return;
|
|
138
|
-
loadingRef.current = true;
|
|
139
|
-
setTimeout(function() {
|
|
140
|
-
loadingRef.current = false;
|
|
141
|
-
}, timeout);
|
|
142
134
|
// 先转换状态
|
|
143
135
|
var latestChecked = !innerChecked;
|
|
144
136
|
setChecked(latestChecked);
|
|
@@ -167,7 +159,10 @@ export var Checkbox = function(props) {
|
|
|
167
159
|
return /*#__PURE__*/ React.createElement(View, _object_spread_props(_object_spread({
|
|
168
160
|
className: classNames(classPrefix, (_obj = {}, _define_property(_obj, "".concat(classPrefix, "-reverse"), labelPosition === 'left'), _define_property(_obj, 'nut-checkbox-list-item', ctx === null || ctx === void 0 ? void 0 : ctx.list), _define_property(_obj, "".concat(classPrefix, "-active"), innerChecked), _obj), className)
|
|
169
161
|
}, rest), {
|
|
170
|
-
onClick: handleClick
|
|
162
|
+
onClick: handleClick,
|
|
163
|
+
ariaRole: "checkbox",
|
|
164
|
+
tabIndex: innerDisabled ? -1 : 0,
|
|
165
|
+
ariaChecked: innerIndeterminate ? 'mixed' : innerChecked
|
|
171
166
|
}), renderCheckboxItem());
|
|
172
167
|
};
|
|
173
168
|
Checkbox.displayName = 'NutCheckBox';
|
|
@@ -183,7 +183,11 @@ export var BaseDialog = function(props) {
|
|
|
183
183
|
var systomIcon = closeIconPosition !== 'bottom' ? /*#__PURE__*/ React.createElement(Close, null) : /*#__PURE__*/ React.createElement(Failure, null);
|
|
184
184
|
return /*#__PURE__*/ React.createElement(View, {
|
|
185
185
|
className: closeClasses,
|
|
186
|
-
onClick: handleClose
|
|
186
|
+
onClick: handleClose,
|
|
187
|
+
ariaRole: "button",
|
|
188
|
+
ariaLabel: locale.close,
|
|
189
|
+
// @ts-ignore
|
|
190
|
+
tabIndex: 0
|
|
187
191
|
}, /*#__PURE__*/ React.isValidElement(closeIcon) ? closeIcon : systomIcon);
|
|
188
192
|
};
|
|
189
193
|
var onHandleClickOverlay = function(e) {
|
|
@@ -17,6 +17,7 @@ import Overlay from "../overlay/index";
|
|
|
17
17
|
import { useLockScrollTaro } from "../../hooks/taro/use-lock-scoll";
|
|
18
18
|
import { harmony } from "../../utils/taro/platform";
|
|
19
19
|
import { pxTransform } from "../../utils/taro/px-transform";
|
|
20
|
+
import { useConfig } from "../configprovider/configprovider";
|
|
20
21
|
var defaultProps = _object_spread_props(_object_spread({}, defaultOverlayProps), {
|
|
21
22
|
position: 'center',
|
|
22
23
|
transition: '',
|
|
@@ -46,7 +47,7 @@ var defaultProps = _object_spread_props(_object_spread({}, defaultOverlayProps),
|
|
|
46
47
|
// 默认1000,参看variables
|
|
47
48
|
var _zIndex = 1100;
|
|
48
49
|
export var Popup = function(props) {
|
|
49
|
-
var _$_object_spread = _object_spread({}, defaultProps, props), children = _$_object_spread.children, visible = _$_object_spread.visible, overlay = _$_object_spread.overlay, closeOnOverlayClick = _$_object_spread.closeOnOverlayClick, overlayStyle = _$_object_spread.overlayStyle, overlayClassName = _$_object_spread.overlayClassName, zIndex = _$_object_spread.zIndex, lockScroll = _$_object_spread.lockScroll, duration = _$_object_spread.duration, closeable = _$_object_spread.closeable, closeIconPosition = _$_object_spread.closeIconPosition, closeIcon = _$_object_spread.closeIcon, left = _$_object_spread.left, title = _$_object_spread.title, top = _$_object_spread.top, description = _$_object_spread.description, style = _$_object_spread.style, transition = _$_object_spread.transition, round = _$_object_spread.round, position = _$_object_spread.position, className = _$_object_spread.className, destroyOnClose = _$_object_spread.destroyOnClose, portal = _$_object_spread.portal, resizable = _$_object_spread.resizable, minHeight = _$_object_spread.minHeight, onOpen = _$_object_spread.onOpen, onClose = _$_object_spread.onClose, onOverlayClick = _$_object_spread.onOverlayClick, onCloseIconClick = _$_object_spread.onCloseIconClick, afterShow = _$_object_spread.afterShow, afterClose = _$_object_spread.afterClose, onClick = _$_object_spread.onClick, onTouchStart = _$_object_spread.onTouchStart, onTouchMove = _$_object_spread.onTouchMove, onTouchEnd = _$_object_spread.onTouchEnd;
|
|
50
|
+
var _$_object_spread = _object_spread({}, defaultProps, props), children = _$_object_spread.children, visible = _$_object_spread.visible, overlay = _$_object_spread.overlay, closeOnOverlayClick = _$_object_spread.closeOnOverlayClick, overlayStyle = _$_object_spread.overlayStyle, overlayClassName = _$_object_spread.overlayClassName, zIndex = _$_object_spread.zIndex, lockScroll = _$_object_spread.lockScroll, duration = _$_object_spread.duration, closeable = _$_object_spread.closeable, closeIconPosition = _$_object_spread.closeIconPosition, closeIcon = _$_object_spread.closeIcon, left = _$_object_spread.left, title = _$_object_spread.title, top = _$_object_spread.top, description = _$_object_spread.description, style = _$_object_spread.style, transition = _$_object_spread.transition, round = _$_object_spread.round, position = _$_object_spread.position, className = _$_object_spread.className, destroyOnClose = _$_object_spread.destroyOnClose, portal = _$_object_spread.portal, resizable = _$_object_spread.resizable, minHeight = _$_object_spread.minHeight, onOpen = _$_object_spread.onOpen, onClose = _$_object_spread.onClose, onOverlayClick = _$_object_spread.onOverlayClick, onCloseIconClick = _$_object_spread.onCloseIconClick, afterShow = _$_object_spread.afterShow, afterClose = _$_object_spread.afterClose, onClick = _$_object_spread.onClick, onTouchStart = _$_object_spread.onTouchStart, onTouchMove = _$_object_spread.onTouchMove, onTouchEnd = _$_object_spread.onTouchEnd, closeAriaLabel = _$_object_spread.closeAriaLabel;
|
|
50
51
|
var innerIndex = zIndex || _zIndex;
|
|
51
52
|
var _useState = _sliced_to_array(useState(innerIndex), 2), index = _useState[0], setIndex = _useState[1];
|
|
52
53
|
var _useState1 = _sliced_to_array(useState(visible), 2), innerVisible = _useState1[0], setInnerVisible = _useState1[1];
|
|
@@ -60,6 +61,7 @@ export var Popup = function(props) {
|
|
|
60
61
|
var heightRef = useRef(0);
|
|
61
62
|
var defaultHeightRef = useRef(0);
|
|
62
63
|
var isTouching = useRef(false);
|
|
64
|
+
var locale = useConfig().locale;
|
|
63
65
|
var classPrefix = 'nut-popup';
|
|
64
66
|
var overlayStyles = _object_spread({}, overlayStyle);
|
|
65
67
|
var contentZIndex = harmony() ? index + 1 : index // 解决harmony层级问题
|
|
@@ -149,7 +151,9 @@ export var Popup = function(props) {
|
|
|
149
151
|
var closeClasses = classNames("".concat(classPrefix, "-title-right"), "".concat(classPrefix, "-title-right-").concat(closeIconPosition));
|
|
150
152
|
return /*#__PURE__*/ React.createElement(React.Fragment, null, closeable && /*#__PURE__*/ React.createElement(View, {
|
|
151
153
|
className: closeClasses,
|
|
152
|
-
onClick: handleCloseIconClick
|
|
154
|
+
onClick: handleCloseIconClick,
|
|
155
|
+
ariaRole: "button",
|
|
156
|
+
ariaLabel: closeAriaLabel || locale.close
|
|
153
157
|
}, /*#__PURE__*/ React.isValidElement(closeIcon) ? closeIcon : /*#__PURE__*/ React.createElement(Close, null)));
|
|
154
158
|
};
|
|
155
159
|
var renderTop = function() {
|