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

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 (58) 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/style/checkbox.scss +6 -2
  6. package/dist/cjs/packages/checkbox/style/style.css +6 -2
  7. package/dist/cjs/packages/checkbox/style/style.harmony.css +6 -2
  8. package/dist/cjs/packages/checkbox/style-jmapp/checkbox.scss +6 -2
  9. package/dist/cjs/packages/checkbox/style-jmapp/style.css +6 -2
  10. package/dist/cjs/packages/checkbox/style-jrkf/checkbox.scss +6 -2
  11. package/dist/cjs/packages/checkbox/style-jrkf/style.css +6 -2
  12. package/dist/cjs/packages/radio/style/radio.scss +5 -0
  13. package/dist/cjs/packages/radio/style/style.css +5 -0
  14. package/dist/cjs/packages/radio/style/style.harmony.css +5 -0
  15. package/dist/cjs/packages/radio/style-jmapp/radio.scss +5 -0
  16. package/dist/cjs/packages/radio/style-jmapp/style.css +5 -0
  17. package/dist/cjs/packages/radio/style-jrkf/radio.scss +5 -0
  18. package/dist/cjs/packages/radio/style-jrkf/style.css +5 -0
  19. package/dist/cjs/packages/searchbar/searchbar.js +4 -4
  20. package/dist/cjs/packages/toast/toast.js +1 -1
  21. package/dist/cjs/types/spec/avatar/taro.d.ts +7 -1
  22. package/dist/cjs/types/spec/searchbar/h5.d.ts +2 -1
  23. package/dist/cjs/types/spec/searchbar/taro.d.ts +1 -0
  24. package/dist/cjs/utils/taro/get-system-info.d.ts +0 -5
  25. package/dist/cjs/utils/taro/get-system-info.js +2 -7
  26. package/dist/es/locales/ja-JP.d.ts +3 -0
  27. package/dist/es/locales/ja-JP.js +160 -0
  28. package/dist/es/packages/animatingnumbers/countup.js +2 -0
  29. package/dist/es/packages/avatar/avatar.js +3 -1
  30. package/dist/es/packages/checkbox/style/checkbox.scss +6 -2
  31. package/dist/es/packages/checkbox/style/style.css +6 -2
  32. package/dist/es/packages/checkbox/style/style.harmony.css +6 -2
  33. package/dist/es/packages/checkbox/style-jmapp/checkbox.scss +6 -2
  34. package/dist/es/packages/checkbox/style-jmapp/style.css +6 -2
  35. package/dist/es/packages/checkbox/style-jrkf/checkbox.scss +6 -2
  36. package/dist/es/packages/checkbox/style-jrkf/style.css +6 -2
  37. package/dist/es/packages/radio/style/radio.scss +5 -0
  38. package/dist/es/packages/radio/style/style.css +5 -0
  39. package/dist/es/packages/radio/style/style.harmony.css +5 -0
  40. package/dist/es/packages/radio/style-jmapp/radio.scss +5 -0
  41. package/dist/es/packages/radio/style-jmapp/style.css +5 -0
  42. package/dist/es/packages/radio/style-jrkf/radio.scss +5 -0
  43. package/dist/es/packages/radio/style-jrkf/style.css +5 -0
  44. package/dist/es/packages/searchbar/searchbar.js +4 -4
  45. package/dist/es/packages/toast/toast.js +1 -1
  46. package/dist/es/types/spec/avatar/taro.d.ts +7 -1
  47. package/dist/es/types/spec/searchbar/h5.d.ts +2 -1
  48. package/dist/es/types/spec/searchbar/taro.d.ts +1 -0
  49. package/dist/es/utils/taro/get-system-info.d.ts +0 -5
  50. package/dist/es/utils/taro/get-system-info.js +9 -8
  51. package/dist/nutui.react.umd.js +10 -10
  52. package/dist/style-jmapp.css +1 -1
  53. package/dist/style-jmapp.scss +38 -38
  54. package/dist/style-jrkf.css +1 -1
  55. package/dist/style-jrkf.scss +38 -38
  56. package/dist/style.css +1 -1
  57. package/dist/style.scss +36 -36
  58. package/package.json +1 -1
@@ -0,0 +1,3 @@
1
+ import { BaseLang } from './base';
2
+ declare const jaJP: BaseLang;
3
+ export default jaJP;
@@ -0,0 +1,170 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
5
+ Object.defineProperty(exports, "default", {
6
+ enumerable: true,
7
+ get: function() {
8
+ return _default;
9
+ }
10
+ });
11
+ var jaJP = {
12
+ save: '保存',
13
+ confirm: '確認',
14
+ cancel: 'キャンセル',
15
+ done: '完了',
16
+ noData: 'データなし',
17
+ placeholder: '内容を入力してください',
18
+ select: '選択してください',
19
+ edit: '編集',
20
+ reset: 'リセット',
21
+ video: {
22
+ errorTip: '動画の読み込みに失敗しました',
23
+ clickRetry: 'クリックして再試行'
24
+ },
25
+ fixednav: {
26
+ activeText: 'ナビを折りたたむ',
27
+ inactiveText: 'クイックナビゲーション'
28
+ },
29
+ infiniteloading: {
30
+ pullRefreshText: '指を離して更新',
31
+ loadText: '読み込み中',
32
+ loadMoreText: 'これ以上データはありません'
33
+ },
34
+ pagination: {
35
+ prev: '前へ',
36
+ next: '次へ'
37
+ },
38
+ range: {
39
+ rangeText: 'この範囲外です'
40
+ },
41
+ calendaritem: {
42
+ weekdays: [
43
+ '日',
44
+ '月',
45
+ '火',
46
+ '水',
47
+ '木',
48
+ '金',
49
+ '土'
50
+ ],
51
+ end: '終了',
52
+ start: '開始',
53
+ confirm: '確認',
54
+ title: 'カレンダー選択',
55
+ monthTitle: function monthTitle(year, month) {
56
+ return "".concat(year, "年").concat(Number(month) < 10 ? "0".concat(Number(month)) : month, "月");
57
+ },
58
+ today: '今日',
59
+ loadPreviousMonth: '前の月を読み込む',
60
+ noEarlierMonth: 'これより前の月はありません'
61
+ },
62
+ shortpassword: {
63
+ title: 'パスワードを入力してください',
64
+ description: '仮想資産を使用しました。認証を行ってください',
65
+ tips: 'パスワードを忘れた場合'
66
+ },
67
+ uploader: {
68
+ list: 'ファイルをアップロード',
69
+ ready: '準備完了',
70
+ readyUpload: 'アップロード準備完了',
71
+ waitingUpload: 'アップロード待ち',
72
+ uploading: 'アップロード中...',
73
+ success: 'アップロード成功',
74
+ error: 'アップロード失敗',
75
+ deleteWord: 'ユーザーによって削除がブロックされました!'
76
+ },
77
+ countdown: {
78
+ day: '日',
79
+ hour: '時間',
80
+ minute: '分',
81
+ second: '秒'
82
+ },
83
+ address: {
84
+ selectRegion: '住所を選択してください',
85
+ deliveryTo: '配送先',
86
+ chooseAnotherAddress: '別の住所を選択',
87
+ hotCity: '人気都市',
88
+ selectProvince: '都道府県/地域を選択'
89
+ },
90
+ signature: {
91
+ reSign: '再署名',
92
+ unsupported: '申し訳ありませんが、現在のブラウザはCanvasをサポートしていません。このコントロールは使用できません!'
93
+ },
94
+ ecard: {
95
+ chooseText: '電子カードの額面を選択してください',
96
+ otherValueText: 'その他の額面',
97
+ placeholder: '1から5000までの整数を入力してください'
98
+ },
99
+ timeselect: {
100
+ pickupTime: '受け取り時間'
101
+ },
102
+ sku: {
103
+ buyNow: '今すぐ購入',
104
+ buyNumber: '購入数量',
105
+ addToCard: 'カートに入れる'
106
+ },
107
+ skuheader: {
108
+ skuId: '商品コード'
109
+ },
110
+ addresslist: {
111
+ addAddress: '新しい住所を追加'
112
+ },
113
+ comment: {
114
+ complaintsText: 'クレームを報告する',
115
+ additionalReview: function additionalReview(day) {
116
+ return "購入".concat(day, "日後の追加レビュー");
117
+ },
118
+ additionalImages: function additionalImages(length) {
119
+ return "".concat(length, "枚の追加レビュー画像");
120
+ }
121
+ },
122
+ searchbar: {
123
+ basePlaceholder: 'JD(京東)で良い商品を購入',
124
+ text: 'テキスト',
125
+ test: 'テスト',
126
+ title1: '基本使用',
127
+ title2: '検索ボックスの形状と最大長',
128
+ title3: '検索ボックスの内外背景設定',
129
+ title4: '検索ボックスのテキスト設定',
130
+ title5: 'カスタムアイコン設定',
131
+ title6: 'データ変更の監視'
132
+ },
133
+ audio: {
134
+ back: '早戻し',
135
+ forward: '早送り',
136
+ pause: '一時停止',
137
+ start: '開始',
138
+ mute: 'ミュート',
139
+ tips: 'onPlayEndイベントはloop=falseの場合にのみトリガーされます'
140
+ },
141
+ avatarCropper: {
142
+ rotate: '回転',
143
+ selectImage: '画像を選択'
144
+ },
145
+ datepicker: {
146
+ year: '年',
147
+ month: '月',
148
+ day: '日',
149
+ hour: '時',
150
+ min: '分',
151
+ seconds: '秒'
152
+ },
153
+ pullToRefresh: {
154
+ pullingText: '下に引いて更新',
155
+ canReleaseText: '指を離して更新',
156
+ refreshingText: '更新中',
157
+ completeText: '更新成功'
158
+ },
159
+ tour: {
160
+ prevStepText: '前へ',
161
+ completeText: '完了',
162
+ nextStepText: '次へ'
163
+ },
164
+ watermark: {
165
+ errorCanvasTips: '現在の環境はCanvasをサポートしていません'
166
+ },
167
+ mask: 'マスク',
168
+ close: '閉じる'
169
+ };
170
+ var _default = jaJP;
@@ -72,6 +72,8 @@ var CountUp = function CountUp(props) {
72
72
  transitionDuration: "".concat(duration, "s"),
73
73
  transform: transform
74
74
  });
75
+ } else {
76
+ transformArrCache.push({});
75
77
  }
76
78
  });
77
79
  setTransformArr((0, _to_consumable_array._)(transformArrCache));
@@ -30,13 +30,14 @@ var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typing
30
30
  background: '#eee',
31
31
  color: '#666',
32
32
  fit: 'cover',
33
+ mode: 'scaleToFill',
33
34
  src: '',
34
35
  alt: '',
35
36
  avatarIndex: 0
36
37
  });
37
38
  var classPrefix = "nut-avatar";
38
39
  var Avatar = function Avatar(props) {
39
- var _$_object_spread = (0, _object_spread._)({}, defaultProps, props), children = _$_object_spread.children, size = _$_object_spread.size, shape = _$_object_spread.shape, background = _$_object_spread.background, color = _$_object_spread.color, src = _$_object_spread.src, icon = _$_object_spread.icon, fit = _$_object_spread.fit, avatarIndex = _$_object_spread.avatarIndex, className = _$_object_spread.className, style = _$_object_spread.style, onClick = _$_object_spread.onClick, onError = _$_object_spread.onError;
40
+ var _$_object_spread = (0, _object_spread._)({}, defaultProps, props), children = _$_object_spread.children, size = _$_object_spread.size, shape = _$_object_spread.shape, background = _$_object_spread.background, color = _$_object_spread.color, src = _$_object_spread.src, icon = _$_object_spread.icon, mode = _$_object_spread.mode, fit = _$_object_spread.fit, avatarIndex = _$_object_spread.avatarIndex, className = _$_object_spread.className, style = _$_object_spread.style, onClick = _$_object_spread.onClick, onError = _$_object_spread.onError;
40
41
  var _useState // 是否显示的最大头像个数
41
42
  = (0, _sliced_to_array._)((0, _react.useState)(false), 2), showMax = _useState[0], setShowMax = _useState[1];
42
43
  var avatarRef = (0, _react.useRef)(null);
@@ -92,6 +93,7 @@ var Avatar = function Avatar(props) {
92
93
  style: {
93
94
  objectFit: fit
94
95
  },
96
+ mode: mode,
95
97
  onError: errorEvent
96
98
  }), /*#__PURE__*/ _react.default.isValidElement(icon) ? /*#__PURE__*/ _react.default.createElement(_components.View, {
97
99
  className: "nut-avatar-text"
@@ -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, #ff0f23);
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, #ff0f23);
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, #c2c4cc);
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;
@@ -90,6 +90,7 @@
90
90
  }
91
91
  .nut-checkbox-icon-checked {
92
92
  color: var(--nutui-color-primary, #ff0f23);
93
+ background-color: #ffffff;
93
94
  transition-duration: 0.3s;
94
95
  transition-property: color, border-color, background-color;
95
96
  border-radius: 50%;
@@ -108,6 +109,7 @@
108
109
  }
109
110
  .nut-checkbox-icon-indeterminate {
110
111
  color: var(--nutui-color-primary, #ff0f23);
112
+ background-color: #ffffff;
111
113
  box-shadow: 0px 2px 4px 0px rgba(255, 15, 35, 0.2);
112
114
  border-radius: 50%;
113
115
  }
@@ -116,6 +118,8 @@
116
118
  }
117
119
  .nut-checkbox-icon-disabled {
118
120
  color: var(--nutui-color-text-disabled, #c2c4cc);
121
+ background-color: #ffffff;
122
+ border-radius: 50%;
119
123
  box-shadow: none;
120
124
  }
121
125
  .nut-checkbox-reverse {
@@ -127,10 +131,10 @@
127
131
  }
128
132
  .nut-checkbox-button {
129
133
  position: relative;
130
- /* #ifdef dynamic*/
134
+ /* #ifdef dynamic */
131
135
  display: flex;
132
136
  /* #endif */
133
- /* #ifndef dynamic*/
137
+ /* #ifndef dynamic */
134
138
  display: inline-flex;
135
139
  /* #endif */
136
140
  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);
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;
@@ -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);