@nutui/nutui-react-taro 3.0.19-cpp.22 → 3.0.19-cpp.24

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 (86) hide show
  1. package/dist/cjs/locales/ja-JP.d.ts +3 -0
  2. package/dist/cjs/locales/ja-JP.js +170 -0
  3. package/dist/cjs/packages/animatingnumbers/countup.js +2 -0
  4. package/dist/cjs/packages/avatar/avatar.js +3 -1
  5. package/dist/cjs/packages/checkbox/checkbox.js +15 -6
  6. package/dist/cjs/packages/checkbox/style/checkbox.scss +6 -2
  7. package/dist/cjs/packages/checkbox/style/style.css +6 -2
  8. package/dist/cjs/packages/checkbox/style/style.harmony.css +6 -2
  9. package/dist/cjs/packages/checkbox/style-jmapp/checkbox.scss +6 -2
  10. package/dist/cjs/packages/checkbox/style-jmapp/style.css +6 -2
  11. package/dist/cjs/packages/checkbox/style-jrkf/checkbox.scss +6 -2
  12. package/dist/cjs/packages/checkbox/style-jrkf/style.css +6 -2
  13. package/dist/cjs/packages/input/input.js +4 -3
  14. package/dist/cjs/packages/input/style/input.scss +1 -1
  15. package/dist/cjs/packages/input/style/style.css +1 -1
  16. package/dist/cjs/packages/input/style/style.harmony.css +1 -1
  17. package/dist/cjs/packages/input/style-jmapp/input.scss +1 -1
  18. package/dist/cjs/packages/input/style-jmapp/style.css +1 -1
  19. package/dist/cjs/packages/input/style-jrkf/input.scss +1 -1
  20. package/dist/cjs/packages/input/style-jrkf/style.css +1 -1
  21. package/dist/cjs/packages/radio/radio.js +7 -3
  22. package/dist/cjs/packages/radio/style/radio.scss +5 -0
  23. package/dist/cjs/packages/radio/style/style.css +5 -0
  24. package/dist/cjs/packages/radio/style/style.harmony.css +5 -0
  25. package/dist/cjs/packages/radio/style-jmapp/radio.scss +5 -0
  26. package/dist/cjs/packages/radio/style-jmapp/style.css +5 -0
  27. package/dist/cjs/packages/radio/style-jrkf/radio.scss +5 -0
  28. package/dist/cjs/packages/radio/style-jrkf/style.css +5 -0
  29. package/dist/cjs/packages/searchbar/searchbar.js +4 -4
  30. package/dist/cjs/packages/toast/toast.js +3 -2
  31. package/dist/cjs/types/spec/avatar/taro.d.ts +7 -1
  32. package/dist/cjs/types/spec/input/base.d.ts +2 -1
  33. package/dist/cjs/types/spec/searchbar/h5.d.ts +2 -1
  34. package/dist/cjs/types/spec/searchbar/taro.d.ts +1 -0
  35. package/dist/cjs/utils/taro/get-system-info.d.ts +0 -5
  36. package/dist/cjs/utils/taro/get-system-info.js +2 -7
  37. package/dist/es/locales/ja-JP.d.ts +3 -0
  38. package/dist/es/locales/ja-JP.js +160 -0
  39. package/dist/es/packages/animatingnumbers/countup.js +2 -0
  40. package/dist/es/packages/avatar/avatar.js +3 -1
  41. package/dist/es/packages/checkbox/checkbox.js +19 -8
  42. package/dist/es/packages/checkbox/style/checkbox.scss +6 -2
  43. package/dist/es/packages/checkbox/style/style.css +6 -2
  44. package/dist/es/packages/checkbox/style/style.harmony.css +6 -2
  45. package/dist/es/packages/checkbox/style-jmapp/checkbox.scss +6 -2
  46. package/dist/es/packages/checkbox/style-jmapp/style.css +6 -2
  47. package/dist/es/packages/checkbox/style-jrkf/checkbox.scss +6 -2
  48. package/dist/es/packages/checkbox/style-jrkf/style.css +6 -2
  49. package/dist/es/packages/input/input.js +4 -3
  50. package/dist/es/packages/input/style/input.scss +1 -1
  51. package/dist/es/packages/input/style/style.css +1 -1
  52. package/dist/es/packages/input/style/style.harmony.css +1 -1
  53. package/dist/es/packages/input/style-jmapp/input.scss +1 -1
  54. package/dist/es/packages/input/style-jmapp/style.css +1 -1
  55. package/dist/es/packages/input/style-jrkf/input.scss +1 -1
  56. package/dist/es/packages/input/style-jrkf/style.css +1 -1
  57. package/dist/es/packages/radio/radio.js +11 -5
  58. package/dist/es/packages/radio/style/radio.scss +5 -0
  59. package/dist/es/packages/radio/style/style.css +5 -0
  60. package/dist/es/packages/radio/style/style.harmony.css +5 -0
  61. package/dist/es/packages/radio/style-jmapp/radio.scss +5 -0
  62. package/dist/es/packages/radio/style-jmapp/style.css +5 -0
  63. package/dist/es/packages/radio/style-jrkf/radio.scss +5 -0
  64. package/dist/es/packages/radio/style-jrkf/style.css +5 -0
  65. package/dist/es/packages/searchbar/searchbar.js +4 -4
  66. package/dist/es/packages/toast/toast.js +3 -2
  67. package/dist/es/types/spec/avatar/taro.d.ts +7 -1
  68. package/dist/es/types/spec/input/base.d.ts +5 -1
  69. package/dist/es/types/spec/searchbar/h5.d.ts +2 -1
  70. package/dist/es/types/spec/searchbar/taro.d.ts +1 -0
  71. package/dist/es/utils/taro/get-system-info.d.ts +0 -5
  72. package/dist/es/utils/taro/get-system-info.js +9 -8
  73. package/dist/nutui.react.umd.js +54 -31
  74. package/dist/style-jmapp.css +1 -1
  75. package/dist/style-jmapp.scss +40 -40
  76. package/dist/style-jrkf.css +1 -1
  77. package/dist/style-jrkf.scss +41 -41
  78. package/dist/style.css +1 -1
  79. package/dist/style.scss +40 -40
  80. package/dist/styles/theme-daojia.scss +369 -0
  81. package/dist/styles/theme-dark-daojia.scss +365 -0
  82. package/dist/styles/themes/daojia.css +1 -0
  83. package/dist/styles/themes/dark-daojia.css +1 -0
  84. package/dist/styles/variables-daojia.scss +2583 -0
  85. package/dist/styles/variables.scss +1 -1
  86. package/package.json +1 -1
@@ -17,6 +17,7 @@
17
17
 
18
18
  &-icon-checked {
19
19
  color: $color-primary;
20
+ background-color: $white;
20
21
  transition-duration: 0.3s;
21
22
  transition-property: color, border-color, background-color;
22
23
  border-radius: 50%;
@@ -39,6 +40,7 @@
39
40
 
40
41
  &-icon-indeterminate {
41
42
  color: $color-primary;
43
+ background-color: $white;
42
44
  box-shadow: 0px 2px 4px 0px #ff0f2333;
43
45
  border-radius: 50%;
44
46
 
@@ -49,6 +51,8 @@
49
51
 
50
52
  &-icon-disabled {
51
53
  color: $color-text-disabled;
54
+ background-color: $white;
55
+ border-radius: 50%;
52
56
  box-shadow: none;
53
57
  }
54
58
 
@@ -63,10 +67,10 @@
63
67
 
64
68
  &-button {
65
69
  position: relative;
66
- /* #ifdef dynamic*/
70
+ /* #ifdef dynamic */
67
71
  display: flex;
68
72
  /* #endif */
69
- /* #ifndef dynamic*/
73
+ /* #ifndef dynamic */
70
74
  display: inline-flex;
71
75
  /* #endif */
72
76
  align-items: center;
@@ -19,6 +19,7 @@
19
19
  }
20
20
  .nut-checkbox-icon-checked {
21
21
  color: var(--nutui-color-primary);
22
+ background-color: #ffffff;
22
23
  transition-duration: 0.3s;
23
24
  transition-property: color, border-color, background-color;
24
25
  border-radius: 50%;
@@ -37,6 +38,7 @@
37
38
  }
38
39
  .nut-checkbox-icon-indeterminate {
39
40
  color: var(--nutui-color-primary);
41
+ background-color: #ffffff;
40
42
  box-shadow: 0px 2px 4px 0px rgba(255, 15, 35, 0.2);
41
43
  border-radius: 50%;
42
44
  }
@@ -45,6 +47,8 @@
45
47
  }
46
48
  .nut-checkbox-icon-disabled {
47
49
  color: var(--nutui-color-text-disabled);
50
+ background-color: #ffffff;
51
+ border-radius: 50%;
48
52
  box-shadow: none;
49
53
  }
50
54
  .nut-checkbox-reverse {
@@ -56,10 +60,10 @@
56
60
  }
57
61
  .nut-checkbox-button {
58
62
  position: relative;
59
- /* #ifdef dynamic*/
63
+ /* #ifdef dynamic */
60
64
  display: flex;
61
65
  /* #endif */
62
- /* #ifndef dynamic*/
66
+ /* #ifndef dynamic */
63
67
  display: inline-flex;
64
68
  /* #endif */
65
69
  align-items: center;
@@ -17,6 +17,7 @@
17
17
 
18
18
  &-icon-checked {
19
19
  color: $color-primary;
20
+ background-color: $white;
20
21
  transition-duration: 0.3s;
21
22
  transition-property: color, border-color, background-color;
22
23
  border-radius: 50%;
@@ -39,6 +40,7 @@
39
40
 
40
41
  &-icon-indeterminate {
41
42
  color: $color-primary;
43
+ background-color: $white;
42
44
  box-shadow: 0px 2px 4px 0px #ff0f2333;
43
45
  border-radius: 50%;
44
46
 
@@ -49,6 +51,8 @@
49
51
 
50
52
  &-icon-disabled {
51
53
  color: $color-text-disabled;
54
+ background-color: $white;
55
+ border-radius: 50%;
52
56
  box-shadow: none;
53
57
  }
54
58
 
@@ -63,10 +67,10 @@
63
67
 
64
68
  &-button {
65
69
  position: relative;
66
- /* #ifdef dynamic*/
70
+ /* #ifdef dynamic */
67
71
  display: flex;
68
72
  /* #endif */
69
- /* #ifndef dynamic*/
73
+ /* #ifndef dynamic */
70
74
  display: inline-flex;
71
75
  /* #endif */
72
76
  align-items: center;
@@ -19,6 +19,7 @@
19
19
  }
20
20
  .nut-checkbox-icon-checked {
21
21
  color: var(--nutui-color-primary, #ff6666);
22
+ background-color: #ffffff;
22
23
  transition-duration: 0.3s;
23
24
  transition-property: color, border-color, background-color;
24
25
  border-radius: 50%;
@@ -37,6 +38,7 @@
37
38
  }
38
39
  .nut-checkbox-icon-indeterminate {
39
40
  color: var(--nutui-color-primary, #ff6666);
41
+ background-color: #ffffff;
40
42
  box-shadow: 0px 2px 4px 0px rgba(255, 15, 35, 0.2);
41
43
  border-radius: 50%;
42
44
  }
@@ -45,6 +47,8 @@
45
47
  }
46
48
  .nut-checkbox-icon-disabled {
47
49
  color: var(--nutui-color-text-disabled);
50
+ background-color: #ffffff;
51
+ border-radius: 50%;
48
52
  box-shadow: none;
49
53
  }
50
54
  .nut-checkbox-reverse {
@@ -56,10 +60,10 @@
56
60
  }
57
61
  .nut-checkbox-button {
58
62
  position: relative;
59
- /* #ifdef dynamic*/
63
+ /* #ifdef dynamic */
60
64
  display: flex;
61
65
  /* #endif */
62
- /* #ifndef dynamic*/
66
+ /* #ifndef dynamic */
63
67
  display: inline-flex;
64
68
  /* #endif */
65
69
  align-items: center;
@@ -42,7 +42,7 @@ export var Input = /*#__PURE__*/ forwardRef(function(props, ref) {
42
42
  var classPrefix = 'nut-input';
43
43
  var rtl = useRtl();
44
44
  var locale = useConfig().locale;
45
- var _ref = _object_spread({}, defaultProps, props), focus = _ref.focus, type = _ref.type, name = _ref.name, placeholder = _ref.placeholder, align = _ref.align, disabled = _ref.disabled, readOnly = _ref.readOnly, maxLength = _ref.maxLength, clearable = _ref.clearable, clearIcon = _ref.clearIcon, formatTrigger = _ref.formatTrigger, autoFocus = _ref.autoFocus, style = _ref.style, className = _ref.className, plain = _ref.plain, onChange = _ref.onChange, onFocus = _ref.onFocus, onBlur = _ref.onBlur, onClear = _ref.onClear, formatter = _ref.formatter, onClick = _ref.onClick, confirmType = _ref.confirmType, defaultValue = _ref.defaultValue, _value = _ref.value, rest = _object_without_properties(_ref, [
45
+ var _ref = _object_spread({}, defaultProps, props), focus = _ref.focus, type = _ref.type, name = _ref.name, placeholder = _ref.placeholder, align = _ref.align, disabled = _ref.disabled, readOnly = _ref.readOnly, maxLength = _ref.maxLength, clearable = _ref.clearable, clearIcon = _ref.clearIcon, formatTrigger = _ref.formatTrigger, autoFocus = _ref.autoFocus, style = _ref.style, className = _ref.className, plain = _ref.plain, inputStyle = _ref.inputStyle, onChange = _ref.onChange, onFocus = _ref.onFocus, onBlur = _ref.onBlur, onClear = _ref.onClear, formatter = _ref.formatter, onClick = _ref.onClick, confirmType = _ref.confirmType, defaultValue = _ref.defaultValue, _value = _ref.value, rest = _object_without_properties(_ref, [
46
46
  "focus",
47
47
  "type",
48
48
  "name",
@@ -58,6 +58,7 @@ export var Input = /*#__PURE__*/ forwardRef(function(props, ref) {
58
58
  "style",
59
59
  "className",
60
60
  "plain",
61
+ "inputStyle",
61
62
  "onChange",
62
63
  "onFocus",
63
64
  "onBlur",
@@ -176,9 +177,9 @@ export var Input = /*#__PURE__*/ forwardRef(function(props, ref) {
176
177
  name: name,
177
178
  className: "nut-input-native",
178
179
  ref: inputRef,
179
- style: {
180
+ style: _object_spread({}, {
180
181
  textAlign: getTextAlign()
181
- },
182
+ }, inputStyle),
182
183
  type: inputType(type),
183
184
  password: type === 'password',
184
185
  maxlength: maxLength,
@@ -31,7 +31,7 @@
31
31
 
32
32
  .nut-input-native {
33
33
  flex: 1;
34
- color: $color-title;
34
+ color: $input-color;
35
35
  font-size: $input-font-size;
36
36
  padding: 0;
37
37
  border: 0;
@@ -32,7 +32,7 @@
32
32
 
33
33
  .nut-input-native {
34
34
  flex: 1;
35
- color: var(--nutui-color-title, #1a1a1a);
35
+ color: var(--nutui-input-color, var(--nutui-color-title, #1a1a1a));
36
36
  font-size: var(--nutui-input-font-size, var(--nutui-font-size-base, 14px));
37
37
  padding: 0;
38
38
  border: 0;
@@ -32,7 +32,7 @@
32
32
 
33
33
  .nut-input-native {
34
34
  flex: 1;
35
- color: var(--nutui-color-title, #1a1a1a);
35
+ color: var(--nutui-input-color, var(--nutui-color-title, #1a1a1a));
36
36
  font-size: var(--nutui-input-font-size, var(--nutui-font-size-base, 14px));
37
37
  padding: 0;
38
38
  border: 0;
@@ -31,7 +31,7 @@
31
31
 
32
32
  .nut-input-native {
33
33
  flex: 1;
34
- color: $color-title;
34
+ color: $input-color;
35
35
  font-size: $input-font-size;
36
36
  padding: 0;
37
37
  border: 0;
@@ -32,7 +32,7 @@
32
32
 
33
33
  .nut-input-native {
34
34
  flex: 1;
35
- color: var(--nutui-color-title);
35
+ color: var(--nutui-input-color, var(--nutui-color-text));
36
36
  font-size: var(--nutui-input-font-size, var(--nutui-font-text));
37
37
  padding: 0;
38
38
  border: 0;
@@ -31,7 +31,7 @@
31
31
 
32
32
  .nut-input-native {
33
33
  flex: 1;
34
- color: $color-title;
34
+ color: $input-color;
35
35
  font-size: $input-font-size;
36
36
  padding: 0;
37
37
  border: 0;
@@ -32,7 +32,7 @@
32
32
 
33
33
  .nut-input-native {
34
34
  flex: 1;
35
- color: var(--nutui-color-title);
35
+ color: var(--nutui-input-color, var(--nutui-color-text));
36
36
  font-size: var(--nutui-input-font-size, var(--nutui-font-text));
37
37
  padding: 0;
38
38
  border: 0;
@@ -67,21 +67,27 @@ export var Radio = function(props) {
67
67
  var renderIcon = function() {
68
68
  var icon = props.icon, activeIcon = props.activeIcon;
69
69
  if (disabled && !checkedStatement) {
70
+ // @ts-ignore
70
71
  return /*#__PURE__*/ React.createElement(CheckDisabled, {
71
- className: classNames(color())
72
+ className: classNames(color()),
73
+ ariaHidden: true
72
74
  });
73
75
  }
74
76
  if (checkedStatement) {
75
77
  return /*#__PURE__*/ React.isValidElement(activeIcon) ? /*#__PURE__*/ React.cloneElement(activeIcon, _object_spread_props(_object_spread({}, activeIcon.props), {
76
78
  className: classNames(activeIcon.props.className, color())
77
- })) : /*#__PURE__*/ React.createElement(CheckChecked, {
78
- className: classNames(color())
79
+ })) : // @ts-ignore
80
+ /*#__PURE__*/ React.createElement(CheckChecked, {
81
+ className: classNames(color()),
82
+ ariaHidden: true
79
83
  });
80
84
  }
81
85
  return /*#__PURE__*/ React.isValidElement(icon) ? /*#__PURE__*/ React.cloneElement(icon, _object_spread_props(_object_spread({}, icon.props), {
82
86
  className: classNames(icon.props.className, color())
83
- })) : /*#__PURE__*/ React.createElement(CheckNormal, {
84
- className: classNames(color())
87
+ })) : // @ts-ignore
88
+ /*#__PURE__*/ React.createElement(CheckNormal, {
89
+ className: classNames(color()),
90
+ ariaHidden: true
85
91
  });
86
92
  };
87
93
  var renderLabel = function() {
@@ -24,20 +24,25 @@
24
24
 
25
25
  &-icon {
26
26
  color: $color-text-disabled;
27
+ background-color: $white;
27
28
  transition-duration: 0.3s;
28
29
  transition-property: color, border-color, background-color;
29
30
  font-size: $radio-icon-font-size;
31
+ border-radius: 50%;
30
32
  }
31
33
 
32
34
  &-icon {
33
35
  &-checked {
34
36
  color: $color-primary;
37
+ background-color: $white;
35
38
  box-shadow: 0px 2px 4px 0px #ff0f2333;
36
39
  border-radius: 50%;
37
40
 
38
41
  &.nut-radio-icon-disabled {
39
42
  color: $color-primary-disabled-special;
43
+ background-color: $white;
40
44
  box-shadow: none;
45
+ border-radius: 50%;
41
46
  }
42
47
  }
43
48
 
@@ -24,18 +24,23 @@
24
24
  }
25
25
  .nut-radio-icon {
26
26
  color: var(--nutui-color-text-disabled, #c2c4cc);
27
+ background-color: #ffffff;
27
28
  transition-duration: 0.3s;
28
29
  transition-property: color, border-color, background-color;
29
30
  font-size: var(--nutui-radio-icon-font-size, var(--nutui-font-size-icon, 16px));
31
+ border-radius: 50%;
30
32
  }
31
33
  .nut-radio-icon-checked {
32
34
  color: var(--nutui-color-primary, #ff0f23);
35
+ background-color: #ffffff;
33
36
  box-shadow: 0px 2px 4px 0px rgba(255, 15, 35, 0.2);
34
37
  border-radius: 50%;
35
38
  }
36
39
  .nut-radio-icon-checked.nut-radio-icon-disabled {
37
40
  color: var(--nutui-color-primary-disabled-special, #ffadbe);
41
+ background-color: #ffffff;
38
42
  box-shadow: none;
43
+ border-radius: 50%;
39
44
  }
40
45
  .nut-radio-icon-disabled {
41
46
  color: var(--nutui-color-text-disabled, #c2c4cc);
@@ -72,18 +72,23 @@
72
72
  }
73
73
  .nut-radio-icon {
74
74
  color: var(--nutui-color-text-disabled, #c2c4cc);
75
+ background-color: #ffffff;
75
76
  transition-duration: 0.3s;
76
77
  transition-property: color, border-color, background-color;
77
78
  font-size: var(--nutui-radio-icon-font-size, var(--nutui-font-size-icon, 16px));
79
+ border-radius: 50%;
78
80
  }
79
81
  .nut-radio-icon-checked {
80
82
  color: var(--nutui-color-primary, #ff0f23);
83
+ background-color: #ffffff;
81
84
  box-shadow: 0px 2px 4px 0px rgba(255, 15, 35, 0.2);
82
85
  border-radius: 50%;
83
86
  }
84
87
  .nut-radio-icon-checked.nut-radio-icon-disabled {
85
88
  color: var(--nutui-color-primary-disabled-special, #ffadbe);
89
+ background-color: #ffffff;
86
90
  box-shadow: none;
91
+ border-radius: 50%;
87
92
  }
88
93
  .nut-radio-icon-disabled {
89
94
  color: var(--nutui-color-text-disabled, #c2c4cc);
@@ -24,20 +24,25 @@
24
24
 
25
25
  &-icon {
26
26
  color: $color-text-disabled;
27
+ background-color: $white;
27
28
  transition-duration: 0.3s;
28
29
  transition-property: color, border-color, background-color;
29
30
  font-size: $radio-icon-font-size;
31
+ border-radius: 50%;
30
32
  }
31
33
 
32
34
  &-icon {
33
35
  &-checked {
34
36
  color: $color-primary;
37
+ background-color: $white;
35
38
  box-shadow: 0px 2px 4px 0px #ff0f2333;
36
39
  border-radius: 50%;
37
40
 
38
41
  &.nut-radio-icon-disabled {
39
42
  color: $color-primary-disabled-special;
43
+ background-color: $white;
40
44
  box-shadow: none;
45
+ border-radius: 50%;
41
46
  }
42
47
  }
43
48
 
@@ -24,18 +24,23 @@
24
24
  }
25
25
  .nut-radio-icon {
26
26
  color: var(--nutui-color-text-disabled);
27
+ background-color: #ffffff;
27
28
  transition-duration: 0.3s;
28
29
  transition-property: color, border-color, background-color;
29
30
  font-size: var(--nutui-radio-icon-font-size, var(--nutui-font-text-large));
31
+ border-radius: 50%;
30
32
  }
31
33
  .nut-radio-icon-checked {
32
34
  color: var(--nutui-color-primary);
35
+ background-color: #ffffff;
33
36
  box-shadow: 0px 2px 4px 0px rgba(255, 15, 35, 0.2);
34
37
  border-radius: 50%;
35
38
  }
36
39
  .nut-radio-icon-checked.nut-radio-icon-disabled {
37
40
  color: var(--nutui-color-primary-disabled);
41
+ background-color: #ffffff;
38
42
  box-shadow: none;
43
+ border-radius: 50%;
39
44
  }
40
45
  .nut-radio-icon-disabled {
41
46
  color: var(--nutui-color-text-disabled);
@@ -24,20 +24,25 @@
24
24
 
25
25
  &-icon {
26
26
  color: $color-text-disabled;
27
+ background-color: $white;
27
28
  transition-duration: 0.3s;
28
29
  transition-property: color, border-color, background-color;
29
30
  font-size: $radio-icon-font-size;
31
+ border-radius: 50%;
30
32
  }
31
33
 
32
34
  &-icon {
33
35
  &-checked {
34
36
  color: $color-primary;
37
+ background-color: $white;
35
38
  box-shadow: 0px 2px 4px 0px #ff0f2333;
36
39
  border-radius: 50%;
37
40
 
38
41
  &.nut-radio-icon-disabled {
39
42
  color: $color-primary-disabled-special;
43
+ background-color: $white;
40
44
  box-shadow: none;
45
+ border-radius: 50%;
41
46
  }
42
47
  }
43
48
 
@@ -24,18 +24,23 @@
24
24
  }
25
25
  .nut-radio-icon {
26
26
  color: var(--nutui-color-text-disabled);
27
+ background-color: #ffffff;
27
28
  transition-duration: 0.3s;
28
29
  transition-property: color, border-color, background-color;
29
30
  font-size: var(--nutui-radio-icon-font-size, var(--nutui-font-text-large));
31
+ border-radius: 50%;
30
32
  }
31
33
  .nut-radio-icon-checked {
32
34
  color: var(--nutui-color-primary, #ff6666);
35
+ background-color: #ffffff;
33
36
  box-shadow: 0px 2px 4px 0px rgba(255, 15, 35, 0.2);
34
37
  border-radius: 50%;
35
38
  }
36
39
  .nut-radio-icon-checked.nut-radio-icon-disabled {
37
40
  color: var(--nutui-color-primary-disabled-special, #ffadbe);
41
+ background-color: #ffffff;
38
42
  box-shadow: none;
43
+ border-radius: 50%;
39
44
  }
40
45
  .nut-radio-icon-disabled {
41
46
  color: var(--nutui-color-text-disabled);
@@ -29,7 +29,7 @@ export var SearchBar = function(props) {
29
29
  var classPrefix = 'nut-searchbar';
30
30
  var locale = useConfig().locale;
31
31
  var searchInputRef = useRef(null);
32
- var _$_object_spread = _object_spread({}, defaultProps, props), outerValue = _$_object_spread.value, defaultValue = _$_object_spread.defaultValue, style = _$_object_spread.style, placeholder = _$_object_spread.placeholder, shape = _$_object_spread.shape, className = _$_object_spread.className, disabled = _$_object_spread.disabled, maxLength = _$_object_spread.maxLength, clearable = _$_object_spread.clearable, readOnly = _$_object_spread.readOnly, autoFocus = _$_object_spread.autoFocus, backable = _$_object_spread.backable, right = _$_object_spread.right, left = _$_object_spread.left, leftIn = _$_object_spread.leftIn, rightIn = _$_object_spread.rightIn, tag = _$_object_spread.tag, onChange = _$_object_spread.onChange, onFocus = _$_object_spread.onFocus, onBlur = _$_object_spread.onBlur, onClear = _$_object_spread.onClear, onSearch = _$_object_spread.onSearch, onInputClick = _$_object_spread.onInputClick, onItemClick = _$_object_spread.onItemClick;
32
+ var _$_object_spread = _object_spread({}, defaultProps, props), outerValue = _$_object_spread.value, defaultValue = _$_object_spread.defaultValue, style = _$_object_spread.style, placeholder = _$_object_spread.placeholder, shape = _$_object_spread.shape, className = _$_object_spread.className, disabled = _$_object_spread.disabled, maxLength = _$_object_spread.maxLength, clearable = _$_object_spread.clearable, readOnly = _$_object_spread.readOnly, autoFocus = _$_object_spread.autoFocus, backable = _$_object_spread.backable, right = _$_object_spread.right, left = _$_object_spread.left, leftIn = _$_object_spread.leftIn, rightIn = _$_object_spread.rightIn, tag = _$_object_spread.tag, inputProps = _$_object_spread.inputProps, onChange = _$_object_spread.onChange, onFocus = _$_object_spread.onFocus, onBlur = _$_object_spread.onBlur, onClear = _$_object_spread.onClear, onSearch = _$_object_spread.onSearch, onInputClick = _$_object_spread.onInputClick, onItemClick = _$_object_spread.onItemClick;
33
33
  var _usePropsValue = _sliced_to_array(usePropsValue({
34
34
  value: outerValue,
35
35
  defaultValue: defaultValue,
@@ -124,7 +124,7 @@ export var SearchBar = function(props) {
124
124
  ]);
125
125
  var renderField = function() {
126
126
  var inputCls = classNames("".concat(classPrefix, "-input"));
127
- return /*#__PURE__*/ React.createElement(React.Fragment, null, Taro.getEnv() === 'WEB' ? /*#__PURE__*/ React.createElement(TaroInput, {
127
+ return /*#__PURE__*/ React.createElement(React.Fragment, null, Taro.getEnv() === 'WEB' ? /*#__PURE__*/ React.createElement(TaroInput, _object_spread({
128
128
  className: inputCls,
129
129
  ref: searchInputRef,
130
130
  style: _object_spread({}, style, {
@@ -140,7 +140,7 @@ export var SearchBar = function(props) {
140
140
  onBlur: handleBlur,
141
141
  onClick: onInputClick,
142
142
  onConfirm: onConfirm
143
- }) : /*#__PURE__*/ React.createElement(TaroInput, {
143
+ }, inputProps)) : /*#__PURE__*/ React.createElement(TaroInput, _object_spread({
144
144
  className: inputCls,
145
145
  ref: searchInputRef,
146
146
  style: _object_spread({}, style, {
@@ -156,7 +156,7 @@ export var SearchBar = function(props) {
156
156
  onBlur: handleBlur,
157
157
  onClick: onInputClick,
158
158
  onConfirm: onConfirm
159
- }));
159
+ }, inputProps)));
160
160
  };
161
161
  var renderValueByTags = useCallback(function() {
162
162
  if (!innerTag) return null;
@@ -113,7 +113,7 @@ export var Toast = function(props) {
113
113
  'nut-toast-has-icon': icon,
114
114
  'nut-toast-rtl': rtl
115
115
  });
116
- var styles = harmony() ? {
116
+ var styles = harmony() || td() ? {
117
117
  left: '50%',
118
118
  transform: 'translate(-50%, -50%)'
119
119
  } : null;
@@ -133,7 +133,8 @@ export var Toast = function(props) {
133
133
  }, /*#__PURE__*/ React.createElement(View, {
134
134
  className: classNames("".concat(classPrefix, "-inner"), "".concat(classPrefix, "-").concat(position), contentClassName, "".concat(classPrefix, "-inner-").concat(size), "".concat(classPrefix, "-inner-").concat(wordBreak), _define_property({}, "".concat(classPrefix, "-inner-descrption"), content)),
135
135
  style: _object_spread({}, styles, contentStyle),
136
- ariaRole: "alert"
136
+ ariaRole: "alert",
137
+ ariaLabel: title + content
137
138
  }, renderIcon(), title && /*#__PURE__*/ React.createElement(Text, {
138
139
  className: "".concat(classPrefix, "-title")
139
140
  }, title), content && (td() ? /*#__PURE__*/ React.createElement(Text, {
@@ -1,7 +1,13 @@
1
- import { ITouchEvent } from '@tarojs/components';
1
+ import { ITouchEvent, ImageProps } from '@tarojs/components';
2
2
  import { BaseAvatar, BaseAvatarGroup } from './base';
3
3
  export interface TaroAvatarProps extends Omit<BaseAvatar, 'onClick'> {
4
4
  avatarIndex: number;
5
+ /** 图片裁剪、缩放的模式,同 Taro Image 的 mode 属性 */
6
+ mode: keyof ImageProps.Mode;
7
+ /**
8
+ * @deprecated 请使用 mode 属性代替
9
+ */
10
+ fit: BaseAvatar['fit'];
5
11
  onClick: (e: ITouchEvent) => void;
6
12
  }
7
13
  export interface TaroAvatarGroupProps extends BaseAvatarGroup {
@@ -1,4 +1,4 @@
1
- import { ReactNode } from 'react';
1
+ import { CSSProperties, ReactNode } from 'react';
2
2
  import { Align } from '../../base/atoms';
3
3
  import { BaseProps } from '../../base/props';
4
4
  export type InputFormatTrigger = 'onChange' | 'onBlur';
@@ -65,6 +65,10 @@ export interface BaseInput<INPUT_TYPE, CONFIRM_TYPE = InputConfirmType> extends
65
65
  */
66
66
  plain: boolean
67
67
  /**
68
+ * 输入框样式
69
+ */
70
+ inputStyle?: CSSProperties
71
+ /**
68
72
  * 输入内容格式化函数
69
73
  */
70
74
  formatter?: (value: string) => string
@@ -1,4 +1,4 @@
1
- import type { ChangeEvent, FocusEvent, MouseEvent } from 'react';
1
+ import type { ChangeEvent, FocusEvent, MouseEvent, InputHTMLAttributes } from 'react';
2
2
  import { BaseSearchBar } from './base';
3
3
  export interface WebSearchBarProps extends Omit<BaseSearchBar, 'onChange' | 'onFocus' | 'onBlur' | 'onClear' | 'onInputClick'> {
4
4
  onChange?: (value: string, event?: ChangeEvent<HTMLInputElement>) => void;
@@ -6,4 +6,5 @@ export interface WebSearchBarProps extends Omit<BaseSearchBar, 'onChange' | 'onF
6
6
  onBlur?: (value: string, event: FocusEvent<HTMLInputElement>) => void;
7
7
  onClear?: (event: MouseEvent<HTMLDivElement>) => void;
8
8
  onInputClick?: (event: MouseEvent<HTMLInputElement>) => void;
9
+ inputProps?: Partial<InputHTMLAttributes<HTMLInputElement>>;
9
10
  }
@@ -9,5 +9,6 @@ export interface TaroSearchBarProps extends Omit<BaseSearchBar, 'onChange' | 'on
9
9
  onBlur?: (value: string, event: BaseEventOrig<inputValueEventDetail>) => void;
10
10
  onClear?: (event: ITouchEvent) => void;
11
11
  onInputClick?: (event: ITouchEvent) => void;
12
+ inputProps?: Partial<InputProps>;
12
13
  }
13
14
  export {};
@@ -11,9 +11,4 @@ export declare const getDeviceInfo: () => IDeviceInfo;
11
11
  * @returns {Taro.getWindowInfo.Result} 窗口信息
12
12
  */
13
13
  export declare const getWindowInfo: () => Taro.getWindowInfo.Result;
14
- /**
15
- * 获取应用基础信息,兼容新旧 API
16
- * @returns {Taro.getAppBaseInfo.Result} 应用基础信息
17
- */
18
- export declare const getAppBaseInfo: () => Taro.getAppBaseInfo.Result;
19
14
  export {};
@@ -1,4 +1,4 @@
1
- import { canIUse, getAppBaseInfo as taroGetAppBaseInfo, getDeviceInfo as taroGetDeviceInfo, getSystemInfoSync, getWindowInfo as taroGetWindowInfo } from "@tarojs/taro";
1
+ import { canIUse, getDeviceInfo as taroGetDeviceInfo, getSystemInfoSync, getWindowInfo as taroGetWindowInfo } from "@tarojs/taro";
2
2
  /**
3
3
  * 获取设备基础信息,兼容新旧 API
4
4
  * @returns {IDeviceInfo} 设备基础信息
@@ -10,10 +10,11 @@ import { canIUse, getAppBaseInfo as taroGetAppBaseInfo, getDeviceInfo as taroGet
10
10
  * @returns {Taro.getWindowInfo.Result} 窗口信息
11
11
  */ export var getWindowInfo = function() {
12
12
  return canIUse('getWindowInfo') ? taroGetWindowInfo() : getSystemInfoSync();
13
- };
14
- /**
15
- * 获取应用基础信息,兼容新旧 API
16
- * @returns {Taro.getAppBaseInfo.Result} 应用基础信息
17
- */ export var getAppBaseInfo = function() {
18
- return canIUse('getAppBaseInfo') ? taroGetAppBaseInfo() : getSystemInfoSync();
19
- };
13
+ } // /**
14
+ // * 获取应用基础信息,兼容新旧 API
15
+ // * @returns {Taro.getAppBaseInfo.Result} 应用基础信息
16
+ // */
17
+ // export const getAppBaseInfo = (): Taro.getAppBaseInfo.Result => {
18
+ // return canIUse('getAppBaseInfo') ? taroGetAppBaseInfo() : getSystemInfoSync()
19
+ // }
20
+ ;