@nutui/nutui-react 3.1.0-beta.1 → 4.0.0-beta.1

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 (192) hide show
  1. package/CHANGELOG.md +22 -0
  2. package/dist/cjs/locales/base.d.ts +6 -0
  3. package/dist/cjs/locales/en-US.js +17 -1
  4. package/dist/cjs/locales/id-ID.js +17 -1
  5. package/dist/cjs/locales/ja-JP.js +16 -2
  6. package/dist/cjs/locales/tr-TR.js +17 -1
  7. package/dist/cjs/locales/vi-VN.js +17 -1
  8. package/dist/cjs/locales/zh-CN.js +15 -1
  9. package/dist/cjs/locales/zh-TW.js +15 -1
  10. package/dist/cjs/locales/zh-UG.js +17 -1
  11. package/dist/cjs/packages/address/style/style.css +2 -2
  12. package/dist/cjs/packages/audio/audio.js +2 -2
  13. package/dist/cjs/packages/button/button.js +30 -6
  14. package/dist/cjs/packages/button/style/button.scss +327 -227
  15. package/dist/cjs/packages/button/style/style.css +292 -47
  16. package/dist/cjs/packages/button/style-jmapp/button.scss +327 -227
  17. package/dist/cjs/packages/button/style-jmapp/style.css +268 -23
  18. package/dist/cjs/packages/button/style-jrkf/button.scss +327 -227
  19. package/dist/cjs/packages/button/style-jrkf/style.css +268 -23
  20. package/dist/cjs/packages/calendar/style/style.css +2 -2
  21. package/dist/cjs/packages/calendarcard/style/style.css +1 -1
  22. package/dist/cjs/packages/checkbox/checkbox.js +4 -3
  23. package/dist/cjs/packages/checkbox/style/checkbox.scss +19 -3
  24. package/dist/cjs/packages/checkbox/style/style.css +21 -6
  25. package/dist/cjs/packages/checkbox/style-jmapp/checkbox.scss +19 -3
  26. package/dist/cjs/packages/checkbox/style-jmapp/style.css +18 -3
  27. package/dist/cjs/packages/checkbox/style-jrkf/checkbox.scss +19 -3
  28. package/dist/cjs/packages/checkbox/style-jrkf/style.css +18 -3
  29. package/dist/cjs/packages/checkboxgroup/style/style.css +2 -2
  30. package/dist/cjs/packages/circleprogress/circleprogress.js +1 -1
  31. package/dist/cjs/packages/configprovider/types.d.ts +1 -1
  32. package/dist/cjs/packages/countdown/style/style.css +1 -1
  33. package/dist/cjs/packages/datepicker/datepicker.js +3 -5
  34. package/dist/cjs/packages/datepicker/utils.js +7 -0
  35. package/dist/cjs/packages/elevator/style/elevator.scss +6 -2
  36. package/dist/cjs/packages/elevator/style/style.css +2 -2
  37. package/dist/cjs/packages/elevator/style-jmapp/elevator.scss +6 -2
  38. package/dist/cjs/packages/elevator/style-jmapp/style.css +2 -2
  39. package/dist/cjs/packages/elevator/style-jrkf/elevator.scss +6 -2
  40. package/dist/cjs/packages/elevator/style-jrkf/style.css +2 -2
  41. package/dist/cjs/packages/ellipsis/style/style.css +1 -1
  42. package/dist/cjs/packages/inputnumber/inputnumber.js +5 -1
  43. package/dist/cjs/packages/inputnumber/style/inputnumber.scss +11 -5
  44. package/dist/cjs/packages/inputnumber/style/style.css +16 -11
  45. package/dist/cjs/packages/inputnumber/style-jmapp/inputnumber.scss +11 -5
  46. package/dist/cjs/packages/inputnumber/style-jmapp/style.css +10 -5
  47. package/dist/cjs/packages/inputnumber/style-jrkf/inputnumber.scss +11 -5
  48. package/dist/cjs/packages/inputnumber/style-jrkf/style.css +10 -5
  49. package/dist/cjs/packages/progress/progress.js +1 -1
  50. package/dist/cjs/packages/radio/radio.js +3 -2
  51. package/dist/cjs/packages/radio/style/radio.scss +9 -3
  52. package/dist/cjs/packages/radio/style/style.css +10 -5
  53. package/dist/cjs/packages/radio/style-jmapp/radio.scss +9 -3
  54. package/dist/cjs/packages/radio/style-jmapp/style.css +8 -3
  55. package/dist/cjs/packages/radio/style-jrkf/radio.scss +9 -3
  56. package/dist/cjs/packages/radio/style-jrkf/style.css +8 -3
  57. package/dist/cjs/packages/radiogroup/style/style.css +2 -2
  58. package/dist/cjs/packages/range/style/style.css +3 -3
  59. package/dist/cjs/packages/resultpage/resultpage.js +5 -5
  60. package/dist/cjs/packages/searchbar/style/searchbar.scss +5 -5
  61. package/dist/cjs/packages/searchbar/style/style.css +5 -5
  62. package/dist/cjs/packages/searchbar/style-jmapp/searchbar.scss +5 -5
  63. package/dist/cjs/packages/searchbar/style-jmapp/style.css +5 -5
  64. package/dist/cjs/packages/searchbar/style-jrkf/searchbar.scss +5 -5
  65. package/dist/cjs/packages/searchbar/style-jrkf/style.css +5 -5
  66. package/dist/cjs/packages/signature/signature.js +1 -1
  67. package/dist/cjs/packages/steps/style/style.css +2 -2
  68. package/dist/cjs/packages/swipe/swipe.js +20 -16
  69. package/dist/cjs/packages/switch/style/style.css +2 -2
  70. package/dist/cjs/packages/tabs/style/style.css +2 -2
  71. package/dist/cjs/packages/tag/style/style.css +2 -2
  72. package/dist/cjs/packages/timedetail/style/style.css +1 -1
  73. package/dist/cjs/packages/toast/Notification.js +1 -1
  74. package/dist/cjs/packages/toast/style/style.css +18 -15
  75. package/dist/cjs/packages/toast/style/toast.scss +23 -16
  76. package/dist/cjs/packages/toast/style-jmapp/style.css +17 -14
  77. package/dist/cjs/packages/toast/style-jmapp/toast.scss +23 -16
  78. package/dist/cjs/packages/toast/style-jrkf/style.css +17 -14
  79. package/dist/cjs/packages/toast/style-jrkf/toast.scss +23 -16
  80. package/dist/cjs/packages/toast/toast.js +1 -1
  81. package/dist/cjs/types/base/atoms.d.ts +3 -3
  82. package/dist/cjs/types/spec/button/base.d.ts +1 -0
  83. package/dist/cjs/utils/taro/get-system-info.d.ts +0 -5
  84. package/dist/cjs/utils/taro/get-system-info.js +2 -7
  85. package/dist/es/hooks/taro/use-custom-event.js +1 -0
  86. package/dist/es/locales/base.d.ts +6 -0
  87. package/dist/es/locales/en-US.js +17 -1
  88. package/dist/es/locales/id-ID.js +17 -1
  89. package/dist/es/locales/ja-JP.js +16 -2
  90. package/dist/es/locales/tr-TR.js +17 -1
  91. package/dist/es/locales/vi-VN.js +17 -1
  92. package/dist/es/locales/zh-CN.js +15 -1
  93. package/dist/es/locales/zh-TW.js +15 -1
  94. package/dist/es/locales/zh-UG.js +17 -1
  95. package/dist/es/packages/address/style/style.css +2 -2
  96. package/dist/es/packages/audio/audio.js +2 -2
  97. package/dist/es/packages/button/button.js +30 -6
  98. package/dist/es/packages/button/style/button.scss +327 -227
  99. package/dist/es/packages/button/style/style.css +292 -47
  100. package/dist/es/packages/button/style-jmapp/button.scss +327 -227
  101. package/dist/es/packages/button/style-jmapp/style.css +268 -23
  102. package/dist/es/packages/button/style-jrkf/button.scss +327 -227
  103. package/dist/es/packages/button/style-jrkf/style.css +268 -23
  104. package/dist/es/packages/calendar/style/style.css +2 -2
  105. package/dist/es/packages/calendarcard/style/style.css +1 -1
  106. package/dist/es/packages/checkbox/checkbox.js +4 -3
  107. package/dist/es/packages/checkbox/style/checkbox.scss +19 -3
  108. package/dist/es/packages/checkbox/style/style.css +21 -6
  109. package/dist/es/packages/checkbox/style-jmapp/checkbox.scss +19 -3
  110. package/dist/es/packages/checkbox/style-jmapp/style.css +18 -3
  111. package/dist/es/packages/checkbox/style-jrkf/checkbox.scss +19 -3
  112. package/dist/es/packages/checkbox/style-jrkf/style.css +18 -3
  113. package/dist/es/packages/checkboxgroup/style/style.css +2 -2
  114. package/dist/es/packages/circleprogress/circleprogress.js +1 -1
  115. package/dist/es/packages/configprovider/types.d.ts +1 -1
  116. package/dist/es/packages/countdown/style/style.css +1 -1
  117. package/dist/es/packages/datepicker/datepicker.js +3 -5
  118. package/dist/es/packages/datepicker/utils.js +7 -0
  119. package/dist/es/packages/elevator/style/elevator.scss +6 -2
  120. package/dist/es/packages/elevator/style/style.css +2 -2
  121. package/dist/es/packages/elevator/style-jmapp/elevator.scss +6 -2
  122. package/dist/es/packages/elevator/style-jmapp/style.css +2 -2
  123. package/dist/es/packages/elevator/style-jrkf/elevator.scss +6 -2
  124. package/dist/es/packages/elevator/style-jrkf/style.css +2 -2
  125. package/dist/es/packages/ellipsis/style/style.css +1 -1
  126. package/dist/es/packages/inputnumber/inputnumber.js +5 -1
  127. package/dist/es/packages/inputnumber/style/inputnumber.scss +11 -5
  128. package/dist/es/packages/inputnumber/style/style.css +16 -11
  129. package/dist/es/packages/inputnumber/style-jmapp/inputnumber.scss +11 -5
  130. package/dist/es/packages/inputnumber/style-jmapp/style.css +10 -5
  131. package/dist/es/packages/inputnumber/style-jrkf/inputnumber.scss +11 -5
  132. package/dist/es/packages/inputnumber/style-jrkf/style.css +10 -5
  133. package/dist/es/packages/progress/progress.js +1 -1
  134. package/dist/es/packages/radio/radio.js +3 -2
  135. package/dist/es/packages/radio/style/radio.scss +9 -3
  136. package/dist/es/packages/radio/style/style.css +10 -5
  137. package/dist/es/packages/radio/style-jmapp/radio.scss +9 -3
  138. package/dist/es/packages/radio/style-jmapp/style.css +8 -3
  139. package/dist/es/packages/radio/style-jrkf/radio.scss +9 -3
  140. package/dist/es/packages/radio/style-jrkf/style.css +8 -3
  141. package/dist/es/packages/radiogroup/style/style.css +2 -2
  142. package/dist/es/packages/range/style/style.css +3 -3
  143. package/dist/es/packages/resultpage/resultpage.js +5 -5
  144. package/dist/es/packages/searchbar/style/searchbar.scss +5 -5
  145. package/dist/es/packages/searchbar/style/style.css +5 -5
  146. package/dist/es/packages/searchbar/style-jmapp/searchbar.scss +5 -5
  147. package/dist/es/packages/searchbar/style-jmapp/style.css +5 -5
  148. package/dist/es/packages/searchbar/style-jrkf/searchbar.scss +5 -5
  149. package/dist/es/packages/searchbar/style-jrkf/style.css +5 -5
  150. package/dist/es/packages/signature/signature.js +1 -1
  151. package/dist/es/packages/steps/style/style.css +2 -2
  152. package/dist/es/packages/swipe/swipe.js +20 -16
  153. package/dist/es/packages/switch/style/style.css +2 -2
  154. package/dist/es/packages/tabs/style/style.css +2 -2
  155. package/dist/es/packages/tag/style/style.css +2 -2
  156. package/dist/es/packages/timedetail/style/style.css +1 -1
  157. package/dist/es/packages/toast/Notification.js +1 -1
  158. package/dist/es/packages/toast/style/style.css +18 -15
  159. package/dist/es/packages/toast/style/toast.scss +23 -16
  160. package/dist/es/packages/toast/style-jmapp/style.css +17 -14
  161. package/dist/es/packages/toast/style-jmapp/toast.scss +23 -16
  162. package/dist/es/packages/toast/style-jrkf/style.css +17 -14
  163. package/dist/es/packages/toast/style-jrkf/toast.scss +23 -16
  164. package/dist/es/packages/toast/toast.js +1 -1
  165. package/dist/es/types/base/atoms.d.ts +3 -3
  166. package/dist/es/types/spec/button/base.d.ts +1 -0
  167. package/dist/es/utils/taro/get-system-info.d.ts +0 -5
  168. package/dist/es/utils/taro/get-system-info.js +8 -7
  169. package/dist/nutui.react.umd.js +103 -50
  170. package/dist/style-jmapp.css +1 -1
  171. package/dist/style-jmapp.scss +32 -32
  172. package/dist/style-jrkf.css +1 -1
  173. package/dist/style-jrkf.scss +33 -33
  174. package/dist/style.css +1 -1
  175. package/dist/style.scss +39 -39
  176. package/dist/styles/theme-daojia.scss +55 -48
  177. package/dist/styles/theme-dark-daojia.scss +55 -47
  178. package/dist/styles/theme-dark.scss +108 -109
  179. package/dist/styles/theme-default.scss +110 -111
  180. package/dist/styles/theme-jmapp.scss +1 -1
  181. package/dist/styles/theme-jrkf.scss +1 -1
  182. package/dist/styles/themes/daojia.css +1 -1
  183. package/dist/styles/themes/dark-daojia.css +1 -1
  184. package/dist/styles/themes/dark.css +1 -1
  185. package/dist/styles/themes/default.css +1 -1
  186. package/dist/styles/themes/jmapp.css +1 -1
  187. package/dist/styles/themes/jrkf.css +1 -1
  188. package/dist/styles/variables-daojia.scss +1055 -1976
  189. package/dist/styles/variables-jmapp.scss +96 -5
  190. package/dist/styles/variables-jrkf.scss +96 -5
  191. package/dist/styles/variables.scss +141 -37
  192. package/package.json +1 -1
@@ -42,8 +42,8 @@
42
42
  flex-direction: column;
43
43
  justify-content: center;
44
44
  align-items: center;
45
- min-width: scale-px(96px);
46
- max-width: 60%;
45
+ min-width: var(--nutui-toast-inner-min-width, scale-px(88px));
46
+ max-width: var(--nutui-toast-inner-max-width, scale-px(200px));
47
47
  box-sizing: border-box;
48
48
  font-size: var(--nutui-toast-text-font-size, 14px);
49
49
  text-align: var(--nutui-toast-inner-text-align, center);
@@ -53,8 +53,9 @@
53
53
  border-radius: var(--nutui-toast-inner-border-radius, var(--nutui-radius-xs));
54
54
  color: var(--nutui-toast-font-color, #ffffff);
55
55
  }
56
- .nut-toast-inner-descrption {
57
- max-width: 68.2%;
56
+ .nut-toast-has-icon .nut-toast-inner {
57
+ min-width: var(--nutui-toast-inner-has-icon-min-width, scale-px(97px));
58
+ max-width: var(--nutui-toast-inner-has-icon-max-width, scale-px(225px));
58
59
  }
59
60
  .nut-toast-inner-normal {
60
61
  word-break: normal;
@@ -80,8 +81,9 @@
80
81
  top: var(--nutui-toast-inner-top, 20%);
81
82
  }
82
83
  .nut-toast-text {
83
- color: #ffffff;
84
+ color: var(--nutui-toast-font-color, var(--nutui-white, #ffffff));
84
85
  text-align: var(--nutui-toast-inner-text-align, center);
86
+ font-weight: var(--nutui-toast-text-font-weight, 400);
85
87
  /* #ifdef harmony dynamic*/
86
88
  line-height: normal;
87
89
  /* #endif */
@@ -91,9 +93,9 @@
91
93
  height: auto;
92
94
  }
93
95
  .nut-toast-title {
94
- color: #ffffff;
96
+ color: var(--nutui-toast-font-color, var(--nutui-white, #ffffff));
95
97
  font-size: var(--nutui-toast-title-font-size, 16px);
96
- font-weight: 600;
98
+ font-weight: var(--nutui-toast-title-font-weight, 600);
97
99
  text-align: var(--nutui-toast-inner-text-align, center);
98
100
  /* #ifdef harmony dynamic*/
99
101
  line-height: normal;
@@ -103,21 +105,22 @@
103
105
  /* #endif */
104
106
  }
105
107
  .nut-toast .nut-icon {
106
- width: scale-px(24px);
107
- height: scale-px(24px);
108
- color: #ffffff;
108
+ width: scale-px(20px);
109
+ height: scale-px(20px);
110
+ color: var(--nutui-toast-icon-color, var(--nutui-toast-font-color, var(--nutui-white, #ffffff)));
109
111
  }
110
112
  .nut-toast-icon-wrapper {
111
113
  width: 100%;
112
114
  display: flex;
113
115
  align-items: center;
114
116
  justify-content: center;
115
- margin: scale-px(3px) 0 scale-px(5px);
116
- color: #ffffff;
117
+ margin: 0;
118
+ padding: scale-px(10px) 0;
119
+ color: var(--nutui-toast-icon-color, var(--nutui-toast-font-color, var(--nutui-white, #ffffff)));
117
120
  }
118
121
  .nut-toast-icon-wrapper-icon {
119
- width: scale-px(24px);
120
- height: scale-px(24px);
122
+ width: scale-px(20px);
123
+ height: scale-px(20px);
121
124
  }
122
125
  .nut-toast-rtl {
123
126
  left: auto;
@@ -42,9 +42,8 @@
42
42
  flex-direction: column;
43
43
  justify-content: center;
44
44
  align-items: center;
45
- min-width: scale-px(96px);
46
- max-width: 60%;
47
- // max-width: 224px;
45
+ min-width: var(--nutui-toast-inner-min-width, scale-px(88px));
46
+ max-width: var(--nutui-toast-inner-max-width, scale-px(200px));
48
47
  box-sizing: border-box;
49
48
  font-size: $toast-text-font-size;
50
49
  text-align: $toast-inner-text-align;
@@ -54,9 +53,9 @@
54
53
  border-radius: $toast-inner-border-radius;
55
54
  color: $toast-font-color;
56
55
 
57
- &-descrption {
58
- max-width: 68.2%;
59
- // max-width: 256px;
56
+ .nut-toast-has-icon & {
57
+ min-width: var(--nutui-toast-inner-has-icon-min-width, scale-px(97px));
58
+ max-width: var(--nutui-toast-inner-has-icon-max-width, scale-px(225px));
60
59
  }
61
60
 
62
61
  &-normal {
@@ -91,8 +90,9 @@
91
90
  }
92
91
 
93
92
  &-text {
94
- color: #ffffff;
93
+ color: var(--nutui-toast-font-color, var(--nutui-white, #ffffff));
95
94
  text-align: $toast-inner-text-align;
95
+ font-weight: var(--nutui-toast-text-font-weight, 400);
96
96
  /* #ifdef harmony dynamic*/
97
97
  line-height: normal;
98
98
  /* #endif */
@@ -103,9 +103,9 @@
103
103
  }
104
104
 
105
105
  &-title {
106
- color: #ffffff;
106
+ color: var(--nutui-toast-font-color, var(--nutui-white, #ffffff));
107
107
  font-size: $toast-title-font-size;
108
- font-weight: 600;
108
+ font-weight: var(--nutui-toast-title-font-weight, 600);
109
109
  text-align: $toast-inner-text-align;
110
110
  /* #ifdef harmony dynamic*/
111
111
  line-height: normal;
@@ -116,9 +116,12 @@
116
116
  }
117
117
 
118
118
  .nut-icon {
119
- width: scale-px(24px);
120
- height: scale-px(24px);
121
- color: #ffffff;
119
+ width: scale-px(20px);
120
+ height: scale-px(20px);
121
+ color: var(
122
+ --nutui-toast-icon-color,
123
+ var(--nutui-toast-font-color, var(--nutui-white, #ffffff))
124
+ );
122
125
  }
123
126
 
124
127
  &-icon-wrapper {
@@ -126,12 +129,16 @@
126
129
  display: flex;
127
130
  align-items: center;
128
131
  justify-content: center;
129
- margin: scale-px(3px) 0 scale-px(5px);
130
- color: #ffffff;
132
+ margin: 0;
133
+ padding: scale-px(10px) 0;
134
+ color: var(
135
+ --nutui-toast-icon-color,
136
+ var(--nutui-toast-font-color, var(--nutui-white, #ffffff))
137
+ );
131
138
 
132
139
  &-icon {
133
- width: scale-px(24px);
134
- height: scale-px(24px);
140
+ width: scale-px(20px);
141
+ height: scale-px(20px);
135
142
  }
136
143
  }
137
144
 
@@ -42,8 +42,8 @@
42
42
  flex-direction: column;
43
43
  justify-content: center;
44
44
  align-items: center;
45
- min-width: scale-px(96px);
46
- max-width: 60%;
45
+ min-width: var(--nutui-toast-inner-min-width, scale-px(88px));
46
+ max-width: var(--nutui-toast-inner-max-width, scale-px(200px));
47
47
  box-sizing: border-box;
48
48
  font-size: var(--nutui-toast-text-font-size, 14px);
49
49
  text-align: var(--nutui-toast-inner-text-align, center);
@@ -53,8 +53,9 @@
53
53
  border-radius: var(--nutui-toast-inner-border-radius, var(--nutui-radius-xs));
54
54
  color: var(--nutui-toast-font-color, #ffffff);
55
55
  }
56
- .nut-toast-inner-descrption {
57
- max-width: 68.2%;
56
+ .nut-toast-has-icon .nut-toast-inner {
57
+ min-width: var(--nutui-toast-inner-has-icon-min-width, scale-px(97px));
58
+ max-width: var(--nutui-toast-inner-has-icon-max-width, scale-px(225px));
58
59
  }
59
60
  .nut-toast-inner-normal {
60
61
  word-break: normal;
@@ -80,8 +81,9 @@
80
81
  top: var(--nutui-toast-inner-top, 20%);
81
82
  }
82
83
  .nut-toast-text {
83
- color: #ffffff;
84
+ color: var(--nutui-toast-font-color, var(--nutui-white, #ffffff));
84
85
  text-align: var(--nutui-toast-inner-text-align, center);
86
+ font-weight: var(--nutui-toast-text-font-weight, 400);
85
87
  /* #ifdef harmony dynamic*/
86
88
  line-height: normal;
87
89
  /* #endif */
@@ -91,9 +93,9 @@
91
93
  height: auto;
92
94
  }
93
95
  .nut-toast-title {
94
- color: #ffffff;
96
+ color: var(--nutui-toast-font-color, var(--nutui-white, #ffffff));
95
97
  font-size: var(--nutui-toast-title-font-size, 16px);
96
- font-weight: 600;
98
+ font-weight: var(--nutui-toast-title-font-weight, 600);
97
99
  text-align: var(--nutui-toast-inner-text-align, center);
98
100
  /* #ifdef harmony dynamic*/
99
101
  line-height: normal;
@@ -103,21 +105,22 @@
103
105
  /* #endif */
104
106
  }
105
107
  .nut-toast .nut-icon {
106
- width: scale-px(24px);
107
- height: scale-px(24px);
108
- color: #ffffff;
108
+ width: scale-px(20px);
109
+ height: scale-px(20px);
110
+ color: var(--nutui-toast-icon-color, var(--nutui-toast-font-color, var(--nutui-white, #ffffff)));
109
111
  }
110
112
  .nut-toast-icon-wrapper {
111
113
  width: 100%;
112
114
  display: flex;
113
115
  align-items: center;
114
116
  justify-content: center;
115
- margin: scale-px(3px) 0 scale-px(5px);
116
- color: #ffffff;
117
+ margin: 0;
118
+ padding: scale-px(10px) 0;
119
+ color: var(--nutui-toast-icon-color, var(--nutui-toast-font-color, var(--nutui-white, #ffffff)));
117
120
  }
118
121
  .nut-toast-icon-wrapper-icon {
119
- width: scale-px(24px);
120
- height: scale-px(24px);
122
+ width: scale-px(20px);
123
+ height: scale-px(20px);
121
124
  }
122
125
  .nut-toast-rtl {
123
126
  left: auto;
@@ -42,9 +42,8 @@
42
42
  flex-direction: column;
43
43
  justify-content: center;
44
44
  align-items: center;
45
- min-width: scale-px(96px);
46
- max-width: 60%;
47
- // max-width: 224px;
45
+ min-width: var(--nutui-toast-inner-min-width, scale-px(88px));
46
+ max-width: var(--nutui-toast-inner-max-width, scale-px(200px));
48
47
  box-sizing: border-box;
49
48
  font-size: $toast-text-font-size;
50
49
  text-align: $toast-inner-text-align;
@@ -54,9 +53,9 @@
54
53
  border-radius: $toast-inner-border-radius;
55
54
  color: $toast-font-color;
56
55
 
57
- &-descrption {
58
- max-width: 68.2%;
59
- // max-width: 256px;
56
+ .nut-toast-has-icon & {
57
+ min-width: var(--nutui-toast-inner-has-icon-min-width, scale-px(97px));
58
+ max-width: var(--nutui-toast-inner-has-icon-max-width, scale-px(225px));
60
59
  }
61
60
 
62
61
  &-normal {
@@ -91,8 +90,9 @@
91
90
  }
92
91
 
93
92
  &-text {
94
- color: #ffffff;
93
+ color: var(--nutui-toast-font-color, var(--nutui-white, #ffffff));
95
94
  text-align: $toast-inner-text-align;
95
+ font-weight: var(--nutui-toast-text-font-weight, 400);
96
96
  /* #ifdef harmony dynamic*/
97
97
  line-height: normal;
98
98
  /* #endif */
@@ -103,9 +103,9 @@
103
103
  }
104
104
 
105
105
  &-title {
106
- color: #ffffff;
106
+ color: var(--nutui-toast-font-color, var(--nutui-white, #ffffff));
107
107
  font-size: $toast-title-font-size;
108
- font-weight: 600;
108
+ font-weight: var(--nutui-toast-title-font-weight, 600);
109
109
  text-align: $toast-inner-text-align;
110
110
  /* #ifdef harmony dynamic*/
111
111
  line-height: normal;
@@ -116,9 +116,12 @@
116
116
  }
117
117
 
118
118
  .nut-icon {
119
- width: scale-px(24px);
120
- height: scale-px(24px);
121
- color: #ffffff;
119
+ width: scale-px(20px);
120
+ height: scale-px(20px);
121
+ color: var(
122
+ --nutui-toast-icon-color,
123
+ var(--nutui-toast-font-color, var(--nutui-white, #ffffff))
124
+ );
122
125
  }
123
126
 
124
127
  &-icon-wrapper {
@@ -126,12 +129,16 @@
126
129
  display: flex;
127
130
  align-items: center;
128
131
  justify-content: center;
129
- margin: scale-px(3px) 0 scale-px(5px);
130
- color: #ffffff;
132
+ margin: 0;
133
+ padding: scale-px(10px) 0;
134
+ color: var(
135
+ --nutui-toast-icon-color,
136
+ var(--nutui-toast-font-color, var(--nutui-white, #ffffff))
137
+ );
131
138
 
132
139
  &-icon {
133
- width: scale-px(24px);
134
- height: scale-px(24px);
140
+ width: scale-px(20px);
141
+ height: scale-px(20px);
135
142
  }
136
143
  }
137
144
 
@@ -24,7 +24,7 @@ var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _overla
24
24
  contentClassName: '',
25
25
  contentStyle: {},
26
26
  wordBreak: 'break-all',
27
- duration: 2,
27
+ duration: 3,
28
28
  closeOnOverlayClick: false,
29
29
  lockScroll: false,
30
30
  zIndex: 1300,
@@ -1,9 +1,9 @@
1
1
  export type SimpleValue = string | number;
2
2
  export type SimpleValues = string[] | number[];
3
- export type UIType = 'default' | 'primary' | 'info' | 'success' | 'warning' | 'danger';
4
- export type UISize = 'xlarge' | 'large' | 'normal' | 'small' | 'mini';
3
+ export type UIType = 'default' | 'primary' | 'info' | 'success' | 'warning' | 'danger' | 'service';
4
+ export type UISize = 'xlarge' | 'large' | 'normal' | 'small' | 'mini' | '48' | '44' | '40' | '36' | '32' | '28' | '24';
5
5
  export type UIRound = 'square' | 'round';
6
- export type UIFill = 'solid' | 'outline' | 'dashed' | 'none';
6
+ export type UIFill = 'solid' | 'outline' | 'dashed' | 'none' | 'light';
7
7
  export type UILayout = 'row' | 'col';
8
8
  export type UITheme = 'light' | 'dark';
9
9
  export type FlexAlign = 'flex-start' | 'center' | 'flex-end' | 'baseline';
@@ -13,6 +13,7 @@ export interface BaseButton extends BaseProps {
13
13
  disabled: boolean;
14
14
  icon: ReactNode;
15
15
  rightIcon: ReactNode;
16
+ description?: ReactNode;
16
17
  id: string;
17
18
  nativeType: 'submit' | 'reset' | 'button';
18
19
  onClick: (e: MouseEvent<HTMLButtonElement>) => void;
@@ -14,9 +14,4 @@ export declare const getDeviceInfo: () => IDeviceInfo;
14
14
  * @returns {Taro.getWindowInfo.Result} 窗口信息
15
15
  */
16
16
  export declare const getWindowInfo: () => Taro.getWindowInfo.Result;
17
- /**
18
- * 获取应用基础信息,兼容新旧 API
19
- * @returns {Taro.getAppBaseInfo.Result} 应用基础信息
20
- */
21
- export declare const getAppBaseInfo: () => Taro.getAppBaseInfo.Result;
22
17
  export {};
@@ -9,9 +9,6 @@ function _export(target, all) {
9
9
  });
10
10
  }
11
11
  _export(exports, {
12
- get getAppBaseInfo () {
13
- return getAppBaseInfo;
14
- },
15
12
  get getDeviceInfo () {
16
13
  return getDeviceInfo;
17
14
  },
@@ -26,7 +23,5 @@ var getDeviceInfo = function getDeviceInfo() {
26
23
  };
27
24
  var getWindowInfo = function getWindowInfo() {
28
25
  return typeof _taro.default.getWindowInfo === 'function' ? _taro.default.getWindowInfo() : _taro.default.getSystemInfoSync();
29
- };
30
- var getAppBaseInfo = function getAppBaseInfo() {
31
- return typeof _taro.default.getAppBaseInfo === 'function' ? _taro.default.getAppBaseInfo() : _taro.default.getSystemInfoSync();
32
- };
26
+ } // /**
27
+ ;
@@ -3,6 +3,7 @@ import { useEffect, useRef } from "react";
3
3
  import isEqual from "react-fast-compare";
4
4
  import { eventCenter, getCurrentInstance } from "@tarojs/taro";
5
5
  import { useForceUpdate } from "../use-force-update";
6
+ // export const customEvents = new Events()
6
7
  export var customEvents = eventCenter;
7
8
  export function useCustomEventsPath(selector) {
8
9
  var _getCurrentInstance_router;
@@ -9,6 +9,11 @@ export interface BaseLang {
9
9
  edit: string;
10
10
  reset: string;
11
11
  close: string;
12
+ back: string;
13
+ clear: string;
14
+ image: {
15
+ errorTip: string;
16
+ };
12
17
  video: {
13
18
  errorTip: string;
14
19
  clickRetry: string;
@@ -39,6 +44,7 @@ export interface BaseLang {
39
44
  today: string;
40
45
  loadPreviousMonth: string;
41
46
  noEarlierMonth: string;
47
+ dayAriaLabel?: Function;
42
48
  };
43
49
  shortpassword: {
44
50
  title: string;
@@ -9,6 +9,11 @@ var enUS = {
9
9
  edit: 'Edit',
10
10
  reset: 'Reset',
11
11
  close: 'Close',
12
+ back: 'Back',
13
+ clear: 'Clear',
14
+ image: {
15
+ errorTip: 'Image failed to load'
16
+ },
12
17
  video: {
13
18
  errorTip: 'Error Tip',
14
19
  clickRetry: 'Click Retry'
@@ -48,7 +53,18 @@ var enUS = {
48
53
  },
49
54
  today: 'Today',
50
55
  loadPreviousMonth: 'Load Previous Month',
51
- noEarlierMonth: 'No Earlier Month'
56
+ noEarlierMonth: 'No Earlier Month',
57
+ dayAriaLabel: function(year, month, day, today, isActive, isDisable) {
58
+ var dateStr = "".concat(year, "-").concat(month, "-").concat(day);
59
+ var label = today ? "Today, ".concat(dateStr) : dateStr;
60
+ if (isActive) {
61
+ label = "Selected ".concat(label);
62
+ }
63
+ if (isDisable) {
64
+ label = "".concat(label, " disabled");
65
+ }
66
+ return label;
67
+ }
52
68
  },
53
69
  shortpassword: {
54
70
  title: 'Please input a password',
@@ -9,6 +9,11 @@ var idID = {
9
9
  edit: 'Sunting',
10
10
  reset: 'Mengatur Ulang',
11
11
  close: 'Tutup',
12
+ back: 'Kembali',
13
+ clear: 'Bersihkan',
14
+ image: {
15
+ errorTip: 'Gambar gagal dimuat'
16
+ },
12
17
  video: {
13
18
  errorTip: 'Terjadi Kesalahan',
14
19
  clickRetry: 'Coba Lagi'
@@ -48,7 +53,18 @@ var idID = {
48
53
  },
49
54
  today: 'Hari ini',
50
55
  loadPreviousMonth: 'Muat Bulan Sebelumnya',
51
- noEarlierMonth: 'Tidak Ada Bulan Sebelumnya'
56
+ noEarlierMonth: 'Tidak Ada Bulan Sebelumnya',
57
+ dayAriaLabel: function(year, month, day, today, isActive, isDisable) {
58
+ var dateStr = "".concat(year, "-").concat(month, "-").concat(day);
59
+ var label = today ? "Hari ini, ".concat(dateStr) : dateStr;
60
+ if (isActive) {
61
+ label = "Dipilih ".concat(label);
62
+ }
63
+ if (isDisable) {
64
+ label = "".concat(label, " dinonaktifkan");
65
+ }
66
+ return label;
67
+ }
52
68
  },
53
69
  shortpassword: {
54
70
  title: 'SIlakan masukan kata sandi',
@@ -8,6 +8,12 @@ var jaJP = {
8
8
  select: '選択してください',
9
9
  edit: '編集',
10
10
  reset: 'リセット',
11
+ close: '閉じる',
12
+ back: '戻る',
13
+ clear: 'クリア',
14
+ image: {
15
+ errorTip: '画像の読み込みに失敗しました'
16
+ },
11
17
  video: {
12
18
  errorTip: '動画の読み込みに失敗しました',
13
19
  clickRetry: 'クリックして再試行'
@@ -47,7 +53,16 @@ var jaJP = {
47
53
  },
48
54
  today: '今日',
49
55
  loadPreviousMonth: '前の月を読み込む',
50
- noEarlierMonth: 'これより前の月はありません'
56
+ noEarlierMonth: 'これより前の月はありません',
57
+ dayAriaLabel: function(year, month, day, today, isActive, isDisable) {
58
+ if (isActive) {
59
+ return today ? "今日".concat(month, "月").concat(day, "日を選択しました") : "".concat(month, "月").concat(day, "日を選択しました");
60
+ }
61
+ if (isDisable) {
62
+ return today ? "今日".concat(month, "月").concat(day, "日は無効です") : "".concat(month, "月").concat(day, "日は無効です");
63
+ }
64
+ return today ? "今日".concat(month, "月").concat(day, "日") : "".concat(month, "月").concat(day, "日");
65
+ }
51
66
  },
52
67
  shortpassword: {
53
68
  title: 'パスワードを入力してください',
@@ -155,7 +170,6 @@ var jaJP = {
155
170
  errorCanvasTips: '現在の環境はCanvasをサポートしていません'
156
171
  },
157
172
  mask: 'マスク',
158
- close: '閉じる',
159
173
  quickenter: {
160
174
  title: 'クイックアクセス'
161
175
  }
@@ -9,6 +9,11 @@ var trTR = {
9
9
  edit: 'düzenlemek',
10
10
  reset: 'sıfırlama',
11
11
  close: 'Kapat',
12
+ back: 'Geri',
13
+ clear: 'Temizle',
14
+ image: {
15
+ errorTip: 'Resim yüklenemedi'
16
+ },
12
17
  video: {
13
18
  errorTip: 'Video yüklenemedi',
14
19
  clickRetry: 'Yeniden Tıklayın'
@@ -48,7 +53,18 @@ var trTR = {
48
53
  },
49
54
  today: 'Bugün',
50
55
  loadPreviousMonth: 'Önceki ayı yükle',
51
- noEarlierMonth: 'Önceki ay yok'
56
+ noEarlierMonth: 'Önceki ay yok',
57
+ dayAriaLabel: function(year, month, day, today, isActive, isDisable) {
58
+ var dateStr = "".concat(year, "-").concat(month, "-").concat(day);
59
+ var label = today ? "Bug\xfcn, ".concat(dateStr) : dateStr;
60
+ if (isActive) {
61
+ label = "Se\xe7ili ".concat(label);
62
+ }
63
+ if (isDisable) {
64
+ label = "".concat(label, " devre dışı");
65
+ }
66
+ return label;
67
+ }
52
68
  },
53
69
  shortpassword: {
54
70
  title: 'Lütfen şifrenizi girin',
@@ -9,6 +9,11 @@ var viVN = {
9
9
  edit: 'Chỉnh sửa',
10
10
  reset: 'Đặt lại',
11
11
  close: 'Đóng',
12
+ back: 'Quay lại',
13
+ clear: 'Xóa',
14
+ image: {
15
+ errorTip: 'Tải ảnh không thành công'
16
+ },
12
17
  video: {
13
18
  errorTip: 'Tải video không thành công',
14
19
  clickRetry: 'Nhấn để thử lại'
@@ -48,7 +53,18 @@ var viVN = {
48
53
  },
49
54
  today: 'Hôm nay',
50
55
  loadPreviousMonth: 'Tải dữ liệu của tháng trước',
51
- noEarlierMonth: 'Không có tháng nào sớm hơn'
56
+ noEarlierMonth: 'Không có tháng nào sớm hơn',
57
+ dayAriaLabel: function(year, month, day, today, isActive, isDisable) {
58
+ var dateStr = "".concat(year, "-").concat(month, "-").concat(day);
59
+ var label = today ? "H\xf4m nay, ".concat(dateStr) : dateStr;
60
+ if (isActive) {
61
+ label = "Đ\xe3 chọn ".concat(label);
62
+ }
63
+ if (isDisable) {
64
+ label = "".concat(label, " bị v\xf4 hiệu");
65
+ }
66
+ return label;
67
+ }
52
68
  },
53
69
  shortpassword: {
54
70
  title: 'Vui lòng nhập mật khẩu',
@@ -9,6 +9,11 @@ var zhCN = {
9
9
  edit: '编辑',
10
10
  reset: '重置',
11
11
  close: '关闭',
12
+ back: '返回',
13
+ clear: '清除',
14
+ image: {
15
+ errorTip: '图片加载失败'
16
+ },
12
17
  video: {
13
18
  errorTip: '视频加载失败',
14
19
  clickRetry: '点击重试'
@@ -48,7 +53,16 @@ var zhCN = {
48
53
  },
49
54
  today: '今天',
50
55
  loadPreviousMonth: '加载上一个月',
51
- noEarlierMonth: '没有更早月份'
56
+ noEarlierMonth: '没有更早月份',
57
+ dayAriaLabel: function(year, month, day, today, isActive, isDisable) {
58
+ if (isActive) {
59
+ return today ? "已选定今日".concat(month, "月").concat(day, "号") : "已选定".concat(month, "月").concat(day, "号");
60
+ }
61
+ if (isDisable) {
62
+ return today ? "".concat(month, "月").concat(day, "号今日按钮变暗") : "".concat(month, "月").concat(day, "号按钮变暗");
63
+ }
64
+ return today ? "".concat(month, "月").concat(day, "号今日") : "".concat(month, "月").concat(day, "号");
65
+ }
52
66
  },
53
67
  shortpassword: {
54
68
  title: '请输入密码',
@@ -9,6 +9,11 @@ var zhCN = {
9
9
  edit: '編輯',
10
10
  reset: '重置',
11
11
  close: '關閉',
12
+ back: '返回',
13
+ clear: '清除',
14
+ image: {
15
+ errorTip: '圖片加載失敗'
16
+ },
12
17
  video: {
13
18
  errorTip: '視頻加載失敗',
14
19
  clickRetry: '點擊重試'
@@ -48,7 +53,16 @@ var zhCN = {
48
53
  },
49
54
  today: '今天',
50
55
  loadPreviousMonth: '加載上一個月',
51
- noEarlierMonth: '沒有更早月份'
56
+ noEarlierMonth: '沒有更早月份',
57
+ dayAriaLabel: function(year, month, day, today, isActive, isDisable) {
58
+ if (isActive) {
59
+ return today ? "已選定今日".concat(month, "月").concat(day, "號") : "已選定".concat(month, "月").concat(day, "號");
60
+ }
61
+ if (isDisable) {
62
+ return today ? "".concat(month, "月").concat(day, "號今日按鈕變暗") : "".concat(month, "月").concat(day, "號按鈕變暗");
63
+ }
64
+ return today ? "".concat(month, "月").concat(day, "號今日") : "".concat(month, "月").concat(day, "號");
65
+ }
52
66
  },
53
67
  shortpassword: {
54
68
  title: '請輸入密碼',
@@ -9,6 +9,11 @@ var zhUG = {
9
9
  edit: 'يحرر',
10
10
  reset: 'إعادة ضبط',
11
11
  close: 'تاقاش',
12
+ back: 'قايتىش',
13
+ clear: 'تاقاش',
14
+ image: {
15
+ errorTip: 'رەسىم يۈكلەش مەغلۇپ بولدى'
16
+ },
12
17
  video: {
13
18
  errorTip: 'فىلىمنى قويۇش مەغلۇپ بولدى',
14
19
  clickRetry: 'قايتا سىناش'
@@ -48,7 +53,18 @@ var zhUG = {
48
53
  },
49
54
  today: 'بۈگۈن',
50
55
  loadPreviousMonth: 'ئالدىنقى ئاي',
51
- noEarlierMonth: 'تۈگىدى'
56
+ noEarlierMonth: 'تۈگىدى',
57
+ dayAriaLabel: function(year, month, day, today, isActive, isDisable) {
58
+ var dateStr = "".concat(year, "-").concat(month, "-").concat(day);
59
+ var label = today ? "بۈگۈن, ".concat(dateStr) : dateStr;
60
+ if (isActive) {
61
+ label = "تاللانغان ".concat(label);
62
+ }
63
+ if (isDisable) {
64
+ label = "".concat(label, " چەكلەنگەن");
65
+ }
66
+ return label;
67
+ }
52
68
  },
53
69
  shortpassword: {
54
70
  title: 'مەخپى نومۇرنى كىرگۈزۈڭ',