@nutui/nutui-react-taro 3.0.19-cpp.28-beta.1 → 3.0.19-cpp.29-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 (53) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/dist/cjs/packages/calendar/style/calendar.scss +32 -1
  3. package/dist/cjs/packages/calendar/style/style.css +21 -1
  4. package/dist/cjs/packages/calendar/style/style.harmony.css +21 -1
  5. package/dist/cjs/packages/calendar/style-jmapp/calendar.scss +32 -1
  6. package/dist/cjs/packages/calendar/style-jmapp/style.css +21 -1
  7. package/dist/cjs/packages/calendar/style-jrkf/calendar.scss +32 -1
  8. package/dist/cjs/packages/calendar/style-jrkf/style.css +21 -1
  9. package/dist/cjs/packages/calendarcard/icon.js +4 -10
  10. package/dist/cjs/packages/calendarcard/style/calendarcard.scss +13 -0
  11. package/dist/cjs/packages/calendarcard/style/style.css +8 -0
  12. package/dist/cjs/packages/calendarcard/style/style.harmony.css +8 -0
  13. package/dist/cjs/packages/calendarcard/style-jmapp/calendarcard.scss +13 -0
  14. package/dist/cjs/packages/calendarcard/style-jmapp/style.css +8 -0
  15. package/dist/cjs/packages/calendarcard/style-jrkf/calendarcard.scss +13 -0
  16. package/dist/cjs/packages/calendarcard/style-jrkf/style.css +8 -0
  17. package/dist/cjs/packages/popup/popup.js +16 -8
  18. package/dist/cjs/packages/price/price.js +14 -3
  19. package/dist/cjs/types/spec/popup/base.d.ts +2 -0
  20. package/dist/cjs/utils/should-render-price-raw.d.ts +1 -0
  21. package/dist/cjs/utils/should-render-price-raw.js +34 -0
  22. package/dist/cjs/utils/taro/ConfigurableCSSTransition copy.d.ts +15 -0
  23. package/dist/cjs/utils/taro/ConfigurableCSSTransition copy.js +130 -0
  24. package/dist/es/packages/calendar/style/calendar.scss +32 -1
  25. package/dist/es/packages/calendar/style/style.css +21 -1
  26. package/dist/es/packages/calendar/style/style.harmony.css +21 -1
  27. package/dist/es/packages/calendar/style-jmapp/calendar.scss +32 -1
  28. package/dist/es/packages/calendar/style-jmapp/style.css +21 -1
  29. package/dist/es/packages/calendar/style-jrkf/calendar.scss +32 -1
  30. package/dist/es/packages/calendar/style-jrkf/style.css +21 -1
  31. package/dist/es/packages/calendarcard/icon.js +5 -11
  32. package/dist/es/packages/calendarcard/style/calendarcard.scss +13 -0
  33. package/dist/es/packages/calendarcard/style/style.css +8 -0
  34. package/dist/es/packages/calendarcard/style/style.harmony.css +8 -0
  35. package/dist/es/packages/calendarcard/style-jmapp/calendarcard.scss +13 -0
  36. package/dist/es/packages/calendarcard/style-jmapp/style.css +8 -0
  37. package/dist/es/packages/calendarcard/style-jrkf/calendarcard.scss +13 -0
  38. package/dist/es/packages/calendarcard/style-jrkf/style.css +8 -0
  39. package/dist/es/packages/popup/popup.js +16 -8
  40. package/dist/es/packages/price/price.js +14 -3
  41. package/dist/es/types/spec/popup/base.d.ts +2 -0
  42. package/dist/es/utils/should-render-price-raw.d.ts +1 -0
  43. package/dist/es/utils/should-render-price-raw.js +24 -0
  44. package/dist/es/utils/taro/ConfigurableCSSTransition copy.d.ts +15 -0
  45. package/dist/es/utils/taro/ConfigurableCSSTransition copy.js +119 -0
  46. package/dist/nutui.react.umd.js +57 -21
  47. package/dist/style-jmapp.css +1 -1
  48. package/dist/style-jmapp.scss +27 -27
  49. package/dist/style-jrkf.css +1 -1
  50. package/dist/style-jrkf.scss +27 -27
  51. package/dist/style.css +1 -1
  52. package/dist/style.scss +33 -33
  53. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,3 +1,10 @@
1
+ # v3.0.19-cpp.28
2
+
3
+ `2026-04-27`
4
+
5
+ - 🚀 feat(price): 组件增加原样渲染的兜底逻辑,支持输入内容包含无价格或多个价格时直接原样返回 (#3440)
6
+ - ♿️ feat(calendarcard): 补充无障碍支持 (A11y),增加 `dayAriaLabel` 多语言配置,开放 `renderDayAriaLabel` 以及在 Web 端支持了 `weekdays` 属性自定义星期的表头
7
+
1
8
  # v3.0.19-cpp.27
2
9
 
3
10
  `2026-04-24`
@@ -125,9 +125,20 @@
125
125
  font-weight: $calendar-day-font-weight;
126
126
  margin-bottom: 4px;
127
127
 
128
+ // 部分 Taro 机型下子节点不会稳定继承父级 color,颜色直接落到最内层文案。
129
+ &-day,
130
+ &-info-curr {
131
+ color: $color-title;
132
+ }
133
+
128
134
  &:nth-child(7n + 0),
129
135
  &:nth-child(7n + 1) {
130
136
  color: $color-primary;
137
+
138
+ .nut-calendar-day-day,
139
+ .nut-calendar-day-info-curr {
140
+ color: $color-primary;
141
+ }
131
142
  }
132
143
 
133
144
  &-info,
@@ -168,7 +179,12 @@
168
179
  border-bottom-right-radius: $calendar-day-active-border-radius;
169
180
  }
170
181
 
171
- .nut-calendar-day-info {
182
+ &.nut-calendar-day-active .nut-calendar-day-info {
183
+ color: $color-primary-text;
184
+ }
185
+
186
+ &.nut-calendar-day-active .nut-calendar-day-day,
187
+ &.nut-calendar-day-active .nut-calendar-day-info-curr {
172
188
  color: $color-primary-text;
173
189
  }
174
190
  }
@@ -176,6 +192,11 @@
176
192
  &-disabled {
177
193
  color: $calendar-disable-color !important;
178
194
 
195
+ &.nut-calendar-day-disabled .nut-calendar-day-day,
196
+ &.nut-calendar-day-disabled .nut-calendar-day-info-curr {
197
+ color: $calendar-disable-color;
198
+ }
199
+
179
200
  .nut-calendar-day-info-curr {
180
201
  display: none;
181
202
  }
@@ -185,10 +206,20 @@
185
206
  background-color: $calendar-choose-background-color;
186
207
  color: $calendar-choose-color;
187
208
 
209
+ &.nut-calendar-day-choose .nut-calendar-day-day,
210
+ &.nut-calendar-day-choose .nut-calendar-day-info-curr {
211
+ color: $calendar-choose-color;
212
+ }
213
+
188
214
  &-disabled {
189
215
  background-color: $calendar-choose-disable-background-color;
190
216
  color: $calendar-disable-color !important;
191
217
 
218
+ &.nut-calendar-day-choose-disabled .nut-calendar-day-day,
219
+ &.nut-calendar-day-choose-disabled .nut-calendar-day-info-curr {
220
+ color: $calendar-disable-color;
221
+ }
222
+
192
223
  .nut-calendar-day-info-curr {
193
224
  display: none;
194
225
  }
@@ -104,9 +104,17 @@
104
104
  font-weight: var(--nutui-calendar-day-font-weight, var(--nutui-font-weight-bold, 600));
105
105
  margin-bottom: 4px;
106
106
  }
107
+ .nut-calendar-day-day, .nut-calendar-day-info-curr {
108
+ color: var(--nutui-color-title, #1a1a1a);
109
+ }
107
110
  .nut-calendar-day:nth-child(7n+0), .nut-calendar-day:nth-child(7n+1) {
108
111
  color: var(--nutui-color-primary, #ff0f23);
109
112
  }
113
+ .nut-calendar-day:nth-child(7n+0) .nut-calendar-day-day,
114
+ .nut-calendar-day:nth-child(7n+0) .nut-calendar-day-info-curr, .nut-calendar-day:nth-child(7n+1) .nut-calendar-day-day,
115
+ .nut-calendar-day:nth-child(7n+1) .nut-calendar-day-info-curr {
116
+ color: var(--nutui-color-primary, #ff0f23);
117
+ }
110
118
  .nut-calendar-day-info, .nut-calendar-day-info-curr {
111
119
  position: absolute;
112
120
  bottom: 5px;
@@ -139,12 +147,18 @@
139
147
  border-top-right-radius: var(--nutui-calendar-day-active-border-radius, 4px);
140
148
  border-bottom-right-radius: var(--nutui-calendar-day-active-border-radius, 4px);
141
149
  }
142
- .nut-calendar-day-active .nut-calendar-day-info {
150
+ .nut-calendar-day-active.nut-calendar-day-active .nut-calendar-day-info {
151
+ color: #ffffff;
152
+ }
153
+ .nut-calendar-day-active.nut-calendar-day-active .nut-calendar-day-day, .nut-calendar-day-active.nut-calendar-day-active .nut-calendar-day-info-curr {
143
154
  color: #ffffff;
144
155
  }
145
156
  .nut-calendar-day-disabled {
146
157
  color: var(--nutui-calendar-disable-color, var(--nutui-color-text-disabled, #c2c4cc)) !important;
147
158
  }
159
+ .nut-calendar-day-disabled.nut-calendar-day-disabled .nut-calendar-day-day, .nut-calendar-day-disabled.nut-calendar-day-disabled .nut-calendar-day-info-curr {
160
+ color: var(--nutui-calendar-disable-color, var(--nutui-color-text-disabled, #c2c4cc));
161
+ }
148
162
  .nut-calendar-day-disabled .nut-calendar-day-info-curr {
149
163
  display: none;
150
164
  }
@@ -152,10 +166,16 @@
152
166
  background-color: var(--nutui-calendar-choose-background-color, var(--nutui-color-primary-light-pressed, #ffebf1));
153
167
  color: var(--nutui-calendar-choose-color, var(--nutui-color-primary, #ff0f23));
154
168
  }
169
+ .nut-calendar-day-choose.nut-calendar-day-choose .nut-calendar-day-day, .nut-calendar-day-choose.nut-calendar-day-choose .nut-calendar-day-info-curr {
170
+ color: var(--nutui-calendar-choose-color, var(--nutui-color-primary, #ff0f23));
171
+ }
155
172
  .nut-calendar-day-choose-disabled {
156
173
  background-color: var(--nutui-calendar-choose-disable-background-color, rgba(191, 191, 191, 0.09));
157
174
  color: var(--nutui-calendar-disable-color, var(--nutui-color-text-disabled, #c2c4cc)) !important;
158
175
  }
176
+ .nut-calendar-day-choose-disabled.nut-calendar-day-choose-disabled .nut-calendar-day-day, .nut-calendar-day-choose-disabled.nut-calendar-day-choose-disabled .nut-calendar-day-info-curr {
177
+ color: var(--nutui-calendar-disable-color, var(--nutui-color-text-disabled, #c2c4cc));
178
+ }
159
179
  .nut-calendar-day-choose-disabled .nut-calendar-day-info-curr {
160
180
  display: none;
161
181
  }
@@ -505,9 +505,17 @@
505
505
  font-weight: var(--nutui-calendar-day-font-weight, var(--nutui-font-weight-bold, 600));
506
506
  margin-bottom: 4px;
507
507
  }
508
+ .nut-calendar-day-day, .nut-calendar-day-info-curr {
509
+ color: var(--nutui-color-title, #1a1a1a);
510
+ }
508
511
  .nut-calendar-day:nth-child(7n+0), .nut-calendar-day:nth-child(7n+1) {
509
512
  color: var(--nutui-color-primary, #ff0f23);
510
513
  }
514
+ .nut-calendar-day:nth-child(7n+0) .nut-calendar-day-day,
515
+ .nut-calendar-day:nth-child(7n+0) .nut-calendar-day-info-curr, .nut-calendar-day:nth-child(7n+1) .nut-calendar-day-day,
516
+ .nut-calendar-day:nth-child(7n+1) .nut-calendar-day-info-curr {
517
+ color: var(--nutui-color-primary, #ff0f23);
518
+ }
511
519
  .nut-calendar-day-info, .nut-calendar-day-info-curr {
512
520
  position: absolute;
513
521
  bottom: 5px;
@@ -540,12 +548,18 @@
540
548
  border-top-right-radius: var(--nutui-calendar-day-active-border-radius, 4px);
541
549
  border-bottom-right-radius: var(--nutui-calendar-day-active-border-radius, 4px);
542
550
  }
543
- .nut-calendar-day-active .nut-calendar-day-info {
551
+ .nut-calendar-day-active.nut-calendar-day-active .nut-calendar-day-info {
552
+ color: #ffffff;
553
+ }
554
+ .nut-calendar-day-active.nut-calendar-day-active .nut-calendar-day-day, .nut-calendar-day-active.nut-calendar-day-active .nut-calendar-day-info-curr {
544
555
  color: #ffffff;
545
556
  }
546
557
  .nut-calendar-day-disabled {
547
558
  color: var(--nutui-calendar-disable-color, var(--nutui-color-text-disabled, #c2c4cc)) !important;
548
559
  }
560
+ .nut-calendar-day-disabled.nut-calendar-day-disabled .nut-calendar-day-day, .nut-calendar-day-disabled.nut-calendar-day-disabled .nut-calendar-day-info-curr {
561
+ color: var(--nutui-calendar-disable-color, var(--nutui-color-text-disabled, #c2c4cc));
562
+ }
549
563
  .nut-calendar-day-disabled .nut-calendar-day-info-curr {
550
564
  display: none;
551
565
  }
@@ -553,10 +567,16 @@
553
567
  background-color: var(--nutui-calendar-choose-background-color, var(--nutui-color-primary-light-pressed, #ffebf1));
554
568
  color: var(--nutui-calendar-choose-color, var(--nutui-color-primary, #ff0f23));
555
569
  }
570
+ .nut-calendar-day-choose.nut-calendar-day-choose .nut-calendar-day-day, .nut-calendar-day-choose.nut-calendar-day-choose .nut-calendar-day-info-curr {
571
+ color: var(--nutui-calendar-choose-color, var(--nutui-color-primary, #ff0f23));
572
+ }
556
573
  .nut-calendar-day-choose-disabled {
557
574
  background-color: var(--nutui-calendar-choose-disable-background-color, rgba(191, 191, 191, 0.09));
558
575
  color: var(--nutui-calendar-disable-color, var(--nutui-color-text-disabled, #c2c4cc)) !important;
559
576
  }
577
+ .nut-calendar-day-choose-disabled.nut-calendar-day-choose-disabled .nut-calendar-day-day, .nut-calendar-day-choose-disabled.nut-calendar-day-choose-disabled .nut-calendar-day-info-curr {
578
+ color: var(--nutui-calendar-disable-color, var(--nutui-color-text-disabled, #c2c4cc));
579
+ }
560
580
  .nut-calendar-day-choose-disabled .nut-calendar-day-info-curr {
561
581
  display: none;
562
582
  }
@@ -125,9 +125,20 @@
125
125
  font-weight: $calendar-day-font-weight;
126
126
  margin-bottom: 4px;
127
127
 
128
+ // 部分 Taro 机型下子节点不会稳定继承父级 color,颜色直接落到最内层文案。
129
+ &-day,
130
+ &-info-curr {
131
+ color: $color-title;
132
+ }
133
+
128
134
  &:nth-child(7n + 0),
129
135
  &:nth-child(7n + 1) {
130
136
  color: $color-primary;
137
+
138
+ .nut-calendar-day-day,
139
+ .nut-calendar-day-info-curr {
140
+ color: $color-primary;
141
+ }
131
142
  }
132
143
 
133
144
  &-info,
@@ -168,7 +179,12 @@
168
179
  border-bottom-right-radius: $calendar-day-active-border-radius;
169
180
  }
170
181
 
171
- .nut-calendar-day-info {
182
+ &.nut-calendar-day-active .nut-calendar-day-info {
183
+ color: $color-primary-text;
184
+ }
185
+
186
+ &.nut-calendar-day-active .nut-calendar-day-day,
187
+ &.nut-calendar-day-active .nut-calendar-day-info-curr {
172
188
  color: $color-primary-text;
173
189
  }
174
190
  }
@@ -176,6 +192,11 @@
176
192
  &-disabled {
177
193
  color: $calendar-disable-color !important;
178
194
 
195
+ &.nut-calendar-day-disabled .nut-calendar-day-day,
196
+ &.nut-calendar-day-disabled .nut-calendar-day-info-curr {
197
+ color: $calendar-disable-color;
198
+ }
199
+
179
200
  .nut-calendar-day-info-curr {
180
201
  display: none;
181
202
  }
@@ -185,10 +206,20 @@
185
206
  background-color: $calendar-choose-background-color;
186
207
  color: $calendar-choose-color;
187
208
 
209
+ &.nut-calendar-day-choose .nut-calendar-day-day,
210
+ &.nut-calendar-day-choose .nut-calendar-day-info-curr {
211
+ color: $calendar-choose-color;
212
+ }
213
+
188
214
  &-disabled {
189
215
  background-color: $calendar-choose-disable-background-color;
190
216
  color: $calendar-disable-color !important;
191
217
 
218
+ &.nut-calendar-day-choose-disabled .nut-calendar-day-day,
219
+ &.nut-calendar-day-choose-disabled .nut-calendar-day-info-curr {
220
+ color: $calendar-disable-color;
221
+ }
222
+
192
223
  .nut-calendar-day-info-curr {
193
224
  display: none;
194
225
  }
@@ -104,9 +104,17 @@
104
104
  font-weight: var(--nutui-calendar-day-font-weight, var(--nutui-font-weight-bold));
105
105
  margin-bottom: 4px;
106
106
  }
107
+ .nut-calendar-day-day, .nut-calendar-day-info-curr {
108
+ color: var(--nutui-color-title);
109
+ }
107
110
  .nut-calendar-day:nth-child(7n+0), .nut-calendar-day:nth-child(7n+1) {
108
111
  color: var(--nutui-color-primary);
109
112
  }
113
+ .nut-calendar-day:nth-child(7n+0) .nut-calendar-day-day,
114
+ .nut-calendar-day:nth-child(7n+0) .nut-calendar-day-info-curr, .nut-calendar-day:nth-child(7n+1) .nut-calendar-day-day,
115
+ .nut-calendar-day:nth-child(7n+1) .nut-calendar-day-info-curr {
116
+ color: var(--nutui-color-primary);
117
+ }
110
118
  .nut-calendar-day-info, .nut-calendar-day-info-curr {
111
119
  position: absolute;
112
120
  bottom: 5px;
@@ -139,12 +147,18 @@
139
147
  border-top-right-radius: var(--nutui-calendar-day-active-border-radius, 4px);
140
148
  border-bottom-right-radius: var(--nutui-calendar-day-active-border-radius, 4px);
141
149
  }
142
- .nut-calendar-day-active .nut-calendar-day-info {
150
+ .nut-calendar-day-active.nut-calendar-day-active .nut-calendar-day-info {
151
+ color: var(--nutui-color-text-dark);
152
+ }
153
+ .nut-calendar-day-active.nut-calendar-day-active .nut-calendar-day-day, .nut-calendar-day-active.nut-calendar-day-active .nut-calendar-day-info-curr {
143
154
  color: var(--nutui-color-text-dark);
144
155
  }
145
156
  .nut-calendar-day-disabled {
146
157
  color: var(--nutui-calendar-disable-color, var(--nutui-color-text-disabled)) !important;
147
158
  }
159
+ .nut-calendar-day-disabled.nut-calendar-day-disabled .nut-calendar-day-day, .nut-calendar-day-disabled.nut-calendar-day-disabled .nut-calendar-day-info-curr {
160
+ color: var(--nutui-calendar-disable-color, var(--nutui-color-text-disabled));
161
+ }
148
162
  .nut-calendar-day-disabled .nut-calendar-day-info-curr {
149
163
  display: none;
150
164
  }
@@ -152,10 +166,16 @@
152
166
  background-color: var(--nutui-calendar-choose-background-color, var(--nutui-color-primary-light-pressed));
153
167
  color: var(--nutui-calendar-choose-color, var(--nutui-color-primary));
154
168
  }
169
+ .nut-calendar-day-choose.nut-calendar-day-choose .nut-calendar-day-day, .nut-calendar-day-choose.nut-calendar-day-choose .nut-calendar-day-info-curr {
170
+ color: var(--nutui-calendar-choose-color, var(--nutui-color-primary));
171
+ }
155
172
  .nut-calendar-day-choose-disabled {
156
173
  background-color: var(--nutui-calendar-choose-disable-background-color, rgba(191, 191, 191, 0.09));
157
174
  color: var(--nutui-calendar-disable-color, var(--nutui-color-text-disabled)) !important;
158
175
  }
176
+ .nut-calendar-day-choose-disabled.nut-calendar-day-choose-disabled .nut-calendar-day-day, .nut-calendar-day-choose-disabled.nut-calendar-day-choose-disabled .nut-calendar-day-info-curr {
177
+ color: var(--nutui-calendar-disable-color, var(--nutui-color-text-disabled));
178
+ }
159
179
  .nut-calendar-day-choose-disabled .nut-calendar-day-info-curr {
160
180
  display: none;
161
181
  }
@@ -125,9 +125,20 @@
125
125
  font-weight: $calendar-day-font-weight;
126
126
  margin-bottom: 4px;
127
127
 
128
+ // 部分 Taro 机型下子节点不会稳定继承父级 color,颜色直接落到最内层文案。
129
+ &-day,
130
+ &-info-curr {
131
+ color: $color-title;
132
+ }
133
+
128
134
  &:nth-child(7n + 0),
129
135
  &:nth-child(7n + 1) {
130
136
  color: $color-primary;
137
+
138
+ .nut-calendar-day-day,
139
+ .nut-calendar-day-info-curr {
140
+ color: $color-primary;
141
+ }
131
142
  }
132
143
 
133
144
  &-info,
@@ -168,7 +179,12 @@
168
179
  border-bottom-right-radius: $calendar-day-active-border-radius;
169
180
  }
170
181
 
171
- .nut-calendar-day-info {
182
+ &.nut-calendar-day-active .nut-calendar-day-info {
183
+ color: $color-primary-text;
184
+ }
185
+
186
+ &.nut-calendar-day-active .nut-calendar-day-day,
187
+ &.nut-calendar-day-active .nut-calendar-day-info-curr {
172
188
  color: $color-primary-text;
173
189
  }
174
190
  }
@@ -176,6 +192,11 @@
176
192
  &-disabled {
177
193
  color: $calendar-disable-color !important;
178
194
 
195
+ &.nut-calendar-day-disabled .nut-calendar-day-day,
196
+ &.nut-calendar-day-disabled .nut-calendar-day-info-curr {
197
+ color: $calendar-disable-color;
198
+ }
199
+
179
200
  .nut-calendar-day-info-curr {
180
201
  display: none;
181
202
  }
@@ -185,10 +206,20 @@
185
206
  background-color: $calendar-choose-background-color;
186
207
  color: $calendar-choose-color;
187
208
 
209
+ &.nut-calendar-day-choose .nut-calendar-day-day,
210
+ &.nut-calendar-day-choose .nut-calendar-day-info-curr {
211
+ color: $calendar-choose-color;
212
+ }
213
+
188
214
  &-disabled {
189
215
  background-color: $calendar-choose-disable-background-color;
190
216
  color: $calendar-disable-color !important;
191
217
 
218
+ &.nut-calendar-day-choose-disabled .nut-calendar-day-day,
219
+ &.nut-calendar-day-choose-disabled .nut-calendar-day-info-curr {
220
+ color: $calendar-disable-color;
221
+ }
222
+
192
223
  .nut-calendar-day-info-curr {
193
224
  display: none;
194
225
  }
@@ -104,9 +104,17 @@
104
104
  font-weight: var(--nutui-calendar-day-font-weight, var(--nutui-font-weight-bold));
105
105
  margin-bottom: 4px;
106
106
  }
107
+ .nut-calendar-day-day, .nut-calendar-day-info-curr {
108
+ color: var(--nutui-color-title);
109
+ }
107
110
  .nut-calendar-day:nth-child(7n+0), .nut-calendar-day:nth-child(7n+1) {
108
111
  color: var(--nutui-color-primary, #ff6666);
109
112
  }
113
+ .nut-calendar-day:nth-child(7n+0) .nut-calendar-day-day,
114
+ .nut-calendar-day:nth-child(7n+0) .nut-calendar-day-info-curr, .nut-calendar-day:nth-child(7n+1) .nut-calendar-day-day,
115
+ .nut-calendar-day:nth-child(7n+1) .nut-calendar-day-info-curr {
116
+ color: var(--nutui-color-primary, #ff6666);
117
+ }
110
118
  .nut-calendar-day-info, .nut-calendar-day-info-curr {
111
119
  position: absolute;
112
120
  bottom: 5px;
@@ -139,12 +147,18 @@
139
147
  border-top-right-radius: var(--nutui-calendar-day-active-border-radius, 4px);
140
148
  border-bottom-right-radius: var(--nutui-calendar-day-active-border-radius, 4px);
141
149
  }
142
- .nut-calendar-day-active .nut-calendar-day-info {
150
+ .nut-calendar-day-active.nut-calendar-day-active .nut-calendar-day-info {
151
+ color: var(--nutui-color-text-dark);
152
+ }
153
+ .nut-calendar-day-active.nut-calendar-day-active .nut-calendar-day-day, .nut-calendar-day-active.nut-calendar-day-active .nut-calendar-day-info-curr {
143
154
  color: var(--nutui-color-text-dark);
144
155
  }
145
156
  .nut-calendar-day-disabled {
146
157
  color: var(--nutui-calendar-disable-color, var(--nutui-color-text-disabled)) !important;
147
158
  }
159
+ .nut-calendar-day-disabled.nut-calendar-day-disabled .nut-calendar-day-day, .nut-calendar-day-disabled.nut-calendar-day-disabled .nut-calendar-day-info-curr {
160
+ color: var(--nutui-calendar-disable-color, var(--nutui-color-text-disabled));
161
+ }
148
162
  .nut-calendar-day-disabled .nut-calendar-day-info-curr {
149
163
  display: none;
150
164
  }
@@ -152,10 +166,16 @@
152
166
  background-color: var(--nutui-calendar-choose-background-color, var(--nutui-color-primary-light, #ffe5e5));
153
167
  color: var(--nutui-calendar-choose-color, var(--nutui-color-primary, #ff6666));
154
168
  }
169
+ .nut-calendar-day-choose.nut-calendar-day-choose .nut-calendar-day-day, .nut-calendar-day-choose.nut-calendar-day-choose .nut-calendar-day-info-curr {
170
+ color: var(--nutui-calendar-choose-color, var(--nutui-color-primary, #ff6666));
171
+ }
155
172
  .nut-calendar-day-choose-disabled {
156
173
  background-color: var(--nutui-calendar-choose-disable-background-color, rgba(191, 191, 191, 0.09));
157
174
  color: var(--nutui-calendar-disable-color, var(--nutui-color-text-disabled)) !important;
158
175
  }
176
+ .nut-calendar-day-choose-disabled.nut-calendar-day-choose-disabled .nut-calendar-day-day, .nut-calendar-day-choose-disabled.nut-calendar-day-choose-disabled .nut-calendar-day-info-curr {
177
+ color: var(--nutui-calendar-disable-color, var(--nutui-color-text-disabled));
178
+ }
159
179
  .nut-calendar-day-choose-disabled .nut-calendar-day-info-curr {
160
180
  display: none;
161
181
  }
@@ -38,19 +38,13 @@ if (process.env.TARO_ENV === 'jdharmony_cpp') {
38
38
  var Icon = function Icon(param) {
39
39
  var url = param.url;
40
40
  var style = {
41
- background: "url('".concat(url, "') no-repeat center"),
42
- backgroundSize: '100% 100%',
43
41
  width: 18,
44
42
  height: 18
45
43
  };
46
- if (process.env.TARO_ENV === 'jdharmony_cpp') {
47
- return /*#__PURE__*/ _react.default.createElement(_components.Image, {
48
- src: url,
49
- style: style
50
- });
51
- }
52
- return /*#__PURE__*/ _react.default.createElement(_components.View, {
53
- style: style
44
+ return /*#__PURE__*/ _react.default.createElement(_components.Image, {
45
+ src: url,
46
+ style: style,
47
+ mode: "aspectFit"
54
48
  });
55
49
  };
56
50
  var ArrowLeft = function ArrowLeft() {
@@ -49,6 +49,13 @@
49
49
  margin-bottom: 4px;
50
50
  text-align: center;
51
51
 
52
+ // 部分 Taro 机型下子节点不会稳定继承父级 color,颜色直接落到最内层文案。
53
+ &-top,
54
+ &-inner,
55
+ &-bottom {
56
+ color: $color-title;
57
+ }
58
+
52
59
  &.header {
53
60
  cursor: auto;
54
61
  }
@@ -66,6 +73,12 @@
66
73
 
67
74
  &.weekend {
68
75
  color: $calendar-choose-color;
76
+
77
+ .nut-calendarcard-day-top,
78
+ .nut-calendarcard-day-inner,
79
+ .nut-calendarcard-day-bottom {
80
+ color: $calendar-choose-color;
81
+ }
69
82
  }
70
83
 
71
84
  &.active {
@@ -47,6 +47,9 @@
47
47
  margin-bottom: 4px;
48
48
  text-align: center;
49
49
  }
50
+ .nut-calendarcard-day-top, .nut-calendarcard-day-inner, .nut-calendarcard-day-bottom {
51
+ color: var(--nutui-color-title, #1a1a1a);
52
+ }
50
53
  .nut-calendarcard-day.header {
51
54
  cursor: auto;
52
55
  }
@@ -62,6 +65,11 @@
62
65
  .nut-calendarcard-day.weekend {
63
66
  color: var(--nutui-calendar-choose-color, var(--nutui-color-primary, #ff0f23));
64
67
  }
68
+ .nut-calendarcard-day.weekend .nut-calendarcard-day-top,
69
+ .nut-calendarcard-day.weekend .nut-calendarcard-day-inner,
70
+ .nut-calendarcard-day.weekend .nut-calendarcard-day-bottom {
71
+ color: var(--nutui-calendar-choose-color, var(--nutui-color-primary, #ff0f23));
72
+ }
65
73
  .nut-calendarcard-day.active {
66
74
  background-color: var(--nutui-calendar-active-background-color, var(--nutui-color-primary, #ff0f23));
67
75
  border-radius: var(--nutui-calendar-day-active-border-radius, 4px);
@@ -47,6 +47,9 @@
47
47
  margin-bottom: 4px;
48
48
  text-align: center;
49
49
  }
50
+ .nut-calendarcard-day-top, .nut-calendarcard-day-inner, .nut-calendarcard-day-bottom {
51
+ color: var(--nutui-color-title, #1a1a1a);
52
+ }
50
53
  .nut-calendarcard-day.header {
51
54
  cursor: auto;
52
55
  }
@@ -62,6 +65,11 @@
62
65
  .nut-calendarcard-day.weekend {
63
66
  color: var(--nutui-calendar-choose-color, var(--nutui-color-primary, #ff0f23));
64
67
  }
68
+ .nut-calendarcard-day.weekend .nut-calendarcard-day-top,
69
+ .nut-calendarcard-day.weekend .nut-calendarcard-day-inner,
70
+ .nut-calendarcard-day.weekend .nut-calendarcard-day-bottom {
71
+ color: var(--nutui-calendar-choose-color, var(--nutui-color-primary, #ff0f23));
72
+ }
65
73
  .nut-calendarcard-day.active {
66
74
  background-color: var(--nutui-calendar-active-background-color, var(--nutui-color-primary, #ff0f23));
67
75
  border-radius: var(--nutui-calendar-day-active-border-radius, 4px);
@@ -49,6 +49,13 @@
49
49
  margin-bottom: 4px;
50
50
  text-align: center;
51
51
 
52
+ // 部分 Taro 机型下子节点不会稳定继承父级 color,颜色直接落到最内层文案。
53
+ &-top,
54
+ &-inner,
55
+ &-bottom {
56
+ color: $color-title;
57
+ }
58
+
52
59
  &.header {
53
60
  cursor: auto;
54
61
  }
@@ -66,6 +73,12 @@
66
73
 
67
74
  &.weekend {
68
75
  color: $calendar-choose-color;
76
+
77
+ .nut-calendarcard-day-top,
78
+ .nut-calendarcard-day-inner,
79
+ .nut-calendarcard-day-bottom {
80
+ color: $calendar-choose-color;
81
+ }
69
82
  }
70
83
 
71
84
  &.active {
@@ -47,6 +47,9 @@
47
47
  margin-bottom: 4px;
48
48
  text-align: center;
49
49
  }
50
+ .nut-calendarcard-day-top, .nut-calendarcard-day-inner, .nut-calendarcard-day-bottom {
51
+ color: var(--nutui-color-title);
52
+ }
50
53
  .nut-calendarcard-day.header {
51
54
  cursor: auto;
52
55
  }
@@ -62,6 +65,11 @@
62
65
  .nut-calendarcard-day.weekend {
63
66
  color: var(--nutui-calendar-choose-color, var(--nutui-color-primary));
64
67
  }
68
+ .nut-calendarcard-day.weekend .nut-calendarcard-day-top,
69
+ .nut-calendarcard-day.weekend .nut-calendarcard-day-inner,
70
+ .nut-calendarcard-day.weekend .nut-calendarcard-day-bottom {
71
+ color: var(--nutui-calendar-choose-color, var(--nutui-color-primary));
72
+ }
65
73
  .nut-calendarcard-day.active {
66
74
  background-color: var(--nutui-calendar-active-background-color, var(--nutui-color-primary));
67
75
  border-radius: var(--nutui-calendar-day-active-border-radius, 4px);
@@ -49,6 +49,13 @@
49
49
  margin-bottom: 4px;
50
50
  text-align: center;
51
51
 
52
+ // 部分 Taro 机型下子节点不会稳定继承父级 color,颜色直接落到最内层文案。
53
+ &-top,
54
+ &-inner,
55
+ &-bottom {
56
+ color: $color-title;
57
+ }
58
+
52
59
  &.header {
53
60
  cursor: auto;
54
61
  }
@@ -66,6 +73,12 @@
66
73
 
67
74
  &.weekend {
68
75
  color: $calendar-choose-color;
76
+
77
+ .nut-calendarcard-day-top,
78
+ .nut-calendarcard-day-inner,
79
+ .nut-calendarcard-day-bottom {
80
+ color: $calendar-choose-color;
81
+ }
69
82
  }
70
83
 
71
84
  &.active {
@@ -47,6 +47,9 @@
47
47
  margin-bottom: 4px;
48
48
  text-align: center;
49
49
  }
50
+ .nut-calendarcard-day-top, .nut-calendarcard-day-inner, .nut-calendarcard-day-bottom {
51
+ color: var(--nutui-color-title);
52
+ }
50
53
  .nut-calendarcard-day.header {
51
54
  cursor: auto;
52
55
  }
@@ -62,6 +65,11 @@
62
65
  .nut-calendarcard-day.weekend {
63
66
  color: var(--nutui-calendar-choose-color, var(--nutui-color-primary, #ff6666));
64
67
  }
68
+ .nut-calendarcard-day.weekend .nut-calendarcard-day-top,
69
+ .nut-calendarcard-day.weekend .nut-calendarcard-day-inner,
70
+ .nut-calendarcard-day.weekend .nut-calendarcard-day-bottom {
71
+ color: var(--nutui-calendar-choose-color, var(--nutui-color-primary, #ff6666));
72
+ }
65
73
  .nut-calendarcard-day.active {
66
74
  background-color: var(--nutui-calendar-active-background-color, var(--nutui-color-primary, #ff6666));
67
75
  border-radius: var(--nutui-calendar-day-active-border-radius, 4px);